@charset "UTF-8";
@import url("rtl.css");
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Stencil+Text:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@200;300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
/*! * Bootstrap v4.5.0 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
 :root {
     --blue: #007bff;
     --indigo: #6610f2;
     --purple: #6f42c1;
     --pink: #e83e8c;
     --red: #dc3545;
     --orange: #fd7e14;
     --yellow: #ffc107;
     --green: #28a745;
     --teal: #20c997;
     --cyan: #17a2b8;
     --white: #ffffff;
     --gray: #7E8299;
     --gray-dark: rgba(63, 66, 84, 0.9);
     --primary: #calc;
     --secondary: #E4E6EF;
     --success: #32D0A5;
     --info: #7B6FFF;
     --warning: #FFA800;
     --danger: #F64E60;
     --light: #F3F6F9;
     --dark: #181C32;
     --white: #ffffff;
     --breakpoint-xs: 0;
     --breakpoint-sm: 576px;
     --breakpoint-md: 768px;
     --breakpoint-lg: 992px;
     --breakpoint-xl: 1200px;
     --breakpoint-xxl: 1400px;
     --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     --border-light:#DBE3F2;
     --border-form-control:#E4E6EF;
     --border-light-v2:#F0F4FF;
     --border-light-primary-v2:#C3D4F6;
}
 *, *::before, *::after {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
@font-face {
    font-family: feather;
    src: url(../fonts/feather/fonts/feather.eot?9xfrq8);
    src: url(../fonts/feather/fonts/feather.eot?9xfrq8#iefix) format("embedded-opentype"), url(../fonts/feather/fonts/feather.ttf?9xfrq8) format("truetype"), url(../fonts/feather/fonts/feather.woff?9xfrq8) format("woff"),
        url(../fonts/feather/fonts/feather.svg?9xfrq8#feather) format("svg");
    font-weight: 400;
    font-style: normal;
}
[class*=" ft-"],
[class^="ft-"] {
    font-family: feather !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
 html {
     font-family: sans-serif;
     line-height: 1.15;
     -webkit-text-size-adjust: 100%;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
 article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
     display: block;
}
 body {
     margin: 0;
     font-family: 'Ubuntu', sans-serif;
     font-size: 1.1rem;
     font-weight: 400;
     line-height: 1.5;
     color: rgba(63, 66, 84, 0.9);
     text-align: left;
     background-color: #ffffff;
}
.font-zilla{
    font-family: "Zilla Slab", serif;
    }
 [tabindex="-1"]:focus:not(:focus-visible) {
     outline: 0 !important;
}
 hr {
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
     height: 0;
     overflow: visible;
}
 h1, h2, h3, h4, h5, h6 {
     margin-top: 0;
     margin-bottom: 0.5rem;
}
 p {
     margin-top: 0;
     margin-bottom: 1rem;
}
 abbr[title], abbr[data-original-title] {
     text-decoration: underline;
     -webkit-text-decoration: underline dotted;
     text-decoration: underline dotted;
     cursor: help;
     border-bottom: 0;
     -webkit-text-decoration-skip-ink: none;
     text-decoration-skip-ink: none;
}
 address {
     margin-bottom: 1rem;
     font-style: normal;
     line-height: inherit;
}
 ol, ul, dl {
     margin-top: 0;
     margin-bottom: 1rem;
}
 ol ol, ul ul, ol ul, ul ol {
     margin-bottom: 0;
}
 dt {
     font-weight: 500;
}
 dd {
     margin-bottom: .5rem;
     margin-left: 0;
}
 blockquote:not(.trumbowyg-editor-box blockquote) {
     margin: 0 0 1rem;
}
 b, strong {
     font-weight: 600;
}
 small {
     font-size: 80%;
}
 sub, sup {
     position: relative;
     font-size: 75%;
     line-height: 0;
     vertical-align: baseline;
}
 sub {
     bottom: -.25em;
}
 sup {
     top: -.5em;
}
 a {
     color: #666D8C;
     text-decoration: none;
     background-color: transparent;
}
.underline-link{
    color:#4F8AFF;
    text-decoration: underline;
}
.underline-link:hover{
    opacity:0.8
}
 a:not([href]) {
     color: inherit;
     text-decoration: none;
}
 a:not([href]):hover {
     color: inherit;
     text-decoration: none;
}
 pre, code, kbd, samp {
     font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     font-size: 1em;
}
 pre {
     margin-top: 0;
     margin-bottom: 1rem;
     overflow: auto;
     -ms-overflow-style: scrollbar;
}
body figure {
     margin: 0 0 1rem;
}
 img {
     vertical-align: middle;
     border-style: none;
}
 svg {
     overflow: hidden;
     vertical-align: middle;
}
 table {
     border-collapse: collapse;
}
 caption {
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
     color: #B5B5C3;
     text-align: left;
     caption-side: bottom;
}
 th {
     text-align: inherit;
}
 label {
     display: inline-block;
     margin-bottom: 0.5rem;
}
 button {
     border-radius: 0;
}
 button:focus {
     outline: 1px dotted;
     outline: 5px auto -webkit-focus-ring-color;
}
 input, button, select, optgroup, textarea {
     margin: 0;
     font-family: inherit;
     font-size: inherit;
     line-height: inherit;
}
 button, input {
     overflow: visible;
}
 button, select {
     text-transform: none;
}
 [role="button"] {
     cursor: pointer;
}
 select {
     word-wrap: normal;
}
 button, [type="button"], [type="reset"], [type="submit"] {
     -webkit-appearance: button;
}
 button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
     cursor: pointer;
}
 button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
     padding: 0;
     border-style: none;
}
 input[type="radio"], input[type="checkbox"] {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0;
}
 textarea {
     overflow: auto;
     resize: vertical;
}
 fieldset {
     min-width: 0;
     padding: 0;
     margin: 0;
     border: 0;
}
 legend {
     display: block;
     width: 100%;
     max-width: 100%;
     padding: 0;
     margin-bottom: .5rem;
     font-size: 1.5rem;
     line-height: inherit;
     color: inherit;
     white-space: normal;
}
 @media (max-width: 1200px) {
     legend {
         font-size: calc(1.275rem + 0.3vw) ;
    }
}
 progress {
     vertical-align: baseline;
}
 [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
     height: auto;
}
 [type="search"] {
     outline-offset: -2px;
     -webkit-appearance: none;
}
 [type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
}
 ::-webkit-file-upload-button {
     font: inherit;
     -webkit-appearance: button;
}
 output {
     display: inline-block;
}
 summary {
     display: list-item;
     cursor: pointer;
}
 template {
     display: none;
}
 [hidden] {
     display: none !important;
}
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     margin-bottom: 0.5rem;
     font-weight: 500;
     line-height: 1.2;
}
 h1, .h1 {
     font-size: 2rem;
}
 @media (max-width: 1200px) {
     h1, .h1 {
         font-size: calc(1.325rem + 0.9vw) ;
    }
}
 h2, .h2 {
     font-size: 1.75rem;
}
 @media (max-width: 1200px) {
     h2, .h2 {
         font-size: calc(1.3rem + 0.6vw) ;
    }
}
 h3, .h3 {
     font-size: 1.5rem;
}
 @media (max-width: 1200px) {
     h3, .h3 {
         font-size: calc(1.275rem + 0.3vw) ;
    }
}
 h4, .h4 {
     font-size: 1.35rem;
}
 @media (max-width: 1200px) {
     h4, .h4 {
         font-size: calc(1.26rem + 0.12vw) ;
    }
}
 h5, .h5 {
     font-size: 1.25rem;
}
 h6, .h6 {
     font-size: 1.175rem;
}
 .lead {
     font-size: 1.25rem;
     font-weight: 300;
}
 .display-1 {
     font-size: 5.5rem;
     font-weight: 300;
     line-height: 1.2;
}
 @media (max-width: 1200px) {
     .display-1 {
         font-size: calc(1.675rem + 5.1vw) ;
    }
}
 .display-2 {
     font-size: 4.5rem;
     font-weight: 300;
     line-height: 1.2;
}
 @media (max-width: 1200px) {
     .display-2 {
         font-size: calc(1.575rem + 3.9vw) ;
    }
}
 .display-3 {
     font-size: 3.5rem;
     font-weight: 300;
     line-height: 1.2;
}
 @media (max-width: 1200px) {
     .display-3 {
         font-size: calc(1.475rem + 2.7vw) ;
    }
}
 .display-4 {
     font-size: 2.5rem;
     font-weight: 300;
     line-height: 1.2;
}
 @media (max-width: 1200px) {
     .display-4 {
         font-size: calc(1.375rem + 1.5vw) ;
    }
}
 hr {
     margin-top: 1rem;
     margin-bottom: 1rem;
     border: 0;
     border-top: 1px solid rgba(0, 0, 0, 0.1);
}
 small, .small {
     font-size: 80%;
     font-weight: 400;
}
 mark, .mark {
     padding: 0.2em;
     background-color: #fcf8e3;
}
 .list-unstyled {
     padding-left: 0;
     list-style: none;
}
 .list-inline {
     padding-left: 0;
     list-style: none;
}
 .list-inline-item {
     display: inline-block;
}
 .list-inline-item:not(:last-child) {
     margin-right: 0.5rem;
}
 .initialism {
     font-size: 90%;
     text-transform: uppercase;
}
 .blockquote {
     margin-bottom: 1rem;
     font-size: 1.25rem;
}
 .blockquote-footer {
     display: block;
     font-size: 80%;
     color: #7E8299;
}
 .blockquote-footer::before {
     content: "\2014\00A0";
}
 .img-fluid {
     max-width: 100%;
     height: auto;
}
 .img-thumbnail {
     padding: 0.25rem;
     background-color: #ffffff;
     border: 1px solid #E4E6EF;
     border-radius: 0.35rem;
     -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
     max-width: 100%;
     height: auto;
}
 .figure {
     display: inline-block;
}
 .figure-img {
     margin-bottom: 0.5rem;
     line-height: 1;
}
 .figure-caption {
     font-size: 90%;
     color: #7E8299;
}
 code {
     font-size: 87.5%;
     color: #e83e8c;
     word-wrap: break-word;
}
 a > code {
     color: inherit;
}
 kbd {
     padding: 0.2rem 0.4rem;
     font-size: 87.5%;
     color: #ffffff;
     background-color: #181C32;
     border-radius: 0.28rem;
     -webkit-box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25);
     box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25);
}
 kbd kbd {
     padding: 0;
     font-size: 100%;
     font-weight: 500;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 pre {
     display: block;
     font-size: 87.5%;
     color: #181C32;
}
 pre code {
     font-size: inherit;
     color: inherit;
     word-break: normal;
}
 .pre-scrollable {
     max-height: 340px;
     overflow-y: scroll;
}
 .container {
     width: 100%;
     padding-right: 12.5px;
     padding-left: 12.5px;
     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;
    }
}
 @media (min-width: 1480px) {
     .container {
         max-width: 1340px;
    }
    body .font-lg-18{
        font-size:18px!important;
    }
}

 .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
     width: 100%;
     padding-right: 12.5px;
     padding-left: 12.5px;
     margin-right: auto;
     margin-left: auto;
}
 @media (min-width: 576px) {
     .container, .container-sm {
         max-width: 540px;
    }
}
 @media (min-width: 768px) {
     .container, .container-sm, .container-md {
         max-width: 720px;
    }
}
 @media (min-width: 992px) {
     .container, .container-sm, .container-md, .container-lg {
         max-width: 960px;
    }
}
 @media (min-width: 1200px) {
     .container, .container-sm, .container-md, .container-lg, .container-xl {
         max-width: 1140px;
    }
}
 @media (min-width: 1480px) {
     .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
         max-width: 1340px;
    }
}
 .row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -12.5px;
     margin-left: -12.5px;
}
.m-row{
  margin-right: -12.5px;
  margin-left: -12.5px;
  display:flex;
  flex-wrap:wrap;
}
.m-row .col{
  padding-right: 12.5px;
  padding-left: 12.5px;
  width:auto;
}
 .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, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto {
     position: relative;
     width: 100%;
     padding-right: 12.5px;
     padding-left: 12.5px;
}
 .col {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     min-width: 0;
     max-width: 100%;
}
 .row-cols-1 > * {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
}
 .row-cols-2 > * {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%;
}
 .row-cols-3 > * {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 33.33333%;
     flex: 0 0 33.33333%;
     max-width: 33.33333%;
}
 .row-cols-4 > * {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%;
}
 .row-cols-5 > * {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 20%;
     flex: 0 0 20%;
     max-width: 20%;
}
 .row-cols-6 > * {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 16.66667%;
     flex: 0 0 16.66667%;
     max-width: 16.66667%;
}
 .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.33333%;
     flex: 0 0 8.33333%;
     max-width: 8.33333%;
}
 .col-2 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 16.66667%;
     flex: 0 0 16.66667%;
     max-width: 16.66667%;
}
 .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.33333%;
     flex: 0 0 33.33333%;
     max-width: 33.33333%;
}
 .col-5 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 41.66667%;
     flex: 0 0 41.66667%;
     max-width: 41.66667%;
}
 .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.33333%;
     flex: 0 0 58.33333%;
     max-width: 58.33333%;
}
 .col-8 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 66.66667%;
     flex: 0 0 66.66667%;
     max-width: 66.66667%;
}
 .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.33333%;
     flex: 0 0 83.33333%;
     max-width: 83.33333%;
}
 .col-11 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 91.66667%;
     flex: 0 0 91.66667%;
     max-width: 91.66667%;
}
 .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.33333%;
}
 .offset-2 {
     margin-left: 16.66667%;
}
 .offset-3 {
     margin-left: 25%;
}
 .offset-4 {
     margin-left: 33.33333%;
}
 .offset-5 {
     margin-left: 41.66667%;
}
 .offset-6 {
     margin-left: 50%;
}
 .offset-7 {
     margin-left: 58.33333%;
}
 .offset-8 {
     margin-left: 66.66667%;
}
 .offset-9 {
     margin-left: 75%;
}
 .offset-10 {
     margin-left: 83.33333%;
}
 .offset-11 {
     margin-left: 91.66667%;
}
 @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;
         min-width: 0;
         max-width: 100%;
    }
     .row-cols-sm-1 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
    }
     .row-cols-sm-2 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
     .row-cols-sm-3 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.33333%;
         flex: 0 0 33.33333%;
         max-width: 33.33333%;
    }
     .row-cols-sm-4 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
    }
     .row-cols-sm-5 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 20%;
         flex: 0 0 20%;
         max-width: 20%;
    }
     .row-cols-sm-6 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.66667%;
         flex: 0 0 16.66667%;
         max-width: 16.66667%;
    }
     .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.33333%;
         flex: 0 0 8.33333%;
         max-width: 8.33333%;
    }
     .col-sm-2 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.66667%;
         flex: 0 0 16.66667%;
         max-width: 16.66667%;
    }
     .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.33333%;
         flex: 0 0 33.33333%;
         max-width: 33.33333%;
    }
     .col-sm-5 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 41.66667%;
         flex: 0 0 41.66667%;
         max-width: 41.66667%;
    }
     .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.33333%;
         flex: 0 0 58.33333%;
         max-width: 58.33333%;
    }
     .col-sm-8 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 66.66667%;
         flex: 0 0 66.66667%;
         max-width: 66.66667%;
    }
     .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.33333%;
         flex: 0 0 83.33333%;
         max-width: 83.33333%;
    }
     .col-sm-11 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 91.66667%;
         flex: 0 0 91.66667%;
         max-width: 91.66667%;
    }
     .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.33333%;
    }
     .offset-sm-2 {
         margin-left: 16.66667%;
    }
     .offset-sm-3 {
         margin-left: 25%;
    }
     .offset-sm-4 {
         margin-left: 33.33333%;
    }
     .offset-sm-5 {
         margin-left: 41.66667%;
    }
     .offset-sm-6 {
         margin-left: 50%;
    }
     .offset-sm-7 {
         margin-left: 58.33333%;
    }
     .offset-sm-8 {
         margin-left: 66.66667%;
    }
     .offset-sm-9 {
         margin-left: 75%;
    }
     .offset-sm-10 {
         margin-left: 83.33333%;
    }
     .offset-sm-11 {
         margin-left: 91.66667%;
    }
}
 @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;
         min-width: 0;
         max-width: 100%;
    }
     .row-cols-md-1 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
    }
     .row-cols-md-2 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
     .row-cols-md-3 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.33333%;
         flex: 0 0 33.33333%;
         max-width: 33.33333%;
    }
     .row-cols-md-4 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
    }
     .row-cols-md-5 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 20%;
         flex: 0 0 20%;
         max-width: 20%;
    }
     .row-cols-md-6 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.66667%;
         flex: 0 0 16.66667%;
         max-width: 16.66667%;
    }
     .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.33333%;
         flex: 0 0 8.33333%;
         max-width: 8.33333%;
    }
     .col-md-2 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.66667%;
         flex: 0 0 16.66667%;
         max-width: 16.66667%;
    }
     .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.33333%;
         flex: 0 0 33.33333%;
         max-width: 33.33333%;
    }
     .col-md-5 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 41.66667%;
         flex: 0 0 41.66667%;
         max-width: 41.66667%;
    }
     .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.33333%;
         flex: 0 0 58.33333%;
         max-width: 58.33333%;
    }
     .col-md-8 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 66.66667%;
         flex: 0 0 66.66667%;
         max-width: 66.66667%;
    }
     .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.33333%;
         flex: 0 0 83.33333%;
         max-width: 83.33333%;
    }
     .col-md-11 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 91.66667%;
         flex: 0 0 91.66667%;
         max-width: 91.66667%;
    }
     .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.33333%;
    }
     .offset-md-2 {
         margin-left: 16.66667%;
    }
     .offset-md-3 {
         margin-left: 25%;
    }
     .offset-md-4 {
         margin-left: 33.33333%;
    }
     .offset-md-5 {
         margin-left: 41.66667%;
    }
     .offset-md-6 {
         margin-left: 50%;
    }
     .offset-md-7 {
         margin-left: 58.33333%;
    }
     .offset-md-8 {
         margin-left: 66.66667%;
    }
     .offset-md-9 {
         margin-left: 75%;
    }
     .offset-md-10 {
         margin-left: 83.33333%;
    }
     .offset-md-11 {
         margin-left: 91.66667%;
    }
}
 @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;
         min-width: 0;
         max-width: 100%;
    }
     .row-cols-lg-1 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
    }
     .row-cols-lg-2 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
     .row-cols-lg-3 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.33333%;
         flex: 0 0 33.33333%;
         max-width: 33.33333%;
    }
     .row-cols-lg-4 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
    }
     .row-cols-lg-5 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 20%;
         flex: 0 0 20%;
         max-width: 20%;
    }
     .row-cols-lg-6 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.66667%;
         flex: 0 0 16.66667%;
         max-width: 16.66667%;
    }
     .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.33333%;
         flex: 0 0 8.33333%;
         max-width: 8.33333%;
    }
     .col-lg-2 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.66667%;
         flex: 0 0 16.66667%;
         max-width: 16.66667%;
    }
     .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.33333%;
         flex: 0 0 33.33333%;
         max-width: 33.33333%;
    }
     .col-lg-5 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 41.66667%;
         flex: 0 0 41.66667%;
         max-width: 41.66667%;
    }
     .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.33333%;
         flex: 0 0 58.33333%;
         max-width: 58.33333%;
    }
     .col-lg-8 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 66.66667%;
         flex: 0 0 66.66667%;
         max-width: 66.66667%;
    }
     .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.33333%;
         flex: 0 0 83.33333%;
         max-width: 83.33333%;
    }
     .col-lg-11 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 91.66667%;
         flex: 0 0 91.66667%;
         max-width: 91.66667%;
    }
     .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.33333%;
    }
     .offset-lg-2 {
         margin-left: 16.66667%;
    }
     .offset-lg-3 {
         margin-left: 25%;
    }
     .offset-lg-4 {
         margin-left: 33.33333%;
    }
     .offset-lg-5 {
         margin-left: 41.66667%;
    }
     .offset-lg-6 {
         margin-left: 50%;
    }
     .offset-lg-7 {
         margin-left: 58.33333%;
    }
     .offset-lg-8 {
         margin-left: 66.66667%;
    }
     .offset-lg-9 {
         margin-left: 75%;
    }
     .offset-lg-10 {
         margin-left: 83.33333%;
    }
     .offset-lg-11 {
         margin-left: 91.66667%;
    }
}
 @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;
         min-width: 0;
         max-width: 100%;
    }
     .row-cols-xl-1 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
    }
     .row-cols-xl-2 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
     .row-cols-xl-3 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.33333%;
         flex: 0 0 33.33333%;
         max-width: 33.33333%;
    }
     .row-cols-xl-4 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
    }
     .row-cols-xl-5 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 20%;
         flex: 0 0 20%;
         max-width: 20%;
    }
     .row-cols-xl-6 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.66667%;
         flex: 0 0 16.66667%;
         max-width: 16.66667%;
    }
     .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.33333%;
         flex: 0 0 8.33333%;
         max-width: 8.33333%;
    }
     .col-xl-2 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.66667%;
         flex: 0 0 16.66667%;
         max-width: 16.66667%;
    }
     .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.33333%;
         flex: 0 0 33.33333%;
         max-width: 33.33333%;
    }
     .col-xl-5 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 41.66667%;
         flex: 0 0 41.66667%;
         max-width: 41.66667%;
    }
     .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.33333%;
         flex: 0 0 58.33333%;
         max-width: 58.33333%;
    }
     .col-xl-8 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 66.66667%;
         flex: 0 0 66.66667%;
         max-width: 66.66667%;
    }
     .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.33333%;
         flex: 0 0 83.33333%;
         max-width: 83.33333%;
    }
     .col-xl-11 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 91.66667%;
         flex: 0 0 91.66667%;
         max-width: 91.66667%;
    }
     .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.33333%;
    }
     .offset-xl-2 {
         margin-left: 16.66667%;
    }
     .offset-xl-3 {
         margin-left: 25%;
    }
     .offset-xl-4 {
         margin-left: 33.33333%;
    }
     .offset-xl-5 {
         margin-left: 41.66667%;
    }
     .offset-xl-6 {
         margin-left: 50%;
    }
     .offset-xl-7 {
         margin-left: 58.33333%;
    }
     .offset-xl-8 {
         margin-left: 66.66667%;
    }
     .offset-xl-9 {
         margin-left: 75%;
    }
     .offset-xl-10 {
         margin-left: 83.33333%;
    }
     .offset-xl-11 {
         margin-left: 91.66667%;
    }
}
 @media (min-width: 1480px) {
     .col-xxl {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         min-width: 0;
         max-width: 100%;
    }
     .row-cols-xxl-1 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
    }
     .row-cols-xxl-2 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
     .row-cols-xxl-3 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.33333%;
         flex: 0 0 33.33333%;
         max-width: 33.33333%;
    }
     .row-cols-xxl-4 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
    }
     .row-cols-xxl-5 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 20%;
         flex: 0 0 20%;
         max-width: 20%;
    }
     .row-cols-xxl-6 > * {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.66667%;
         flex: 0 0 16.66667%;
         max-width: 16.66667%;
    }
     .col-xxl-auto {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: 100%;
    }
     .col-xxl-1 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 8.33333%;
         flex: 0 0 8.33333%;
         max-width: 8.33333%;
    }
     .col-xxl-2 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.66667%;
         flex: 0 0 16.66667%;
         max-width: 16.66667%;
    }
     .col-xxl-3 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
    }
     .col-xxl-4 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.33333%;
         flex: 0 0 33.33333%;
         max-width: 33.33333%;
    }
     .col-xxl-5 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 41.66667%;
         flex: 0 0 41.66667%;
         max-width: 41.66667%;
    }
     .col-xxl-6 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
     .col-xxl-7 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 58.33333%;
         flex: 0 0 58.33333%;
         max-width: 58.33333%;
    }
     .col-xxl-8 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 66.66667%;
         flex: 0 0 66.66667%;
         max-width: 66.66667%;
    }
     .col-xxl-9 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
    }
     .col-xxl-10 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 83.33333%;
         flex: 0 0 83.33333%;
         max-width: 83.33333%;
    }
     .col-xxl-11 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 91.66667%;
         flex: 0 0 91.66667%;
         max-width: 91.66667%;
    }
     .col-xxl-12 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
    }
     .order-xxl-first {
         -webkit-box-ordinal-group: 0;
         -ms-flex-order: -1;
         order: -1;
    }
     .order-xxl-last {
         -webkit-box-ordinal-group: 14;
         -ms-flex-order: 13;
         order: 13;
    }
     .order-xxl-0 {
         -webkit-box-ordinal-group: 1;
         -ms-flex-order: 0;
         order: 0;
    }
     .order-xxl-1 {
         -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
         order: 1;
    }
     .order-xxl-2 {
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2;
    }
     .order-xxl-3 {
         -webkit-box-ordinal-group: 4;
         -ms-flex-order: 3;
         order: 3;
    }
     .order-xxl-4 {
         -webkit-box-ordinal-group: 5;
         -ms-flex-order: 4;
         order: 4;
    }
     .order-xxl-5 {
         -webkit-box-ordinal-group: 6;
         -ms-flex-order: 5;
         order: 5;
    }
     .order-xxl-6 {
         -webkit-box-ordinal-group: 7;
         -ms-flex-order: 6;
         order: 6;
    }
     .order-xxl-7 {
         -webkit-box-ordinal-group: 8;
         -ms-flex-order: 7;
         order: 7;
    }
     .order-xxl-8 {
         -webkit-box-ordinal-group: 9;
         -ms-flex-order: 8;
         order: 8;
    }
     .order-xxl-9 {
         -webkit-box-ordinal-group: 10;
         -ms-flex-order: 9;
         order: 9;
    }
     .order-xxl-10 {
         -webkit-box-ordinal-group: 11;
         -ms-flex-order: 10;
         order: 10;
    }
     .order-xxl-11 {
         -webkit-box-ordinal-group: 12;
         -ms-flex-order: 11;
         order: 11;
    }
     .order-xxl-12 {
         -webkit-box-ordinal-group: 13;
         -ms-flex-order: 12;
         order: 12;
    }
     .offset-xxl-0 {
         margin-left: 0;
    }
     .offset-xxl-1 {
         margin-left: 8.33333%;
    }
     .offset-xxl-2 {
         margin-left: 16.66667%;
    }
     .offset-xxl-3 {
         margin-left: 25%;
    }
     .offset-xxl-4 {
         margin-left: 33.33333%;
    }
     .offset-xxl-5 {
         margin-left: 41.66667%;
    }
     .offset-xxl-6 {
         margin-left: 50%;
    }
     .offset-xxl-7 {
         margin-left: 58.33333%;
    }
     .offset-xxl-8 {
         margin-left: 66.66667%;
    }
     .offset-xxl-9 {
         margin-left: 75%;
    }
     .offset-xxl-10 {
         margin-left: 83.33333%;
    }
     .offset-xxl-11 {
         margin-left: 91.66667%;
    }
}
 .table {
     width: 100%;
     margin-bottom: 1rem;
     color: rgba(63, 66, 84, 0.9);
     background-color: transparent;
}
 .table th, .table td {
     padding: 0.75rem;
     vertical-align: middle;
     border-top: 1px solid #EBEDF3;
}
 .table thead th {
     vertical-align: bottom;
     border-bottom: 2px solid #EBEDF3;
}
 .table tbody + tbody {
     border-top: 2px solid #EBEDF3;
}
 .table-sm th, .table-sm td {
     padding: 0.3rem;
}
 .table-bordered {
     border: 1px solid #EBEDF3;
}
 .table-bordered th, .table-bordered td {
     border: 1px solid #EBEDF3;
}
 .table-bordered thead th, .table-bordered thead td {
     border-bottom-width: 2px;
}
 .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody {
     border: 0;
}
 .table-striped tbody tr:nth-of-type(odd) {
     background-color: #EBEDF3;
}
 .table-hover tbody tr:hover {
     color: rgba(63, 66, 84, 0.9);
     background-color: #E4E6EF;
}
 .table-primary, .table-primary > th, .table-primary > td {
     background-color: #c7e2ff;
}
 .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {
     border-color: #96caff;
}
 .table-hover .table-primary:hover {
     background-color: #aed5ff;
}
 .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
     background-color: #aed5ff;
}
 .table-secondary, .table-secondary > th, .table-secondary > td {
     background-color: #f7f8fb;
}
 .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody {
     border-color: #f1f2f7;
}
 .table-hover .table-secondary:hover {
     background-color: #e6e9f3;
}
 .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
     background-color: #e6e9f3;
}
 .table-success, .table-success > th, .table-success > td {
     background-color: #bfefed;
}
 .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody {
     border-color: #88e1dd;
}
 .table-hover .table-success:hover {
     background-color: #abeae7;
}
 .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
     background-color: #abeae7;
}
 .table-info, .table-info > th, .table-info > td {
     background-color: #decefe;
}
 .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody {
     border-color: #c2a4fd;
}
 .table-hover .table-info:hover {
     background-color: #cdb5fd;
}
 .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
     background-color: #cdb5fd;
}
 .table-warning, .table-warning > th, .table-warning > td {
     background-color: #ffe7b8;
}
 .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody {
     border-color: #ffd27a;
}
 .table-hover .table-warning:hover {
     background-color: #ffde9f;
}
 .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
     background-color: #ffde9f;
}
 .table-danger, .table-danger > th, .table-danger > td {
     background-color: #fccdd2;
}
 .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody {
     border-color: #faa3ac;
}
 .table-hover .table-danger:hover {
     background-color: #fbb5bc;
}
 .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
     background-color: #fbb5bc;
}
 .table-light, .table-light > th, .table-light > td {
     background-color: #fcfcfd;
}
 .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody {
     border-color: #f9fafc;
}
 .table-hover .table-light:hover {
     background-color: #ededf3;
}
 .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
     background-color: #ededf3;
}
 .table-dark, .table-dark > th, .table-dark > td {
     background-color: #bebfc6;
}
 .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
     border-color: #878994;
}
 .table-hover .table-dark:hover {
     background-color: #b0b2ba;
}
 .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
     background-color: #b0b2ba;
}
 .table-white, .table-white > th, .table-white > td {
     background-color: white;
}
 .table-white th, .table-white td, .table-white thead th, .table-white tbody + tbody {
     border-color: white;
}
 .table-hover .table-white:hover {
     background-color: #f2f2f2;
}
 .table-hover .table-white:hover > td, .table-hover .table-white:hover > th {
     background-color: #f2f2f2;
}
 .table-active, .table-active > th, .table-active > td {
     background-color: #E4E6EF;
}
 .table-hover .table-active:hover {
     background-color: #d4d7e6;
}
 .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
     background-color: #d4d7e6;
}
 .table .thead-dark th {
     color: #ffffff;
     background-color: #181C32;
     border-color: #242a4c;
}
 .table .thead-light th {
     color: rgba(63, 66, 84, 0.9);
     background-color: #F3F6F9;
     border-color: #EBEDF3;
}
 .table-dark {
     color: #ffffff;
     background-color: #181C32;
}
 .table-dark th, .table-dark td, .table-dark thead th {
     border-color: #242a4c;
}
 .table-dark.table-bordered {
     border: 0;
}
 .table-dark.table-striped tbody tr:nth-of-type(odd) {
     background-color: rgba(255, 255, 255, 0.05);
}
 .table-dark.table-hover tbody tr:hover {
     color: #ffffff;
     background-color: rgba(255, 255, 255, 0.075);
}
 @media (max-width: 575.98px) {
     .table-responsive-sm {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
    }
     .table-responsive-sm > .table-bordered {
         border: 0;
    }
}
 @media (max-width: 767.98px) {
     .table-responsive-md {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
    }
     .table-responsive-md > .table-bordered {
         border: 0;
    }
}
 @media (max-width: 991.98px) {
     .table-responsive-lg {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
    }
     .table-responsive-lg > .table-bordered {
         border: 0;
    }
}
 @media (max-width: 1199.98px) {
     .table-responsive-xl {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
    }
     .table-responsive-xl > .table-bordered {
         border: 0;
    }
}
 @media (max-width: 1399.98px) {
     .table-responsive-xxl {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
    }
     .table-responsive-xxl > .table-bordered {
         border: 0;
    }
}
 .table-responsive {
     display: block;
     width: 100%;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
}
 .table-responsive > .table-bordered {
     border: 0;
}
 .form-control {
     display: block;
     width: 100%;
     height: calc(1.5em + 1.3rem + 2px);
     padding: 0.65rem 1rem;
     font-size:14px;
     font-weight: 400;
     line-height: 1.5;
     color: #A5A4B5;
     background-color: #ffffff;
     background-clip: padding-box;
     border: 1px solid #E4E6EF;
     border-radius: 0.35rem;
     -webkit-box-shadow: none;
     box-shadow: none;
     text-shadow:none!important;
     -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
     transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
 @media (prefers-reduced-motion: reduce) {
     .form-control {
         -webkit-transition: none;
         transition: none;
    }
}
 .form-control::-ms-expand {
     background-color: transparent;
     border: 0;
}
 .form-control:-moz-focusring {
     color: transparent;
     text-shadow: 0 0 0 rgba(63, 66, 84, 0.9);
}
 .form-control:focus {
     color: rgba(63, 66, 84, 0.9);
     background-color: #ffffff;
     border-color: #69b3ff;
     outline: 0;
}
.date .form-control:focus {
     border-color: #E4E6EF;
}
 .form-control::-webkit-input-placeholder {
     color: #A3ACC6;
     opacity: 1;
}
 .form-control::-moz-placeholder {
     color: #A3ACC6;
     opacity: 1;
}
 .form-control:-ms-input-placeholder {
     color: #A3ACC6;
     opacity: 1;
}
 .form-control::-ms-input-placeholder {
     color: #A3ACC6;
     opacity: 1;
}
.tagify__input::before,
 .form-control::placeholder {
     color: #A3ACC6;
     opacity: 1 !important;
}
 .form-control:disabled, .form-control[readonly] {
     background-color: #F3F6F9;
     opacity: 1;
}
 input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 select.form-control:focus::-ms-value {
     color: rgba(63, 66, 84, 0.9);
     background-color: #ffffff;
}
 .form-control-file, .form-control-range {
     display: block;
     width: 100%;
}
 .col-form-label {
     padding-top: calc(0.65rem + 1px);
     padding-bottom: calc(0.65rem + 1px);
     margin-bottom: 0;
     font-size: inherit;
     line-height: 1.5;
}
 .col-form-label-lg {
     padding-top: calc(0.825rem + 1px);
     padding-bottom: calc(0.825rem + 1px);
     font-size: 1.08rem;
     line-height: 1.5;
}
 .col-form-label-sm {
     padding-top: calc(0.55rem + 1px);
     padding-bottom: calc(0.55rem + 1px);
     font-size: 0.925rem;
     line-height: 1.35;
}
 .form-control-plaintext {
     display: block;
     width: 100%;
     padding: 0.65rem 0;
     margin-bottom: 0;
     font-size: 1.1rem;
     line-height: 1.5;
     color: rgba(63, 66, 84, 0.9);
     background-color: transparent;
     border: solid transparent;
     border-width: 1px 0;
}
 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
     padding-right: 0;
     padding-left: 0;
}
 .form-control-sm {
     height: calc(1.35em + 1.1rem + 2px);
     padding: 0.55rem 0.75rem;
     font-size: 0.925rem;
     line-height: 1.35;
     border-radius: 0.28rem;
}
 .form-control-lg {
     height: calc(1.5em + 1.65rem + 2px);
     padding: 0.825rem 1.42rem;
     font-size: 1.08rem;
     line-height: 1.5;
     border-radius: 0.35rem;
}
 select.form-control[size], select.form-control[multiple] {
     height: auto;
}
 textarea.form-control {
     height: auto;
}
 .form-group {
     margin-bottom: 1.5rem;
}
 .form-text {
     display: block;
     margin-top: 0.25rem;
}
 .form-row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -5px;
     margin-left: -5px;
}
 .form-row > .col, .form-row > [class*="col-"] {
     padding-right: 5px;
     padding-left: 5px;
}
 .form-check {
     position: relative;
     display: block;
     padding-left: 1.25rem;
}
 .form-check-input {
     position: absolute;
     margin-top: 0.3rem;
     margin-left: -1.25rem;
}
 .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
     color: #B5B5C3;
}
 .form-check-label {
     margin-bottom: 0;
}
 .form-check-inline {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-left: 0;
     margin-right: 0.75rem;
}
 .form-check-inline .form-check-input {
     position: static;
     margin-top: 0;
     margin-right: 0.3125rem;
     margin-left: 0;
}
 .valid-feedback {
     display: none;
     width: 100%;
     margin-top: 0.25rem;
     font-size: 0.9rem;
     color: #32D0A5;
}
 .valid-tooltip {
     position: absolute;
     top: 100%;
     z-index: 5;
     display: none;
     max-width: 100%;
     padding: 0.75rem 1rem;
     margin-top: .1rem;
     font-size: 0.9rem;
     line-height: 1.5;
     color: #ffffff;
     background-color: #32D0A5;
     border-radius: 3px;
}
 .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip {
     display: block;
}
 .was-validated .form-control:valid, .form-control.is-valid {
     border-color: #32D0A5;
     padding-right: calc(1.5em + 1.3rem);
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231BC5BD' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
     background-position: right calc(0.375em + 0.325rem) center;
     background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem);
}
 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
     border-color: #32D0A5;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.25);
     box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.25);
}
 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
     padding-right: calc(1.5em + 1.3rem);
     background-position: top calc(0.375em + 0.325rem) right calc(0.375em + 0.325rem);
}
 .was-validated .custom-select:valid, .custom-select.is-valid {
     border-color: #32D0A5;
     padding-right: calc(0.75em + 2.975rem);
     background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%233F4254' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231BC5BD' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #ffffff no-repeat center right 2rem/calc(0.75em + 0.65rem) calc(0.75em + 0.65rem);
}
 .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
     border-color: #32D0A5;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.25);
     box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.25);
}
 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
     color: #32D0A5;
}
 .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip {
     display: block;
}
 .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
     color: #32D0A5;
}
 .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
     border-color: #32D0A5;
}
 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
     border-color: #30e3da;
     background-color: #30e3da;
}
 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.25);
     box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.25);
}
 .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
     border-color: #32D0A5;
}
 .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
     border-color: #32D0A5;
}
 .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
     border-color: #32D0A5;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.25);
     box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.25);
}
 .invalid-feedback {
     display: none;
     width: 100%;
     margin-top: 0.25rem;
     font-size: 0.9rem;
     color: #F64E60;
}
 .invalid-tooltip {
     position: absolute;
     top: 100%;
     z-index: 5;
     display: none;
     max-width: 100%;
     padding: 0.75rem 1rem;
     margin-top: .1rem;
     font-size: 0.9rem;
     line-height: 1.5;
     color: #ffffff;
     background-color: #f64e60;
     border-radius: 3px;
}
 .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip {
     display: block;
}
 .was-validated .form-control:invalid, .form-control.is-invalid {
     border-color: #F64E60;
     padding-right: calc(1.5em + 1.3rem);
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23F64E60' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23F64E60' stroke='none'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
     background-position: right calc(0.375em + 0.325rem) center;
     background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem);
}
 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
     border-color: #F64E60;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.25);
     box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.25);
}
 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
     padding-right: calc(1.5em + 1.3rem);
     background-position: top calc(0.375em + 0.325rem) right calc(0.375em + 0.325rem);
}
 .was-validated .custom-select:invalid, .custom-select.is-invalid {
     border-color: #F64E60;
     padding-right: calc(0.75em + 2.975rem);
     background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%233F4254' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23F64E60' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23F64E60' stroke='none'/%3e%3c/svg%3e") #ffffff no-repeat center right 2rem/calc(0.75em + 0.65rem) calc(0.75em + 0.65rem);
}
 .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
     border-color: #F64E60;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.25);
     box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.25);
}
 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
     color: #F64E60;
}
 .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip {
     display: block;
}
 .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
     color: #F64E60;
}
 .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
     border-color: #F64E60;
}
 .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
     border-color: #f87f8c;
     background-color: #f87f8c;
}
 .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.25);
     box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.25);
}
 .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
     border-color: #F64E60;
}
 .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
     border-color: #F64E60;
}
 .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
     border-color: #F64E60;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.25);
     box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.25);
}
 .form-inline {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .form-inline .form-check {
     width: 100%;
}
 @media (min-width: 576px) {
     .form-inline label {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         margin-bottom: 0;
    }
     .form-inline .form-group {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row wrap;
         flex-flow: row wrap;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         margin-bottom: 0;
    }
     .form-inline .form-control {
         display: inline-block;
         width: auto;
         vertical-align: middle;
    }
     .form-inline .form-control-plaintext {
         display: inline-block;
    }
     .form-inline .input-group, .form-inline .custom-select {
         width: auto;
    }
     .form-inline .form-check {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         width: auto;
         padding-left: 0;
    }
     .form-inline .form-check-input {
         position: relative;
         -ms-flex-negative: 0;
         flex-shrink: 0;
         margin-top: 0;
         margin-right: 0.25rem;
         margin-left: 0;
    }
     .form-inline .custom-control {
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
    }
     .form-inline .custom-control-label {
         margin-bottom: 0;
    }
}
 .btn {
     display: inline-block;
     font-weight: normal;
     color: rgba(63, 66, 84, 0.9);
     text-align: center;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-color: transparent;
     border: 1px solid transparent;
     padding: 0.65rem 1.35rem;
     font-size: 1.1rem;
     line-height: 1.5;
     border-radius: 0.35rem;
     -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
     transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
     transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
     transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
}
 @media (prefers-reduced-motion: reduce) {
     .btn {
         -webkit-transition: none;
         transition: none;
    }
}
 .btn:hover {
     color: rgba(63, 66, 84, 0.9);
     text-decoration: none;
}
 .btn:focus, .btn.focus {
     outline: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .btn.disabled, .btn:disabled {
     opacity: 0.6;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .btn:not(:disabled):not(.disabled) {
     cursor: pointer;
}
 .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
     -webkit-box-shadow: none;
     box-shadow: none;
}
 a.btn.disabled, fieldset:disabled a.btn {
     pointer-events: none;
}
.swal2-actions .swal2-confirm,
.btn-primary.swal2-confirm,
.btn-primary {
     color: #ffffff;
     background-color: #4785FF;
     border-color: #4785FF;
     -webkit-box-shadow: none;
     box-shadow: none;
     background-image:none!important
}

.btn-primary:hover {
     color: #ffffff;
     background-color: #1086ff;
     border-color: #037fff;
     background-image:none!important
}
.swal2-actions .swal2-confirm:focus,
.btn-primary.swal2-confirm:focus,
.btn-primary:focus, .btn-primary.focus {
     color: #ffffff;
     background-color: #5B93FF;
     border-color: #5B93FF;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5);
     background-image:none!important
}
 .btn-primary.disabled, .btn-primary:disabled {
     color: #ffffff;
     background-color: #4785FF;
     border-color: #4785FF;
}
 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
     color: #ffffff;
     background-color: #037fff;
     border-color: #0079f5;
}
 .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5);
}
 .btn-secondary {
     color: #181C32;
     background-color: #E4E6EF;
     border-color: #E4E6EF;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .btn-secondary:hover {
     color: #181C32;
     background-color: #ccd0e1;
     border-color: #c4c8dc;
}
 .btn-secondary:focus, .btn-secondary.focus {
     color: #181C32;
     background-color: #ccd0e1;
     border-color: #c4c8dc;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(197, 200, 211, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(197, 200, 211, 0.5);
}
 .btn-secondary.disabled, .btn-secondary:disabled {
     color: #181C32;
     background-color: #E4E6EF;
     border-color: #E4E6EF;
}
 .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
     color: #181C32;
     background-color: #c4c8dc;
     border-color: #bcc1d7;
}
 .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(197, 200, 211, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(197, 200, 211, 0.5);
}
 .btn-success {
     color: #ffffff;
     background-color: #32D0A5;
     border-color: #32D0A5;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .btn-success:hover {
     color: #ffffff;
     background-color: #16a39d;
     border-color: #159892;
}
 .btn-success:focus, .btn-success.focus {
     color: #ffffff;
     background-color: #16a39d;
     border-color: #159892;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(61, 206, 199, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(61, 206, 199, 0.5);
}
 .btn-success.disabled, .btn-success:disabled {
     color: #ffffff;
     background-color: #32D0A5;
     border-color: #32D0A5;
}
 .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
     color: #ffffff;
     background-color: #159892;
     border-color: #138d87;
}
 .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(61, 206, 199, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(61, 206, 199, 0.5);
}
 .btn-info {
     color: #ffffff;
     background-color: #7B6FFF;
     border-color: #7B6FFF;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .btn-info:hover {
     color: #ffffff;
     background-color: #702afb;
     border-color: #671efb;
}
 .btn-info:focus, .btn-info.focus {
     color: #ffffff;
     background-color: #702afb;
     border-color: #671efb;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(155, 106, 252, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(155, 106, 252, 0.5);
}
 .btn-info.disabled, .btn-info:disabled {
     color: #ffffff;
     background-color: #7B6FFF;
     border-color: #7B6FFF;
}
 .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
     color: #ffffff;
     background-color: #671efb;
     border-color: #5f11fb;
}
 .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(155, 106, 252, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(155, 106, 252, 0.5);
}
 .btn-warning {
     color: #181C32;
     background-color: #FFA800;
     border-color: #FFA800;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .btn-warning:hover {
     color: #ffffff;
     background-color: #d98f00;
     border-color: #cc8600;
}
 .btn-warning:focus, .btn-warning.focus {
     color: #ffffff;
     background-color: #d98f00;
     border-color: #cc8600;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 147, 8, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(220, 147, 8, 0.5);
}
 .btn-warning.disabled, .btn-warning:disabled {
     color: #181C32;
     background-color: #FFA800;
     border-color: #FFA800;
}
 .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
     color: #ffffff;
     background-color: #cc8600;
     border-color: #bf7e00;
}
 .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 147, 8, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(220, 147, 8, 0.5);
}
 .btn-danger {
     color: #ffffff;
     background-color: #F64E60;
     border-color: #F64E60;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .btn-danger:hover {
     color: #ffffff;
     background-color: #f42a3f;
     border-color: #f41d34;
}
 .btn-danger:focus, .btn-danger.focus {
     color: #ffffff;
     background-color: #f42a3f;
     border-color: #f41d34;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(247, 105, 120, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(247, 105, 120, 0.5);
}
 .btn-danger.disabled, .btn-danger:disabled {
     color: #ffffff;
     background-color: #F64E60;
     border-color: #F64E60;
}
 .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
     color: #ffffff;
     background-color: #f41d34;
     border-color: #f3112a;
}
 .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(247, 105, 120, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(247, 105, 120, 0.5);
}
 .btn-light {
     color: #181C32;
     background-color: #F3F6F9;
     border-color: #F3F6F9;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .btn-light:hover {
     color: #181C32;
     background-color: #dae3ec;
     border-color: #d1dde8;
}
 .btn-light:focus, .btn-light.focus {
     color: #181C32;
     background-color: #dae3ec;
     border-color: #d1dde8;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(210, 213, 219, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(210, 213, 219, 0.5);
}
 .btn-light.disabled, .btn-light:disabled {
     color: #181C32;
     background-color: #F3F6F9;
     border-color: #F3F6F9;
}
 .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
     color: #181C32;
     background-color: #d1dde8;
     border-color: #c9d6e4;
}
 .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(210, 213, 219, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(210, 213, 219, 0.5);
}
 .btn-dark {
     color: #ffffff;
     background-color: #181C32;
     border-color: #181C32;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .btn-dark:hover {
     color: #ffffff;
     background-color: #0c0e18;
     border-color: #070910;
}
 .btn-dark:focus, .btn-dark.focus {
     color: #ffffff;
     background-color: #0c0e18;
     border-color: #070910;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(59, 62, 81, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(59, 62, 81, 0.5);
}
 .btn-dark.disabled, .btn-dark:disabled {
     color: #ffffff;
     background-color: #181C32;
     border-color: #181C32;
}
 .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
     color: #ffffff;
     background-color: #070910;
     border-color: #030407;
}
 .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(59, 62, 81, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(59, 62, 81, 0.5);
}
 .btn-white {
     color: #181C32;
     background-color: #ffffff;
     border-color: #ffffff;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .btn-white:hover {
     color: #181C32;
     background-color: #ececec;
     border-color: #e6e6e6;
}
 .btn-white:focus, .btn-white.focus {
     color: #181C32;
     background-color: #ececec;
     border-color: #e6e6e6;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
}
 .btn-white.disabled, .btn-white:disabled {
     color: #181C32;
     background-color: #ffffff;
     border-color: #ffffff;
}
 .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle {
     color: #181C32;
     background-color: #e6e6e6;
     border-color: #dfdfdf;
}
 .btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(220, 221, 224, 0.5);
}
 .btn-outline-primary {
     color: #4785FF;
     border-color: #4785FF;
}
 .btn-outline-primary:hover {
     color: #ffffff;
     background-color:#4785FF;
     border-color: #4785FF;
}
 .btn-outline-primary:focus, .btn-outline-primary.focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5);
}

 .btn-outline-primary-light {
     color: #4785FF;
     border-color: #E8E8FF;
}
 .btn-outline-primary-light:hover {
     color: #ffffff;
     background-color:#4785FF;
     border-color: #4785FF;
}
.btn-outline-primary-light:focus i, .btn-outline-primary-light.focus i,
.btn-outline-primary-light:hover i, .btn-outline-primary-light.hover i{
    color: #fff;
}
.btn-outline-primary-light:focus, .btn-outline-primary-light.focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5);
}
 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
     color: #4785FF;
     background-color: transparent;
}
 .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
     color: #ffffff;
     background-color:#4785FF;
     border-color: #4785FF;
}
 .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5);
}
 .btn-outline-secondary {
     color: #E4E6EF;
     border-color: #E4E6EF;
}
 .btn-outline-secondary:hover {
     color: #181C32;
     background-color: #E4E6EF;
     border-color: #E4E6EF;
}
 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(228, 230, 239, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(228, 230, 239, 0.5);
}
 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
     color: #E4E6EF;
     background-color: transparent;
}
 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
     color: #181C32;
     background-color: #E4E6EF;
     border-color: #E4E6EF;
}
 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(228, 230, 239, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(228, 230, 239, 0.5);
}
 .btn-outline-success {
     color: #32D0A5;
     border-color: #32D0A5;
}
 .btn-outline-success:hover {
     color: #ffffff;
     background-color: #32D0A5;
     border-color: #32D0A5;
}
 .btn-outline-success:focus, .btn-outline-success.focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.5);
}
 .btn-outline-success.disabled, .btn-outline-success:disabled {
     color: #32D0A5;
     background-color: transparent;
}
 .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
     color: #ffffff;
     background-color: #32D0A5;
     border-color: #32D0A5;
}
 .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.5);
}
.col-lg-12 .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search,
.col-xl-12 .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search,
.col-md-12 .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search,
.col-12 .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search
{
    list-style: none;
    width: 180px;
  }
  .col-xl-12 .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field,
  .col-lg-12 .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field,
  .col-md-12 .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field,
  .col-12 .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field
  {width:100%!important;max-width:180px}
 .btn-outline-info {
     color: #7B6FFF;
     border-color: #7B6FFF;
}
 .btn-outline-info:hover {
     color: #ffffff;
     background-color: #7B6FFF;
     border-color: #7B6FFF;
}
 .btn-outline-info:focus, .btn-outline-info.focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(137, 80, 252, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(137, 80, 252, 0.5);
}
 .btn-outline-info.disabled, .btn-outline-info:disabled {
     color: #7B6FFF;
     background-color: transparent;
}
 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
     color: #ffffff;
     background-color: #7B6FFF;
     border-color: #7B6FFF;
}
 .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(137, 80, 252, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(137, 80, 252, 0.5);
}
 .btn-outline-warning {
     color: #FFA800;
     border-color: #FFA800;
}
 .btn-outline-warning:hover {
     color: #181C32;
     background-color: #FFA800;
     border-color: #FFA800;
}
 .btn-outline-warning:focus, .btn-outline-warning.focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 168, 0, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(255, 168, 0, 0.5);
}
 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
     color: #FFA800;
     background-color: transparent;
}
 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
     color: #181C32;
     background-color: #FFA800;
     border-color: #FFA800;
}
 .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 168, 0, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(255, 168, 0, 0.5);
}
 .btn-outline-danger {
     color: #F64E60;
     border-color: #F64E60;
}
 .btn-outline-danger:hover {
     color: #ffffff;
     background-color: #F64E60;
     border-color: #F64E60;
}
 .btn-outline-danger:focus, .btn-outline-danger.focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.5);
}
 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
     color: #F64E60;
     background-color: transparent;
}
 .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
     color: #ffffff;
     background-color: #F64E60;
     border-color: #F64E60;
}
 .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.5);
}
 .btn-outline-light {
     color: #F3F6F9;
     border-color: #F3F6F9;
}
 .btn-outline-light:hover {
     color: #181C32;
     background-color: #F3F6F9;
     border-color: #F3F6F9;
}
 .btn-outline-light:focus, .btn-outline-light.focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(243, 246, 249, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(243, 246, 249, 0.5);
}
 .btn-outline-light.disabled, .btn-outline-light:disabled {
     color: #F3F6F9;
     background-color: transparent;
}
 .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
     color: #181C32;
     background-color: #F3F6F9;
     border-color: #F3F6F9;
}
 .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(243, 246, 249, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(243, 246, 249, 0.5);
}
 .btn-outline-dark {
     color: #181C32;
     border-color: #181C32;
}
 .btn-outline-dark:hover {
     color: #ffffff;
     background-color: #181C32;
     border-color: #181C32;
}
 .btn-outline-dark:focus, .btn-outline-dark.focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(24, 28, 50, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(24, 28, 50, 0.5);
}
 .btn-outline-dark.disabled, .btn-outline-dark:disabled {
     color: #181C32;
     background-color: transparent;
}
 .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
     color: #ffffff;
     background-color: #181C32;
     border-color: #181C32;
}
 .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(24, 28, 50, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(24, 28, 50, 0.5);
}
 .btn-outline-white {
     color: #ffffff;
     border-color: #ffffff;
}
 .btn-outline-white:hover {
     color: #181C32;
     background-color: #ffffff;
     border-color: #ffffff;
}
 .btn-outline-white:focus, .btn-outline-white.focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
 .btn-outline-white.disabled, .btn-outline-white:disabled {
     color: #ffffff;
     background-color: transparent;
}
 .btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle {
     color: #181C32;
     background-color: #ffffff;
     border-color: #ffffff;
}
 .btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus {
     -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
 .btn-link {
     font-weight: 400;
     color: #4785FF;
     text-decoration: none;
}
 .btn-link:hover {
     color: #4785FF;
     text-decoration: underline;
}
 .btn-link:focus, .btn-link.focus {
     text-decoration: underline;
}
 .btn-link:disabled, .btn-link.disabled {
     color: #7E8299;
     pointer-events: none;
}
 .btn-lg, .btn-group-lg > .btn {
     padding: 0.825rem 1.42rem;
     font-size: 1.1rem;
     line-height: 1.5;
     border-radius: 0.35rem;
}
 .btn-sm, .btn-group-sm > .btn {
     padding: 0.55rem 0.85rem;
     font-size: 0.925rem;
     line-height: 1.35;
     border-radius: 0.35rem;
}
 .btn-xs, .btn-group-xs > .btn {
     padding: 0.4rem 0.6rem;
     font-size: 0.85rem;
     line-height: 1.2;
     border-radius: 0.3rem;
}
 .btn-block {
     display: block;
     width: 100%;
}
 .btn-block + .btn-block {
     margin-top: 0.5rem;
}
 input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
     width: 100%;
}
 .fade {
     -webkit-transition: opacity 0.15s linear;
     transition: opacity 0.15s linear;
}
 @media (prefers-reduced-motion: reduce) {
     .fade {
         -webkit-transition: none;
         transition: none;
    }
}
 .fade:not(.show) {
     opacity: 0;
}
 .collapse:not(.show) {
     display: none;
}
 .collapsing {
     position: relative;
     height: 0;
     overflow: hidden;
     -webkit-transition: height 0.35s ease;
     transition: height 0.35s ease;
}
 @media (prefers-reduced-motion: reduce) {
     .collapsing {
         -webkit-transition: none;
         transition: none;
    }
}
 .dropup, .dropright, .dropdown, .dropleft {
     position: relative;
}
 .dropdown-toggle {
     white-space: nowrap;
}
 .dropdown-toggle::after {
     display: inline-block;
     margin-left: 0.255em;
     vertical-align: 0.255em;
     content: "";
     border-top: 0.3em solid;
     border-right: 0.3em solid transparent;
     border-bottom: 0;
     border-left: 0.3em solid transparent;
}
 .dropdown-toggle:empty::after {
     margin-left: 0;
}
 .dropdown-menu {
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 98;
     display: none;
     float: left;
     min-width: 10rem;
     padding: 0.5rem 0;
     margin: 0.125rem 0 0;
     font-size: 14px;
     color: rgba(63, 66, 84, 0.9);
     text-align: left;
     list-style: none;
     background-color: #ffffff;
     background-clip: padding-box;
     border: 0 solid rgba(0, 0, 0, 0.15);
     border-radius: 0.35rem;
     -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
}
 .dropdown-menu-left {
     right: auto;
     left: 0;
}
 .dropdown-menu-right {
     right: 0;
     left: auto;
}
 @media (min-width: 576px) {
     .dropdown-menu-sm-left {
         right: auto;
         left: 0;
    }
     .dropdown-menu-sm-right {
         right: 0;
         left: auto;
    }
}
 @media (min-width: 768px) {
     .dropdown-menu-md-left {
         right: auto;
         left: 0;
    }
     .dropdown-menu-md-right {
         right: 0;
         left: auto;
    }
}
 @media (min-width: 992px) {
     .dropdown-menu-lg-left {
         right: auto;
         left: 0;
    }
     .dropdown-menu-lg-right {
         right: 0;
         left: auto;
    }
}
 @media (min-width: 1200px) {
     .dropdown-menu-xl-left {
         right: auto;
         left: 0;
    }
     .dropdown-menu-xl-right {
         right: 0;
         left: auto;
    }
}
 @media (min-width: 1480px) {
     .dropdown-menu-xxl-left {
         right: auto;
         left: 0;
    }
     .dropdown-menu-xxl-right {
         right: 0;
         left: auto;
    }
}
 .dropup .dropdown-menu {
     top: auto;
     bottom: 100%;
     margin-top: 0;
     margin-bottom: 0.125rem;
}
 .dropup .dropdown-toggle::after {
     display: inline-block;
     margin-left: 0.255em;
     vertical-align: 0.255em;
     content: "";
     border-top: 0;
     border-right: 0.3em solid transparent;
     border-bottom: 0.3em solid;
     border-left: 0.3em solid transparent;
}
 .dropup .dropdown-toggle:empty::after {
     margin-left: 0;
}
 .dropright .dropdown-menu {
     top: 0;
     right: auto;
     left: 100%;
     margin-top: 0;
     margin-left: 0.125rem;
}
 .dropright .dropdown-toggle::after {
     display: inline-block;
     margin-left: 0.255em;
     vertical-align: 0.255em;
     content: "";
     border-top: 0.3em solid transparent;
     border-right: 0;
     border-bottom: 0.3em solid transparent;
     border-left: 0.3em solid;
}
 .dropright .dropdown-toggle:empty::after {
     margin-left: 0;
}
 .dropright .dropdown-toggle::after {
     vertical-align: 0;
}
 .dropleft .dropdown-menu {
     top: 0;
     right: 100%;
     left: auto;
     margin-top: 0;
     margin-right: 0.125rem;
}
 .dropleft .dropdown-toggle::after {
     display: inline-block;
     margin-left: 0.255em;
     vertical-align: 0.255em;
     content: "";
}
 .dropleft .dropdown-toggle::after {
     display: none;
}
 .dropleft .dropdown-toggle::before {
     display: inline-block;
     margin-right: 0.255em;
     vertical-align: 0.255em;
     content: "";
     border-top: 0.3em solid transparent;
     border-right: 0.3em solid;
     border-bottom: 0.3em solid transparent;
}
 .dropleft .dropdown-toggle:empty::after {
     margin-left: 0;
}
 .dropleft .dropdown-toggle::before {
     vertical-align: 0;
}
 .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
     right: auto;
     bottom: auto;
}
 .dropdown-divider {
     height: 0;
     margin: 0.5rem 0;
     overflow: hidden;
     border-top: 1px solid #EBEDF3;
}
 .dropdown-item {
     display: block;
     width: 100%;
     padding: 0.75rem 1.25rem;
     clear: both;
     font-weight: 400;
     color: #181C32;
     text-align: inherit;
     white-space: nowrap;
     background-color: transparent;
     border: 0;
}
 .dropdown-item:hover, .dropdown-item:focus {
     color: #101221;
     text-decoration: none;
     background-color: #F3F6F9;
}
 .dropdown-item.active, .dropdown-item:active {
     color: #ffffff;
     text-decoration: none;
     background-color:#4785FF;
}
 .dropdown-item.disabled, .dropdown-item:disabled {
     color: #7E8299;
     pointer-events: none;
     background-color: transparent;
}
 .dropdown-menu.show {
     display: block;
}
 .dropdown-header {
     display: block;
     padding: 0.5rem 1.25rem;
     margin-bottom: 0;
     font-size: 0.925rem;
     color: #7E8299;
     white-space: nowrap;
}
.bootstrap-select .dropdown-header{padding:10px 15px;}
 .dropdown-item-text {
     display: block;
     padding: 0.75rem 1.25rem;
     color: #181C32;
}
 .btn-group, .btn-group-vertical {
     position: relative;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     vertical-align: middle;
}
 .btn-group > .btn, .btn-group-vertical > .btn {
     position: relative;
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
}
 .btn-group > .btn:hover, .btn-group-vertical > .btn:hover {
     z-index: 1;
}
 .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
     z-index: 1;
}
 .btn-toolbar {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
}
 .btn-toolbar .input-group {
     width: auto;
}
 .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {
     margin-left: -1px;
}
 .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
}
 .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
}
 .dropdown-toggle-split {
     padding-right: 0.75rem;
     padding-left: 0.75rem;
}
 .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
     margin-left: 0;
}
 .dropleft .dropdown-toggle-split::before {
     margin-right: 0;
}
 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
     padding-right: 0.5625rem;
     padding-left: 0.5625rem;
}
 .btn-xs + .dropdown-toggle-split, .btn-group-xs > .btn + .dropdown-toggle-split {
     padding-right: 0.4rem;
     padding-left: 0.4em;
}
 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
     padding-right: 1.065rem;
     padding-left: 1.065rem;
}
 .btn-group.show .dropdown-toggle {
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .btn-group.show .dropdown-toggle.btn-link {
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .btn-group-vertical {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
     width: 100%;
}
 .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
     margin-top: -1px;
}
 .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
}
 .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
}
 .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
     margin-bottom: 0;
}
 .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
     position: absolute;
     clip: rect(0, 0, 0, 0);
     pointer-events: none;
}
 .input-group {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     width: 100%;
}
 .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
     position: relative;
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     width: 1%;
     min-width: 0;
     margin-bottom: 0;
}
 .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file {
     margin-left: -1px;
}
 .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
     z-index: 3;
}
 .input-group > .custom-file .custom-file-input:focus {
     z-index: 4;
}
 .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
}
 .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
}
 .input-group > .custom-file {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
}
 .input-group > .custom-file:not(:first-child) .custom-file-label {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
}
 .input-group-prepend, .input-group-append {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .input-group-prepend .btn, .input-group-append .btn {
     position: relative;
     z-index: 2;
}
 .input-group-prepend .btn:focus, .input-group-append .btn:focus {
     z-index: 3;
}
 .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn {
     margin-left: -1px;
}
 .input-group-prepend {
     margin-right: -1px;
}
 .input-group-append {
     margin-left: -1px;
}
 .input-group-text {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0.65rem 1rem;
     margin-bottom: 0;
     font-size: 1.1rem;
     font-weight: 400;
     line-height: 1.5;
     color: rgba(63, 66, 84, 0.9);
     text-align: center;
     white-space: nowrap;
     background-color: #F3F6F9;
     border: 1px solid #E4E6EF;
     border-radius: 0.35rem;
}
 .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] {
     margin-top: 0;
}
 .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select {
     height: calc(1.5em + 1.65rem + 2px);
}
 .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {
     padding: 0.825rem 1.42rem;
     font-size: 1.08rem;
     line-height: 1.5;
     border-radius: 0.35rem;
}
 .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select {
     height: calc(1.35em + 1.1rem + 2px);
}
 .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn {
     padding: 0.55rem 0.75rem;
     font-size: 0.925rem;
     line-height: 1.35;
     border-radius: 0.28rem;
}
 .input-group-lg > .custom-select, .input-group-sm > .custom-select {
     padding-right: 2rem;
}
 .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
}
 .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
}
 .custom-control {
     position: relative;
     display: block;
     min-height: 1.5rem;
     padding-left: 1.5rem;
}
 .custom-control-inline {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     margin-right: 1rem;
}
 .custom-control-input {
     position: absolute;
     left: 0;
     z-index: -1;
     width: 1rem;
     height: 1.25rem;
     opacity: 0;
}
 .custom-control-input:checked ~ .custom-control-label::before {
     color: #ffffff;
     border-color: #4785FF;
     background-color:#4785FF;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .custom-control-input:focus ~ .custom-control-label::before {
     -webkit-box-shadow: none, none;
     box-shadow: none, none;
}
 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
     border-color: #69b3ff;
}
 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
     color: #ffffff;
     background-color: #e9f4ff;
     border-color: #e9f4ff;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
     color: #7E8299;
}
 .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
     background-color: #F3F6F9;
}
 .custom-control-label {
     position: relative;
     margin-bottom: 0;
     vertical-align: top;
}
 .custom-control-label::before {
     position: absolute;
     top: 0.25rem;
     left: -1.5rem;
     display: block;
     width: 1rem;
     height: 1rem;
     pointer-events: none;
     content: "";
     background-color: #ffffff;
     border: #B5B5C3 solid 1px;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .custom-control-label::after {
     position: absolute;
     top: 0.25rem;
     left: -1.5rem;
     display: block;
     width: 1rem;
     height: 1rem;
     content: "";
     background: no-repeat 50% / 50% 50%;
}
 .custom-checkbox .custom-control-label::before {
     border-radius: 0.35rem;
}
 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
     border-color: #4785FF;
     background-color:#4785FF;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e");
}
 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
     background-color: rgba(54, 153, 255, 0.5);
}
 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
     background-color: rgba(54, 153, 255, 0.5);
}
 .custom-radio .custom-control-label::before {
     border-radius: 50%;
}
 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
}
 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
     background-color: rgba(54, 153, 255, 0.5);
}
 .custom-switch {
     padding-left: 2.25rem;
}
 .custom-switch .custom-control-label::before {
     left: -2.25rem;
     width: 1.75rem;
     pointer-events: all;
     border-radius: 0.5rem;
}
 .custom-switch .custom-control-label::after {
     top: calc(0.25rem + 2px);
     left: calc(-2.25rem + 2px);
     width: calc(1rem - 4px);
     height: calc(1rem - 4px);
     background-color: #B5B5C3;
     border-radius: 0.5rem;
     -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
     transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
     transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
 @media (prefers-reduced-motion: reduce) {
     .custom-switch .custom-control-label::after {
         -webkit-transition: none;
         transition: none;
    }
}
 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
     background-color: #ffffff;
     -webkit-transform: translateX(0.75rem);
     transform: translateX(0.75rem);
}
 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
     background-color: rgba(54, 153, 255, 0.5);
}
 .custom-select {
     display: inline-block;
     width: 100%;
     height: calc(1.5em + 1.3rem + 2px);
     padding: 0.65rem 2rem 0.65rem 1rem;
     font-size: 1.1rem;
     font-weight: 400;
     line-height: 1.5;
     color: rgba(63, 66, 84, 0.9);
     vertical-align: middle;
     background: #ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%233F4254' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px;
     border: 1px solid #E4E6EF;
     border-radius: 0.35rem;
     -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 .custom-select:focus {
     border-color: #69b3ff;
     outline: 0;
     -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(54, 153, 255, 0.25);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(54, 153, 255, 0.25);
}
 .custom-select:focus::-ms-value {
     color: rgba(63, 66, 84, 0.9);
     background-color: #ffffff;
}
 .custom-select[multiple], .custom-select[size]:not([size="1"]) {
     height: auto;
     padding-right: 1rem;
     background-image: none;
}
 .custom-select:disabled {
     color: #7E8299;
     background-color: #EBEDF3;
}
 .custom-select::-ms-expand {
     display: none;
}
 .custom-select:-moz-focusring {
     color: transparent;
     text-shadow: 0 0 0 rgba(63, 66, 84, 0.9);
}
 .custom-select-sm {
     height: calc(1.35em + 1.1rem + 2px);
     padding-top: 0.55rem;
     padding-bottom: 0.55rem;
     padding-left: 0.75rem;
     font-size: 0.925rem;
}
 .custom-table-length .custom-select-sm{
     font-size: 14px;
     color: rgba(43, 52, 95,0.7);
     line-height:normal;
     min-width:67px;
}
 .custom-select-lg {
     height: calc(1.5em + 1.65rem + 2px);
     padding-top: 0.825rem;
     padding-bottom: 0.825rem;
     padding-left: 1.42rem;
     font-size: 1.08rem;
}
 .custom-file {
     position: relative;
     display: inline-block;
     width: 100%;
     height: calc(1.5em + 1.3rem + 2px);
     margin-bottom: 0;
}
 .custom-file-input {
     position: relative;
     z-index: 2;
     width: 100%;
     height: calc(1.5em + 1.3rem + 2px);
     margin: 0;
     opacity: 0;
}
 .custom-file-input:focus ~ .custom-file-label {
     border-color: #69b3ff;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
     background-color: #F3F6F9;
}
 .custom-file-input:lang(en) ~ .custom-file-label::after {
     content: "Browse";
}
 .custom-file-input ~ .custom-file-label[data-browse]::after {
     content: attr(data-browse);
}
 .custom-file-label {
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     z-index: 1;
     height: calc(1.5em + 1.3rem + 2px);
     padding: 0.65rem 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: rgba(63, 66, 84, 0.9);
     background-color: #ffffff;
     border: 1px solid #E4E6EF;
     border-radius: 0.35rem;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .custom-file-label::after {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 3;
     display: block;
     height: calc(1.5em + 1.3rem);
     padding: 0.65rem 1rem;
     line-height: 1.5;
     color: rgba(63, 66, 84, 0.9);
     content: "Browse";
     background-color: #F3F6F9;
     border-left: inherit;
     border-radius: 0 0.42rem 0.42rem 0;
}
 .custom-range {
     width: 100%;
     height: 1.4rem;
     padding: 0;
     background-color: transparent;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 .custom-range:focus {
     outline: none;
}
 .custom-range:focus::-webkit-slider-thumb {
     -webkit-box-shadow: 0 0 0 1px #ffffff, none;
     box-shadow: 0 0 0 1px #ffffff, none;
}
 .custom-range:focus::-moz-range-thumb {
     box-shadow: 0 0 0 1px #ffffff, none;
}
 .custom-range:focus::-ms-thumb {
     box-shadow: 0 0 0 1px #ffffff, none;
}
 .custom-range::-moz-focus-outer {
     border: 0;
}
 .custom-range::-webkit-slider-thumb {
     width: 1rem;
     height: 1rem;
     margin-top: -0.25rem;
     background-color:#4785FF;
     border: 0;
     border-radius: 1rem;
     -webkit-box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
     box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
     -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
     transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
     transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
     -webkit-appearance: none;
     appearance: none;
}
 @media (prefers-reduced-motion: reduce) {
     .custom-range::-webkit-slider-thumb {
         -webkit-transition: none;
         transition: none;
    }
}
 .custom-range::-webkit-slider-thumb:active {
     background-color: #e9f4ff;
}
 .custom-range::-webkit-slider-runnable-track {
     width: 100%;
     height: 0.5rem;
     color: transparent;
     cursor: pointer;
     background-color: #E4E6EF;
     border-color: transparent;
     border-radius: 1rem;
     -webkit-box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
     box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}
 .custom-range::-moz-range-thumb {
     width: 1rem;
     height: 1rem;
     background-color:#4785FF;
     border: 0;
     border-radius: 1rem;
     box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
     -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     -moz-appearance: none;
     appearance: none;
}
 @media (prefers-reduced-motion: reduce) {
     .custom-range::-moz-range-thumb {
         -moz-transition: none;
         transition: none;
    }
}
 .custom-range::-moz-range-thumb:active {
     background-color: #e9f4ff;
}
 .custom-range::-moz-range-track {
     width: 100%;
     height: 0.5rem;
     color: transparent;
     cursor: pointer;
     background-color: #E4E6EF;
     border-color: transparent;
     border-radius: 1rem;
     box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}
 .custom-range::-ms-thumb {
     width: 1rem;
     height: 1rem;
     margin-top: 0;
     margin-right: 0.2rem;
     margin-left: 0.2rem;
     background-color:#4785FF;
     border: 0;
     border-radius: 1rem;
     box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
     -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     appearance: none;
}
 @media (prefers-reduced-motion: reduce) {
     .custom-range::-ms-thumb {
         -ms-transition: none;
         transition: none;
    }
}
 .custom-range::-ms-thumb:active {
     background-color: #e9f4ff;
}
 .custom-range::-ms-track {
     width: 100%;
     height: 0.5rem;
     color: transparent;
     cursor: pointer;
     background-color: transparent;
     border-color: transparent;
     border-width: 0.5rem;
     box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}
 .custom-range::-ms-fill-lower {
     background-color: #E4E6EF;
     border-radius: 1rem;
}
 .custom-range::-ms-fill-upper {
     margin-right: 15px;
     background-color: #E4E6EF;
     border-radius: 1rem;
}
 .custom-range:disabled::-webkit-slider-thumb {
     background-color: #B5B5C3;
}
 .custom-range:disabled::-webkit-slider-runnable-track {
     cursor: default;
}
 .custom-range:disabled::-moz-range-thumb {
     background-color: #B5B5C3;
}
 .custom-range:disabled::-moz-range-track {
     cursor: default;
}
 .custom-range:disabled::-ms-thumb {
     background-color: #B5B5C3;
}
 .custom-control-label::before, .custom-file-label, .custom-select {
     -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
     transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
     transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
 @media (prefers-reduced-motion: reduce) {
     .custom-control-label::before, .custom-file-label, .custom-select {
         -webkit-transition: none;
         transition: none;
    }
}
 .nav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none;
}
 .nav-link {
     display: block;
     padding: 0.5rem 1rem;
}
 .nav-link:hover, .nav-link:focus {
     text-decoration: none;
}
 .nav-link.disabled {
     color: #7E8299;
     pointer-events: none;
     cursor: default;
}
 .nav-tabs {
     border-bottom: 1px solid #E4E6EF;
}
 .nav-tabs .nav-item {
     margin-bottom: -1px;
}
 .nav-tabs .nav-link {
     border: 1px solid transparent;
     border-top-left-radius: 0.42rem;
     border-top-right-radius: 0.42rem;
}
 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
     border-color: #EBEDF3 #EBEDF3 #E4E6EF;
}
 .nav-tabs .nav-link.disabled {
     color: #7E8299;
     background-color: transparent;
     border-color: transparent;
}
 .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
     color: #5E6278;
     background-color: #ffffff;
     border-color: #E4E6EF #E4E6EF #ffffff;
}
 .nav-tabs .dropdown-menu {
     margin-top: -1px;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
}
 .nav-pills .nav-link {
     border-radius: 0.35rem;
}
 .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
     color: #ffffff;
     background-color:#4785FF;
}
 .nav-fill .nav-item {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     text-align: center;
}
 .nav-justified .nav-item {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     text-align: center;
}
 .tab-content > .tab-pane {
     display: none;
}
 .tab-content > .active {
     display: block;
     opacity:1;
}
 .navbar {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: 0.5rem 1rem;
}
 .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl, .navbar .container-xxl {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 .navbar-brand {
     display: inline-block;
     padding-top: 0.44rem;
     padding-bottom: 0.44rem;
     margin-right: 1rem;
     font-size: 1.08rem;
     line-height: inherit;
     white-space: nowrap;
}
 .navbar-brand:hover, .navbar-brand:focus {
     text-decoration: none;
}
 .navbar-nav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none;
}
 .navbar-nav .nav-link {
     padding-right: 0;
     padding-left: 0;
}
 .navbar-nav .dropdown-menu {
     position: static;
     float: none;
}
 .navbar-text {
     display: inline-block;
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
}
 .navbar-collapse {
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .navbar-toggler {
     padding: 0.25rem 0.75rem;
     font-size: 1.08rem;
     line-height: 1;
     background-color: transparent;
     border: 1px solid transparent;
     border-radius: 0.35rem;
}
 .navbar-toggler:hover, .navbar-toggler:focus {
     text-decoration: none;
}
 .navbar-toggler-icon {
     display: inline-block;
     width: 1.5em;
     height: 1.5em;
     vertical-align: middle;
     content: "";
     background: no-repeat center center;
     background-size: 100% 100%;
}
 @media (max-width: 575.98px) {
     .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xxl {
         padding-right: 0;
         padding-left: 0;
    }
}
 @media (min-width: 576px) {
     .navbar-expand-sm {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start;
    }
     .navbar-expand-sm .navbar-nav {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
    }
     .navbar-expand-sm .navbar-nav .dropdown-menu {
         position: absolute;
    }
     .navbar-expand-sm .navbar-nav .nav-link {
         padding-right: 0.5rem;
         padding-left: 0.5rem;
    }
     .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xxl {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
    }
     .navbar-expand-sm .navbar-collapse {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto;
    }
     .navbar-expand-sm .navbar-toggler {
         display: none;
    }
}
 @media (max-width: 767.98px) {
     .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-xxl {
         padding-right: 0;
         padding-left: 0;
    }
}
 @media (min-width: 768px) {
     .navbar-expand-md {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start;
    }
     .navbar-expand-md .navbar-nav {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
    }
     .navbar-expand-md .navbar-nav .dropdown-menu {
         position: absolute;
    }
     .navbar-expand-md .navbar-nav .nav-link {
         padding-right: 0.5rem;
         padding-left: 0.5rem;
    }
     .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-xxl {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
    }
     .navbar-expand-md .navbar-collapse {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto;
    }
     .navbar-expand-md .navbar-toggler {
         display: none;
    }
}
 @media (max-width: 991.98px) {
     .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xxl {
         padding-right: 0;
         padding-left: 0;
    }
}
 @media (min-width: 992px) {
     .navbar-expand-lg {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start;
    }
     .navbar-expand-lg .navbar-nav {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
    }
     .navbar-expand-lg .navbar-nav .dropdown-menu {
         position: absolute;
    }
     .navbar-expand-lg .navbar-nav .nav-link {
         padding-right: 0.5rem;
         padding-left: 0.5rem;
    }
     .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xxl {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
    }
     .navbar-expand-lg .navbar-collapse {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto;
    }
     .navbar-expand-lg .navbar-toggler {
         display: none;
    }
}
 @media (max-width: 1199.98px) {
     .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xxl {
         padding-right: 0;
         padding-left: 0;
    }
}
 @media (min-width: 1200px) {
     .navbar-expand-xl {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start;
    }
     .navbar-expand-xl .navbar-nav {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
    }
     .navbar-expand-xl .navbar-nav .dropdown-menu {
         position: absolute;
    }
     .navbar-expand-xl .navbar-nav .nav-link {
         padding-right: 0.5rem;
         padding-left: 0.5rem;
    }
     .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xxl {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
    }
     .navbar-expand-xl .navbar-collapse {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto;
    }
     .navbar-expand-xl .navbar-toggler {
         display: none;
    }
}
 @media (max-width: 1399.98px) {
     .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl {
         padding-right: 0;
         padding-left: 0;
    }
}
 @media (min-width: 1480px) {
     .navbar-expand-xxl {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start;
    }
     .navbar-expand-xxl .navbar-nav {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
    }
     .navbar-expand-xxl .navbar-nav .dropdown-menu {
         position: absolute;
    }
     .navbar-expand-xxl .navbar-nav .nav-link {
         padding-right: 0.5rem;
         padding-left: 0.5rem;
    }
     .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
    }
     .navbar-expand-xxl .navbar-collapse {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto;
    }
     .navbar-expand-xxl .navbar-toggler {
         display: none;
    }
}
 .navbar-expand {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row nowrap;
     flex-flow: row nowrap;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
}
 .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl, .navbar-expand > .container-xxl {
     padding-right: 0;
     padding-left: 0;
}
 .navbar-expand .navbar-nav {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
}
 .navbar-expand .navbar-nav .dropdown-menu {
     position: absolute;
}
 .navbar-expand .navbar-nav .nav-link {
     padding-right: 0.5rem;
     padding-left: 0.5rem;
}
 .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl, .navbar-expand > .container-xxl {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
}
 .navbar-expand .navbar-collapse {
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important;
     -ms-flex-preferred-size: auto;
     flex-basis: auto;
}
 .navbar-expand .navbar-toggler {
     display: none;
}
 .navbar-light .navbar-brand {
     color: rgba(0, 0, 0, 0.9);
}
 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
     color: rgba(0, 0, 0, 0.9);
}
 .navbar-light .navbar-nav .nav-link {
     color: rgba(0, 0, 0, 0.5);
}
 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
     color: rgba(0, 0, 0, 0.7);
}
 .navbar-light .navbar-nav .nav-link.disabled {
     color: rgba(0, 0, 0, 0.3);
}
 .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
     color: rgba(0, 0, 0, 0.9);
}
 .navbar-light .navbar-toggler {
     color: rgba(0, 0, 0, 0.5);
     border-color: rgba(0, 0, 0, 0.1);
}
 .navbar-light .navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
 .navbar-light .navbar-text {
     color: rgba(0, 0, 0, 0.5);
}
 .navbar-light .navbar-text a {
     color: rgba(0, 0, 0, 0.9);
}
 .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
     color: rgba(0, 0, 0, 0.9);
}
 .navbar-dark .navbar-brand {
     color: #ffffff;
}
 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
     color: #ffffff;
}
 .navbar-dark .navbar-nav .nav-link {
     color: rgba(255, 255, 255, 0.5);
}
 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
     color: rgba(255, 255, 255, 0.75);
}
 .navbar-dark .navbar-nav .nav-link.disabled {
     color: rgba(255, 255, 255, 0.25);
}
 .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
     color: #ffffff;
}
 .navbar-dark .navbar-toggler {
     color: rgba(255, 255, 255, 0.5);
     border-color: rgba(255, 255, 255, 0.1);
}
 .navbar-dark .navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
 .navbar-dark .navbar-text {
     color: rgba(255, 255, 255, 0.5);
}
 .navbar-dark .navbar-text a {
     color: #ffffff;
}
 .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
     color: #ffffff;
}
 .card {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #ffffff;
     background-clip: border-box;
     border: 1px solid #EBEDF3;
     border-radius: 13px;
}
 .card > hr {
     margin-right: 0;
     margin-left: 0;
}
 .card > .list-group {
     border-top: inherit;
     border-bottom: inherit;
}
 .card > .list-group:first-child {
     border-top-width: 0;
     border-top-left-radius: calc(0.42rem - 1px);
     border-top-right-radius: calc(0.42rem - 1px);
}
 .card > .list-group:last-child {
     border-bottom-width: 0;
     border-bottom-right-radius: calc(0.42rem - 1px);
     border-bottom-left-radius: calc(0.42rem - 1px);
}
 .card-body {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     min-height: 1px;
     padding: 2.25rem;
}
 .card-title {
     margin-bottom: 2rem;
}
 .card-subtitle {
     margin-top: -1rem;
     margin-bottom: 0;
}
 .card-text:last-child {
     margin-bottom: 0;
}
 .card-link:hover {
     text-decoration: none;
}
 .card-link + .card-link {
     margin-left: 2.25rem;
}
 .card-header {
     padding: 2rem 2.25rem;
     margin-bottom: 0;
     background-color: #ffffff;
    /* border-bottom: 1px solid #EBEDF3;
     */
     box-shadow: 0 2px 4px 0 rgba(23,31,35,.06);
}
 .card-header:first-child {
     border-radius: 13px 13px 0 0
}
.radius-13{border-radius:13px!important}
.radius-13-TL{border-top-left-radius:13px!important}
.radius-13-TR{border-top-right-radius:13px!important}
.radius-13-BL{border-bottom-left-radius:13px!important}
.radius-13-BR{border-bottom-right-radius:13px!important}
 .card-header + .list-group .list-group-item:first-child {
     border-top: 0;
}
.radius-0-TL{border-top-left-radius:0px!important}
.radius-0-TR{border-top-right-radius:0px!important}
.radius-0-BL{border-bottom-left-radius:0px!important}
.radius-0-BR{border-bottom-right-radius:0px!important}
 .card-footer {
     padding: 1.2rem 2.25rem;
     background-color: #ffffff;
     border-top: 1px solid #EBEDF3;
}
 .card-footer:last-child {
     border-radius: 0 0 calc(0.42rem - 1px) calc(0.42rem - 1px);
}
 .card-header-tabs {
     margin-right: -1.125rem;
     margin-bottom: -2rem;
     margin-left: -1.125rem;
     border-bottom: 0;
}
 .card-header-pills {
     margin-right: -1.125rem;
     margin-left: -1.125rem;
}
 .card-img-overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     padding: 1.25rem;
}
 .card-img, .card-img-top, .card-img-bottom {
     -ms-flex-negative: 0;
     flex-shrink: 0;
     width: 100%;
}
 .card-img, .card-img-top {
     border-top-left-radius: calc(0.42rem - 1px);
     border-top-right-radius: calc(0.42rem - 1px);
}
 .card-img, .card-img-bottom {
     border-bottom-right-radius: calc(0.42rem - 1px);
     border-bottom-left-radius: calc(0.42rem - 1px);
}
 .card-deck .card {
     margin-bottom: 12.5px;
}
 @media (min-width: 576px) {
     .card-deck {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row wrap;
         flex-flow: row wrap;
         margin-right: -12.5px;
         margin-left: -12.5px;
    }
     .card-deck .card {
         -webkit-box-flex: 1;
         -ms-flex: 1 0 0%;
         flex: 1 0 0%;
         margin-right: 12.5px;
         margin-bottom: 0;
         margin-left: 12.5px;
    }
}
 .card-group > .card {
     margin-bottom: 12.5px;
}
 @media (min-width: 576px) {
     .card-group {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-flow: row wrap;
         flex-flow: row wrap;
    }
     .card-group > .card {
         -webkit-box-flex: 1;
         -ms-flex: 1 0 0%;
         flex: 1 0 0%;
         margin-bottom: 0;
    }
     .card-group > .card + .card {
         margin-left: 0;
         border-left: 0;
    }
     .card-group > .card:not(:last-child) {
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
    }
     .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
         border-top-right-radius: 0;
    }
     .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
         border-bottom-right-radius: 0;
    }
     .card-group > .card:not(:first-child) {
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
    }
     .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
         border-top-left-radius: 0;
    }
     .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
         border-bottom-left-radius: 0;
    }
}
 .card-columns .card {
     margin-bottom: 2rem;
}
 @media (min-width: 576px) {
     .card-columns {
         -webkit-column-count: 3;
         -moz-column-count: 3;
         column-count: 3;
         -webkit-column-gap: 25px;
         -moz-column-gap: 25px;
         column-gap: 25px;
         orphans: 1;
         widows: 1;
    }
     .card-columns .card {
         display: inline-block;
         width: 100%;
    }
}
 .accordion > .card {
     overflow: hidden;
}
 .accordion > .card:not(:last-of-type) {
     border-bottom: 0;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
}
 .accordion > .card:not(:first-of-type) {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
}
 .accordion > .card > .card-header {
     border-radius: 0;
     margin-bottom: -1px;
}
 .breadcrumb {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding: 0.75rem 1rem;
     margin-bottom: 1rem;
     list-style: none;
     background-color: #EBEDF3;
     border-radius: 0.35rem;
}
 .breadcrumb-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .breadcrumb-item + .breadcrumb-item {
     padding-left: 0.5rem;
}
 .breadcrumb-item + .breadcrumb-item::before {
     display: inline-block;
     padding-right: 0.5rem;
     color: #7E8299;
     content: "/";
}
 .breadcrumb-item + .breadcrumb-item:hover::before {
     text-decoration: underline;
}
 .breadcrumb-item + .breadcrumb-item:hover::before {
     text-decoration: none;
}
 .breadcrumb-item.active {
     color: #7E8299;
}
 .pagination {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding-left: 0;
     list-style: none;
     border-radius: 0.35rem;
}
 .page-link {
     position: relative;
     display: block;
     padding: 0.5rem 0.75rem;
     margin-left: -1px;
     line-height: 1.25;
     color: #4785FF;
     background-color: #ffffff;
     border: 1px solid #E4E6EF;
}
 .page-link:hover {
     z-index: 2;
     color: #4785FF;
     text-decoration: none;
     background-color: #EBEDF3;
     border-color: #E4E6EF;
}
 .page-link:focus {
     z-index: 3;
     outline: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .page-item:first-child .page-link {
     margin-left: 0;
     border-top-left-radius: 0.42rem;
     border-bottom-left-radius: 0.42rem;
}
 .page-item:last-child .page-link {
     border-top-right-radius: 0.42rem;
     border-bottom-right-radius: 0.42rem;
}
 .page-item.active .page-link {
     z-index: 3;
     color: #ffffff;
     background-color:#4785FF;
     border-color: #4785FF;
}
 .page-item.disabled .page-link {
     color: #7E8299;
     pointer-events: none;
     cursor: auto;
     background-color: #ffffff;
     border-color: #EBEDF3;
}
 .pagination-lg .page-link {
     padding: 0.75rem 1.5rem;
     font-size: 1.08rem;
     line-height: 1.5;
}
 .pagination-lg .page-item:first-child .page-link {
     border-top-left-radius: 0.85rem;
     border-bottom-left-radius: 0.85rem;
}
 .pagination-lg .page-item:last-child .page-link {
     border-top-right-radius: 0.85rem;
     border-bottom-right-radius: 0.85rem;
}
 .pagination-sm .page-link {
     padding: 0.25rem 0.5rem;
     font-size: 0.925rem;
     line-height: 1.35;
}
 .pagination-sm .page-item:first-child .page-link {
     border-top-left-radius: 0.28rem;
     border-bottom-left-radius: 0.28rem;
}
 .pagination-sm .page-item:last-child .page-link {
     border-top-right-radius: 0.28rem;
     border-bottom-right-radius: 0.28rem;
}
 .badge {
     display: inline-block;
     padding: 0.5em 0.75em;
     font-size: 85%;
     font-weight: 500;
     line-height: 1;
     text-align: center;
     white-space: nowrap;
     vertical-align: baseline;
     border-radius: 0.35rem;
     -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
     transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
     transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
     transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
}
 @media (prefers-reduced-motion: reduce) {
     .badge {
         -webkit-transition: none;
         transition: none;
    }
}
 a.badge:hover, a.badge:focus {
     text-decoration: none;
}
 .badge:empty {
     display: none;
}
 .btn .badge {
     position: relative;
     top: -1px;
}
 .badge-pill {
     padding-right: 1em;
     padding-left: 1em;
     border-radius: 10rem;
}
 .badge-primary {
     color: #ffffff;
     background-color:#4785FF;
}
 a.badge-primary:hover, a.badge-primary:focus {
     color: #ffffff;
     background-color: #037fff;
}
 a.badge-primary:focus, a.badge-primary.focus {
     outline: 0;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5);
}
 .badge-secondary {
     color: #181C32;
     background-color: #E4E6EF;
}
 a.badge-secondary:hover, a.badge-secondary:focus {
     color: #181C32;
     background-color: #c4c8dc;
}
 a.badge-secondary:focus, a.badge-secondary.focus {
     outline: 0;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(228, 230, 239, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(228, 230, 239, 0.5);
}
 .badge-success {
     color: #ffffff;
     background-color: #32D0A5;
}
 a.badge-success:hover, a.badge-success:focus {
     color: #ffffff;
     background-color: #159892;
}
 a.badge-success:focus, a.badge-success.focus {
     outline: 0;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.5);
}
 .badge-info {
     color: #ffffff;
     background-color: #7B6FFF;
}
 a.badge-info:hover, a.badge-info:focus {
     color: #ffffff;
     background-color: #671efb;
}
 a.badge-info:focus, a.badge-info.focus {
     outline: 0;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(137, 80, 252, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(137, 80, 252, 0.5);
}
 .badge-warning {
     color: #181C32;
     background-color: #FFA800;
}
 a.badge-warning:hover, a.badge-warning:focus {
     color: #181C32;
     background-color: #cc8600;
}
 a.badge-warning:focus, a.badge-warning.focus {
     outline: 0;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 168, 0, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(255, 168, 0, 0.5);
}
 .badge-danger {
     color: #ffffff;
     background-color: #F64E60;
}
 a.badge-danger:hover, a.badge-danger:focus {
     color: #ffffff;
     background-color: #f41d34;
}
 a.badge-danger:focus, a.badge-danger.focus {
     outline: 0;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.5);
}
 .badge-light {
     color: #181C32;
     background-color: #F3F6F9;
}
 a.badge-light:hover, a.badge-light:focus {
     color: #181C32;
     background-color: #d1dde8;
}
 a.badge-light:focus, a.badge-light.focus {
     outline: 0;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(243, 246, 249, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(243, 246, 249, 0.5);
}
 .badge-dark {
     color: #ffffff;
     background-color: #181C32;
}
 a.badge-dark:hover, a.badge-dark:focus {
     color: #ffffff;
     background-color: #070910;
}
 a.badge-dark:focus, a.badge-dark.focus {
     outline: 0;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(24, 28, 50, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(24, 28, 50, 0.5);
}
 .badge-white {
     color: #181C32;
     background-color: #ffffff;
}
 a.badge-white:hover, a.badge-white:focus {
     color: #181C32;
     background-color: #e6e6e6;
}
 a.badge-white:focus, a.badge-white.focus {
     outline: 0;
     -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
     box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
 .jumbotron {
     padding: 2rem 1rem;
     margin-bottom: 2rem;
     background-color: #EBEDF3;
     border-radius: 0.85rem;
}
 @media (min-width: 576px) {
     .jumbotron {
         padding: 4rem 2rem;
    }
}
 .jumbotron-fluid {
     padding-right: 0;
     padding-left: 0;
     border-radius: 0;
}
 .alert {
     position: relative;
     padding: 0.75rem 1.25rem;
     margin-bottom: 1rem;
     border: 1px solid transparent;
     border-radius: 0.35rem;
}
 .alert-heading {
     color: inherit;
}
 .alert-link {
     font-weight: 500;
}
 .alert-dismissible {
     padding-right: 4rem;
}
 .alert-dismissible .close {
     position: absolute;
     top: 0;
     right: 0;
     padding: 0.75rem 1.25rem;
     color: inherit;
}
 .alert-primary {
     color: #1c5085;
     background-color: #d7ebff;
     border-color: #c7e2ff;
}
 .alert-primary hr {
     border-top-color: #aed5ff;
}
 .alert-primary .alert-link {
     color: #13375b;
}
 .alert-secondary {
     color: #77787c;
     background-color: #fafafc;
     border-color: #f7f8fb;
}
 .alert-secondary hr {
     border-top-color: #e6e9f3;
}
 .alert-secondary .alert-link {
     color: #5e5f62;
}
 .alert-success {
     color: #0e6662;
     background-color: #d1f3f2;
     border-color: #bfefed;
}
 .alert-success hr {
     border-top-color: #abeae7;
}
 .alert-success .alert-link {
     color: #083937;
}
 .alert-info {
     color: #472a83;
     background-color: #e7dcfe;
     border-color: #decefe;
}
 .alert-info hr {
     border-top-color: #cdb5fd;
}
 .alert-info .alert-link {
     color: #321e5c;
}
 .alert-warning {
     color: #855700;
     background-color: #ffeecc;
     border-color: #ffe7b8;
}
 .alert-warning hr {
     border-top-color: #ffde9f;
}
 .alert-warning .alert-link {
     color: #523600;
}
 .alert-danger {
     color: #802932;
     background-color: #fddcdf;
     border-color: #fccdd2;
}
 .alert-danger hr {
     border-top-color: #fbb5bc;
}
 .alert-danger .alert-link {
     color: #591d23;
}
 .alert-light {
     color: #7e8081;
     background-color: #fdfdfe;
     border-color: #fcfcfd;
}
 .alert-light hr {
     border-top-color: #ededf3;
}
 .alert-light .alert-link {
     color: #656667;
}
 .alert-dark {
     color: #0c0f1a;
     background-color: #d1d2d6;
     border-color: #bebfc6;
}
 .alert-dark hr {
     border-top-color: #b0b2ba;
}
 .alert-dark .alert-link {
     color: black;
}
 .alert-white {
     color: #858585;
     background-color: white;
     border-color: white;
}
 .alert-white hr {
     border-top-color: #f2f2f2;
}
 .alert-white .alert-link {
     color: #6c6c6c;
}
 @-webkit-keyframes progress-bar-stripes {
     from {
         background-position: 1rem 0;
    }
     to {
         background-position: 0 0;
    }
}
 @keyframes progress-bar-stripes {
     from {
         background-position: 1rem 0;
    }
     to {
         background-position: 0 0;
    }
}
 .progress {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 1rem;
     overflow: hidden;
     line-height: 0;
     font-size: 0.75rem;
     background-color: #EBEDF3;
     border-radius: 0.35rem;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .progress-bar {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     overflow: hidden;
     color: #ffffff;
     text-align: center;
     white-space: nowrap;
     background-color:#4785FF;
     -webkit-transition: width 0.6s ease;
     transition: width 0.6s ease;
}
 @media (prefers-reduced-motion: reduce) {
     .progress-bar {
         -webkit-transition: none;
         transition: none;
    }
}
 .progress-bar-striped {
     background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
     background-size: 1rem 1rem;
}
 .progress-bar-animated {
     -webkit-animation: progress-bar-stripes 1s linear infinite;
     animation: progress-bar-stripes 1s linear infinite;
}
 @media (prefers-reduced-motion: reduce) {
     .progress-bar-animated {
         -webkit-animation: none;
         animation: none;
    }
}
 .media {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
}
 .media-body {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
}
 .list-group {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     padding-left: 0;
     margin-bottom: 0;
     border-radius: 0.35rem;
}
 .list-group-item-action {
     width: 100%;
     color: #5E6278;
     text-align: inherit;
}
 .list-group-item-action:hover, .list-group-item-action:focus {
     z-index: 1;
     color: #5E6278;
     text-decoration: none;
     background-color: #EBEDF3;
}
 .list-group-item-action:active {
     color: rgba(63, 66, 84, 0.9);
     background-color: #EBEDF3;
}
 .list-group-item {
     position: relative;
     display: block;
     padding: 0.75rem 1.25rem;
     background-color: #ffffff;
     border: 1px solid #EBEDF3;
}
 .list-group-item:first-child {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
}
 .list-group-item:last-child {
     border-bottom-right-radius: inherit;
     border-bottom-left-radius: inherit;
}
 .list-group-item.disabled, .list-group-item:disabled {
     color: #7E8299;
     pointer-events: none;
     background-color: #ffffff;
}
 .list-group-item.active {
     z-index: 2;
     color: #ffffff;
     background-color:#4785FF;
     border-color: #4785FF;
}
 .list-group-item + .list-group-item {
     border-top-width: 0;
}
 .list-group-item + .list-group-item.active {
     margin-top: -1px;
     border-top-width: 1px;
}
 .list-group-horizontal {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
}
 .list-group-horizontal > .list-group-item:first-child {
     border-bottom-left-radius: 0.42rem;
     border-top-right-radius: 0;
}
 .list-group-horizontal > .list-group-item:last-child {
     border-top-right-radius: 0.42rem;
     border-bottom-left-radius: 0;
}
 .list-group-horizontal > .list-group-item.active {
     margin-top: 0;
}
 .list-group-horizontal > .list-group-item + .list-group-item {
     border-top-width: 1px;
     border-left-width: 0;
}
 .list-group-horizontal > .list-group-item + .list-group-item.active {
     margin-left: -1px;
     border-left-width: 1px;
}
 @media (min-width: 576px) {
     .list-group-horizontal-sm {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
    }
     .list-group-horizontal-sm > .list-group-item:first-child {
         border-bottom-left-radius: 0.42rem;
         border-top-right-radius: 0;
    }
     .list-group-horizontal-sm > .list-group-item:last-child {
         border-top-right-radius: 0.42rem;
         border-bottom-left-radius: 0;
    }
     .list-group-horizontal-sm > .list-group-item.active {
         margin-top: 0;
    }
     .list-group-horizontal-sm > .list-group-item + .list-group-item {
         border-top-width: 1px;
         border-left-width: 0;
    }
     .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
         margin-left: -1px;
         border-left-width: 1px;
    }
}
 @media (min-width: 768px) {
     .list-group-horizontal-md {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
    }
     .list-group-horizontal-md > .list-group-item:first-child {
         border-bottom-left-radius: 0.42rem;
         border-top-right-radius: 0;
    }
     .list-group-horizontal-md > .list-group-item:last-child {
         border-top-right-radius: 0.42rem;
         border-bottom-left-radius: 0;
    }
     .list-group-horizontal-md > .list-group-item.active {
         margin-top: 0;
    }
     .list-group-horizontal-md > .list-group-item + .list-group-item {
         border-top-width: 1px;
         border-left-width: 0;
    }
     .list-group-horizontal-md > .list-group-item + .list-group-item.active {
         margin-left: -1px;
         border-left-width: 1px;
    }
}
 @media (min-width: 992px) {
     .list-group-horizontal-lg {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
    }
     .list-group-horizontal-lg > .list-group-item:first-child {
         border-bottom-left-radius: 0.42rem;
         border-top-right-radius: 0;
    }
     .list-group-horizontal-lg > .list-group-item:last-child {
         border-top-right-radius: 0.42rem;
         border-bottom-left-radius: 0;
    }
     .list-group-horizontal-lg > .list-group-item.active {
         margin-top: 0;
    }
     .list-group-horizontal-lg > .list-group-item + .list-group-item {
         border-top-width: 1px;
         border-left-width: 0;
    }
     .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
         margin-left: -1px;
         border-left-width: 1px;
    }
}
 @media (min-width: 1200px) {
     .list-group-horizontal-xl {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
    }
     .list-group-horizontal-xl > .list-group-item:first-child {
         border-bottom-left-radius: 0.42rem;
         border-top-right-radius: 0;
    }
     .list-group-horizontal-xl > .list-group-item:last-child {
         border-top-right-radius: 0.42rem;
         border-bottom-left-radius: 0;
    }
     .list-group-horizontal-xl > .list-group-item.active {
         margin-top: 0;
    }
     .list-group-horizontal-xl > .list-group-item + .list-group-item {
         border-top-width: 1px;
         border-left-width: 0;
    }
     .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
         margin-left: -1px;
         border-left-width: 1px;
    }
}
 @media (min-width: 1480px) {
     .list-group-horizontal-xxl {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
    }
     .list-group-horizontal-xxl > .list-group-item:first-child {
         border-bottom-left-radius: 0.42rem;
         border-top-right-radius: 0;
    }
     .list-group-horizontal-xxl > .list-group-item:last-child {
         border-top-right-radius: 0.42rem;
         border-bottom-left-radius: 0;
    }
     .list-group-horizontal-xxl > .list-group-item.active {
         margin-top: 0;
    }
     .list-group-horizontal-xxl > .list-group-item + .list-group-item {
         border-top-width: 1px;
         border-left-width: 0;
    }
     .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
         margin-left: -1px;
         border-left-width: 1px;
    }
}
 .list-group-flush {
     border-radius: 0;
}
 .list-group-flush > .list-group-item {
     border-width: 0 0 1px;
}
 .list-group-flush > .list-group-item:last-child {
     border-bottom-width: 0;
}
 .list-group-item-primary {
     color: #1c5085;
     background-color: #c7e2ff;
}
 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
     color: #1c5085;
     background-color: #aed5ff;
}
 .list-group-item-primary.list-group-item-action.active {
     color: #ffffff;
     background-color: #1c5085;
     border-color: #1c5085;
}
 .list-group-item-secondary {
     color: #77787c;
     background-color: #f7f8fb;
}
 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
     color: #77787c;
     background-color: #e6e9f3;
}
 .list-group-item-secondary.list-group-item-action.active {
     color: #ffffff;
     background-color: #77787c;
     border-color: #77787c;
}
 .list-group-item-success {
     color: #0e6662;
     background-color: #bfefed;
}
 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
     color: #0e6662;
     background-color: #abeae7;
}
 .list-group-item-success.list-group-item-action.active {
     color: #ffffff;
     background-color: #0e6662;
     border-color: #0e6662;
}
 .list-group-item-info {
     color: #472a83;
     background-color: #decefe;
}
 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
     color: #472a83;
     background-color: #cdb5fd;
}
 .list-group-item-info.list-group-item-action.active {
     color: #ffffff;
     background-color: #472a83;
     border-color: #472a83;
}
 .list-group-item-warning {
     color: #855700;
     background-color: #ffe7b8;
}
 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
     color: #855700;
     background-color: #ffde9f;
}
 .list-group-item-warning.list-group-item-action.active {
     color: #ffffff;
     background-color: #855700;
     border-color: #855700;
}
 .list-group-item-danger {
     color: #802932;
     background-color: #fccdd2;
}
 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
     color: #802932;
     background-color: #fbb5bc;
}
 .list-group-item-danger.list-group-item-action.active {
     color: #ffffff;
     background-color: #802932;
     border-color: #802932;
}
 .list-group-item-light {
     color: #7e8081;
     background-color: #fcfcfd;
}
 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
     color: #7e8081;
     background-color: #ededf3;
}
 .list-group-item-light.list-group-item-action.active {
     color: #ffffff;
     background-color: #7e8081;
     border-color: #7e8081;
}
 .list-group-item-dark {
     color: #0c0f1a;
     background-color: #bebfc6;
}
 .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
     color: #0c0f1a;
     background-color: #b0b2ba;
}
 .list-group-item-dark.list-group-item-action.active {
     color: #ffffff;
     background-color: #0c0f1a;
     border-color: #0c0f1a;
}
 .list-group-item-white {
     color: #858585;
     background-color: white;
}
 .list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus {
     color: #858585;
     background-color: #f2f2f2;
}
 .list-group-item-white.list-group-item-action.active {
     color: #ffffff;
     background-color: #858585;
     border-color: #858585;
}
 .close {
     float: right;
     font-size: 1.5rem;
     font-weight: 500;
     line-height: 1;
     color: #000000;
     text-shadow: 0 1px 0 #ffffff;
     opacity: .5;
}
 @media (max-width: 1200px) {
     .close {
         font-size: calc(1.275rem + 0.3vw) ;
    }
}
 .close:hover {
     color: #000000;
     text-decoration: none;
}
 .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
     opacity: .75;
}
 button.close {
     padding: 0;
     background-color: transparent;
     border: 0;
}
 a.close.disabled {
     pointer-events: none;
}
 .toast {
     max-width: 350px;
     overflow: hidden;
     font-size: 0.875rem;
     background-color: rgba(255, 255, 255, 0.85);
     background-clip: padding-box;
     border: 1px solid rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     -webkit-backdrop-filter: blur(10px);
     backdrop-filter: blur(10px);
     opacity: 0;
     border-radius: 0.25rem;
}
 .toast:not(:last-child) {
     margin-bottom: 0.75rem;
}
 .toast.showing {
     opacity: 1;
}
 .toast.show {
     display: block;
     opacity: 1;
}
 .toast.hide {
     display: none;
}
 .toast-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0.25rem 0.75rem;
     color: rgba(63, 66, 84, 0.9);
     background-color: #fff;
     background-clip: padding-box;
     border-bottom: 1px solid #EBEDF3;
}
 .toast-body {
     padding: 0.75rem;
}
 .modal-open {
     overflow: hidden;
}
 .modal-open .modal {
     overflow-x: hidden;
     overflow-y: auto;
}
 .modal {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 1050;
     display: none;
     width: 100%;
     height: 100%;
     overflow: hidden;
     outline: 0;
}
 .modal-dialog {
     position: relative;
     width: auto;
     margin: 0.5rem;
     pointer-events: none;
}
 .modal.fade .modal-dialog {
     -webkit-transition: -webkit-transform 0.3s ease-out;
     transition: -webkit-transform 0.3s ease-out;
     transition: transform 0.3s ease-out;
     transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
     -webkit-transform: translate(0, -50px);
     transform: translate(0, -50px);
}
 @media (prefers-reduced-motion: reduce) {
     .modal.fade .modal-dialog {
         -webkit-transition: none;
         transition: none;
    }
}
 .modal.show .modal-dialog {
     -webkit-transform: none;
     transform: none;
}
 .modal.modal-static .modal-dialog {
     -webkit-transform: scale(1.02);
     transform: scale(1.02);
}
 .modal-dialog-scrollable {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     max-height: calc(100% - 1rem);
}
 .modal-dialog-scrollable .modal-content {
     max-height: calc(100vh - 1rem);
     overflow: hidden;
}
 .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {
     -ms-flex-negative: 0;
     flex-shrink: 0;
}
 .modal-dialog-scrollable .modal-body {
     overflow-y: auto;
}
 .modal-dialog-centered {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     min-height: calc(100% - 1rem);
}
 .modal-dialog-centered::before {
     display: block;
     height: calc(100vh - 1rem);
     height: -webkit-min-content;
     height: -moz-min-content;
     height: min-content;
     content: "";
}
 .modal-dialog-centered.modal-dialog-scrollable {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height: 100%;
}
 .modal-dialog-centered.modal-dialog-scrollable .modal-content {
     max-height: none;
}
 .modal-dialog-centered.modal-dialog-scrollable::before {
     content: none;
}
 .modal-content {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     width: 100%;
     pointer-events: auto;
     background-color: #ffffff;
     background-clip: padding-box;
     border: 0 solid rgba(0, 0, 0, 0.2);
     border-radius: 0.35rem;
     -webkit-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
     box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
     outline: 0;
}
 .modal-backdrop {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 1040;
     width: 100vw;
     height: 100vh;
     background-color: #000000;
}
 .modal-backdrop.fade {
     opacity: 0;
}
 .modal-backdrop.in,
 .modal-backdrop.show {
     opacity: 0.2;
}
 .modal-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: 1.5rem 1.75rem;
     border-bottom: 1px solid #EBEDF3;
     border-top-left-radius: 0.42rem;
     border-top-right-radius: 0.42rem;
}
 .modal-header .close {
     padding: 1.5rem 1.75rem;
     margin: -1.5rem -1.75rem -1.5rem auto;
}
 .modal-title {
     margin-bottom: 0;
     line-height: 1.5;
}
 .modal-body {
     position: relative;
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     padding: 1.75rem;
}
 .modal-footer {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     padding: 1.5rem;
     border-top: 1px solid #EBEDF3;
     border-bottom-right-radius: 0.42rem;
     border-bottom-left-radius: 0.42rem;
}
 .modal-footer > * {
     margin: 0.25rem;
}
 .modal-scrollbar-measure {
     position: absolute;
     top: -9999px;
     width: 50px;
     height: 50px;
     overflow: scroll;
}
 @media (min-width: 576px) {
     .modal-dialog {
         max-width: 520px;
         margin: 1.75rem auto;
    }
     .modal-dialog-scrollable {
         max-height: calc(100% - 3.5rem);
    }
     .modal-dialog-scrollable .modal-content {
         max-height: calc(100vh - 3.5rem);
    }
     .modal-dialog-centered {
         min-height: calc(100% - 3.5rem);
    }
     .modal-dialog-centered::before {
         height: calc(100vh - 3.5rem);
         height: -webkit-min-content;
         height: -moz-min-content;
         height: min-content;
    }
     .modal-content {
         -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
         box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    }
     .modal-sm {
         max-width: 300px;
    }
}
 @media (min-width: 992px) {
     .modal-lg, .modal-xl {
         max-width: 870px;
    }
}
 @media (min-width: 1200px) {
     .modal-xl {
         max-width: 1140px;
    }
}
 .tooltip {
     position: absolute;
     z-index: 1070;
     display: block;
     margin: 0;
     font-family: 'Ubuntu', sans-serif;
     font-style: normal;
     font-weight: 400;
     line-height: 1.5;
     text-align: left;
     text-align: start;
     text-decoration: none;
     text-shadow: none;
     text-transform: none;
     letter-spacing: normal;
     word-break: normal;
     word-spacing: normal;
     white-space: normal;
     line-break: auto;
     font-size: 0.9rem;
     word-wrap: break-word;
     opacity: 0;
}
 .tooltip.show {
     opacity: 1;
}
 .tooltip .arrow {
     position: absolute;
     display: block;
     width: 0.8rem;
     height: 0.4rem;
}
 .tooltip .arrow::before {
     position: absolute;
     content: "";
     border-color: transparent;
     border-style: solid;
}
 .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
     padding: 0.4rem 0;
}
 .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
     bottom: 0;
}
 .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
     top: 0;
     border-width: 0.4rem 0.4rem 0;
     border-top-color: #ffffff;
}
 .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
     padding: 0 0.4rem;
}
 .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
     left: 0;
     width: 0.4rem;
     height: 0.8rem;
}
 .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
     right: 0;
     border-width: 0.4rem 0.4rem 0.4rem 0;
     border-right-color: #ffffff;
}
 .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
     padding: 0.4rem 0;
}
 .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
     top: 0;
}
 .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
     bottom: 0;
     border-width: 0 0.4rem 0.4rem;
     border-bottom-color: #ffffff;
}
 .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
     padding: 0 0.4rem;
}
 .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
     right: 0;
     width: 0.4rem;
     height: 0.8rem;
}
 .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
     left: 0;
     border-width: 0.4rem 0 0.4rem 0.4rem;
     border-left-color: #ffffff;
}
 .tooltip-inner {
     max-width: 200px;
     padding: 0.75rem 1rem;
     color: rgba(63, 66, 84, 0.9);
     text-align: center;
     background-color: #ffffff;
     border-radius: 3px;
}
 .popover {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1060;
     display: block;
     max-width: 356px;
     font-family: 'Ubuntu', sans-serif;
     font-style: normal;
     font-weight: 400;
     line-height: 1.5;
     text-align: left;
     text-align: start;
     text-decoration: none;
     text-shadow: none;
     text-transform: none;
     letter-spacing: normal;
     word-break: normal;
     word-spacing: normal;
     white-space: normal;
     line-break: auto;
     font-size: 0.9rem;
     word-wrap: break-word;
     background-color: #ffffff;
     background-clip: padding-box;
     border: 1px solid #ffffff;
     border-radius: 0.35rem;
     -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
     box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
 .popover .arrow {
     position: absolute;
     display: block;
     width: 1rem;
     height: 0.5rem;
     margin: 0 0.42rem;
}
 .popover .arrow::before, .popover .arrow::after {
     position: absolute;
     display: block;
     content: "";
     border-color: transparent;
     border-style: solid;
}
 .bs-popover-top, .bs-popover-auto[x-placement^="top"] {
     margin-bottom: 0.5rem;
}
 .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
     bottom: calc(-0.5rem - 1px);
}
 .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
     bottom: 0;
     border-width: 0.5rem 0.5rem 0;
     border-top-color: white;
}
 .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
     bottom: 1px;
     border-width: 0.5rem 0.5rem 0;
     border-top-color: #ffffff;
}
 .bs-popover-right, .bs-popover-auto[x-placement^="right"] {
     margin-left: 0.5rem;
}
 .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
     left: calc(-0.5rem - 1px);
     width: 0.5rem;
     height: 1rem;
     margin: 0.42rem 0;
}
 .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
     left: 0;
     border-width: 0.5rem 0.5rem 0.5rem 0;
     border-right-color: white;
}
 .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
     left: 1px;
     border-width: 0.5rem 0.5rem 0.5rem 0;
     border-right-color: #ffffff;
}
 .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
     margin-top: 0.5rem;
}
 .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
     top: calc(-0.5rem - 1px);
}
 .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
     top: 0;
     border-width: 0 0.5rem 0.5rem 0.5rem;
     border-bottom-color: white;
}
 .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
     top: 1px;
     border-width: 0 0.5rem 0.5rem 0.5rem;
     border-bottom-color: #ffffff;
}
 .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
     position: absolute;
     top: 0;
     left: 50%;
     display: block;
     width: 1rem;
     margin-left: -0.5rem;
     content: "";
     border-bottom: 1px solid #ffffff;
}
 .bs-popover-left, .bs-popover-auto[x-placement^="left"] {
     margin-right: 0.5rem;
}
 .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
     right: calc(-0.5rem - 1px);
     width: 0.5rem;
     height: 1rem;
     margin: 0.42rem 0;
}
 .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
     right: 0;
     border-width: 0.5rem 0 0.5rem 0.5rem;
     border-left-color: white;
}
 .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
     right: 1px;
     border-width: 0.5rem 0 0.5rem 0.5rem;
     border-left-color: #ffffff;
}
 .popover-header {
     padding: 1rem 1.25rem;
     margin-bottom: 0;
     font-size: 1.1rem;
     color: #181C32;
     background-color: #ffffff;
     border-bottom: 1px solid #f2f2f2;
     border-top-left-radius: calc(0.42rem - 1px);
     border-top-right-radius: calc(0.42rem - 1px);
}
 .popover-header:empty {
     display: none;
}
 .popover-body {
     padding: 1rem 1.25rem;
     color: rgba(63, 66, 84, 0.9);
}
 .carousel {
     position: relative;
}
 .carousel.pointer-event {
     -ms-touch-action: pan-y;
     touch-action: pan-y;
}
 .carousel-inner {
     position: relative;
     width: 100%;
     overflow: hidden;
}

 .carousel-inner::after {
     display: block;
     clear: both;
     content: "";
}
 .carousel-item {
     position: relative;
     display: none;
     float: left;
     width: 100%;
     margin-right: -100%;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-transition: -webkit-transform 0.6s ease-in-out;
     transition: -webkit-transform 0.6s ease-in-out;
     transition: transform 0.6s ease-in-out;
     transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.carousel-item img {
    width: 100%;
  }
 @media (prefers-reduced-motion: reduce) {
     .carousel-item {
         -webkit-transition: none;
         transition: none;
    }
}
 .carousel-item.active, .carousel-item-next, .carousel-item-prev {
     display: block;
}
 .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right {
     -webkit-transform: translateX(100%);
     transform: translateX(100%);
}
 .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left {
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%);
}
 .carousel-fade .carousel-item {
     opacity: 0;
     -webkit-transition-property: opacity;
     transition-property: opacity;
     -webkit-transform: none;
     transform: none;
}
 .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
     z-index: 1;
     opacity: 1;
}
 .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
     z-index: 0;
     opacity: 0;
     -webkit-transition: opacity 0s 0.6s;
     transition: opacity 0s 0.6s;
}
 @media (prefers-reduced-motion: reduce) {
     .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
         -webkit-transition: none;
         transition: none;
    }
}
 .carousel-control-prev, .carousel-control-next {
     position: absolute;
     top: 0;
     bottom: 0;
     z-index: 1;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 15%;
     color: #ffffff;
     text-align: center;
     opacity: 0.5;
     -webkit-transition: opacity 0.15s ease;
     transition: opacity 0.15s ease;
}
 @media (prefers-reduced-motion: reduce) {
     .carousel-control-prev, .carousel-control-next {
         -webkit-transition: none;
         transition: none;
    }
}
 .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
     color: #ffffff;
     text-decoration: none;
     outline: 0;
     opacity: 0.9;
}
 .carousel-control-prev {
     left: 0;
}
 .carousel-control-next {
     right: 0;
}
 .carousel-control-prev-icon, .carousel-control-next-icon {
     display: inline-block;
     width: 20px;
     height: 20px;
     background: no-repeat 50% / 100% 100%;
}
 .carousel-control-prev-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
 .carousel-control-next-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
 .carousel-indicators {
     position: absolute;
     right: 0;
     bottom: -35px;
     left: 0;
     z-index: 4;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding-left: 0;
     margin-right: 15%;
     margin-left: 15%;
     list-style: none;
}
.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 5px;
    height: 5px;
    border-radius: 10px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #D8DFE6;
    background-clip: padding-box;
    transition: all .6s ease;
}
 @media (prefers-reduced-motion: reduce) {
     .carousel-indicators li {
         -webkit-transition: none;
         transition: none;
    }
}
 .carousel-indicators .active {
     opacity: 1;
}
 .carousel-caption {
     position: absolute;
     right: 50%;
     bottom: 20px;
     left: 50%;
     z-index: 10;
     padding-top: 20px;
     padding-bottom: 20px;
     color: #ffffff;
     text-align: center;
}
 @-webkit-keyframes spinner-border {
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @keyframes spinner-border {
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 .spinner-border {
     display: inline-block;
     width: 2rem;
     height: 2rem;
     vertical-align: text-bottom;
     border: 0.25em solid currentColor;
     border-right-color: transparent;
     border-radius: 50%;
     -webkit-animation: spinner-border .75s linear infinite;
     animation: spinner-border .75s linear infinite;
}
 .spinner-border-sm {
     width: 1rem;
     height: 1rem;
     border-width: 0.2em;
}
 @-webkit-keyframes spinner-grow {
     0% {
         -webkit-transform: scale(0);
         transform: scale(0);
    }
     50% {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
    }
}
 @keyframes spinner-grow {
     0% {
         -webkit-transform: scale(0);
         transform: scale(0);
    }
     50% {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
    }
}
 .spinner-grow {
     display: inline-block;
     width: 2rem;
     height: 2rem;
     vertical-align: text-bottom;
     background-color: currentColor;
     border-radius: 50%;
     opacity: 0;
     -webkit-animation: spinner-grow .75s linear infinite;
     animation: spinner-grow .75s linear infinite;
}
 .spinner-grow-sm {
     width: 1rem;
     height: 1rem;
}
 .align-baseline {
     vertical-align: baseline !important;
}
 .align-top {
     vertical-align: top !important;
}
 .align-middle {
     vertical-align: middle !important;
}
 .align-bottom {
     vertical-align: bottom !important;
}
 .align-text-bottom {
     vertical-align: text-bottom !important;
}
 .align-text-top {
     vertical-align: text-top !important;
}
.bg-background-body{
    background-color: #EEF0F8;
}
.bg-background{
    background-color: #F6F6FF;
}
 .bg-primary {
     background-color:#4785FF !important;
}
 a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
     background-color: #037fff !important;
}
 .bg-secondary {
     background-color: #E4E6EF !important;
}
 a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
     background-color: #c4c8dc !important;
}
 .bg-success {
     background-color: #32D0A5 !important;
}
 a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
     background-color: #159892 !important;
}
 .bg-info {
     background-color: #7B6FFF !important;
}
 a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
     background-color: #671efb !important;
}
 .bg-warning {
     background-color: #FFA800 !important;
}
 a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
     background-color: #cc8600 !important;
}
 .bg-danger {
     background-color: #F64E60 !important;
}
 a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
     background-color: #f41d34 !important;
}
 .bg-light {
     background-color: #F3F6F9 !important;
}
 .bg-gray-o-10 {
     background-color: #fafafd !important;
}
 a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
     background-color: #d1dde8 !important;
}
 .bg-dark {
     background-color: #181C32 !important;
}
 a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
     background-color: #070910 !important;
}
 .bg-white {
     background-color: #ffffff !important;
}
 a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus {
     background-color: #eff7ff !important;
}
 .bg-white {
     background-color: #ffffff !important;
}
 .bg-transparent {
     background-color: transparent !important;
}
 .border {
     border: 1px solid #EBEDF3 !important;
}
 .border-top {
     border-top: 1px solid #EBEDF3 !important;
}
 .border-right {
     border-right: 1px solid #EBEDF3 !important;
}
 .border-bottom {
     border-bottom: 1px solid #EBEDF3 !important;
}
 .border-left {
     border-left: 1px solid #EBEDF3 !important;
}
 .border-0 {
     border: 0 !important;
}
 .border-top-0 {
     border-top: 0 !important;
}
 .border-right-0 {
     border-right: 0 !important;
}
 .border-bottom-0 {
     border-bottom: 0 !important;
}
 .border-left-0 {
     border-left: 0 !important;
}
 .border-primary {
     border-color: #4785FF !important;
}
 .border-secondary {
     border-color: #E4E6EF !important;
}
 .border-success {
     border-color: #32D0A5 !important;
}
 .border-info {
     border-color: #7B6FFF !important;
}
 .border-warning {
     border-color: #FFA800 !important;
}
 .border-danger {
     border-color: #F64E60 !important;
}
 /* .border-light {
     border-color: #DBE3F2 !important;
} */
 .border-dark {
     border-color: #181C32 !important;
}
 .border-white {
     border-color: #ffffff !important;
}

 .rounded-sm {
     border-radius: 0.28rem !important;
}
.border-bottom-dashed{border-bottom-style:dashed!important}
 .rounded {
     border-radius: 0.35rem !important;
}
 .rounded-top {
     border-top-left-radius: 0.42rem !important;
     border-top-right-radius: 0.42rem !important;
}
 .rounded-right {
     border-top-right-radius: 0.42rem !important;
     border-bottom-right-radius: 0.42rem !important;
}
 .rounded-bottom {
     border-bottom-right-radius: 0.42rem !important;
     border-bottom-left-radius: 0.42rem !important;
}
 .rounded-left {
     border-top-left-radius: 0.42rem !important;
     border-bottom-left-radius: 0.42rem !important;
}
 .rounded-lg {
     border-radius: 0.85rem !important;
}
 .rounded-circle {
     border-radius: 50% !important;
}
 .rounded-pill {
     border-radius: 50rem !important;
}
 .rounded-0 {
     border-radius: 0 !important;
}
 .clearfix::after {
     display: block;
     clear: both;
     content: "";
}
 .d-none {
     display: none !important;
}
 .d-inline {
     display: inline !important;
}
 .d-inline-block {
     display: inline-block !important;
}
 .d-block {
     display: block !important;
}
 .d-table {
     display: table !important;
}
 .d-table-row {
     display: table-row !important;
}
 .d-table-cell {
     display: table-cell !important;
}
 .d-flex {
     display: -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 (min-width: 1480px) {
     .d-xxl-none {
         display: none !important;
    }
     .d-xxl-inline {
         display: inline !important;
    }
     .d-xxl-inline-block {
         display: inline-block !important;
    }
     .d-xxl-block {
         display: block !important;
    }
     .d-xxl-table {
         display: table !important;
    }
     .d-xxl-table-row {
         display: table-row !important;
    }
     .d-xxl-table-cell {
         display: table-cell !important;
    }
     .d-xxl-flex {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important;
    }
     .d-xxl-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;
    }
}
 .embed-responsive {
     position: relative;
     display: block;
     width: 100%;
     padding: 0;
     overflow: hidden;
}
 .embed-responsive::before {
     display: block;
     content: "";
}
 .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 0;
}
 .embed-responsive-21by9::before {
     padding-top: 42.85714%;
}
 .embed-responsive-16by9::before {
     padding-top: 56.25%;
}
 .embed-responsive-4by3::before {
     padding-top: 75%;
}
 .embed-responsive-1by1::before {
     padding-top: 100%;
}
 .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;
    }
}
 @media (min-width: 1480px) {
     .flex-xxl-row {
         -webkit-box-orient: horizontal !important;
         -webkit-box-direction: normal !important;
         -ms-flex-direction: row !important;
         flex-direction: row !important;
    }
     .flex-xxl-column {
         -webkit-box-orient: vertical !important;
         -webkit-box-direction: normal !important;
         -ms-flex-direction: column !important;
         flex-direction: column !important;
    }
     .flex-xxl-row-reverse {
         -webkit-box-orient: horizontal !important;
         -webkit-box-direction: reverse !important;
         -ms-flex-direction: row-reverse !important;
         flex-direction: row-reverse !important;
    }
     .flex-xxl-column-reverse {
         -webkit-box-orient: vertical !important;
         -webkit-box-direction: reverse !important;
         -ms-flex-direction: column-reverse !important;
         flex-direction: column-reverse !important;
    }
     .flex-xxl-wrap {
         -ms-flex-wrap: wrap !important;
         flex-wrap: wrap !important;
    }
     .flex-xxl-nowrap {
         -ms-flex-wrap: nowrap !important;
         flex-wrap: nowrap !important;
    }
     .flex-xxl-wrap-reverse {
         -ms-flex-wrap: wrap-reverse !important;
         flex-wrap: wrap-reverse !important;
    }
     .flex-xxl-fill {
         -webkit-box-flex: 1 !important;
         -ms-flex: 1 1 auto !important;
         flex: 1 1 auto !important;
    }
     .flex-xxl-grow-0 {
         -webkit-box-flex: 0 !important;
         -ms-flex-positive: 0 !important;
         flex-grow: 0 !important;
    }
     .flex-xxl-grow-1 {
         -webkit-box-flex: 1 !important;
         -ms-flex-positive: 1 !important;
         flex-grow: 1 !important;
    }
     .flex-xxl-shrink-0 {
         -ms-flex-negative: 0 !important;
         flex-shrink: 0 !important;
    }
     .flex-xxl-shrink-1 {
         -ms-flex-negative: 1 !important;
         flex-shrink: 1 !important;
    }
     .justify-content-xxl-start {
         -webkit-box-pack: start !important;
         -ms-flex-pack: start !important;
         justify-content: flex-start !important;
    }
     .justify-content-xxl-end {
         -webkit-box-pack: end !important;
         -ms-flex-pack: end !important;
         justify-content: flex-end !important;
    }
     .justify-content-xxl-center {
         -webkit-box-pack: center !important;
         -ms-flex-pack: center !important;
         justify-content: center !important;
    }
     .justify-content-xxl-between {
         -webkit-box-pack: justify !important;
         -ms-flex-pack: justify !important;
         justify-content: space-between !important;
    }
     .justify-content-xxl-around {
         -ms-flex-pack: distribute !important;
         justify-content: space-around !important;
    }
     .align-items-xxl-start {
         -webkit-box-align: start !important;
         -ms-flex-align: start !important;
         align-items: flex-start !important;
    }
     .align-items-xxl-end {
         -webkit-box-align: end !important;
         -ms-flex-align: end !important;
         align-items: flex-end !important;
    }
     .align-items-xxl-center {
         -webkit-box-align: center !important;
         -ms-flex-align: center !important;
         align-items: center !important;
    }
     .align-items-xxl-baseline {
         -webkit-box-align: baseline !important;
         -ms-flex-align: baseline !important;
         align-items: baseline !important;
    }
     .align-items-xxl-stretch {
         -webkit-box-align: stretch !important;
         -ms-flex-align: stretch !important;
         align-items: stretch !important;
    }
     .align-content-xxl-start {
         -ms-flex-line-pack: start !important;
         align-content: flex-start !important;
    }
     .align-content-xxl-end {
         -ms-flex-line-pack: end !important;
         align-content: flex-end !important;
    }
     .align-content-xxl-center {
         -ms-flex-line-pack: center !important;
         align-content: center !important;
    }
     .align-content-xxl-between {
         -ms-flex-line-pack: justify !important;
         align-content: space-between !important;
    }
     .align-content-xxl-around {
         -ms-flex-line-pack: distribute !important;
         align-content: space-around !important;
    }
     .align-content-xxl-stretch {
         -ms-flex-line-pack: stretch !important;
         align-content: stretch !important;
    }
     .align-self-xxl-auto {
         -ms-flex-item-align: auto !important;
         align-self: auto !important;
    }
     .align-self-xxl-start {
         -ms-flex-item-align: start !important;
         align-self: flex-start !important;
    }
     .align-self-xxl-end {
         -ms-flex-item-align: end !important;
         align-self: flex-end !important;
    }
     .align-self-xxl-center {
         -ms-flex-item-align: center !important;
         align-self: center !important;
    }
     .align-self-xxl-baseline {
         -ms-flex-item-align: baseline !important;
         align-self: baseline !important;
    }
     .align-self-xxl-stretch {
         -ms-flex-item-align: stretch !important;
         align-self: stretch !important;
    }
}
 .float-left {
     float: left !important;
}
 .float-right {
     float: right !important;
}
 .float-none {
     float: none !important;
}
 @media (min-width: 576px) {
     .float-sm-left {
         float: left !important;
    }
     .float-sm-right {
         float: right !important;
    }
     .float-sm-none {
         float: none !important;
    }
}
 @media (min-width: 768px) {
     .float-md-left {
         float: left !important;
    }
     .float-md-right {
         float: right !important;
    }
     .float-md-none {
         float: none !important;
    }
}
 @media (min-width: 992px) {
     .float-lg-left {
         float: left !important;
    }
     .float-lg-right {
         float: right !important;
    }
     .float-lg-none {
         float: none !important;
    }
}
 @media (min-width: 1200px) {
     .float-xl-left {
         float: left !important;
    }
     .float-xl-right {
         float: right !important;
    }
     .float-xl-none {
         float: none !important;
    }
}
 @media (min-width: 1480px) {
     .float-xxl-left {
         float: left !important;
    }
     .float-xxl-right {
         float: right !important;
    }
     .float-xxl-none {
         float: none !important;
    }
}
 .user-select-all {
     -webkit-user-select: all !important;
     -moz-user-select: all !important;
     -ms-user-select: all !important;
     user-select: all !important;
}
 .user-select-auto {
     -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
     -ms-user-select: auto !important;
     user-select: auto !important;
}
 .user-select-none {
     -webkit-user-select: none !important;
     -moz-user-select: none !important;
     -ms-user-select: none !important;
     user-select: none !important;
}
 .overflow-auto {
     overflow: auto !important;
}
 .overflow-hidden {
     overflow: hidden !important;
}
 .position-static {
     position: static !important;
}
 .position-relative {
     position: relative !important;
}
 .position-absolute {
     position: absolute !important;
}
 .position-fixed {
     position: fixed !important;
}
 .position-sticky {
     position: 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: sticky) {
     .sticky-top {
         position: sticky;
         top: 0;
         z-index: 1020;
    }
}

 .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
}
 .sr-only-focusable:active, .sr-only-focusable:focus {
     position: static;
     width: auto;
     height: auto;
     overflow: visible;
     clip: auto;
     white-space: normal;
}

 .shadow-sm {
     -webkit-box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05) !important;
     box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05) !important;
}
 .shadow {
     -webkit-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075) !important;
     box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075) !important;
}
 .shadow-lg {
     -webkit-box-shadow: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1) !important;
     box-shadow: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1) !important;
}
 .shadow-none {
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
}
 .w-25 {
     width: 25% !important;
}
 .w-30 {
     width: 30% !important;
}
 .max-w-30 {
     max-width: 30% !important;
}
 .w-50 {
     width: 50% !important;
}
 .w-75 {
     width: 75% !important;
}
 .w-85 {
     width: 85% !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;
}
 .w-0 {
     width: 0 !important;
}
 .mw-none {
     max-width: 0 !important;
}
 .mh-100 {
     max-height: 100% !important;
}
.mh-100vh {
    max-height: 100vh !important;
}
 .mh-none {
     max-height:none!important;
}
 .min-vw-100 {
     min-width: 100vw !important;
}
 .min-vh-100 {
     min-height: 100vh !important;
}
 .vw-100 {
     width: 100vw !important;
}
 .vh-100 {
     height: 100vh !important;
}
 .m-0 {
     margin: 0 !important;
}
 .mt-0, .my-0 {
     margin-top: 0 !important;
}
 .mr-0, .mx-0 {
     margin-right: 0 !important;
}
 .mb-0, .my-0 {
     margin-bottom: 0 !important;
}
 .ml-0, .mx-0 {
     margin-left: 0 !important;
}
 .m-1 {
     margin: 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: 0.75rem !important;
}
 .mt-3, .my-3 {
     margin-top: 0.75rem !important;
}
 .mr-3, .mx-3 {
     margin-right: 0.75rem !important;
}
 .mb-3, .my-3 {
     margin-bottom: 0.75rem !important;
}
 .ml-3, .mx-3 {
     margin-left: 0.75rem !important;
}
 .m-4 {
     margin: 1rem !important;
}
 .mt-4, .my-4 {
     margin-top: 1rem !important;
}
 .mr-4, .mx-4 {
     margin-right: 1rem !important;
}
 .mb-4, .my-4 {
     margin-bottom: 1rem !important;
}
 .ml-4, .mx-4 {
     margin-left: 1rem !important;
}
 .m-5 {
     margin: 1.25rem !important;
}
 .mt-5, .my-5 {
     margin-top: 1.25rem !important;
}
 .mr-5, .mx-5 {
     margin-right: 1.25rem !important;
}
 .mb-5, .my-5 {
     margin-bottom: 1.25rem !important;
}
 .ml-5, .mx-5 {
     margin-left: 1.25rem !important;
}
 .m-6 {
     margin: 1.5rem !important;
}
 .mt-6, .my-6 {
     margin-top: 1.5rem !important;
}
 .mr-6, .mx-6 {
     margin-right: 1.5rem !important;
}
 .mb-6, .my-6 {
     margin-bottom: 1.5rem !important;
}
 .ml-6, .mx-6 {
     margin-left: 1.5rem !important;
}
 .m-7 {
     margin: 1.75rem !important;
}
 .mt-7, .my-7 {
     margin-top: 1.75rem !important;
}
 .mr-7, .mx-7 {
     margin-right: 1.75rem !important;
}
 .mb-7, .my-7 {
     margin-bottom: 1.75rem !important;
}
 .ml-7, .mx-7 {
     margin-left: 1.75rem !important;
}
 .m-8 {
     margin: 2rem !important;
}
 .mt-8, .my-8 {
     margin-top: 2rem !important;
}
 .mr-8, .mx-8 {
     margin-right: 2rem !important;
}
 .mb-8, .my-8 {
     margin-bottom: 2rem !important;
}
 .ml-8, .mx-8 {
     margin-left: 2rem !important;
}
 .m-9 {
     margin: 2.25rem !important;
}
 .mt-9, .my-9 {
     margin-top: 2.25rem !important;
}
 .mr-9, .mx-9 {
     margin-right: 2.25rem !important;
}
 .mb-9, .my-9 {
     margin-bottom: 2.25rem !important;
}
 .ml-9, .mx-9 {
     margin-left: 2.25rem !important;
}
 .m-10 {
     margin: 2.5rem !important;
}
 .mt-10, .my-10 {
     margin-top: 2.5rem !important;
}
 .mr-10, .mx-10 {
     margin-right: 2.5rem !important;
}
 .mb-10, .my-10 {
     margin-bottom: 2.5rem !important;
}
 .ml-10, .mx-10 {
     margin-left: 2.5rem !important;
}
 .m-11 {
     margin: 2.75rem !important;
}
 .mt-11, .my-11 {
     margin-top: 2.75rem !important;
}
 .mr-11, .mx-11 {
     margin-right: 2.75rem !important;
}
 .mb-11, .my-11 {
     margin-bottom: 2.75rem !important;
}
 .ml-11, .mx-11 {
     margin-left: 2.75rem !important;
}
 .m-12 {
     margin: 3rem !important;
}
 .mt-12, .my-12 {
     margin-top: 3rem !important;
}
 .mr-12, .mx-12 {
     margin-right: 3rem !important;
}
 .mb-12, .my-12 {
     margin-bottom: 3rem !important;
}
 .ml-12, .mx-12 {
     margin-left: 3rem !important;
}
 .m-13 {
     margin: 3.25rem !important;
}
 .mt-13, .my-13 {
     margin-top: 3.25rem !important;
}
 .mr-13, .mx-13 {
     margin-right: 3.25rem !important;
}
 .mb-13, .my-13 {
     margin-bottom: 3.25rem !important;
}
 .ml-13, .mx-13 {
     margin-left: 3.25rem !important;
}
 .m-14 {
     margin: 3.5rem !important;
}
 .mt-14, .my-14 {
     margin-top: 3.5rem !important;
}
 .mr-14, .mx-14 {
     margin-right: 3.5rem !important;
}
 .mb-14, .my-14 {
     margin-bottom: 3.5rem !important;
}
 .ml-14, .mx-14 {
     margin-left: 3.5rem !important;
}
 .m-15 {
     margin: 3.75rem !important;
}
 .mt-15, .my-15 {
     margin-top: 3.75rem !important;
}
 .mr-15, .mx-15 {
     margin-right: 3.75rem !important;
}
 .mb-15, .my-15 {
     margin-bottom: 3.75rem !important;
}
 .ml-15, .mx-15 {
     margin-left: 3.75rem !important;
}
 .m-16 {
     margin: 4rem !important;
}
 .mt-16, .my-16 {
     margin-top: 4rem !important;
}
 .mr-16, .mx-16 {
     margin-right: 4rem !important;
}
 .mb-16, .my-16 {
     margin-bottom: 4rem !important;
}
 .ml-16, .mx-16 {
     margin-left: 4rem !important;
}
 .m-17 {
     margin: 4.25rem !important;
}
 .mt-17, .my-17 {
     margin-top: 4.25rem !important;
}
 .mr-17, .mx-17 {
     margin-right: 4.25rem !important;
}
 .mb-17, .my-17 {
     margin-bottom: 4.25rem !important;
}
 .ml-17, .mx-17 {
     margin-left: 4.25rem !important;
}
 .m-18 {
     margin: 4.5rem !important;
}
 .mt-18, .my-18 {
     margin-top: 4.5rem !important;
}
 .mr-18, .mx-18 {
     margin-right: 4.5rem !important;
}
 .mb-18, .my-18 {
     margin-bottom: 4.5rem !important;
}
 .ml-18, .mx-18 {
     margin-left: 4.5rem !important;
}
 .m-19 {
     margin: 4.75rem !important;
}
 .mt-19, .my-19 {
     margin-top: 4.75rem !important;
}
 .mr-19, .mx-19 {
     margin-right: 4.75rem !important;
}
 .mb-19, .my-19 {
     margin-bottom: 4.75rem !important;
}
 .ml-19, .mx-19 {
     margin-left: 4.75rem !important;
}
 .m-20 {
     margin: 5rem !important;
}
 .mt-20, .my-20 {
     margin-top: 5rem !important;
}
 .mr-20, .mx-20 {
     margin-right: 5rem !important;
}
 .mb-20, .my-20 {
     margin-bottom: 5rem !important;
}
 .ml-20, .mx-20 {
     margin-left: 5rem !important;
}
 .m-21 {
     margin: 5.25rem !important;
}
 .mt-21, .my-21 {
     margin-top: 5.25rem !important;
}
 .mr-21, .mx-21 {
     margin-right: 5.25rem !important;
}
 .mb-21, .my-21 {
     margin-bottom: 5.25rem !important;
}
 .ml-21, .mx-21 {
     margin-left: 5.25rem !important;
}
 .m-22 {
     margin: 5.5rem !important;
}
 .mt-22, .my-22 {
     margin-top: 5.5rem !important;
}
 .mr-22, .mx-22 {
     margin-right: 5.5rem !important;
}
 .mb-22, .my-22 {
     margin-bottom: 5.5rem !important;
}
 .ml-22, .mx-22 {
     margin-left: 5.5rem !important;
}
 .m-23 {
     margin: 5.75rem !important;
}
 .mt-23, .my-23 {
     margin-top: 5.75rem !important;
}
 .mr-23, .mx-23 {
     margin-right: 5.75rem !important;
}
 .mb-23, .my-23 {
     margin-bottom: 5.75rem !important;
}
 .ml-23, .mx-23 {
     margin-left: 5.75rem !important;
}
 .m-24 {
     margin: 6rem !important;
}
 .mt-24, .my-24 {
     margin-top: 6rem !important;
}
 .mr-24, .mx-24 {
     margin-right: 6rem !important;
}
 .mb-24, .my-24 {
     margin-bottom: 6rem !important;
}
 .ml-24, .mx-24 {
     margin-left: 6rem !important;
}
 .m-25 {
     margin: 6.25rem !important;
}
 .mt-25, .my-25 {
     margin-top: 6.25rem !important;
}
 .mr-25, .mx-25 {
     margin-right: 6.25rem !important;
}
 .mb-25, .my-25 {
     margin-bottom: 6.25rem !important;
}
 .ml-25, .mx-25 {
     margin-left: 6.25rem !important;
}
 .m-26 {
     margin: 6.5rem !important;
}
 .mt-26, .my-26 {
     margin-top: 6.5rem !important;
}
 .mr-26, .mx-26 {
     margin-right: 6.5rem !important;
}
 .mb-26, .my-26 {
     margin-bottom: 6.5rem !important;
}
 .ml-26, .mx-26 {
     margin-left: 6.5rem !important;
}
 .m-27 {
     margin: 6.75rem !important;
}
 .mt-27, .my-27 {
     margin-top: 6.75rem !important;
}
 .mr-27, .mx-27 {
     margin-right: 6.75rem !important;
}
 .mb-27, .my-27 {
     margin-bottom: 6.75rem !important;
}
 .ml-27, .mx-27 {
     margin-left: 6.75rem !important;
}
 .m-28 {
     margin: 7rem !important;
}
 .mt-28, .my-28 {
     margin-top: 7rem !important;
}
 .mr-28, .mx-28 {
     margin-right: 7rem !important;
}
 .mb-28, .my-28 {
     margin-bottom: 7rem !important;
}
 .ml-28, .mx-28 {
     margin-left: 7rem !important;
}
 .m-29 {
     margin: 7.25rem !important;
}
 .mt-29, .my-29 {
     margin-top: 7.25rem !important;
}
 .mr-29, .mx-29 {
     margin-right: 7.25rem !important;
}
 .mb-29, .my-29 {
     margin-bottom: 7.25rem !important;
}
 .ml-29, .mx-29 {
     margin-left: 7.25rem !important;
}
 .m-30 {
     margin: 7.5rem !important;
}
 .mt-30, .my-30 {
     margin-top: 7.5rem !important;
}
 .mr-30, .mx-30 {
     margin-right: 7.5rem !important;
}
 .mb-30, .my-30 {
     margin-bottom: 7.5rem !important;
}
 .ml-30, .mx-30 {
     margin-left: 7.5rem !important;
}
 .m-31 {
     margin: 7.75rem !important;
}
 .mt-31, .my-31 {
     margin-top: 7.75rem !important;
}
 .mr-31, .mx-31 {
     margin-right: 7.75rem !important;
}
 .mb-31, .my-31 {
     margin-bottom: 7.75rem !important;
}
 .ml-31, .mx-31 {
     margin-left: 7.75rem !important;
}
 .m-32 {
     margin: 8rem !important;
}
 .mt-32, .my-32 {
     margin-top: 8rem !important;
}
 .mr-32, .mx-32 {
     margin-right: 8rem !important;
}
 .mb-32, .my-32 {
     margin-bottom: 8rem !important;
}
 .ml-32, .mx-32 {
     margin-left: 8rem !important;
}
 .m-33 {
     margin: 8.25rem !important;
}
 .mt-33, .my-33 {
     margin-top: 8.25rem !important;
}
 .mr-33, .mx-33 {
     margin-right: 8.25rem !important;
}
 .mb-33, .my-33 {
     margin-bottom: 8.25rem !important;
}
 .ml-33, .mx-33 {
     margin-left: 8.25rem !important;
}
 .m-34 {
     margin: 8.5rem !important;
}
 .mt-34, .my-34 {
     margin-top: 8.5rem !important;
}
 .mr-34, .mx-34 {
     margin-right: 8.5rem !important;
}
 .mb-34, .my-34 {
     margin-bottom: 8.5rem !important;
}
 .ml-34, .mx-34 {
     margin-left: 8.5rem !important;
}
 .m-35 {
     margin: 8.75rem !important;
}
 .mt-35, .my-35 {
     margin-top: 8.75rem !important;
}
 .mr-35, .mx-35 {
     margin-right: 8.75rem !important;
}
 .mb-35, .my-35 {
     margin-bottom: 8.75rem !important;
}
 .ml-35, .mx-35 {
     margin-left: 8.75rem !important;
}
 .m-36 {
     margin: 9rem !important;
}
 .mt-36, .my-36 {
     margin-top: 9rem !important;
}
 .mr-36, .mx-36 {
     margin-right: 9rem !important;
}
 .mb-36, .my-36 {
     margin-bottom: 9rem !important;
}
 .ml-36, .mx-36 {
     margin-left: 9rem !important;
}
 .m-37 {
     margin: 9.25rem !important;
}
 .mt-37, .my-37 {
     margin-top: 9.25rem !important;
}
 .mr-37, .mx-37 {
     margin-right: 9.25rem !important;
}
 .mb-37, .my-37 {
     margin-bottom: 9.25rem !important;
}
 .ml-37, .mx-37 {
     margin-left: 9.25rem !important;
}
 .m-48 {
     margin: 9.5rem !important;
}
 .mt-48, .my-48 {
     margin-top: 9.5rem !important;
}
 .mr-48, .mx-48 {
     margin-right: 9.5rem !important;
}
 .mb-48, .my-48 {
     margin-bottom: 9.5rem !important;
}
 .ml-48, .mx-48 {
     margin-left: 9.5rem !important;
}
 .m-39 {
     margin: 9.75rem !important;
}
 .mt-39, .my-39 {
     margin-top: 9.75rem !important;
}
 .mr-39, .mx-39 {
     margin-right: 9.75rem !important;
}
 .mb-39, .my-39 {
     margin-bottom: 9.75rem !important;
}
 .ml-39, .mx-39 {
     margin-left: 9.75rem !important;
}
 .m-40 {
     margin: 10rem !important;
}
 .mt-40, .my-40 {
     margin-top: 10rem !important;
}
 .mr-40, .mx-40 {
     margin-right: 10rem !important;
}
 .mb-40, .my-40 {
     margin-bottom: 10rem !important;
}
 .ml-40, .mx-40 {
     margin-left: 10rem !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: 0.75rem !important;
}
 .pt-3, .py-3 {
     padding-top: 0.75rem !important;
}
 .pr-3, .px-3 {
     padding-right: 0.75rem !important;
}
 .pb-3, .py-3 {
     padding-bottom: 0.75rem !important;
}
 .pl-3, .px-3 {
     padding-left: 0.75rem !important;
}
 .p-4 {
     padding: 1rem !important;
}
 .pt-4, .py-4 {
     padding-top: 1rem !important;
}
 .pr-4, .px-4 {
     padding-right: 1rem !important;
}
 .pb-4, .py-4 {
     padding-bottom: 1rem !important;
}
 .pl-4, .px-4 {
     padding-left: 1rem !important;
}
 .p-5 {
     padding: 1.25rem !important;
}
 .pt-5, .py-5 {
     padding-top: 1.25rem !important;
}
 .pr-5, .px-5 {
     padding-right: 1.25rem !important;
}
 .pb-5, .py-5 {
     padding-bottom: 1.25rem !important;
}
 .pl-5, .px-5 {
     padding-left: 1.25rem !important;
}
 .p-6 {
     padding: 1.5rem !important;
}
 .pt-6, .py-6 {
     padding-top: 1.5rem !important;
}
 .pr-6, .px-6 {
     padding-right: 1.5rem !important;
}
 .pb-6, .py-6 {
     padding-bottom: 1.5rem !important;
}
 .pl-6, .px-6 {
     padding-left: 1.5rem !important;
}
 .p-7 {
     padding: 1.75rem !important;
}
 .pt-7, .py-7 {
     padding-top: 1.75rem !important;
}
 .pr-7, .px-7 {
     padding-right: 1.75rem !important;
}
 .pb-7, .py-7 {
     padding-bottom: 1.75rem !important;
}
 .pl-7, .px-7 {
     padding-left: 1.75rem !important;
}
 .p-8 {
     padding: 2rem !important;
}
 .pt-8, .py-8 {
     padding-top: 2rem !important;
}
 .pr-8, .px-8 {
     padding-right: 2rem !important;
}
 .pb-8, .py-8 {
     padding-bottom: 2rem !important;
}
 .pl-8, .px-8 {
     padding-left: 2rem !important;
}
 .p-9 {
     padding: 2.25rem !important;
}
 .pt-9, .py-9 {
     padding-top: 2.25rem !important;
}
 .pr-9, .px-9 {
     padding-right: 2.25rem !important;
}
 .pb-9, .py-9 {
     padding-bottom: 2.25rem !important;
}
 .pl-9, .px-9 {
     padding-left: 2.25rem !important;
}
 .p-10 {
     padding: 2.5rem !important;
}
 .pt-10, .py-10 {
     padding-top: 2.5rem !important;
}
 .pr-10, .px-10 {
     padding-right: 2.5rem !important;
}
 .pb-10, .py-10 {
     padding-bottom: 2.5rem !important;
}
 .pl-10, .px-10 {
     padding-left: 2.5rem !important;
}
 .p-11 {
     padding: 2.75rem !important;
}
 .pt-11, .py-11 {
     padding-top: 2.75rem !important;
}
 .pr-11, .px-11 {
     padding-right: 2.75rem !important;
}
 .pb-11, .py-11 {
     padding-bottom: 2.75rem !important;
}
 .pl-11, .px-11 {
     padding-left: 2.75rem !important;
}
 .p-12 {
     padding: 3rem !important;
}
 .pt-12, .py-12 {
     padding-top: 3rem !important;
}
 .pr-12, .px-12 {
     padding-right: 3rem !important;
}
 .pb-12, .py-12 {
     padding-bottom: 3rem !important;
}
 .pl-12, .px-12 {
     padding-left: 3rem !important;
}
 .p-13 {
     padding: 3.25rem !important;
}
 .pt-13, .py-13 {
     padding-top: 3.25rem !important;
}
 .pr-13, .px-13 {
     padding-right: 3.25rem !important;
}
 .pb-13, .py-13 {
     padding-bottom: 3.25rem !important;
}
 .pl-13, .px-13 {
     padding-left: 3.25rem !important;
}
 .p-14 {
     padding: 3.5rem !important;
}
 .pt-14, .py-14 {
     padding-top: 3.5rem !important;
}
 .pr-14, .px-14 {
     padding-right: 3.5rem !important;
}
 .pb-14, .py-14 {
     padding-bottom: 3.5rem !important;
}
 .pl-14, .px-14 {
     padding-left: 3.5rem !important;
}
 .p-15 {
     padding: 3.75rem !important;
}
 .pt-15, .py-15 {
     padding-top: 3.75rem !important;
}
 .pr-15, .px-15 {
     padding-right: 3.75rem !important;
}
 .pb-15, .py-15 {
     padding-bottom: 3.75rem !important;
}
 .pl-15, .px-15 {
     padding-left: 3.75rem !important;
}
 .p-16 {
     padding: 4rem !important;
}
 .pt-16, .py-16 {
     padding-top: 4rem !important;
}
 .pr-16, .px-16 {
     padding-right: 4rem !important;
}
 .pb-16, .py-16 {
     padding-bottom: 4rem !important;
}
 .pl-16, .px-16 {
     padding-left: 4rem !important;
}
 .p-17 {
     padding: 4.25rem !important;
}
 .pt-17, .py-17 {
     padding-top: 4.25rem !important;
}
 .pr-17, .px-17 {
     padding-right: 4.25rem !important;
}
 .pb-17, .py-17 {
     padding-bottom: 4.25rem !important;
}
 .pl-17, .px-17 {
     padding-left: 4.25rem !important;
}
 .p-18 {
     padding: 4.5rem !important;
}
 .pt-18, .py-18 {
     padding-top: 4.5rem !important;
}
 .pr-18, .px-18 {
     padding-right: 4.5rem !important;
}
 .pb-18, .py-18 {
     padding-bottom: 4.5rem !important;
}
 .pl-18, .px-18 {
     padding-left: 4.5rem !important;
}
 .p-19 {
     padding: 4.75rem !important;
}
 .pt-19, .py-19 {
     padding-top: 4.75rem !important;
}
 .pr-19, .px-19 {
     padding-right: 4.75rem !important;
}
 .pb-19, .py-19 {
     padding-bottom: 4.75rem !important;
}
 .pl-19, .px-19 {
     padding-left: 4.75rem !important;
}
 .p-20 {
     padding: 5rem !important;
}
 .pt-20, .py-20 {
     padding-top: 5rem !important;
}
 .pr-20, .px-20 {
     padding-right: 5rem !important;
}
 .pb-20, .py-20 {
     padding-bottom: 5rem !important;
}
 .pl-20, .px-20 {
     padding-left: 5rem !important;
}
 .p-21 {
     padding: 5.25rem !important;
}
 .pt-21, .py-21 {
     padding-top: 5.25rem !important;
}
 .pr-21, .px-21 {
     padding-right: 5.25rem !important;
}
 .pb-21, .py-21 {
     padding-bottom: 5.25rem !important;
}
 .pl-21, .px-21 {
     padding-left: 5.25rem !important;
}
 .p-22 {
     padding: 5.5rem !important;
}
 .pt-22, .py-22 {
     padding-top: 5.5rem !important;
}
 .pr-22, .px-22 {
     padding-right: 5.5rem !important;
}
 .pb-22, .py-22 {
     padding-bottom: 5.5rem !important;
}
 .pl-22, .px-22 {
     padding-left: 5.5rem !important;
}
 .p-23 {
     padding: 5.75rem !important;
}
 .pt-23, .py-23 {
     padding-top: 5.75rem !important;
}
 .pr-23, .px-23 {
     padding-right: 5.75rem !important;
}
 .pb-23, .py-23 {
     padding-bottom: 5.75rem !important;
}
 .pl-23, .px-23 {
     padding-left: 5.75rem !important;
}
 .p-24 {
     padding: 6rem !important;
}
 .pt-24, .py-24 {
     padding-top: 6rem !important;
}
 .pr-24, .px-24 {
     padding-right: 6rem !important;
}
 .pb-24, .py-24 {
     padding-bottom: 6rem !important;
}
 .pl-24, .px-24 {
     padding-left: 6rem !important;
}
 .p-25 {
     padding: 6.25rem !important;
}
 .pt-25, .py-25 {
     padding-top: 6.25rem !important;
}
 .pr-25, .px-25 {
     padding-right: 6.25rem !important;
}
 .pb-25, .py-25 {
     padding-bottom: 6.25rem !important;
}
 .pl-25, .px-25 {
     padding-left: 6.25rem !important;
}
 .p-26 {
     padding: 6.5rem !important;
}
 .pt-26, .py-26 {
     padding-top: 6.5rem !important;
}
 .pr-26, .px-26 {
     padding-right: 6.5rem !important;
}
 .pb-26, .py-26 {
     padding-bottom: 6.5rem !important;
}
 .pl-26, .px-26 {
     padding-left: 6.5rem !important;
}
 .p-27 {
     padding: 6.75rem !important;
}
 .pt-27, .py-27 {
     padding-top: 6.75rem !important;
}
 .pr-27, .px-27 {
     padding-right: 6.75rem !important;
}
 .pb-27, .py-27 {
     padding-bottom: 6.75rem !important;
}
 .pl-27, .px-27 {
     padding-left: 6.75rem !important;
}
 .p-28 {
     padding: 7rem !important;
}
 .pt-28, .py-28 {
     padding-top: 7rem !important;
}
 .pr-28, .px-28 {
     padding-right: 7rem !important;
}
 .pb-28, .py-28 {
     padding-bottom: 7rem !important;
}
 .pl-28, .px-28 {
     padding-left: 7rem !important;
}
 .p-29 {
     padding: 7.25rem !important;
}
 .pt-29, .py-29 {
     padding-top: 7.25rem !important;
}
 .pr-29, .px-29 {
     padding-right: 7.25rem !important;
}
 .pb-29, .py-29 {
     padding-bottom: 7.25rem !important;
}
 .pl-29, .px-29 {
     padding-left: 7.25rem !important;
}
 .p-30 {
     padding: 7.5rem !important;
}
 .pt-30, .py-30 {
     padding-top: 7.5rem !important;
}
 .pr-30, .px-30 {
     padding-right: 7.5rem !important;
}
 .pb-30, .py-30 {
     padding-bottom: 7.5rem !important;
}
 .pl-30, .px-30 {
     padding-left: 7.5rem !important;
}
 .p-31 {
     padding: 7.75rem !important;
}
 .pt-31, .py-31 {
     padding-top: 7.75rem !important;
}
 .pr-31, .px-31 {
     padding-right: 7.75rem !important;
}
 .pb-31, .py-31 {
     padding-bottom: 7.75rem !important;
}
 .pl-31, .px-31 {
     padding-left: 7.75rem !important;
}
 .p-32 {
     padding: 8rem !important;
}
 .pt-32, .py-32 {
     padding-top: 8rem !important;
}
 .pr-32, .px-32 {
     padding-right: 8rem !important;
}
 .pb-32, .py-32 {
     padding-bottom: 8rem !important;
}
 .pl-32, .px-32 {
     padding-left: 8rem !important;
}
 .p-33 {
     padding: 8.25rem !important;
}
 .pt-33, .py-33 {
     padding-top: 8.25rem !important;
}
 .pr-33, .px-33 {
     padding-right: 8.25rem !important;
}
 .pb-33, .py-33 {
     padding-bottom: 8.25rem !important;
}
 .pl-33, .px-33 {
     padding-left: 8.25rem !important;
}
 .p-34 {
     padding: 8.5rem !important;
}
 .pt-34, .py-34 {
     padding-top: 8.5rem !important;
}
 .pr-34, .px-34 {
     padding-right: 8.5rem !important;
}
 .pb-34, .py-34 {
     padding-bottom: 8.5rem !important;
}
 .pl-34, .px-34 {
     padding-left: 8.5rem !important;
}
 .p-35 {
     padding: 8.75rem !important;
}
 .pt-35, .py-35 {
     padding-top: 8.75rem !important;
}
 .pr-35, .px-35 {
     padding-right: 8.75rem !important;
}
 .pb-35, .py-35 {
     padding-bottom: 8.75rem !important;
}
 .pl-35, .px-35 {
     padding-left: 8.75rem !important;
}
 .p-36 {
     padding: 9rem !important;
}
 .pt-36, .py-36 {
     padding-top: 9rem !important;
}
 .pr-36, .px-36 {
     padding-right: 9rem !important;
}
 .pb-36, .py-36 {
     padding-bottom: 9rem !important;
}
 .pl-36, .px-36 {
     padding-left: 9rem !important;
}
 .p-37 {
     padding: 9.25rem !important;
}
 .pt-37, .py-37 {
     padding-top: 9.25rem !important;
}
 .pr-37, .px-37 {
     padding-right: 9.25rem !important;
}
 .pb-37, .py-37 {
     padding-bottom: 9.25rem !important;
}
 .pl-37, .px-37 {
     padding-left: 9.25rem !important;
}
 .p-48 {
     padding: 9.5rem !important;
}
 .pt-48, .py-48 {
     padding-top: 9.5rem !important;
}
 .pr-48, .px-48 {
     padding-right: 9.5rem !important;
}
 .pb-48, .py-48 {
     padding-bottom: 9.5rem !important;
}
 .pl-48, .px-48 {
     padding-left: 9.5rem !important;
}
 .p-39 {
     padding: 9.75rem !important;
}
 .pt-39, .py-39 {
     padding-top: 9.75rem !important;
}
 .pr-39, .px-39 {
     padding-right: 9.75rem !important;
}
 .pb-39, .py-39 {
     padding-bottom: 9.75rem !important;
}
 .pl-39, .px-39 {
     padding-left: 9.75rem !important;
}
 .p-40 {
     padding: 10rem !important;
}
 .pt-40, .py-40 {
     padding-top: 10rem !important;
}
 .pr-40, .px-40 {
     padding-right: 10rem !important;
}
 .pb-40, .py-40 {
     padding-bottom: 10rem !important;
}
 .pl-40, .px-40 {
     padding-left: 10rem !important;
}
 .m-n1 {
     margin: -0.25rem !important;
}
 .mt-n1, .my-n1 {
     margin-top: -0.25rem !important;
}
 .mt-n01{
     margin-top: -1px !important;
}
 .mr-n01{
     margin-right: -1px !important;
}
 .mb-n01{
     margin-bottom: -1px !important;
}
 .ml-n01{
     margin-left: -1px !important;
}
 .my-n01{
     margin-top: -1px !important;
     margin-bottom: -1px !important;
}
 .mx-n01{
     margin-left: -1px !important;
     margin-right: -1px !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: -0.75rem !important;
}
 .mt-n3, .my-n3 {
     margin-top: -0.75rem !important;
}
 .mr-n3, .mx-n3 {
     margin-right: -0.75rem !important;
}
 .mb-n3, .my-n3 {
     margin-bottom: -0.75rem !important;
}
 .ml-n3, .mx-n3 {
     margin-left: -0.75rem !important;
}
 .m-n4 {
     margin: -1rem !important;
}
 .mt-n4, .my-n4 {
     margin-top: -1rem !important;
}
 .mr-n4, .mx-n4 {
     margin-right: -1rem !important;
}
 .mb-n4, .my-n4 {
     margin-bottom: -1rem !important;
}
 .ml-n4, .mx-n4 {
     margin-left: -1rem !important;
}
 .m-n5 {
     margin: -1.25rem !important;
}
 .mt-n5, .my-n5 {
     margin-top: -1.25rem !important;
}
 .mr-n5, .mx-n5 {
     margin-right: -1.25rem !important;
}
 .mb-n5, .my-n5 {
     margin-bottom: -1.25rem !important;
}
 .ml-n5, .mx-n5 {
     margin-left: -1.25rem !important;
}
 .m-n6 {
     margin: -1.5rem !important;
}
 .mt-n6, .my-n6 {
     margin-top: -1.5rem !important;
}
 .mr-n6, .mx-n6 {
     margin-right: -1.5rem !important;
}
 .mb-n6, .my-n6 {
     margin-bottom: -1.5rem !important;
}
 .ml-n6, .mx-n6 {
     margin-left: -1.5rem !important;
}
 .m-n7 {
     margin: -1.75rem !important;
}
 .mt-n7, .my-n7 {
     margin-top: -1.75rem !important;
}
 .mr-n7, .mx-n7 {
     margin-right: -1.75rem !important;
}
 .mb-n7, .my-n7 {
     margin-bottom: -1.75rem !important;
}
 .ml-n7, .mx-n7 {
     margin-left: -1.75rem !important;
}
 .m-n8 {
     margin: -2rem !important;
}
 .mt-n8, .my-n8 {
     margin-top: -2rem !important;
}
 .mr-n8, .mx-n8 {
     margin-right: -2rem !important;
}
 .mb-n8, .my-n8 {
     margin-bottom: -2rem !important;
}
 .ml-n8, .mx-n8 {
     margin-left: -2rem !important;
}
 .m-n9 {
     margin: -2.25rem !important;
}
 .mt-n9, .my-n9 {
     margin-top: -2.25rem !important;
}
 .mr-n9, .mx-n9 {
     margin-right: -2.25rem !important;
}
 .mb-n9, .my-n9 {
     margin-bottom: -2.25rem !important;
}
 .ml-n9, .mx-n9 {
     margin-left: -2.25rem !important;
}
 .m-n10 {
     margin: -2.5rem !important;
}
 .mt-n10, .my-n10 {
     margin-top: -2.5rem !important;
}
 .mr-n10, .mx-n10 {
     margin-right: -2.5rem !important;
}
 .mb-n10, .my-n10 {
     margin-bottom: -2.5rem !important;
}
 .ml-n10, .mx-n10 {
     margin-left: -2.5rem !important;
}
 .m-n11 {
     margin: -2.75rem !important;
}
 .mt-n11, .my-n11 {
     margin-top: -2.75rem !important;
}
 .mr-n11, .mx-n11 {
     margin-right: -2.75rem !important;
}
 .mb-n11, .my-n11 {
     margin-bottom: -2.75rem !important;
}
 .ml-n11, .mx-n11 {
     margin-left: -2.75rem !important;
}
 .m-n12 {
     margin: -3rem !important;
}
 .mt-n12, .my-n12 {
     margin-top: -3rem !important;
}
 .mr-n12, .mx-n12 {
     margin-right: -3rem !important;
}
 .mb-n12, .my-n12 {
     margin-bottom: -3rem !important;
}
 .ml-n12, .mx-n12 {
     margin-left: -3rem !important;
}
 .m-n13 {
     margin: -3.25rem !important;
}
 .mt-n13, .my-n13 {
     margin-top: -3.25rem !important;
}
 .mr-n13, .mx-n13 {
     margin-right: -3.25rem !important;
}
 .mb-n13, .my-n13 {
     margin-bottom: -3.25rem !important;
}
 .ml-n13, .mx-n13 {
     margin-left: -3.25rem !important;
}
 .m-n14 {
     margin: -3.5rem !important;
}
 .mt-n14, .my-n14 {
     margin-top: -3.5rem !important;
}
 .mr-n14, .mx-n14 {
     margin-right: -3.5rem !important;
}
 .mb-n14, .my-n14 {
     margin-bottom: -3.5rem !important;
}
 .ml-n14, .mx-n14 {
     margin-left: -3.5rem !important;
}
 .m-n15 {
     margin: -3.75rem !important;
}
 .mt-n15, .my-n15 {
     margin-top: -3.75rem !important;
}
 .mr-n15, .mx-n15 {
     margin-right: -3.75rem !important;
}
 .mb-n15, .my-n15 {
     margin-bottom: -3.75rem !important;
}
 .ml-n15, .mx-n15 {
     margin-left: -3.75rem !important;
}
 .m-n16 {
     margin: -4rem !important;
}
 .mt-n16, .my-n16 {
     margin-top: -4rem !important;
}
 .mr-n16, .mx-n16 {
     margin-right: -4rem !important;
}
 .mb-n16, .my-n16 {
     margin-bottom: -4rem !important;
}
 .ml-n16, .mx-n16 {
     margin-left: -4rem !important;
}
 .m-n17 {
     margin: -4.25rem !important;
}
 .mt-n17, .my-n17 {
     margin-top: -4.25rem !important;
}
 .mr-n17, .mx-n17 {
     margin-right: -4.25rem !important;
}
 .mb-n17, .my-n17 {
     margin-bottom: -4.25rem !important;
}
 .ml-n17, .mx-n17 {
     margin-left: -4.25rem !important;
}
 .m-n18 {
     margin: -4.5rem !important;
}
 .mt-n18, .my-n18 {
     margin-top: -4.5rem !important;
}
 .mr-n18, .mx-n18 {
     margin-right: -4.5rem !important;
}
 .mb-n18, .my-n18 {
     margin-bottom: -4.5rem !important;
}
 .ml-n18, .mx-n18 {
     margin-left: -4.5rem !important;
}
 .m-n19 {
     margin: -4.75rem !important;
}
 .mt-n19, .my-n19 {
     margin-top: -4.75rem !important;
}
 .mr-n19, .mx-n19 {
     margin-right: -4.75rem !important;
}
 .mb-n19, .my-n19 {
     margin-bottom: -4.75rem !important;
}
 .ml-n19, .mx-n19 {
     margin-left: -4.75rem !important;
}
 .m-n20 {
     margin: -5rem !important;
}
 .mt-n20, .my-n20 {
     margin-top: -5rem !important;
}
 .mr-n20, .mx-n20 {
     margin-right: -5rem !important;
}
 .mb-n20, .my-n20 {
     margin-bottom: -5rem !important;
}
 .ml-n20, .mx-n20 {
     margin-left: -5rem !important;
}
 .m-n21 {
     margin: -5.25rem !important;
}
 .mt-n21, .my-n21 {
     margin-top: -5.25rem !important;
}
 .mr-n21, .mx-n21 {
     margin-right: -5.25rem !important;
}
 .mb-n21, .my-n21 {
     margin-bottom: -5.25rem !important;
}
 .ml-n21, .mx-n21 {
     margin-left: -5.25rem !important;
}
 .m-n22 {
     margin: -5.5rem !important;
}
 .mt-n22, .my-n22 {
     margin-top: -5.5rem !important;
}
 .mr-n22, .mx-n22 {
     margin-right: -5.5rem !important;
}
 .mb-n22, .my-n22 {
     margin-bottom: -5.5rem !important;
}
 .ml-n22, .mx-n22 {
     margin-left: -5.5rem !important;
}
 .m-n23 {
     margin: -5.75rem !important;
}
 .mt-n23, .my-n23 {
     margin-top: -5.75rem !important;
}
 .mr-n23, .mx-n23 {
     margin-right: -5.75rem !important;
}
 .mb-n23, .my-n23 {
     margin-bottom: -5.75rem !important;
}
 .ml-n23, .mx-n23 {
     margin-left: -5.75rem !important;
}
 .m-n24 {
     margin: -6rem !important;
}
 .mt-n24, .my-n24 {
     margin-top: -6rem !important;
}
 .mr-n24, .mx-n24 {
     margin-right: -6rem !important;
}
 .mb-n24, .my-n24 {
     margin-bottom: -6rem !important;
}
 .ml-n24, .mx-n24 {
     margin-left: -6rem !important;
}
 .m-n25 {
     margin: -6.25rem !important;
}
 .mt-n25, .my-n25 {
     margin-top: -6.25rem !important;
}
 .mr-n25, .mx-n25 {
     margin-right: -6.25rem !important;
}
 .mb-n25, .my-n25 {
     margin-bottom: -6.25rem !important;
}
 .ml-n25, .mx-n25 {
     margin-left: -6.25rem !important;
}
 .m-n26 {
     margin: -6.5rem !important;
}
 .mt-n26, .my-n26 {
     margin-top: -6.5rem !important;
}
 .mr-n26, .mx-n26 {
     margin-right: -6.5rem !important;
}
 .mb-n26, .my-n26 {
     margin-bottom: -6.5rem !important;
}
 .ml-n26, .mx-n26 {
     margin-left: -6.5rem !important;
}
 .m-n27 {
     margin: -6.75rem !important;
}
 .mt-n27, .my-n27 {
     margin-top: -6.75rem !important;
}
 .mr-n27, .mx-n27 {
     margin-right: -6.75rem !important;
}
 .mb-n27, .my-n27 {
     margin-bottom: -6.75rem !important;
}
 .ml-n27, .mx-n27 {
     margin-left: -6.75rem !important;
}
 .m-n28 {
     margin: -7rem !important;
}
 .mt-n28, .my-n28 {
     margin-top: -7rem !important;
}
 .mr-n28, .mx-n28 {
     margin-right: -7rem !important;
}
 .mb-n28, .my-n28 {
     margin-bottom: -7rem !important;
}
 .ml-n28, .mx-n28 {
     margin-left: -7rem !important;
}
 .m-n29 {
     margin: -7.25rem !important;
}
 .mt-n29, .my-n29 {
     margin-top: -7.25rem !important;
}
 .mr-n29, .mx-n29 {
     margin-right: -7.25rem !important;
}
 .mb-n29, .my-n29 {
     margin-bottom: -7.25rem !important;
}
 .ml-n29, .mx-n29 {
     margin-left: -7.25rem !important;
}
 .m-n30 {
     margin: -7.5rem !important;
}
 .mt-n30, .my-n30 {
     margin-top: -7.5rem !important;
}
 .mr-n30, .mx-n30 {
     margin-right: -7.5rem !important;
}
 .mb-n30, .my-n30 {
     margin-bottom: -7.5rem !important;
}
 .ml-n30, .mx-n30 {
     margin-left: -7.5rem !important;
}
 .m-n31 {
     margin: -7.75rem !important;
}
 .mt-n31, .my-n31 {
     margin-top: -7.75rem !important;
}
 .mr-n31, .mx-n31 {
     margin-right: -7.75rem !important;
}
 .mb-n31, .my-n31 {
     margin-bottom: -7.75rem !important;
}
 .ml-n31, .mx-n31 {
     margin-left: -7.75rem !important;
}
 .m-n32 {
     margin: -8rem !important;
}
 .mt-n32, .my-n32 {
     margin-top: -8rem !important;
}
 .mr-n32, .mx-n32 {
     margin-right: -8rem !important;
}
 .mb-n32, .my-n32 {
     margin-bottom: -8rem !important;
}
 .ml-n32, .mx-n32 {
     margin-left: -8rem !important;
}
 .m-n33 {
     margin: -8.25rem !important;
}
 .mt-n33, .my-n33 {
     margin-top: -8.25rem !important;
}
 .mr-n33, .mx-n33 {
     margin-right: -8.25rem !important;
}
 .mb-n33, .my-n33 {
     margin-bottom: -8.25rem !important;
}
 .ml-n33, .mx-n33 {
     margin-left: -8.25rem !important;
}
 .m-n34 {
     margin: -8.5rem !important;
}
 .mt-n34, .my-n34 {
     margin-top: -8.5rem !important;
}
 .mr-n34, .mx-n34 {
     margin-right: -8.5rem !important;
}
 .mb-n34, .my-n34 {
     margin-bottom: -8.5rem !important;
}
 .ml-n34, .mx-n34 {
     margin-left: -8.5rem !important;
}
 .m-n35 {
     margin: -8.75rem !important;
}
 .mt-n35, .my-n35 {
     margin-top: -8.75rem !important;
}
 .mr-n35, .mx-n35 {
     margin-right: -8.75rem !important;
}
 .mb-n35, .my-n35 {
     margin-bottom: -8.75rem !important;
}
 .ml-n35, .mx-n35 {
     margin-left: -8.75rem !important;
}
 .m-n36 {
     margin: -9rem !important;
}
 .mt-n36, .my-n36 {
     margin-top: -9rem !important;
}
 .mr-n36, .mx-n36 {
     margin-right: -9rem !important;
}
 .mb-n36, .my-n36 {
     margin-bottom: -9rem !important;
}
 .ml-n36, .mx-n36 {
     margin-left: -9rem !important;
}
 .m-n37 {
     margin: -9.25rem !important;
}
 .mt-n37, .my-n37 {
     margin-top: -9.25rem !important;
}
 .mr-n37, .mx-n37 {
     margin-right: -9.25rem !important;
}
 .mb-n37, .my-n37 {
     margin-bottom: -9.25rem !important;
}
 .ml-n37, .mx-n37 {
     margin-left: -9.25rem !important;
}
 .m-n48 {
     margin: -9.5rem !important;
}
 .mt-n48, .my-n48 {
     margin-top: -9.5rem !important;
}
 .mr-n48, .mx-n48 {
     margin-right: -9.5rem !important;
}
 .mb-n48, .my-n48 {
     margin-bottom: -9.5rem !important;
}
 .ml-n48, .mx-n48 {
     margin-left: -9.5rem !important;
}
 .m-n39 {
     margin: -9.75rem !important;
}
 .mt-n39, .my-n39 {
     margin-top: -9.75rem !important;
}
 .mr-n39, .mx-n39 {
     margin-right: -9.75rem !important;
}
 .mb-n39, .my-n39 {
     margin-bottom: -9.75rem !important;
}
 .ml-n39, .mx-n39 {
     margin-left: -9.75rem !important;
}
 .m-n40 {
     margin: -10rem !important;
}
 .mt-n40, .my-n40 {
     margin-top: -10rem !important;
}
 .mr-n40, .mx-n40 {
     margin-right: -10rem !important;
}
 .mb-n40, .my-n40 {
     margin-bottom: -10rem !important;
}
 .ml-n40, .mx-n40 {
     margin-left: -10rem !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: 0.75rem !important;
    }
     .mt-sm-3, .my-sm-3 {
         margin-top: 0.75rem !important;
    }
     .mr-sm-3, .mx-sm-3 {
         margin-right: 0.75rem !important;
    }
     .mb-sm-3, .my-sm-3 {
         margin-bottom: 0.75rem !important;
    }
     .ml-sm-3, .mx-sm-3 {
         margin-left: 0.75rem !important;
    }
     .m-sm-4 {
         margin: 1rem !important;
    }
     .mt-sm-4, .my-sm-4 {
         margin-top: 1rem !important;
    }
     .mr-sm-4, .mx-sm-4 {
         margin-right: 1rem !important;
    }
     .mb-sm-4, .my-sm-4 {
         margin-bottom: 1rem !important;
    }
     .ml-sm-4, .mx-sm-4 {
         margin-left: 1rem !important;
    }
     .m-sm-5 {
         margin: 1.25rem !important;
    }
     .mt-sm-5, .my-sm-5 {
         margin-top: 1.25rem !important;
    }
     .mr-sm-5, .mx-sm-5 {
         margin-right: 1.25rem !important;
    }
     .mb-sm-5, .my-sm-5 {
         margin-bottom: 1.25rem !important;
    }
     .ml-sm-5, .mx-sm-5 {
         margin-left: 1.25rem !important;
    }
     .m-sm-6 {
         margin: 1.5rem !important;
    }
     .mt-sm-6, .my-sm-6 {
         margin-top: 1.5rem !important;
    }
     .mr-sm-6, .mx-sm-6 {
         margin-right: 1.5rem !important;
    }
     .mb-sm-6, .my-sm-6 {
         margin-bottom: 1.5rem !important;
    }
     .ml-sm-6, .mx-sm-6 {
         margin-left: 1.5rem !important;
    }
     .m-sm-7 {
         margin: 1.75rem !important;
    }
     .mt-sm-7, .my-sm-7 {
         margin-top: 1.75rem !important;
    }
     .mr-sm-7, .mx-sm-7 {
         margin-right: 1.75rem !important;
    }
     .mb-sm-7, .my-sm-7 {
         margin-bottom: 1.75rem !important;
    }
     .ml-sm-7, .mx-sm-7 {
         margin-left: 1.75rem !important;
    }
     .m-sm-8 {
         margin: 2rem !important;
    }
     .mt-sm-8, .my-sm-8 {
         margin-top: 2rem !important;
    }
     .mr-sm-8, .mx-sm-8 {
         margin-right: 2rem !important;
    }
     .mb-sm-8, .my-sm-8 {
         margin-bottom: 2rem !important;
    }
     .ml-sm-8, .mx-sm-8 {
         margin-left: 2rem !important;
    }
     .m-sm-9 {
         margin: 2.25rem !important;
    }
     .mt-sm-9, .my-sm-9 {
         margin-top: 2.25rem !important;
    }
     .mr-sm-9, .mx-sm-9 {
         margin-right: 2.25rem !important;
    }
     .mb-sm-9, .my-sm-9 {
         margin-bottom: 2.25rem !important;
    }
     .ml-sm-9, .mx-sm-9 {
         margin-left: 2.25rem !important;
    }
     .m-sm-10 {
         margin: 2.5rem !important;
    }
     .mt-sm-10, .my-sm-10 {
         margin-top: 2.5rem !important;
    }
     .mr-sm-10, .mx-sm-10 {
         margin-right: 2.5rem !important;
    }
     .mb-sm-10, .my-sm-10 {
         margin-bottom: 2.5rem !important;
    }
     .ml-sm-10, .mx-sm-10 {
         margin-left: 2.5rem !important;
    }
     .m-sm-11 {
         margin: 2.75rem !important;
    }
     .mt-sm-11, .my-sm-11 {
         margin-top: 2.75rem !important;
    }
     .mr-sm-11, .mx-sm-11 {
         margin-right: 2.75rem !important;
    }
     .mb-sm-11, .my-sm-11 {
         margin-bottom: 2.75rem !important;
    }
     .ml-sm-11, .mx-sm-11 {
         margin-left: 2.75rem !important;
    }
     .m-sm-12 {
         margin: 3rem !important;
    }
     .mt-sm-12, .my-sm-12 {
         margin-top: 3rem !important;
    }
     .mr-sm-12, .mx-sm-12 {
         margin-right: 3rem !important;
    }
     .mb-sm-12, .my-sm-12 {
         margin-bottom: 3rem !important;
    }
     .ml-sm-12, .mx-sm-12 {
         margin-left: 3rem !important;
    }
     .m-sm-13 {
         margin: 3.25rem !important;
    }
     .mt-sm-13, .my-sm-13 {
         margin-top: 3.25rem !important;
    }
     .mr-sm-13, .mx-sm-13 {
         margin-right: 3.25rem !important;
    }
     .mb-sm-13, .my-sm-13 {
         margin-bottom: 3.25rem !important;
    }
     .ml-sm-13, .mx-sm-13 {
         margin-left: 3.25rem !important;
    }
     .m-sm-14 {
         margin: 3.5rem !important;
    }
     .mt-sm-14, .my-sm-14 {
         margin-top: 3.5rem !important;
    }
     .mr-sm-14, .mx-sm-14 {
         margin-right: 3.5rem !important;
    }
     .mb-sm-14, .my-sm-14 {
         margin-bottom: 3.5rem !important;
    }
     .ml-sm-14, .mx-sm-14 {
         margin-left: 3.5rem !important;
    }
     .m-sm-15 {
         margin: 3.75rem !important;
    }
     .mt-sm-15, .my-sm-15 {
         margin-top: 3.75rem !important;
    }
     .mr-sm-15, .mx-sm-15 {
         margin-right: 3.75rem !important;
    }
     .mb-sm-15, .my-sm-15 {
         margin-bottom: 3.75rem !important;
    }
     .ml-sm-15, .mx-sm-15 {
         margin-left: 3.75rem !important;
    }
     .m-sm-16 {
         margin: 4rem !important;
    }
     .mt-sm-16, .my-sm-16 {
         margin-top: 4rem !important;
    }
     .mr-sm-16, .mx-sm-16 {
         margin-right: 4rem !important;
    }
     .mb-sm-16, .my-sm-16 {
         margin-bottom: 4rem !important;
    }
     .ml-sm-16, .mx-sm-16 {
         margin-left: 4rem !important;
    }
     .m-sm-17 {
         margin: 4.25rem !important;
    }
     .mt-sm-17, .my-sm-17 {
         margin-top: 4.25rem !important;
    }
     .mr-sm-17, .mx-sm-17 {
         margin-right: 4.25rem !important;
    }
     .mb-sm-17, .my-sm-17 {
         margin-bottom: 4.25rem !important;
    }
     .ml-sm-17, .mx-sm-17 {
         margin-left: 4.25rem !important;
    }
     .m-sm-18 {
         margin: 4.5rem !important;
    }
     .mt-sm-18, .my-sm-18 {
         margin-top: 4.5rem !important;
    }
     .mr-sm-18, .mx-sm-18 {
         margin-right: 4.5rem !important;
    }
     .mb-sm-18, .my-sm-18 {
         margin-bottom: 4.5rem !important;
    }
     .ml-sm-18, .mx-sm-18 {
         margin-left: 4.5rem !important;
    }
     .m-sm-19 {
         margin: 4.75rem !important;
    }
     .mt-sm-19, .my-sm-19 {
         margin-top: 4.75rem !important;
    }
     .mr-sm-19, .mx-sm-19 {
         margin-right: 4.75rem !important;
    }
     .mb-sm-19, .my-sm-19 {
         margin-bottom: 4.75rem !important;
    }
     .ml-sm-19, .mx-sm-19 {
         margin-left: 4.75rem !important;
    }
     .m-sm-20 {
         margin: 5rem !important;
    }
     .mt-sm-20, .my-sm-20 {
         margin-top: 5rem !important;
    }
     .mr-sm-20, .mx-sm-20 {
         margin-right: 5rem !important;
    }
     .mb-sm-20, .my-sm-20 {
         margin-bottom: 5rem !important;
    }
     .ml-sm-20, .mx-sm-20 {
         margin-left: 5rem !important;
    }
     .m-sm-21 {
         margin: 5.25rem !important;
    }
     .mt-sm-21, .my-sm-21 {
         margin-top: 5.25rem !important;
    }
     .mr-sm-21, .mx-sm-21 {
         margin-right: 5.25rem !important;
    }
     .mb-sm-21, .my-sm-21 {
         margin-bottom: 5.25rem !important;
    }
     .ml-sm-21, .mx-sm-21 {
         margin-left: 5.25rem !important;
    }
     .m-sm-22 {
         margin: 5.5rem !important;
    }
     .mt-sm-22, .my-sm-22 {
         margin-top: 5.5rem !important;
    }
     .mr-sm-22, .mx-sm-22 {
         margin-right: 5.5rem !important;
    }
     .mb-sm-22, .my-sm-22 {
         margin-bottom: 5.5rem !important;
    }
     .ml-sm-22, .mx-sm-22 {
         margin-left: 5.5rem !important;
    }
     .m-sm-23 {
         margin: 5.75rem !important;
    }
     .mt-sm-23, .my-sm-23 {
         margin-top: 5.75rem !important;
    }
     .mr-sm-23, .mx-sm-23 {
         margin-right: 5.75rem !important;
    }
     .mb-sm-23, .my-sm-23 {
         margin-bottom: 5.75rem !important;
    }
     .ml-sm-23, .mx-sm-23 {
         margin-left: 5.75rem !important;
    }
     .m-sm-24 {
         margin: 6rem !important;
    }
     .mt-sm-24, .my-sm-24 {
         margin-top: 6rem !important;
    }
     .mr-sm-24, .mx-sm-24 {
         margin-right: 6rem !important;
    }
     .mb-sm-24, .my-sm-24 {
         margin-bottom: 6rem !important;
    }
     .ml-sm-24, .mx-sm-24 {
         margin-left: 6rem !important;
    }
     .m-sm-25 {
         margin: 6.25rem !important;
    }
     .mt-sm-25, .my-sm-25 {
         margin-top: 6.25rem !important;
    }
     .mr-sm-25, .mx-sm-25 {
         margin-right: 6.25rem !important;
    }
     .mb-sm-25, .my-sm-25 {
         margin-bottom: 6.25rem !important;
    }
     .ml-sm-25, .mx-sm-25 {
         margin-left: 6.25rem !important;
    }
     .m-sm-26 {
         margin: 6.5rem !important;
    }
     .mt-sm-26, .my-sm-26 {
         margin-top: 6.5rem !important;
    }
     .mr-sm-26, .mx-sm-26 {
         margin-right: 6.5rem !important;
    }
     .mb-sm-26, .my-sm-26 {
         margin-bottom: 6.5rem !important;
    }
     .ml-sm-26, .mx-sm-26 {
         margin-left: 6.5rem !important;
    }
     .m-sm-27 {
         margin: 6.75rem !important;
    }
     .mt-sm-27, .my-sm-27 {
         margin-top: 6.75rem !important;
    }
     .mr-sm-27, .mx-sm-27 {
         margin-right: 6.75rem !important;
    }
     .mb-sm-27, .my-sm-27 {
         margin-bottom: 6.75rem !important;
    }
     .ml-sm-27, .mx-sm-27 {
         margin-left: 6.75rem !important;
    }
     .m-sm-28 {
         margin: 7rem !important;
    }
     .mt-sm-28, .my-sm-28 {
         margin-top: 7rem !important;
    }
     .mr-sm-28, .mx-sm-28 {
         margin-right: 7rem !important;
    }
     .mb-sm-28, .my-sm-28 {
         margin-bottom: 7rem !important;
    }
     .ml-sm-28, .mx-sm-28 {
         margin-left: 7rem !important;
    }
     .m-sm-29 {
         margin: 7.25rem !important;
    }
     .mt-sm-29, .my-sm-29 {
         margin-top: 7.25rem !important;
    }
     .mr-sm-29, .mx-sm-29 {
         margin-right: 7.25rem !important;
    }
     .mb-sm-29, .my-sm-29 {
         margin-bottom: 7.25rem !important;
    }
     .ml-sm-29, .mx-sm-29 {
         margin-left: 7.25rem !important;
    }
     .m-sm-30 {
         margin: 7.5rem !important;
    }
     .mt-sm-30, .my-sm-30 {
         margin-top: 7.5rem !important;
    }
     .mr-sm-30, .mx-sm-30 {
         margin-right: 7.5rem !important;
    }
     .mb-sm-30, .my-sm-30 {
         margin-bottom: 7.5rem !important;
    }
     .ml-sm-30, .mx-sm-30 {
         margin-left: 7.5rem !important;
    }
     .m-sm-31 {
         margin: 7.75rem !important;
    }
     .mt-sm-31, .my-sm-31 {
         margin-top: 7.75rem !important;
    }
     .mr-sm-31, .mx-sm-31 {
         margin-right: 7.75rem !important;
    }
     .mb-sm-31, .my-sm-31 {
         margin-bottom: 7.75rem !important;
    }
     .ml-sm-31, .mx-sm-31 {
         margin-left: 7.75rem !important;
    }
     .m-sm-32 {
         margin: 8rem !important;
    }
     .mt-sm-32, .my-sm-32 {
         margin-top: 8rem !important;
    }
     .mr-sm-32, .mx-sm-32 {
         margin-right: 8rem !important;
    }
     .mb-sm-32, .my-sm-32 {
         margin-bottom: 8rem !important;
    }
     .ml-sm-32, .mx-sm-32 {
         margin-left: 8rem !important;
    }
     .m-sm-33 {
         margin: 8.25rem !important;
    }
     .mt-sm-33, .my-sm-33 {
         margin-top: 8.25rem !important;
    }
     .mr-sm-33, .mx-sm-33 {
         margin-right: 8.25rem !important;
    }
     .mb-sm-33, .my-sm-33 {
         margin-bottom: 8.25rem !important;
    }
     .ml-sm-33, .mx-sm-33 {
         margin-left: 8.25rem !important;
    }
     .m-sm-34 {
         margin: 8.5rem !important;
    }
     .mt-sm-34, .my-sm-34 {
         margin-top: 8.5rem !important;
    }
     .mr-sm-34, .mx-sm-34 {
         margin-right: 8.5rem !important;
    }
     .mb-sm-34, .my-sm-34 {
         margin-bottom: 8.5rem !important;
    }
     .ml-sm-34, .mx-sm-34 {
         margin-left: 8.5rem !important;
    }
     .m-sm-35 {
         margin: 8.75rem !important;
    }
     .mt-sm-35, .my-sm-35 {
         margin-top: 8.75rem !important;
    }
     .mr-sm-35, .mx-sm-35 {
         margin-right: 8.75rem !important;
    }
     .mb-sm-35, .my-sm-35 {
         margin-bottom: 8.75rem !important;
    }
     .ml-sm-35, .mx-sm-35 {
         margin-left: 8.75rem !important;
    }
     .m-sm-36 {
         margin: 9rem !important;
    }
     .mt-sm-36, .my-sm-36 {
         margin-top: 9rem !important;
    }
     .mr-sm-36, .mx-sm-36 {
         margin-right: 9rem !important;
    }
     .mb-sm-36, .my-sm-36 {
         margin-bottom: 9rem !important;
    }
     .ml-sm-36, .mx-sm-36 {
         margin-left: 9rem !important;
    }
     .m-sm-37 {
         margin: 9.25rem !important;
    }
     .mt-sm-37, .my-sm-37 {
         margin-top: 9.25rem !important;
    }
     .mr-sm-37, .mx-sm-37 {
         margin-right: 9.25rem !important;
    }
     .mb-sm-37, .my-sm-37 {
         margin-bottom: 9.25rem !important;
    }
     .ml-sm-37, .mx-sm-37 {
         margin-left: 9.25rem !important;
    }
     .m-sm-48 {
         margin: 9.5rem !important;
    }
     .mt-sm-48, .my-sm-48 {
         margin-top: 9.5rem !important;
    }
     .mr-sm-48, .mx-sm-48 {
         margin-right: 9.5rem !important;
    }
     .mb-sm-48, .my-sm-48 {
         margin-bottom: 9.5rem !important;
    }
     .ml-sm-48, .mx-sm-48 {
         margin-left: 9.5rem !important;
    }
     .m-sm-39 {
         margin: 9.75rem !important;
    }
     .mt-sm-39, .my-sm-39 {
         margin-top: 9.75rem !important;
    }
     .mr-sm-39, .mx-sm-39 {
         margin-right: 9.75rem !important;
    }
     .mb-sm-39, .my-sm-39 {
         margin-bottom: 9.75rem !important;
    }
     .ml-sm-39, .mx-sm-39 {
         margin-left: 9.75rem !important;
    }
     .m-sm-40 {
         margin: 10rem !important;
    }
     .mt-sm-40, .my-sm-40 {
         margin-top: 10rem !important;
    }
     .mr-sm-40, .mx-sm-40 {
         margin-right: 10rem !important;
    }
     .mb-sm-40, .my-sm-40 {
         margin-bottom: 10rem !important;
    }
     .ml-sm-40, .mx-sm-40 {
         margin-left: 10rem !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: 0.75rem !important;
    }
     .pt-sm-3, .py-sm-3 {
         padding-top: 0.75rem !important;
    }
     .pr-sm-3, .px-sm-3 {
         padding-right: 0.75rem !important;
    }
     .pb-sm-3, .py-sm-3 {
         padding-bottom: 0.75rem !important;
    }
     .pl-sm-3, .px-sm-3 {
         padding-left: 0.75rem !important;
    }
     .p-sm-4 {
         padding: 1rem !important;
    }
     .pt-sm-4, .py-sm-4 {
         padding-top: 1rem !important;
    }
     .pr-sm-4, .px-sm-4 {
         padding-right: 1rem !important;
    }
     .pb-sm-4, .py-sm-4 {
         padding-bottom: 1rem !important;
    }
     .pl-sm-4, .px-sm-4 {
         padding-left: 1rem !important;
    }
     .p-sm-5 {
         padding: 1.25rem !important;
    }
     .pt-sm-5, .py-sm-5 {
         padding-top: 1.25rem !important;
    }
     .pr-sm-5, .px-sm-5 {
         padding-right: 1.25rem !important;
    }
     .pb-sm-5, .py-sm-5 {
         padding-bottom: 1.25rem !important;
    }
     .pl-sm-5, .px-sm-5 {
         padding-left: 1.25rem !important;
    }
     .p-sm-6 {
         padding: 1.5rem !important;
    }
     .pt-sm-6, .py-sm-6 {
         padding-top: 1.5rem !important;
    }
     .pr-sm-6, .px-sm-6 {
         padding-right: 1.5rem !important;
    }
     .pb-sm-6, .py-sm-6 {
         padding-bottom: 1.5rem !important;
    }
     .pl-sm-6, .px-sm-6 {
         padding-left: 1.5rem !important;
    }
     .p-sm-7 {
         padding: 1.75rem !important;
    }
     .pt-sm-7, .py-sm-7 {
         padding-top: 1.75rem !important;
    }
     .pr-sm-7, .px-sm-7 {
         padding-right: 1.75rem !important;
    }
     .pb-sm-7, .py-sm-7 {
         padding-bottom: 1.75rem !important;
    }
     .pl-sm-7, .px-sm-7 {
         padding-left: 1.75rem !important;
    }
     .p-sm-8 {
         padding: 2rem !important;
    }
     .pt-sm-8, .py-sm-8 {
         padding-top: 2rem !important;
    }
     .pr-sm-8, .px-sm-8 {
         padding-right: 2rem !important;
    }
     .pb-sm-8, .py-sm-8 {
         padding-bottom: 2rem !important;
    }
     .pl-sm-8, .px-sm-8 {
         padding-left: 2rem !important;
    }
     .p-sm-9 {
         padding: 2.25rem !important;
    }
     .pt-sm-9, .py-sm-9 {
         padding-top: 2.25rem !important;
    }
     .pr-sm-9, .px-sm-9 {
         padding-right: 2.25rem !important;
    }
     .pb-sm-9, .py-sm-9 {
         padding-bottom: 2.25rem !important;
    }
     .pl-sm-9, .px-sm-9 {
         padding-left: 2.25rem !important;
    }
     .p-sm-10 {
         padding: 2.5rem !important;
    }
     .pt-sm-10, .py-sm-10 {
         padding-top: 2.5rem !important;
    }
     .pr-sm-10, .px-sm-10 {
         padding-right: 2.5rem !important;
    }
     .pb-sm-10, .py-sm-10 {
         padding-bottom: 2.5rem !important;
    }
     .pl-sm-10, .px-sm-10 {
         padding-left: 2.5rem !important;
    }
     .p-sm-11 {
         padding: 2.75rem !important;
    }
     .pt-sm-11, .py-sm-11 {
         padding-top: 2.75rem !important;
    }
     .pr-sm-11, .px-sm-11 {
         padding-right: 2.75rem !important;
    }
     .pb-sm-11, .py-sm-11 {
         padding-bottom: 2.75rem !important;
    }
     .pl-sm-11, .px-sm-11 {
         padding-left: 2.75rem !important;
    }
     .p-sm-12 {
         padding: 3rem !important;
    }
     .pt-sm-12, .py-sm-12 {
         padding-top: 3rem !important;
    }
     .pr-sm-12, .px-sm-12 {
         padding-right: 3rem !important;
    }
     .pb-sm-12, .py-sm-12 {
         padding-bottom: 3rem !important;
    }
     .pl-sm-12, .px-sm-12 {
         padding-left: 3rem !important;
    }
     .p-sm-13 {
         padding: 3.25rem !important;
    }
     .pt-sm-13, .py-sm-13 {
         padding-top: 3.25rem !important;
    }
     .pr-sm-13, .px-sm-13 {
         padding-right: 3.25rem !important;
    }
     .pb-sm-13, .py-sm-13 {
         padding-bottom: 3.25rem !important;
    }
     .pl-sm-13, .px-sm-13 {
         padding-left: 3.25rem !important;
    }
     .p-sm-14 {
         padding: 3.5rem !important;
    }
     .pt-sm-14, .py-sm-14 {
         padding-top: 3.5rem !important;
    }
     .pr-sm-14, .px-sm-14 {
         padding-right: 3.5rem !important;
    }
     .pb-sm-14, .py-sm-14 {
         padding-bottom: 3.5rem !important;
    }
     .pl-sm-14, .px-sm-14 {
         padding-left: 3.5rem !important;
    }
     .p-sm-15 {
         padding: 3.75rem !important;
    }
     .pt-sm-15, .py-sm-15 {
         padding-top: 3.75rem !important;
    }
     .pr-sm-15, .px-sm-15 {
         padding-right: 3.75rem !important;
    }
     .pb-sm-15, .py-sm-15 {
         padding-bottom: 3.75rem !important;
    }
     .pl-sm-15, .px-sm-15 {
         padding-left: 3.75rem !important;
    }
     .p-sm-16 {
         padding: 4rem !important;
    }
     .pt-sm-16, .py-sm-16 {
         padding-top: 4rem !important;
    }
     .pr-sm-16, .px-sm-16 {
         padding-right: 4rem !important;
    }
     .pb-sm-16, .py-sm-16 {
         padding-bottom: 4rem !important;
    }
     .pl-sm-16, .px-sm-16 {
         padding-left: 4rem !important;
    }
     .p-sm-17 {
         padding: 4.25rem !important;
    }
     .pt-sm-17, .py-sm-17 {
         padding-top: 4.25rem !important;
    }
     .pr-sm-17, .px-sm-17 {
         padding-right: 4.25rem !important;
    }
     .pb-sm-17, .py-sm-17 {
         padding-bottom: 4.25rem !important;
    }
     .pl-sm-17, .px-sm-17 {
         padding-left: 4.25rem !important;
    }
     .p-sm-18 {
         padding: 4.5rem !important;
    }
     .pt-sm-18, .py-sm-18 {
         padding-top: 4.5rem !important;
    }
     .pr-sm-18, .px-sm-18 {
         padding-right: 4.5rem !important;
    }
     .pb-sm-18, .py-sm-18 {
         padding-bottom: 4.5rem !important;
    }
     .pl-sm-18, .px-sm-18 {
         padding-left: 4.5rem !important;
    }
     .p-sm-19 {
         padding: 4.75rem !important;
    }
     .pt-sm-19, .py-sm-19 {
         padding-top: 4.75rem !important;
    }
     .pr-sm-19, .px-sm-19 {
         padding-right: 4.75rem !important;
    }
     .pb-sm-19, .py-sm-19 {
         padding-bottom: 4.75rem !important;
    }
     .pl-sm-19, .px-sm-19 {
         padding-left: 4.75rem !important;
    }
     .p-sm-20 {
         padding: 5rem !important;
    }
     .pt-sm-20, .py-sm-20 {
         padding-top: 5rem !important;
    }
     .pr-sm-20, .px-sm-20 {
         padding-right: 5rem !important;
    }
     .pb-sm-20, .py-sm-20 {
         padding-bottom: 5rem !important;
    }
     .pl-sm-20, .px-sm-20 {
         padding-left: 5rem !important;
    }
     .p-sm-21 {
         padding: 5.25rem !important;
    }
     .pt-sm-21, .py-sm-21 {
         padding-top: 5.25rem !important;
    }
     .pr-sm-21, .px-sm-21 {
         padding-right: 5.25rem !important;
    }
     .pb-sm-21, .py-sm-21 {
         padding-bottom: 5.25rem !important;
    }
     .pl-sm-21, .px-sm-21 {
         padding-left: 5.25rem !important;
    }
     .p-sm-22 {
         padding: 5.5rem !important;
    }
     .pt-sm-22, .py-sm-22 {
         padding-top: 5.5rem !important;
    }
     .pr-sm-22, .px-sm-22 {
         padding-right: 5.5rem !important;
    }
     .pb-sm-22, .py-sm-22 {
         padding-bottom: 5.5rem !important;
    }
     .pl-sm-22, .px-sm-22 {
         padding-left: 5.5rem !important;
    }
     .p-sm-23 {
         padding: 5.75rem !important;
    }
     .pt-sm-23, .py-sm-23 {
         padding-top: 5.75rem !important;
    }
     .pr-sm-23, .px-sm-23 {
         padding-right: 5.75rem !important;
    }
     .pb-sm-23, .py-sm-23 {
         padding-bottom: 5.75rem !important;
    }
     .pl-sm-23, .px-sm-23 {
         padding-left: 5.75rem !important;
    }
     .p-sm-24 {
         padding: 6rem !important;
    }
     .pt-sm-24, .py-sm-24 {
         padding-top: 6rem !important;
    }
     .pr-sm-24, .px-sm-24 {
         padding-right: 6rem !important;
    }
     .pb-sm-24, .py-sm-24 {
         padding-bottom: 6rem !important;
    }
     .pl-sm-24, .px-sm-24 {
         padding-left: 6rem !important;
    }
     .p-sm-25 {
         padding: 6.25rem !important;
    }
     .pt-sm-25, .py-sm-25 {
         padding-top: 6.25rem !important;
    }
     .pr-sm-25, .px-sm-25 {
         padding-right: 6.25rem !important;
    }
     .pb-sm-25, .py-sm-25 {
         padding-bottom: 6.25rem !important;
    }
     .pl-sm-25, .px-sm-25 {
         padding-left: 6.25rem !important;
    }
     .p-sm-26 {
         padding: 6.5rem !important;
    }
     .pt-sm-26, .py-sm-26 {
         padding-top: 6.5rem !important;
    }
     .pr-sm-26, .px-sm-26 {
         padding-right: 6.5rem !important;
    }
     .pb-sm-26, .py-sm-26 {
         padding-bottom: 6.5rem !important;
    }
     .pl-sm-26, .px-sm-26 {
         padding-left: 6.5rem !important;
    }
     .p-sm-27 {
         padding: 6.75rem !important;
    }
     .pt-sm-27, .py-sm-27 {
         padding-top: 6.75rem !important;
    }
     .pr-sm-27, .px-sm-27 {
         padding-right: 6.75rem !important;
    }
     .pb-sm-27, .py-sm-27 {
         padding-bottom: 6.75rem !important;
    }
     .pl-sm-27, .px-sm-27 {
         padding-left: 6.75rem !important;
    }
     .p-sm-28 {
         padding: 7rem !important;
    }
     .pt-sm-28, .py-sm-28 {
         padding-top: 7rem !important;
    }
     .pr-sm-28, .px-sm-28 {
         padding-right: 7rem !important;
    }
     .pb-sm-28, .py-sm-28 {
         padding-bottom: 7rem !important;
    }
     .pl-sm-28, .px-sm-28 {
         padding-left: 7rem !important;
    }
     .p-sm-29 {
         padding: 7.25rem !important;
    }
     .pt-sm-29, .py-sm-29 {
         padding-top: 7.25rem !important;
    }
     .pr-sm-29, .px-sm-29 {
         padding-right: 7.25rem !important;
    }
     .pb-sm-29, .py-sm-29 {
         padding-bottom: 7.25rem !important;
    }
     .pl-sm-29, .px-sm-29 {
         padding-left: 7.25rem !important;
    }
     .p-sm-30 {
         padding: 7.5rem !important;
    }
     .pt-sm-30, .py-sm-30 {
         padding-top: 7.5rem !important;
    }
     .pr-sm-30, .px-sm-30 {
         padding-right: 7.5rem !important;
    }
     .pb-sm-30, .py-sm-30 {
         padding-bottom: 7.5rem !important;
    }
     .pl-sm-30, .px-sm-30 {
         padding-left: 7.5rem !important;
    }
     .p-sm-31 {
         padding: 7.75rem !important;
    }
     .pt-sm-31, .py-sm-31 {
         padding-top: 7.75rem !important;
    }
     .pr-sm-31, .px-sm-31 {
         padding-right: 7.75rem !important;
    }
     .pb-sm-31, .py-sm-31 {
         padding-bottom: 7.75rem !important;
    }
     .pl-sm-31, .px-sm-31 {
         padding-left: 7.75rem !important;
    }
     .p-sm-32 {
         padding: 8rem !important;
    }
     .pt-sm-32, .py-sm-32 {
         padding-top: 8rem !important;
    }
     .pr-sm-32, .px-sm-32 {
         padding-right: 8rem !important;
    }
     .pb-sm-32, .py-sm-32 {
         padding-bottom: 8rem !important;
    }
     .pl-sm-32, .px-sm-32 {
         padding-left: 8rem !important;
    }
     .p-sm-33 {
         padding: 8.25rem !important;
    }
     .pt-sm-33, .py-sm-33 {
         padding-top: 8.25rem !important;
    }
     .pr-sm-33, .px-sm-33 {
         padding-right: 8.25rem !important;
    }
     .pb-sm-33, .py-sm-33 {
         padding-bottom: 8.25rem !important;
    }
     .pl-sm-33, .px-sm-33 {
         padding-left: 8.25rem !important;
    }
     .p-sm-34 {
         padding: 8.5rem !important;
    }
     .pt-sm-34, .py-sm-34 {
         padding-top: 8.5rem !important;
    }
     .pr-sm-34, .px-sm-34 {
         padding-right: 8.5rem !important;
    }
     .pb-sm-34, .py-sm-34 {
         padding-bottom: 8.5rem !important;
    }
     .pl-sm-34, .px-sm-34 {
         padding-left: 8.5rem !important;
    }
     .p-sm-35 {
         padding: 8.75rem !important;
    }
     .pt-sm-35, .py-sm-35 {
         padding-top: 8.75rem !important;
    }
     .pr-sm-35, .px-sm-35 {
         padding-right: 8.75rem !important;
    }
     .pb-sm-35, .py-sm-35 {
         padding-bottom: 8.75rem !important;
    }
     .pl-sm-35, .px-sm-35 {
         padding-left: 8.75rem !important;
    }
     .p-sm-36 {
         padding: 9rem !important;
    }
     .pt-sm-36, .py-sm-36 {
         padding-top: 9rem !important;
    }
     .pr-sm-36, .px-sm-36 {
         padding-right: 9rem !important;
    }
     .pb-sm-36, .py-sm-36 {
         padding-bottom: 9rem !important;
    }
     .pl-sm-36, .px-sm-36 {
         padding-left: 9rem !important;
    }
     .p-sm-37 {
         padding: 9.25rem !important;
    }
     .pt-sm-37, .py-sm-37 {
         padding-top: 9.25rem !important;
    }
     .pr-sm-37, .px-sm-37 {
         padding-right: 9.25rem !important;
    }
     .pb-sm-37, .py-sm-37 {
         padding-bottom: 9.25rem !important;
    }
     .pl-sm-37, .px-sm-37 {
         padding-left: 9.25rem !important;
    }
     .p-sm-48 {
         padding: 9.5rem !important;
    }
     .pt-sm-48, .py-sm-48 {
         padding-top: 9.5rem !important;
    }
     .pr-sm-48, .px-sm-48 {
         padding-right: 9.5rem !important;
    }
     .pb-sm-48, .py-sm-48 {
         padding-bottom: 9.5rem !important;
    }
     .pl-sm-48, .px-sm-48 {
         padding-left: 9.5rem !important;
    }
     .p-sm-39 {
         padding: 9.75rem !important;
    }
     .pt-sm-39, .py-sm-39 {
         padding-top: 9.75rem !important;
    }
     .pr-sm-39, .px-sm-39 {
         padding-right: 9.75rem !important;
    }
     .pb-sm-39, .py-sm-39 {
         padding-bottom: 9.75rem !important;
    }
     .pl-sm-39, .px-sm-39 {
         padding-left: 9.75rem !important;
    }
     .p-sm-40 {
         padding: 10rem !important;
    }
     .pt-sm-40, .py-sm-40 {
         padding-top: 10rem !important;
    }
     .pr-sm-40, .px-sm-40 {
         padding-right: 10rem !important;
    }
     .pb-sm-40, .py-sm-40 {
         padding-bottom: 10rem !important;
    }
     .pl-sm-40, .px-sm-40 {
         padding-left: 10rem !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: -0.75rem !important;
    }
     .mt-sm-n3, .my-sm-n3 {
         margin-top: -0.75rem !important;
    }
     .mr-sm-n3, .mx-sm-n3 {
         margin-right: -0.75rem !important;
    }
     .mb-sm-n3, .my-sm-n3 {
         margin-bottom: -0.75rem !important;
    }
     .ml-sm-n3, .mx-sm-n3 {
         margin-left: -0.75rem !important;
    }
     .m-sm-n4 {
         margin: -1rem !important;
    }
     .mt-sm-n4, .my-sm-n4 {
         margin-top: -1rem !important;
    }
     .mr-sm-n4, .mx-sm-n4 {
         margin-right: -1rem !important;
    }
     .mb-sm-n4, .my-sm-n4 {
         margin-bottom: -1rem !important;
    }
     .ml-sm-n4, .mx-sm-n4 {
         margin-left: -1rem !important;
    }
     .m-sm-n5 {
         margin: -1.25rem !important;
    }
     .mt-sm-n5, .my-sm-n5 {
         margin-top: -1.25rem !important;
    }
     .mr-sm-n5, .mx-sm-n5 {
         margin-right: -1.25rem !important;
    }
     .mb-sm-n5, .my-sm-n5 {
         margin-bottom: -1.25rem !important;
    }
     .ml-sm-n5, .mx-sm-n5 {
         margin-left: -1.25rem !important;
    }
     .m-sm-n6 {
         margin: -1.5rem !important;
    }
     .mt-sm-n6, .my-sm-n6 {
         margin-top: -1.5rem !important;
    }
     .mr-sm-n6, .mx-sm-n6 {
         margin-right: -1.5rem !important;
    }
     .mb-sm-n6, .my-sm-n6 {
         margin-bottom: -1.5rem !important;
    }
     .ml-sm-n6, .mx-sm-n6 {
         margin-left: -1.5rem !important;
    }
     .m-sm-n7 {
         margin: -1.75rem !important;
    }
     .mt-sm-n7, .my-sm-n7 {
         margin-top: -1.75rem !important;
    }
     .mr-sm-n7, .mx-sm-n7 {
         margin-right: -1.75rem !important;
    }
     .mb-sm-n7, .my-sm-n7 {
         margin-bottom: -1.75rem !important;
    }
     .ml-sm-n7, .mx-sm-n7 {
         margin-left: -1.75rem !important;
    }
     .m-sm-n8 {
         margin: -2rem !important;
    }
     .mt-sm-n8, .my-sm-n8 {
         margin-top: -2rem !important;
    }
     .mr-sm-n8, .mx-sm-n8 {
         margin-right: -2rem !important;
    }
     .mb-sm-n8, .my-sm-n8 {
         margin-bottom: -2rem !important;
    }
     .ml-sm-n8, .mx-sm-n8 {
         margin-left: -2rem !important;
    }
     .m-sm-n9 {
         margin: -2.25rem !important;
    }
     .mt-sm-n9, .my-sm-n9 {
         margin-top: -2.25rem !important;
    }
     .mr-sm-n9, .mx-sm-n9 {
         margin-right: -2.25rem !important;
    }
     .mb-sm-n9, .my-sm-n9 {
         margin-bottom: -2.25rem !important;
    }
     .ml-sm-n9, .mx-sm-n9 {
         margin-left: -2.25rem !important;
    }
     .m-sm-n10 {
         margin: -2.5rem !important;
    }
     .mt-sm-n10, .my-sm-n10 {
         margin-top: -2.5rem !important;
    }
     .mr-sm-n10, .mx-sm-n10 {
         margin-right: -2.5rem !important;
    }
     .mb-sm-n10, .my-sm-n10 {
         margin-bottom: -2.5rem !important;
    }
     .ml-sm-n10, .mx-sm-n10 {
         margin-left: -2.5rem !important;
    }
     .m-sm-n11 {
         margin: -2.75rem !important;
    }
     .mt-sm-n11, .my-sm-n11 {
         margin-top: -2.75rem !important;
    }
     .mr-sm-n11, .mx-sm-n11 {
         margin-right: -2.75rem !important;
    }
     .mb-sm-n11, .my-sm-n11 {
         margin-bottom: -2.75rem !important;
    }
     .ml-sm-n11, .mx-sm-n11 {
         margin-left: -2.75rem !important;
    }
     .m-sm-n12 {
         margin: -3rem !important;
    }
     .mt-sm-n12, .my-sm-n12 {
         margin-top: -3rem !important;
    }
     .mr-sm-n12, .mx-sm-n12 {
         margin-right: -3rem !important;
    }
     .mb-sm-n12, .my-sm-n12 {
         margin-bottom: -3rem !important;
    }
     .ml-sm-n12, .mx-sm-n12 {
         margin-left: -3rem !important;
    }
     .m-sm-n13 {
         margin: -3.25rem !important;
    }
     .mt-sm-n13, .my-sm-n13 {
         margin-top: -3.25rem !important;
    }
     .mr-sm-n13, .mx-sm-n13 {
         margin-right: -3.25rem !important;
    }
     .mb-sm-n13, .my-sm-n13 {
         margin-bottom: -3.25rem !important;
    }
     .ml-sm-n13, .mx-sm-n13 {
         margin-left: -3.25rem !important;
    }
     .m-sm-n14 {
         margin: -3.5rem !important;
    }
     .mt-sm-n14, .my-sm-n14 {
         margin-top: -3.5rem !important;
    }
     .mr-sm-n14, .mx-sm-n14 {
         margin-right: -3.5rem !important;
    }
     .mb-sm-n14, .my-sm-n14 {
         margin-bottom: -3.5rem !important;
    }
     .ml-sm-n14, .mx-sm-n14 {
         margin-left: -3.5rem !important;
    }
     .m-sm-n15 {
         margin: -3.75rem !important;
    }
     .mt-sm-n15, .my-sm-n15 {
         margin-top: -3.75rem !important;
    }
     .mr-sm-n15, .mx-sm-n15 {
         margin-right: -3.75rem !important;
    }
     .mb-sm-n15, .my-sm-n15 {
         margin-bottom: -3.75rem !important;
    }
     .ml-sm-n15, .mx-sm-n15 {
         margin-left: -3.75rem !important;
    }
     .m-sm-n16 {
         margin: -4rem !important;
    }
     .mt-sm-n16, .my-sm-n16 {
         margin-top: -4rem !important;
    }
     .mr-sm-n16, .mx-sm-n16 {
         margin-right: -4rem !important;
    }
     .mb-sm-n16, .my-sm-n16 {
         margin-bottom: -4rem !important;
    }
     .ml-sm-n16, .mx-sm-n16 {
         margin-left: -4rem !important;
    }
     .m-sm-n17 {
         margin: -4.25rem !important;
    }
     .mt-sm-n17, .my-sm-n17 {
         margin-top: -4.25rem !important;
    }
     .mr-sm-n17, .mx-sm-n17 {
         margin-right: -4.25rem !important;
    }
     .mb-sm-n17, .my-sm-n17 {
         margin-bottom: -4.25rem !important;
    }
     .ml-sm-n17, .mx-sm-n17 {
         margin-left: -4.25rem !important;
    }
     .m-sm-n18 {
         margin: -4.5rem !important;
    }
     .mt-sm-n18, .my-sm-n18 {
         margin-top: -4.5rem !important;
    }
     .mr-sm-n18, .mx-sm-n18 {
         margin-right: -4.5rem !important;
    }
     .mb-sm-n18, .my-sm-n18 {
         margin-bottom: -4.5rem !important;
    }
     .ml-sm-n18, .mx-sm-n18 {
         margin-left: -4.5rem !important;
    }
     .m-sm-n19 {
         margin: -4.75rem !important;
    }
     .mt-sm-n19, .my-sm-n19 {
         margin-top: -4.75rem !important;
    }
     .mr-sm-n19, .mx-sm-n19 {
         margin-right: -4.75rem !important;
    }
     .mb-sm-n19, .my-sm-n19 {
         margin-bottom: -4.75rem !important;
    }
     .ml-sm-n19, .mx-sm-n19 {
         margin-left: -4.75rem !important;
    }
     .m-sm-n20 {
         margin: -5rem !important;
    }
     .mt-sm-n20, .my-sm-n20 {
         margin-top: -5rem !important;
    }
     .mr-sm-n20, .mx-sm-n20 {
         margin-right: -5rem !important;
    }
     .mb-sm-n20, .my-sm-n20 {
         margin-bottom: -5rem !important;
    }
     .ml-sm-n20, .mx-sm-n20 {
         margin-left: -5rem !important;
    }
     .m-sm-n21 {
         margin: -5.25rem !important;
    }
     .mt-sm-n21, .my-sm-n21 {
         margin-top: -5.25rem !important;
    }
     .mr-sm-n21, .mx-sm-n21 {
         margin-right: -5.25rem !important;
    }
     .mb-sm-n21, .my-sm-n21 {
         margin-bottom: -5.25rem !important;
    }
     .ml-sm-n21, .mx-sm-n21 {
         margin-left: -5.25rem !important;
    }
     .m-sm-n22 {
         margin: -5.5rem !important;
    }
     .mt-sm-n22, .my-sm-n22 {
         margin-top: -5.5rem !important;
    }
     .mr-sm-n22, .mx-sm-n22 {
         margin-right: -5.5rem !important;
    }
     .mb-sm-n22, .my-sm-n22 {
         margin-bottom: -5.5rem !important;
    }
     .ml-sm-n22, .mx-sm-n22 {
         margin-left: -5.5rem !important;
    }
     .m-sm-n23 {
         margin: -5.75rem !important;
    }
     .mt-sm-n23, .my-sm-n23 {
         margin-top: -5.75rem !important;
    }
     .mr-sm-n23, .mx-sm-n23 {
         margin-right: -5.75rem !important;
    }
     .mb-sm-n23, .my-sm-n23 {
         margin-bottom: -5.75rem !important;
    }
     .ml-sm-n23, .mx-sm-n23 {
         margin-left: -5.75rem !important;
    }
     .m-sm-n24 {
         margin: -6rem !important;
    }
     .mt-sm-n24, .my-sm-n24 {
         margin-top: -6rem !important;
    }
     .mr-sm-n24, .mx-sm-n24 {
         margin-right: -6rem !important;
    }
     .mb-sm-n24, .my-sm-n24 {
         margin-bottom: -6rem !important;
    }
     .ml-sm-n24, .mx-sm-n24 {
         margin-left: -6rem !important;
    }
     .m-sm-n25 {
         margin: -6.25rem !important;
    }
     .mt-sm-n25, .my-sm-n25 {
         margin-top: -6.25rem !important;
    }
     .mr-sm-n25, .mx-sm-n25 {
         margin-right: -6.25rem !important;
    }
     .mb-sm-n25, .my-sm-n25 {
         margin-bottom: -6.25rem !important;
    }
     .ml-sm-n25, .mx-sm-n25 {
         margin-left: -6.25rem !important;
    }
     .m-sm-n26 {
         margin: -6.5rem !important;
    }
     .mt-sm-n26, .my-sm-n26 {
         margin-top: -6.5rem !important;
    }
     .mr-sm-n26, .mx-sm-n26 {
         margin-right: -6.5rem !important;
    }
     .mb-sm-n26, .my-sm-n26 {
         margin-bottom: -6.5rem !important;
    }
     .ml-sm-n26, .mx-sm-n26 {
         margin-left: -6.5rem !important;
    }
     .m-sm-n27 {
         margin: -6.75rem !important;
    }
     .mt-sm-n27, .my-sm-n27 {
         margin-top: -6.75rem !important;
    }
     .mr-sm-n27, .mx-sm-n27 {
         margin-right: -6.75rem !important;
    }
     .mb-sm-n27, .my-sm-n27 {
         margin-bottom: -6.75rem !important;
    }
     .ml-sm-n27, .mx-sm-n27 {
         margin-left: -6.75rem !important;
    }
     .m-sm-n28 {
         margin: -7rem !important;
    }
     .mt-sm-n28, .my-sm-n28 {
         margin-top: -7rem !important;
    }
     .mr-sm-n28, .mx-sm-n28 {
         margin-right: -7rem !important;
    }
     .mb-sm-n28, .my-sm-n28 {
         margin-bottom: -7rem !important;
    }
     .ml-sm-n28, .mx-sm-n28 {
         margin-left: -7rem !important;
    }
     .m-sm-n29 {
         margin: -7.25rem !important;
    }
     .mt-sm-n29, .my-sm-n29 {
         margin-top: -7.25rem !important;
    }
     .mr-sm-n29, .mx-sm-n29 {
         margin-right: -7.25rem !important;
    }
     .mb-sm-n29, .my-sm-n29 {
         margin-bottom: -7.25rem !important;
    }
     .ml-sm-n29, .mx-sm-n29 {
         margin-left: -7.25rem !important;
    }
     .m-sm-n30 {
         margin: -7.5rem !important;
    }
     .mt-sm-n30, .my-sm-n30 {
         margin-top: -7.5rem !important;
    }
     .mr-sm-n30, .mx-sm-n30 {
         margin-right: -7.5rem !important;
    }
     .mb-sm-n30, .my-sm-n30 {
         margin-bottom: -7.5rem !important;
    }
     .ml-sm-n30, .mx-sm-n30 {
         margin-left: -7.5rem !important;
    }
     .m-sm-n31 {
         margin: -7.75rem !important;
    }
     .mt-sm-n31, .my-sm-n31 {
         margin-top: -7.75rem !important;
    }
     .mr-sm-n31, .mx-sm-n31 {
         margin-right: -7.75rem !important;
    }
     .mb-sm-n31, .my-sm-n31 {
         margin-bottom: -7.75rem !important;
    }
     .ml-sm-n31, .mx-sm-n31 {
         margin-left: -7.75rem !important;
    }
     .m-sm-n32 {
         margin: -8rem !important;
    }
     .mt-sm-n32, .my-sm-n32 {
         margin-top: -8rem !important;
    }
     .mr-sm-n32, .mx-sm-n32 {
         margin-right: -8rem !important;
    }
     .mb-sm-n32, .my-sm-n32 {
         margin-bottom: -8rem !important;
    }
     .ml-sm-n32, .mx-sm-n32 {
         margin-left: -8rem !important;
    }
     .m-sm-n33 {
         margin: -8.25rem !important;
    }
     .mt-sm-n33, .my-sm-n33 {
         margin-top: -8.25rem !important;
    }
     .mr-sm-n33, .mx-sm-n33 {
         margin-right: -8.25rem !important;
    }
     .mb-sm-n33, .my-sm-n33 {
         margin-bottom: -8.25rem !important;
    }
     .ml-sm-n33, .mx-sm-n33 {
         margin-left: -8.25rem !important;
    }
     .m-sm-n34 {
         margin: -8.5rem !important;
    }
     .mt-sm-n34, .my-sm-n34 {
         margin-top: -8.5rem !important;
    }
     .mr-sm-n34, .mx-sm-n34 {
         margin-right: -8.5rem !important;
    }
     .mb-sm-n34, .my-sm-n34 {
         margin-bottom: -8.5rem !important;
    }
     .ml-sm-n34, .mx-sm-n34 {
         margin-left: -8.5rem !important;
    }
     .m-sm-n35 {
         margin: -8.75rem !important;
    }
     .mt-sm-n35, .my-sm-n35 {
         margin-top: -8.75rem !important;
    }
     .mr-sm-n35, .mx-sm-n35 {
         margin-right: -8.75rem !important;
    }
     .mb-sm-n35, .my-sm-n35 {
         margin-bottom: -8.75rem !important;
    }
     .ml-sm-n35, .mx-sm-n35 {
         margin-left: -8.75rem !important;
    }
     .m-sm-n36 {
         margin: -9rem !important;
    }
     .mt-sm-n36, .my-sm-n36 {
         margin-top: -9rem !important;
    }
     .mr-sm-n36, .mx-sm-n36 {
         margin-right: -9rem !important;
    }
     .mb-sm-n36, .my-sm-n36 {
         margin-bottom: -9rem !important;
    }
     .ml-sm-n36, .mx-sm-n36 {
         margin-left: -9rem !important;
    }
     .m-sm-n37 {
         margin: -9.25rem !important;
    }
     .mt-sm-n37, .my-sm-n37 {
         margin-top: -9.25rem !important;
    }
     .mr-sm-n37, .mx-sm-n37 {
         margin-right: -9.25rem !important;
    }
     .mb-sm-n37, .my-sm-n37 {
         margin-bottom: -9.25rem !important;
    }
     .ml-sm-n37, .mx-sm-n37 {
         margin-left: -9.25rem !important;
    }
     .m-sm-n48 {
         margin: -9.5rem !important;
    }
     .mt-sm-n48, .my-sm-n48 {
         margin-top: -9.5rem !important;
    }
     .mr-sm-n48, .mx-sm-n48 {
         margin-right: -9.5rem !important;
    }
     .mb-sm-n48, .my-sm-n48 {
         margin-bottom: -9.5rem !important;
    }
     .ml-sm-n48, .mx-sm-n48 {
         margin-left: -9.5rem !important;
    }
     .m-sm-n39 {
         margin: -9.75rem !important;
    }
     .mt-sm-n39, .my-sm-n39 {
         margin-top: -9.75rem !important;
    }
     .mr-sm-n39, .mx-sm-n39 {
         margin-right: -9.75rem !important;
    }
     .mb-sm-n39, .my-sm-n39 {
         margin-bottom: -9.75rem !important;
    }
     .ml-sm-n39, .mx-sm-n39 {
         margin-left: -9.75rem !important;
    }
     .m-sm-n40 {
         margin: -10rem !important;
    }
     .mt-sm-n40, .my-sm-n40 {
         margin-top: -10rem !important;
    }
     .mr-sm-n40, .mx-sm-n40 {
         margin-right: -10rem !important;
    }
     .mb-sm-n40, .my-sm-n40 {
         margin-bottom: -10rem !important;
    }
     .ml-sm-n40, .mx-sm-n40 {
         margin-left: -10rem !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: 0.75rem !important;
    }
     .mt-md-3, .my-md-3 {
         margin-top: 0.75rem !important;
    }
     .mr-md-3, .mx-md-3 {
         margin-right: 0.75rem !important;
    }
     .mb-md-3, .my-md-3 {
         margin-bottom: 0.75rem !important;
    }
     .ml-md-3, .mx-md-3 {
         margin-left: 0.75rem !important;
    }
     .m-md-4 {
         margin: 1rem !important;
    }
     .mt-md-4, .my-md-4 {
         margin-top: 1rem !important;
    }
     .mr-md-4, .mx-md-4 {
         margin-right: 1rem !important;
    }
     .mb-md-4, .my-md-4 {
         margin-bottom: 1rem !important;
    }
     .ml-md-4, .mx-md-4 {
         margin-left: 1rem !important;
    }
     .m-md-5 {
         margin: 1.25rem !important;
    }
     .mt-md-5, .my-md-5 {
         margin-top: 1.25rem !important;
    }
     .mr-md-5, .mx-md-5 {
         margin-right: 1.25rem !important;
    }
     .mb-md-5, .my-md-5 {
         margin-bottom: 1.25rem !important;
    }
     .ml-md-5, .mx-md-5 {
         margin-left: 1.25rem !important;
    }
     .m-md-6 {
         margin: 1.5rem !important;
    }
     .mt-md-6, .my-md-6 {
         margin-top: 1.5rem !important;
    }
     .mr-md-6, .mx-md-6 {
         margin-right: 1.5rem !important;
    }
     .mb-md-6, .my-md-6 {
         margin-bottom: 1.5rem !important;
    }
     .ml-md-6, .mx-md-6 {
         margin-left: 1.5rem !important;
    }
     .m-md-7 {
         margin: 1.75rem !important;
    }
     .mt-md-7, .my-md-7 {
         margin-top: 1.75rem !important;
    }
     .mr-md-7, .mx-md-7 {
         margin-right: 1.75rem !important;
    }
     .mb-md-7, .my-md-7 {
         margin-bottom: 1.75rem !important;
    }
     .ml-md-7, .mx-md-7 {
         margin-left: 1.75rem !important;
    }
     .m-md-8 {
         margin: 2rem !important;
    }
     .mt-md-8, .my-md-8 {
         margin-top: 2rem !important;
    }
     .mr-md-8, .mx-md-8 {
         margin-right: 2rem !important;
    }
     .mb-md-8, .my-md-8 {
         margin-bottom: 2rem !important;
    }
     .ml-md-8, .mx-md-8 {
         margin-left: 2rem !important;
    }
     .m-md-9 {
         margin: 2.25rem !important;
    }
     .mt-md-9, .my-md-9 {
         margin-top: 2.25rem !important;
    }
     .mr-md-9, .mx-md-9 {
         margin-right: 2.25rem !important;
    }
     .mb-md-9, .my-md-9 {
         margin-bottom: 2.25rem !important;
    }
     .ml-md-9, .mx-md-9 {
         margin-left: 2.25rem !important;
    }
     .m-md-10 {
         margin: 2.5rem !important;
    }
     .mt-md-10, .my-md-10 {
         margin-top: 2.5rem !important;
    }
     .mr-md-10, .mx-md-10 {
         margin-right: 2.5rem !important;
    }
     .mb-md-10, .my-md-10 {
         margin-bottom: 2.5rem !important;
    }
     .ml-md-10, .mx-md-10 {
         margin-left: 2.5rem !important;
    }
     .m-md-11 {
         margin: 2.75rem !important;
    }
     .mt-md-11, .my-md-11 {
         margin-top: 2.75rem !important;
    }
     .mr-md-11, .mx-md-11 {
         margin-right: 2.75rem !important;
    }
     .mb-md-11, .my-md-11 {
         margin-bottom: 2.75rem !important;
    }
     .ml-md-11, .mx-md-11 {
         margin-left: 2.75rem !important;
    }
     .m-md-12 {
         margin: 3rem !important;
    }
     .mt-md-12, .my-md-12 {
         margin-top: 3rem !important;
    }
     .mr-md-12, .mx-md-12 {
         margin-right: 3rem !important;
    }
     .mb-md-12, .my-md-12 {
         margin-bottom: 3rem !important;
    }
     .ml-md-12, .mx-md-12 {
         margin-left: 3rem !important;
    }
     .m-md-13 {
         margin: 3.25rem !important;
    }
     .mt-md-13, .my-md-13 {
         margin-top: 3.25rem !important;
    }
     .mr-md-13, .mx-md-13 {
         margin-right: 3.25rem !important;
    }
     .mb-md-13, .my-md-13 {
         margin-bottom: 3.25rem !important;
    }
     .ml-md-13, .mx-md-13 {
         margin-left: 3.25rem !important;
    }
     .m-md-14 {
         margin: 3.5rem !important;
    }
     .mt-md-14, .my-md-14 {
         margin-top: 3.5rem !important;
    }
     .mr-md-14, .mx-md-14 {
         margin-right: 3.5rem !important;
    }
     .mb-md-14, .my-md-14 {
         margin-bottom: 3.5rem !important;
    }
     .ml-md-14, .mx-md-14 {
         margin-left: 3.5rem !important;
    }
     .m-md-15 {
         margin: 3.75rem !important;
    }
     .mt-md-15, .my-md-15 {
         margin-top: 3.75rem !important;
    }
     .mr-md-15, .mx-md-15 {
         margin-right: 3.75rem !important;
    }
     .mb-md-15, .my-md-15 {
         margin-bottom: 3.75rem !important;
    }
     .ml-md-15, .mx-md-15 {
         margin-left: 3.75rem !important;
    }
     .m-md-16 {
         margin: 4rem !important;
    }
     .mt-md-16, .my-md-16 {
         margin-top: 4rem !important;
    }
     .mr-md-16, .mx-md-16 {
         margin-right: 4rem !important;
    }
     .mb-md-16, .my-md-16 {
         margin-bottom: 4rem !important;
    }
     .ml-md-16, .mx-md-16 {
         margin-left: 4rem !important;
    }
     .m-md-17 {
         margin: 4.25rem !important;
    }
     .mt-md-17, .my-md-17 {
         margin-top: 4.25rem !important;
    }
     .mr-md-17, .mx-md-17 {
         margin-right: 4.25rem !important;
    }
     .mb-md-17, .my-md-17 {
         margin-bottom: 4.25rem !important;
    }
     .ml-md-17, .mx-md-17 {
         margin-left: 4.25rem !important;
    }
     .m-md-18 {
         margin: 4.5rem !important;
    }
     .mt-md-18, .my-md-18 {
         margin-top: 4.5rem !important;
    }
     .mr-md-18, .mx-md-18 {
         margin-right: 4.5rem !important;
    }
     .mb-md-18, .my-md-18 {
         margin-bottom: 4.5rem !important;
    }
     .ml-md-18, .mx-md-18 {
         margin-left: 4.5rem !important;
    }
     .m-md-19 {
         margin: 4.75rem !important;
    }
     .mt-md-19, .my-md-19 {
         margin-top: 4.75rem !important;
    }
     .mr-md-19, .mx-md-19 {
         margin-right: 4.75rem !important;
    }
     .mb-md-19, .my-md-19 {
         margin-bottom: 4.75rem !important;
    }
     .ml-md-19, .mx-md-19 {
         margin-left: 4.75rem !important;
    }
     .m-md-20 {
         margin: 5rem !important;
    }
     .mt-md-20, .my-md-20 {
         margin-top: 5rem !important;
    }
     .mr-md-20, .mx-md-20 {
         margin-right: 5rem !important;
    }
     .mb-md-20, .my-md-20 {
         margin-bottom: 5rem !important;
    }
     .ml-md-20, .mx-md-20 {
         margin-left: 5rem !important;
    }
     .m-md-21 {
         margin: 5.25rem !important;
    }
     .mt-md-21, .my-md-21 {
         margin-top: 5.25rem !important;
    }
     .mr-md-21, .mx-md-21 {
         margin-right: 5.25rem !important;
    }
     .mb-md-21, .my-md-21 {
         margin-bottom: 5.25rem !important;
    }
     .ml-md-21, .mx-md-21 {
         margin-left: 5.25rem !important;
    }
     .m-md-22 {
         margin: 5.5rem !important;
    }
     .mt-md-22, .my-md-22 {
         margin-top: 5.5rem !important;
    }
     .mr-md-22, .mx-md-22 {
         margin-right: 5.5rem !important;
    }
     .mb-md-22, .my-md-22 {
         margin-bottom: 5.5rem !important;
    }
     .ml-md-22, .mx-md-22 {
         margin-left: 5.5rem !important;
    }
     .m-md-23 {
         margin: 5.75rem !important;
    }
     .mt-md-23, .my-md-23 {
         margin-top: 5.75rem !important;
    }
     .mr-md-23, .mx-md-23 {
         margin-right: 5.75rem !important;
    }
     .mb-md-23, .my-md-23 {
         margin-bottom: 5.75rem !important;
    }
     .ml-md-23, .mx-md-23 {
         margin-left: 5.75rem !important;
    }
     .m-md-24 {
         margin: 6rem !important;
    }
     .mt-md-24, .my-md-24 {
         margin-top: 6rem !important;
    }
     .mr-md-24, .mx-md-24 {
         margin-right: 6rem !important;
    }
     .mb-md-24, .my-md-24 {
         margin-bottom: 6rem !important;
    }
     .ml-md-24, .mx-md-24 {
         margin-left: 6rem !important;
    }
     .m-md-25 {
         margin: 6.25rem !important;
    }
     .mt-md-25, .my-md-25 {
         margin-top: 6.25rem !important;
    }
     .mr-md-25, .mx-md-25 {
         margin-right: 6.25rem !important;
    }
     .mb-md-25, .my-md-25 {
         margin-bottom: 6.25rem !important;
    }
     .ml-md-25, .mx-md-25 {
         margin-left: 6.25rem !important;
    }
     .m-md-26 {
         margin: 6.5rem !important;
    }
     .mt-md-26, .my-md-26 {
         margin-top: 6.5rem !important;
    }
     .mr-md-26, .mx-md-26 {
         margin-right: 6.5rem !important;
    }
     .mb-md-26, .my-md-26 {
         margin-bottom: 6.5rem !important;
    }
     .ml-md-26, .mx-md-26 {
         margin-left: 6.5rem !important;
    }
     .m-md-27 {
         margin: 6.75rem !important;
    }
     .mt-md-27, .my-md-27 {
         margin-top: 6.75rem !important;
    }
     .mr-md-27, .mx-md-27 {
         margin-right: 6.75rem !important;
    }
     .mb-md-27, .my-md-27 {
         margin-bottom: 6.75rem !important;
    }
     .ml-md-27, .mx-md-27 {
         margin-left: 6.75rem !important;
    }
     .m-md-28 {
         margin: 7rem !important;
    }
     .mt-md-28, .my-md-28 {
         margin-top: 7rem !important;
    }
     .mr-md-28, .mx-md-28 {
         margin-right: 7rem !important;
    }
     .mb-md-28, .my-md-28 {
         margin-bottom: 7rem !important;
    }
     .ml-md-28, .mx-md-28 {
         margin-left: 7rem !important;
    }
     .m-md-29 {
         margin: 7.25rem !important;
    }
     .mt-md-29, .my-md-29 {
         margin-top: 7.25rem !important;
    }
     .mr-md-29, .mx-md-29 {
         margin-right: 7.25rem !important;
    }
     .mb-md-29, .my-md-29 {
         margin-bottom: 7.25rem !important;
    }
     .ml-md-29, .mx-md-29 {
         margin-left: 7.25rem !important;
    }
     .m-md-30 {
         margin: 7.5rem !important;
    }
     .mt-md-30, .my-md-30 {
         margin-top: 7.5rem !important;
    }
     .mr-md-30, .mx-md-30 {
         margin-right: 7.5rem !important;
    }
     .mb-md-30, .my-md-30 {
         margin-bottom: 7.5rem !important;
    }
     .ml-md-30, .mx-md-30 {
         margin-left: 7.5rem !important;
    }
     .m-md-31 {
         margin: 7.75rem !important;
    }
     .mt-md-31, .my-md-31 {
         margin-top: 7.75rem !important;
    }
     .mr-md-31, .mx-md-31 {
         margin-right: 7.75rem !important;
    }
     .mb-md-31, .my-md-31 {
         margin-bottom: 7.75rem !important;
    }
     .ml-md-31, .mx-md-31 {
         margin-left: 7.75rem !important;
    }
     .m-md-32 {
         margin: 8rem !important;
    }
     .mt-md-32, .my-md-32 {
         margin-top: 8rem !important;
    }
     .mr-md-32, .mx-md-32 {
         margin-right: 8rem !important;
    }
     .mb-md-32, .my-md-32 {
         margin-bottom: 8rem !important;
    }
     .ml-md-32, .mx-md-32 {
         margin-left: 8rem !important;
    }
     .m-md-33 {
         margin: 8.25rem !important;
    }
     .mt-md-33, .my-md-33 {
         margin-top: 8.25rem !important;
    }
     .mr-md-33, .mx-md-33 {
         margin-right: 8.25rem !important;
    }
     .mb-md-33, .my-md-33 {
         margin-bottom: 8.25rem !important;
    }
     .ml-md-33, .mx-md-33 {
         margin-left: 8.25rem !important;
    }
     .m-md-34 {
         margin: 8.5rem !important;
    }
     .mt-md-34, .my-md-34 {
         margin-top: 8.5rem !important;
    }
     .mr-md-34, .mx-md-34 {
         margin-right: 8.5rem !important;
    }
     .mb-md-34, .my-md-34 {
         margin-bottom: 8.5rem !important;
    }
     .ml-md-34, .mx-md-34 {
         margin-left: 8.5rem !important;
    }
     .m-md-35 {
         margin: 8.75rem !important;
    }
     .mt-md-35, .my-md-35 {
         margin-top: 8.75rem !important;
    }
     .mr-md-35, .mx-md-35 {
         margin-right: 8.75rem !important;
    }
     .mb-md-35, .my-md-35 {
         margin-bottom: 8.75rem !important;
    }
     .ml-md-35, .mx-md-35 {
         margin-left: 8.75rem !important;
    }
     .m-md-36 {
         margin: 9rem !important;
    }
     .mt-md-36, .my-md-36 {
         margin-top: 9rem !important;
    }
     .mr-md-36, .mx-md-36 {
         margin-right: 9rem !important;
    }
     .mb-md-36, .my-md-36 {
         margin-bottom: 9rem !important;
    }
     .ml-md-36, .mx-md-36 {
         margin-left: 9rem !important;
    }
     .m-md-37 {
         margin: 9.25rem !important;
    }
     .mt-md-37, .my-md-37 {
         margin-top: 9.25rem !important;
    }
     .mr-md-37, .mx-md-37 {
         margin-right: 9.25rem !important;
    }
     .mb-md-37, .my-md-37 {
         margin-bottom: 9.25rem !important;
    }
     .ml-md-37, .mx-md-37 {
         margin-left: 9.25rem !important;
    }
     .m-md-48 {
         margin: 9.5rem !important;
    }
     .mt-md-48, .my-md-48 {
         margin-top: 9.5rem !important;
    }
     .mr-md-48, .mx-md-48 {
         margin-right: 9.5rem !important;
    }
     .mb-md-48, .my-md-48 {
         margin-bottom: 9.5rem !important;
    }
     .ml-md-48, .mx-md-48 {
         margin-left: 9.5rem !important;
    }
     .m-md-39 {
         margin: 9.75rem !important;
    }
     .mt-md-39, .my-md-39 {
         margin-top: 9.75rem !important;
    }
     .mr-md-39, .mx-md-39 {
         margin-right: 9.75rem !important;
    }
     .mb-md-39, .my-md-39 {
         margin-bottom: 9.75rem !important;
    }
     .ml-md-39, .mx-md-39 {
         margin-left: 9.75rem !important;
    }
     .m-md-40 {
         margin: 10rem !important;
    }
     .mt-md-40, .my-md-40 {
         margin-top: 10rem !important;
    }
     .mr-md-40, .mx-md-40 {
         margin-right: 10rem !important;
    }
     .mb-md-40, .my-md-40 {
         margin-bottom: 10rem !important;
    }
     .ml-md-40, .mx-md-40 {
         margin-left: 10rem !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: 0.75rem !important;
    }
     .pt-md-3, .py-md-3 {
         padding-top: 0.75rem !important;
    }
     .pr-md-3, .px-md-3 {
         padding-right: 0.75rem !important;
    }
     .pb-md-3, .py-md-3 {
         padding-bottom: 0.75rem !important;
    }
     .pl-md-3, .px-md-3 {
         padding-left: 0.75rem !important;
    }
     .p-md-4 {
         padding: 1rem !important;
    }
     .pt-md-4, .py-md-4 {
         padding-top: 1rem !important;
    }
     .pr-md-4, .px-md-4 {
         padding-right: 1rem !important;
    }
     .pb-md-4, .py-md-4 {
         padding-bottom: 1rem !important;
    }
     .pl-md-4, .px-md-4 {
         padding-left: 1rem !important;
    }
     .p-md-5 {
         padding: 1.25rem !important;
    }
     .pt-md-5, .py-md-5 {
         padding-top: 1.25rem !important;
    }
     .pr-md-5, .px-md-5 {
         padding-right: 1.25rem !important;
    }
     .pb-md-5, .py-md-5 {
         padding-bottom: 1.25rem !important;
    }
     .pl-md-5, .px-md-5 {
         padding-left: 1.25rem !important;
    }
     .p-md-6 {
         padding: 1.5rem !important;
    }
     .pt-md-6, .py-md-6 {
         padding-top: 1.5rem !important;
    }
     .pr-md-6, .px-md-6 {
         padding-right: 1.5rem !important;
    }
     .pb-md-6, .py-md-6 {
         padding-bottom: 1.5rem !important;
    }
     .pl-md-6, .px-md-6 {
         padding-left: 1.5rem !important;
    }
     .p-md-7 {
         padding: 1.75rem !important;
    }
     .pt-md-7, .py-md-7 {
         padding-top: 1.75rem !important;
    }
     .pr-md-7, .px-md-7 {
         padding-right: 1.75rem !important;
    }
     .pb-md-7, .py-md-7 {
         padding-bottom: 1.75rem !important;
    }
     .pl-md-7, .px-md-7 {
         padding-left: 1.75rem !important;
    }
     .p-md-8 {
         padding: 2rem !important;
    }
     .pt-md-8, .py-md-8 {
         padding-top: 2rem !important;
    }
     .pr-md-8, .px-md-8 {
         padding-right: 2rem !important;
    }
     .pb-md-8, .py-md-8 {
         padding-bottom: 2rem !important;
    }
     .pl-md-8, .px-md-8 {
         padding-left: 2rem !important;
    }
     .p-md-9 {
         padding: 2.25rem !important;
    }
     .pt-md-9, .py-md-9 {
         padding-top: 2.25rem !important;
    }
     .pr-md-9, .px-md-9 {
         padding-right: 2.25rem !important;
    }
     .pb-md-9, .py-md-9 {
         padding-bottom: 2.25rem !important;
    }
     .pl-md-9, .px-md-9 {
         padding-left: 2.25rem !important;
    }
     .p-md-10 {
         padding: 2.5rem !important;
    }
     .pt-md-10, .py-md-10 {
         padding-top: 2.5rem !important;
    }
     .pr-md-10, .px-md-10 {
         padding-right: 2.5rem !important;
    }
     .pb-md-10, .py-md-10 {
         padding-bottom: 2.5rem !important;
    }
     .pl-md-10, .px-md-10 {
         padding-left: 2.5rem !important;
    }
     .p-md-11 {
         padding: 2.75rem !important;
    }
     .pt-md-11, .py-md-11 {
         padding-top: 2.75rem !important;
    }
     .pr-md-11, .px-md-11 {
         padding-right: 2.75rem !important;
    }
     .pb-md-11, .py-md-11 {
         padding-bottom: 2.75rem !important;
    }
     .pl-md-11, .px-md-11 {
         padding-left: 2.75rem !important;
    }
     .p-md-12 {
         padding: 3rem !important;
    }
     .pt-md-12, .py-md-12 {
         padding-top: 3rem !important;
    }
     .pr-md-12, .px-md-12 {
         padding-right: 3rem !important;
    }
     .pb-md-12, .py-md-12 {
         padding-bottom: 3rem !important;
    }
     .pl-md-12, .px-md-12 {
         padding-left: 3rem !important;
    }
     .p-md-13 {
         padding: 3.25rem !important;
    }
     .pt-md-13, .py-md-13 {
         padding-top: 3.25rem !important;
    }
     .pr-md-13, .px-md-13 {
         padding-right: 3.25rem !important;
    }
     .pb-md-13, .py-md-13 {
         padding-bottom: 3.25rem !important;
    }
     .pl-md-13, .px-md-13 {
         padding-left: 3.25rem !important;
    }
     .p-md-14 {
         padding: 3.5rem !important;
    }
     .pt-md-14, .py-md-14 {
         padding-top: 3.5rem !important;
    }
     .pr-md-14, .px-md-14 {
         padding-right: 3.5rem !important;
    }
     .pb-md-14, .py-md-14 {
         padding-bottom: 3.5rem !important;
    }
     .pl-md-14, .px-md-14 {
         padding-left: 3.5rem !important;
    }
     .p-md-15 {
         padding: 3.75rem !important;
    }
     .pt-md-15, .py-md-15 {
         padding-top: 3.75rem !important;
    }
     .pr-md-15, .px-md-15 {
         padding-right: 3.75rem !important;
    }
     .pb-md-15, .py-md-15 {
         padding-bottom: 3.75rem !important;
    }
     .pl-md-15, .px-md-15 {
         padding-left: 3.75rem !important;
    }
     .p-md-16 {
         padding: 4rem !important;
    }
     .pt-md-16, .py-md-16 {
         padding-top: 4rem !important;
    }
     .pr-md-16, .px-md-16 {
         padding-right: 4rem !important;
    }
     .pb-md-16, .py-md-16 {
         padding-bottom: 4rem !important;
    }
     .pl-md-16, .px-md-16 {
         padding-left: 4rem !important;
    }
     .p-md-17 {
         padding: 4.25rem !important;
    }
     .pt-md-17, .py-md-17 {
         padding-top: 4.25rem !important;
    }
     .pr-md-17, .px-md-17 {
         padding-right: 4.25rem !important;
    }
     .pb-md-17, .py-md-17 {
         padding-bottom: 4.25rem !important;
    }
     .pl-md-17, .px-md-17 {
         padding-left: 4.25rem !important;
    }
     .p-md-18 {
         padding: 4.5rem !important;
    }
     .pt-md-18, .py-md-18 {
         padding-top: 4.5rem !important;
    }
     .pr-md-18, .px-md-18 {
         padding-right: 4.5rem !important;
    }
     .pb-md-18, .py-md-18 {
         padding-bottom: 4.5rem !important;
    }
     .pl-md-18, .px-md-18 {
         padding-left: 4.5rem !important;
    }
     .p-md-19 {
         padding: 4.75rem !important;
    }
     .pt-md-19, .py-md-19 {
         padding-top: 4.75rem !important;
    }
     .pr-md-19, .px-md-19 {
         padding-right: 4.75rem !important;
    }
     .pb-md-19, .py-md-19 {
         padding-bottom: 4.75rem !important;
    }
     .pl-md-19, .px-md-19 {
         padding-left: 4.75rem !important;
    }
     .p-md-20 {
         padding: 5rem !important;
    }
     .pt-md-20, .py-md-20 {
         padding-top: 5rem !important;
    }
     .pr-md-20, .px-md-20 {
         padding-right: 5rem !important;
    }
     .pb-md-20, .py-md-20 {
         padding-bottom: 5rem !important;
    }
     .pl-md-20, .px-md-20 {
         padding-left: 5rem !important;
    }
     .p-md-21 {
         padding: 5.25rem !important;
    }
     .pt-md-21, .py-md-21 {
         padding-top: 5.25rem !important;
    }
     .pr-md-21, .px-md-21 {
         padding-right: 5.25rem !important;
    }
     .pb-md-21, .py-md-21 {
         padding-bottom: 5.25rem !important;
    }
     .pl-md-21, .px-md-21 {
         padding-left: 5.25rem !important;
    }
     .p-md-22 {
         padding: 5.5rem !important;
    }
     .pt-md-22, .py-md-22 {
         padding-top: 5.5rem !important;
    }
     .pr-md-22, .px-md-22 {
         padding-right: 5.5rem !important;
    }
     .pb-md-22, .py-md-22 {
         padding-bottom: 5.5rem !important;
    }
     .pl-md-22, .px-md-22 {
         padding-left: 5.5rem !important;
    }
     .p-md-23 {
         padding: 5.75rem !important;
    }
     .pt-md-23, .py-md-23 {
         padding-top: 5.75rem !important;
    }
     .pr-md-23, .px-md-23 {
         padding-right: 5.75rem !important;
    }
     .pb-md-23, .py-md-23 {
         padding-bottom: 5.75rem !important;
    }
     .pl-md-23, .px-md-23 {
         padding-left: 5.75rem !important;
    }
     .p-md-24 {
         padding: 6rem !important;
    }
     .pt-md-24, .py-md-24 {
         padding-top: 6rem !important;
    }
     .pr-md-24, .px-md-24 {
         padding-right: 6rem !important;
    }
     .pb-md-24, .py-md-24 {
         padding-bottom: 6rem !important;
    }
     .pl-md-24, .px-md-24 {
         padding-left: 6rem !important;
    }
     .p-md-25 {
         padding: 6.25rem !important;
    }
     .pt-md-25, .py-md-25 {
         padding-top: 6.25rem !important;
    }
     .pr-md-25, .px-md-25 {
         padding-right: 6.25rem !important;
    }
     .pb-md-25, .py-md-25 {
         padding-bottom: 6.25rem !important;
    }
     .pl-md-25, .px-md-25 {
         padding-left: 6.25rem !important;
    }
     .p-md-26 {
         padding: 6.5rem !important;
    }
     .pt-md-26, .py-md-26 {
         padding-top: 6.5rem !important;
    }
     .pr-md-26, .px-md-26 {
         padding-right: 6.5rem !important;
    }
     .pb-md-26, .py-md-26 {
         padding-bottom: 6.5rem !important;
    }
     .pl-md-26, .px-md-26 {
         padding-left: 6.5rem !important;
    }
     .p-md-27 {
         padding: 6.75rem !important;
    }
     .pt-md-27, .py-md-27 {
         padding-top: 6.75rem !important;
    }
     .pr-md-27, .px-md-27 {
         padding-right: 6.75rem !important;
    }
     .pb-md-27, .py-md-27 {
         padding-bottom: 6.75rem !important;
    }
     .pl-md-27, .px-md-27 {
         padding-left: 6.75rem !important;
    }
     .p-md-28 {
         padding: 7rem !important;
    }
     .pt-md-28, .py-md-28 {
         padding-top: 7rem !important;
    }
     .pr-md-28, .px-md-28 {
         padding-right: 7rem !important;
    }
     .pb-md-28, .py-md-28 {
         padding-bottom: 7rem !important;
    }
     .pl-md-28, .px-md-28 {
         padding-left: 7rem !important;
    }
     .p-md-29 {
         padding: 7.25rem !important;
    }
     .pt-md-29, .py-md-29 {
         padding-top: 7.25rem !important;
    }
     .pr-md-29, .px-md-29 {
         padding-right: 7.25rem !important;
    }
     .pb-md-29, .py-md-29 {
         padding-bottom: 7.25rem !important;
    }
     .pl-md-29, .px-md-29 {
         padding-left: 7.25rem !important;
    }
     .p-md-30 {
         padding: 7.5rem !important;
    }
     .pt-md-30, .py-md-30 {
         padding-top: 7.5rem !important;
    }
     .pr-md-30, .px-md-30 {
         padding-right: 7.5rem !important;
    }
     .pb-md-30, .py-md-30 {
         padding-bottom: 7.5rem !important;
    }
     .pl-md-30, .px-md-30 {
         padding-left: 7.5rem !important;
    }
     .p-md-31 {
         padding: 7.75rem !important;
    }
     .pt-md-31, .py-md-31 {
         padding-top: 7.75rem !important;
    }
     .pr-md-31, .px-md-31 {
         padding-right: 7.75rem !important;
    }
     .pb-md-31, .py-md-31 {
         padding-bottom: 7.75rem !important;
    }
     .pl-md-31, .px-md-31 {
         padding-left: 7.75rem !important;
    }
     .p-md-32 {
         padding: 8rem !important;
    }
     .pt-md-32, .py-md-32 {
         padding-top: 8rem !important;
    }
     .pr-md-32, .px-md-32 {
         padding-right: 8rem !important;
    }
     .pb-md-32, .py-md-32 {
         padding-bottom: 8rem !important;
    }
     .pl-md-32, .px-md-32 {
         padding-left: 8rem !important;
    }
     .p-md-33 {
         padding: 8.25rem !important;
    }
     .pt-md-33, .py-md-33 {
         padding-top: 8.25rem !important;
    }
     .pr-md-33, .px-md-33 {
         padding-right: 8.25rem !important;
    }
     .pb-md-33, .py-md-33 {
         padding-bottom: 8.25rem !important;
    }
     .pl-md-33, .px-md-33 {
         padding-left: 8.25rem !important;
    }
     .p-md-34 {
         padding: 8.5rem !important;
    }
     .pt-md-34, .py-md-34 {
         padding-top: 8.5rem !important;
    }
     .pr-md-34, .px-md-34 {
         padding-right: 8.5rem !important;
    }
     .pb-md-34, .py-md-34 {
         padding-bottom: 8.5rem !important;
    }
     .pl-md-34, .px-md-34 {
         padding-left: 8.5rem !important;
    }
     .p-md-35 {
         padding: 8.75rem !important;
    }
     .pt-md-35, .py-md-35 {
         padding-top: 8.75rem !important;
    }
     .pr-md-35, .px-md-35 {
         padding-right: 8.75rem !important;
    }
     .pb-md-35, .py-md-35 {
         padding-bottom: 8.75rem !important;
    }
     .pl-md-35, .px-md-35 {
         padding-left: 8.75rem !important;
    }
     .p-md-36 {
         padding: 9rem !important;
    }
     .pt-md-36, .py-md-36 {
         padding-top: 9rem !important;
    }
     .pr-md-36, .px-md-36 {
         padding-right: 9rem !important;
    }
     .pb-md-36, .py-md-36 {
         padding-bottom: 9rem !important;
    }
     .pl-md-36, .px-md-36 {
         padding-left: 9rem !important;
    }
     .p-md-37 {
         padding: 9.25rem !important;
    }
     .pt-md-37, .py-md-37 {
         padding-top: 9.25rem !important;
    }
     .pr-md-37, .px-md-37 {
         padding-right: 9.25rem !important;
    }
     .pb-md-37, .py-md-37 {
         padding-bottom: 9.25rem !important;
    }
     .pl-md-37, .px-md-37 {
         padding-left: 9.25rem !important;
    }
     .p-md-48 {
         padding: 9.5rem !important;
    }
     .pt-md-48, .py-md-48 {
         padding-top: 9.5rem !important;
    }
     .pr-md-48, .px-md-48 {
         padding-right: 9.5rem !important;
    }
     .pb-md-48, .py-md-48 {
         padding-bottom: 9.5rem !important;
    }
     .pl-md-48, .px-md-48 {
         padding-left: 9.5rem !important;
    }
     .p-md-39 {
         padding: 9.75rem !important;
    }
     .pt-md-39, .py-md-39 {
         padding-top: 9.75rem !important;
    }
     .pr-md-39, .px-md-39 {
         padding-right: 9.75rem !important;
    }
     .pb-md-39, .py-md-39 {
         padding-bottom: 9.75rem !important;
    }
     .pl-md-39, .px-md-39 {
         padding-left: 9.75rem !important;
    }
     .p-md-40 {
         padding: 10rem !important;
    }
     .pt-md-40, .py-md-40 {
         padding-top: 10rem !important;
    }
     .pr-md-40, .px-md-40 {
         padding-right: 10rem !important;
    }
     .pb-md-40, .py-md-40 {
         padding-bottom: 10rem !important;
    }
     .pl-md-40, .px-md-40 {
         padding-left: 10rem !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: -0.75rem !important;
    }
     .mt-md-n3, .my-md-n3 {
         margin-top: -0.75rem !important;
    }
     .mr-md-n3, .mx-md-n3 {
         margin-right: -0.75rem !important;
    }
     .mb-md-n3, .my-md-n3 {
         margin-bottom: -0.75rem !important;
    }
     .ml-md-n3, .mx-md-n3 {
         margin-left: -0.75rem !important;
    }
     .m-md-n4 {
         margin: -1rem !important;
    }
     .mt-md-n4, .my-md-n4 {
         margin-top: -1rem !important;
    }
     .mr-md-n4, .mx-md-n4 {
         margin-right: -1rem !important;
    }
     .mb-md-n4, .my-md-n4 {
         margin-bottom: -1rem !important;
    }
     .ml-md-n4, .mx-md-n4 {
         margin-left: -1rem !important;
    }
     .m-md-n5 {
         margin: -1.25rem !important;
    }
     .mt-md-n5, .my-md-n5 {
         margin-top: -1.25rem !important;
    }
     .mr-md-n5, .mx-md-n5 {
         margin-right: -1.25rem !important;
    }
     .mb-md-n5, .my-md-n5 {
         margin-bottom: -1.25rem !important;
    }
     .ml-md-n5, .mx-md-n5 {
         margin-left: -1.25rem !important;
    }
     .m-md-n6 {
         margin: -1.5rem !important;
    }
     .mt-md-n6, .my-md-n6 {
         margin-top: -1.5rem !important;
    }
     .mr-md-n6, .mx-md-n6 {
         margin-right: -1.5rem !important;
    }
     .mb-md-n6, .my-md-n6 {
         margin-bottom: -1.5rem !important;
    }
     .ml-md-n6, .mx-md-n6 {
         margin-left: -1.5rem !important;
    }
     .m-md-n7 {
         margin: -1.75rem !important;
    }
     .mt-md-n7, .my-md-n7 {
         margin-top: -1.75rem !important;
    }
     .mr-md-n7, .mx-md-n7 {
         margin-right: -1.75rem !important;
    }
     .mb-md-n7, .my-md-n7 {
         margin-bottom: -1.75rem !important;
    }
     .ml-md-n7, .mx-md-n7 {
         margin-left: -1.75rem !important;
    }
     .m-md-n8 {
         margin: -2rem !important;
    }
     .mt-md-n8, .my-md-n8 {
         margin-top: -2rem !important;
    }
     .mr-md-n8, .mx-md-n8 {
         margin-right: -2rem !important;
    }
     .mb-md-n8, .my-md-n8 {
         margin-bottom: -2rem !important;
    }
     .ml-md-n8, .mx-md-n8 {
         margin-left: -2rem !important;
    }
     .m-md-n9 {
         margin: -2.25rem !important;
    }
     .mt-md-n9, .my-md-n9 {
         margin-top: -2.25rem !important;
    }
     .mr-md-n9, .mx-md-n9 {
         margin-right: -2.25rem !important;
    }
     .mb-md-n9, .my-md-n9 {
         margin-bottom: -2.25rem !important;
    }
     .ml-md-n9, .mx-md-n9 {
         margin-left: -2.25rem !important;
    }
     .m-md-n10 {
         margin: -2.5rem !important;
    }
     .mt-md-n10, .my-md-n10 {
         margin-top: -2.5rem !important;
    }
     .mr-md-n10, .mx-md-n10 {
         margin-right: -2.5rem !important;
    }
     .mb-md-n10, .my-md-n10 {
         margin-bottom: -2.5rem !important;
    }
     .ml-md-n10, .mx-md-n10 {
         margin-left: -2.5rem !important;
    }
     .m-md-n11 {
         margin: -2.75rem !important;
    }
     .mt-md-n11, .my-md-n11 {
         margin-top: -2.75rem !important;
    }
     .mr-md-n11, .mx-md-n11 {
         margin-right: -2.75rem !important;
    }
     .mb-md-n11, .my-md-n11 {
         margin-bottom: -2.75rem !important;
    }
     .ml-md-n11, .mx-md-n11 {
         margin-left: -2.75rem !important;
    }
     .m-md-n12 {
         margin: -3rem !important;
    }
     .mt-md-n12, .my-md-n12 {
         margin-top: -3rem !important;
    }
     .mr-md-n12, .mx-md-n12 {
         margin-right: -3rem !important;
    }
     .mb-md-n12, .my-md-n12 {
         margin-bottom: -3rem !important;
    }
     .ml-md-n12, .mx-md-n12 {
         margin-left: -3rem !important;
    }
     .m-md-n13 {
         margin: -3.25rem !important;
    }
     .mt-md-n13, .my-md-n13 {
         margin-top: -3.25rem !important;
    }
     .mr-md-n13, .mx-md-n13 {
         margin-right: -3.25rem !important;
    }
     .mb-md-n13, .my-md-n13 {
         margin-bottom: -3.25rem !important;
    }
     .ml-md-n13, .mx-md-n13 {
         margin-left: -3.25rem !important;
    }
     .m-md-n14 {
         margin: -3.5rem !important;
    }
     .mt-md-n14, .my-md-n14 {
         margin-top: -3.5rem !important;
    }
     .mr-md-n14, .mx-md-n14 {
         margin-right: -3.5rem !important;
    }
     .mb-md-n14, .my-md-n14 {
         margin-bottom: -3.5rem !important;
    }
     .ml-md-n14, .mx-md-n14 {
         margin-left: -3.5rem !important;
    }
     .m-md-n15 {
         margin: -3.75rem !important;
    }
     .mt-md-n15, .my-md-n15 {
         margin-top: -3.75rem !important;
    }
     .mr-md-n15, .mx-md-n15 {
         margin-right: -3.75rem !important;
    }
     .mb-md-n15, .my-md-n15 {
         margin-bottom: -3.75rem !important;
    }
     .ml-md-n15, .mx-md-n15 {
         margin-left: -3.75rem !important;
    }
     .m-md-n16 {
         margin: -4rem !important;
    }
     .mt-md-n16, .my-md-n16 {
         margin-top: -4rem !important;
    }
     .mr-md-n16, .mx-md-n16 {
         margin-right: -4rem !important;
    }
     .mb-md-n16, .my-md-n16 {
         margin-bottom: -4rem !important;
    }
     .ml-md-n16, .mx-md-n16 {
         margin-left: -4rem !important;
    }
     .m-md-n17 {
         margin: -4.25rem !important;
    }
     .mt-md-n17, .my-md-n17 {
         margin-top: -4.25rem !important;
    }
     .mr-md-n17, .mx-md-n17 {
         margin-right: -4.25rem !important;
    }
     .mb-md-n17, .my-md-n17 {
         margin-bottom: -4.25rem !important;
    }
     .ml-md-n17, .mx-md-n17 {
         margin-left: -4.25rem !important;
    }
     .m-md-n18 {
         margin: -4.5rem !important;
    }
     .mt-md-n18, .my-md-n18 {
         margin-top: -4.5rem !important;
    }
     .mr-md-n18, .mx-md-n18 {
         margin-right: -4.5rem !important;
    }
     .mb-md-n18, .my-md-n18 {
         margin-bottom: -4.5rem !important;
    }
     .ml-md-n18, .mx-md-n18 {
         margin-left: -4.5rem !important;
    }
     .m-md-n19 {
         margin: -4.75rem !important;
    }
     .mt-md-n19, .my-md-n19 {
         margin-top: -4.75rem !important;
    }
     .mr-md-n19, .mx-md-n19 {
         margin-right: -4.75rem !important;
    }
     .mb-md-n19, .my-md-n19 {
         margin-bottom: -4.75rem !important;
    }
     .ml-md-n19, .mx-md-n19 {
         margin-left: -4.75rem !important;
    }
     .m-md-n20 {
         margin: -5rem !important;
    }
     .mt-md-n20, .my-md-n20 {
         margin-top: -5rem !important;
    }
     .mr-md-n20, .mx-md-n20 {
         margin-right: -5rem !important;
    }
     .mb-md-n20, .my-md-n20 {
         margin-bottom: -5rem !important;
    }
     .ml-md-n20, .mx-md-n20 {
         margin-left: -5rem !important;
    }
     .m-md-n21 {
         margin: -5.25rem !important;
    }
     .mt-md-n21, .my-md-n21 {
         margin-top: -5.25rem !important;
    }
     .mr-md-n21, .mx-md-n21 {
         margin-right: -5.25rem !important;
    }
     .mb-md-n21, .my-md-n21 {
         margin-bottom: -5.25rem !important;
    }
     .ml-md-n21, .mx-md-n21 {
         margin-left: -5.25rem !important;
    }
     .m-md-n22 {
         margin: -5.5rem !important;
    }
     .mt-md-n22, .my-md-n22 {
         margin-top: -5.5rem !important;
    }
     .mr-md-n22, .mx-md-n22 {
         margin-right: -5.5rem !important;
    }
     .mb-md-n22, .my-md-n22 {
         margin-bottom: -5.5rem !important;
    }
     .ml-md-n22, .mx-md-n22 {
         margin-left: -5.5rem !important;
    }
     .m-md-n23 {
         margin: -5.75rem !important;
    }
     .mt-md-n23, .my-md-n23 {
         margin-top: -5.75rem !important;
    }
     .mr-md-n23, .mx-md-n23 {
         margin-right: -5.75rem !important;
    }
     .mb-md-n23, .my-md-n23 {
         margin-bottom: -5.75rem !important;
    }
     .ml-md-n23, .mx-md-n23 {
         margin-left: -5.75rem !important;
    }
     .m-md-n24 {
         margin: -6rem !important;
    }
     .mt-md-n24, .my-md-n24 {
         margin-top: -6rem !important;
    }
     .mr-md-n24, .mx-md-n24 {
         margin-right: -6rem !important;
    }
     .mb-md-n24, .my-md-n24 {
         margin-bottom: -6rem !important;
    }
     .ml-md-n24, .mx-md-n24 {
         margin-left: -6rem !important;
    }
     .m-md-n25 {
         margin: -6.25rem !important;
    }
     .mt-md-n25, .my-md-n25 {
         margin-top: -6.25rem !important;
    }
     .mr-md-n25, .mx-md-n25 {
         margin-right: -6.25rem !important;
    }
     .mb-md-n25, .my-md-n25 {
         margin-bottom: -6.25rem !important;
    }
     .ml-md-n25, .mx-md-n25 {
         margin-left: -6.25rem !important;
    }
     .m-md-n26 {
         margin: -6.5rem !important;
    }
     .mt-md-n26, .my-md-n26 {
         margin-top: -6.5rem !important;
    }
     .mr-md-n26, .mx-md-n26 {
         margin-right: -6.5rem !important;
    }
     .mb-md-n26, .my-md-n26 {
         margin-bottom: -6.5rem !important;
    }
     .ml-md-n26, .mx-md-n26 {
         margin-left: -6.5rem !important;
    }
     .m-md-n27 {
         margin: -6.75rem !important;
    }
     .mt-md-n27, .my-md-n27 {
         margin-top: -6.75rem !important;
    }
     .mr-md-n27, .mx-md-n27 {
         margin-right: -6.75rem !important;
    }
     .mb-md-n27, .my-md-n27 {
         margin-bottom: -6.75rem !important;
    }
     .ml-md-n27, .mx-md-n27 {
         margin-left: -6.75rem !important;
    }
     .m-md-n28 {
         margin: -7rem !important;
    }
     .mt-md-n28, .my-md-n28 {
         margin-top: -7rem !important;
    }
     .mr-md-n28, .mx-md-n28 {
         margin-right: -7rem !important;
    }
     .mb-md-n28, .my-md-n28 {
         margin-bottom: -7rem !important;
    }
     .ml-md-n28, .mx-md-n28 {
         margin-left: -7rem !important;
    }
     .m-md-n29 {
         margin: -7.25rem !important;
    }
     .mt-md-n29, .my-md-n29 {
         margin-top: -7.25rem !important;
    }
     .mr-md-n29, .mx-md-n29 {
         margin-right: -7.25rem !important;
    }
     .mb-md-n29, .my-md-n29 {
         margin-bottom: -7.25rem !important;
    }
     .ml-md-n29, .mx-md-n29 {
         margin-left: -7.25rem !important;
    }
     .m-md-n30 {
         margin: -7.5rem !important;
    }
     .mt-md-n30, .my-md-n30 {
         margin-top: -7.5rem !important;
    }
     .mr-md-n30, .mx-md-n30 {
         margin-right: -7.5rem !important;
    }
     .mb-md-n30, .my-md-n30 {
         margin-bottom: -7.5rem !important;
    }
     .ml-md-n30, .mx-md-n30 {
         margin-left: -7.5rem !important;
    }
     .m-md-n31 {
         margin: -7.75rem !important;
    }
     .mt-md-n31, .my-md-n31 {
         margin-top: -7.75rem !important;
    }
     .mr-md-n31, .mx-md-n31 {
         margin-right: -7.75rem !important;
    }
     .mb-md-n31, .my-md-n31 {
         margin-bottom: -7.75rem !important;
    }
     .ml-md-n31, .mx-md-n31 {
         margin-left: -7.75rem !important;
    }
     .m-md-n32 {
         margin: -8rem !important;
    }
     .mt-md-n32, .my-md-n32 {
         margin-top: -8rem !important;
    }
     .mr-md-n32, .mx-md-n32 {
         margin-right: -8rem !important;
    }
     .mb-md-n32, .my-md-n32 {
         margin-bottom: -8rem !important;
    }
     .ml-md-n32, .mx-md-n32 {
         margin-left: -8rem !important;
    }
     .m-md-n33 {
         margin: -8.25rem !important;
    }
     .mt-md-n33, .my-md-n33 {
         margin-top: -8.25rem !important;
    }
     .mr-md-n33, .mx-md-n33 {
         margin-right: -8.25rem !important;
    }
     .mb-md-n33, .my-md-n33 {
         margin-bottom: -8.25rem !important;
    }
     .ml-md-n33, .mx-md-n33 {
         margin-left: -8.25rem !important;
    }
     .m-md-n34 {
         margin: -8.5rem !important;
    }
     .mt-md-n34, .my-md-n34 {
         margin-top: -8.5rem !important;
    }
     .mr-md-n34, .mx-md-n34 {
         margin-right: -8.5rem !important;
    }
     .mb-md-n34, .my-md-n34 {
         margin-bottom: -8.5rem !important;
    }
     .ml-md-n34, .mx-md-n34 {
         margin-left: -8.5rem !important;
    }
     .m-md-n35 {
         margin: -8.75rem !important;
    }
     .mt-md-n35, .my-md-n35 {
         margin-top: -8.75rem !important;
    }
     .mr-md-n35, .mx-md-n35 {
         margin-right: -8.75rem !important;
    }
     .mb-md-n35, .my-md-n35 {
         margin-bottom: -8.75rem !important;
    }
     .ml-md-n35, .mx-md-n35 {
         margin-left: -8.75rem !important;
    }
     .m-md-n36 {
         margin: -9rem !important;
    }
     .mt-md-n36, .my-md-n36 {
         margin-top: -9rem !important;
    }
     .mr-md-n36, .mx-md-n36 {
         margin-right: -9rem !important;
    }
     .mb-md-n36, .my-md-n36 {
         margin-bottom: -9rem !important;
    }
     .ml-md-n36, .mx-md-n36 {
         margin-left: -9rem !important;
    }
     .m-md-n37 {
         margin: -9.25rem !important;
    }
     .mt-md-n37, .my-md-n37 {
         margin-top: -9.25rem !important;
    }
     .mr-md-n37, .mx-md-n37 {
         margin-right: -9.25rem !important;
    }
     .mb-md-n37, .my-md-n37 {
         margin-bottom: -9.25rem !important;
    }
     .ml-md-n37, .mx-md-n37 {
         margin-left: -9.25rem !important;
    }
     .m-md-n48 {
         margin: -9.5rem !important;
    }
     .mt-md-n48, .my-md-n48 {
         margin-top: -9.5rem !important;
    }
     .mr-md-n48, .mx-md-n48 {
         margin-right: -9.5rem !important;
    }
     .mb-md-n48, .my-md-n48 {
         margin-bottom: -9.5rem !important;
    }
     .ml-md-n48, .mx-md-n48 {
         margin-left: -9.5rem !important;
    }
     .m-md-n39 {
         margin: -9.75rem !important;
    }
     .mt-md-n39, .my-md-n39 {
         margin-top: -9.75rem !important;
    }
     .mr-md-n39, .mx-md-n39 {
         margin-right: -9.75rem !important;
    }
     .mb-md-n39, .my-md-n39 {
         margin-bottom: -9.75rem !important;
    }
     .ml-md-n39, .mx-md-n39 {
         margin-left: -9.75rem !important;
    }
     .m-md-n40 {
         margin: -10rem !important;
    }
     .mt-md-n40, .my-md-n40 {
         margin-top: -10rem !important;
    }
     .mr-md-n40, .mx-md-n40 {
         margin-right: -10rem !important;
    }
     .mb-md-n40, .my-md-n40 {
         margin-bottom: -10rem !important;
    }
     .ml-md-n40, .mx-md-n40 {
         margin-left: -10rem !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: 0.75rem !important;
    }
     .mt-lg-3, .my-lg-3 {
         margin-top: 0.75rem !important;
    }
     .mr-lg-3, .mx-lg-3 {
         margin-right: 0.75rem !important;
    }
     .mb-lg-3, .my-lg-3 {
         margin-bottom: 0.75rem !important;
    }
     .ml-lg-3, .mx-lg-3 {
         margin-left: 0.75rem !important;
    }
     .m-lg-4 {
         margin: 1rem !important;
    }
     .mt-lg-4, .my-lg-4 {
         margin-top: 1rem !important;
    }
     .mr-lg-4, .mx-lg-4 {
         margin-right: 1rem !important;
    }
     .mb-lg-4, .my-lg-4 {
         margin-bottom: 1rem !important;
    }
     .ml-lg-4, .mx-lg-4 {
         margin-left: 1rem !important;
    }
     .m-lg-5 {
         margin: 1.25rem !important;
    }
     .mt-lg-5, .my-lg-5 {
         margin-top: 1.25rem !important;
    }
     .mr-lg-5, .mx-lg-5 {
         margin-right: 1.25rem !important;
    }
     .mb-lg-5, .my-lg-5 {
         margin-bottom: 1.25rem !important;
    }
     .ml-lg-5, .mx-lg-5 {
         margin-left: 1.25rem !important;
    }
     .m-lg-6 {
         margin: 1.5rem !important;
    }
     .mt-lg-6, .my-lg-6 {
         margin-top: 1.5rem !important;
    }
     .mr-lg-6, .mx-lg-6 {
         margin-right: 1.5rem !important;
    }
     .mb-lg-6, .my-lg-6 {
         margin-bottom: 1.5rem !important;
    }
     .ml-lg-6, .mx-lg-6 {
         margin-left: 1.5rem !important;
    }
     .m-lg-7 {
         margin: 1.75rem !important;
    }
     .mt-lg-7, .my-lg-7 {
         margin-top: 1.75rem !important;
    }
     .mr-lg-7, .mx-lg-7 {
         margin-right: 1.75rem !important;
    }
     .mb-lg-7, .my-lg-7 {
         margin-bottom: 1.75rem !important;
    }
     .ml-lg-7, .mx-lg-7 {
         margin-left: 1.75rem !important;
    }
     .m-lg-8 {
         margin: 2rem !important;
    }
     .mt-lg-8, .my-lg-8 {
         margin-top: 2rem !important;
    }
     .mr-lg-8, .mx-lg-8 {
         margin-right: 2rem !important;
    }
     .mb-lg-8, .my-lg-8 {
         margin-bottom: 2rem !important;
    }
     .ml-lg-8, .mx-lg-8 {
         margin-left: 2rem !important;
    }
     .m-lg-9 {
         margin: 2.25rem !important;
    }
     .mt-lg-9, .my-lg-9 {
         margin-top: 2.25rem !important;
    }
     .mr-lg-9, .mx-lg-9 {
         margin-right: 2.25rem !important;
    }
     .mb-lg-9, .my-lg-9 {
         margin-bottom: 2.25rem !important;
    }
     .ml-lg-9, .mx-lg-9 {
         margin-left: 2.25rem !important;
    }
     .m-lg-10 {
         margin: 2.5rem !important;
    }
     .mt-lg-10, .my-lg-10 {
         margin-top: 2.5rem !important;
    }
     .mr-lg-10, .mx-lg-10 {
         margin-right: 2.5rem !important;
    }
     .mb-lg-10, .my-lg-10 {
         margin-bottom: 2.5rem !important;
    }
     .ml-lg-10, .mx-lg-10 {
         margin-left: 2.5rem !important;
    }
     .m-lg-11 {
         margin: 2.75rem !important;
    }
     .mt-lg-11, .my-lg-11 {
         margin-top: 2.75rem !important;
    }
     .mr-lg-11, .mx-lg-11 {
         margin-right: 2.75rem !important;
    }
     .mb-lg-11, .my-lg-11 {
         margin-bottom: 2.75rem !important;
    }
     .ml-lg-11, .mx-lg-11 {
         margin-left: 2.75rem !important;
    }
     .m-lg-12 {
         margin: 3rem !important;
    }
     .mt-lg-12, .my-lg-12 {
         margin-top: 3rem !important;
    }
     .mr-lg-12, .mx-lg-12 {
         margin-right: 3rem !important;
    }
     .mb-lg-12, .my-lg-12 {
         margin-bottom: 3rem !important;
    }
     .ml-lg-12, .mx-lg-12 {
         margin-left: 3rem !important;
    }
     .m-lg-13 {
         margin: 3.25rem !important;
    }
     .mt-lg-13, .my-lg-13 {
         margin-top: 3.25rem !important;
    }
     .mr-lg-13, .mx-lg-13 {
         margin-right: 3.25rem !important;
    }
     .mb-lg-13, .my-lg-13 {
         margin-bottom: 3.25rem !important;
    }
     .ml-lg-13, .mx-lg-13 {
         margin-left: 3.25rem !important;
    }
     .m-lg-14 {
         margin: 3.5rem !important;
    }
     .mt-lg-14, .my-lg-14 {
         margin-top: 3.5rem !important;
    }
     .mr-lg-14, .mx-lg-14 {
         margin-right: 3.5rem !important;
    }
     .mb-lg-14, .my-lg-14 {
         margin-bottom: 3.5rem !important;
    }
     .ml-lg-14, .mx-lg-14 {
         margin-left: 3.5rem !important;
    }
     .m-lg-15 {
         margin: 3.75rem !important;
    }
     .mt-lg-15, .my-lg-15 {
         margin-top: 3.75rem !important;
    }
     .mr-lg-15, .mx-lg-15 {
         margin-right: 3.75rem !important;
    }
     .mb-lg-15, .my-lg-15 {
         margin-bottom: 3.75rem !important;
    }
     .ml-lg-15, .mx-lg-15 {
         margin-left: 3.75rem !important;
    }
     .m-lg-16 {
         margin: 4rem !important;
    }
     .mt-lg-16, .my-lg-16 {
         margin-top: 4rem !important;
    }
     .mr-lg-16, .mx-lg-16 {
         margin-right: 4rem !important;
    }
     .mb-lg-16, .my-lg-16 {
         margin-bottom: 4rem !important;
    }
     .ml-lg-16, .mx-lg-16 {
         margin-left: 4rem !important;
    }
     .m-lg-17 {
         margin: 4.25rem !important;
    }
     .mt-lg-17, .my-lg-17 {
         margin-top: 4.25rem !important;
    }
     .mr-lg-17, .mx-lg-17 {
         margin-right: 4.25rem !important;
    }
     .mb-lg-17, .my-lg-17 {
         margin-bottom: 4.25rem !important;
    }
     .ml-lg-17, .mx-lg-17 {
         margin-left: 4.25rem !important;
    }
     .m-lg-18 {
         margin: 4.5rem !important;
    }
     .mt-lg-18, .my-lg-18 {
         margin-top: 4.5rem !important;
    }
     .mr-lg-18, .mx-lg-18 {
         margin-right: 4.5rem !important;
    }
     .mb-lg-18, .my-lg-18 {
         margin-bottom: 4.5rem !important;
    }
     .ml-lg-18, .mx-lg-18 {
         margin-left: 4.5rem !important;
    }
     .m-lg-19 {
         margin: 4.75rem !important;
    }
     .mt-lg-19, .my-lg-19 {
         margin-top: 4.75rem !important;
    }
     .mr-lg-19, .mx-lg-19 {
         margin-right: 4.75rem !important;
    }
     .mb-lg-19, .my-lg-19 {
         margin-bottom: 4.75rem !important;
    }
     .ml-lg-19, .mx-lg-19 {
         margin-left: 4.75rem !important;
    }
     .m-lg-20 {
         margin: 5rem !important;
    }
     .mt-lg-20, .my-lg-20 {
         margin-top: 5rem !important;
    }
     .mr-lg-20, .mx-lg-20 {
         margin-right: 5rem !important;
    }
     .mb-lg-20, .my-lg-20 {
         margin-bottom: 5rem !important;
    }
     .ml-lg-20, .mx-lg-20 {
         margin-left: 5rem !important;
    }
     .m-lg-21 {
         margin: 5.25rem !important;
    }
     .mt-lg-21, .my-lg-21 {
         margin-top: 5.25rem !important;
    }
     .mr-lg-21, .mx-lg-21 {
         margin-right: 5.25rem !important;
    }
     .mb-lg-21, .my-lg-21 {
         margin-bottom: 5.25rem !important;
    }
     .ml-lg-21, .mx-lg-21 {
         margin-left: 5.25rem !important;
    }
     .m-lg-22 {
         margin: 5.5rem !important;
    }
     .mt-lg-22, .my-lg-22 {
         margin-top: 5.5rem !important;
    }
     .mr-lg-22, .mx-lg-22 {
         margin-right: 5.5rem !important;
    }
     .mb-lg-22, .my-lg-22 {
         margin-bottom: 5.5rem !important;
    }
     .ml-lg-22, .mx-lg-22 {
         margin-left: 5.5rem !important;
    }
     .m-lg-23 {
         margin: 5.75rem !important;
    }
     .mt-lg-23, .my-lg-23 {
         margin-top: 5.75rem !important;
    }
     .mr-lg-23, .mx-lg-23 {
         margin-right: 5.75rem !important;
    }
     .mb-lg-23, .my-lg-23 {
         margin-bottom: 5.75rem !important;
    }
     .ml-lg-23, .mx-lg-23 {
         margin-left: 5.75rem !important;
    }
     .m-lg-24 {
         margin: 6rem !important;
    }
     .mt-lg-24, .my-lg-24 {
         margin-top: 6rem !important;
    }
     .mr-lg-24, .mx-lg-24 {
         margin-right: 6rem !important;
    }
     .mb-lg-24, .my-lg-24 {
         margin-bottom: 6rem !important;
    }
     .ml-lg-24, .mx-lg-24 {
         margin-left: 6rem !important;
    }
     .m-lg-25 {
         margin: 6.25rem !important;
    }
     .mt-lg-25, .my-lg-25 {
         margin-top: 6.25rem !important;
    }
     .mr-lg-25, .mx-lg-25 {
         margin-right: 6.25rem !important;
    }
     .mb-lg-25, .my-lg-25 {
         margin-bottom: 6.25rem !important;
    }
     .ml-lg-25, .mx-lg-25 {
         margin-left: 6.25rem !important;
    }
     .m-lg-26 {
         margin: 6.5rem !important;
    }
     .mt-lg-26, .my-lg-26 {
         margin-top: 6.5rem !important;
    }
     .mr-lg-26, .mx-lg-26 {
         margin-right: 6.5rem !important;
    }
     .mb-lg-26, .my-lg-26 {
         margin-bottom: 6.5rem !important;
    }
     .ml-lg-26, .mx-lg-26 {
         margin-left: 6.5rem !important;
    }
     .m-lg-27 {
         margin: 6.75rem !important;
    }
     .mt-lg-27, .my-lg-27 {
         margin-top: 6.75rem !important;
    }
     .mr-lg-27, .mx-lg-27 {
         margin-right: 6.75rem !important;
    }
     .mb-lg-27, .my-lg-27 {
         margin-bottom: 6.75rem !important;
    }
     .ml-lg-27, .mx-lg-27 {
         margin-left: 6.75rem !important;
    }
     .m-lg-28 {
         margin: 7rem !important;
    }
     .mt-lg-28, .my-lg-28 {
         margin-top: 7rem !important;
    }
     .mr-lg-28, .mx-lg-28 {
         margin-right: 7rem !important;
    }
     .mb-lg-28, .my-lg-28 {
         margin-bottom: 7rem !important;
    }
     .ml-lg-28, .mx-lg-28 {
         margin-left: 7rem !important;
    }
     .m-lg-29 {
         margin: 7.25rem !important;
    }
     .mt-lg-29, .my-lg-29 {
         margin-top: 7.25rem !important;
    }
     .mr-lg-29, .mx-lg-29 {
         margin-right: 7.25rem !important;
    }
     .mb-lg-29, .my-lg-29 {
         margin-bottom: 7.25rem !important;
    }
     .ml-lg-29, .mx-lg-29 {
         margin-left: 7.25rem !important;
    }
     .m-lg-30 {
         margin: 7.5rem !important;
    }
     .mt-lg-30, .my-lg-30 {
         margin-top: 7.5rem !important;
    }
     .mr-lg-30, .mx-lg-30 {
         margin-right: 7.5rem !important;
    }
     .mb-lg-30, .my-lg-30 {
         margin-bottom: 7.5rem !important;
    }
     .ml-lg-30, .mx-lg-30 {
         margin-left: 7.5rem !important;
    }
     .m-lg-31 {
         margin: 7.75rem !important;
    }
     .mt-lg-31, .my-lg-31 {
         margin-top: 7.75rem !important;
    }
     .mr-lg-31, .mx-lg-31 {
         margin-right: 7.75rem !important;
    }
     .mb-lg-31, .my-lg-31 {
         margin-bottom: 7.75rem !important;
    }
     .ml-lg-31, .mx-lg-31 {
         margin-left: 7.75rem !important;
    }
     .m-lg-32 {
         margin: 8rem !important;
    }
     .mt-lg-32, .my-lg-32 {
         margin-top: 8rem !important;
    }
     .mr-lg-32, .mx-lg-32 {
         margin-right: 8rem !important;
    }
     .mb-lg-32, .my-lg-32 {
         margin-bottom: 8rem !important;
    }
     .ml-lg-32, .mx-lg-32 {
         margin-left: 8rem !important;
    }
     .m-lg-33 {
         margin: 8.25rem !important;
    }
     .mt-lg-33, .my-lg-33 {
         margin-top: 8.25rem !important;
    }
     .mr-lg-33, .mx-lg-33 {
         margin-right: 8.25rem !important;
    }
     .mb-lg-33, .my-lg-33 {
         margin-bottom: 8.25rem !important;
    }
     .ml-lg-33, .mx-lg-33 {
         margin-left: 8.25rem !important;
    }
     .m-lg-34 {
         margin: 8.5rem !important;
    }
     .mt-lg-34, .my-lg-34 {
         margin-top: 8.5rem !important;
    }
     .mr-lg-34, .mx-lg-34 {
         margin-right: 8.5rem !important;
    }
     .mb-lg-34, .my-lg-34 {
         margin-bottom: 8.5rem !important;
    }
     .ml-lg-34, .mx-lg-34 {
         margin-left: 8.5rem !important;
    }
     .m-lg-35 {
         margin: 8.75rem !important;
    }
     .mt-lg-35, .my-lg-35 {
         margin-top: 8.75rem !important;
    }
     .mr-lg-35, .mx-lg-35 {
         margin-right: 8.75rem !important;
    }
     .mb-lg-35, .my-lg-35 {
         margin-bottom: 8.75rem !important;
    }
     .ml-lg-35, .mx-lg-35 {
         margin-left: 8.75rem !important;
    }
     .m-lg-36 {
         margin: 9rem !important;
    }
     .mt-lg-36, .my-lg-36 {
         margin-top: 9rem !important;
    }
     .mr-lg-36, .mx-lg-36 {
         margin-right: 9rem !important;
    }
     .mb-lg-36, .my-lg-36 {
         margin-bottom: 9rem !important;
    }
     .ml-lg-36, .mx-lg-36 {
         margin-left: 9rem !important;
    }
     .m-lg-37 {
         margin: 9.25rem !important;
    }
     .mt-lg-37, .my-lg-37 {
         margin-top: 9.25rem !important;
    }
     .mr-lg-37, .mx-lg-37 {
         margin-right: 9.25rem !important;
    }
     .mb-lg-37, .my-lg-37 {
         margin-bottom: 9.25rem !important;
    }
     .ml-lg-37, .mx-lg-37 {
         margin-left: 9.25rem !important;
    }
     .m-lg-48 {
         margin: 9.5rem !important;
    }
     .mt-lg-48, .my-lg-48 {
         margin-top: 9.5rem !important;
    }
     .mr-lg-48, .mx-lg-48 {
         margin-right: 9.5rem !important;
    }
     .mb-lg-48, .my-lg-48 {
         margin-bottom: 9.5rem !important;
    }
     .ml-lg-48, .mx-lg-48 {
         margin-left: 9.5rem !important;
    }
     .m-lg-39 {
         margin: 9.75rem !important;
    }
     .mt-lg-39, .my-lg-39 {
         margin-top: 9.75rem !important;
    }
     .mr-lg-39, .mx-lg-39 {
         margin-right: 9.75rem !important;
    }
     .mb-lg-39, .my-lg-39 {
         margin-bottom: 9.75rem !important;
    }
     .ml-lg-39, .mx-lg-39 {
         margin-left: 9.75rem !important;
    }
     .m-lg-40 {
         margin: 10rem !important;
    }
     .mt-lg-40, .my-lg-40 {
         margin-top: 10rem !important;
    }
     .mr-lg-40, .mx-lg-40 {
         margin-right: 10rem !important;
    }
     .mb-lg-40, .my-lg-40 {
         margin-bottom: 10rem !important;
    }
     .ml-lg-40, .mx-lg-40 {
         margin-left: 10rem !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: 0.75rem !important;
    }
     .pt-lg-3, .py-lg-3 {
         padding-top: 0.75rem !important;
    }
     .pr-lg-3, .px-lg-3 {
         padding-right: 0.75rem !important;
    }
     .pb-lg-3, .py-lg-3 {
         padding-bottom: 0.75rem !important;
    }
     .pl-lg-3, .px-lg-3 {
         padding-left: 0.75rem !important;
    }
     .p-lg-4 {
         padding: 1rem !important;
    }
     .pt-lg-4, .py-lg-4 {
         padding-top: 1rem !important;
    }
     .pr-lg-4, .px-lg-4 {
         padding-right: 1rem !important;
    }
     .pb-lg-4, .py-lg-4 {
         padding-bottom: 1rem !important;
    }
     .pl-lg-4, .px-lg-4 {
         padding-left: 1rem !important;
    }
     .p-lg-5 {
         padding: 1.25rem !important;
    }
     .pt-lg-5, .py-lg-5 {
         padding-top: 1.25rem !important;
    }
     .pr-lg-5, .px-lg-5 {
         padding-right: 1.25rem !important;
    }
     .pb-lg-5, .py-lg-5 {
         padding-bottom: 1.25rem !important;
    }
     .pl-lg-5, .px-lg-5 {
         padding-left: 1.25rem !important;
    }
     .p-lg-6 {
         padding: 1.5rem !important;
    }
     .pt-lg-6, .py-lg-6 {
         padding-top: 1.5rem !important;
    }
     .pr-lg-6, .px-lg-6 {
         padding-right: 1.5rem !important;
    }
     .pb-lg-6, .py-lg-6 {
         padding-bottom: 1.5rem !important;
    }
     .pl-lg-6, .px-lg-6 {
         padding-left: 1.5rem !important;
    }
     .p-lg-7 {
         padding: 1.75rem !important;
    }
     .pt-lg-7, .py-lg-7 {
         padding-top: 1.75rem !important;
    }
     .pr-lg-7, .px-lg-7 {
         padding-right: 1.75rem !important;
    }
     .pb-lg-7, .py-lg-7 {
         padding-bottom: 1.75rem !important;
    }
     .pl-lg-7, .px-lg-7 {
         padding-left: 1.75rem !important;
    }
     .p-lg-8 {
         padding: 2rem !important;
    }
     .pt-lg-8, .py-lg-8 {
         padding-top: 2rem !important;
    }
     .pr-lg-8, .px-lg-8 {
         padding-right: 2rem !important;
    }
     .pb-lg-8, .py-lg-8 {
         padding-bottom: 2rem !important;
    }
     .pl-lg-8, .px-lg-8 {
         padding-left: 2rem !important;
    }
     .p-lg-9 {
         padding: 2.25rem !important;
    }
     .pt-lg-9, .py-lg-9 {
         padding-top: 2.25rem !important;
    }
     .pr-lg-9, .px-lg-9 {
         padding-right: 2.25rem !important;
    }
     .pb-lg-9, .py-lg-9 {
         padding-bottom: 2.25rem !important;
    }
     .pl-lg-9, .px-lg-9 {
         padding-left: 2.25rem !important;
    }
     .p-lg-10 {
         padding: 2.5rem !important;
    }
     .pt-lg-10, .py-lg-10 {
         padding-top: 2.5rem !important;
    }
     .pr-lg-10, .px-lg-10 {
         padding-right: 2.5rem !important;
    }
     .pb-lg-10, .py-lg-10 {
         padding-bottom: 2.5rem !important;
    }
     .pl-lg-10, .px-lg-10 {
         padding-left: 2.5rem !important;
    }
     .p-lg-11 {
         padding: 2.75rem !important;
    }
     .pt-lg-11, .py-lg-11 {
         padding-top: 2.75rem !important;
    }
     .pr-lg-11, .px-lg-11 {
         padding-right: 2.75rem !important;
    }
     .pb-lg-11, .py-lg-11 {
         padding-bottom: 2.75rem !important;
    }
     .pl-lg-11, .px-lg-11 {
         padding-left: 2.75rem !important;
    }
     .p-lg-12 {
         padding: 3rem !important;
    }
     .pt-lg-12, .py-lg-12 {
         padding-top: 3rem !important;
    }
     .pr-lg-12, .px-lg-12 {
         padding-right: 3rem !important;
    }
     .pb-lg-12, .py-lg-12 {
         padding-bottom: 3rem !important;
    }
     .pl-lg-12, .px-lg-12 {
         padding-left: 3rem !important;
    }
     .p-lg-13 {
         padding: 3.25rem !important;
    }
     .pt-lg-13, .py-lg-13 {
         padding-top: 3.25rem !important;
    }
     .pr-lg-13, .px-lg-13 {
         padding-right: 3.25rem !important;
    }
     .pb-lg-13, .py-lg-13 {
         padding-bottom: 3.25rem !important;
    }
     .pl-lg-13, .px-lg-13 {
         padding-left: 3.25rem !important;
    }
     .p-lg-14 {
         padding: 3.5rem !important;
    }
     .pt-lg-14, .py-lg-14 {
         padding-top: 3.5rem !important;
    }
     .pr-lg-14, .px-lg-14 {
         padding-right: 3.5rem !important;
    }
     .pb-lg-14, .py-lg-14 {
         padding-bottom: 3.5rem !important;
    }
     .pl-lg-14, .px-lg-14 {
         padding-left: 3.5rem !important;
    }
     .p-lg-15 {
         padding: 3.75rem !important;
    }
     .pt-lg-15, .py-lg-15 {
         padding-top: 3.75rem !important;
    }
     .pr-lg-15, .px-lg-15 {
         padding-right: 3.75rem !important;
    }
     .pb-lg-15, .py-lg-15 {
         padding-bottom: 3.75rem !important;
    }
     .pl-lg-15, .px-lg-15 {
         padding-left: 3.75rem !important;
    }
     .p-lg-16 {
         padding: 4rem !important;
    }
     .pt-lg-16, .py-lg-16 {
         padding-top: 4rem !important;
    }
     .pr-lg-16, .px-lg-16 {
         padding-right: 4rem !important;
    }
     .pb-lg-16, .py-lg-16 {
         padding-bottom: 4rem !important;
    }
     .pl-lg-16, .px-lg-16 {
         padding-left: 4rem !important;
    }
     .p-lg-17 {
         padding: 4.25rem !important;
    }
     .pt-lg-17, .py-lg-17 {
         padding-top: 4.25rem !important;
    }
     .pr-lg-17, .px-lg-17 {
         padding-right: 4.25rem !important;
    }
     .pb-lg-17, .py-lg-17 {
         padding-bottom: 4.25rem !important;
    }
     .pl-lg-17, .px-lg-17 {
         padding-left: 4.25rem !important;
    }
     .p-lg-18 {
         padding: 4.5rem !important;
    }
     .pt-lg-18, .py-lg-18 {
         padding-top: 4.5rem !important;
    }
     .pr-lg-18, .px-lg-18 {
         padding-right: 4.5rem !important;
    }
     .pb-lg-18, .py-lg-18 {
         padding-bottom: 4.5rem !important;
    }
     .pl-lg-18, .px-lg-18 {
         padding-left: 4.5rem !important;
    }
     .p-lg-19 {
         padding: 4.75rem !important;
    }
     .pt-lg-19, .py-lg-19 {
         padding-top: 4.75rem !important;
    }
     .pr-lg-19, .px-lg-19 {
         padding-right: 4.75rem !important;
    }
     .pb-lg-19, .py-lg-19 {
         padding-bottom: 4.75rem !important;
    }
     .pl-lg-19, .px-lg-19 {
         padding-left: 4.75rem !important;
    }
     .p-lg-20 {
         padding: 5rem !important;
    }
     .pt-lg-20, .py-lg-20 {
         padding-top: 5rem !important;
    }
     .pr-lg-20, .px-lg-20 {
         padding-right: 5rem !important;
    }
     .pb-lg-20, .py-lg-20 {
         padding-bottom: 5rem !important;
    }
     .pl-lg-20, .px-lg-20 {
         padding-left: 5rem !important;
    }
     .p-lg-21 {
         padding: 5.25rem !important;
    }
     .pt-lg-21, .py-lg-21 {
         padding-top: 5.25rem !important;
    }
     .pr-lg-21, .px-lg-21 {
         padding-right: 5.25rem !important;
    }
     .pb-lg-21, .py-lg-21 {
         padding-bottom: 5.25rem !important;
    }
     .pl-lg-21, .px-lg-21 {
         padding-left: 5.25rem !important;
    }
     .p-lg-22 {
         padding: 5.5rem !important;
    }
     .pt-lg-22, .py-lg-22 {
         padding-top: 5.5rem !important;
    }
     .pr-lg-22, .px-lg-22 {
         padding-right: 5.5rem !important;
    }
     .pb-lg-22, .py-lg-22 {
         padding-bottom: 5.5rem !important;
    }
     .pl-lg-22, .px-lg-22 {
         padding-left: 5.5rem !important;
    }
     .p-lg-23 {
         padding: 5.75rem !important;
    }
     .pt-lg-23, .py-lg-23 {
         padding-top: 5.75rem !important;
    }
     .pr-lg-23, .px-lg-23 {
         padding-right: 5.75rem !important;
    }
     .pb-lg-23, .py-lg-23 {
         padding-bottom: 5.75rem !important;
    }
     .pl-lg-23, .px-lg-23 {
         padding-left: 5.75rem !important;
    }
     .p-lg-24 {
         padding: 6rem !important;
    }
     .pt-lg-24, .py-lg-24 {
         padding-top: 6rem !important;
    }
     .pr-lg-24, .px-lg-24 {
         padding-right: 6rem !important;
    }
     .pb-lg-24, .py-lg-24 {
         padding-bottom: 6rem !important;
    }
     .pl-lg-24, .px-lg-24 {
         padding-left: 6rem !important;
    }
     .p-lg-25 {
         padding: 6.25rem !important;
    }
     .pt-lg-25, .py-lg-25 {
         padding-top: 6.25rem !important;
    }
     .pr-lg-25, .px-lg-25 {
         padding-right: 6.25rem !important;
    }
     .pb-lg-25, .py-lg-25 {
         padding-bottom: 6.25rem !important;
    }
     .pl-lg-25, .px-lg-25 {
         padding-left: 6.25rem !important;
    }
     .p-lg-26 {
         padding: 6.5rem !important;
    }
     .pt-lg-26, .py-lg-26 {
         padding-top: 6.5rem !important;
    }
     .pr-lg-26, .px-lg-26 {
         padding-right: 6.5rem !important;
    }
     .pb-lg-26, .py-lg-26 {
         padding-bottom: 6.5rem !important;
    }
     .pl-lg-26, .px-lg-26 {
         padding-left: 6.5rem !important;
    }
     .p-lg-27 {
         padding: 6.75rem !important;
    }
     .pt-lg-27, .py-lg-27 {
         padding-top: 6.75rem !important;
    }
     .pr-lg-27, .px-lg-27 {
         padding-right: 6.75rem !important;
    }
     .pb-lg-27, .py-lg-27 {
         padding-bottom: 6.75rem !important;
    }
     .pl-lg-27, .px-lg-27 {
         padding-left: 6.75rem !important;
    }
     .p-lg-28 {
         padding: 7rem !important;
    }
     .pt-lg-28, .py-lg-28 {
         padding-top: 7rem !important;
    }
     .pr-lg-28, .px-lg-28 {
         padding-right: 7rem !important;
    }
     .pb-lg-28, .py-lg-28 {
         padding-bottom: 7rem !important;
    }
     .pl-lg-28, .px-lg-28 {
         padding-left: 7rem !important;
    }
     .p-lg-29 {
         padding: 7.25rem !important;
    }
     .pt-lg-29, .py-lg-29 {
         padding-top: 7.25rem !important;
    }
     .pr-lg-29, .px-lg-29 {
         padding-right: 7.25rem !important;
    }
     .pb-lg-29, .py-lg-29 {
         padding-bottom: 7.25rem !important;
    }
     .pl-lg-29, .px-lg-29 {
         padding-left: 7.25rem !important;
    }
     .p-lg-30 {
         padding: 7.5rem !important;
    }
     .pt-lg-30, .py-lg-30 {
         padding-top: 7.5rem !important;
    }
     .pr-lg-30, .px-lg-30 {
         padding-right: 7.5rem !important;
    }
     .pb-lg-30, .py-lg-30 {
         padding-bottom: 7.5rem !important;
    }
     .pl-lg-30, .px-lg-30 {
         padding-left: 7.5rem !important;
    }
     .p-lg-31 {
         padding: 7.75rem !important;
    }
     .pt-lg-31, .py-lg-31 {
         padding-top: 7.75rem !important;
    }
     .pr-lg-31, .px-lg-31 {
         padding-right: 7.75rem !important;
    }
     .pb-lg-31, .py-lg-31 {
         padding-bottom: 7.75rem !important;
    }
     .pl-lg-31, .px-lg-31 {
         padding-left: 7.75rem !important;
    }
     .p-lg-32 {
         padding: 8rem !important;
    }
     .pt-lg-32, .py-lg-32 {
         padding-top: 8rem !important;
    }
     .pr-lg-32, .px-lg-32 {
         padding-right: 8rem !important;
    }
     .pb-lg-32, .py-lg-32 {
         padding-bottom: 8rem !important;
    }
     .pl-lg-32, .px-lg-32 {
         padding-left: 8rem !important;
    }
     .p-lg-33 {
         padding: 8.25rem !important;
    }
     .pt-lg-33, .py-lg-33 {
         padding-top: 8.25rem !important;
    }
     .pr-lg-33, .px-lg-33 {
         padding-right: 8.25rem !important;
    }
     .pb-lg-33, .py-lg-33 {
         padding-bottom: 8.25rem !important;
    }
     .pl-lg-33, .px-lg-33 {
         padding-left: 8.25rem !important;
    }
     .p-lg-34 {
         padding: 8.5rem !important;
    }
     .pt-lg-34, .py-lg-34 {
         padding-top: 8.5rem !important;
    }
     .pr-lg-34, .px-lg-34 {
         padding-right: 8.5rem !important;
    }
     .pb-lg-34, .py-lg-34 {
         padding-bottom: 8.5rem !important;
    }
     .pl-lg-34, .px-lg-34 {
         padding-left: 8.5rem !important;
    }
     .p-lg-35 {
         padding: 8.75rem !important;
    }
     .pt-lg-35, .py-lg-35 {
         padding-top: 8.75rem !important;
    }
     .pr-lg-35, .px-lg-35 {
         padding-right: 8.75rem !important;
    }
     .pb-lg-35, .py-lg-35 {
         padding-bottom: 8.75rem !important;
    }
     .pl-lg-35, .px-lg-35 {
         padding-left: 8.75rem !important;
    }
     .p-lg-36 {
         padding: 9rem !important;
    }
     .pt-lg-36, .py-lg-36 {
         padding-top: 9rem !important;
    }
     .pr-lg-36, .px-lg-36 {
         padding-right: 9rem !important;
    }
     .pb-lg-36, .py-lg-36 {
         padding-bottom: 9rem !important;
    }
     .pl-lg-36, .px-lg-36 {
         padding-left: 9rem !important;
    }
     .p-lg-37 {
         padding: 9.25rem !important;
    }
     .pt-lg-37, .py-lg-37 {
         padding-top: 9.25rem !important;
    }
     .pr-lg-37, .px-lg-37 {
         padding-right: 9.25rem !important;
    }
     .pb-lg-37, .py-lg-37 {
         padding-bottom: 9.25rem !important;
    }
     .pl-lg-37, .px-lg-37 {
         padding-left: 9.25rem !important;
    }
     .p-lg-48 {
         padding: 9.5rem !important;
    }
     .pt-lg-48, .py-lg-48 {
         padding-top: 9.5rem !important;
    }
     .pr-lg-48, .px-lg-48 {
         padding-right: 9.5rem !important;
    }
     .pb-lg-48, .py-lg-48 {
         padding-bottom: 9.5rem !important;
    }
     .pl-lg-48, .px-lg-48 {
         padding-left: 9.5rem !important;
    }
     .p-lg-39 {
         padding: 9.75rem !important;
    }
     .pt-lg-39, .py-lg-39 {
         padding-top: 9.75rem !important;
    }
     .pr-lg-39, .px-lg-39 {
         padding-right: 9.75rem !important;
    }
     .pb-lg-39, .py-lg-39 {
         padding-bottom: 9.75rem !important;
    }
     .pl-lg-39, .px-lg-39 {
         padding-left: 9.75rem !important;
    }
     .p-lg-40 {
         padding: 10rem !important;
    }
     .pt-lg-40, .py-lg-40 {
         padding-top: 10rem !important;
    }
     .pr-lg-40, .px-lg-40 {
         padding-right: 10rem !important;
    }
     .pb-lg-40, .py-lg-40 {
         padding-bottom: 10rem !important;
    }
     .pl-lg-40, .px-lg-40 {
         padding-left: 10rem !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: -0.75rem !important;
    }
     .mt-lg-n3, .my-lg-n3 {
         margin-top: -0.75rem !important;
    }
     .mr-lg-n3, .mx-lg-n3 {
         margin-right: -0.75rem !important;
    }
     .mb-lg-n3, .my-lg-n3 {
         margin-bottom: -0.75rem !important;
    }
     .ml-lg-n3, .mx-lg-n3 {
         margin-left: -0.75rem !important;
    }
     .m-lg-n4 {
         margin: -1rem !important;
    }
     .mt-lg-n4, .my-lg-n4 {
         margin-top: -1rem !important;
    }
     .mr-lg-n4, .mx-lg-n4 {
         margin-right: -1rem !important;
    }
     .mb-lg-n4, .my-lg-n4 {
         margin-bottom: -1rem !important;
    }
     .ml-lg-n4, .mx-lg-n4 {
         margin-left: -1rem !important;
    }
     .m-lg-n5 {
         margin: -1.25rem !important;
    }
     .mt-lg-n5, .my-lg-n5 {
         margin-top: -1.25rem !important;
    }
     .mr-lg-n5, .mx-lg-n5 {
         margin-right: -1.25rem !important;
    }
     .mb-lg-n5, .my-lg-n5 {
         margin-bottom: -1.25rem !important;
    }
     .ml-lg-n5, .mx-lg-n5 {
         margin-left: -1.25rem !important;
    }
     .m-lg-n6 {
         margin: -1.5rem !important;
    }
     .mt-lg-n6, .my-lg-n6 {
         margin-top: -1.5rem !important;
    }
     .mr-lg-n6, .mx-lg-n6 {
         margin-right: -1.5rem !important;
    }
     .mb-lg-n6, .my-lg-n6 {
         margin-bottom: -1.5rem !important;
    }
     .ml-lg-n6, .mx-lg-n6 {
         margin-left: -1.5rem !important;
    }
     .m-lg-n7 {
         margin: -1.75rem !important;
    }
     .mt-lg-n7, .my-lg-n7 {
         margin-top: -1.75rem !important;
    }
     .mr-lg-n7, .mx-lg-n7 {
         margin-right: -1.75rem !important;
    }
     .mb-lg-n7, .my-lg-n7 {
         margin-bottom: -1.75rem !important;
    }
     .ml-lg-n7, .mx-lg-n7 {
         margin-left: -1.75rem !important;
    }
     .m-lg-n8 {
         margin: -2rem !important;
    }
     .mt-lg-n8, .my-lg-n8 {
         margin-top: -2rem !important;
    }
     .mr-lg-n8, .mx-lg-n8 {
         margin-right: -2rem !important;
    }
     .mb-lg-n8, .my-lg-n8 {
         margin-bottom: -2rem !important;
    }
     .ml-lg-n8, .mx-lg-n8 {
         margin-left: -2rem !important;
    }
     .m-lg-n9 {
         margin: -2.25rem !important;
    }
     .mt-lg-n9, .my-lg-n9 {
         margin-top: -2.25rem !important;
    }
     .mr-lg-n9, .mx-lg-n9 {
         margin-right: -2.25rem !important;
    }
     .mb-lg-n9, .my-lg-n9 {
         margin-bottom: -2.25rem !important;
    }
     .ml-lg-n9, .mx-lg-n9 {
         margin-left: -2.25rem !important;
    }
     .m-lg-n10 {
         margin: -2.5rem !important;
    }
     .mt-lg-n10, .my-lg-n10 {
         margin-top: -2.5rem !important;
    }
     .mr-lg-n10, .mx-lg-n10 {
         margin-right: -2.5rem !important;
    }
     .mb-lg-n10, .my-lg-n10 {
         margin-bottom: -2.5rem !important;
    }
     .ml-lg-n10, .mx-lg-n10 {
         margin-left: -2.5rem !important;
    }
     .m-lg-n11 {
         margin: -2.75rem !important;
    }
     .mt-lg-n11, .my-lg-n11 {
         margin-top: -2.75rem !important;
    }
     .mr-lg-n11, .mx-lg-n11 {
         margin-right: -2.75rem !important;
    }
     .mb-lg-n11, .my-lg-n11 {
         margin-bottom: -2.75rem !important;
    }
     .ml-lg-n11, .mx-lg-n11 {
         margin-left: -2.75rem !important;
    }
     .m-lg-n12 {
         margin: -3rem !important;
    }
     .mt-lg-n12, .my-lg-n12 {
         margin-top: -3rem !important;
    }
     .mr-lg-n12, .mx-lg-n12 {
         margin-right: -3rem !important;
    }
     .mb-lg-n12, .my-lg-n12 {
         margin-bottom: -3rem !important;
    }
     .ml-lg-n12, .mx-lg-n12 {
         margin-left: -3rem !important;
    }
     .m-lg-n13 {
         margin: -3.25rem !important;
    }
     .mt-lg-n13, .my-lg-n13 {
         margin-top: -3.25rem !important;
    }
     .mr-lg-n13, .mx-lg-n13 {
         margin-right: -3.25rem !important;
    }
     .mb-lg-n13, .my-lg-n13 {
         margin-bottom: -3.25rem !important;
    }
     .ml-lg-n13, .mx-lg-n13 {
         margin-left: -3.25rem !important;
    }
     .m-lg-n14 {
         margin: -3.5rem !important;
    }
     .mt-lg-n14, .my-lg-n14 {
         margin-top: -3.5rem !important;
    }
     .mr-lg-n14, .mx-lg-n14 {
         margin-right: -3.5rem !important;
    }
     .mb-lg-n14, .my-lg-n14 {
         margin-bottom: -3.5rem !important;
    }
     .ml-lg-n14, .mx-lg-n14 {
         margin-left: -3.5rem !important;
    }
     .m-lg-n15 {
         margin: -3.75rem !important;
    }
     .mt-lg-n15, .my-lg-n15 {
         margin-top: -3.75rem !important;
    }
     .mr-lg-n15, .mx-lg-n15 {
         margin-right: -3.75rem !important;
    }
     .mb-lg-n15, .my-lg-n15 {
         margin-bottom: -3.75rem !important;
    }
     .ml-lg-n15, .mx-lg-n15 {
         margin-left: -3.75rem !important;
    }
     .m-lg-n16 {
         margin: -4rem !important;
    }
     .mt-lg-n16, .my-lg-n16 {
         margin-top: -4rem !important;
    }
     .mr-lg-n16, .mx-lg-n16 {
         margin-right: -4rem !important;
    }
     .mb-lg-n16, .my-lg-n16 {
         margin-bottom: -4rem !important;
    }
     .ml-lg-n16, .mx-lg-n16 {
         margin-left: -4rem !important;
    }
     .m-lg-n17 {
         margin: -4.25rem !important;
    }
     .mt-lg-n17, .my-lg-n17 {
         margin-top: -4.25rem !important;
    }
     .mr-lg-n17, .mx-lg-n17 {
         margin-right: -4.25rem !important;
    }
     .mb-lg-n17, .my-lg-n17 {
         margin-bottom: -4.25rem !important;
    }
     .ml-lg-n17, .mx-lg-n17 {
         margin-left: -4.25rem !important;
    }
     .m-lg-n18 {
         margin: -4.5rem !important;
    }
     .mt-lg-n18, .my-lg-n18 {
         margin-top: -4.5rem !important;
    }
     .mr-lg-n18, .mx-lg-n18 {
         margin-right: -4.5rem !important;
    }
     .mb-lg-n18, .my-lg-n18 {
         margin-bottom: -4.5rem !important;
    }
     .ml-lg-n18, .mx-lg-n18 {
         margin-left: -4.5rem !important;
    }
     .m-lg-n19 {
         margin: -4.75rem !important;
    }
     .mt-lg-n19, .my-lg-n19 {
         margin-top: -4.75rem !important;
    }
     .mr-lg-n19, .mx-lg-n19 {
         margin-right: -4.75rem !important;
    }
     .mb-lg-n19, .my-lg-n19 {
         margin-bottom: -4.75rem !important;
    }
     .ml-lg-n19, .mx-lg-n19 {
         margin-left: -4.75rem !important;
    }
     .m-lg-n20 {
         margin: -5rem !important;
    }
     .mt-lg-n20, .my-lg-n20 {
         margin-top: -5rem !important;
    }
     .mr-lg-n20, .mx-lg-n20 {
         margin-right: -5rem !important;
    }
     .mb-lg-n20, .my-lg-n20 {
         margin-bottom: -5rem !important;
    }
     .ml-lg-n20, .mx-lg-n20 {
         margin-left: -5rem !important;
    }
     .m-lg-n21 {
         margin: -5.25rem !important;
    }
     .mt-lg-n21, .my-lg-n21 {
         margin-top: -5.25rem !important;
    }
     .mr-lg-n21, .mx-lg-n21 {
         margin-right: -5.25rem !important;
    }
     .mb-lg-n21, .my-lg-n21 {
         margin-bottom: -5.25rem !important;
    }
     .ml-lg-n21, .mx-lg-n21 {
         margin-left: -5.25rem !important;
    }
     .m-lg-n22 {
         margin: -5.5rem !important;
    }
     .mt-lg-n22, .my-lg-n22 {
         margin-top: -5.5rem !important;
    }
     .mr-lg-n22, .mx-lg-n22 {
         margin-right: -5.5rem !important;
    }
     .mb-lg-n22, .my-lg-n22 {
         margin-bottom: -5.5rem !important;
    }
     .ml-lg-n22, .mx-lg-n22 {
         margin-left: -5.5rem !important;
    }
     .m-lg-n23 {
         margin: -5.75rem !important;
    }
     .mt-lg-n23, .my-lg-n23 {
         margin-top: -5.75rem !important;
    }
     .mr-lg-n23, .mx-lg-n23 {
         margin-right: -5.75rem !important;
    }
     .mb-lg-n23, .my-lg-n23 {
         margin-bottom: -5.75rem !important;
    }
     .ml-lg-n23, .mx-lg-n23 {
         margin-left: -5.75rem !important;
    }
     .m-lg-n24 {
         margin: -6rem !important;
    }
     .mt-lg-n24, .my-lg-n24 {
         margin-top: -6rem !important;
    }
     .mr-lg-n24, .mx-lg-n24 {
         margin-right: -6rem !important;
    }
     .mb-lg-n24, .my-lg-n24 {
         margin-bottom: -6rem !important;
    }
     .ml-lg-n24, .mx-lg-n24 {
         margin-left: -6rem !important;
    }
     .m-lg-n25 {
         margin: -6.25rem !important;
    }
     .mt-lg-n25, .my-lg-n25 {
         margin-top: -6.25rem !important;
    }
     .mr-lg-n25, .mx-lg-n25 {
         margin-right: -6.25rem !important;
    }
     .mb-lg-n25, .my-lg-n25 {
         margin-bottom: -6.25rem !important;
    }
     .ml-lg-n25, .mx-lg-n25 {
         margin-left: -6.25rem !important;
    }
     .m-lg-n26 {
         margin: -6.5rem !important;
    }
     .mt-lg-n26, .my-lg-n26 {
         margin-top: -6.5rem !important;
    }
     .mr-lg-n26, .mx-lg-n26 {
         margin-right: -6.5rem !important;
    }
     .mb-lg-n26, .my-lg-n26 {
         margin-bottom: -6.5rem !important;
    }
     .ml-lg-n26, .mx-lg-n26 {
         margin-left: -6.5rem !important;
    }
     .m-lg-n27 {
         margin: -6.75rem !important;
    }
     .mt-lg-n27, .my-lg-n27 {
         margin-top: -6.75rem !important;
    }
     .mr-lg-n27, .mx-lg-n27 {
         margin-right: -6.75rem !important;
    }
     .mb-lg-n27, .my-lg-n27 {
         margin-bottom: -6.75rem !important;
    }
     .ml-lg-n27, .mx-lg-n27 {
         margin-left: -6.75rem !important;
    }
     .m-lg-n28 {
         margin: -7rem !important;
    }
     .mt-lg-n28, .my-lg-n28 {
         margin-top: -7rem !important;
    }
     .mr-lg-n28, .mx-lg-n28 {
         margin-right: -7rem !important;
    }
     .mb-lg-n28, .my-lg-n28 {
         margin-bottom: -7rem !important;
    }
     .ml-lg-n28, .mx-lg-n28 {
         margin-left: -7rem !important;
    }
     .m-lg-n29 {
         margin: -7.25rem !important;
    }
     .mt-lg-n29, .my-lg-n29 {
         margin-top: -7.25rem !important;
    }
     .mr-lg-n29, .mx-lg-n29 {
         margin-right: -7.25rem !important;
    }
     .mb-lg-n29, .my-lg-n29 {
         margin-bottom: -7.25rem !important;
    }
     .ml-lg-n29, .mx-lg-n29 {
         margin-left: -7.25rem !important;
    }
     .m-lg-n30 {
         margin: -7.5rem !important;
    }
     .mt-lg-n30, .my-lg-n30 {
         margin-top: -7.5rem !important;
    }
     .mr-lg-n30, .mx-lg-n30 {
         margin-right: -7.5rem !important;
    }
     .mb-lg-n30, .my-lg-n30 {
         margin-bottom: -7.5rem !important;
    }
     .ml-lg-n30, .mx-lg-n30 {
         margin-left: -7.5rem !important;
    }
     .m-lg-n31 {
         margin: -7.75rem !important;
    }
     .mt-lg-n31, .my-lg-n31 {
         margin-top: -7.75rem !important;
    }
     .mr-lg-n31, .mx-lg-n31 {
         margin-right: -7.75rem !important;
    }
     .mb-lg-n31, .my-lg-n31 {
         margin-bottom: -7.75rem !important;
    }
     .ml-lg-n31, .mx-lg-n31 {
         margin-left: -7.75rem !important;
    }
     .m-lg-n32 {
         margin: -8rem !important;
    }
     .mt-lg-n32, .my-lg-n32 {
         margin-top: -8rem !important;
    }
     .mr-lg-n32, .mx-lg-n32 {
         margin-right: -8rem !important;
    }
     .mb-lg-n32, .my-lg-n32 {
         margin-bottom: -8rem !important;
    }
     .ml-lg-n32, .mx-lg-n32 {
         margin-left: -8rem !important;
    }
     .m-lg-n33 {
         margin: -8.25rem !important;
    }
     .mt-lg-n33, .my-lg-n33 {
         margin-top: -8.25rem !important;
    }
     .mr-lg-n33, .mx-lg-n33 {
         margin-right: -8.25rem !important;
    }
     .mb-lg-n33, .my-lg-n33 {
         margin-bottom: -8.25rem !important;
    }
     .ml-lg-n33, .mx-lg-n33 {
         margin-left: -8.25rem !important;
    }
     .m-lg-n34 {
         margin: -8.5rem !important;
    }
     .mt-lg-n34, .my-lg-n34 {
         margin-top: -8.5rem !important;
    }
     .mr-lg-n34, .mx-lg-n34 {
         margin-right: -8.5rem !important;
    }
     .mb-lg-n34, .my-lg-n34 {
         margin-bottom: -8.5rem !important;
    }
     .ml-lg-n34, .mx-lg-n34 {
         margin-left: -8.5rem !important;
    }
     .m-lg-n35 {
         margin: -8.75rem !important;
    }
     .mt-lg-n35, .my-lg-n35 {
         margin-top: -8.75rem !important;
    }
     .mr-lg-n35, .mx-lg-n35 {
         margin-right: -8.75rem !important;
    }
     .mb-lg-n35, .my-lg-n35 {
         margin-bottom: -8.75rem !important;
    }
     .ml-lg-n35, .mx-lg-n35 {
         margin-left: -8.75rem !important;
    }
     .m-lg-n36 {
         margin: -9rem !important;
    }
     .mt-lg-n36, .my-lg-n36 {
         margin-top: -9rem !important;
    }
     .mr-lg-n36, .mx-lg-n36 {
         margin-right: -9rem !important;
    }
     .mb-lg-n36, .my-lg-n36 {
         margin-bottom: -9rem !important;
    }
     .ml-lg-n36, .mx-lg-n36 {
         margin-left: -9rem !important;
    }
     .m-lg-n37 {
         margin: -9.25rem !important;
    }
     .mt-lg-n37, .my-lg-n37 {
         margin-top: -9.25rem !important;
    }
     .mr-lg-n37, .mx-lg-n37 {
         margin-right: -9.25rem !important;
    }
     .mb-lg-n37, .my-lg-n37 {
         margin-bottom: -9.25rem !important;
    }
     .ml-lg-n37, .mx-lg-n37 {
         margin-left: -9.25rem !important;
    }
     .m-lg-n48 {
         margin: -9.5rem !important;
    }
     .mt-lg-n48, .my-lg-n48 {
         margin-top: -9.5rem !important;
    }
     .mr-lg-n48, .mx-lg-n48 {
         margin-right: -9.5rem !important;
    }
     .mb-lg-n48, .my-lg-n48 {
         margin-bottom: -9.5rem !important;
    }
     .ml-lg-n48, .mx-lg-n48 {
         margin-left: -9.5rem !important;
    }
     .m-lg-n39 {
         margin: -9.75rem !important;
    }
     .mt-lg-n39, .my-lg-n39 {
         margin-top: -9.75rem !important;
    }
     .mr-lg-n39, .mx-lg-n39 {
         margin-right: -9.75rem !important;
    }
     .mb-lg-n39, .my-lg-n39 {
         margin-bottom: -9.75rem !important;
    }
     .ml-lg-n39, .mx-lg-n39 {
         margin-left: -9.75rem !important;
    }
     .m-lg-n40 {
         margin: -10rem !important;
    }
     .mt-lg-n40, .my-lg-n40 {
         margin-top: -10rem !important;
    }
     .mr-lg-n40, .mx-lg-n40 {
         margin-right: -10rem !important;
    }
     .mb-lg-n40, .my-lg-n40 {
         margin-bottom: -10rem !important;
    }
     .ml-lg-n40, .mx-lg-n40 {
         margin-left: -10rem !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: 0.75rem !important;
    }
     .mt-xl-3, .my-xl-3 {
         margin-top: 0.75rem !important;
    }
     .mr-xl-3, .mx-xl-3 {
         margin-right: 0.75rem !important;
    }
     .mb-xl-3, .my-xl-3 {
         margin-bottom: 0.75rem !important;
    }
     .ml-xl-3, .mx-xl-3 {
         margin-left: 0.75rem !important;
    }
     .m-xl-4 {
         margin: 1rem !important;
    }
     .mt-xl-4, .my-xl-4 {
         margin-top: 1rem !important;
    }
     .mr-xl-4, .mx-xl-4 {
         margin-right: 1rem !important;
    }
     .mb-xl-4, .my-xl-4 {
         margin-bottom: 1rem !important;
    }
     .ml-xl-4, .mx-xl-4 {
         margin-left: 1rem !important;
    }
     .m-xl-5 {
         margin: 1.25rem !important;
    }
     .mt-xl-5, .my-xl-5 {
         margin-top: 1.25rem !important;
    }
     .mr-xl-5, .mx-xl-5 {
         margin-right: 1.25rem !important;
    }
     .mb-xl-5, .my-xl-5 {
         margin-bottom: 1.25rem !important;
    }
     .ml-xl-5, .mx-xl-5 {
         margin-left: 1.25rem !important;
    }
     .m-xl-6 {
         margin: 1.5rem !important;
    }
     .mt-xl-6, .my-xl-6 {
         margin-top: 1.5rem !important;
    }
     .mr-xl-6, .mx-xl-6 {
         margin-right: 1.5rem !important;
    }
     .mb-xl-6, .my-xl-6 {
         margin-bottom: 1.5rem !important;
    }
     .ml-xl-6, .mx-xl-6 {
         margin-left: 1.5rem !important;
    }
     .m-xl-7 {
         margin: 1.75rem !important;
    }
     .mt-xl-7, .my-xl-7 {
         margin-top: 1.75rem !important;
    }
     .mr-xl-7, .mx-xl-7 {
         margin-right: 1.75rem !important;
    }
     .mb-xl-7, .my-xl-7 {
         margin-bottom: 1.75rem !important;
    }
     .ml-xl-7, .mx-xl-7 {
         margin-left: 1.75rem !important;
    }
     .m-xl-8 {
         margin: 2rem !important;
    }
     .mt-xl-8, .my-xl-8 {
         margin-top: 2rem !important;
    }
     .mr-xl-8, .mx-xl-8 {
         margin-right: 2rem !important;
    }
     .mb-xl-8, .my-xl-8 {
         margin-bottom: 2rem !important;
    }
     .ml-xl-8, .mx-xl-8 {
         margin-left: 2rem !important;
    }
     .m-xl-9 {
         margin: 2.25rem !important;
    }
     .mt-xl-9, .my-xl-9 {
         margin-top: 2.25rem !important;
    }
     .mr-xl-9, .mx-xl-9 {
         margin-right: 2.25rem !important;
    }
     .mb-xl-9, .my-xl-9 {
         margin-bottom: 2.25rem !important;
    }
     .ml-xl-9, .mx-xl-9 {
         margin-left: 2.25rem !important;
    }
     .m-xl-10 {
         margin: 2.5rem !important;
    }
     .mt-xl-10, .my-xl-10 {
         margin-top: 2.5rem !important;
    }
     .mr-xl-10, .mx-xl-10 {
         margin-right: 2.5rem !important;
    }
     .mb-xl-10, .my-xl-10 {
         margin-bottom: 2.5rem !important;
    }
     .ml-xl-10, .mx-xl-10 {
         margin-left: 2.5rem !important;
    }
     .m-xl-11 {
         margin: 2.75rem !important;
    }
     .mt-xl-11, .my-xl-11 {
         margin-top: 2.75rem !important;
    }
     .mr-xl-11, .mx-xl-11 {
         margin-right: 2.75rem !important;
    }
     .mb-xl-11, .my-xl-11 {
         margin-bottom: 2.75rem !important;
    }
     .ml-xl-11, .mx-xl-11 {
         margin-left: 2.75rem !important;
    }
     .m-xl-12 {
         margin: 3rem !important;
    }
     .mt-xl-12, .my-xl-12 {
         margin-top: 3rem !important;
    }
     .mr-xl-12, .mx-xl-12 {
         margin-right: 3rem !important;
    }
     .mb-xl-12, .my-xl-12 {
         margin-bottom: 3rem !important;
    }
     .ml-xl-12, .mx-xl-12 {
         margin-left: 3rem !important;
    }
     .m-xl-13 {
         margin: 3.25rem !important;
    }
     .mt-xl-13, .my-xl-13 {
         margin-top: 3.25rem !important;
    }
     .mr-xl-13, .mx-xl-13 {
         margin-right: 3.25rem !important;
    }
     .mb-xl-13, .my-xl-13 {
         margin-bottom: 3.25rem !important;
    }
     .ml-xl-13, .mx-xl-13 {
         margin-left: 3.25rem !important;
    }
     .m-xl-14 {
         margin: 3.5rem !important;
    }
     .mt-xl-14, .my-xl-14 {
         margin-top: 3.5rem !important;
    }
     .mr-xl-14, .mx-xl-14 {
         margin-right: 3.5rem !important;
    }
     .mb-xl-14, .my-xl-14 {
         margin-bottom: 3.5rem !important;
    }
     .ml-xl-14, .mx-xl-14 {
         margin-left: 3.5rem !important;
    }
     .m-xl-15 {
         margin: 3.75rem !important;
    }
     .mt-xl-15, .my-xl-15 {
         margin-top: 3.75rem !important;
    }
     .mr-xl-15, .mx-xl-15 {
         margin-right: 3.75rem !important;
    }
     .mb-xl-15, .my-xl-15 {
         margin-bottom: 3.75rem !important;
    }
     .ml-xl-15, .mx-xl-15 {
         margin-left: 3.75rem !important;
    }
     .m-xl-16 {
         margin: 4rem !important;
    }
     .mt-xl-16, .my-xl-16 {
         margin-top: 4rem !important;
    }
     .mr-xl-16, .mx-xl-16 {
         margin-right: 4rem !important;
    }
     .mb-xl-16, .my-xl-16 {
         margin-bottom: 4rem !important;
    }
     .ml-xl-16, .mx-xl-16 {
         margin-left: 4rem !important;
    }
     .m-xl-17 {
         margin: 4.25rem !important;
    }
     .mt-xl-17, .my-xl-17 {
         margin-top: 4.25rem !important;
    }
     .mr-xl-17, .mx-xl-17 {
         margin-right: 4.25rem !important;
    }
     .mb-xl-17, .my-xl-17 {
         margin-bottom: 4.25rem !important;
    }
     .ml-xl-17, .mx-xl-17 {
         margin-left: 4.25rem !important;
    }
     .m-xl-18 {
         margin: 4.5rem !important;
    }
     .mt-xl-18, .my-xl-18 {
         margin-top: 4.5rem !important;
    }
     .mr-xl-18, .mx-xl-18 {
         margin-right: 4.5rem !important;
    }
     .mb-xl-18, .my-xl-18 {
         margin-bottom: 4.5rem !important;
    }
     .ml-xl-18, .mx-xl-18 {
         margin-left: 4.5rem !important;
    }
     .m-xl-19 {
         margin: 4.75rem !important;
    }
     .mt-xl-19, .my-xl-19 {
         margin-top: 4.75rem !important;
    }
     .mr-xl-19, .mx-xl-19 {
         margin-right: 4.75rem !important;
    }
     .mb-xl-19, .my-xl-19 {
         margin-bottom: 4.75rem !important;
    }
     .ml-xl-19, .mx-xl-19 {
         margin-left: 4.75rem !important;
    }
     .m-xl-20 {
         margin: 5rem !important;
    }
     .mt-xl-20, .my-xl-20 {
         margin-top: 5rem !important;
    }
     .mr-xl-20, .mx-xl-20 {
         margin-right: 5rem !important;
    }
     .mb-xl-20, .my-xl-20 {
         margin-bottom: 5rem !important;
    }
     .ml-xl-20, .mx-xl-20 {
         margin-left: 5rem !important;
    }
     .m-xl-21 {
         margin: 5.25rem !important;
    }
     .mt-xl-21, .my-xl-21 {
         margin-top: 5.25rem !important;
    }
     .mr-xl-21, .mx-xl-21 {
         margin-right: 5.25rem !important;
    }
     .mb-xl-21, .my-xl-21 {
         margin-bottom: 5.25rem !important;
    }
     .ml-xl-21, .mx-xl-21 {
         margin-left: 5.25rem !important;
    }
     .m-xl-22 {
         margin: 5.5rem !important;
    }
     .mt-xl-22, .my-xl-22 {
         margin-top: 5.5rem !important;
    }
     .mr-xl-22, .mx-xl-22 {
         margin-right: 5.5rem !important;
    }
     .mb-xl-22, .my-xl-22 {
         margin-bottom: 5.5rem !important;
    }
     .ml-xl-22, .mx-xl-22 {
         margin-left: 5.5rem !important;
    }
     .m-xl-23 {
         margin: 5.75rem !important;
    }
     .mt-xl-23, .my-xl-23 {
         margin-top: 5.75rem !important;
    }
     .mr-xl-23, .mx-xl-23 {
         margin-right: 5.75rem !important;
    }
     .mb-xl-23, .my-xl-23 {
         margin-bottom: 5.75rem !important;
    }
     .ml-xl-23, .mx-xl-23 {
         margin-left: 5.75rem !important;
    }
     .m-xl-24 {
         margin: 6rem !important;
    }
     .mt-xl-24, .my-xl-24 {
         margin-top: 6rem !important;
    }
     .mr-xl-24, .mx-xl-24 {
         margin-right: 6rem !important;
    }
     .mb-xl-24, .my-xl-24 {
         margin-bottom: 6rem !important;
    }
     .ml-xl-24, .mx-xl-24 {
         margin-left: 6rem !important;
    }
     .m-xl-25 {
         margin: 6.25rem !important;
    }
     .mt-xl-25, .my-xl-25 {
         margin-top: 6.25rem !important;
    }
     .mr-xl-25, .mx-xl-25 {
         margin-right: 6.25rem !important;
    }
     .mb-xl-25, .my-xl-25 {
         margin-bottom: 6.25rem !important;
    }
     .ml-xl-25, .mx-xl-25 {
         margin-left: 6.25rem !important;
    }
     .m-xl-26 {
         margin: 6.5rem !important;
    }
     .mt-xl-26, .my-xl-26 {
         margin-top: 6.5rem !important;
    }
     .mr-xl-26, .mx-xl-26 {
         margin-right: 6.5rem !important;
    }
     .mb-xl-26, .my-xl-26 {
         margin-bottom: 6.5rem !important;
    }
     .ml-xl-26, .mx-xl-26 {
         margin-left: 6.5rem !important;
    }
     .m-xl-27 {
         margin: 6.75rem !important;
    }
     .mt-xl-27, .my-xl-27 {
         margin-top: 6.75rem !important;
    }
     .mr-xl-27, .mx-xl-27 {
         margin-right: 6.75rem !important;
    }
     .mb-xl-27, .my-xl-27 {
         margin-bottom: 6.75rem !important;
    }
     .ml-xl-27, .mx-xl-27 {
         margin-left: 6.75rem !important;
    }
     .m-xl-28 {
         margin: 7rem !important;
    }
     .mt-xl-28, .my-xl-28 {
         margin-top: 7rem !important;
    }
     .mr-xl-28, .mx-xl-28 {
         margin-right: 7rem !important;
    }
     .mb-xl-28, .my-xl-28 {
         margin-bottom: 7rem !important;
    }
     .ml-xl-28, .mx-xl-28 {
         margin-left: 7rem !important;
    }
     .m-xl-29 {
         margin: 7.25rem !important;
    }
     .mt-xl-29, .my-xl-29 {
         margin-top: 7.25rem !important;
    }
     .mr-xl-29, .mx-xl-29 {
         margin-right: 7.25rem !important;
    }
     .mb-xl-29, .my-xl-29 {
         margin-bottom: 7.25rem !important;
    }
     .ml-xl-29, .mx-xl-29 {
         margin-left: 7.25rem !important;
    }
     .m-xl-30 {
         margin: 7.5rem !important;
    }
     .mt-xl-30, .my-xl-30 {
         margin-top: 7.5rem !important;
    }
     .mr-xl-30, .mx-xl-30 {
         margin-right: 7.5rem !important;
    }
     .mb-xl-30, .my-xl-30 {
         margin-bottom: 7.5rem !important;
    }
     .ml-xl-30, .mx-xl-30 {
         margin-left: 7.5rem !important;
    }
     .m-xl-31 {
         margin: 7.75rem !important;
    }
     .mt-xl-31, .my-xl-31 {
         margin-top: 7.75rem !important;
    }
     .mr-xl-31, .mx-xl-31 {
         margin-right: 7.75rem !important;
    }
     .mb-xl-31, .my-xl-31 {
         margin-bottom: 7.75rem !important;
    }
     .ml-xl-31, .mx-xl-31 {
         margin-left: 7.75rem !important;
    }
     .m-xl-32 {
         margin: 8rem !important;
    }
     .mt-xl-32, .my-xl-32 {
         margin-top: 8rem !important;
    }
     .mr-xl-32, .mx-xl-32 {
         margin-right: 8rem !important;
    }
     .mb-xl-32, .my-xl-32 {
         margin-bottom: 8rem !important;
    }
     .ml-xl-32, .mx-xl-32 {
         margin-left: 8rem !important;
    }
     .m-xl-33 {
         margin: 8.25rem !important;
    }
     .mt-xl-33, .my-xl-33 {
         margin-top: 8.25rem !important;
    }
     .mr-xl-33, .mx-xl-33 {
         margin-right: 8.25rem !important;
    }
     .mb-xl-33, .my-xl-33 {
         margin-bottom: 8.25rem !important;
    }
     .ml-xl-33, .mx-xl-33 {
         margin-left: 8.25rem !important;
    }
     .m-xl-34 {
         margin: 8.5rem !important;
    }
     .mt-xl-34, .my-xl-34 {
         margin-top: 8.5rem !important;
    }
     .mr-xl-34, .mx-xl-34 {
         margin-right: 8.5rem !important;
    }
     .mb-xl-34, .my-xl-34 {
         margin-bottom: 8.5rem !important;
    }
     .ml-xl-34, .mx-xl-34 {
         margin-left: 8.5rem !important;
    }
     .m-xl-35 {
         margin: 8.75rem !important;
    }
     .mt-xl-35, .my-xl-35 {
         margin-top: 8.75rem !important;
    }
     .mr-xl-35, .mx-xl-35 {
         margin-right: 8.75rem !important;
    }
     .mb-xl-35, .my-xl-35 {
         margin-bottom: 8.75rem !important;
    }
     .ml-xl-35, .mx-xl-35 {
         margin-left: 8.75rem !important;
    }
     .m-xl-36 {
         margin: 9rem !important;
    }
     .mt-xl-36, .my-xl-36 {
         margin-top: 9rem !important;
    }
     .mr-xl-36, .mx-xl-36 {
         margin-right: 9rem !important;
    }
     .mb-xl-36, .my-xl-36 {
         margin-bottom: 9rem !important;
    }
     .ml-xl-36, .mx-xl-36 {
         margin-left: 9rem !important;
    }
     .m-xl-37 {
         margin: 9.25rem !important;
    }
     .mt-xl-37, .my-xl-37 {
         margin-top: 9.25rem !important;
    }
     .mr-xl-37, .mx-xl-37 {
         margin-right: 9.25rem !important;
    }
     .mb-xl-37, .my-xl-37 {
         margin-bottom: 9.25rem !important;
    }
     .ml-xl-37, .mx-xl-37 {
         margin-left: 9.25rem !important;
    }
     .m-xl-48 {
         margin: 9.5rem !important;
    }
     .mt-xl-48, .my-xl-48 {
         margin-top: 9.5rem !important;
    }
     .mr-xl-48, .mx-xl-48 {
         margin-right: 9.5rem !important;
    }
     .mb-xl-48, .my-xl-48 {
         margin-bottom: 9.5rem !important;
    }
     .ml-xl-48, .mx-xl-48 {
         margin-left: 9.5rem !important;
    }
     .m-xl-39 {
         margin: 9.75rem !important;
    }
     .mt-xl-39, .my-xl-39 {
         margin-top: 9.75rem !important;
    }
     .mr-xl-39, .mx-xl-39 {
         margin-right: 9.75rem !important;
    }
     .mb-xl-39, .my-xl-39 {
         margin-bottom: 9.75rem !important;
    }
     .ml-xl-39, .mx-xl-39 {
         margin-left: 9.75rem !important;
    }
     .m-xl-40 {
         margin: 10rem !important;
    }
     .mt-xl-40, .my-xl-40 {
         margin-top: 10rem !important;
    }
     .mr-xl-40, .mx-xl-40 {
         margin-right: 10rem !important;
    }
     .mb-xl-40, .my-xl-40 {
         margin-bottom: 10rem !important;
    }
     .ml-xl-40, .mx-xl-40 {
         margin-left: 10rem !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: 0.75rem !important;
    }
     .pt-xl-3, .py-xl-3 {
         padding-top: 0.75rem !important;
    }
     .pr-xl-3, .px-xl-3 {
         padding-right: 0.75rem !important;
    }
     .pb-xl-3, .py-xl-3 {
         padding-bottom: 0.75rem !important;
    }
     .pl-xl-3, .px-xl-3 {
         padding-left: 0.75rem !important;
    }
     .p-xl-4 {
         padding: 1rem !important;
    }
     .pt-xl-4, .py-xl-4 {
         padding-top: 1rem !important;
    }
     .pr-xl-4, .px-xl-4 {
         padding-right: 1rem !important;
    }
     .pb-xl-4, .py-xl-4 {
         padding-bottom: 1rem !important;
    }
     .pl-xl-4, .px-xl-4 {
         padding-left: 1rem !important;
    }
     .p-xl-5 {
         padding: 1.25rem !important;
    }
     .pt-xl-5, .py-xl-5 {
         padding-top: 1.25rem !important;
    }
     .pr-xl-5, .px-xl-5 {
         padding-right: 1.25rem !important;
    }
     .pb-xl-5, .py-xl-5 {
         padding-bottom: 1.25rem !important;
    }
     .pl-xl-5, .px-xl-5 {
         padding-left: 1.25rem !important;
    }
     .p-xl-6 {
         padding: 1.5rem !important;
    }
     .pt-xl-6, .py-xl-6 {
         padding-top: 1.5rem !important;
    }
     .pr-xl-6, .px-xl-6 {
         padding-right: 1.5rem !important;
    }
     .pb-xl-6, .py-xl-6 {
         padding-bottom: 1.5rem !important;
    }
     .pl-xl-6, .px-xl-6 {
         padding-left: 1.5rem !important;
    }
     .p-xl-7 {
         padding: 1.75rem !important;
    }
     .pt-xl-7, .py-xl-7 {
         padding-top: 1.75rem !important;
    }
     .pr-xl-7, .px-xl-7 {
         padding-right: 1.75rem !important;
    }
     .pb-xl-7, .py-xl-7 {
         padding-bottom: 1.75rem !important;
    }
     .pl-xl-7, .px-xl-7 {
         padding-left: 1.75rem !important;
    }
     .p-xl-8 {
         padding: 2rem !important;
    }
     .pt-xl-8, .py-xl-8 {
         padding-top: 2rem !important;
    }
     .pr-xl-8, .px-xl-8 {
         padding-right: 2rem !important;
    }
     .pb-xl-8, .py-xl-8 {
         padding-bottom: 2rem !important;
    }
     .pl-xl-8, .px-xl-8 {
         padding-left: 2rem !important;
    }
     .p-xl-9 {
         padding: 2.25rem !important;
    }
     .pt-xl-9, .py-xl-9 {
         padding-top: 2.25rem !important;
    }
     .pr-xl-9, .px-xl-9 {
         padding-right: 2.25rem !important;
    }
     .pb-xl-9, .py-xl-9 {
         padding-bottom: 2.25rem !important;
    }
     .pl-xl-9, .px-xl-9 {
         padding-left: 2.25rem !important;
    }
     .p-xl-10 {
         padding: 2.5rem !important;
    }
     .pt-xl-10, .py-xl-10 {
         padding-top: 2.5rem !important;
    }
     .pr-xl-10, .px-xl-10 {
         padding-right: 2.5rem !important;
    }
     .pb-xl-10, .py-xl-10 {
         padding-bottom: 2.5rem !important;
    }
     .pl-xl-10, .px-xl-10 {
         padding-left: 2.5rem !important;
    }
     .p-xl-11 {
         padding: 2.75rem !important;
    }
     .pt-xl-11, .py-xl-11 {
         padding-top: 2.75rem !important;
    }
     .pr-xl-11, .px-xl-11 {
         padding-right: 2.75rem !important;
    }
     .pb-xl-11, .py-xl-11 {
         padding-bottom: 2.75rem !important;
    }
     .pl-xl-11, .px-xl-11 {
         padding-left: 2.75rem !important;
    }
     .p-xl-12 {
         padding: 3rem !important;
    }
     .pt-xl-12, .py-xl-12 {
         padding-top: 3rem !important;
    }
     .pr-xl-12, .px-xl-12 {
         padding-right: 3rem !important;
    }
     .pb-xl-12, .py-xl-12 {
         padding-bottom: 3rem !important;
    }
     .pl-xl-12, .px-xl-12 {
         padding-left: 3rem !important;
    }
     .p-xl-13 {
         padding: 3.25rem !important;
    }
     .pt-xl-13, .py-xl-13 {
         padding-top: 3.25rem !important;
    }
     .pr-xl-13, .px-xl-13 {
         padding-right: 3.25rem !important;
    }
     .pb-xl-13, .py-xl-13 {
         padding-bottom: 3.25rem !important;
    }
     .pl-xl-13, .px-xl-13 {
         padding-left: 3.25rem !important;
    }
     .p-xl-14 {
         padding: 3.5rem !important;
    }
     .pt-xl-14, .py-xl-14 {
         padding-top: 3.5rem !important;
    }
     .pr-xl-14, .px-xl-14 {
         padding-right: 3.5rem !important;
    }
     .pb-xl-14, .py-xl-14 {
         padding-bottom: 3.5rem !important;
    }
     .pl-xl-14, .px-xl-14 {
         padding-left: 3.5rem !important;
    }
     .p-xl-15 {
         padding: 3.75rem !important;
    }
     .pt-xl-15, .py-xl-15 {
         padding-top: 3.75rem !important;
    }
     .pr-xl-15, .px-xl-15 {
         padding-right: 3.75rem !important;
    }
     .pb-xl-15, .py-xl-15 {
         padding-bottom: 3.75rem !important;
    }
     .pl-xl-15, .px-xl-15 {
         padding-left: 3.75rem !important;
    }
     .p-xl-16 {
         padding: 4rem !important;
    }
     .pt-xl-16, .py-xl-16 {
         padding-top: 4rem !important;
    }
     .pr-xl-16, .px-xl-16 {
         padding-right: 4rem !important;
    }
     .pb-xl-16, .py-xl-16 {
         padding-bottom: 4rem !important;
    }
     .pl-xl-16, .px-xl-16 {
         padding-left: 4rem !important;
    }
     .p-xl-17 {
         padding: 4.25rem !important;
    }
     .pt-xl-17, .py-xl-17 {
         padding-top: 4.25rem !important;
    }
     .pr-xl-17, .px-xl-17 {
         padding-right: 4.25rem !important;
    }
     .pb-xl-17, .py-xl-17 {
         padding-bottom: 4.25rem !important;
    }
     .pl-xl-17, .px-xl-17 {
         padding-left: 4.25rem !important;
    }
     .p-xl-18 {
         padding: 4.5rem !important;
    }
     .pt-xl-18, .py-xl-18 {
         padding-top: 4.5rem !important;
    }
     .pr-xl-18, .px-xl-18 {
         padding-right: 4.5rem !important;
    }
     .pb-xl-18, .py-xl-18 {
         padding-bottom: 4.5rem !important;
    }
     .pl-xl-18, .px-xl-18 {
         padding-left: 4.5rem !important;
    }
     .p-xl-19 {
         padding: 4.75rem !important;
    }
     .pt-xl-19, .py-xl-19 {
         padding-top: 4.75rem !important;
    }
     .pr-xl-19, .px-xl-19 {
         padding-right: 4.75rem !important;
    }
     .pb-xl-19, .py-xl-19 {
         padding-bottom: 4.75rem !important;
    }
     .pl-xl-19, .px-xl-19 {
         padding-left: 4.75rem !important;
    }
     .p-xl-20 {
         padding: 5rem !important;
    }
     .pt-xl-20, .py-xl-20 {
         padding-top: 5rem !important;
    }
     .pr-xl-20, .px-xl-20 {
         padding-right: 5rem !important;
    }
     .pb-xl-20, .py-xl-20 {
         padding-bottom: 5rem !important;
    }
     .pl-xl-20, .px-xl-20 {
         padding-left: 5rem !important;
    }
     .p-xl-21 {
         padding: 5.25rem !important;
    }
     .pt-xl-21, .py-xl-21 {
         padding-top: 5.25rem !important;
    }
     .pr-xl-21, .px-xl-21 {
         padding-right: 5.25rem !important;
    }
     .pb-xl-21, .py-xl-21 {
         padding-bottom: 5.25rem !important;
    }
     .pl-xl-21, .px-xl-21 {
         padding-left: 5.25rem !important;
    }
     .p-xl-22 {
         padding: 5.5rem !important;
    }
     .pt-xl-22, .py-xl-22 {
         padding-top: 5.5rem !important;
    }
     .pr-xl-22, .px-xl-22 {
         padding-right: 5.5rem !important;
    }
     .pb-xl-22, .py-xl-22 {
         padding-bottom: 5.5rem !important;
    }
     .pl-xl-22, .px-xl-22 {
         padding-left: 5.5rem !important;
    }
     .p-xl-23 {
         padding: 5.75rem !important;
    }
     .pt-xl-23, .py-xl-23 {
         padding-top: 5.75rem !important;
    }
     .pr-xl-23, .px-xl-23 {
         padding-right: 5.75rem !important;
    }
     .pb-xl-23, .py-xl-23 {
         padding-bottom: 5.75rem !important;
    }
     .pl-xl-23, .px-xl-23 {
         padding-left: 5.75rem !important;
    }
     .p-xl-24 {
         padding: 6rem !important;
    }
     .pt-xl-24, .py-xl-24 {
         padding-top: 6rem !important;
    }
     .pr-xl-24, .px-xl-24 {
         padding-right: 6rem !important;
    }
     .pb-xl-24, .py-xl-24 {
         padding-bottom: 6rem !important;
    }
     .pl-xl-24, .px-xl-24 {
         padding-left: 6rem !important;
    }
     .p-xl-25 {
         padding: 6.25rem !important;
    }
     .pt-xl-25, .py-xl-25 {
         padding-top: 6.25rem !important;
    }
     .pr-xl-25, .px-xl-25 {
         padding-right: 6.25rem !important;
    }
     .pb-xl-25, .py-xl-25 {
         padding-bottom: 6.25rem !important;
    }
     .pl-xl-25, .px-xl-25 {
         padding-left: 6.25rem !important;
    }
     .p-xl-26 {
         padding: 6.5rem !important;
    }
     .pt-xl-26, .py-xl-26 {
         padding-top: 6.5rem !important;
    }
     .pr-xl-26, .px-xl-26 {
         padding-right: 6.5rem !important;
    }
     .pb-xl-26, .py-xl-26 {
         padding-bottom: 6.5rem !important;
    }
     .pl-xl-26, .px-xl-26 {
         padding-left: 6.5rem !important;
    }
     .p-xl-27 {
         padding: 6.75rem !important;
    }
     .pt-xl-27, .py-xl-27 {
         padding-top: 6.75rem !important;
    }
     .pr-xl-27, .px-xl-27 {
         padding-right: 6.75rem !important;
    }
     .pb-xl-27, .py-xl-27 {
         padding-bottom: 6.75rem !important;
    }
     .pl-xl-27, .px-xl-27 {
         padding-left: 6.75rem !important;
    }
     .p-xl-28 {
         padding: 7rem !important;
    }
     .pt-xl-28, .py-xl-28 {
         padding-top: 7rem !important;
    }
     .pr-xl-28, .px-xl-28 {
         padding-right: 7rem !important;
    }
     .pb-xl-28, .py-xl-28 {
         padding-bottom: 7rem !important;
    }
     .pl-xl-28, .px-xl-28 {
         padding-left: 7rem !important;
    }
     .p-xl-29 {
         padding: 7.25rem !important;
    }
     .pt-xl-29, .py-xl-29 {
         padding-top: 7.25rem !important;
    }
     .pr-xl-29, .px-xl-29 {
         padding-right: 7.25rem !important;
    }
     .pb-xl-29, .py-xl-29 {
         padding-bottom: 7.25rem !important;
    }
     .pl-xl-29, .px-xl-29 {
         padding-left: 7.25rem !important;
    }
     .p-xl-30 {
         padding: 7.5rem !important;
    }
     .pt-xl-30, .py-xl-30 {
         padding-top: 7.5rem !important;
    }
     .pr-xl-30, .px-xl-30 {
         padding-right: 7.5rem !important;
    }
     .pb-xl-30, .py-xl-30 {
         padding-bottom: 7.5rem !important;
    }
     .pl-xl-30, .px-xl-30 {
         padding-left: 7.5rem !important;
    }
     .p-xl-31 {
         padding: 7.75rem !important;
    }
     .pt-xl-31, .py-xl-31 {
         padding-top: 7.75rem !important;
    }
     .pr-xl-31, .px-xl-31 {
         padding-right: 7.75rem !important;
    }
     .pb-xl-31, .py-xl-31 {
         padding-bottom: 7.75rem !important;
    }
     .pl-xl-31, .px-xl-31 {
         padding-left: 7.75rem !important;
    }
     .p-xl-32 {
         padding: 8rem !important;
    }
     .pt-xl-32, .py-xl-32 {
         padding-top: 8rem !important;
    }
     .pr-xl-32, .px-xl-32 {
         padding-right: 8rem !important;
    }
     .pb-xl-32, .py-xl-32 {
         padding-bottom: 8rem !important;
    }
     .pl-xl-32, .px-xl-32 {
         padding-left: 8rem !important;
    }
     .p-xl-33 {
         padding: 8.25rem !important;
    }
     .pt-xl-33, .py-xl-33 {
         padding-top: 8.25rem !important;
    }
     .pr-xl-33, .px-xl-33 {
         padding-right: 8.25rem !important;
    }
     .pb-xl-33, .py-xl-33 {
         padding-bottom: 8.25rem !important;
    }
     .pl-xl-33, .px-xl-33 {
         padding-left: 8.25rem !important;
    }
     .p-xl-34 {
         padding: 8.5rem !important;
    }
     .pt-xl-34, .py-xl-34 {
         padding-top: 8.5rem !important;
    }
     .pr-xl-34, .px-xl-34 {
         padding-right: 8.5rem !important;
    }
     .pb-xl-34, .py-xl-34 {
         padding-bottom: 8.5rem !important;
    }
     .pl-xl-34, .px-xl-34 {
         padding-left: 8.5rem !important;
    }
     .p-xl-35 {
         padding: 8.75rem !important;
    }
     .pt-xl-35, .py-xl-35 {
         padding-top: 8.75rem !important;
    }
     .pr-xl-35, .px-xl-35 {
         padding-right: 8.75rem !important;
    }
     .pb-xl-35, .py-xl-35 {
         padding-bottom: 8.75rem !important;
    }
     .pl-xl-35, .px-xl-35 {
         padding-left: 8.75rem !important;
    }
     .p-xl-36 {
         padding: 9rem !important;
    }
     .pt-xl-36, .py-xl-36 {
         padding-top: 9rem !important;
    }
     .pr-xl-36, .px-xl-36 {
         padding-right: 9rem !important;
    }
     .pb-xl-36, .py-xl-36 {
         padding-bottom: 9rem !important;
    }
     .pl-xl-36, .px-xl-36 {
         padding-left: 9rem !important;
    }
     .p-xl-37 {
         padding: 9.25rem !important;
    }
     .pt-xl-37, .py-xl-37 {
         padding-top: 9.25rem !important;
    }
     .pr-xl-37, .px-xl-37 {
         padding-right: 9.25rem !important;
    }
     .pb-xl-37, .py-xl-37 {
         padding-bottom: 9.25rem !important;
    }
     .pl-xl-37, .px-xl-37 {
         padding-left: 9.25rem !important;
    }
     .p-xl-48 {
         padding: 9.5rem !important;
    }
     .pt-xl-48, .py-xl-48 {
         padding-top: 9.5rem !important;
    }
     .pr-xl-48, .px-xl-48 {
         padding-right: 9.5rem !important;
    }
     .pb-xl-48, .py-xl-48 {
         padding-bottom: 9.5rem !important;
    }
     .pl-xl-48, .px-xl-48 {
         padding-left: 9.5rem !important;
    }
     .p-xl-39 {
         padding: 9.75rem !important;
    }
     .pt-xl-39, .py-xl-39 {
         padding-top: 9.75rem !important;
    }
     .pr-xl-39, .px-xl-39 {
         padding-right: 9.75rem !important;
    }
     .pb-xl-39, .py-xl-39 {
         padding-bottom: 9.75rem !important;
    }
     .pl-xl-39, .px-xl-39 {
         padding-left: 9.75rem !important;
    }
     .p-xl-40 {
         padding: 10rem !important;
    }
     .pt-xl-40, .py-xl-40 {
         padding-top: 10rem !important;
    }
     .pr-xl-40, .px-xl-40 {
         padding-right: 10rem !important;
    }
     .pb-xl-40, .py-xl-40 {
         padding-bottom: 10rem !important;
    }
     .pl-xl-40, .px-xl-40 {
         padding-left: 10rem !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: -0.75rem !important;
    }
     .mt-xl-n3, .my-xl-n3 {
         margin-top: -0.75rem !important;
    }
     .mr-xl-n3, .mx-xl-n3 {
         margin-right: -0.75rem !important;
    }
     .mb-xl-n3, .my-xl-n3 {
         margin-bottom: -0.75rem !important;
    }
     .ml-xl-n3, .mx-xl-n3 {
         margin-left: -0.75rem !important;
    }
     .m-xl-n4 {
         margin: -1rem !important;
    }
     .mt-xl-n4, .my-xl-n4 {
         margin-top: -1rem !important;
    }
     .mr-xl-n4, .mx-xl-n4 {
         margin-right: -1rem !important;
    }
     .mb-xl-n4, .my-xl-n4 {
         margin-bottom: -1rem !important;
    }
     .ml-xl-n4, .mx-xl-n4 {
         margin-left: -1rem !important;
    }
     .m-xl-n5 {
         margin: -1.25rem !important;
    }
     .mt-xl-n5, .my-xl-n5 {
         margin-top: -1.25rem !important;
    }
     .mr-xl-n5, .mx-xl-n5 {
         margin-right: -1.25rem !important;
    }
     .mb-xl-n5, .my-xl-n5 {
         margin-bottom: -1.25rem !important;
    }
     .ml-xl-n5, .mx-xl-n5 {
         margin-left: -1.25rem !important;
    }
     .m-xl-n6 {
         margin: -1.5rem !important;
    }
     .mt-xl-n6, .my-xl-n6 {
         margin-top: -1.5rem !important;
    }
     .mr-xl-n6, .mx-xl-n6 {
         margin-right: -1.5rem !important;
    }
     .mb-xl-n6, .my-xl-n6 {
         margin-bottom: -1.5rem !important;
    }
     .ml-xl-n6, .mx-xl-n6 {
         margin-left: -1.5rem !important;
    }
     .m-xl-n7 {
         margin: -1.75rem !important;
    }
     .mt-xl-n7, .my-xl-n7 {
         margin-top: -1.75rem !important;
    }
     .mr-xl-n7, .mx-xl-n7 {
         margin-right: -1.75rem !important;
    }
     .mb-xl-n7, .my-xl-n7 {
         margin-bottom: -1.75rem !important;
    }
     .ml-xl-n7, .mx-xl-n7 {
         margin-left: -1.75rem !important;
    }
     .m-xl-n8 {
         margin: -2rem !important;
    }
     .mt-xl-n8, .my-xl-n8 {
         margin-top: -2rem !important;
    }
     .mr-xl-n8, .mx-xl-n8 {
         margin-right: -2rem !important;
    }
     .mb-xl-n8, .my-xl-n8 {
         margin-bottom: -2rem !important;
    }
     .ml-xl-n8, .mx-xl-n8 {
         margin-left: -2rem !important;
    }
     .m-xl-n9 {
         margin: -2.25rem !important;
    }
     .mt-xl-n9, .my-xl-n9 {
         margin-top: -2.25rem !important;
    }
     .mr-xl-n9, .mx-xl-n9 {
         margin-right: -2.25rem !important;
    }
     .mb-xl-n9, .my-xl-n9 {
         margin-bottom: -2.25rem !important;
    }
     .ml-xl-n9, .mx-xl-n9 {
         margin-left: -2.25rem !important;
    }
     .m-xl-n10 {
         margin: -2.5rem !important;
    }
     .mt-xl-n10, .my-xl-n10 {
         margin-top: -2.5rem !important;
    }
     .mr-xl-n10, .mx-xl-n10 {
         margin-right: -2.5rem !important;
    }
     .mb-xl-n10, .my-xl-n10 {
         margin-bottom: -2.5rem !important;
    }
     .ml-xl-n10, .mx-xl-n10 {
         margin-left: -2.5rem !important;
    }
     .m-xl-n11 {
         margin: -2.75rem !important;
    }
     .mt-xl-n11, .my-xl-n11 {
         margin-top: -2.75rem !important;
    }
     .mr-xl-n11, .mx-xl-n11 {
         margin-right: -2.75rem !important;
    }
     .mb-xl-n11, .my-xl-n11 {
         margin-bottom: -2.75rem !important;
    }
     .ml-xl-n11, .mx-xl-n11 {
         margin-left: -2.75rem !important;
    }
     .m-xl-n12 {
         margin: -3rem !important;
    }
     .mt-xl-n12, .my-xl-n12 {
         margin-top: -3rem !important;
    }
     .mr-xl-n12, .mx-xl-n12 {
         margin-right: -3rem !important;
    }
     .mb-xl-n12, .my-xl-n12 {
         margin-bottom: -3rem !important;
    }
     .ml-xl-n12, .mx-xl-n12 {
         margin-left: -3rem !important;
    }
     .m-xl-n13 {
         margin: -3.25rem !important;
    }
     .mt-xl-n13, .my-xl-n13 {
         margin-top: -3.25rem !important;
    }
     .mr-xl-n13, .mx-xl-n13 {
         margin-right: -3.25rem !important;
    }
     .mb-xl-n13, .my-xl-n13 {
         margin-bottom: -3.25rem !important;
    }
     .ml-xl-n13, .mx-xl-n13 {
         margin-left: -3.25rem !important;
    }
     .m-xl-n14 {
         margin: -3.5rem !important;
    }
     .mt-xl-n14, .my-xl-n14 {
         margin-top: -3.5rem !important;
    }
     .mr-xl-n14, .mx-xl-n14 {
         margin-right: -3.5rem !important;
    }
     .mb-xl-n14, .my-xl-n14 {
         margin-bottom: -3.5rem !important;
    }
     .ml-xl-n14, .mx-xl-n14 {
         margin-left: -3.5rem !important;
    }
     .m-xl-n15 {
         margin: -3.75rem !important;
    }
     .mt-xl-n15, .my-xl-n15 {
         margin-top: -3.75rem !important;
    }
     .mr-xl-n15, .mx-xl-n15 {
         margin-right: -3.75rem !important;
    }
     .mb-xl-n15, .my-xl-n15 {
         margin-bottom: -3.75rem !important;
    }
     .ml-xl-n15, .mx-xl-n15 {
         margin-left: -3.75rem !important;
    }
     .m-xl-n16 {
         margin: -4rem !important;
    }
     .mt-xl-n16, .my-xl-n16 {
         margin-top: -4rem !important;
    }
     .mr-xl-n16, .mx-xl-n16 {
         margin-right: -4rem !important;
    }
     .mb-xl-n16, .my-xl-n16 {
         margin-bottom: -4rem !important;
    }
     .ml-xl-n16, .mx-xl-n16 {
         margin-left: -4rem !important;
    }
     .m-xl-n17 {
         margin: -4.25rem !important;
    }
     .mt-xl-n17, .my-xl-n17 {
         margin-top: -4.25rem !important;
    }
     .mr-xl-n17, .mx-xl-n17 {
         margin-right: -4.25rem !important;
    }
     .mb-xl-n17, .my-xl-n17 {
         margin-bottom: -4.25rem !important;
    }
     .ml-xl-n17, .mx-xl-n17 {
         margin-left: -4.25rem !important;
    }
     .m-xl-n18 {
         margin: -4.5rem !important;
    }
     .mt-xl-n18, .my-xl-n18 {
         margin-top: -4.5rem !important;
    }
     .mr-xl-n18, .mx-xl-n18 {
         margin-right: -4.5rem !important;
    }
     .mb-xl-n18, .my-xl-n18 {
         margin-bottom: -4.5rem !important;
    }
     .ml-xl-n18, .mx-xl-n18 {
         margin-left: -4.5rem !important;
    }
     .m-xl-n19 {
         margin: -4.75rem !important;
    }
     .mt-xl-n19, .my-xl-n19 {
         margin-top: -4.75rem !important;
    }
     .mr-xl-n19, .mx-xl-n19 {
         margin-right: -4.75rem !important;
    }
     .mb-xl-n19, .my-xl-n19 {
         margin-bottom: -4.75rem !important;
    }
     .ml-xl-n19, .mx-xl-n19 {
         margin-left: -4.75rem !important;
    }
     .m-xl-n20 {
         margin: -5rem !important;
    }
     .mt-xl-n20, .my-xl-n20 {
         margin-top: -5rem !important;
    }
     .mr-xl-n20, .mx-xl-n20 {
         margin-right: -5rem !important;
    }
     .mb-xl-n20, .my-xl-n20 {
         margin-bottom: -5rem !important;
    }
     .ml-xl-n20, .mx-xl-n20 {
         margin-left: -5rem !important;
    }
     .m-xl-n21 {
         margin: -5.25rem !important;
    }
     .mt-xl-n21, .my-xl-n21 {
         margin-top: -5.25rem !important;
    }
     .mr-xl-n21, .mx-xl-n21 {
         margin-right: -5.25rem !important;
    }
     .mb-xl-n21, .my-xl-n21 {
         margin-bottom: -5.25rem !important;
    }
     .ml-xl-n21, .mx-xl-n21 {
         margin-left: -5.25rem !important;
    }
     .m-xl-n22 {
         margin: -5.5rem !important;
    }
     .mt-xl-n22, .my-xl-n22 {
         margin-top: -5.5rem !important;
    }
     .mr-xl-n22, .mx-xl-n22 {
         margin-right: -5.5rem !important;
    }
     .mb-xl-n22, .my-xl-n22 {
         margin-bottom: -5.5rem !important;
    }
     .ml-xl-n22, .mx-xl-n22 {
         margin-left: -5.5rem !important;
    }
     .m-xl-n23 {
         margin: -5.75rem !important;
    }
     .mt-xl-n23, .my-xl-n23 {
         margin-top: -5.75rem !important;
    }
     .mr-xl-n23, .mx-xl-n23 {
         margin-right: -5.75rem !important;
    }
     .mb-xl-n23, .my-xl-n23 {
         margin-bottom: -5.75rem !important;
    }
     .ml-xl-n23, .mx-xl-n23 {
         margin-left: -5.75rem !important;
    }
     .m-xl-n24 {
         margin: -6rem !important;
    }
     .mt-xl-n24, .my-xl-n24 {
         margin-top: -6rem !important;
    }
     .mr-xl-n24, .mx-xl-n24 {
         margin-right: -6rem !important;
    }
     .mb-xl-n24, .my-xl-n24 {
         margin-bottom: -6rem !important;
    }
     .ml-xl-n24, .mx-xl-n24 {
         margin-left: -6rem !important;
    }
     .m-xl-n25 {
         margin: -6.25rem !important;
    }
     .mt-xl-n25, .my-xl-n25 {
         margin-top: -6.25rem !important;
    }
     .mr-xl-n25, .mx-xl-n25 {
         margin-right: -6.25rem !important;
    }
     .mb-xl-n25, .my-xl-n25 {
         margin-bottom: -6.25rem !important;
    }
     .ml-xl-n25, .mx-xl-n25 {
         margin-left: -6.25rem !important;
    }
     .m-xl-n26 {
         margin: -6.5rem !important;
    }
     .mt-xl-n26, .my-xl-n26 {
         margin-top: -6.5rem !important;
    }
     .mr-xl-n26, .mx-xl-n26 {
         margin-right: -6.5rem !important;
    }
     .mb-xl-n26, .my-xl-n26 {
         margin-bottom: -6.5rem !important;
    }
     .ml-xl-n26, .mx-xl-n26 {
         margin-left: -6.5rem !important;
    }
     .m-xl-n27 {
         margin: -6.75rem !important;
    }
     .mt-xl-n27, .my-xl-n27 {
         margin-top: -6.75rem !important;
    }
     .mr-xl-n27, .mx-xl-n27 {
         margin-right: -6.75rem !important;
    }
     .mb-xl-n27, .my-xl-n27 {
         margin-bottom: -6.75rem !important;
    }
     .ml-xl-n27, .mx-xl-n27 {
         margin-left: -6.75rem !important;
    }
     .m-xl-n28 {
         margin: -7rem !important;
    }
     .mt-xl-n28, .my-xl-n28 {
         margin-top: -7rem !important;
    }
     .mr-xl-n28, .mx-xl-n28 {
         margin-right: -7rem !important;
    }
     .mb-xl-n28, .my-xl-n28 {
         margin-bottom: -7rem !important;
    }
     .ml-xl-n28, .mx-xl-n28 {
         margin-left: -7rem !important;
    }
     .m-xl-n29 {
         margin: -7.25rem !important;
    }
     .mt-xl-n29, .my-xl-n29 {
         margin-top: -7.25rem !important;
    }
     .mr-xl-n29, .mx-xl-n29 {
         margin-right: -7.25rem !important;
    }
     .mb-xl-n29, .my-xl-n29 {
         margin-bottom: -7.25rem !important;
    }
     .ml-xl-n29, .mx-xl-n29 {
         margin-left: -7.25rem !important;
    }
     .m-xl-n30 {
         margin: -7.5rem !important;
    }
     .mt-xl-n30, .my-xl-n30 {
         margin-top: -7.5rem !important;
    }
     .mr-xl-n30, .mx-xl-n30 {
         margin-right: -7.5rem !important;
    }
     .mb-xl-n30, .my-xl-n30 {
         margin-bottom: -7.5rem !important;
    }
     .ml-xl-n30, .mx-xl-n30 {
         margin-left: -7.5rem !important;
    }
     .m-xl-n31 {
         margin: -7.75rem !important;
    }
     .mt-xl-n31, .my-xl-n31 {
         margin-top: -7.75rem !important;
    }
     .mr-xl-n31, .mx-xl-n31 {
         margin-right: -7.75rem !important;
    }
     .mb-xl-n31, .my-xl-n31 {
         margin-bottom: -7.75rem !important;
    }
     .ml-xl-n31, .mx-xl-n31 {
         margin-left: -7.75rem !important;
    }
     .m-xl-n32 {
         margin: -8rem !important;
    }
     .mt-xl-n32, .my-xl-n32 {
         margin-top: -8rem !important;
    }
     .mr-xl-n32, .mx-xl-n32 {
         margin-right: -8rem !important;
    }
     .mb-xl-n32, .my-xl-n32 {
         margin-bottom: -8rem !important;
    }
     .ml-xl-n32, .mx-xl-n32 {
         margin-left: -8rem !important;
    }
     .m-xl-n33 {
         margin: -8.25rem !important;
    }
     .mt-xl-n33, .my-xl-n33 {
         margin-top: -8.25rem !important;
    }
     .mr-xl-n33, .mx-xl-n33 {
         margin-right: -8.25rem !important;
    }
     .mb-xl-n33, .my-xl-n33 {
         margin-bottom: -8.25rem !important;
    }
     .ml-xl-n33, .mx-xl-n33 {
         margin-left: -8.25rem !important;
    }
     .m-xl-n34 {
         margin: -8.5rem !important;
    }
     .mt-xl-n34, .my-xl-n34 {
         margin-top: -8.5rem !important;
    }
     .mr-xl-n34, .mx-xl-n34 {
         margin-right: -8.5rem !important;
    }
     .mb-xl-n34, .my-xl-n34 {
         margin-bottom: -8.5rem !important;
    }
     .ml-xl-n34, .mx-xl-n34 {
         margin-left: -8.5rem !important;
    }
     .m-xl-n35 {
         margin: -8.75rem !important;
    }
     .mt-xl-n35, .my-xl-n35 {
         margin-top: -8.75rem !important;
    }
     .mr-xl-n35, .mx-xl-n35 {
         margin-right: -8.75rem !important;
    }
     .mb-xl-n35, .my-xl-n35 {
         margin-bottom: -8.75rem !important;
    }
     .ml-xl-n35, .mx-xl-n35 {
         margin-left: -8.75rem !important;
    }
     .m-xl-n36 {
         margin: -9rem !important;
    }
     .mt-xl-n36, .my-xl-n36 {
         margin-top: -9rem !important;
    }
     .mr-xl-n36, .mx-xl-n36 {
         margin-right: -9rem !important;
    }
     .mb-xl-n36, .my-xl-n36 {
         margin-bottom: -9rem !important;
    }
     .ml-xl-n36, .mx-xl-n36 {
         margin-left: -9rem !important;
    }
     .m-xl-n37 {
         margin: -9.25rem !important;
    }
     .mt-xl-n37, .my-xl-n37 {
         margin-top: -9.25rem !important;
    }
     .mr-xl-n37, .mx-xl-n37 {
         margin-right: -9.25rem !important;
    }
     .mb-xl-n37, .my-xl-n37 {
         margin-bottom: -9.25rem !important;
    }
     .ml-xl-n37, .mx-xl-n37 {
         margin-left: -9.25rem !important;
    }
     .m-xl-n48 {
         margin: -9.5rem !important;
    }
     .mt-xl-n48, .my-xl-n48 {
         margin-top: -9.5rem !important;
    }
     .mr-xl-n48, .mx-xl-n48 {
         margin-right: -9.5rem !important;
    }
     .mb-xl-n48, .my-xl-n48 {
         margin-bottom: -9.5rem !important;
    }
     .ml-xl-n48, .mx-xl-n48 {
         margin-left: -9.5rem !important;
    }
     .m-xl-n39 {
         margin: -9.75rem !important;
    }
     .mt-xl-n39, .my-xl-n39 {
         margin-top: -9.75rem !important;
    }
     .mr-xl-n39, .mx-xl-n39 {
         margin-right: -9.75rem !important;
    }
     .mb-xl-n39, .my-xl-n39 {
         margin-bottom: -9.75rem !important;
    }
     .ml-xl-n39, .mx-xl-n39 {
         margin-left: -9.75rem !important;
    }
     .m-xl-n40 {
         margin: -10rem !important;
    }
     .mt-xl-n40, .my-xl-n40 {
         margin-top: -10rem !important;
    }
     .mr-xl-n40, .mx-xl-n40 {
         margin-right: -10rem !important;
    }
     .mb-xl-n40, .my-xl-n40 {
         margin-bottom: -10rem !important;
    }
     .ml-xl-n40, .mx-xl-n40 {
         margin-left: -10rem !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;
    }
}
 @media (min-width: 1480px) {
     .m-xxl-0 {
         margin: 0 !important;
    }
     .mt-xxl-0, .my-xxl-0 {
         margin-top: 0 !important;
    }
     .mr-xxl-0, .mx-xxl-0 {
         margin-right: 0 !important;
    }
     .mb-xxl-0, .my-xxl-0 {
         margin-bottom: 0 !important;
    }
     .ml-xxl-0, .mx-xxl-0 {
         margin-left: 0 !important;
    }
     .m-xxl-1 {
         margin: 0.25rem !important;
    }
     .mt-xxl-1, .my-xxl-1 {
         margin-top: 0.25rem !important;
    }
     .mr-xxl-1, .mx-xxl-1 {
         margin-right: 0.25rem !important;
    }
     .mb-xxl-1, .my-xxl-1 {
         margin-bottom: 0.25rem !important;
    }
     .ml-xxl-1, .mx-xxl-1 {
         margin-left: 0.25rem !important;
    }
     .m-xxl-2 {
         margin: 0.5rem !important;
    }
     .mt-xxl-2, .my-xxl-2 {
         margin-top: 0.5rem !important;
    }
     .mr-xxl-2, .mx-xxl-2 {
         margin-right: 0.5rem !important;
    }
     .mb-xxl-2, .my-xxl-2 {
         margin-bottom: 0.5rem !important;
    }
     .ml-xxl-2, .mx-xxl-2 {
         margin-left: 0.5rem !important;
    }
     .m-xxl-3 {
         margin: 0.75rem !important;
    }
     .mt-xxl-3, .my-xxl-3 {
         margin-top: 0.75rem !important;
    }
     .mr-xxl-3, .mx-xxl-3 {
         margin-right: 0.75rem !important;
    }
     .mb-xxl-3, .my-xxl-3 {
         margin-bottom: 0.75rem !important;
    }
     .ml-xxl-3, .mx-xxl-3 {
         margin-left: 0.75rem !important;
    }
     .m-xxl-4 {
         margin: 1rem !important;
    }
     .mt-xxl-4, .my-xxl-4 {
         margin-top: 1rem !important;
    }
     .mr-xxl-4, .mx-xxl-4 {
         margin-right: 1rem !important;
    }
     .mb-xxl-4, .my-xxl-4 {
         margin-bottom: 1rem !important;
    }
     .ml-xxl-4, .mx-xxl-4 {
         margin-left: 1rem !important;
    }
     .m-xxl-5 {
         margin: 1.25rem !important;
    }
     .mt-xxl-5, .my-xxl-5 {
         margin-top: 1.25rem !important;
    }
     .mr-xxl-5, .mx-xxl-5 {
         margin-right: 1.25rem !important;
    }
     .mb-xxl-5, .my-xxl-5 {
         margin-bottom: 1.25rem !important;
    }
     .ml-xxl-5, .mx-xxl-5 {
         margin-left: 1.25rem !important;
    }
     .m-xxl-6 {
         margin: 1.5rem !important;
    }
     .mt-xxl-6, .my-xxl-6 {
         margin-top: 1.5rem !important;
    }
     .mr-xxl-6, .mx-xxl-6 {
         margin-right: 1.5rem !important;
    }
     .mb-xxl-6, .my-xxl-6 {
         margin-bottom: 1.5rem !important;
    }
     .ml-xxl-6, .mx-xxl-6 {
         margin-left: 1.5rem !important;
    }
     .m-xxl-7 {
         margin: 1.75rem !important;
    }
     .mt-xxl-7, .my-xxl-7 {
         margin-top: 1.75rem !important;
    }
     .mr-xxl-7, .mx-xxl-7 {
         margin-right: 1.75rem !important;
    }
     .mb-xxl-7, .my-xxl-7 {
         margin-bottom: 1.75rem !important;
    }
     .ml-xxl-7, .mx-xxl-7 {
         margin-left: 1.75rem !important;
    }
     .m-xxl-8 {
         margin: 2rem !important;
    }
     .mt-xxl-8, .my-xxl-8 {
         margin-top: 2rem !important;
    }
     .mr-xxl-8, .mx-xxl-8 {
         margin-right: 2rem !important;
    }
     .mb-xxl-8, .my-xxl-8 {
         margin-bottom: 2rem !important;
    }
     .ml-xxl-8, .mx-xxl-8 {
         margin-left: 2rem !important;
    }
     .m-xxl-9 {
         margin: 2.25rem !important;
    }
     .mt-xxl-9, .my-xxl-9 {
         margin-top: 2.25rem !important;
    }
     .mr-xxl-9, .mx-xxl-9 {
         margin-right: 2.25rem !important;
    }
     .mb-xxl-9, .my-xxl-9 {
         margin-bottom: 2.25rem !important;
    }
     .ml-xxl-9, .mx-xxl-9 {
         margin-left: 2.25rem !important;
    }
     .m-xxl-10 {
         margin: 2.5rem !important;
    }
     .mt-xxl-10, .my-xxl-10 {
         margin-top: 2.5rem !important;
    }
     .mr-xxl-10, .mx-xxl-10 {
         margin-right: 2.5rem !important;
    }
     .mb-xxl-10, .my-xxl-10 {
         margin-bottom: 2.5rem !important;
    }
     .ml-xxl-10, .mx-xxl-10 {
         margin-left: 2.5rem !important;
    }
     .m-xxl-11 {
         margin: 2.75rem !important;
    }
     .mt-xxl-11, .my-xxl-11 {
         margin-top: 2.75rem !important;
    }
     .mr-xxl-11, .mx-xxl-11 {
         margin-right: 2.75rem !important;
    }
     .mb-xxl-11, .my-xxl-11 {
         margin-bottom: 2.75rem !important;
    }
     .ml-xxl-11, .mx-xxl-11 {
         margin-left: 2.75rem !important;
    }
     .m-xxl-12 {
         margin: 3rem !important;
    }
     .mt-xxl-12, .my-xxl-12 {
         margin-top: 3rem !important;
    }
     .mr-xxl-12, .mx-xxl-12 {
         margin-right: 3rem !important;
    }
     .mb-xxl-12, .my-xxl-12 {
         margin-bottom: 3rem !important;
    }
     .ml-xxl-12, .mx-xxl-12 {
         margin-left: 3rem !important;
    }
     .m-xxl-13 {
         margin: 3.25rem !important;
    }
     .mt-xxl-13, .my-xxl-13 {
         margin-top: 3.25rem !important;
    }
     .mr-xxl-13, .mx-xxl-13 {
         margin-right: 3.25rem !important;
    }
     .mb-xxl-13, .my-xxl-13 {
         margin-bottom: 3.25rem !important;
    }
     .ml-xxl-13, .mx-xxl-13 {
         margin-left: 3.25rem !important;
    }
     .m-xxl-14 {
         margin: 3.5rem !important;
    }
     .mt-xxl-14, .my-xxl-14 {
         margin-top: 3.5rem !important;
    }
     .mr-xxl-14, .mx-xxl-14 {
         margin-right: 3.5rem !important;
    }
     .mb-xxl-14, .my-xxl-14 {
         margin-bottom: 3.5rem !important;
    }
     .ml-xxl-14, .mx-xxl-14 {
         margin-left: 3.5rem !important;
    }
     .m-xxl-15 {
         margin: 3.75rem !important;
    }
     .mt-xxl-15, .my-xxl-15 {
         margin-top: 3.75rem !important;
    }
     .mr-xxl-15, .mx-xxl-15 {
         margin-right: 3.75rem !important;
    }
     .mb-xxl-15, .my-xxl-15 {
         margin-bottom: 3.75rem !important;
    }
     .ml-xxl-15, .mx-xxl-15 {
         margin-left: 3.75rem !important;
    }
     .m-xxl-16 {
         margin: 4rem !important;
    }
     .mt-xxl-16, .my-xxl-16 {
         margin-top: 4rem !important;
    }
     .mr-xxl-16, .mx-xxl-16 {
         margin-right: 4rem !important;
    }
     .mb-xxl-16, .my-xxl-16 {
         margin-bottom: 4rem !important;
    }
     .ml-xxl-16, .mx-xxl-16 {
         margin-left: 4rem !important;
    }
     .m-xxl-17 {
         margin: 4.25rem !important;
    }
     .mt-xxl-17, .my-xxl-17 {
         margin-top: 4.25rem !important;
    }
     .mr-xxl-17, .mx-xxl-17 {
         margin-right: 4.25rem !important;
    }
     .mb-xxl-17, .my-xxl-17 {
         margin-bottom: 4.25rem !important;
    }
     .ml-xxl-17, .mx-xxl-17 {
         margin-left: 4.25rem !important;
    }
     .m-xxl-18 {
         margin: 4.5rem !important;
    }
     .mt-xxl-18, .my-xxl-18 {
         margin-top: 4.5rem !important;
    }
     .mr-xxl-18, .mx-xxl-18 {
         margin-right: 4.5rem !important;
    }
     .mb-xxl-18, .my-xxl-18 {
         margin-bottom: 4.5rem !important;
    }
     .ml-xxl-18, .mx-xxl-18 {
         margin-left: 4.5rem !important;
    }
     .m-xxl-19 {
         margin: 4.75rem !important;
    }
     .mt-xxl-19, .my-xxl-19 {
         margin-top: 4.75rem !important;
    }
     .mr-xxl-19, .mx-xxl-19 {
         margin-right: 4.75rem !important;
    }
     .mb-xxl-19, .my-xxl-19 {
         margin-bottom: 4.75rem !important;
    }
     .ml-xxl-19, .mx-xxl-19 {
         margin-left: 4.75rem !important;
    }
     .m-xxl-20 {
         margin: 5rem !important;
    }
     .mt-xxl-20, .my-xxl-20 {
         margin-top: 5rem !important;
    }
     .mr-xxl-20, .mx-xxl-20 {
         margin-right: 5rem !important;
    }
     .mb-xxl-20, .my-xxl-20 {
         margin-bottom: 5rem !important;
    }
     .ml-xxl-20, .mx-xxl-20 {
         margin-left: 5rem !important;
    }
     .m-xxl-21 {
         margin: 5.25rem !important;
    }
     .mt-xxl-21, .my-xxl-21 {
         margin-top: 5.25rem !important;
    }
     .mr-xxl-21, .mx-xxl-21 {
         margin-right: 5.25rem !important;
    }
     .mb-xxl-21, .my-xxl-21 {
         margin-bottom: 5.25rem !important;
    }
     .ml-xxl-21, .mx-xxl-21 {
         margin-left: 5.25rem !important;
    }
     .m-xxl-22 {
         margin: 5.5rem !important;
    }
     .mt-xxl-22, .my-xxl-22 {
         margin-top: 5.5rem !important;
    }
     .mr-xxl-22, .mx-xxl-22 {
         margin-right: 5.5rem !important;
    }
     .mb-xxl-22, .my-xxl-22 {
         margin-bottom: 5.5rem !important;
    }
     .ml-xxl-22, .mx-xxl-22 {
         margin-left: 5.5rem !important;
    }
     .m-xxl-23 {
         margin: 5.75rem !important;
    }
     .mt-xxl-23, .my-xxl-23 {
         margin-top: 5.75rem !important;
    }
     .mr-xxl-23, .mx-xxl-23 {
         margin-right: 5.75rem !important;
    }
     .mb-xxl-23, .my-xxl-23 {
         margin-bottom: 5.75rem !important;
    }
     .ml-xxl-23, .mx-xxl-23 {
         margin-left: 5.75rem !important;
    }
     .m-xxl-24 {
         margin: 6rem !important;
    }
     .mt-xxl-24, .my-xxl-24 {
         margin-top: 6rem !important;
    }
     .mr-xxl-24, .mx-xxl-24 {
         margin-right: 6rem !important;
    }
     .mb-xxl-24, .my-xxl-24 {
         margin-bottom: 6rem !important;
    }
     .ml-xxl-24, .mx-xxl-24 {
         margin-left: 6rem !important;
    }
     .m-xxl-25 {
         margin: 6.25rem !important;
    }
     .mt-xxl-25, .my-xxl-25 {
         margin-top: 6.25rem !important;
    }
     .mr-xxl-25, .mx-xxl-25 {
         margin-right: 6.25rem !important;
    }
     .mb-xxl-25, .my-xxl-25 {
         margin-bottom: 6.25rem !important;
    }
     .ml-xxl-25, .mx-xxl-25 {
         margin-left: 6.25rem !important;
    }
     .m-xxl-26 {
         margin: 6.5rem !important;
    }
     .mt-xxl-26, .my-xxl-26 {
         margin-top: 6.5rem !important;
    }
     .mr-xxl-26, .mx-xxl-26 {
         margin-right: 6.5rem !important;
    }
     .mb-xxl-26, .my-xxl-26 {
         margin-bottom: 6.5rem !important;
    }
     .ml-xxl-26, .mx-xxl-26 {
         margin-left: 6.5rem !important;
    }
     .m-xxl-27 {
         margin: 6.75rem !important;
    }
     .mt-xxl-27, .my-xxl-27 {
         margin-top: 6.75rem !important;
    }
     .mr-xxl-27, .mx-xxl-27 {
         margin-right: 6.75rem !important;
    }
     .mb-xxl-27, .my-xxl-27 {
         margin-bottom: 6.75rem !important;
    }
     .ml-xxl-27, .mx-xxl-27 {
         margin-left: 6.75rem !important;
    }
     .m-xxl-28 {
         margin: 7rem !important;
    }
     .mt-xxl-28, .my-xxl-28 {
         margin-top: 7rem !important;
    }
     .mr-xxl-28, .mx-xxl-28 {
         margin-right: 7rem !important;
    }
     .mb-xxl-28, .my-xxl-28 {
         margin-bottom: 7rem !important;
    }
     .ml-xxl-28, .mx-xxl-28 {
         margin-left: 7rem !important;
    }
     .m-xxl-29 {
         margin: 7.25rem !important;
    }
     .mt-xxl-29, .my-xxl-29 {
         margin-top: 7.25rem !important;
    }
     .mr-xxl-29, .mx-xxl-29 {
         margin-right: 7.25rem !important;
    }
     .mb-xxl-29, .my-xxl-29 {
         margin-bottom: 7.25rem !important;
    }
     .ml-xxl-29, .mx-xxl-29 {
         margin-left: 7.25rem !important;
    }
     .m-xxl-30 {
         margin: 7.5rem !important;
    }
     .mt-xxl-30, .my-xxl-30 {
         margin-top: 7.5rem !important;
    }
     .mr-xxl-30, .mx-xxl-30 {
         margin-right: 7.5rem !important;
    }
     .mb-xxl-30, .my-xxl-30 {
         margin-bottom: 7.5rem !important;
    }
     .ml-xxl-30, .mx-xxl-30 {
         margin-left: 7.5rem !important;
    }
     .m-xxl-31 {
         margin: 7.75rem !important;
    }
     .mt-xxl-31, .my-xxl-31 {
         margin-top: 7.75rem !important;
    }
     .mr-xxl-31, .mx-xxl-31 {
         margin-right: 7.75rem !important;
    }
     .mb-xxl-31, .my-xxl-31 {
         margin-bottom: 7.75rem !important;
    }
     .ml-xxl-31, .mx-xxl-31 {
         margin-left: 7.75rem !important;
    }
     .m-xxl-32 {
         margin: 8rem !important;
    }
     .mt-xxl-32, .my-xxl-32 {
         margin-top: 8rem !important;
    }
     .mr-xxl-32, .mx-xxl-32 {
         margin-right: 8rem !important;
    }
     .mb-xxl-32, .my-xxl-32 {
         margin-bottom: 8rem !important;
    }
     .ml-xxl-32, .mx-xxl-32 {
         margin-left: 8rem !important;
    }
     .m-xxl-33 {
         margin: 8.25rem !important;
    }
     .mt-xxl-33, .my-xxl-33 {
         margin-top: 8.25rem !important;
    }
     .mr-xxl-33, .mx-xxl-33 {
         margin-right: 8.25rem !important;
    }
     .mb-xxl-33, .my-xxl-33 {
         margin-bottom: 8.25rem !important;
    }
     .ml-xxl-33, .mx-xxl-33 {
         margin-left: 8.25rem !important;
    }
     .m-xxl-34 {
         margin: 8.5rem !important;
    }
     .mt-xxl-34, .my-xxl-34 {
         margin-top: 8.5rem !important;
    }
     .mr-xxl-34, .mx-xxl-34 {
         margin-right: 8.5rem !important;
    }
     .mb-xxl-34, .my-xxl-34 {
         margin-bottom: 8.5rem !important;
    }
     .ml-xxl-34, .mx-xxl-34 {
         margin-left: 8.5rem !important;
    }
     .m-xxl-35 {
         margin: 8.75rem !important;
    }
     .mt-xxl-35, .my-xxl-35 {
         margin-top: 8.75rem !important;
    }
     .mr-xxl-35, .mx-xxl-35 {
         margin-right: 8.75rem !important;
    }
     .mb-xxl-35, .my-xxl-35 {
         margin-bottom: 8.75rem !important;
    }
     .ml-xxl-35, .mx-xxl-35 {
         margin-left: 8.75rem !important;
    }
     .m-xxl-36 {
         margin: 9rem !important;
    }
     .mt-xxl-36, .my-xxl-36 {
         margin-top: 9rem !important;
    }
     .mr-xxl-36, .mx-xxl-36 {
         margin-right: 9rem !important;
    }
     .mb-xxl-36, .my-xxl-36 {
         margin-bottom: 9rem !important;
    }
     .ml-xxl-36, .mx-xxl-36 {
         margin-left: 9rem !important;
    }
     .m-xxl-37 {
         margin: 9.25rem !important;
    }
     .mt-xxl-37, .my-xxl-37 {
         margin-top: 9.25rem !important;
    }
     .mr-xxl-37, .mx-xxl-37 {
         margin-right: 9.25rem !important;
    }
     .mb-xxl-37, .my-xxl-37 {
         margin-bottom: 9.25rem !important;
    }
     .ml-xxl-37, .mx-xxl-37 {
         margin-left: 9.25rem !important;
    }
     .m-xxl-48 {
         margin: 9.5rem !important;
    }
     .mt-xxl-48, .my-xxl-48 {
         margin-top: 9.5rem !important;
    }
     .mr-xxl-48, .mx-xxl-48 {
         margin-right: 9.5rem !important;
    }
     .mb-xxl-48, .my-xxl-48 {
         margin-bottom: 9.5rem !important;
    }
     .ml-xxl-48, .mx-xxl-48 {
         margin-left: 9.5rem !important;
    }
     .m-xxl-39 {
         margin: 9.75rem !important;
    }
     .mt-xxl-39, .my-xxl-39 {
         margin-top: 9.75rem !important;
    }
     .mr-xxl-39, .mx-xxl-39 {
         margin-right: 9.75rem !important;
    }
     .mb-xxl-39, .my-xxl-39 {
         margin-bottom: 9.75rem !important;
    }
     .ml-xxl-39, .mx-xxl-39 {
         margin-left: 9.75rem !important;
    }
     .m-xxl-40 {
         margin: 10rem !important;
    }
     .mt-xxl-40, .my-xxl-40 {
         margin-top: 10rem !important;
    }
     .mr-xxl-40, .mx-xxl-40 {
         margin-right: 10rem !important;
    }
     .mb-xxl-40, .my-xxl-40 {
         margin-bottom: 10rem !important;
    }
     .ml-xxl-40, .mx-xxl-40 {
         margin-left: 10rem !important;
    }
     .p-xxl-0 {
         padding: 0 !important;
    }
     .pt-xxl-0, .py-xxl-0 {
         padding-top: 0 !important;
    }
     .pr-xxl-0, .px-xxl-0 {
         padding-right: 0 !important;
    }
     .pb-xxl-0, .py-xxl-0 {
         padding-bottom: 0 !important;
    }
     .pl-xxl-0, .px-xxl-0 {
         padding-left: 0 !important;
    }
     .p-xxl-1 {
         padding: 0.25rem !important;
    }
     .pt-xxl-1, .py-xxl-1 {
         padding-top: 0.25rem !important;
    }
     .pr-xxl-1, .px-xxl-1 {
         padding-right: 0.25rem !important;
    }
     .pb-xxl-1, .py-xxl-1 {
         padding-bottom: 0.25rem !important;
    }
     .pl-xxl-1, .px-xxl-1 {
         padding-left: 0.25rem !important;
    }
     .p-xxl-2 {
         padding: 0.5rem !important;
    }
     .pt-xxl-2, .py-xxl-2 {
         padding-top: 0.5rem !important;
    }
     .pr-xxl-2, .px-xxl-2 {
         padding-right: 0.5rem !important;
    }
     .pb-xxl-2, .py-xxl-2 {
         padding-bottom: 0.5rem !important;
    }
     .pl-xxl-2, .px-xxl-2 {
         padding-left: 0.5rem !important;
    }
     .p-xxl-3 {
         padding: 0.75rem !important;
    }
     .pt-xxl-3, .py-xxl-3 {
         padding-top: 0.75rem !important;
    }
     .pr-xxl-3, .px-xxl-3 {
         padding-right: 0.75rem !important;
    }
     .pb-xxl-3, .py-xxl-3 {
         padding-bottom: 0.75rem !important;
    }
     .pl-xxl-3, .px-xxl-3 {
         padding-left: 0.75rem !important;
    }
     .p-xxl-4 {
         padding: 1rem !important;
    }
     .pt-xxl-4, .py-xxl-4 {
         padding-top: 1rem !important;
    }
     .pr-xxl-4, .px-xxl-4 {
         padding-right: 1rem !important;
    }
     .pb-xxl-4, .py-xxl-4 {
         padding-bottom: 1rem !important;
    }
     .pl-xxl-4, .px-xxl-4 {
         padding-left: 1rem !important;
    }
     .p-xxl-5 {
         padding: 1.25rem !important;
    }
     .pt-xxl-5, .py-xxl-5 {
         padding-top: 1.25rem !important;
    }
     .pr-xxl-5, .px-xxl-5 {
         padding-right: 1.25rem !important;
    }
     .pb-xxl-5, .py-xxl-5 {
         padding-bottom: 1.25rem !important;
    }
     .pl-xxl-5, .px-xxl-5 {
         padding-left: 1.25rem !important;
    }
     .p-xxl-6 {
         padding: 1.5rem !important;
    }
     .pt-xxl-6, .py-xxl-6 {
         padding-top: 1.5rem !important;
    }
     .pr-xxl-6, .px-xxl-6 {
         padding-right: 1.5rem !important;
    }
     .pb-xxl-6, .py-xxl-6 {
         padding-bottom: 1.5rem !important;
    }
     .pl-xxl-6, .px-xxl-6 {
         padding-left: 1.5rem !important;
    }
     .p-xxl-7 {
         padding: 1.75rem !important;
    }
     .pt-xxl-7, .py-xxl-7 {
         padding-top: 1.75rem !important;
    }
     .pr-xxl-7, .px-xxl-7 {
         padding-right: 1.75rem !important;
    }
     .pb-xxl-7, .py-xxl-7 {
         padding-bottom: 1.75rem !important;
    }
     .pl-xxl-7, .px-xxl-7 {
         padding-left: 1.75rem !important;
    }
     .p-xxl-8 {
         padding: 2rem !important;
    }
     .pt-xxl-8, .py-xxl-8 {
         padding-top: 2rem !important;
    }
     .pr-xxl-8, .px-xxl-8 {
         padding-right: 2rem !important;
    }
     .pb-xxl-8, .py-xxl-8 {
         padding-bottom: 2rem !important;
    }
     .pl-xxl-8, .px-xxl-8 {
         padding-left: 2rem !important;
    }
     .p-xxl-9 {
         padding: 2.25rem !important;
    }
     .pt-xxl-9, .py-xxl-9 {
         padding-top: 2.25rem !important;
    }
     .pr-xxl-9, .px-xxl-9 {
         padding-right: 2.25rem !important;
    }
     .pb-xxl-9, .py-xxl-9 {
         padding-bottom: 2.25rem !important;
    }
     .pl-xxl-9, .px-xxl-9 {
         padding-left: 2.25rem !important;
    }
     .p-xxl-10 {
         padding: 2.5rem !important;
    }
     .pt-xxl-10, .py-xxl-10 {
         padding-top: 2.5rem !important;
    }
     .pr-xxl-10, .px-xxl-10 {
         padding-right: 2.5rem !important;
    }
     .pb-xxl-10, .py-xxl-10 {
         padding-bottom: 2.5rem !important;
    }
     .pl-xxl-10, .px-xxl-10 {
         padding-left: 2.5rem !important;
    }
     .p-xxl-11 {
         padding: 2.75rem !important;
    }
     .pt-xxl-11, .py-xxl-11 {
         padding-top: 2.75rem !important;
    }
     .pr-xxl-11, .px-xxl-11 {
         padding-right: 2.75rem !important;
    }
     .pb-xxl-11, .py-xxl-11 {
         padding-bottom: 2.75rem !important;
    }
     .pl-xxl-11, .px-xxl-11 {
         padding-left: 2.75rem !important;
    }
     .p-xxl-12 {
         padding: 3rem !important;
    }
     .pt-xxl-12, .py-xxl-12 {
         padding-top: 3rem !important;
    }
     .pr-xxl-12, .px-xxl-12 {
         padding-right: 3rem !important;
    }
     .pb-xxl-12, .py-xxl-12 {
         padding-bottom: 3rem !important;
    }
     .pl-xxl-12, .px-xxl-12 {
         padding-left: 3rem !important;
    }
     .p-xxl-13 {
         padding: 3.25rem !important;
    }
     .pt-xxl-13, .py-xxl-13 {
         padding-top: 3.25rem !important;
    }
     .pr-xxl-13, .px-xxl-13 {
         padding-right: 3.25rem !important;
    }
     .pb-xxl-13, .py-xxl-13 {
         padding-bottom: 3.25rem !important;
    }
     .pl-xxl-13, .px-xxl-13 {
         padding-left: 3.25rem !important;
    }
     .p-xxl-14 {
         padding: 3.5rem !important;
    }
     .pt-xxl-14, .py-xxl-14 {
         padding-top: 3.5rem !important;
    }
     .pr-xxl-14, .px-xxl-14 {
         padding-right: 3.5rem !important;
    }
     .pb-xxl-14, .py-xxl-14 {
         padding-bottom: 3.5rem !important;
    }
     .pl-xxl-14, .px-xxl-14 {
         padding-left: 3.5rem !important;
    }
     .p-xxl-15 {
         padding: 3.75rem !important;
    }
     .pt-xxl-15, .py-xxl-15 {
         padding-top: 3.75rem !important;
    }
     .pr-xxl-15, .px-xxl-15 {
         padding-right: 3.75rem !important;
    }
     .pb-xxl-15, .py-xxl-15 {
         padding-bottom: 3.75rem !important;
    }
     .pl-xxl-15, .px-xxl-15 {
         padding-left: 3.75rem !important;
    }
     .p-xxl-16 {
         padding: 4rem !important;
    }
     .pt-xxl-16, .py-xxl-16 {
         padding-top: 4rem !important;
    }
     .pr-xxl-16, .px-xxl-16 {
         padding-right: 4rem !important;
    }
     .pb-xxl-16, .py-xxl-16 {
         padding-bottom: 4rem !important;
    }
     .pl-xxl-16, .px-xxl-16 {
         padding-left: 4rem !important;
    }
     .p-xxl-17 {
         padding: 4.25rem !important;
    }
     .pt-xxl-17, .py-xxl-17 {
         padding-top: 4.25rem !important;
    }
     .pr-xxl-17, .px-xxl-17 {
         padding-right: 4.25rem !important;
    }
     .pb-xxl-17, .py-xxl-17 {
         padding-bottom: 4.25rem !important;
    }
     .pl-xxl-17, .px-xxl-17 {
         padding-left: 4.25rem !important;
    }
     .p-xxl-18 {
         padding: 4.5rem !important;
    }
     .pt-xxl-18, .py-xxl-18 {
         padding-top: 4.5rem !important;
    }
     .pr-xxl-18, .px-xxl-18 {
         padding-right: 4.5rem !important;
    }
     .pb-xxl-18, .py-xxl-18 {
         padding-bottom: 4.5rem !important;
    }
     .pl-xxl-18, .px-xxl-18 {
         padding-left: 4.5rem !important;
    }
     .p-xxl-19 {
         padding: 4.75rem !important;
    }
     .pt-xxl-19, .py-xxl-19 {
         padding-top: 4.75rem !important;
    }
     .pr-xxl-19, .px-xxl-19 {
         padding-right: 4.75rem !important;
    }
     .pb-xxl-19, .py-xxl-19 {
         padding-bottom: 4.75rem !important;
    }
     .pl-xxl-19, .px-xxl-19 {
         padding-left: 4.75rem !important;
    }
     .p-xxl-20 {
         padding: 5rem !important;
    }
     .pt-xxl-20, .py-xxl-20 {
         padding-top: 5rem !important;
    }
     .pr-xxl-20, .px-xxl-20 {
         padding-right: 5rem !important;
    }
     .pb-xxl-20, .py-xxl-20 {
         padding-bottom: 5rem !important;
    }
     .pl-xxl-20, .px-xxl-20 {
         padding-left: 5rem !important;
    }
     .p-xxl-21 {
         padding: 5.25rem !important;
    }
     .pt-xxl-21, .py-xxl-21 {
         padding-top: 5.25rem !important;
    }
     .pr-xxl-21, .px-xxl-21 {
         padding-right: 5.25rem !important;
    }
     .pb-xxl-21, .py-xxl-21 {
         padding-bottom: 5.25rem !important;
    }
     .pl-xxl-21, .px-xxl-21 {
         padding-left: 5.25rem !important;
    }
     .p-xxl-22 {
         padding: 5.5rem !important;
    }
     .pt-xxl-22, .py-xxl-22 {
         padding-top: 5.5rem !important;
    }
     .pr-xxl-22, .px-xxl-22 {
         padding-right: 5.5rem !important;
    }
     .pb-xxl-22, .py-xxl-22 {
         padding-bottom: 5.5rem !important;
    }
     .pl-xxl-22, .px-xxl-22 {
         padding-left: 5.5rem !important;
    }
     .p-xxl-23 {
         padding: 5.75rem !important;
    }
     .pt-xxl-23, .py-xxl-23 {
         padding-top: 5.75rem !important;
    }
     .pr-xxl-23, .px-xxl-23 {
         padding-right: 5.75rem !important;
    }
     .pb-xxl-23, .py-xxl-23 {
         padding-bottom: 5.75rem !important;
    }
     .pl-xxl-23, .px-xxl-23 {
         padding-left: 5.75rem !important;
    }
     .p-xxl-24 {
         padding: 6rem !important;
    }
     .pt-xxl-24, .py-xxl-24 {
         padding-top: 6rem !important;
    }
     .pr-xxl-24, .px-xxl-24 {
         padding-right: 6rem !important;
    }
     .pb-xxl-24, .py-xxl-24 {
         padding-bottom: 6rem !important;
    }
     .pl-xxl-24, .px-xxl-24 {
         padding-left: 6rem !important;
    }
     .p-xxl-25 {
         padding: 6.25rem !important;
    }
     .pt-xxl-25, .py-xxl-25 {
         padding-top: 6.25rem !important;
    }
     .pr-xxl-25, .px-xxl-25 {
         padding-right: 6.25rem !important;
    }
     .pb-xxl-25, .py-xxl-25 {
         padding-bottom: 6.25rem !important;
    }
     .pl-xxl-25, .px-xxl-25 {
         padding-left: 6.25rem !important;
    }
     .p-xxl-26 {
         padding: 6.5rem !important;
    }
     .pt-xxl-26, .py-xxl-26 {
         padding-top: 6.5rem !important;
    }
     .pr-xxl-26, .px-xxl-26 {
         padding-right: 6.5rem !important;
    }
     .pb-xxl-26, .py-xxl-26 {
         padding-bottom: 6.5rem !important;
    }
     .pl-xxl-26, .px-xxl-26 {
         padding-left: 6.5rem !important;
    }
     .p-xxl-27 {
         padding: 6.75rem !important;
    }
     .pt-xxl-27, .py-xxl-27 {
         padding-top: 6.75rem !important;
    }
     .pr-xxl-27, .px-xxl-27 {
         padding-right: 6.75rem !important;
    }
     .pb-xxl-27, .py-xxl-27 {
         padding-bottom: 6.75rem !important;
    }
     .pl-xxl-27, .px-xxl-27 {
         padding-left: 6.75rem !important;
    }
     .p-xxl-28 {
         padding: 7rem !important;
    }
     .pt-xxl-28, .py-xxl-28 {
         padding-top: 7rem !important;
    }
     .pr-xxl-28, .px-xxl-28 {
         padding-right: 7rem !important;
    }
     .pb-xxl-28, .py-xxl-28 {
         padding-bottom: 7rem !important;
    }
     .pl-xxl-28, .px-xxl-28 {
         padding-left: 7rem !important;
    }
     .p-xxl-29 {
         padding: 7.25rem !important;
    }
     .pt-xxl-29, .py-xxl-29 {
         padding-top: 7.25rem !important;
    }
     .pr-xxl-29, .px-xxl-29 {
         padding-right: 7.25rem !important;
    }
     .pb-xxl-29, .py-xxl-29 {
         padding-bottom: 7.25rem !important;
    }
     .pl-xxl-29, .px-xxl-29 {
         padding-left: 7.25rem !important;
    }
     .p-xxl-30 {
         padding: 7.5rem !important;
    }
     .pt-xxl-30, .py-xxl-30 {
         padding-top: 7.5rem !important;
    }
     .pr-xxl-30, .px-xxl-30 {
         padding-right: 7.5rem !important;
    }
     .pb-xxl-30, .py-xxl-30 {
         padding-bottom: 7.5rem !important;
    }
     .pl-xxl-30, .px-xxl-30 {
         padding-left: 7.5rem !important;
    }
     .p-xxl-31 {
         padding: 7.75rem !important;
    }
     .pt-xxl-31, .py-xxl-31 {
         padding-top: 7.75rem !important;
    }
     .pr-xxl-31, .px-xxl-31 {
         padding-right: 7.75rem !important;
    }
     .pb-xxl-31, .py-xxl-31 {
         padding-bottom: 7.75rem !important;
    }
     .pl-xxl-31, .px-xxl-31 {
         padding-left: 7.75rem !important;
    }
     .p-xxl-32 {
         padding: 8rem !important;
    }
     .pt-xxl-32, .py-xxl-32 {
         padding-top: 8rem !important;
    }
     .pr-xxl-32, .px-xxl-32 {
         padding-right: 8rem !important;
    }
     .pb-xxl-32, .py-xxl-32 {
         padding-bottom: 8rem !important;
    }
     .pl-xxl-32, .px-xxl-32 {
         padding-left: 8rem !important;
    }
     .p-xxl-33 {
         padding: 8.25rem !important;
    }
     .pt-xxl-33, .py-xxl-33 {
         padding-top: 8.25rem !important;
    }
     .pr-xxl-33, .px-xxl-33 {
         padding-right: 8.25rem !important;
    }
     .pb-xxl-33, .py-xxl-33 {
         padding-bottom: 8.25rem !important;
    }
     .pl-xxl-33, .px-xxl-33 {
         padding-left: 8.25rem !important;
    }
     .p-xxl-34 {
         padding: 8.5rem !important;
    }
     .pt-xxl-34, .py-xxl-34 {
         padding-top: 8.5rem !important;
    }
     .pr-xxl-34, .px-xxl-34 {
         padding-right: 8.5rem !important;
    }
     .pb-xxl-34, .py-xxl-34 {
         padding-bottom: 8.5rem !important;
    }
     .pl-xxl-34, .px-xxl-34 {
         padding-left: 8.5rem !important;
    }
     .p-xxl-35 {
         padding: 8.75rem !important;
    }
     .pt-xxl-35, .py-xxl-35 {
         padding-top: 8.75rem !important;
    }
     .pr-xxl-35, .px-xxl-35 {
         padding-right: 8.75rem !important;
    }
     .pb-xxl-35, .py-xxl-35 {
         padding-bottom: 8.75rem !important;
    }
     .pl-xxl-35, .px-xxl-35 {
         padding-left: 8.75rem !important;
    }
     .p-xxl-36 {
         padding: 9rem !important;
    }
     .pt-xxl-36, .py-xxl-36 {
         padding-top: 9rem !important;
    }
     .pr-xxl-36, .px-xxl-36 {
         padding-right: 9rem !important;
    }
     .pb-xxl-36, .py-xxl-36 {
         padding-bottom: 9rem !important;
    }
     .pl-xxl-36, .px-xxl-36 {
         padding-left: 9rem !important;
    }
     .p-xxl-37 {
         padding: 9.25rem !important;
    }
     .pt-xxl-37, .py-xxl-37 {
         padding-top: 9.25rem !important;
    }
     .pr-xxl-37, .px-xxl-37 {
         padding-right: 9.25rem !important;
    }
     .pb-xxl-37, .py-xxl-37 {
         padding-bottom: 9.25rem !important;
    }
     .pl-xxl-37, .px-xxl-37 {
         padding-left: 9.25rem !important;
    }
     .p-xxl-48 {
         padding: 9.5rem !important;
    }
     .pt-xxl-48, .py-xxl-48 {
         padding-top: 9.5rem !important;
    }
     .pr-xxl-48, .px-xxl-48 {
         padding-right: 9.5rem !important;
    }
     .pb-xxl-48, .py-xxl-48 {
         padding-bottom: 9.5rem !important;
    }
     .pl-xxl-48, .px-xxl-48 {
         padding-left: 9.5rem !important;
    }
     .p-xxl-39 {
         padding: 9.75rem !important;
    }
     .pt-xxl-39, .py-xxl-39 {
         padding-top: 9.75rem !important;
    }
     .pr-xxl-39, .px-xxl-39 {
         padding-right: 9.75rem !important;
    }
     .pb-xxl-39, .py-xxl-39 {
         padding-bottom: 9.75rem !important;
    }
     .pl-xxl-39, .px-xxl-39 {
         padding-left: 9.75rem !important;
    }
     .p-xxl-40 {
         padding: 10rem !important;
    }
     .pt-xxl-40, .py-xxl-40 {
         padding-top: 10rem !important;
    }
     .pr-xxl-40, .px-xxl-40 {
         padding-right: 10rem !important;
    }
     .pb-xxl-40, .py-xxl-40 {
         padding-bottom: 10rem !important;
    }
     .pl-xxl-40, .px-xxl-40 {
         padding-left: 10rem !important;
    }
     .m-xxl-n1 {
         margin: -0.25rem !important;
    }
     .mt-xxl-n1, .my-xxl-n1 {
         margin-top: -0.25rem !important;
    }
     .mr-xxl-n1, .mx-xxl-n1 {
         margin-right: -0.25rem !important;
    }
     .mb-xxl-n1, .my-xxl-n1 {
         margin-bottom: -0.25rem !important;
    }
     .ml-xxl-n1, .mx-xxl-n1 {
         margin-left: -0.25rem !important;
    }
     .m-xxl-n2 {
         margin: -0.5rem !important;
    }
     .mt-xxl-n2, .my-xxl-n2 {
         margin-top: -0.5rem !important;
    }
     .mr-xxl-n2, .mx-xxl-n2 {
         margin-right: -0.5rem !important;
    }
     .mb-xxl-n2, .my-xxl-n2 {
         margin-bottom: -0.5rem !important;
    }
     .ml-xxl-n2, .mx-xxl-n2 {
         margin-left: -0.5rem !important;
    }
     .m-xxl-n3 {
         margin: -0.75rem !important;
    }
     .mt-xxl-n3, .my-xxl-n3 {
         margin-top: -0.75rem !important;
    }
     .mr-xxl-n3, .mx-xxl-n3 {
         margin-right: -0.75rem !important;
    }
     .mb-xxl-n3, .my-xxl-n3 {
         margin-bottom: -0.75rem !important;
    }
     .ml-xxl-n3, .mx-xxl-n3 {
         margin-left: -0.75rem !important;
    }
     .m-xxl-n4 {
         margin: -1rem !important;
    }
     .mt-xxl-n4, .my-xxl-n4 {
         margin-top: -1rem !important;
    }
     .mr-xxl-n4, .mx-xxl-n4 {
         margin-right: -1rem !important;
    }
     .mb-xxl-n4, .my-xxl-n4 {
         margin-bottom: -1rem !important;
    }
     .ml-xxl-n4, .mx-xxl-n4 {
         margin-left: -1rem !important;
    }
     .m-xxl-n5 {
         margin: -1.25rem !important;
    }
     .mt-xxl-n5, .my-xxl-n5 {
         margin-top: -1.25rem !important;
    }
     .mr-xxl-n5, .mx-xxl-n5 {
         margin-right: -1.25rem !important;
    }
     .mb-xxl-n5, .my-xxl-n5 {
         margin-bottom: -1.25rem !important;
    }
     .ml-xxl-n5, .mx-xxl-n5 {
         margin-left: -1.25rem !important;
    }
     .m-xxl-n6 {
         margin: -1.5rem !important;
    }
     .mt-xxl-n6, .my-xxl-n6 {
         margin-top: -1.5rem !important;
    }
     .mr-xxl-n6, .mx-xxl-n6 {
         margin-right: -1.5rem !important;
    }
     .mb-xxl-n6, .my-xxl-n6 {
         margin-bottom: -1.5rem !important;
    }
     .ml-xxl-n6, .mx-xxl-n6 {
         margin-left: -1.5rem !important;
    }
     .m-xxl-n7 {
         margin: -1.75rem !important;
    }
     .mt-xxl-n7, .my-xxl-n7 {
         margin-top: -1.75rem !important;
    }
     .mr-xxl-n7, .mx-xxl-n7 {
         margin-right: -1.75rem !important;
    }
     .mb-xxl-n7, .my-xxl-n7 {
         margin-bottom: -1.75rem !important;
    }
     .ml-xxl-n7, .mx-xxl-n7 {
         margin-left: -1.75rem !important;
    }
     .m-xxl-n8 {
         margin: -2rem !important;
    }
     .mt-xxl-n8, .my-xxl-n8 {
         margin-top: -2rem !important;
    }
     .mr-xxl-n8, .mx-xxl-n8 {
         margin-right: -2rem !important;
    }
     .mb-xxl-n8, .my-xxl-n8 {
         margin-bottom: -2rem !important;
    }
     .ml-xxl-n8, .mx-xxl-n8 {
         margin-left: -2rem !important;
    }
     .m-xxl-n9 {
         margin: -2.25rem !important;
    }
     .mt-xxl-n9, .my-xxl-n9 {
         margin-top: -2.25rem !important;
    }
     .mr-xxl-n9, .mx-xxl-n9 {
         margin-right: -2.25rem !important;
    }
     .mb-xxl-n9, .my-xxl-n9 {
         margin-bottom: -2.25rem !important;
    }
     .ml-xxl-n9, .mx-xxl-n9 {
         margin-left: -2.25rem !important;
    }
     .m-xxl-n10 {
         margin: -2.5rem !important;
    }
     .mt-xxl-n10, .my-xxl-n10 {
         margin-top: -2.5rem !important;
    }
     .mr-xxl-n10, .mx-xxl-n10 {
         margin-right: -2.5rem !important;
    }
     .mb-xxl-n10, .my-xxl-n10 {
         margin-bottom: -2.5rem !important;
    }
     .ml-xxl-n10, .mx-xxl-n10 {
         margin-left: -2.5rem !important;
    }
     .m-xxl-n11 {
         margin: -2.75rem !important;
    }
     .mt-xxl-n11, .my-xxl-n11 {
         margin-top: -2.75rem !important;
    }
     .mr-xxl-n11, .mx-xxl-n11 {
         margin-right: -2.75rem !important;
    }
     .mb-xxl-n11, .my-xxl-n11 {
         margin-bottom: -2.75rem !important;
    }
     .ml-xxl-n11, .mx-xxl-n11 {
         margin-left: -2.75rem !important;
    }
     .m-xxl-n12 {
         margin: -3rem !important;
    }
     .mt-xxl-n12, .my-xxl-n12 {
         margin-top: -3rem !important;
    }
     .mr-xxl-n12, .mx-xxl-n12 {
         margin-right: -3rem !important;
    }
     .mb-xxl-n12, .my-xxl-n12 {
         margin-bottom: -3rem !important;
    }
     .ml-xxl-n12, .mx-xxl-n12 {
         margin-left: -3rem !important;
    }
     .m-xxl-n13 {
         margin: -3.25rem !important;
    }
     .mt-xxl-n13, .my-xxl-n13 {
         margin-top: -3.25rem !important;
    }
     .mr-xxl-n13, .mx-xxl-n13 {
         margin-right: -3.25rem !important;
    }
     .mb-xxl-n13, .my-xxl-n13 {
         margin-bottom: -3.25rem !important;
    }
     .ml-xxl-n13, .mx-xxl-n13 {
         margin-left: -3.25rem !important;
    }
     .m-xxl-n14 {
         margin: -3.5rem !important;
    }
     .mt-xxl-n14, .my-xxl-n14 {
         margin-top: -3.5rem !important;
    }
     .mr-xxl-n14, .mx-xxl-n14 {
         margin-right: -3.5rem !important;
    }
     .mb-xxl-n14, .my-xxl-n14 {
         margin-bottom: -3.5rem !important;
    }
     .ml-xxl-n14, .mx-xxl-n14 {
         margin-left: -3.5rem !important;
    }
     .m-xxl-n15 {
         margin: -3.75rem !important;
    }
     .mt-xxl-n15, .my-xxl-n15 {
         margin-top: -3.75rem !important;
    }
     .mr-xxl-n15, .mx-xxl-n15 {
         margin-right: -3.75rem !important;
    }
     .mb-xxl-n15, .my-xxl-n15 {
         margin-bottom: -3.75rem !important;
    }
     .ml-xxl-n15, .mx-xxl-n15 {
         margin-left: -3.75rem !important;
    }
     .m-xxl-n16 {
         margin: -4rem !important;
    }
     .mt-xxl-n16, .my-xxl-n16 {
         margin-top: -4rem !important;
    }
     .mr-xxl-n16, .mx-xxl-n16 {
         margin-right: -4rem !important;
    }
     .mb-xxl-n16, .my-xxl-n16 {
         margin-bottom: -4rem !important;
    }
     .ml-xxl-n16, .mx-xxl-n16 {
         margin-left: -4rem !important;
    }
     .m-xxl-n17 {
         margin: -4.25rem !important;
    }
     .mt-xxl-n17, .my-xxl-n17 {
         margin-top: -4.25rem !important;
    }
     .mr-xxl-n17, .mx-xxl-n17 {
         margin-right: -4.25rem !important;
    }
     .mb-xxl-n17, .my-xxl-n17 {
         margin-bottom: -4.25rem !important;
    }
     .ml-xxl-n17, .mx-xxl-n17 {
         margin-left: -4.25rem !important;
    }
     .m-xxl-n18 {
         margin: -4.5rem !important;
    }
     .mt-xxl-n18, .my-xxl-n18 {
         margin-top: -4.5rem !important;
    }
     .mr-xxl-n18, .mx-xxl-n18 {
         margin-right: -4.5rem !important;
    }
     .mb-xxl-n18, .my-xxl-n18 {
         margin-bottom: -4.5rem !important;
    }
     .ml-xxl-n18, .mx-xxl-n18 {
         margin-left: -4.5rem !important;
    }
     .m-xxl-n19 {
         margin: -4.75rem !important;
    }
     .mt-xxl-n19, .my-xxl-n19 {
         margin-top: -4.75rem !important;
    }
     .mr-xxl-n19, .mx-xxl-n19 {
         margin-right: -4.75rem !important;
    }
     .mb-xxl-n19, .my-xxl-n19 {
         margin-bottom: -4.75rem !important;
    }
     .ml-xxl-n19, .mx-xxl-n19 {
         margin-left: -4.75rem !important;
    }
     .m-xxl-n20 {
         margin: -5rem !important;
    }
     .mt-xxl-n20, .my-xxl-n20 {
         margin-top: -5rem !important;
    }
     .mr-xxl-n20, .mx-xxl-n20 {
         margin-right: -5rem !important;
    }
     .mb-xxl-n20, .my-xxl-n20 {
         margin-bottom: -5rem !important;
    }
     .ml-xxl-n20, .mx-xxl-n20 {
         margin-left: -5rem !important;
    }
     .m-xxl-n21 {
         margin: -5.25rem !important;
    }
     .mt-xxl-n21, .my-xxl-n21 {
         margin-top: -5.25rem !important;
    }
     .mr-xxl-n21, .mx-xxl-n21 {
         margin-right: -5.25rem !important;
    }
     .mb-xxl-n21, .my-xxl-n21 {
         margin-bottom: -5.25rem !important;
    }
     .ml-xxl-n21, .mx-xxl-n21 {
         margin-left: -5.25rem !important;
    }
     .m-xxl-n22 {
         margin: -5.5rem !important;
    }
     .mt-xxl-n22, .my-xxl-n22 {
         margin-top: -5.5rem !important;
    }
     .mr-xxl-n22, .mx-xxl-n22 {
         margin-right: -5.5rem !important;
    }
     .mb-xxl-n22, .my-xxl-n22 {
         margin-bottom: -5.5rem !important;
    }
     .ml-xxl-n22, .mx-xxl-n22 {
         margin-left: -5.5rem !important;
    }
     .m-xxl-n23 {
         margin: -5.75rem !important;
    }
     .mt-xxl-n23, .my-xxl-n23 {
         margin-top: -5.75rem !important;
    }
     .mr-xxl-n23, .mx-xxl-n23 {
         margin-right: -5.75rem !important;
    }
     .mb-xxl-n23, .my-xxl-n23 {
         margin-bottom: -5.75rem !important;
    }
     .ml-xxl-n23, .mx-xxl-n23 {
         margin-left: -5.75rem !important;
    }
     .m-xxl-n24 {
         margin: -6rem !important;
    }
     .mt-xxl-n24, .my-xxl-n24 {
         margin-top: -6rem !important;
    }
     .mr-xxl-n24, .mx-xxl-n24 {
         margin-right: -6rem !important;
    }
     .mb-xxl-n24, .my-xxl-n24 {
         margin-bottom: -6rem !important;
    }
     .ml-xxl-n24, .mx-xxl-n24 {
         margin-left: -6rem !important;
    }
     .m-xxl-n25 {
         margin: -6.25rem !important;
    }
     .mt-xxl-n25, .my-xxl-n25 {
         margin-top: -6.25rem !important;
    }
     .mr-xxl-n25, .mx-xxl-n25 {
         margin-right: -6.25rem !important;
    }
     .mb-xxl-n25, .my-xxl-n25 {
         margin-bottom: -6.25rem !important;
    }
     .ml-xxl-n25, .mx-xxl-n25 {
         margin-left: -6.25rem !important;
    }
     .m-xxl-n26 {
         margin: -6.5rem !important;
    }
     .mt-xxl-n26, .my-xxl-n26 {
         margin-top: -6.5rem !important;
    }
     .mr-xxl-n26, .mx-xxl-n26 {
         margin-right: -6.5rem !important;
    }
     .mb-xxl-n26, .my-xxl-n26 {
         margin-bottom: -6.5rem !important;
    }
     .ml-xxl-n26, .mx-xxl-n26 {
         margin-left: -6.5rem !important;
    }
     .m-xxl-n27 {
         margin: -6.75rem !important;
    }
     .mt-xxl-n27, .my-xxl-n27 {
         margin-top: -6.75rem !important;
    }
     .mr-xxl-n27, .mx-xxl-n27 {
         margin-right: -6.75rem !important;
    }
     .mb-xxl-n27, .my-xxl-n27 {
         margin-bottom: -6.75rem !important;
    }
     .ml-xxl-n27, .mx-xxl-n27 {
         margin-left: -6.75rem !important;
    }
     .m-xxl-n28 {
         margin: -7rem !important;
    }
     .mt-xxl-n28, .my-xxl-n28 {
         margin-top: -7rem !important;
    }
     .mr-xxl-n28, .mx-xxl-n28 {
         margin-right: -7rem !important;
    }
     .mb-xxl-n28, .my-xxl-n28 {
         margin-bottom: -7rem !important;
    }
     .ml-xxl-n28, .mx-xxl-n28 {
         margin-left: -7rem !important;
    }
     .m-xxl-n29 {
         margin: -7.25rem !important;
    }
     .mt-xxl-n29, .my-xxl-n29 {
         margin-top: -7.25rem !important;
    }
     .mr-xxl-n29, .mx-xxl-n29 {
         margin-right: -7.25rem !important;
    }
     .mb-xxl-n29, .my-xxl-n29 {
         margin-bottom: -7.25rem !important;
    }
     .ml-xxl-n29, .mx-xxl-n29 {
         margin-left: -7.25rem !important;
    }
     .m-xxl-n30 {
         margin: -7.5rem !important;
    }
     .mt-xxl-n30, .my-xxl-n30 {
         margin-top: -7.5rem !important;
    }
     .mr-xxl-n30, .mx-xxl-n30 {
         margin-right: -7.5rem !important;
    }
     .mb-xxl-n30, .my-xxl-n30 {
         margin-bottom: -7.5rem !important;
    }
     .ml-xxl-n30, .mx-xxl-n30 {
         margin-left: -7.5rem !important;
    }
     .m-xxl-n31 {
         margin: -7.75rem !important;
    }
     .mt-xxl-n31, .my-xxl-n31 {
         margin-top: -7.75rem !important;
    }
     .mr-xxl-n31, .mx-xxl-n31 {
         margin-right: -7.75rem !important;
    }
     .mb-xxl-n31, .my-xxl-n31 {
         margin-bottom: -7.75rem !important;
    }
     .ml-xxl-n31, .mx-xxl-n31 {
         margin-left: -7.75rem !important;
    }
     .m-xxl-n32 {
         margin: -8rem !important;
    }
     .mt-xxl-n32, .my-xxl-n32 {
         margin-top: -8rem !important;
    }
     .mr-xxl-n32, .mx-xxl-n32 {
         margin-right: -8rem !important;
    }
     .mb-xxl-n32, .my-xxl-n32 {
         margin-bottom: -8rem !important;
    }
     .ml-xxl-n32, .mx-xxl-n32 {
         margin-left: -8rem !important;
    }
     .m-xxl-n33 {
         margin: -8.25rem !important;
    }
     .mt-xxl-n33, .my-xxl-n33 {
         margin-top: -8.25rem !important;
    }
     .mr-xxl-n33, .mx-xxl-n33 {
         margin-right: -8.25rem !important;
    }
     .mb-xxl-n33, .my-xxl-n33 {
         margin-bottom: -8.25rem !important;
    }
     .ml-xxl-n33, .mx-xxl-n33 {
         margin-left: -8.25rem !important;
    }
     .m-xxl-n34 {
         margin: -8.5rem !important;
    }
     .mt-xxl-n34, .my-xxl-n34 {
         margin-top: -8.5rem !important;
    }
     .mr-xxl-n34, .mx-xxl-n34 {
         margin-right: -8.5rem !important;
    }
     .mb-xxl-n34, .my-xxl-n34 {
         margin-bottom: -8.5rem !important;
    }
     .ml-xxl-n34, .mx-xxl-n34 {
         margin-left: -8.5rem !important;
    }
     .m-xxl-n35 {
         margin: -8.75rem !important;
    }
     .mt-xxl-n35, .my-xxl-n35 {
         margin-top: -8.75rem !important;
    }
     .mr-xxl-n35, .mx-xxl-n35 {
         margin-right: -8.75rem !important;
    }
     .mb-xxl-n35, .my-xxl-n35 {
         margin-bottom: -8.75rem !important;
    }
     .ml-xxl-n35, .mx-xxl-n35 {
         margin-left: -8.75rem !important;
    }
     .m-xxl-n36 {
         margin: -9rem !important;
    }
     .mt-xxl-n36, .my-xxl-n36 {
         margin-top: -9rem !important;
    }
     .mr-xxl-n36, .mx-xxl-n36 {
         margin-right: -9rem !important;
    }
     .mb-xxl-n36, .my-xxl-n36 {
         margin-bottom: -9rem !important;
    }
     .ml-xxl-n36, .mx-xxl-n36 {
         margin-left: -9rem !important;
    }
     .m-xxl-n37 {
         margin: -9.25rem !important;
    }
     .mt-xxl-n37, .my-xxl-n37 {
         margin-top: -9.25rem !important;
    }
     .mr-xxl-n37, .mx-xxl-n37 {
         margin-right: -9.25rem !important;
    }
     .mb-xxl-n37, .my-xxl-n37 {
         margin-bottom: -9.25rem !important;
    }
     .ml-xxl-n37, .mx-xxl-n37 {
         margin-left: -9.25rem !important;
    }
     .m-xxl-n48 {
         margin: -9.5rem !important;
    }
     .mt-xxl-n48, .my-xxl-n48 {
         margin-top: -9.5rem !important;
    }
     .mr-xxl-n48, .mx-xxl-n48 {
         margin-right: -9.5rem !important;
    }
     .mb-xxl-n48, .my-xxl-n48 {
         margin-bottom: -9.5rem !important;
    }
     .ml-xxl-n48, .mx-xxl-n48 {
         margin-left: -9.5rem !important;
    }
     .m-xxl-n39 {
         margin: -9.75rem !important;
    }
     .mt-xxl-n39, .my-xxl-n39 {
         margin-top: -9.75rem !important;
    }
     .mr-xxl-n39, .mx-xxl-n39 {
         margin-right: -9.75rem !important;
    }
     .mb-xxl-n39, .my-xxl-n39 {
         margin-bottom: -9.75rem !important;
    }
     .ml-xxl-n39, .mx-xxl-n39 {
         margin-left: -9.75rem !important;
    }
     .m-xxl-n40 {
         margin: -10rem !important;
    }
     .mt-xxl-n40, .my-xxl-n40 {
         margin-top: -10rem !important;
    }
     .mr-xxl-n40, .mx-xxl-n40 {
         margin-right: -10rem !important;
    }
     .mb-xxl-n40, .my-xxl-n40 {
         margin-bottom: -10rem !important;
    }
     .ml-xxl-n40, .mx-xxl-n40 {
         margin-left: -10rem !important;
    }
     .m-xxl-auto {
         margin: auto !important;
    }
     .mt-xxl-auto, .my-xxl-auto {
         margin-top: auto !important;
    }
     .mr-xxl-auto, .mx-xxl-auto {
         margin-right: auto !important;
    }
     .mb-xxl-auto, .my-xxl-auto {
         margin-bottom: auto !important;
    }
     .ml-xxl-auto, .mx-xxl-auto {
         margin-left: auto !important;
    }
}
 .stretched-link::after {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     pointer-events: auto;
     content: "";
     background-color: rgba(0, 0, 0, 0);
}
 .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;
    }
}
 @media (min-width: 1480px) {
     .text-xxl-left {
         text-align: left !important;
    }
     .text-xxl-right {
         text-align: right !important;
    }
     .text-xxl-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: 500 !important;
}
 .font-weight-bolder {
     font-weight: 600 !important;
}
 .font-italic {
     font-style: italic !important;
}
 .text-white {
     color: #ffffff !important;
}
 .text-primary {
     color: #4785FF !important;
}
 a.text-primary:hover, a.text-primary:focus {
     color: #4785FF !important;
}
 .text-secondary {
     color: #E4E6EF !important;
}
 a.text-secondary:hover, a.text-secondary:focus {
     color: #b4bad3 !important;
}
 .text-success {
     color: #32D0A5 !important;
}
 a.text-success:hover, a.text-success:focus {
     color: #12827c !important;
}
 .text-info {
     color: #7B6FFF !important;
}
 a.text-info:hover, a.text-info:focus {
     color: #5605fb !important;
}
 .text-warning {
     color: #FFA800 !important;
}
 a.text-warning:hover, a.text-warning:focus {
     color: #b37600 !important;
}
 .text-danger {
     color: #FF7070 !important;
}
 .text-orange {
    color:#F59159!important;
}
 a.text-danger:hover, a.text-danger:focus {
     color: #ec0c24 !important;
}
 .text-light {
     color: #F3F6F9 !important;
}
 a.text-light:hover, a.text-light:focus {
     color: #c0d0e0 !important;
}
 .text-dark {
     color: #181C32 !important;
}
 a.text-dark:hover, a.text-dark:focus {
     color: #212744 !important;
}
 .text-white {
     color: #ffffff !important;
}
 a.text-white:hover, a.text-white:focus {
     color: #fff !important;
}
 .text-body {
     color: rgba(63, 66, 84, 0.9) !important;
}
 .text-muted {
     color: #B5B5C3 !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-wrap: break-word !important;
}
 .break-all {
    word-break: break-all !important;
}
 .text-reset {
     color: inherit !important;
}
 .visible {
     visibility: visible !important;
}
 .invisible {
     visibility: hidden !important;
}
 @media print {
     *, *::before, *::after {
         text-shadow: none !important;
         -webkit-box-shadow: none !important;
         box-shadow: none !important;
    }
     a:not(.btn) {
         text-decoration: underline;
    }
     abbr[title]::after {
         content: " (" attr(title) ")";
    }
     pre {
         white-space: pre-wrap !important;
    }
     pre, blockquote {
         border: 1px solid #B5B5C3;
         page-break-inside: avoid;
    }
     thead {
         display: table-header-group;
    }
     tr, img {
         page-break-inside: avoid;
    }
     p, h2, h3 {
         orphans: 3;
         widows: 3;
    }
     h2, h3 {
         page-break-after: avoid;
    }
     @page {
         size: a3;
    }
     body {
         min-width: 992px !important;
    }
     .container {
         min-width: 992px !important;
    }
     .navbar {
         display: none;
    }
     .badge {
         border: 1px solid #000000;
    }
     .table {
         border-collapse: collapse !important;
    }
     .table td, .table th {
         background-color: #ffffff !important;
    }
     .table-bordered th, .table-bordered td {
         border: 1px solid #E4E6EF !important;
    }
     .table-dark {
         color: inherit;
    }
     .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
         border-color: #EBEDF3;
    }
     .table .thead-dark th {
         color: inherit;
         border-color: #EBEDF3;
    }
}
 .bg-hover-primary {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-primary:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color:#4785FF !important;
}
 .hoverable:hover .bg-hover-primary {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color:#4785FF !important;
}
 .bg-hover-state-primary {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-state-primary:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #187DE4 !important;
}
 .bg-diagonal-primary:before {
     background-color:#4785FF !important;
}
 .bg-diagonal-r-primary:after {
     background-color:#4785FF !important;
}
 .bg-radial-gradient-primary {
     background-color:#4785FF;
     background-image: radial-gradient(circle, rgba(225, 240, 255, 0.4), #4785FF 70%);
}
 .bg-primary-o-5 {
     background-color: rgba(54, 153, 255, 0.02) !important;
}
 .bg-hover-primary-o-1 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-primary-o-1:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(54, 153, 255, 0.2) !important;
}
 .bg-primary-o-10 {
    /* background-color: rgba(54, 153, 255, 0.04) !important;
     */
     background-color:rgb(250, 251, 253) !important;
}
 .bg-hover-primary-o-2 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-primary-o-2:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(54, 153, 255, 0.4) !important;
}
 .bg-primary-o-15 {
     background-color: rgba(54, 153, 255, 0.06) !important;
}
 .bg-hover-primary-o-3 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-primary-o-3:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(54, 153, 255, 0.6) !important;
}
 .bg-primary-o-20 {
     background-color: rgba(54, 153, 255, 0.08) !important;
}
 .bg-hover-primary-o-4 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-primary-o-4:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(54, 153, 255, 0.8) !important;
}
 .bg-primary-o-25 {
     background-color: rgba(54, 153, 255, 0.1) !important;
}
 .bg-hover-primary-o-5 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-primary-o-5:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color:#4785FF !important;
}
 .bg-primary-o-30 {
     background-color: rgba(54, 153, 255, 0.12) !important;
}
 .bg-hover-primary-o-6 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-primary-o-6:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color:#4785FF !important;
}
 .bg-primary-o-35 {
     background-color: rgba(54, 153, 255, 0.14) !important;
}
 .bg-hover-primary-o-7 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-primary-o-7:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color:#4785FF !important;
}
 .bg-primary-o-40 {
     background-color: rgba(54, 153, 255, 0.16) !important;
}
 .bg-hover-primary-o-8 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-primary-o-8:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color:#4785FF !important;
}
 .bg-primary-o-45 {
     background-color: rgba(54, 153, 255, 0.18) !important;
}
 .bg-hover-primary-o-9 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-primary-o-9:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color:#4785FF !important;
}
 .bg-primary-o-50 {
     background-color: rgba(54, 153, 255, 0.2) !important;
}
 .bg-hover-primary-o-10 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-primary-o-10:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color:#4785FF !important;
}
 .bg-primary-o-55 {
     background-color: rgba(54, 153, 255, 0.22) !important;
}
 .bg-hover-primary-o-11 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-primary-o-11:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color:#4785FF !important;
}
 .bg-primary-o-60 {
     background-color: rgba(54, 153, 255, 0.24) !important;
}
 .bg-hover-primary-o-12 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-primary-o-12:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color:#4785FF !important;
}
 .bg-primary-o-65 {
     background-color: rgba(54, 153, 255, 0.26) !important;
}
 .bg-hover-primary-o-13 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-primary-o-13:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color:#4785FF !important;
}
 .bg-primary-o-70 {
     background-color: rgba(54, 153, 255, 0.28) !important;
}
 .bg-hover-primary-o-14 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-primary-o-14:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color:#4785FF !important;
}
 .bg-primary-o-75 {
     background-color: rgba(54, 153, 255, 0.3) !important;
}
 .bg-hover-primary-o-15 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-primary-o-15:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color:#4785FF !important;
}
 .bg-primary-o-80 {
     background-color: rgba(54, 153, 255, 0.32) !important;
}
 .bg-hover-primary-o-16 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-primary-o-16:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color:#4785FF !important;
}
 .bg-primary-o-85 {
     background-color: rgba(54, 153, 255, 0.34) !important;
}
 .bg-hover-primary-o-17 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-primary-o-17:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color:#4785FF !important;
}
 .bg-primary-o-90 {
     background-color: rgba(54, 153, 255, 0.36) !important;
}
 .bg-hover-primary-o-18 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-primary-o-18:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color:#4785FF !important;
}
 .bg-primary-o-95 {
     background-color: rgba(54, 153, 255, 0.38) !important;
}
 .bg-hover-primary-o-19 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-primary-o-19:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color:#4785FF !important;
}
 .bg-primary-o-100 {
     background-color: rgba(54, 153, 255, 0.4) !important;
}
 .bg-hover-primary-o-20 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-primary-o-20:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color:#4785FF !important;
}
 .bg-hover-secondary {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-secondary:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #E4E6EF !important;
}
 .hoverable:hover .bg-hover-secondary {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #E4E6EF !important;
}
 .bg-hover-state-secondary {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-state-secondary:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #d7dae7 !important;
}
 .bg-diagonal-secondary:before {
     background-color: #E4E6EF !important;
}
 .bg-diagonal-r-secondary:after {
     background-color: #E4E6EF !important;
}
 .bg-radial-gradient-secondary {
     background-color: #E4E6EF;
     background-image: radial-gradient(circle, rgba(235, 237, 243, 0.4), #E4E6EF 70%);
}
 .bg-secondary-o-5 {
     background-color: rgba(228, 230, 239, 0.02) !important;
}
 .bg-hover-secondary-o-1 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-secondary-o-1:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(228, 230, 239, 0.2) !important;
}
 .bg-secondary-o-10 {
     background-color: rgba(228, 230, 239, 0.04) !important;
}
 .bg-hover-secondary-o-2 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-secondary-o-2:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(228, 230, 239, 0.4) !important;
}
 .bg-secondary-o-15 {
     background-color: rgba(228, 230, 239, 0.06) !important;
}
 .bg-hover-secondary-o-3 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-secondary-o-3:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(228, 230, 239, 0.6) !important;
}
 .bg-secondary-o-20 {
     background-color: rgba(228, 230, 239, 0.08) !important;
}
 .bg-hover-secondary-o-4 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-secondary-o-4:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(228, 230, 239, 0.8) !important;
}
 .bg-secondary-o-25 {
     background-color: rgba(228, 230, 239, 0.1) !important;
}
 .bg-hover-secondary-o-5 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-secondary-o-5:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #e4e6ef !important;
}
 .bg-secondary-o-30 {
     background-color: rgba(228, 230, 239, 0.12) !important;
}
 .bg-hover-secondary-o-6 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-secondary-o-6:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #e4e6ef !important;
}
 .bg-secondary-o-35 {
     background-color: rgba(228, 230, 239, 0.14) !important;
}
 .bg-hover-secondary-o-7 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-secondary-o-7:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #e4e6ef !important;
}
 .bg-secondary-o-40 {
     background-color: rgba(228, 230, 239, 0.16) !important;
}
 .bg-hover-secondary-o-8 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-secondary-o-8:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #e4e6ef !important;
}
 .bg-secondary-o-45 {
     background-color: rgba(228, 230, 239, 0.18) !important;
}
 .bg-hover-secondary-o-9 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-secondary-o-9:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #e4e6ef !important;
}
 .bg-secondary-o-50 {
     background-color: rgba(228, 230, 239, 0.2) !important;
}
 .bg-hover-secondary-o-10 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-secondary-o-10:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #e4e6ef !important;
}
 .bg-secondary-o-55 {
     background-color: rgba(228, 230, 239, 0.22) !important;
}
 .bg-hover-secondary-o-11 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-secondary-o-11:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #e4e6ef !important;
}
 .bg-secondary-o-60 {
     background-color: rgba(228, 230, 239, 0.24) !important;
}
 .bg-hover-secondary-o-12 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-secondary-o-12:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #e4e6ef !important;
}
 .bg-secondary-o-65 {
     background-color: rgba(228, 230, 239, 0.26) !important;
}
 .bg-hover-secondary-o-13 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-secondary-o-13:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #e4e6ef !important;
}
 .bg-secondary-o-70 {
     background-color: rgba(228, 230, 239, 0.28) !important;
}
 .bg-hover-secondary-o-14 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-secondary-o-14:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #e4e6ef !important;
}
 .bg-secondary-o-75 {
     background-color: rgba(228, 230, 239, 0.3) !important;
}
 .bg-hover-secondary-o-15 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-secondary-o-15:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #e4e6ef !important;
}
 .bg-secondary-o-80 {
     background-color: rgba(228, 230, 239, 0.32) !important;
}
 .bg-hover-secondary-o-16 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-secondary-o-16:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #e4e6ef !important;
}
 .bg-secondary-o-85 {
     background-color: rgba(228, 230, 239, 0.34) !important;
}
 .bg-hover-secondary-o-17 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-secondary-o-17:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #e4e6ef !important;
}
 .bg-secondary-o-90 {
     background-color: rgba(228, 230, 239, 0.36) !important;
}
 .bg-hover-secondary-o-18 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-secondary-o-18:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #e4e6ef !important;
}
 .bg-secondary-o-95 {
     background-color: rgba(228, 230, 239, 0.38) !important;
}
 .bg-hover-secondary-o-19 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-secondary-o-19:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #e4e6ef !important;
}
 .bg-secondary-o-100 {
     background-color: rgba(228, 230, 239, 0.4) !important;
}
 .bg-hover-secondary-o-20 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-secondary-o-20:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #e4e6ef !important;
}
 .bg-hover-success {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-success:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #32D0A5 !important;
}
 .hoverable:hover .bg-hover-success {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #32D0A5 !important;
}
 .bg-hover-state-success {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-state-success:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #0BB7AF !important;
}
 .bg-diagonal-success:before {
     background-color: #32D0A5 !important;
}
 .bg-diagonal-r-success:after {
     background-color: #32D0A5 !important;
}
 .bg-radial-gradient-success {
     background-color: #32D0A5;
     background-image: radial-gradient(circle, rgba(201, 247, 245, 0.4), #32D0A5 70%);
}
 .bg-success-o-5 {
     background-color: rgba(27, 197, 189, 0.02) !important;
}
 .bg-hover-success-o-1 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-success-o-1:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(27, 197, 189, 0.2) !important;
}
 .bg-success-o-10 {
     background-color: rgba(27, 197, 189, 0.04) !important;
}
 .bg-hover-success-o-2 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-success-o-2:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(27, 197, 189, 0.4) !important;
}
 .bg-success-o-15 {
     background-color: rgba(27, 197, 189, 0.06) !important;
}
 .bg-hover-success-o-3 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-success-o-3:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(27, 197, 189, 0.6) !important;
}
 .bg-success-o-20 {
     background-color: rgba(27, 197, 189, 0.08) !important;
}
 .bg-hover-success-o-4 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-success-o-4:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(27, 197, 189, 0.8) !important;
}
 .bg-success-o-25 {
     background-color: rgba(27, 197, 189, 0.1) !important;
}
 .bg-hover-success-o-5 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-success-o-5:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #32D0A5 !important;
}
 .bg-success-o-30 {
     background-color: rgba(27, 197, 189, 0.12) !important;
}
 .bg-hover-success-o-6 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-success-o-6:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #32D0A5 !important;
}
 .bg-success-o-35 {
     background-color: rgba(27, 197, 189, 0.14) !important;
}
 .bg-hover-success-o-7 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-success-o-7:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #32D0A5 !important;
}
 .bg-success-o-40 {
     background-color: rgba(27, 197, 189, 0.16) !important;
}
 .bg-hover-success-o-8 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-success-o-8:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #32D0A5 !important;
}
 .bg-success-o-45 {
     background-color: rgba(27, 197, 189, 0.18) !important;
}
 .bg-hover-success-o-9 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-success-o-9:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #32D0A5 !important;
}
 .bg-success-o-50 {
     background-color: rgba(27, 197, 189, 0.2) !important;
}
 .bg-hover-success-o-10 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-success-o-10:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #32D0A5 !important;
}
 .bg-success-o-55 {
     background-color: rgba(27, 197, 189, 0.22) !important;
}
 .bg-hover-success-o-11 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-success-o-11:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #32D0A5 !important;
}
 .bg-success-o-60 {
     background-color: rgba(27, 197, 189, 0.24) !important;
}
 .bg-hover-success-o-12 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-success-o-12:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #32D0A5 !important;
}
 .bg-success-o-65 {
     background-color: rgba(27, 197, 189, 0.26) !important;
}
 .bg-hover-success-o-13 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-success-o-13:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #32D0A5 !important;
}
 .bg-success-o-70 {
     background-color: rgba(27, 197, 189, 0.28) !important;
}
 .bg-hover-success-o-14 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-success-o-14:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #32D0A5 !important;
}
 .bg-success-o-75 {
     background-color: rgba(27, 197, 189, 0.3) !important;
}
 .bg-hover-success-o-15 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-success-o-15:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #32D0A5 !important;
}
 .bg-success-o-80 {
     background-color: rgba(27, 197, 189, 0.32) !important;
}
 .bg-hover-success-o-16 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-success-o-16:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #32D0A5 !important;
}
 .bg-success-o-85 {
     background-color: rgba(27, 197, 189, 0.34) !important;
}
 .bg-hover-success-o-17 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-success-o-17:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #32D0A5 !important;
}
 .bg-success-o-90 {
     background-color: rgba(27, 197, 189, 0.36) !important;
}
 .bg-hover-success-o-18 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-success-o-18:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #32D0A5 !important;
}
 .bg-success-o-95 {
     background-color: rgba(27, 197, 189, 0.38) !important;
}
 .bg-hover-success-o-19 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-success-o-19:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #32D0A5 !important;
}
 .bg-success-o-100 {
     background-color: rgba(27, 197, 189, 0.4) !important;
}
 .bg-hover-success-o-20 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-success-o-20:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #32D0A5 !important;
}
 .bg-hover-info {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-info:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #7B6FFF !important;
}
 .hoverable:hover .bg-hover-info {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #7B6FFF !important;
}
 .bg-hover-state-info {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-state-info:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #7337EE !important;
}
 .bg-diagonal-info:before {
     background-color: #7B6FFF !important;
}
 .bg-diagonal-r-info:after {
     background-color: #7B6FFF !important;
}
 .bg-radial-gradient-info {
     background-color: #7B6FFF;
     background-image: radial-gradient(circle, rgba(238, 229, 255, 0.4), #7B6FFF 70%);
}
 .bg-info-o-5 {
     background-color: rgba(137, 80, 252, 0.02) !important;
}
 .bg-hover-info-o-1 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-info-o-1:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(137, 80, 252, 0.2) !important;
}
 .bg-info-o-10 {
     background-color: rgba(137, 80, 252, 0.04) !important;
}
 .bg-hover-info-o-2 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-info-o-2:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(137, 80, 252, 0.4) !important;
}
 .bg-info-o-15 {
     background-color: rgba(137, 80, 252, 0.06) !important;
}
 .bg-hover-info-o-3 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-info-o-3:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(137, 80, 252, 0.6) !important;
}
 .bg-info-o-20 {
     background-color: rgba(137, 80, 252, 0.08) !important;
}
 .bg-hover-info-o-4 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-info-o-4:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(137, 80, 252, 0.8) !important;
}
 .bg-info-o-25 {
     background-color: rgba(137, 80, 252, 0.1) !important;
}
 .bg-hover-info-o-5 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-info-o-5:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #7B6FFF !important;
}
 .bg-info-o-30 {
     background-color: rgba(137, 80, 252, 0.12) !important;
}
 .bg-hover-info-o-6 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-info-o-6:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #7B6FFF !important;
}
 .bg-info-o-35 {
     background-color: rgba(137, 80, 252, 0.14) !important;
}
 .bg-hover-info-o-7 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-info-o-7:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #7B6FFF !important;
}
 .bg-info-o-40 {
     background-color: rgba(137, 80, 252, 0.16) !important;
}
 .bg-hover-info-o-8 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-info-o-8:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #7B6FFF !important;
}
 .bg-info-o-45 {
     background-color: rgba(137, 80, 252, 0.18) !important;
}
 .bg-hover-info-o-9 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-info-o-9:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #7B6FFF !important;
}
 .bg-info-o-50 {
     background-color: rgba(137, 80, 252, 0.2) !important;
}
 .bg-hover-info-o-10 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-info-o-10:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #7B6FFF !important;
}
 .bg-info-o-55 {
     background-color: rgba(137, 80, 252, 0.22) !important;
}
 .bg-hover-info-o-11 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-info-o-11:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #7B6FFF !important;
}
 .bg-info-o-60 {
     background-color: rgba(137, 80, 252, 0.24) !important;
}
 .bg-hover-info-o-12 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-info-o-12:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #7B6FFF !important;
}
 .bg-info-o-65 {
     background-color: rgba(137, 80, 252, 0.26) !important;
}
 .bg-hover-info-o-13 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-info-o-13:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #7B6FFF !important;
}
 .bg-info-o-70 {
     background-color: rgba(137, 80, 252, 0.28) !important;
}
 .bg-hover-info-o-14 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-info-o-14:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #7B6FFF !important;
}
 .bg-info-o-75 {
     background-color: rgba(137, 80, 252, 0.3) !important;
}
 .bg-hover-info-o-15 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-info-o-15:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #7B6FFF !important;
}
 .bg-info-o-80 {
     background-color: rgba(137, 80, 252, 0.32) !important;
}
 .bg-hover-info-o-16 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-info-o-16:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #7B6FFF !important;
}
 .bg-info-o-85 {
     background-color: rgba(137, 80, 252, 0.34) !important;
}
 .bg-hover-info-o-17 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-info-o-17:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #7B6FFF !important;
}
 .bg-info-o-90 {
     background-color: rgba(137, 80, 252, 0.36) !important;
}
 .bg-hover-info-o-18 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-info-o-18:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #7B6FFF !important;
}
 .bg-info-o-95 {
     background-color: rgba(137, 80, 252, 0.38) !important;
}
 .bg-hover-info-o-19 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-info-o-19:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #7B6FFF !important;
}
 .bg-info-o-100 {
     background-color: rgba(137, 80, 252, 0.4) !important;
}
 .bg-hover-info-o-20 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-info-o-20:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #7B6FFF !important;
}
 .bg-hover-warning {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-warning:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #FFA800 !important;
}
 .hoverable:hover .bg-hover-warning {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #FFA800 !important;
}
 .bg-hover-state-warning {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-state-warning:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #EE9D01 !important;
}
 .bg-diagonal-warning:before {
     background-color: #FFA800 !important;
}
 .bg-diagonal-r-warning:after {
     background-color: #FFA800 !important;
}
 .bg-radial-gradient-warning {
     background-color: #FFA800;
     background-image: radial-gradient(circle, rgba(255, 244, 222, 0.4), #FFA800 70%);
}
 .bg-warning-o-5 {
     background-color: rgba(255, 168, 0, 0.02) !important;
}
 .bg-hover-warning-o-1 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-warning-o-1:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(255, 168, 0, 0.2) !important;
}
 .bg-warning-o-10 {
     background-color: rgba(255, 168, 0, 0.04) !important;
}
 .bg-hover-warning-o-2 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-warning-o-2:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(255, 168, 0, 0.4) !important;
}
 .bg-warning-o-15 {
     background-color: rgba(255, 168, 0, 0.06) !important;
}
 .bg-hover-warning-o-3 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-warning-o-3:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(255, 168, 0, 0.6) !important;
}
 .bg-warning-o-20 {
     background-color: rgba(255, 168, 0, 0.08) !important;
}
 .bg-hover-warning-o-4 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-warning-o-4:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(255, 168, 0, 0.8) !important;
}
 .bg-warning-o-25 {
     background-color: rgba(255, 168, 0, 0.1) !important;
}
 .bg-hover-warning-o-5 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-warning-o-5:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #ffa800 !important;
}
 .bg-warning-o-30 {
     background-color: rgba(255, 168, 0, 0.12) !important;
}
 .bg-hover-warning-o-6 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-warning-o-6:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #ffa800 !important;
}
 .bg-warning-o-35 {
     background-color: rgba(255, 168, 0, 0.14) !important;
}
 .bg-hover-warning-o-7 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-warning-o-7:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #ffa800 !important;
}
 .bg-warning-o-40 {
     background-color: rgba(255, 168, 0, 0.16) !important;
}
 .bg-hover-warning-o-8 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-warning-o-8:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #ffa800 !important;
}
 .bg-warning-o-45 {
     background-color: rgba(255, 168, 0, 0.18) !important;
}
 .bg-hover-warning-o-9 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-warning-o-9:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #ffa800 !important;
}
 .bg-warning-o-50 {
     background-color: rgba(255, 168, 0, 0.2) !important;
}
 .bg-hover-warning-o-10 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-warning-o-10:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #ffa800 !important;
}
 .bg-warning-o-55 {
     background-color: rgba(255, 168, 0, 0.22) !important;
}
 .bg-hover-warning-o-11 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-warning-o-11:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #ffa800 !important;
}
 .bg-warning-o-60 {
     background-color: rgba(255, 168, 0, 0.24) !important;
}
 .bg-hover-warning-o-12 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-warning-o-12:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #ffa800 !important;
}
 .bg-warning-o-65 {
     background-color: rgba(255, 168, 0, 0.26) !important;
}
 .bg-hover-warning-o-13 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-warning-o-13:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #ffa800 !important;
}
 .bg-warning-o-70 {
     background-color: rgba(255, 168, 0, 0.28) !important;
}
 .bg-hover-warning-o-14 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-warning-o-14:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #ffa800 !important;
}
 .bg-warning-o-75 {
     background-color: rgba(255, 168, 0, 0.3) !important;
}
 .bg-hover-warning-o-15 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-warning-o-15:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #ffa800 !important;
}
 .bg-warning-o-80 {
     background-color: rgba(255, 168, 0, 0.32) !important;
}
 .bg-hover-warning-o-16 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-warning-o-16:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #ffa800 !important;
}
 .bg-warning-o-85 {
     background-color: rgba(255, 168, 0, 0.34) !important;
}
 .bg-hover-warning-o-17 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-warning-o-17:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #ffa800 !important;
}
 .bg-warning-o-90 {
     background-color: rgba(255, 168, 0, 0.36) !important;
}
 .bg-hover-warning-o-18 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-warning-o-18:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #ffa800 !important;
}
 .bg-warning-o-95 {
     background-color: rgba(255, 168, 0, 0.38) !important;
}
 .bg-hover-warning-o-19 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-warning-o-19:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #ffa800 !important;
}
 .bg-warning-o-100 {
     background-color: rgba(255, 168, 0, 0.4) !important;
}
 .bg-hover-warning-o-20 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-warning-o-20:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #ffa800 !important;
}
 .bg-hover-danger {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-danger:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #F64E60 !important;
}
 .hoverable:hover .bg-hover-danger {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #F64E60 !important;
}
 .bg-hover-state-danger {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-state-danger:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #EE2D41 !important;
}
 .bg-diagonal-danger:before {
     background-color: #F64E60 !important;
}
 .bg-diagonal-r-danger:after {
     background-color: #F64E60 !important;
}
 .bg-radial-gradient-danger {
     background-color: #F64E60;
     background-image: radial-gradient(circle, rgba(255, 226, 229, 0.4), #F64E60 70%);
}
 .bg-danger-o-5 {
     background-color: rgba(246, 78, 96, 0.02) !important;
}
 .bg-hover-danger-o-1 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-danger-o-1:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(246, 78, 96, 0.2) !important;
}
 .bg-danger-o-10 {
     background-color: rgba(246, 78, 96, 0.04) !important;
}
 .bg-hover-danger-o-2 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-danger-o-2:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(246, 78, 96, 0.4) !important;
}
 .bg-danger-o-15 {
     background-color: rgba(246, 78, 96, 0.06) !important;
}
 .bg-hover-danger-o-3 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-danger-o-3:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(246, 78, 96, 0.6) !important;
}
 .bg-danger-o-20 {
     background-color: rgba(246, 78, 96, 0.08) !important;
}
 .bg-hover-danger-o-4 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-danger-o-4:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(246, 78, 96, 0.8) !important;
}
 .bg-danger-o-25 {
     background-color: rgba(246, 78, 96, 0.1) !important;
}
 .bg-hover-danger-o-5 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-danger-o-5:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f64e60 !important;
}
 .bg-danger-o-30 {
     background-color: rgba(246, 78, 96, 0.12) !important;
}
 .bg-hover-danger-o-6 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-danger-o-6:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f64e60 !important;
}
 .bg-danger-o-35 {
     background-color: rgba(246, 78, 96, 0.14) !important;
}
 .bg-hover-danger-o-7 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-danger-o-7:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f64e60 !important;
}
 .bg-danger-o-40 {
     background-color: rgba(246, 78, 96, 0.16) !important;
}
 .bg-hover-danger-o-8 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-danger-o-8:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f64e60 !important;
}
 .bg-danger-o-45 {
     background-color: rgba(246, 78, 96, 0.18) !important;
}
 .bg-hover-danger-o-9 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-danger-o-9:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f64e60 !important;
}
 .bg-danger-o-50 {
     background-color: rgba(246, 78, 96, 0.2) !important;
}
 .bg-hover-danger-o-10 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-danger-o-10:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f64e60 !important;
}
 .bg-danger-o-55 {
     background-color: rgba(246, 78, 96, 0.22) !important;
}
 .bg-hover-danger-o-11 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-danger-o-11:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f64e60 !important;
}
 .bg-danger-o-60 {
     background-color: rgba(246, 78, 96, 0.24) !important;
}
 .bg-hover-danger-o-12 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-danger-o-12:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f64e60 !important;
}
 .bg-danger-o-65 {
     background-color: rgba(246, 78, 96, 0.26) !important;
}
 .bg-hover-danger-o-13 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-danger-o-13:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f64e60 !important;
}
 .bg-danger-o-70 {
     background-color: rgba(246, 78, 96, 0.28) !important;
}
 .bg-hover-danger-o-14 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-danger-o-14:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f64e60 !important;
}
 .bg-danger-o-75 {
     background-color: rgba(246, 78, 96, 0.3) !important;
}
 .bg-hover-danger-o-15 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-danger-o-15:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f64e60 !important;
}
 .bg-danger-o-80 {
     background-color: rgba(246, 78, 96, 0.32) !important;
}
 .bg-hover-danger-o-16 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-danger-o-16:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f64e60 !important;
}
 .bg-danger-o-85 {
     background-color: rgba(246, 78, 96, 0.34) !important;
}
 .bg-hover-danger-o-17 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-danger-o-17:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f64e60 !important;
}
 .bg-danger-o-90 {
     background-color: rgba(246, 78, 96, 0.36) !important;
}
 .bg-hover-danger-o-18 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-danger-o-18:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f64e60 !important;
}
 .bg-danger-o-95 {
     background-color: rgba(246, 78, 96, 0.38) !important;
}
 .bg-hover-danger-o-19 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-danger-o-19:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f64e60 !important;
}
 .bg-danger-o-100 {
     background-color: rgba(246, 78, 96, 0.4) !important;
}
 .bg-hover-danger-o-20 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-danger-o-20:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f64e60 !important;
}
 .bg-hover-light {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #F3F6F9 !important;
}
 .hoverable:hover .bg-hover-light {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #F3F6F9 !important;
}
 .bg-hover-state-light {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-state-light:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #E4E6EF !important;
}
 .bg-diagonal-light:before {
     background-color: #F3F6F9 !important;
}
 .bg-diagonal-r-light:after {
     background-color: #F3F6F9 !important;
}
 .bg-radial-gradient-light {
     background-color: #F3F6F9;
     background-image: radial-gradient(circle, rgba(243, 246, 249, 0.4), #F3F6F9 70%);
}
 .bg-light-o-5 {
     background-color: rgba(243, 246, 249, 0.02) !important;
}
 .bg-hover-light-o-1 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-o-1:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(243, 246, 249, 0.2) !important;
}
 .bg-light-o-10 {
     background-color: rgba(243, 246, 249, 0.04) !important;
}
 .bg-hover-light-o-2 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-o-2:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(243, 246, 249, 0.4) !important;
}
 .bg-light-o-15 {
     background-color: rgba(243, 246, 249, 0.06) !important;
}
 .bg-hover-light-o-3 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-o-3:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(243, 246, 249, 0.6) !important;
}
 .bg-light-o-20 {
     background-color: rgba(243, 246, 249, 0.08) !important;
}
 .bg-hover-light-o-4 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-o-4:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(243, 246, 249, 0.8) !important;
}
 .bg-light-o-25 {
     background-color: rgba(243, 246, 249, 0.1) !important;
}
 .bg-hover-light-o-5 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-o-5:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f3f6f9 !important;
}
 .bg-light-o-30 {
     background-color: rgba(243, 246, 249, 0.12) !important;
}
 .bg-hover-light-o-6 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-o-6:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f3f6f9 !important;
}
 .bg-light-o-35 {
     background-color: rgba(243, 246, 249, 0.14) !important;
}
 .bg-hover-light-o-7 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-o-7:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f3f6f9 !important;
}
 .bg-light-o-40 {
     background-color: rgba(243, 246, 249, 0.16) !important;
}
 .bg-hover-light-o-8 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-o-8:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f3f6f9 !important;
}
 .bg-light-o-45 {
     background-color: rgba(243, 246, 249, 0.18) !important;
}
 .bg-hover-light-o-9 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-o-9:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f3f6f9 !important;
}
 .bg-light-o-50 {
     background-color: rgba(243, 246, 249, 0.2) !important;
}
 .bg-hover-light-o-10 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-o-10:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f3f6f9 !important;
}
 .bg-light-o-55 {
     background-color: rgba(243, 246, 249, 0.22) !important;
}
 .bg-hover-light-o-11 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-o-11:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f3f6f9 !important;
}
 .bg-light-o-60 {
     background-color: rgba(243, 246, 249, 0.24) !important;
}
 .bg-hover-light-o-12 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-o-12:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f3f6f9 !important;
}
 .bg-light-o-65 {
     background-color: rgba(243, 246, 249, 0.26) !important;
}
 .bg-hover-light-o-13 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-o-13:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f3f6f9 !important;
}
 .bg-light-o-70 {
     background-color: rgba(243, 246, 249, 0.28) !important;
}
 .bg-hover-light-o-14 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-o-14:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f3f6f9 !important;
}
 .bg-light-o-75 {
     background-color: rgba(243, 246, 249, 0.3) !important;
}
 .bg-hover-light-o-15 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-o-15:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f3f6f9 !important;
}
 .bg-light-o-80 {
     background-color: rgba(243, 246, 249, 0.32) !important;
}
 .bg-hover-light-o-16 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-o-16:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f3f6f9 !important;
}
 .bg-light-o-85 {
     background-color: rgba(243, 246, 249, 0.34) !important;
}
 .bg-hover-light-o-17 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-o-17:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f3f6f9 !important;
}
 .bg-light-o-90 {
     background-color: rgba(243, 246, 249, 0.36) !important;
}
 .bg-hover-light-o-18 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-o-18:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f3f6f9 !important;
}
 .bg-light-o-95 {
     background-color: rgba(243, 246, 249, 0.38) !important;
}
 .bg-hover-light-o-19 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-o-19:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f3f6f9 !important;
}
 .bg-light-o-100 {
     background-color: rgba(243, 246, 249, 0.4) !important;
}
 .bg-hover-light-o-20 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-o-20:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f3f6f9 !important;
}
 .bg-hover-dark {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-dark:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #181C32 !important;
}
 .hoverable:hover .bg-hover-dark {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #181C32 !important;
}
 .bg-hover-state-dark {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-state-dark:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #131628 !important;
}
 .bg-diagonal-dark:before {
     background-color: #181C32 !important;
}
 .bg-diagonal-r-dark:after {
     background-color: #181C32 !important;
}
 .bg-radial-gradient-dark {
     background-color: #181C32;
     background-image: radial-gradient(circle, rgba(209, 211, 224, 0.4), #181C32 70%);
}
 .bg-dark-o-5 {
     background-color: rgba(24, 28, 50, 0.02) !important;
}
 .bg-hover-dark-o-1 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-dark-o-1:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(24, 28, 50, 0.2) !important;
}
 .bg-dark-o-10 {
     background-color: rgba(24, 28, 50, 0.04) !important;
}
 .bg-hover-dark-o-2 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-dark-o-2:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(24, 28, 50, 0.4) !important;
}
 .bg-dark-o-15 {
     background-color: rgba(24, 28, 50, 0.06) !important;
}
 .bg-hover-dark-o-3 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-dark-o-3:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(24, 28, 50, 0.6) !important;
}
 .bg-dark-o-20 {
     background-color: rgba(24, 28, 50, 0.08) !important;
}
 .bg-hover-dark-o-4 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-dark-o-4:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(24, 28, 50, 0.8) !important;
}
 .bg-dark-o-25 {
     background-color: rgba(24, 28, 50, 0.1) !important;
}
 .bg-hover-dark-o-5 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-dark-o-5:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #181c32 !important;
}
 .bg-dark-o-30 {
     background-color: rgba(24, 28, 50, 0.12) !important;
}
 .bg-hover-dark-o-6 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-dark-o-6:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #181c32 !important;
}
 .bg-dark-o-35 {
     background-color: rgba(24, 28, 50, 0.14) !important;
}
 .bg-hover-dark-o-7 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-dark-o-7:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #181c32 !important;
}
 .bg-dark-o-40 {
     background-color: rgba(24, 28, 50, 0.16) !important;
}
 .bg-hover-dark-o-8 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-dark-o-8:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #181c32 !important;
}
 .bg-dark-o-45 {
     background-color: rgba(24, 28, 50, 0.18) !important;
}
 .bg-hover-dark-o-9 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-dark-o-9:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #181c32 !important;
}
 .bg-dark-o-50 {
     background-color: rgba(24, 28, 50, 0.2) !important;
}
 .bg-hover-dark-o-10 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-dark-o-10:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #181c32 !important;
}
 .bg-dark-o-55 {
     background-color: rgba(24, 28, 50, 0.22) !important;
}
 .bg-hover-dark-o-11 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-dark-o-11:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #181c32 !important;
}
 .bg-dark-o-60 {
     background-color: rgba(24, 28, 50, 0.24) !important;
}
 .bg-hover-dark-o-12 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-dark-o-12:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #181c32 !important;
}
 .bg-dark-o-65 {
     background-color: rgba(24, 28, 50, 0.26) !important;
}
 .bg-hover-dark-o-13 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-dark-o-13:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #181c32 !important;
}
 .bg-dark-o-70 {
     background-color: rgba(24, 28, 50, 0.28) !important;
}
 .bg-hover-dark-o-14 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-dark-o-14:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #181c32 !important;
}
 .bg-dark-o-75 {
     background-color: rgba(24, 28, 50, 0.3) !important;
}
 .bg-hover-dark-o-15 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-dark-o-15:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #181c32 !important;
}
 .bg-dark-o-80 {
     background-color: rgba(24, 28, 50, 0.32) !important;
}
 .bg-hover-dark-o-16 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-dark-o-16:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #181c32 !important;
}
 .bg-dark-o-85 {
     background-color: rgba(24, 28, 50, 0.34) !important;
}
 .bg-hover-dark-o-17 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-dark-o-17:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #181c32 !important;
}
 .bg-dark-o-90 {
     background-color: rgba(24, 28, 50, 0.36) !important;
}
 .bg-hover-dark-o-18 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-dark-o-18:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #181c32 !important;
}
 .bg-dark-o-95 {
     background-color: rgba(24, 28, 50, 0.38) !important;
}
 .bg-hover-dark-o-19 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-dark-o-19:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #181c32 !important;
}
 .bg-dark-o-100 {
     background-color: rgba(24, 28, 50, 0.4) !important;
}
 .bg-hover-dark-o-20 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-dark-o-20:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #181c32 !important;
}
 .bg-hover-white {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-white:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #ffffff !important;
}
 .hoverable:hover .bg-hover-white {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #ffffff !important;
}
 .bg-hover-state-white {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-state-white:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #F3F6F9 !important;
}
 .bg-diagonal-white:before {
     background-color: #ffffff !important;
}
 .bg-diagonal-r-white:after {
     background-color: #ffffff !important;
}
 .bg-radial-gradient-white {
     background-color: #ffffff;
     background-image: radial-gradient(circle, rgba(255, 255, 255, 0.4), #ffffff 70%);
}
 .bg-white-o-5 {
     background-color: rgba(255, 255, 255, 0.02) !important;
}
 .bg-hover-white-o-1 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-white-o-1:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(255, 255, 255, 0.2) !important;
}
 .bg-white-o-10 {
     background-color: rgba(255, 255, 255, 0.04) !important;
}
 .bg-hover-white-o-2 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-white-o-2:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(255, 255, 255, 0.4) !important;
}
 .bg-white-o-15 {
     background-color: rgba(255, 255, 255, 0.06) !important;
}
 .bg-hover-white-o-3 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-white-o-3:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(255, 255, 255, 0.6) !important;
}
 .bg-white-o-20 {
     background-color: rgba(255, 255, 255, 0.08) !important;
}
 .bg-hover-white-o-4 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-white-o-4:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(255, 255, 255, 0.8) !important;
}
 .bg-white-o-25 {
     background-color: rgba(255, 255, 255, 0.1) !important;
}
 .bg-hover-white-o-5 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-white-o-5:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: white !important;
}
 .bg-white-o-30 {
     background-color: rgba(255, 255, 255, 0.12) !important;
}
 .bg-hover-white-o-6 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-white-o-6:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: white !important;
}
 .bg-white-o-35 {
     background-color: rgba(255, 255, 255, 0.14) !important;
}
 .bg-hover-white-o-7 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-white-o-7:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: white !important;
}
 .bg-white-o-40 {
     background-color: rgba(255, 255, 255, 0.16) !important;
}
 .bg-hover-white-o-8 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-white-o-8:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: white !important;
}
 .bg-white-o-45 {
     background-color: rgba(255, 255, 255, 0.18) !important;
}
 .bg-hover-white-o-9 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-white-o-9:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: white !important;
}
 .bg-white-o-50 {
     background-color: rgba(255, 255, 255, 0.2) !important;
}
 .bg-hover-white-o-10 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-white-o-10:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: white !important;
}
 .bg-white-o-55 {
     background-color: rgba(255, 255, 255, 0.22) !important;
}
 .bg-hover-white-o-11 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-white-o-11:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: white !important;
}
 .bg-white-o-60 {
     background-color: rgba(255, 255, 255, 0.24) !important;
}
 .bg-hover-white-o-12 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-white-o-12:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: white !important;
}
 .bg-white-o-65 {
     background-color: rgba(255, 255, 255, 0.26) !important;
}
 .bg-hover-white-o-13 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-white-o-13:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: white !important;
}
 .bg-white-o-70 {
     background-color: rgba(255, 255, 255, 0.28) !important;
}
 .bg-hover-white-o-14 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-white-o-14:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: white !important;
}
 .bg-white-o-75 {
     background-color: rgba(255, 255, 255, 0.3) !important;
}
 .bg-hover-white-o-15 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-white-o-15:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: white !important;
}
 .bg-white-o-80 {
     background-color: rgba(255, 255, 255, 0.32) !important;
}
 .bg-hover-white-o-16 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-white-o-16:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: white !important;
}
 .bg-white-o-85 {
     background-color: rgba(255, 255, 255, 0.34) !important;
}
 .bg-hover-white-o-17 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-white-o-17:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: white !important;
}
 .bg-white-o-90 {
     background-color: rgba(255, 255, 255, 0.36) !important;
}
 .bg-hover-white-o-18 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-white-o-18:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: white !important;
}
 .bg-white-o-95 {
     background-color: rgba(255, 255, 255, 0.38) !important;
}
 .bg-hover-white-o-19 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-white-o-19:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: white !important;
}
 .bg-white-o-100 {
     background-color: rgba(255, 255, 255, 0.4) !important;
}
 .bg-hover-white-o-20 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-white-o-20:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: white !important;
}
 .bg-light-white {
     background-color: #ffffff !important;
}
 .bg-hover-light-white {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-white:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #ffffff !important;
}
 .bg-diagonal-light-white:before {
     background-color: #ffffff !important;
}
 .bg-light-primary {
     background-color: #E1F0FF !important;
}
 .bg-hover-light-primary {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-primary:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #E1F0FF !important;
}
 .bg-diagonal-light-primary:before {
     background-color: #E1F0FF !important;
}
 .bg-light-secondary {
     background-color: #EBEDF3 !important;
}
 .bg-hover-light-secondary {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-secondary:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #EBEDF3 !important;
}
 .bg-diagonal-light-secondary:before {
     background-color: #EBEDF3 !important;
}
 .bg-light-success {
     background-color: #dff7ea !important
}
 .bg-hover-light-success {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-success:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(67, 213, 173, 0.15) !important;
}
 .bg-diagonal-light-success:before {
     background-color: rgba(67, 213, 173, 0.15) !important;
}
 .bg-light-info {
     background-color: #EEE5FF !important;
}
 .bg-hover-light-info {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-info:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #EEE5FF !important;
}
 .bg-diagonal-light-info:before {
     background-color: #EEE5FF !important;
}
 .bg-light-warning {
     background-color: #FFF4DE !important;
}
 .bg-hover-light-warning {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-warning:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #FFF4DE !important;
}
 .bg-diagonal-light-warning:before {
     background-color: #FFF4DE !important;
}
 .bg-light-danger {
     background-color: #FFEFEF !important;
}
 .bg-hover-light-danger {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .btn.bg-hover-light-danger:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #FFEFEF !important;
}
.custom-actions-dropdown .btn.btn-light-primary.bg-hover-light-danger:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #FFEFEF !important;
}
 .bg-diagonal-light-danger:before {
     background-color: #FFEFEF !important;
}
 .bg-light-light {
     background-color: #F3F6F9 !important;
}
 .bg-hover-light-light {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-light:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #F3F6F9 !important;
}
 .bg-diagonal-light-light:before {
     background-color: #F3F6F9 !important;
}
 .bg-light-dark {
     background-color: #D1D3E0 !important;
}
 .bg-hover-light-dark {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-light-dark:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #D1D3E0 !important;
}
 .bg-diagonal-light-dark:before {
     background-color: #D1D3E0 !important;
}
 .bg-gray-100 {
     background-color: #F3F6F9 !important;
}
 .bg-hover-gray-100 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-gray-100:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #F3F6F9 !important;
}
 .bg-gray-200 {
     background-color: #EBEDF3 !important;
}
 .bg-hover-gray-200 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-gray-200:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #EBEDF3 !important;
}
 .bg-gray-300 {
     background-color: #E4E6EF !important;
}
 .bg-hover-gray-300 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-gray-300:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #E4E6EF !important;
}
 .bg-gray-400 {
     background-color: #D1D3E0 !important;
}
 .bg-hover-gray-400 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-gray-400:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #D1D3E0 !important;
}
 .bg-gray-500 {
     background-color: #B5B5C3 !important;
}
 .bg-hover-gray-500 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-gray-500:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #B5B5C3 !important;
}
 .bg-gray-600 {
     background-color: #7E8299 !important;
}
 .bg-hover-gray-600 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-gray-600:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #7E8299 !important;
}
 .bg-gray-700 {
     background-color: #5E6278 !important;
}
 .bg-hover-gray-700 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-gray-700:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #5E6278 !important;
}
 .bg-gray-800 {
     background-color: rgba(63, 66, 84, 0.9) !important;
}
 .bg-hover-gray-800 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-gray-800:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: rgba(63, 66, 84, 0.9) !important;
}
 .bg-gray-900 {
     background-color: #181C32 !important;
}
 .bg-hover-gray-900 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
}
 .bg-hover-gray-900:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #181C32 !important;
}
 .bg-transparent {
     background-color: transparent;
}
 .bg-transparent-i {
     background-color: transparent !important;
}
 .bgi-size-length {
     background-size: length;
}
 .bgi-size-cover {
     background-size: cover;
}
 .bgi-size-contain {
     background-size: contain;
}
 .bgi-no-repeat {
     background-repeat: no-repeat;
}
 .bgi-position-y-top {
     background-position-y: top;
}
 .bgi-position-y-bottom {
     background-position-y: bottom;
}
 .bgi-position-y-center {
     background-position-y: center;
}
 .bgi-position-x-left {
     background-position-x: left;
}
 .bgi-position-x-right {
     background-position-x: right;
}
 .bgi-position-x-center {
     background-position-x: center;
}
 .bgi-position-top {
     background-position: 0 top;
}
 .bgi-position-bottom {
     background-position: 0 bottom;
}
 .bgi-position-center {
     background-position: center;
}
 .bg-transparent {
     background-color: transparent;
}
 .bg-diagonal {
     position: relative;
     background-color: #ffffff;
     overflow: hidden;
}
 .bg-diagonal .card-body {
     position: relative;
     z-index: 2;
}
 .bg-diagonal:before {
     content: " ";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #F3F6F9;
}
 .bg-diagonal:after {
     content: " ";
     width: 200%;
     height: 1000px;
     position: absolute;
     z-index: 1;
     top: 0;
     left: 45%;
     -webkit-transform: rotate(20deg);
     transform: rotate(20deg);
     background-color: #ffffff;
}
 .flex-root {
     -webkit-box-flex: 1;
     flex: 1;
     -ms-flex: 1 0 0px;
}
 .flex-column-auto {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
}
 .flex-column-fluid {
     -webkit-box-flex: 1;
     -ms-flex: 1 0 auto;
     flex: 1 0 auto;
}
 .flex-row-auto {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
}
 .flex-row-fluid {
     -webkit-box-flex: 1;
     flex: 1 auto;
     -ms-flex: 1 0 0px;
     min-width: 0;
}
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
     .flex-row-fluid {
         min-width: none;
    }
}
 .flex-center {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 @media (min-width: 576px) {
     .flex-sm-root {
         -webkit-box-flex: 1;
         flex: 1;
         -ms-flex: 1 0 0px;
    }
     .flex-sm-column-auto {
         -webkit-box-flex: 0;
         -ms-flex: none;
         flex: none;
    }
     .flex-sm-column-fluid {
         -webkit-box-flex: 1;
         -ms-flex: 1 0 auto;
         flex: 1 0 auto;
    }
     .flex-sm-row-auto {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
    }
     .flex-sm-row-fluid {
         -webkit-box-flex: 1;
         flex: 1 auto;
         -ms-flex: 1 0 0px;
         min-width: 0;
    }
}
 @media screen and (min-width: 576px) and (-ms-high-contrast: active), (min-width: 576px) and (-ms-high-contrast: none) {
     .flex-sm-row-fluid {
         min-width: none;
    }
}
 @media (min-width: 576px) {
     .flex-sm-center {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
    }
}
 @media (min-width: 768px) {
     .flex-md-root {
         -webkit-box-flex: 1;
         flex: 1;
         -ms-flex: 1 0 0px;
    }
     .flex-md-column-auto {
         -webkit-box-flex: 0;
         -ms-flex: none;
         flex: none;
    }
     .flex-md-column-fluid {
         -webkit-box-flex: 1;
         -ms-flex: 1 0 auto;
         flex: 1 0 auto;
    }
     .flex-md-row-auto {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
    }
     .flex-md-row-fluid {
         -webkit-box-flex: 1;
         flex: 1 auto;
         -ms-flex: 1 0 0px;
         min-width: 0;
    }
}
 @media screen and (min-width: 768px) and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) {
     .flex-md-row-fluid {
         min-width: none;
    }
}
 @media (min-width: 768px) {
     .flex-md-center {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
    }
}
 @media (min-width: 992px) {
     .flex-lg-root {
         -webkit-box-flex: 1;
         flex: 1;
         -ms-flex: 1 0 0px;
    }
     .flex-lg-column-auto {
         -webkit-box-flex: 0;
         -ms-flex: none;
         flex: none;
    }
     .flex-lg-column-fluid {
         -webkit-box-flex: 1;
         -ms-flex: 1 0 auto;
         flex: 1 0 auto;
    }
     .flex-lg-row-auto {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
    }
     .flex-lg-row-fluid {
         -webkit-box-flex: 1;
         flex: 1 auto;
         -ms-flex: 1 0 0px;
         min-width: 0;
    }
}
 @media screen and (min-width: 992px) and (-ms-high-contrast: active), (min-width: 992px) and (-ms-high-contrast: none) {
     .flex-lg-row-fluid {
         min-width: none;
    }
}
 @media (min-width: 992px) {
     .flex-lg-center {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
    }
}
 @media (min-width: 1200px) {
     .flex-xl-root {
         -webkit-box-flex: 1;
         flex: 1;
         -ms-flex: 1 0 0px;
    }
     .flex-xl-column-auto {
         -webkit-box-flex: 0;
         -ms-flex: none;
         flex: none;
    }
     .flex-xl-column-fluid {
         -webkit-box-flex: 1;
         -ms-flex: 1 0 auto;
         flex: 1 0 auto;
    }
     .flex-xl-row-auto {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
    }
     .flex-xl-row-fluid {
         -webkit-box-flex: 1;
         flex: 1 auto;
         -ms-flex: 1 0 0px;
         min-width: 0;
    }
}
 @media screen and (min-width: 1200px) and (-ms-high-contrast: active), (min-width: 1200px) and (-ms-high-contrast: none) {
     .flex-xl-row-fluid {
         min-width: none;
    }
}
 @media (min-width: 1200px) {
     .flex-xl-center {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
    }
}
 @media (min-width: 1480px) {
     .flex-xxl-root {
         -webkit-box-flex: 1;
         flex: 1;
         -ms-flex: 1 0 0px;
    }
     .flex-xxl-column-auto {
         -webkit-box-flex: 0;
         -ms-flex: none;
         flex: none;
    }
     .flex-xxl-column-fluid {
         -webkit-box-flex: 1;
         -ms-flex: 1 0 auto;
         flex: 1 0 auto;
    }
     .flex-xxl-row-auto {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
    }
     .flex-xxl-row-fluid {
         -webkit-box-flex: 1;
         flex: 1 auto;
         -ms-flex: 1 0 0px;
         min-width: 0;
    }
}
 @media screen and (min-width: 1480px) and (-ms-high-contrast: active), (min-width: 1480px) and (-ms-high-contrast: none) {
     .flex-xxl-row-fluid {
         min-width: none;
    }
}
 @media (min-width: 1480px) {
     .flex-xxl-center {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
    }
}
 .opacity-1 {
     opacity: 0.01 !important;
}
 .hover-opacity-1 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-1.active, .hover-opacity-1:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.01 !important;
}
 .opacity-2 {
     opacity: 0.02 !important;
}
 .hover-opacity-2 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-2.active, .hover-opacity-2:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.02 !important;
}
 .opacity-3 {
     opacity: 0.03 !important;
}
 .hover-opacity-3 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-3.active, .hover-opacity-3:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.03 !important;
}
 .opacity-4 {
     opacity: 0.04 !important;
}
 .hover-opacity-4 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-4.active, .hover-opacity-4:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.04 !important;
}
 .opacity-5 {
     opacity: 0.05 !important;
}
 .hover-opacity-5 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-5.active, .hover-opacity-5:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.05 !important;
}
 .opacity-6 {
     opacity: 0.06 !important;
}
 .hover-opacity-6 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-6.active, .hover-opacity-6:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.06 !important;
}
 .opacity-7 {
     opacity: 0.07 !important;
}
 .hover-opacity-7 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-7.active, .hover-opacity-7:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.07 !important;
}
 .opacity-8 {
     opacity: 0.08 !important;
}
 .hover-opacity-8 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-8.active, .hover-opacity-8:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.08 !important;
}
 .opacity-9 {
     opacity: 0.09 !important;
}
 .hover-opacity-9 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-9.active, .hover-opacity-9:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.09 !important;
}
 .opacity-10 {
     opacity: 0.1 !important;
}
 .hover-opacity-10 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-10.active, .hover-opacity-10:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.1 !important;
}
 .opacity-11 {
     opacity: 0.11 !important;
}
 .hover-opacity-11 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-11.active, .hover-opacity-11:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.11 !important;
}
 .opacity-12 {
     opacity: 0.12 !important;
}
 .hover-opacity-12 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-12.active, .hover-opacity-12:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.12 !important;
}
 .opacity-13 {
     opacity: 0.13 !important;
}
 .hover-opacity-13 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-13.active, .hover-opacity-13:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.13 !important;
}
 .opacity-14 {
     opacity: 0.14 !important;
}
 .hover-opacity-14 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-14.active, .hover-opacity-14:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.14 !important;
}
 .opacity-15 {
     opacity: 0.15 !important;
}
 .hover-opacity-15 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-15.active, .hover-opacity-15:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.15 !important;
}
 .opacity-16 {
     opacity: 0.16 !important;
}
 .hover-opacity-16 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-16.active, .hover-opacity-16:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.16 !important;
}
 .opacity-17 {
     opacity: 0.17 !important;
}
 .hover-opacity-17 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-17.active, .hover-opacity-17:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.17 !important;
}
 .opacity-18 {
     opacity: 0.18 !important;
}
 .hover-opacity-18 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-18.active, .hover-opacity-18:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.18 !important;
}
 .opacity-19 {
     opacity: 0.19 !important;
}
 .hover-opacity-19 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-19.active, .hover-opacity-19:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.19 !important;
}
 .opacity-20 {
     opacity: 0.2 !important;
}
 .hover-opacity-20 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-20.active, .hover-opacity-20:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.2 !important;
}
 .opacity-21 {
     opacity: 0.21 !important;
}
 .hover-opacity-21 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-21.active, .hover-opacity-21:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.21 !important;
}
 .opacity-22 {
     opacity: 0.22 !important;
}
 .hover-opacity-22 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-22.active, .hover-opacity-22:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.22 !important;
}
 .opacity-23 {
     opacity: 0.23 !important;
}
 .hover-opacity-23 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-23.active, .hover-opacity-23:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.23 !important;
}
 .opacity-24 {
     opacity: 0.24 !important;
}
 .hover-opacity-24 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-24.active, .hover-opacity-24:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.24 !important;
}
 .opacity-25 {
     opacity: 0.25 !important;
}
 .hover-opacity-25 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-25.active, .hover-opacity-25:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.25 !important;
}
 .opacity-26 {
     opacity: 0.26 !important;
}
 .hover-opacity-26 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-26.active, .hover-opacity-26:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.26 !important;
}
 .opacity-27 {
     opacity: 0.27 !important;
}
 .hover-opacity-27 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-27.active, .hover-opacity-27:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.27 !important;
}
 .opacity-28 {
     opacity: 0.28 !important;
}
 .hover-opacity-28 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-28.active, .hover-opacity-28:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.28 !important;
}
 .opacity-29 {
     opacity: 0.29 !important;
}
 .hover-opacity-29 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-29.active, .hover-opacity-29:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.29 !important;
}
 .opacity-30 {
     opacity: 0.3 !important;
}
 .hover-opacity-30 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-30.active, .hover-opacity-30:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.3 !important;
}
 .opacity-31 {
     opacity: 0.31 !important;
}
 .hover-opacity-31 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-31.active, .hover-opacity-31:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.31 !important;
}
 .opacity-32 {
     opacity: 0.32 !important;
}
 .hover-opacity-32 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-32.active, .hover-opacity-32:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.32 !important;
}
 .opacity-33 {
     opacity: 0.33 !important;
}
 .hover-opacity-33 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-33.active, .hover-opacity-33:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.33 !important;
}
 .opacity-34 {
     opacity: 0.34 !important;
}
 .hover-opacity-34 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-34.active, .hover-opacity-34:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.34 !important;
}
 .opacity-35 {
     opacity: 0.35 !important;
}
 .hover-opacity-35 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-35.active, .hover-opacity-35:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.35 !important;
}
 .opacity-36 {
     opacity: 0.36 !important;
}
 .hover-opacity-36 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-36.active, .hover-opacity-36:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.36 !important;
}
 .opacity-37 {
     opacity: 0.37 !important;
}
 .hover-opacity-37 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-37.active, .hover-opacity-37:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.37 !important;
}
 .opacity-38 {
     opacity: 0.38 !important;
}
 .hover-opacity-38 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-38.active, .hover-opacity-38:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.38 !important;
}
 .opacity-39 {
     opacity: 0.39 !important;
}
 .hover-opacity-39 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-39.active, .hover-opacity-39:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.39 !important;
}
 .opacity-40 {
     opacity: 0.4 !important;
}
 .hover-opacity-40 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-40.active, .hover-opacity-40:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.4 !important;
}
 .opacity-41 {
     opacity: 0.41 !important;
}
 .hover-opacity-41 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-41.active, .hover-opacity-41:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.41 !important;
}
 .opacity-42 {
     opacity: 0.42 !important;
}
 .hover-opacity-42 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-42.active, .hover-opacity-42:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.42 !important;
}
 .opacity-43 {
     opacity: 0.43 !important;
}
 .hover-opacity-43 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-43.active, .hover-opacity-43:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.43 !important;
}
 .opacity-44 {
     opacity: 0.44 !important;
}
 .hover-opacity-44 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-44.active, .hover-opacity-44:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.44 !important;
}
 .opacity-45 {
     opacity: 0.45 !important;
}
 .hover-opacity-45 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-45.active, .hover-opacity-45:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.45 !important;
}
 .opacity-46 {
     opacity: 0.46 !important;
}
 .hover-opacity-46 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-46.active, .hover-opacity-46:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.46 !important;
}
 .opacity-47 {
     opacity: 0.47 !important;
}
 .hover-opacity-47 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-47.active, .hover-opacity-47:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.47 !important;
}
 .opacity-48 {
     opacity: 0.48 !important;
}
 .hover-opacity-48 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-48.active, .hover-opacity-48:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.48 !important;
}
 .opacity-49 {
     opacity: 0.49 !important;
}
 .hover-opacity-49 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-49.active, .hover-opacity-49:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.49 !important;
}
 .opacity-50 {
     opacity: 0.5 !important;
}
 .hover-opacity-50 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-50.active, .hover-opacity-50:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.5 !important;
}
 .opacity-51 {
     opacity: 0.51 !important;
}
 .hover-opacity-51 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-51.active, .hover-opacity-51:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.51 !important;
}
 .opacity-52 {
     opacity: 0.52 !important;
}
 .hover-opacity-52 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-52.active, .hover-opacity-52:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.52 !important;
}
 .opacity-53 {
     opacity: 0.53 !important;
}
 .hover-opacity-53 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-53.active, .hover-opacity-53:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.53 !important;
}
 .opacity-54 {
     opacity: 0.54 !important;
}
 .hover-opacity-54 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-54.active, .hover-opacity-54:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.54 !important;
}
 .opacity-55 {
     opacity: 0.55 !important;
}
 .hover-opacity-55 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-55.active, .hover-opacity-55:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.55 !important;
}
 .opacity-56 {
     opacity: 0.56 !important;
}
 .hover-opacity-56 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-56.active, .hover-opacity-56:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.56 !important;
}
 .opacity-57 {
     opacity: 0.57 !important;
}
 .hover-opacity-57 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-57.active, .hover-opacity-57:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.57 !important;
}
 .opacity-58 {
     opacity: 0.58 !important;
}
 .hover-opacity-58 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-58.active, .hover-opacity-58:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.58 !important;
}
 .opacity-59 {
     opacity: 0.59 !important;
}
 .hover-opacity-59 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-59.active, .hover-opacity-59:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.59 !important;
}
 .opacity-60 {
     opacity: 0.6 !important;
}
 .hover-opacity-60 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-60.active, .hover-opacity-60:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.6 !important;
}
 .opacity-61 {
     opacity: 0.61 !important;
}
 .hover-opacity-61 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-61.active, .hover-opacity-61:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.61 !important;
}
 .opacity-62 {
     opacity: 0.62 !important;
}
 .hover-opacity-62 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-62.active, .hover-opacity-62:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.62 !important;
}
 .opacity-63 {
     opacity: 0.63 !important;
}
 .hover-opacity-63 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-63.active, .hover-opacity-63:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.63 !important;
}
 .opacity-64 {
     opacity: 0.64 !important;
}
 .hover-opacity-64 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-64.active, .hover-opacity-64:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.64 !important;
}
 .opacity-65 {
     opacity: 0.65 !important;
}
 .hover-opacity-65 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-65.active, .hover-opacity-65:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.65 !important;
}
 .opacity-66 {
     opacity: 0.66 !important;
}
 .hover-opacity-66 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-66.active, .hover-opacity-66:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.66 !important;
}
 .opacity-67 {
     opacity: 0.67 !important;
}
 .hover-opacity-67 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-67.active, .hover-opacity-67:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.67 !important;
}
 .opacity-68 {
     opacity: 0.68 !important;
}
 .hover-opacity-68 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-68.active, .hover-opacity-68:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.68 !important;
}
 .opacity-69 {
     opacity: 0.69 !important;
}
 .hover-opacity-69 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-69.active, .hover-opacity-69:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.69 !important;
}
 .opacity-70 {
     opacity: 0.7 !important;
}
 .hover-opacity-70 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-70.active, .hover-opacity-70:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.7 !important;
}
 .opacity-71 {
     opacity: 0.71 !important;
}
 .hover-opacity-71 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-71.active, .hover-opacity-71:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.71 !important;
}
 .opacity-72 {
     opacity: 0.72 !important;
}
 .hover-opacity-72 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-72.active, .hover-opacity-72:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.72 !important;
}
 .opacity-73 {
     opacity: 0.73 !important;
}
 .hover-opacity-73 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-73.active, .hover-opacity-73:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.73 !important;
}
 .opacity-74 {
     opacity: 0.74 !important;
}
 .hover-opacity-74 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-74.active, .hover-opacity-74:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.74 !important;
}
 .opacity-75 {
     opacity: 0.75 !important;
}
 .hover-opacity-75 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-75.active, .hover-opacity-75:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.75 !important;
}
 .opacity-76 {
     opacity: 0.76 !important;
}
 .hover-opacity-76 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-76.active, .hover-opacity-76:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.76 !important;
}
 .opacity-77 {
     opacity: 0.77 !important;
}
 .hover-opacity-77 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-77.active, .hover-opacity-77:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.77 !important;
}
 .opacity-78 {
     opacity: 0.78 !important;
}
 .hover-opacity-78 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-78.active, .hover-opacity-78:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.78 !important;
}
 .opacity-79 {
     opacity: 0.79 !important;
}
 .hover-opacity-79 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-79.active, .hover-opacity-79:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.79 !important;
}
 .opacity-80 {
     opacity: 0.8 !important;
}
 .hover-opacity-80 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-80.active, .hover-opacity-80:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.8 !important;
}
 .opacity-81 {
     opacity: 0.81 !important;
}
 .hover-opacity-81 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-81.active, .hover-opacity-81:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.81 !important;
}
 .opacity-82 {
     opacity: 0.82 !important;
}
 .hover-opacity-82 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-82.active, .hover-opacity-82:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.82 !important;
}
 .opacity-83 {
     opacity: 0.83 !important;
}
 .hover-opacity-83 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-83.active, .hover-opacity-83:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.83 !important;
}
 .opacity-84 {
     opacity: 0.84 !important;
}
 .hover-opacity-84 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-84.active, .hover-opacity-84:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.84 !important;
}
 .opacity-85 {
     opacity: 0.85 !important;
}
 .hover-opacity-85 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-85.active, .hover-opacity-85:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.85 !important;
}
 .opacity-86 {
     opacity: 0.86 !important;
}
 .hover-opacity-86 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-86.active, .hover-opacity-86:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.86 !important;
}
 .opacity-87 {
     opacity: 0.87 !important;
}
 .hover-opacity-87 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-87.active, .hover-opacity-87:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.87 !important;
}
 .opacity-88 {
     opacity: 0.88 !important;
}
 .hover-opacity-88 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-88.active, .hover-opacity-88:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.88 !important;
}
 .opacity-89 {
     opacity: 0.89 !important;
}
 .hover-opacity-89 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-89.active, .hover-opacity-89:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.89 !important;
}
 .opacity-90 {
     opacity: 0.9 !important;
}
 .hover-opacity-90 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-90.active, .hover-opacity-90:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.9 !important;
}
 .opacity-91 {
     opacity: 0.91 !important;
}
 .hover-opacity-91 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-91.active, .hover-opacity-91:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.91 !important;
}
 .opacity-92 {
     opacity: 0.92 !important;
}
 .hover-opacity-92 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-92.active, .hover-opacity-92:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.92 !important;
}
 .opacity-93 {
     opacity: 0.93 !important;
}
 .hover-opacity-93 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-93.active, .hover-opacity-93:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.93 !important;
}
 .opacity-94 {
     opacity: 0.94 !important;
}
 .hover-opacity-94 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-94.active, .hover-opacity-94:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.94 !important;
}
 .opacity-95 {
     opacity: 0.95 !important;
}
 .hover-opacity-95 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-95.active, .hover-opacity-95:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.95 !important;
}
 .opacity-96 {
     opacity: 0.96 !important;
}
 .hover-opacity-96 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-96.active, .hover-opacity-96:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.96 !important;
}
 .opacity-97 {
     opacity: 0.97 !important;
}
 .hover-opacity-97 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-97.active, .hover-opacity-97:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.97 !important;
}
 .opacity-98 {
     opacity: 0.98 !important;
}
 .hover-opacity-98 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-98.active, .hover-opacity-98:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.98 !important;
}
 .opacity-99 {
     opacity: 0.99 !important;
}
 .hover-opacity-99 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-99.active, .hover-opacity-99:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 0.99 !important;
}
 .opacity-100 {
     opacity: 1 !important;
}
 .hover-opacity-100 {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .hover-opacity-100.active, .hover-opacity-100:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     opacity: 1 !important;
}
 @media (min-width: 576px) {
     .opacity-sm-1 {
         opacity: 0.01 !important;
    }
     .hover-opacity-sm-1 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-1.active, .hover-opacity-sm-1:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.01 !important;
    }
     .opacity-sm-2 {
         opacity: 0.02 !important;
    }
     .hover-opacity-sm-2 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-2.active, .hover-opacity-sm-2:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.02 !important;
    }
     .opacity-sm-3 {
         opacity: 0.03 !important;
    }
     .hover-opacity-sm-3 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-3.active, .hover-opacity-sm-3:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.03 !important;
    }
     .opacity-sm-4 {
         opacity: 0.04 !important;
    }
     .hover-opacity-sm-4 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-4.active, .hover-opacity-sm-4:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.04 !important;
    }
     .opacity-sm-5 {
         opacity: 0.05 !important;
    }
     .hover-opacity-sm-5 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-5.active, .hover-opacity-sm-5:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.05 !important;
    }
     .opacity-sm-6 {
         opacity: 0.06 !important;
    }
     .hover-opacity-sm-6 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-6.active, .hover-opacity-sm-6:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.06 !important;
    }
     .opacity-sm-7 {
         opacity: 0.07 !important;
    }
     .hover-opacity-sm-7 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-7.active, .hover-opacity-sm-7:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.07 !important;
    }
     .opacity-sm-8 {
         opacity: 0.08 !important;
    }
     .hover-opacity-sm-8 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-8.active, .hover-opacity-sm-8:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.08 !important;
    }
     .opacity-sm-9 {
         opacity: 0.09 !important;
    }
     .hover-opacity-sm-9 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-9.active, .hover-opacity-sm-9:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.09 !important;
    }
     .opacity-sm-10 {
         opacity: 0.1 !important;
    }
     .hover-opacity-sm-10 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-10.active, .hover-opacity-sm-10:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.1 !important;
    }
     .opacity-sm-11 {
         opacity: 0.11 !important;
    }
     .hover-opacity-sm-11 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-11.active, .hover-opacity-sm-11:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.11 !important;
    }
     .opacity-sm-12 {
         opacity: 0.12 !important;
    }
     .hover-opacity-sm-12 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-12.active, .hover-opacity-sm-12:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.12 !important;
    }
     .opacity-sm-13 {
         opacity: 0.13 !important;
    }
     .hover-opacity-sm-13 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-13.active, .hover-opacity-sm-13:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.13 !important;
    }
     .opacity-sm-14 {
         opacity: 0.14 !important;
    }
     .hover-opacity-sm-14 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-14.active, .hover-opacity-sm-14:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.14 !important;
    }
     .opacity-sm-15 {
         opacity: 0.15 !important;
    }
     .hover-opacity-sm-15 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-15.active, .hover-opacity-sm-15:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.15 !important;
    }
     .opacity-sm-16 {
         opacity: 0.16 !important;
    }
     .hover-opacity-sm-16 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-16.active, .hover-opacity-sm-16:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.16 !important;
    }
     .opacity-sm-17 {
         opacity: 0.17 !important;
    }
     .hover-opacity-sm-17 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-17.active, .hover-opacity-sm-17:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.17 !important;
    }
     .opacity-sm-18 {
         opacity: 0.18 !important;
    }
     .hover-opacity-sm-18 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-18.active, .hover-opacity-sm-18:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.18 !important;
    }
     .opacity-sm-19 {
         opacity: 0.19 !important;
    }
     .hover-opacity-sm-19 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-19.active, .hover-opacity-sm-19:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.19 !important;
    }
     .opacity-sm-20 {
         opacity: 0.2 !important;
    }
     .hover-opacity-sm-20 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-20.active, .hover-opacity-sm-20:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.2 !important;
    }
     .opacity-sm-21 {
         opacity: 0.21 !important;
    }
     .hover-opacity-sm-21 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-21.active, .hover-opacity-sm-21:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.21 !important;
    }
     .opacity-sm-22 {
         opacity: 0.22 !important;
    }
     .hover-opacity-sm-22 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-22.active, .hover-opacity-sm-22:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.22 !important;
    }
     .opacity-sm-23 {
         opacity: 0.23 !important;
    }
     .hover-opacity-sm-23 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-23.active, .hover-opacity-sm-23:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.23 !important;
    }
     .opacity-sm-24 {
         opacity: 0.24 !important;
    }
     .hover-opacity-sm-24 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-24.active, .hover-opacity-sm-24:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.24 !important;
    }
     .opacity-sm-25 {
         opacity: 0.25 !important;
    }
     .hover-opacity-sm-25 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-25.active, .hover-opacity-sm-25:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.25 !important;
    }
     .opacity-sm-26 {
         opacity: 0.26 !important;
    }
     .hover-opacity-sm-26 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-26.active, .hover-opacity-sm-26:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.26 !important;
    }
     .opacity-sm-27 {
         opacity: 0.27 !important;
    }
     .hover-opacity-sm-27 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-27.active, .hover-opacity-sm-27:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.27 !important;
    }
     .opacity-sm-28 {
         opacity: 0.28 !important;
    }
     .hover-opacity-sm-28 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-28.active, .hover-opacity-sm-28:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.28 !important;
    }
     .opacity-sm-29 {
         opacity: 0.29 !important;
    }
     .hover-opacity-sm-29 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-29.active, .hover-opacity-sm-29:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.29 !important;
    }
     .opacity-sm-30 {
         opacity: 0.3 !important;
    }
     .hover-opacity-sm-30 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-30.active, .hover-opacity-sm-30:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.3 !important;
    }
     .opacity-sm-31 {
         opacity: 0.31 !important;
    }
     .hover-opacity-sm-31 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-31.active, .hover-opacity-sm-31:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.31 !important;
    }
     .opacity-sm-32 {
         opacity: 0.32 !important;
    }
     .hover-opacity-sm-32 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-32.active, .hover-opacity-sm-32:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.32 !important;
    }
     .opacity-sm-33 {
         opacity: 0.33 !important;
    }
     .hover-opacity-sm-33 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-33.active, .hover-opacity-sm-33:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.33 !important;
    }
     .opacity-sm-34 {
         opacity: 0.34 !important;
    }
     .hover-opacity-sm-34 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-34.active, .hover-opacity-sm-34:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.34 !important;
    }
     .opacity-sm-35 {
         opacity: 0.35 !important;
    }
     .hover-opacity-sm-35 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-35.active, .hover-opacity-sm-35:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.35 !important;
    }
     .opacity-sm-36 {
         opacity: 0.36 !important;
    }
     .hover-opacity-sm-36 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-36.active, .hover-opacity-sm-36:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.36 !important;
    }
     .opacity-sm-37 {
         opacity: 0.37 !important;
    }
     .hover-opacity-sm-37 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-37.active, .hover-opacity-sm-37:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.37 !important;
    }
     .opacity-sm-38 {
         opacity: 0.38 !important;
    }
     .hover-opacity-sm-38 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-38.active, .hover-opacity-sm-38:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.38 !important;
    }
     .opacity-sm-39 {
         opacity: 0.39 !important;
    }
     .hover-opacity-sm-39 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-39.active, .hover-opacity-sm-39:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.39 !important;
    }
     .opacity-sm-40 {
         opacity: 0.4 !important;
    }
     .hover-opacity-sm-40 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-40.active, .hover-opacity-sm-40:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.4 !important;
    }
     .opacity-sm-41 {
         opacity: 0.41 !important;
    }
     .hover-opacity-sm-41 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-41.active, .hover-opacity-sm-41:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.41 !important;
    }
     .opacity-sm-42 {
         opacity: 0.42 !important;
    }
     .hover-opacity-sm-42 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-42.active, .hover-opacity-sm-42:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.42 !important;
    }
     .opacity-sm-43 {
         opacity: 0.43 !important;
    }
     .hover-opacity-sm-43 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-43.active, .hover-opacity-sm-43:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.43 !important;
    }
     .opacity-sm-44 {
         opacity: 0.44 !important;
    }
     .hover-opacity-sm-44 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-44.active, .hover-opacity-sm-44:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.44 !important;
    }
     .opacity-sm-45 {
         opacity: 0.45 !important;
    }
     .hover-opacity-sm-45 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-45.active, .hover-opacity-sm-45:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.45 !important;
    }
     .opacity-sm-46 {
         opacity: 0.46 !important;
    }
     .hover-opacity-sm-46 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-46.active, .hover-opacity-sm-46:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.46 !important;
    }
     .opacity-sm-47 {
         opacity: 0.47 !important;
    }
     .hover-opacity-sm-47 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-47.active, .hover-opacity-sm-47:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.47 !important;
    }
     .opacity-sm-48 {
         opacity: 0.48 !important;
    }
     .hover-opacity-sm-48 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-48.active, .hover-opacity-sm-48:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.48 !important;
    }
     .opacity-sm-49 {
         opacity: 0.49 !important;
    }
     .hover-opacity-sm-49 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-49.active, .hover-opacity-sm-49:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.49 !important;
    }
     .opacity-sm-50 {
         opacity: 0.5 !important;
    }
     .hover-opacity-sm-50 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-50.active, .hover-opacity-sm-50:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.5 !important;
    }
     .opacity-sm-51 {
         opacity: 0.51 !important;
    }
     .hover-opacity-sm-51 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-51.active, .hover-opacity-sm-51:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.51 !important;
    }
     .opacity-sm-52 {
         opacity: 0.52 !important;
    }
     .hover-opacity-sm-52 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-52.active, .hover-opacity-sm-52:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.52 !important;
    }
     .opacity-sm-53 {
         opacity: 0.53 !important;
    }
     .hover-opacity-sm-53 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-53.active, .hover-opacity-sm-53:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.53 !important;
    }
     .opacity-sm-54 {
         opacity: 0.54 !important;
    }
     .hover-opacity-sm-54 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-54.active, .hover-opacity-sm-54:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.54 !important;
    }
     .opacity-sm-55 {
         opacity: 0.55 !important;
    }
     .hover-opacity-sm-55 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-55.active, .hover-opacity-sm-55:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.55 !important;
    }
     .opacity-sm-56 {
         opacity: 0.56 !important;
    }
     .hover-opacity-sm-56 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-56.active, .hover-opacity-sm-56:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.56 !important;
    }
     .opacity-sm-57 {
         opacity: 0.57 !important;
    }
     .hover-opacity-sm-57 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-57.active, .hover-opacity-sm-57:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.57 !important;
    }
     .opacity-sm-58 {
         opacity: 0.58 !important;
    }
     .hover-opacity-sm-58 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-58.active, .hover-opacity-sm-58:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.58 !important;
    }
     .opacity-sm-59 {
         opacity: 0.59 !important;
    }
     .hover-opacity-sm-59 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-59.active, .hover-opacity-sm-59:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.59 !important;
    }
     .opacity-sm-60 {
         opacity: 0.6 !important;
    }
     .hover-opacity-sm-60 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-60.active, .hover-opacity-sm-60:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.6 !important;
    }
     .opacity-sm-61 {
         opacity: 0.61 !important;
    }
     .hover-opacity-sm-61 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-61.active, .hover-opacity-sm-61:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.61 !important;
    }
     .opacity-sm-62 {
         opacity: 0.62 !important;
    }
     .hover-opacity-sm-62 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-62.active, .hover-opacity-sm-62:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.62 !important;
    }
     .opacity-sm-63 {
         opacity: 0.63 !important;
    }
     .hover-opacity-sm-63 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-63.active, .hover-opacity-sm-63:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.63 !important;
    }
     .opacity-sm-64 {
         opacity: 0.64 !important;
    }
     .hover-opacity-sm-64 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-64.active, .hover-opacity-sm-64:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.64 !important;
    }
     .opacity-sm-65 {
         opacity: 0.65 !important;
    }
     .hover-opacity-sm-65 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-65.active, .hover-opacity-sm-65:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.65 !important;
    }
     .opacity-sm-66 {
         opacity: 0.66 !important;
    }
     .hover-opacity-sm-66 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-66.active, .hover-opacity-sm-66:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.66 !important;
    }
     .opacity-sm-67 {
         opacity: 0.67 !important;
    }
     .hover-opacity-sm-67 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-67.active, .hover-opacity-sm-67:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.67 !important;
    }
     .opacity-sm-68 {
         opacity: 0.68 !important;
    }
     .hover-opacity-sm-68 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-68.active, .hover-opacity-sm-68:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.68 !important;
    }
     .opacity-sm-69 {
         opacity: 0.69 !important;
    }
     .hover-opacity-sm-69 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-69.active, .hover-opacity-sm-69:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.69 !important;
    }
     .opacity-sm-70 {
         opacity: 0.7 !important;
    }
     .hover-opacity-sm-70 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-70.active, .hover-opacity-sm-70:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.7 !important;
    }
     .opacity-sm-71 {
         opacity: 0.71 !important;
    }
     .hover-opacity-sm-71 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-71.active, .hover-opacity-sm-71:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.71 !important;
    }
     .opacity-sm-72 {
         opacity: 0.72 !important;
    }
     .hover-opacity-sm-72 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-72.active, .hover-opacity-sm-72:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.72 !important;
    }
     .opacity-sm-73 {
         opacity: 0.73 !important;
    }
     .hover-opacity-sm-73 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-73.active, .hover-opacity-sm-73:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.73 !important;
    }
     .opacity-sm-74 {
         opacity: 0.74 !important;
    }
     .hover-opacity-sm-74 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-74.active, .hover-opacity-sm-74:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.74 !important;
    }
     .opacity-sm-75 {
         opacity: 0.75 !important;
    }
     .hover-opacity-sm-75 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-75.active, .hover-opacity-sm-75:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.75 !important;
    }
     .opacity-sm-76 {
         opacity: 0.76 !important;
    }
     .hover-opacity-sm-76 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-76.active, .hover-opacity-sm-76:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.76 !important;
    }
     .opacity-sm-77 {
         opacity: 0.77 !important;
    }
     .hover-opacity-sm-77 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-77.active, .hover-opacity-sm-77:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.77 !important;
    }
     .opacity-sm-78 {
         opacity: 0.78 !important;
    }
     .hover-opacity-sm-78 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-78.active, .hover-opacity-sm-78:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.78 !important;
    }
     .opacity-sm-79 {
         opacity: 0.79 !important;
    }
     .hover-opacity-sm-79 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-79.active, .hover-opacity-sm-79:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.79 !important;
    }
     .opacity-sm-80 {
         opacity: 0.8 !important;
    }
     .hover-opacity-sm-80 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-80.active, .hover-opacity-sm-80:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.8 !important;
    }
     .opacity-sm-81 {
         opacity: 0.81 !important;
    }
     .hover-opacity-sm-81 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-81.active, .hover-opacity-sm-81:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.81 !important;
    }
     .opacity-sm-82 {
         opacity: 0.82 !important;
    }
     .hover-opacity-sm-82 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-82.active, .hover-opacity-sm-82:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.82 !important;
    }
     .opacity-sm-83 {
         opacity: 0.83 !important;
    }
     .hover-opacity-sm-83 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-83.active, .hover-opacity-sm-83:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.83 !important;
    }
     .opacity-sm-84 {
         opacity: 0.84 !important;
    }
     .hover-opacity-sm-84 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-84.active, .hover-opacity-sm-84:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.84 !important;
    }
     .opacity-sm-85 {
         opacity: 0.85 !important;
    }
     .hover-opacity-sm-85 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-85.active, .hover-opacity-sm-85:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.85 !important;
    }
     .opacity-sm-86 {
         opacity: 0.86 !important;
    }
     .hover-opacity-sm-86 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-86.active, .hover-opacity-sm-86:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.86 !important;
    }
     .opacity-sm-87 {
         opacity: 0.87 !important;
    }
     .hover-opacity-sm-87 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-87.active, .hover-opacity-sm-87:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.87 !important;
    }
     .opacity-sm-88 {
         opacity: 0.88 !important;
    }
     .hover-opacity-sm-88 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-88.active, .hover-opacity-sm-88:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.88 !important;
    }
     .opacity-sm-89 {
         opacity: 0.89 !important;
    }
     .hover-opacity-sm-89 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-89.active, .hover-opacity-sm-89:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.89 !important;
    }
     .opacity-sm-90 {
         opacity: 0.9 !important;
    }
     .hover-opacity-sm-90 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-90.active, .hover-opacity-sm-90:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.9 !important;
    }
     .opacity-sm-91 {
         opacity: 0.91 !important;
    }
     .hover-opacity-sm-91 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-91.active, .hover-opacity-sm-91:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.91 !important;
    }
     .opacity-sm-92 {
         opacity: 0.92 !important;
    }
     .hover-opacity-sm-92 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-92.active, .hover-opacity-sm-92:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.92 !important;
    }
     .opacity-sm-93 {
         opacity: 0.93 !important;
    }
     .hover-opacity-sm-93 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-93.active, .hover-opacity-sm-93:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.93 !important;
    }
     .opacity-sm-94 {
         opacity: 0.94 !important;
    }
     .hover-opacity-sm-94 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-94.active, .hover-opacity-sm-94:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.94 !important;
    }
     .opacity-sm-95 {
         opacity: 0.95 !important;
    }
     .hover-opacity-sm-95 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-95.active, .hover-opacity-sm-95:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.95 !important;
    }
     .opacity-sm-96 {
         opacity: 0.96 !important;
    }
     .hover-opacity-sm-96 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-96.active, .hover-opacity-sm-96:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.96 !important;
    }
     .opacity-sm-97 {
         opacity: 0.97 !important;
    }
     .hover-opacity-sm-97 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-97.active, .hover-opacity-sm-97:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.97 !important;
    }
     .opacity-sm-98 {
         opacity: 0.98 !important;
    }
     .hover-opacity-sm-98 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-98.active, .hover-opacity-sm-98:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.98 !important;
    }
     .opacity-sm-99 {
         opacity: 0.99 !important;
    }
     .hover-opacity-sm-99 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-99.active, .hover-opacity-sm-99:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.99 !important;
    }
     .opacity-sm-100 {
         opacity: 1 !important;
    }
     .hover-opacity-sm-100 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-sm-100.active, .hover-opacity-sm-100:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 1 !important;
    }
}
 @media (min-width: 768px) {
     .opacity-md-1 {
         opacity: 0.01 !important;
    }
     .hover-opacity-md-1 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-1.active, .hover-opacity-md-1:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.01 !important;
    }
     .opacity-md-2 {
         opacity: 0.02 !important;
    }
     .hover-opacity-md-2 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-2.active, .hover-opacity-md-2:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.02 !important;
    }
     .opacity-md-3 {
         opacity: 0.03 !important;
    }
     .hover-opacity-md-3 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-3.active, .hover-opacity-md-3:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.03 !important;
    }
     .opacity-md-4 {
         opacity: 0.04 !important;
    }
     .hover-opacity-md-4 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-4.active, .hover-opacity-md-4:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.04 !important;
    }
     .opacity-md-5 {
         opacity: 0.05 !important;
    }
     .hover-opacity-md-5 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-5.active, .hover-opacity-md-5:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.05 !important;
    }
     .opacity-md-6 {
         opacity: 0.06 !important;
    }
     .hover-opacity-md-6 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-6.active, .hover-opacity-md-6:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.06 !important;
    }
     .opacity-md-7 {
         opacity: 0.07 !important;
    }
     .hover-opacity-md-7 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-7.active, .hover-opacity-md-7:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.07 !important;
    }
     .opacity-md-8 {
         opacity: 0.08 !important;
    }
     .hover-opacity-md-8 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-8.active, .hover-opacity-md-8:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.08 !important;
    }
     .opacity-md-9 {
         opacity: 0.09 !important;
    }
     .hover-opacity-md-9 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-9.active, .hover-opacity-md-9:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.09 !important;
    }
     .opacity-md-10 {
         opacity: 0.1 !important;
    }
     .hover-opacity-md-10 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-10.active, .hover-opacity-md-10:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.1 !important;
    }
     .opacity-md-11 {
         opacity: 0.11 !important;
    }
     .hover-opacity-md-11 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-11.active, .hover-opacity-md-11:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.11 !important;
    }
     .opacity-md-12 {
         opacity: 0.12 !important;
    }
     .hover-opacity-md-12 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-12.active, .hover-opacity-md-12:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.12 !important;
    }
     .opacity-md-13 {
         opacity: 0.13 !important;
    }
     .hover-opacity-md-13 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-13.active, .hover-opacity-md-13:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.13 !important;
    }
     .opacity-md-14 {
         opacity: 0.14 !important;
    }
     .hover-opacity-md-14 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-14.active, .hover-opacity-md-14:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.14 !important;
    }
     .opacity-md-15 {
         opacity: 0.15 !important;
    }
     .hover-opacity-md-15 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-15.active, .hover-opacity-md-15:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.15 !important;
    }
     .opacity-md-16 {
         opacity: 0.16 !important;
    }
     .hover-opacity-md-16 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-16.active, .hover-opacity-md-16:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.16 !important;
    }
     .opacity-md-17 {
         opacity: 0.17 !important;
    }
     .hover-opacity-md-17 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-17.active, .hover-opacity-md-17:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.17 !important;
    }
     .opacity-md-18 {
         opacity: 0.18 !important;
    }
     .hover-opacity-md-18 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-18.active, .hover-opacity-md-18:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.18 !important;
    }
     .opacity-md-19 {
         opacity: 0.19 !important;
    }
     .hover-opacity-md-19 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-19.active, .hover-opacity-md-19:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.19 !important;
    }
     .opacity-md-20 {
         opacity: 0.2 !important;
    }
     .hover-opacity-md-20 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-20.active, .hover-opacity-md-20:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.2 !important;
    }
     .opacity-md-21 {
         opacity: 0.21 !important;
    }
     .hover-opacity-md-21 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-21.active, .hover-opacity-md-21:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.21 !important;
    }
     .opacity-md-22 {
         opacity: 0.22 !important;
    }
     .hover-opacity-md-22 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-22.active, .hover-opacity-md-22:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.22 !important;
    }
     .opacity-md-23 {
         opacity: 0.23 !important;
    }
     .hover-opacity-md-23 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-23.active, .hover-opacity-md-23:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.23 !important;
    }
     .opacity-md-24 {
         opacity: 0.24 !important;
    }
     .hover-opacity-md-24 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-24.active, .hover-opacity-md-24:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.24 !important;
    }
     .opacity-md-25 {
         opacity: 0.25 !important;
    }
     .hover-opacity-md-25 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-25.active, .hover-opacity-md-25:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.25 !important;
    }
     .opacity-md-26 {
         opacity: 0.26 !important;
    }
     .hover-opacity-md-26 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-26.active, .hover-opacity-md-26:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.26 !important;
    }
     .opacity-md-27 {
         opacity: 0.27 !important;
    }
     .hover-opacity-md-27 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-27.active, .hover-opacity-md-27:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.27 !important;
    }
     .opacity-md-28 {
         opacity: 0.28 !important;
    }
     .hover-opacity-md-28 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-28.active, .hover-opacity-md-28:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.28 !important;
    }
     .opacity-md-29 {
         opacity: 0.29 !important;
    }
     .hover-opacity-md-29 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-29.active, .hover-opacity-md-29:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.29 !important;
    }
     .opacity-md-30 {
         opacity: 0.3 !important;
    }
     .hover-opacity-md-30 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-30.active, .hover-opacity-md-30:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.3 !important;
    }
     .opacity-md-31 {
         opacity: 0.31 !important;
    }
     .hover-opacity-md-31 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-31.active, .hover-opacity-md-31:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.31 !important;
    }
     .opacity-md-32 {
         opacity: 0.32 !important;
    }
     .hover-opacity-md-32 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-32.active, .hover-opacity-md-32:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.32 !important;
    }
     .opacity-md-33 {
         opacity: 0.33 !important;
    }
     .hover-opacity-md-33 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-33.active, .hover-opacity-md-33:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.33 !important;
    }
     .opacity-md-34 {
         opacity: 0.34 !important;
    }
     .hover-opacity-md-34 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-34.active, .hover-opacity-md-34:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.34 !important;
    }
     .opacity-md-35 {
         opacity: 0.35 !important;
    }
     .hover-opacity-md-35 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-35.active, .hover-opacity-md-35:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.35 !important;
    }
     .opacity-md-36 {
         opacity: 0.36 !important;
    }
     .hover-opacity-md-36 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-36.active, .hover-opacity-md-36:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.36 !important;
    }
     .opacity-md-37 {
         opacity: 0.37 !important;
    }
     .hover-opacity-md-37 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-37.active, .hover-opacity-md-37:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.37 !important;
    }
     .opacity-md-38 {
         opacity: 0.38 !important;
    }
     .hover-opacity-md-38 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-38.active, .hover-opacity-md-38:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.38 !important;
    }
     .opacity-md-39 {
         opacity: 0.39 !important;
    }
     .hover-opacity-md-39 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-39.active, .hover-opacity-md-39:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.39 !important;
    }
     .opacity-md-40 {
         opacity: 0.4 !important;
    }
     .hover-opacity-md-40 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-40.active, .hover-opacity-md-40:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.4 !important;
    }
     .opacity-md-41 {
         opacity: 0.41 !important;
    }
     .hover-opacity-md-41 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-41.active, .hover-opacity-md-41:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.41 !important;
    }
     .opacity-md-42 {
         opacity: 0.42 !important;
    }
     .hover-opacity-md-42 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-42.active, .hover-opacity-md-42:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.42 !important;
    }
     .opacity-md-43 {
         opacity: 0.43 !important;
    }
     .hover-opacity-md-43 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-43.active, .hover-opacity-md-43:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.43 !important;
    }
     .opacity-md-44 {
         opacity: 0.44 !important;
    }
     .hover-opacity-md-44 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-44.active, .hover-opacity-md-44:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.44 !important;
    }
     .opacity-md-45 {
         opacity: 0.45 !important;
    }
     .hover-opacity-md-45 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-45.active, .hover-opacity-md-45:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.45 !important;
    }
     .opacity-md-46 {
         opacity: 0.46 !important;
    }
     .hover-opacity-md-46 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-46.active, .hover-opacity-md-46:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.46 !important;
    }
     .opacity-md-47 {
         opacity: 0.47 !important;
    }
     .hover-opacity-md-47 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-47.active, .hover-opacity-md-47:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.47 !important;
    }
     .opacity-md-48 {
         opacity: 0.48 !important;
    }
     .hover-opacity-md-48 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-48.active, .hover-opacity-md-48:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.48 !important;
    }
     .opacity-md-49 {
         opacity: 0.49 !important;
    }
     .hover-opacity-md-49 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-49.active, .hover-opacity-md-49:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.49 !important;
    }
     .opacity-md-50 {
         opacity: 0.5 !important;
    }
     .hover-opacity-md-50 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-50.active, .hover-opacity-md-50:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.5 !important;
    }
     .opacity-md-51 {
         opacity: 0.51 !important;
    }
     .hover-opacity-md-51 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-51.active, .hover-opacity-md-51:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.51 !important;
    }
     .opacity-md-52 {
         opacity: 0.52 !important;
    }
     .hover-opacity-md-52 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-52.active, .hover-opacity-md-52:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.52 !important;
    }
     .opacity-md-53 {
         opacity: 0.53 !important;
    }
     .hover-opacity-md-53 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-53.active, .hover-opacity-md-53:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.53 !important;
    }
     .opacity-md-54 {
         opacity: 0.54 !important;
    }
     .hover-opacity-md-54 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-54.active, .hover-opacity-md-54:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.54 !important;
    }
     .opacity-md-55 {
         opacity: 0.55 !important;
    }
     .hover-opacity-md-55 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-55.active, .hover-opacity-md-55:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.55 !important;
    }
     .opacity-md-56 {
         opacity: 0.56 !important;
    }
     .hover-opacity-md-56 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-56.active, .hover-opacity-md-56:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.56 !important;
    }
     .opacity-md-57 {
         opacity: 0.57 !important;
    }
     .hover-opacity-md-57 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-57.active, .hover-opacity-md-57:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.57 !important;
    }
     .opacity-md-58 {
         opacity: 0.58 !important;
    }
     .hover-opacity-md-58 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-58.active, .hover-opacity-md-58:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.58 !important;
    }
     .opacity-md-59 {
         opacity: 0.59 !important;
    }
     .hover-opacity-md-59 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-59.active, .hover-opacity-md-59:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.59 !important;
    }
     .opacity-md-60 {
         opacity: 0.6 !important;
    }
     .hover-opacity-md-60 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-60.active, .hover-opacity-md-60:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.6 !important;
    }
     .opacity-md-61 {
         opacity: 0.61 !important;
    }
     .hover-opacity-md-61 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-61.active, .hover-opacity-md-61:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.61 !important;
    }
     .opacity-md-62 {
         opacity: 0.62 !important;
    }
     .hover-opacity-md-62 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-62.active, .hover-opacity-md-62:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.62 !important;
    }
     .opacity-md-63 {
         opacity: 0.63 !important;
    }
     .hover-opacity-md-63 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-63.active, .hover-opacity-md-63:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.63 !important;
    }
     .opacity-md-64 {
         opacity: 0.64 !important;
    }
     .hover-opacity-md-64 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-64.active, .hover-opacity-md-64:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.64 !important;
    }
     .opacity-md-65 {
         opacity: 0.65 !important;
    }
     .hover-opacity-md-65 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-65.active, .hover-opacity-md-65:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.65 !important;
    }
     .opacity-md-66 {
         opacity: 0.66 !important;
    }
     .hover-opacity-md-66 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-66.active, .hover-opacity-md-66:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.66 !important;
    }
     .opacity-md-67 {
         opacity: 0.67 !important;
    }
     .hover-opacity-md-67 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-67.active, .hover-opacity-md-67:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.67 !important;
    }
     .opacity-md-68 {
         opacity: 0.68 !important;
    }
     .hover-opacity-md-68 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-68.active, .hover-opacity-md-68:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.68 !important;
    }
     .opacity-md-69 {
         opacity: 0.69 !important;
    }
     .hover-opacity-md-69 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-69.active, .hover-opacity-md-69:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.69 !important;
    }
     .opacity-md-70 {
         opacity: 0.7 !important;
    }
     .hover-opacity-md-70 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-70.active, .hover-opacity-md-70:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.7 !important;
    }
     .opacity-md-71 {
         opacity: 0.71 !important;
    }
     .hover-opacity-md-71 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-71.active, .hover-opacity-md-71:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.71 !important;
    }
     .opacity-md-72 {
         opacity: 0.72 !important;
    }
     .hover-opacity-md-72 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-72.active, .hover-opacity-md-72:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.72 !important;
    }
     .opacity-md-73 {
         opacity: 0.73 !important;
    }
     .hover-opacity-md-73 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-73.active, .hover-opacity-md-73:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.73 !important;
    }
     .opacity-md-74 {
         opacity: 0.74 !important;
    }
     .hover-opacity-md-74 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-74.active, .hover-opacity-md-74:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.74 !important;
    }
     .opacity-md-75 {
         opacity: 0.75 !important;
    }
     .hover-opacity-md-75 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-75.active, .hover-opacity-md-75:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.75 !important;
    }
     .opacity-md-76 {
         opacity: 0.76 !important;
    }
     .hover-opacity-md-76 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-76.active, .hover-opacity-md-76:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.76 !important;
    }
     .opacity-md-77 {
         opacity: 0.77 !important;
    }
     .hover-opacity-md-77 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-77.active, .hover-opacity-md-77:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.77 !important;
    }
     .opacity-md-78 {
         opacity: 0.78 !important;
    }
     .hover-opacity-md-78 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-78.active, .hover-opacity-md-78:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.78 !important;
    }
     .opacity-md-79 {
         opacity: 0.79 !important;
    }
     .hover-opacity-md-79 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-79.active, .hover-opacity-md-79:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.79 !important;
    }
     .opacity-md-80 {
         opacity: 0.8 !important;
    }
     .hover-opacity-md-80 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-80.active, .hover-opacity-md-80:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.8 !important;
    }
     .opacity-md-81 {
         opacity: 0.81 !important;
    }
     .hover-opacity-md-81 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-81.active, .hover-opacity-md-81:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.81 !important;
    }
     .opacity-md-82 {
         opacity: 0.82 !important;
    }
     .hover-opacity-md-82 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-82.active, .hover-opacity-md-82:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.82 !important;
    }
     .opacity-md-83 {
         opacity: 0.83 !important;
    }
     .hover-opacity-md-83 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-83.active, .hover-opacity-md-83:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.83 !important;
    }
     .opacity-md-84 {
         opacity: 0.84 !important;
    }
     .hover-opacity-md-84 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-84.active, .hover-opacity-md-84:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.84 !important;
    }
     .opacity-md-85 {
         opacity: 0.85 !important;
    }
     .hover-opacity-md-85 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-85.active, .hover-opacity-md-85:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.85 !important;
    }
     .opacity-md-86 {
         opacity: 0.86 !important;
    }
     .hover-opacity-md-86 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-86.active, .hover-opacity-md-86:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.86 !important;
    }
     .opacity-md-87 {
         opacity: 0.87 !important;
    }
     .hover-opacity-md-87 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-87.active, .hover-opacity-md-87:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.87 !important;
    }
     .opacity-md-88 {
         opacity: 0.88 !important;
    }
     .hover-opacity-md-88 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-88.active, .hover-opacity-md-88:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.88 !important;
    }
     .opacity-md-89 {
         opacity: 0.89 !important;
    }
     .hover-opacity-md-89 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-89.active, .hover-opacity-md-89:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.89 !important;
    }
     .opacity-md-90 {
         opacity: 0.9 !important;
    }
     .hover-opacity-md-90 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-90.active, .hover-opacity-md-90:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.9 !important;
    }
     .opacity-md-91 {
         opacity: 0.91 !important;
    }
     .hover-opacity-md-91 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-91.active, .hover-opacity-md-91:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.91 !important;
    }
     .opacity-md-92 {
         opacity: 0.92 !important;
    }
     .hover-opacity-md-92 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-92.active, .hover-opacity-md-92:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.92 !important;
    }
     .opacity-md-93 {
         opacity: 0.93 !important;
    }
     .hover-opacity-md-93 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-93.active, .hover-opacity-md-93:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.93 !important;
    }
     .opacity-md-94 {
         opacity: 0.94 !important;
    }
     .hover-opacity-md-94 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-94.active, .hover-opacity-md-94:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.94 !important;
    }
     .opacity-md-95 {
         opacity: 0.95 !important;
    }
     .hover-opacity-md-95 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-95.active, .hover-opacity-md-95:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.95 !important;
    }
     .opacity-md-96 {
         opacity: 0.96 !important;
    }
     .hover-opacity-md-96 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-96.active, .hover-opacity-md-96:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.96 !important;
    }
     .opacity-md-97 {
         opacity: 0.97 !important;
    }
     .hover-opacity-md-97 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-97.active, .hover-opacity-md-97:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.97 !important;
    }
     .opacity-md-98 {
         opacity: 0.98 !important;
    }
     .hover-opacity-md-98 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-98.active, .hover-opacity-md-98:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.98 !important;
    }
     .opacity-md-99 {
         opacity: 0.99 !important;
    }
     .hover-opacity-md-99 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-99.active, .hover-opacity-md-99:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.99 !important;
    }
     .opacity-md-100 {
         opacity: 1 !important;
    }
     .hover-opacity-md-100 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-md-100.active, .hover-opacity-md-100:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 1 !important;
    }
}
 @media (min-width: 992px) {
     .opacity-lg-1 {
         opacity: 0.01 !important;
    }
     .hover-opacity-lg-1 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-1.active, .hover-opacity-lg-1:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.01 !important;
    }
     .opacity-lg-2 {
         opacity: 0.02 !important;
    }
     .hover-opacity-lg-2 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-2.active, .hover-opacity-lg-2:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.02 !important;
    }
     .opacity-lg-3 {
         opacity: 0.03 !important;
    }
     .hover-opacity-lg-3 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-3.active, .hover-opacity-lg-3:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.03 !important;
    }
     .opacity-lg-4 {
         opacity: 0.04 !important;
    }
     .hover-opacity-lg-4 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-4.active, .hover-opacity-lg-4:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.04 !important;
    }
     .opacity-lg-5 {
         opacity: 0.05 !important;
    }
     .hover-opacity-lg-5 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-5.active, .hover-opacity-lg-5:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.05 !important;
    }
     .opacity-lg-6 {
         opacity: 0.06 !important;
    }
     .hover-opacity-lg-6 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-6.active, .hover-opacity-lg-6:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.06 !important;
    }
     .opacity-lg-7 {
         opacity: 0.07 !important;
    }
     .hover-opacity-lg-7 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-7.active, .hover-opacity-lg-7:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.07 !important;
    }
     .opacity-lg-8 {
         opacity: 0.08 !important;
    }
     .hover-opacity-lg-8 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-8.active, .hover-opacity-lg-8:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.08 !important;
    }
     .opacity-lg-9 {
         opacity: 0.09 !important;
    }
     .hover-opacity-lg-9 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-9.active, .hover-opacity-lg-9:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.09 !important;
    }
     .opacity-lg-10 {
         opacity: 0.1 !important;
    }
     .hover-opacity-lg-10 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-10.active, .hover-opacity-lg-10:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.1 !important;
    }
     .opacity-lg-11 {
         opacity: 0.11 !important;
    }
     .hover-opacity-lg-11 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-11.active, .hover-opacity-lg-11:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.11 !important;
    }
     .opacity-lg-12 {
         opacity: 0.12 !important;
    }
     .hover-opacity-lg-12 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-12.active, .hover-opacity-lg-12:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.12 !important;
    }
     .opacity-lg-13 {
         opacity: 0.13 !important;
    }
     .hover-opacity-lg-13 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-13.active, .hover-opacity-lg-13:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.13 !important;
    }
     .opacity-lg-14 {
         opacity: 0.14 !important;
    }
     .hover-opacity-lg-14 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-14.active, .hover-opacity-lg-14:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.14 !important;
    }
     .opacity-lg-15 {
         opacity: 0.15 !important;
    }
     .hover-opacity-lg-15 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-15.active, .hover-opacity-lg-15:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.15 !important;
    }
     .opacity-lg-16 {
         opacity: 0.16 !important;
    }
     .hover-opacity-lg-16 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-16.active, .hover-opacity-lg-16:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.16 !important;
    }
     .opacity-lg-17 {
         opacity: 0.17 !important;
    }
     .hover-opacity-lg-17 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-17.active, .hover-opacity-lg-17:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.17 !important;
    }
     .opacity-lg-18 {
         opacity: 0.18 !important;
    }
     .hover-opacity-lg-18 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-18.active, .hover-opacity-lg-18:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.18 !important;
    }
     .opacity-lg-19 {
         opacity: 0.19 !important;
    }
     .hover-opacity-lg-19 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-19.active, .hover-opacity-lg-19:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.19 !important;
    }
     .opacity-lg-20 {
         opacity: 0.2 !important;
    }
     .hover-opacity-lg-20 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-20.active, .hover-opacity-lg-20:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.2 !important;
    }
     .opacity-lg-21 {
         opacity: 0.21 !important;
    }
     .hover-opacity-lg-21 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-21.active, .hover-opacity-lg-21:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.21 !important;
    }
     .opacity-lg-22 {
         opacity: 0.22 !important;
    }
     .hover-opacity-lg-22 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-22.active, .hover-opacity-lg-22:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.22 !important;
    }
     .opacity-lg-23 {
         opacity: 0.23 !important;
    }
     .hover-opacity-lg-23 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-23.active, .hover-opacity-lg-23:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.23 !important;
    }
     .opacity-lg-24 {
         opacity: 0.24 !important;
    }
     .hover-opacity-lg-24 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-24.active, .hover-opacity-lg-24:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.24 !important;
    }
     .opacity-lg-25 {
         opacity: 0.25 !important;
    }
     .hover-opacity-lg-25 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-25.active, .hover-opacity-lg-25:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.25 !important;
    }
     .opacity-lg-26 {
         opacity: 0.26 !important;
    }
     .hover-opacity-lg-26 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-26.active, .hover-opacity-lg-26:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.26 !important;
    }
     .opacity-lg-27 {
         opacity: 0.27 !important;
    }
     .hover-opacity-lg-27 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-27.active, .hover-opacity-lg-27:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.27 !important;
    }
     .opacity-lg-28 {
         opacity: 0.28 !important;
    }
     .hover-opacity-lg-28 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-28.active, .hover-opacity-lg-28:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.28 !important;
    }
     .opacity-lg-29 {
         opacity: 0.29 !important;
    }
     .hover-opacity-lg-29 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-29.active, .hover-opacity-lg-29:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.29 !important;
    }
     .opacity-lg-30 {
         opacity: 0.3 !important;
    }
     .hover-opacity-lg-30 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-30.active, .hover-opacity-lg-30:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.3 !important;
    }
     .opacity-lg-31 {
         opacity: 0.31 !important;
    }
     .hover-opacity-lg-31 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-31.active, .hover-opacity-lg-31:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.31 !important;
    }
     .opacity-lg-32 {
         opacity: 0.32 !important;
    }
     .hover-opacity-lg-32 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-32.active, .hover-opacity-lg-32:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.32 !important;
    }
     .opacity-lg-33 {
         opacity: 0.33 !important;
    }
     .hover-opacity-lg-33 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-33.active, .hover-opacity-lg-33:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.33 !important;
    }
     .opacity-lg-34 {
         opacity: 0.34 !important;
    }
     .hover-opacity-lg-34 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-34.active, .hover-opacity-lg-34:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.34 !important;
    }
     .opacity-lg-35 {
         opacity: 0.35 !important;
    }
     .hover-opacity-lg-35 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-35.active, .hover-opacity-lg-35:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.35 !important;
    }
     .opacity-lg-36 {
         opacity: 0.36 !important;
    }
     .hover-opacity-lg-36 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-36.active, .hover-opacity-lg-36:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.36 !important;
    }
     .opacity-lg-37 {
         opacity: 0.37 !important;
    }
     .hover-opacity-lg-37 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-37.active, .hover-opacity-lg-37:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.37 !important;
    }
     .opacity-lg-38 {
         opacity: 0.38 !important;
    }
     .hover-opacity-lg-38 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-38.active, .hover-opacity-lg-38:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.38 !important;
    }
     .opacity-lg-39 {
         opacity: 0.39 !important;
    }
     .hover-opacity-lg-39 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-39.active, .hover-opacity-lg-39:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.39 !important;
    }
     .opacity-lg-40 {
         opacity: 0.4 !important;
    }
     .hover-opacity-lg-40 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-40.active, .hover-opacity-lg-40:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.4 !important;
    }
     .opacity-lg-41 {
         opacity: 0.41 !important;
    }
     .hover-opacity-lg-41 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-41.active, .hover-opacity-lg-41:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.41 !important;
    }
     .opacity-lg-42 {
         opacity: 0.42 !important;
    }
     .hover-opacity-lg-42 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-42.active, .hover-opacity-lg-42:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.42 !important;
    }
     .opacity-lg-43 {
         opacity: 0.43 !important;
    }
     .hover-opacity-lg-43 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-43.active, .hover-opacity-lg-43:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.43 !important;
    }
     .opacity-lg-44 {
         opacity: 0.44 !important;
    }
     .hover-opacity-lg-44 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-44.active, .hover-opacity-lg-44:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.44 !important;
    }
     .opacity-lg-45 {
         opacity: 0.45 !important;
    }
     .hover-opacity-lg-45 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-45.active, .hover-opacity-lg-45:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.45 !important;
    }
     .opacity-lg-46 {
         opacity: 0.46 !important;
    }
     .hover-opacity-lg-46 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-46.active, .hover-opacity-lg-46:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.46 !important;
    }
     .opacity-lg-47 {
         opacity: 0.47 !important;
    }
     .hover-opacity-lg-47 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-47.active, .hover-opacity-lg-47:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.47 !important;
    }
     .opacity-lg-48 {
         opacity: 0.48 !important;
    }
     .hover-opacity-lg-48 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-48.active, .hover-opacity-lg-48:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.48 !important;
    }
     .opacity-lg-49 {
         opacity: 0.49 !important;
    }
     .hover-opacity-lg-49 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-49.active, .hover-opacity-lg-49:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.49 !important;
    }
     .opacity-lg-50 {
         opacity: 0.5 !important;
    }
     .hover-opacity-lg-50 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-50.active, .hover-opacity-lg-50:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.5 !important;
    }
     .opacity-lg-51 {
         opacity: 0.51 !important;
    }
     .hover-opacity-lg-51 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-51.active, .hover-opacity-lg-51:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.51 !important;
    }
     .opacity-lg-52 {
         opacity: 0.52 !important;
    }
     .hover-opacity-lg-52 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-52.active, .hover-opacity-lg-52:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.52 !important;
    }
     .opacity-lg-53 {
         opacity: 0.53 !important;
    }
     .hover-opacity-lg-53 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-53.active, .hover-opacity-lg-53:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.53 !important;
    }
     .opacity-lg-54 {
         opacity: 0.54 !important;
    }
     .hover-opacity-lg-54 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-54.active, .hover-opacity-lg-54:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.54 !important;
    }
     .opacity-lg-55 {
         opacity: 0.55 !important;
    }
     .hover-opacity-lg-55 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-55.active, .hover-opacity-lg-55:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.55 !important;
    }
     .opacity-lg-56 {
         opacity: 0.56 !important;
    }
     .hover-opacity-lg-56 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-56.active, .hover-opacity-lg-56:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.56 !important;
    }
     .opacity-lg-57 {
         opacity: 0.57 !important;
    }
     .hover-opacity-lg-57 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-57.active, .hover-opacity-lg-57:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.57 !important;
    }
     .opacity-lg-58 {
         opacity: 0.58 !important;
    }
     .hover-opacity-lg-58 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-58.active, .hover-opacity-lg-58:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.58 !important;
    }
     .opacity-lg-59 {
         opacity: 0.59 !important;
    }
     .hover-opacity-lg-59 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-59.active, .hover-opacity-lg-59:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.59 !important;
    }
     .opacity-lg-60 {
         opacity: 0.6 !important;
    }
     .hover-opacity-lg-60 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-60.active, .hover-opacity-lg-60:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.6 !important;
    }
     .opacity-lg-61 {
         opacity: 0.61 !important;
    }
     .hover-opacity-lg-61 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-61.active, .hover-opacity-lg-61:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.61 !important;
    }
     .opacity-lg-62 {
         opacity: 0.62 !important;
    }
     .hover-opacity-lg-62 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-62.active, .hover-opacity-lg-62:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.62 !important;
    }
     .opacity-lg-63 {
         opacity: 0.63 !important;
    }
     .hover-opacity-lg-63 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-63.active, .hover-opacity-lg-63:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.63 !important;
    }
     .opacity-lg-64 {
         opacity: 0.64 !important;
    }
     .hover-opacity-lg-64 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-64.active, .hover-opacity-lg-64:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.64 !important;
    }
     .opacity-lg-65 {
         opacity: 0.65 !important;
    }
     .hover-opacity-lg-65 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-65.active, .hover-opacity-lg-65:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.65 !important;
    }
     .opacity-lg-66 {
         opacity: 0.66 !important;
    }
     .hover-opacity-lg-66 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-66.active, .hover-opacity-lg-66:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.66 !important;
    }
     .opacity-lg-67 {
         opacity: 0.67 !important;
    }
     .hover-opacity-lg-67 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-67.active, .hover-opacity-lg-67:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.67 !important;
    }
     .opacity-lg-68 {
         opacity: 0.68 !important;
    }
     .hover-opacity-lg-68 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-68.active, .hover-opacity-lg-68:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.68 !important;
    }
     .opacity-lg-69 {
         opacity: 0.69 !important;
    }
     .hover-opacity-lg-69 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-69.active, .hover-opacity-lg-69:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.69 !important;
    }
     .opacity-lg-70 {
         opacity: 0.7 !important;
    }
     .hover-opacity-lg-70 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-70.active, .hover-opacity-lg-70:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.7 !important;
    }
     .opacity-lg-71 {
         opacity: 0.71 !important;
    }
     .hover-opacity-lg-71 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-71.active, .hover-opacity-lg-71:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.71 !important;
    }
     .opacity-lg-72 {
         opacity: 0.72 !important;
    }
     .hover-opacity-lg-72 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-72.active, .hover-opacity-lg-72:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.72 !important;
    }
     .opacity-lg-73 {
         opacity: 0.73 !important;
    }
     .hover-opacity-lg-73 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-73.active, .hover-opacity-lg-73:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.73 !important;
    }
     .opacity-lg-74 {
         opacity: 0.74 !important;
    }
     .hover-opacity-lg-74 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-74.active, .hover-opacity-lg-74:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.74 !important;
    }
     .opacity-lg-75 {
         opacity: 0.75 !important;
    }
     .hover-opacity-lg-75 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-75.active, .hover-opacity-lg-75:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.75 !important;
    }
     .opacity-lg-76 {
         opacity: 0.76 !important;
    }
     .hover-opacity-lg-76 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-76.active, .hover-opacity-lg-76:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.76 !important;
    }
     .opacity-lg-77 {
         opacity: 0.77 !important;
    }
     .hover-opacity-lg-77 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-77.active, .hover-opacity-lg-77:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.77 !important;
    }
     .opacity-lg-78 {
         opacity: 0.78 !important;
    }
     .hover-opacity-lg-78 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-78.active, .hover-opacity-lg-78:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.78 !important;
    }
     .opacity-lg-79 {
         opacity: 0.79 !important;
    }
     .hover-opacity-lg-79 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-79.active, .hover-opacity-lg-79:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.79 !important;
    }
     .opacity-lg-80 {
         opacity: 0.8 !important;
    }
     .hover-opacity-lg-80 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-80.active, .hover-opacity-lg-80:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.8 !important;
    }
     .opacity-lg-81 {
         opacity: 0.81 !important;
    }
     .hover-opacity-lg-81 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-81.active, .hover-opacity-lg-81:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.81 !important;
    }
     .opacity-lg-82 {
         opacity: 0.82 !important;
    }
     .hover-opacity-lg-82 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-82.active, .hover-opacity-lg-82:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.82 !important;
    }
     .opacity-lg-83 {
         opacity: 0.83 !important;
    }
     .hover-opacity-lg-83 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-83.active, .hover-opacity-lg-83:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.83 !important;
    }
     .opacity-lg-84 {
         opacity: 0.84 !important;
    }
     .hover-opacity-lg-84 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-84.active, .hover-opacity-lg-84:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.84 !important;
    }
     .opacity-lg-85 {
         opacity: 0.85 !important;
    }
     .hover-opacity-lg-85 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-85.active, .hover-opacity-lg-85:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.85 !important;
    }
     .opacity-lg-86 {
         opacity: 0.86 !important;
    }
     .hover-opacity-lg-86 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-86.active, .hover-opacity-lg-86:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.86 !important;
    }
     .opacity-lg-87 {
         opacity: 0.87 !important;
    }
     .hover-opacity-lg-87 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-87.active, .hover-opacity-lg-87:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.87 !important;
    }
     .opacity-lg-88 {
         opacity: 0.88 !important;
    }
     .hover-opacity-lg-88 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-88.active, .hover-opacity-lg-88:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.88 !important;
    }
     .opacity-lg-89 {
         opacity: 0.89 !important;
    }
     .hover-opacity-lg-89 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-89.active, .hover-opacity-lg-89:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.89 !important;
    }
     .opacity-lg-90 {
         opacity: 0.9 !important;
    }
     .hover-opacity-lg-90 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-90.active, .hover-opacity-lg-90:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.9 !important;
    }
     .opacity-lg-91 {
         opacity: 0.91 !important;
    }
     .hover-opacity-lg-91 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-91.active, .hover-opacity-lg-91:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.91 !important;
    }
     .opacity-lg-92 {
         opacity: 0.92 !important;
    }
     .hover-opacity-lg-92 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-92.active, .hover-opacity-lg-92:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.92 !important;
    }
     .opacity-lg-93 {
         opacity: 0.93 !important;
    }
     .hover-opacity-lg-93 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-93.active, .hover-opacity-lg-93:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.93 !important;
    }
     .opacity-lg-94 {
         opacity: 0.94 !important;
    }
     .hover-opacity-lg-94 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-94.active, .hover-opacity-lg-94:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.94 !important;
    }
     .opacity-lg-95 {
         opacity: 0.95 !important;
    }
     .hover-opacity-lg-95 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-95.active, .hover-opacity-lg-95:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.95 !important;
    }
     .opacity-lg-96 {
         opacity: 0.96 !important;
    }
     .hover-opacity-lg-96 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-96.active, .hover-opacity-lg-96:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.96 !important;
    }
     .opacity-lg-97 {
         opacity: 0.97 !important;
    }
     .hover-opacity-lg-97 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-97.active, .hover-opacity-lg-97:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.97 !important;
    }
     .opacity-lg-98 {
         opacity: 0.98 !important;
    }
     .hover-opacity-lg-98 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-98.active, .hover-opacity-lg-98:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.98 !important;
    }
     .opacity-lg-99 {
         opacity: 0.99 !important;
    }
     .hover-opacity-lg-99 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-99.active, .hover-opacity-lg-99:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.99 !important;
    }
     .opacity-lg-100 {
         opacity: 1 !important;
    }
     .hover-opacity-lg-100 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-lg-100.active, .hover-opacity-lg-100:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 1 !important;
    }
}
 @media (min-width: 1200px) {
     .opacity-xl-1 {
         opacity: 0.01 !important;
    }
     .hover-opacity-xl-1 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-1.active, .hover-opacity-xl-1:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.01 !important;
    }
     .opacity-xl-2 {
         opacity: 0.02 !important;
    }
     .hover-opacity-xl-2 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-2.active, .hover-opacity-xl-2:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.02 !important;
    }
     .opacity-xl-3 {
         opacity: 0.03 !important;
    }
     .hover-opacity-xl-3 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-3.active, .hover-opacity-xl-3:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.03 !important;
    }
     .opacity-xl-4 {
         opacity: 0.04 !important;
    }
     .hover-opacity-xl-4 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-4.active, .hover-opacity-xl-4:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.04 !important;
    }
     .opacity-xl-5 {
         opacity: 0.05 !important;
    }
     .hover-opacity-xl-5 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-5.active, .hover-opacity-xl-5:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.05 !important;
    }
     .opacity-xl-6 {
         opacity: 0.06 !important;
    }
     .hover-opacity-xl-6 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-6.active, .hover-opacity-xl-6:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.06 !important;
    }
     .opacity-xl-7 {
         opacity: 0.07 !important;
    }
     .hover-opacity-xl-7 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-7.active, .hover-opacity-xl-7:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.07 !important;
    }
     .opacity-xl-8 {
         opacity: 0.08 !important;
    }
     .hover-opacity-xl-8 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-8.active, .hover-opacity-xl-8:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.08 !important;
    }
     .opacity-xl-9 {
         opacity: 0.09 !important;
    }
     .hover-opacity-xl-9 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-9.active, .hover-opacity-xl-9:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.09 !important;
    }
     .opacity-xl-10 {
         opacity: 0.1 !important;
    }
     .hover-opacity-xl-10 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-10.active, .hover-opacity-xl-10:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.1 !important;
    }
     .opacity-xl-11 {
         opacity: 0.11 !important;
    }
     .hover-opacity-xl-11 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-11.active, .hover-opacity-xl-11:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.11 !important;
    }
     .opacity-xl-12 {
         opacity: 0.12 !important;
    }
     .hover-opacity-xl-12 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-12.active, .hover-opacity-xl-12:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.12 !important;
    }
     .opacity-xl-13 {
         opacity: 0.13 !important;
    }
     .hover-opacity-xl-13 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-13.active, .hover-opacity-xl-13:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.13 !important;
    }
     .opacity-xl-14 {
         opacity: 0.14 !important;
    }
     .hover-opacity-xl-14 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-14.active, .hover-opacity-xl-14:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.14 !important;
    }
     .opacity-xl-15 {
         opacity: 0.15 !important;
    }
     .hover-opacity-xl-15 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-15.active, .hover-opacity-xl-15:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.15 !important;
    }
     .opacity-xl-16 {
         opacity: 0.16 !important;
    }
     .hover-opacity-xl-16 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-16.active, .hover-opacity-xl-16:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.16 !important;
    }
     .opacity-xl-17 {
         opacity: 0.17 !important;
    }
     .hover-opacity-xl-17 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-17.active, .hover-opacity-xl-17:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.17 !important;
    }
     .opacity-xl-18 {
         opacity: 0.18 !important;
    }
     .hover-opacity-xl-18 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-18.active, .hover-opacity-xl-18:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.18 !important;
    }
     .opacity-xl-19 {
         opacity: 0.19 !important;
    }
     .hover-opacity-xl-19 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-19.active, .hover-opacity-xl-19:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.19 !important;
    }
     .opacity-xl-20 {
         opacity: 0.2 !important;
    }
     .hover-opacity-xl-20 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-20.active, .hover-opacity-xl-20:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.2 !important;
    }
     .opacity-xl-21 {
         opacity: 0.21 !important;
    }
     .hover-opacity-xl-21 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-21.active, .hover-opacity-xl-21:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.21 !important;
    }
     .opacity-xl-22 {
         opacity: 0.22 !important;
    }
     .hover-opacity-xl-22 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-22.active, .hover-opacity-xl-22:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.22 !important;
    }
     .opacity-xl-23 {
         opacity: 0.23 !important;
    }
     .hover-opacity-xl-23 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-23.active, .hover-opacity-xl-23:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.23 !important;
    }
     .opacity-xl-24 {
         opacity: 0.24 !important;
    }
     .hover-opacity-xl-24 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-24.active, .hover-opacity-xl-24:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.24 !important;
    }
     .opacity-xl-25 {
         opacity: 0.25 !important;
    }
     .hover-opacity-xl-25 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-25.active, .hover-opacity-xl-25:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.25 !important;
    }
     .opacity-xl-26 {
         opacity: 0.26 !important;
    }
     .hover-opacity-xl-26 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-26.active, .hover-opacity-xl-26:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.26 !important;
    }
     .opacity-xl-27 {
         opacity: 0.27 !important;
    }
     .hover-opacity-xl-27 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-27.active, .hover-opacity-xl-27:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.27 !important;
    }
     .opacity-xl-28 {
         opacity: 0.28 !important;
    }
     .hover-opacity-xl-28 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-28.active, .hover-opacity-xl-28:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.28 !important;
    }
     .opacity-xl-29 {
         opacity: 0.29 !important;
    }
     .hover-opacity-xl-29 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-29.active, .hover-opacity-xl-29:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.29 !important;
    }
     .opacity-xl-30 {
         opacity: 0.3 !important;
    }
     .hover-opacity-xl-30 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-30.active, .hover-opacity-xl-30:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.3 !important;
    }
     .opacity-xl-31 {
         opacity: 0.31 !important;
    }
     .hover-opacity-xl-31 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-31.active, .hover-opacity-xl-31:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.31 !important;
    }
     .opacity-xl-32 {
         opacity: 0.32 !important;
    }
     .hover-opacity-xl-32 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-32.active, .hover-opacity-xl-32:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.32 !important;
    }
     .opacity-xl-33 {
         opacity: 0.33 !important;
    }
     .hover-opacity-xl-33 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-33.active, .hover-opacity-xl-33:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.33 !important;
    }
     .opacity-xl-34 {
         opacity: 0.34 !important;
    }
     .hover-opacity-xl-34 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-34.active, .hover-opacity-xl-34:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.34 !important;
    }
     .opacity-xl-35 {
         opacity: 0.35 !important;
    }
     .hover-opacity-xl-35 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-35.active, .hover-opacity-xl-35:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.35 !important;
    }
     .opacity-xl-36 {
         opacity: 0.36 !important;
    }
     .hover-opacity-xl-36 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-36.active, .hover-opacity-xl-36:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.36 !important;
    }
     .opacity-xl-37 {
         opacity: 0.37 !important;
    }
     .hover-opacity-xl-37 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-37.active, .hover-opacity-xl-37:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.37 !important;
    }
     .opacity-xl-38 {
         opacity: 0.38 !important;
    }
     .hover-opacity-xl-38 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-38.active, .hover-opacity-xl-38:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.38 !important;
    }
     .opacity-xl-39 {
         opacity: 0.39 !important;
    }
     .hover-opacity-xl-39 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-39.active, .hover-opacity-xl-39:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.39 !important;
    }
     .opacity-xl-40 {
         opacity: 0.4 !important;
    }
     .hover-opacity-xl-40 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-40.active, .hover-opacity-xl-40:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.4 !important;
    }
     .opacity-xl-41 {
         opacity: 0.41 !important;
    }
     .hover-opacity-xl-41 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-41.active, .hover-opacity-xl-41:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.41 !important;
    }
     .opacity-xl-42 {
         opacity: 0.42 !important;
    }
     .hover-opacity-xl-42 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-42.active, .hover-opacity-xl-42:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.42 !important;
    }
     .opacity-xl-43 {
         opacity: 0.43 !important;
    }
     .hover-opacity-xl-43 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-43.active, .hover-opacity-xl-43:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.43 !important;
    }
     .opacity-xl-44 {
         opacity: 0.44 !important;
    }
     .hover-opacity-xl-44 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-44.active, .hover-opacity-xl-44:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.44 !important;
    }
     .opacity-xl-45 {
         opacity: 0.45 !important;
    }
     .hover-opacity-xl-45 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-45.active, .hover-opacity-xl-45:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.45 !important;
    }
     .opacity-xl-46 {
         opacity: 0.46 !important;
    }
     .hover-opacity-xl-46 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-46.active, .hover-opacity-xl-46:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.46 !important;
    }
     .opacity-xl-47 {
         opacity: 0.47 !important;
    }
     .hover-opacity-xl-47 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-47.active, .hover-opacity-xl-47:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.47 !important;
    }
     .opacity-xl-48 {
         opacity: 0.48 !important;
    }
     .hover-opacity-xl-48 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-48.active, .hover-opacity-xl-48:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.48 !important;
    }
     .opacity-xl-49 {
         opacity: 0.49 !important;
    }
     .hover-opacity-xl-49 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-49.active, .hover-opacity-xl-49:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.49 !important;
    }
     .opacity-xl-50 {
         opacity: 0.5 !important;
    }
     .hover-opacity-xl-50 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-50.active, .hover-opacity-xl-50:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.5 !important;
    }
     .opacity-xl-51 {
         opacity: 0.51 !important;
    }
     .hover-opacity-xl-51 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-51.active, .hover-opacity-xl-51:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.51 !important;
    }
     .opacity-xl-52 {
         opacity: 0.52 !important;
    }
     .hover-opacity-xl-52 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-52.active, .hover-opacity-xl-52:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.52 !important;
    }
     .opacity-xl-53 {
         opacity: 0.53 !important;
    }
     .hover-opacity-xl-53 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-53.active, .hover-opacity-xl-53:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.53 !important;
    }
     .opacity-xl-54 {
         opacity: 0.54 !important;
    }
     .hover-opacity-xl-54 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-54.active, .hover-opacity-xl-54:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.54 !important;
    }
     .opacity-xl-55 {
         opacity: 0.55 !important;
    }
     .hover-opacity-xl-55 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-55.active, .hover-opacity-xl-55:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.55 !important;
    }
     .opacity-xl-56 {
         opacity: 0.56 !important;
    }
     .hover-opacity-xl-56 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-56.active, .hover-opacity-xl-56:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.56 !important;
    }
     .opacity-xl-57 {
         opacity: 0.57 !important;
    }
     .hover-opacity-xl-57 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-57.active, .hover-opacity-xl-57:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.57 !important;
    }
     .opacity-xl-58 {
         opacity: 0.58 !important;
    }
     .hover-opacity-xl-58 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-58.active, .hover-opacity-xl-58:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.58 !important;
    }
     .opacity-xl-59 {
         opacity: 0.59 !important;
    }
     .hover-opacity-xl-59 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-59.active, .hover-opacity-xl-59:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.59 !important;
    }
     .opacity-xl-60 {
         opacity: 0.6 !important;
    }
     .hover-opacity-xl-60 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-60.active, .hover-opacity-xl-60:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.6 !important;
    }
     .opacity-xl-61 {
         opacity: 0.61 !important;
    }
     .hover-opacity-xl-61 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-61.active, .hover-opacity-xl-61:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.61 !important;
    }
     .opacity-xl-62 {
         opacity: 0.62 !important;
    }
     .hover-opacity-xl-62 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-62.active, .hover-opacity-xl-62:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.62 !important;
    }
     .opacity-xl-63 {
         opacity: 0.63 !important;
    }
     .hover-opacity-xl-63 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-63.active, .hover-opacity-xl-63:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.63 !important;
    }
     .opacity-xl-64 {
         opacity: 0.64 !important;
    }
     .hover-opacity-xl-64 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-64.active, .hover-opacity-xl-64:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.64 !important;
    }
     .opacity-xl-65 {
         opacity: 0.65 !important;
    }
     .hover-opacity-xl-65 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-65.active, .hover-opacity-xl-65:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.65 !important;
    }
     .opacity-xl-66 {
         opacity: 0.66 !important;
    }
     .hover-opacity-xl-66 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-66.active, .hover-opacity-xl-66:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.66 !important;
    }
     .opacity-xl-67 {
         opacity: 0.67 !important;
    }
     .hover-opacity-xl-67 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-67.active, .hover-opacity-xl-67:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.67 !important;
    }
     .opacity-xl-68 {
         opacity: 0.68 !important;
    }
     .hover-opacity-xl-68 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-68.active, .hover-opacity-xl-68:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.68 !important;
    }
     .opacity-xl-69 {
         opacity: 0.69 !important;
    }
     .hover-opacity-xl-69 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-69.active, .hover-opacity-xl-69:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.69 !important;
    }
     .opacity-xl-70 {
         opacity: 0.7 !important;
    }
     .hover-opacity-xl-70 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-70.active, .hover-opacity-xl-70:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.7 !important;
    }
     .opacity-xl-71 {
         opacity: 0.71 !important;
    }
     .hover-opacity-xl-71 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-71.active, .hover-opacity-xl-71:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.71 !important;
    }
     .opacity-xl-72 {
         opacity: 0.72 !important;
    }
     .hover-opacity-xl-72 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-72.active, .hover-opacity-xl-72:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.72 !important;
    }
     .opacity-xl-73 {
         opacity: 0.73 !important;
    }
     .hover-opacity-xl-73 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-73.active, .hover-opacity-xl-73:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.73 !important;
    }
     .opacity-xl-74 {
         opacity: 0.74 !important;
    }
     .hover-opacity-xl-74 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-74.active, .hover-opacity-xl-74:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.74 !important;
    }
     .opacity-xl-75 {
         opacity: 0.75 !important;
    }
     .hover-opacity-xl-75 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-75.active, .hover-opacity-xl-75:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.75 !important;
    }
     .opacity-xl-76 {
         opacity: 0.76 !important;
    }
     .hover-opacity-xl-76 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-76.active, .hover-opacity-xl-76:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.76 !important;
    }
     .opacity-xl-77 {
         opacity: 0.77 !important;
    }
     .hover-opacity-xl-77 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-77.active, .hover-opacity-xl-77:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.77 !important;
    }
     .opacity-xl-78 {
         opacity: 0.78 !important;
    }
     .hover-opacity-xl-78 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-78.active, .hover-opacity-xl-78:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.78 !important;
    }
     .opacity-xl-79 {
         opacity: 0.79 !important;
    }
     .hover-opacity-xl-79 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-79.active, .hover-opacity-xl-79:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.79 !important;
    }
     .opacity-xl-80 {
         opacity: 0.8 !important;
    }
     .hover-opacity-xl-80 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-80.active, .hover-opacity-xl-80:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.8 !important;
    }
     .opacity-xl-81 {
         opacity: 0.81 !important;
    }
     .hover-opacity-xl-81 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-81.active, .hover-opacity-xl-81:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.81 !important;
    }
     .opacity-xl-82 {
         opacity: 0.82 !important;
    }
     .hover-opacity-xl-82 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-82.active, .hover-opacity-xl-82:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.82 !important;
    }
     .opacity-xl-83 {
         opacity: 0.83 !important;
    }
     .hover-opacity-xl-83 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-83.active, .hover-opacity-xl-83:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.83 !important;
    }
     .opacity-xl-84 {
         opacity: 0.84 !important;
    }
     .hover-opacity-xl-84 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-84.active, .hover-opacity-xl-84:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.84 !important;
    }
     .opacity-xl-85 {
         opacity: 0.85 !important;
    }
     .hover-opacity-xl-85 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-85.active, .hover-opacity-xl-85:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.85 !important;
    }
     .opacity-xl-86 {
         opacity: 0.86 !important;
    }
     .hover-opacity-xl-86 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-86.active, .hover-opacity-xl-86:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.86 !important;
    }
     .opacity-xl-87 {
         opacity: 0.87 !important;
    }
     .hover-opacity-xl-87 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-87.active, .hover-opacity-xl-87:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.87 !important;
    }
     .opacity-xl-88 {
         opacity: 0.88 !important;
    }
     .hover-opacity-xl-88 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-88.active, .hover-opacity-xl-88:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.88 !important;
    }
     .opacity-xl-89 {
         opacity: 0.89 !important;
    }
     .hover-opacity-xl-89 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-89.active, .hover-opacity-xl-89:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.89 !important;
    }
     .opacity-xl-90 {
         opacity: 0.9 !important;
    }
     .hover-opacity-xl-90 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-90.active, .hover-opacity-xl-90:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.9 !important;
    }
     .opacity-xl-91 {
         opacity: 0.91 !important;
    }
     .hover-opacity-xl-91 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-91.active, .hover-opacity-xl-91:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.91 !important;
    }
     .opacity-xl-92 {
         opacity: 0.92 !important;
    }
     .hover-opacity-xl-92 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-92.active, .hover-opacity-xl-92:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.92 !important;
    }
     .opacity-xl-93 {
         opacity: 0.93 !important;
    }
     .hover-opacity-xl-93 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-93.active, .hover-opacity-xl-93:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.93 !important;
    }
     .opacity-xl-94 {
         opacity: 0.94 !important;
    }
     .hover-opacity-xl-94 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-94.active, .hover-opacity-xl-94:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.94 !important;
    }
     .opacity-xl-95 {
         opacity: 0.95 !important;
    }
     .hover-opacity-xl-95 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-95.active, .hover-opacity-xl-95:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.95 !important;
    }
     .opacity-xl-96 {
         opacity: 0.96 !important;
    }
     .hover-opacity-xl-96 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-96.active, .hover-opacity-xl-96:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.96 !important;
    }
     .opacity-xl-97 {
         opacity: 0.97 !important;
    }
     .hover-opacity-xl-97 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-97.active, .hover-opacity-xl-97:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.97 !important;
    }
     .opacity-xl-98 {
         opacity: 0.98 !important;
    }
     .hover-opacity-xl-98 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-98.active, .hover-opacity-xl-98:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.98 !important;
    }
     .opacity-xl-99 {
         opacity: 0.99 !important;
    }
     .hover-opacity-xl-99 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-99.active, .hover-opacity-xl-99:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.99 !important;
    }
     .opacity-xl-100 {
         opacity: 1 !important;
    }
     .hover-opacity-xl-100 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xl-100.active, .hover-opacity-xl-100:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 1 !important;
    }
}
 @media (min-width: 1480px) {
     .opacity-xxl-1 {
         opacity: 0.01 !important;
    }
     .hover-opacity-xxl-1 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-1.active, .hover-opacity-xxl-1:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.01 !important;
    }
     .opacity-xxl-2 {
         opacity: 0.02 !important;
    }
     .hover-opacity-xxl-2 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-2.active, .hover-opacity-xxl-2:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.02 !important;
    }
     .opacity-xxl-3 {
         opacity: 0.03 !important;
    }
     .hover-opacity-xxl-3 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-3.active, .hover-opacity-xxl-3:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.03 !important;
    }
     .opacity-xxl-4 {
         opacity: 0.04 !important;
    }
     .hover-opacity-xxl-4 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-4.active, .hover-opacity-xxl-4:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.04 !important;
    }
     .opacity-xxl-5 {
         opacity: 0.05 !important;
    }
     .hover-opacity-xxl-5 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-5.active, .hover-opacity-xxl-5:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.05 !important;
    }
     .opacity-xxl-6 {
         opacity: 0.06 !important;
    }
     .hover-opacity-xxl-6 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-6.active, .hover-opacity-xxl-6:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.06 !important;
    }
     .opacity-xxl-7 {
         opacity: 0.07 !important;
    }
     .hover-opacity-xxl-7 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-7.active, .hover-opacity-xxl-7:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.07 !important;
    }
     .opacity-xxl-8 {
         opacity: 0.08 !important;
    }
     .hover-opacity-xxl-8 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-8.active, .hover-opacity-xxl-8:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.08 !important;
    }
     .opacity-xxl-9 {
         opacity: 0.09 !important;
    }
     .hover-opacity-xxl-9 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-9.active, .hover-opacity-xxl-9:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.09 !important;
    }
     .opacity-xxl-10 {
         opacity: 0.1 !important;
    }
     .hover-opacity-xxl-10 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-10.active, .hover-opacity-xxl-10:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.1 !important;
    }
     .opacity-xxl-11 {
         opacity: 0.11 !important;
    }
     .hover-opacity-xxl-11 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-11.active, .hover-opacity-xxl-11:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.11 !important;
    }
     .opacity-xxl-12 {
         opacity: 0.12 !important;
    }
     .hover-opacity-xxl-12 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-12.active, .hover-opacity-xxl-12:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.12 !important;
    }
     .opacity-xxl-13 {
         opacity: 0.13 !important;
    }
     .hover-opacity-xxl-13 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-13.active, .hover-opacity-xxl-13:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.13 !important;
    }
     .opacity-xxl-14 {
         opacity: 0.14 !important;
    }
     .hover-opacity-xxl-14 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-14.active, .hover-opacity-xxl-14:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.14 !important;
    }
     .opacity-xxl-15 {
         opacity: 0.15 !important;
    }
     .hover-opacity-xxl-15 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-15.active, .hover-opacity-xxl-15:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.15 !important;
    }
     .opacity-xxl-16 {
         opacity: 0.16 !important;
    }
     .hover-opacity-xxl-16 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-16.active, .hover-opacity-xxl-16:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.16 !important;
    }
     .opacity-xxl-17 {
         opacity: 0.17 !important;
    }
     .hover-opacity-xxl-17 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-17.active, .hover-opacity-xxl-17:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.17 !important;
    }
     .opacity-xxl-18 {
         opacity: 0.18 !important;
    }
     .hover-opacity-xxl-18 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-18.active, .hover-opacity-xxl-18:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.18 !important;
    }
     .opacity-xxl-19 {
         opacity: 0.19 !important;
    }
     .hover-opacity-xxl-19 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-19.active, .hover-opacity-xxl-19:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.19 !important;
    }
     .opacity-xxl-20 {
         opacity: 0.2 !important;
    }
     .hover-opacity-xxl-20 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-20.active, .hover-opacity-xxl-20:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.2 !important;
    }
     .opacity-xxl-21 {
         opacity: 0.21 !important;
    }
     .hover-opacity-xxl-21 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-21.active, .hover-opacity-xxl-21:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.21 !important;
    }
     .opacity-xxl-22 {
         opacity: 0.22 !important;
    }
     .hover-opacity-xxl-22 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-22.active, .hover-opacity-xxl-22:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.22 !important;
    }
     .opacity-xxl-23 {
         opacity: 0.23 !important;
    }
     .hover-opacity-xxl-23 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-23.active, .hover-opacity-xxl-23:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.23 !important;
    }
     .opacity-xxl-24 {
         opacity: 0.24 !important;
    }
     .hover-opacity-xxl-24 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-24.active, .hover-opacity-xxl-24:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.24 !important;
    }
     .opacity-xxl-25 {
         opacity: 0.25 !important;
    }
     .hover-opacity-xxl-25 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-25.active, .hover-opacity-xxl-25:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.25 !important;
    }
     .opacity-xxl-26 {
         opacity: 0.26 !important;
    }
     .hover-opacity-xxl-26 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-26.active, .hover-opacity-xxl-26:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.26 !important;
    }
     .opacity-xxl-27 {
         opacity: 0.27 !important;
    }
     .hover-opacity-xxl-27 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-27.active, .hover-opacity-xxl-27:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.27 !important;
    }
     .opacity-xxl-28 {
         opacity: 0.28 !important;
    }
     .hover-opacity-xxl-28 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-28.active, .hover-opacity-xxl-28:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.28 !important;
    }
     .opacity-xxl-29 {
         opacity: 0.29 !important;
    }
     .hover-opacity-xxl-29 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-29.active, .hover-opacity-xxl-29:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.29 !important;
    }
     .opacity-xxl-30 {
         opacity: 0.3 !important;
    }
     .hover-opacity-xxl-30 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-30.active, .hover-opacity-xxl-30:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.3 !important;
    }
     .opacity-xxl-31 {
         opacity: 0.31 !important;
    }
     .hover-opacity-xxl-31 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-31.active, .hover-opacity-xxl-31:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.31 !important;
    }
     .opacity-xxl-32 {
         opacity: 0.32 !important;
    }
     .hover-opacity-xxl-32 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-32.active, .hover-opacity-xxl-32:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.32 !important;
    }
     .opacity-xxl-33 {
         opacity: 0.33 !important;
    }
     .hover-opacity-xxl-33 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-33.active, .hover-opacity-xxl-33:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.33 !important;
    }
     .opacity-xxl-34 {
         opacity: 0.34 !important;
    }
     .hover-opacity-xxl-34 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-34.active, .hover-opacity-xxl-34:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.34 !important;
    }
     .opacity-xxl-35 {
         opacity: 0.35 !important;
    }
     .hover-opacity-xxl-35 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-35.active, .hover-opacity-xxl-35:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.35 !important;
    }
     .opacity-xxl-36 {
         opacity: 0.36 !important;
    }
     .hover-opacity-xxl-36 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-36.active, .hover-opacity-xxl-36:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.36 !important;
    }
     .opacity-xxl-37 {
         opacity: 0.37 !important;
    }
     .hover-opacity-xxl-37 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-37.active, .hover-opacity-xxl-37:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.37 !important;
    }
     .opacity-xxl-38 {
         opacity: 0.38 !important;
    }
     .hover-opacity-xxl-38 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-38.active, .hover-opacity-xxl-38:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.38 !important;
    }
     .opacity-xxl-39 {
         opacity: 0.39 !important;
    }
     .hover-opacity-xxl-39 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-39.active, .hover-opacity-xxl-39:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.39 !important;
    }
     .opacity-xxl-40 {
         opacity: 0.4 !important;
    }
     .hover-opacity-xxl-40 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-40.active, .hover-opacity-xxl-40:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.4 !important;
    }
     .opacity-xxl-41 {
         opacity: 0.41 !important;
    }
     .hover-opacity-xxl-41 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-41.active, .hover-opacity-xxl-41:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.41 !important;
    }
     .opacity-xxl-42 {
         opacity: 0.42 !important;
    }
     .hover-opacity-xxl-42 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-42.active, .hover-opacity-xxl-42:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.42 !important;
    }
     .opacity-xxl-43 {
         opacity: 0.43 !important;
    }
     .hover-opacity-xxl-43 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-43.active, .hover-opacity-xxl-43:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.43 !important;
    }
     .opacity-xxl-44 {
         opacity: 0.44 !important;
    }
     .hover-opacity-xxl-44 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-44.active, .hover-opacity-xxl-44:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.44 !important;
    }
     .opacity-xxl-45 {
         opacity: 0.45 !important;
    }
     .hover-opacity-xxl-45 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-45.active, .hover-opacity-xxl-45:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.45 !important;
    }
     .opacity-xxl-46 {
         opacity: 0.46 !important;
    }
     .hover-opacity-xxl-46 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-46.active, .hover-opacity-xxl-46:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.46 !important;
    }
     .opacity-xxl-47 {
         opacity: 0.47 !important;
    }
     .hover-opacity-xxl-47 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-47.active, .hover-opacity-xxl-47:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.47 !important;
    }
     .opacity-xxl-48 {
         opacity: 0.48 !important;
    }
     .hover-opacity-xxl-48 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-48.active, .hover-opacity-xxl-48:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.48 !important;
    }
     .opacity-xxl-49 {
         opacity: 0.49 !important;
    }
     .hover-opacity-xxl-49 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-49.active, .hover-opacity-xxl-49:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.49 !important;
    }
     .opacity-xxl-50 {
         opacity: 0.5 !important;
    }
     .hover-opacity-xxl-50 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-50.active, .hover-opacity-xxl-50:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.5 !important;
    }
     .opacity-xxl-51 {
         opacity: 0.51 !important;
    }
     .hover-opacity-xxl-51 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-51.active, .hover-opacity-xxl-51:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.51 !important;
    }
     .opacity-xxl-52 {
         opacity: 0.52 !important;
    }
     .hover-opacity-xxl-52 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-52.active, .hover-opacity-xxl-52:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.52 !important;
    }
     .opacity-xxl-53 {
         opacity: 0.53 !important;
    }
     .hover-opacity-xxl-53 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-53.active, .hover-opacity-xxl-53:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.53 !important;
    }
     .opacity-xxl-54 {
         opacity: 0.54 !important;
    }
     .hover-opacity-xxl-54 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-54.active, .hover-opacity-xxl-54:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.54 !important;
    }
     .opacity-xxl-55 {
         opacity: 0.55 !important;
    }
     .hover-opacity-xxl-55 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-55.active, .hover-opacity-xxl-55:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.55 !important;
    }
     .opacity-xxl-56 {
         opacity: 0.56 !important;
    }
     .hover-opacity-xxl-56 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-56.active, .hover-opacity-xxl-56:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.56 !important;
    }
     .opacity-xxl-57 {
         opacity: 0.57 !important;
    }
     .hover-opacity-xxl-57 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-57.active, .hover-opacity-xxl-57:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.57 !important;
    }
     .opacity-xxl-58 {
         opacity: 0.58 !important;
    }
     .hover-opacity-xxl-58 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-58.active, .hover-opacity-xxl-58:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.58 !important;
    }
     .opacity-xxl-59 {
         opacity: 0.59 !important;
    }
     .hover-opacity-xxl-59 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-59.active, .hover-opacity-xxl-59:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.59 !important;
    }
     .opacity-xxl-60 {
         opacity: 0.6 !important;
    }
     .hover-opacity-xxl-60 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-60.active, .hover-opacity-xxl-60:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.6 !important;
    }
     .opacity-xxl-61 {
         opacity: 0.61 !important;
    }
     .hover-opacity-xxl-61 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-61.active, .hover-opacity-xxl-61:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.61 !important;
    }
     .opacity-xxl-62 {
         opacity: 0.62 !important;
    }
     .hover-opacity-xxl-62 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-62.active, .hover-opacity-xxl-62:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.62 !important;
    }
     .opacity-xxl-63 {
         opacity: 0.63 !important;
    }
     .hover-opacity-xxl-63 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-63.active, .hover-opacity-xxl-63:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.63 !important;
    }
     .opacity-xxl-64 {
         opacity: 0.64 !important;
    }
     .hover-opacity-xxl-64 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-64.active, .hover-opacity-xxl-64:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.64 !important;
    }
     .opacity-xxl-65 {
         opacity: 0.65 !important;
    }
     .hover-opacity-xxl-65 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-65.active, .hover-opacity-xxl-65:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.65 !important;
    }
     .opacity-xxl-66 {
         opacity: 0.66 !important;
    }
     .hover-opacity-xxl-66 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-66.active, .hover-opacity-xxl-66:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.66 !important;
    }
     .opacity-xxl-67 {
         opacity: 0.67 !important;
    }
     .hover-opacity-xxl-67 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-67.active, .hover-opacity-xxl-67:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.67 !important;
    }
     .opacity-xxl-68 {
         opacity: 0.68 !important;
    }
     .hover-opacity-xxl-68 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-68.active, .hover-opacity-xxl-68:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.68 !important;
    }
     .opacity-xxl-69 {
         opacity: 0.69 !important;
    }
     .hover-opacity-xxl-69 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-69.active, .hover-opacity-xxl-69:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.69 !important;
    }
     .opacity-xxl-70 {
         opacity: 0.7 !important;
    }
     .hover-opacity-xxl-70 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-70.active, .hover-opacity-xxl-70:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.7 !important;
    }
     .opacity-xxl-71 {
         opacity: 0.71 !important;
    }
     .hover-opacity-xxl-71 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-71.active, .hover-opacity-xxl-71:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.71 !important;
    }
     .opacity-xxl-72 {
         opacity: 0.72 !important;
    }
     .hover-opacity-xxl-72 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-72.active, .hover-opacity-xxl-72:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.72 !important;
    }
     .opacity-xxl-73 {
         opacity: 0.73 !important;
    }
     .hover-opacity-xxl-73 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-73.active, .hover-opacity-xxl-73:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.73 !important;
    }
     .opacity-xxl-74 {
         opacity: 0.74 !important;
    }
     .hover-opacity-xxl-74 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-74.active, .hover-opacity-xxl-74:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.74 !important;
    }
     .opacity-xxl-75 {
         opacity: 0.75 !important;
    }
     .hover-opacity-xxl-75 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-75.active, .hover-opacity-xxl-75:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.75 !important;
    }
     .opacity-xxl-76 {
         opacity: 0.76 !important;
    }
     .hover-opacity-xxl-76 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-76.active, .hover-opacity-xxl-76:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.76 !important;
    }
     .opacity-xxl-77 {
         opacity: 0.77 !important;
    }
     .hover-opacity-xxl-77 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-77.active, .hover-opacity-xxl-77:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.77 !important;
    }
     .opacity-xxl-78 {
         opacity: 0.78 !important;
    }
     .hover-opacity-xxl-78 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-78.active, .hover-opacity-xxl-78:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.78 !important;
    }
     .opacity-xxl-79 {
         opacity: 0.79 !important;
    }
     .hover-opacity-xxl-79 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-79.active, .hover-opacity-xxl-79:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.79 !important;
    }
     .opacity-xxl-80 {
         opacity: 0.8 !important;
    }
     .hover-opacity-xxl-80 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-80.active, .hover-opacity-xxl-80:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.8 !important;
    }
     .opacity-xxl-81 {
         opacity: 0.81 !important;
    }
     .hover-opacity-xxl-81 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-81.active, .hover-opacity-xxl-81:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.81 !important;
    }
     .opacity-xxl-82 {
         opacity: 0.82 !important;
    }
     .hover-opacity-xxl-82 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-82.active, .hover-opacity-xxl-82:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.82 !important;
    }
     .opacity-xxl-83 {
         opacity: 0.83 !important;
    }
     .hover-opacity-xxl-83 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-83.active, .hover-opacity-xxl-83:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.83 !important;
    }
     .opacity-xxl-84 {
         opacity: 0.84 !important;
    }
     .hover-opacity-xxl-84 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-84.active, .hover-opacity-xxl-84:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.84 !important;
    }
     .opacity-xxl-85 {
         opacity: 0.85 !important;
    }
     .hover-opacity-xxl-85 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-85.active, .hover-opacity-xxl-85:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.85 !important;
    }
     .opacity-xxl-86 {
         opacity: 0.86 !important;
    }
     .hover-opacity-xxl-86 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-86.active, .hover-opacity-xxl-86:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.86 !important;
    }
     .opacity-xxl-87 {
         opacity: 0.87 !important;
    }
     .hover-opacity-xxl-87 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-87.active, .hover-opacity-xxl-87:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.87 !important;
    }
     .opacity-xxl-88 {
         opacity: 0.88 !important;
    }
     .hover-opacity-xxl-88 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-88.active, .hover-opacity-xxl-88:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.88 !important;
    }
     .opacity-xxl-89 {
         opacity: 0.89 !important;
    }
     .hover-opacity-xxl-89 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-89.active, .hover-opacity-xxl-89:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.89 !important;
    }
     .opacity-xxl-90 {
         opacity: 0.9 !important;
    }
     .hover-opacity-xxl-90 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-90.active, .hover-opacity-xxl-90:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.9 !important;
    }
     .opacity-xxl-91 {
         opacity: 0.91 !important;
    }
     .hover-opacity-xxl-91 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-91.active, .hover-opacity-xxl-91:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.91 !important;
    }
     .opacity-xxl-92 {
         opacity: 0.92 !important;
    }
     .hover-opacity-xxl-92 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-92.active, .hover-opacity-xxl-92:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.92 !important;
    }
     .opacity-xxl-93 {
         opacity: 0.93 !important;
    }
     .hover-opacity-xxl-93 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-93.active, .hover-opacity-xxl-93:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.93 !important;
    }
     .opacity-xxl-94 {
         opacity: 0.94 !important;
    }
     .hover-opacity-xxl-94 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-94.active, .hover-opacity-xxl-94:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.94 !important;
    }
     .opacity-xxl-95 {
         opacity: 0.95 !important;
    }
     .hover-opacity-xxl-95 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-95.active, .hover-opacity-xxl-95:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.95 !important;
    }
     .opacity-xxl-96 {
         opacity: 0.96 !important;
    }
     .hover-opacity-xxl-96 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-96.active, .hover-opacity-xxl-96:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.96 !important;
    }
     .opacity-xxl-97 {
         opacity: 0.97 !important;
    }
     .hover-opacity-xxl-97 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-97.active, .hover-opacity-xxl-97:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.97 !important;
    }
     .opacity-xxl-98 {
         opacity: 0.98 !important;
    }
     .hover-opacity-xxl-98 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-98.active, .hover-opacity-xxl-98:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.98 !important;
    }
     .opacity-xxl-99 {
         opacity: 0.99 !important;
    }
     .hover-opacity-xxl-99 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-99.active, .hover-opacity-xxl-99:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 0.99 !important;
    }
     .opacity-xxl-100 {
         opacity: 1 !important;
    }
     .hover-opacity-xxl-100 {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
    }
     .hover-opacity-xxl-100.active, .hover-opacity-xxl-100:hover {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         opacity: 1 !important;
    }
}
 .rounded-top-0 {
     border-top-left-radius: 0 !important;
     border-top-right-radius: 0 !important;
}
 .rounded-bottom-0 {
     border-bottom-left-radius: 0 !important;
     border-bottom-right-radius: 0 !important;
}
 .rounded-left-0 {
     border-top-left-radius: 0 !important;
     border-bottom-left-radius: 0 !important;
}
 .rounded-right-0 {
     border-top-right-radius: 0 !important;
     border-bottom-right-radius: 0 !important;
}
 .border-transparent {
     border-color: transparent !important;
}
 .border-x {
     border-left: 1px solid #EBEDF3 !important;
     border-right: 1px solid #EBEDF3 !important;
}
 .border-y {
     border-top: 1px solid #EBEDF3 !important;
     border-bottom: 1px solid #EBEDF3 !important;
}
 .border-x-0 {
     border-left: 0 !important;
     border-right: 0 !important;
}
 .border-y-0 {
     border-top: 0 !important;
     border-bottom: 0 !important;
}
 .border-1 {
     border-width: 1px !important;
}
 .border-2 {
     border-width: 2px !important;
}
 .border-3 {
     border-width: 3px !important;
}
 .border-4 {
     border-width: 4px !important;
}
 .border-5 {
     border-width: 5px !important;
}
 @media (min-width: 576px) {
     .border-x-sm {
         border-left: 1px solid #EBEDF3 !important;
         border-right: 1px solid #EBEDF3 !important;
    }
     .border-y-sm {
         border-top: 1px solid #EBEDF3 !important;
         border-bottom: 1px solid #EBEDF3 !important;
    }
     .border-x-sm-0 {
         border-left: 0 !important;
         border-right: 0 !important;
    }
     .border-y-sm-0 {
         border-top: 0 !important;
         border-bottom: 0 !important;
    }
     .border-sm {
         border: 1px solid #EBEDF3 !important;
    }
     .border-top-sm {
         border-top: 1px solid #EBEDF3 !important;
    }
     .border-right-sm {
         border-right: 1px solid #EBEDF3 !important;
    }
     .border-bottom-sm {
         border-bottom: 1px solid #EBEDF3 !important;
    }
     .border-left-sm {
         border-left: 1px solid #EBEDF3 !important;
    }
     .border-sm-0 {
         border: 0 !important;
    }
     .border-top-sm-0 {
         border-top: 0 !important;
    }
     .border-right-sm-0 {
         border-right: 0 !important;
    }
     .border-bottom-sm-0 {
         border-bottom: 0 !important;
    }
     .border-left-sm-0 {
         border-left: 0 !important;
    }
     .border-sm-1 {
         border-width: 1px !important;
    }
     .border-sm-2 {
         border-width: 2px !important;
    }
     .border-sm-3 {
         border-width: 3px !important;
    }
     .border-sm-4 {
         border-width: 4px !important;
    }
     .border-sm-5 {
         border-width: 5px !important;
    }
}
 @media (min-width: 768px) {
     .border-x-md {
         border-left: 1px solid #EBEDF3 !important;
         border-right: 1px solid #EBEDF3 !important;
    }
     .border-y-md {
         border-top: 1px solid #EBEDF3 !important;
         border-bottom: 1px solid #EBEDF3 !important;
    }
     .border-x-md-0 {
         border-left: 0 !important;
         border-right: 0 !important;
    }
     .border-y-md-0 {
         border-top: 0 !important;
         border-bottom: 0 !important;
    }
     .border-md {
         border: 1px solid #EBEDF3 !important;
    }
     .border-top-md {
         border-top: 1px solid #EBEDF3 !important;
    }
     .border-right-md {
         border-right: 1px solid #EBEDF3 !important;
    }
     .border-bottom-md {
         border-bottom: 1px solid #EBEDF3 !important;
    }
     .border-left-md {
         border-left: 1px solid #EBEDF3 !important;
    }
     .border-md-0 {
         border: 0 !important;
    }
     .border-top-md-0 {
         border-top: 0 !important;
    }
     .border-right-md-0 {
         border-right: 0 !important;
    }
     .border-bottom-md-0 {
         border-bottom: 0 !important;
    }
     .border-left-md-0 {
         border-left: 0 !important;
    }
     .border-md-1 {
         border-width: 1px !important;
    }
     .border-md-2 {
         border-width: 2px !important;
    }
     .border-md-3 {
         border-width: 3px !important;
    }
     .border-md-4 {
         border-width: 4px !important;
    }
     .border-md-5 {
         border-width: 5px !important;
    }
}
 @media (min-width: 992px) {
     .border-x-lg {
         border-left: 1px solid #EBEDF3 !important;
         border-right: 1px solid #EBEDF3 !important;
    }
     .border-y-lg {
         border-top: 1px solid #EBEDF3 !important;
         border-bottom: 1px solid #EBEDF3 !important;
    }
     .border-x-lg-0 {
         border-left: 0 !important;
         border-right: 0 !important;
    }
     .border-y-lg-0 {
         border-top: 0 !important;
         border-bottom: 0 !important;
    }
     .border-lg {
         border: 1px solid #EBEDF3 !important;
    }
     .border-top-lg {
         border-top: 1px solid #EBEDF3 !important;
    }
     .border-right-lg {
         border-right: 1px solid #EBEDF3 !important;
    }
     .border-bottom-lg {
         border-bottom: 1px solid #EBEDF3 !important;
    }
     .border-left-lg {
         border-left: 1px solid #EBEDF3 !important;
    }
     .border-lg-0 {
         border: 0 !important;
    }
     .border-top-lg-0 {
         border-top: 0 !important;
    }
     .border-right-lg-0 {
         border-right: 0 !important;
    }
     .border-bottom-lg-0 {
         border-bottom: 0 !important;
    }
     .border-left-lg-0 {
         border-left: 0 !important;
    }
     .border-lg-1 {
         border-width: 1px !important;
    }
     .border-lg-2 {
         border-width: 2px !important;
    }
     .border-lg-3 {
         border-width: 3px !important;
    }
     .border-lg-4 {
         border-width: 4px !important;
    }
     .border-lg-5 {
         border-width: 5px !important;
    }
}
 @media (min-width: 1200px) {
     .border-x-xl {
         border-left: 1px solid #EBEDF3 !important;
         border-right: 1px solid #EBEDF3 !important;
    }
     .border-y-xl {
         border-top: 1px solid #EBEDF3 !important;
         border-bottom: 1px solid #EBEDF3 !important;
    }
     .border-x-xl-0 {
         border-left: 0 !important;
         border-right: 0 !important;
    }
     .border-y-xl-0 {
         border-top: 0 !important;
         border-bottom: 0 !important;
    }
     .border-xl {
         border: 1px solid #EBEDF3 !important;
    }
     .border-top-xl {
         border-top: 1px solid #EBEDF3 !important;
    }
     .border-right-xl {
         border-right: 1px solid #EBEDF3 !important;
    }
     .border-bottom-xl {
         border-bottom: 1px solid #EBEDF3 !important;
    }
     .border-left-xl {
         border-left: 1px solid #EBEDF3 !important;
    }
     .border-xl-0 {
         border: 0 !important;
    }
     .border-top-xl-0 {
         border-top: 0 !important;
    }
     .border-right-xl-0 {
         border-right: 0 !important;
    }
     .border-bottom-xl-0 {
         border-bottom: 0 !important;
    }
     .border-left-xl-0 {
         border-left: 0 !important;
    }
     .border-xl-1 {
         border-width: 1px !important;
    }
     .border-xl-2 {
         border-width: 2px !important;
    }
     .border-xl-3 {
         border-width: 3px !important;
    }
     .border-xl-4 {
         border-width: 4px !important;
    }
     .border-xl-5 {
         border-width: 5px !important;
    }
}
 @media (min-width: 1480px) {
     .border-x-xxl {
         border-left: 1px solid #EBEDF3 !important;
         border-right: 1px solid #EBEDF3 !important;
    }
     .border-y-xxl {
         border-top: 1px solid #EBEDF3 !important;
         border-bottom: 1px solid #EBEDF3 !important;
    }
     .border-x-xxl-0 {
         border-left: 0 !important;
         border-right: 0 !important;
    }
     .border-y-xxl-0 {
         border-top: 0 !important;
         border-bottom: 0 !important;
    }
     .border-xxl {
         border: 1px solid #EBEDF3 !important;
    }
     .border-top-xxl {
         border-top: 1px solid #EBEDF3 !important;
    }
     .border-right-xxl {
         border-right: 1px solid #EBEDF3 !important;
    }
     .border-bottom-xxl {
         border-bottom: 1px solid #EBEDF3 !important;
    }
     .border-left-xxl {
         border-left: 1px solid #EBEDF3 !important;
    }
     .border-xxl-0 {
         border: 0 !important;
    }
     .border-top-xxl-0 {
         border-top: 0 !important;
    }
     .border-right-xxl-0 {
         border-right: 0 !important;
    }
     .border-bottom-xxl-0 {
         border-bottom: 0 !important;
    }
     .border-left-xxl-0 {
         border-left: 0 !important;
    }
     .border-xxl-1 {
         border-width: 1px !important;
    }
     .border-xxl-2 {
         border-width: 2px !important;
    }
     .border-xxl-3 {
         border-width: 3px !important;
    }
     .border-xxl-4 {
         border-width: 4px !important;
    }
     .border-xxl-5 {
         border-width: 5px !important;
    }
}
 .border-primary {
     border-color: #4785FF !important;
}
 .border-top-primary {
     border-top-color: #4785FF !important;
}
 .border-right-primary {
     border-right-color: #4785FF !important;
}
 .border-bottom-primary {
     border-bottom-color: #4785FF !important;
}
 .border-left-primary {
     border-left-color: #4785FF !important;
}
 .border-secondary {
     border-color: #E4E6EF !important;
}
 .border-top-secondary {
     border-top-color: #E4E6EF !important;
}
 .border-right-secondary {
     border-right-color: #E4E6EF !important;
}
 .border-bottom-secondary {
     border-bottom-color: #E4E6EF !important;
}
 .border-left-secondary {
     border-left-color: #E4E6EF !important;
}
 .border-success {
     border-color: #32D0A5 !important;
}
 .border-top-success {
     border-top-color: #32D0A5 !important;
}
 .border-right-success {
     border-right-color: #32D0A5 !important;
}
 .border-bottom-success {
     border-bottom-color: #32D0A5 !important;
}
 .border-left-success {
     border-left-color: #32D0A5 !important;
}
 .border-info {
     border-color: #7B6FFF !important;
}
 .border-top-info {
     border-top-color: #7B6FFF !important;
}
 .border-right-info {
     border-right-color: #7B6FFF !important;
}
 .border-bottom-info {
     border-bottom-color: #7B6FFF !important;
}
 .border-left-info {
     border-left-color: #7B6FFF !important;
}
 .border-warning {
     border-color: #FFA800 !important;
}
 .border-top-warning {
     border-top-color: #FFA800 !important;
}
 .border-right-warning {
     border-right-color: #FFA800 !important;
}
 .border-bottom-warning {
     border-bottom-color: #FFA800 !important;
}
 .border-left-warning {
     border-left-color: #FFA800 !important;
}
 .border-danger {
     border-color: #F64E60 !important;
}
 .border-top-danger {
     border-top-color: #F64E60 !important;
}
 .border-right-danger {
     border-right-color: #F64E60 !important;
}
 .border-bottom-danger {
     border-bottom-color: #F64E60 !important;
}
 .border-left-danger {
     border-left-color: #F64E60 !important;
}
.border-orange {
    border-color:#F59159!important;
}
 .border-light {
     border-color: #DBE3F2 !important;
}
 .border-light-v2 {
     border-color:var(--border-light-v2) !important;
}
 .border-light-primary-v2 {
     border-color:var(--border-light-primary-v2) !important;
}
 .border-top-light {
     border-top-color: #DBE3F2 !important;
}
 .border-right-light {
     border-right-color: #DBE3F2 !important;
}
 .border-bottom-light {
     border-bottom-color: #DBE3F2 !important;
}
 .border-left-light {
     border-left-color: #DBE3F2 !important;
}
 .border-dark {
     border-color: #181C32 !important;
}
 .border-top-dark {
     border-top-color: #181C32 !important;
}
 .border-right-dark {
     border-right-color: #181C32 !important;
}
 .border-bottom-dark {
     border-bottom-color: #181C32 !important;
}
 .border-left-dark {
     border-left-color: #181C32 !important;
}
 .border-white {
     border-color: #ffffff !important;
}
 .border-top-white {
     border-top-color: #ffffff !important;
}
 .border-right-white {
     border-right-color: #ffffff !important;
}
 .border-bottom-white {
     border-bottom-color: #ffffff !important;
}
 .border-left-white {
     border-left-color: #ffffff !important;
}
 .border-light-white {
     border-color: #ffffff !important;
}
 .border-top-light-white {
     border-top-color: #ffffff !important;
}
 .border-right-light-white {
     border-right-color: #ffffff !important;
}
 .border-bottom-light-white {
     border-bottom-color: #ffffff !important;
}
 .border-left-light-white {
     border-left-color: #ffffff !important;
}
 .border-light-primary {
     border-color: #E1F0FF !important;
}
 .border-top-light-primary {
     border-top-color: #E1F0FF !important;
}
 .border-right-light-primary {
     border-right-color: #E1F0FF !important;
}
 .border-bottom-light-primary {
     border-bottom-color: #E1F0FF !important;
}
 .border-left-light-primary {
     border-left-color: #E1F0FF !important;
}
 .border-light-secondary {
     border-color: #EBEDF3 !important;
}
 .border-top-light-secondary {
     border-top-color: #EBEDF3 !important;
}
 .border-right-light-secondary {
     border-right-color: #EBEDF3 !important;
}
 .border-bottom-light-secondary {
     border-bottom-color: #EBEDF3 !important;
}
 .border-left-light-secondary {
     border-left-color: #EBEDF3 !important;
}
 .border-light-success {
     border-color: rgba(67, 213, 173, 0.15) !important;
}
 .border-top-light-success {
     border-top-color: rgba(67, 213, 173, 0.15) !important;
}
 .border-right-light-success {
     border-right-color: rgba(67, 213, 173, 0.15) !important;
}
 .border-bottom-light-success {
     border-bottom-color: rgba(67, 213, 173, 0.15) !important;
}
 .border-left-light-success {
     border-left-color: rgba(67, 213, 173, 0.15) !important;
}
 .border-light-info {
     border-color: #EEE5FF !important;
}
 .border-top-light-info {
     border-top-color: #EEE5FF !important;
}
 .border-right-light-info {
     border-right-color: #EEE5FF !important;
}
 .border-bottom-light-info {
     border-bottom-color: #EEE5FF !important;
}
 .border-left-light-info {
     border-left-color: #EEE5FF !important;
}
 .border-light-warning {
     border-color: #FFF4DE !important;
}
 .border-top-light-warning {
     border-top-color: #FFF4DE !important;
}
 .border-right-light-warning {
     border-right-color: #FFF4DE !important;
}
 .border-bottom-light-warning {
     border-bottom-color: #FFF4DE !important;
}
 .border-left-light-warning {
     border-left-color: #FFF4DE !important;
}
 .border-light-danger {
     border-color: #FFEFEF !important;
}
 .border-top-light-danger {
     border-top-color: #FFEFEF !important;
}
 .border-right-light-danger {
     border-right-color: #FFEFEF !important;
}
 .border-bottom-light-danger {
     border-bottom-color: #FFEFEF !important;
}
 .border-left-light-danger {
     border-left-color: #FFEFEF !important;
}
 .border-light-light {
     border-color: #F3F6F9 !important;
}
 .border-top-light-light {
     border-top-color: #F3F6F9 !important;
}
 .border-right-light-light {
     border-right-color: #F3F6F9 !important;
}
 .border-bottom-light-light {
     border-bottom-color: #F3F6F9 !important;
}
 .border-left-light-light {
     border-left-color: #F3F6F9 !important;
}
 .border-light-dark {
     border-color: #D1D3E0 !important;
}
 .border-top-light-dark {
     border-top-color: #D1D3E0 !important;
}
 .border-right-light-dark {
     border-right-color: #D1D3E0 !important;
}
 .border-bottom-light-dark {
     border-bottom-color: #D1D3E0 !important;
}
 .border-left-light-dark {
     border-left-color: #D1D3E0 !important;
}
 .rounded-top-sm {
     border-top-left-radius: 0.28rem !important;
     border-top-right-radius: 0.28rem !important;
}
 .rounded-top-left-sm {
     border-top-left-radius: 0.28rem !important;
}
 .rounded-top-right-sm {
     border-top-right-radius: 0.28rem !important;
}
 .rounded-bottom-sm {
     border-bottom-left-radius: 0.28rem !important;
     border-bottom-right-radius: 0.28rem !important;
}
 .rounded-bottom-left-sm {
     border-bottom-left-radius: 0.28rem !important;
}
 .rounded-bottom-right-sm {
     border-bottom-right-radius: 0.28rem !important;
}
 .rounded-top {
     border-top-left-radius: 0.42rem !important;
     border-top-right-radius: 0.42rem !important;
}
 .rounded-top-left {
     border-top-left-radius: 0.42rem !important;
}
 .rounded-top-right {
     border-top-right-radius: 0.42rem !important;
}
 .rounded-bottom {
     border-bottom-left-radius: 0.42rem !important;
     border-bottom-right-radius: 0.42rem !important;
}
 .rounded-bottom-left {
     border-bottom-left-radius: 0.42rem !important;
}
 .rounded-bottom-right {
     border-bottom-right-radius: 0.42rem !important;
}
 .rounded-xl {
     border-radius: 1.25rem !important;
}
 .rounded-top-xl {
     border-top-left-radius: 1.25rem !important;
     border-top-right-radius: 1.25rem !important;
}
 .rounded-top-left-xl {
     border-top-left-radius: 1.25rem !important;
}
 .rounded-top-right-xl {
     border-top-right-radius: 1.25rem !important;
}
 .rounded-bottom-xl {
     border-bottom-left-radius: 1.25rem !important;
     border-bottom-right-radius: 1.25rem !important;
}
 .rounded-bottom-left-xl {
     border-bottom-left-radius: 1.25rem !important;
}
 .rounded-bottom-right-xl {
     border-bottom-right-radius: 1.25rem !important;
}
 .rounded-bottom-right-lg {
     border-bottom-right-radius:0.85rem !important;
}
 .shadow-xs {
     -webkit-box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.05);
     box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.05);
}
 .h-auto {
     height: auto !important;
}
 .w-auto {
     width: auto !important;
}
 .w-100 {
     width: 100% !important;
}
 .h-100 {
     height: 100% !important;
}
 .min-w-100 {
     min-width: 100% !important;
}
 .min-h-100 {
     min-height: 100% !important;
}
 .max-h-100 {
     max-height: 100% !important;
}
 .max-w-100 {
     max-width: 100% !important;
}
 .w-50 {
     width: 50% !important;
}
 .h-50 {
     height: 50% !important;
}
 .min-w-50 {
     min-width: 50% !important;
}
 .min-h-0{
     min-height:0
}
 .min-h-50 {
     min-height: 50% !important;
}
 .max-h-50 {
     max-height: 50% !important;
}
 .max-w-50 {
     max-width: 50% !important;
}
 .w-auto {
     width: auto !important;
}
 .h-auto {
     height: auto !important;
}
 .min-w-auto {
     min-width: auto !important;
}
 .min-h-auto {
     min-height: auto !important;
}
 .max-h-auto {
     max-height: none !important;
}
 .max-w-auto {
    max-width: none !important;
}
 .w-1px {
     width: 1px !important;
}
 .h-1px {
     height: 1px !important;
}
 .min-w-1px {
     min-width: 1px !important;
}
 .min-h-1px {
     min-height: 1px !important;
}
 .max-h-1px {
     max-height: 1px !important;
}
 .max-w-1px {
     max-width: 1px !important;
}
 .w-2px {
     width: 2px !important;
}
 .h-2px {
     height: 2px !important;
}
 .min-w-2px {
     min-width: 2px !important;
}
 .min-h-2px {
     min-height: 2px !important;
}
 .max-h-2px {
     max-height: 2px !important;
}
 .max-w-2px {
     max-width: 2px !important;
}
 .w-3px {
     width: 3px !important;
}
 .h-3px {
     height: 3px !important;
}
 .min-w-3px {
     min-width: 3px !important;
}
 .min-h-3px {
     min-height: 3px !important;
}
 .max-h-3px {
     max-height: 3px !important;
}
 .max-w-3px {
     max-width: 3px !important;
}
 .w-4px {
     width: 4px !important;
}
 .h-4px {
     height: 4px !important;
}
 .min-w-4px {
     min-width: 4px !important;
}
 .min-h-4px {
     min-height: 4px !important;
}
 .max-h-4px {
     max-height: 4px !important;
}
 .max-w-4px {
     max-width: 4px !important;
}
 .w-5px {
     width: 5px !important;
}
 .h-5px {
     height: 5px !important;
}
 .min-w-5px {
     min-width: 5px !important;
}
 .min-h-5px {
     min-height: 5px !important;
}
 .max-h-5px {
     max-height: 5px !important;
}
 .max-w-5px {
     max-width: 5px !important;
}
 .w-10px {
     width: 10px !important;
}
 .h-10px {
     height: 10px !important;
}
 .min-w-10px {
     min-width: 10px !important;
}
 .min-h-10px {
     min-height: 10px !important;
}
 .max-h-10px {
     max-height: 10px !important;
}
 .max-w-10px {
     max-width: 10px !important;
}
 .w-15px {
     width: 15px !important;
}
.w-18px {
    width: 18px !important;
}
 .h-15px {
     height: 15px !important;
}
 .min-w-15px {
     min-width: 15px !important;
}
 .min-h-15px {
     min-height: 15px !important;
}
 .max-h-15px {
     max-height: 15px !important;
}
 .max-w-15px {
     max-width: 15px !important;
}
 .w-20px {
     width: 20px !important;
}
 .w-22px {
     width: 22px !important;
}
 .h-20px {
     height: 20px !important;
}
 .min-w-20px {
     min-width: 20px !important;
}
 .min-h-20px {
     min-height: 20px !important;
}
 .max-h-20px {
     max-height: 20px !important;
}
 .max-w-20px {
     max-width: 20px !important;
}
 .w-25px {
     width: 25px !important;
}
 .h-25px {
     height: 25px !important;
}
 .min-w-25px {
     min-width: 25px !important;
}
 .min-h-25px {
     min-height: 25px !important;
}
 .max-h-25px {
     max-height: 25px !important;
}
 .max-w-25px {
     max-width: 25px !important;
}
 .w-30px {
     width: 30px !important;
}
 .h-30px {
     height: 30px !important;
}
 .min-w-30px {
     min-width: 30px !important;
}
 .min-h-30px {
     min-height: 30px !important;
}
 .max-h-30px {
     max-height: 30px !important;
}
 .max-w-30px {
     max-width: 30px !important;
}
 .w-35px {
     width: 35px !important;
}
 .h-35px {
     height: 35px !important;
}
 .min-w-35px {
     min-width: 35px !important;
}
 .min-h-35px {
     min-height: 35px !important;
}
 .max-h-35px {
     max-height: 35px !important;
}
 .max-w-35px {
     max-width: 35px !important;
}
 .w-40px {
     width: 40px !important;
}
 .h-40px {
     height: 40px !important;
}
 .min-w-40px {
     min-width: 40px !important;
}
 .min-h-40px {
     min-height: 40px !important;
}
 .max-h-40px {
     max-height: 40px !important;
}
 .max-w-40px {
     max-width: 40px !important;
}
 .w-45px {
     width: 45px !important;
}
 .h-45px {
     height: 45px !important;
}
 .min-w-45px {
     min-width: 45px !important;
}
 .min-h-45px {
     min-height: 45px !important;
}
 .max-h-45px {
     max-height: 45px !important;
}
 .max-w-45px {
     max-width: 45px !important;
}
 .w-50px {
     width: 50px !important;
}
 .h-50px {
     height: 50px !important;
}
 .min-w-50px {
     min-width: 50px !important;
}
 .min-h-50px {
     min-height: 50px !important;
}
 .max-h-50px {
     max-height: 50px !important;
}
 .max-w-50px {
     max-width: 50px !important;
}
 .w-55px {
     width: 55px !important;
}
 .h-55px {
     height: 55px !important;
}
 .min-w-55px {
     min-width: 55px !important;
}
 .min-h-55px {
     min-height: 55px !important;
}
 .max-h-55px {
     max-height: 55px !important;
}
 .max-w-55px {
     max-width: 55px !important;
}
 .w-60px {
     width: 60px !important;
}
 .h-60px {
     height: 60px !important;
}
 .min-w-60px {
     min-width: 60px !important;
}
 .min-h-60px {
     min-height: 60px !important;
}
 .max-h-60px {
     max-height: 60px !important;
}
 .max-w-60px {
     max-width: 60px !important;
}
 .w-65px {
     width: 65px !important;
}
 .h-65px {
     height: 65px !important;
}
 .min-w-65px {
     min-width: 65px !important;
}
 .min-h-65px {
     min-height: 65px !important;
}
 .max-h-65px {
     max-height: 65px !important;
}
 .max-w-65px {
     max-width: 65px !important;
}
 .w-70px {
     width: 70px !important;
}
 .h-70px {
     height: 70px !important;
}
 .min-w-70px {
     min-width: 70px !important;
}
 .min-h-70px {
     min-height: 70px !important;
}
 .max-h-70px {
     max-height: 70px !important;
}
 .max-w-70px {
     max-width: 70px !important;
}
 .w-75px {
     width: 75px !important;
}
 .h-75px {
     height: 75px !important;
}
 .min-w-75px {
     min-width: 75px !important;
}
 .min-h-75px {
     min-height: 75px !important;
}
 .max-h-75px {
     max-height: 75px !important;
}
 .max-w-75px {
     max-width: 75px !important;
}
 .w-80px {
     width: 80px !important;
}
 .h-80px {
     height: 80px !important;
}
 .min-w-80px {
     min-width: 80px !important;
}
 .min-h-80px {
     min-height: 80px !important;
}
 .max-h-80px {
     max-height: 80px !important;
}
 .max-w-80px {
     max-width: 80px !important;
}
 .w-85px {
     width: 85px !important;
}
 .h-85px {
     height: 85px !important;
}
 .min-w-85px {
     min-width: 85px !important;
}
 .min-h-85px {
     min-height: 85px !important;
}
 .max-h-85px {
     max-height: 85px !important;
}
 .max-w-85px {
     max-width: 85px !important;
}
 .w-90px {
     width: 90px !important;
}
 .h-90px {
     height: 90px !important;
}
 .min-w-90px {
     min-width: 90px !important;
}
 .min-h-90px {
     min-height: 90px !important;
}
 .max-h-90px {
     max-height: 90px !important;
}
 .max-w-90px {
     max-width: 90px !important;
}
 .w-95px {
     width: 95px !important;
}
 .h-95px {
     height: 95px !important;
}
 .min-w-95px {
     min-width: 95px !important;
}
 .min-h-95px {
     min-height: 95px !important;
}
 .max-h-95px {
     max-height: 95px !important;
}
 .max-w-95px {
     max-width: 95px !important;
}
 .w-100px {
     width: 100px !important;
}
 .h-100px {
     height: 100px !important;
}
 .min-w-100px {
     min-width: 100px !important;
}
 .min-h-100px {
     min-height: 100px !important;
}
 .max-h-100px {
     max-height: 100px !important;
}
 .max-w-100px {
     max-width: 100px !important;
}
 .w-105px {
     width: 105px !important;
}
 .h-105px {
     height: 105px !important;
}
 .min-w-105px {
     min-width: 105px !important;
}
 .min-h-105px {
     min-height: 105px !important;
}
 .max-h-105px {
     max-height: 105px !important;
}
 .max-w-105px {
     max-width: 105px !important;
}
 .w-110px {
     width: 110px !important;
}
 .h-110px {
     height: 110px !important;
}
 .min-w-110px {
     min-width: 110px !important;
}
 .min-h-110px {
     min-height: 110px !important;
}
 .max-h-110px {
     max-height: 110px !important;
}
 .max-w-110px {
     max-width: 110px !important;
}
 .w-115px {
     width: 115px !important;
}
 .h-115px {
     height: 115px !important;
}
 .min-w-115px {
     min-width: 115px !important;
}
 .min-h-115px {
     min-height: 115px !important;
}
 .max-h-115px {
     max-height: 115px !important;
}
 .max-w-115px {
     max-width: 115px !important;
}
 .w-120px {
     width: 120px !important;
}
 .h-120px {
     height: 120px !important;
}
 .min-w-120px {
     min-width: 120px !important;
}
 .min-h-120px {
     min-height: 120px !important;
}
 .max-h-120px {
     max-height: 120px !important;
}
 .max-w-120px {
     max-width: 120px !important;
}
 .w-125px {
     width: 125px !important;
}
 .h-125px {
     height: 125px !important;
}
 .min-w-125px {
     min-width: 125px !important;
}
 .min-h-125px {
     min-height: 125px !important;
}
 .max-h-125px {
     max-height: 125px !important;
}
 .max-w-125px {
     max-width: 125px !important;
}
 .w-130px {
     width: 130px !important;
}
 .h-130px {
     height: 130px !important;
}
 .min-w-130px {
     min-width: 130px !important;
}
 .min-h-130px {
     min-height: 130px !important;
}
 .max-h-130px {
     max-height: 130px !important;
}
 .max-w-130px {
     max-width: 130px !important;
}
 .w-135px {
     width: 135px !important;
}
 .h-135px {
     height: 135px !important;
}
 .min-w-135px {
     min-width: 135px !important;
}
 .min-h-135px {
     min-height: 135px !important;
}
 .max-h-135px {
     max-height: 135px !important;
}
 .max-w-135px {
     max-width: 135px !important;
}
 .w-140px {
     width: 140px !important;
}
 .h-140px {
     height: 140px !important;
}
 .min-w-140px {
     min-width: 140px !important;
}
 .min-h-140px {
     min-height: 140px !important;
}
 .max-h-140px {
     max-height: 140px !important;
}
 .max-w-140px {
     max-width: 140px !important;
}
 .w-145px {
     width: 145px !important;
}
 .h-145px {
     height: 145px !important;
}
 .min-w-145px {
     min-width: 145px !important;
}
 .min-h-145px {
     min-height: 145px !important;
}
 .max-h-145px {
     max-height: 145px !important;
}
 .max-w-145px {
     max-width: 145px !important;
}
 .w-150px {
     width: 150px !important;
}
 .h-150px {
     height: 150px !important;
}
 .min-w-150px {
     min-width: 150px !important;
}
 .min-h-150px {
     min-height: 150px !important;
}
 .max-h-150px {
     max-height: 150px !important;
}
 .max-w-150px {
     max-width: 150px !important;
}

/*  */

.w-160px {
    width: 160px !important;
}
.h-160px {
    height: 160px !important;
}
.min-w-160px {
    min-width: 160px !important;
}
.min-h-160px {
    min-height: 160px !important;
}
.max-h-160px {
    max-height: 160px !important;
}
.max-w-160px {
    max-width: 160px !important;
}

.w-165px {
    width: 165px !important;
}
.h-165px {
    height: 165px !important;
}
.min-w-165px {
    min-width: 165px !important;
}
.min-h-165px {
    min-height: 165px !important;
}
.max-h-165px {
    max-height: 165px !important;
}
.max-w-165px {
    max-width: 165px !important;
}
 .w-175px {
     width: 175px !important;
}
 .h-175px {
     height: 175px !important;
}
 .min-w-175px {
     min-width: 175px !important;
}
 .min-h-175px {
     min-height: 175px !important;
}
 .max-h-175px {
     max-height: 175px !important;
}
 .max-w-175px {
     max-width: 175px !important;
}
 .w-180px {
     width: 180px !important;
}
 .h-180px {
     height: 180px !important;
}
 .min-w-180px {
     min-width: 180px !important;
}
 .min-h-180px {
     min-height: 180px !important;
}
 .max-h-180px {
     max-height: 180px !important;
}
 .max-w-180px {
     max-width: 180px !important;
}
 .w-200px {
     width: 200px !important;
}
 .h-200px {
     height: 200px !important;
}
 .min-w-200px {
     min-width: 200px !important;
}
 .min-h-200px {
     min-height: 200px !important;
}
 .max-h-200px {
     max-height: 200px !important;
}
 .max-w-200px {
     max-width: 200px !important;
}
 .w-225px {
     width: 225px !important;
}
 .h-225px {
     height: 225px !important;
}
 .min-w-225px {
     min-width: 225px !important;
}
 .min-w-210px {
     min-width: 210px !important;
}
 .min-h-225px {
     min-height: 225px !important;
}
 .min-h-215px {
     min-height: 215px !important;
}
 .max-h-225px {
     max-height: 225px !important;
}
 .max-w-225px {
     max-width: 225px !important;
}
 .max-w-210px {
     max-width: 210px !important;
}
.min-w-235px {
    min-width: 235px !important;
}
 .w-250px {
     width: 250px !important;
}
 .h-250px {
     height: 250px !important;
}
 .min-w-250px {
     min-width: 250px !important;
}
 .min-h-250px {
     min-height: 250px !important;
}
 .max-h-250px {
     max-height: 250px !important;
}
 .max-w-250px {
     max-width: 250px !important;
}
 .w-255px {
     width: 255px !important;
}
 .h-255px {
     height: 255px !important;
}
 .min-w-255px {
     min-width: 255px !important;
}
 .min-h-255px {
     min-height: 255px !important;
}
 .max-h-255px {
     max-height: 255px !important;
}
 .max-w-255px {
     max-width: 255px !important;
}
 .w-260px {
     width: 260px !important;
}
 .h-260px {
     height: 260px !important;
}
 .min-w-260px {
     min-width: 260px !important;
}
 .min-h-260px {
     min-height: 260px !important;
}
 .max-h-260px {
     max-height: 260px !important;
}
 .max-w-260px {
     max-width: 260px !important;
}
 .w-265px {
     width: 265px !important;
}
 .h-265px {
     height: 265px !important;
}
 .min-w-265px {
     min-width: 265px !important;
}
 .min-h-265px {
     min-height: 265px !important;
}
 .max-h-265px {
     max-height: 265px !important;
}
 .max-w-265px {
     max-width: 265px !important;
}
 .w-275px {
     width: 275px !important;
}
 .h-275px {
     height: 275px !important;
}
 .min-w-275px {
     min-width: 275px !important;
}
 .min-h-275px {
     min-height: 275px !important;
}
 .max-h-275px {
     max-height: 275px !important;
}
 .max-w-275px {
     max-width: 275px !important;
}
 .w-295px {
     width: 295px !important;
}
 .h-295px {
     height: 295px !important;
}
 .min-w-295px {
     min-width: 295px !important;
}
 .min-h-295px {
     min-height: 295px !important;
}
 .max-h-295px {
     max-height: 295px !important;
}
 .max-w-295px {
     max-width: 295px !important;
}
 .w-300px {
     width: 300px !important;
}
 .h-300px {
     height: 300px !important;
}
 .min-w-300px {
     min-width: 300px !important;
}
 .min-h-300px {
     min-height: 300px !important;
}
 .max-h-300px {
     max-height: 300px !important;
}
 .max-w-300px {
     max-width: 300px !important;
}
 .w-325px {
     width: 325px !important;
}
 .h-325px {
     height: 325px !important;
}
 .min-w-325px {
     min-width: 325px !important;
}
 .min-h-325px {
     min-height: 325px !important;
}
 .max-h-325px {
     max-height: 325px !important;
}
 .max-w-325px {
     max-width: 325px !important;
}
 .w-350px {
     width: 350px !important;
}
 .h-350px {
     height: 350px !important;
}
 .min-w-350px {
     min-width: 350px !important;
}
 .min-h-350px {
     min-height: 350px !important;
}
 .max-h-350px {
     max-height: 350px !important;
}
 .max-w-350px {
     max-width: 350px !important;
}
 .w-375px {
     width: 375px !important;
}
 .h-375px {
     height: 375px !important;
}
 .min-w-375px {
     min-width: 375px !important;
}
 .min-h-375px {
     min-height: 375px !important;
}
 .max-h-375px {
     max-height: 375px !important;
}
 .max-w-375px {
     max-width: 375px !important;
}
 .w-400px {
     width: 400px !important;
}
 .h-400px {
     height: 400px !important;
}
 .min-w-400px {
     min-width: 400px !important;
}
 .min-h-400px {
     min-height: 400px !important;
}
 .max-h-400px {
     max-height: 400px !important;
}
 .max-w-400px {
     max-width: 400px !important;
}
 .w-425px {
     width: 425px !important;
}
 .h-425px {
     height: 425px !important;
}
 .min-w-425px {
     min-width: 425px !important;
}
 .min-h-425px {
     min-height: 425px !important;
}
 .max-h-425px {
     max-height: 425px !important;
}
 .max-w-425px {
     max-width: 425px !important;
}
 .w-450px {
     width: 450px !important;
}
 .h-450px {
     height: 450px !important;
}
 .min-w-450px {
     min-width: 450px !important;
}
 .min-h-450px {
     min-height: 450px !important;
}
 .max-h-450px {
     max-height: 450px !important;
}
 .max-w-450px {
     max-width: 450px !important;
}
 .w-475px {
     width: 475px !important;
}
 .h-475px {
     height: 475px !important;
}
 .min-w-475px {
     min-width: 475px !important;
}
 .min-h-475px {
     min-height: 475px !important;
}
 .max-h-475px {
     max-height: 475px !important;
}
 .max-w-475px {
     max-width: 475px !important;
}
 .w-500px {
     width: 500px !important;
}
 .h-500px {
     height: 500px !important;
}
 .min-w-500px {
     min-width: 500px !important;
}
 .min-h-500px {
     min-height: 500px !important;
}
 .max-h-500px {
     max-height: 500px !important;
}
 .max-w-500px {
     max-width: 500px !important;
}
 .w-550px {
     width: 550px !important;
}
 .h-550px {
     height: 550px !important;
}
 .min-w-550px {
     min-width: 550px !important;
}
 .min-h-550px {
     min-height: 550px !important;
}
 .max-h-550px {
     max-height: 550px !important;
}
 .max-w-550px {
     max-width: 550px !important;
}
 .w-600px {
     width: 600px !important;
}
 .h-600px {
     height: 600px !important;
}
 .min-w-600px {
     min-width: 600px !important;
}
 .min-h-600px {
     min-height: 600px !important;
}
 .max-h-600px {
     max-height: 600px !important;
}
 .max-w-600px {
     max-width: 600px !important;
}
 .w-650px {
     width: 650px !important;
}
 .h-650px {
     height: 650px !important;
}
 .min-w-650px {
     min-width: 650px !important;
}
 .min-h-650px {
     min-height: 650px !important;
}
 .max-h-650px {
     max-height: 650px !important;
}
 .max-w-650px {
     max-width: 650px !important;
}
 .w-700px {
     width: 700px !important;
}
 .h-700px {
     height: 700px !important;
}
 .min-w-700px {
     min-width: 700px !important;
}
 .min-h-700px {
     min-height: 700px !important;
}
 .max-h-700px {
     max-height: 700px !important;
}
 .max-w-700px {
     max-width: 700px !important;
}
 .w-750px {
     width: 750px !important;
}
 .h-750px {
     height: 750px !important;
}
 .min-w-750px {
     min-width: 750px !important;
}
 .min-h-750px {
     min-height: 750px !important;
}
 .max-h-750px {
     max-height: 750px !important;
}
 .max-w-750px {
     max-width: 750px !important;
}
 .w-800px {
     width: 800px !important;
}
 .h-800px {
     height: 800px !important;
}
 .min-w-800px {
     min-width: 800px !important;
}
 .min-h-800px {
     min-height: 800px !important;
}
 .max-h-800px {
     max-height: 800px !important;
}
 .max-w-800px {
     max-width: 800px !important;
}
 .w-850px {
     width: 850px !important;
}
 .h-850px {
     height: 850px !important;
}
 .min-w-850px {
     min-width: 850px !important;
}
 .min-h-850px {
     min-height: 850px !important;
}
 .max-h-850px {
     max-height: 850px !important;
}
 .max-w-850px {
     max-width: 850px !important;
}
 .w-900px {
     width: 900px !important;
}
 .h-900px {
     height: 900px !important;
}
 .min-w-900px {
     min-width: 900px !important;
}
 .min-h-900px {
     min-height: 900px !important;
}
 .max-h-900px {
     max-height: 900px !important;
}
 .max-w-900px {
     max-width: 900px !important;
}
 .w-950px {
     width: 950px !important;
}
 .h-950px {
     height: 950px !important;
}
 .min-w-950px {
     min-width: 950px !important;
}
 .min-h-950px {
     min-height: 950px !important;
}
 .max-h-950px {
     max-height: 950px !important;
}
 .max-w-950px {
     max-width: 950px !important;
}
 .w-1000px {
     width: 1000px !important;
}
 .h-1000px {
     height: 1000px !important;
}
 .min-w-1000px {
     min-width: 1000px !important;
}
 .min-h-1000px {
     min-height: 1000px !important;
}
 .max-h-1000px {
     max-height: 1000px !important;
}
 .max-w-1000px {
     max-width: 1000px !important;
}
 @media (min-width: 576px) {
     .w-sm-100 {
         width: 100% !important;
    }
     .h-sm-100 {
         height: 100% !important;
    }
     .min-w-sm-100 {
         min-width: 100% !important;
    }
     .min-h-sm-100 {
         min-height: 100% !important;
    }
     .max-h-sm-100 {
         max-height: 100% !important;
    }
     .max-w-sm-100 {
         max-width: 100% !important;
    }
     .w-sm-50 {
         width: 50% !important;
    }
     .h-sm-50 {
         height: 50% !important;
    }
     .min-w-sm-50 {
         min-width: 50% !important;
    }
     .min-h-sm-50 {
         min-height: 50% !important;
    }
     .max-h-sm-50 {
         max-height: 50% !important;
    }
     .max-w-sm-50 {
         max-width: 50% !important;
    }
     .w-sm-auto {
         width: auto !important;
    }
     .h-sm-auto {
         height: auto !important;
    }
     .min-w-sm-auto {
         min-width: auto !important;
    }
     .min-h-sm-auto {
         min-height: auto !important;
    }
     .max-h-sm-auto {
         max-height: auto !important;
    }
     .max-w-sm-auto {
         max-width: auto !important;
    }
     .w-sm-1px {
         width: 1px !important;
    }
     .h-sm-1px {
         height: 1px !important;
    }
     .min-w-sm-1px {
         min-width: 1px !important;
    }
     .min-h-sm-1px {
         min-height: 1px !important;
    }
     .max-h-sm-1px {
         max-height: 1px !important;
    }
     .max-w-sm-1px {
         max-width: 1px !important;
    }
     .w-sm-2px {
         width: 2px !important;
    }
     .h-sm-2px {
         height: 2px !important;
    }
     .min-w-sm-2px {
         min-width: 2px !important;
    }
     .min-h-sm-2px {
         min-height: 2px !important;
    }
     .max-h-sm-2px {
         max-height: 2px !important;
    }
     .max-w-sm-2px {
         max-width: 2px !important;
    }
     .w-sm-3px {
         width: 3px !important;
    }
     .h-sm-3px {
         height: 3px !important;
    }
     .min-w-sm-3px {
         min-width: 3px !important;
    }
     .min-h-sm-3px {
         min-height: 3px !important;
    }
     .max-h-sm-3px {
         max-height: 3px !important;
    }
     .max-w-sm-3px {
         max-width: 3px !important;
    }
     .w-sm-4px {
         width: 4px !important;
    }
     .h-sm-4px {
         height: 4px !important;
    }
     .min-w-sm-4px {
         min-width: 4px !important;
    }
     .min-h-sm-4px {
         min-height: 4px !important;
    }
     .max-h-sm-4px {
         max-height: 4px !important;
    }
     .max-w-sm-4px {
         max-width: 4px !important;
    }
     .w-sm-5px {
         width: 5px !important;
    }
     .h-sm-5px {
         height: 5px !important;
    }
     .min-w-sm-5px {
         min-width: 5px !important;
    }
     .min-h-sm-5px {
         min-height: 5px !important;
    }
     .max-h-sm-5px {
         max-height: 5px !important;
    }
     .max-w-sm-5px {
         max-width: 5px !important;
    }
     .w-sm-10px {
         width: 10px !important;
    }
     .h-sm-10px {
         height: 10px !important;
    }
     .min-w-sm-10px {
         min-width: 10px !important;
    }
     .min-h-sm-10px {
         min-height: 10px !important;
    }
     .max-h-sm-10px {
         max-height: 10px !important;
    }
     .max-w-sm-10px {
         max-width: 10px !important;
    }
     .w-sm-15px {
         width: 15px !important;
    }
     .h-sm-15px {
         height: 15px !important;
    }
     .min-w-sm-15px {
         min-width: 15px !important;
    }
     .min-h-sm-15px {
         min-height: 15px !important;
    }
     .max-h-sm-15px {
         max-height: 15px !important;
    }
     .max-w-sm-15px {
         max-width: 15px !important;
    }
     .w-sm-20px {
         width: 20px !important;
    }
     .h-sm-20px {
         height: 20px !important;
    }
     .min-w-sm-20px {
         min-width: 20px !important;
    }
     .min-h-sm-20px {
         min-height: 20px !important;
    }
     .max-h-sm-20px {
         max-height: 20px !important;
    }
     .max-w-sm-20px {
         max-width: 20px !important;
    }
     .w-sm-25px {
         width: 25px !important;
    }
     .h-sm-25px {
         height: 25px !important;
    }
     .min-w-sm-25px {
         min-width: 25px !important;
    }
     .min-h-sm-25px {
         min-height: 25px !important;
    }
     .max-h-sm-25px {
         max-height: 25px !important;
    }
     .max-w-sm-25px {
         max-width: 25px !important;
    }
     .w-sm-30px {
         width: 30px !important;
    }
     .h-sm-30px {
         height: 30px !important;
    }
     .min-w-sm-30px {
         min-width: 30px !important;
    }
     .min-h-sm-30px {
         min-height: 30px !important;
    }
     .max-h-sm-30px {
         max-height: 30px !important;
    }
     .max-w-sm-30px {
         max-width: 30px !important;
    }
     .w-sm-35px {
         width: 35px !important;
    }
     .h-sm-35px {
         height: 35px !important;
    }
     .min-w-sm-35px {
         min-width: 35px !important;
    }
     .min-h-sm-35px {
         min-height: 35px !important;
    }
     .max-h-sm-35px {
         max-height: 35px !important;
    }
     .max-w-sm-35px {
         max-width: 35px !important;
    }
     .w-sm-40px {
         width: 40px !important;
    }
     .h-sm-40px {
         height: 40px !important;
    }
     .min-w-sm-40px {
         min-width: 40px !important;
    }
     .min-h-sm-40px {
         min-height: 40px !important;
    }
     .max-h-sm-40px {
         max-height: 40px !important;
    }
     .max-w-sm-40px {
         max-width: 40px !important;
    }
     .w-sm-45px {
         width: 45px !important;
    }
     .h-sm-45px {
         height: 45px !important;
    }
     .min-w-sm-45px {
         min-width: 45px !important;
    }
     .min-h-sm-45px {
         min-height: 45px !important;
    }
     .max-h-sm-45px {
         max-height: 45px !important;
    }
     .max-w-sm-45px {
         max-width: 45px !important;
    }
     .w-sm-50px {
         width: 50px !important;
    }
     .h-sm-50px {
         height: 50px !important;
    }
     .min-w-sm-50px {
         min-width: 50px !important;
    }
     .min-h-sm-50px {
         min-height: 50px !important;
    }
     .max-h-sm-50px {
         max-height: 50px !important;
    }
     .max-w-sm-50px {
         max-width: 50px !important;
    }
     .w-sm-55px {
         width: 55px !important;
    }
     .h-sm-55px {
         height: 55px !important;
    }
     .min-w-sm-55px {
         min-width: 55px !important;
    }
     .min-h-sm-55px {
         min-height: 55px !important;
    }
     .max-h-sm-55px {
         max-height: 55px !important;
    }
     .max-w-sm-55px {
         max-width: 55px !important;
    }
     .w-sm-60px {
         width: 60px !important;
    }
     .h-sm-60px {
         height: 60px !important;
    }
     .min-w-sm-60px {
         min-width: 60px !important;
    }
     .min-h-sm-60px {
         min-height: 60px !important;
    }
     .max-h-sm-60px {
         max-height: 60px !important;
    }
     .max-w-sm-60px {
         max-width: 60px !important;
    }
     .w-sm-65px {
         width: 65px !important;
    }
     .h-sm-65px {
         height: 65px !important;
    }
     .min-w-sm-65px {
         min-width: 65px !important;
    }
     .min-h-sm-65px {
         min-height: 65px !important;
    }
     .max-h-sm-65px {
         max-height: 65px !important;
    }
     .max-w-sm-65px {
         max-width: 65px !important;
    }
     .w-sm-70px {
         width: 70px !important;
    }
     .h-sm-70px {
         height: 70px !important;
    }
     .min-w-sm-70px {
         min-width: 70px !important;
    }
     .min-h-sm-70px {
         min-height: 70px !important;
    }
     .max-h-sm-70px {
         max-height: 70px !important;
    }
     .max-w-sm-70px {
         max-width: 70px !important;
    }
     .w-sm-75px {
         width: 75px !important;
    }
     .h-sm-75px {
         height: 75px !important;
    }
     .min-w-sm-75px {
         min-width: 75px !important;
    }
     .min-h-sm-75px {
         min-height: 75px !important;
    }
     .max-h-sm-75px {
         max-height: 75px !important;
    }
     .max-w-sm-75px {
         max-width: 75px !important;
    }
     .w-sm-80px {
         width: 80px !important;
    }
     .h-sm-80px {
         height: 80px !important;
    }
     .min-w-sm-80px {
         min-width: 80px !important;
    }
     .min-h-sm-80px {
         min-height: 80px !important;
    }
     .max-h-sm-80px {
         max-height: 80px !important;
    }
     .max-w-sm-80px {
         max-width: 80px !important;
    }
     .w-sm-85px {
         width: 85px !important;
    }
     .h-sm-85px {
         height: 85px !important;
    }
     .min-w-sm-85px {
         min-width: 85px !important;
    }
     .min-h-sm-85px {
         min-height: 85px !important;
    }
     .max-h-sm-85px {
         max-height: 85px !important;
    }
     .max-w-sm-85px {
         max-width: 85px !important;
    }
     .w-sm-90px {
         width: 90px !important;
    }
     .h-sm-90px {
         height: 90px !important;
    }
     .min-w-sm-90px {
         min-width: 90px !important;
    }
     .min-h-sm-90px {
         min-height: 90px !important;
    }
     .max-h-sm-90px {
         max-height: 90px !important;
    }
     .max-w-sm-90px {
         max-width: 90px !important;
    }
     .w-sm-95px {
         width: 95px !important;
    }
     .h-sm-95px {
         height: 95px !important;
    }
     .min-w-sm-95px {
         min-width: 95px !important;
    }
     .min-h-sm-95px {
         min-height: 95px !important;
    }
     .max-h-sm-95px {
         max-height: 95px !important;
    }
     .max-w-sm-95px {
         max-width: 95px !important;
    }
     .w-sm-100px {
         width: 100px !important;
    }
     .h-sm-100px {
         height: 100px !important;
    }
     .min-w-sm-100px {
         min-width: 100px !important;
    }
     .min-h-sm-100px {
         min-height: 100px !important;
    }
     .max-h-sm-100px {
         max-height: 100px !important;
    }
     .max-w-sm-100px {
         max-width: 100px !important;
    }
     .w-sm-105px {
         width: 105px !important;
    }
     .h-sm-105px {
         height: 105px !important;
    }
     .min-w-sm-105px {
         min-width: 105px !important;
    }
     .min-h-sm-105px {
         min-height: 105px !important;
    }
     .max-h-sm-105px {
         max-height: 105px !important;
    }
     .max-w-sm-105px {
         max-width: 105px !important;
    }
     .w-sm-110px {
         width: 110px !important;
    }
     .h-sm-110px {
         height: 110px !important;
    }
     .min-w-sm-110px {
         min-width: 110px !important;
    }
     .min-h-sm-110px {
         min-height: 110px !important;
    }
     .max-h-sm-110px {
         max-height: 110px !important;
    }
     .max-w-sm-110px {
         max-width: 110px !important;
    }
     .w-sm-115px {
         width: 115px !important;
    }
     .h-sm-115px {
         height: 115px !important;
    }
     .min-w-sm-115px {
         min-width: 115px !important;
    }
     .min-h-sm-115px {
         min-height: 115px !important;
    }
     .max-h-sm-115px {
         max-height: 115px !important;
    }
     .max-w-sm-115px {
         max-width: 115px !important;
    }
     .w-sm-120px {
         width: 120px !important;
    }
     .h-sm-120px {
         height: 120px !important;
    }
     .min-w-sm-120px {
         min-width: 120px !important;
    }
     .min-h-sm-120px {
         min-height: 120px !important;
    }
     .max-h-sm-120px {
         max-height: 120px !important;
    }
     .max-w-sm-120px {
         max-width: 120px !important;
    }
     .w-sm-125px {
         width: 125px !important;
    }
     .h-sm-125px {
         height: 125px !important;
    }
     .min-w-sm-125px {
         min-width: 125px !important;
    }
     .min-h-sm-125px {
         min-height: 125px !important;
    }
     .max-h-sm-125px {
         max-height: 125px !important;
    }
     .max-w-sm-125px {
         max-width: 125px !important;
    }
     .w-sm-130px {
         width: 130px !important;
    }
     .h-sm-130px {
         height: 130px !important;
    }
     .min-w-sm-130px {
         min-width: 130px !important;
    }
     .min-h-sm-130px {
         min-height: 130px !important;
    }
     .max-h-sm-130px {
         max-height: 130px !important;
    }
     .max-w-sm-130px {
         max-width: 130px !important;
    }
     .w-sm-135px {
         width: 135px !important;
    }
     .h-sm-135px {
         height: 135px !important;
    }
     .min-w-sm-135px {
         min-width: 135px !important;
    }
     .min-h-sm-135px {
         min-height: 135px !important;
    }
     .max-h-sm-135px {
         max-height: 135px !important;
    }
     .max-w-sm-135px {
         max-width: 135px !important;
    }
     .w-sm-140px {
         width: 140px !important;
    }
     .h-sm-140px {
         height: 140px !important;
    }
     .min-w-sm-140px {
         min-width: 140px !important;
    }
     .min-h-sm-140px {
         min-height: 140px !important;
    }
     .max-h-sm-140px {
         max-height: 140px !important;
    }
     .max-w-sm-140px {
         max-width: 140px !important;
    }
     .w-sm-145px {
         width: 145px !important;
    }
     .h-sm-145px {
         height: 145px !important;
    }
     .min-w-sm-145px {
         min-width: 145px !important;
    }
     .min-h-sm-145px {
         min-height: 145px !important;
    }
     .max-h-sm-145px {
         max-height: 145px !important;
    }
     .max-w-sm-145px {
         max-width: 145px !important;
    }
     .w-sm-150px {
         width: 150px !important;
    }
     .h-sm-150px {
         height: 150px !important;
    }
     .min-w-sm-150px {
         min-width: 150px !important;
    }
     .min-h-sm-150px {
         min-height: 150px !important;
    }
     .max-h-sm-150px {
         max-height: 150px !important;
    }
     .max-w-sm-150px {
         max-width: 150px !important;
    }
     .w-sm-175px {
         width: 175px !important;
    }
     .h-sm-175px {
         height: 175px !important;
    }
     .min-w-sm-175px {
         min-width: 175px !important;
    }
     .min-h-sm-175px {
         min-height: 175px !important;
    }
     .max-h-sm-175px {
         max-height: 175px !important;
    }
     .max-w-sm-175px {
         max-width: 175px !important;
    }
     .w-sm-180px {
         width: 180px !important;
    }
     .h-sm-180px {
         height: 180px !important;
    }
     .min-w-sm-180px {
         min-width: 180px !important;
    }
     .min-h-sm-180px {
         min-height: 180px !important;
    }
     .max-h-sm-180px {
         max-height: 180px !important;
    }
     .max-w-sm-180px {
         max-width: 180px !important;
    }
     .w-sm-200px {
         width: 200px !important;
    }
     .h-sm-200px {
         height: 200px !important;
    }
     .min-w-sm-200px {
         min-width: 200px !important;
    }
     .min-h-sm-200px {
         min-height: 200px !important;
    }
     .max-h-sm-200px {
         max-height: 200px !important;
    }
     .max-w-sm-200px {
         max-width: 200px !important;
    }
     .w-sm-225px {
         width: 225px !important;
    }
     .h-sm-225px {
         height: 225px !important;
    }
     .min-w-sm-225px {
         min-width: 225px !important;
    }
     .min-h-sm-225px {
         min-height: 225px !important;
    }
     .max-h-sm-225px {
         max-height: 225px !important;
    }
     .max-w-sm-225px {
         max-width: 225px !important;
    }
     .w-sm-250px {
         width: 250px !important;
    }
     .h-sm-250px {
         height: 250px !important;
    }
     .min-w-sm-250px {
         min-width: 250px !important;
    }
     .min-h-sm-250px {
         min-height: 250px !important;
    }
     .max-h-sm-250px {
         max-height: 250px !important;
    }
     .max-w-sm-250px {
         max-width: 250px !important;
    }
     .w-sm-255px {
         width: 255px !important;
    }
     .h-sm-255px {
         height: 255px !important;
    }
     .min-w-sm-255px {
         min-width: 255px !important;
    }
     .min-h-sm-255px {
         min-height: 255px !important;
    }
     .max-h-sm-255px {
         max-height: 255px !important;
    }
     .max-w-sm-255px {
         max-width: 255px !important;
    }
     .w-sm-260px {
         width: 260px !important;
    }
     .h-sm-260px {
         height: 260px !important;
    }
     .min-w-sm-260px {
         min-width: 260px !important;
    }
     .min-h-sm-260px {
         min-height: 260px !important;
    }
     .max-h-sm-260px {
         max-height: 260px !important;
    }
     .max-w-sm-260px {
         max-width: 260px !important;
    }
     .w-sm-265px {
         width: 265px !important;
    }
     .h-sm-265px {
         height: 265px !important;
    }
     .min-w-sm-265px {
         min-width: 265px !important;
    }
     .min-h-sm-265px {
         min-height: 265px !important;
    }
     .max-h-sm-265px {
         max-height: 265px !important;
    }
     .max-w-sm-265px {
         max-width: 265px !important;
    }
     .w-sm-275px {
         width: 275px !important;
    }
     .h-sm-275px {
         height: 275px !important;
    }
     .min-w-sm-275px {
         min-width: 275px !important;
    }
     .min-h-sm-275px {
         min-height: 275px !important;
    }
     .max-h-sm-275px {
         max-height: 275px !important;
    }
     .max-w-sm-275px {
         max-width: 275px !important;
    }
     .w-sm-295px {
         width: 295px !important;
    }
     .h-sm-295px {
         height: 295px !important;
    }
     .min-w-sm-295px {
         min-width: 295px !important;
    }
     .min-h-sm-295px {
         min-height: 295px !important;
    }
     .max-h-sm-295px {
         max-height: 295px !important;
    }
     .max-w-sm-295px {
         max-width: 295px !important;
    }
     .w-sm-300px {
         width: 300px !important;
    }
     .h-sm-300px {
         height: 300px !important;
    }
     .min-w-sm-300px {
         min-width: 300px !important;
    }
     .min-h-sm-300px {
         min-height: 300px !important;
    }
     .max-h-sm-300px {
         max-height: 300px !important;
    }
     .max-w-sm-300px {
         max-width: 300px !important;
    }
     .w-sm-325px {
         width: 325px !important;
    }
     .h-sm-325px {
         height: 325px !important;
    }
     .min-w-sm-325px {
         min-width: 325px !important;
    }
     .min-h-sm-325px {
         min-height: 325px !important;
    }
     .max-h-sm-325px {
         max-height: 325px !important;
    }
     .max-w-sm-325px {
         max-width: 325px !important;
    }
     .w-sm-350px {
         width: 350px !important;
    }
     .h-sm-350px {
         height: 350px !important;
    }
     .min-w-sm-350px {
         min-width: 350px !important;
    }
     .min-h-sm-350px {
         min-height: 350px !important;
    }
     .max-h-sm-350px {
         max-height: 350px !important;
    }
     .max-w-sm-350px {
         max-width: 350px !important;
    }
     .w-sm-375px {
         width: 375px !important;
    }
     .h-sm-375px {
         height: 375px !important;
    }
     .min-w-sm-375px {
         min-width: 375px !important;
    }
     .min-h-sm-375px {
         min-height: 375px !important;
    }
     .max-h-sm-375px {
         max-height: 375px !important;
    }
     .max-w-sm-375px {
         max-width: 375px !important;
    }
     .w-sm-400px {
         width: 400px !important;
    }
     .h-sm-400px {
         height: 400px !important;
    }
     .min-w-sm-400px {
         min-width: 400px !important;
    }
     .min-h-sm-400px {
         min-height: 400px !important;
    }
     .max-h-sm-400px {
         max-height: 400px !important;
    }
     .max-w-sm-400px {
         max-width: 400px !important;
    }
     .w-sm-425px {
         width: 425px !important;
    }
     .h-sm-425px {
         height: 425px !important;
    }
     .min-w-sm-425px {
         min-width: 425px !important;
    }
     .min-h-sm-425px {
         min-height: 425px !important;
    }
     .max-h-sm-425px {
         max-height: 425px !important;
    }
     .max-w-sm-425px {
         max-width: 425px !important;
    }
     .w-sm-450px {
         width: 450px !important;
    }
     .h-sm-450px {
         height: 450px !important;
    }
     .min-w-sm-450px {
         min-width: 450px !important;
    }
     .min-h-sm-450px {
         min-height: 450px !important;
    }
     .max-h-sm-450px {
         max-height: 450px !important;
    }
     .max-w-sm-450px {
         max-width: 450px !important;
    }
     .w-sm-475px {
         width: 475px !important;
    }
     .h-sm-475px {
         height: 475px !important;
    }
     .min-w-sm-475px {
         min-width: 475px !important;
    }
     .min-h-sm-475px {
         min-height: 475px !important;
    }
     .max-h-sm-475px {
         max-height: 475px !important;
    }
     .max-w-sm-475px {
         max-width: 475px !important;
    }
     .w-sm-500px {
         width: 500px !important;
    }
     .h-sm-500px {
         height: 500px !important;
    }
     .min-w-sm-500px {
         min-width: 500px !important;
    }
     .min-h-sm-500px {
         min-height: 500px !important;
    }
     .max-h-sm-500px {
         max-height: 500px !important;
    }
     .max-w-sm-500px {
         max-width: 500px !important;
    }
     .w-sm-550px {
         width: 550px !important;
    }
     .h-sm-550px {
         height: 550px !important;
    }
     .min-w-sm-550px {
         min-width: 550px !important;
    }
     .min-h-sm-550px {
         min-height: 550px !important;
    }
     .max-h-sm-550px {
         max-height: 550px !important;
    }
     .max-w-sm-550px {
         max-width: 550px !important;
    }
     .w-sm-600px {
         width: 600px !important;
    }
     .h-sm-600px {
         height: 600px !important;
    }
     .min-w-sm-600px {
         min-width: 600px !important;
    }
     .min-h-sm-600px {
         min-height: 600px !important;
    }
     .max-h-sm-600px {
         max-height: 600px !important;
    }
     .max-w-sm-600px {
         max-width: 600px !important;
    }
     .w-sm-650px {
         width: 650px !important;
    }
     .h-sm-650px {
         height: 650px !important;
    }
     .min-w-sm-650px {
         min-width: 650px !important;
    }
     .min-h-sm-650px {
         min-height: 650px !important;
    }
     .max-h-sm-650px {
         max-height: 650px !important;
    }
     .max-w-sm-650px {
         max-width: 650px !important;
    }
     .w-sm-700px {
         width: 700px !important;
    }
     .h-sm-700px {
         height: 700px !important;
    }
     .min-w-sm-700px {
         min-width: 700px !important;
    }
     .min-h-sm-700px {
         min-height: 700px !important;
    }
     .max-h-sm-700px {
         max-height: 700px !important;
    }
     .max-w-sm-700px {
         max-width: 700px !important;
    }
     .w-sm-750px {
         width: 750px !important;
    }
     .h-sm-750px {
         height: 750px !important;
    }
     .min-w-sm-750px {
         min-width: 750px !important;
    }
     .min-h-sm-750px {
         min-height: 750px !important;
    }
     .max-h-sm-750px {
         max-height: 750px !important;
    }
     .max-w-sm-750px {
         max-width: 750px !important;
    }
     .w-sm-800px {
         width: 800px !important;
    }
     .h-sm-800px {
         height: 800px !important;
    }
     .min-w-sm-800px {
         min-width: 800px !important;
    }
     .min-h-sm-800px {
         min-height: 800px !important;
    }
     .max-h-sm-800px {
         max-height: 800px !important;
    }
     .max-w-sm-800px {
         max-width: 800px !important;
    }
     .w-sm-850px {
         width: 850px !important;
    }
     .h-sm-850px {
         height: 850px !important;
    }
     .min-w-sm-850px {
         min-width: 850px !important;
    }
     .min-h-sm-850px {
         min-height: 850px !important;
    }
     .max-h-sm-850px {
         max-height: 850px !important;
    }
     .max-w-sm-850px {
         max-width: 850px !important;
    }
     .w-sm-900px {
         width: 900px !important;
    }
     .h-sm-900px {
         height: 900px !important;
    }
     .min-w-sm-900px {
         min-width: 900px !important;
    }
     .min-h-sm-900px {
         min-height: 900px !important;
    }
     .max-h-sm-900px {
         max-height: 900px !important;
    }
     .max-w-sm-900px {
         max-width: 900px !important;
    }
     .w-sm-950px {
         width: 950px !important;
    }
     .h-sm-950px {
         height: 950px !important;
    }
     .min-w-sm-950px {
         min-width: 950px !important;
    }
     .min-h-sm-950px {
         min-height: 950px !important;
    }
     .max-h-sm-950px {
         max-height: 950px !important;
    }
     .max-w-sm-950px {
         max-width: 950px !important;
    }
     .w-sm-1000px {
         width: 1000px !important;
    }
     .h-sm-1000px {
         height: 1000px !important;
    }
     .min-w-sm-1000px {
         min-width: 1000px !important;
    }
     .min-h-sm-1000px {
         min-height: 1000px !important;
    }
     .max-h-sm-1000px {
         max-height: 1000px !important;
    }
     .max-w-sm-1000px {
         max-width: 1000px !important;
    }
}
 @media (min-width: 768px) {
     .w-md-100 {
         width: 100% !important;
    }
     .h-md-100 {
         height: 100% !important;
    }
     .min-w-md-100 {
         min-width: 100% !important;
    }
     .min-h-md-100 {
         min-height: 100% !important;
    }
     .max-h-md-100 {
         max-height: 100% !important;
    }
     .max-w-md-100 {
         max-width: 100% !important;
    }
     .w-md-50 {
         width: 50% !important;
    }
     .h-md-50 {
         height: 50% !important;
    }
     .min-w-md-50 {
         min-width: 50% !important;
    }
     .min-h-md-50 {
         min-height: 50% !important;
    }
     .max-h-md-50 {
         max-height: 50% !important;
    }
     .max-w-md-50 {
         max-width: 50% !important;
    }
     .w-md-auto {
         width: auto !important;
    }
     .h-md-auto {
         height: auto !important;
    }
     .min-w-md-auto {
         min-width: auto !important;
    }
     .min-h-md-auto {
         min-height: auto !important;
    }
     .max-h-md-auto {
         max-height: auto !important;
    }
     .max-w-md-auto {
         max-width: auto !important;
    }
     .w-md-1px {
         width: 1px !important;
    }
     .h-md-1px {
         height: 1px !important;
    }
     .min-w-md-1px {
         min-width: 1px !important;
    }
     .min-h-md-1px {
         min-height: 1px !important;
    }
     .max-h-md-1px {
         max-height: 1px !important;
    }
     .max-w-md-1px {
         max-width: 1px !important;
    }
     .w-md-2px {
         width: 2px !important;
    }
     .h-md-2px {
         height: 2px !important;
    }
     .min-w-md-2px {
         min-width: 2px !important;
    }
     .min-h-md-2px {
         min-height: 2px !important;
    }
     .max-h-md-2px {
         max-height: 2px !important;
    }
     .max-w-md-2px {
         max-width: 2px !important;
    }
     .w-md-3px {
         width: 3px !important;
    }
     .h-md-3px {
         height: 3px !important;
    }
     .min-w-md-3px {
         min-width: 3px !important;
    }
     .min-h-md-3px {
         min-height: 3px !important;
    }
     .max-h-md-3px {
         max-height: 3px !important;
    }
     .max-w-md-3px {
         max-width: 3px !important;
    }
     .w-md-4px {
         width: 4px !important;
    }
     .h-md-4px {
         height: 4px !important;
    }
     .min-w-md-4px {
         min-width: 4px !important;
    }
     .min-h-md-4px {
         min-height: 4px !important;
    }
     .max-h-md-4px {
         max-height: 4px !important;
    }
     .max-w-md-4px {
         max-width: 4px !important;
    }
     .w-md-5px {
         width: 5px !important;
    }
     .h-md-5px {
         height: 5px !important;
    }
     .min-w-md-5px {
         min-width: 5px !important;
    }
     .min-h-md-5px {
         min-height: 5px !important;
    }
     .max-h-md-5px {
         max-height: 5px !important;
    }
     .max-w-md-5px {
         max-width: 5px !important;
    }
     .w-md-10px {
         width: 10px !important;
    }
     .h-md-10px {
         height: 10px !important;
    }
     .min-w-md-10px {
         min-width: 10px !important;
    }
     .min-h-md-10px {
         min-height: 10px !important;
    }
     .max-h-md-10px {
         max-height: 10px !important;
    }
     .max-w-md-10px {
         max-width: 10px !important;
    }
     .w-md-15px {
         width: 15px !important;
    }
     .h-md-15px {
         height: 15px !important;
    }
     .min-w-md-15px {
         min-width: 15px !important;
    }
     .min-h-md-15px {
         min-height: 15px !important;
    }
     .max-h-md-15px {
         max-height: 15px !important;
    }
     .max-w-md-15px {
         max-width: 15px !important;
    }
     .w-md-20px {
         width: 20px !important;
    }
     .h-md-20px {
         height: 20px !important;
    }
     .min-w-md-20px {
         min-width: 20px !important;
    }
     .min-h-md-20px {
         min-height: 20px !important;
    }
     .max-h-md-20px {
         max-height: 20px !important;
    }
     .max-w-md-20px {
         max-width: 20px !important;
    }
     .w-md-25px {
         width: 25px !important;
    }
     .h-md-25px {
         height: 25px !important;
    }
     .min-w-md-25px {
         min-width: 25px !important;
    }
     .min-h-md-25px {
         min-height: 25px !important;
    }
     .max-h-md-25px {
         max-height: 25px !important;
    }
     .max-w-md-25px {
         max-width: 25px !important;
    }
     .w-md-30px {
         width: 30px !important;
    }
     .h-md-30px {
         height: 30px !important;
    }
     .min-w-md-30px {
         min-width: 30px !important;
    }
     .min-h-md-30px {
         min-height: 30px !important;
    }
     .max-h-md-30px {
         max-height: 30px !important;
    }
     .max-w-md-30px {
         max-width: 30px !important;
    }
     .w-md-35px {
         width: 35px !important;
    }
     .h-md-35px {
         height: 35px !important;
    }
     .min-w-md-35px {
         min-width: 35px !important;
    }
     .min-h-md-35px {
         min-height: 35px !important;
    }
     .max-h-md-35px {
         max-height: 35px !important;
    }
     .max-w-md-35px {
         max-width: 35px !important;
    }
     .w-md-40px {
         width: 40px !important;
    }
     .h-md-40px {
         height: 40px !important;
    }
     .min-w-md-40px {
         min-width: 40px !important;
    }
     .min-h-md-40px {
         min-height: 40px !important;
    }
     .max-h-md-40px {
         max-height: 40px !important;
    }
     .max-w-md-40px {
         max-width: 40px !important;
    }
     .w-md-45px {
         width: 45px !important;
    }
     .h-md-45px {
         height: 45px !important;
    }
     .min-w-md-45px {
         min-width: 45px !important;
    }
     .min-h-md-45px {
         min-height: 45px !important;
    }
     .max-h-md-45px {
         max-height: 45px !important;
    }
     .max-w-md-45px {
         max-width: 45px !important;
    }
     .w-md-50px {
         width: 50px !important;
    }
     .h-md-50px {
         height: 50px !important;
    }
     .min-w-md-50px {
         min-width: 50px !important;
    }
     .min-h-md-50px {
         min-height: 50px !important;
    }
     .max-h-md-50px {
         max-height: 50px !important;
    }
     .max-w-md-50px {
         max-width: 50px !important;
    }
     .w-md-55px {
         width: 55px !important;
    }
     .h-md-55px {
         height: 55px !important;
    }
     .min-w-md-55px {
         min-width: 55px !important;
    }
     .min-h-md-55px {
         min-height: 55px !important;
    }
     .max-h-md-55px {
         max-height: 55px !important;
    }
     .max-w-md-55px {
         max-width: 55px !important;
    }
     .w-md-60px {
         width: 60px !important;
    }
     .h-md-60px {
         height: 60px !important;
    }
     .min-w-md-60px {
         min-width: 60px !important;
    }
     .min-h-md-60px {
         min-height: 60px !important;
    }
     .max-h-md-60px {
         max-height: 60px !important;
    }
     .max-w-md-60px {
         max-width: 60px !important;
    }
     .w-md-65px {
         width: 65px !important;
    }
     .h-md-65px {
         height: 65px !important;
    }
     .min-w-md-65px {
         min-width: 65px !important;
    }
     .min-h-md-65px {
         min-height: 65px !important;
    }
     .max-h-md-65px {
         max-height: 65px !important;
    }
     .max-w-md-65px {
         max-width: 65px !important;
    }
     .w-md-70px {
         width: 70px !important;
    }
     .h-md-70px {
         height: 70px !important;
    }
     .min-w-md-70px {
         min-width: 70px !important;
    }
     .min-h-md-70px {
         min-height: 70px !important;
    }
     .max-h-md-70px {
         max-height: 70px !important;
    }
     .max-w-md-70px {
         max-width: 70px !important;
    }
     .w-md-75px {
         width: 75px !important;
    }
     .h-md-75px {
         height: 75px !important;
    }
     .min-w-md-75px {
         min-width: 75px !important;
    }
     .min-h-md-75px {
         min-height: 75px !important;
    }
     .max-h-md-75px {
         max-height: 75px !important;
    }
     .max-w-md-75px {
         max-width: 75px !important;
    }
     .w-md-80px {
         width: 80px !important;
    }
     .h-md-80px {
         height: 80px !important;
    }
     .min-w-md-80px {
         min-width: 80px !important;
    }
     .min-h-md-80px {
         min-height: 80px !important;
    }
     .max-h-md-80px {
         max-height: 80px !important;
    }
     .max-w-md-80px {
         max-width: 80px !important;
    }
     .w-md-85px {
         width: 85px !important;
    }
     .h-md-85px {
         height: 85px !important;
    }
     .min-w-md-85px {
         min-width: 85px !important;
    }
     .min-h-md-85px {
         min-height: 85px !important;
    }
     .max-h-md-85px {
         max-height: 85px !important;
    }
     .max-w-md-85px {
         max-width: 85px !important;
    }
     .w-md-90px {
         width: 90px !important;
    }
     .h-md-90px {
         height: 90px !important;
    }
     .min-w-md-90px {
         min-width: 90px !important;
    }
     .min-h-md-90px {
         min-height: 90px !important;
    }
     .max-h-md-90px {
         max-height: 90px !important;
    }
     .max-w-md-90px {
         max-width: 90px !important;
    }
     .w-md-95px {
         width: 95px !important;
    }
     .h-md-95px {
         height: 95px !important;
    }
     .min-w-md-95px {
         min-width: 95px !important;
    }
     .min-h-md-95px {
         min-height: 95px !important;
    }
     .max-h-md-95px {
         max-height: 95px !important;
    }
     .max-w-md-95px {
         max-width: 95px !important;
    }
     .w-md-100px {
         width: 100px !important;
    }
     .h-md-100px {
         height: 100px !important;
    }
     .min-w-md-100px {
         min-width: 100px !important;
    }
     .min-h-md-100px {
         min-height: 100px !important;
    }
     .max-h-md-100px {
         max-height: 100px !important;
    }
     .max-w-md-100px {
         max-width: 100px !important;
    }
     .w-md-105px {
         width: 105px !important;
    }
     .h-md-105px {
         height: 105px !important;
    }
     .min-w-md-105px {
         min-width: 105px !important;
    }
     .min-h-md-105px {
         min-height: 105px !important;
    }
     .max-h-md-105px {
         max-height: 105px !important;
    }
     .max-w-md-105px {
         max-width: 105px !important;
    }
     .w-md-110px {
         width: 110px !important;
    }
     .h-md-110px {
         height: 110px !important;
    }
     .min-w-md-110px {
         min-width: 110px !important;
    }
     .min-h-md-110px {
         min-height: 110px !important;
    }
     .max-h-md-110px {
         max-height: 110px !important;
    }
     .max-w-md-110px {
         max-width: 110px !important;
    }
     .w-md-115px {
         width: 115px !important;
    }
     .h-md-115px {
         height: 115px !important;
    }
     .min-w-md-115px {
         min-width: 115px !important;
    }
     .min-h-md-115px {
         min-height: 115px !important;
    }
     .max-h-md-115px {
         max-height: 115px !important;
    }
     .max-w-md-115px {
         max-width: 115px !important;
    }
     .w-md-120px {
         width: 120px !important;
    }
     .h-md-120px {
         height: 120px !important;
    }
     .min-w-md-120px {
         min-width: 120px !important;
    }
     .min-h-md-120px {
         min-height: 120px !important;
    }
     .max-h-md-120px {
         max-height: 120px !important;
    }
     .max-w-md-120px {
         max-width: 120px !important;
    }
     .w-md-125px {
         width: 125px !important;
    }
     .h-md-125px {
         height: 125px !important;
    }
     .min-w-md-125px {
         min-width: 125px !important;
    }
     .min-h-md-125px {
         min-height: 125px !important;
    }
     .max-h-md-125px {
         max-height: 125px !important;
    }
     .max-w-md-125px {
         max-width: 125px !important;
    }
     .w-md-130px {
         width: 130px !important;
    }
     .h-md-130px {
         height: 130px !important;
    }
     .min-w-md-130px {
         min-width: 130px !important;
    }
     .min-h-md-130px {
         min-height: 130px !important;
    }
     .max-h-md-130px {
         max-height: 130px !important;
    }
     .max-w-md-130px {
         max-width: 130px !important;
    }
     .w-md-135px {
         width: 135px !important;
    }
     .h-md-135px {
         height: 135px !important;
    }
     .min-w-md-135px {
         min-width: 135px !important;
    }
     .min-h-md-135px {
         min-height: 135px !important;
    }
     .max-h-md-135px {
         max-height: 135px !important;
    }
     .max-w-md-135px {
         max-width: 135px !important;
    }
     .w-md-140px {
         width: 140px !important;
    }
     .h-md-140px {
         height: 140px !important;
    }
     .min-w-md-140px {
         min-width: 140px !important;
    }
     .min-h-md-140px {
         min-height: 140px !important;
    }
     .max-h-md-140px {
         max-height: 140px !important;
    }
     .max-w-md-140px {
         max-width: 140px !important;
    }
     .w-md-145px {
         width: 145px !important;
    }
     .h-md-145px {
         height: 145px !important;
    }
     .min-w-md-145px {
         min-width: 145px !important;
    }
     .min-h-md-145px {
         min-height: 145px !important;
    }
     .max-h-md-145px {
         max-height: 145px !important;
    }
     .max-w-md-145px {
         max-width: 145px !important;
    }
     .w-md-150px {
         width: 150px !important;
    }
     .h-md-150px {
         height: 150px !important;
    }
     .min-w-md-150px {
         min-width: 150px !important;
    }
     .min-h-md-150px {
         min-height: 150px !important;
    }
     .max-h-md-150px {
         max-height: 150px !important;
    }
     .max-w-md-150px {
         max-width: 150px !important;
    }
     .w-md-175px {
         width: 175px !important;
    }
     .h-md-175px {
         height: 175px !important;
    }
     .min-w-md-175px {
         min-width: 175px !important;
    }
     .min-h-md-175px {
         min-height: 175px !important;
    }
     .max-h-md-175px {
         max-height: 175px !important;
    }
     .max-w-md-175px {
         max-width: 175px !important;
    }
     .w-md-180px {
         width: 180px !important;
    }
     .h-md-180px {
         height: 180px !important;
    }
     .min-w-md-180px {
         min-width: 180px !important;
    }
     .min-h-md-180px {
         min-height: 180px !important;
    }
     .max-h-md-180px {
         max-height: 180px !important;
    }
     .max-w-md-180px {
         max-width: 180px !important;
    }
     .w-md-200px {
         width: 200px !important;
    }
     .h-md-200px {
         height: 200px !important;
    }
     .min-w-md-200px {
         min-width: 200px !important;
    }
     .min-h-md-200px {
         min-height: 200px !important;
    }
     .max-h-md-200px {
         max-height: 200px !important;
    }
     .max-w-md-200px {
         max-width: 200px !important;
    }
     .w-md-225px {
         width: 225px !important;
    }
     .h-md-225px {
         height: 225px !important;
    }
     .min-w-md-225px {
         min-width: 225px !important;
    }
     .min-h-md-225px {
         min-height: 225px !important;
    }
     .max-h-md-225px {
         max-height: 225px !important;
    }
     .max-w-md-225px {
         max-width: 225px !important;
    }
     .w-md-250px {
         width: 250px !important;
    }
     .h-md-250px {
         height: 250px !important;
    }
     .min-w-md-250px {
         min-width: 250px !important;
    }
     .min-h-md-250px {
         min-height: 250px !important;
    }
     .max-h-md-250px {
         max-height: 250px !important;
    }
     .max-w-md-250px {
         max-width: 250px !important;
    }
     .w-md-255px {
         width: 255px !important;
    }
     .h-md-255px {
         height: 255px !important;
    }
     .min-w-md-255px {
         min-width: 255px !important;
    }
     .min-h-md-255px {
         min-height: 255px !important;
    }
     .max-h-md-255px {
         max-height: 255px !important;
    }
     .max-w-md-255px {
         max-width: 255px !important;
    }
     .w-md-260px {
         width: 260px !important;
    }
     .h-md-260px {
         height: 260px !important;
    }
     .min-w-md-260px {
         min-width: 260px !important;
    }
     .min-h-md-260px {
         min-height: 260px !important;
    }
     .max-h-md-260px {
         max-height: 260px !important;
    }
     .max-w-md-260px {
         max-width: 260px !important;
    }
     .w-md-265px {
         width: 265px !important;
    }
     .h-md-265px {
         height: 265px !important;
    }
     .min-w-md-265px {
         min-width: 265px !important;
    }
     .min-h-md-265px {
         min-height: 265px !important;
    }
     .max-h-md-265px {
         max-height: 265px !important;
    }
     .max-w-md-265px {
         max-width: 265px !important;
    }
     .w-md-275px {
         width: 275px !important;
    }
     .h-md-275px {
         height: 275px !important;
    }
     .min-w-md-275px {
         min-width: 275px !important;
    }
     .min-h-md-275px {
         min-height: 275px !important;
    }
     .max-h-md-275px {
         max-height: 275px !important;
    }
     .max-w-md-275px {
         max-width: 275px !important;
    }
     .w-md-295px {
         width: 295px !important;
    }
     .h-md-295px {
         height: 295px !important;
    }
     .min-w-md-295px {
         min-width: 295px !important;
    }
     .min-h-md-295px {
         min-height: 295px !important;
    }
     .max-h-md-295px {
         max-height: 295px !important;
    }
     .max-w-md-295px {
         max-width: 295px !important;
    }
     .w-md-300px {
         width: 300px !important;
    }
     .h-md-300px {
         height: 300px !important;
    }
     .min-w-md-300px {
         min-width: 300px !important;
    }
     .min-h-md-300px {
         min-height: 300px !important;
    }
     .max-h-md-300px {
         max-height: 300px !important;
    }
     .max-w-md-300px {
         max-width: 300px !important;
    }
     .w-md-325px {
         width: 325px !important;
    }
     .h-md-325px {
         height: 325px !important;
    }
     .min-w-md-325px {
         min-width: 325px !important;
    }
     .min-h-md-325px {
         min-height: 325px !important;
    }
     .max-h-md-325px {
         max-height: 325px !important;
    }
     .max-w-md-325px {
         max-width: 325px !important;
    }
     .w-md-350px {
         width: 350px !important;
    }
     .h-md-350px {
         height: 350px !important;
    }
     .min-w-md-350px {
         min-width: 350px !important;
    }
     .min-h-md-350px {
         min-height: 350px !important;
    }
     .max-h-md-350px {
         max-height: 350px !important;
    }
     .max-w-md-350px {
         max-width: 350px !important;
    }
     .w-md-375px {
         width: 375px !important;
    }
     .h-md-375px {
         height: 375px !important;
    }
     .min-w-md-375px {
         min-width: 375px !important;
    }
     .min-h-md-375px {
         min-height: 375px !important;
    }
     .max-h-md-375px {
         max-height: 375px !important;
    }
     .max-w-md-375px {
         max-width: 375px !important;
    }
     .w-md-400px {
         width: 400px !important;
    }
     .h-md-400px {
         height: 400px !important;
    }
     .min-w-md-400px {
         min-width: 400px !important;
    }
     .min-h-md-400px {
         min-height: 400px !important;
    }
     .max-h-md-400px {
         max-height: 400px !important;
    }
     .max-w-md-400px {
         max-width: 400px !important;
    }
     .w-md-425px {
         width: 425px !important;
    }
     .h-md-425px {
         height: 425px !important;
    }
     .min-w-md-425px {
         min-width: 425px !important;
    }
     .min-h-md-425px {
         min-height: 425px !important;
    }
     .max-h-md-425px {
         max-height: 425px !important;
    }
     .max-w-md-425px {
         max-width: 425px !important;
    }
     .w-md-450px {
         width: 450px !important;
    }
     .h-md-450px {
         height: 450px !important;
    }
     .min-w-md-450px {
         min-width: 450px !important;
    }
     .min-h-md-450px {
         min-height: 450px !important;
    }
     .max-h-md-450px {
         max-height: 450px !important;
    }
     .max-w-md-450px {
         max-width: 450px !important;
    }
     .w-md-475px {
         width: 475px !important;
    }
     .h-md-475px {
         height: 475px !important;
    }
     .min-w-md-475px {
         min-width: 475px !important;
    }
     .min-h-md-475px {
         min-height: 475px !important;
    }
     .max-h-md-475px {
         max-height: 475px !important;
    }
     .max-w-md-475px {
         max-width: 475px !important;
    }
     .w-md-500px {
         width: 500px !important;
    }
     .h-md-500px {
         height: 500px !important;
    }
     .min-w-md-500px {
         min-width: 500px !important;
    }
     .min-h-md-500px {
         min-height: 500px !important;
    }
     .max-h-md-500px {
         max-height: 500px !important;
    }
     .max-w-md-500px {
         max-width: 500px !important;
    }
     .w-md-550px {
         width: 550px !important;
    }
     .h-md-550px {
         height: 550px !important;
    }
     .min-w-md-550px {
         min-width: 550px !important;
    }
     .min-h-md-550px {
         min-height: 550px !important;
    }
     .max-h-md-550px {
         max-height: 550px !important;
    }
     .max-w-md-550px {
         max-width: 550px !important;
    }
     .w-md-600px {
         width: 600px !important;
    }
     .h-md-600px {
         height: 600px !important;
    }
     .min-w-md-600px {
         min-width: 600px !important;
    }
     .min-h-md-600px {
         min-height: 600px !important;
    }
     .max-h-md-600px {
         max-height: 600px !important;
    }
     .max-w-md-600px {
         max-width: 600px !important;
    }
     .w-md-650px {
         width: 650px !important;
    }
     .h-md-650px {
         height: 650px !important;
    }
     .min-w-md-650px {
         min-width: 650px !important;
    }
     .min-h-md-650px {
         min-height: 650px !important;
    }
     .max-h-md-650px {
         max-height: 650px !important;
    }
     .max-w-md-650px {
         max-width: 650px !important;
    }
     .w-md-700px {
         width: 700px !important;
    }
     .h-md-700px {
         height: 700px !important;
    }
     .min-w-md-700px {
         min-width: 700px !important;
    }
     .min-h-md-700px {
         min-height: 700px !important;
    }
     .max-h-md-700px {
         max-height: 700px !important;
    }
     .max-w-md-700px {
         max-width: 700px !important;
    }
     .w-md-750px {
         width: 750px !important;
    }
     .h-md-750px {
         height: 750px !important;
    }
     .min-w-md-750px {
         min-width: 750px !important;
    }
     .min-h-md-750px {
         min-height: 750px !important;
    }
     .max-h-md-750px {
         max-height: 750px !important;
    }
     .max-w-md-750px {
         max-width: 750px !important;
    }
     .w-md-800px {
         width: 800px !important;
    }
     .h-md-800px {
         height: 800px !important;
    }
     .min-w-md-800px {
         min-width: 800px !important;
    }
     .min-h-md-800px {
         min-height: 800px !important;
    }
     .max-h-md-800px {
         max-height: 800px !important;
    }
     .max-w-md-800px {
         max-width: 800px !important;
    }
     .w-md-850px {
         width: 850px !important;
    }
     .h-md-850px {
         height: 850px !important;
    }
     .min-w-md-850px {
         min-width: 850px !important;
    }
     .min-h-md-850px {
         min-height: 850px !important;
    }
     .max-h-md-850px {
         max-height: 850px !important;
    }
     .max-w-md-850px {
         max-width: 850px !important;
    }
     .w-md-900px {
         width: 900px !important;
    }
     .h-md-900px {
         height: 900px !important;
    }
     .min-w-md-900px {
         min-width: 900px !important;
    }
     .min-h-md-900px {
         min-height: 900px !important;
    }
     .max-h-md-900px {
         max-height: 900px !important;
    }
     .max-w-md-900px {
         max-width: 900px !important;
    }
     .w-md-950px {
         width: 950px !important;
    }
     .h-md-950px {
         height: 950px !important;
    }
     .min-w-md-950px {
         min-width: 950px !important;
    }
     .min-h-md-950px {
         min-height: 950px !important;
    }
     .max-h-md-950px {
         max-height: 950px !important;
    }
     .max-w-md-950px {
         max-width: 950px !important;
    }
     .w-md-1000px {
         width: 1000px !important;
    }
     .h-md-1000px {
         height: 1000px !important;
    }
     .min-w-md-1000px {
         min-width: 1000px !important;
    }
     .min-h-md-1000px {
         min-height: 1000px !important;
    }
     .max-h-md-1000px {
         max-height: 1000px !important;
    }
     .max-w-md-1000px {
         max-width: 1000px !important;
    }
}
 @media (min-width: 992px) {
     .w-lg-100 {
         width: 100% !important;
    }
     .h-lg-100 {
         height: 100% !important;
    }
     .min-w-lg-100 {
         min-width: 100% !important;
    }
     .min-h-lg-100 {
         min-height: 100% !important;
    }
     .max-h-lg-100 {
         max-height: 100% !important;
    }
     .max-w-lg-100 {
         max-width: 100% !important;
    }
     .w-lg-50 {
         width: 50% !important;
    }
     .h-lg-50 {
         height: 50% !important;
    }
     .min-w-lg-50 {
         min-width: 50% !important;
    }
     .min-h-lg-50 {
         min-height: 50% !important;
    }
     .max-h-lg-50 {
         max-height: 50% !important;
    }
     .max-w-lg-50 {
         max-width: 50% !important;
    }
     .w-lg-auto {
         width: auto !important;
    }
     .h-lg-auto {
         height: auto !important;
    }
     .min-w-lg-auto {
         min-width: auto !important;
    }
     .min-h-lg-auto {
         min-height: auto !important;
    }
     .max-h-lg-auto {
         max-height: auto !important;
    }
     .max-w-lg-auto {
         max-width: auto !important;
    }
     .w-lg-1px {
         width: 1px !important;
    }
     .h-lg-1px {
         height: 1px !important;
    }
     .min-w-lg-1px {
         min-width: 1px !important;
    }
     .min-h-lg-1px {
         min-height: 1px !important;
    }
     .max-h-lg-1px {
         max-height: 1px !important;
    }
     .max-w-lg-1px {
         max-width: 1px !important;
    }
     .w-lg-2px {
         width: 2px !important;
    }
     .h-lg-2px {
         height: 2px !important;
    }
     .min-w-lg-2px {
         min-width: 2px !important;
    }
     .min-h-lg-2px {
         min-height: 2px !important;
    }
     .max-h-lg-2px {
         max-height: 2px !important;
    }
     .max-w-lg-2px {
         max-width: 2px !important;
    }
     .w-lg-3px {
         width: 3px !important;
    }
     .h-lg-3px {
         height: 3px !important;
    }
     .min-w-lg-3px {
         min-width: 3px !important;
    }
     .min-h-lg-3px {
         min-height: 3px !important;
    }
     .max-h-lg-3px {
         max-height: 3px !important;
    }
     .max-w-lg-3px {
         max-width: 3px !important;
    }
     .w-lg-4px {
         width: 4px !important;
    }
     .h-lg-4px {
         height: 4px !important;
    }
     .min-w-lg-4px {
         min-width: 4px !important;
    }
     .min-h-lg-4px {
         min-height: 4px !important;
    }
     .max-h-lg-4px {
         max-height: 4px !important;
    }
     .max-w-lg-4px {
         max-width: 4px !important;
    }
     .w-lg-5px {
         width: 5px !important;
    }
     .h-lg-5px {
         height: 5px !important;
    }
     .min-w-lg-5px {
         min-width: 5px !important;
    }
     .min-h-lg-5px {
         min-height: 5px !important;
    }
     .max-h-lg-5px {
         max-height: 5px !important;
    }
     .max-w-lg-5px {
         max-width: 5px !important;
    }
     .w-lg-10px {
         width: 10px !important;
    }
     .h-lg-10px {
         height: 10px !important;
    }
     .min-w-lg-10px {
         min-width: 10px !important;
    }
     .min-h-lg-10px {
         min-height: 10px !important;
    }
     .max-h-lg-10px {
         max-height: 10px !important;
    }
     .max-w-lg-10px {
         max-width: 10px !important;
    }
     .w-lg-15px {
         width: 15px !important;
    }
     .h-lg-15px {
         height: 15px !important;
    }
     .min-w-lg-15px {
         min-width: 15px !important;
    }
     .min-h-lg-15px {
         min-height: 15px !important;
    }
     .max-h-lg-15px {
         max-height: 15px !important;
    }
     .max-w-lg-15px {
         max-width: 15px !important;
    }
     .w-lg-20px {
         width: 20px !important;
    }
     .h-lg-20px {
         height: 20px !important;
    }
     .min-w-lg-20px {
         min-width: 20px !important;
    }
     .min-h-lg-20px {
         min-height: 20px !important;
    }
     .max-h-lg-20px {
         max-height: 20px !important;
    }
     .max-w-lg-20px {
         max-width: 20px !important;
    }
     .w-lg-25px {
         width: 25px !important;
    }
     .h-lg-25px {
         height: 25px !important;
    }
     .min-w-lg-25px {
         min-width: 25px !important;
    }
     .min-h-lg-25px {
         min-height: 25px !important;
    }
     .max-h-lg-25px {
         max-height: 25px !important;
    }
     .max-w-lg-25px {
         max-width: 25px !important;
    }
     .w-lg-30px {
         width: 30px !important;
    }
     .h-lg-30px {
         height: 30px !important;
    }
     .min-w-lg-30px {
         min-width: 30px !important;
    }
     .min-h-lg-30px {
         min-height: 30px !important;
    }
     .max-h-lg-30px {
         max-height: 30px !important;
    }
     .max-w-lg-30px {
         max-width: 30px !important;
    }
     .w-lg-35px {
         width: 35px !important;
    }
     .h-lg-35px {
         height: 35px !important;
    }
     .min-w-lg-35px {
         min-width: 35px !important;
    }
     .min-h-lg-35px {
         min-height: 35px !important;
    }
     .max-h-lg-35px {
         max-height: 35px !important;
    }
     .max-w-lg-35px {
         max-width: 35px !important;
    }
     .w-lg-40px {
         width: 40px !important;
    }
     .h-lg-40px {
         height: 40px !important;
    }
     .min-w-lg-40px {
         min-width: 40px !important;
    }
     .min-h-lg-40px {
         min-height: 40px !important;
    }
     .max-h-lg-40px {
         max-height: 40px !important;
    }
     .max-w-lg-40px {
         max-width: 40px !important;
    }
     .w-lg-45px {
         width: 45px !important;
    }
     .h-lg-45px {
         height: 45px !important;
    }
     .min-w-lg-45px {
         min-width: 45px !important;
    }
     .min-h-lg-45px {
         min-height: 45px !important;
    }
     .max-h-lg-45px {
         max-height: 45px !important;
    }
     .max-w-lg-45px {
         max-width: 45px !important;
    }
     .w-lg-50px {
         width: 50px !important;
    }
     .h-lg-50px {
         height: 50px !important;
    }
     .min-w-lg-50px {
         min-width: 50px !important;
    }
     .min-h-lg-50px {
         min-height: 50px !important;
    }
     .max-h-lg-50px {
         max-height: 50px !important;
    }
     .max-w-lg-50px {
         max-width: 50px !important;
    }
     .w-lg-55px {
         width: 55px !important;
    }
     .h-lg-55px {
         height: 55px !important;
    }
     .min-w-lg-55px {
         min-width: 55px !important;
    }
     .min-h-lg-55px {
         min-height: 55px !important;
    }
     .max-h-lg-55px {
         max-height: 55px !important;
    }
     .max-w-lg-55px {
         max-width: 55px !important;
    }
     .w-lg-60px {
         width: 60px !important;
    }
     .h-lg-60px {
         height: 60px !important;
    }
     .min-w-lg-60px {
         min-width: 60px !important;
    }
     .min-h-lg-60px {
         min-height: 60px !important;
    }
     .max-h-lg-60px {
         max-height: 60px !important;
    }
     .max-w-lg-60px {
         max-width: 60px !important;
    }
     .w-lg-65px {
         width: 65px !important;
    }
     .h-lg-65px {
         height: 65px !important;
    }
     .min-w-lg-65px {
         min-width: 65px !important;
    }
     .min-h-lg-65px {
         min-height: 65px !important;
    }
     .max-h-lg-65px {
         max-height: 65px !important;
    }
     .max-w-lg-65px {
         max-width: 65px !important;
    }
     .w-lg-70px {
         width: 70px !important;
    }
     .h-lg-70px {
         height: 70px !important;
    }
     .min-w-lg-70px {
         min-width: 70px !important;
    }
     .min-h-lg-70px {
         min-height: 70px !important;
    }
     .max-h-lg-70px {
         max-height: 70px !important;
    }
     .max-w-lg-70px {
         max-width: 70px !important;
    }
     .w-lg-75px {
         width: 75px !important;
    }
     .h-lg-75px {
         height: 75px !important;
    }
     .min-w-lg-75px {
         min-width: 75px !important;
    }
     .min-h-lg-75px {
         min-height: 75px !important;
    }
     .max-h-lg-75px {
         max-height: 75px !important;
    }
     .max-w-lg-75px {
         max-width: 75px !important;
    }
     .w-lg-80px {
         width: 80px !important;
    }
     .h-lg-80px {
         height: 80px !important;
    }
     .min-w-lg-80px {
         min-width: 80px !important;
    }
     .min-h-lg-80px {
         min-height: 80px !important;
    }
     .max-h-lg-80px {
         max-height: 80px !important;
    }
     .max-w-lg-80px {
         max-width: 80px !important;
    }
     .w-lg-85px {
         width: 85px !important;
    }
     .h-lg-85px {
         height: 85px !important;
    }
     .min-w-lg-85px {
         min-width: 85px !important;
    }
     .min-h-lg-85px {
         min-height: 85px !important;
    }
     .max-h-lg-85px {
         max-height: 85px !important;
    }
     .max-w-lg-85px {
         max-width: 85px !important;
    }
     .w-lg-90px {
         width: 90px !important;
    }
     .h-lg-90px {
         height: 90px !important;
    }
     .min-w-lg-90px {
         min-width: 90px !important;
    }
     .min-h-lg-90px {
         min-height: 90px !important;
    }
     .max-h-lg-90px {
         max-height: 90px !important;
    }
     .max-w-lg-90px {
         max-width: 90px !important;
    }
     .w-lg-95px {
         width: 95px !important;
    }
     .h-lg-95px {
         height: 95px !important;
    }
     .min-w-lg-95px {
         min-width: 95px !important;
    }
     .min-h-lg-95px {
         min-height: 95px !important;
    }
     .max-h-lg-95px {
         max-height: 95px !important;
    }
     .max-w-lg-95px {
         max-width: 95px !important;
    }
     .w-lg-100px {
         width: 100px !important;
    }
     .h-lg-100px {
         height: 100px !important;
    }
     .min-w-lg-100px {
         min-width: 100px !important;
    }
     .min-h-lg-100px {
         min-height: 100px !important;
    }
     .max-h-lg-100px {
         max-height: 100px !important;
    }
     .max-w-lg-100px {
         max-width: 100px !important;
    }
     .w-lg-105px {
         width: 105px !important;
    }
     .h-lg-105px {
         height: 105px !important;
    }
     .min-w-lg-105px {
         min-width: 105px !important;
    }
     .min-h-lg-105px {
         min-height: 105px !important;
    }
     .max-h-lg-105px {
         max-height: 105px !important;
    }
     .max-w-lg-105px {
         max-width: 105px !important;
    }
     .w-lg-110px {
         width: 110px !important;
    }
     .h-lg-110px {
         height: 110px !important;
    }
     .min-w-lg-110px {
         min-width: 110px !important;
    }
     .min-h-lg-110px {
         min-height: 110px !important;
    }
     .max-h-lg-110px {
         max-height: 110px !important;
    }
     .max-w-lg-110px {
         max-width: 110px !important;
    }
     .w-lg-115px {
         width: 115px !important;
    }
     .h-lg-115px {
         height: 115px !important;
    }
     .min-w-lg-115px {
         min-width: 115px !important;
    }
     .min-h-lg-115px {
         min-height: 115px !important;
    }
     .max-h-lg-115px {
         max-height: 115px !important;
    }
     .max-w-lg-115px {
         max-width: 115px !important;
    }
     .w-lg-120px {
         width: 120px !important;
    }
     .h-lg-120px {
         height: 120px !important;
    }
     .min-w-lg-120px {
         min-width: 120px !important;
    }
     .min-h-lg-120px {
         min-height: 120px !important;
    }
     .max-h-lg-120px {
         max-height: 120px !important;
    }
     .max-w-lg-120px {
         max-width: 120px !important;
    }
     .w-lg-125px {
         width: 125px !important;
    }
     .h-lg-125px {
         height: 125px !important;
    }
     .min-w-lg-125px {
         min-width: 125px !important;
    }
     .min-h-lg-125px {
         min-height: 125px !important;
    }
     .max-h-lg-125px {
         max-height: 125px !important;
    }
     .max-w-lg-125px {
         max-width: 125px !important;
    }
     .w-lg-130px {
         width: 130px !important;
    }
     .h-lg-130px {
         height: 130px !important;
    }
     .min-w-lg-130px {
         min-width: 130px !important;
    }
     .min-h-lg-130px {
         min-height: 130px !important;
    }
     .max-h-lg-130px {
         max-height: 130px !important;
    }
     .max-w-lg-130px {
         max-width: 130px !important;
    }
     .w-lg-135px {
         width: 135px !important;
    }
     .h-lg-135px {
         height: 135px !important;
    }
     .min-w-lg-135px {
         min-width: 135px !important;
    }
     .min-h-lg-135px {
         min-height: 135px !important;
    }
     .max-h-lg-135px {
         max-height: 135px !important;
    }
     .max-w-lg-135px {
         max-width: 135px !important;
    }
     .w-lg-140px {
         width: 140px !important;
    }
     .h-lg-140px {
         height: 140px !important;
    }
     .min-w-lg-140px {
         min-width: 140px !important;
    }
     .min-h-lg-140px {
         min-height: 140px !important;
    }
     .max-h-lg-140px {
         max-height: 140px !important;
    }
     .max-w-lg-140px {
         max-width: 140px !important;
    }
     .w-lg-145px {
         width: 145px !important;
    }
     .h-lg-145px {
         height: 145px !important;
    }
     .min-w-lg-145px {
         min-width: 145px !important;
    }
     .min-h-lg-145px {
         min-height: 145px !important;
    }
     .max-h-lg-145px {
         max-height: 145px !important;
    }
     .max-w-lg-145px {
         max-width: 145px !important;
    }
     .w-lg-150px {
         width: 150px !important;
    }
     .h-lg-150px {
         height: 150px !important;
    }
     .min-w-lg-150px {
         min-width: 150px !important;
    }
     .min-h-lg-150px {
         min-height: 150px !important;
    }
     .max-h-lg-150px {
         max-height: 150px !important;
    }
     .max-w-lg-150px {
         max-width: 150px !important;
    }
     .w-lg-175px {
         width: 175px !important;
    }
     .h-lg-175px {
         height: 175px !important;
    }
     .min-w-lg-175px {
         min-width: 175px !important;
    }
     .min-h-lg-175px {
         min-height: 175px !important;
    }
     .max-h-lg-175px {
         max-height: 175px !important;
    }
     .max-w-lg-175px {
         max-width: 175px !important;
    }
     .w-lg-180px {
         width: 180px !important;
    }
     .h-lg-180px {
         height: 180px !important;
    }
     .min-w-lg-180px {
         min-width: 180px !important;
    }
     .min-h-lg-180px {
         min-height: 180px !important;
    }
     .max-h-lg-180px {
         max-height: 180px !important;
    }
     .max-w-lg-180px {
         max-width: 180px !important;
    }
     .w-lg-200px {
         width: 200px !important;
    }
     .h-lg-200px {
         height: 200px !important;
    }
     .min-w-lg-200px {
         min-width: 200px !important;
    }
     .min-h-lg-200px {
         min-height: 200px !important;
    }
     .max-h-lg-200px {
         max-height: 200px !important;
    }
     .max-w-lg-200px {
         max-width: 200px !important;
    }
     .w-lg-225px {
         width: 225px !important;
    }
     .h-lg-225px {
         height: 225px !important;
    }
     .min-w-lg-225px {
         min-width: 225px !important;
    }
     .min-h-lg-225px {
         min-height: 225px !important;
    }
     .max-h-lg-225px {
         max-height: 225px !important;
    }
     .max-w-lg-225px {
         max-width: 225px !important;
    }
     .w-lg-250px {
         width: 250px !important;
    }
     .h-lg-250px {
         height: 250px !important;
    }
     .min-w-lg-250px {
         min-width: 250px !important;
    }
     .min-h-lg-250px {
         min-height: 250px !important;
    }
     .max-h-lg-250px {
         max-height: 250px !important;
    }
     .max-w-lg-250px {
         max-width: 250px !important;
    }
     .w-lg-255px {
         width: 255px !important;
    }
     .h-lg-255px {
         height: 255px !important;
    }
     .min-w-lg-255px {
         min-width: 255px !important;
    }
     .min-h-lg-255px {
         min-height: 255px !important;
    }
     .max-h-lg-255px {
         max-height: 255px !important;
    }
     .max-w-lg-255px {
         max-width: 255px !important;
    }
     .w-lg-260px {
         width: 260px !important;
    }
     .h-lg-260px {
         height: 260px !important;
    }
     .min-w-lg-260px {
         min-width: 260px !important;
    }
     .min-h-lg-260px {
         min-height: 260px !important;
    }
     .max-h-lg-260px {
         max-height: 260px !important;
    }
     .max-w-lg-260px {
         max-width: 260px !important;
    }
     .w-lg-265px {
         width: 265px !important;
    }
     .h-lg-265px {
         height: 265px !important;
    }
     .min-w-lg-265px {
         min-width: 265px !important;
    }
     .min-h-lg-265px {
         min-height: 265px !important;
    }
     .max-h-lg-265px {
         max-height: 265px !important;
    }
     .max-w-lg-265px {
         max-width: 265px !important;
    }
     .w-lg-275px {
         width: 275px !important;
    }
     .h-lg-275px {
         height: 275px !important;
    }
     .min-w-lg-275px {
         min-width: 275px !important;
    }
     .min-h-lg-275px {
         min-height: 275px !important;
    }
     .max-h-lg-275px {
         max-height: 275px !important;
    }
     .max-w-lg-275px {
         max-width: 275px !important;
    }
     .w-lg-295px {
         width: 295px !important;
    }
     .h-lg-295px {
         height: 295px !important;
    }
     .min-w-lg-295px {
         min-width: 295px !important;
    }
     .min-h-lg-295px {
         min-height: 295px !important;
    }
     .max-h-lg-295px {
         max-height: 295px !important;
    }
     .max-w-lg-295px {
         max-width: 295px !important;
    }
     .w-lg-300px {
         width: 300px !important;
    }
     .h-lg-300px {
         height: 300px !important;
    }
     .min-w-lg-300px {
         min-width: 300px !important;
    }
     .min-h-lg-300px {
         min-height: 300px !important;
    }
     .max-h-lg-300px {
         max-height: 300px !important;
    }
     .max-w-lg-300px {
         max-width: 300px !important;
    }
     .w-lg-325px {
         width: 325px !important;
    }
     .h-lg-325px {
         height: 325px !important;
    }
     .min-w-lg-325px {
         min-width: 325px !important;
    }
     .min-h-lg-325px {
         min-height: 325px !important;
    }
     .max-h-lg-325px {
         max-height: 325px !important;
    }
     .max-w-lg-325px {
         max-width: 325px !important;
    }
     .w-lg-350px {
         width: 350px !important;
    }
     .h-lg-350px {
         height: 350px !important;
    }
     .min-w-lg-350px {
         min-width: 350px !important;
    }
     .min-h-lg-350px {
         min-height: 350px !important;
    }
     .max-h-lg-350px {
         max-height: 350px !important;
    }
     .max-w-lg-350px {
         max-width: 350px !important;
    }
     .w-lg-375px {
         width: 375px !important;
    }
     .h-lg-375px {
         height: 375px !important;
    }
     .min-w-lg-375px {
         min-width: 375px !important;
    }
     .min-h-lg-375px {
         min-height: 375px !important;
    }
     .max-h-lg-375px {
         max-height: 375px !important;
    }
     .max-w-lg-375px {
         max-width: 375px !important;
    }
     .w-lg-400px {
         width: 400px !important;
    }
     .h-lg-400px {
         height: 400px !important;
    }
     .min-w-lg-400px {
         min-width: 400px !important;
    }
     .min-h-lg-400px {
         min-height: 400px !important;
    }
     .max-h-lg-400px {
         max-height: 400px !important;
    }
     .max-w-lg-400px {
         max-width: 400px !important;
    }
     .w-lg-425px {
         width: 425px !important;
    }
     .h-lg-425px {
         height: 425px !important;
    }
     .min-w-lg-425px {
         min-width: 425px !important;
    }
     .min-h-lg-425px {
         min-height: 425px !important;
    }
     .max-h-lg-425px {
         max-height: 425px !important;
    }
     .max-w-lg-425px {
         max-width: 425px !important;
    }
     .w-lg-450px {
         width: 450px !important;
    }
     .h-lg-450px {
         height: 450px !important;
    }
     .min-w-lg-450px {
         min-width: 450px !important;
    }
     .min-h-lg-450px {
         min-height: 450px !important;
    }
     .max-h-lg-450px {
         max-height: 450px !important;
    }
     .max-w-lg-450px {
         max-width: 450px !important;
    }
     .w-lg-475px {
         width: 475px !important;
    }
     .h-lg-475px {
         height: 475px !important;
    }
     .min-w-lg-475px {
         min-width: 475px !important;
    }
     .min-h-lg-475px {
         min-height: 475px !important;
    }
     .max-h-lg-475px {
         max-height: 475px !important;
    }
     .max-w-lg-475px {
         max-width: 475px !important;
    }
     .w-lg-500px {
         width: 500px !important;
    }
     .h-lg-500px {
         height: 500px !important;
    }
     .min-w-lg-500px {
         min-width: 500px !important;
    }
     .min-h-lg-500px {
         min-height: 500px !important;
    }
     .max-h-lg-500px {
         max-height: 500px !important;
    }
     .max-w-lg-500px {
         max-width: 500px !important;
    }
     .w-lg-550px {
         width: 550px !important;
    }
     .h-lg-550px {
         height: 550px !important;
    }
     .min-w-lg-550px {
         min-width: 550px !important;
    }
     .min-h-lg-550px {
         min-height: 550px !important;
    }
     .max-h-lg-550px {
         max-height: 550px !important;
    }
     .max-w-lg-550px {
         max-width: 550px !important;
    }
     .w-lg-600px {
         width: 600px !important;
    }
     .h-lg-600px {
         height: 600px !important;
    }
     .min-w-lg-600px {
         min-width: 600px !important;
    }
     .min-h-lg-600px {
         min-height: 600px !important;
    }
     .max-h-lg-600px {
         max-height: 600px !important;
    }
     .max-w-lg-600px {
         max-width: 600px !important;
    }
     .w-lg-650px {
         width: 650px !important;
    }
     .h-lg-650px {
         height: 650px !important;
    }
     .min-w-lg-650px {
         min-width: 650px !important;
    }
     .min-h-lg-650px {
         min-height: 650px !important;
    }
     .max-h-lg-650px {
         max-height: 650px !important;
    }
     .max-w-lg-650px {
         max-width: 650px !important;
    }
     .w-lg-700px {
         width: 700px !important;
    }
     .h-lg-700px {
         height: 700px !important;
    }
     .min-w-lg-700px {
         min-width: 700px !important;
    }
     .min-h-lg-700px {
         min-height: 700px !important;
    }
     .max-h-lg-700px {
         max-height: 700px !important;
    }
     .max-w-lg-700px {
         max-width: 700px !important;
    }
     .w-lg-750px {
         width: 750px !important;
    }
     .h-lg-750px {
         height: 750px !important;
    }
     .min-w-lg-750px {
         min-width: 750px !important;
    }
     .min-h-lg-750px {
         min-height: 750px !important;
    }
     .max-h-lg-750px {
         max-height: 750px !important;
    }
     .max-w-lg-750px {
         max-width: 750px !important;
    }
     .w-lg-800px {
         width: 800px !important;
    }
     .h-lg-800px {
         height: 800px !important;
    }
     .min-w-lg-800px {
         min-width: 800px !important;
    }
     .min-h-lg-800px {
         min-height: 800px !important;
    }
     .max-h-lg-800px {
         max-height: 800px !important;
    }
     .max-w-lg-800px {
         max-width: 800px !important;
    }
     .w-lg-850px {
         width: 850px !important;
    }
     .h-lg-850px {
         height: 850px !important;
    }
     .min-w-lg-850px {
         min-width: 850px !important;
    }
     .min-h-lg-850px {
         min-height: 850px !important;
    }
     .max-h-lg-850px {
         max-height: 850px !important;
    }
     .max-w-lg-850px {
         max-width: 850px !important;
    }
     .w-lg-900px {
         width: 900px !important;
    }
     .h-lg-900px {
         height: 900px !important;
    }
     .min-w-lg-900px {
         min-width: 900px !important;
    }
     .min-h-lg-900px {
         min-height: 900px !important;
    }
     .max-h-lg-900px {
         max-height: 900px !important;
    }
     .max-w-lg-900px {
         max-width: 900px !important;
    }
     .w-lg-950px {
         width: 950px !important;
    }
     .h-lg-950px {
         height: 950px !important;
    }
     .min-w-lg-950px {
         min-width: 950px !important;
    }
     .min-h-lg-950px {
         min-height: 950px !important;
    }
     .max-h-lg-950px {
         max-height: 950px !important;
    }
     .max-w-lg-950px {
         max-width: 950px !important;
    }
     .w-lg-1000px {
         width: 1000px !important;
    }
     .h-lg-1000px {
         height: 1000px !important;
    }
     .min-w-lg-1000px {
         min-width: 1000px !important;
    }
     .min-h-lg-1000px {
         min-height: 1000px !important;
    }
     .max-h-lg-1000px {
         max-height: 1000px !important;
    }
     .max-w-lg-1000px {
         max-width: 1000px !important;
    }
}
 @media (min-width: 1200px) {
     .w-xl-100 {
         width: 100% !important;
    }
     .h-xl-100 {
         height: 100% !important;
    }
     .min-w-xl-100 {
         min-width: 100% !important;
    }
     .min-h-xl-100 {
         min-height: 100% !important;
    }
     .max-h-xl-100 {
         max-height: 100% !important;
    }
     .max-w-xl-100 {
         max-width: 100% !important;
    }
     .w-xl-50 {
         width: 50% !important;
    }
     .h-xl-50 {
         height: 50% !important;
    }
     .min-w-xl-50 {
         min-width: 50% !important;
    }
     .min-h-xl-50 {
         min-height: 50% !important;
    }
     .max-h-xl-50 {
         max-height: 50% !important;
    }
     .max-w-xl-50 {
         max-width: 50% !important;
    }
     .w-xl-auto {
         width: auto !important;
    }
     .h-xl-auto {
         height: auto !important;
    }
     .min-w-xl-auto {
         min-width: auto !important;
    }
     .min-h-xl-auto {
         min-height: auto !important;
    }
     .max-h-xl-auto {
         max-height: auto !important;
    }
     .max-w-xl-auto {
         max-width: auto !important;
    }
     .w-xl-1px {
         width: 1px !important;
    }
     .h-xl-1px {
         height: 1px !important;
    }
     .min-w-xl-1px {
         min-width: 1px !important;
    }
     .min-h-xl-1px {
         min-height: 1px !important;
    }
     .max-h-xl-1px {
         max-height: 1px !important;
    }
     .max-w-xl-1px {
         max-width: 1px !important;
    }
     .w-xl-2px {
         width: 2px !important;
    }
     .h-xl-2px {
         height: 2px !important;
    }
     .min-w-xl-2px {
         min-width: 2px !important;
    }
     .min-h-xl-2px {
         min-height: 2px !important;
    }
     .max-h-xl-2px {
         max-height: 2px !important;
    }
     .max-w-xl-2px {
         max-width: 2px !important;
    }
     .w-xl-3px {
         width: 3px !important;
    }
     .h-xl-3px {
         height: 3px !important;
    }
     .min-w-xl-3px {
         min-width: 3px !important;
    }
     .min-h-xl-3px {
         min-height: 3px !important;
    }
     .max-h-xl-3px {
         max-height: 3px !important;
    }
     .max-w-xl-3px {
         max-width: 3px !important;
    }
     .w-xl-4px {
         width: 4px !important;
    }
     .h-xl-4px {
         height: 4px !important;
    }
     .min-w-xl-4px {
         min-width: 4px !important;
    }
     .min-h-xl-4px {
         min-height: 4px !important;
    }
     .max-h-xl-4px {
         max-height: 4px !important;
    }
     .max-w-xl-4px {
         max-width: 4px !important;
    }
     .w-xl-5px {
         width: 5px !important;
    }
     .h-xl-5px {
         height: 5px !important;
    }
     .min-w-xl-5px {
         min-width: 5px !important;
    }
     .min-h-xl-5px {
         min-height: 5px !important;
    }
     .max-h-xl-5px {
         max-height: 5px !important;
    }
     .max-w-xl-5px {
         max-width: 5px !important;
    }
     .w-xl-10px {
         width: 10px !important;
    }
     .h-xl-10px {
         height: 10px !important;
    }
     .min-w-xl-10px {
         min-width: 10px !important;
    }
     .min-h-xl-10px {
         min-height: 10px !important;
    }
     .max-h-xl-10px {
         max-height: 10px !important;
    }
     .max-w-xl-10px {
         max-width: 10px !important;
    }
     .w-xl-15px {
         width: 15px !important;
    }
     .h-xl-15px {
         height: 15px !important;
    }
     .min-w-xl-15px {
         min-width: 15px !important;
    }
     .min-h-xl-15px {
         min-height: 15px !important;
    }
     .max-h-xl-15px {
         max-height: 15px !important;
    }
     .max-w-xl-15px {
         max-width: 15px !important;
    }
     .w-xl-20px {
         width: 20px !important;
    }
     .h-xl-20px {
         height: 20px !important;
    }
     .min-w-xl-20px {
         min-width: 20px !important;
    }
     .min-h-xl-20px {
         min-height: 20px !important;
    }
     .max-h-xl-20px {
         max-height: 20px !important;
    }
     .max-w-xl-20px {
         max-width: 20px !important;
    }
     .w-xl-25px {
         width: 25px !important;
    }
     .h-xl-25px {
         height: 25px !important;
    }
     .min-w-xl-25px {
         min-width: 25px !important;
    }
     .min-h-xl-25px {
         min-height: 25px !important;
    }
     .max-h-xl-25px {
         max-height: 25px !important;
    }
     .max-w-xl-25px {
         max-width: 25px !important;
    }
     .w-xl-30px {
         width: 30px !important;
    }
     .h-xl-30px {
         height: 30px !important;
    }
     .min-w-xl-30px {
         min-width: 30px !important;
    }
     .min-h-xl-30px {
         min-height: 30px !important;
    }
     .max-h-xl-30px {
         max-height: 30px !important;
    }
     .max-w-xl-30px {
         max-width: 30px !important;
    }
     .w-xl-35px {
         width: 35px !important;
    }
     .h-xl-35px {
         height: 35px !important;
    }
     .min-w-xl-35px {
         min-width: 35px !important;
    }
     .min-h-xl-35px {
         min-height: 35px !important;
    }
     .max-h-xl-35px {
         max-height: 35px !important;
    }
     .max-w-xl-35px {
         max-width: 35px !important;
    }
     .w-xl-40px {
         width: 40px !important;
    }
     .h-xl-40px {
         height: 40px !important;
    }
     .min-w-xl-40px {
         min-width: 40px !important;
    }
     .min-h-xl-40px {
         min-height: 40px !important;
    }
     .max-h-xl-40px {
         max-height: 40px !important;
    }
     .max-w-xl-40px {
         max-width: 40px !important;
    }
     .w-xl-45px {
         width: 45px !important;
    }
     .h-xl-45px {
         height: 45px !important;
    }
     .min-w-xl-45px {
         min-width: 45px !important;
    }
     .min-h-xl-45px {
         min-height: 45px !important;
    }
     .max-h-xl-45px {
         max-height: 45px !important;
    }
     .max-w-xl-45px {
         max-width: 45px !important;
    }
     .w-xl-50px {
         width: 50px !important;
    }
     .h-xl-50px {
         height: 50px !important;
    }
     .min-w-xl-50px {
         min-width: 50px !important;
    }
     .min-h-xl-50px {
         min-height: 50px !important;
    }
     .max-h-xl-50px {
         max-height: 50px !important;
    }
     .max-w-xl-50px {
         max-width: 50px !important;
    }
     .w-xl-55px {
         width: 55px !important;
    }
     .h-xl-55px {
         height: 55px !important;
    }
     .min-w-xl-55px {
         min-width: 55px !important;
    }
     .min-h-xl-55px {
         min-height: 55px !important;
    }
     .max-h-xl-55px {
         max-height: 55px !important;
    }
     .max-w-xl-55px {
         max-width: 55px !important;
    }
     .w-xl-60px {
         width: 60px !important;
    }
     .h-xl-60px {
         height: 60px !important;
    }
     .min-w-xl-60px {
         min-width: 60px !important;
    }
     .min-h-xl-60px {
         min-height: 60px !important;
    }
     .max-h-xl-60px {
         max-height: 60px !important;
    }
     .max-w-xl-60px {
         max-width: 60px !important;
    }
     .w-xl-65px {
         width: 65px !important;
    }
     .h-xl-65px {
         height: 65px !important;
    }
     .min-w-xl-65px {
         min-width: 65px !important;
    }
     .min-h-xl-65px {
         min-height: 65px !important;
    }
     .max-h-xl-65px {
         max-height: 65px !important;
    }
     .max-w-xl-65px {
         max-width: 65px !important;
    }
     .w-xl-70px {
         width: 70px !important;
    }
     .h-xl-70px {
         height: 70px !important;
    }
     .min-w-xl-70px {
         min-width: 70px !important;
    }
     .min-h-xl-70px {
         min-height: 70px !important;
    }
     .max-h-xl-70px {
         max-height: 70px !important;
    }
     .max-w-xl-70px {
         max-width: 70px !important;
    }
     .w-xl-75px {
         width: 75px !important;
    }
     .h-xl-75px {
         height: 75px !important;
    }
     .min-w-xl-75px {
         min-width: 75px !important;
    }
     .min-h-xl-75px {
         min-height: 75px !important;
    }
     .max-h-xl-75px {
         max-height: 75px !important;
    }
     .max-w-xl-75px {
         max-width: 75px !important;
    }
     .w-xl-80px {
         width: 80px !important;
    }
     .h-xl-80px {
         height: 80px !important;
    }
     .min-w-xl-80px {
         min-width: 80px !important;
    }
     .min-h-xl-80px {
         min-height: 80px !important;
    }
     .max-h-xl-80px {
         max-height: 80px !important;
    }
     .max-w-xl-80px {
         max-width: 80px !important;
    }
     .w-xl-85px {
         width: 85px !important;
    }
     .h-xl-85px {
         height: 85px !important;
    }
     .min-w-xl-85px {
         min-width: 85px !important;
    }
     .min-h-xl-85px {
         min-height: 85px !important;
    }
     .max-h-xl-85px {
         max-height: 85px !important;
    }
     .max-w-xl-85px {
         max-width: 85px !important;
    }
     .w-xl-90px {
         width: 90px !important;
    }
     .h-xl-90px {
         height: 90px !important;
    }
     .min-w-xl-90px {
         min-width: 90px !important;
    }
     .min-h-xl-90px {
         min-height: 90px !important;
    }
     .max-h-xl-90px {
         max-height: 90px !important;
    }
     .max-w-xl-90px {
         max-width: 90px !important;
    }
     .w-xl-95px {
         width: 95px !important;
    }
     .h-xl-95px {
         height: 95px !important;
    }
     .min-w-xl-95px {
         min-width: 95px !important;
    }
     .min-h-xl-95px {
         min-height: 95px !important;
    }
     .max-h-xl-95px {
         max-height: 95px !important;
    }
     .max-w-xl-95px {
         max-width: 95px !important;
    }
     .w-xl-100px {
         width: 100px !important;
    }
     .h-xl-100px {
         height: 100px !important;
    }
     .min-w-xl-100px {
         min-width: 100px !important;
    }
     .min-h-xl-100px {
         min-height: 100px !important;
    }
     .max-h-xl-100px {
         max-height: 100px !important;
    }
     .max-w-xl-100px {
         max-width: 100px !important;
    }
     .w-xl-105px {
         width: 105px !important;
    }
     .h-xl-105px {
         height: 105px !important;
    }
     .min-w-xl-105px {
         min-width: 105px !important;
    }
     .min-h-xl-105px {
         min-height: 105px !important;
    }
     .max-h-xl-105px {
         max-height: 105px !important;
    }
     .max-w-xl-105px {
         max-width: 105px !important;
    }
     .w-xl-110px {
         width: 110px !important;
    }
     .h-xl-110px {
         height: 110px !important;
    }
     .min-w-xl-110px {
         min-width: 110px !important;
    }
     .min-h-xl-110px {
         min-height: 110px !important;
    }
     .max-h-xl-110px {
         max-height: 110px !important;
    }
     .max-w-xl-110px {
         max-width: 110px !important;
    }
     .w-xl-115px {
         width: 115px !important;
    }
     .h-xl-115px {
         height: 115px !important;
    }
     .min-w-xl-115px {
         min-width: 115px !important;
    }
     .min-h-xl-115px {
         min-height: 115px !important;
    }
     .max-h-xl-115px {
         max-height: 115px !important;
    }
     .max-w-xl-115px {
         max-width: 115px !important;
    }
     .w-xl-120px {
         width: 120px !important;
    }
     .h-xl-120px {
         height: 120px !important;
    }
     .min-w-xl-120px {
         min-width: 120px !important;
    }
     .min-h-xl-120px {
         min-height: 120px !important;
    }
     .max-h-xl-120px {
         max-height: 120px !important;
    }
     .max-w-xl-120px {
         max-width: 120px !important;
    }
     .w-xl-125px {
         width: 125px !important;
    }
     .h-xl-125px {
         height: 125px !important;
    }
     .min-w-xl-125px {
         min-width: 125px !important;
    }
     .min-h-xl-125px {
         min-height: 125px !important;
    }
     .max-h-xl-125px {
         max-height: 125px !important;
    }
     .max-w-xl-125px {
         max-width: 125px !important;
    }
     .w-xl-130px {
         width: 130px !important;
    }
     .h-xl-130px {
         height: 130px !important;
    }
     .min-w-xl-130px {
         min-width: 130px !important;
    }
     .min-h-xl-130px {
         min-height: 130px !important;
    }
     .max-h-xl-130px {
         max-height: 130px !important;
    }
     .max-w-xl-130px {
         max-width: 130px !important;
    }
     .w-xl-135px {
         width: 135px !important;
    }
     .h-xl-135px {
         height: 135px !important;
    }
     .min-w-xl-135px {
         min-width: 135px !important;
    }
     .min-h-xl-135px {
         min-height: 135px !important;
    }
     .max-h-xl-135px {
         max-height: 135px !important;
    }
     .max-w-xl-135px {
         max-width: 135px !important;
    }
     .w-xl-140px {
         width: 140px !important;
    }
     .h-xl-140px {
         height: 140px !important;
    }
     .min-w-xl-140px {
         min-width: 140px !important;
    }
     .min-h-xl-140px {
         min-height: 140px !important;
    }
     .max-h-xl-140px {
         max-height: 140px !important;
    }
     .max-w-xl-140px {
         max-width: 140px !important;
    }
     .w-xl-145px {
         width: 145px !important;
    }
     .h-xl-145px {
         height: 145px !important;
    }
     .min-w-xl-145px {
         min-width: 145px !important;
    }
     .min-h-xl-145px {
         min-height: 145px !important;
    }
     .max-h-xl-145px {
         max-height: 145px !important;
    }
     .max-w-xl-145px {
         max-width: 145px !important;
    }
     .w-xl-150px {
         width: 150px !important;
    }
     .h-xl-150px {
         height: 150px !important;
    }
     .min-w-xl-150px {
         min-width: 150px !important;
    }
     .min-h-xl-150px {
         min-height: 150px !important;
    }
     .max-h-xl-150px {
         max-height: 150px !important;
    }
     .max-w-xl-150px {
         max-width: 150px !important;
    }
     .w-xl-175px {
         width: 175px !important;
    }
     .h-xl-175px {
         height: 175px !important;
    }
     .min-w-xl-175px {
         min-width: 175px !important;
    }
     .min-h-xl-175px {
         min-height: 175px !important;
    }
     .max-h-xl-175px {
         max-height: 175px !important;
    }
     .max-w-xl-175px {
         max-width: 175px !important;
    }
     .w-xl-180px {
         width: 180px !important;
    }
     .h-xl-180px {
         height: 180px !important;
    }
     .min-w-xl-180px {
         min-width: 180px !important;
    }
     .min-h-xl-180px {
         min-height: 180px !important;
    }
     .max-h-xl-180px {
         max-height: 180px !important;
    }
     .max-w-xl-180px {
         max-width: 180px !important;
    }
     .w-xl-200px {
         width: 200px !important;
    }
     .h-xl-200px {
         height: 200px !important;
    }
     .min-w-xl-200px {
         min-width: 200px !important;
    }
     .min-h-xl-200px {
         min-height: 200px !important;
    }
     .max-h-xl-200px {
         max-height: 200px !important;
    }
     .max-w-xl-200px {
         max-width: 200px !important;
    }
     .w-xl-225px {
         width: 225px !important;
    }
     .h-xl-225px {
         height: 225px !important;
    }
     .min-w-xl-225px {
         min-width: 225px !important;
    }
     .min-h-xl-225px {
         min-height: 225px !important;
    }
     .max-h-xl-225px {
         max-height: 225px !important;
    }
     .max-w-xl-225px {
         max-width: 225px !important;
    }
     .w-xl-250px {
         width: 250px !important;
    }
     .h-xl-250px {
         height: 250px !important;
    }
     .min-w-xl-250px {
         min-width: 250px !important;
    }
     .min-h-xl-250px {
         min-height: 250px !important;
    }
     .max-h-xl-250px {
         max-height: 250px !important;
    }
     .max-w-xl-250px {
         max-width: 250px !important;
    }
     .w-xl-255px {
         width: 255px !important;
    }
     .h-xl-255px {
         height: 255px !important;
    }
     .min-w-xl-255px {
         min-width: 255px !important;
    }
     .min-h-xl-255px {
         min-height: 255px !important;
    }
     .max-h-xl-255px {
         max-height: 255px !important;
    }
     .max-w-xl-255px {
         max-width: 255px !important;
    }
     .w-xl-260px {
         width: 260px !important;
    }
     .h-xl-260px {
         height: 260px !important;
    }
     .min-w-xl-260px {
         min-width: 260px !important;
    }
     .min-h-xl-260px {
         min-height: 260px !important;
    }
     .max-h-xl-260px {
         max-height: 260px !important;
    }
     .max-w-xl-260px {
         max-width: 260px !important;
    }
     .w-xl-265px {
         width: 265px !important;
    }
     .h-xl-265px {
         height: 265px !important;
    }
     .min-w-xl-265px {
         min-width: 265px !important;
    }
     .min-h-xl-265px {
         min-height: 265px !important;
    }
     .max-h-xl-265px {
         max-height: 265px !important;
    }
     .max-w-xl-265px {
         max-width: 265px !important;
    }
     .w-xl-275px {
         width: 275px !important;
    }
     .h-xl-275px {
         height: 275px !important;
    }
     .min-w-xl-275px {
         min-width: 275px !important;
    }
     .min-h-xl-275px {
         min-height: 275px !important;
    }
     .max-h-xl-275px {
         max-height: 275px !important;
    }
     .max-w-xl-275px {
         max-width: 275px !important;
    }
     .w-xl-295px {
         width: 295px !important;
    }
     .h-xl-295px {
         height: 295px !important;
    }
     .min-w-xl-295px {
         min-width: 295px !important;
    }
     .min-h-xl-295px {
         min-height: 295px !important;
    }
     .max-h-xl-295px {
         max-height: 295px !important;
    }
     .max-w-xl-295px {
         max-width: 295px !important;
    }
     .w-xl-300px {
         width: 300px !important;
    }
     .h-xl-300px {
         height: 300px !important;
    }
     .min-w-xl-300px {
         min-width: 300px !important;
    }
     .min-h-xl-300px {
         min-height: 300px !important;
    }
     .max-h-xl-300px {
         max-height: 300px !important;
    }
     .max-w-xl-300px {
         max-width: 300px !important;
    }
     .w-xl-325px {
         width: 325px !important;
    }
     .h-xl-325px {
         height: 325px !important;
    }
     .min-w-xl-325px {
         min-width: 325px !important;
    }
     .min-h-xl-325px {
         min-height: 325px !important;
    }
     .max-h-xl-325px {
         max-height: 325px !important;
    }
     .max-w-xl-325px {
         max-width: 325px !important;
    }
     .w-xl-350px {
         width: 350px !important;
    }
     .h-xl-350px {
         height: 350px !important;
    }
     .min-w-xl-350px {
         min-width: 350px !important;
    }
     .min-h-xl-350px {
         min-height: 350px !important;
    }
     .max-h-xl-350px {
         max-height: 350px !important;
    }
     .max-w-xl-350px {
         max-width: 350px !important;
    }
     .w-xl-375px {
         width: 375px !important;
    }
     .h-xl-375px {
         height: 375px !important;
    }
     .min-w-xl-375px {
         min-width: 375px !important;
    }
     .min-h-xl-375px {
         min-height: 375px !important;
    }
     .max-h-xl-375px {
         max-height: 375px !important;
    }
     .max-w-xl-375px {
         max-width: 375px !important;
    }
     .w-xl-400px {
         width: 400px !important;
    }
     .h-xl-400px {
         height: 400px !important;
    }
     .min-w-xl-400px {
         min-width: 400px !important;
    }
     .min-h-xl-400px {
         min-height: 400px !important;
    }
     .max-h-xl-400px {
         max-height: 400px !important;
    }
     .max-w-xl-400px {
         max-width: 400px !important;
    }
     .w-xl-425px {
         width: 425px !important;
    }
     .h-xl-425px {
         height: 425px !important;
    }
     .min-w-xl-425px {
         min-width: 425px !important;
    }
     .min-h-xl-425px {
         min-height: 425px !important;
    }
     .max-h-xl-425px {
         max-height: 425px !important;
    }
     .max-w-xl-425px {
         max-width: 425px !important;
    }
     .w-xl-450px {
         width: 450px !important;
    }
     .h-xl-450px {
         height: 450px !important;
    }
     .min-w-xl-450px {
         min-width: 450px !important;
    }
     .min-h-xl-450px {
         min-height: 450px !important;
    }
     .max-h-xl-450px {
         max-height: 450px !important;
    }
     .max-w-xl-450px {
         max-width: 450px !important;
    }
     .w-xl-475px {
         width: 475px !important;
    }
     .h-xl-475px {
         height: 475px !important;
    }
     .min-w-xl-475px {
         min-width: 475px !important;
    }
     .min-h-xl-475px {
         min-height: 475px !important;
    }
     .max-h-xl-475px {
         max-height: 475px !important;
    }
     .max-w-xl-475px {
         max-width: 475px !important;
    }
     .w-xl-500px {
         width: 500px !important;
    }
     .h-xl-500px {
         height: 500px !important;
    }
     .min-w-xl-500px {
         min-width: 500px !important;
    }
     .min-h-xl-500px {
         min-height: 500px !important;
    }
     .max-h-xl-500px {
         max-height: 500px !important;
    }
     .max-w-xl-500px {
         max-width: 500px !important;
    }
     .w-xl-550px {
         width: 550px !important;
    }
     .h-xl-550px {
         height: 550px !important;
    }
     .min-w-xl-550px {
         min-width: 550px !important;
    }
     .min-h-xl-550px {
         min-height: 550px !important;
    }
     .max-h-xl-550px {
         max-height: 550px !important;
    }
     .max-w-xl-550px {
         max-width: 550px !important;
    }
     .w-xl-600px {
         width: 600px !important;
    }
     .h-xl-600px {
         height: 600px !important;
    }
     .min-w-xl-600px {
         min-width: 600px !important;
    }
     .min-h-xl-600px {
         min-height: 600px !important;
    }
     .max-h-xl-600px {
         max-height: 600px !important;
    }
     .max-w-xl-600px {
         max-width: 600px !important;
    }
     .w-xl-650px {
         width: 650px !important;
    }
     .h-xl-650px {
         height: 650px !important;
    }
     .min-w-xl-650px {
         min-width: 650px !important;
    }
     .min-h-xl-650px {
         min-height: 650px !important;
    }
     .max-h-xl-650px {
         max-height: 650px !important;
    }
     .max-w-xl-650px {
         max-width: 650px !important;
    }
     .w-xl-700px {
         width: 700px !important;
    }
     .h-xl-700px {
         height: 700px !important;
    }
     .min-w-xl-700px {
         min-width: 700px !important;
    }
     .min-h-xl-700px {
         min-height: 700px !important;
    }
     .max-h-xl-700px {
         max-height: 700px !important;
    }
     .max-w-xl-700px {
         max-width: 700px !important;
    }
     .w-xl-750px {
         width: 750px !important;
    }
     .h-xl-750px {
         height: 750px !important;
    }
     .min-w-xl-750px {
         min-width: 750px !important;
    }
     .min-h-xl-750px {
         min-height: 750px !important;
    }
     .max-h-xl-750px {
         max-height: 750px !important;
    }
     .max-w-xl-750px {
         max-width: 750px !important;
    }
     .w-xl-800px {
         width: 800px !important;
    }
     .h-xl-800px {
         height: 800px !important;
    }
     .min-w-xl-800px {
         min-width: 800px !important;
    }
     .min-h-xl-800px {
         min-height: 800px !important;
    }
     .max-h-xl-800px {
         max-height: 800px !important;
    }
     .max-w-xl-800px {
         max-width: 800px !important;
    }
     .w-xl-850px {
         width: 850px !important;
    }
     .h-xl-850px {
         height: 850px !important;
    }
     .min-w-xl-850px {
         min-width: 850px !important;
    }
     .min-h-xl-850px {
         min-height: 850px !important;
    }
     .max-h-xl-850px {
         max-height: 850px !important;
    }
     .max-w-xl-850px {
         max-width: 850px !important;
    }
     .w-xl-900px {
         width: 900px !important;
    }
     .h-xl-900px {
         height: 900px !important;
    }
     .min-w-xl-900px {
         min-width: 900px !important;
    }
     .min-h-xl-900px {
         min-height: 900px !important;
    }
     .max-h-xl-900px {
         max-height: 900px !important;
    }
     .max-w-xl-900px {
         max-width: 900px !important;
    }
     .w-xl-950px {
         width: 950px !important;
    }
     .h-xl-950px {
         height: 950px !important;
    }
     .min-w-xl-950px {
         min-width: 950px !important;
    }
     .min-h-xl-950px {
         min-height: 950px !important;
    }
     .max-h-xl-950px {
         max-height: 950px !important;
    }
     .max-w-xl-950px {
         max-width: 950px !important;
    }
     .w-xl-1000px {
         width: 1000px !important;
    }
     .h-xl-1000px {
         height: 1000px !important;
    }
     .min-w-xl-1000px {
         min-width: 1000px !important;
    }
     .min-h-xl-1000px {
         min-height: 1000px !important;
    }
     .max-h-xl-1000px {
         max-height: 1000px !important;
    }
     .max-w-xl-1000px {
         max-width: 1000px !important;
    }
}
 @media (min-width: 1480px) {
     .w-xxl-100 {
         width: 100% !important;
    }
     .h-xxl-100 {
         height: 100% !important;
    }
     .min-w-xxl-100 {
         min-width: 100% !important;
    }
     .min-h-xxl-100 {
         min-height: 100% !important;
    }
     .max-h-xxl-100 {
         max-height: 100% !important;
    }
     .max-w-xxl-100 {
         max-width: 100% !important;
    }
     .w-xxl-50 {
         width: 50% !important;
    }
     .h-xxl-50 {
         height: 50% !important;
    }
     .min-w-xxl-50 {
         min-width: 50% !important;
    }
     .min-h-xxl-50 {
         min-height: 50% !important;
    }
     .max-h-xxl-50 {
         max-height: 50% !important;
    }
     .max-w-xxl-50 {
         max-width: 50% !important;
    }
     .w-xxl-auto {
         width: auto !important;
    }
     .h-xxl-auto {
         height: auto !important;
    }
     .min-w-xxl-auto {
         min-width: auto !important;
    }
     .min-h-xxl-auto {
         min-height: auto !important;
    }
     .max-h-xxl-auto {
         max-height: auto !important;
    }
     .max-w-xxl-auto {
         max-width: auto !important;
    }
     .w-xxl-1px {
         width: 1px !important;
    }
     .h-xxl-1px {
         height: 1px !important;
    }
     .min-w-xxl-1px {
         min-width: 1px !important;
    }
     .min-h-xxl-1px {
         min-height: 1px !important;
    }
     .max-h-xxl-1px {
         max-height: 1px !important;
    }
     .max-w-xxl-1px {
         max-width: 1px !important;
    }
     .w-xxl-2px {
         width: 2px !important;
    }
     .h-xxl-2px {
         height: 2px !important;
    }
     .min-w-xxl-2px {
         min-width: 2px !important;
    }
     .min-h-xxl-2px {
         min-height: 2px !important;
    }
     .max-h-xxl-2px {
         max-height: 2px !important;
    }
     .max-w-xxl-2px {
         max-width: 2px !important;
    }
     .w-xxl-3px {
         width: 3px !important;
    }
     .h-xxl-3px {
         height: 3px !important;
    }
     .min-w-xxl-3px {
         min-width: 3px !important;
    }
     .min-h-xxl-3px {
         min-height: 3px !important;
    }
     .max-h-xxl-3px {
         max-height: 3px !important;
    }
     .max-w-xxl-3px {
         max-width: 3px !important;
    }
     .w-xxl-4px {
         width: 4px !important;
    }
     .h-xxl-4px {
         height: 4px !important;
    }
     .min-w-xxl-4px {
         min-width: 4px !important;
    }
     .min-h-xxl-4px {
         min-height: 4px !important;
    }
     .max-h-xxl-4px {
         max-height: 4px !important;
    }
     .max-w-xxl-4px {
         max-width: 4px !important;
    }
     .w-xxl-5px {
         width: 5px !important;
    }
     .h-xxl-5px {
         height: 5px !important;
    }
     .min-w-xxl-5px {
         min-width: 5px !important;
    }
     .min-h-xxl-5px {
         min-height: 5px !important;
    }
     .max-h-xxl-5px {
         max-height: 5px !important;
    }
     .max-w-xxl-5px {
         max-width: 5px !important;
    }
     .w-xxl-10px {
         width: 10px !important;
    }
     .h-xxl-10px {
         height: 10px !important;
    }
     .min-w-xxl-10px {
         min-width: 10px !important;
    }
     .min-h-xxl-10px {
         min-height: 10px !important;
    }
     .max-h-xxl-10px {
         max-height: 10px !important;
    }
     .max-w-xxl-10px {
         max-width: 10px !important;
    }
     .w-xxl-15px {
         width: 15px !important;
    }
     .h-xxl-15px {
         height: 15px !important;
    }
     .min-w-xxl-15px {
         min-width: 15px !important;
    }
     .min-h-xxl-15px {
         min-height: 15px !important;
    }
     .max-h-xxl-15px {
         max-height: 15px !important;
    }
     .max-w-xxl-15px {
         max-width: 15px !important;
    }
     .w-xxl-20px {
         width: 20px !important;
    }
     .h-xxl-20px {
         height: 20px !important;
    }
     .min-w-xxl-20px {
         min-width: 20px !important;
    }
     .min-h-xxl-20px {
         min-height: 20px !important;
    }
     .max-h-xxl-20px {
         max-height: 20px !important;
    }
     .max-w-xxl-20px {
         max-width: 20px !important;
    }
     .w-xxl-25px {
         width: 25px !important;
    }
     .h-xxl-25px {
         height: 25px !important;
    }
     .min-w-xxl-25px {
         min-width: 25px !important;
    }
     .min-h-xxl-25px {
         min-height: 25px !important;
    }
     .max-h-xxl-25px {
         max-height: 25px !important;
    }
     .max-w-xxl-25px {
         max-width: 25px !important;
    }
     .w-xxl-30px {
         width: 30px !important;
    }
     .h-xxl-30px {
         height: 30px !important;
    }
     .min-w-xxl-30px {
         min-width: 30px !important;
    }
     .min-h-xxl-30px {
         min-height: 30px !important;
    }
     .max-h-xxl-30px {
         max-height: 30px !important;
    }
     .max-w-xxl-30px {
         max-width: 30px !important;
    }
     .w-xxl-35px {
         width: 35px !important;
    }
     .h-xxl-35px {
         height: 35px !important;
    }
     .min-w-xxl-35px {
         min-width: 35px !important;
    }
     .min-h-xxl-35px {
         min-height: 35px !important;
    }
     .max-h-xxl-35px {
         max-height: 35px !important;
    }
     .max-w-xxl-35px {
         max-width: 35px !important;
    }
     .w-xxl-40px {
         width: 40px !important;
    }
     .h-xxl-40px {
         height: 40px !important;
    }
     .min-w-xxl-40px {
         min-width: 40px !important;
    }
     .min-h-xxl-40px {
         min-height: 40px !important;
    }
     .max-h-xxl-40px {
         max-height: 40px !important;
    }
     .max-w-xxl-40px {
         max-width: 40px !important;
    }
     .w-xxl-45px {
         width: 45px !important;
    }
     .h-xxl-45px {
         height: 45px !important;
    }
     .min-w-xxl-45px {
         min-width: 45px !important;
    }
     .min-h-xxl-45px {
         min-height: 45px !important;
    }
     .max-h-xxl-45px {
         max-height: 45px !important;
    }
     .max-w-xxl-45px {
         max-width: 45px !important;
    }
     .w-xxl-50px {
         width: 50px !important;
    }
     .h-xxl-50px {
         height: 50px !important;
    }
     .min-w-xxl-50px {
         min-width: 50px !important;
    }
     .min-h-xxl-50px {
         min-height: 50px !important;
    }
     .max-h-xxl-50px {
         max-height: 50px !important;
    }
     .max-w-xxl-50px {
         max-width: 50px !important;
    }
     .w-xxl-55px {
         width: 55px !important;
    }
     .h-xxl-55px {
         height: 55px !important;
    }
     .min-w-xxl-55px {
         min-width: 55px !important;
    }
     .min-h-xxl-55px {
         min-height: 55px !important;
    }
     .max-h-xxl-55px {
         max-height: 55px !important;
    }
     .max-w-xxl-55px {
         max-width: 55px !important;
    }
     .w-xxl-60px {
         width: 60px !important;
    }
     .h-xxl-60px {
         height: 60px !important;
    }
     .min-w-xxl-60px {
         min-width: 60px !important;
    }
     .min-h-xxl-60px {
         min-height: 60px !important;
    }
     .max-h-xxl-60px {
         max-height: 60px !important;
    }
     .max-w-xxl-60px {
         max-width: 60px !important;
    }
     .w-xxl-65px {
         width: 65px !important;
    }
     .h-xxl-65px {
         height: 65px !important;
    }
     .min-w-xxl-65px {
         min-width: 65px !important;
    }
     .min-h-xxl-65px {
         min-height: 65px !important;
    }
     .max-h-xxl-65px {
         max-height: 65px !important;
    }
     .max-w-xxl-65px {
         max-width: 65px !important;
    }
     .w-xxl-70px {
         width: 70px !important;
    }
     .h-xxl-70px {
         height: 70px !important;
    }
     .min-w-xxl-70px {
         min-width: 70px !important;
    }
     .min-h-xxl-70px {
         min-height: 70px !important;
    }
     .max-h-xxl-70px {
         max-height: 70px !important;
    }
     .max-w-xxl-70px {
         max-width: 70px !important;
    }
     .w-xxl-75px {
         width: 75px !important;
    }
     .h-xxl-75px {
         height: 75px !important;
    }
     .min-w-xxl-75px {
         min-width: 75px !important;
    }
     .min-h-xxl-75px {
         min-height: 75px !important;
    }
     .max-h-xxl-75px {
         max-height: 75px !important;
    }
     .max-w-xxl-75px {
         max-width: 75px !important;
    }
     .w-xxl-80px {
         width: 80px !important;
    }
     .h-xxl-80px {
         height: 80px !important;
    }
     .min-w-xxl-80px {
         min-width: 80px !important;
    }
     .min-h-xxl-80px {
         min-height: 80px !important;
    }
     .max-h-xxl-80px {
         max-height: 80px !important;
    }
     .max-w-xxl-80px {
         max-width: 80px !important;
    }
     .w-xxl-85px {
         width: 85px !important;
    }
     .h-xxl-85px {
         height: 85px !important;
    }
     .min-w-xxl-85px {
         min-width: 85px !important;
    }
     .min-h-xxl-85px {
         min-height: 85px !important;
    }
     .max-h-xxl-85px {
         max-height: 85px !important;
    }
     .max-w-xxl-85px {
         max-width: 85px !important;
    }
     .w-xxl-90px {
         width: 90px !important;
    }
     .h-xxl-90px {
         height: 90px !important;
    }
     .min-w-xxl-90px {
         min-width: 90px !important;
    }
     .min-h-xxl-90px {
         min-height: 90px !important;
    }
     .max-h-xxl-90px {
         max-height: 90px !important;
    }
     .max-w-xxl-90px {
         max-width: 90px !important;
    }
     .w-xxl-95px {
         width: 95px !important;
    }
     .h-xxl-95px {
         height: 95px !important;
    }
     .min-w-xxl-95px {
         min-width: 95px !important;
    }
     .min-h-xxl-95px {
         min-height: 95px !important;
    }
     .max-h-xxl-95px {
         max-height: 95px !important;
    }
     .max-w-xxl-95px {
         max-width: 95px !important;
    }
     .w-xxl-100px {
         width: 100px !important;
    }
     .h-xxl-100px {
         height: 100px !important;
    }
     .min-w-xxl-100px {
         min-width: 100px !important;
    }
     .min-h-xxl-100px {
         min-height: 100px !important;
    }
     .max-h-xxl-100px {
         max-height: 100px !important;
    }
     .max-w-xxl-100px {
         max-width: 100px !important;
    }
     .w-xxl-105px {
         width: 105px !important;
    }
     .h-xxl-105px {
         height: 105px !important;
    }
     .min-w-xxl-105px {
         min-width: 105px !important;
    }
     .min-h-xxl-105px {
         min-height: 105px !important;
    }
     .max-h-xxl-105px {
         max-height: 105px !important;
    }
     .max-w-xxl-105px {
         max-width: 105px !important;
    }
     .w-xxl-110px {
         width: 110px !important;
    }
     .h-xxl-110px {
         height: 110px !important;
    }
     .min-w-xxl-110px {
         min-width: 110px !important;
    }
     .min-h-xxl-110px {
         min-height: 110px !important;
    }
     .max-h-xxl-110px {
         max-height: 110px !important;
    }
     .max-w-xxl-110px {
         max-width: 110px !important;
    }
     .w-xxl-115px {
         width: 115px !important;
    }
     .h-xxl-115px {
         height: 115px !important;
    }
     .min-w-xxl-115px {
         min-width: 115px !important;
    }
     .min-h-xxl-115px {
         min-height: 115px !important;
    }
     .max-h-xxl-115px {
         max-height: 115px !important;
    }
     .max-w-xxl-115px {
         max-width: 115px !important;
    }
     .w-xxl-120px {
         width: 120px !important;
    }
     .h-xxl-120px {
         height: 120px !important;
    }
     .min-w-xxl-120px {
         min-width: 120px !important;
    }
     .min-h-xxl-120px {
         min-height: 120px !important;
    }
     .max-h-xxl-120px {
         max-height: 120px !important;
    }
     .max-w-xxl-120px {
         max-width: 120px !important;
    }
     .w-xxl-125px {
         width: 125px !important;
    }
     .h-xxl-125px {
         height: 125px !important;
    }
     .min-w-xxl-125px {
         min-width: 125px !important;
    }
     .min-h-xxl-125px {
         min-height: 125px !important;
    }
     .max-h-xxl-125px {
         max-height: 125px !important;
    }
     .max-w-xxl-125px {
         max-width: 125px !important;
    }
     .w-xxl-130px {
         width: 130px !important;
    }
     .h-xxl-130px {
         height: 130px !important;
    }
     .min-w-xxl-130px {
         min-width: 130px !important;
    }
     .min-h-xxl-130px {
         min-height: 130px !important;
    }
     .max-h-xxl-130px {
         max-height: 130px !important;
    }
     .max-w-xxl-130px {
         max-width: 130px !important;
    }
     .w-xxl-135px {
         width: 135px !important;
    }
     .h-xxl-135px {
         height: 135px !important;
    }
     .min-w-xxl-135px {
         min-width: 135px !important;
    }
     .min-h-xxl-135px {
         min-height: 135px !important;
    }
     .max-h-xxl-135px {
         max-height: 135px !important;
    }
     .max-w-xxl-135px {
         max-width: 135px !important;
    }
     .w-xxl-140px {
         width: 140px !important;
    }
     .h-xxl-140px {
         height: 140px !important;
    }
     .min-w-xxl-140px {
         min-width: 140px !important;
    }
     .min-h-xxl-140px {
         min-height: 140px !important;
    }
     .max-h-xxl-140px {
         max-height: 140px !important;
    }
     .max-w-xxl-140px {
         max-width: 140px !important;
    }
     .w-xxl-145px {
         width: 145px !important;
    }
     .h-xxl-145px {
         height: 145px !important;
    }
     .min-w-xxl-145px {
         min-width: 145px !important;
    }
     .min-h-xxl-145px {
         min-height: 145px !important;
    }
     .max-h-xxl-145px {
         max-height: 145px !important;
    }
     .max-w-xxl-145px {
         max-width: 145px !important;
    }
     .w-xxl-150px {
         width: 150px !important;
    }
     .h-xxl-150px {
         height: 150px !important;
    }
     .min-w-xxl-150px {
         min-width: 150px !important;
    }
     .min-h-xxl-150px {
         min-height: 150px !important;
    }
     .max-h-xxl-150px {
         max-height: 150px !important;
    }
     .max-w-xxl-150px {
         max-width: 150px !important;
    }
     .w-xxl-175px {
         width: 175px !important;
    }
     .h-xxl-175px {
         height: 175px !important;
    }
     .min-w-xxl-175px {
         min-width: 175px !important;
    }
     .min-h-xxl-175px {
         min-height: 175px !important;
    }
     .max-h-xxl-175px {
         max-height: 175px !important;
    }
     .max-w-xxl-175px {
         max-width: 175px !important;
    }
     .w-xxl-180px {
         width: 180px !important;
    }
     .h-xxl-180px {
         height: 180px !important;
    }
     .min-w-xxl-180px {
         min-width: 180px !important;
    }
     .min-h-xxl-180px {
         min-height: 180px !important;
    }
     .max-h-xxl-180px {
         max-height: 180px !important;
    }
     .max-w-xxl-180px {
         max-width: 180px !important;
    }
     .w-xxl-200px {
         width: 200px !important;
    }
     .h-xxl-200px {
         height: 200px !important;
    }
     .min-w-xxl-200px {
         min-width: 200px !important;
    }
     .min-h-xxl-200px {
         min-height: 200px !important;
    }
     .max-h-xxl-200px {
         max-height: 200px !important;
    }
     .max-w-xxl-200px {
         max-width: 200px !important;
    }
     .w-xxl-225px {
         width: 225px !important;
    }
     .h-xxl-225px {
         height: 225px !important;
    }
     .min-w-xxl-225px {
         min-width: 225px !important;
    }
     .min-h-xxl-225px {
         min-height: 225px !important;
    }
     .max-h-xxl-225px {
         max-height: 225px !important;
    }
     .max-w-xxl-225px {
         max-width: 225px !important;
    }
     .w-xxl-250px {
         width: 250px !important;
    }
     .h-xxl-250px {
         height: 250px !important;
    }
     .min-w-xxl-250px {
         min-width: 250px !important;
    }
     .min-h-xxl-250px {
         min-height: 250px !important;
    }
     .max-h-xxl-250px {
         max-height: 250px !important;
    }
     .max-w-xxl-250px {
         max-width: 250px !important;
    }
     .w-xxl-255px {
         width: 255px !important;
    }
     .h-xxl-255px {
         height: 255px !important;
    }
     .min-w-xxl-255px {
         min-width: 255px !important;
    }
     .min-h-xxl-255px {
         min-height: 255px !important;
    }
     .max-h-xxl-255px {
         max-height: 255px !important;
    }
     .max-w-xxl-255px {
         max-width: 255px !important;
    }
     .w-xxl-260px {
         width: 260px !important;
    }
     .h-xxl-260px {
         height: 260px !important;
    }
     .min-w-xxl-260px {
         min-width: 260px !important;
    }
     .min-h-xxl-260px {
         min-height: 260px !important;
    }
     .max-h-xxl-260px {
         max-height: 260px !important;
    }
     .max-w-xxl-260px {
         max-width: 260px !important;
    }
     .w-xxl-265px {
         width: 265px !important;
    }
     .h-xxl-265px {
         height: 265px !important;
    }
     .min-w-xxl-265px {
         min-width: 265px !important;
    }
     .min-h-xxl-265px {
         min-height: 265px !important;
    }
     .max-h-xxl-265px {
         max-height: 265px !important;
    }
     .max-w-xxl-265px {
         max-width: 265px !important;
    }
     .w-xxl-275px {
         width: 275px !important;
    }
     .h-xxl-275px {
         height: 275px !important;
    }
     .min-w-xxl-275px {
         min-width: 275px !important;
    }
     .min-h-xxl-275px {
         min-height: 275px !important;
    }
     .max-h-xxl-275px {
         max-height: 275px !important;
    }
     .max-w-xxl-275px {
         max-width: 275px !important;
    }
     .w-xxl-295px {
         width: 295px !important;
    }
     .h-xxl-295px {
         height: 295px !important;
    }
     .min-w-xxl-295px {
         min-width: 295px !important;
    }
     .min-h-xxl-295px {
         min-height: 295px !important;
    }
     .max-h-xxl-295px {
         max-height: 295px !important;
    }
     .max-w-xxl-295px {
         max-width: 295px !important;
    }
     .w-xxl-300px {
         width: 300px !important;
    }
     .h-xxl-300px {
         height: 300px !important;
    }
     .min-w-xxl-300px {
         min-width: 300px !important;
    }
     .min-h-xxl-300px {
         min-height: 300px !important;
    }
     .max-h-xxl-300px {
         max-height: 300px !important;
    }
     .max-w-xxl-300px {
         max-width: 300px !important;
    }
     .w-xxl-325px {
         width: 325px !important;
    }
     .h-xxl-325px {
         height: 325px !important;
    }
     .min-w-xxl-325px {
         min-width: 325px !important;
    }
     .min-h-xxl-325px {
         min-height: 325px !important;
    }
     .max-h-xxl-325px {
         max-height: 325px !important;
    }
     .max-w-xxl-325px {
         max-width: 325px !important;
    }
     .w-xxl-350px {
         width: 350px !important;
    }
     .h-xxl-350px {
         height: 350px !important;
    }
     .min-w-xxl-350px {
         min-width: 350px !important;
    }
     .min-h-xxl-350px {
         min-height: 350px !important;
    }
     .max-h-xxl-350px {
         max-height: 350px !important;
    }
     .max-w-xxl-350px {
         max-width: 350px !important;
    }
     .w-xxl-375px {
         width: 375px !important;
    }
     .h-xxl-375px {
         height: 375px !important;
    }
     .min-w-xxl-375px {
         min-width: 375px !important;
    }
     .min-h-xxl-375px {
         min-height: 375px !important;
    }
     .max-h-xxl-375px {
         max-height: 375px !important;
    }
     .max-w-xxl-375px {
         max-width: 375px !important;
    }
     .w-xxl-400px {
         width: 400px !important;
    }
     .h-xxl-400px {
         height: 400px !important;
    }
     .min-w-xxl-400px {
         min-width: 400px !important;
    }
     .min-h-xxl-400px {
         min-height: 400px !important;
    }
     .max-h-xxl-400px {
         max-height: 400px !important;
    }
     .max-w-xxl-400px {
         max-width: 400px !important;
    }
     .w-xxl-425px {
         width: 425px !important;
    }
     .h-xxl-425px {
         height: 425px !important;
    }
     .min-w-xxl-425px {
         min-width: 425px !important;
    }
     .min-h-xxl-425px {
         min-height: 425px !important;
    }
     .max-h-xxl-425px {
         max-height: 425px !important;
    }
     .max-w-xxl-425px {
         max-width: 425px !important;
    }
     .w-xxl-450px {
         width: 450px !important;
    }
     .h-xxl-450px {
         height: 450px !important;
    }
     .min-w-xxl-450px {
         min-width: 450px !important;
    }
     .min-h-xxl-450px {
         min-height: 450px !important;
    }
     .max-h-xxl-450px {
         max-height: 450px !important;
    }
     .max-w-xxl-450px {
         max-width: 450px !important;
    }
     .w-xxl-475px {
         width: 475px !important;
    }
     .h-xxl-475px {
         height: 475px !important;
    }
     .min-w-xxl-475px {
         min-width: 475px !important;
    }
     .min-h-xxl-475px {
         min-height: 475px !important;
    }
     .max-h-xxl-475px {
         max-height: 475px !important;
    }
     .max-w-xxl-475px {
         max-width: 475px !important;
    }
     .w-xxl-500px {
         width: 500px !important;
    }
     .h-xxl-500px {
         height: 500px !important;
    }
     .min-w-xxl-500px {
         min-width: 500px !important;
    }
     .min-h-xxl-500px {
         min-height: 500px !important;
    }
     .max-h-xxl-500px {
         max-height: 500px !important;
    }
     .max-w-xxl-500px {
         max-width: 500px !important;
    }
     .w-xxl-550px {
         width: 550px !important;
    }
     .h-xxl-550px {
         height: 550px !important;
    }
     .min-w-xxl-550px {
         min-width: 550px !important;
    }
     .min-h-xxl-550px {
         min-height: 550px !important;
    }
     .max-h-xxl-550px {
         max-height: 550px !important;
    }
     .max-w-xxl-550px {
         max-width: 550px !important;
    }
     .w-xxl-600px {
         width: 600px !important;
    }
     .h-xxl-600px {
         height: 600px !important;
    }
     .min-w-xxl-600px {
         min-width: 600px !important;
    }
     .min-h-xxl-600px {
         min-height: 600px !important;
    }
     .max-h-xxl-600px {
         max-height: 600px !important;
    }
     .max-w-xxl-600px {
         max-width: 600px !important;
    }
     .w-xxl-650px {
         width: 650px !important;
    }
     .h-xxl-650px {
         height: 650px !important;
    }
     .min-w-xxl-650px {
         min-width: 650px !important;
    }
     .min-h-xxl-650px {
         min-height: 650px !important;
    }
     .max-h-xxl-650px {
         max-height: 650px !important;
    }
     .max-w-xxl-650px {
         max-width: 650px !important;
    }
     .w-xxl-700px {
         width: 700px !important;
    }
     .h-xxl-700px {
         height: 700px !important;
    }
     .min-w-xxl-700px {
         min-width: 700px !important;
    }
     .min-h-xxl-700px {
         min-height: 700px !important;
    }
     .max-h-xxl-700px {
         max-height: 700px !important;
    }
     .max-w-xxl-700px {
         max-width: 700px !important;
    }
     .w-xxl-750px {
         width: 750px !important;
    }
     .h-xxl-750px {
         height: 750px !important;
    }
     .min-w-xxl-750px {
         min-width: 750px !important;
    }
     .min-h-xxl-750px {
         min-height: 750px !important;
    }
     .max-h-xxl-750px {
         max-height: 750px !important;
    }
     .max-w-xxl-750px {
         max-width: 750px !important;
    }
     .w-xxl-800px {
         width: 800px !important;
    }
     .h-xxl-800px {
         height: 800px !important;
    }
     .min-w-xxl-800px {
         min-width: 800px !important;
    }
     .min-h-xxl-800px {
         min-height: 800px !important;
    }
     .max-h-xxl-800px {
         max-height: 800px !important;
    }
     .max-w-xxl-800px {
         max-width: 800px !important;
    }
     .w-xxl-850px {
         width: 850px !important;
    }
     .h-xxl-850px {
         height: 850px !important;
    }
     .min-w-xxl-850px {
         min-width: 850px !important;
    }
     .min-h-xxl-850px {
         min-height: 850px !important;
    }
     .max-h-xxl-850px {
         max-height: 850px !important;
    }
     .max-w-xxl-850px {
         max-width: 850px !important;
    }
     .w-xxl-900px {
         width: 900px !important;
    }
     .h-xxl-900px {
         height: 900px !important;
    }
     .min-w-xxl-900px {
         min-width: 900px !important;
    }
     .min-h-xxl-900px {
         min-height: 900px !important;
    }
     .max-h-xxl-900px {
         max-height: 900px !important;
    }
     .max-w-xxl-900px {
         max-width: 900px !important;
    }
     .w-xxl-950px {
         width: 950px !important;
    }
     .h-xxl-950px {
         height: 950px !important;
    }
     .min-w-xxl-950px {
         min-width: 950px !important;
    }
     .min-h-xxl-950px {
         min-height: 950px !important;
    }
     .max-h-xxl-950px {
         max-height: 950px !important;
    }
     .max-w-xxl-950px {
         max-width: 950px !important;
    }
     .w-xxl-1000px {
         width: 1000px !important;
    }
     .h-xxl-1000px {
         height: 1000px !important;
    }
     .min-w-xxl-1000px {
         min-width: 1000px !important;
    }
     .min-h-xxl-1000px {
         min-height: 1000px !important;
    }
     .max-h-xxl-1000px {
         max-height: 1000px !important;
    }
     .max-w-xxl-1000px {
         max-width: 1000px !important;
    }
}
 .left-0 {
     left: 0 !important;
}
 .right-0 {
     right: 0 !important;
}
 .top-0 {
     top: 0 !important;
}
.top-1px{top:1px!important;}
.top-2px{top:2px!important;}
.top-3px{top:3px!important;}
.top-4px{top:4px!important;}
.top-5px{top:5px!important;}

.right-1px{right:1px!important;}
.right-2px{right:2px!important;}
.right-3px{right:3px!important;}
.right-4px{right:4px!important;}
.right-5px{right:5px!important;}

.bottom-1px{bottom:1px!important;}
.bottom-2px{bottom:2px!important;}
.bottom-3px{bottom:3px!important;}
.bottom-4px{bottom:4px!important;}
.bottom-5px{bottom:5px!important;}

.left-1px{left:1px!important;}
.left-2px{left:2px!important;}
.left-3px{left:3px!important;}
.left-4px{left:4px!important;}
.left-5px{left:5px!important;}

 .bottom-0 {
     bottom: 0 !important;
}
 .zindex-0 {
     z-index: 0!important;
}
 .zindex-n1 {
     z-index: -1!important;
}
 .zindex-1 {
     z-index: 1!important;
}
 .zindex-2 {
     z-index: 2!important;
}
 .zindex-3 {
     z-index: 3!important;
}
 .zindex-4 {
     z-index: 4!important;
}
 .zindex-5 {
     z-index: 5!important;
}
 .text-white {
     color: #ffffff !important;
}
 .text-inverse-white {
     color: rgba(63, 66, 84, 0.9) !important;
}
 .text-light-white {
     color: #ffffff !important;
}
 a.text-hover-white, .text-hover-white {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 a.text-hover-white:hover, .text-hover-white:hover {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #ffffff !important;
}
 a.text-hover-white:hover i, .text-hover-white:hover i {
     color: #ffffff !important;
}
 a.text-hover-white:hover .svg-icon svg g [fill], .text-hover-white:hover .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 a.text-hover-white:hover .svg-icon svg:hover g [fill], .text-hover-white:hover .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .hoverable:hover a.text-hover-white, .hoverable:hover .text-hover-white {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #ffffff !important;
}
 .hoverable:hover a.text-hover-white i, .hoverable:hover .text-hover-white i {
     color: #ffffff !important;
}
 .hoverable:hover a.text-hover-white .svg-icon svg g [fill], .hoverable:hover .text-hover-white .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff !important;
}
 .hoverable:hover a.text-hover-white .svg-icon svg:hover g [fill], .hoverable:hover .text-hover-white .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .text-primary {
     color: #4785FF !important;
}
 .text-inverse-primary {
     color: #FFFFFF !important;
}
 .text-light-primary {
     color: #E1F0FF !important;
}
 a.text-hover-primary, .text-hover-primary {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.text-focus-primary,a.text-focus-primary
 a.text-hover-primary:hover, .text-hover-primary:hover {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #4785FF !important;
}
 a.text-hover-primary:hover i, .text-hover-primary:hover i {
     color: #4785FF !important;
}
 a.text-hover-primary:hover .svg-icon svg g [fill], .text-hover-primary:hover .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 a.text-hover-primary:hover .svg-icon svg:hover g [fill], .text-hover-primary:hover .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .hoverable:hover a.text-hover-primary, .hoverable:hover .text-hover-primary {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #4785FF !important;
}
 .hoverable:hover a.text-hover-primary i, .hoverable:hover .text-hover-primary i {
     color: #4785FF !important;
}
 .hoverable:hover a.text-hover-primary .svg-icon svg g [fill], .hoverable:hover .text-hover-primary .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF !important;
}
 .hoverable:hover a.text-hover-primary .svg-icon svg:hover g [fill], .hoverable:hover .text-hover-primary .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .text-secondary {
     color: #181C32 !important;
}
 .text-inverse-secondary {
     color: rgba(63, 66, 84, 0.9) !important;
}
 .text-light-secondary {
     color: #EBEDF3 !important;
}
 a.text-hover-secondary, .text-hover-secondary {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 a.text-hover-secondary:hover, .text-hover-secondary:hover {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #181C32 !important;
}
 a.text-hover-secondary:hover i, .text-hover-secondary:hover i {
     color: #181C32 !important;
}
 a.text-hover-secondary:hover .svg-icon svg g [fill], .text-hover-secondary:hover .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 a.text-hover-secondary:hover .svg-icon svg:hover g [fill], .text-hover-secondary:hover .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .hoverable:hover a.text-hover-secondary, .hoverable:hover .text-hover-secondary {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #181C32 !important;
}
 .hoverable:hover a.text-hover-secondary i, .hoverable:hover .text-hover-secondary i {
     color: #181C32 !important;
}
 .hoverable:hover a.text-hover-secondary .svg-icon svg g [fill], .hoverable:hover .text-hover-secondary .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32 !important;
}
 .hoverable:hover a.text-hover-secondary .svg-icon svg:hover g [fill], .hoverable:hover .text-hover-secondary .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .text-inverse-success {
     color: #ffffff !important;
}
 .text-light-success {
     color: rgba(67, 213, 173, 0.15) !important;
}
 a.text-hover-success, .text-hover-success {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 a.text-hover-success:hover, .text-hover-success:hover {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #32D0A5 !important;
}
 a.text-hover-success:hover i, .text-hover-success:hover i {
     color: #32D0A5 !important;
}
 a.text-hover-success:hover .svg-icon svg g [fill], .text-hover-success:hover .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 a.text-hover-success:hover .svg-icon svg:hover g [fill], .text-hover-success:hover .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .hoverable:hover a.text-hover-success, .hoverable:hover .text-hover-success {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #32D0A5 !important;
}
 .hoverable:hover a.text-hover-success i, .hoverable:hover .text-hover-success i {
     color: #32D0A5 !important;
}
 .hoverable:hover a.text-hover-success .svg-icon svg g [fill], .hoverable:hover .text-hover-success .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5 !important;
}
 .hoverable:hover a.text-hover-success .svg-icon svg:hover g [fill], .hoverable:hover .text-hover-success .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .text-info {
     color: #7B6FFF !important;
}
 .text-inverse-info {
     color: #ffffff !important;
}
 .text-light-info {
     color: #EEE5FF !important;
}
 a.text-hover-info, .text-hover-info {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 a.text-hover-info:hover, .text-hover-info:hover {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #7B6FFF !important;
}
 a.text-hover-info:hover i, .text-hover-info:hover i {
     color: #7B6FFF !important;
}
 a.text-hover-info:hover .svg-icon svg g [fill], .text-hover-info:hover .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 a.text-hover-info:hover .svg-icon svg:hover g [fill], .text-hover-info:hover .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .hoverable:hover a.text-hover-info, .hoverable:hover .text-hover-info {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #7B6FFF !important;
}
 .hoverable:hover a.text-hover-info i, .hoverable:hover .text-hover-info i {
     color: #7B6FFF !important;
}
 .hoverable:hover a.text-hover-info .svg-icon svg g [fill], .hoverable:hover .text-hover-info .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF !important;
}
 .hoverable:hover a.text-hover-info .svg-icon svg:hover g [fill], .hoverable:hover .text-hover-info .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .text-warning {
     color: #FFA800 !important;
}
 .text-inverse-warning {
     color: #ffffff !important;
}
 .text-light-warning {
     color: #FFF4DE !important;
}
 a.text-hover-warning, .text-hover-warning {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 a.text-hover-warning:hover, .text-hover-warning:hover {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #FFA800 !important;
}
 a.text-hover-warning:hover i, .text-hover-warning:hover i {
     color: #FFA800 !important;
}
 a.text-hover-warning:hover .svg-icon svg g [fill], .text-hover-warning:hover .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 a.text-hover-warning:hover .svg-icon svg:hover g [fill], .text-hover-warning:hover .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .hoverable:hover a.text-hover-warning, .hoverable:hover .text-hover-warning {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #FFA800 !important;
}
 .hoverable:hover a.text-hover-warning i, .hoverable:hover .text-hover-warning i {
     color: #FFA800 !important;
}
 .hoverable:hover a.text-hover-warning .svg-icon svg g [fill], .hoverable:hover .text-hover-warning .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800 !important;
}
 .hoverable:hover a.text-hover-warning .svg-icon svg:hover g [fill], .hoverable:hover .text-hover-warning .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 /* .text-danger {
     color: #F64E60 !important;
} */
 .text-inverse-danger {
     color: #ffffff !important;
}
 .text-light-danger {
     color: #FFEFEF !important;
}
 a.text-hover-danger, .text-hover-danger {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 a.text-hover-danger:hover, .text-hover-danger:hover {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #F64E60 !important;
}
 a.text-hover-danger:hover i, .text-hover-danger:hover i {
     color: #F64E60 !important;
}
 a.text-hover-danger:hover .svg-icon svg g [fill], .text-hover-danger:hover .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 a.text-hover-danger:hover .svg-icon svg:hover g [fill], .text-hover-danger:hover .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .hoverable:hover a.text-hover-danger, .hoverable:hover .text-hover-danger {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #F64E60 !important;
}
 .hoverable:hover a.text-hover-danger i, .hoverable:hover .text-hover-danger i {
     color: #F64E60 !important;
}
 .hoverable:hover a.text-hover-danger .svg-icon svg g [fill], .hoverable:hover .text-hover-danger .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60 !important;
}
 .hoverable:hover a.text-hover-danger .svg-icon svg:hover g [fill], .hoverable:hover .text-hover-danger .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .text-light {
     color: #F3F6F9 !important;
}
 .text-inverse-light {
     color: #7E8299 !important;
}
 .text-light-light {
     color: #F3F6F9 !important;
}
 a.text-hover-light, .text-hover-light {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 a.text-hover-light:hover, .text-hover-light:hover {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #F3F6F9 !important;
}
 a.text-hover-light:hover i, .text-hover-light:hover i {
     color: #F3F6F9 !important;
}
 a.text-hover-light:hover .svg-icon svg g [fill], .text-hover-light:hover .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 a.text-hover-light:hover .svg-icon svg:hover g [fill], .text-hover-light:hover .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .hoverable:hover a.text-hover-light, .hoverable:hover .text-hover-light {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #F3F6F9 !important;
}
 .hoverable:hover a.text-hover-light i, .hoverable:hover .text-hover-light i {
     color: #F3F6F9 !important;
}
 .hoverable:hover a.text-hover-light .svg-icon svg g [fill], .hoverable:hover .text-hover-light .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9 !important;
}
 .hoverable:hover a.text-hover-light .svg-icon svg:hover g [fill], .hoverable:hover .text-hover-light .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .text-dark {
     color: #2b345f !important;
}
 .text-inverse-dark {
     color: #ffffff !important;
}
 .text-light-dark {
     color: #D1D3E0 !important;
}
 a.text-hover-dark, .text-hover-dark {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 a.text-hover-dark:hover, .text-hover-dark:hover {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #181C32 !important;
}
 a.text-hover-dark:hover i, .text-hover-dark:hover i {
     color: #181C32 !important;
}
 a.text-hover-dark:hover .svg-icon svg g [fill], .text-hover-dark:hover .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 a.text-hover-dark:hover .svg-icon svg:hover g [fill], .text-hover-dark:hover .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .hoverable:hover a.text-hover-dark, .hoverable:hover .text-hover-dark {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #181C32 !important;
}
 .hoverable:hover a.text-hover-dark i, .hoverable:hover .text-hover-dark i {
     color: #181C32 !important;
}
 .hoverable:hover a.text-hover-dark .svg-icon svg g [fill], .hoverable:hover .text-hover-dark .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32 !important;
}
 .hoverable:hover a.text-hover-dark .svg-icon svg:hover g [fill], .hoverable:hover .text-hover-dark .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .text-dark-75 {
     color: rgba(63, 66, 84, 0.9) !important;
}
/* .text-inverse-dark-75 {
     color: !important;
}
 .text-light-dark-75 {
     color: !important;
}
 */
 a.text-hover-dark-75, .text-hover-dark-75 {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 a.text-hover-dark-75:hover, .text-hover-dark-75:hover {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: rgba(63, 66, 84, 0.9) !important;
}
 a.text-hover-dark-75:hover i, .text-hover-dark-75:hover i {
     color: rgba(63, 66, 84, 0.9) !important;
}
 a.text-hover-dark-75:hover .svg-icon svg g [fill], .text-hover-dark-75:hover .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 a.text-hover-dark-75:hover .svg-icon svg:hover g [fill], .text-hover-dark-75:hover .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .hoverable:hover a.text-hover-dark-75, .hoverable:hover .text-hover-dark-75 {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: rgba(63, 66, 84, 0.9) !important;
}
 .hoverable:hover a.text-hover-dark-75 i, .hoverable:hover .text-hover-dark-75 i {
     color: rgba(63, 66, 84, 0.9) !important;
}
 .hoverable:hover a.text-hover-dark-75 .svg-icon svg g [fill], .hoverable:hover .text-hover-dark-75 .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9) !important;
}
 .hoverable:hover a.text-hover-dark-75 .svg-icon svg:hover g [fill], .hoverable:hover .text-hover-dark-75 .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .text-dark-65 {
     color: #5E6278 !important;
}
/* .text-inverse-dark-65 {
     color: !important;
}
 .text-light-dark-65 {
     color: !important;
}
 */
 a.text-hover-dark-65, .text-hover-dark-65 {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 a.text-hover-dark-65:hover, .text-hover-dark-65:hover {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #5E6278 !important;
}
 a.text-hover-dark-65:hover i, .text-hover-dark-65:hover i {
     color: #5E6278 !important;
}
 a.text-hover-dark-65:hover .svg-icon svg g [fill], .text-hover-dark-65:hover .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #5E6278;
}
 a.text-hover-dark-65:hover .svg-icon svg:hover g [fill], .text-hover-dark-65:hover .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .hoverable:hover a.text-hover-dark-65, .hoverable:hover .text-hover-dark-65 {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #5E6278 !important;
}
 .hoverable:hover a.text-hover-dark-65 i, .hoverable:hover .text-hover-dark-65 i {
     color: #5E6278 !important;
}
 .hoverable:hover a.text-hover-dark-65 .svg-icon svg g [fill], .hoverable:hover .text-hover-dark-65 .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #5E6278 !important;
}
 .hoverable:hover a.text-hover-dark-65 .svg-icon svg:hover g [fill], .hoverable:hover .text-hover-dark-65 .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .text-dark-50 {
     color: #666D8C !important;
}
/* .text-inverse-dark-50 {
     color: !important;
}
 .text-light-dark-50 {
     color: !important;
}
 */
 a.text-hover-dark-50, .text-hover-dark-50 {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 a.text-hover-dark-50:hover, .text-hover-dark-50:hover {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #7E8299 !important;
}
 a.text-hover-dark-50:hover i, .text-hover-dark-50:hover i {
     color: #7E8299 !important;
}
 a.text-hover-dark-50:hover .svg-icon svg g [fill], .text-hover-dark-50:hover .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299;
}
 a.text-hover-dark-50:hover .svg-icon svg:hover g [fill], .text-hover-dark-50:hover .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .hoverable:hover a.text-hover-dark-50, .hoverable:hover .text-hover-dark-50 {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #7E8299 !important;
}
 .hoverable:hover a.text-hover-dark-50 i, .hoverable:hover .text-hover-dark-50 i {
     color: #7E8299 !important;
}
 .hoverable:hover a.text-hover-dark-50 .svg-icon svg g [fill], .hoverable:hover .text-hover-dark-50 .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299 !important;
}
 .hoverable:hover a.text-hover-dark-50 .svg-icon svg:hover g [fill], .hoverable:hover .text-hover-dark-50 .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .text-dark-25 {
     color: #D1D3E0 !important;
}
/* .text-inverse-dark-25 {
     color: !important;
}
 .text-light-dark-25 {
     color: !important;
}
 */
 a.text-hover-dark-25, .text-hover-dark-25 {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 a.text-hover-dark-25:hover, .text-hover-dark-25:hover {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #D1D3E0 !important;
}
 a.text-hover-dark-25:hover i, .text-hover-dark-25:hover i {
     color: #D1D3E0 !important;
}
 a.text-hover-dark-25:hover .svg-icon svg g [fill], .text-hover-dark-25:hover .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #D1D3E0;
}
 a.text-hover-dark-25:hover .svg-icon svg:hover g [fill], .text-hover-dark-25:hover .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .hoverable:hover a.text-hover-dark-25, .hoverable:hover .text-hover-dark-25 {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #D1D3E0 !important;
}
 .hoverable:hover a.text-hover-dark-25 i, .hoverable:hover .text-hover-dark-25 i {
     color: #D1D3E0 !important;
}
 .hoverable:hover a.text-hover-dark-25 .svg-icon svg g [fill], .hoverable:hover .text-hover-dark-25 .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #D1D3E0 !important;
}
 .hoverable:hover a.text-hover-dark-25 .svg-icon svg:hover g [fill], .hoverable:hover .text-hover-dark-25 .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .text-muted {
     color: rgba(43, 52, 95,0.6) !important;
}
/* .text-inverse-muted {
     color: !important;
}
 .text-light-muted {
     color: !important;
}
 */
 a.text-hover-muted, .text-hover-muted {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 a.text-hover-muted:hover, .text-hover-muted:hover {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #B5B5C3 !important;
}
 a.text-hover-muted:hover i, .text-hover-muted:hover i {
     color: #B5B5C3 !important;
}
 a.text-hover-muted:hover .svg-icon svg g [fill], .text-hover-muted:hover .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #B5B5C3;
}
 a.text-hover-muted:hover .svg-icon svg:hover g [fill], .text-hover-muted:hover .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .hoverable:hover a.text-hover-muted, .hoverable:hover .text-hover-muted {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #B5B5C3 !important;
}
 .hoverable:hover a.text-hover-muted i, .hoverable:hover .text-hover-muted i {
     color: #B5B5C3 !important;
}
 .hoverable:hover a.text-hover-muted .svg-icon svg g [fill], .hoverable:hover .text-hover-muted .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #B5B5C3 !important;
}
 .hoverable:hover a.text-hover-muted .svg-icon svg:hover g [fill], .hoverable:hover .text-hover-muted .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .font-size-base {
     font-size: 1.1rem;
}
 .font-size-sm {
     font-size: 0.925rem;
}
 .font-size-xs {
     font-size: 0.8rem;
}
 .font-size-lg {
     font-size: 1.08rem;
}
 .font-size-h1 {
     font-size: 2rem !important;
}
 .font-size-h2 {
     font-size: 1.75rem !important;
}
 .font-size-h3 {
     font-size: 1.5rem !important;
}
 .font-size-h4 {
     font-size: 1.35rem !important;
}
 .font-size-h5 {
     font-size: 1.25rem !important;
}
 .font-size-h6 {
     font-size: 1.175rem !important;
}
 .display1 {
     font-size: 5.5rem !important;
}
 .display2 {
     font-size: 4.5rem !important;
}
 .display3 {
     font-size: 3.5rem !important;
}
 .display4 {
     font-size: 2.5rem !important;
}
 .display5 {
     font-size: 2.25rem !important;
}
 @media (min-width: 576px) {
     .font-size-h1-sm {
         font-size: 2rem !important;
    }
     .font-size-h2-sm {
         font-size: 1.75rem !important;
    }
     .font-size-h3-sm {
         font-size: 1.5rem !important;
    }
     .font-size-h4-sm {
         font-size: 1.35rem !important;
    }
     .font-size-h5-sm {
         font-size: 1.25rem !important;
    }
     .font-size-h6-sm {
         font-size: 1.175rem !important;
    }
     .display1-sm {
         font-size: 5.5rem !important;
    }
     .display2-sm {
         font-size: 4.5rem !important;
    }
     .display3-sm {
         font-size: 3.5rem !important;
    }
     .display4-sm {
         font-size: 2.5rem !important;
    }
     .display5-sm {
         font-size: 2.25rem !important;
    }
}
 @media (min-width: 768px) {
     .font-size-h1-md {
         font-size: 2rem !important;
    }
     .font-size-h2-md {
         font-size: 1.75rem !important;
    }
     .font-size-h3-md {
         font-size: 1.5rem !important;
    }
     .font-size-h4-md {
         font-size: 1.35rem !important;
    }
     .font-size-h5-md {
         font-size: 1.25rem !important;
    }
     .font-size-h6-md {
         font-size: 1.175rem !important;
    }
     .display1-md {
         font-size: 5.5rem !important;
    }
     .display2-md {
         font-size: 4.5rem !important;
    }
     .display3-md {
         font-size: 3.5rem !important;
    }
     .display4-md {
         font-size: 2.5rem !important;
    }
     .display5-md {
         font-size: 2.25rem !important;
    }
}
 @media (min-width: 992px) {
     .font-size-h1-lg {
         font-size: 2rem !important;
    }
     .font-size-h2-lg {
         font-size: 1.75rem !important;
    }
     .font-size-h3-lg {
         font-size: 1.5rem !important;
    }
     .font-size-h4-lg {
         font-size: 1.35rem !important;
    }
     .font-size-h5-lg {
         font-size: 1.25rem !important;
    }
     .font-size-h6-lg {
         font-size: 1.175rem !important;
    }
     .display1-lg {
         font-size: 5.5rem !important;
    }
     .display2-lg {
         font-size: 4.5rem !important;
    }
     .display3-lg {
         font-size: 3.5rem !important;
    }
     .display4-lg {
         font-size: 2.5rem !important;
    }
     .display5-lg {
         font-size: 2.25rem !important;
    }
}
 @media (min-width: 1200px) {
     .font-size-h1-xl {
         font-size: 2rem !important;
    }
     .font-size-h2-xl {
         font-size: 1.75rem !important;
    }
     .font-size-h3-xl {
         font-size: 1.5rem !important;
    }
     .font-size-h4-xl {
         font-size: 1.35rem !important;
    }
     .font-size-h5-xl {
         font-size: 1.25rem !important;
    }
     .font-size-h6-xl {
         font-size: 1.175rem !important;
    }
     .display1-xl {
         font-size: 5.5rem !important;
    }
     .display2-xl {
         font-size: 4.5rem !important;
    }
     .display3-xl {
         font-size: 3.5rem !important;
    }
     .display4-xl {
         font-size: 2.5rem !important;
    }
     .display5-xl {
         font-size: 2.25rem !important;
    }
}
 @media (min-width: 1480px) {
     .font-size-h1-xxl {
         font-size: 2rem !important;
    }
     .font-size-h2-xxl {
         font-size: 1.75rem !important;
    }
     .font-size-h3-xxl {
         font-size: 1.5rem !important;
    }
     .font-size-h4-xxl {
         font-size: 1.35rem !important;
    }
     .font-size-h5-xxl {
         font-size: 1.25rem !important;
    }
     .font-size-h6-xxl {
         font-size: 1.175rem !important;
    }
     .display1-xxl {
         font-size: 5.5rem !important;
    }
     .display2-xxl {
         font-size: 4.5rem !important;
    }
     .display3-xxl {
         font-size: 3.5rem !important;
    }
     .display4-xxl {
         font-size: 2.5rem !important;
    }
     .display5-xxl {
         font-size: 2.25rem !important;
    }
}
 .font-weight-boldest {
     font-weight: 700;
}
 .line-height-0 {
     line-height: 0;
}
 .line-height-xs {
     line-height: 0.75;
}
 .line-height-sm {
     line-height: 1;
}
 .line-height-md {
     line-height: 1.25;
}
 .line-height-lg {
     line-height: 1.5;
}
 .line-height-xl {
     line-height: 1.75;
}
 .text-transparent {
     color: transparent;
}
 .text-stroke {
     -webkit-text-stroke-width: 0.35rem;
     -moz-text-stroke-width: 0.35rem;
     text-stroke-width: 0.35rem;
     -webkit-text-stroke-color: #ffffff;
     -moz-text-stroke-color: #ffffff;
     text-stroke-color: #ffffff;
}
 .cursor-pointer {
     cursor: pointer;
}

.cli-title-with-last-update .inline-editable-div.placeholder:after{
    font-size:17px;
}
 .cursor-move {
     cursor: move!important;
}
 a {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 a:hover {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 i {
     color: #7E8299;
}
 .icon-ss {
     font-size: 0.5rem !important;
}
 .icon-xs {
     font-size: 0.65rem !important;
}
 .icon-sm {
     font-size: 0.75rem !important;
}
 .icon-nm {
     font-size: 0.9rem !important;
}
 .icon-ms {
     font-size: 1.15rem !important;
}
 .icon-md {
     font-size: 1.25rem !important;
}
 .icon-lg {
     font-size: 1.5rem !important;
}
 .icon-xl {
     font-size: 1.75rem !important;
}
 .icon-xxl {
     font-size: 2.25rem !important;
}
 .icon-1x {
     font-size: 1rem !important;
}
 .icon-2x {
     font-size: 2rem !important;
}
 .icon-3x {
     font-size: 3rem !important;
}
 .icon-4x {
     font-size: 4rem !important;
}
 .icon-5x {
     font-size: 5rem !important;
}
 .icon-6x {
     font-size: 6rem !important;
}
 .icon-7x {
     font-size: 7rem !important;
}
 .icon-8x {
     font-size: 8rem !important;
}
 .icon-9x {
     font-size: 9rem !important;
}
 .icon-10x {
     font-size: 10rem !important;
}
 @media (min-width: 576px) {
     .icon-sm-ss {
         font-size: 0.5rem !important;
    }
     .icon-sm-xs {
         font-size: 0.65rem !important;
    }
     .icon-sm-sm {
         font-size: 0.75rem !important;
    }
     .icon-sm-nm {
         font-size: 0.9rem !important;
    }
     .icon-sm-ms {
         font-size: 1.15rem !important;
    }
     .icon-sm-md {
         font-size: 1.25rem !important;
    }
     .icon-sm-lg {
         font-size: 1.5rem !important;
    }
     .icon-sm-xl {
         font-size: 1.75rem !important;
    }
     .icon-sm-xxl {
         font-size: 2.25rem !important;
    }
     .icon-sm-1x {
         font-size: 1rem !important;
    }
     .icon-sm-2x {
         font-size: 2rem !important;
    }
     .icon-sm-3x {
         font-size: 3rem !important;
    }
     .icon-sm-4x {
         font-size: 4rem !important;
    }
     .icon-sm-5x {
         font-size: 5rem !important;
    }
     .icon-sm-6x {
         font-size: 6rem !important;
    }
     .icon-sm-7x {
         font-size: 7rem !important;
    }
     .icon-sm-8x {
         font-size: 8rem !important;
    }
     .icon-sm-9x {
         font-size: 9rem !important;
    }
     .icon-sm-10x {
         font-size: 10rem !important;
    }
}
 @media (min-width: 768px) {
     .icon-md-ss {
         font-size: 0.5rem !important;
    }
     .icon-md-xs {
         font-size: 0.65rem !important;
    }
     .icon-md-sm {
         font-size: 0.75rem !important;
    }
     .icon-md-nm {
         font-size: 0.9rem !important;
    }
     .icon-md-ms {
         font-size: 1.15rem !important;
    }
     .icon-md-md {
         font-size: 1.25rem !important;
    }
     .icon-md-lg {
         font-size: 1.5rem !important;
    }
     .icon-md-xl {
         font-size: 1.75rem !important;
    }
     .icon-md-xxl {
         font-size: 2.25rem !important;
    }
     .icon-md-1x {
         font-size: 1rem !important;
    }
     .icon-md-2x {
         font-size: 2rem !important;
    }
     .icon-md-3x {
         font-size: 3rem !important;
    }
     .icon-md-4x {
         font-size: 4rem !important;
    }
     .icon-md-5x {
         font-size: 5rem !important;
    }
     .icon-md-6x {
         font-size: 6rem !important;
    }
     .icon-md-7x {
         font-size: 7rem !important;
    }
     .icon-md-8x {
         font-size: 8rem !important;
    }
     .icon-md-9x {
         font-size: 9rem !important;
    }
     .icon-md-10x {
         font-size: 10rem !important;
    }
}
 @media (min-width: 992px) {
     .icon-lg-ss {
         font-size: 0.5rem !important;
    }
     .icon-lg-xs {
         font-size: 0.65rem !important;
    }
     .icon-lg-sm {
         font-size: 0.75rem !important;
    }
     .icon-lg-nm {
         font-size: 0.9rem !important;
    }
     .icon-lg-ms {
         font-size: 1.15rem !important;
    }
     .icon-lg-md {
         font-size: 1.25rem !important;
    }
     .icon-lg-lg {
         font-size: 1.5rem !important;
    }
     .icon-lg-xl {
         font-size: 1.75rem !important;
    }
     .icon-lg-xxl {
         font-size: 2.25rem !important;
    }
     .icon-lg-1x {
         font-size: 1rem !important;
    }
     .icon-lg-2x {
         font-size: 2rem !important;
    }
     .icon-lg-3x {
         font-size: 3rem !important;
    }
     .icon-lg-4x {
         font-size: 4rem !important;
    }
     .icon-lg-5x {
         font-size: 5rem !important;
    }
     .icon-lg-6x {
         font-size: 6rem !important;
    }
     .icon-lg-7x {
         font-size: 7rem !important;
    }
     .icon-lg-8x {
         font-size: 8rem !important;
    }
     .icon-lg-9x {
         font-size: 9rem !important;
    }
     .icon-lg-10x {
         font-size: 10rem !important;
    }
}
 @media (min-width: 1200px) {
     .icon-xl-ss {
         font-size: 0.5rem !important;
    }
     .icon-xl-xs {
         font-size: 0.65rem !important;
    }
     .icon-xl-sm {
         font-size: 0.75rem !important;
    }
     .icon-xl-nm {
         font-size: 0.9rem !important;
    }
     .icon-xl-ms {
         font-size: 1.15rem !important;
    }
     .icon-xl-md {
         font-size: 1.25rem !important;
    }
     .icon-xl-lg {
         font-size: 1.5rem !important;
    }
     .icon-xl-xl {
         font-size: 1.75rem !important;
    }
     .icon-xl-xxl {
         font-size: 2.25rem !important;
    }
     .icon-xl-1x {
         font-size: 1rem !important;
    }
     .icon-xl-2x {
         font-size: 2rem !important;
    }
     .icon-xl-3x {
         font-size: 3rem !important;
    }
     .icon-xl-4x {
         font-size: 4rem !important;
    }
     .icon-xl-5x {
         font-size: 5rem !important;
    }
     .icon-xl-6x {
         font-size: 6rem !important;
    }
     .icon-xl-7x {
         font-size: 7rem !important;
    }
     .icon-xl-8x {
         font-size: 8rem !important;
    }
     .icon-xl-9x {
         font-size: 9rem !important;
    }
     .icon-xl-10x {
         font-size: 10rem !important;
    }
}
 @media (min-width: 1480px) {
     .icon-xxl-ss {
         font-size: 0.5rem !important;
    }
     .icon-xxl-xs {
         font-size: 0.65rem !important;
    }
     .icon-xxl-sm {
         font-size: 0.75rem !important;
    }
     .icon-xxl-nm {
         font-size: 0.9rem !important;
    }
     .icon-xxl-ms {
         font-size: 1.15rem !important;
    }
     .icon-xxl-md {
         font-size: 1.25rem !important;
    }
     .icon-xxl-lg {
         font-size: 1.5rem !important;
    }
     .icon-xxl-xl {
         font-size: 1.75rem !important;
    }
     .icon-xxl-xxl {
         font-size: 2.25rem !important;
    }
     .icon-xxl-1x {
         font-size: 1rem !important;
    }
     .icon-xxl-2x {
         font-size: 2rem !important;
    }
     .icon-xxl-3x {
         font-size: 3rem !important;
    }
     .icon-xxl-4x {
         font-size: 4rem !important;
    }
     .icon-xxl-5x {
         font-size: 5rem !important;
    }
     .icon-xxl-6x {
         font-size: 6rem !important;
    }
     .icon-xxl-7x {
         font-size: 7rem !important;
    }
     .icon-xxl-8x {
         font-size: 8rem !important;
    }
     .icon-xxl-9x {
         font-size: 9rem !important;
    }
     .icon-xxl-10x {
         font-size: 10rem !important;
    }
}
 .burger-icon {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     border-radius: none;
     border: none;
     cursor: pointer;
     background-color: transparent;
     outline: none !important;
     margin: 0;
     padding: 0;
     display: inline-block;
     position: relative;
     overflow: hidden;
     margin: 0;
     padding: 0;
     font-size: 0;
     text-indent: -9999px;
     appearance: none;
     box-shadow: none;
     border-radius: none;
     border: none;
     cursor: pointer;
     background-color: none;
     outline: none !important;
     width: 24px;
     height: 24px;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
}
 .burger-icon span {
     display: block;
     position: absolute;
     border-radius: 3px;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
     top: 10px;
     height: 3px;
     min-height: 3px;
     width: 100%;
}
 .burger-icon span::before, .burger-icon span::after {
     position: absolute;
     display: block;
     left: 0;
     width: 100%;
     height: 3px;
     min-height: 3px;
     content: "";
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
     border-radius: 3px;
}
 .burger-icon span::before {
     top: -8px;
}
 .burger-icon span::after {
     bottom: -8px;
}
 .burger-icon-left span:before {
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
     left: auto;
     right: 0px;
     width: 50%;
}
 .burger-icon-left span:after {
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
     left: auto;
     right: 0px;
     width: 75%;
}
 .burger-icon-left-active span:before {
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
     left: 0px;
     right: auto;
     width: 50%;
}
 .burger-icon-left-active span:after {
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
     left: 0px;
     right: auto;
     width: 75%;
}
 .burger-icon-right span:before {
     left: 0px;
     right: auto;
     width: 50%;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
}
 .burger-icon-right span:after {
     left: 0px;
     right: auto;
     width: 75%;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
}
 .burger-icon-right-active span:before {
     left: auto;
     right: 0px;
     width: 50%;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
}
 .burger-icon-right-active span:after {
     left: auto;
     right: 0px;
     width: 75%;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
}
 .burger-icon span {
     background-color: #B5B5C3;
}
 .burger-icon span::before, .burger-icon span::after {
     background-color: #B5B5C3;
}
 .burger-icon:hover span {
     background-color:#4785FF;
}
 .burger-icon:hover span::before, .burger-icon:hover span::after {
     background-color:#4785FF;
}
 .burger-icon-active span {
     background-color:#4785FF;
}
 .burger-icon-active span::before, .burger-icon-active span::after {
     background-color:#4785FF;
}
 .card.card-custom {
     -webkit-box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
     box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
     border: 0;
}
 .card.card-custom > .card-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     min-height: 64px;
     padding-top: 0;
     padding-bottom: 0;
     background-color: transparent;
}
 .card.card-custom > .card-header .card-title {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin: 0.5rem;
     margin-left: 0;
}
 .card.card-custom > .card-header .card-title .card-icon {
     margin-right: 0.75rem;
     margin-right: 0.75rem;
     border-radius: 3px;
     background-color:#4785FF;
     width: 17px;
     min-width: 17px;
     height: 17px;
     text-align: center;
     line-height: 11px;
     position: relative;
     padding: 0px;
}
 .card.card-custom > .card-header .card-title .card-icon img{
     max-height: 11px;
     padding: 0px;
     margin: 0px;
}
 .card.card-custom > .card-header .card-title .card-icon i {
     font-size: 1.25rem;
     color: #7E8299;
     line-height: 0;
}
 .card.card-custom > .card-header .card-title .card-icon i:after, .card.card-custom > .card-header .card-title .card-icon i:before {
     line-height: 0;
}
 .card.card-custom > .card-header .card-title .card-icon .svg-icon svg {
     height: 24px;
     width: 24px;
}
 .card.card-custom > .card-header .card-title .card-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299;
}
 .card.card-custom > .card-header .card-title .card-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
.custom-card-label,
 .card.card-custom > .card-header .card-title, .card.card-custom > .card-header .card-title .card-label {
     font-weight: 500;
     font-size: 1.275rem;
     color: #181C32;
}
 .card.card-custom > .card-header .card-title .card-label {
     margin: 0 0.75rem 0 0;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .card.card-custom > .card-header .card-title small {
     color: #B5B5C3;
     font-size: 1.1rem;
}
 .card.card-custom > .card-header .card-toolbar {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin: 0.5rem 0;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .card.card-custom > .card-header.card-header-tabs-line {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
}
 .card.card-custom > .card-header.card-header-tabs-line .card-toolbar {
     margin: 0;
}
 .card.card-custom > .card-header.card-header-tabs-line .nav {
     border-bottom-color: transparent;
}
 .card.card-custom > .card-header.card-header-tabs-line .nav .nav-item {
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
}
 .card.card-custom > .card-header.card-header-tabs-line .nav .nav-link {
     padding-top: 2rem;
     padding-bottom: 2rem;
}
 .card.card-custom > .card-header.card-header-right {
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
}
 .card.card-custom > .card-body {
     padding: 2rem 2.25rem;
}
 .card.card-custom > .card-footer {
     background-color: transparent;
}
 .card.card-custom.card-stretch {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: stretch !important;
     -ms-flex-align: stretch !important;
     align-items: stretch !important;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     height: 100%;
}
 .card.card-custom.card-stretch.gutter-b {
     height: calc(100% - 25px);
}
 .card.card-custom.card-stretch.card-stretch-half {
     height: 50%;
}
 .card.card-custom.card-stretch.card-stretch-half.gutter-b {
     height: calc(50% - 25px);
}
 .card.card-custom.card-stretch.card-stretch-third {
     height: 33.33%;
}
 .card.card-custom.card-stretch.card-stretch-third.gutter-b {
     height: calc(33.33% - 25px);
}
 .card.card-custom.card-stretch.card-stretch-fourth {
     height: 25%;
}
 .card.card-custom.card-stretch.card-stretch-fourth.gutter-b {
     height: calc(25% - 25px);
}
 .card.card-custom.card-fit > .card-header {
     border-bottom: 0;
}
 .card.card-custom.card-fit > .card-footer {
     border-top: 0;
}
 .card.card-custom.card-space {
     padding-left: 2.25rem;
     padding-right: 2.25rem;
}
 .card.card-custom.card-space > .card-header {
     padding-left: 0;
     padding-right: 0;
}
 .card.card-custom.card-space > form > .card-body, .card.card-custom.card-space > .card-body {
     padding-left: 0;
     padding-right: 0;
}
 .card.card-custom.card-space > form > .card-footer, .card.card-custom.card-space > .card-footer {
     padding-left: 0;
     padding-right: 0;
}
 .card.card-custom.card-sticky > .card-header {
     -webkit-transition: left 0.3s, right 0.3s, height 0.3s;
     transition: left 0.3s, right 0.3s, height 0.3s;
     min-height: 70px;
}
 .card-sticky-on .card.card-custom.card-sticky > .card-header {
     -webkit-transition: left 0.3s, right 0.3s, height 0.3s;
     transition: left 0.3s, right 0.3s, height 0.3s;
     position: fixed;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
    box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
    z-index: 101;
    background: #fff;
    /* background: #eef0f8; */
    border-radius: 0;
    margin: 0 -26px;
    padding-left: 26px;
    padding-right:26px;
    /* border-bottom: solid 1px rgba(203, 203, 229,0.8); */
}
.aside-minimize .dash-inner-tabs-parent.inner-card-tab-fixed,
.aside-minimize.card-sticky-on .card.card-custom.card-sticky > .card-header{
    left: 96px;
}
.card-sticky-on .card.card-custom.card-sticky .main-dashboard-tabs ul{
    padding:0px;
}
 .card.card-custom.card-transparent {
     background-color: transparent;
}
 .card.card-custom.card-shadowless {
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .card.card-custom.card-border {
     -webkit-box-shadow: none;
     box-shadow: none;
     border: 1px solid #EBEDF3;
}
 .card.card-custom .card-scroll {
     position: relative;
     overflow: auto;
}
 .card.card-custom.card-collapsed > form, .card.card-custom.card-collapsed > .card-body {
     display: none;
}
 .card.card-custom .card-header .card-toolbar [data-card-tool="toggle"] i {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .card.card-custom.card-collapsed .card-header .card-toolbar [data-card-tool="toggle"] i, .card.card-custom.card-collapse .card-header .card-toolbar [data-card-tool="toggle"] i {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
}
 .card-spacer {
     padding: 2rem 2.25rem !important;
}
 .card-spacer-x {
     padding-left: 2.25rem !important;
     padding-right: 2.25rem !important;
}
 .card-spacer-y {
     padding-top: 2rem !important;
     padding-bottom: 2rem !important;
}
 .card-rounded {
     border-radius: 0.35rem;
}
 .card-rounded-top {
     border-top-left-radius: 0.42rem;
     border-top-right-radius: 0.42rem;
}
 .card-rounded-bottom {
     border-bottom-left-radius: 0.42rem;
     border-bottom-right-radius: 0.42rem;
}
 @media (max-width: 767.98px) {
     .card.card-custom > .card-header:not(.flex-nowrap) {
         min-height: 0;
         padding-top: 0.5rem;
         padding-bottom: 0.5rem;
    }
}
 .rounded-card {
     border-radius: 0.35rem;
}
 .rounded-card-top {
     border-top-left-radius: 0.42rem;
     border-top-right-radius: 0.42rem;
}
 .rounded-card-bottom {
     border-bottom-left-radius: 0.42rem;
     border-bottom-right-radius: 0.42rem;
}
 .wizard [data-wizard-type="step-info"] {
     display: none;
}
 .wizard [data-wizard-type="step-info"][data-wizard-state="current"] {
     display: block;
}
 .wizard [data-wizard-type="step-content"] {
     display: none;
}
 .wizard [data-wizard-type="step-content"][data-wizard-state="current"] {
     display: block;
}
 .wizard [data-wizard-type="action-prev"] {
     display: none;
}
 .wizard [data-wizard-type="action-next"] {
     display: inline-block;
}
 .wizard [data-wizard-type="action-submit"] {
     display: none;
}
 .wizard[data-wizard-state="first"] [data-wizard-type="action-prev"] {
     display: none;
}
 .wizard[data-wizard-state="first"] [data-wizard-type="action-next"] {
     display: inline-block;
}
 .wizard[data-wizard-state="first"] [data-wizard-type="action-submit"] {
     display: none;
}
 .wizard[data-wizard-state="between"] [data-wizard-type="action-prev"] {
     display: inline-block;
}
 .wizard[data-wizard-state="between"] [data-wizard-type="action-next"] {
     display: inline-block;
}
 .wizard[data-wizard-state="between"] [data-wizard-type="action-submit"] {
     display: none;
}
 .wizard[data-wizard-state="last"] [data-wizard-type="action-prev"] {
     display: inline-block;
}
 .wizard[data-wizard-state="last"] [data-wizard-type="action-next"] {
     display: none;
}
 .wizard[data-wizard-state="last"] [data-wizard-type="action-submit"] {
     display: inline-block;
}
 .wizard[data-wizard-clickable="true"] .wizard-step {
     cursor: pointer;
}
 .h1 {
     font-size: 2rem !important;
}
 @media (max-width: 1200px) {
     .h1 {
         font-size: calc(1.325rem + 0.9vw) !important;
    }
}
 .h2 {
     font-size: 1.75rem !important;
}
 @media (max-width: 1200px) {
     .h2 {
         font-size: calc(1.3rem + 0.6vw) !important;
    }
}
 .h3 {
     font-size: 1.5rem !important;
}
 @media (max-width: 1200px) {
     .h3 {
         font-size: calc(1.275rem + 0.3vw) !important;
    }
}
 .h4 {
     font-size: 1.35rem !important;
}
 @media (max-width: 1200px) {
     .h4 {
         font-size: calc(1.26rem + 0.12vw) !important;
    }
}
 .h5 {
     font-size: 1.25rem !important;
}
 .h6 {
     font-size: 1.175rem !important;
}
 .lead {
     font-size: 1.25rem !important;
}
 .display-1 {
     font-size: 5.5rem !important;
}
 @media (max-width: 1200px) {
     .display-1 {
         font-size: calc(1.675rem + 5.1vw) !important;
    }
}
 .display-2 {
     font-size: 4.5rem !important;
}
 @media (max-width: 1200px) {
     .display-2 {
         font-size: calc(1.575rem + 3.9vw) !important;
    }
}
 .display-3 {
     font-size: 3.5rem !important;
}
 @media (max-width: 1200px) {
     .display-3 {
         font-size: calc(1.475rem + 2.7vw) !important;
    }
}
 .display-4 {
     font-size: 2.5rem !important;
}
 @media (max-width: 1200px) {
     .display-4 {
         font-size: calc(1.375rem + 1.5vw) !important;
    }
     .topbar .btn.btn-icon.btn-lg, .topbar .btn-group-lg > .btn.btn-icon {
         height: calc(1.1em + 1.65rem + 2px);
         width: calc(1.1em + 1.65rem + 2px);
    }
     .topbar .svg-icon.svg-icon-xl svg {
         height: 1.8rem !important;
         width: 1.8rem !important;
    }
     .topbar-username {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         max-width: 85px;
    }
}
 a, button {
     outline: 0 !important;
}
 .breadcrumb {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .breadcrumb .breadcrumb-item a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-weight: 400;
}
 .breadcrumb .breadcrumb-item.active i, .breadcrumb .breadcrumb-item.active a, .breadcrumb .breadcrumb-item:hover i, .breadcrumb .breadcrumb-item:hover a {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #4785FF !important;
}
 .breadcrumb.breadcrumb-transparent {
     background-color: transparent;
     border-radius: 0;
     position: relative;
    margin-left: 5px;
}

.breadcrumb.breadcrumb-transparent::before {
    display: block;
    content: "\f1e4";
    font-family: Flaticon2;
    margin-left: 0.5rem;
    color: #9F9EB6;
    font-size: 9px;
    left: -22px;
    position: absolute;
  }
 .breadcrumb.breadcrumb-dot .breadcrumb-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .breadcrumb.breadcrumb-dot .breadcrumb-item:before {
     display: none;
}
 .breadcrumb.breadcrumb-dot .breadcrumb-item:after {
    display: block;
    content: "\f1e4";
    font-family: Flaticon2;
    margin-left: 0.5rem;
    color: #9F9EB6;
    font-size: 9px;
}
 .breadcrumb.breadcrumb-dot .breadcrumb-item:last-child:after {
     display: none;
}
 .nav .nav-link {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     padding: 0.75rem 1.5rem;
     color: #7E8299;
}
 .nav .nav-link .nav-text {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     font-size: 1.1rem;
     color: #7E8299;
     font-weight: 400;
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .nav .nav-link .nav-icon {
     line-height: 0;
     color: #7E8299;
     width: 2rem;
}
 .nav .nav-link .nav-icon:before {
     line-height: 0;
}
 .nav .nav-link .nav-icon i {
     color: #B5B5C3;
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     font-size: 1.25rem;
}
 .nav .nav-link .nav-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #B5B5C3;
}
 .nav .nav-link .nav-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav .nav-link .label {
     margin-left: 0.25rem;
}
 .nav .nav-link.disabled {
     opacity: 0.6;
}
.nav .show > .nav-link i, .nav .nav-link:hover:not(.disabled) i, .nav .nav-link.active i,
.nav .show > .nav-link, .nav .nav-link:hover:not(.disabled), .nav .nav-link.active {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #4785FF;
     border-color: #4785FF;
}
 .nav .show > .nav-link .nav-text, .nav .nav-link:hover:not(.disabled) .nav-text, .nav .nav-link.active .nav-text {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #4785FF;
}
 .nav .show > .nav-link .nav-icon i, .nav .nav-link:hover:not(.disabled) .nav-icon i, .nav .nav-link.active .nav-icon i {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #4785FF;
}
 .nav .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill], .nav .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .nav .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill], .nav .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav .show > .nav-link:after, .nav .nav-link:hover:not(.disabled):after, .nav .nav-link.active:after {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #4785FF;
}
 .nav.nav-bold .nav-item .nav-link {
     font-weight: 500;
}
 .nav.nav-bold .nav-item .nav-link .nav-text {
     font-weight: 500;
}
 .nav.nav-bolder .nav-item .nav-link {
     font-weight: 600;
}
 .nav.nav-bolder .nav-item .nav-link .nav-text {
     font-weight: 600;
}
 .nav.nav-boldest .nav-item .nav-link {
     font-weight: 700;
}
 .nav.nav-boldest .nav-item .nav-link .nav-text {
     font-weight: 700;
}
 .nav.nav-tabs .nav-item {
     margin-right: 0.25rem;
}
 .nav.nav-tabs .nav-item:last-child {
     margin-right: 0;
}
 .nav.nav-tabs .nav-link .nav-text {
     -webkit-box-flex: 0;
     -ms-flex-positive: 0;
     flex-grow: 0;
}
 .nav.nav-tabs.nav-tabs-line .nav-item {
     margin: 0 0 -1px 0;
}
 .nav.nav-tabs.nav-tabs-line .nav-link {
     border: 0;
     border-bottom: 1px solid transparent;
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     padding: 0.85rem 0;
     margin: 0 1rem;
}
 .nav-item:first-child .nav.nav-tabs.nav-tabs-line .nav-link {
     margin-left: 0;
}
 .nav-item:last-child .nav.nav-tabs.nav-tabs-line .nav-link {
     margin-right: 0;
}
 .nav.nav-tabs.nav-tabs-line .nav-item:first-child .nav-link {
     margin-left: 0;
}
 .nav.nav-tabs.nav-tabs-line .nav-item:last-child .nav-link {
     margin-right: 0;
}
 .nav.nav-tabs.nav-tabs-line .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line .nav-link.active, .nav.nav-tabs.nav-tabs-line .show > .nav-link {
     background-color: transparent;
     border: 0;
     border-bottom: 1px solid #4785FF;
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x {
     border-bottom-width: 2px;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x .nav-item {
     margin-bottom: -2px;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x .nav-link {
     border-bottom: 2px solid transparent;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-2x .show > .nav-link {
     border-bottom: 2px solid #4785FF;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x {
     border-bottom-width: 3px;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-item {
     margin-bottom: -3px;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-link {
     border-bottom: 3px solid transparent;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .show > .nav-link {
     border-bottom: 3px solid #4785FF;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white {
     border-bottom-color: rgba(255, 255, 255, 0.7);
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link {
     color: rgba(255, 255, 255, 0.7);
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link .nav-text {
     color: rgba(255, 255, 255, 0.7);
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link .nav-icon i {
     color: rgba(255, 255, 255, 0.7);
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(255, 255, 255, 0.7);
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link .nav-arrow {
     color: rgba(255, 255, 255, 0.7);
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show > .nav-link {
     border-bottom-color: #ffffff;
     color: #ffffff;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link:hover:not(.disabled) .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link.active .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show > .nav-link .nav-text {
     color: #ffffff;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link:hover:not(.disabled) .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link.active .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show > .nav-link .nav-icon i {
     color: #ffffff;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link.active .nav-icon .svg-icon svg g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show > .nav-link .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link.active .nav-icon .svg-icon svg:hover g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link:hover:not(.disabled) .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .nav-link.active .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-transparent-white .show > .nav-link .nav-arrow {
     color: #ffffff;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary {
     border-bottom-color: #E1F0FF !important;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show > .nav-link {
     border-bottom-color: #4785FF;
     color: #4785FF;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled) .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show > .nav-link .nav-text {
     color: #4785FF;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled) .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show > .nav-link .nav-icon i {
     color: #4785FF;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active .nav-icon .svg-icon svg g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show > .nav-link .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active .nav-icon .svg-icon svg:hover g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link:hover:not(.disabled) .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .nav-link.active .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-primary .show > .nav-link .nav-arrow {
     color: #4785FF;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-primary .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-primary .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-primary .show > .nav-link {
     border-bottom-color: #4785FF !important;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary {
     border-bottom-color: #EBEDF3 !important;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .show > .nav-link {
     border-bottom-color: #E4E6EF;
     color: #E4E6EF;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link:hover:not(.disabled) .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link.active .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .show > .nav-link .nav-text {
     color: #E4E6EF;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link:hover:not(.disabled) .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link.active .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .show > .nav-link .nav-icon i {
     color: #E4E6EF;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link.active .nav-icon .svg-icon svg g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .show > .nav-link .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #E4E6EF;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link.active .nav-icon .svg-icon svg:hover g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link:hover:not(.disabled) .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .nav-link.active .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-secondary .show > .nav-link .nav-arrow {
     color: #E4E6EF;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-secondary .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-secondary .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-secondary .show > .nav-link {
     border-bottom-color: #E4E6EF !important;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success {
     border-bottom-color: rgba(67, 213, 173, 0.15) !important;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .show > .nav-link {
     border-bottom-color: #32D0A5;
     color: #32D0A5;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link:hover:not(.disabled) .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link.active .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .show > .nav-link .nav-text {
     color: #32D0A5;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link:hover:not(.disabled) .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link.active .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .show > .nav-link .nav-icon i {
     color: #32D0A5;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link.active .nav-icon .svg-icon svg g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .show > .nav-link .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link.active .nav-icon .svg-icon svg:hover g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link:hover:not(.disabled) .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .nav-link.active .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-success .show > .nav-link .nav-arrow {
     color: #32D0A5;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-success .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-success .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-success .show > .nav-link {
     border-bottom-color: #32D0A5 !important;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info {
     border-bottom-color: #EEE5FF !important;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .show > .nav-link {
     border-bottom-color: #7B6FFF;
     color: #7B6FFF;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link:hover:not(.disabled) .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link.active .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .show > .nav-link .nav-text {
     color: #7B6FFF;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link:hover:not(.disabled) .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link.active .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .show > .nav-link .nav-icon i {
     color: #7B6FFF;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link.active .nav-icon .svg-icon svg g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .show > .nav-link .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link.active .nav-icon .svg-icon svg:hover g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link:hover:not(.disabled) .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .nav-link.active .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-info .show > .nav-link .nav-arrow {
     color: #7B6FFF;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-info .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-info .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-info .show > .nav-link {
     border-bottom-color: #7B6FFF !important;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning {
     border-bottom-color: #FFF4DE !important;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show > .nav-link {
     border-bottom-color: #FFA800;
     color: #FFA800;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled) .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show > .nav-link .nav-text {
     color: #FFA800;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled) .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show > .nav-link .nav-icon i {
     color: #FFA800;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active .nav-icon .svg-icon svg g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show > .nav-link .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active .nav-icon .svg-icon svg:hover g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link:hover:not(.disabled) .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .nav-link.active .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-warning .show > .nav-link .nav-arrow {
     color: #FFA800;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-warning .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-warning .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-warning .show > .nav-link {
     border-bottom-color: #FFA800 !important;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger {
     border-bottom-color: #FFEFEF !important;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .show > .nav-link {
     border-bottom-color: #F64E60;
     color: #F64E60;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link:hover:not(.disabled) .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link.active .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .show > .nav-link .nav-text {
     color: #F64E60;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link:hover:not(.disabled) .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link.active .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .show > .nav-link .nav-icon i {
     color: #F64E60;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link.active .nav-icon .svg-icon svg g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .show > .nav-link .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link.active .nav-icon .svg-icon svg:hover g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link:hover:not(.disabled) .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .nav-link.active .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-danger .show > .nav-link .nav-arrow {
     color: #F64E60;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-danger .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-danger .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-danger .show > .nav-link {
     border-bottom-color: #F64E60 !important;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light {
     border-bottom-color: #F3F6F9 !important;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .show > .nav-link {
     border-bottom-color: #F3F6F9;
     color: #F3F6F9;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link:hover:not(.disabled) .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link.active .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .show > .nav-link .nav-text {
     color: #F3F6F9;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link:hover:not(.disabled) .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link.active .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .show > .nav-link .nav-icon i {
     color: #F3F6F9;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link.active .nav-icon .svg-icon svg g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .show > .nav-link .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link.active .nav-icon .svg-icon svg:hover g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link:hover:not(.disabled) .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .nav-link.active .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-light .show > .nav-link .nav-arrow {
     color: #F3F6F9;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-light .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-light .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-light .show > .nav-link {
     border-bottom-color: #F3F6F9 !important;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark {
     border-bottom-color: #D1D3E0 !important;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .show > .nav-link {
     border-bottom-color: #181C32;
     color: #181C32;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link:hover:not(.disabled) .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link.active .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .show > .nav-link .nav-text {
     color: #181C32;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link:hover:not(.disabled) .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link.active .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .show > .nav-link .nav-icon i {
     color: #181C32;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link.active .nav-icon .svg-icon svg g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .show > .nav-link .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link.active .nav-icon .svg-icon svg:hover g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link:hover:not(.disabled) .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .nav-link.active .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-dark .show > .nav-link .nav-arrow {
     color: #181C32;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-dark .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-dark .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-dark .show > .nav-link {
     border-bottom-color: #181C32 !important;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white {
     border-bottom-color: #ffffff !important;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .show > .nav-link {
     border-bottom-color: #ffffff;
     color: #ffffff;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link:hover:not(.disabled) .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link.active .nav-text, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .show > .nav-link .nav-text {
     color: #ffffff;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link:hover:not(.disabled) .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link.active .nav-icon i, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .show > .nav-link .nav-icon i {
     color: #ffffff;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link.active .nav-icon .svg-icon svg g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .show > .nav-link .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link:hover:not(.disabled) .nav-icon .svg-icon svg:hover g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link.active .nav-icon .svg-icon svg:hover g [fill], .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .show > .nav-link .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link:hover:not(.disabled) .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .nav-link.active .nav-arrow, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-white .show > .nav-link .nav-arrow {
     color: #ffffff;
}
 .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-white .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-white .nav-link.active, .nav.nav-tabs.nav-tabs-line.nav-tabs-line-active-border-white .show > .nav-link {
     border-bottom-color: #ffffff !important;
}
 .nav.nav-pills.nav-fill .nav-item {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .nav.nav-pills.nav-fill .nav-link {
     text-align: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .nav.nav-pills.nav-fill .nav-link .nav-text {
     -webkit-box-flex: 0;
     -ms-flex-positive: 0;
     flex-grow: 0;
}
 .nav.nav-pills.nav-fill .nav-link .nav-icon {
     margin-right: 0.25rem;
}
 .nav.nav-pills.nav-group .nav-item {
     padding: 0;
     margin: 0;
}
 .nav.nav-pills.nav-group .nav-item .nav-link {
     border-radius: 0;
}
 .nav.nav-pills.nav-group .nav-item:first-child .nav-link {
     border-top-left-radius: 50rem;
     border-bottom-left-radius: 50rem;
}
 .nav.nav-pills.nav-group .nav-item:last-child .nav-link {
     border-top-right-radius: 50rem;
     border-bottom-right-radius: 50rem;
}
 .nav.nav-pills.nav-group.nav-rounded:first-child .nav-link {
     border-top-left-radius: 0.42rem;
     border-bottom-left-radius: 0.42rem;
}
 .nav.nav-pills.nav-group.nav-rounded:last-child .nav-link {
     border-top-right-radius: 0.42rem;
     border-bottom-right-radius: 0.42rem;
}
 .nav.nav-pills .nav-item {
     margin-right: 0.25rem;
}
 .nav.nav-pills .nav-link {
     color: #B5B5C3;
    /* background-color: #f5f6f7;
     */
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .nav.nav-pills .nav-link .nav-text {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .nav.nav-pills .nav-link .nav-icon i {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .nav.nav-pills .nav-link:after {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .nav.nav-pills .show > .nav-link, .nav.nav-pills .nav-link.active {
     color: #4785FF;
     background-color: rgba(79, 138, 255,0.2);
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .nav.nav-pills .show > .nav-link .nav-text, .nav.nav-pills .nav-link.active .nav-text {
     color: #ffffff;
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .nav.nav-pills .show > .nav-link .nav-icon i, .nav.nav-pills .nav-link.active .nav-icon i {
     color: rgba(255, 255, 255, 0.8);
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .nav.nav-pills .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(255, 255, 255, 0.8);
}
 .nav.nav-pills .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills .show > .nav-link:after, .nav.nav-pills .nav-link.active:after {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: rgba(255, 255, 255, 0.8);
}
 .nav.nav-pills.nav-primary .show > .nav-link, .nav.nav-pills.nav-primary .nav-link:hover:not(.active) {
     color: #4785FF;
     background-color: transparent;
}
 .nav.nav-pills.nav-primary .show > .nav-link .nav-text, .nav.nav-pills.nav-primary .nav-link:hover:not(.active) .nav-text {
     color: #4785FF;
}
 .nav.nav-pills.nav-primary .show > .nav-link .nav-icon i, .nav.nav-pills.nav-primary .nav-link:hover:not(.active) .nav-icon i {
     color: #4785FF;
}
 .nav.nav-pills.nav-primary .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-primary .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .nav.nav-pills.nav-primary .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-primary .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-primary .show > .nav-link:after, .nav.nav-pills.nav-primary .nav-link:hover:not(.active):after {
     color: #4785FF;
}
 .nav.nav-pills.nav-primary .nav-link.active {
     color: #FFFFFF;
     background-color:#4785FF;
}
 .nav.nav-pills.nav-primary .nav-link.active .nav-text {
     color: #FFFFFF;
}
 .nav.nav-pills.nav-primary .nav-link.active .nav-icon i {
     color: #FFFFFF;
}
 .nav.nav-pills.nav-primary .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFFFFF !important;
}
 .nav.nav-pills.nav-primary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-primary .nav-link.active:after {
     color: #FFFFFF;
}
 .nav.nav-pills.nav-light-primary .show > .nav-link, .nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) {
     color: #4785FF;
     background-color: transparent;
}
 .nav.nav-pills.nav-light-primary .show > .nav-link .nav-text, .nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-text {
     color: #4785FF;
}
 .nav.nav-pills.nav-light-primary .show > .nav-link .nav-icon i, .nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-icon i {
     color: #4785FF;
}
 .nav.nav-pills.nav-light-primary .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .nav.nav-pills.nav-light-primary .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-light-primary .show > .nav-link:after, .nav.nav-pills.nav-light-primary .nav-link:hover:not(.active):after {
     color: #4785FF;
}
 .nav.nav-pills.nav-light-primary .nav-link.active {
     color: #4785FF;
     background-color: rgba(54, 153, 255, 0.1);
}
 .nav.nav-pills.nav-light-primary .nav-link.active .nav-text {
     color: #4785FF;
}
 .nav.nav-pills.nav-light-primary .nav-link.active .nav-icon i {
     color: #4785FF;
}
 .nav.nav-pills.nav-light-primary .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .nav.nav-pills.nav-light-primary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-light-primary .nav-link.active:after {
     color: #4785FF;
}
 .nav.nav-pills.nav-group.nav-primary .nav-link {
     color: #4785FF;
     background-color: #E1F0FF;
     border: 0;
}
 .nav.nav-pills.nav-group.nav-primary .nav-link .nav-text {
     color: #4785FF;
}
 .nav.nav-pills.nav-group.nav-primary .nav-link .nav-icon i {
     color: #4785FF;
}
 .nav.nav-pills.nav-group.nav-primary .nav-link .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .nav.nav-pills.nav-group.nav-primary .nav-link .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-group.nav-primary .nav-link:after {
     color: #4785FF;
}
 .nav.nav-pills.nav-group.nav-primary .show > .nav-link, .nav.nav-pills.nav-group.nav-primary .nav-link:hover, .nav.nav-pills.nav-group.nav-primary .nav-link.active {
     color: #FFFFFF;
     background-color:#4785FF;
}
 .nav.nav-pills.nav-group.nav-primary .show > .nav-link .nav-text, .nav.nav-pills.nav-group.nav-primary .nav-link:hover .nav-text, .nav.nav-pills.nav-group.nav-primary .nav-link.active .nav-text {
     color: #FFFFFF;
}
 .nav.nav-pills.nav-group.nav-primary .show > .nav-link .nav-icon i, .nav.nav-pills.nav-group.nav-primary .nav-link:hover .nav-icon i, .nav.nav-pills.nav-group.nav-primary .nav-link.active .nav-icon i {
     color: #FFFFFF;
}
 .nav.nav-pills.nav-group.nav-primary .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-group.nav-primary .nav-link:hover .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-group.nav-primary .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFFFFF;
}
 .nav.nav-pills.nav-group.nav-primary .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-group.nav-primary .nav-link:hover .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-group.nav-primary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-group.nav-primary .show > .nav-link:after, .nav.nav-pills.nav-group.nav-primary .nav-link:hover:after, .nav.nav-pills.nav-group.nav-primary .nav-link.active:after {
     color: #FFFFFF;
}
 .nav.nav-pills.nav-group.nav-primary .nav-link:hover {
     background-color: #187DE4;
}
 .nav.nav-pills.nav-secondary .show > .nav-link, .nav.nav-pills.nav-secondary .nav-link:hover:not(.active) {
     color: #E4E6EF;
     background-color: transparent;
}
 .nav.nav-pills.nav-secondary .show > .nav-link .nav-text, .nav.nav-pills.nav-secondary .nav-link:hover:not(.active) .nav-text {
     color: #E4E6EF;
}
 .nav.nav-pills.nav-secondary .show > .nav-link .nav-icon i, .nav.nav-pills.nav-secondary .nav-link:hover:not(.active) .nav-icon i {
     color: #E4E6EF;
}
 .nav.nav-pills.nav-secondary .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-secondary .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #E4E6EF;
}
 .nav.nav-pills.nav-secondary .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-secondary .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-secondary .show > .nav-link:after, .nav.nav-pills.nav-secondary .nav-link:hover:not(.active):after {
     color: #E4E6EF;
}
 .nav.nav-pills.nav-secondary .nav-link.active {
     color: rgba(63, 66, 84, 0.9);
     background-color: #E4E6EF;
}
 .nav.nav-pills.nav-secondary .nav-link.active .nav-text {
     color: rgba(63, 66, 84, 0.9);
}
 .nav.nav-pills.nav-secondary .nav-link.active .nav-icon i {
     color: rgba(63, 66, 84, 0.9);
}
 .nav.nav-pills.nav-secondary .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9) !important;
}
 .nav.nav-pills.nav-secondary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-secondary .nav-link.active:after {
     color: rgba(63, 66, 84, 0.9);
}
 .nav.nav-pills.nav-light-secondary .show > .nav-link, .nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active) {
     color: #E4E6EF;
     background-color: transparent;
}
 .nav.nav-pills.nav-light-secondary .show > .nav-link .nav-text, .nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active) .nav-text {
     color: #E4E6EF;
}
 .nav.nav-pills.nav-light-secondary .show > .nav-link .nav-icon i, .nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active) .nav-icon i {
     color: #E4E6EF;
}
 .nav.nav-pills.nav-light-secondary .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #E4E6EF;
}
 .nav.nav-pills.nav-light-secondary .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-light-secondary .show > .nav-link:after, .nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active):after {
     color: #E4E6EF;
}
 .nav.nav-pills.nav-light-secondary .nav-link.active {
     color: #E4E6EF;
     background-color: rgba(228, 230, 239, 0.1);
}
 .nav.nav-pills.nav-light-secondary .nav-link.active .nav-text {
     color: #E4E6EF;
}
 .nav.nav-pills.nav-light-secondary .nav-link.active .nav-icon i {
     color: #E4E6EF;
}
 .nav.nav-pills.nav-light-secondary .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #E4E6EF;
}
 .nav.nav-pills.nav-light-secondary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-light-secondary .nav-link.active:after {
     color: #E4E6EF;
}
 .nav.nav-pills.nav-group.nav-secondary .nav-link {
     color: #E4E6EF;
     background-color: #EBEDF3;
     border: 0;
}
 .nav.nav-pills.nav-group.nav-secondary .nav-link .nav-text {
     color: #E4E6EF;
}
 .nav.nav-pills.nav-group.nav-secondary .nav-link .nav-icon i {
     color: #E4E6EF;
}
 .nav.nav-pills.nav-group.nav-secondary .nav-link .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #E4E6EF;
}
 .nav.nav-pills.nav-group.nav-secondary .nav-link .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-group.nav-secondary .nav-link:after {
     color: #E4E6EF;
}
 .nav.nav-pills.nav-group.nav-secondary .show > .nav-link, .nav.nav-pills.nav-group.nav-secondary .nav-link:hover, .nav.nav-pills.nav-group.nav-secondary .nav-link.active {
     color: rgba(63, 66, 84, 0.9);
     background-color: #E4E6EF;
}
 .nav.nav-pills.nav-group.nav-secondary .show > .nav-link .nav-text, .nav.nav-pills.nav-group.nav-secondary .nav-link:hover .nav-text, .nav.nav-pills.nav-group.nav-secondary .nav-link.active .nav-text {
     color: rgba(63, 66, 84, 0.9);
}
 .nav.nav-pills.nav-group.nav-secondary .show > .nav-link .nav-icon i, .nav.nav-pills.nav-group.nav-secondary .nav-link:hover .nav-icon i, .nav.nav-pills.nav-group.nav-secondary .nav-link.active .nav-icon i {
     color: rgba(63, 66, 84, 0.9);
}
 .nav.nav-pills.nav-group.nav-secondary .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-group.nav-secondary .nav-link:hover .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-group.nav-secondary .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .nav.nav-pills.nav-group.nav-secondary .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-group.nav-secondary .nav-link:hover .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-group.nav-secondary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-group.nav-secondary .show > .nav-link:after, .nav.nav-pills.nav-group.nav-secondary .nav-link:hover:after, .nav.nav-pills.nav-group.nav-secondary .nav-link.active:after {
     color: rgba(63, 66, 84, 0.9);
}
 .nav.nav-pills.nav-group.nav-secondary .nav-link:hover {
     background-color: #d7dae7;
}
 .nav.nav-pills.nav-success .show > .nav-link, .nav.nav-pills.nav-success .nav-link:hover:not(.active) {
     color: #32D0A5;
     background-color: transparent;
}
 .nav.nav-pills.nav-success .show > .nav-link .nav-text, .nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-text {
     color: #32D0A5;
}
 .nav.nav-pills.nav-success .show > .nav-link .nav-icon i, .nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-icon i {
     color: #32D0A5;
}
 .nav.nav-pills.nav-success .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .nav.nav-pills.nav-success .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-success .show > .nav-link:after, .nav.nav-pills.nav-success .nav-link:hover:not(.active):after {
     color: #32D0A5;
}
 .nav.nav-pills.nav-success .nav-link.active {
     color: #ffffff;
     background-color: #32D0A5;
}
 .nav.nav-pills.nav-success .nav-link.active .nav-text {
     color: #ffffff;
}
 .nav.nav-pills.nav-success .nav-link.active .nav-icon i {
     color: #ffffff;
}
 .nav.nav-pills.nav-success .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff !important;
}
 .nav.nav-pills.nav-success .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-success .nav-link.active:after {
     color: #ffffff;
}
 .nav.nav-pills.nav-light-success .show > .nav-link, .nav.nav-pills.nav-light-success .nav-link:hover:not(.active) {
     color: #32D0A5;
     background-color: transparent;
}
 .nav.nav-pills.nav-light-success .show > .nav-link .nav-text, .nav.nav-pills.nav-light-success .nav-link:hover:not(.active) .nav-text {
     color: #32D0A5;
}
 .nav.nav-pills.nav-light-success .show > .nav-link .nav-icon i, .nav.nav-pills.nav-light-success .nav-link:hover:not(.active) .nav-icon i {
     color: #32D0A5;
}
 .nav.nav-pills.nav-light-success .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-light-success .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .nav.nav-pills.nav-light-success .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-light-success .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-light-success .show > .nav-link:after, .nav.nav-pills.nav-light-success .nav-link:hover:not(.active):after {
     color: #32D0A5;
}
 .nav.nav-pills.nav-light-success .nav-link.active {
     color: #32D0A5;
     background-color: rgba(27, 197, 189, 0.1);
}
 .nav.nav-pills.nav-light-success .nav-link.active .nav-text {
     color: #32D0A5;
}
 .nav.nav-pills.nav-light-success .nav-link.active .nav-icon i {
     color: #32D0A5;
}
 .nav.nav-pills.nav-light-success .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .nav.nav-pills.nav-light-success .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-light-success .nav-link.active:after {
     color: #32D0A5;
}
 .nav.nav-pills.nav-group.nav-success .nav-link {
     color: #32D0A5;
     background-color: rgba(67, 213, 173, 0.15);
     border: 0;
}
 .nav.nav-pills.nav-group.nav-success .nav-link .nav-text {
     color: #32D0A5;
}
 .nav.nav-pills.nav-group.nav-success .nav-link .nav-icon i {
     color: #32D0A5;
}
 .nav.nav-pills.nav-group.nav-success .nav-link .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .nav.nav-pills.nav-group.nav-success .nav-link .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-group.nav-success .nav-link:after {
     color: #32D0A5;
}
 .nav.nav-pills.nav-group.nav-success .show > .nav-link, .nav.nav-pills.nav-group.nav-success .nav-link:hover, .nav.nav-pills.nav-group.nav-success .nav-link.active {
     color: #ffffff;
     background-color: #32D0A5;
}
 .nav.nav-pills.nav-group.nav-success .show > .nav-link .nav-text, .nav.nav-pills.nav-group.nav-success .nav-link:hover .nav-text, .nav.nav-pills.nav-group.nav-success .nav-link.active .nav-text {
     color: #ffffff;
}
 .nav.nav-pills.nav-group.nav-success .show > .nav-link .nav-icon i, .nav.nav-pills.nav-group.nav-success .nav-link:hover .nav-icon i, .nav.nav-pills.nav-group.nav-success .nav-link.active .nav-icon i {
     color: #ffffff;
}
 .nav.nav-pills.nav-group.nav-success .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-group.nav-success .nav-link:hover .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-group.nav-success .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .nav.nav-pills.nav-group.nav-success .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-group.nav-success .nav-link:hover .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-group.nav-success .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-group.nav-success .show > .nav-link:after, .nav.nav-pills.nav-group.nav-success .nav-link:hover:after, .nav.nav-pills.nav-group.nav-success .nav-link.active:after {
     color: #ffffff;
}
 .nav.nav-pills.nav-group.nav-success .nav-link:hover {
     background-color: #0BB7AF;
}
 .nav.nav-pills.nav-info .show > .nav-link, .nav.nav-pills.nav-info .nav-link:hover:not(.active) {
     color: #7B6FFF;
     background-color: transparent;
}
 .nav.nav-pills.nav-info .show > .nav-link .nav-text, .nav.nav-pills.nav-info .nav-link:hover:not(.active) .nav-text {
     color: #7B6FFF;
}
 .nav.nav-pills.nav-info .show > .nav-link .nav-icon i, .nav.nav-pills.nav-info .nav-link:hover:not(.active) .nav-icon i {
     color: #7B6FFF;
}
 .nav.nav-pills.nav-info .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-info .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .nav.nav-pills.nav-info .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-info .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-info .show > .nav-link:after, .nav.nav-pills.nav-info .nav-link:hover:not(.active):after {
     color: #7B6FFF;
}
 .nav.nav-pills.nav-info .nav-link.active {
     color: #ffffff;
     background-color: #7B6FFF;
}
 .nav.nav-pills.nav-info .nav-link.active .nav-text {
     color: #ffffff;
}
 .nav.nav-pills.nav-info .nav-link.active .nav-icon i {
     color: #ffffff;
}
 .nav.nav-pills.nav-info .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff !important;
}
 .nav.nav-pills.nav-info .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-info .nav-link.active:after {
     color: #ffffff;
}
 .nav.nav-pills.nav-light-info .show > .nav-link, .nav.nav-pills.nav-light-info .nav-link:hover:not(.active) {
     color: #7B6FFF;
     background-color: transparent;
}
 .nav.nav-pills.nav-light-info .show > .nav-link .nav-text, .nav.nav-pills.nav-light-info .nav-link:hover:not(.active) .nav-text {
     color: #7B6FFF;
}
 .nav.nav-pills.nav-light-info .show > .nav-link .nav-icon i, .nav.nav-pills.nav-light-info .nav-link:hover:not(.active) .nav-icon i {
     color: #7B6FFF;
}
 .nav.nav-pills.nav-light-info .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-light-info .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .nav.nav-pills.nav-light-info .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-light-info .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-light-info .show > .nav-link:after, .nav.nav-pills.nav-light-info .nav-link:hover:not(.active):after {
     color: #7B6FFF;
}
 .nav.nav-pills.nav-light-info .nav-link.active {
     color: #7B6FFF;
     background-color: rgba(137, 80, 252, 0.1);
}
 .nav.nav-pills.nav-light-info .nav-link.active .nav-text {
     color: #7B6FFF;
}
 .nav.nav-pills.nav-light-info .nav-link.active .nav-icon i {
     color: #7B6FFF;
}
 .nav.nav-pills.nav-light-info .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .nav.nav-pills.nav-light-info .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-light-info .nav-link.active:after {
     color: #7B6FFF;
}
 .nav.nav-pills.nav-group.nav-info .nav-link {
     color: #7B6FFF;
     background-color: #EEE5FF;
     border: 0;
}
 .nav.nav-pills.nav-group.nav-info .nav-link .nav-text {
     color: #7B6FFF;
}
 .nav.nav-pills.nav-group.nav-info .nav-link .nav-icon i {
     color: #7B6FFF;
}
 .nav.nav-pills.nav-group.nav-info .nav-link .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .nav.nav-pills.nav-group.nav-info .nav-link .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-group.nav-info .nav-link:after {
     color: #7B6FFF;
}
 .nav.nav-pills.nav-group.nav-info .show > .nav-link, .nav.nav-pills.nav-group.nav-info .nav-link:hover, .nav.nav-pills.nav-group.nav-info .nav-link.active {
     color: #ffffff;
     background-color: #7B6FFF;
}
 .nav.nav-pills.nav-group.nav-info .show > .nav-link .nav-text, .nav.nav-pills.nav-group.nav-info .nav-link:hover .nav-text, .nav.nav-pills.nav-group.nav-info .nav-link.active .nav-text {
     color: #ffffff;
}
 .nav.nav-pills.nav-group.nav-info .show > .nav-link .nav-icon i, .nav.nav-pills.nav-group.nav-info .nav-link:hover .nav-icon i, .nav.nav-pills.nav-group.nav-info .nav-link.active .nav-icon i {
     color: #ffffff;
}
 .nav.nav-pills.nav-group.nav-info .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-group.nav-info .nav-link:hover .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-group.nav-info .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .nav.nav-pills.nav-group.nav-info .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-group.nav-info .nav-link:hover .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-group.nav-info .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-group.nav-info .show > .nav-link:after, .nav.nav-pills.nav-group.nav-info .nav-link:hover:after, .nav.nav-pills.nav-group.nav-info .nav-link.active:after {
     color: #ffffff;
}
 .nav.nav-pills.nav-group.nav-info .nav-link:hover {
     background-color: #7337EE;
}
 .nav.nav-pills.nav-warning .show > .nav-link, .nav.nav-pills.nav-warning .nav-link:hover:not(.active) {
     color: #FFA800;
     background-color: transparent;
}
 .nav.nav-pills.nav-warning .show > .nav-link .nav-text, .nav.nav-pills.nav-warning .nav-link:hover:not(.active) .nav-text {
     color: #FFA800;
}
 .nav.nav-pills.nav-warning .show > .nav-link .nav-icon i, .nav.nav-pills.nav-warning .nav-link:hover:not(.active) .nav-icon i {
     color: #FFA800;
}
 .nav.nav-pills.nav-warning .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-warning .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .nav.nav-pills.nav-warning .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-warning .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-warning .show > .nav-link:after, .nav.nav-pills.nav-warning .nav-link:hover:not(.active):after {
     color: #FFA800;
}
 .nav.nav-pills.nav-warning .nav-link.active {
     color: #ffffff;
     background-color: #FFA800;
}
 .nav.nav-pills.nav-warning .nav-link.active .nav-text {
     color: #ffffff;
}
 .nav.nav-pills.nav-warning .nav-link.active .nav-icon i {
     color: #ffffff;
}
 .nav.nav-pills.nav-warning .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff !important;
}
 .nav.nav-pills.nav-warning .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-warning .nav-link.active:after {
     color: #ffffff;
}
 .nav.nav-pills.nav-light-warning .show > .nav-link, .nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) {
     color: #FFA800;
     background-color: transparent;
}
 .nav.nav-pills.nav-light-warning .show > .nav-link .nav-text, .nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) .nav-text {
     color: #FFA800;
}
 .nav.nav-pills.nav-light-warning .show > .nav-link .nav-icon i, .nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) .nav-icon i {
     color: #FFA800;
}
 .nav.nav-pills.nav-light-warning .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .nav.nav-pills.nav-light-warning .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-light-warning .show > .nav-link:after, .nav.nav-pills.nav-light-warning .nav-link:hover:not(.active):after {
     color: #FFA800;
}
 .nav.nav-pills.nav-light-warning .nav-link.active {
     color: #FFA800;
     background-color: rgba(255, 168, 0, 0.1);
}
 .nav.nav-pills.nav-light-warning .nav-link.active .nav-text {
     color: #FFA800;
}
 .nav.nav-pills.nav-light-warning .nav-link.active .nav-icon i {
     color: #FFA800;
}
 .nav.nav-pills.nav-light-warning .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .nav.nav-pills.nav-light-warning .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-light-warning .nav-link.active:after {
     color: #FFA800;
}
 .nav.nav-pills.nav-group.nav-warning .nav-link {
     color: #FFA800;
     background-color: #FFF4DE;
     border: 0;
}
 .nav.nav-pills.nav-group.nav-warning .nav-link .nav-text {
     color: #FFA800;
}
 .nav.nav-pills.nav-group.nav-warning .nav-link .nav-icon i {
     color: #FFA800;
}
 .nav.nav-pills.nav-group.nav-warning .nav-link .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .nav.nav-pills.nav-group.nav-warning .nav-link .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-group.nav-warning .nav-link:after {
     color: #FFA800;
}
 .nav.nav-pills.nav-group.nav-warning .show > .nav-link, .nav.nav-pills.nav-group.nav-warning .nav-link:hover, .nav.nav-pills.nav-group.nav-warning .nav-link.active {
     color: #ffffff;
     background-color: #FFA800;
}
 .nav.nav-pills.nav-group.nav-warning .show > .nav-link .nav-text, .nav.nav-pills.nav-group.nav-warning .nav-link:hover .nav-text, .nav.nav-pills.nav-group.nav-warning .nav-link.active .nav-text {
     color: #ffffff;
}
 .nav.nav-pills.nav-group.nav-warning .show > .nav-link .nav-icon i, .nav.nav-pills.nav-group.nav-warning .nav-link:hover .nav-icon i, .nav.nav-pills.nav-group.nav-warning .nav-link.active .nav-icon i {
     color: #ffffff;
}
 .nav.nav-pills.nav-group.nav-warning .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-group.nav-warning .nav-link:hover .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-group.nav-warning .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .nav.nav-pills.nav-group.nav-warning .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-group.nav-warning .nav-link:hover .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-group.nav-warning .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-group.nav-warning .show > .nav-link:after, .nav.nav-pills.nav-group.nav-warning .nav-link:hover:after, .nav.nav-pills.nav-group.nav-warning .nav-link.active:after {
     color: #ffffff;
}
 .nav.nav-pills.nav-group.nav-warning .nav-link:hover {
     background-color: #EE9D01;
}
 .nav.nav-pills.nav-danger .show > .nav-link, .nav.nav-pills.nav-danger .nav-link:hover:not(.active) {
     color: #F64E60;
     background-color: transparent;
}
 .nav.nav-pills.nav-danger .show > .nav-link .nav-text, .nav.nav-pills.nav-danger .nav-link:hover:not(.active) .nav-text {
     color: #F64E60;
}
 .nav.nav-pills.nav-danger .show > .nav-link .nav-icon i, .nav.nav-pills.nav-danger .nav-link:hover:not(.active) .nav-icon i {
     color: #F64E60;
}
 .nav.nav-pills.nav-danger .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-danger .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .nav.nav-pills.nav-danger .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-danger .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-danger .show > .nav-link:after, .nav.nav-pills.nav-danger .nav-link:hover:not(.active):after {
     color: #F64E60;
}
 .nav.nav-pills.nav-danger .nav-link.active {
     color: #ffffff;
     background-color: #F64E60;
}
 .nav.nav-pills.nav-danger .nav-link.active .nav-text {
     color: #ffffff;
}
 .nav.nav-pills.nav-danger .nav-link.active .nav-icon i {
     color: #ffffff;
}
 .nav.nav-pills.nav-danger .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff !important;
}
 .nav.nav-pills.nav-danger .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-danger .nav-link.active:after {
     color: #ffffff;
}
 .nav.nav-pills.nav-light-danger .show > .nav-link, .nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) {
     color: #F64E60;
     background-color: transparent;
}
 .nav.nav-pills.nav-light-danger .show > .nav-link .nav-text, .nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-text {
     color: #F64E60;
}
 .nav.nav-pills.nav-light-danger .show > .nav-link .nav-icon i, .nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-icon i {
     color: #F64E60;
}
 .nav.nav-pills.nav-light-danger .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .nav.nav-pills.nav-light-danger .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-light-danger .show > .nav-link:after, .nav.nav-pills.nav-light-danger .nav-link:hover:not(.active):after {
     color: #F64E60;
}
 .nav.nav-pills.nav-light-danger .nav-link.active {
     color: #F64E60;
     background-color: rgba(246, 78, 96, 0.1);
}
 .nav.nav-pills.nav-light-danger .nav-link.active .nav-text {
     color: #F64E60;
}
 .nav.nav-pills.nav-light-danger .nav-link.active .nav-icon i {
     color: #F64E60;
}
 .nav.nav-pills.nav-light-danger .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .nav.nav-pills.nav-light-danger .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-light-danger .nav-link.active:after {
     color: #F64E60;
}
 .nav.nav-pills.nav-group.nav-danger .nav-link {
     color: #F64E60;
     background-color: #FFEFEF;
     border: 0;
}
 .nav.nav-pills.nav-group.nav-danger .nav-link .nav-text {
     color: #F64E60;
}
 .nav.nav-pills.nav-group.nav-danger .nav-link .nav-icon i {
     color: #F64E60;
}
 .nav.nav-pills.nav-group.nav-danger .nav-link .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .nav.nav-pills.nav-group.nav-danger .nav-link .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-group.nav-danger .nav-link:after {
     color: #F64E60;
}
 .nav.nav-pills.nav-group.nav-danger .show > .nav-link, .nav.nav-pills.nav-group.nav-danger .nav-link:hover, .nav.nav-pills.nav-group.nav-danger .nav-link.active {
     color: #ffffff;
     background-color: #F64E60;
}
 .nav.nav-pills.nav-group.nav-danger .show > .nav-link .nav-text, .nav.nav-pills.nav-group.nav-danger .nav-link:hover .nav-text, .nav.nav-pills.nav-group.nav-danger .nav-link.active .nav-text {
     color: #ffffff;
}
 .nav.nav-pills.nav-group.nav-danger .show > .nav-link .nav-icon i, .nav.nav-pills.nav-group.nav-danger .nav-link:hover .nav-icon i, .nav.nav-pills.nav-group.nav-danger .nav-link.active .nav-icon i {
     color: #ffffff;
}
 .nav.nav-pills.nav-group.nav-danger .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-group.nav-danger .nav-link:hover .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-group.nav-danger .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .nav.nav-pills.nav-group.nav-danger .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-group.nav-danger .nav-link:hover .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-group.nav-danger .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-group.nav-danger .show > .nav-link:after, .nav.nav-pills.nav-group.nav-danger .nav-link:hover:after, .nav.nav-pills.nav-group.nav-danger .nav-link.active:after {
     color: #ffffff;
}
 .nav.nav-pills.nav-group.nav-danger .nav-link:hover {
     background-color: #EE2D41;
}
 .nav.nav-pills.nav-light .show > .nav-link, .nav.nav-pills.nav-light .nav-link:hover:not(.active) {
     color: #F3F6F9;
     background-color: transparent;
}
 .nav.nav-pills.nav-light .show > .nav-link .nav-text, .nav.nav-pills.nav-light .nav-link:hover:not(.active) .nav-text {
     color: #F3F6F9;
}
 .nav.nav-pills.nav-light .show > .nav-link .nav-icon i, .nav.nav-pills.nav-light .nav-link:hover:not(.active) .nav-icon i {
     color: #F3F6F9;
}
 .nav.nav-pills.nav-light .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-light .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .nav.nav-pills.nav-light .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-light .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-light .show > .nav-link:after, .nav.nav-pills.nav-light .nav-link:hover:not(.active):after {
     color: #F3F6F9;
}
 .nav.nav-pills.nav-light .nav-link.active {
     color: #7E8299;
     background-color: #F3F6F9;
}
 .nav.nav-pills.nav-light .nav-link.active .nav-text {
     color: #7E8299;
}
 .nav.nav-pills.nav-light .nav-link.active .nav-icon i {
     color: #7E8299;
}
 .nav.nav-pills.nav-light .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299 !important;
}
 .nav.nav-pills.nav-light .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-light .nav-link.active:after {
     color: #7E8299;
}
 .nav.nav-pills.nav-light-light .show > .nav-link, .nav.nav-pills.nav-light-light .nav-link:hover:not(.active) {
     color: #F3F6F9;
     background-color: transparent;
}
 .nav.nav-pills.nav-light-light .show > .nav-link .nav-text, .nav.nav-pills.nav-light-light .nav-link:hover:not(.active) .nav-text {
     color: #F3F6F9;
}
 .nav.nav-pills.nav-light-light .show > .nav-link .nav-icon i, .nav.nav-pills.nav-light-light .nav-link:hover:not(.active) .nav-icon i {
     color: #F3F6F9;
}
 .nav.nav-pills.nav-light-light .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-light-light .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .nav.nav-pills.nav-light-light .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-light-light .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-light-light .show > .nav-link:after, .nav.nav-pills.nav-light-light .nav-link:hover:not(.active):after {
     color: #F3F6F9;
}
 .nav.nav-pills.nav-light-light .nav-link.active {
     color: #F3F6F9;
     background-color: rgba(243, 246, 249, 0.1);
}
 .nav.nav-pills.nav-light-light .nav-link.active .nav-text {
     color: #F3F6F9;
}
 .nav.nav-pills.nav-light-light .nav-link.active .nav-icon i {
     color: #F3F6F9;
}
 .nav.nav-pills.nav-light-light .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .nav.nav-pills.nav-light-light .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-light-light .nav-link.active:after {
     color: #F3F6F9;
}
 .nav.nav-pills.nav-group.nav-light .nav-link {
     color: #F3F6F9;
     background-color: #F3F6F9;
     border: 0;
}
 .nav.nav-pills.nav-group.nav-light .nav-link .nav-text {
     color: #F3F6F9;
}
 .nav.nav-pills.nav-group.nav-light .nav-link .nav-icon i {
     color: #F3F6F9;
}
 .nav.nav-pills.nav-group.nav-light .nav-link .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .nav.nav-pills.nav-group.nav-light .nav-link .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-group.nav-light .nav-link:after {
     color: #F3F6F9;
}
 .nav.nav-pills.nav-group.nav-light .show > .nav-link, .nav.nav-pills.nav-group.nav-light .nav-link:hover, .nav.nav-pills.nav-group.nav-light .nav-link.active {
     color: #7E8299;
     background-color: #F3F6F9;
}
 .nav.nav-pills.nav-group.nav-light .show > .nav-link .nav-text, .nav.nav-pills.nav-group.nav-light .nav-link:hover .nav-text, .nav.nav-pills.nav-group.nav-light .nav-link.active .nav-text {
     color: #7E8299;
}
 .nav.nav-pills.nav-group.nav-light .show > .nav-link .nav-icon i, .nav.nav-pills.nav-group.nav-light .nav-link:hover .nav-icon i, .nav.nav-pills.nav-group.nav-light .nav-link.active .nav-icon i {
     color: #7E8299;
}
 .nav.nav-pills.nav-group.nav-light .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-group.nav-light .nav-link:hover .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-group.nav-light .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299;
}
 .nav.nav-pills.nav-group.nav-light .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-group.nav-light .nav-link:hover .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-group.nav-light .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-group.nav-light .show > .nav-link:after, .nav.nav-pills.nav-group.nav-light .nav-link:hover:after, .nav.nav-pills.nav-group.nav-light .nav-link.active:after {
     color: #7E8299;
}
 .nav.nav-pills.nav-group.nav-light .nav-link:hover {
     background-color: #E4E6EF;
}
 .nav.nav-pills.nav-dark .show > .nav-link, .nav.nav-pills.nav-dark .nav-link:hover:not(.active) {
     color: #181C32;
     background-color: transparent;
}
 .nav.nav-pills.nav-dark .show > .nav-link .nav-text, .nav.nav-pills.nav-dark .nav-link:hover:not(.active) .nav-text {
     color: #181C32;
}
 .nav.nav-pills.nav-dark .show > .nav-link .nav-icon i, .nav.nav-pills.nav-dark .nav-link:hover:not(.active) .nav-icon i {
     color: #181C32;
}
 .nav.nav-pills.nav-dark .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-dark .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .nav.nav-pills.nav-dark .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-dark .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-dark .show > .nav-link:after, .nav.nav-pills.nav-dark .nav-link:hover:not(.active):after {
     color: #181C32;
}
 .nav.nav-pills.nav-dark .nav-link.active {
     color: #ffffff;
     background-color: #181C32;
}
 .nav.nav-pills.nav-dark .nav-link.active .nav-text {
     color: #ffffff;
}
 .nav.nav-pills.nav-dark .nav-link.active .nav-icon i {
     color: #ffffff;
}
 .nav.nav-pills.nav-dark .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff !important;
}
 .nav.nav-pills.nav-dark .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-dark .nav-link.active:after {
     color: #ffffff;
}
 .nav.nav-pills.nav-light-dark .show > .nav-link, .nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) {
     color: #181C32;
     background-color: transparent;
}
 .nav.nav-pills.nav-light-dark .show > .nav-link .nav-text, .nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) .nav-text {
     color: #181C32;
}
 .nav.nav-pills.nav-light-dark .show > .nav-link .nav-icon i, .nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) .nav-icon i {
     color: #181C32;
}
 .nav.nav-pills.nav-light-dark .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .nav.nav-pills.nav-light-dark .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-light-dark .show > .nav-link:after, .nav.nav-pills.nav-light-dark .nav-link:hover:not(.active):after {
     color: #181C32;
}
 .nav.nav-pills.nav-light-dark .nav-link.active {
     color: #181C32;
     background-color: rgba(24, 28, 50, 0.1);
}
 .nav.nav-pills.nav-light-dark .nav-link.active .nav-text {
     color: #181C32;
}
 .nav.nav-pills.nav-light-dark .nav-link.active .nav-icon i {
     color: #181C32;
}
 .nav.nav-pills.nav-light-dark .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .nav.nav-pills.nav-light-dark .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-light-dark .nav-link.active:after {
     color: #181C32;
}
 .nav.nav-pills.nav-group.nav-dark .nav-link {
     color: #181C32;
     background-color: #D1D3E0;
     border: 0;
}
 .nav.nav-pills.nav-group.nav-dark .nav-link .nav-text {
     color: #181C32;
}
 .nav.nav-pills.nav-group.nav-dark .nav-link .nav-icon i {
     color: #181C32;
}
 .nav.nav-pills.nav-group.nav-dark .nav-link .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .nav.nav-pills.nav-group.nav-dark .nav-link .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-group.nav-dark .nav-link:after {
     color: #181C32;
}
 .nav.nav-pills.nav-group.nav-dark .show > .nav-link, .nav.nav-pills.nav-group.nav-dark .nav-link:hover, .nav.nav-pills.nav-group.nav-dark .nav-link.active {
     color: #ffffff;
     background-color: #181C32;
}
 .nav.nav-pills.nav-group.nav-dark .show > .nav-link .nav-text, .nav.nav-pills.nav-group.nav-dark .nav-link:hover .nav-text, .nav.nav-pills.nav-group.nav-dark .nav-link.active .nav-text {
     color: #ffffff;
}
 .nav.nav-pills.nav-group.nav-dark .show > .nav-link .nav-icon i, .nav.nav-pills.nav-group.nav-dark .nav-link:hover .nav-icon i, .nav.nav-pills.nav-group.nav-dark .nav-link.active .nav-icon i {
     color: #ffffff;
}
 .nav.nav-pills.nav-group.nav-dark .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-group.nav-dark .nav-link:hover .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-group.nav-dark .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .nav.nav-pills.nav-group.nav-dark .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-group.nav-dark .nav-link:hover .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-group.nav-dark .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-group.nav-dark .show > .nav-link:after, .nav.nav-pills.nav-group.nav-dark .nav-link:hover:after, .nav.nav-pills.nav-group.nav-dark .nav-link.active:after {
     color: #ffffff;
}
 .nav.nav-pills.nav-group.nav-dark .nav-link:hover {
     background-color: #131628;
}
 .nav.nav-pills.nav-white .show > .nav-link, .nav.nav-pills.nav-white .nav-link:hover:not(.active) {
     color: #ffffff;
     background-color: transparent;
}
 .nav.nav-pills.nav-white .show > .nav-link .nav-text, .nav.nav-pills.nav-white .nav-link:hover:not(.active) .nav-text {
     color: #ffffff;
}
 .nav.nav-pills.nav-white .show > .nav-link .nav-icon i, .nav.nav-pills.nav-white .nav-link:hover:not(.active) .nav-icon i {
     color: #ffffff;
}
 .nav.nav-pills.nav-white .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-white .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .nav.nav-pills.nav-white .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-white .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-white .show > .nav-link:after, .nav.nav-pills.nav-white .nav-link:hover:not(.active):after {
     color: #ffffff;
}
 .nav.nav-pills.nav-white .nav-link.active {
     color: rgba(63, 66, 84, 0.9);
     background-color: #ffffff;
}
 .nav.nav-pills.nav-white .nav-link.active .nav-text {
     color: rgba(63, 66, 84, 0.9);
}
 .nav.nav-pills.nav-white .nav-link.active .nav-icon i {
     color: rgba(63, 66, 84, 0.9);
}
 .nav.nav-pills.nav-white .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9) !important;
}
 .nav.nav-pills.nav-white .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-white .nav-link.active:after {
     color: rgba(63, 66, 84, 0.9);
}
 .nav.nav-pills.nav-light-white .show > .nav-link, .nav.nav-pills.nav-light-white .nav-link:hover:not(.active) {
     color: #ffffff;
     background-color: transparent;
}
 .nav.nav-pills.nav-light-white .show > .nav-link .nav-text, .nav.nav-pills.nav-light-white .nav-link:hover:not(.active) .nav-text {
     color: #ffffff;
}
 .nav.nav-pills.nav-light-white .show > .nav-link .nav-icon i, .nav.nav-pills.nav-light-white .nav-link:hover:not(.active) .nav-icon i {
     color: #ffffff;
}
 .nav.nav-pills.nav-light-white .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-light-white .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .nav.nav-pills.nav-light-white .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-light-white .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-light-white .show > .nav-link:after, .nav.nav-pills.nav-light-white .nav-link:hover:not(.active):after {
     color: #ffffff;
}
 .nav.nav-pills.nav-light-white .nav-link.active {
     color: #ffffff;
     background-color: rgba(255, 255, 255, 0.1);
}
 .nav.nav-pills.nav-light-white .nav-link.active .nav-text {
     color: #ffffff;
}
 .nav.nav-pills.nav-light-white .nav-link.active .nav-icon i {
     color: #ffffff;
}
 .nav.nav-pills.nav-light-white .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .nav.nav-pills.nav-light-white .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-light-white .nav-link.active:after {
     color: #ffffff;
}
 .nav.nav-pills.nav-group.nav-white .nav-link {
     color: #ffffff;
     background-color: #ffffff;
     border: 0;
}
 .nav.nav-pills.nav-group.nav-white .nav-link .nav-text {
     color: #ffffff;
}
 .nav.nav-pills.nav-group.nav-white .nav-link .nav-icon i {
     color: #ffffff;
}
 .nav.nav-pills.nav-group.nav-white .nav-link .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .nav.nav-pills.nav-group.nav-white .nav-link .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-group.nav-white .nav-link:after {
     color: #ffffff;
}
 .nav.nav-pills.nav-group.nav-white .show > .nav-link, .nav.nav-pills.nav-group.nav-white .nav-link:hover, .nav.nav-pills.nav-group.nav-white .nav-link.active {
     color: rgba(63, 66, 84, 0.9);
     background-color: #ffffff;
}
 .nav.nav-pills.nav-group.nav-white .show > .nav-link .nav-text, .nav.nav-pills.nav-group.nav-white .nav-link:hover .nav-text, .nav.nav-pills.nav-group.nav-white .nav-link.active .nav-text {
     color: rgba(63, 66, 84, 0.9);
}
 .nav.nav-pills.nav-group.nav-white .show > .nav-link .nav-icon i, .nav.nav-pills.nav-group.nav-white .nav-link:hover .nav-icon i, .nav.nav-pills.nav-group.nav-white .nav-link.active .nav-icon i {
     color: rgba(63, 66, 84, 0.9);
}
 .nav.nav-pills.nav-group.nav-white .show > .nav-link .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-group.nav-white .nav-link:hover .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-group.nav-white .nav-link.active .nav-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .nav.nav-pills.nav-group.nav-white .show > .nav-link .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-group.nav-white .nav-link:hover .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-group.nav-white .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .nav.nav-pills.nav-group.nav-white .show > .nav-link:after, .nav.nav-pills.nav-group.nav-white .nav-link:hover:after, .nav.nav-pills.nav-group.nav-white .nav-link.active:after {
     color: rgba(63, 66, 84, 0.9);
}
 .nav.nav-pills.nav-group.nav-white .nav-link:hover {
     background-color: #F3F6F9;
}
 .alert.alert-primary {
     background-color:#4785FF;
     border-color: #4785FF;
     color: #FFFFFF;
}
 .alert.alert-primary .close i {
     opacity: 0.8;
     color: #FFFFFF;
}
 .alert.alert-primary .close:focus i, .alert.alert-primary .close:hover i {
     opacity: 1;
     color: #FFFFFF;
}
 .alert.alert-secondary {
     background-color: #E4E6EF;
     border-color: #E4E6EF;
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-secondary .close i {
     opacity: 0.8;
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-secondary .close:focus i, .alert.alert-secondary .close:hover i {
     opacity: 1;
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-success {
     background-color: #32D0A5;
     border-color: #32D0A5;
     color: #ffffff;
}
 .alert.alert-success .close i {
     opacity: 0.8;
     color: #ffffff;
}
 .alert.alert-success .close:focus i, .alert.alert-success .close:hover i {
     opacity: 1;
     color: #ffffff;
}
 .alert.alert-info {
     background-color: #7B6FFF;
     border-color: #7B6FFF;
     color: #ffffff;
}
 .alert.alert-info .close i {
     opacity: 0.8;
     color: #ffffff;
}
 .alert.alert-info .close:focus i, .alert.alert-info .close:hover i {
     opacity: 1;
     color: #ffffff;
}
 .alert.alert-warning {
     background-color: #FFA800;
     border-color: #FFA800;
     color: #ffffff;
}
 .alert.alert-warning .close i {
     opacity: 0.8;
     color: #ffffff;
}
 .alert.alert-warning .close:focus i, .alert.alert-warning .close:hover i {
     opacity: 1;
     color: #ffffff;
}
 .alert.alert-danger {
     background-color: #F64E60;
     border-color: #F64E60;
     color: #ffffff;
}
 .alert.alert-danger .close i {
     opacity: 0.8;
     color: #ffffff;
}
 .alert.alert-danger .close:focus i, .alert.alert-danger .close:hover i {
     opacity: 1;
     color: #ffffff;
}
 .alert.alert-light {
     background-color: #F3F6F9;
     border-color: #F3F6F9;
     color: #7E8299;
}
 .alert.alert-light .close i {
     opacity: 0.8;
     color: #7E8299;
}
 .alert.alert-light .close:focus i, .alert.alert-light .close:hover i {
     opacity: 1;
     color: #7E8299;
}
 .alert.alert-dark {
     background-color: #181C32;
     border-color: #181C32;
     color: #ffffff;
}
 .alert.alert-dark .close i {
     opacity: 0.8;
     color: #ffffff;
}
 .alert.alert-dark .close:focus i, .alert.alert-dark .close:hover i {
     opacity: 1;
     color: #ffffff;
}
 .alert.alert-white {
     background-color: #ffffff;
     border-color: #ffffff;
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-white .close i {
     opacity: 0.8;
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-white .close:focus i, .alert.alert-white .close:hover i {
     opacity: 1;
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-custom {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     padding: 1.5rem 2rem;
}
 .alert.alert-custom .alert-icon {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0 1.25rem 0 0;
}
 .alert.alert-custom .alert-icon i {
     font-size: 2.4rem;
}
 .alert.alert-custom .alert-icon.alert-icon-top {
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -ms-flex-line-pack: stretch;
     align-content: stretch;
}
 .alert.alert-custom .alert-text {
     -ms-flex-item-align: center;
     align-self: center;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
}
 .alert.alert-custom .alert-close {
     padding: 0 0 0 1rem;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     line-height: 0;
}
 .alert.alert-custom .alert-close .close {
     text-shadow: none !important;
     cursor: pointer;
     line-height: 0;
}
 .alert.alert-custom .alert-close i {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     font-size: 1.1rem;
}
 .alert.alert-custom .alert-close i.ki {
     font-size: 0.75rem;
}
 .alert.alert-custom .alert-close:focus i, .alert.alert-custom .alert-close:hover i {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .alert.alert-custom.alert-outline-2x {
     border-width: 2px;
}
 .alert.alert-custom.alert-white {
     background-color: #ffffff;
     border-color: #ffffff;
}
 .alert.alert-custom.alert-white .alert-icon i {
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-custom.alert-white .alert-text {
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-custom.alert-white .alert-close i {
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-custom.alert-default {
     background-color: #F3F6F9;
     border-color: #F3F6F9;
}
 .alert.alert-custom.alert-shadow {
     -webkit-box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
     box-shadow: 0 6px 18px 0 rgba(0,0,0,.06);
}
 .alert.alert-custom.alert-primary {
     background-color:#4785FF;
     border-color: #4785FF;
}
 .alert.alert-custom.alert-primary .alert-icon i {
     opacity: 0.8;
     color: #FFFFFF;
}
 .alert.alert-custom.alert-primary .alert-text {
     color: #FFFFFF;
}
 .alert.alert-custom.alert-primary .alert-close i {
     color: #FFFFFF;
}
 .alert.alert-custom.alert-primary .alert-close:focus, .alert.alert-custom.alert-primary .alert-close:hover {
     opacity: 1;
     color: #FFFFFF;
}
 .alert.alert-custom.alert-light-primary {
     background-color: #E1F0FF;
     border-color: transparent;
}
 .alert.alert-custom.alert-light-primary .alert-icon i {
     color: #4785FF;
}
 .alert.alert-custom.alert-light-primary .alert-text {
     color: #4785FF;
}
 .alert.alert-custom.alert-light-primary .alert-close i {
     color: #4785FF;
}
 .alert.alert-custom.alert-light-primary .alert-close:focus, .alert.alert-custom.alert-light-primary .alert-close:hover {
     color: #187DE4;
}
 .alert.alert-custom.alert-light-primary.alert-notice {
     border: 0;
     border-left: 4px solid #4785FF;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
}
 .alert.alert-custom.alert-outline-primary {
     background-color: transparent;
     border-color: #4785FF;
}
 .alert.alert-custom.alert-outline-primary .alert-icon i {
     color: #4785FF;
}
 .alert.alert-custom.alert-outline-primary .alert-text {
     color: #4785FF;
}
 .alert.alert-custom.alert-outline-primary .alert-close i {
     opacity: 0.8;
     color: #4785FF;
}
 .alert.alert-custom.alert-outline-primary .alert-close:focus i, .alert.alert-custom.alert-outline-primary .alert-close:hover i {
     opacity: 1;
}
 .alert.alert-custom.alert-secondary {
     background-color: #E4E6EF;
     border-color: #E4E6EF;
}
 .alert.alert-custom.alert-secondary .alert-icon i {
     opacity: 0.8;
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-custom.alert-secondary .alert-text {
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-custom.alert-secondary .alert-close i {
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-custom.alert-secondary .alert-close:focus, .alert.alert-custom.alert-secondary .alert-close:hover {
     opacity: 1;
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-custom.alert-light-secondary {
     background-color: #EBEDF3;
     border-color: transparent;
}
 .alert.alert-custom.alert-light-secondary .alert-icon i {
     color: #E4E6EF;
}
 .alert.alert-custom.alert-light-secondary .alert-text {
     color: #E4E6EF;
}
 .alert.alert-custom.alert-light-secondary .alert-close i {
     color: #E4E6EF;
}
 .alert.alert-custom.alert-light-secondary .alert-close:focus, .alert.alert-custom.alert-light-secondary .alert-close:hover {
     color: #d7dae7;
}
 .alert.alert-custom.alert-light-secondary.alert-notice {
     border: 0;
     border-left: 4px solid #E4E6EF;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
}
 .alert.alert-custom.alert-outline-secondary {
     background-color: transparent;
     border-color: #E4E6EF;
}
 .alert.alert-custom.alert-outline-secondary .alert-icon i {
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-custom.alert-outline-secondary .alert-text {
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-custom.alert-outline-secondary .alert-close i {
     opacity: 0.8;
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-custom.alert-outline-secondary .alert-close:focus i, .alert.alert-custom.alert-outline-secondary .alert-close:hover i {
     opacity: 1;
}
 .alert.alert-custom.alert-success {
     background-color: #32D0A5;
     border-color: #32D0A5;
}
 .alert.alert-custom.alert-success .alert-icon i {
     opacity: 0.8;
     color: #ffffff;
}
 .alert.alert-custom.alert-success .alert-text {
     color: #ffffff;
}
 .alert.alert-custom.alert-success .alert-close i {
     color: #ffffff;
}
 .alert.alert-custom.alert-success .alert-close:focus, .alert.alert-custom.alert-success .alert-close:hover {
     opacity: 1;
     color: #ffffff;
}
 .alert.alert-custom.alert-light-success {
     background-color: rgba(67, 213, 173, 0.15);
     border-color: transparent;
}
 .alert.alert-custom.alert-light-success .alert-icon i {
     color: #32D0A5;
}
 .alert.alert-custom.alert-light-success .alert-text {
     color: #32D0A5;
}
 .alert.alert-custom.alert-light-success .alert-close i {
     color: #32D0A5;
}
 .alert.alert-custom.alert-light-success .alert-close:focus, .alert.alert-custom.alert-light-success .alert-close:hover {
     color: #0BB7AF;
}
 .alert.alert-custom.alert-light-success.alert-notice {
     border: 0;
     border-left: 4px solid #32D0A5;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
}
 .alert.alert-custom.alert-outline-success {
     background-color: transparent;
     border-color: #32D0A5;
}
 .alert.alert-custom.alert-outline-success .alert-icon i {
     color: #32D0A5;
}
 .alert.alert-custom.alert-outline-success .alert-text {
     color: #32D0A5;
}
 .alert.alert-custom.alert-outline-success .alert-close i {
     opacity: 0.8;
     color: #32D0A5;
}
 .alert.alert-custom.alert-outline-success .alert-close:focus i, .alert.alert-custom.alert-outline-success .alert-close:hover i {
     opacity: 1;
}
 .alert.alert-custom.alert-info {
     background-color: #7B6FFF;
     border-color: #7B6FFF;
}
 .alert.alert-custom.alert-info .alert-icon i {
     opacity: 0.8;
     color: #ffffff;
}
 .alert.alert-custom.alert-info .alert-text {
     color: #ffffff;
}
 .alert.alert-custom.alert-info .alert-close i {
     color: #ffffff;
}
 .alert.alert-custom.alert-info .alert-close:focus, .alert.alert-custom.alert-info .alert-close:hover {
     opacity: 1;
     color: #ffffff;
}
 .alert.alert-custom.alert-light-info {
     background-color: #EEE5FF;
     border-color: transparent;
}
 .alert.alert-custom.alert-light-info .alert-icon i {
     color: #7B6FFF;
}
 .alert.alert-custom.alert-light-info .alert-text {
     color: #7B6FFF;
}
 .alert.alert-custom.alert-light-info .alert-close i {
     color: #7B6FFF;
}
 .alert.alert-custom.alert-light-info .alert-close:focus, .alert.alert-custom.alert-light-info .alert-close:hover {
     color: #7337EE;
}
 .alert.alert-custom.alert-light-info.alert-notice {
     border: 0;
     border-left: 4px solid #7B6FFF;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
}
 .alert.alert-custom.alert-outline-info {
     background-color: transparent;
     border-color: #7B6FFF;
}
 .alert.alert-custom.alert-outline-info .alert-icon i {
     color: #7B6FFF;
}
 .alert.alert-custom.alert-outline-info .alert-text {
     color: #7B6FFF;
}
 .alert.alert-custom.alert-outline-info .alert-close i {
     opacity: 0.8;
     color: #7B6FFF;
}
 .alert.alert-custom.alert-outline-info .alert-close:focus i, .alert.alert-custom.alert-outline-info .alert-close:hover i {
     opacity: 1;
}
 .alert.alert-custom.alert-warning {
     background-color: #FFA800;
     border-color: #FFA800;
}
 .alert.alert-custom.alert-warning .alert-icon i {
     opacity: 0.8;
     color: #ffffff;
}
 .alert.alert-custom.alert-warning .alert-text {
     color: #ffffff;
}
 .alert.alert-custom.alert-warning .alert-close i {
     color: #ffffff;
}
 .alert.alert-custom.alert-warning .alert-close:focus, .alert.alert-custom.alert-warning .alert-close:hover {
     opacity: 1;
     color: #ffffff;
}
 .alert.alert-custom.alert-light-warning {
     background-color: #FFF4DE;
     border-color: transparent;
}
 .alert.alert-custom.alert-light-warning .alert-icon i {
     color: #FFA800;
}
 .alert.alert-custom.alert-light-warning .alert-text {
     color: #FFA800;
}
 .alert.alert-custom.alert-light-warning .alert-close i {
     color: #FFA800;
}
 .alert.alert-custom.alert-light-warning .alert-close:focus, .alert.alert-custom.alert-light-warning .alert-close:hover {
     color: #EE9D01;
}
 .alert.alert-custom.alert-light-warning.alert-notice {
     border: 0;
     border-left: 4px solid #FFA800;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
}
 .alert.alert-custom.alert-outline-warning {
     background-color: transparent;
     border-color: #FFA800;
}
 .alert.alert-custom.alert-outline-warning .alert-icon i {
     color: #FFA800;
}
 .alert.alert-custom.alert-outline-warning .alert-text {
     color: #FFA800;
}
 .alert.alert-custom.alert-outline-warning .alert-close i {
     opacity: 0.8;
     color: #FFA800;
}
 .alert.alert-custom.alert-outline-warning .alert-close:focus i, .alert.alert-custom.alert-outline-warning .alert-close:hover i {
     opacity: 1;
}
 .alert.alert-custom.alert-danger {
     background-color: #F64E60;
     border-color: #F64E60;
}
 .alert.alert-custom.alert-danger .alert-icon i {
     opacity: 0.8;
     color: #ffffff;
}
 .alert.alert-custom.alert-danger .alert-text {
     color: #ffffff;
}
 .alert.alert-custom.alert-danger .alert-close i {
     color: #ffffff;
}
 .alert.alert-custom.alert-danger .alert-close:focus, .alert.alert-custom.alert-danger .alert-close:hover {
     opacity: 1;
     color: #ffffff;
}
 .alert.alert-custom.alert-light-danger {
     background-color: #FFEFEF;
     border-color: transparent;
}
 .alert.alert-custom.alert-light-danger .alert-icon i {
     color: #F64E60;
}
 .alert.alert-custom.alert-light-danger .alert-text {
     color: #F64E60;
}
 .alert.alert-custom.alert-light-danger .alert-close i {
     color: #F64E60;
}
 .alert.alert-custom.alert-light-danger .alert-close:focus, .alert.alert-custom.alert-light-danger .alert-close:hover {
     color: #EE2D41;
}
 .alert.alert-custom.alert-light-danger.alert-notice {
     border: 0;
     border-left: 4px solid #F64E60;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
}
 .alert.alert-custom.alert-outline-danger {
     background-color: transparent;
     border-color: #F64E60;
}
 .alert.alert-custom.alert-outline-danger .alert-icon i {
     color: #F64E60;
}
 .alert.alert-custom.alert-outline-danger .alert-text {
     color: #F64E60;
}
 .alert.alert-custom.alert-outline-danger .alert-close i {
     opacity: 0.8;
     color: #F64E60;
}
 .alert.alert-custom.alert-outline-danger .alert-close:focus i, .alert.alert-custom.alert-outline-danger .alert-close:hover i {
     opacity: 1;
}
 .alert.alert-custom.alert-light {
     background-color: #F3F6F9;
     border-color: #F3F6F9;
}
 .alert.alert-custom.alert-light .alert-icon i {
     opacity: 0.8;
     color: #7E8299;
}
 .alert.alert-custom.alert-light .alert-text {
     color: #7E8299;
}
 .alert.alert-custom.alert-light .alert-close i {
     color: #7E8299;
}
 .alert.alert-custom.alert-light .alert-close:focus, .alert.alert-custom.alert-light .alert-close:hover {
     opacity: 1;
     color: #7E8299;
}
 .alert.alert-custom.alert-light-light {
     background-color: #F3F6F9;
     border-color: transparent;
}
 .alert.alert-custom.alert-light-light .alert-icon i {
     color: #F3F6F9;
}
 .alert.alert-custom.alert-light-light .alert-text {
     color: #F3F6F9;
}
 .alert.alert-custom.alert-light-light .alert-close i {
     color: #F3F6F9;
}
 .alert.alert-custom.alert-light-light .alert-close:focus, .alert.alert-custom.alert-light-light .alert-close:hover {
     color: #E4E6EF;
}
 .alert.alert-custom.alert-light-light.alert-notice {
     border: 0;
     border-left: 4px solid #F3F6F9;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
}
 .alert.alert-custom.alert-outline-light {
     background-color: transparent;
     border-color: #F3F6F9;
}
 .alert.alert-custom.alert-outline-light .alert-icon i {
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-custom.alert-outline-light .alert-text {
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-custom.alert-outline-light .alert-close i {
     opacity: 0.8;
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-custom.alert-outline-light .alert-close:focus i, .alert.alert-custom.alert-outline-light .alert-close:hover i {
     opacity: 1;
}
 .alert.alert-custom.alert-dark {
     background-color: #181C32;
     border-color: #181C32;
}
 .alert.alert-custom.alert-dark .alert-icon i {
     opacity: 0.8;
     color: #ffffff;
}
 .alert.alert-custom.alert-dark .alert-text {
     color: #ffffff;
}
 .alert.alert-custom.alert-dark .alert-close i {
     color: #ffffff;
}
 .alert.alert-custom.alert-dark .alert-close:focus, .alert.alert-custom.alert-dark .alert-close:hover {
     opacity: 1;
     color: #ffffff;
}
 .alert.alert-custom.alert-light-dark {
     background-color: #D1D3E0;
     border-color: transparent;
}
 .alert.alert-custom.alert-light-dark .alert-icon i {
     color: #181C32;
}
 .alert.alert-custom.alert-light-dark .alert-text {
     color: #181C32;
}
 .alert.alert-custom.alert-light-dark .alert-close i {
     color: #181C32;
}
 .alert.alert-custom.alert-light-dark .alert-close:focus, .alert.alert-custom.alert-light-dark .alert-close:hover {
     color: #131628;
}
 .alert.alert-custom.alert-light-dark.alert-notice {
     border: 0;
     border-left: 4px solid #181C32;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
}
 .alert.alert-custom.alert-outline-dark {
     background-color: transparent;
     border-color: #181C32;
}
 .alert.alert-custom.alert-outline-dark .alert-icon i {
     color: #181C32;
}
 .alert.alert-custom.alert-outline-dark .alert-text {
     color: #181C32;
}
 .alert.alert-custom.alert-outline-dark .alert-close i {
     opacity: 0.8;
     color: #181C32;
}
 .alert.alert-custom.alert-outline-dark .alert-close:focus i, .alert.alert-custom.alert-outline-dark .alert-close:hover i {
     opacity: 1;
}
 .alert.alert-custom.alert-white {
     background-color: #ffffff;
     border-color: #ffffff;
}
 .alert.alert-custom.alert-white .alert-icon i {
     opacity: 0.8;
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-custom.alert-white .alert-text {
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-custom.alert-white .alert-close i {
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-custom.alert-white .alert-close:focus, .alert.alert-custom.alert-white .alert-close:hover {
     opacity: 1;
     color: rgba(63, 66, 84, 0.9);
}
 .alert.alert-custom.alert-light-white {
     background-color: #ffffff;
     border-color: transparent;
}
 .alert.alert-custom.alert-light-white .alert-icon i {
     color: #ffffff;
}
 .alert.alert-custom.alert-light-white .alert-text {
     color: #ffffff;
}
 .alert.alert-custom.alert-light-white .alert-close i {
     color: #ffffff;
}
 .alert.alert-custom.alert-light-white .alert-close:focus, .alert.alert-custom.alert-light-white .alert-close:hover {
     color: #F3F6F9;
}
 .alert.alert-custom.alert-light-white.alert-notice {
     border: 0;
     border-left: 4px solid #ffffff;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
}
 .alert.alert-custom.alert-outline-white {
     background-color: transparent;
     border-color: #ffffff;
}
 .alert.alert-custom.alert-outline-white .alert-icon i {
     color: #ffffff;
}
 .alert.alert-custom.alert-outline-white .alert-text {
     color: #ffffff;
}
 .alert.alert-custom.alert-outline-white .alert-close i {
     opacity: 0.8;
     color: #ffffff;
}
 .alert.alert-custom.alert-outline-white .alert-close:focus i, .alert.alert-custom.alert-outline-white .alert-close:hover i {
     opacity: 1;
}
 .btn {
     outline: none !important;
     vertical-align: middle;
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .btn i {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .btn:hover:not(.btn-text), .btn:focus:not(.btn-text), .btn.focus {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .btn:hover:not(.btn-text) i, .btn:focus:not(.btn-text) i, .btn.focus i {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .btn.disabled, .btn:disabled {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .btn.disabled i, .btn:disabled i {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .btn:not(:disabled):not(.disabled):active:not(.btn-text), .btn:not(:disabled):not(.disabled).active, .show > .btn.dropdown-toggle {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .btn:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn:not(:disabled):not(.disabled).active i, .show > .btn.dropdown-toggle i {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .btn:focus:not(.btn-shadow):not(.btn-shadow-hover) {
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
}
 .btn.btn-square {
     border-radius: 0;
}
 .btn.btn-pill {
     border-radius: 2rem;
}
 .btn.btn-text {
     cursor: text;
}
 .btn:not(.btn-text) {
     cursor: pointer;
}
 .btn.btn-borderless {
     border-color: transparent;
}
 .btn i {
     vertical-align: middle;
     line-height: 1;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
}
 .btn .svg-icon {
     margin-right: 0.5rem;
}
 .btn .svg-icon svg {
     height: 18px;
     width: 18px;
}
 .btn.btn-xs i {
     font-size: 1.1rem;
     padding-right: 0.3rem;
}
 .btn.btn-xs .svg-icon {
     margin-right: 0.3rem;
}
 .btn.btn-xs .svg-icon svg {
     height: 16px;
     width: 16px;
}
 .btn.btn-sm i, .btn-group-sm > .btn i {
     font-size: 1.2rem;
     padding-right: 0.35rem;
}
 .btn.btn-xs i, .btn-group-xs > .btn i {
     font-size: 0.9rem;
     padding-right: 0.3rem;
}
 .btn.btn-sm i.ki, .btn-group-sm > .btn i.ki, .btn.btn-sm i.far, .btn-group-sm > .btn i.far, .btn.btn-sm i.fas, .btn-group-sm > .btn i.fas, .btn.btn-sm i.fab, .btn-group-sm > .btn i.fab{
     font-size:13px
}
 .btn.btn-xs i.ki,
 .btn-group-sm > .btn i.ki,
 .btn.btn-xs i.far,
 .btn-group-xs > .btn i.far,
 .btn.btn-xs i.fas,
 .btn-group-xs > .btn i.fas,
 .btn.btn-xs i.fab,
 .btn-group-xs > .btn i.fab{
     font-size:12px
}
 .btn.btn-sm .svg-icon, .btn-group-sm > .btn .svg-icon {
     margin-right: 0.35rem;
}
 .btn.btn-sm .svg-icon svg, .btn-group-sm > .btn .svg-icon svg {
     height: 16px;
     width: 16px;
}
 .btn.btn-xs .svg-icon, .btn-group-xs > .btn .svg-icon {
     margin-right: 0.3rem;
}
 .btn.btn-xs .svg-icon svg, .btn-group-xs > .btn .svg-icon svg {
     height: 14px;
     width: 14px;
}
 .btn.btn-lg i, .btn-group-lg > .btn i {
     font-size: 1.5rem;
     padding-right: 0.75rem;
}
 .btn.btn-lg .svg-icon, .btn-group-lg > .btn .svg-icon {
     margin-right: 0.75rem;
}
 .btn.btn-lg .svg-icon svg, .btn-group-lg > .btn .svg-icon svg {
     height: 20px;
     width: 20px;
}
 .btn.btn-icon {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding: 0;
     height: calc(1.5em + 1.3rem + 2px);
     width: calc(1.5em + 1.3rem + 2px);
}
 .btn.btn-icon.btn-xs {
     height: 24px;
     width: 24px;
}
 .btn.btn-icon.btn-sm, .btn-group-sm > .btn.btn-icon {
     height: calc(1.35em + 1.1rem + 2px);
     width: calc(1.35em + 1.1rem + 2px);
}

 .btn.btn-icon.btn-lg, .btn-group-lg > .btn.btn-icon {
     height: calc(1.5em + 1.65rem + 2px);
     width: calc(1.5em + 1.65rem + 2px);
}
 .btn.btn-icon.btn-circle {
     border-radius: 50%;
}
 .btn.btn-icon i {
     padding: 0;
     margin: 0;
}
 .btn.btn-icon [class^="socicon-"]:before, .btn.btn-icon [class*=" socicon-"]:before {
     line-height: 1;
}
 .btn.btn-icon .svg-icon {
     margin: 0;
     padding: 0;
}
 .btn.btn-fixed-height {
     padding-top: 0;
     padding-bottom: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .btn.btn-fixed-height.btn {
     height: calc(1.5em + 1.3rem + 2px);
}
 .btn.btn-fixed-height.btn-sm, .btn-group-sm > .btn.btn-fixed-height {
     height: calc(1.35em + 1.1rem + 2px);
}
 .btn.btn-fixed-height.btn-lg, .btn-group-lg > .btn.btn-fixed-height {
     height: calc(1.5em + 1.65rem + 2px);
}
 .dropdown-toggle.nav-link:before, .dropdown-toggle.nav-link:after, .dropdown-toggle.btn:before, .dropdown-toggle.btn:after {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     text-align: center;
     display: inline;
     border: 0;
     font-size: 0.6rem;
     line-height: 0;
     vertical-align: middle;
     position: relative;
}
 .dropdown-toggle.nav-link:after, .dropdown-toggle.btn:after {
     margin-left: 0.5rem
    /*rtl:ignore*/
    ;
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
}
 .dropdown-toggle.nav-link:before, .dropdown-toggle.btn:before {
     margin-right: 0.5rem
    /*rtl:ignore*/
    ;
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
     display: none;
}
 .dropdown-toggle.nav-link.dropdown-toggle-split, .dropdown-toggle.btn.dropdown-toggle-split {
     opacity: 0.9;
}
 .dropdown-toggle.nav-link.dropdown-toggle-split:after, .dropdown-toggle.nav-link.dropdown-toggle-split:before, .dropdown-toggle.btn.dropdown-toggle-split:after, .dropdown-toggle.btn.dropdown-toggle-split:before {
     margin: 0;
}
 .show > .dropdown-toggle.nav-link:after, .show > .dropdown-toggle.nav-link:before, .dropdown-toggle.nav-link.active:after, .dropdown-toggle.nav-link.active:before, .dropdown-toggle.nav-link:focus:after, .dropdown-toggle.nav-link:focus:before, .dropdown-toggle.nav-link:active:after, .dropdown-toggle.nav-link:active:before, .dropdown-toggle.nav-link:hover:after, .dropdown-toggle.nav-link:hover:before, .show > .dropdown-toggle.btn:after, .show > .dropdown-toggle.btn:before, .dropdown-toggle.btn.active:after, .dropdown-toggle.btn.active:before, .dropdown-toggle.btn:focus:after, .dropdown-toggle.btn:focus:before, .dropdown-toggle.btn:active:after, .dropdown-toggle.btn:active:before, .dropdown-toggle.btn:hover:after, .dropdown-toggle.btn:hover:before {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .show > .dropdown-toggle.nav-link.dropdown-toggle-split, .dropdown-toggle.nav-link.active.dropdown-toggle-split, .dropdown-toggle.nav-link:focus.dropdown-toggle-split, .dropdown-toggle.nav-link:active.dropdown-toggle-split, .dropdown-toggle.nav-link:hover.dropdown-toggle-split, .show > .dropdown-toggle.btn.dropdown-toggle-split, .dropdown-toggle.btn.active.dropdown-toggle-split, .dropdown-toggle.btn:focus.dropdown-toggle-split, .dropdown-toggle.btn:active.dropdown-toggle-split, .dropdown-toggle.btn:hover.dropdown-toggle-split {
     opacity: 1 !important;
}
 .btn-group.dropup > .btn.dropdown-toggle:after {
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
}
 .btn-group.dropright > .btn.dropdown-toggle:after {
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
}
 .btn-group.dropleft > .btn {
     border-top-right-radius: 0.42rem !important;
     border-bottom-right-radius: 0.42rem !important;
}
 .btn-group.dropleft > .btn.dropdown-toggle-split {
     border-top-right-radius: 0 !important;
     border-bottom-right-radius: 0 !important;
}
 .btn-group.dropleft > .btn.dropdown-toggle:after {
     display: none;
}
 .btn-group.dropleft > .btn.dropdown-toggle:before {
     display: inline;
}
 .btn.btn-clean {
     color: #B5B5C3;
     background-color: transparent;
     border-color: transparent;
}
 .btn.btn-clean i {
     color: #B5B5C3;
}
 .btn.btn-clean .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #B5B5C3;
}
 .btn.btn-clean .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-clean.dropdown-toggle:after {
     color: #B5B5C3;
}
 .btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-clean:focus:not(.btn-text), .btn.btn-clean.focus:not(.btn-text) {
     color: #4785FF;
     background-color: #F3F9FF;
     border-color: transparent;
}
.table td .btn.btn-clean{
    border-radius:100px;
}
table tr td .table-btn-block.active,
table tr td .table-btn-block:hover,
table tr td .table-btn-delete:hover{
    background-color:#FFF3F3!important
}
table tr td .table-btn-block:hover svg path,
table tr td .table-btn-delete:hover svg path{
    fill:#FFA4A4
}

table tr td .table-btn-edit:hover,
table tr td .table-btn-edit:hover{
    background-color:#F2F7FF!important
}
table tr td .table-btn-edit:hover svg path,
table tr td .table-btn-edit:hover svg path{
    fill:#ABC3F1
}
 .btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-clean:focus:not(.btn-text) i, .btn.btn-clean.focus:not(.btn-text) i {
     color: #4785FF;
}
 .btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-clean:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-clean.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-clean:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-clean.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-clean:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-clean.focus:not(.btn-text).dropdown-toggle:after {
     color: #4785FF;
}
 .btn.btn-clean.disabled, .btn.btn-clean:disabled {
     color: #B5B5C3;
     background-color: transparent;
     border-color: transparent;
}
 .btn.btn-clean.disabled i, .btn.btn-clean:disabled i {
     color: #B5B5C3;
}
 .btn.btn-clean.disabled .svg-icon svg g [fill], .btn.btn-clean:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #B5B5C3;
}
 .btn.btn-clean.disabled .svg-icon svg:hover g [fill], .btn.btn-clean:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-clean.disabled.dropdown-toggle:after, .btn.btn-clean:disabled.dropdown-toggle:after {
     color: #B5B5C3;
}
 .btn.btn-clean:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-clean:not(:disabled):not(.disabled).active, .show > .btn.btn-clean.dropdown-toggle, .show .btn.btn-clean.btn-dropdown {
     color: #4785FF;
     background-color: #F3F6F9;
     border-color: transparent;
}
 .btn.btn-clean:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-clean:not(:disabled):not(.disabled).active i, .show > .btn.btn-clean.dropdown-toggle i, .show .btn.btn-clean.btn-dropdown i {
     color: #4785FF;
}
 .btn.btn-clean:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-clean:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-clean.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-clean.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .btn.btn-clean:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-clean:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-clean.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-clean.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-clean:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-clean:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-clean.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-clean.btn-dropdown.dropdown-toggle:after {
     color: #4785FF;
}
 .btn.btn-default {
     color: #B5B5C3;
     background-color: #F3F6F9;
     border-color: #F3F6F9;
}
 .btn.btn-default i {
     color: #B5B5C3;
}
 .btn.btn-default .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #B5B5C3;
}
 .btn.btn-default .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-default.dropdown-toggle:after {
     color: #B5B5C3;
}
 .btn.btn-default:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-default:focus:not(.btn-text), .btn.btn-default.focus:not(.btn-text) {
     color: #4785FF;
     background-color: #F3F6F9;
     border-color: #F3F6F9;
}
 .btn.btn-default:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-default:focus:not(.btn-text) i, .btn.btn-default.focus:not(.btn-text) i {
     color: #4785FF;
}
 .btn.btn-default:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-default:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-default.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .btn.btn-default:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-default:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-default.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-default:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-default:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-default.focus:not(.btn-text).dropdown-toggle:after {
     color: #4785FF;
}
 .btn.btn-default.disabled, .btn.btn-default:disabled {
     color: #B5B5C3;
     background-color: #F3F6F9;
     border-color: #F3F6F9;
}
 .btn.btn-default.disabled i, .btn.btn-default:disabled i {
     color: #B5B5C3;
}
 .btn.btn-default.disabled .svg-icon svg g [fill], .btn.btn-default:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #B5B5C3;
}
 .btn.btn-default.disabled .svg-icon svg:hover g [fill], .btn.btn-default:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-default.disabled.dropdown-toggle:after, .btn.btn-default:disabled.dropdown-toggle:after {
     color: #B5B5C3;
}
 .btn.btn-default:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-default:not(:disabled):not(.disabled).active, .show > .btn.btn-default.dropdown-toggle, .show .btn.btn-default.btn-dropdown {
     color: #4785FF;
     background-color: #F3F6F9;
     border-color: #F3F6F9;
}
 .btn.btn-default:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-default:not(:disabled):not(.disabled).active i, .show > .btn.btn-default.dropdown-toggle i, .show .btn.btn-default.btn-dropdown i {
     color: #4785FF;
}
 .btn.btn-default:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-default:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-default.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-default.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .btn.btn-default:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-default:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-default.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-default.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-default:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-default:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-default.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-default.btn-dropdown.dropdown-toggle:after {
     color: #4785FF;
}
 /* .btn.btn-primary {
     color: #FFFFFF;
     background-color:#4785FF;
     border-color: #4785FF;
} */
 .btn.btn-primary i {
     color: #FFFFFF;
}
 .btn.btn-primary .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFFFFF;
}
 .btn.btn-primary .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-primary.dropdown-toggle:after {
     color: #FFFFFF;
}
.swal2-actions .swal2-confirm:hover,
.btn-primary.swal2-confirm:hover,
.btn.btn-primary:active,
 .btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
 .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary.focus:not(.btn-text) {
     color: #FFFFFF;
     background-color: #5B93FF;
     border-color: #5B93FF;
}
 .btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-primary:focus:not(.btn-text) i, .btn.btn-primary.focus:not(.btn-text) i {
     color: #FFFFFF;
}
 .btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-primary:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFFFFF;
}
 .btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-primary:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-primary.focus:not(.btn-text).dropdown-toggle:after {
     color: #FFFFFF;
}
 .btn.btn-primary.disabled, .btn.btn-primary:disabled {
     color: #FFFFFF;
     background-color:#4785FF;
     border-color: #4785FF;
}
 .btn.btn-primary.disabled i, .btn.btn-primary:disabled i {
     color: #FFFFFF;
}
 .btn.btn-primary.disabled .svg-icon svg g [fill], .btn.btn-primary:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFFFFF;
}
 .btn.btn-primary.disabled .svg-icon svg:hover g [fill], .btn.btn-primary:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-primary.disabled.dropdown-toggle:after, .btn.btn-primary:disabled.dropdown-toggle:after {
     color: #FFFFFF;
}
.btn.btn-primary:active,
 .btn.btn-primary:not(:disabled):not(.disabled):active:not(.btn-text),
 .btn.btn-primary:not(:disabled):not(.disabled).active,
 .show > .btn.btn-primary.dropdown-toggle, .show .btn.btn-primary.btn-dropdown {
     color: #FFFFFF;
     background-color: #5B93FF;
     border-color: #5B93FF;
}
 .btn.btn-primary:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-primary:not(:disabled):not(.disabled).active i, .show > .btn.btn-primary.dropdown-toggle i, .show .btn.btn-primary.btn-dropdown i {
     color: #FFFFFF;
}
 .btn.btn-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-primary:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-primary.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-primary.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFFFFF;
}
 .btn.btn-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-primary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-primary.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-primary.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-primary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-primary:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-primary.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-primary.btn-dropdown.dropdown-toggle:after {
     color: #FFFFFF;
}
 .btn.btn-outline-primary {
     color: #4785FF;
     background-color: transparent;
     border-color: #4785FF;
}
 .btn.btn-outline-primary i {
     color: #4785FF;
}
 .btn.btn-outline-primary .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .btn.btn-outline-primary .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-primary.dropdown-toggle:after {
     color: #4785FF;
}
 .btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-outline-primary:focus:not(.btn-text), .btn.btn-outline-primary.focus:not(.btn-text) {
     color: #FFFFFF;
     background-color:#4785FF;
     border-color: #4785FF;
}
 .btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-outline-primary:focus:not(.btn-text) i, .btn.btn-outline-primary.focus:not(.btn-text) i {
     color: #FFFFFF;
}
 .btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-outline-primary:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-outline-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFFFFF;
}
 .btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-outline-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-outline-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-outline-primary:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-outline-primary.focus:not(.btn-text).dropdown-toggle:after {
     color: #FFFFFF;
}
 .btn.btn-outline-primary.disabled, .btn.btn-outline-primary:disabled {
     color: #4785FF;
     background-color: transparent;
     border-color: #4785FF;
}
 .btn.btn-outline-primary.disabled i, .btn.btn-outline-primary:disabled i {
     color: #4785FF;
}
 .btn.btn-outline-primary.disabled .svg-icon svg g [fill], .btn.btn-outline-primary:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .btn.btn-outline-primary.disabled .svg-icon svg:hover g [fill], .btn.btn-outline-primary:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-primary.disabled.dropdown-toggle:after, .btn.btn-outline-primary:disabled.dropdown-toggle:after {
     color: #4785FF;
}
 .btn.btn-outline-primary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn.btn-outline-primary.dropdown-toggle, .show .btn.btn-outline-primary.btn-dropdown {
     color: #FFFFFF;
     background-color:#4785FF;
     border-color: #4785FF;
}
 .btn.btn-outline-primary:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-outline-primary:not(:disabled):not(.disabled).active i, .show > .btn.btn-outline-primary.dropdown-toggle i, .show .btn.btn-outline-primary.btn-dropdown i {
     color: #FFFFFF;
}
 .btn.btn-outline-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-outline-primary:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-outline-primary.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-outline-primary.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFFFFF;
}
 .btn.btn-outline-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-outline-primary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-outline-primary.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-outline-primary.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-primary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-outline-primary:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-outline-primary.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-outline-primary.btn-dropdown.dropdown-toggle:after {
     color: #FFFFFF;
}
.swal2-cancel .btn-light-primary,
 .btn.btn-light-primary {
     color: #4785FF;
     background-color: #EBF5FF;
     border-color: transparent;
     background-image:none;
}
 .btn.btn-light-primary i {
     color: #4785FF;
}
 .btn.btn-light-primary .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .btn.btn-light-primary .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-primary.dropdown-toggle:after {
     color: #4785FF;
}
.swal2-cancel .btn-light-primary:hover,
 .btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
 .btn.btn-light-primary:focus:not(.btn-text), .btn.btn-light-primary.focus:not(.btn-text){
    color: #2C92FF;
    background-color: #DEEFFF;
    border-color: transparent;
    background-image:none!important
}

 .btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
 .btn.btn-light-primary:focus:not(.btn-text) i, .btn.btn-light-primary.focus:not(.btn-text) i {
     color: #2C92FF;
}
 .btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-primary:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #2C92FF;
}
 .btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-primary:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-primary.focus:not(.btn-text).dropdown-toggle:after {
     color: #FFFFFF;
}
 .btn.btn-light-primary.disabled, .btn.btn-light-primary:disabled {
     color: #4785FF;
     background-color: #E1F0FF;
     border-color: transparent;
     cursor:default;
}
 .btn.btn-light-primary.disabled i, .btn.btn-light-primary:disabled i {
     color: #4785FF;
}
 .btn.btn-light-primary.disabled .svg-icon svg g [fill], .btn.btn-light-primary:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .btn.btn-light-primary.disabled .svg-icon svg:hover g [fill], .btn.btn-light-primary:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-primary.disabled.dropdown-toggle:after, .btn.btn-light-primary:disabled.dropdown-toggle:after {
     color: #4785FF;
}
 .btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-primary:not(:disabled):not(.disabled).active, .show > .btn.btn-light-primary.dropdown-toggle, .show .btn.btn-light-primary.btn-dropdown {
    color: #2C92FF;
    background-color: #DEEFFF;
    border-color: #DEEFFF;
}
 .btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light-primary:not(:disabled):not(.disabled).active i, .show > .btn.btn-light-primary.dropdown-toggle i, .show .btn.btn-light-primary.btn-dropdown i {
     color: #4785FF;
}
 .btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill],
 .btn.btn-light-primary:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
 .show > .btn.btn-light-primary.dropdown-toggle .svg-icon svg g [fill],
 .show .btn.btn-light-primary.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-primary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-primary.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-primary.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-primary:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-primary.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-primary.btn-dropdown.dropdown-toggle:after {
     color: #4785FF;
}
 .btn.btn-transparent-primary {
     color: #4785FF;
     background-color: rgba(54, 153, 255, 0.1);
     border-color: transparent;
}
 .btn.btn-transparent-primary i {
     color: #4785FF;
}
 .btn.btn-transparent-primary .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .btn.btn-transparent-primary .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-primary.dropdown-toggle:after {
     color: #4785FF;
}
 .btn.btn-transparent-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-transparent-primary:focus:not(.btn-text), .btn.btn-transparent-primary.focus:not(.btn-text) {
     color: #FFFFFF;
     background-color:#4785FF;
     border-color: transparent;
}
 .btn.btn-transparent-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-transparent-primary:focus:not(.btn-text) i, .btn.btn-transparent-primary.focus:not(.btn-text) i {
     color: #FFFFFF;
}
 .btn.btn-transparent-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-transparent-primary:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-transparent-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFFFFF;
}
 .btn.btn-transparent-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-transparent-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-transparent-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-primary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-transparent-primary:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-transparent-primary.focus:not(.btn-text).dropdown-toggle:after {
     color: #FFFFFF;
}
 .btn.btn-transparent-primary.disabled, .btn.btn-transparent-primary:disabled {
     color: #4785FF;
     background-color: rgba(54, 153, 255, 0.1);
     border-color: transparent;
}
 .btn.btn-transparent-primary.disabled i, .btn.btn-transparent-primary:disabled i {
     color: #4785FF;
}
 .btn.btn-transparent-primary.disabled .svg-icon svg g [fill], .btn.btn-transparent-primary:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .btn.btn-transparent-primary.disabled .svg-icon svg:hover g [fill], .btn.btn-transparent-primary:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-primary.disabled.dropdown-toggle:after, .btn.btn-transparent-primary:disabled.dropdown-toggle:after {
     color: #4785FF;
}
 .btn.btn-transparent-primary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-transparent-primary:not(:disabled):not(.disabled).active, .show > .btn.btn-transparent-primary.dropdown-toggle, .show .btn.btn-transparent-primary.btn-dropdown {
     color: #FFFFFF;
     background-color:#4785FF;
     border-color: transparent;
}
 .btn.btn-transparent-primary:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-transparent-primary:not(:disabled):not(.disabled).active i, .show > .btn.btn-transparent-primary.dropdown-toggle i, .show .btn.btn-transparent-primary.btn-dropdown i {
     color: #FFFFFF;
}
 .btn.btn-transparent-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-transparent-primary:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-transparent-primary.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-transparent-primary.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFFFFF;
}
 .btn.btn-transparent-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-transparent-primary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-transparent-primary.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-transparent-primary.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-primary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-transparent-primary:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-transparent-primary.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-transparent-primary.btn-dropdown.dropdown-toggle:after {
     color: #FFFFFF;
}
 .btn.btn-hover-transparent-primary {
     color: #4785FF;
     background-color: transparent;
     border-color: transparent;
}
 .btn.btn-hover-transparent-primary i {
     color: #4785FF;
}
 .btn.btn-hover-transparent-primary .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .btn.btn-hover-transparent-primary .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-primary.dropdown-toggle:after {
     color: #4785FF;
}
 .btn.btn-hover-transparent-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-transparent-primary:focus:not(.btn-text), .btn.btn-hover-transparent-primary.focus:not(.btn-text) {
     color: #4785FF;
     background-color: rgba(54, 153, 255, 0.1);
     border-color: transparent;
}
 .btn.btn-hover-transparent-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-transparent-primary:focus:not(.btn-text) i, .btn.btn-hover-transparent-primary.focus:not(.btn-text) i {
     color: #4785FF;
}
 .btn.btn-hover-transparent-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-transparent-primary:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-transparent-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .btn.btn-hover-transparent-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-primary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-transparent-primary:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-transparent-primary.focus:not(.btn-text).dropdown-toggle:after {
     color: #4785FF;
}
 .btn.btn-hover-transparent-primary.disabled, .btn.btn-hover-transparent-primary:disabled {
     color: #4785FF;
     background-color: transparent;
     border-color: transparent;
}
 .btn.btn-hover-transparent-primary.disabled i, .btn.btn-hover-transparent-primary:disabled i {
     color: #4785FF;
}
 .btn.btn-hover-transparent-primary.disabled .svg-icon svg g [fill], .btn.btn-hover-transparent-primary:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .btn.btn-hover-transparent-primary.disabled .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-primary:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-primary.disabled.dropdown-toggle:after, .btn.btn-hover-transparent-primary:disabled.dropdown-toggle:after {
     color: #4785FF;
}
 .btn.btn-hover-transparent-primary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-transparent-primary:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-transparent-primary.dropdown-toggle, .show .btn.btn-hover-transparent-primary.btn-dropdown {
     color: #4785FF;
     background-color: rgba(54, 153, 255, 0.1);
     border-color: transparent;
}
 .btn.btn-hover-transparent-primary:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-transparent-primary:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-transparent-primary.dropdown-toggle i, .show .btn.btn-hover-transparent-primary.btn-dropdown i {
     color: #4785FF;
}
 .btn.btn-hover-transparent-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-transparent-primary:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-transparent-primary.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-transparent-primary.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .btn.btn-hover-transparent-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-primary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-transparent-primary.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-transparent-primary.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-primary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-transparent-primary:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-transparent-primary.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-transparent-primary.btn-dropdown.dropdown-toggle:after {
     color: #4785FF;
}
 .btn.btn-hover-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-light-primary:focus:not(.btn-text), .btn.btn-hover-light-primary.focus:not(.btn-text) {
     color: #4785FF;
     background-color: #E1F0FF;
     border-color: transparent;
}

 .btn.btn-hover-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-light-primary:focus:not(.btn-text) i, .btn.btn-hover-light-primary.focus:not(.btn-text) i {
     color: #4785FF;
}
 .btn.btn-hover-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-light-primary:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .btn.btn-hover-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-light-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-light-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-light-primary:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-primary.focus:not(.btn-text).dropdown-toggle:after {
     color: #4785FF;
}
 .btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-light-primary:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-light-primary.dropdown-toggle, .show .btn.btn-hover-light-primary.btn-dropdown {
     color: #4785FF;
     background-color: #E1F0FF;
     border-color: transparent;
}
 .btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-light-primary:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-light-primary.dropdown-toggle i, .show .btn.btn-hover-light-primary.btn-dropdown i {
     color: #4785FF;
}
 .btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-primary:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-light-primary.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-light-primary.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-light-primary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-light-primary.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-light-primary.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-primary:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-light-primary.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-light-primary.btn-dropdown.dropdown-toggle:after {
     color: #4785FF;
}
 .btn.btn-hover-light-primary.btn-clean {
     border: 0 !important;
}
 .btn.btn-link-primary {
     border: 0;
     padding: 0 !important;
     border-radius: 0 !important;
     color: #4785FF;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-primary i {
     color: #4785FF;
}
 .btn.btn-link-primary .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .btn.btn-link-primary .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-primary.dropdown-toggle:after {
     color: #4785FF;
}
 .btn.btn-link-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-link-primary:focus:not(.btn-text), .btn.btn-link-primary.focus:not(.btn-text) {
     color: #187DE4;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-link-primary:focus:not(.btn-text) i, .btn.btn-link-primary.focus:not(.btn-text) i {
     color: #187DE4;
}
 .btn.btn-link-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-link-primary:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-link-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #187DE4;
}
 .btn.btn-link-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-link-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-link-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-primary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-link-primary:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-link-primary.focus:not(.btn-text).dropdown-toggle:after {
     color: #187DE4;
}
 .btn.btn-link-primary.disabled, .btn.btn-link-primary:disabled {
     color: #4785FF;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-primary.disabled i, .btn.btn-link-primary:disabled i {
     color: #4785FF;
}
 .btn.btn-link-primary.disabled .svg-icon svg g [fill], .btn.btn-link-primary:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .btn.btn-link-primary.disabled .svg-icon svg:hover g [fill], .btn.btn-link-primary:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-primary.disabled.dropdown-toggle:after, .btn.btn-link-primary:disabled.dropdown-toggle:after {
     color: #4785FF;
}
 .btn.btn-link-primary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-link-primary:not(:disabled):not(.disabled).active, .show > .btn.btn-link-primary.dropdown-toggle, .show .btn.btn-link-primary.btn-dropdown {
     color: #187DE4;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-primary:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-link-primary:not(:disabled):not(.disabled).active i, .show > .btn.btn-link-primary.dropdown-toggle i, .show .btn.btn-link-primary.btn-dropdown i {
     color: #187DE4;
}
 .btn.btn-link-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-link-primary:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-link-primary.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-link-primary.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #187DE4;
}
 .btn.btn-link-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-link-primary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-link-primary.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-link-primary.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-primary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-link-primary:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-link-primary.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-link-primary.btn-dropdown.dropdown-toggle:after {
     color: #187DE4;
}
 .btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-primary:focus:not(.btn-text), .btn.btn-hover-primary.focus:not(.btn-text) {
     color: #FFFFFF !important;
     background-color:#4785FF !important;
     border-color: #4785FF !important;
}
 .btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-primary:focus:not(.btn-text) i, .btn.btn-hover-primary.focus:not(.btn-text) i {
     color: #FFFFFF !important;
}
 .btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-primary:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFFFFF !important;
}
 .btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-primary:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-primary.focus:not(.btn-text).dropdown-toggle:after {
     color: #FFFFFF !important;
}
 .btn.btn-hover-primary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-primary:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-primary.dropdown-toggle, .show .btn.btn-hover-primary.btn-dropdown {
     color: #FFFFFF !important;
     background-color:#4785FF !important;
     border-color: #4785FF !important;
}
 .btn.btn-hover-primary:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-primary:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-primary.dropdown-toggle i, .show .btn.btn-hover-primary.btn-dropdown i {
     color: #FFFFFF !important;
}
 .btn.btn-hover-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-primary:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-primary.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-primary.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFFFFF !important;
}
 .btn.btn-hover-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-primary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-primary.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-primary.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-primary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-primary:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-primary.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-primary.btn-dropdown.dropdown-toggle:after {
     color: #FFFFFF !important;
}
 .btn.btn-hover-primary.btn-clean {
     border: 0 !important;
}
 .btn.btn-hover-bg-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-bg-primary:focus:not(.btn-text), .btn.btn-hover-bg-primary.focus:not(.btn-text) {
     background-color:#4785FF !important;
     border-color: #4785FF !important;
}
 .btn.btn-hover-bg-primary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-bg-primary:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-bg-primary.dropdown-toggle, .show .btn.btn-hover-bg-primary.btn-dropdown {
     background-color:#4785FF !important;
     border-color: #4785FF !important;
}
 .btn.btn-bg-primary {
     background-color:#4785FF;
     border-color: #4785FF;
}
 .btn.btn-bg-primary.disabled, .btn.btn-bg-primary:disabled {
     background-color:#4785FF;
     border-color: #4785FF;
}
 .btn.btn-primary.btn-shadow {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(54, 153, 255, 0.25) !important;
     box-shadow: 0px 9px 16px 0px rgba(54, 153, 255, 0.25) !important;
}
 .btn.btn-primary.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary.btn-shadow:focus:not(.btn-text), .btn.btn-primary.btn-shadow.focus:not(.btn-text) {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(54, 153, 255, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(54, 153, 255, 0.3) !important;
}
 .btn.btn-primary.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-primary.btn-shadow:not(:disabled):not(.disabled).active, .show > .btn.btn-primary.btn-shadow.dropdown-toggle {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(54, 153, 255, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(54, 153, 255, 0.3) !important;
}
 .btn.btn-primary.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary.btn-shadow-hover:focus:not(.btn-text), .btn.btn-primary.btn-shadow-hover.focus:not(.btn-text) {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(54, 153, 255, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(54, 153, 255, 0.3) !important;
}
 .btn.btn-primary.btn-shadow-hover:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-primary.btn-shadow-hover:not(:disabled):not(.disabled).active, .show > .btn.btn-primary.btn-shadow-hover.dropdown-toggle {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(54, 153, 255, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(54, 153, 255, 0.3) !important;
}
 .btn.btn-secondary {
     color: rgba(63, 66, 84, 0.9);
     background-color: #E4E6EF;
     border-color: #E4E6EF;
}
 .btn.btn-secondary i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-secondary .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-secondary .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-secondary.dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-secondary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-secondary:focus:not(.btn-text), .btn.btn-secondary.focus:not(.btn-text) {
     color: rgba(63, 66, 84, 0.9);
     background-color: #d7dae7;
     border-color: #d7dae7;
}
 .btn.btn-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-secondary:focus:not(.btn-text) i, .btn.btn-secondary.focus:not(.btn-text) i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-secondary:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-secondary.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-secondary:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-secondary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-secondary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-secondary:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-secondary.focus:not(.btn-text).dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-secondary.disabled, .btn.btn-secondary:disabled {
     color: rgba(63, 66, 84, 0.9);
     background-color: #E4E6EF;
     border-color: #E4E6EF;
}
 .btn.btn-secondary.disabled i, .btn.btn-secondary:disabled i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-secondary.disabled .svg-icon svg g [fill], .btn.btn-secondary:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-secondary.disabled .svg-icon svg:hover g [fill], .btn.btn-secondary:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-secondary.disabled.dropdown-toggle:after, .btn.btn-secondary:disabled.dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-secondary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-secondary:not(:disabled):not(.disabled).active, .show > .btn.btn-secondary.dropdown-toggle, .show .btn.btn-secondary.btn-dropdown {
     color: rgba(63, 66, 84, 0.9);
     background-color: #d7dae7;
     border-color: #d7dae7;
}
 .btn.btn-secondary:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-secondary:not(:disabled):not(.disabled).active i, .show > .btn.btn-secondary.dropdown-toggle i, .show .btn.btn-secondary.btn-dropdown i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-secondary:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-secondary.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-secondary.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-secondary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-secondary.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-secondary.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-secondary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-secondary:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-secondary.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-secondary.btn-dropdown.dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-secondary {
     color: rgba(63, 66, 84, 0.9);
     background-color: transparent;
     border-color: #E8E8FF;
}
 .btn.btn-outline-secondary i {
     color: rgba(63, 66, 84, 0.9);
}
.btn.btn-outline-secondary.text-muted,
.btn.btn-outline-secondary .text-muted {
    color: #7A809B !important;
  }
.btn.btn-outline-secondary.text-muted:hover,
.btn.btn-outline-secondary:hover .text-muted,
.btn.btn-outline-secondary.text-muted:focus,
.btn.btn-outline-secondary:focus .text-muted,
.btn.btn-outline-secondary.text-muted:active,
.btn.btn-outline-secondary:active .text-muted {
    color: #4785FF !important;
  }
/* .btn.btn-outline-secondary:hover .text-muted {
    color: #4F8AFF !important;
  } */
 .btn.btn-outline-secondary .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-secondary .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-secondary.dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-secondary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-outline-secondary:focus:not(.btn-text), .btn.btn-outline-secondary.focus:not(.btn-text) {
     color: rgba(63, 66, 84, 0.9);
     background-color: #EBF5FF;
     border-color: #EBF5FF;
}
 .btn.btn-outline-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-outline-secondary:focus:not(.btn-text) i, .btn.btn-outline-secondary.focus:not(.btn-text) i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-outline-secondary:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-outline-secondary.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-outline-secondary:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-outline-secondary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-secondary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-outline-secondary:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-outline-secondary.focus:not(.btn-text).dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
.btn.btn-outline-secondary:hover
 .btn.btn-outline-secondary.disabled, .btn.btn-outline-secondary:disabled {
     color: rgba(63, 66, 84, 0.9);
     background-color: transparent;
     border-color: #E4E6EF;
}
 .btn.btn-outline-secondary.disabled i, .btn.btn-outline-secondary:disabled i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-secondary.disabled .svg-icon svg g [fill], .btn.btn-outline-secondary:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-secondary.disabled .svg-icon svg:hover g [fill], .btn.btn-outline-secondary:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-secondary.disabled.dropdown-toggle:after, .btn.btn-outline-secondary:disabled.dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-secondary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn.btn-outline-secondary.dropdown-toggle, .show .btn.btn-outline-secondary.btn-dropdown {
     color: rgba(63, 66, 84, 0.9);
     background-color: #ebf5ff;
    border-color: #EBF5FF;
}
 .btn.btn-outline-secondary:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-outline-secondary:not(:disabled):not(.disabled).active i, .show > .btn.btn-outline-secondary.dropdown-toggle i, .show .btn.btn-outline-secondary.btn-dropdown i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-outline-secondary:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-outline-secondary.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-outline-secondary.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-outline-secondary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-outline-secondary.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-outline-secondary.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-secondary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-outline-secondary:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-outline-secondary.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-outline-secondary.btn-dropdown.dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
.btn.btn-light-border {
    border: 1px solid #E8E8FF;
    color: #7A809B;
}
.btn.btn-light-border i {
    color: #7A809B;
}
.btn.btn-light-border:not(div, span):hover {
    border: 1px solid #C4C4E8;
    color: #585F79;
}
.btn.btn-light-border:hover i {
    color: #585F79;
}

.btn.btn-border-light-primary {
    border: 1px solid #E8E8FF;
    color: #7A809B;
}
.btn.btn-border-light-primary i {
    color: #7A809B;
}
.btn.btn-border-light-primary:hover svg path {
    stroke: #4785FF;
    fill: #4785FF;
}
.btn.btn-border-light-primary:hover {
    color: #4785FF !important;
    border-color: #E1F0FF !important;
    background-color: #E1F0FF !important;
}
.btn.btn-border-light-primary:hover i {
    color: #4785FF !important
}

.btn.btn-light-secondary {
     color:#636779;
     background-color: #EBEDF3;
     border-color: transparent;
}
 .btn.btn-light-secondary i {
     color: #E2E3EA;
}
 .btn.btn-light-secondary .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #E2E3EA;
}
 .btn.btn-light-secondary .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-secondary.dropdown-toggle:after {
     color: #E2E3EA;
}
 .btn.btn-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-secondary:focus:not(.btn-text), .btn.btn-light-secondary.focus:not(.btn-text) {
     color: rgba(63, 66, 84, 0.9);
     background-color: #E2E3EA;
     border-color: transparent;
}
 .btn.btn-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-light-secondary:focus:not(.btn-text) i, .btn.btn-light-secondary.focus:not(.btn-text) i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-secondary:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-secondary.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-secondary:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-secondary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-secondary:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-secondary.focus:not(.btn-text).dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-light-secondary.disabled, .btn.btn-light-secondary:disabled {
     color: #E2E3EA;
     background-color: #EBEDF3;
     border-color: transparent;
}
 .btn.btn-light-secondary.disabled i, .btn.btn-light-secondary:disabled i {
     color: #E2E3EA;
}
 .btn.btn-light-secondary.disabled .svg-icon svg g [fill], .btn.btn-light-secondary:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #E2E3EA;
}
 .btn.btn-light-secondary.disabled .svg-icon svg:hover g [fill], .btn.btn-light-secondary:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-secondary.disabled.dropdown-toggle:after, .btn.btn-light-secondary:disabled.dropdown-toggle:after {
     color: #E2E3EA;
}
 .btn.btn-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-secondary:not(:disabled):not(.disabled).active, .show > .btn.btn-light-secondary.dropdown-toggle, .show .btn.btn-light-secondary.btn-dropdown {
     color: rgba(63, 66, 84, 0.9);
     background-color: #E2E3EA;
     border-color: transparent;
}
 .btn.btn-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light-secondary:not(:disabled):not(.disabled).active i, .show > .btn.btn-light-secondary.dropdown-toggle i, .show .btn.btn-light-secondary.btn-dropdown i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-secondary:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light-secondary.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light-secondary.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-secondary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-secondary.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-secondary.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-secondary:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-secondary.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-secondary.btn-dropdown.dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-transparent-secondary {
     color: #E4E6EF;
     background-color: rgba(228, 230, 239, 0.1);
     border-color: transparent;
}
 .btn.btn-transparent-secondary i {
     color: #E4E6EF;
}
 .btn.btn-transparent-secondary .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #E4E6EF;
}
 .btn.btn-transparent-secondary .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-secondary.dropdown-toggle:after {
     color: #E4E6EF;
}
 .btn.btn-transparent-secondary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-transparent-secondary:focus:not(.btn-text), .btn.btn-transparent-secondary.focus:not(.btn-text) {
     color: rgba(63, 66, 84, 0.9);
     background-color: #E4E6EF;
     border-color: transparent;
}
 .btn.btn-transparent-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-transparent-secondary:focus:not(.btn-text) i, .btn.btn-transparent-secondary.focus:not(.btn-text) i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-transparent-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-transparent-secondary:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-transparent-secondary.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-transparent-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-transparent-secondary:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-transparent-secondary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-secondary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-transparent-secondary:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-transparent-secondary.focus:not(.btn-text).dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-transparent-secondary.disabled, .btn.btn-transparent-secondary:disabled {
     color: #E4E6EF;
     background-color: rgba(228, 230, 239, 0.1);
     border-color: transparent;
}
 .btn.btn-transparent-secondary.disabled i, .btn.btn-transparent-secondary:disabled i {
     color: #E4E6EF;
}
 .btn.btn-transparent-secondary.disabled .svg-icon svg g [fill], .btn.btn-transparent-secondary:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #E4E6EF;
}
 .btn.btn-transparent-secondary.disabled .svg-icon svg:hover g [fill], .btn.btn-transparent-secondary:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-secondary.disabled.dropdown-toggle:after, .btn.btn-transparent-secondary:disabled.dropdown-toggle:after {
     color: #E4E6EF;
}
 .btn.btn-transparent-secondary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-transparent-secondary:not(:disabled):not(.disabled).active, .show > .btn.btn-transparent-secondary.dropdown-toggle, .show .btn.btn-transparent-secondary.btn-dropdown {
     color: rgba(63, 66, 84, 0.9);
     background-color: #E4E6EF;
     border-color: transparent;
}
 .btn.btn-transparent-secondary:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-transparent-secondary:not(:disabled):not(.disabled).active i, .show > .btn.btn-transparent-secondary.dropdown-toggle i, .show .btn.btn-transparent-secondary.btn-dropdown i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-transparent-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-transparent-secondary:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-transparent-secondary.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-transparent-secondary.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-transparent-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-transparent-secondary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-transparent-secondary.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-transparent-secondary.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-secondary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-transparent-secondary:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-transparent-secondary.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-transparent-secondary.btn-dropdown.dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-hover-transparent-secondary {
     color: #E4E6EF;
     background-color: transparent;
     border-color: transparent;
}
 .btn.btn-hover-transparent-secondary i {
     color: #E4E6EF;
}
 .btn.btn-hover-transparent-secondary .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #E4E6EF;
}
 .btn.btn-hover-transparent-secondary .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-secondary.dropdown-toggle:after {
     color: #E4E6EF;
}
 .btn.btn-hover-transparent-secondary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-transparent-secondary:focus:not(.btn-text), .btn.btn-hover-transparent-secondary.focus:not(.btn-text) {
     color: #E4E6EF;
     background-color: rgba(228, 230, 239, 0.1);
     border-color: transparent;
}
 .btn.btn-hover-transparent-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-transparent-secondary:focus:not(.btn-text) i, .btn.btn-hover-transparent-secondary.focus:not(.btn-text) i {
     color: #E4E6EF;
}
 .btn.btn-hover-transparent-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-transparent-secondary:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-transparent-secondary.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #E4E6EF;
}
 .btn.btn-hover-transparent-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-secondary:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-secondary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-secondary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-transparent-secondary:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-transparent-secondary.focus:not(.btn-text).dropdown-toggle:after {
     color: #E4E6EF;
}
 .btn.btn-hover-transparent-secondary.disabled, .btn.btn-hover-transparent-secondary:disabled {
     color: #E4E6EF;
     background-color: transparent;
     border-color: transparent;
}
 .btn.btn-hover-transparent-secondary.disabled i, .btn.btn-hover-transparent-secondary:disabled i {
     color: #E4E6EF;
}
 .btn.btn-hover-transparent-secondary.disabled .svg-icon svg g [fill], .btn.btn-hover-transparent-secondary:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #E4E6EF;
}
 .btn.btn-hover-transparent-secondary.disabled .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-secondary:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-secondary.disabled.dropdown-toggle:after, .btn.btn-hover-transparent-secondary:disabled.dropdown-toggle:after {
     color: #E4E6EF;
}
 .btn.btn-hover-transparent-secondary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-transparent-secondary:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-transparent-secondary.dropdown-toggle, .show .btn.btn-hover-transparent-secondary.btn-dropdown {
     color: #E4E6EF;
     background-color: rgba(228, 230, 239, 0.1);
     border-color: transparent;
}
 .btn.btn-hover-transparent-secondary:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-transparent-secondary:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-transparent-secondary.dropdown-toggle i, .show .btn.btn-hover-transparent-secondary.btn-dropdown i {
     color: #E4E6EF;
}
 .btn.btn-hover-transparent-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-transparent-secondary:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-transparent-secondary.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-transparent-secondary.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #E4E6EF;
}
 .btn.btn-hover-transparent-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-secondary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-transparent-secondary.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-transparent-secondary.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-secondary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-transparent-secondary:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-transparent-secondary.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-transparent-secondary.btn-dropdown.dropdown-toggle:after {
     color: #E4E6EF;
}
 .btn.btn-hover-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-light-secondary:focus:not(.btn-text), .btn.btn-hover-light-secondary.focus:not(.btn-text) {
     color: #E4E6EF;
     background-color: #EBEDF3;
     border-color: transparent;
}
 .btn.btn-hover-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-light-secondary:focus:not(.btn-text) i, .btn.btn-hover-light-secondary.focus:not(.btn-text) i {
     color: #E4E6EF;
}
 .btn.btn-hover-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-light-secondary:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-secondary.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #E4E6EF;
}
 .btn.btn-hover-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-light-secondary:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-light-secondary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-light-secondary:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-secondary.focus:not(.btn-text).dropdown-toggle:after {
     color: #E4E6EF;
}
 .btn.btn-hover-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-light-secondary:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-light-secondary.dropdown-toggle, .show .btn.btn-hover-light-secondary.btn-dropdown {
     color: #E4E6EF;
     background-color: #EBEDF3;
     border-color: transparent;
}
 .btn.btn-hover-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-light-secondary:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-light-secondary.dropdown-toggle i, .show .btn.btn-hover-light-secondary.btn-dropdown i {
     color: #E4E6EF;
}
 .btn.btn-hover-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-secondary:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-light-secondary.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-light-secondary.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #E4E6EF;
}
 .btn.btn-hover-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-light-secondary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-light-secondary.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-light-secondary.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-secondary:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-light-secondary.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-light-secondary.btn-dropdown.dropdown-toggle:after {
     color: #E4E6EF;
}
 .btn.btn-hover-light-secondary.btn-clean {
     border: 0 !important;
}
 .btn.btn-link-secondary {
     border: 0;
     padding: 0 !important;
     border-radius: 0 !important;
     color: #E4E6EF;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-secondary i {
     color: #E4E6EF;
}
 .btn.btn-link-secondary .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #E4E6EF;
}
 .btn.btn-link-secondary .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-secondary.dropdown-toggle:after {
     color: #E4E6EF;
}
 .btn.btn-link-secondary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-link-secondary:focus:not(.btn-text), .btn.btn-link-secondary.focus:not(.btn-text) {
     color: #d7dae7;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-link-secondary:focus:not(.btn-text) i, .btn.btn-link-secondary.focus:not(.btn-text) i {
     color: #d7dae7;
}
 .btn.btn-link-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-link-secondary:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-link-secondary.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #d7dae7;
}
 .btn.btn-link-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-link-secondary:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-link-secondary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-secondary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-link-secondary:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-link-secondary.focus:not(.btn-text).dropdown-toggle:after {
     color: #d7dae7;
}
 .btn.btn-link-secondary.disabled, .btn.btn-link-secondary:disabled {
     color: #E4E6EF;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-secondary.disabled i, .btn.btn-link-secondary:disabled i {
     color: #E4E6EF;
}
 .btn.btn-link-secondary.disabled .svg-icon svg g [fill], .btn.btn-link-secondary:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #E4E6EF;
}
 .btn.btn-link-secondary.disabled .svg-icon svg:hover g [fill], .btn.btn-link-secondary:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-secondary.disabled.dropdown-toggle:after, .btn.btn-link-secondary:disabled.dropdown-toggle:after {
     color: #E4E6EF;
}
 .btn.btn-link-secondary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-link-secondary:not(:disabled):not(.disabled).active, .show > .btn.btn-link-secondary.dropdown-toggle, .show .btn.btn-link-secondary.btn-dropdown {
     color: #d7dae7;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-secondary:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-link-secondary:not(:disabled):not(.disabled).active i, .show > .btn.btn-link-secondary.dropdown-toggle i, .show .btn.btn-link-secondary.btn-dropdown i {
     color: #d7dae7;
}
 .btn.btn-link-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-link-secondary:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-link-secondary.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-link-secondary.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #d7dae7;
}
 .btn.btn-link-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-link-secondary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-link-secondary.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-link-secondary.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-secondary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-link-secondary:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-link-secondary.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-link-secondary.btn-dropdown.dropdown-toggle:after {
     color: #d7dae7;
}
 .btn.btn-hover-secondary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-secondary:focus:not(.btn-text), .btn.btn-hover-secondary.focus:not(.btn-text) {
     color: rgba(63, 66, 84, 0.9) !important;
     background-color: #E4E6EF !important;
     border-color: #E4E6EF !important;
}
 .btn.btn-hover-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-secondary:focus:not(.btn-text) i, .btn.btn-hover-secondary.focus:not(.btn-text) i {
     color: rgba(63, 66, 84, 0.9) !important;
}
 .btn.btn-hover-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-secondary:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-secondary.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9) !important;
}
 .btn.btn-hover-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-secondary:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-secondary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-secondary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-secondary:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-secondary.focus:not(.btn-text).dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9) !important;
}
 .btn.btn-hover-secondary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-secondary:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-secondary.dropdown-toggle, .show .btn.btn-hover-secondary.btn-dropdown {
     color: rgba(63, 66, 84, 0.9) !important;
     background-color: #E4E6EF !important;
     border-color: #E4E6EF !important;
}
 .btn.btn-hover-secondary:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-secondary:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-secondary.dropdown-toggle i, .show .btn.btn-hover-secondary.btn-dropdown i {
     color: rgba(63, 66, 84, 0.9) !important;
}
 .btn.btn-hover-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-secondary:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-secondary.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-secondary.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9) !important;
}
 .btn.btn-hover-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-secondary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-secondary.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-secondary.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-secondary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-secondary:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-secondary.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-secondary.btn-dropdown.dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9) !important;
}
 .btn.btn-hover-secondary.btn-clean {
     border: 0 !important;
}
 .btn.btn-hover-bg-secondary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-bg-secondary:focus:not(.btn-text), .btn.btn-hover-bg-secondary.focus:not(.btn-text) {
     background-color: #E4E6EF !important;
     border-color: #E4E6EF !important;
}
 .btn.btn-hover-bg-secondary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-bg-secondary:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-bg-secondary.dropdown-toggle, .show .btn.btn-hover-bg-secondary.btn-dropdown {
     background-color: #E4E6EF !important;
     border-color: #E4E6EF !important;
}
 .btn.btn-bg-secondary {
     background-color: #E4E6EF;
     border-color: #E4E6EF;
}
 .btn.btn-bg-secondary.disabled, .btn.btn-bg-secondary:disabled {
     background-color: #E4E6EF;
     border-color: #E4E6EF;
}
 .btn.btn-secondary.btn-shadow {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.25) !important;
     box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.25) !important;
}
 .btn.btn-secondary.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-secondary.btn-shadow:focus:not(.btn-text), .btn.btn-secondary.btn-shadow.focus:not(.btn-text) {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
}
 .btn.btn-secondary.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-secondary.btn-shadow:not(:disabled):not(.disabled).active, .show > .btn.btn-secondary.btn-shadow.dropdown-toggle {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
}
 .btn.btn-secondary.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-secondary.btn-shadow-hover:focus:not(.btn-text), .btn.btn-secondary.btn-shadow-hover.focus:not(.btn-text) {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
}
 .btn.btn-secondary.btn-shadow-hover:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-secondary.btn-shadow-hover:not(:disabled):not(.disabled).active, .show > .btn.btn-secondary.btn-shadow-hover.dropdown-toggle {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
}
 .btn.btn-success {
     color: #ffffff;
     background-color: #32D0A5;
     border-color: #32D0A5;
}
 .btn.btn-success i {
     color: #ffffff;
}
 .btn.btn-success .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-success .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-success.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-success:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-success:focus:not(.btn-text), .btn.btn-success.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #0BB7AF;
     border-color: #0BB7AF;
}
 .btn.btn-success:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-success:focus:not(.btn-text) i, .btn.btn-success.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-success:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-success.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-success:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-success:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-success:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-success.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-success.disabled, .btn.btn-success:disabled {
     color: #ffffff;
     background-color: #32D0A5;
     border-color: #32D0A5;
}
 .btn.btn-success.disabled i, .btn.btn-success:disabled i {
     color: #ffffff;
}
 .btn.btn-success.disabled .svg-icon svg g [fill], .btn.btn-success:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-success.disabled .svg-icon svg:hover g [fill], .btn.btn-success:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-success.disabled.dropdown-toggle:after, .btn.btn-success:disabled.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-success:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-success:not(:disabled):not(.disabled).active, .show > .btn.btn-success.dropdown-toggle, .show .btn.btn-success.btn-dropdown {
     color: #ffffff;
     background-color: #0BB7AF;
     border-color: #0BB7AF;
}
 .btn.btn-success:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-success:not(:disabled):not(.disabled).active i, .show > .btn.btn-success.dropdown-toggle i, .show .btn.btn-success.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-success:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-success.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-success.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-success:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-success.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-success.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-success:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-success:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-success.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-success.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-outline-success {
     color: #32D0A5;
     background-color: transparent;
     border-color: #32D0A5;
}
 .btn.btn-outline-success i {
     color: #32D0A5;
}
 .btn.btn-outline-success .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .btn.btn-outline-success .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-success.dropdown-toggle:after {
     color: #32D0A5;
}
 .btn.btn-outline-success:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-outline-success:focus:not(.btn-text), .btn.btn-outline-success.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #32D0A5;
     border-color: #32D0A5;
}
 .btn.btn-outline-success:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-outline-success:focus:not(.btn-text) i, .btn.btn-outline-success.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-outline-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-outline-success:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-outline-success.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-outline-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-outline-success:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-outline-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-success:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-outline-success:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-outline-success.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-outline-success.disabled, .btn.btn-outline-success:disabled {
     color: #32D0A5;
     background-color: transparent;
     border-color: #32D0A5;
}
 .btn.btn-outline-success.disabled i, .btn.btn-outline-success:disabled i {
     color: #32D0A5;
}
 .btn.btn-outline-success.disabled .svg-icon svg g [fill], .btn.btn-outline-success:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .btn.btn-outline-success.disabled .svg-icon svg:hover g [fill], .btn.btn-outline-success:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-success.disabled.dropdown-toggle:after, .btn.btn-outline-success:disabled.dropdown-toggle:after {
     color: #32D0A5;
}
 .btn.btn-outline-success:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn.btn-outline-success.dropdown-toggle, .show .btn.btn-outline-success.btn-dropdown {
     color: #ffffff;
     background-color: #32D0A5;
     border-color: #32D0A5;
}
 .btn.btn-outline-success:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-outline-success:not(:disabled):not(.disabled).active i, .show > .btn.btn-outline-success.dropdown-toggle i, .show .btn.btn-outline-success.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-outline-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-outline-success:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-outline-success.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-outline-success.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-outline-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-outline-success:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-outline-success.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-outline-success.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-success:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-outline-success:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-outline-success.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-outline-success.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-success {
     color: #32D0A5;
     background-color: rgba(67, 213, 173, 0.15);
     border-color: transparent;
}
 .btn.btn-light-success i {
     color: #32D0A5;
}
 .btn.btn-light-success .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .btn.btn-light-success .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-success.dropdown-toggle:after {
     color: #32D0A5;
}

.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled),
 .btn.btn-light-success:focus:not(.btn-text), .btn.btn-light-success.focus:not(.btn-text) {
    color: #32D0A5!important;
    background-color: rgba(67, 213, 173, 0.2);
     border-color: transparent;
}
 .btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) i,
 .btn.btn-light-success:focus:not(.btn-text) i, .btn.btn-light-success.focus:not(.btn-text) i {
     color: #32D0A5!important;
}
 .btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-success:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-success.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-success:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-success:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-success.focus:not(.btn-text).dropdown-toggle:after {
     color:#32D0A5!important;
}
 .btn.btn-light-success.disabled, .btn.btn-light-success:disabled {
     color: #32D0A5;
     background-color: rgba(67, 213, 173, 0.15);
     border-color: transparent;
}
 .btn.btn-light-success.disabled i, .btn.btn-light-success:disabled i {
     color: #32D0A5;
}
 .btn.btn-light-success.disabled .svg-icon svg g [fill], .btn.btn-light-success:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .btn.btn-light-success.disabled .svg-icon svg:hover g [fill], .btn.btn-light-success:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-success.disabled.dropdown-toggle:after, .btn.btn-light-success:disabled.dropdown-toggle:after {
     color: #32D0A5;
}
 .btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text),
 .btn.btn-light-success:not(:disabled):not(.disabled).active, .show > .btn.btn-light-success.dropdown-toggle, .show .btn.btn-light-success.btn-dropdown {
    color: #32D0A5;
    background-color: rgba(67, 213, 173, 0.2);
     border-color: transparent;
}
 .btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text) i,
 .btn.btn-light-success:not(:disabled):not(.disabled).active i,
 .show > .btn.btn-light-success.dropdown-toggle i,
 .show .btn.btn-light-success.btn-dropdown i {
     color:  #32D0A5;
}
 .btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-success:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light-success.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light-success.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-success:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-success.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-success.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-success:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-success.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-success.btn-dropdown.dropdown-toggle:after {
     color: #32D0A5!important;
}
 .btn.btn-transparent-success {
     color: #32D0A5;
     background-color: rgba(27, 197, 189, 0.1);
     border-color: transparent;
}
 .btn.btn-transparent-success i {
     color: #32D0A5;
}
 .btn.btn-transparent-success .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .btn.btn-transparent-success .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-success.dropdown-toggle:after {
     color: #32D0A5;
}
 .btn.btn-transparent-success:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-transparent-success:focus:not(.btn-text), .btn.btn-transparent-success.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #32D0A5;
     border-color: transparent;
}
 .btn.btn-transparent-success:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-transparent-success:focus:not(.btn-text) i, .btn.btn-transparent-success.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-transparent-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-transparent-success:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-transparent-success.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-transparent-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-transparent-success:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-transparent-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-success:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-transparent-success:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-transparent-success.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-transparent-success.disabled, .btn.btn-transparent-success:disabled {
     color: #32D0A5;
     background-color: rgba(27, 197, 189, 0.1);
     border-color: transparent;
}
 .btn.btn-transparent-success.disabled i, .btn.btn-transparent-success:disabled i {
     color: #32D0A5;
}
 .btn.btn-transparent-success.disabled .svg-icon svg g [fill], .btn.btn-transparent-success:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .btn.btn-transparent-success.disabled .svg-icon svg:hover g [fill], .btn.btn-transparent-success:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-success.disabled.dropdown-toggle:after, .btn.btn-transparent-success:disabled.dropdown-toggle:after {
     color: #32D0A5;
}
 .btn.btn-transparent-success:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-transparent-success:not(:disabled):not(.disabled).active, .show > .btn.btn-transparent-success.dropdown-toggle, .show .btn.btn-transparent-success.btn-dropdown {
     color: #ffffff;
     background-color: #32D0A5;
     border-color: transparent;
}
 .btn.btn-transparent-success:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-transparent-success:not(:disabled):not(.disabled).active i, .show > .btn.btn-transparent-success.dropdown-toggle i, .show .btn.btn-transparent-success.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-transparent-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-transparent-success:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-transparent-success.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-transparent-success.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-transparent-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-transparent-success:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-transparent-success.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-transparent-success.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-success:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-transparent-success:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-transparent-success.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-transparent-success.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-hover-transparent-success {
     color: #32D0A5;
     background-color: transparent;
     border-color: transparent;
}
 .btn.btn-hover-transparent-success i {
     color: #32D0A5;
}
 .btn.btn-hover-transparent-success .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .btn.btn-hover-transparent-success .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-success.dropdown-toggle:after {
     color: #32D0A5;
}
 .btn.btn-hover-transparent-success:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-transparent-success:focus:not(.btn-text), .btn.btn-hover-transparent-success.focus:not(.btn-text) {
     color: #32D0A5;
     background-color: rgba(27, 197, 189, 0.1);
     border-color: transparent;
}
 .btn.btn-hover-transparent-success:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-transparent-success:focus:not(.btn-text) i, .btn.btn-hover-transparent-success.focus:not(.btn-text) i {
     color: #32D0A5;
}
 .btn.btn-hover-transparent-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-transparent-success:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-transparent-success.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .btn.btn-hover-transparent-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-success:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-success:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-transparent-success:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-transparent-success.focus:not(.btn-text).dropdown-toggle:after {
     color: #32D0A5;
}
 .btn.btn-hover-transparent-success.disabled, .btn.btn-hover-transparent-success:disabled {
     color: #32D0A5;
     background-color: transparent;
     border-color: transparent;
}
 .btn.btn-hover-transparent-success.disabled i, .btn.btn-hover-transparent-success:disabled i {
     color: #32D0A5;
}
 .btn.btn-hover-transparent-success.disabled .svg-icon svg g [fill], .btn.btn-hover-transparent-success:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .btn.btn-hover-transparent-success.disabled .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-success:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-success.disabled.dropdown-toggle:after, .btn.btn-hover-transparent-success:disabled.dropdown-toggle:after {
     color: #32D0A5;
}
 .btn.btn-hover-transparent-success:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-transparent-success:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-transparent-success.dropdown-toggle, .show .btn.btn-hover-transparent-success.btn-dropdown {
     color: #32D0A5;
     background-color: rgba(27, 197, 189, 0.1);
     border-color: transparent;
}
 .btn.btn-hover-transparent-success:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-transparent-success:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-transparent-success.dropdown-toggle i, .show .btn.btn-hover-transparent-success.btn-dropdown i {
     color: #32D0A5;
}
 .btn.btn-hover-transparent-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-transparent-success:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-transparent-success.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-transparent-success.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .btn.btn-hover-transparent-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-success:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-transparent-success.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-transparent-success.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-success:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-transparent-success:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-transparent-success.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-transparent-success.btn-dropdown.dropdown-toggle:after {
     color: #32D0A5;
}
 .btn.btn-hover-light-success:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-light-success:focus:not(.btn-text), .btn.btn-hover-light-success.focus:not(.btn-text) {
     color: #32D0A5;
     background-color: rgba(67, 213, 173, 0.15);
     border-color: transparent;
}
 .btn.btn-hover-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-light-success:focus:not(.btn-text) i, .btn.btn-hover-light-success.focus:not(.btn-text) i {
     color: #32D0A5;
}
 .btn.btn-hover-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-light-success:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-success.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .btn.btn-hover-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-light-success:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-light-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-light-success:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-light-success:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-success.focus:not(.btn-text).dropdown-toggle:after {
     color: #32D0A5;
}
 .btn.btn-hover-light-success:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-light-success:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-light-success.dropdown-toggle, .show .btn.btn-hover-light-success.btn-dropdown {
     color: #32D0A5;
     background-color: rgba(67, 213, 173, 0.15);
     border-color: transparent;
}
 .btn.btn-hover-light-success:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-light-success:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-light-success.dropdown-toggle i, .show .btn.btn-hover-light-success.btn-dropdown i {
     color: #32D0A5;
}
 .btn.btn-hover-light-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-success:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-light-success.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-light-success.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .btn.btn-hover-light-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-light-success:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-light-success.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-light-success.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-light-success:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-success:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-light-success.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-light-success.btn-dropdown.dropdown-toggle:after {
     color: #32D0A5;
}
 .btn.btn-hover-light-success.btn-clean {
     border: 0 !important;
}
 .btn.btn-link-success {
     border: 0;
     padding: 0 !important;
     border-radius: 0 !important;
     color: #32D0A5;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-success i {
     color: #32D0A5;
}
 .btn.btn-link-success .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .btn.btn-link-success .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-success.dropdown-toggle:after {
     color: #32D0A5;
}
 .btn.btn-link-success:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-link-success:focus:not(.btn-text), .btn.btn-link-success.focus:not(.btn-text) {
     color: #0BB7AF;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-success:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-link-success:focus:not(.btn-text) i, .btn.btn-link-success.focus:not(.btn-text) i {
     color: #0BB7AF;
}
 .btn.btn-link-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-link-success:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-link-success.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #0BB7AF;
}
 .btn.btn-link-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-link-success:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-link-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-success:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-link-success:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-link-success.focus:not(.btn-text).dropdown-toggle:after {
     color: #0BB7AF;
}
 .btn.btn-link-success.disabled, .btn.btn-link-success:disabled {
     color: #32D0A5;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-success.disabled i, .btn.btn-link-success:disabled i {
     color: #32D0A5;
}
 .btn.btn-link-success.disabled .svg-icon svg g [fill], .btn.btn-link-success:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .btn.btn-link-success.disabled .svg-icon svg:hover g [fill], .btn.btn-link-success:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-success.disabled.dropdown-toggle:after, .btn.btn-link-success:disabled.dropdown-toggle:after {
     color: #32D0A5;
}
 .btn.btn-link-success:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-link-success:not(:disabled):not(.disabled).active, .show > .btn.btn-link-success.dropdown-toggle, .show .btn.btn-link-success.btn-dropdown {
     color: #0BB7AF;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-success:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-link-success:not(:disabled):not(.disabled).active i, .show > .btn.btn-link-success.dropdown-toggle i, .show .btn.btn-link-success.btn-dropdown i {
     color: #0BB7AF;
}
 .btn.btn-link-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-link-success:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-link-success.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-link-success.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #0BB7AF;
}
 .btn.btn-link-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-link-success:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-link-success.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-link-success.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-success:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-link-success:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-link-success.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-link-success.btn-dropdown.dropdown-toggle:after {
     color: #0BB7AF;
}
 .btn.btn-hover-success:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-success:focus:not(.btn-text), .btn.btn-hover-success.focus:not(.btn-text) {
     color: #ffffff !important;
     background-color: #32D0A5 !important;
     border-color: #32D0A5 !important;
}
 .btn.btn-hover-success:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-success:focus:not(.btn-text) i, .btn.btn-hover-success.focus:not(.btn-text) i {
     color: #ffffff !important;
}
 .btn.btn-hover-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-success:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-success.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff !important;
}
 .btn.btn-hover-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-success:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-success:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-success:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-success.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff !important;
}
 .btn.btn-hover-success:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-success:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-success.dropdown-toggle, .show .btn.btn-hover-success.btn-dropdown {
     color: #ffffff !important;
     background-color: #32D0A5 !important;
     border-color: #32D0A5 !important;
}
 .btn.btn-hover-success:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-success:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-success.dropdown-toggle i, .show .btn.btn-hover-success.btn-dropdown i {
     color: #ffffff !important;
}
 .btn.btn-hover-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-success:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-success.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-success.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff !important;
}
 .btn.btn-hover-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-success:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-success.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-success.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-success:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-success:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-success.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-success.btn-dropdown.dropdown-toggle:after {
     color: #ffffff !important;
}
 .btn.btn-hover-success.btn-clean {
     border: 0 !important;
}
 .btn.btn-hover-bg-success:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-bg-success:focus:not(.btn-text), .btn.btn-hover-bg-success.focus:not(.btn-text) {
     background-color: #32D0A5 !important;
     border-color: #32D0A5 !important;
}
 .btn.btn-hover-bg-success:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-bg-success:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-bg-success.dropdown-toggle, .show .btn.btn-hover-bg-success.btn-dropdown {
     background-color: #32D0A5 !important;
     border-color: #32D0A5 !important;
}
 .btn.btn-bg-success {
     background-color: #32D0A5;
     border-color: #32D0A5;
}
 .btn.btn-bg-success.disabled, .btn.btn-bg-success:disabled {
     background-color: #32D0A5;
     border-color: #32D0A5;
}
 .btn.btn-success.btn-shadow {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(27, 197, 189, 0.25) !important;
     box-shadow: 0px 9px 16px 0px rgba(27, 197, 189, 0.25) !important;
}
 .btn.btn-success.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-success.btn-shadow:focus:not(.btn-text), .btn.btn-success.btn-shadow.focus:not(.btn-text) {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(27, 197, 189, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(27, 197, 189, 0.3) !important;
}
 .btn.btn-success.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-success.btn-shadow:not(:disabled):not(.disabled).active, .show > .btn.btn-success.btn-shadow.dropdown-toggle {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(27, 197, 189, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(27, 197, 189, 0.3) !important;
}
 .btn.btn-success.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-success.btn-shadow-hover:focus:not(.btn-text), .btn.btn-success.btn-shadow-hover.focus:not(.btn-text) {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(27, 197, 189, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(27, 197, 189, 0.3) !important;
}
 .btn.btn-success.btn-shadow-hover:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-success.btn-shadow-hover:not(:disabled):not(.disabled).active, .show > .btn.btn-success.btn-shadow-hover.dropdown-toggle {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(27, 197, 189, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(27, 197, 189, 0.3) !important;
}
 .btn.btn-info {
     color: #ffffff;
     background-color: #7B6FFF;
     border-color: #7B6FFF;
}
 .btn.btn-info i {
     color: #ffffff;
}
 .btn.btn-info .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-info .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-info.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-info:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-info:focus:not(.btn-text), .btn.btn-info.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #7337EE;
     border-color: #7337EE;
}
 .btn.btn-info:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-info:focus:not(.btn-text) i, .btn.btn-info.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-info:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-info:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-info.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-info:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-info:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-info.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-info:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-info:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-info.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-info.disabled, .btn.btn-info:disabled {
     color: #ffffff;
     background-color: #7B6FFF;
     border-color: #7B6FFF;
}
 .btn.btn-info.disabled i, .btn.btn-info:disabled i {
     color: #ffffff;
}
 .btn.btn-info.disabled .svg-icon svg g [fill], .btn.btn-info:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-info.disabled .svg-icon svg:hover g [fill], .btn.btn-info:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-info.disabled.dropdown-toggle:after, .btn.btn-info:disabled.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-info:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-info:not(:disabled):not(.disabled).active, .show > .btn.btn-info.dropdown-toggle, .show .btn.btn-info.btn-dropdown {
     color: #ffffff;
     background-color: #7337EE;
     border-color: #7337EE;
}
 .btn.btn-info:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-info:not(:disabled):not(.disabled).active i, .show > .btn.btn-info.dropdown-toggle i, .show .btn.btn-info.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-info:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-info:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-info.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-info.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-info:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-info:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-info.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-info.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-info:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-info:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-info.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-info.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-outline-info {
     color: #7B6FFF;
     background-color: transparent;
     border-color: #7B6FFF;
}
 .btn.btn-outline-info i {
     color: #7B6FFF;
}
 .btn.btn-outline-info .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .btn.btn-outline-info .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-info.dropdown-toggle:after {
     color: #7B6FFF;
}
 .btn.btn-outline-info:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-outline-info:focus:not(.btn-text), .btn.btn-outline-info.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #7B6FFF;
     border-color: #7B6FFF;
}
 .btn.btn-outline-info:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-outline-info:focus:not(.btn-text) i, .btn.btn-outline-info.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-outline-info:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-outline-info:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-outline-info.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-outline-info:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-outline-info:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-outline-info.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-info:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-outline-info:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-outline-info.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-outline-info.disabled, .btn.btn-outline-info:disabled {
     color: #7B6FFF;
     background-color: transparent;
     border-color: #7B6FFF;
}
 .btn.btn-outline-info.disabled i, .btn.btn-outline-info:disabled i {
     color: #7B6FFF;
}
 .btn.btn-outline-info.disabled .svg-icon svg g [fill], .btn.btn-outline-info:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .btn.btn-outline-info.disabled .svg-icon svg:hover g [fill], .btn.btn-outline-info:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-info.disabled.dropdown-toggle:after, .btn.btn-outline-info:disabled.dropdown-toggle:after {
     color: #7B6FFF;
}
 .btn.btn-outline-info:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn.btn-outline-info.dropdown-toggle, .show .btn.btn-outline-info.btn-dropdown {
     color: #ffffff;
     background-color: #7B6FFF;
     border-color: #7B6FFF;
}
 .btn.btn-outline-info:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-outline-info:not(:disabled):not(.disabled).active i, .show > .btn.btn-outline-info.dropdown-toggle i, .show .btn.btn-outline-info.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-outline-info:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-outline-info:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-outline-info.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-outline-info.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-outline-info:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-outline-info:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-outline-info.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-outline-info.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-info:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-outline-info:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-outline-info.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-outline-info.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-info {
     color: #7B6FFF;
     background-color: #EEE5FF;
     border-color: transparent;
}
 .btn.btn-light-info i {
     color: #7B6FFF;
}
 .btn.btn-light-info .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .btn.btn-light-info .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-info.dropdown-toggle:after {
     color: #7B6FFF;
}
 .btn.btn-light-info:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-info:focus:not(.btn-text), .btn.btn-light-info.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #7B6FFF;
     border-color: transparent;
}
 .btn.btn-light-info:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-light-info:focus:not(.btn-text) i, .btn.btn-light-info.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-light-info:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-info:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-info.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-info:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-info:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-info.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-info:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-info:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-info.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-info.disabled, .btn.btn-light-info:disabled {
     color: #7B6FFF;
     background-color: #EEE5FF;
     border-color: transparent;
}
 .btn.btn-light-info.disabled i, .btn.btn-light-info:disabled i {
     color: #7B6FFF;
}
 .btn.btn-light-info.disabled .svg-icon svg g [fill], .btn.btn-light-info:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .btn.btn-light-info.disabled .svg-icon svg:hover g [fill], .btn.btn-light-info:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-info.disabled.dropdown-toggle:after, .btn.btn-light-info:disabled.dropdown-toggle:after {
     color: #7B6FFF;
}
 .btn.btn-light-info:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-info:not(:disabled):not(.disabled).active, .show > .btn.btn-light-info.dropdown-toggle, .show .btn.btn-light-info.btn-dropdown {
     color: #ffffff;
     background-color: #7B6FFF;
     border-color: transparent;
}
 .btn.btn-light-info:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light-info:not(:disabled):not(.disabled).active i, .show > .btn.btn-light-info.dropdown-toggle i, .show .btn.btn-light-info.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-light-info:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-info:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light-info.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light-info.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-info:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-info:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-info.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-info.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-info:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-info:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-info.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-info.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-transparent-info {
     color: #7B6FFF;
     background-color: rgba(137, 80, 252, 0.1);
     border-color: transparent;
}
 .btn.btn-transparent-info i {
     color: #7B6FFF;
}
 .btn.btn-transparent-info .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .btn.btn-transparent-info .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-info.dropdown-toggle:after {
     color: #7B6FFF;
}
 .btn.btn-transparent-info:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-transparent-info:focus:not(.btn-text), .btn.btn-transparent-info.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #7B6FFF;
     border-color: transparent;
}
 .btn.btn-transparent-info:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-transparent-info:focus:not(.btn-text) i, .btn.btn-transparent-info.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-transparent-info:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-transparent-info:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-transparent-info.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-transparent-info:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-transparent-info:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-transparent-info.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-info:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-transparent-info:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-transparent-info.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-transparent-info.disabled, .btn.btn-transparent-info:disabled {
     color: #7B6FFF;
     background-color: rgba(137, 80, 252, 0.1);
     border-color: transparent;
}
 .btn.btn-transparent-info.disabled i, .btn.btn-transparent-info:disabled i {
     color: #7B6FFF;
}
 .btn.btn-transparent-info.disabled .svg-icon svg g [fill], .btn.btn-transparent-info:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .btn.btn-transparent-info.disabled .svg-icon svg:hover g [fill], .btn.btn-transparent-info:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-info.disabled.dropdown-toggle:after, .btn.btn-transparent-info:disabled.dropdown-toggle:after {
     color: #7B6FFF;
}
 .btn.btn-transparent-info:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-transparent-info:not(:disabled):not(.disabled).active, .show > .btn.btn-transparent-info.dropdown-toggle, .show .btn.btn-transparent-info.btn-dropdown {
     color: #ffffff;
     background-color: #7B6FFF;
     border-color: transparent;
}
 .btn.btn-transparent-info:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-transparent-info:not(:disabled):not(.disabled).active i, .show > .btn.btn-transparent-info.dropdown-toggle i, .show .btn.btn-transparent-info.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-transparent-info:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-transparent-info:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-transparent-info.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-transparent-info.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-transparent-info:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-transparent-info:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-transparent-info.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-transparent-info.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-info:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-transparent-info:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-transparent-info.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-transparent-info.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-hover-transparent-info {
     color: #7B6FFF;
     background-color: transparent;
     border-color: transparent;
}
 .btn.btn-hover-transparent-info i {
     color: #7B6FFF;
}
 .btn.btn-hover-transparent-info .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .btn.btn-hover-transparent-info .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-info.dropdown-toggle:after {
     color: #7B6FFF;
}
 .btn.btn-hover-transparent-info:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-transparent-info:focus:not(.btn-text), .btn.btn-hover-transparent-info.focus:not(.btn-text) {
     color: #7B6FFF;
     background-color: rgba(137, 80, 252, 0.1);
     border-color: transparent;
}
 .btn.btn-hover-transparent-info:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-transparent-info:focus:not(.btn-text) i, .btn.btn-hover-transparent-info.focus:not(.btn-text) i {
     color: #7B6FFF;
}
 .btn.btn-hover-transparent-info:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-transparent-info:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-transparent-info.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .btn.btn-hover-transparent-info:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-info:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-info.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-info:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-transparent-info:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-transparent-info.focus:not(.btn-text).dropdown-toggle:after {
     color: #7B6FFF;
}
 .btn.btn-hover-transparent-info.disabled, .btn.btn-hover-transparent-info:disabled {
     color: #7B6FFF;
     background-color: transparent;
     border-color: transparent;
}
 .btn.btn-hover-transparent-info.disabled i, .btn.btn-hover-transparent-info:disabled i {
     color: #7B6FFF;
}
 .btn.btn-hover-transparent-info.disabled .svg-icon svg g [fill], .btn.btn-hover-transparent-info:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .btn.btn-hover-transparent-info.disabled .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-info:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-info.disabled.dropdown-toggle:after, .btn.btn-hover-transparent-info:disabled.dropdown-toggle:after {
     color: #7B6FFF;
}
 .btn.btn-hover-transparent-info:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-transparent-info:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-transparent-info.dropdown-toggle, .show .btn.btn-hover-transparent-info.btn-dropdown {
     color: #7B6FFF;
     background-color: rgba(137, 80, 252, 0.1);
     border-color: transparent;
}
 .btn.btn-hover-transparent-info:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-transparent-info:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-transparent-info.dropdown-toggle i, .show .btn.btn-hover-transparent-info.btn-dropdown i {
     color: #7B6FFF;
}
 .btn.btn-hover-transparent-info:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-transparent-info:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-transparent-info.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-transparent-info.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .btn.btn-hover-transparent-info:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-info:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-transparent-info.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-transparent-info.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-info:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-transparent-info:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-transparent-info.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-transparent-info.btn-dropdown.dropdown-toggle:after {
     color: #7B6FFF;
}
 .btn.btn-hover-light-info:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-light-info:focus:not(.btn-text), .btn.btn-hover-light-info.focus:not(.btn-text) {
     color: #7B6FFF;
     background-color: #EEE5FF;
     border-color: transparent;
}
 .btn.btn-hover-light-info:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-light-info:focus:not(.btn-text) i, .btn.btn-hover-light-info.focus:not(.btn-text) i {
     color: #7B6FFF;
}
 .btn.btn-hover-light-info:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-light-info:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-info.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .btn.btn-hover-light-info:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-light-info:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-light-info.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-light-info:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-light-info:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-info.focus:not(.btn-text).dropdown-toggle:after {
     color: #7B6FFF;
}
 .btn.btn-hover-light-info:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-light-info:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-light-info.dropdown-toggle, .show .btn.btn-hover-light-info.btn-dropdown {
     color: #7B6FFF;
     background-color: #EEE5FF;
     border-color: transparent;
}
 .btn.btn-hover-light-info:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-light-info:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-light-info.dropdown-toggle i, .show .btn.btn-hover-light-info.btn-dropdown i {
     color: #7B6FFF;
}
 .btn.btn-hover-light-info:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-info:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-light-info.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-light-info.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .btn.btn-hover-light-info:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-light-info:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-light-info.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-light-info.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-light-info:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-info:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-light-info.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-light-info.btn-dropdown.dropdown-toggle:after {
     color: #7B6FFF;
}
 .btn.btn-hover-light-info.btn-clean {
     border: 0 !important;
}
 .btn.btn-link-info {
     border: 0;
     padding: 0 !important;
     border-radius: 0 !important;
     color: #7B6FFF;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-info i {
     color: #7B6FFF;
}
 .btn.btn-link-info .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .btn.btn-link-info .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-info.dropdown-toggle:after {
     color: #7B6FFF;
}
 .btn.btn-link-info:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-link-info:focus:not(.btn-text), .btn.btn-link-info.focus:not(.btn-text) {
     color: #7337EE;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-info:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-link-info:focus:not(.btn-text) i, .btn.btn-link-info.focus:not(.btn-text) i {
     color: #7337EE;
}
 .btn.btn-link-info:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-link-info:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-link-info.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7337EE;
}
 .btn.btn-link-info:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-link-info:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-link-info.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-info:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-link-info:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-link-info.focus:not(.btn-text).dropdown-toggle:after {
     color: #7337EE;
}
 .btn.btn-link-info.disabled, .btn.btn-link-info:disabled {
     color: #7B6FFF;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-info.disabled i, .btn.btn-link-info:disabled i {
     color: #7B6FFF;
}
 .btn.btn-link-info.disabled .svg-icon svg g [fill], .btn.btn-link-info:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .btn.btn-link-info.disabled .svg-icon svg:hover g [fill], .btn.btn-link-info:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-info.disabled.dropdown-toggle:after, .btn.btn-link-info:disabled.dropdown-toggle:after {
     color: #7B6FFF;
}
 .btn.btn-link-info:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-link-info:not(:disabled):not(.disabled).active, .show > .btn.btn-link-info.dropdown-toggle, .show .btn.btn-link-info.btn-dropdown {
     color: #7337EE;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-info:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-link-info:not(:disabled):not(.disabled).active i, .show > .btn.btn-link-info.dropdown-toggle i, .show .btn.btn-link-info.btn-dropdown i {
     color: #7337EE;
}
 .btn.btn-link-info:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-link-info:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-link-info.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-link-info.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7337EE;
}
 .btn.btn-link-info:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-link-info:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-link-info.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-link-info.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-info:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-link-info:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-link-info.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-link-info.btn-dropdown.dropdown-toggle:after {
     color: #7337EE;
}
 .btn.btn-hover-info:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-info:focus:not(.btn-text), .btn.btn-hover-info.focus:not(.btn-text) {
     color: #ffffff !important;
     background-color: #7B6FFF !important;
     border-color: #7B6FFF !important;
}
 .btn.btn-hover-info:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-info:focus:not(.btn-text) i, .btn.btn-hover-info.focus:not(.btn-text) i {
     color: #ffffff !important;
}
 .btn.btn-hover-info:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-info:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-info.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff !important;
}
 .btn.btn-hover-info:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-info:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-info.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-info:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-info:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-info.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff !important;
}
 .btn.btn-hover-info:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-info:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-info.dropdown-toggle, .show .btn.btn-hover-info.btn-dropdown {
     color: #ffffff !important;
     background-color: #7B6FFF !important;
     border-color: #7B6FFF !important;
}
 .btn.btn-hover-info:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-info:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-info.dropdown-toggle i, .show .btn.btn-hover-info.btn-dropdown i {
     color: #ffffff !important;
}
 .btn.btn-hover-info:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-info:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-info.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-info.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff !important;
}
 .btn.btn-hover-info:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-info:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-info.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-info.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-info:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-info:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-info.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-info.btn-dropdown.dropdown-toggle:after {
     color: #ffffff !important;
}
 .btn.btn-hover-info.btn-clean {
     border: 0 !important;
}
 .btn.btn-hover-bg-info:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-bg-info:focus:not(.btn-text), .btn.btn-hover-bg-info.focus:not(.btn-text) {
     background-color: #7B6FFF !important;
     border-color: #7B6FFF !important;
}
 .btn.btn-hover-bg-info:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-bg-info:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-bg-info.dropdown-toggle, .show .btn.btn-hover-bg-info.btn-dropdown {
     background-color: #7B6FFF !important;
     border-color: #7B6FFF !important;
}
 .btn.btn-bg-info {
     background-color: #7B6FFF;
     border-color: #7B6FFF;
}
 .btn.btn-bg-info.disabled, .btn.btn-bg-info:disabled {
     background-color: #7B6FFF;
     border-color: #7B6FFF;
}
 .btn.btn-info.btn-shadow {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(137, 80, 252, 0.25) !important;
     box-shadow: 0px 9px 16px 0px rgba(137, 80, 252, 0.25) !important;
}
 .btn.btn-info.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-info.btn-shadow:focus:not(.btn-text), .btn.btn-info.btn-shadow.focus:not(.btn-text) {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(137, 80, 252, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(137, 80, 252, 0.3) !important;
}
 .btn.btn-info.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-info.btn-shadow:not(:disabled):not(.disabled).active, .show > .btn.btn-info.btn-shadow.dropdown-toggle {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(137, 80, 252, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(137, 80, 252, 0.3) !important;
}
 .btn.btn-info.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-info.btn-shadow-hover:focus:not(.btn-text), .btn.btn-info.btn-shadow-hover.focus:not(.btn-text) {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(137, 80, 252, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(137, 80, 252, 0.3) !important;
}
 .btn.btn-info.btn-shadow-hover:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-info.btn-shadow-hover:not(:disabled):not(.disabled).active, .show > .btn.btn-info.btn-shadow-hover.dropdown-toggle {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(137, 80, 252, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(137, 80, 252, 0.3) !important;
}
 .btn.btn-warning {
     color: #ffffff;
     background-color: #FFA800;
     border-color: #FFA800;
}
 .btn.btn-warning i {
     color: #ffffff;
}
 .btn.btn-warning .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-warning .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-warning.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-warning:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-warning:focus:not(.btn-text), .btn.btn-warning.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #EE9D01;
     border-color: #EE9D01;
}
 .btn.btn-warning:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-warning:focus:not(.btn-text) i, .btn.btn-warning.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-warning:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-warning.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-warning:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-warning.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-warning:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-warning:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-warning.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-warning.disabled, .btn.btn-warning:disabled {
     color: #ffffff;
     background-color: #FFA800;
     border-color: #FFA800;
}
 .btn.btn-warning.disabled i, .btn.btn-warning:disabled i {
     color: #ffffff;
}
 .btn.btn-warning.disabled .svg-icon svg g [fill], .btn.btn-warning:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-warning.disabled .svg-icon svg:hover g [fill], .btn.btn-warning:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-warning.disabled.dropdown-toggle:after, .btn.btn-warning:disabled.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-warning:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-warning:not(:disabled):not(.disabled).active, .show > .btn.btn-warning.dropdown-toggle, .show .btn.btn-warning.btn-dropdown {
     color: #ffffff;
     background-color: #EE9D01;
     border-color: #EE9D01;
}
 .btn.btn-warning:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-warning:not(:disabled):not(.disabled).active i, .show > .btn.btn-warning.dropdown-toggle i, .show .btn.btn-warning.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-warning:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-warning:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-warning.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-warning.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-warning:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-warning:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-warning.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-warning.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-warning:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-warning:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-warning.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-warning.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-outline-warning {
     color: #FFA800;
     background-color: transparent;
     border-color: #FFA800;
}
 .btn.btn-outline-warning i {
     color: #FFA800;
}
 .btn.btn-outline-warning .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .btn.btn-outline-warning .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-warning.dropdown-toggle:after {
     color: #FFA800;
}
 .btn.btn-outline-warning:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-outline-warning:focus:not(.btn-text), .btn.btn-outline-warning.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #FFA800;
     border-color: #FFA800;
}
 .btn.btn-outline-warning:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-outline-warning:focus:not(.btn-text) i, .btn.btn-outline-warning.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-outline-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-outline-warning:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-outline-warning.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-outline-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-outline-warning:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-outline-warning.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-warning:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-outline-warning:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-outline-warning.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-outline-warning.disabled, .btn.btn-outline-warning:disabled {
     color: #FFA800;
     background-color: transparent;
     border-color: #FFA800;
}
 .btn.btn-outline-warning.disabled i, .btn.btn-outline-warning:disabled i {
     color: #FFA800;
}
 .btn.btn-outline-warning.disabled .svg-icon svg g [fill], .btn.btn-outline-warning:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .btn.btn-outline-warning.disabled .svg-icon svg:hover g [fill], .btn.btn-outline-warning:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-warning.disabled.dropdown-toggle:after, .btn.btn-outline-warning:disabled.dropdown-toggle:after {
     color: #FFA800;
}
 .btn.btn-outline-warning:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn.btn-outline-warning.dropdown-toggle, .show .btn.btn-outline-warning.btn-dropdown {
     color: #ffffff;
     background-color: #FFA800;
     border-color: #FFA800;
}
 .btn.btn-outline-warning:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-outline-warning:not(:disabled):not(.disabled).active i, .show > .btn.btn-outline-warning.dropdown-toggle i, .show .btn.btn-outline-warning.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-outline-warning:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-outline-warning:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-outline-warning.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-outline-warning.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-outline-warning:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-outline-warning:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-outline-warning.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-outline-warning.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-warning:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-outline-warning:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-outline-warning.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-outline-warning.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-warning {
     color: #FFA800;
     background-color: #FFF4DE;
     border-color: transparent;
}
 .btn.btn-light-warning i {
     color: #FFA800;
}
 .btn.btn-light-warning .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .btn.btn-light-warning .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-warning.dropdown-toggle:after {
     color: #FFA800;
}
 .btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-warning:focus:not(.btn-text), .btn.btn-light-warning.focus:not(.btn-text) {
     color: #FFA800;
     background-color: RGBa(255, 168, 0, 0.2);
     border-color: transparent;
}
 .btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled) i,
 .btn.btn-light-warning:focus:not(.btn-text) i,
 .btn.btn-light-warning.focus:not(.btn-text) i {
     color: #ffa800;
}
 .btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-warning:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-warning.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffa800;
}
 .btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-warning:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-warning.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-warning:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-warning.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffa800;
}
 .btn.btn-light-warning.disabled, .btn.btn-light-warning:disabled {
     color: #FFA800;
     background-color: #FFF4DE;
     border-color: transparent;
}
 .btn.btn-light-warning.disabled i, .btn.btn-light-warning:disabled i {
     color: #FFA800;
}
 .btn.btn-light-warning.disabled .svg-icon svg g [fill], .btn.btn-light-warning:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .btn.btn-light-warning.disabled .svg-icon svg:hover g [fill], .btn.btn-light-warning:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-warning.disabled.dropdown-toggle:after, .btn.btn-light-warning:disabled.dropdown-toggle:after {
     color: #FFA800;
}
 .btn.btn-light-warning:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-warning:not(:disabled):not(.disabled).active, .show > .btn.btn-light-warning.dropdown-toggle, .show .btn.btn-light-warning.btn-dropdown {
    color: #FFA800;
    background-color: RGBa(255, 168, 0, 0.2);
     border-color: transparent;
}
 .btn.btn-light-warning:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light-warning:not(:disabled):not(.disabled).active i, .show > .btn.btn-light-warning.dropdown-toggle i, .show .btn.btn-light-warning.btn-dropdown i {
     color: #FFA800;
}
 .btn.btn-light-warning:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-warning:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light-warning.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light-warning.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .btn.btn-light-warning:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-warning:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-warning.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-warning.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-warning:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-warning:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-warning.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-warning.btn-dropdown.dropdown-toggle:after {
     color: #FFA800;
}
 .btn.btn-transparent-warning {
     color: #FFA800;
     background-color: rgba(255, 168, 0, 0.1);
     border-color: transparent;
}
 .btn.btn-transparent-warning i {
     color: #FFA800;
}
 .btn.btn-transparent-warning .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .btn.btn-transparent-warning .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-warning.dropdown-toggle:after {
     color: #FFA800;
}
 .btn.btn-transparent-warning:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-transparent-warning:focus:not(.btn-text), .btn.btn-transparent-warning.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #FFA800;
     border-color: transparent;
}
 .btn.btn-transparent-warning:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-transparent-warning:focus:not(.btn-text) i, .btn.btn-transparent-warning.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-transparent-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-transparent-warning:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-transparent-warning.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-transparent-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-transparent-warning:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-transparent-warning.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-warning:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-transparent-warning:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-transparent-warning.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-transparent-warning.disabled, .btn.btn-transparent-warning:disabled {
     color: #FFA800;
     background-color: rgba(255, 168, 0, 0.1);
     border-color: transparent;
}
 .btn.btn-transparent-warning.disabled i, .btn.btn-transparent-warning:disabled i {
     color: #FFA800;
}
 .btn.btn-transparent-warning.disabled .svg-icon svg g [fill], .btn.btn-transparent-warning:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .btn.btn-transparent-warning.disabled .svg-icon svg:hover g [fill], .btn.btn-transparent-warning:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-warning.disabled.dropdown-toggle:after, .btn.btn-transparent-warning:disabled.dropdown-toggle:after {
     color: #FFA800;
}
 .btn.btn-transparent-warning:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-transparent-warning:not(:disabled):not(.disabled).active, .show > .btn.btn-transparent-warning.dropdown-toggle, .show .btn.btn-transparent-warning.btn-dropdown {
     color: #ffffff;
     background-color: #FFA800;
     border-color: transparent;
}
 .btn.btn-transparent-warning:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-transparent-warning:not(:disabled):not(.disabled).active i, .show > .btn.btn-transparent-warning.dropdown-toggle i, .show .btn.btn-transparent-warning.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-transparent-warning:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-transparent-warning:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-transparent-warning.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-transparent-warning.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-transparent-warning:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-transparent-warning:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-transparent-warning.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-transparent-warning.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-warning:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-transparent-warning:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-transparent-warning.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-transparent-warning.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-hover-transparent-warning {
     color: #FFA800;
     background-color: transparent;
     border-color: transparent;
}
 .btn.btn-hover-transparent-warning i {
     color: #FFA800;
}
 .btn.btn-hover-transparent-warning .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .btn.btn-hover-transparent-warning .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-warning.dropdown-toggle:after {
     color: #FFA800;
}
 .btn.btn-hover-transparent-warning:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-transparent-warning:focus:not(.btn-text), .btn.btn-hover-transparent-warning.focus:not(.btn-text) {
     color: #FFA800;
     background-color: rgba(255, 168, 0, 0.1);
     border-color: transparent;
}
 .btn.btn-hover-transparent-warning:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-transparent-warning:focus:not(.btn-text) i, .btn.btn-hover-transparent-warning.focus:not(.btn-text) i {
     color: #FFA800;
}
 .btn.btn-hover-transparent-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-transparent-warning:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-transparent-warning.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .btn.btn-hover-transparent-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-warning:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-warning.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-warning:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-transparent-warning:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-transparent-warning.focus:not(.btn-text).dropdown-toggle:after {
     color: #FFA800;
}
 .btn.btn-hover-transparent-warning.disabled, .btn.btn-hover-transparent-warning:disabled {
     color: #FFA800;
     background-color: transparent;
     border-color: transparent;
}
 .btn.btn-hover-transparent-warning.disabled i, .btn.btn-hover-transparent-warning:disabled i {
     color: #FFA800;
}
 .btn.btn-hover-transparent-warning.disabled .svg-icon svg g [fill], .btn.btn-hover-transparent-warning:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .btn.btn-hover-transparent-warning.disabled .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-warning:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-warning.disabled.dropdown-toggle:after, .btn.btn-hover-transparent-warning:disabled.dropdown-toggle:after {
     color: #FFA800;
}
 .btn.btn-hover-transparent-warning:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-transparent-warning:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-transparent-warning.dropdown-toggle, .show .btn.btn-hover-transparent-warning.btn-dropdown {
     color: #FFA800;
     background-color: rgba(255, 168, 0, 0.1);
     border-color: transparent;
}
 .btn.btn-hover-transparent-warning:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-transparent-warning:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-transparent-warning.dropdown-toggle i, .show .btn.btn-hover-transparent-warning.btn-dropdown i {
     color: #FFA800;
}
 .btn.btn-hover-transparent-warning:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-transparent-warning:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-transparent-warning.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-transparent-warning.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .btn.btn-hover-transparent-warning:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-warning:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-transparent-warning.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-transparent-warning.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-warning:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-transparent-warning:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-transparent-warning.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-transparent-warning.btn-dropdown.dropdown-toggle:after {
     color: #FFA800;
}
 .btn.btn-hover-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-light-warning:focus:not(.btn-text), .btn.btn-hover-light-warning.focus:not(.btn-text) {
     color: #FFA800;
     background-color: #FFF4DE;
     border-color: transparent;
}
 .btn.btn-hover-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-light-warning:focus:not(.btn-text) i, .btn.btn-hover-light-warning.focus:not(.btn-text) i {
     color: #FFA800;
}
 .btn.btn-hover-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-light-warning:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-warning.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .btn.btn-hover-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-light-warning:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-light-warning.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-light-warning:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-warning.focus:not(.btn-text).dropdown-toggle:after {
     color: #FFA800;
}
 .btn.btn-hover-light-warning:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-light-warning:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-light-warning.dropdown-toggle, .show .btn.btn-hover-light-warning.btn-dropdown {
     color: #FFA800;
     background-color: #FFF4DE;
     border-color: transparent;
}
 .btn.btn-hover-light-warning:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-light-warning:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-light-warning.dropdown-toggle i, .show .btn.btn-hover-light-warning.btn-dropdown i {
     color: #FFA800;
}
 .btn.btn-hover-light-warning:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-warning:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-light-warning.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-light-warning.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .btn.btn-hover-light-warning:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-light-warning:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-light-warning.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-light-warning.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-light-warning:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-warning:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-light-warning.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-light-warning.btn-dropdown.dropdown-toggle:after {
     color: #FFA800;
}
 .btn.btn-hover-light-warning.btn-clean {
     border: 0 !important;
}
 .btn.btn-link-warning {
     border: 0;
     padding: 0 !important;
     border-radius: 0 !important;
     color: #FFA800;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-warning i {
     color: #FFA800;
}
 .btn.btn-link-warning .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .btn.btn-link-warning .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-warning.dropdown-toggle:after {
     color: #FFA800;
}
 .btn.btn-link-warning:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-link-warning:focus:not(.btn-text), .btn.btn-link-warning.focus:not(.btn-text) {
     color: #EE9D01;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-warning:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-link-warning:focus:not(.btn-text) i, .btn.btn-link-warning.focus:not(.btn-text) i {
     color: #EE9D01;
}
 .btn.btn-link-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-link-warning:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-link-warning.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #EE9D01;
}
 .btn.btn-link-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-link-warning:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-link-warning.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-warning:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-link-warning:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-link-warning.focus:not(.btn-text).dropdown-toggle:after {
     color: #EE9D01;
}
 .btn.btn-link-warning.disabled, .btn.btn-link-warning:disabled {
     color: #FFA800;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-warning.disabled i, .btn.btn-link-warning:disabled i {
     color: #FFA800;
}
 .btn.btn-link-warning.disabled .svg-icon svg g [fill], .btn.btn-link-warning:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .btn.btn-link-warning.disabled .svg-icon svg:hover g [fill], .btn.btn-link-warning:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-warning.disabled.dropdown-toggle:after, .btn.btn-link-warning:disabled.dropdown-toggle:after {
     color: #FFA800;
}
 .btn.btn-link-warning:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-link-warning:not(:disabled):not(.disabled).active, .show > .btn.btn-link-warning.dropdown-toggle, .show .btn.btn-link-warning.btn-dropdown {
     color: #EE9D01;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-warning:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-link-warning:not(:disabled):not(.disabled).active i, .show > .btn.btn-link-warning.dropdown-toggle i, .show .btn.btn-link-warning.btn-dropdown i {
     color: #EE9D01;
}
 .btn.btn-link-warning:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-link-warning:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-link-warning.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-link-warning.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #EE9D01;
}
 .btn.btn-link-warning:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-link-warning:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-link-warning.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-link-warning.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-warning:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-link-warning:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-link-warning.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-link-warning.btn-dropdown.dropdown-toggle:after {
     color: #EE9D01;
}
 .btn.btn-hover-warning:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-warning:focus:not(.btn-text), .btn.btn-hover-warning.focus:not(.btn-text) {
     color: #ffffff !important;
     background-color: #FFA800 !important;
     border-color: #FFA800 !important;
}
 .btn.btn-hover-warning:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-warning:focus:not(.btn-text) i, .btn.btn-hover-warning.focus:not(.btn-text) i {
     color: #ffffff !important;
}
 .btn.btn-hover-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-warning:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-warning.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff !important;
}
 .btn.btn-hover-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-warning:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-warning.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-warning:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-warning:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-warning.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff !important;
}
 .btn.btn-hover-warning:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-warning:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-warning.dropdown-toggle, .show .btn.btn-hover-warning.btn-dropdown {
     color: #ffffff !important;
     background-color: #FFA800 !important;
     border-color: #FFA800 !important;
}
 .btn.btn-hover-warning:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-warning:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-warning.dropdown-toggle i, .show .btn.btn-hover-warning.btn-dropdown i {
     color: #ffffff !important;
}
 .btn.btn-hover-warning:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-warning:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-warning.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-warning.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff !important;
}
 .btn.btn-hover-warning:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-warning:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-warning.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-warning.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-warning:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-warning:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-warning.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-warning.btn-dropdown.dropdown-toggle:after {
     color: #ffffff !important;
}
 .btn.btn-hover-warning.btn-clean {
     border: 0 !important;
}
 .btn.btn-hover-bg-warning:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-bg-warning:focus:not(.btn-text), .btn.btn-hover-bg-warning.focus:not(.btn-text) {
     background-color: #FFA800 !important;
     border-color: #FFA800 !important;
}
 .btn.btn-hover-bg-warning:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-bg-warning:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-bg-warning.dropdown-toggle, .show .btn.btn-hover-bg-warning.btn-dropdown {
     background-color: #FFA800 !important;
     border-color: #FFA800 !important;
}
 .btn.btn-bg-warning {
     background-color: #FFA800;
     border-color: #FFA800;
}
 .btn.btn-bg-warning.disabled, .btn.btn-bg-warning:disabled {
     background-color: #FFA800;
     border-color: #FFA800;
}
 .btn.btn-warning.btn-shadow {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(255, 168, 0, 0.25) !important;
     box-shadow: 0px 9px 16px 0px rgba(255, 168, 0, 0.25) !important;
}
 .btn.btn-warning.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-warning.btn-shadow:focus:not(.btn-text), .btn.btn-warning.btn-shadow.focus:not(.btn-text) {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(255, 168, 0, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(255, 168, 0, 0.3) !important;
}
 .btn.btn-warning.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-warning.btn-shadow:not(:disabled):not(.disabled).active, .show > .btn.btn-warning.btn-shadow.dropdown-toggle {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(255, 168, 0, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(255, 168, 0, 0.3) !important;
}
 .btn.btn-warning.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-warning.btn-shadow-hover:focus:not(.btn-text), .btn.btn-warning.btn-shadow-hover.focus:not(.btn-text) {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(255, 168, 0, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(255, 168, 0, 0.3) !important;
}
 .btn.btn-warning.btn-shadow-hover:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-warning.btn-shadow-hover:not(:disabled):not(.disabled).active, .show > .btn.btn-warning.btn-shadow-hover.dropdown-toggle {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(255, 168, 0, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(255, 168, 0, 0.3) !important;
}
 .btn.btn-danger {
     color: #ffffff;
     background-color: #F64E60;
     border-color: #F64E60;
}
 .btn.btn-danger i {
     color: #ffffff;
}
 .btn.btn-danger .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-danger .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-danger.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-danger:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-danger:focus:not(.btn-text), .btn.btn-danger.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #EE2D41;
     border-color: #EE2D41;
}
 .btn.btn-danger:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-danger:focus:not(.btn-text) i, .btn.btn-danger.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-danger:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-danger.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-danger:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-danger.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-danger:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-danger:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-danger.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-danger.disabled, .btn.btn-danger:disabled {
     color: #ffffff;
     background-color: #F64E60;
     border-color: #F64E60;
}
 .btn.btn-danger.disabled i, .btn.btn-danger:disabled i {
     color: #ffffff;
}
 .btn.btn-danger.disabled .svg-icon svg g [fill], .btn.btn-danger:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-danger.disabled .svg-icon svg:hover g [fill], .btn.btn-danger:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-danger.disabled.dropdown-toggle:after, .btn.btn-danger:disabled.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-danger:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-danger:not(:disabled):not(.disabled).active, .show > .btn.btn-danger.dropdown-toggle, .show .btn.btn-danger.btn-dropdown {
     color: #ffffff;
     background-color: #EE2D41;
     border-color: #EE2D41;
}
 .btn.btn-danger:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-danger:not(:disabled):not(.disabled).active i, .show > .btn.btn-danger.dropdown-toggle i, .show .btn.btn-danger.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-danger:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-danger:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-danger.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-danger.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-danger:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-danger:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-danger.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-danger.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-danger:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-danger:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-danger.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-danger.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-outline-danger {
     color: #F64E60;
     background-color: transparent;
     border-color: #F64E60;
}
 .btn.btn-outline-danger i {
     color: #F64E60;
}
 .btn.btn-outline-danger .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .btn.btn-outline-danger .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-danger.dropdown-toggle:after {
     color: #F64E60;
}
 .btn.btn-outline-danger:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-outline-danger:focus:not(.btn-text), .btn.btn-outline-danger.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #F64E60;
     border-color: #F64E60;
}
 .btn.btn-outline-danger:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-outline-danger:focus:not(.btn-text) i, .btn.btn-outline-danger.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-outline-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-outline-danger:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-outline-danger.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-outline-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-outline-danger:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-outline-danger.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-danger:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-outline-danger:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-outline-danger.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-outline-danger.disabled, .btn.btn-outline-danger:disabled {
     color: #F64E60;
     background-color: transparent;
     border-color: #F64E60;
}
 .btn.btn-outline-danger.disabled i, .btn.btn-outline-danger:disabled i {
     color: #F64E60;
}
 .btn.btn-outline-danger.disabled .svg-icon svg g [fill], .btn.btn-outline-danger:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .btn.btn-outline-danger.disabled .svg-icon svg:hover g [fill], .btn.btn-outline-danger:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-danger.disabled.dropdown-toggle:after, .btn.btn-outline-danger:disabled.dropdown-toggle:after {
     color: #F64E60;
}
 .btn.btn-outline-danger:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn.btn-outline-danger.dropdown-toggle, .show .btn.btn-outline-danger.btn-dropdown {
     color: #ffffff;
     background-color: #F64E60;
     border-color: #F64E60;
}
 .btn.btn-outline-danger:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-outline-danger:not(:disabled):not(.disabled).active i, .show > .btn.btn-outline-danger.dropdown-toggle i, .show .btn.btn-outline-danger.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-outline-danger:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-outline-danger:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-outline-danger.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-outline-danger.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-outline-danger:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-outline-danger:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-outline-danger.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-outline-danger.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-danger:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-outline-danger:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-outline-danger.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-outline-danger.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-danger {
     color: #F64E60;
     background-color: #FFEFEF;
     border-color: transparent;
}
 .btn.btn-light-danger i {
     color: #F64E60;
}
 .btn.btn-light-danger .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .btn.btn-light-danger .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-danger.dropdown-toggle:after {
     color: #F64E60;
}
 .btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled),
 .btn.btn-light-danger:focus:not(.btn-text),
 .btn.btn-light-danger.focus:not(.btn-text) {
     color: #F64E60 !important;
     background-color: #FFEFEF;
     border-color: transparent;
}
 .btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-light-danger:focus:not(.btn-text) i, .btn.btn-light-danger.focus:not(.btn-text) i {
     color: #F64E60!important;
}
 .btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-danger:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-danger.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-danger:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-danger.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-danger:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-danger.focus:not(.btn-text).dropdown-toggle:after {
     color: #F64E60;
}
 .btn.btn-light-danger.disabled, .btn.btn-light-danger:disabled {
     color: #F64E60;
     background-color: #FFEFEF;
     border-color: transparent;
}
 .btn.btn-light-danger.disabled i, .btn.btn-light-danger:disabled i {
     color: #F64E60;
}
 .btn.btn-light-danger.disabled .svg-icon svg g [fill], .btn.btn-light-danger:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .btn.btn-light-danger.disabled .svg-icon svg:hover g [fill], .btn.btn-light-danger:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-danger.disabled.dropdown-toggle:after, .btn.btn-light-danger:disabled.dropdown-toggle:after {
     color: #F64E60;
}
 .btn.btn-light-danger:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-danger:not(:disabled):not(.disabled).active, .show > .btn.btn-light-danger.dropdown-toggle, .show .btn.btn-light-danger.btn-dropdown {
    color: #F64E60 !important;
    background-color: rgba(255, 164, 164, 0.3);
     border-color: transparent;
}
 .btn.btn-light-danger:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light-danger:not(:disabled):not(.disabled).active i, .show > .btn.btn-light-danger.dropdown-toggle i, .show .btn.btn-light-danger.btn-dropdown i {
     color: #F64E60;
}
 .btn.btn-light-danger:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-danger:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light-danger.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light-danger.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .btn.btn-light-danger:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-danger:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-danger.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-danger.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-danger:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-danger:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-danger.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-danger.btn-dropdown.dropdown-toggle:after {
     color:#F64E60;
}
 .btn.btn-transparent-danger {
     color: #F64E60;
     background-color: rgba(246, 78, 96, 0.1);
     border-color: transparent;
}
 .btn.btn-transparent-danger i {
     color: #F64E60;
}
 .btn.btn-transparent-danger .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .btn.btn-transparent-danger .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-danger.dropdown-toggle:after {
     color: #F64E60;
}
 .btn.btn-transparent-danger:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-transparent-danger:focus:not(.btn-text), .btn.btn-transparent-danger.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #F64E60;
     border-color: transparent;
}
 .btn.btn-transparent-danger:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-transparent-danger:focus:not(.btn-text) i, .btn.btn-transparent-danger.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-transparent-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-transparent-danger:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-transparent-danger.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-transparent-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-transparent-danger:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-transparent-danger.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-danger:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-transparent-danger:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-transparent-danger.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-transparent-danger.disabled, .btn.btn-transparent-danger:disabled {
     color: #F64E60;
     background-color: rgba(246, 78, 96, 0.1);
     border-color: transparent;
}
 .btn.btn-transparent-danger.disabled i, .btn.btn-transparent-danger:disabled i {
     color: #F64E60;
}
 .btn.btn-transparent-danger.disabled .svg-icon svg g [fill], .btn.btn-transparent-danger:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .btn.btn-transparent-danger.disabled .svg-icon svg:hover g [fill], .btn.btn-transparent-danger:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-danger.disabled.dropdown-toggle:after, .btn.btn-transparent-danger:disabled.dropdown-toggle:after {
     color: #F64E60;
}
 .btn.btn-transparent-danger:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-transparent-danger:not(:disabled):not(.disabled).active, .show > .btn.btn-transparent-danger.dropdown-toggle, .show .btn.btn-transparent-danger.btn-dropdown {
     color: #ffffff;
     background-color: #F64E60;
     border-color: transparent;
}
 .btn.btn-transparent-danger:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-transparent-danger:not(:disabled):not(.disabled).active i, .show > .btn.btn-transparent-danger.dropdown-toggle i, .show .btn.btn-transparent-danger.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-transparent-danger:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-transparent-danger:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-transparent-danger.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-transparent-danger.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-transparent-danger:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-transparent-danger:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-transparent-danger.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-transparent-danger.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-danger:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-transparent-danger:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-transparent-danger.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-transparent-danger.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-hover-transparent-danger {
     color: #F64E60;
     background-color: transparent;
     border-color: transparent;
}
 .btn.btn-hover-transparent-danger i {
     color: #F64E60;
}
 .btn.btn-hover-transparent-danger .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .btn.btn-hover-transparent-danger .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-danger.dropdown-toggle:after {
     color: #F64E60;
}
 .btn.btn-hover-transparent-danger:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-transparent-danger:focus:not(.btn-text), .btn.btn-hover-transparent-danger.focus:not(.btn-text) {
     color: #F64E60;
     background-color: rgba(246, 78, 96, 0.1);
     border-color: transparent;
}
 .btn.btn-hover-transparent-danger:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-transparent-danger:focus:not(.btn-text) i, .btn.btn-hover-transparent-danger.focus:not(.btn-text) i {
     color: #F64E60;
}
 .btn.btn-hover-transparent-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-transparent-danger:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-transparent-danger.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .btn.btn-hover-transparent-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-danger:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-danger.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-danger:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-transparent-danger:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-transparent-danger.focus:not(.btn-text).dropdown-toggle:after {
     color: #F64E60;
}
 .btn.btn-hover-transparent-danger.disabled, .btn.btn-hover-transparent-danger:disabled {
     color: #F64E60;
     background-color: transparent;
     border-color: transparent;
}
 .btn.btn-hover-transparent-danger.disabled i, .btn.btn-hover-transparent-danger:disabled i {
     color: #F64E60;
}
 .btn.btn-hover-transparent-danger.disabled .svg-icon svg g [fill], .btn.btn-hover-transparent-danger:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .btn.btn-hover-transparent-danger.disabled .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-danger:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-danger.disabled.dropdown-toggle:after, .btn.btn-hover-transparent-danger:disabled.dropdown-toggle:after {
     color: #F64E60;
}
 .btn.btn-hover-transparent-danger:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-transparent-danger:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-transparent-danger.dropdown-toggle, .show .btn.btn-hover-transparent-danger.btn-dropdown {
     color: #F64E60;
     background-color: rgba(246, 78, 96, 0.1);
     border-color: transparent;
}
 .btn.btn-hover-transparent-danger:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-transparent-danger:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-transparent-danger.dropdown-toggle i, .show .btn.btn-hover-transparent-danger.btn-dropdown i {
     color: #F64E60;
}
 .btn.btn-hover-transparent-danger:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-transparent-danger:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-transparent-danger.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-transparent-danger.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .btn.btn-hover-transparent-danger:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-danger:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-transparent-danger.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-transparent-danger.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-danger:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-transparent-danger:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-transparent-danger.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-transparent-danger.btn-dropdown.dropdown-toggle:after {
     color: #F64E60;
}
 .btn.btn-hover-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled),
 .btn.btn-hover-light-danger:focus:not(.btn-text), .btn.btn-hover-light-danger.focus:not(.btn-text) {
     color: #F64E60;
     background-color: #FFEFEF;
     border-color: transparent;
}
 .btn.btn-hover-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-light-danger:focus:not(.btn-text) i, .btn.btn-hover-light-danger.focus:not(.btn-text) i {
     color: #F64E60;
}
 .btn.btn-hover-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-light-danger:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-danger.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .btn.btn-hover-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-light-danger:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-light-danger.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-light-danger:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-danger.focus:not(.btn-text).dropdown-toggle:after {
     color: #F64E60;
}
 .btn.btn-hover-light-danger:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-light-danger:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-light-danger.dropdown-toggle, .show .btn.btn-hover-light-danger.btn-dropdown {
     color: #F64E60;
     background-color: #FFEFEF;
     border-color: transparent;
}
 .btn.btn-hover-light-danger:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-light-danger:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-light-danger.dropdown-toggle i, .show .btn.btn-hover-light-danger.btn-dropdown i {
     color: #F64E60;
}
 .btn.btn-hover-light-danger:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-danger:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-light-danger.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-light-danger.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .btn.btn-hover-light-danger:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-light-danger:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-light-danger.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-light-danger.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-light-danger:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-danger:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-light-danger.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-light-danger.btn-dropdown.dropdown-toggle:after {
     color: #F64E60;
}
 .btn.btn-hover-light-danger.btn-clean {
     border: 0 !important;
}
 .btn.btn-link-danger {
     border: 0;
     padding: 0 !important;
     border-radius: 0 !important;
     color: #F64E60;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-danger i {
     color: #F64E60;
}
 .btn.btn-link-danger .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .btn.btn-link-danger .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-danger.dropdown-toggle:after {
     color: #F64E60;
}
 .btn.btn-link-danger:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-link-danger:focus:not(.btn-text), .btn.btn-link-danger.focus:not(.btn-text) {
     color: #EE2D41;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-danger:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-link-danger:focus:not(.btn-text) i, .btn.btn-link-danger.focus:not(.btn-text) i {
     color: #EE2D41;
}
 .btn.btn-link-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-link-danger:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-link-danger.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #EE2D41;
}
 .btn.btn-link-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-link-danger:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-link-danger.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-danger:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-link-danger:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-link-danger.focus:not(.btn-text).dropdown-toggle:after {
     color: #EE2D41;
}
 .btn.btn-link-danger.disabled, .btn.btn-link-danger:disabled {
     color: #F64E60;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-danger.disabled i, .btn.btn-link-danger:disabled i {
     color: #F64E60;
}
 .btn.btn-link-danger.disabled .svg-icon svg g [fill], .btn.btn-link-danger:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .btn.btn-link-danger.disabled .svg-icon svg:hover g [fill], .btn.btn-link-danger:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-danger.disabled.dropdown-toggle:after, .btn.btn-link-danger:disabled.dropdown-toggle:after {
     color: #F64E60;
}
 .btn.btn-link-danger:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-link-danger:not(:disabled):not(.disabled).active, .show > .btn.btn-link-danger.dropdown-toggle, .show .btn.btn-link-danger.btn-dropdown {
     color: #EE2D41;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-danger:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-link-danger:not(:disabled):not(.disabled).active i, .show > .btn.btn-link-danger.dropdown-toggle i, .show .btn.btn-link-danger.btn-dropdown i {
     color: #EE2D41;
}
 .btn.btn-link-danger:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-link-danger:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-link-danger.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-link-danger.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #EE2D41;
}
 .btn.btn-link-danger:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-link-danger:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-link-danger.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-link-danger.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-danger:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-link-danger:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-link-danger.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-link-danger.btn-dropdown.dropdown-toggle:after {
     color: #EE2D41;
}
 .btn.btn-hover-danger:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-danger:focus:not(.btn-text), .btn.btn-hover-danger.focus:not(.btn-text) {
     color: #ffffff !important;
     background-color: #F64E60 !important;
     border-color: #F64E60 !important;
}
 .btn.btn-hover-danger:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-danger:focus:not(.btn-text) i, .btn.btn-hover-danger.focus:not(.btn-text) i {
     color: #ffffff !important;
}
 .btn.btn-hover-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-danger:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-danger.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff !important;
}
 .btn.btn-hover-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-danger:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-danger.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-danger:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-danger:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-danger.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff !important;
}
 .btn.btn-hover-danger:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-danger:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-danger.dropdown-toggle, .show .btn.btn-hover-danger.btn-dropdown {
     color: #ffffff !important;
     background-color: #F64E60 !important;
     border-color: #F64E60 !important;
}
 .btn.btn-hover-danger:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-danger:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-danger.dropdown-toggle i, .show .btn.btn-hover-danger.btn-dropdown i {
     color: #ffffff !important;
}
 .btn.btn-hover-danger:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-danger:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-danger.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-danger.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff !important;
}
 .btn.btn-hover-danger:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-danger:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-danger.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-danger.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-danger:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-danger:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-danger.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-danger.btn-dropdown.dropdown-toggle:after {
     color: #ffffff !important;
}
 .btn.btn-hover-danger.btn-clean {
     border: 0 !important;
}
 .btn.btn-hover-bg-danger:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-bg-danger:focus:not(.btn-text), .btn.btn-hover-bg-danger.focus:not(.btn-text) {
     background-color: #F64E60 !important;
     border-color: #F64E60 !important;
}
 .btn.btn-hover-bg-danger:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-bg-danger:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-bg-danger.dropdown-toggle, .show .btn.btn-hover-bg-danger.btn-dropdown {
     background-color: #F64E60 !important;
     border-color: #F64E60 !important;
}
 .btn.btn-bg-danger {
     background-color: #F64E60;
     border-color: #F64E60;
}
 .btn.btn-bg-danger.disabled, .btn.btn-bg-danger:disabled {
     background-color: #F64E60;
     border-color: #F64E60;
}
 .btn.btn-danger.btn-shadow {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(246, 78, 96, 0.25) !important;
     box-shadow: 0px 9px 16px 0px rgba(246, 78, 96, 0.25) !important;
}
 .btn.btn-danger.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-danger.btn-shadow:focus:not(.btn-text), .btn.btn-danger.btn-shadow.focus:not(.btn-text) {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(246, 78, 96, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(246, 78, 96, 0.3) !important;
}
 .btn.btn-danger.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-danger.btn-shadow:not(:disabled):not(.disabled).active, .show > .btn.btn-danger.btn-shadow.dropdown-toggle {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(246, 78, 96, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(246, 78, 96, 0.3) !important;
}
 .btn.btn-danger.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-danger.btn-shadow-hover:focus:not(.btn-text), .btn.btn-danger.btn-shadow-hover.focus:not(.btn-text) {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(246, 78, 96, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(246, 78, 96, 0.3) !important;
}
 .btn.btn-danger.btn-shadow-hover:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-danger.btn-shadow-hover:not(:disabled):not(.disabled).active, .show > .btn.btn-danger.btn-shadow-hover.dropdown-toggle {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(246, 78, 96, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(246, 78, 96, 0.3) !important;
}
 .btn.btn-light {
     color: #7E8299;
     background-color: #F3F6F9;
     border-color: #F3F6F9;
}
 .btn.btn-light i {
     color: #7E8299;
}
 .btn.btn-light .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299;
}
 .btn.btn-light .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light.dropdown-toggle:after {
     color: #7E8299;
}
 .btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light:focus:not(.btn-text), .btn.btn-light.focus:not(.btn-text) {
     color: #7E8299;
     background-color: #E4E6EF;
     border-color: #E4E6EF;
}
 .btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-light:focus:not(.btn-text) i, .btn.btn-light.focus:not(.btn-text) i {
     color: #7E8299;
}
 .btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299;
}
 .btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light.focus:not(.btn-text).dropdown-toggle:after {
     color: #7E8299;
}
 .btn.btn-light.disabled, .btn.btn-light:disabled {
     color: #7E8299;
     background-color: #F3F6F9;
     border-color: #F3F6F9;
}
 .btn.btn-light.disabled i, .btn.btn-light:disabled i {
     color: #7E8299;
}
 .btn.btn-light.disabled .svg-icon svg g [fill], .btn.btn-light:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299;
}
 .btn.btn-light.disabled .svg-icon svg:hover g [fill], .btn.btn-light:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light.disabled.dropdown-toggle:after, .btn.btn-light:disabled.dropdown-toggle:after {
     color: #7E8299;
}
 .btn.btn-light:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light:not(:disabled):not(.disabled).active, .show > .btn.btn-light.dropdown-toggle, .show .btn.btn-light.btn-dropdown {
     color: #7E8299;
     background-color: #E4E6EF;
     border-color: #E4E6EF;
}
 .btn.btn-light:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light:not(:disabled):not(.disabled).active i, .show > .btn.btn-light.dropdown-toggle i, .show .btn.btn-light.btn-dropdown i {
     color: #7E8299;
}
 .btn.btn-light:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299;
}
 .btn.btn-light:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light.btn-dropdown.dropdown-toggle:after {
     color: #7E8299;
}
 .btn.btn-outline-light {
     color: rgba(63, 66, 84, 0.9);
     background-color: transparent;
     border-color: #F3F6F9;
}
 .btn.btn-outline-light i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-light .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-light .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-light.dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-light:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-outline-light:focus:not(.btn-text), .btn.btn-outline-light.focus:not(.btn-text) {
     color: #7E8299;
     background-color: #F3F6F9;
     border-color: #F3F6F9;
}
 .btn.btn-outline-light:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-outline-light:focus:not(.btn-text) i, .btn.btn-outline-light.focus:not(.btn-text) i {
     color: #7E8299;
}
 .btn.btn-outline-light:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-outline-light:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-outline-light.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299;
}
 .btn.btn-outline-light:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-outline-light:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-outline-light.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-light:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-outline-light:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-outline-light.focus:not(.btn-text).dropdown-toggle:after {
     color: #7E8299;
}
 .btn.btn-outline-light.disabled, .btn.btn-outline-light:disabled {
     color: rgba(63, 66, 84, 0.9);
     background-color: transparent;
     border-color: #F3F6F9;
}
 .btn.btn-outline-light.disabled i, .btn.btn-outline-light:disabled i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-light.disabled .svg-icon svg g [fill], .btn.btn-outline-light:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-light.disabled .svg-icon svg:hover g [fill], .btn.btn-outline-light:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-light.disabled.dropdown-toggle:after, .btn.btn-outline-light:disabled.dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-light:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn.btn-outline-light.dropdown-toggle, .show .btn.btn-outline-light.btn-dropdown {
     color: #7E8299;
     background-color: #F3F6F9;
     border-color: #F3F6F9;
}
 .btn.btn-outline-light:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-outline-light:not(:disabled):not(.disabled).active i, .show > .btn.btn-outline-light.dropdown-toggle i, .show .btn.btn-outline-light.btn-dropdown i {
     color: #7E8299;
}
 .btn.btn-outline-light:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-outline-light:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-outline-light.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-outline-light.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299;
}
 .btn.btn-outline-light:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-outline-light:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-outline-light.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-outline-light.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-light:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-outline-light:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-outline-light.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-outline-light.btn-dropdown.dropdown-toggle:after {
     color: #7E8299;
}
 .btn.btn-light-light {
     color: #F3F6F9;
     background-color: #F3F6F9;
     border-color: transparent;
}
 .btn.btn-light-light i {
     color: #B9BEC1;
}
 .btn.btn-light-light .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .btn.btn-light-light .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-light.dropdown-toggle:after {
     color: #F3F6F9;
}
 .btn.btn-light-light:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-light:focus:not(.btn-text), .btn.btn-light-light.focus:not(.btn-text) {
     color: #7E8299;
     background-color: #F3F6F9;
     border-color: transparent;
}
 .btn.btn-light-light:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-light-light:focus:not(.btn-text) i, .btn.btn-light-light.focus:not(.btn-text) i {
     color: #7E8299;
}
 .btn.btn-light-light:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-light:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-light.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299;
}
 .btn.btn-light-light:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-light:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-light.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-light:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-light:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-light.focus:not(.btn-text).dropdown-toggle:after {
     color: #7E8299;
}
 .btn.btn-light-light.disabled, .btn.btn-light-light:disabled {
     color: #F3F6F9;
     background-color: #F3F6F9;
     border-color: transparent;
}
 .btn.btn-light-light.disabled i, .btn.btn-light-light:disabled i {
     color: #F3F6F9;
}
 .btn.btn-light-light.disabled .svg-icon svg g [fill], .btn.btn-light-light:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .btn.btn-light-light.disabled .svg-icon svg:hover g [fill], .btn.btn-light-light:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-light.disabled.dropdown-toggle:after, .btn.btn-light-light:disabled.dropdown-toggle:after {
     color: #F3F6F9;
}
 .btn.btn-light-light:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-light:not(:disabled):not(.disabled).active, .show > .btn.btn-light-light.dropdown-toggle, .show .btn.btn-light-light.btn-dropdown {
     color: #7E8299;
     background-color: #F3F6F9;
     border-color: transparent;
}
 .btn.btn-light-light:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light-light:not(:disabled):not(.disabled).active i, .show > .btn.btn-light-light.dropdown-toggle i, .show .btn.btn-light-light.btn-dropdown i {
     color: #7E8299;
}
 .btn.btn-light-light:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-light:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light-light.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light-light.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299;
}
 .btn.btn-light-light:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-light:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-light.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-light.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-light:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-light:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-light.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-light.btn-dropdown.dropdown-toggle:after {
     color: #7E8299;
}
 .btn.btn-transparent-light {
     color: #F3F6F9;
     background-color: rgba(243, 246, 249, 0.1);
     border-color: transparent;
}
 .btn.btn-transparent-light i {
     color: #F3F6F9;
}
 .btn.btn-transparent-light .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .btn.btn-transparent-light .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-light.dropdown-toggle:after {
     color: #F3F6F9;
}
 .btn.btn-transparent-light:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-transparent-light:focus:not(.btn-text), .btn.btn-transparent-light.focus:not(.btn-text) {
     color: #7E8299;
     background-color: #F3F6F9;
     border-color: transparent;
}
 .btn.btn-transparent-light:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-transparent-light:focus:not(.btn-text) i, .btn.btn-transparent-light.focus:not(.btn-text) i {
     color: #7E8299;
}
 .btn.btn-transparent-light:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-transparent-light:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-transparent-light.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299;
}
 .btn.btn-transparent-light:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-transparent-light:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-transparent-light.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-light:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-transparent-light:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-transparent-light.focus:not(.btn-text).dropdown-toggle:after {
     color: #7E8299;
}
 .btn.btn-transparent-light.disabled, .btn.btn-transparent-light:disabled {
     color: #F3F6F9;
     background-color: rgba(243, 246, 249, 0.1);
     border-color: transparent;
}
 .btn.btn-transparent-light.disabled i, .btn.btn-transparent-light:disabled i {
     color: #F3F6F9;
}
 .btn.btn-transparent-light.disabled .svg-icon svg g [fill], .btn.btn-transparent-light:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .btn.btn-transparent-light.disabled .svg-icon svg:hover g [fill], .btn.btn-transparent-light:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-light.disabled.dropdown-toggle:after, .btn.btn-transparent-light:disabled.dropdown-toggle:after {
     color: #F3F6F9;
}
 .btn.btn-transparent-light:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-transparent-light:not(:disabled):not(.disabled).active, .show > .btn.btn-transparent-light.dropdown-toggle, .show .btn.btn-transparent-light.btn-dropdown {
     color: #7E8299;
     background-color: #F3F6F9;
     border-color: transparent;
}
 .btn.btn-transparent-light:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-transparent-light:not(:disabled):not(.disabled).active i, .show > .btn.btn-transparent-light.dropdown-toggle i, .show .btn.btn-transparent-light.btn-dropdown i {
     color: #7E8299;
}
 .btn.btn-transparent-light:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-transparent-light:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-transparent-light.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-transparent-light.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299;
}
 .btn.btn-transparent-light:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-transparent-light:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-transparent-light.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-transparent-light.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-light:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-transparent-light:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-transparent-light.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-transparent-light.btn-dropdown.dropdown-toggle:after {
     color: #7E8299;
}
 .btn.btn-hover-transparent-light {
     color: #F3F6F9;
     background-color: transparent;
     border-color: transparent;
}
 .btn.btn-hover-transparent-light i {
     color: #F3F6F9;
}
 .btn.btn-hover-transparent-light .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .btn.btn-hover-transparent-light .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-light.dropdown-toggle:after {
     color: #F3F6F9;
}
 .btn.btn-hover-transparent-light:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-transparent-light:focus:not(.btn-text), .btn.btn-hover-transparent-light.focus:not(.btn-text) {
     color: #F3F6F9;
     background-color: rgba(243, 246, 249, 0.1);
     border-color: transparent;
}
 .btn.btn-hover-transparent-light:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-transparent-light:focus:not(.btn-text) i, .btn.btn-hover-transparent-light.focus:not(.btn-text) i {
     color: #F3F6F9;
}
 .btn.btn-hover-transparent-light:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-transparent-light:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-transparent-light.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .btn.btn-hover-transparent-light:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-light:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-light.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-light:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-transparent-light:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-transparent-light.focus:not(.btn-text).dropdown-toggle:after {
     color: #F3F6F9;
}
 .btn.btn-hover-transparent-light.disabled, .btn.btn-hover-transparent-light:disabled {
     color: #F3F6F9;
     background-color: transparent;
     border-color: transparent;
}
 .btn.btn-hover-transparent-light.disabled i, .btn.btn-hover-transparent-light:disabled i {
     color: #F3F6F9;
}
 .btn.btn-hover-transparent-light.disabled .svg-icon svg g [fill], .btn.btn-hover-transparent-light:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .btn.btn-hover-transparent-light.disabled .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-light:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-light.disabled.dropdown-toggle:after, .btn.btn-hover-transparent-light:disabled.dropdown-toggle:after {
     color: #F3F6F9;
}
 .btn.btn-hover-transparent-light:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-transparent-light:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-transparent-light.dropdown-toggle, .show .btn.btn-hover-transparent-light.btn-dropdown {
     color: #F3F6F9;
     background-color: rgba(243, 246, 249, 0.1);
     border-color: transparent;
}
 .btn.btn-hover-transparent-light:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-transparent-light:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-transparent-light.dropdown-toggle i, .show .btn.btn-hover-transparent-light.btn-dropdown i {
     color: #F3F6F9;
}
 .btn.btn-hover-transparent-light:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-transparent-light:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-transparent-light.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-transparent-light.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .btn.btn-hover-transparent-light:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-light:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-transparent-light.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-transparent-light.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-light:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-transparent-light:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-transparent-light.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-transparent-light.btn-dropdown.dropdown-toggle:after {
     color: #F3F6F9;
}
 .btn.btn-hover-light-light:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-light-light:focus:not(.btn-text), .btn.btn-hover-light-light.focus:not(.btn-text) {
     color: #F3F6F9;
     background-color: #F3F6F9;
     border-color: transparent;
}
 .btn.btn-hover-light-light:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-light-light:focus:not(.btn-text) i, .btn.btn-hover-light-light.focus:not(.btn-text) i {
     color: #F3F6F9;
}
 .btn.btn-hover-light-light:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-light-light:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-light.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .btn.btn-hover-light-light:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-light-light:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-light-light.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-light-light:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-light-light:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-light.focus:not(.btn-text).dropdown-toggle:after {
     color: #F3F6F9;
}
 .btn.btn-hover-light-light:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-light-light:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-light-light.dropdown-toggle, .show .btn.btn-hover-light-light.btn-dropdown {
     color: #F3F6F9;
     background-color: #F3F6F9;
     border-color: transparent;
}
 .btn.btn-hover-light-light:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-light-light:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-light-light.dropdown-toggle i, .show .btn.btn-hover-light-light.btn-dropdown i {
     color: #F3F6F9;
}
 .btn.btn-hover-light-light:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-light:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-light-light.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-light-light.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .btn.btn-hover-light-light:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-light-light:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-light-light.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-light-light.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-light-light:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-light:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-light-light.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-light-light.btn-dropdown.dropdown-toggle:after {
     color: #F3F6F9;
}
 .btn.btn-hover-light-light.btn-clean {
     border: 0 !important;
}
 .btn.btn-link-light {
     border: 0;
     padding: 0 !important;
     border-radius: 0 !important;
     color: #F3F6F9;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-light i {
     color: #F3F6F9;
}
 .btn.btn-link-light .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .btn.btn-link-light .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-light.dropdown-toggle:after {
     color: #F3F6F9;
}
 .btn.btn-link-light:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-link-light:focus:not(.btn-text), .btn.btn-link-light.focus:not(.btn-text) {
     color: #E4E6EF;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-light:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-link-light:focus:not(.btn-text) i, .btn.btn-link-light.focus:not(.btn-text) i {
     color: #E4E6EF;
}
 .btn.btn-link-light:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-link-light:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-link-light.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #E4E6EF;
}
 .btn.btn-link-light:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-link-light:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-link-light.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-light:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-link-light:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-link-light.focus:not(.btn-text).dropdown-toggle:after {
     color: #E4E6EF;
}
 .btn.btn-link-light.disabled, .btn.btn-link-light:disabled {
     color: #F3F6F9;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-light.disabled i, .btn.btn-link-light:disabled i {
     color: #F3F6F9;
}
 .btn.btn-link-light.disabled .svg-icon svg g [fill], .btn.btn-link-light:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .btn.btn-link-light.disabled .svg-icon svg:hover g [fill], .btn.btn-link-light:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-light.disabled.dropdown-toggle:after, .btn.btn-link-light:disabled.dropdown-toggle:after {
     color: #F3F6F9;
}
 .btn.btn-link-light:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-link-light:not(:disabled):not(.disabled).active, .show > .btn.btn-link-light.dropdown-toggle, .show .btn.btn-link-light.btn-dropdown {
     color: #E4E6EF;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-light:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-link-light:not(:disabled):not(.disabled).active i, .show > .btn.btn-link-light.dropdown-toggle i, .show .btn.btn-link-light.btn-dropdown i {
     color: #E4E6EF;
}
 .btn.btn-link-light:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-link-light:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-link-light.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-link-light.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #E4E6EF;
}
 .btn.btn-link-light:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-link-light:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-link-light.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-link-light.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-light:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-link-light:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-link-light.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-link-light.btn-dropdown.dropdown-toggle:after {
     color: #E4E6EF;
}
 .btn.btn-hover-light:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-light:focus:not(.btn-text), .btn.btn-hover-light.focus:not(.btn-text) {
     color: #7E8299 !important;
     background-color: #F3F6F9 !important;
     border-color: #F3F6F9 !important;
}
 .btn.btn-hover-light:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-light:focus:not(.btn-text) i, .btn.btn-hover-light.focus:not(.btn-text) i {
     color: #7E8299 !important;
}
 .btn.btn-hover-light:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-light:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299 !important;
}
 .btn.btn-hover-light:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-light:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-light.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-light:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-light:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light.focus:not(.btn-text).dropdown-toggle:after {
     color: #7E8299 !important;
}
 .btn.btn-hover-light:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-light:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-light.dropdown-toggle, .show .btn.btn-hover-light.btn-dropdown {
     color: #7E8299 !important;
     background-color: #F3F6F9 !important;
     border-color: #F3F6F9 !important;
}
 .btn.btn-hover-light:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-light:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-light.dropdown-toggle i, .show .btn.btn-hover-light.btn-dropdown i {
     color: #7E8299 !important;
}
 .btn.btn-hover-light:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-light.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-light.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299 !important;
}
 .btn.btn-hover-light:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-light:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-light.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-light.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-light:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-light.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-light.btn-dropdown.dropdown-toggle:after {
     color: #7E8299 !important;
}
 .btn.btn-hover-light.btn-clean {
     border: 0 !important;
}
 .btn.btn-hover-bg-light:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-bg-light:focus:not(.btn-text), .btn.btn-hover-bg-light.focus:not(.btn-text) {
     background-color: #F3F6F9 !important;
     border-color: #F3F6F9 !important;
}
 .btn.btn-hover-bg-light:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-bg-light:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-bg-light.dropdown-toggle, .show .btn.btn-hover-bg-light.btn-dropdown {
     background-color: #F3F6F9 !important;
     border-color: #F3F6F9 !important;
}
 .btn.btn-bg-light {
     background-color: #F3F6F9;
     border-color: #F3F6F9;
}
 .btn.btn-bg-light.disabled, .btn.btn-bg-light:disabled {
     background-color: #F3F6F9;
     border-color: #F3F6F9;
}
 .btn.btn-light.btn-shadow {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.25) !important;
     box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.25) !important;
}
 .btn.btn-light.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light.btn-shadow:focus:not(.btn-text), .btn.btn-light.btn-shadow.focus:not(.btn-text) {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
}
 .btn.btn-light.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light.btn-shadow:not(:disabled):not(.disabled).active, .show > .btn.btn-light.btn-shadow.dropdown-toggle {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
}
 .btn.btn-light.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light.btn-shadow-hover:focus:not(.btn-text), .btn.btn-light.btn-shadow-hover.focus:not(.btn-text) {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
}
 .btn.btn-light.btn-shadow-hover:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light.btn-shadow-hover:not(:disabled):not(.disabled).active, .show > .btn.btn-light.btn-shadow-hover.dropdown-toggle {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
}
 .btn.btn-dark {
     color: #ffffff;
     background-color: #181C32;
     border-color: #181C32;
}
 .btn.btn-dark i {
     color: #ffffff;
}
 .btn.btn-dark .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-dark .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-dark.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-dark:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-dark:focus:not(.btn-text), .btn.btn-dark.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #131628;
     border-color: #131628;
}
 .btn.btn-dark:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-dark:focus:not(.btn-text) i, .btn.btn-dark.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-dark:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-dark:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-dark.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-dark:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-dark:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-dark.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-dark:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-dark:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-dark.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-dark.disabled, .btn.btn-dark:disabled {
     color: #ffffff;
     background-color: #181C32;
     border-color: #181C32;
}
 .btn.btn-dark.disabled i, .btn.btn-dark:disabled i {
     color: #ffffff;
}
 .btn.btn-dark.disabled .svg-icon svg g [fill], .btn.btn-dark:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-dark.disabled .svg-icon svg:hover g [fill], .btn.btn-dark:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-dark.disabled.dropdown-toggle:after, .btn.btn-dark:disabled.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-dark:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-dark:not(:disabled):not(.disabled).active, .show > .btn.btn-dark.dropdown-toggle, .show .btn.btn-dark.btn-dropdown {
     color: #ffffff;
     background-color: #131628;
     border-color: #131628;
}
 .btn.btn-dark:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-dark:not(:disabled):not(.disabled).active i, .show > .btn.btn-dark.dropdown-toggle i, .show .btn.btn-dark.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-dark:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-dark:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-dark.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-dark.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-dark:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-dark:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-dark.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-dark.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-dark:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-dark:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-dark.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-dark.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-outline-dark {
     color: #181C32;
     background-color: transparent;
     border-color: #181C32;
}
 .btn.btn-outline-dark i {
     color: #181C32;
}
 .btn.btn-outline-dark .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .btn.btn-outline-dark .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-dark.dropdown-toggle:after {
     color: #181C32;
}
 .btn.btn-outline-dark:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-outline-dark:focus:not(.btn-text), .btn.btn-outline-dark.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #181C32;
     border-color: #181C32;
}
 .btn.btn-outline-dark:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-outline-dark:focus:not(.btn-text) i, .btn.btn-outline-dark.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-outline-dark:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-outline-dark:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-outline-dark.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-outline-dark:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-outline-dark:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-outline-dark.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-dark:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-outline-dark:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-outline-dark.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-outline-dark.disabled, .btn.btn-outline-dark:disabled {
     color: #181C32;
     background-color: transparent;
     border-color: #181C32;
}
 .btn.btn-outline-dark.disabled i, .btn.btn-outline-dark:disabled i {
     color: #181C32;
}
 .btn.btn-outline-dark.disabled .svg-icon svg g [fill], .btn.btn-outline-dark:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .btn.btn-outline-dark.disabled .svg-icon svg:hover g [fill], .btn.btn-outline-dark:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-dark.disabled.dropdown-toggle:after, .btn.btn-outline-dark:disabled.dropdown-toggle:after {
     color: #181C32;
}
 .btn.btn-outline-dark:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn.btn-outline-dark.dropdown-toggle, .show .btn.btn-outline-dark.btn-dropdown {
     color: #ffffff;
     background-color: #181C32;
     border-color: #181C32;
}
 .btn.btn-outline-dark:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-outline-dark:not(:disabled):not(.disabled).active i, .show > .btn.btn-outline-dark.dropdown-toggle i, .show .btn.btn-outline-dark.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-outline-dark:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-outline-dark:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-outline-dark.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-outline-dark.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-outline-dark:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-outline-dark:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-outline-dark.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-outline-dark.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-dark:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-outline-dark:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-outline-dark.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-outline-dark.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-dark {
     color: #181C32;
     background-color: #D1D3E0;
     border-color: transparent;
}
 .btn.btn-light-dark i {
     color: #181C32;
}
 .btn.btn-light-dark .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .btn.btn-light-dark .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-dark.dropdown-toggle:after {
     color: #181C32;
}
 .btn.btn-light-dark:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-dark:focus:not(.btn-text), .btn.btn-light-dark.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #181C32;
     border-color: transparent;
}
 .btn.btn-light-dark:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-light-dark:focus:not(.btn-text) i, .btn.btn-light-dark.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-light-dark:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-dark:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-dark.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-dark:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-dark:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-dark.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-dark:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-dark:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-dark.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-dark.disabled, .btn.btn-light-dark:disabled {
     color: #181C32;
     background-color: #D1D3E0;
     border-color: transparent;
}
 .btn.btn-light-dark.disabled i, .btn.btn-light-dark:disabled i {
     color: #181C32;
}
 .btn.btn-light-dark.disabled .svg-icon svg g [fill], .btn.btn-light-dark:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .btn.btn-light-dark.disabled .svg-icon svg:hover g [fill], .btn.btn-light-dark:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-dark.disabled.dropdown-toggle:after, .btn.btn-light-dark:disabled.dropdown-toggle:after {
     color: #181C32;
}
 .btn.btn-light-dark:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-dark:not(:disabled):not(.disabled).active, .show > .btn.btn-light-dark.dropdown-toggle, .show .btn.btn-light-dark.btn-dropdown {
     color: #ffffff;
     background-color: #181C32;
     border-color: transparent;
}
 .btn.btn-light-dark:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light-dark:not(:disabled):not(.disabled).active i, .show > .btn.btn-light-dark.dropdown-toggle i, .show .btn.btn-light-dark.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-light-dark:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-dark:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light-dark.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light-dark.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-dark:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-dark:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-dark.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-dark.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-dark:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-dark:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-dark.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-dark.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-transparent-dark {
     color: #181C32;
     background-color: rgba(24, 28, 50, 0.1);
     border-color: transparent;
}
 .btn.btn-transparent-dark i {
     color: #181C32;
}
 .btn.btn-transparent-dark .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .btn.btn-transparent-dark .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-dark.dropdown-toggle:after {
     color: #181C32;
}
 .btn.btn-transparent-dark:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-transparent-dark:focus:not(.btn-text), .btn.btn-transparent-dark.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #181C32;
     border-color: transparent;
}
 .btn.btn-transparent-dark:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-transparent-dark:focus:not(.btn-text) i, .btn.btn-transparent-dark.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-transparent-dark:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-transparent-dark:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-transparent-dark.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-transparent-dark:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-transparent-dark:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-transparent-dark.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-dark:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-transparent-dark:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-transparent-dark.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-transparent-dark.disabled, .btn.btn-transparent-dark:disabled {
     color: #181C32;
     background-color: rgba(24, 28, 50, 0.1);
     border-color: transparent;
}
 .btn.btn-transparent-dark.disabled i, .btn.btn-transparent-dark:disabled i {
     color: #181C32;
}
 .btn.btn-transparent-dark.disabled .svg-icon svg g [fill], .btn.btn-transparent-dark:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .btn.btn-transparent-dark.disabled .svg-icon svg:hover g [fill], .btn.btn-transparent-dark:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-dark.disabled.dropdown-toggle:after, .btn.btn-transparent-dark:disabled.dropdown-toggle:after {
     color: #181C32;
}
 .btn.btn-transparent-dark:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-transparent-dark:not(:disabled):not(.disabled).active, .show > .btn.btn-transparent-dark.dropdown-toggle, .show .btn.btn-transparent-dark.btn-dropdown {
     color: #ffffff;
     background-color: #181C32;
     border-color: transparent;
}
 .btn.btn-transparent-dark:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-transparent-dark:not(:disabled):not(.disabled).active i, .show > .btn.btn-transparent-dark.dropdown-toggle i, .show .btn.btn-transparent-dark.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-transparent-dark:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-transparent-dark:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-transparent-dark.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-transparent-dark.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-transparent-dark:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-transparent-dark:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-transparent-dark.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-transparent-dark.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-dark:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-transparent-dark:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-transparent-dark.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-transparent-dark.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-hover-transparent-dark {
     color: #181C32;
     background-color: transparent;
     border-color: transparent;
}
 .btn.btn-hover-transparent-dark i {
     color: #181C32;
}
 .btn.btn-hover-transparent-dark .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .btn.btn-hover-transparent-dark .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-dark.dropdown-toggle:after {
     color: #181C32;
}
 .btn.btn-hover-transparent-dark:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-transparent-dark:focus:not(.btn-text), .btn.btn-hover-transparent-dark.focus:not(.btn-text) {
     color: #181C32;
     background-color: rgba(24, 28, 50, 0.1);
     border-color: transparent;
}
 .btn.btn-hover-transparent-dark:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-transparent-dark:focus:not(.btn-text) i, .btn.btn-hover-transparent-dark.focus:not(.btn-text) i {
     color: #181C32;
}
 .btn.btn-hover-transparent-dark:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-transparent-dark:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-transparent-dark.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .btn.btn-hover-transparent-dark:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-dark:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-dark.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-dark:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-transparent-dark:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-transparent-dark.focus:not(.btn-text).dropdown-toggle:after {
     color: #181C32;
}
 .btn.btn-hover-transparent-dark.disabled, .btn.btn-hover-transparent-dark:disabled {
     color: #181C32;
     background-color: transparent;
     border-color: transparent;
}
 .btn.btn-hover-transparent-dark.disabled i, .btn.btn-hover-transparent-dark:disabled i {
     color: #181C32;
}
 .btn.btn-hover-transparent-dark.disabled .svg-icon svg g [fill], .btn.btn-hover-transparent-dark:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .btn.btn-hover-transparent-dark.disabled .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-dark:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-dark.disabled.dropdown-toggle:after, .btn.btn-hover-transparent-dark:disabled.dropdown-toggle:after {
     color: #181C32;
}
 .btn.btn-hover-transparent-dark:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-transparent-dark:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-transparent-dark.dropdown-toggle, .show .btn.btn-hover-transparent-dark.btn-dropdown {
     color: #181C32;
     background-color: rgba(24, 28, 50, 0.1);
     border-color: transparent;
}
 .btn.btn-hover-transparent-dark:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-transparent-dark:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-transparent-dark.dropdown-toggle i, .show .btn.btn-hover-transparent-dark.btn-dropdown i {
     color: #181C32;
}
 .btn.btn-hover-transparent-dark:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-transparent-dark:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-transparent-dark.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-transparent-dark.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .btn.btn-hover-transparent-dark:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-dark:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-transparent-dark.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-transparent-dark.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-dark:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-transparent-dark:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-transparent-dark.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-transparent-dark.btn-dropdown.dropdown-toggle:after {
     color: #181C32;
}
 .btn.btn-hover-light-dark:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-light-dark:focus:not(.btn-text), .btn.btn-hover-light-dark.focus:not(.btn-text) {
     color: #181C32;
     background-color: #D1D3E0;
     border-color: transparent;
}
 .btn.btn-hover-light-dark:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-light-dark:focus:not(.btn-text) i, .btn.btn-hover-light-dark.focus:not(.btn-text) i {
     color: #181C32;
}
 .btn.btn-hover-light-dark:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-light-dark:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-dark.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .btn.btn-hover-light-dark:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-light-dark:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-light-dark.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-light-dark:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-light-dark:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-dark.focus:not(.btn-text).dropdown-toggle:after {
     color: #181C32;
}
 .btn.btn-hover-light-dark:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-light-dark:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-light-dark.dropdown-toggle, .show .btn.btn-hover-light-dark.btn-dropdown {
     color: #181C32;
     background-color: #D1D3E0;
     border-color: transparent;
}
 .btn.btn-hover-light-dark:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-light-dark:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-light-dark.dropdown-toggle i, .show .btn.btn-hover-light-dark.btn-dropdown i {
     color: #181C32;
}
 .btn.btn-hover-light-dark:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-dark:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-light-dark.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-light-dark.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .btn.btn-hover-light-dark:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-light-dark:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-light-dark.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-light-dark.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-light-dark:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-dark:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-light-dark.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-light-dark.btn-dropdown.dropdown-toggle:after {
     color: #181C32;
}
 .btn.btn-hover-light-dark.btn-clean {
     border: 0 !important;
}
 .btn.btn-link-dark {
     border: 0;
     padding: 0 !important;
     border-radius: 0 !important;
     color: #181C32;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-dark i {
     color: #181C32;
}
 .btn.btn-link-dark .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .btn.btn-link-dark .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-dark.dropdown-toggle:after {
     color: #181C32;
}
 .btn.btn-link-dark:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-link-dark:focus:not(.btn-text), .btn.btn-link-dark.focus:not(.btn-text) {
     color: #131628;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-dark:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-link-dark:focus:not(.btn-text) i, .btn.btn-link-dark.focus:not(.btn-text) i {
     color: #131628;
}
 .btn.btn-link-dark:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-link-dark:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-link-dark.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #131628;
}
 .btn.btn-link-dark:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-link-dark:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-link-dark.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-dark:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-link-dark:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-link-dark.focus:not(.btn-text).dropdown-toggle:after {
     color: #131628;
}
 .btn.btn-link-dark.disabled, .btn.btn-link-dark:disabled {
     color: #181C32;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-dark.disabled i, .btn.btn-link-dark:disabled i {
     color: #181C32;
}
 .btn.btn-link-dark.disabled .svg-icon svg g [fill], .btn.btn-link-dark:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .btn.btn-link-dark.disabled .svg-icon svg:hover g [fill], .btn.btn-link-dark:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-dark.disabled.dropdown-toggle:after, .btn.btn-link-dark:disabled.dropdown-toggle:after {
     color: #181C32;
}
 .btn.btn-link-dark:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-link-dark:not(:disabled):not(.disabled).active, .show > .btn.btn-link-dark.dropdown-toggle, .show .btn.btn-link-dark.btn-dropdown {
     color: #131628;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-dark:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-link-dark:not(:disabled):not(.disabled).active i, .show > .btn.btn-link-dark.dropdown-toggle i, .show .btn.btn-link-dark.btn-dropdown i {
     color: #131628;
}
 .btn.btn-link-dark:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-link-dark:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-link-dark.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-link-dark.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #131628;
}
 .btn.btn-link-dark:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-link-dark:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-link-dark.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-link-dark.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-dark:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-link-dark:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-link-dark.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-link-dark.btn-dropdown.dropdown-toggle:after {
     color: #131628;
}
 .btn.btn-hover-dark:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-dark:focus:not(.btn-text), .btn.btn-hover-dark.focus:not(.btn-text) {
     color: #ffffff !important;
     background-color: #181C32 !important;
     border-color: #181C32 !important;
}
 .btn.btn-hover-dark:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-dark:focus:not(.btn-text) i, .btn.btn-hover-dark.focus:not(.btn-text) i {
     color: #ffffff !important;
}
 .btn.btn-hover-dark:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-dark:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-dark.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff !important;
}
 .btn.btn-hover-dark:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-dark:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-dark.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-dark:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-dark:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-dark.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff !important;
}
 .btn.btn-hover-dark:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-dark:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-dark.dropdown-toggle, .show .btn.btn-hover-dark.btn-dropdown {
     color: #ffffff !important;
     background-color: #181C32 !important;
     border-color: #181C32 !important;
}
 .btn.btn-hover-dark:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-dark:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-dark.dropdown-toggle i, .show .btn.btn-hover-dark.btn-dropdown i {
     color: #ffffff !important;
}
 .btn.btn-hover-dark:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-dark:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-dark.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-dark.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff !important;
}
 .btn.btn-hover-dark:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-dark:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-dark.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-dark.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-dark:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-dark:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-dark.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-dark.btn-dropdown.dropdown-toggle:after {
     color: #ffffff !important;
}
 .btn.btn-hover-dark.btn-clean {
     border: 0 !important;
}
 .btn.btn-hover-bg-dark:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-bg-dark:focus:not(.btn-text), .btn.btn-hover-bg-dark.focus:not(.btn-text) {
     background-color: #181C32 !important;
     border-color: #181C32 !important;
}
 .btn.btn-hover-bg-dark:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-bg-dark:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-bg-dark.dropdown-toggle, .show .btn.btn-hover-bg-dark.btn-dropdown {
     background-color: #181C32 !important;
     border-color: #181C32 !important;
}
 .btn.btn-bg-dark {
     background-color: #181C32;
     border-color: #181C32;
}
 .btn.btn-bg-dark.disabled, .btn.btn-bg-dark:disabled {
     background-color: #181C32;
     border-color: #181C32;
}
 .btn.btn-dark.btn-shadow {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.25) !important;
     box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.25) !important;
}
 .btn.btn-dark.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-dark.btn-shadow:focus:not(.btn-text), .btn.btn-dark.btn-shadow.focus:not(.btn-text) {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
}
 .btn.btn-dark.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-dark.btn-shadow:not(:disabled):not(.disabled).active, .show > .btn.btn-dark.btn-shadow.dropdown-toggle {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
}
 .btn.btn-dark.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-dark.btn-shadow-hover:focus:not(.btn-text), .btn.btn-dark.btn-shadow-hover.focus:not(.btn-text) {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
}
 .btn.btn-dark.btn-shadow-hover:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-dark.btn-shadow-hover:not(:disabled):not(.disabled).active, .show > .btn.btn-dark.btn-shadow-hover.dropdown-toggle {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
}
 .btn.btn-white {
     color: rgba(63, 66, 84, 0.9);
     background-color: #ffffff;
     border-color: #ffffff;
}
 .btn.btn-white i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-white .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-white .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-white.dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-white:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-white:focus:not(.btn-text), .btn.btn-white.focus:not(.btn-text) {
     color: rgba(63, 66, 84, 0.9);
     background-color: #F1F8FF;
     border-color: #F1F8FF;
}
 .btn.btn-white:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-white:focus:not(.btn-text) i, .btn.btn-white.focus:not(.btn-text) i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-white:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-white:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-white.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-white:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-white:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-white.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-white:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-white:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-white.focus:not(.btn-text).dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-white.disabled, .btn.btn-white:disabled {
     color: rgba(63, 66, 84, 0.9);
     background-color: #ffffff;
     border-color: #ffffff;
}
 .btn.btn-white.disabled i, .btn.btn-white:disabled i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-white.disabled .svg-icon svg g [fill], .btn.btn-white:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-white.disabled .svg-icon svg:hover g [fill], .btn.btn-white:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-white.disabled.dropdown-toggle:after, .btn.btn-white:disabled.dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-white:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-white:not(:disabled):not(.disabled).active, .show > .btn.btn-white.dropdown-toggle, .show .btn.btn-white.btn-dropdown {
     color: rgba(63, 66, 84, 0.9);
     background-color: #F3F6F9;
     border-color: #F3F6F9;
}
 .btn.btn-white:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-white:not(:disabled):not(.disabled).active i, .show > .btn.btn-white.dropdown-toggle i, .show .btn.btn-white.btn-dropdown i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-white:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-white:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-white.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-white.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-white:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-white:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-white.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-white.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-white:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-white:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-white.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-white.btn-dropdown.dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-white {
     color: #ffffff;
     background-color: transparent;
     border-color: #ffffff;
}
 .btn.btn-outline-white i {
     color: #ffffff;
}
 .btn.btn-outline-white .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-outline-white .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-white.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-outline-white:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-outline-white:focus:not(.btn-text), .btn.btn-outline-white.focus:not(.btn-text) {
     color: rgba(63, 66, 84, 0.9);
     background-color: #ffffff;
     border-color: #ffffff;
}
 .btn.btn-outline-white:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-outline-white:focus:not(.btn-text) i, .btn.btn-outline-white.focus:not(.btn-text) i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-white:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-outline-white:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-outline-white.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-white:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-outline-white:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-outline-white.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-white:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-outline-white:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-outline-white.focus:not(.btn-text).dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-white.disabled, .btn.btn-outline-white:disabled {
     color: #ffffff;
     background-color: transparent;
     border-color: #ffffff;
}
 .btn.btn-outline-white.disabled i, .btn.btn-outline-white:disabled i {
     color: #ffffff;
}
 .btn.btn-outline-white.disabled .svg-icon svg g [fill], .btn.btn-outline-white:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-outline-white.disabled .svg-icon svg:hover g [fill], .btn.btn-outline-white:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-white.disabled.dropdown-toggle:after, .btn.btn-outline-white:disabled.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-outline-white:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn.btn-outline-white.dropdown-toggle, .show .btn.btn-outline-white.btn-dropdown {
     color: rgba(63, 66, 84, 0.9);
     background-color: #ffffff;
     border-color: #ffffff;
}
 .btn.btn-outline-white:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-outline-white:not(:disabled):not(.disabled).active i, .show > .btn.btn-outline-white.dropdown-toggle i, .show .btn.btn-outline-white.btn-dropdown i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-white:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-outline-white:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-outline-white.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-outline-white.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-outline-white:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-outline-white:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-outline-white.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-outline-white.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-outline-white:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-outline-white:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-outline-white.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-outline-white.btn-dropdown.dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-light-white {
     color: #ffffff;
     background-color: #ffffff;
     border-color: transparent;
}
 .btn.btn-light-white i {
     color: #ffffff;
}
 .btn.btn-light-white .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-white .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-white.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-white:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-white:focus:not(.btn-text), .btn.btn-light-white.focus:not(.btn-text) {
     color: rgba(63, 66, 84, 0.9);
     background-color: #ffffff;
     border-color: transparent;
}
 .btn.btn-light-white:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-light-white:focus:not(.btn-text) i, .btn.btn-light-white.focus:not(.btn-text) i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-light-white:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-white:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-white.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-light-white:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-white:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-white.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-white:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-white:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-white.focus:not(.btn-text).dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-light-white.disabled, .btn.btn-light-white:disabled {
     color: #ffffff;
     background-color: #ffffff;
     border-color: transparent;
}
 .btn.btn-light-white.disabled i, .btn.btn-light-white:disabled i {
     color: #ffffff;
}
 .btn.btn-light-white.disabled .svg-icon svg g [fill], .btn.btn-light-white:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-white.disabled .svg-icon svg:hover g [fill], .btn.btn-light-white:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-white.disabled.dropdown-toggle:after, .btn.btn-light-white:disabled.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-white:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-white:not(:disabled):not(.disabled).active, .show > .btn.btn-light-white.dropdown-toggle, .show .btn.btn-light-white.btn-dropdown {
     color: rgba(63, 66, 84, 0.9);
     background-color: #ffffff;
     border-color: transparent;
}
 .btn.btn-light-white:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light-white:not(:disabled):not(.disabled).active i, .show > .btn.btn-light-white.dropdown-toggle i, .show .btn.btn-light-white.btn-dropdown i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-light-white:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-white:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light-white.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light-white.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-light-white:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-white:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-white.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-white.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-white:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-white:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-white.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-white.btn-dropdown.dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-transparent-white {
     color: #ffffff;
     background-color: rgba(255, 255, 255, 0.1);
     border-color: transparent;
}
 .btn.btn-transparent-white i {
     color: #ffffff;
}
 .btn.btn-transparent-white .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-transparent-white .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-white.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-transparent-white:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-transparent-white:focus:not(.btn-text), .btn.btn-transparent-white.focus:not(.btn-text) {
     color: rgba(63, 66, 84, 0.9);
     background-color: #ffffff;
     border-color: transparent;
}
 .btn.btn-transparent-white:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-transparent-white:focus:not(.btn-text) i, .btn.btn-transparent-white.focus:not(.btn-text) i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-transparent-white:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-transparent-white:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-transparent-white.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-transparent-white:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-transparent-white:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-transparent-white.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-white:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-transparent-white:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-transparent-white.focus:not(.btn-text).dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-transparent-white.disabled, .btn.btn-transparent-white:disabled {
     color: #ffffff;
     background-color: rgba(255, 255, 255, 0.1);
     border-color: transparent;
}
 .btn.btn-transparent-white.disabled i, .btn.btn-transparent-white:disabled i {
     color: #ffffff;
}
 .btn.btn-transparent-white.disabled .svg-icon svg g [fill], .btn.btn-transparent-white:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-transparent-white.disabled .svg-icon svg:hover g [fill], .btn.btn-transparent-white:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-white.disabled.dropdown-toggle:after, .btn.btn-transparent-white:disabled.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-transparent-white:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-transparent-white:not(:disabled):not(.disabled).active, .show > .btn.btn-transparent-white.dropdown-toggle, .show .btn.btn-transparent-white.btn-dropdown {
     color: rgba(63, 66, 84, 0.9);
     background-color: #ffffff;
     border-color: transparent;
}
 .btn.btn-transparent-white:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-transparent-white:not(:disabled):not(.disabled).active i, .show > .btn.btn-transparent-white.dropdown-toggle i, .show .btn.btn-transparent-white.btn-dropdown i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-transparent-white:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-transparent-white:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-transparent-white.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-transparent-white.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-transparent-white:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-transparent-white:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-transparent-white.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-transparent-white.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-transparent-white:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-transparent-white:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-transparent-white.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-transparent-white.btn-dropdown.dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-hover-transparent-white {
     color: #ffffff;
     background-color: transparent;
     border-color: transparent;
}
 .btn.btn-hover-transparent-white i {
     color: #ffffff;
}
 .btn.btn-hover-transparent-white .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-hover-transparent-white .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-white.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-hover-transparent-white:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-transparent-white:focus:not(.btn-text), .btn.btn-hover-transparent-white.focus:not(.btn-text) {
     color: #ffffff;
     background-color: rgba(255, 255, 255, 0.1);
     border-color: transparent;
}
 .btn.btn-hover-transparent-white:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-transparent-white:focus:not(.btn-text) i, .btn.btn-hover-transparent-white.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-hover-transparent-white:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-transparent-white:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-transparent-white.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-hover-transparent-white:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-white:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-white.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-white:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-transparent-white:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-transparent-white.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-hover-transparent-white.disabled, .btn.btn-hover-transparent-white:disabled {
     color: #ffffff;
     background-color: transparent;
     border-color: transparent;
}
 .btn.btn-hover-transparent-white.disabled i, .btn.btn-hover-transparent-white:disabled i {
     color: #ffffff;
}
 .btn.btn-hover-transparent-white.disabled .svg-icon svg g [fill], .btn.btn-hover-transparent-white:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-hover-transparent-white.disabled .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-white:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-white.disabled.dropdown-toggle:after, .btn.btn-hover-transparent-white:disabled.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-hover-transparent-white:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-transparent-white:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-transparent-white.dropdown-toggle, .show .btn.btn-hover-transparent-white.btn-dropdown {
     color: #ffffff;
     background-color: rgba(255, 255, 255, 0.1);
     border-color: transparent;
}
 .btn.btn-hover-transparent-white:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-transparent-white:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-transparent-white.dropdown-toggle i, .show .btn.btn-hover-transparent-white.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-hover-transparent-white:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-transparent-white:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-transparent-white.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-transparent-white.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-hover-transparent-white:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-transparent-white:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-transparent-white.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-transparent-white.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-transparent-white:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-transparent-white:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-transparent-white.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-transparent-white.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-hover-light-white:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-light-white:focus:not(.btn-text), .btn.btn-hover-light-white.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #ffffff;
     border-color: transparent;
}
 .btn.btn-hover-light-white:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-light-white:focus:not(.btn-text) i, .btn.btn-hover-light-white.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-hover-light-white:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-light-white:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-white.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-hover-light-white:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-light-white:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-light-white.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-light-white:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-light-white:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-white.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-hover-light-white:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-light-white:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-light-white.dropdown-toggle, .show .btn.btn-hover-light-white.btn-dropdown {
     color: #ffffff;
     background-color: #ffffff;
     border-color: transparent;
}
 .btn.btn-hover-light-white:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-light-white:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-light-white.dropdown-toggle i, .show .btn.btn-hover-light-white.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-hover-light-white:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-light-white:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-light-white.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-light-white.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-hover-light-white:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-light-white:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-light-white.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-light-white.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-light-white:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-light-white:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-light-white.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-light-white.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-hover-light-white.btn-clean {
     border: 0 !important;
}
 .btn.btn-link-white {
     border: 0;
     padding: 0 !important;
     border-radius: 0 !important;
     color: #ffffff;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-white i {
     color: #ffffff;
}
 .btn.btn-link-white .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-link-white .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-white.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-link-white:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-link-white:focus:not(.btn-text), .btn.btn-link-white.focus:not(.btn-text) {
     color: #F3F6F9;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-white:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-link-white:focus:not(.btn-text) i, .btn.btn-link-white.focus:not(.btn-text) i {
     color: #F3F6F9;
}
 .btn.btn-link-white:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-link-white:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-link-white.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .btn.btn-link-white:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-link-white:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-link-white.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-white:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-link-white:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-link-white.focus:not(.btn-text).dropdown-toggle:after {
     color: #F3F6F9;
}
 .btn.btn-link-white.disabled, .btn.btn-link-white:disabled {
     color: #ffffff;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-white.disabled i, .btn.btn-link-white:disabled i {
     color: #ffffff;
}
 .btn.btn-link-white.disabled .svg-icon svg g [fill], .btn.btn-link-white:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-link-white.disabled .svg-icon svg:hover g [fill], .btn.btn-link-white:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-white.disabled.dropdown-toggle:after, .btn.btn-link-white:disabled.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-link-white:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-link-white:not(:disabled):not(.disabled).active, .show > .btn.btn-link-white.dropdown-toggle, .show .btn.btn-link-white.btn-dropdown {
     color: #F3F6F9;
     background-color: transparent !important;
     border-color: transparent !important;
}
 .btn.btn-link-white:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-link-white:not(:disabled):not(.disabled).active i, .show > .btn.btn-link-white.dropdown-toggle i, .show .btn.btn-link-white.btn-dropdown i {
     color: #F3F6F9;
}
 .btn.btn-link-white:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-link-white:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-link-white.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-link-white.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .btn.btn-link-white:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-link-white:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-link-white.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-link-white.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-link-white:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-link-white:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-link-white.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-link-white.btn-dropdown.dropdown-toggle:after {
     color: #F3F6F9;
}
 .btn.btn-hover-white:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-white:focus:not(.btn-text), .btn.btn-hover-white.focus:not(.btn-text) {
     color: rgba(63, 66, 84, 0.9) !important;
     background-color: #ffffff !important;
     border-color: #ffffff !important;
}
 .btn.btn-hover-white:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-white:focus:not(.btn-text) i, .btn.btn-hover-white.focus:not(.btn-text) i {
     color: rgba(63, 66, 84, 0.9) !important;
}
 .btn.btn-hover-white:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-white:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-white.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9) !important;
}
 .btn.btn-hover-white:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-white:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-white.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-white:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-white:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-white.focus:not(.btn-text).dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9) !important;
}
 .btn.btn-hover-white:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-white:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-white.dropdown-toggle, .show .btn.btn-hover-white.btn-dropdown {
     color: rgba(63, 66, 84, 0.9) !important;
     background-color: #ffffff !important;
     border-color: #ffffff !important;
}
 .btn.btn-hover-white:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-white:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-white.dropdown-toggle i, .show .btn.btn-hover-white.btn-dropdown i {
     color: rgba(63, 66, 84, 0.9) !important;
}
 .btn.btn-hover-white:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-white:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-white.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-white.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9) !important;
}
 .btn.btn-hover-white:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-white:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-white.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-white.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-white:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-white:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-white.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-white.btn-dropdown.dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9) !important;
}
 .btn.btn-hover-white.btn-clean {
     border: 0 !important;
}
 .btn.btn-hover-bg-white:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-bg-white:focus:not(.btn-text), .btn.btn-hover-bg-white.focus:not(.btn-text) {
     background-color: #ffffff !important;
     border-color: #ffffff !important;
}
 .btn.btn-hover-bg-white:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-bg-white:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-bg-white.dropdown-toggle, .show .btn.btn-hover-bg-white.btn-dropdown {
     background-color: #ffffff !important;
     border-color: #ffffff !important;
}
 .btn.btn-bg-white {
     background-color: #ffffff;
     border-color: #ffffff;
}
 .btn.btn-bg-white.disabled, .btn.btn-bg-white:disabled {
     background-color: #ffffff;
     border-color: #ffffff;
}
 .btn.btn-white.btn-shadow {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.25) !important;
     box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.25) !important;
}
 .btn.btn-white.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-white.btn-shadow:focus:not(.btn-text), .btn.btn-white.btn-shadow.focus:not(.btn-text) {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
}
 .btn.btn-white.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-white.btn-shadow:not(:disabled):not(.disabled).active, .show > .btn.btn-white.btn-shadow.dropdown-toggle {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
}
 .btn.btn-white.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-white.btn-shadow-hover:focus:not(.btn-text), .btn.btn-white.btn-shadow-hover.focus:not(.btn-text) {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
}
 .btn.btn-white.btn-shadow-hover:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-white.btn-shadow-hover:not(:disabled):not(.disabled).active, .show > .btn.btn-white.btn-shadow-hover.dropdown-toggle {
     -webkit-box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
     box-shadow: 0px 9px 16px 0px rgba(24, 28, 50, 0.3) !important;
}
 .btn.btn-text-white {
     color: #ffffff;
}
 .btn.btn-text-white.disabled, .btn.btn-text-white:disabled {
     color: #ffffff;
}
 .btn.btn-icon-white i {
     color: #ffffff;
}
 .btn.btn-icon-white .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-icon-white .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-white.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-icon-white.disabled i, .btn.btn-icon-white:disabled i {
     color: #ffffff;
}
 .btn.btn-icon-white.disabled .svg-icon svg g [fill], .btn.btn-icon-white:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-icon-white.disabled .svg-icon svg:hover g [fill], .btn.btn-icon-white:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-white.disabled.dropdown-toggle:after, .btn.btn-icon-white:disabled.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-hover-text-white:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-text-white:focus:not(.btn-text), .btn.btn-hover-text-white.focus:not(.btn-text) {
     color: #ffffff !important;
}
 .btn.btn-hover-text-white:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-text-white:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-text-white.dropdown-toggle, .show .btn.btn-hover-text-white.btn-dropdown {
     color: #ffffff !important;
}
 .btn.btn-hover-icon-white:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-icon-white:focus:not(.btn-text) i, .btn.btn-hover-icon-white.focus:not(.btn-text) i {
     color: #ffffff !important;
}
 .btn.btn-hover-icon-white:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-icon-white:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-white.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff !important;
}
 .btn.btn-hover-icon-white:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-white:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-white.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-white:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-icon-white:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-white.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff !important;
}
 .btn.btn-hover-icon-white:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-icon-white:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-icon-white.dropdown-toggle i, .show .btn.btn-hover-icon-white.btn-dropdown i {
     color: #ffffff !important;
}
 .btn.btn-hover-icon-white:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-white:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-icon-white.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-icon-white.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff !important;
}
 .btn.btn-hover-icon-white:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-white:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-icon-white.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-icon-white.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-white:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-white:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-icon-white.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-icon-white.btn-dropdown.dropdown-toggle:after {
     color: #ffffff !important;
}
 .btn.btn-text-primary {
     color: #4785FF;
}
 .btn.btn-text-primary.disabled, .btn.btn-text-primary:disabled {
     color: #4785FF;
}
 .btn.btn-icon-primary i {
     color: #4785FF;
}
 .btn.btn-icon-primary .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .btn.btn-icon-primary .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-primary.dropdown-toggle:after {
     color: #4785FF;
}
 .btn.btn-icon-primary.disabled i, .btn.btn-icon-primary:disabled i {
     color: #4785FF;
}
 .btn.btn-icon-primary.disabled .svg-icon svg g [fill], .btn.btn-icon-primary:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .btn.btn-icon-primary.disabled .svg-icon svg:hover g [fill], .btn.btn-icon-primary:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-primary.disabled.dropdown-toggle:after, .btn.btn-icon-primary:disabled.dropdown-toggle:after {
     color: #4785FF;
}
 .btn.btn-hover-text-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-text-primary:focus:not(.btn-text), .btn.btn-hover-text-primary.focus:not(.btn-text) {
     color: #4785FF !important;
}
 .btn.btn-hover-text-primary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-text-primary:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-text-primary.dropdown-toggle, .show .btn.btn-hover-text-primary.btn-dropdown {
     color: #4785FF !important;
}
 .btn.btn-hover-icon-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-icon-primary:focus:not(.btn-text) i, .btn.btn-hover-icon-primary.focus:not(.btn-text) i {
     color: #4785FF !important;
}
 .btn.btn-hover-icon-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-icon-primary:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF !important;
}
 .btn.btn-hover-icon-primary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-primary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-icon-primary:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-primary.focus:not(.btn-text).dropdown-toggle:after {
     color: #4785FF !important;
}
 .btn.btn-hover-icon-primary:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-icon-primary:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-icon-primary.dropdown-toggle i, .show .btn.btn-hover-icon-primary.btn-dropdown i {
     color: #4785FF !important;
}
 .btn.btn-hover-icon-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-primary:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-icon-primary.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-icon-primary.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF !important;
}
 .btn.btn-hover-icon-primary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-primary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-icon-primary.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-icon-primary.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-primary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-primary:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-icon-primary.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-icon-primary.btn-dropdown.dropdown-toggle:after {
     color: #4785FF !important;
}
 .btn.btn-text-secondary {
     color: #181C32;
}
 .btn.btn-text-secondary.disabled, .btn.btn-text-secondary:disabled {
     color: #181C32;
}
 .btn.btn-icon-secondary i {
     color: #181C32;
}
 .btn.btn-icon-secondary .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .btn.btn-icon-secondary .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-secondary.dropdown-toggle:after {
     color: #181C32;
}
 .btn.btn-icon-secondary.disabled i, .btn.btn-icon-secondary:disabled i {
     color: #181C32;
}
 .btn.btn-icon-secondary.disabled .svg-icon svg g [fill], .btn.btn-icon-secondary:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .btn.btn-icon-secondary.disabled .svg-icon svg:hover g [fill], .btn.btn-icon-secondary:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-secondary.disabled.dropdown-toggle:after, .btn.btn-icon-secondary:disabled.dropdown-toggle:after {
     color: #181C32;
}
 .btn.btn-hover-text-secondary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-text-secondary:focus:not(.btn-text), .btn.btn-hover-text-secondary.focus:not(.btn-text) {
     color: #181C32 !important;
}
 .btn.btn-hover-text-secondary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-text-secondary:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-text-secondary.dropdown-toggle, .show .btn.btn-hover-text-secondary.btn-dropdown {
     color: #181C32 !important;
}
 .btn.btn-hover-icon-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-icon-secondary:focus:not(.btn-text) i, .btn.btn-hover-icon-secondary.focus:not(.btn-text) i {
     color: #181C32 !important;
}
 .btn.btn-hover-icon-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-icon-secondary:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-secondary.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32 !important;
}
 .btn.btn-hover-icon-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-secondary:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-secondary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-secondary:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-icon-secondary:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-secondary.focus:not(.btn-text).dropdown-toggle:after {
     color: #181C32 !important;
}
 .btn.btn-hover-icon-secondary:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-icon-secondary:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-icon-secondary.dropdown-toggle i, .show .btn.btn-hover-icon-secondary.btn-dropdown i {
     color: #181C32 !important;
}
 .btn.btn-hover-icon-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-secondary:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-icon-secondary.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-icon-secondary.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32 !important;
}
 .btn.btn-hover-icon-secondary:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-secondary:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-icon-secondary.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-icon-secondary.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-secondary:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-secondary:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-icon-secondary.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-icon-secondary.btn-dropdown.dropdown-toggle:after {
     color: #181C32 !important;
}
 .btn.btn-text-success {
     color: #32D0A5;
}
 .btn.btn-text-success.disabled, .btn.btn-text-success:disabled {
     color: #32D0A5;
}
 .btn.btn-icon-success i {
     color: #32D0A5;
}
 .btn.btn-icon-success .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .btn.btn-icon-success .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-success.dropdown-toggle:after {
     color: #32D0A5;
}
 .btn.btn-icon-success.disabled i, .btn.btn-icon-success:disabled i {
     color: #32D0A5;
}
 .btn.btn-icon-success.disabled .svg-icon svg g [fill], .btn.btn-icon-success:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .btn.btn-icon-success.disabled .svg-icon svg:hover g [fill], .btn.btn-icon-success:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-success.disabled.dropdown-toggle:after, .btn.btn-icon-success:disabled.dropdown-toggle:after {
     color: #32D0A5;
}
 .btn.btn-hover-text-success:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-text-success:focus:not(.btn-text), .btn.btn-hover-text-success.focus:not(.btn-text) {
     color: #32D0A5 !important;
}
 .btn.btn-hover-text-success:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-text-success:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-text-success.dropdown-toggle, .show .btn.btn-hover-text-success.btn-dropdown {
     color: #32D0A5 !important;
}
 .btn.btn-hover-icon-success:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-icon-success:focus:not(.btn-text) i, .btn.btn-hover-icon-success.focus:not(.btn-text) i {
     color: #32D0A5 !important;
}
 .btn.btn-hover-icon-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-icon-success:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-success.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5 !important;
}
 .btn.btn-hover-icon-success:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-success:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-success:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-icon-success:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-success.focus:not(.btn-text).dropdown-toggle:after {
     color: #32D0A5 !important;
}
 .btn.btn-hover-icon-success:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-icon-success:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-icon-success.dropdown-toggle i, .show .btn.btn-hover-icon-success.btn-dropdown i {
     color: #32D0A5 !important;
}
 .btn.btn-hover-icon-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-success:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-icon-success.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-icon-success.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5 !important;
}
 .btn.btn-hover-icon-success:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-success:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-icon-success.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-icon-success.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-success:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-success:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-icon-success.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-icon-success.btn-dropdown.dropdown-toggle:after {
     color: #32D0A5 !important;
}
 .btn.btn-text-info {
     color: #7B6FFF;
}
 .btn.btn-text-info.disabled, .btn.btn-text-info:disabled {
     color: #7B6FFF;
}
 .btn.btn-icon-info i {
     color: #7B6FFF;
}
 .btn.btn-icon-info .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .btn.btn-icon-info .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-info.dropdown-toggle:after {
     color: #7B6FFF;
}
 .btn.btn-icon-info.disabled i, .btn.btn-icon-info:disabled i {
     color: #7B6FFF;
}
 .btn.btn-icon-info.disabled .svg-icon svg g [fill], .btn.btn-icon-info:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .btn.btn-icon-info.disabled .svg-icon svg:hover g [fill], .btn.btn-icon-info:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-info.disabled.dropdown-toggle:after, .btn.btn-icon-info:disabled.dropdown-toggle:after {
     color: #7B6FFF;
}
 .btn.btn-hover-text-info:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-text-info:focus:not(.btn-text), .btn.btn-hover-text-info.focus:not(.btn-text) {
     color: #7B6FFF !important;
}
 .btn.btn-hover-text-info:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-text-info:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-text-info.dropdown-toggle, .show .btn.btn-hover-text-info.btn-dropdown {
     color: #7B6FFF !important;
}
 .btn.btn-hover-icon-info:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-icon-info:focus:not(.btn-text) i, .btn.btn-hover-icon-info.focus:not(.btn-text) i {
     color: #7B6FFF !important;
}
 .btn.btn-hover-icon-info:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-icon-info:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-info.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF !important;
}
 .btn.btn-hover-icon-info:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-info:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-info.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-info:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-icon-info:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-info.focus:not(.btn-text).dropdown-toggle:after {
     color: #7B6FFF !important;
}
 .btn.btn-hover-icon-info:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-icon-info:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-icon-info.dropdown-toggle i, .show .btn.btn-hover-icon-info.btn-dropdown i {
     color: #7B6FFF !important;
}
 .btn.btn-hover-icon-info:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-info:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-icon-info.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-icon-info.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF !important;
}
 .btn.btn-hover-icon-info:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-info:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-icon-info.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-icon-info.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-info:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-info:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-icon-info.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-icon-info.btn-dropdown.dropdown-toggle:after {
     color: #7B6FFF !important;
}
 .btn.btn-text-warning {
     color: #FFA800;
}
 .btn.btn-text-warning.disabled, .btn.btn-text-warning:disabled {
     color: #FFA800;
}
 .btn.btn-icon-warning i {
     color: #FFA800;
}
 .btn.btn-icon-warning .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .btn.btn-icon-warning .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-warning.dropdown-toggle:after {
     color: #FFA800;
}
 .btn.btn-icon-warning.disabled i, .btn.btn-icon-warning:disabled i {
     color: #FFA800;
}
 .btn.btn-icon-warning.disabled .svg-icon svg g [fill], .btn.btn-icon-warning:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .btn.btn-icon-warning.disabled .svg-icon svg:hover g [fill], .btn.btn-icon-warning:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-warning.disabled.dropdown-toggle:after, .btn.btn-icon-warning:disabled.dropdown-toggle:after {
     color: #FFA800;
}
 .btn.btn-hover-text-warning:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-text-warning:focus:not(.btn-text), .btn.btn-hover-text-warning.focus:not(.btn-text) {
     color: #FFA800 !important;
}
 .btn.btn-hover-text-warning:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-text-warning:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-text-warning.dropdown-toggle, .show .btn.btn-hover-text-warning.btn-dropdown {
     color: #FFA800 !important;
}
 .btn.btn-hover-icon-warning:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-icon-warning:focus:not(.btn-text) i, .btn.btn-hover-icon-warning.focus:not(.btn-text) i {
     color: #FFA800 !important;
}
 .btn.btn-hover-icon-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-icon-warning:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-warning.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800 !important;
}
 .btn.btn-hover-icon-warning:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-warning:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-warning.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-warning:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-icon-warning:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-warning.focus:not(.btn-text).dropdown-toggle:after {
     color: #FFA800 !important;
}
 .btn.btn-hover-icon-warning:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-icon-warning:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-icon-warning.dropdown-toggle i, .show .btn.btn-hover-icon-warning.btn-dropdown i {
     color: #FFA800 !important;
}
 .btn.btn-hover-icon-warning:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-warning:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-icon-warning.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-icon-warning.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800 !important;
}
 .btn.btn-hover-icon-warning:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-warning:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-icon-warning.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-icon-warning.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-warning:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-warning:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-icon-warning.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-icon-warning.btn-dropdown.dropdown-toggle:after {
     color: #FFA800 !important;
}
 .btn.btn-text-danger {
     color: #F64E60;
}
 .btn.btn-text-danger.disabled, .btn.btn-text-danger:disabled {
     color: #F64E60;
}
 .btn.btn-icon-danger i {
     color: #F64E60;
}
 .btn.btn-icon-danger .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .btn.btn-icon-danger .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-danger.dropdown-toggle:after {
     color: #F64E60;
}
 .btn.btn-icon-danger.disabled i, .btn.btn-icon-danger:disabled i {
     color: #F64E60;
}
 .btn.btn-icon-danger.disabled .svg-icon svg g [fill], .btn.btn-icon-danger:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .btn.btn-icon-danger.disabled .svg-icon svg:hover g [fill], .btn.btn-icon-danger:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-danger.disabled.dropdown-toggle:after, .btn.btn-icon-danger:disabled.dropdown-toggle:after {
     color: #F64E60;
}
 .btn.btn-hover-text-danger:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-text-danger:focus:not(.btn-text), .btn.btn-hover-text-danger.focus:not(.btn-text) {
     color: #F64E60 !important;
}
 .btn.btn-hover-text-danger:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-text-danger:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-text-danger.dropdown-toggle, .show .btn.btn-hover-text-danger.btn-dropdown {
     color: #F64E60 !important;
}
 .btn.btn-hover-icon-danger:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-icon-danger:focus:not(.btn-text) i, .btn.btn-hover-icon-danger.focus:not(.btn-text) i {
     color: #F64E60 !important;
}
 .btn.btn-hover-icon-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-icon-danger:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-danger.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60 !important;
}
 .btn.btn-hover-icon-danger:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-danger:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-danger.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-danger:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-icon-danger:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-danger.focus:not(.btn-text).dropdown-toggle:after {
     color: #F64E60 !important;
}
 .btn.btn-hover-icon-danger:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-icon-danger:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-icon-danger.dropdown-toggle i, .show .btn.btn-hover-icon-danger.btn-dropdown i {
     color: #F64E60 !important;
}
 .btn.btn-hover-icon-danger:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-danger:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-icon-danger.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-icon-danger.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60 !important;
}
 .btn.btn-hover-icon-danger:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-danger:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-icon-danger.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-icon-danger.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-danger:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-danger:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-icon-danger.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-icon-danger.btn-dropdown.dropdown-toggle:after {
     color: #F64E60 !important;
}
 .btn.btn-text-light {
     color: #F3F6F9;
}
 .btn.btn-text-light.disabled, .btn.btn-text-light:disabled {
     color: #F3F6F9;
}
 .btn.btn-icon-light i {
     color: #F3F6F9;
}
 .btn.btn-icon-light .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .btn.btn-icon-light .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-light.dropdown-toggle:after {
     color: #F3F6F9;
}
 .btn.btn-icon-light.disabled i, .btn.btn-icon-light:disabled i {
     color: #F3F6F9;
}
 .btn.btn-icon-light.disabled .svg-icon svg g [fill], .btn.btn-icon-light:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .btn.btn-icon-light.disabled .svg-icon svg:hover g [fill], .btn.btn-icon-light:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-light.disabled.dropdown-toggle:after, .btn.btn-icon-light:disabled.dropdown-toggle:after {
     color: #F3F6F9;
}
 .btn.btn-hover-text-light:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-text-light:focus:not(.btn-text), .btn.btn-hover-text-light.focus:not(.btn-text) {
     color: #F3F6F9 !important;
}
 .btn.btn-hover-text-light:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-text-light:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-text-light.dropdown-toggle, .show .btn.btn-hover-text-light.btn-dropdown {
     color: #F3F6F9 !important;
}
 .btn.btn-hover-icon-light:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-icon-light:focus:not(.btn-text) i, .btn.btn-hover-icon-light.focus:not(.btn-text) i {
     color: #F3F6F9 !important;
}
 .btn.btn-hover-icon-light:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-icon-light:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-light.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9 !important;
}
 .btn.btn-hover-icon-light:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-light:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-light.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-light:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-icon-light:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-light.focus:not(.btn-text).dropdown-toggle:after {
     color: #F3F6F9 !important;
}
 .btn.btn-hover-icon-light:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-icon-light:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-icon-light.dropdown-toggle i, .show .btn.btn-hover-icon-light.btn-dropdown i {
     color: #F3F6F9 !important;
}
 .btn.btn-hover-icon-light:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-light:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-icon-light.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-icon-light.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9 !important;
}
 .btn.btn-hover-icon-light:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-light:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-icon-light.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-icon-light.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-light:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-light:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-icon-light.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-icon-light.btn-dropdown.dropdown-toggle:after {
     color: #F3F6F9 !important;
}
 .btn.btn-text-dark {
     color: #181C32;
}
 .btn.btn-text-dark.disabled, .btn.btn-text-dark:disabled {
     color: #181C32;
}
 .btn.btn-icon-dark i {
     color: #181C32;
}
 .btn.btn-icon-dark .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .btn.btn-icon-dark .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-dark.dropdown-toggle:after {
     color: #181C32;
}
 .btn.btn-icon-dark.disabled i, .btn.btn-icon-dark:disabled i {
     color: #181C32;
}
 .btn.btn-icon-dark.disabled .svg-icon svg g [fill], .btn.btn-icon-dark:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .btn.btn-icon-dark.disabled .svg-icon svg:hover g [fill], .btn.btn-icon-dark:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-dark.disabled.dropdown-toggle:after, .btn.btn-icon-dark:disabled.dropdown-toggle:after {
     color: #181C32;
}
 .btn.btn-hover-text-dark:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-text-dark:focus:not(.btn-text), .btn.btn-hover-text-dark.focus:not(.btn-text) {
     color: #181C32 !important;
}
 .btn.btn-hover-text-dark:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-text-dark:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-text-dark.dropdown-toggle, .show .btn.btn-hover-text-dark.btn-dropdown {
     color: #181C32 !important;
}
 .btn.btn-hover-icon-dark:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-icon-dark:focus:not(.btn-text) i, .btn.btn-hover-icon-dark.focus:not(.btn-text) i {
     color: #181C32 !important;
}
 .btn.btn-hover-icon-dark:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-icon-dark:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-dark.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32 !important;
}
 .btn.btn-hover-icon-dark:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-dark:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-dark.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-dark:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-icon-dark:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-dark.focus:not(.btn-text).dropdown-toggle:after {
     color: #181C32 !important;
}
 .btn.btn-hover-icon-dark:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-icon-dark:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-icon-dark.dropdown-toggle i, .show .btn.btn-hover-icon-dark.btn-dropdown i {
     color: #181C32 !important;
}
 .btn.btn-hover-icon-dark:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-dark:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-icon-dark.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-icon-dark.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32 !important;
}
 .btn.btn-hover-icon-dark:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-dark:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-icon-dark.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-icon-dark.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-dark:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-dark:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-icon-dark.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-icon-dark.btn-dropdown.dropdown-toggle:after {
     color: #181C32 !important;
}
 .btn.btn-text-dark-75 {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-text-dark-75.disabled, .btn.btn-text-dark-75:disabled {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-icon-dark-75 i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-icon-dark-75 .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-icon-dark-75 .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-dark-75.dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-icon-dark-75.disabled i, .btn.btn-icon-dark-75:disabled i {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-icon-dark-75.disabled .svg-icon svg g [fill], .btn.btn-icon-dark-75:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .btn.btn-icon-dark-75.disabled .svg-icon svg:hover g [fill], .btn.btn-icon-dark-75:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-dark-75.disabled.dropdown-toggle:after, .btn.btn-icon-dark-75:disabled.dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9);
}
 .btn.btn-hover-text-dark-75:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-text-dark-75:focus:not(.btn-text), .btn.btn-hover-text-dark-75.focus:not(.btn-text) {
     color: rgba(63, 66, 84, 0.9) !important;
}
 .btn.btn-hover-text-dark-75:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-text-dark-75:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-text-dark-75.dropdown-toggle, .show .btn.btn-hover-text-dark-75.btn-dropdown {
     color: rgba(63, 66, 84, 0.9) !important;
}
 .btn.btn-hover-icon-dark-75:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-icon-dark-75:focus:not(.btn-text) i, .btn.btn-hover-icon-dark-75.focus:not(.btn-text) i {
     color: rgba(63, 66, 84, 0.9) !important;
}
 .btn.btn-hover-icon-dark-75:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-icon-dark-75:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-dark-75.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9) !important;
}
 .btn.btn-hover-icon-dark-75:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-dark-75:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-dark-75.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-dark-75:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-icon-dark-75:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-dark-75.focus:not(.btn-text).dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9) !important;
}
 .btn.btn-hover-icon-dark-75:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-icon-dark-75:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-icon-dark-75.dropdown-toggle i, .show .btn.btn-hover-icon-dark-75.btn-dropdown i {
     color: rgba(63, 66, 84, 0.9) !important;
}
 .btn.btn-hover-icon-dark-75:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-dark-75:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-icon-dark-75.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-icon-dark-75.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9) !important;
}
 .btn.btn-hover-icon-dark-75:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-dark-75:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-icon-dark-75.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-icon-dark-75.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-dark-75:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-dark-75:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-icon-dark-75.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-icon-dark-75.btn-dropdown.dropdown-toggle:after {
     color: rgba(63, 66, 84, 0.9) !important;
}
 .btn.btn-text-dark-65 {
     color: #5E6278;
}
 .btn.btn-text-dark-65.disabled, .btn.btn-text-dark-65:disabled {
     color: #5E6278;
}
 .btn.btn-icon-dark-65 i {
     color: #5E6278;
}
 .btn.btn-icon-dark-65 .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #5E6278;
}
 .btn.btn-icon-dark-65 .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-dark-65.dropdown-toggle:after {
     color: #5E6278;
}
 .btn.btn-icon-dark-65.disabled i, .btn.btn-icon-dark-65:disabled i {
     color: #5E6278;
}
 .btn.btn-icon-dark-65.disabled .svg-icon svg g [fill], .btn.btn-icon-dark-65:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #5E6278;
}
 .btn.btn-icon-dark-65.disabled .svg-icon svg:hover g [fill], .btn.btn-icon-dark-65:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-dark-65.disabled.dropdown-toggle:after, .btn.btn-icon-dark-65:disabled.dropdown-toggle:after {
     color: #5E6278;
}
 .btn.btn-hover-text-dark-65:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-text-dark-65:focus:not(.btn-text), .btn.btn-hover-text-dark-65.focus:not(.btn-text) {
     color: #5E6278 !important;
}
 .btn.btn-hover-text-dark-65:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-text-dark-65:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-text-dark-65.dropdown-toggle, .show .btn.btn-hover-text-dark-65.btn-dropdown {
     color: #5E6278 !important;
}
 .btn.btn-hover-icon-dark-65:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-icon-dark-65:focus:not(.btn-text) i, .btn.btn-hover-icon-dark-65.focus:not(.btn-text) i {
     color: #5E6278 !important;
}
 .btn.btn-hover-icon-dark-65:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-icon-dark-65:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-dark-65.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #5E6278 !important;
}
 .btn.btn-hover-icon-dark-65:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-dark-65:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-dark-65.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-dark-65:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-icon-dark-65:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-dark-65.focus:not(.btn-text).dropdown-toggle:after {
     color: #5E6278 !important;
}
 .btn.btn-hover-icon-dark-65:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-icon-dark-65:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-icon-dark-65.dropdown-toggle i, .show .btn.btn-hover-icon-dark-65.btn-dropdown i {
     color: #5E6278 !important;
}
 .btn.btn-hover-icon-dark-65:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-dark-65:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-icon-dark-65.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-icon-dark-65.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #5E6278 !important;
}
 .btn.btn-hover-icon-dark-65:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-dark-65:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-icon-dark-65.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-icon-dark-65.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-dark-65:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-dark-65:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-icon-dark-65.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-icon-dark-65.btn-dropdown.dropdown-toggle:after {
     color: #5E6278 !important;
}
 .btn.btn-text-dark-50 {
     color: #7E8299;
}
 .btn.btn-text-dark-50.disabled, .btn.btn-text-dark-50:disabled {
     color: #7E8299;
}
 .btn.btn-icon-dark-50 i {
     color: #7E8299;
}
 .btn.btn-icon-dark-50 .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299;
}
 .btn.btn-icon-dark-50 .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-dark-50.dropdown-toggle:after {
     color: #7E8299;
}
 .btn.btn-icon-dark-50.disabled i, .btn.btn-icon-dark-50:disabled i {
     color: #7E8299;
}
 .btn.btn-icon-dark-50.disabled .svg-icon svg g [fill], .btn.btn-icon-dark-50:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299;
}
 .btn.btn-icon-dark-50.disabled .svg-icon svg:hover g [fill], .btn.btn-icon-dark-50:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-dark-50.disabled.dropdown-toggle:after, .btn.btn-icon-dark-50:disabled.dropdown-toggle:after {
     color: #7E8299;
}
 .btn.btn-hover-text-dark-50:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-text-dark-50:focus:not(.btn-text), .btn.btn-hover-text-dark-50.focus:not(.btn-text) {
     color: #7E8299 !important;
}
 .btn.btn-hover-text-dark-50:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-text-dark-50:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-text-dark-50.dropdown-toggle, .show .btn.btn-hover-text-dark-50.btn-dropdown {
     color: #7E8299 !important;
}
 .btn.btn-hover-icon-dark-50:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-icon-dark-50:focus:not(.btn-text) i, .btn.btn-hover-icon-dark-50.focus:not(.btn-text) i {
     color: #7E8299 !important;
}
 .btn.btn-hover-icon-dark-50:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-icon-dark-50:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-dark-50.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299 !important;
}
 .btn.btn-hover-icon-dark-50:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-dark-50:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-dark-50.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-dark-50:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-icon-dark-50:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-dark-50.focus:not(.btn-text).dropdown-toggle:after {
     color: #7E8299 !important;
}
 .btn.btn-hover-icon-dark-50:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-icon-dark-50:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-icon-dark-50.dropdown-toggle i, .show .btn.btn-hover-icon-dark-50.btn-dropdown i {
     color: #7E8299 !important;
}
 .btn.btn-hover-icon-dark-50:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-dark-50:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-icon-dark-50.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-icon-dark-50.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299 !important;
}
 .btn.btn-hover-icon-dark-50:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-dark-50:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-icon-dark-50.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-icon-dark-50.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-dark-50:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-dark-50:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-icon-dark-50.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-icon-dark-50.btn-dropdown.dropdown-toggle:after {
     color: #7E8299 !important;
}
 .btn.btn-text-dark-25 {
     color: #D1D3E0;
}
 .btn.btn-text-dark-25.disabled, .btn.btn-text-dark-25:disabled {
     color: #D1D3E0;
}
 .btn.btn-icon-dark-25 i {
     color: #D1D3E0;
}
 .btn.btn-icon-dark-25 .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #D1D3E0;
}
 .btn.btn-icon-dark-25 .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-dark-25.dropdown-toggle:after {
     color: #D1D3E0;
}
 .btn.btn-icon-dark-25.disabled i, .btn.btn-icon-dark-25:disabled i {
     color: #D1D3E0;
}
 .btn.btn-icon-dark-25.disabled .svg-icon svg g [fill], .btn.btn-icon-dark-25:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #D1D3E0;
}
 .btn.btn-icon-dark-25.disabled .svg-icon svg:hover g [fill], .btn.btn-icon-dark-25:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-dark-25.disabled.dropdown-toggle:after, .btn.btn-icon-dark-25:disabled.dropdown-toggle:after {
     color: #D1D3E0;
}
 .btn.btn-hover-text-dark-25:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-text-dark-25:focus:not(.btn-text), .btn.btn-hover-text-dark-25.focus:not(.btn-text) {
     color: #D1D3E0 !important;
}
 .btn.btn-hover-text-dark-25:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-text-dark-25:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-text-dark-25.dropdown-toggle, .show .btn.btn-hover-text-dark-25.btn-dropdown {
     color: #D1D3E0 !important;
}
 .btn.btn-hover-icon-dark-25:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-icon-dark-25:focus:not(.btn-text) i, .btn.btn-hover-icon-dark-25.focus:not(.btn-text) i {
     color: #D1D3E0 !important;
}
 .btn.btn-hover-icon-dark-25:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-icon-dark-25:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-dark-25.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #D1D3E0 !important;
}
 .btn.btn-hover-icon-dark-25:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-dark-25:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-dark-25.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-dark-25:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-icon-dark-25:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-dark-25.focus:not(.btn-text).dropdown-toggle:after {
     color: #D1D3E0 !important;
}
 .btn.btn-hover-icon-dark-25:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-icon-dark-25:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-icon-dark-25.dropdown-toggle i, .show .btn.btn-hover-icon-dark-25.btn-dropdown i {
     color: #D1D3E0 !important;
}
 .btn.btn-hover-icon-dark-25:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-dark-25:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-icon-dark-25.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-icon-dark-25.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #D1D3E0 !important;
}
 .btn.btn-hover-icon-dark-25:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-dark-25:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-icon-dark-25.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-icon-dark-25.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-dark-25:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-dark-25:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-icon-dark-25.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-icon-dark-25.btn-dropdown.dropdown-toggle:after {
     color: #D1D3E0 !important;
}
 .btn.btn-text-muted {
     color: #B5B5C3;
}
 .btn.btn-text-muted.disabled, .btn.btn-text-muted:disabled {
     color: #B5B5C3;
}
 .btn.btn-icon-muted i {
     color: #B5B5C3;
}
 .btn.btn-icon-muted .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #B5B5C3;
}
 .btn.btn-icon-muted .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-muted.dropdown-toggle:after {
     color: #B5B5C3;
}
 .btn.btn-icon-muted.disabled i, .btn.btn-icon-muted:disabled i {
     color: #B5B5C3;
}
 .btn.btn-icon-muted.disabled .svg-icon svg g [fill], .btn.btn-icon-muted:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #B5B5C3;
}
 .btn.btn-icon-muted.disabled .svg-icon svg:hover g [fill], .btn.btn-icon-muted:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-icon-muted.disabled.dropdown-toggle:after, .btn.btn-icon-muted:disabled.dropdown-toggle:after {
     color: #B5B5C3;
}
 .btn.btn-hover-text-muted:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-text-muted:focus:not(.btn-text), .btn.btn-hover-text-muted.focus:not(.btn-text) {
     color: #B5B5C3 !important;
}
 .btn.btn-hover-text-muted:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-text-muted:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-text-muted.dropdown-toggle, .show .btn.btn-hover-text-muted.btn-dropdown {
     color: #B5B5C3 !important;
}
 .btn.btn-hover-icon-muted:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-icon-muted:focus:not(.btn-text) i, .btn.btn-hover-icon-muted.focus:not(.btn-text) i {
     color: #B5B5C3 !important;
}
 .btn.btn-hover-icon-muted:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-icon-muted:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-muted.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #B5B5C3 !important;
}
 .btn.btn-hover-icon-muted:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-muted:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-muted.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-muted:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-icon-muted:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-muted.focus:not(.btn-text).dropdown-toggle:after {
     color: #B5B5C3 !important;
}
 .btn.btn-hover-icon-muted:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-icon-muted:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-icon-muted.dropdown-toggle i, .show .btn.btn-hover-icon-muted.btn-dropdown i {
     color: #B5B5C3 !important;
}
 .btn.btn-hover-icon-muted:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-muted:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-icon-muted.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-icon-muted.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #B5B5C3 !important;
}
 .btn.btn-hover-icon-muted:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-muted:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-icon-muted.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-icon-muted.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-hover-icon-muted:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-muted:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-icon-muted.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-icon-muted.btn-dropdown.dropdown-toggle:after {
     color: #B5B5C3 !important;
}
 .btn.btn-facebook {
     color: #ffffff;
     background-color: #3b5998;
     border-color: #3b5998;
}
 .btn.btn-facebook i {
     color: #ffffff;
}
 .btn.btn-facebook .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-facebook .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-facebook.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-facebook:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-facebook:focus:not(.btn-text), .btn.btn-facebook.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #30497c;
     border-color: #30497c;
}
 .btn.btn-facebook:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-facebook:focus:not(.btn-text) i, .btn.btn-facebook.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-facebook:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-facebook:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-facebook.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-facebook:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-facebook:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-facebook.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-facebook:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-facebook:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-facebook.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-facebook.disabled, .btn.btn-facebook:disabled {
     color: #ffffff;
     background-color: #3b5998;
     border-color: #3b5998;
}
 .btn.btn-facebook.disabled i, .btn.btn-facebook:disabled i {
     color: #ffffff;
}
 .btn.btn-facebook.disabled .svg-icon svg g [fill], .btn.btn-facebook:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-facebook.disabled .svg-icon svg:hover g [fill], .btn.btn-facebook:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-facebook.disabled.dropdown-toggle:after, .btn.btn-facebook:disabled.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-facebook:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-facebook:not(:disabled):not(.disabled).active, .show > .btn.btn-facebook.dropdown-toggle, .show .btn.btn-facebook.btn-dropdown {
     color: #ffffff;
     background-color: #30497c;
     border-color: #30497c;
}
 .btn.btn-facebook:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-facebook:not(:disabled):not(.disabled).active i, .show > .btn.btn-facebook.dropdown-toggle i, .show .btn.btn-facebook.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-facebook:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-facebook:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-facebook.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-facebook.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-facebook:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-facebook:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-facebook.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-facebook.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-facebook:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-facebook:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-facebook.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-facebook.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-facebook {
     color: #3b5998;
     background-color: rgba(59, 89, 152, 0.1);
     border-color: transparent;
}
 .btn.btn-light-facebook i {
     color: #3b5998;
}
 .btn.btn-light-facebook .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #3b5998;
}
 .btn.btn-light-facebook .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-facebook.dropdown-toggle:after {
     color: #3b5998;
}
 .btn.btn-light-facebook:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-facebook:focus:not(.btn-text), .btn.btn-light-facebook.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #3b5998;
     border-color: transparent;
}
 .btn.btn-light-facebook:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-light-facebook:focus:not(.btn-text) i, .btn.btn-light-facebook.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-light-facebook:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-facebook:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-facebook.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-facebook:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-facebook:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-facebook.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-facebook:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-facebook:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-facebook.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-facebook.disabled, .btn.btn-light-facebook:disabled {
     color: #3b5998;
     background-color: rgba(59, 89, 152, 0.1);
     border-color: transparent;
}
 .btn.btn-light-facebook.disabled i, .btn.btn-light-facebook:disabled i {
     color: #3b5998;
}
 .btn.btn-light-facebook.disabled .svg-icon svg g [fill], .btn.btn-light-facebook:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #3b5998;
}
 .btn.btn-light-facebook.disabled .svg-icon svg:hover g [fill], .btn.btn-light-facebook:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-facebook.disabled.dropdown-toggle:after, .btn.btn-light-facebook:disabled.dropdown-toggle:after {
     color: #3b5998;
}
 .btn.btn-light-facebook:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-facebook:not(:disabled):not(.disabled).active, .show > .btn.btn-light-facebook.dropdown-toggle, .show .btn.btn-light-facebook.btn-dropdown {
     color: #ffffff;
     background-color: #3b5998;
     border-color: transparent;
}
 .btn.btn-light-facebook:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light-facebook:not(:disabled):not(.disabled).active i, .show > .btn.btn-light-facebook.dropdown-toggle i, .show .btn.btn-light-facebook.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-light-facebook:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-facebook:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light-facebook.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light-facebook.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-facebook:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-facebook:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-facebook.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-facebook.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-facebook:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-facebook:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-facebook.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-facebook.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-google {
     color: #ffffff;
     background-color: #dd4b39;
     border-color: #dd4b39;
}
 .btn.btn-google i {
     color: #ffffff;
}
 .btn.btn-google .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-google .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-google.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-google:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-google:focus:not(.btn-text), .btn.btn-google.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #cd3623;
     border-color: #cd3623;
}
 .btn.btn-google:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-google:focus:not(.btn-text) i, .btn.btn-google.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-google:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-google:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-google.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-google:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-google:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-google.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-google:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-google:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-google.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-google.disabled, .btn.btn-google:disabled {
     color: #ffffff;
     background-color: #dd4b39;
     border-color: #dd4b39;
}
 .btn.btn-google.disabled i, .btn.btn-google:disabled i {
     color: #ffffff;
}
 .btn.btn-google.disabled .svg-icon svg g [fill], .btn.btn-google:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-google.disabled .svg-icon svg:hover g [fill], .btn.btn-google:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-google.disabled.dropdown-toggle:after, .btn.btn-google:disabled.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-google:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-google:not(:disabled):not(.disabled).active, .show > .btn.btn-google.dropdown-toggle, .show .btn.btn-google.btn-dropdown {
     color: #ffffff;
     background-color: #cd3623;
     border-color: #cd3623;
}
 .btn.btn-google:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-google:not(:disabled):not(.disabled).active i, .show > .btn.btn-google.dropdown-toggle i, .show .btn.btn-google.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-google:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-google:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-google.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-google.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-google:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-google:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-google.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-google.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-google:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-google:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-google.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-google.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-google {
     color: #dd4b39;
     background-color: rgba(221, 75, 57, 0.1);
     border-color: transparent;
}
 .btn.btn-light-google i {
     color: #dd4b39;
}
 .btn.btn-light-google .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #dd4b39;
}
 .btn.btn-light-google .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-google.dropdown-toggle:after {
     color: #dd4b39;
}
 .btn.btn-light-google:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-google:focus:not(.btn-text), .btn.btn-light-google.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #dd4b39;
     border-color: transparent;
}
 .btn.btn-light-google:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-light-google:focus:not(.btn-text) i, .btn.btn-light-google.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-light-google:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-google:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-google.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-google:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-google:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-google.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-google:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-google:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-google.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-google.disabled, .btn.btn-light-google:disabled {
     color: #dd4b39;
     background-color: rgba(221, 75, 57, 0.1);
     border-color: transparent;
}
 .btn.btn-light-google.disabled i, .btn.btn-light-google:disabled i {
     color: #dd4b39;
}
 .btn.btn-light-google.disabled .svg-icon svg g [fill], .btn.btn-light-google:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #dd4b39;
}
 .btn.btn-light-google.disabled .svg-icon svg:hover g [fill], .btn.btn-light-google:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-google.disabled.dropdown-toggle:after, .btn.btn-light-google:disabled.dropdown-toggle:after {
     color: #dd4b39;
}
 .btn.btn-light-google:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-google:not(:disabled):not(.disabled).active, .show > .btn.btn-light-google.dropdown-toggle, .show .btn.btn-light-google.btn-dropdown {
     color: #ffffff;
     background-color: #dd4b39;
     border-color: transparent;
}
 .btn.btn-light-google:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light-google:not(:disabled):not(.disabled).active i, .show > .btn.btn-light-google.dropdown-toggle i, .show .btn.btn-light-google.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-light-google:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-google:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light-google.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light-google.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-google:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-google:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-google.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-google.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-google:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-google:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-google.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-google.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-twitter {
     color: #ffffff;
     background-color: #1da1f2;
     border-color: #1da1f2;
}
 .btn.btn-twitter i {
     color: #ffffff;
}
 .btn.btn-twitter .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-twitter .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-twitter.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-twitter:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-twitter:focus:not(.btn-text), .btn.btn-twitter.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #0d8ddc;
     border-color: #0d8ddc;
}
 .btn.btn-twitter:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-twitter:focus:not(.btn-text) i, .btn.btn-twitter.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-twitter:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-twitter:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-twitter.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-twitter:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-twitter:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-twitter.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-twitter:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-twitter:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-twitter.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-twitter.disabled, .btn.btn-twitter:disabled {
     color: #ffffff;
     background-color: #1da1f2;
     border-color: #1da1f2;
}
 .btn.btn-twitter.disabled i, .btn.btn-twitter:disabled i {
     color: #ffffff;
}
 .btn.btn-twitter.disabled .svg-icon svg g [fill], .btn.btn-twitter:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-twitter.disabled .svg-icon svg:hover g [fill], .btn.btn-twitter:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-twitter.disabled.dropdown-toggle:after, .btn.btn-twitter:disabled.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-twitter:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-twitter:not(:disabled):not(.disabled).active, .show > .btn.btn-twitter.dropdown-toggle, .show .btn.btn-twitter.btn-dropdown {
     color: #ffffff;
     background-color: #0d8ddc;
     border-color: #0d8ddc;
}
 .btn.btn-twitter:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-twitter:not(:disabled):not(.disabled).active i, .show > .btn.btn-twitter.dropdown-toggle i, .show .btn.btn-twitter.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-twitter:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-twitter:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-twitter.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-twitter.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-twitter:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-twitter:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-twitter.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-twitter.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-twitter:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-twitter:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-twitter.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-twitter.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-twitter {
     color: #1da1f2;
     background-color: rgba(29, 161, 242, 0.1);
     border-color: transparent;
}
 .btn.btn-light-twitter i {
     color: #1da1f2;
}
 .btn.btn-light-twitter .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #1da1f2;
}
 .btn.btn-light-twitter .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-twitter.dropdown-toggle:after {
     color: #1da1f2;
}
 .btn.btn-light-twitter:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-twitter:focus:not(.btn-text), .btn.btn-light-twitter.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #1da1f2;
     border-color: transparent;
}
 .btn.btn-light-twitter:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-light-twitter:focus:not(.btn-text) i, .btn.btn-light-twitter.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-light-twitter:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-twitter:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-twitter.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-twitter:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-twitter:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-twitter.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-twitter:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-twitter:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-twitter.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-twitter.disabled, .btn.btn-light-twitter:disabled {
     color: #1da1f2;
     background-color: rgba(29, 161, 242, 0.1);
     border-color: transparent;
}
 .btn.btn-light-twitter.disabled i, .btn.btn-light-twitter:disabled i {
     color: #1da1f2;
}
 .btn.btn-light-twitter.disabled .svg-icon svg g [fill], .btn.btn-light-twitter:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #1da1f2;
}
 .btn.btn-light-twitter.disabled .svg-icon svg:hover g [fill], .btn.btn-light-twitter:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-twitter.disabled.dropdown-toggle:after, .btn.btn-light-twitter:disabled.dropdown-toggle:after {
     color: #1da1f2;
}
 .btn.btn-light-twitter:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-twitter:not(:disabled):not(.disabled).active, .show > .btn.btn-light-twitter.dropdown-toggle, .show .btn.btn-light-twitter.btn-dropdown {
     color: #ffffff;
     background-color: #1da1f2;
     border-color: transparent;
}
 .btn.btn-light-twitter:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light-twitter:not(:disabled):not(.disabled).active i, .show > .btn.btn-light-twitter.dropdown-toggle i, .show .btn.btn-light-twitter.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-light-twitter:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-twitter:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light-twitter.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light-twitter.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-twitter:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-twitter:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-twitter.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-twitter.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-twitter:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-twitter:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-twitter.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-twitter.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-instagram {
     color: #ffffff;
     background-color: #e1306c;
     border-color: #e1306c;
}
 .btn.btn-instagram i {
     color: #ffffff;
}
 .btn.btn-instagram .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-instagram .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-instagram.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-instagram:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-instagram:focus:not(.btn-text), .btn.btn-instagram.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #cd1e59;
     border-color: #cd1e59;
}
 .btn.btn-instagram:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-instagram:focus:not(.btn-text) i, .btn.btn-instagram.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-instagram:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-instagram:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-instagram.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-instagram:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-instagram:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-instagram.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-instagram:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-instagram:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-instagram.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-instagram.disabled, .btn.btn-instagram:disabled {
     color: #ffffff;
     background-color: #e1306c;
     border-color: #e1306c;
}
 .btn.btn-instagram.disabled i, .btn.btn-instagram:disabled i {
     color: #ffffff;
}
 .btn.btn-instagram.disabled .svg-icon svg g [fill], .btn.btn-instagram:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-instagram.disabled .svg-icon svg:hover g [fill], .btn.btn-instagram:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-instagram.disabled.dropdown-toggle:after, .btn.btn-instagram:disabled.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-instagram:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-instagram:not(:disabled):not(.disabled).active, .show > .btn.btn-instagram.dropdown-toggle, .show .btn.btn-instagram.btn-dropdown {
     color: #ffffff;
     background-color: #cd1e59;
     border-color: #cd1e59;
}
 .btn.btn-instagram:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-instagram:not(:disabled):not(.disabled).active i, .show > .btn.btn-instagram.dropdown-toggle i, .show .btn.btn-instagram.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-instagram:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-instagram:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-instagram.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-instagram.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-instagram:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-instagram:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-instagram.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-instagram.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-instagram:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-instagram:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-instagram.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-instagram.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-instagram {
     color: #e1306c;
     background-color: rgba(225, 48, 108, 0.1);
     border-color: transparent;
}
 .btn.btn-light-instagram i {
     color: #e1306c;
}
 .btn.btn-light-instagram .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #e1306c;
}
 .btn.btn-light-instagram .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-instagram.dropdown-toggle:after {
     color: #e1306c;
}
 .btn.btn-light-instagram:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-instagram:focus:not(.btn-text), .btn.btn-light-instagram.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #e1306c;
     border-color: transparent;
}
 .btn.btn-light-instagram:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-light-instagram:focus:not(.btn-text) i, .btn.btn-light-instagram.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-light-instagram:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-instagram:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-instagram.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-instagram:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-instagram:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-instagram.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-instagram:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-instagram:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-instagram.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-instagram.disabled, .btn.btn-light-instagram:disabled {
     color: #e1306c;
     background-color: rgba(225, 48, 108, 0.1);
     border-color: transparent;
}
 .btn.btn-light-instagram.disabled i, .btn.btn-light-instagram:disabled i {
     color: #e1306c;
}
 .btn.btn-light-instagram.disabled .svg-icon svg g [fill], .btn.btn-light-instagram:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #e1306c;
}
 .btn.btn-light-instagram.disabled .svg-icon svg:hover g [fill], .btn.btn-light-instagram:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-instagram.disabled.dropdown-toggle:after, .btn.btn-light-instagram:disabled.dropdown-toggle:after {
     color: #e1306c;
}
 .btn.btn-light-instagram:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-instagram:not(:disabled):not(.disabled).active, .show > .btn.btn-light-instagram.dropdown-toggle, .show .btn.btn-light-instagram.btn-dropdown {
     color: #ffffff;
     background-color: #e1306c;
     border-color: transparent;
}
 .btn.btn-light-instagram:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light-instagram:not(:disabled):not(.disabled).active i, .show > .btn.btn-light-instagram.dropdown-toggle i, .show .btn.btn-light-instagram.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-light-instagram:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-instagram:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light-instagram.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light-instagram.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-instagram:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-instagram:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-instagram.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-instagram.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-instagram:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-instagram:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-instagram.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-instagram.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-youtube {
     color: #ffffff;
     background-color: #ff0000;
     border-color: #ff0000;
}
 .btn.btn-youtube i {
     color: #ffffff;
}
 .btn.btn-youtube .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-youtube .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-youtube.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-youtube:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-youtube:focus:not(.btn-text), .btn.btn-youtube.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #d90000;
     border-color: #d90000;
}
 .btn.btn-youtube:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-youtube:focus:not(.btn-text) i, .btn.btn-youtube.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-youtube:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-youtube:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-youtube.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-youtube:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-youtube:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-youtube.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-youtube:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-youtube:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-youtube.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-youtube.disabled, .btn.btn-youtube:disabled {
     color: #ffffff;
     background-color: #ff0000;
     border-color: #ff0000;
}
 .btn.btn-youtube.disabled i, .btn.btn-youtube:disabled i {
     color: #ffffff;
}
 .btn.btn-youtube.disabled .svg-icon svg g [fill], .btn.btn-youtube:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-youtube.disabled .svg-icon svg:hover g [fill], .btn.btn-youtube:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-youtube.disabled.dropdown-toggle:after, .btn.btn-youtube:disabled.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-youtube:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-youtube:not(:disabled):not(.disabled).active, .show > .btn.btn-youtube.dropdown-toggle, .show .btn.btn-youtube.btn-dropdown {
     color: #ffffff;
     background-color: #d90000;
     border-color: #d90000;
}
 .btn.btn-youtube:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-youtube:not(:disabled):not(.disabled).active i, .show > .btn.btn-youtube.dropdown-toggle i, .show .btn.btn-youtube.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-youtube:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-youtube:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-youtube.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-youtube.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-youtube:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-youtube:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-youtube.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-youtube.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-youtube:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-youtube:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-youtube.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-youtube.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-youtube {
     color: #ff0000;
     background-color: rgba(255, 0, 0, 0.1);
     border-color: transparent;
}
 .btn.btn-light-youtube i {
     color: #ff0000;
}
 .btn.btn-light-youtube .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ff0000;
}
 .btn.btn-light-youtube .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-youtube.dropdown-toggle:after {
     color: #ff0000;
}
 .btn.btn-light-youtube:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-youtube:focus:not(.btn-text), .btn.btn-light-youtube.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #ff0000;
     border-color: transparent;
}
 .btn.btn-light-youtube:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-light-youtube:focus:not(.btn-text) i, .btn.btn-light-youtube.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-light-youtube:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-youtube:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-youtube.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-youtube:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-youtube:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-youtube.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-youtube:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-youtube:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-youtube.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-youtube.disabled, .btn.btn-light-youtube:disabled {
     color: #ff0000;
     background-color: rgba(255, 0, 0, 0.1);
     border-color: transparent;
}
 .btn.btn-light-youtube.disabled i, .btn.btn-light-youtube:disabled i {
     color: #ff0000;
}
 .btn.btn-light-youtube.disabled .svg-icon svg g [fill], .btn.btn-light-youtube:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ff0000;
}
 .btn.btn-light-youtube.disabled .svg-icon svg:hover g [fill], .btn.btn-light-youtube:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-youtube.disabled.dropdown-toggle:after, .btn.btn-light-youtube:disabled.dropdown-toggle:after {
     color: #ff0000;
}
 .btn.btn-light-youtube:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-youtube:not(:disabled):not(.disabled).active, .show > .btn.btn-light-youtube.dropdown-toggle, .show .btn.btn-light-youtube.btn-dropdown {
     color: #ffffff;
     background-color: #ff0000;
     border-color: transparent;
}
 .btn.btn-light-youtube:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light-youtube:not(:disabled):not(.disabled).active i, .show > .btn.btn-light-youtube.dropdown-toggle i, .show .btn.btn-light-youtube.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-light-youtube:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-youtube:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light-youtube.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light-youtube.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-youtube:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-youtube:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-youtube.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-youtube.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-youtube:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-youtube:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-youtube.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-youtube.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-linkedin {
     color: #ffffff;
     background-color: #0077b5;
     border-color: #0077b5;
}
 .btn.btn-linkedin i {
     color: #ffffff;
}
 .btn.btn-linkedin .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-linkedin .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-linkedin.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-linkedin:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-linkedin:focus:not(.btn-text), .btn.btn-linkedin.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #005e8f;
     border-color: #005e8f;
}
 .btn.btn-linkedin:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-linkedin:focus:not(.btn-text) i, .btn.btn-linkedin.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-linkedin:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-linkedin:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-linkedin.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-linkedin:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-linkedin:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-linkedin.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-linkedin:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-linkedin:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-linkedin.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-linkedin.disabled, .btn.btn-linkedin:disabled {
     color: #ffffff;
     background-color: #0077b5;
     border-color: #0077b5;
}
 .btn.btn-linkedin.disabled i, .btn.btn-linkedin:disabled i {
     color: #ffffff;
}
 .btn.btn-linkedin.disabled .svg-icon svg g [fill], .btn.btn-linkedin:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-linkedin.disabled .svg-icon svg:hover g [fill], .btn.btn-linkedin:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-linkedin.disabled.dropdown-toggle:after, .btn.btn-linkedin:disabled.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-linkedin:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-linkedin:not(:disabled):not(.disabled).active, .show > .btn.btn-linkedin.dropdown-toggle, .show .btn.btn-linkedin.btn-dropdown {
     color: #ffffff;
     background-color: #005e8f;
     border-color: #005e8f;
}
 .btn.btn-linkedin:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-linkedin:not(:disabled):not(.disabled).active i, .show > .btn.btn-linkedin.dropdown-toggle i, .show .btn.btn-linkedin.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-linkedin:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-linkedin:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-linkedin.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-linkedin.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-linkedin:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-linkedin:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-linkedin.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-linkedin.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-linkedin:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-linkedin:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-linkedin.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-linkedin.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-linkedin {
     color: #0077b5;
     background-color: rgba(0, 119, 181, 0.1);
     border-color: transparent;
}
 .btn.btn-light-linkedin i {
     color: #0077b5;
}
 .btn.btn-light-linkedin .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #0077b5;
}
 .btn.btn-light-linkedin .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-linkedin.dropdown-toggle:after {
     color: #0077b5;
}
 .btn.btn-light-linkedin:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-linkedin:focus:not(.btn-text), .btn.btn-light-linkedin.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #0077b5;
     border-color: transparent;
}
 .btn.btn-light-linkedin:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-light-linkedin:focus:not(.btn-text) i, .btn.btn-light-linkedin.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-light-linkedin:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-linkedin:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-linkedin.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-linkedin:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-linkedin:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-linkedin.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-linkedin:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-linkedin:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-linkedin.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-linkedin.disabled, .btn.btn-light-linkedin:disabled {
     color: #0077b5;
     background-color: rgba(0, 119, 181, 0.1);
     border-color: transparent;
}
 .btn.btn-light-linkedin.disabled i, .btn.btn-light-linkedin:disabled i {
     color: #0077b5;
}
 .btn.btn-light-linkedin.disabled .svg-icon svg g [fill], .btn.btn-light-linkedin:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #0077b5;
}
 .btn.btn-light-linkedin.disabled .svg-icon svg:hover g [fill], .btn.btn-light-linkedin:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-linkedin.disabled.dropdown-toggle:after, .btn.btn-light-linkedin:disabled.dropdown-toggle:after {
     color: #0077b5;
}
 .btn.btn-light-linkedin:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-linkedin:not(:disabled):not(.disabled).active, .show > .btn.btn-light-linkedin.dropdown-toggle, .show .btn.btn-light-linkedin.btn-dropdown {
     color: #ffffff;
     background-color: #0077b5;
     border-color: transparent;
}
 .btn.btn-light-linkedin:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light-linkedin:not(:disabled):not(.disabled).active i, .show > .btn.btn-light-linkedin.dropdown-toggle i, .show .btn.btn-light-linkedin.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-light-linkedin:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-linkedin:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light-linkedin.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light-linkedin.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-linkedin:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-linkedin:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-linkedin.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-linkedin.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-linkedin:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-linkedin:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-linkedin.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-linkedin.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-skype {
     color: #ffffff;
     background-color: #00aff0;
     border-color: #00aff0;
}
 .btn.btn-skype i {
     color: #ffffff;
}
 .btn.btn-skype .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-skype .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-skype.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-skype:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-skype:focus:not(.btn-text), .btn.btn-skype.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #0093ca;
     border-color: #0093ca;
}
 .btn.btn-skype:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-skype:focus:not(.btn-text) i, .btn.btn-skype.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-skype:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-skype:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-skype.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-skype:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-skype:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-skype.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-skype:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-skype:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-skype.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-skype.disabled, .btn.btn-skype:disabled {
     color: #ffffff;
     background-color: #00aff0;
     border-color: #00aff0;
}
 .btn.btn-skype.disabled i, .btn.btn-skype:disabled i {
     color: #ffffff;
}
 .btn.btn-skype.disabled .svg-icon svg g [fill], .btn.btn-skype:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-skype.disabled .svg-icon svg:hover g [fill], .btn.btn-skype:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-skype.disabled.dropdown-toggle:after, .btn.btn-skype:disabled.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-skype:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-skype:not(:disabled):not(.disabled).active, .show > .btn.btn-skype.dropdown-toggle, .show .btn.btn-skype.btn-dropdown {
     color: #ffffff;
     background-color: #0093ca;
     border-color: #0093ca;
}
 .btn.btn-skype:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-skype:not(:disabled):not(.disabled).active i, .show > .btn.btn-skype.dropdown-toggle i, .show .btn.btn-skype.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-skype:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-skype:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-skype.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-skype.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-skype:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-skype:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-skype.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-skype.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-skype:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-skype:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-skype.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-skype.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-skype {
     color: #00aff0;
     background-color: rgba(0, 175, 240, 0.1);
     border-color: transparent;
}
 .btn.btn-light-skype i {
     color: #00aff0;
}
 .btn.btn-light-skype .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #00aff0;
}
 .btn.btn-light-skype .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-skype.dropdown-toggle:after {
     color: #00aff0;
}
 .btn.btn-light-skype:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-skype:focus:not(.btn-text), .btn.btn-light-skype.focus:not(.btn-text) {
     color: #ffffff;
     background-color: #00aff0;
     border-color: transparent;
}
 .btn.btn-light-skype:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-light-skype:focus:not(.btn-text) i, .btn.btn-light-skype.focus:not(.btn-text) i {
     color: #ffffff;
}
 .btn.btn-light-skype:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-skype:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-skype.focus:not(.btn-text) .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-skype:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-skype:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-skype.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-skype:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-skype:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-skype.focus:not(.btn-text).dropdown-toggle:after {
     color: #ffffff;
}
 .btn.btn-light-skype.disabled, .btn.btn-light-skype:disabled {
     color: #00aff0;
     background-color: rgba(0, 175, 240, 0.1);
     border-color: transparent;
}
 .btn.btn-light-skype.disabled i, .btn.btn-light-skype:disabled i {
     color: #00aff0;
}
 .btn.btn-light-skype.disabled .svg-icon svg g [fill], .btn.btn-light-skype:disabled .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #00aff0;
}
 .btn.btn-light-skype.disabled .svg-icon svg:hover g [fill], .btn.btn-light-skype:disabled .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-skype.disabled.dropdown-toggle:after, .btn.btn-light-skype:disabled.dropdown-toggle:after {
     color: #00aff0;
}
 .btn.btn-light-skype:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-skype:not(:disabled):not(.disabled).active, .show > .btn.btn-light-skype.dropdown-toggle, .show .btn.btn-light-skype.btn-dropdown {
     color: #ffffff;
     background-color: #00aff0;
     border-color: transparent;
}
 .btn.btn-light-skype:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light-skype:not(:disabled):not(.disabled).active i, .show > .btn.btn-light-skype.dropdown-toggle i, .show .btn.btn-light-skype.btn-dropdown i {
     color: #ffffff;
}
 .btn.btn-light-skype:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-skype:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light-skype.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light-skype.btn-dropdown .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .btn.btn-light-skype:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-skype:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-skype.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-skype.btn-dropdown .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .btn.btn-light-skype:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-skype:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-skype.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-skype.btn-dropdown.dropdown-toggle:after {
     color: #ffffff;
}
 code {
     background-color: #F3F6F9;
     padding: 0.15rem 0.5rem;
     font-weight: 400;
     border-radius: 0.35rem;
}
 .dropdown-menu {
     left: 0
    /*rtl:ignore*/
    ;
    /*rtl:raw: right: auto;
     */
}
 .dropdown-menu:before, .dropdown-menu:after {
     display: none !important;
}
 .dropdown-menu > li > a, .dropdown-menu > .dropdown-item {
     outline: none !important;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
}
 .dropdown-menu > li > a > i:before, .dropdown-menu > .dropdown-item > i:before {
     line-height: 0;
     vertical-align: middle;
}
 .dropdown-menu .dropdown-menu:not(.daterangepicker) {
    /*rtl:raw: left: auto !important;
     */
}
 .dropdown-menu.dropdown-menu-anim-up {
     -webkit-animation: animation-dropdown-menu-fade-in .3s ease 1, animation-dropdown-menu-move-up .3s ease-out 1;
     animation: animation-dropdown-menu-fade-in .3s ease 1, animation-dropdown-menu-move-up .3s ease-out 1;
}
 .dropup .dropdown-menu.dropdown-menu-anim, .dropdown-menu .dropdown-menu-anim-down.dropdown-menu-anim {
     -webkit-animation: animation-dropdown-menu-fade-in .3s ease 1, animation-dropdown-menu-move-down .3s ease-out 1;
     animation: animation-dropdown-menu-fade-in .3s ease 1, animation-dropdown-menu-move-down .3s ease-out 1;
}
 @media (max-width: 600px) {
     .dropdown-menu {
         width: 64vw;
    }
}
 @media (min-width: 205px) {
     .dropdown-menu.dropdown-menu-sm {
         width: 175px;
    }
}
 @media (min-width: 280px) {
     .dropdown-menu.dropdown-menu-md {
         width: 250px;
    }
}
 @media (min-width: 380px) {
     .dropdown-menu.dropdown-menu-lg {
         width: 350px;
    }
}
 @media (min-width: 430px) {
     .dropdown-menu.dropdown-menu-xl {
         width: 400px;
    }
}
 @media (min-width: 630px) {
     .dropdown-menu.dropdown-menu-xxl {
         width: 600px;
    }
}
 .dropdown-inline {
     display: inline-block;
}
 @-webkit-keyframes animation-dropdown-menu-fade-in {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @keyframes animation-dropdown-menu-fade-in {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @-webkit-keyframes animation-dropdown-menu-move-down {
     from {
         margin-top: 10px;
    }
     to {
         margin-top: 0px;
    }
}
 @keyframes animation-dropdown-menu-move-down {
     from {
         margin-top: 10px;
    }
     to {
         margin-top: 0px;
    }
}
 @-webkit-keyframes animation-dropdown-menu-move-up {
     from {
         margin-top: 10px;
    }
     to {
         margin-top: 0px;
    }
}
 @keyframes animation-dropdown-menu-move-up {
     from {
         margin-top: 10px;
    }
     to {
         margin-top: 0px;
    }
}
 .form-group label {
     font-size: 14px;
     font-weight: 400;
}
.form-group label:not(.checkbox,.radio){color: #1D1D1D;}
sup.text-danger{
    color: #1D1D1D!important;
}
 .form-group .invalid-feedback, .form-group .valid-feedback {
     font-size: 0.9rem;
     font-weight: 400;
}
 .form-group .form-text {
     font-size: 0.9rem;
     font-weight: 400;
}
 .form-control[readonly] {
     background-color: #ffffff;
}
 .form-control.form-control-pill {
     border-radius: 1.5;
}
 .form-control.form-control-pill.form-control-sm {
     border-radius: 1.35;
}
 .form-control.form-control-pill.form-control-lg {
     border-radius: 1.5;
}
 .form-control:active, .form-control.active, .form-control:focus, .form-control.focus {
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
}
 .form-control.form-control-solid {
     background-color: #F3F6F9;
     border-color: #F3F6F9;
     color: rgba(63, 66, 84, 0.9);
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .form-control.form-control-solid::-moz-placeholder {
     color: #B5B5C3;
     opacity: 1;
}
 .form-control.form-control-solid:-ms-input-placeholder {
     color: #B5B5C3;
}
 .form-control.form-control-solid::-webkit-input-placeholder {
     color: #B5B5C3;
}
 .form-control.form-control-solid:active, .form-control.form-control-solid.active, .form-control.form-control-solid:focus, .form-control.form-control-solid.focus {
     background-color: #EBEDF3;
     border-color: #EBEDF3;
     color: rgba(63, 66, 84, 0.9);
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .form-control-iconless {
     background-image: none;
}
 .form-control-iconless .form-control {
     background-image: none;
}
 .placeholder-dark-50::-moz-placeholder {
     color: #7E8299;
     opacity: 1;
}
 .placeholder-dark-50:-ms-input-placeholder {
     color: #7E8299;
}
 .placeholder-dark-50::-webkit-input-placeholder {
     color: #7E8299;
}
 .placeholder-dark-75::-moz-placeholder {
     color: rgba(63, 66, 84, 0.9);
     opacity: 1;
}
 .placeholder-dark-75:-ms-input-placeholder {
     color: rgba(63, 66, 84, 0.9);
}
 .placeholder-dark-75::-webkit-input-placeholder {
     color: rgba(63, 66, 84, 0.9);
}
 .placeholder-white::-moz-placeholder {
     color: #ffffff;
     opacity: 1;
}
 .placeholder-white:-ms-input-placeholder {
     color: #ffffff;
}
 .placeholder-white::-webkit-input-placeholder {
     color: #ffffff;
}
 .custom-select {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 .custom-file {
     width: 100%;
}
 .custom-file-input:focus ~ .custom-file-label {
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
}
 .custom-file-label {
     text-align: left;
}
 .custom-file-label:after {
     float: left;
}
 .input-group .form-control.is-valid + .input-group-append, .input-group .form-control.is-invalid + .input-group-append {
     margin-left: 0;
}
 .input-group .input-group-prepend + .form-control.is-valid, .input-group .input-group-prepend + .form-control.is-invalid {
     margin-left: 1px;
}
 .input-group i {
     line-height: 0;
     font-size: 1.3rem;
}
 .input-group i:after, .input-group i:before {
     line-height: 0;
}
 .input-group .svg-icon {
     line-height: 0;
}
 .input-group.input-group-sm i {
     line-height: 0;
     font-size: 1.1rem;
}
 .input-group.input-group-lg i {
     line-height: 0;
     font-size: 1.4rem;
}
 .input-group.input-group-solid {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background-color: #F3F6F9;
     border-radius: 0.35rem;
}
 .input-group.input-group-solid.active, .input-group.input-group-solid.focus {
     background-color: #EBEDF3;
     border-color: #EBEDF3;
     color: rgba(63, 66, 84, 0.9);
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .input-group.input-group-solid .form-control {
     border: 0;
     background-color: transparent;
     outline: none !important;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .input-group.input-group-solid .form-control.form-control-solid:active, .input-group.input-group-solid .form-control.form-control-solid.active, .input-group.input-group-solid .form-control.form-control-solid:focus, .input-group.input-group-solid .form-control.form-control-solid.focus {
     background-color: #EBEDF3;
     border-color: #EBEDF3;
     color: rgba(63, 66, 84, 0.9);
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .input-group.input-group-solid.input-group-sm {
     border-radius: 0.28rem;
}
 .input-group.input-group-solid.input-group-lg {
     border-radius: 0.35rem;
}
 .input-group.input-group-solid .input-group-prepend, .input-group.input-group-solid .input-group-append, .input-group.input-group-solid .input-group-text {
     background-color: transparent;
     border: 0;
     padding-top: 0;
     padding-bottom: 0;
}
 .input-group.input-group-solid .input-group-prepend .btn-secondary, .input-group.input-group-solid .input-group-append .btn-secondary, .input-group.input-group-solid .input-group-text .btn-secondary {
     border: 0 !important;
}
 .input-group.input-group-solid .input-group-prepend ~ .form-control {
     padding-left: 0 !important;
}
 .validated .valid-feedback, .validated .invalid-feedback {
     display: block;
}
 .input-icon {
     position: relative;
}
 .input-icon span {
     left: 0;
     top: 0;
     bottom: 0;
     position: absolute;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: calc(1.5em + 1.3rem + 2px);
}
 .input-icon span i {
     line-height: 0;
     color: #7E8299;
}
 .input-icon span i:after, .input-icon span i:before {
     line-height: 0;
}
 .input-icon span .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299;
}
 .input-icon span .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .input-icon span .svg-icon svg {
     height: 24px;
     width: 24px;
}
 .input-icon .form-control {
     padding-left: calc(1.5em + 1.3rem + 2px);
}
 .input-icon.input-icon-right span {
     right: 0;
     left: auto;
}
 .input-icon.input-icon-right .form-control {
     padding-left: 1rem;
     padding-right: calc(1.5em + 1.3rem + 2px);
}
 .resize-none {
     resize: none;
}
 .row.row-paddingless {
     margin-left: 0;
     margin-right: 0;
}
 .row.row-paddingless > [class*="col"] {
     padding-left: 0;
     padding-right: 0;
}
 .row.row-stretch {
     height: 100%;
}
 .row .col-stretch {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
}
 .row[class*="row-col-divider-"] > div {
     border-bottom: 1px solid #EBEDF3;
}
 .row[class*="row-col-divider-"] > div:last-child {
     border-bottom: 0;
}
 .row.row-col-divider > div {
     border-bottom: 0;
     border-right: 1px solid #EBEDF3;
}
 .row.row-col-divider > div:last-child {
     border-right: 0;
}
 @media (min-width: 576px) {
     .row.row-col-divider-sm > div {
         border-bottom: 0;
         border-right: 1px solid #EBEDF3;
    }
     .row.row-col-divider-sm > div:last-child {
         border-right: 0;
    }
}
 @media (min-width: 768px) {
     .row.row-col-divider-md > div {
         border-bottom: 0;
         border-right: 1px solid #EBEDF3;
    }
     .row.row-col-divider-md > div:last-child {
         border-right: 0;
    }
}
 @media (min-width: 992px) {
     .row.row-col-divider-lg > div {
         border-bottom: 0;
         border-right: 1px solid #EBEDF3;
    }
     .row.row-col-divider-lg > div:last-child {
         border-right: 0;
    }
}
 @media (min-width: 1200px) {
     .row.row-col-divider-xl > div {
         border-bottom: 0;
         border-right: 1px solid #EBEDF3;
    }
     .row.row-col-divider-xl > div:last-child {
         border-right: 0;
    }
}
 @media (min-width: 1480px) {
     .row.row-col-divider-xxl > div {
         border-bottom: 0;
         border-right: 1px solid #EBEDF3;
    }
     .row.row-col-divider-xxl > div:last-child {
         border-right: 0;
    }
}
 .gutter-b {
     margin-bottom: 25px;
}
 .gutter-t {
     margin-top: 25px;
}
 .modal .modal-header {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .modal .modal-header .modal-title {
     font-weight: 500;
     font-size: 1.3rem;
     color: #3F4254;
}
 .modal .modal-header .modal-title small {
     font-weight: 400;
     font-size: 0.9rem;
     color: #B5B5C3;
}
 .modal .modal-header .close {
     outline: none !important;
     color: #B5B5C3;
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     padding: 0;
     margin: 0;
     line-height: 0;
     width: 30px;
     height: 30px;
     border-radius: 40px;
     position:relative;
}
.modal .modal-header .close span {
    line-height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
.modal .modal-header .close svg path {
    stroke: #222;
  }
  .modal .modal-header .close:hover{
      background-color:#F8F9F9
  }
  .modal .modal-header .close svg {
    stroke: #222;
  }
 .modal .modal-header .close i, .modal .modal-header .close .ki {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: rgba(63, 66, 84, 0.9);
     font-size: 0.8rem;
}
/* .modal .modal-header .close span {
     display: none;
}
 */
 .modal .modal-header .close:hover {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #FF3636;
}
 .modal .modal-header .close:hover i, .modal .modal-header .close:hover .ki {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color:#FF3636;
}
 .modal.modal-sticky.modal-sticky-bottom-right {
     padding: 0 !important;
     max-width: 500px;
     height: auto;
     position: fixed;
     left: auto;
     top: auto;
     bottom: 25px;
     right: 25px;
     margin: 0;
     -webkit-box-shadow: 0px 0px 60px -15px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 0px 60px -15px rgba(0, 0, 0, 0.2);
     border-radius: 0.35rem;
}
 .modal.modal-sticky.modal-sticky-bottom-right .modal-dialog {
     position: static;
     max-width: 500px;
     width: auto;
     margin: 0;
     border-radius: 0.35rem;
}
 .modal.modal-sticky.modal-sticky-bottom-right .modal-dialog .modal-content {
     border: 0;
     border-radius: 0.35rem;
}
 .modal.modal-sticky.modal-sticky-bottom-right.modal-sticky-lg {
     max-width: 600px;
}
 .modal.modal-sticky.modal-sticky-bottom-right.modal-sticky-lg .modal-dialog {
     max-width: 600px;
}
 @media (max-width: 991.98px) {
     .modal.modal-sticky.modal-sticky-bottom-right {
         bottom: 10px;
         right: 10px;
    }
}
 @media (max-width: 767.98px) {
     .modal.modal-sticky.modal-sticky-bottom-right {
         max-width: 90%;
    }
}
 .modal-open {
     overflow: auto !important;
     padding: 0 !important;
}
 @media (min-width: 1200px) {
     .modal-dialog.modal-xl {
         max-width: 1120px;
    }
}
 .progress.progress-xs {
     height: 0.5rem;
}
 .progress.progress-xs .progress-bar {
     border-radius: 0.28rem;
}
 .progress.progress-sm {
     height: 0.75rem;
}
 .progress.progress-sm .progress-bar {
     border-radius: 0.28rem;
}
 .progress.progress-lg {
     height: 1.5rem;
}
 .progress.progress-lg .progress-bar {
     border-radius: 0.85rem;
}
 .progress-vertical {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 .progress-vertical .progress {
     height: 100%;
     border-radius: 0.35rem;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
     margin-right: 1rem;
}
 .progress-vertical .progress:last-child {
     margin-right: 0;
}
 .progress-vertical .progress .progress-bar {
     width: 8px;
     border-radius: 0.35rem;
}
 .table thead th, .table thead td {
     font-weight: 600;
     font-size: 1.1rem;
     border-bottom-width: 1px;
     padding-top: 1rem;
     padding-bottom: 1rem;
}
 .table.table-head-borderless thead th, .table.table-head-borderless thead td {
     border-top: 0;
}
 .table.table-head-solid thead th, .table.table-head-solid thead td {
     background-color: #F3F6F9;
}
 .table.table-light-primary thead tr {
     color: #4785FF;
     background-color: rgba(54, 153, 255, 0.1);
}
 .table.table-light-secondary thead tr {
     color: #E4E6EF;
     background-color: rgba(228, 230, 239, 0.1);
}
 .table.table-light-success thead tr {
     color: #32D0A5;
     background-color: rgba(27, 197, 189, 0.1);
}
 .table.table-light-info thead tr {
     color: #7B6FFF;
     background-color: rgba(137, 80, 252, 0.1);
}
 .table.table-light-warning thead tr {
     color: #FFA800;
     background-color: rgba(255, 168, 0, 0.1);
}
 .table.table-light-danger thead tr {
     color: #F64E60;
     background-color: rgba(246, 78, 96, 0.1);
}
 .table.table-light-light thead tr {
     color: #F3F6F9;
     background-color: rgba(243, 246, 249, 0.1);
}
 .table.table-light-dark thead tr {
     color: #181C32;
     background-color: rgba(24, 28, 50, 0.1);
}
 .table.table-light-white thead tr {
     color: #ffffff;
     background-color: rgba(255, 255, 255, 0.1);
}
 .table.table-head-custom thead tr, .table.table-head-custom thead th {
     font-weight: 600;
     color: #B5B5C3 !important;
     font-size: 0.9rem;
     text-transform: uppercase;
     letter-spacing: 0.1rem;
}
 .table.table-foot-custom tfoot th, .table.table-foot-custom tfoot td {
     font-weight: 600;
     color: #B5B5C3 !important;
     font-size: 0.9rem;
     text-transform: uppercase;
     letter-spacing: 0.1rem;
}
 .table.table-head-bg thead tr, .table.table-head-bg thead th {
     background-color: #F3F6F9;
     border-bottom: 0;
     letter-spacing: 1px;
}
 .table.table-head-bg thead tr:first-child, .table.table-head-bg thead th:first-child {
     border-top-left-radius: 0.42rem;
     border-bottom-left-radius: 0.42rem;
}
 .table.table-head-bg thead tr:last-child, .table.table-head-bg thead th:last-child {
     border-top-right-radius: 0.42rem;
     border-bottom-right-radius: 0.42rem;
}
 .table.table-foot-bg tfoot th, .table.table-foot-bg tfoot td {
     border-bottom: 0;
     background-color: #F3F6F9;
}
 .table.table-foot-bg tfoot th:first-child, .table.table-foot-bg tfoot td:first-child {
     border-top-left-radius: 0.42rem;
     border-bottom-left-radius: 0.42rem;
}
 .table.table-foot-bg tfoot th:last-child, .table.table-foot-bg tfoot td:last-child {
     border-top-right-radius: 0.42rem;
     border-bottom-right-radius: 0.42rem;
}
 .table.table-separate th, .table.table-separate td {
     border-top: 0;
     border-bottom: 1px solid #EBEDF3;
}
 .table.table-separate th:first-child, .table.table-separate td:first-child {
     padding-left: 0 !important;
}
 .table.table-separate th:last-child, .table.table-separate td:last-child {
     padding-right: 0 !important;
}
 .table.table-separate tfoot th, .table.table-separate tfoot td {
     border-bottom: 0;
     border-top: 1px solid #EBEDF3;
}
 .table.table-separate tbody tr:last-child td {
     border-bottom: 0;
}
 .table.table-bordered tfoot th, .table.table-bordered tfoot td {
     border-bottom: 0;
}
 .table.table-vertical-center th, .table.table-vertical-center td {
     vertical-align: middle;
}
 .table:not(.table-bordered) thead th, .table:not(.table-bordered) thead td {
     border-top: 0;
}
 .popover {
    /*rtl:raw: left: 0 !important;
     right: auto !important;
     */
}
 .popover .popover-header {
     font-size: 1.1rem;
     font-weight: 500;
     border-bottom: 1px solid #EBEDF3;
}
 .popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] {
     margin-right: auto
    /*rtl:ignore*/
    ;
     margin-left: 0.5rem
    /*rtl:ignore*/
    ;
}
 .popover.bs-popover-right > .arrow, .popover.bs-popover-auto[x-placement^="right"] > .arrow {
     right: auto
    /*rtl:ignore*/
    ;
     left: calc(-0.5rem - 1px)
    /*rtl:ignore*/
    ;
}
 .popover.bs-popover-right > .arrow::before, .popover.bs-popover-auto[x-placement^="right"] > .arrow::before {
     right: auto
    /*rtl:ignore*/
    ;
     left: 0
    /*rtl:ignore*/
    ;
     border-width: 0.5rem 0.5rem 0.5rem 0
    /*rtl:ignore*/
    ;
     border-right-color: white
    /*rtl:ignore*/
    ;
}
 .popover.bs-popover-right > .arrow::after, .popover.bs-popover-auto[x-placement^="right"] > .arrow::after {
     right: auto
    /*rtl:ignore*/
    ;
     left: 1px
    /*rtl:ignore*/
    ;
     border-width: 0.5rem 0.5rem 0.5rem 0
    /*rtl:ignore*/
    ;
     border-right-color: #ffffff
    /*rtl:ignore*/
    ;
}
 .popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] {
     margin-left: auto
    /*rtl:ignore*/
    ;
     margin-right: 0.5rem
    /*rtl:ignore*/
    ;
}
 .popover.bs-popover-left > .arrow, .popover.bs-popover-auto[x-placement^="left"] > .arrow {
     left: auto
    /*rtl:ignore*/
    ;
     right: calc(-0.5rem - 1px)
    /*rtl:ignore*/
    ;
}
 .popover.bs-popover-left > .arrow::before, .popover.bs-popover-auto[x-placement^="left"] > .arrow::before {
     left: auto
    /*rtl:ignore*/
    ;
     right: 0
    /*rtl:ignore*/
    ;
     border-width: 0.5rem 0 0.5rem 0.5rem
    /*rtl:ignore*/
    ;
     border-left-color: white
    /*rtl:ignore*/
    ;
}
 .popover.bs-popover-left > .arrow::after, .popover.bs-popover-auto[x-placement^="left"] > .arrow::after {
     left: auto
    /*rtl:ignore*/
    ;
     right: 1px
    /*rtl:ignore*/
    ;
     border-width: 0.5rem 0 0.5rem 0.5rem
    /*rtl:ignore*/
    ;
     border-left-color: #ffffff
    /*rtl:ignore*/
    ;
}
 .tooltip .tooltip-inner {
     -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
     box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
 .tooltip.bs-tooltip-left .arrow, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow {
    /*rtl:raw: left: auto;
     right: 0;
     */
}
 .tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow:before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow:before {
    /*rtl:raw: border-width: 0.4rem 0 0.4rem 0.4rem;
     border-left-color: #fff;
     */
}
 .tooltip.bs-tooltip-right .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
    /*rtl:raw: right: auto;
     left: 0;
     */
}
 .tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow:before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow:before {
    /*rtl:raw: border-width: 0.4rem 0.4rem 0.4rem 0;
     border-right-color: #fff;
     */
}
 .tooltip.tooltop-auto-width .tooltip-inner {
     white-space: nowrap;
     max-width: none;
}
 .tooltip.tooltip-dark .tooltip-inner {
     color: #ffffff;
     background-color: #181C32;
}
 .tooltip.tooltip-dark.bs-tooltip-top .arrow::before, .tooltip.tooltip-dark.bs-tooltip-auto[x-placement^="top"] .arrow::before {
     border-top-color: #181C32;
}
 .tooltip.tooltip-dark.bs-tooltip-right .arrow::before, .tooltip.tooltip-dark.bs-tooltip-auto[x-placement^="right"] .arrow::before {
     border-right-color: #181C32
    /*rtl:ignore*/
    ;
}
 .tooltip.tooltip-dark.bs-tooltip-bottom .arrow::before, .tooltip.tooltip-dark.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
     border-bottom-color: #181C32;
}
 .tooltip.tooltip-dark.bs-tooltip-left .arrow::before, .tooltip.tooltip-dark.bs-tooltip-auto[x-placement^="left"] .arrow::before {
     border-left-color: #181C32
    /*rtl:ignore*/
    ;
}
 .accordion .card:not(:first-child):not(:last-child) {
     overflow: visible !important;
}
 .accordion .card:last-child {
     margin-bottom: 0;
}
 .accordion .card .card-header {
     cursor: pointer;
     margin: 0;
     border-bottom: 0;
     padding: 0;
     background-color: #F3F6F9;
}
 .accordion .card .card-header .card-title {
     padding: 1rem 1.25rem;
     margin: 0;
     font-size: 1.15rem;
     font-weight: 500;
     color: #4785FF;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .accordion .card .card-header .card-title > i {
     margin-right: 1rem;
     font-size: 1.4rem;
     color: #4785FF;
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .accordion .card .card-header .card-title .card-label {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
}
 .accordion .card .card-header .card-title.collapsed:not(.CS-v1-card .collapsed) {
     color: rgba(63, 66, 84, 0.9);
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .accordion .card .card-header .card-title.collapsed > i {
     color: #B5B5C3;
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .accordion .card .card-header .card-title:after {
     right: 1rem;
}
 .accordion .card .card-header .card-text {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
}
 .accordion .card .card-body {
     padding: 1rem 1.25rem;
     font-size: 1.1rem;
}
 .accordion:last-child {
     margin-bottom: 0;
}
 .accordion-outline .card {
     background-color: transparent;
}
 .accordion.accordion-light .card {
     border: 0;
     border-top: 1px solid #EBEDF3;
}
 .accordion.accordion-light .card .card-header {
     background-color: transparent;
     border: 0;
}
 .accordion.accordion-light .card .card-header .card-title {
     padding: 1rem 0;
}
 .accordion.accordion-light .card .card-header .card-title:after {
     right: 0;
}
 .accordion.accordion-light .card .card-body {
     padding: 0 0 1rem 0;
}
 .accordion.accordion-light .card:first-child {
     border-top: 0;
}
 .accordion.accordion-light .card:first-child .card-header {
     margin: 0;
}
 .accordion.accordion-light .card:last-child .card-body {
     padding: 0;
     margin: 0;
}
 .accordion.accordion-light-borderless .card {
     border-top: 0;
}
 .accordion.accordion-solid .card {
     border: 0;
     margin-bottom: 1.25rem;
}
 .accordion.accordion-solid .card .card-header {
     padding: 0;
     background-color: transparent;
}
 .accordion.accordion-solid .card .card-header .card-title {
     background-color: #F3F6F9;
     border-radius: 0.35rem;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
}
 .accordion.accordion-solid .card .card-header .card-title.collapsed {
     border-radius: 0.35rem;
}
 .accordion.accordion-solid .card .card-body {
     border: 1px solid #F3F6F9;
     border-bottom-left-radius: 0.42rem;
     border-bottom-right-radius: 0.42rem;
}
 .accordion.accordion-solid .card:last-child {
     margin: 0;
}
 .accordion.accordion-toggle-plus .card .card-header .card-title {
     color: #4785FF;
     position: relative;
}
 .accordion.accordion-toggle-plus .card .card-header .card-title:after {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     position: absolute;
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
     font-size: 0.75rem;
     color: #4785FF;
}
 .accordion.accordion-toggle-plus .card .card-header .card-title.collapsed {
     color: rgba(63, 66, 84, 0.9);
}
 .accordion.accordion-toggle-plus .card .card-header .card-title.collapsed:after {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     color: #7E8299;
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
}
 .accordion.accordion-toggle-arrow .card .card-header .card-title {
     color: #4785FF;
     position: relative;
}
 .accordion.accordion-toggle-arrow .card .card-header .card-title:after {
     position: absolute;
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
     color: #4785FF;
     font-size: 0.7rem;
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .accordion.accordion-toggle-arrow .card .card-header .card-title.collapsed {
     color: rgba(63, 66, 84, 0.9);
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .accordion.accordion-toggle-arrow .card .card-header .card-title.collapsed:after {
     color: #7E8299;
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
    /*rtl:begin:*/
    /*rtl:end:*/
}
 .accordion.accordion-svg-toggle .card .card-header .card-title .svg-icon svg {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
    /*rtl:begin:*/
    /*rtl:end:*/
}
 .accordion.accordion-svg-toggle .card .card-header .card-title.collapsed .svg-icon svg {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     -webkit-transform: rotate(0);
     transform: rotate(0);
}
 .accordion.accordion-panel .card {
     border-radius: 0.35rem;
}
 .accordion.accordion-panel .card .card-header .card-title {
     background-color: #fff;
     border-radius: 0.35rem;
}
 .accordion.accordion-panel .card .card-body {
     padding-top: 0;
     border: 0;
     border-radius: 0.35rem;
}
 .datatable:not(.table) {
     display: none;
}
 .datatable.datatable-default {
     display: block;
}
 .datatable.datatable-default > .datatable-table {
     background-color: #ffffff;
     border-collapse: collapse;
     overflow: hidden;
     display: none;
     width: 100%;
}
 .datatable.datatable-default > .datatable-table > .datatable-head, .datatable.datatable-default > .datatable-table > .datatable-body, .datatable.datatable-default > .datatable-table > .datatable-foot {
     visibility: hidden;
     display: block;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row {
     width: 100%;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell {
     vertical-align: middle;
     padding: 1rem 1rem;
     font-size: 1.1rem;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell:first-child, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell:first-child, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell:first-child {
     padding-left: 0;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell:last-child, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell:last-child, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell:last-child {
     padding-right: 0;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell.datatable-cell-left, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell.datatable-cell-left, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell.datatable-cell-left {
     text-align: left;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell.datatable-cell-left > span, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell.datatable-cell-left > span, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell.datatable-cell-left > span {
     text-align: left;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell.datatable-cell-right, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell.datatable-cell-right, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell.datatable-cell-right {
     text-align: right;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell.datatable-cell-right > span, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell.datatable-cell-right > span, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell.datatable-cell-right > span {
     text-align: right;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell.datatable-cell-right > span > i, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell.datatable-cell-right > span > i, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell.datatable-cell-right > span > i {
     right: 0;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell.datatable-cell-center, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell.datatable-cell-center, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell.datatable-cell-center {
     text-align: center;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell.datatable-cell-center > span, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell.datatable-cell-center > span, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell.datatable-cell-center > span {
     text-align: center;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell.datatable-cell-sort, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell.datatable-cell-sort, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell.datatable-cell-sort {
     cursor: pointer;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell.datatable-cell-sort i, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell.datatable-cell-sort i, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell.datatable-cell-sort i {
     font-size: 0.6rem;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell.datatable-cell-resizing, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell.datatable-cell-resizing, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell.datatable-cell-resizing {
     cursor: col-resize;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell > span, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell > span, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell > span {
     display: block;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell.datatable-cell-check, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell.datatable-cell-check, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell.datatable-cell-check {
     text-align: left;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell.datatable-cell-check > span, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell.datatable-cell-check > span, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell.datatable-cell-check > span {
     overflow: visible;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell.datatable-cell-check > span > .checkbox, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell.datatable-cell-check > span > .checkbox, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell.datatable-cell-check > span > .checkbox {
     top: 2px;
     padding: 0;
     margin: 0 0 0 0;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell.datatable-toggle-detail > span, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell.datatable-toggle-detail > span, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell.datatable-toggle-detail > span {
     width: 12px;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell.datatable-toggle-detail > .datatable-toggle-detail, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell.datatable-toggle-detail > .datatable-toggle-detail, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell.datatable-toggle-detail > .datatable-toggle-detail {
     display: inline-block;
     text-align: right;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell.datatable-toggle-detail > .datatable-toggle-detail > i, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell.datatable-toggle-detail > .datatable-toggle-detail > i, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell.datatable-toggle-detail > .datatable-toggle-detail > i {
     font-size: 1.4rem;
     width: 12px;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell .dropdown, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell .dropdown, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell .dropdown {
     display: inline-block;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell .dropdown .dropdown-menu, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell .dropdown .dropdown-menu, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell .dropdown .dropdown-menu {
     margin-top: 0.5rem;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell .dropdown.dropup .dropdown-menu, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell .dropdown.dropup .dropdown-menu, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell .dropdown.dropup .dropdown-menu {
     margin-top: auto;
     margin-bottom: 0.5rem;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell .dropdown .dropdown-menu.dropdown-menu-right, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell .dropdown .dropdown-menu.dropdown-menu-right, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell .dropdown .dropdown-menu.dropdown-menu-right {
     margin-right: -0.8rem;
    /*rtl:ignore*/
     margin-left: 65px;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell .dropdown .dropdown-menu.dropdown-menu-left, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell .dropdown .dropdown-menu.dropdown-menu-left, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell .dropdown .dropdown-menu.dropdown-menu-left {
     margin-left: -10rem;
}
 .datatable.datatable-default > .datatable-table > .datatable-head > .datatable-lock, .datatable.datatable-default > .datatable-table > .datatable-body > .datatable-lock, .datatable.datatable-default > .datatable-table > .datatable-foot > .datatable-lock {
     border: 0;
}
 .datatable.datatable-default > .datatable-table > .datatable-head > .datatable-lock.datatable-lock-left, .datatable.datatable-default > .datatable-table > .datatable-body > .datatable-lock.datatable-lock-left, .datatable.datatable-default > .datatable-table > .datatable-foot > .datatable-lock.datatable-lock-left {
     z-index: 1;
     -webkit-box-shadow: 0px 10px 17px 5px rgba(0, 0, 0, 0.075);
     box-shadow: 0px 10px 17px 5px rgba(0, 0, 0, 0.075);
}
 .datatable.datatable-default > .datatable-table > .datatable-head > .datatable-lock.datatable-lock-right, .datatable.datatable-default > .datatable-table > .datatable-body > .datatable-lock.datatable-lock-right, .datatable.datatable-default > .datatable-table > .datatable-foot > .datatable-lock.datatable-lock-right {
     -webkit-box-shadow: 0px 10px 17px 5px rgba(0, 0, 0, 0.075);
     box-shadow: 0px 10px 17px 5px rgba(0, 0, 0, 0.075);
}
 .datatable.datatable-default > .datatable-table > .datatable-head > .datatable-lock.datatable-lock-scroll, .datatable.datatable-default > .datatable-table > .datatable-body > .datatable-lock.datatable-lock-scroll, .datatable.datatable-default > .datatable-table > .datatable-foot > .datatable-lock.datatable-lock-scroll {
     position: relative;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell > span, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell > span {
     font-weight: 500;
     vertical-align: middle;
     color: #181C32;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell.datatable-cell-sorted > span, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell.datatable-cell-sorted > span {
     color: #4785FF;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell {
     padding: 0.75rem 1rem;
}
 .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell > span > i {
     display: inline-block;
     position: relative;
     right: -10px;
     line-height: 0;
     vertical-align: middle;
     font-size: 1.1rem;
     color: #4785FF;
}
 .datatable.datatable-default > .datatable-table > .datatable-body.ps {
     padding-bottom: 0;
}
 .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell {
     font-weight: regular;
     -webkit-transition: background 0.3s ease;
     transition: background 0.3s ease;
}
 .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell > span {
     color: rgba(63, 66, 84, 0.9);
}
 .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell.datatable-cell-check > span > .checkbox {
     top: 1px;
}
 .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell.datatable-cell-hover {
     -webkit-transition: background 0.3s ease;
     transition: background 0.3s ease;
     background-color: transparent;
}
 .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row.datatable-row-even > .datatable-cell {
     background-color: transparent;
}
 .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row.datatable-row-active > .datatable-cell {
     background-color: #F3F6F9;
}
 .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row.datatable-row-hover:not(.datatable-row-active) {
     -webkit-transition: background 0.3s ease;
     transition: background 0.3s ease;
}
 .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row.datatable-row-hover:not(.datatable-row-active) > .datatable-cell {
     -webkit-transition: background 0.3s ease;
     transition: background 0.3s ease;
     background-color: transparent;
}
 .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row-detail {
     display: block;
}
 .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row-detail .datatable-detail {
     display: block;
     padding: 0 2.25rem;
}
 .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row-detail .datatable-detail table {
     -webkit-box-shadow: 0px 10px 15px 1px rgba(0, 0, 0, 0.05);
     box-shadow: 0px 10px 15px 1px rgba(0, 0, 0, 0.05);
}
 .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row-detail .datatable-detail .datatable-row {
     display: table-row;
}
 .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row-detail .datatable-detail .datatable-row > .datatable-cell {
     padding: 1rem 1.5rem;
     text-align: left;
     vertical-align: top;
}
 .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row-detail .datatable-detail .datatable-row > .datatable-cell > span {
     width: auto !important;
}
 .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row-detail .datatable-detail .datatable-row > .datatable-cell:first-child {
     font-weight: 500;
}
 .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row-detail .datatable-detail .datatable-row > .datatable-cell:last-child {
     font-weight: regular;
     padding-left: 1.5rem;
}
 .datatable.datatable-default > .datatable-table > .datatable-body .datatable-toggle-detail {
     vertical-align: middle;
}
 .datatable.datatable-default > .datatable-table > .datatable-body .datatable-toggle-detail i {
     -webkit-transition: color 0.3s ease;
     transition: color 0.3s ease;
     color: #4785FF;
}
 .datatable.datatable-default > .datatable-table > .datatable-body .datatable-toggle-detail i:before {
     line-height: 0;
     vertical-align: middle;
}
 .datatable.datatable-default > .datatable-table > .datatable-body .datatable-toggle-detail:hover i, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-toggle-detail.datatable-toggle-detail-active i {
     -webkit-transition: color 0.3s ease;
     transition: color 0.3s ease;
     color: #4785FF;
}
 .datatable.datatable-default.datatable-bordered > .datatable-table > .datatable-head .datatable-row, .datatable.datatable-default.datatable-bordered > .datatable-table > .datatable-body .datatable-row, .datatable.datatable-default.datatable-bordered > .datatable-table > .datatable-foot .datatable-row {
     border-bottom: 1px solid #EBEDF3;
}
 .datatable.datatable-default.datatable-bordered > .datatable-table > .datatable-head .datatable-row.datatable-row-subtable-expanded, .datatable.datatable-default.datatable-bordered > .datatable-table > .datatable-body .datatable-row.datatable-row-subtable-expanded, .datatable.datatable-default.datatable-bordered > .datatable-table > .datatable-foot .datatable-row.datatable-row-subtable-expanded {
     border-bottom: 0;
}
 .datatable.datatable-default.datatable-bordered > .datatable-table > .datatable-body .datatable-row:last-child {
     border-bottom: 0;
}
 .datatable.datatable-default.datatable-bordered > .datatable-table > .datatable-body tr:last-of-type {
     border-bottom: 0;
}
 .datatable.datatable-default.datatable-bordered > .datatable-table > .datatable-body .datatable-row-detail .datatable-detail table {
     border-left: 1px solid #EBEDF3;
     border-right: 1px solid #EBEDF3;
}
 .datatable.datatable-default.datatable-head-custom > .datatable-table > .datatable-head .datatable-row > .datatable-cell > span, .datatable.datatable-default.datatable-head-custom > .datatable-table > .datatable-foot .datatable-row > .datatable-cell > span {
     color: #B5B5C3;
     font-size: 0.9rem;
     text-transform: uppercase;
     font-weight: 600;
     letter-spacing: 0.1rem;
}
 .datatable.datatable-default.datatable-head-custom > .datatable-table > .datatable-head .datatable-row > .datatable-cell.datatable-cell-sorted > span, .datatable.datatable-default.datatable-head-custom > .datatable-table > .datatable-foot .datatable-row > .datatable-cell.datatable-cell-sorted > span {
     color: #4785FF;
}
 .datatable.datatable-default.datatable-head-bg > .datatable-table > .datatable-head .datatable-row {
     border-bottom: 0;
}
 .datatable.datatable-default.datatable-head-bg > .datatable-table > .datatable-head .datatable-row > .datatable-cell {
     background-color: #F3F6F9;
}
 .datatable.datatable-default.datatable-head-bg > .datatable-table > .datatable-head .datatable-row > .datatable-cell:first-child {
     border-top-left-radius: 0.42rem;
     border-bottom-left-radius: 0.42rem;
}
 .datatable.datatable-default.datatable-head-bg > .datatable-table > .datatable-head .datatable-row > .datatable-cell:last-child {
     border-top-right-radius: 0.42rem;
     border-bottom-right-radius: 0.42rem;
}
 .datatable.datatable-default.datatable-foot-bg > .datatable-table > .datatable-foot .datatable-row {
     border-bottom: 0;
}
 .datatable.datatable-default.datatable-foot-bg > .datatable-table > .datatable-foot .datatable-row > .datatable-cell {
     background-color: #F3F6F9;
}
 .datatable.datatable-default.datatable-foot-bg > .datatable-table > .datatable-foot .datatable-row > .datatable-cell:first-child {
     border-top-left-radius: 0.42rem;
     border-bottom-left-radius: 0.42rem;
}
 .datatable.datatable-default.datatable-foot-bg > .datatable-table > .datatable-foot .datatable-row > .datatable-cell:last-child {
     border-top-right-radius: 0.42rem;
     border-bottom-right-radius: 0.42rem;
}
 .datatable.datatable-default.datatable-error .datatable-body {
     padding: 30px;
     text-align: center;
}
 .datatable.datatable-default.datatable-lock > .datatable-table > .datatable-head > .datatable-lock, .datatable.datatable-default.datatable-lock > .datatable-table > .datatable-body > .datatable-lock, .datatable.datatable-default.datatable-lock > .datatable-table > .datatable-foot > .datatable-lock {
     display: inline-block;
     position: relative;
     vertical-align: top;
     overflow: hidden;
}
 .datatable.datatable-default.datatable-loaded {
     display: block;
}
 .datatable.datatable-default.datatable-loaded > .datatable-table {
     display: block;
}
 .datatable.datatable-default.datatable-loaded > .datatable-table > .datatable-head, .datatable.datatable-default.datatable-loaded > .datatable-table > .datatable-body, .datatable.datatable-default.datatable-loaded > .datatable-table > .datatable-foot {
     visibility: visible;
     display: block;
     position: relative;
}
 .datatable.datatable-default.datatable-loaded > .datatable-table > .datatable-head .datatable-row, .datatable.datatable-default.datatable-loaded > .datatable-table > .datatable-body .datatable-row, .datatable.datatable-default.datatable-loaded > .datatable-table > .datatable-foot .datatable-row {
     display: table;
     table-layout: initial;
}
 .datatable.datatable-default.datatable-scroll > .datatable-table {
     display: block;
}
 .datatable.datatable-default.datatable-scroll > .datatable-table > .datatable-head, .datatable.datatable-default.datatable-scroll > .datatable-table > .datatable-foot {
     overflow: hidden;
}
 .datatable.datatable-default.datatable-scroll > .datatable-table > .datatable-head .datatable-row, .datatable.datatable-default.datatable-scroll > .datatable-table > .datatable-foot .datatable-row {
     position: relative;
}
 .datatable.datatable-default.datatable-scroll > .datatable-table > .datatable-body {
     overflow: hidden;
}
 .datatable.datatable-default.datatable-subtable > .datatable-table {
     margin-bottom: 0;
}
 .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-head .datatable-toggle-subtable, .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-body .datatable-toggle-subtable, .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-foot .datatable-toggle-subtable {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-head .datatable-toggle-subtable > i, .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-body .datatable-toggle-subtable > i, .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-foot .datatable-toggle-subtable > i {
     line-height: 0;
     font-size: 1.4rem;
     color: #4785FF;
}
 .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-head .datatable-toggle-subtable:hover, .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-body .datatable-toggle-subtable:hover, .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-foot .datatable-toggle-subtable:hover {
     text-decoration: none;
}
 .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-head .datatable-row-subtable, .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-body .datatable-row-subtable, .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-foot .datatable-row-subtable {
     display: table;
     width: 100%;
     border-top: 0;
}
 .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-head .datatable-row-subtable > .datatable-subtable > .datatable, .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-body .datatable-row-subtable > .datatable-subtable > .datatable, .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-foot .datatable-row-subtable > .datatable-subtable > .datatable {
     padding: 0 2.25rem;
}
 .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-head .datatable-row-subtable > .datatable-subtable > .datatable > .datatable-pager, .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-body .datatable-row-subtable > .datatable-subtable > .datatable > .datatable-pager, .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-foot .datatable-row-subtable > .datatable-subtable > .datatable > .datatable-pager {
     padding: 2.25rem 0px;
}
 .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-body .datatable-row.datatable-row-subtable-expanded > .datatable-cell {
     background-color: #F3F6F9 !important;
}
 .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-body .datatable-row-subtable {
     background-color: transparent;
}
 .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-body .datatable-row-subtable > .datatable-subtable > .datatable {
     -webkit-box-shadow: 0px 10px 15px 1px rgba(0, 0, 0, 0.05);
     box-shadow: 0px 10px 15px 1px rgba(0, 0, 0, 0.05);
}
 .datatable.datatable-default.datatable-subtable > .datatable-table > .datatable-body .datatable-row-subtable.datatable-row-loading > .datatable-subtable > .datatable > .datatable-table {
     background-color: transparent;
}
 .datatable.datatable-default > .datatable-pager {
     margin: 0px;
     padding: 1rem 0;
     padding-bottom: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .datatable.datatable-default > .datatable-pager.datatable-pager-top {
     margin-bottom: 10px;
}
 .datatable.datatable-default > .datatable-pager > .datatable-pager-nav {
     margin: 0;
     padding: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li {
     padding: 0;
     margin-right: 5px;
     display: inline-block;
}
 .datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li:last-child {
     margin-right: 0;
}
 .datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link {
     cursor: pointer;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 2.25rem;
     min-width: 2.25rem;
     padding: 0.5rem;
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     position: relative;
     font-size: 0.9rem;
     line-height: 1rem;
     font-weight: 500;
     border-radius: 0.35rem;
     color: #7E8299;
}
 .datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link > i {
     font-size: 0.6rem;
     text-align: center;
     display: inline-block;
     line-height: 0;
     color: #B5B5C3;
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link.datatable-pager-link-first, .datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link.datatable-pager-link-prev, .datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link.datatable-pager-link-next, .datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link.datatable-pager-link-last {
     background-color: #ecf1f6;
}
 .datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link.datatable-pager-link-disabled {
     opacity: 0.6;
     cursor: default;
}
 .datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link:hover:not(.datatable-pager-link-disabled) {
     opacity: 1;
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     background-color:#4785FF;
     color: #FFFFFF;
}
 .datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link:hover:not(.datatable-pager-link-disabled) i {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #FFFFFF;
}
 .datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link.datatable-pager-link-active {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     background-color:#4785FF;
     color: #FFFFFF;
}
 .datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link.datatable-pager-link-active i {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #FFFFFF;
}
 .datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-input {
     height: 2.25rem;
     width: 3.5rem;
     text-align: center;
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     border-radius: 0.35rem !important;
     background-color: #ecf1f6;
     border-color: #ecf1f6;
     color: #7E8299;
}
 .datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-input:focus {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     background-color: #ecf1f6;
     border-color: #ecf1f6;
     color: #7E8299;
}
 .datatable.datatable-default > .datatable-pager > .datatable-pager-info {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size {
     margin-right: 10px;
}
 .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .btn.dropdown-toggle {
     height: 2.25rem;
     padding: 0.45rem 1rem;
     font-size: 1.1rem;
     font-weight: 500;
     border: 0 !important;
     color: #7E8299;
     background-color: #ecf1f6 !important;
     border-radius: 0.35rem;
}
 .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .btn.dropdown-toggle .filter-option, .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .btn.dropdown-toggle:after, .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .btn.dropdown-toggle i {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #7E8299;
}
 .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .btn.dropdown-toggle:focus, .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .btn.dropdown-toggle:hover, .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size.show > .btn.dropdown-toggle {
     border: 0 !important;
     color: #FFFFFF !important;
     background-color:#4785FF !important;
}
 .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .btn.dropdown-toggle:focus .filter-option, .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .btn.dropdown-toggle:focus:after, .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .btn.dropdown-toggle:focus i, .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .btn.dropdown-toggle:hover .filter-option, .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .btn.dropdown-toggle:hover:after, .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .btn.dropdown-toggle:hover i, .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size.show > .btn.dropdown-toggle .filter-option, .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size.show > .btn.dropdown-toggle:after, .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size.show > .btn.dropdown-toggle i {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #FFFFFF !important;
}
 .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .dropdown-menu.inner > li.selected > a span.check-mark {
     margin-top: -0.6rem;
}
 .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .dropdown-menu {
     z-index: 100;
}
 .modal .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .dropdown-menu {
     z-index: 1051;
}
 .datatable.datatable-default .ps > .ps__rail-y > .ps__thumb-y, .datatable.datatable-default .ps > .ps__rail-x > .ps__thumb-x {
     background-color: #EBEDF3;
}
 .datatable.datatable-default .ps > .ps__rail-y > .ps__thumb-y:hover, .datatable.datatable-default .ps > .ps__rail-y > .ps__thumb-y:focus, .datatable.datatable-default .ps > .ps__rail-x > .ps__thumb-x:hover, .datatable.datatable-default .ps > .ps__rail-x > .ps__thumb-x:focus {
     background-color: #EBEDF3;
}
 .checkbox {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
     text-align: left;
     cursor: pointer;
     font-size: 1.1rem;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     margin: 0;
}
 .checkbox > span {
     background-color: none;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     border-radius: 0.35rem;
}
 .checkbox > span:after {
     content: '';
     border-color: transparent;
     border-style: solid;
     border-width: 0 2px 2px 0
    /*rtl:ignore*/
     !important;
     -webkit-transform: rotate(45deg)
    /*rtl:ignore*/
    ;
     transform: rotate(45deg)
    /*rtl:ignore*/
    ;
     margin-top: -2px;
}
 .checkbox > input {
     position: absolute;
     z-index: -1;
     opacity: 0;
}
 .checkbox:hover > input:not([disabled]) ~ span, .checkbox > input:focus ~ span {
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 .checkbox.checkbox-disabled {
     opacity: 0.6;
     cursor: not-allowed;
}
 .checkbox > input:checked ~ span {
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     background-color: none;
}
 .checkbox > input:checked ~ span:after {
     display: block;
}
 .checkbox.checkbox-square > span {
     border-radius: 0;
}
 .checkbox.checkbox-circle > span {
     border-radius: 50%;
}
 .checkbox.checkbox-outline > span {
     border-width: 1px;
     border-style: solid;
}
 .checkbox.checkbox-outline-2x > span {
     border-width: 2px !important;
}
 .checkbox.checkbox-accent > span {
    /* border-width: !important;
     */
     border-style: solid !important;
     background-color: transparent !important;
}
 .checkbox.checkbox-accent > span:after {
     display: block;
}
 .checkbox > span {
     height: 18px;
     width: 18px;
}
 .checkbox > span:after {
     width: 5px;
     height: 10px;
}
 .checkbox.checkbox-lg > span {
     height: 24px;
     width: 24px;
}
 .checkbox.checkbox-lg > span:after {
     width: 6px;
     height: 12px;
}
 .checkbox.checkbox-outline > span {
     height: 18px;
     width: 18px;
}
 .checkbox.checkbox-outline > span:after {
     width: 5px;
     height: 10px;
}
 .checkbox.checkbox-outline.checkbox-lg > span {
     height: 24px;
     width: 24px;
}
 .checkbox.checkbox-outline.checkbox-lg > span:after {
     width: 6px;
     height: 12px;
}
 .checkbox > span {
    background-color: #fff;
    border: 1px solid #dbe1e6!important;
    border-radius: 5px;
}
 .checkbox > input:focus ~ span {
     border: 1px solid transparent;
}
.checkbox > input:checked ~ span {
    border-color: #4785FF !important;
    background-color:#4785FF !important;
  }
 .checkbox > input:checked ~ span:after {
     border-color: #ffffff;
}
 .checkbox.checkbox-outline > span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .checkbox.checkbox-outline > input:focus ~ span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .checkbox.checkbox-outline > input:checked ~ span {
     background-color: transparent;
     border-color: #4785FF;
}
 .checkbox.checkbox-outline > input:checked ~ span:after {
     border-color: #4785FF;
}
 .checkbox.checkbox-primary > span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-primary > input:focus ~ span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-primary > input:checked ~ span {
     background-color:#4785FF;
}
 .checkbox.checkbox-primary > input:checked ~ span:after {
     border-color: #ffffff;
}
 .checkbox.checkbox-light-primary > span {
     background-color: #E1F0FF;
     border: 1px solid transparent;
}
 .checkbox.checkbox-light-primary > input:focus ~ span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-light-primary > input:checked ~ span {
     background-color:#4785FF;
}
 .checkbox.checkbox-light-primary > input:checked ~ span:after {
     border-color: #FFFFFF;
}
 .checkbox.checkbox-outline.checkbox-primary > span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .checkbox.checkbox-outline.checkbox-primary > input:focus ~ span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .checkbox.checkbox-outline.checkbox-primary > input:checked ~ span {
     background-color: transparent;
     border-color: #4785FF;
}
 .checkbox.checkbox-outline.checkbox-primary > input:checked ~ span:after {
     border-color: #4785FF;
}
 .checkbox.checkbox-secondary > span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-secondary > input:focus ~ span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-secondary > input:checked ~ span {
     background-color: #E4E6EF;
}
 .checkbox.checkbox-secondary > input:checked ~ span:after {
     border-color: #ffffff;
}
 .checkbox.checkbox-light-secondary > span {
     background-color: #EBEDF3;
     border: 1px solid transparent;
}
 .checkbox.checkbox-light-secondary > input:focus ~ span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-light-secondary > input:checked ~ span {
     background-color: #E4E6EF;
}
 .checkbox.checkbox-light-secondary > input:checked ~ span:after {
     border-color: rgba(63, 66, 84, 0.9);
}
 .checkbox.checkbox-outline.checkbox-secondary > span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .checkbox.checkbox-outline.checkbox-secondary > input:focus ~ span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .checkbox.checkbox-outline.checkbox-secondary > input:checked ~ span {
     background-color: transparent;
     border-color: #E4E6EF;
}
 .checkbox.checkbox-outline.checkbox-secondary > input:checked ~ span:after {
     border-color: #E4E6EF;
}
 .checkbox.checkbox-success > span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-success > input:focus ~ span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-success > input:checked ~ span {
     background-color: #32D0A5;
}
 .checkbox.checkbox-success > input:checked ~ span:after {
     border-color: #ffffff;
}
 .checkbox.checkbox-light-success > span {
     background-color: rgba(67, 213, 173, 0.15);
     border: 1px solid transparent;
}
 .checkbox.checkbox-light-success > input:focus ~ span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-light-success > input:checked ~ span {
     background-color: #32D0A5;
}
 .checkbox.checkbox-light-success > input:checked ~ span:after {
     border-color: #ffffff;
}
 .checkbox.checkbox-outline.checkbox-success > span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .checkbox.checkbox-outline.checkbox-success > input:focus ~ span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .checkbox.checkbox-outline.checkbox-success > input:checked ~ span {
     background-color: transparent;
     border-color: #32D0A5;
}
 .checkbox.checkbox-outline.checkbox-success > input:checked ~ span:after {
     border-color: #32D0A5;
}
 .checkbox.checkbox-info > span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-info > input:focus ~ span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-info > input:checked ~ span {
     background-color: #7B6FFF;
}
 .checkbox.checkbox-info > input:checked ~ span:after {
     border-color: #ffffff;
}
 .checkbox.checkbox-light-info > span {
     background-color: #EEE5FF;
     border: 1px solid transparent;
}
 .checkbox.checkbox-light-info > input:focus ~ span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-light-info > input:checked ~ span {
     background-color: #7B6FFF;
}
 .checkbox.checkbox-light-info > input:checked ~ span:after {
     border-color: #ffffff;
}
 .checkbox.checkbox-outline.checkbox-info > span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .checkbox.checkbox-outline.checkbox-info > input:focus ~ span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .checkbox.checkbox-outline.checkbox-info > input:checked ~ span {
     background-color: transparent;
     border-color: #7B6FFF;
}
 .checkbox.checkbox-outline.checkbox-info > input:checked ~ span:after {
     border-color: #7B6FFF;
}
 .checkbox.checkbox-warning > span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-warning > input:focus ~ span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-warning > input:checked ~ span {
     background-color: #FFA800;
}
 .checkbox.checkbox-warning > input:checked ~ span:after {
     border-color: #ffffff;
}
 .checkbox.checkbox-light-warning > span {
     background-color: #FFF4DE;
     border: 1px solid transparent;
}
 .checkbox.checkbox-light-warning > input:focus ~ span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-light-warning > input:checked ~ span {
     background-color: #FFA800;
}
 .checkbox.checkbox-light-warning > input:checked ~ span:after {
     border-color: #ffffff;
}
 .checkbox.checkbox-outline.checkbox-warning > span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .checkbox.checkbox-outline.checkbox-warning > input:focus ~ span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .checkbox.checkbox-outline.checkbox-warning > input:checked ~ span {
     background-color: transparent;
     border-color: #FFA800;
}
 .checkbox.checkbox-outline.checkbox-warning > input:checked ~ span:after {
     border-color: #FFA800;
}
 .checkbox.checkbox-danger > span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-danger > input:focus ~ span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-danger > input:checked ~ span {
     background-color: #F64E60;
}
 .checkbox.checkbox-danger > input:checked ~ span:after {
     border-color: #ffffff;
}
 .checkbox.checkbox-light-danger > span {
     background-color: #FFEFEF;
     border: 1px solid transparent;
}
 .checkbox.checkbox-light-danger > input:focus ~ span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-light-danger > input:checked ~ span {
     background-color: #F64E60;
}
 .checkbox.checkbox-light-danger > input:checked ~ span:after {
     border-color: #ffffff;
}
 .checkbox.checkbox-outline.checkbox-danger > span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .checkbox.checkbox-outline.checkbox-danger > input:focus ~ span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .checkbox.checkbox-outline.checkbox-danger > input:checked ~ span {
     background-color: transparent;
     border-color: #F64E60;
}
 .checkbox.checkbox-outline.checkbox-danger > input:checked ~ span:after {
     border-color: #F64E60;
}
 .checkbox.checkbox-light > span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-light > input:focus ~ span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-light > input:checked ~ span {
     background-color: #F3F6F9;
}
 .checkbox.checkbox-light > input:checked ~ span:after {
     border-color: #ffffff;
}
 .checkbox.checkbox-light-light > span {
     background-color: #F3F6F9;
     border: 1px solid transparent;
}
 .checkbox.checkbox-light-light > input:focus ~ span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-light-light > input:checked ~ span {
     background-color: #F3F6F9;
}
 .checkbox.checkbox-light-light > input:checked ~ span:after {
     border-color: #7E8299;
}
 .checkbox.checkbox-outline.checkbox-light > span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .checkbox.checkbox-outline.checkbox-light > input:focus ~ span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .checkbox.checkbox-outline.checkbox-light > input:checked ~ span {
     background-color: transparent;
     border-color: #F3F6F9;
}
 .checkbox.checkbox-outline.checkbox-light > input:checked ~ span:after {
     border-color: #F3F6F9;
}
 .checkbox.checkbox-dark > span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-dark > input:focus ~ span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-dark > input:checked ~ span {
     background-color: #181C32;
}
 .checkbox.checkbox-dark > input:checked ~ span:after {
     border-color: #ffffff;
}
 .checkbox.checkbox-light-dark > span {
     background-color: #D1D3E0;
     border: 1px solid transparent;
}
 .checkbox.checkbox-light-dark > input:focus ~ span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-light-dark > input:checked ~ span {
     background-color: #181C32;
}
 .checkbox.checkbox-light-dark > input:checked ~ span:after {
     border-color: #ffffff;
}
 .checkbox.checkbox-outline.checkbox-dark > span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .checkbox.checkbox-outline.checkbox-dark > input:focus ~ span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .checkbox.checkbox-outline.checkbox-dark > input:checked ~ span {
     background-color: transparent;
     border-color: #181C32;
}
 .checkbox.checkbox-outline.checkbox-dark > input:checked ~ span:after {
     border-color: #181C32;
}
 .checkbox.checkbox-white > span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-white > input:focus ~ span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-white > input:checked ~ span {
     background-color: #ffffff;
}
 .checkbox.checkbox-white > input:checked ~ span:after {
     border-color: #ffffff;
}
 .checkbox.checkbox-light-white > span {
     background-color: #ffffff;
     border: 1px solid transparent;
}
 .checkbox.checkbox-light-white > input:focus ~ span {
     border: 1px solid transparent;
}
 .checkbox.checkbox-light-white > input:checked ~ span {
     background-color: #ffffff;
}
 .checkbox.checkbox-light-white > input:checked ~ span:after {
     border-color: rgba(63, 66, 84, 0.9);
}
 .checkbox.checkbox-outline.checkbox-white > span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .checkbox.checkbox-outline.checkbox-white > input:focus ~ span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .checkbox.checkbox-outline.checkbox-white > input:checked ~ span {
     background-color: transparent;
     border-color: #ffffff;
}
 .checkbox.checkbox-outline.checkbox-white > input:checked ~ span:after {
     border-color: #ffffff;
}
 .checkbox-inline {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .checkbox-inline .checkbox {
     margin-right: 1rem;
}
 .checkbox-inline .checkbox span {
     margin-right: 0.75rem;
}
 .checkbox-inline .checkbox:last-child {
     margin-right: 0;
}
 .checkbox-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
}
 .checkbox-list .checkbox {
     margin-bottom: 1rem;
}
 .checkbox-list .checkbox span {
     margin-right: 0.75rem;
}
 .checkbox-list .checkbox:last-child {
     margin-bottom: 0;
}
 .input-group .checkbox {
     margin-bottom: 0 !important;
     padding-left: 0;
}
 .form-inline .checkbox {
     margin-left: 15px;
     margin-right: 15px;
}
 .radio {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
     text-align: left;
     cursor: pointer;
     font-size: 1rem;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     margin: 0;
}
 .radio > span {
     border-radius: 50%;
     background-color: none;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-negative: 0;
     flex-shrink: 0;
}
 .radio > span:after {
     content: '';
     display: none;
     border-radius: 100% !important;
}
 .radio > input {
     position: absolute;
     z-index: -1;
     opacity: 0;
}
 .radio:hover > input:not([disabled]) ~ span, .radio > input:focus ~ span {
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 .radio.radio-disabled {
     opacity: 0.6;
     cursor: not-allowed;
}
 .radio > input:checked ~ span {
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     background-color: none;
}
 .radio > input:checked ~ span:after {
     display: block;
}
 .radio.radio-square > span {
     border-radius: 0;
}
 .radio.radio-rounded > span {
     border-radius: 0.35rem;
}
 .radio.radio-outline > span {
     border-width: 1px;
     border-style: solid;
}
 .radio.radio-outline-2x > span {
     border-width: 2px !important;
}
 .radio.radio-accent > span {
     border-width: 3px !important;
     border-style: solid !important;
     background-color: transparent !important;
}
 .radio.radio-accent > span:after {
     display: block;
}
 .radio > span {
     height: 18px;
     width: 18px;
}
 .radio > span:after {
     width: 6px;
     height: 6px;
}
 .radio.radio-lg > span {
     height: 24px;
     width: 24px;
}
 .radio.radio-lg > span:after {
     width: 10px;
     height: 10px;
}
 .radio.radio-outline > span {
     height: 18px;
     width: 18px;
}
 .radio.radio-outline > span:after {
     width: 10px;
     height: 10px;
}
 .radio.radio-outline.radio-lg > span {
     height: 24px;
     width: 24px;
}
 .radio.radio-outline.radio-lg > span:after {
     width: 8px;
     height: 8px;
}
 .radio.radio-accent > span {
     height: 24px;
     width: 24px;
}
 .radio.radio-accent > span:after {
     width: 14px;
     height: 14px;
}
 .radio.radio-accent.radio-lg > span {
     height: 30px;
     width: 30px;
}
 .radio.radio-accent.radio-lg > span:after {
     width: 10px;
     height: 10px;
}
.radio > span {
    background-color: transparent;
    border: 1px solid #dbe1e6 !important;
  }
 .radio > input:focus ~ span {
     border: 1px solid transparent;
}
 .radio > input:checked ~ span {
    background-color:#4785FF;
    border: solid 1px #4785FF!important;
}
 .radio > input:checked ~ span:after {
    background-color: #fff;
    border-color: #fff;
}
 .radio.radio-outline > span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .radio.radio-outline > input:focus ~ span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .radio.radio-outline > input:checked ~ span {
     background-color: transparent;
     border-color: #4785FF;
}
 .radio.radio-outline > input:checked ~ span:after {
     background-color:#4785FF;
     border-color: #4785FF;
}
 .radio.radio-primary > span {
     border: 1px solid transparent;
}
 .radio.radio-primary > input:focus ~ span {
     border: 1px solid transparent;
}
 .radio.radio-primary > input:checked ~ span {
     background-color:#4785FF;
}
 .radio.radio-primary > input:checked ~ span:after {
     background-color: #ffffff;
     border-color: #ffffff;
}
 .radio.checkbox-light-primary > span {
     background-color: #E1F0FF;
     border: 1px solid transparent;
}
 .radio.checkbox-light-primary > input:focus ~ span {
     border: 1px solid transparent;
}
 .radio.checkbox-light-primary > input:checked ~ span {
     background-color:#4785FF;
}
 .radio.checkbox-light-primary > input:checked ~ span:after {
     border-color: #FFFFFF;
}
 .radio.radio-outline.radio-primary > span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .radio.radio-outline.radio-primary > input:focus ~ span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .radio.radio-outline.radio-primary > input:checked ~ span {
     background-color: transparent;
     border-color: #4785FF;
}
 .radio.radio-outline.radio-primary > input:checked ~ span:after {
     background-color:#4785FF;
     border-color: #4785FF;
}
 .radio.radio-accent.radio-primary > span:after {
     background-color:#4785FF;
}
 .radio.radio-accent.radio-primary > input:focus ~ span {
     border-color: #E1F0FF;
}
 .radio.radio-accent.radio-primary > input:focus ~ span:after {
     background-color:#4785FF;
}
 .radio.radio-accent.radio-primary > input:checked ~ span {
     border-color: #E1F0FF;
}
 .radio.radio-accent.radio-primary > input:checked ~ span:after {
     background-color:#4785FF;
}
 .radio.radio-secondary > span {
     border: 1px solid transparent;
}
 .radio.radio-secondary > input:focus ~ span {
     border: 1px solid transparent;
}
 .radio.radio-secondary > input:checked ~ span {
     background-color: #E4E6EF;
}
 .radio.radio-secondary > input:checked ~ span:after {
     background-color: #ffffff;
     border-color: #ffffff;
}
 .radio.checkbox-light-secondary > span {
     background-color: #EBEDF3;
     border: 1px solid transparent;
}
 .radio.checkbox-light-secondary > input:focus ~ span {
     border: 1px solid transparent;
}
 .radio.checkbox-light-secondary > input:checked ~ span {
     background-color: #E4E6EF;
}
 .radio.checkbox-light-secondary > input:checked ~ span:after {
     border-color: rgba(63, 66, 84, 0.9);
}
 .radio.radio-outline.radio-secondary > span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .radio.radio-outline.radio-secondary > input:focus ~ span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .radio.radio-outline.radio-secondary > input:checked ~ span {
     background-color: transparent;
     border-color: #E4E6EF;
}
 .radio.radio-outline.radio-secondary > input:checked ~ span:after {
     background-color: #E4E6EF;
     border-color: #E4E6EF;
}
 .radio.radio-accent.radio-secondary > span:after {
     background-color: #E4E6EF;
}
 .radio.radio-accent.radio-secondary > input:focus ~ span {
     border-color: #EBEDF3;
}
 .radio.radio-accent.radio-secondary > input:focus ~ span:after {
     background-color: #E4E6EF;
}
 .radio.radio-accent.radio-secondary > input:checked ~ span {
     border-color: #EBEDF3;
}
 .radio.radio-accent.radio-secondary > input:checked ~ span:after {
     background-color: #E4E6EF;
}
 .radio.radio-success > span {
     border: 1px solid transparent;
}
 .radio.radio-success > input:focus ~ span {
     border: 1px solid transparent;
}
 .radio.radio-success > input:checked ~ span {
     background-color: #32D0A5;
}
 .radio.radio-success > input:checked ~ span:after {
     background-color: #ffffff;
     border-color: #ffffff;
}
 .radio.checkbox-light-success > span {
     background-color: rgba(67, 213, 173, 0.15);
     border: 1px solid transparent;
}
 .radio.checkbox-light-success > input:focus ~ span {
     border: 1px solid transparent;
}
 .radio.checkbox-light-success > input:checked ~ span {
     background-color: #32D0A5;
}
 .radio.checkbox-light-success > input:checked ~ span:after {
     border-color: #ffffff;
}
 .radio.radio-outline.radio-success > span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .radio.radio-outline.radio-success > input:focus ~ span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .radio.radio-outline.radio-success > input:checked ~ span {
     background-color: transparent;
     border-color: #32D0A5;
}
 .radio.radio-outline.radio-success > input:checked ~ span:after {
     background-color: #32D0A5;
     border-color: #32D0A5;
}
 .radio.radio-accent.radio-success > span:after {
     background-color: #32D0A5;
}
 .radio.radio-accent.radio-success > input:focus ~ span {
     border-color: rgba(67, 213, 173, 0.15);
}
 .radio.radio-accent.radio-success > input:focus ~ span:after {
     background-color: #32D0A5;
}
 .radio.radio-accent.radio-success > input:checked ~ span {
     border-color: rgba(67, 213, 173, 0.15);
}
 .radio.radio-accent.radio-success > input:checked ~ span:after {
     background-color: #32D0A5;
}
 .radio.radio-info > span {
     border: 1px solid transparent;
}
 .radio.radio-info > input:focus ~ span {
     border: 1px solid transparent;
}
 .radio.radio-info > input:checked ~ span {
     background-color: #7B6FFF;
}
 .radio.radio-info > input:checked ~ span:after {
     background-color: #ffffff;
     border-color: #ffffff;
}
 .radio.checkbox-light-info > span {
     background-color: #EEE5FF;
     border: 1px solid transparent;
}
 .radio.checkbox-light-info > input:focus ~ span {
     border: 1px solid transparent;
}
 .radio.checkbox-light-info > input:checked ~ span {
     background-color: #7B6FFF;
}
 .radio.checkbox-light-info > input:checked ~ span:after {
     border-color: #ffffff;
}
 .radio.radio-outline.radio-info > span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .radio.radio-outline.radio-info > input:focus ~ span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .radio.radio-outline.radio-info > input:checked ~ span {
     background-color: transparent;
     border-color: #7B6FFF;
}
 .radio.radio-outline.radio-info > input:checked ~ span:after {
     background-color: #7B6FFF;
     border-color: #7B6FFF;
}
 .radio.radio-accent.radio-info > span:after {
     background-color: #7B6FFF;
}
 .radio.radio-accent.radio-info > input:focus ~ span {
     border-color: #EEE5FF;
}
 .radio.radio-accent.radio-info > input:focus ~ span:after {
     background-color: #7B6FFF;
}
 .radio.radio-accent.radio-info > input:checked ~ span {
     border-color: #EEE5FF;
}
 .radio.radio-accent.radio-info > input:checked ~ span:after {
     background-color: #7B6FFF;
}
 .radio.radio-warning > span {
     border: 1px solid transparent;
}
 .radio.radio-warning > input:focus ~ span {
     border: 1px solid transparent;
}
 .radio.radio-warning > input:checked ~ span {
     background-color: #FFA800;
}
 .radio.radio-warning > input:checked ~ span:after {
     background-color: #ffffff;
     border-color: #ffffff;
}
 .radio.checkbox-light-warning > span {
     background-color: #FFF4DE;
     border: 1px solid transparent;
}
 .radio.checkbox-light-warning > input:focus ~ span {
     border: 1px solid transparent;
}
 .radio.checkbox-light-warning > input:checked ~ span {
     background-color: #FFA800;
}
 .radio.checkbox-light-warning > input:checked ~ span:after {
     border-color: #ffffff;
}
 .radio.radio-outline.radio-warning > span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .radio.radio-outline.radio-warning > input:focus ~ span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .radio.radio-outline.radio-warning > input:checked ~ span {
     background-color: transparent;
     border-color: #FFA800;
}
 .radio.radio-outline.radio-warning > input:checked ~ span:after {
     background-color: #FFA800;
     border-color: #FFA800;
}
 .radio.radio-accent.radio-warning > span:after {
     background-color: #FFA800;
}
 .radio.radio-accent.radio-warning > input:focus ~ span {
     border-color: #FFF4DE;
}
 .radio.radio-accent.radio-warning > input:focus ~ span:after {
     background-color: #FFA800;
}
 .radio.radio-accent.radio-warning > input:checked ~ span {
     border-color: #FFF4DE;
}
 .radio.radio-accent.radio-warning > input:checked ~ span:after {
     background-color: #FFA800;
}
 .radio.radio-danger > span {
     border: 1px solid transparent;
}
 .radio.radio-danger > input:focus ~ span {
     border: 1px solid transparent;
}
 .radio.radio-danger > input:checked ~ span {
     background-color: #F64E60;
}
 .radio.radio-danger > input:checked ~ span:after {
     background-color: #ffffff;
     border-color: #ffffff;
}
 .radio.checkbox-light-danger > span {
     background-color: #FFEFEF;
     border: 1px solid transparent;
}
 .radio.checkbox-light-danger > input:focus ~ span {
     border: 1px solid transparent;
}
 .radio.checkbox-light-danger > input:checked ~ span {
     background-color: #F64E60;
}
 .radio.checkbox-light-danger > input:checked ~ span:after {
     border-color: #ffffff;
}
 .radio.radio-outline.radio-danger > span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .radio.radio-outline.radio-danger > input:focus ~ span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .radio.radio-outline.radio-danger > input:checked ~ span {
     background-color: transparent;
     border-color: #F64E60;
}
 .radio.radio-outline.radio-danger > input:checked ~ span:after {
     background-color: #F64E60;
     border-color: #F64E60;
}
 .radio.radio-accent.radio-danger > span:after {
     background-color: #F64E60;
}
 .radio.radio-accent.radio-danger > input:focus ~ span {
     border-color: #FFEFEF;
}
 .radio.radio-accent.radio-danger > input:focus ~ span:after {
     background-color: #F64E60;
}
 .radio.radio-accent.radio-danger > input:checked ~ span {
     border-color: #FFEFEF;
}
 .radio.radio-accent.radio-danger > input:checked ~ span:after {
     background-color: #F64E60;
}
 .radio.radio-light > span {
     border: 1px solid transparent;
}
 .radio.radio-light > input:focus ~ span {
     border: 1px solid transparent;
}
 .radio.radio-light > input:checked ~ span {
     background-color: #F3F6F9;
}
 .radio.radio-light > input:checked ~ span:after {
     background-color: #ffffff;
     border-color: #ffffff;
}
 .radio.checkbox-light-light > span {
     background-color: #F3F6F9;
     border: 1px solid transparent;
}
 .radio.checkbox-light-light > input:focus ~ span {
     border: 1px solid transparent;
}
 .radio.checkbox-light-light > input:checked ~ span {
     background-color: #F3F6F9;
}
 .radio.checkbox-light-light > input:checked ~ span:after {
     border-color: #7E8299;
}
 .radio.radio-outline.radio-light > span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .radio.radio-outline.radio-light > input:focus ~ span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .radio.radio-outline.radio-light > input:checked ~ span {
     background-color: transparent;
     border-color: #F3F6F9;
}
 .radio.radio-outline.radio-light > input:checked ~ span:after {
     background-color: #F3F6F9;
     border-color: #F3F6F9;
}
 .radio.radio-accent.radio-light > span:after {
     background-color: #F3F6F9;
}
 .radio.radio-accent.radio-light > input:focus ~ span {
     border-color: #F3F6F9;
}
 .radio.radio-accent.radio-light > input:focus ~ span:after {
     background-color: #F3F6F9;
}
 .radio.radio-accent.radio-light > input:checked ~ span {
     border-color: #F3F6F9;
}
 .radio.radio-accent.radio-light > input:checked ~ span:after {
     background-color: #F3F6F9;
}
 .radio.radio-dark > span {
     border: 1px solid transparent;
}
 .radio.radio-dark > input:focus ~ span {
     border: 1px solid transparent;
}
 .radio.radio-dark > input:checked ~ span {
     background-color: #181C32;
}
 .radio.radio-dark > input:checked ~ span:after {
     background-color: #ffffff;
     border-color: #ffffff;
}
 .radio.checkbox-light-dark > span {
     background-color: #D1D3E0;
     border: 1px solid transparent;
}
 .radio.checkbox-light-dark > input:focus ~ span {
     border: 1px solid transparent;
}
 .radio.checkbox-light-dark > input:checked ~ span {
     background-color: #181C32;
}
 .radio.checkbox-light-dark > input:checked ~ span:after {
     border-color: #ffffff;
}
 .radio.radio-outline.radio-dark > span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .radio.radio-outline.radio-dark > input:focus ~ span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .radio.radio-outline.radio-dark > input:checked ~ span {
     background-color: transparent;
     border-color: #181C32;
}
 .radio.radio-outline.radio-dark > input:checked ~ span:after {
     background-color: #181C32;
     border-color: #181C32;
}
 .radio.radio-accent.radio-dark > span:after {
     background-color: #181C32;
}
 .radio.radio-accent.radio-dark > input:focus ~ span {
     border-color: #D1D3E0;
}
 .radio.radio-accent.radio-dark > input:focus ~ span:after {
     background-color: #181C32;
}
 .radio.radio-accent.radio-dark > input:checked ~ span {
     border-color: #D1D3E0;
}
 .radio.radio-accent.radio-dark > input:checked ~ span:after {
     background-color: #181C32;
}
 .radio.radio-white > span {
     border: 1px solid transparent;
}
 .radio.radio-white > input:focus ~ span {
     border: 1px solid transparent;
}
 .radio.radio-white > input:checked ~ span {
     background-color: #ffffff;
}
 .radio.radio-white > input:checked ~ span:after {
     background-color: #ffffff;
     border-color: #ffffff;
}
 .radio.checkbox-light-white > span {
     background-color: #ffffff;
     border: 1px solid transparent;
}
 .radio.checkbox-light-white > input:focus ~ span {
     border: 1px solid transparent;
}
 .radio.checkbox-light-white > input:checked ~ span {
     background-color: #ffffff;
}
 .radio.checkbox-light-white > input:checked ~ span:after {
     border-color: rgba(63, 66, 84, 0.9);
}
 .radio.radio-outline.radio-white > span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .radio.radio-outline.radio-white > input:focus ~ span {
     background-color: transparent;
     border-color: #D1D3E0;
}
 .radio.radio-outline.radio-white > input:checked ~ span {
     background-color: transparent;
     border-color: #ffffff;
}
 .radio.radio-outline.radio-white > input:checked ~ span:after {
     background-color: #ffffff;
     border-color: #ffffff;
}
 .radio.radio-accent.radio-white > span:after {
     background-color: #ffffff;
}
 .radio.radio-accent.radio-white > input:focus ~ span {
     border-color: #ffffff;
}
 .radio.radio-accent.radio-white > input:focus ~ span:after {
     background-color: #ffffff;
}
 .radio.radio-accent.radio-white > input:checked ~ span {
     border-color: #ffffff;
}
 .radio.radio-accent.radio-white > input:checked ~ span:after {
     background-color: #ffffff;
}
 .radio-inline {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .radio-inline .radio {
     margin-right: 1rem;
}
 .radio-inline .radio span {
     margin-right: 0.75rem;
}
 .radio-inline .radio:last-child {
     margin-right: 0;
}
 .radio-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
}
 .radio-list .radio {
     margin-bottom: 1rem;
}
 .radio-list .radio span {
     margin-right: 0.75rem;
}
 .radio-list .radio:last-child {
     margin-bottom: 0;
}
 .input-group .radio {
     margin-bottom: 0 !important;
     padding-left: 0;
}
 .form-inline .radio {
     margin-left: 15px;
     margin-right: 15px;
}
 .switch {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-size: 1.1rem;
}
 .switch label {
     margin: 0;
}
 .switch input:empty {
     margin-left: -999px;
     height: 0;
     width: 0;
     overflow: hidden;
     position: absolute;
     opacity: 0;
}
 .switch input:empty ~ span {
     display: inline-block;
     position: relative;
     float: left;
     width: 1px;
     text-indent: 0;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .switch input:empty ~ span:before, .switch input:empty ~ span:after {
     position: absolute;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     top: 0;
     bottom: 0;
     left: 0;
     content: ' ';
     -webkit-transition: all 100ms ease-in;
     transition: all 100ms ease-in;
}
 .switch input[disabled] {
     cursor: not-allowed;
}
 .switch input[disabled] ~ span:after {
     cursor: not-allowed;
     opacity: 0.5;
}
.switch input[disabled] ~ span:before{
    cursor: not-allowed;
     opacity: 1;
     background-color: #aaa!important;
}
 .switch.switch-icon input:checked ~ span:after {
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
     line-height: 0;
}
 .switch input:empty ~ span {
     margin: 2px 0;
     height: 30px;
     width: 57px;
     border-radius: 15px;
}
 .switch input:empty ~ span:before, .switch input:empty ~ span:after {
     width: 54px;
     border-radius: 15px;
}
 .switch input:empty ~ span:after {
     height: 24px;
     width: 24px;
     top: 3px;
     bottom: 3px;
     margin-left: 3px;
     font-size: 0.65em;
     text-align: center;
     vertical-align: middle;
}
 .switch input:checked ~ span:after {
     margin-left: 26px;
}
 .switch.switch-sm input:empty ~ span {
     margin: 2px 0;
     height: 24px;
     width: 40px;
     border-radius: 12px;
}
 .switch.switch-sm input:empty ~ span:before, .switch.switch-sm input:empty ~ span:after {
     width: 38px;
     border-radius: 12px;
}
 .switch.switch-sm input:empty ~ span:after {
     height: 20px;
     width: 20px;
     top: 2px;
     bottom: 2px;
     margin-left: 2px;
     font-size: 0.55em;
     text-align: center;
     vertical-align: middle;
}
 .switch.switch-sm input:checked ~ span:after {
     margin-left: 16px;
}
 .switch.switch-lg input:empty ~ span {
     margin: 2px 0;
     height: 40px;
     width: 75px;
     border-radius: 20px;
}
 .switch.switch-lg input:empty ~ span:before, .switch.switch-lg input:empty ~ span:after {
     width: 72px;
     border-radius: 20px;
}
 .switch.switch-lg input:empty ~ span:after {
     height: 34px;
     width: 34px;
     top: 3px;
     bottom: 3px;
     margin-left: 3px;
     font-size: 0.75em;
     text-align: center;
     vertical-align: middle;
}
 .switch.switch-lg input:checked ~ span:after {
     margin-left: 34px;
}
body .switch.switch-primary input:empty ~ span:before,
.switch input:empty ~ span:before {
     background-color: #EBEDF3;
}
body .switch.switch-primary input:empty ~ span:after,
 .switch input:empty ~ span:after {
     background-color: #ffffff;
     opacity: 0.7;
}
 .switch input:checked ~ span:before {
     background-color: #EBEDF3;
}
.switch.switch-primary input:checked ~ span:before,
table .switch input:checked ~ span:before {
     background-color: #66A8FF;
}
 .switch input:checked ~ span:after {
     opacity: 1;
     color: #ffffff;
     background-color:#4785FF;
}
.switch.switch-primary input:checked ~ span:after,
table .switch input:checked ~ span:after {
     opacity: 1;
     color: #4785FF;
     background-color: #fff;
}
 .switch.switch-primary:not(.switch-outline) input:empty ~ span:before {
     background-color:#EBEDF3;
}
 .switch.switch-primary:not(.switch-outline) input:empty ~ span:after {
     background-color: #fff;
     opacity: 0.7;
}
 .switch.switch-primary:not(.switch-outline) input:checked ~ span:before {
     background-color:#4785FF;
}
 .switch.switch-primary:not(.switch-outline) input:checked ~ span:after {
     opacity: 1;
     color: #4785FF;
     background-color: #ffffff;
}
 .switch.switch-outline.switch-primary input:empty ~ span:before {
     border: 2px solid #EBEDF3;
     background-color: transparent;
}
 .switch.switch-outline.switch-primary input:empty ~ span:after {
     background-color: #EBEDF3;
}
 .switch.switch-outline.switch-primary input:checked ~ span:before {
     border: 2px solid #4785FF;
     background-color: transparent;
}
 .switch.switch-outline.switch-primary input:checked ~ span:after {
     color: #ffffff;
     background-color:#4785FF;
}
 .switch.switch-secondary:not(.switch-outline) input:empty ~ span:before {
     background-color: #E4E6EF;
}
 .switch.switch-secondary:not(.switch-outline) input:empty ~ span:after {
     background-color: #ffffff;
     opacity: 0.7;
}
 .switch.switch-secondary:not(.switch-outline) input:checked ~ span:before {
     background-color: #E4E6EF;
}
 .switch.switch-secondary:not(.switch-outline) input:checked ~ span:after {
     opacity: 1;
     color: #E4E6EF;
     background-color: #ffffff;
}
 .switch.switch-outline.switch-secondary input:empty ~ span:before {
     border: 2px solid #EBEDF3;
     background-color: transparent;
}
 .switch.switch-outline.switch-secondary input:empty ~ span:after {
     background-color: #EBEDF3;
}
 .switch.switch-outline.switch-secondary input:checked ~ span:before {
     border: 2px solid #E4E6EF;
     background-color: transparent;
}
 .switch.switch-outline.switch-secondary input:checked ~ span:after {
     color: #ffffff;
     background-color: #E4E6EF;
}
 .switch.switch-success:not(.switch-outline) input:empty ~ span:before {
     background-color: #32D0A5;
}
 .switch.switch-success:not(.switch-outline) input:empty ~ span:after {
     background-color: #ffffff;
     opacity: 0.7;
}
 .switch.switch-success:not(.switch-outline) input:checked ~ span:before {
     background-color: #32D0A5;
}
 .switch.switch-success:not(.switch-outline) input:checked ~ span:after {
     opacity: 1;
     color: #32D0A5;
     background-color: #ffffff;
}
 .switch.switch-outline.switch-success input:empty ~ span:before {
     border: 2px solid #EBEDF3;
     background-color: transparent;
}
 .switch.switch-outline.switch-success input:empty ~ span:after {
     background-color: #EBEDF3;
}
 .switch.switch-outline.switch-success input:checked ~ span:before {
     border: 2px solid #32D0A5;
     background-color: transparent;
}
 .switch.switch-outline.switch-success input:checked ~ span:after {
     color: #ffffff;
     background-color: #32D0A5;
}
 .switch.switch-info:not(.switch-outline) input:empty ~ span:before {
     background-color: #7B6FFF;
}
 .switch.switch-info:not(.switch-outline) input:empty ~ span:after {
     background-color: #ffffff;
     opacity: 0.7;
}
 .switch.switch-info:not(.switch-outline) input:checked ~ span:before {
     background-color: #7B6FFF;
}
 .switch.switch-info:not(.switch-outline) input:checked ~ span:after {
     opacity: 1;
     color: #7B6FFF;
     background-color: #ffffff;
}
 .switch.switch-outline.switch-info input:empty ~ span:before {
     border: 2px solid #EBEDF3;
     background-color: transparent;
}
 .switch.switch-outline.switch-info input:empty ~ span:after {
     background-color: #EBEDF3;
}
 .switch.switch-outline.switch-info input:checked ~ span:before {
     border: 2px solid #7B6FFF;
     background-color: transparent;
}
 .switch.switch-outline.switch-info input:checked ~ span:after {
     color: #ffffff;
     background-color: #7B6FFF;
}
 .switch.switch-warning:not(.switch-outline) input:empty ~ span:before {
     background-color: #FFA800;
}
 .switch.switch-warning:not(.switch-outline) input:empty ~ span:after {
     background-color: #ffffff;
     opacity: 0.7;
}
 .switch.switch-warning:not(.switch-outline) input:checked ~ span:before {
     background-color: #FFA800;
}
 .switch.switch-warning:not(.switch-outline) input:checked ~ span:after {
     opacity: 1;
     color: #FFA800;
     background-color: #ffffff;
}
 .switch.switch-outline.switch-warning input:empty ~ span:before {
     border: 2px solid #EBEDF3;
     background-color: transparent;
}
 .switch.switch-outline.switch-warning input:empty ~ span:after {
     background-color: #EBEDF3;
}
 .switch.switch-outline.switch-warning input:checked ~ span:before {
     border: 2px solid #FFA800;
     background-color: transparent;
}
 .switch.switch-outline.switch-warning input:checked ~ span:after {
     color: #ffffff;
     background-color: #FFA800;
}
 .switch.switch-danger:not(.switch-outline) input:empty ~ span:before {
     background-color: #F64E60;
}
 .switch.switch-danger:not(.switch-outline) input:empty ~ span:after {
     background-color: #ffffff;
     opacity: 0.7;
}
 .switch.switch-danger:not(.switch-outline) input:checked ~ span:before {
     background-color: #F64E60;
}
 .switch.switch-danger:not(.switch-outline) input:checked ~ span:after {
     opacity: 1;
     color: #F64E60;
     background-color: #ffffff;
}
 .switch.switch-outline.switch-danger input:empty ~ span:before {
     border: 2px solid #EBEDF3;
     background-color: transparent;
}
 .switch.switch-outline.switch-danger input:empty ~ span:after {
     background-color: #EBEDF3;
}
 .switch.switch-outline.switch-danger input:checked ~ span:before {
     border: 2px solid #F64E60;
     background-color: transparent;
}
 .switch.switch-outline.switch-danger input:checked ~ span:after {
     color: #ffffff;
     background-color: #F64E60;
}
 .switch.switch-light:not(.switch-outline) input:empty ~ span:before {
     background-color: #F3F6F9;
}
 .switch.switch-light:not(.switch-outline) input:empty ~ span:after {
     background-color: #ffffff;
     opacity: 0.7;
}
 .switch.switch-light:not(.switch-outline) input:checked ~ span:before {
     background-color: #F3F6F9;
}
 .switch.switch-light:not(.switch-outline) input:checked ~ span:after {
     opacity: 1;
     color: #F3F6F9;
     background-color: #ffffff;
}
 .switch.switch-outline.switch-light input:empty ~ span:before {
     border: 2px solid #EBEDF3;
     background-color: transparent;
}
 .switch.switch-outline.switch-light input:empty ~ span:after {
     background-color: #EBEDF3;
}
 .switch.switch-outline.switch-light input:checked ~ span:before {
     border: 2px solid #F3F6F9;
     background-color: transparent;
}
 .switch.switch-outline.switch-light input:checked ~ span:after {
     color: #ffffff;
     background-color: #F3F6F9;
}
 .switch.switch-dark:not(.switch-outline) input:empty ~ span:before {
     background-color: #181C32;
}
 .switch.switch-dark:not(.switch-outline) input:empty ~ span:after {
     background-color: #ffffff;
     opacity: 0.7;
}
 .switch.switch-dark:not(.switch-outline) input:checked ~ span:before {
     background-color: #181C32;
}
 .switch.switch-dark:not(.switch-outline) input:checked ~ span:after {
     opacity: 1;
     color: #181C32;
     background-color: #ffffff;
}
 .switch.switch-outline.switch-dark input:empty ~ span:before {
     border: 2px solid #EBEDF3;
     background-color: transparent;
}
 .switch.switch-outline.switch-dark input:empty ~ span:after {
     background-color: #EBEDF3;
}
 .switch.switch-outline.switch-dark input:checked ~ span:before {
     border: 2px solid #181C32;
     background-color: transparent;
}
 .switch.switch-outline.switch-dark input:checked ~ span:after {
     color: #ffffff;
     background-color: #181C32;
}
 .switch.switch-white:not(.switch-outline) input:empty ~ span:before {
     background-color: #ffffff;
}
 .switch.switch-white:not(.switch-outline) input:empty ~ span:after {
     background-color: #ffffff;
     opacity: 0.7;
}
 .switch.switch-white:not(.switch-outline) input:checked ~ span:before {
     background-color: #ffffff;
}
 .switch.switch-white:not(.switch-outline) input:checked ~ span:after {
     opacity: 1;
     color: #ffffff;
     background-color: #ffffff;
}
 .switch.switch-outline.switch-white input:empty ~ span:before {
     border: 2px solid #EBEDF3;
     background-color: transparent;
}
 .switch.switch-outline.switch-white input:empty ~ span:after {
     background-color: #EBEDF3;
}
 .switch.switch-outline.switch-white input:checked ~ span:before {
     border: 2px solid #ffffff;
     background-color: transparent;
}
 .switch.switch-outline.switch-white input:checked ~ span:after {
     color: #ffffff;
     background-color: #ffffff;
}
 .option {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding: 1.4em;
     border: 1px solid #EBEDF3;
     border-radius: 0.35rem;
}
 .option .option-control {
     width: 2.7rem;
     padding-top: 0.1rem;
}
 .option .option-control .kt-radio {
     display: block;
}
 .option .option-label {
     width: 100%;
}
 .option .option-label .option-head {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 .option .option-label .option-head .option-title {
     font-size: 1.1rem;
     font-weight: 500;
     color: #000;
}
 .option .option-label .option-head .option-focus {
     font-size: 1.1rem;
     font-weight: 600;
     color: #181C32;
}
 .option .option-label .option-body {
     display: block;
     padding-top: 0.7rem;
     font-size: 0.9rem;
     color: #B5B5C3;
}
 .option.option-plain {
     border: 0;
     padding: 0;
     margin-top: -0.2rem;
     margin-bottom: 2rem;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .option.option-plain .option-control {
     vertical-align: middle;
     width: 2.7rem;
}
 .option.option-plain .option-control .radio {
     margin-bottom: 1.6rem;
}
 .option.option-plain .option-label .option-body {
     padding-top: 0.2rem;
}
 .dialog {
     width: 130px;
     margin: 0 auto;
     position: fixed;
     z-index: 1100;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding: 1rem;
     -webkit-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.1);
     background-color: #fff;
     border-radius: 0.35rem;
}
 .dialog.dialog-top-center {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     top: -100px;
     left: 50%;
     margin-left: -65px;
     -webkit-transition: top 0.6s ease;
     transition: top 0.6s ease;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
}
 .dialog.dialog-top-center.dialog-shown {
     top: 0px;
     -webkit-transition: top 0.6s ease;
     transition: top 0.6s ease;
}
 .dialog.dialog-loader {
     font-size: 1.1rem;
     padding: 0.75rem;
     font-weight: 400;
     color: rgba(63, 66, 84, 0.9);
}
 .strikethrough {
     display: block;
     text-align: center;
     overflow: hidden;
     white-space: nowrap;
}
 .strikethrough span {
     position: relative;
     display: inline-block;
     color: #B5B5C3;
     font-weight: 500;
}
 .strikethrough span:before, .strikethrough span:after {
     content: "";
     position: absolute;
     top: 50%;
     width: 9999px;
     height: 1px;
     background: #EBEDF3;
}
 .strikethrough span:before {
     right: 100%;
     margin-right: 15px;
}
 .strikethrough span:after {
     left: 100%;
     margin-left: 15px;
}
 .separator {
     height: 0;
}
 .separator.separator-dashed {
     border-bottom: 1px dashed #EBEDF3;
}
 .separator.separator-solid {
     border-bottom: 1px solid #EBEDF3;
}
 .separator.separator-border-2 {
     border-bottom-width: 2px;
}
 .separator.separator-border-3 {
     border-bottom-width: 3px;
}
 .separator.separator-border-4 {
     border-bottom-width: 4px;
}
 .separator.separator-primary {
     border-bottom-color: #4785FF;
}
 .separator.separator-secondary {
     border-bottom-color: #E4E6EF;
}
 .separator.separator-success {
     border-bottom-color: #32D0A5;
}
 .separator.separator-info {
     border-bottom-color: #7B6FFF;
}
 .separator.separator-warning {
     border-bottom-color: #FFA800;
}
 .separator.separator-danger {
     border-bottom-color: #F64E60;
}
 .separator.separator-light {
     border-bottom-color: #F3F6F9;
}
 .separator.separator-dark {
     border-bottom-color: #181C32;
}
 .separator.separator-white {
     border-bottom-color: #ffffff;
}
 .image-input {
     position: relative;
     display: inline-block;
     border-radius: 0.35rem;
     background-repeat: no-repeat;
     background-size: cover;
}
 .image-input .image-input-wrapper {
     width: 120px;
     height: 120px;
     border-radius: 0.35rem;
     background-repeat: no-repeat;
     background-size: cover;
}
 .image-input [data-action="change"] {
     cursor: pointer;
     position: absolute;
     right: -10px;
     top: -10px;
}
 .image-input [data-action="change"] input {
     width: 0 !important;
     height: 0 !important;
     overflow: hidden;
     opacity: 0;
}
 .image-input [data-action="cancel"], .image-input [data-action="remove"] {
     position: absolute;
     right: -10px;
     bottom: -5px;
}
 .image-input [data-action="cancel"] {
     display: none;
}
 .image-input.image-input-changed [data-action="cancel"] {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .image-input.image-input-changed [data-action="remove"] {
     display: none;
}
 .image-input.image-input-empty [data-action="remove"], .image-input.image-input-empty [data-action="cancel"] {
     display: none;
}
 .image-input.image-input-circle {
     border-radius: 50%;
}
 .image-input.image-input-circle .image-input-wrapper {
     border-radius: 50%;
}
 .image-input.image-input-circle [data-action="change"] {
     right: 5px;
     top: 5px;
}
 .image-input.image-input-circle [data-action="cancel"], .image-input.image-input-circle [data-action="remove"] {
     right: 5px;
     bottom: 5px;
}
 .image-input.image-input-outline .image-input-wrapper {
     border: 3px solid #ffffff;
     -webkit-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
     box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
}
 .label:not(li) {
     padding: 0;
     margin: 0;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 20px;
     width: 20px;
     border-radius: 50%;
     font-size: 0.8rem;
     background-color: #EBEDF3;
     color: rgba(63, 66, 84, 0.9);
     font-weight: 400;
     height: 20px;
     width: 20px;
     font-size: 0.8rem;
}
.projects-modal  .label.label-inline{font-size: 0.8rem;color:#4785FF}
 .label.label-primary {
     color: #FFFFFF;
     background-color:#4785FF;
}
 .label.label-outline-primary {
     background-color: transparent;
     color: #4785FF;
     border: 1px solid #4785FF;
}
 .label.label-outline-primary.label-outline-2x {
     border: 2px solid #4785FF;
}
 .label.label-light-primary {
     color: #4785FF;
     background-color: #E1F0FF;
}
 .label.label-outline-light-primary {
    color: #4785FF;
    background: rgba(238, 242, 251, 0.73);
    border: 1px solid #B9DCFF;
}
 .label.label-secondary {
     color: rgba(63, 66, 84, 0.9);
     background-color: #EFEFF2;
}
 .label.label-outline-secondary {
     background-color: transparent;
     color: rgba(63, 66, 84, 0.9);
     border: 1px solid #EFEFF2;
}
 .label.label-outline-secondary.label-outline-2x {
     border: 2px solid #EFEFF2;
}
 .label.label-light-secondary {
     color: #7E8299;
     background-color: #EBEDF3;
}
 .label.label-success {
     color: #ffffff;
     background-color: #32D0A5;
}
 .label.label-outline-success {
     background-color: transparent;
     color: #32D0A5;
     border: 1px solid #32D0A5;
}
 .label.label-outline-success.label-outline-2x {
     border: 2px solid #32D0A5;
}
 .label.label-light-success {
     color: #32D0A5;
     background-color: rgb(227, 249, 243);
}
 .label.label-info {
     color: #ffffff;
     background-color: #7B6FFF;
}
 .label.label-outline-info {
     background-color: transparent;
     color: #7B6FFF;
     border: 1px solid #7B6FFF;
}
 .label.label-outline-info.label-outline-2x {
     border: 2px solid #7B6FFF;
}
 .label.label-light-info {
     color: #7B6FFF;
     background-color: #EEE5FF;
}
 .label.label-warning {
     color: #ffffff;
     background-color: #FFA800;
}
 .label.label-outline-warning {
     background-color: transparent;
     color: #FFA800;
     border: 1px solid #FFA800;
}
 .label.label-outline-warning.label-outline-2x {
     border: 2px solid #FFA800;
}
 .label.label-light-warning {
     color: #FFA800;
     background-color: #FFF4DE;
}
 .label.label-light-lemon {
     color: #BDD634;
     background-color: rgba(198, 222, 65, 0.12);;
}
 .label.label-danger {
     color: #ffffff;
     background-color: #F64E60;
}
 .label.label-outline-danger {
     background-color: transparent;
     color: #F64E60;
     border: 1px solid #F64E60;
}
 .label.label-outline-danger.label-outline-2x {
     border: 2px solid #F64E60;
}
 .label.label-light-danger {
     color: #F64E60;
     background-color: #FFEFEF;
}
 .label.label-light {
     color: #7E8299;
     background-color: #F3F6F9;
}
 .label.label-outline-light {
     background-color: transparent;
     color: rgba(63, 66, 84, 0.9);
     border: 1px solid #F3F6F9;
}
 .label.label-outline-light.label-outline-2x {
     border: 2px solid #F3F6F9;
}
 .label.label-light-light {
     color: #F3F6F9;
     background-color: #F3F6F9;
}

 .label.label-dark {
     color: #ffffff;
     background-color: #181C32;
}
 .label.label-outline-dark {
     background-color: transparent;
     color: #181C32;
     border: 1px solid #181C32;
}
 .label.label-outline-dark.label-outline-2x {
     border: 2px solid #181C32;
}
 .label.label-light-dark {
     color: #181C32;
     background-color: #D1D3E0;
}
 .label.label-white {
     color: rgba(63, 66, 84, 0.9);
     background-color: #ffffff;
}
 .label.label-outline-white {
     background-color: transparent;
     color: #ffffff;
     border: 1px solid #ffffff;
}
 .label.label-outline-white.label-outline-2x {
     border: 2px solid #ffffff;
}
 .label.label-light-white {
     color: #333;
     background-color: #ffffff;
}
 .label.label-inline {
     width: auto;
     padding: 0.15rem 0.75rem;
     border-radius: 0.35rem;
}
 .label.label-inline.label-md {
     padding: 0.8rem 0.6rem;
}
 .label.label-inline.label-lg {
     padding: 0.9rem 0.75rem;
}
 .label.label-inline.label-xl {
     padding: 1rem 0.85rem;
}
 .label.label-pill {
     border-radius: 2rem;
}
 .label.label-rounded {
     border-radius: 1.42rem;
}
 .label.label-square {
     border-radius: 0;
}
 .label.label-dot {
     display: inline-block;
     font-size: 0 !important;
     vertical-align: middle;
     text-align: center;
}
 .label.label-inline {
     width: auto;
}
 .label.label-dot {
     line-height: 6px;
     min-height: 6px;
     min-width: 6px;
     height: 6px;
     width: 6px;
}
 .label.label-sm {
     height: 16px;
     width: 16px;
     font-size: 0.75rem;
}
 .label.label-sm.label-inline {
     width: auto;
}
 .label.label-sm.label-dot {
     line-height: 4px;
     min-height: 4px;
     min-width: 4px;
     height: 4px;
     width: 4px;
}
 .label.label-lg {
     height: 24px;
     width: 24px;
     font-size: 0.9rem;
}
 .label.label-lg.label-inline {
     width: auto;
}
 .label.label-lg.label-dot {
     line-height: 8px;
     min-height: 8px;
     min-width: 8px;
     height: 8px;
     width: 8px;
}
 .label.label-xl {
     height: 28px;
     width: 28px;
     font-size: 1.1rem;
}
 .label.label-xl.label-inline {
     width: auto;
}
 .label.label-xl.label-dot {
     line-height: 10px;
     min-height: 10px;
     min-width: 10px;
     height: 10px;
     width: 10px;
}
 .loader {
     display: inline-block;
     margin: 0 auto;
     border-radius: 100%;
     background-color: #F3F6F9;
     opacity: 0;
     -webkit-animation: animation-loader 0.3s infinite ease-in-out;
     animation: animation-loader 0.3s infinite ease-in-out;
     width: 1.4rem;
     height: 1.4rem;
}
 .btn .loader {
     position: relative;
     line-height: 0;
}
 .loader.loader-lg {
     width: 3px;
     height: 3px;
}
 .loader.loader-sm {
     width: 1px;
     height: 1px;
}
 .loader.loader-primary {
     background-color:#4785FF;
}
 .loader.loader-secondary {
     background-color: #E4E6EF;
}
 .loader.loader-success {
     background-color: #32D0A5;
}
 .loader.loader-info {
     background-color: #7B6FFF;
}
 .loader.loader-warning {
     background-color: #FFA800;
}
 .loader.loader-danger {
     background-color: #F64E60;
}
 .loader.loader-light {
     background-color: #F3F6F9;
}
 .loader.loader-dark {
     background-color: #181C32;
}
 .loader.loader-white {
     background-color: #ffffff;
}
 @-webkit-keyframes animation-loader {
     0% {
         opacity: 0.3;
         -webkit-transform: scale(0);
         transform: scale(0);
    }
     100% {
         opacity: 1;
         -webkit-transform: scale(1);
         transform: scale(1);
    }
}
 @keyframes animation-loader {
     0% {
         opacity: 0.3;
         -webkit-transform: scale(0);
         transform: scale(0);
    }
     100% {
         opacity: 1;
         -webkit-transform: scale(1);
         transform: scale(1);
    }
}
 .symbol {
     display: inline-block;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     position: relative;
     border-radius: 0.35rem;
}
 .symbol .symbol-label {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     font-weight: 500;
     line-height: 0;
     color: rgba(63, 66, 84, 0.9);
     background-color: #F3F6F9;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     border-radius: 0.35rem;
}
 .symbol .symbol-badge {
     position: absolute;
     border: 2px solid #ffffff;
     border-radius: 100%;
     top: 0;
     right: 0;
}
 .symbol > img {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     border-radius: 0.35rem;
}
 .symbol.symbol-circle {
     border-radius: 50%;
}
 .symbol.symbol-circle > img {
     border-radius: 50%;
}
 .symbol.symbol-circle .symbol-label {
     border-radius: 50%;
}
 .symbol.symbol-primary .symbol-label {
     background-color:#4785FF;
     border-color:#4785FF!important;
     color: #FFFFFF;
}
 .symbol.symbol-light-primary .symbol-label {
     background-color: #F1F8FF;
     border-color: #F1F8FF!important;
     color: #4785FF;
}
 .symbol.symbol-secondary .symbol-label {
     background-color: #E4E6EF;
     border-color: #E4E6EF!important;
     color: rgba(63, 66, 84, 0.9);
}
 .symbol.symbol-light-secondary .symbol-label {
     background-color: #EBEDF3;
     border-color: #EBEDF3!important;
     color: #E4E6EF;
}
 .symbol.symbol-success .symbol-label {
     background-color: #32D0A5;
     border-color: #32D0A5!important;
     color: #ffffff;
}
 .symbol.symbol-light-success .symbol-label {
     background-color: rgba(67, 213, 173, 0.15);
     border-color: rgba(67, 213, 173, 0.15)!important;
     color: #32D0A5;
}
 .symbol.symbol-info .symbol-label {
     background-color: #7B6FFF;
     border-color: #7B6FFF;
     color: #ffffff;
}
 .symbol.symbol-light-info .symbol-label {
     background-color: #EEE5FF;
     border-color: #EEE5FF!important;
     color: #7B6FFF;
}
 .symbol.symbol-warning .symbol-label {
     background-color: #FFA800;
     border-color: #FFA800;
     color: #ffffff;
}
 .symbol.symbol-light-warning .symbol-label {
     background-color: #FFF4DE;
     border-color: #FFF4DE!important;
     color: #FFA800;
}
 .symbol.symbol-danger .symbol-label {
     background-color: #F64E60;
     border-color: #F64E60;
     color: #ffffff;
}
 .symbol.symbol-light-danger .symbol-label {
     background-color: #FFEFEF;
     border-color: #FFEFEF!important;
     color: #F64E60;
}
 .symbol.symbol-light .symbol-label {
     background-color: #F3F6F9;
     border-color: #F3F6F9!important;
     color: #7E8299;
}
 .symbol.symbol-light-light .symbol-label {
     background-color: #F3F6F9;
     border-color: #F3F6F9!important;
     color: #F3F6F9;
}
 .symbol.symbol-dark .symbol-label {
     background-color: #181C32;
     border-color: #181C32!important;
     color: #ffffff;
}
 .symbol.symbol-light-dark .symbol-label {
     background-color: #D1D3E0;
     border-color: #D1D3E0!important;
     color: #181C32;
}
 .symbol.symbol-white .symbol-label {
     background-color: #ffffff;
     border-color: #ffffff!important;
     color: rgba(63, 66, 84, 0.9);
}
 .symbol.symbol-light-white .symbol-label {
     background-color: #ffffff;
     border-color: #ffffff!important;
     color: #ffffff;
}
 .symbol.symbol-20 > img {
     width: 100%;
     max-width: 20px;
     height: 20px;
}
 .symbol.symbol-20 .symbol-label {
     width: 20px;
     height: 20px;
}
 .symbol.symbol-20 .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol.symbol-20 .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-20.symbol-circle .symbol-badge {
     top: -7.9px;
     right: -7.9px;
}
 .symbol.symbol-20.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -7.9px;
}
 .symbol.symbol-20.symbol-fixed .symbol-label {
     width: 20px;
     height: 20px;
}
 .symbol.symbol-20.symbol-fixed > img {
     width: 20px;
     height: 20px;
     max-width: auto;
}
 .symbol.symbol-20.symbol-2by3 .symbol-label {
     height: 20px;
     width: 30px;
}
 .symbol.symbol-20.symbol-2by3 > img {
     height: 20px;
     width: 30px;
     max-width: auto;
}
.symbol.symbol-25 {min-width: 25px}
 .symbol.symbol-25 > img {
     width: 100%;
     max-width: 25px;
     height: 25px;
}
 .symbol.symbol-25 .symbol-label {
     width: 25px;
     height: 25px;
     min-width: 25px;
}
 .symbol.symbol-25 .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol.symbol-25 .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-25.symbol-circle .symbol-badge {
     top: -6.875px;
     right: -6.875px;
}
 .symbol.symbol-25.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6.875px;
}
 .symbol.symbol-25.symbol-fixed .symbol-label {
     width: 25px;
     height: 25px;
}
 .symbol.symbol-25.symbol-fixed > img {
     width: 25px;
     height: 25px;
     max-width: auto;
}
 .symbol.symbol-25.symbol-2by3 .symbol-label {
     height: 25px;
     width: 37.5px;
}
 .symbol.symbol-25.symbol-2by3 > img {
     height: 25px;
     width: 37.5px;
     max-width: auto;
}
 .symbol.symbol-30 > img {
     width: 100%;
     max-width: 30px;
     height: 30px;
}
 .symbol.symbol-30 .symbol-label {
     width: 30px;
     height: 30px;
}
 .symbol.symbol-30 .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol.symbol-30 .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-30.symbol-circle .symbol-badge {
     top: -5.85px;
     right: -5.85px;
}
 .symbol.symbol-30.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -5.85px;
}
 .symbol.symbol-30.symbol-fixed .symbol-label {
     width: 30px;
     height: 30px;
}
 .symbol.symbol-30.symbol-fixed > img {
     width: 30px;
     height: 30px;
     max-width: auto;
}
 .symbol.symbol-30.symbol-2by3 .symbol-label {
     height: 30px;
     width: 45px;
}
 .symbol.symbol-30.symbol-2by3 > img {
     height: 30px;
     width: 45px;
     max-width: auto;
}
 .symbol.symbol-35 > img {
     width: 100%;
     max-width: 35px;
     height: 35px;
}
 .symbol.symbol-35 .symbol-label {
     width: 35px;
     height: 35px;
}
 .symbol.symbol-35 .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol.symbol-35 .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-35.symbol-circle .symbol-badge {
     top: -4.825px;
     right: -4.825px;
}
 .symbol.symbol-35.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -4.825px;
}
 .symbol.symbol-35.symbol-fixed .symbol-label {
     width: 35px;
     height: 35px;
}
 .symbol.symbol-35.symbol-fixed > img {
     width: 35px;
     height: 35px;
     max-width: auto;
}
 .symbol.symbol-35.symbol-2by3 .symbol-label {
     height: 35px;
     width: 52.5px;
}
 .symbol.symbol-35.symbol-2by3 > img {
     height: 35px;
     width: 52.5px;
     max-width: auto;
}
 .symbol.symbol-40 > img {
     width: 100%;
     max-width: 40px;
     height: 40px;
}
 .symbol.symbol-40 .symbol-label {
     width: 40px;
     height: 40px;
}
 .symbol.symbol-40 .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol.symbol-40 .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-40.symbol-circle .symbol-badge {
     top: -3.8px;
     right: -3.8px;
}
 .symbol.symbol-40.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -3.8px;
}
 .symbol.symbol-40.symbol-fixed .symbol-label {
     width: 40px;
     height: 40px;
}
 .symbol.symbol-40.symbol-fixed > img {
     width: 40px;
     height: 40px;
     max-width: auto;
}
 .symbol.symbol-40.symbol-2by3 .symbol-label {
     height: 40px;
     width: 60px;
}
 .symbol.symbol-40.symbol-2by3 > img {
     height: 40px;
     width: 60px;
     max-width: auto;
}
 .symbol.symbol-45 > img {
     width: 100%;
     max-width: 45px;
     height: 45px;
}
 .symbol.symbol-45 .symbol-label {
     width: 45px;
     height: 45px;
}
 .symbol.symbol-45 .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol.symbol-45 .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-45.symbol-circle .symbol-badge {
     top: -2.775px;
     right: -2.775px;
}
 .symbol.symbol-45.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -2.775px;
}
 .symbol.symbol-45.symbol-fixed .symbol-label {
     width: 45px;
     height: 45px;
}
 .symbol.symbol-45.symbol-fixed > img {
     width: 45px;
     height: 45px;
     max-width: auto;
}
 .symbol.symbol-45.symbol-2by3 .symbol-label {
     height: 45px;
     width: 67.5px;
}
 .symbol.symbol-45.symbol-2by3 > img {
     height: 45px;
     width: 67.5px;
     max-width: auto;
}
 .symbol > img {
     width: 100%;
     max-width: 50px;
     height: 50px;
}
 .symbol .symbol-label {
     width: 50px;
     height: 50px;
}
 .symbol .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-circle .symbol-badge {
     top: -1.75px;
     right: -1.75px;
}
 .symbol.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -1.75px;
}
 .symbol.symbol-fixed .symbol-label {
     width: 50px;
     height: 50px;
}
 .symbol.symbol-fixed > img {
     width: 50px;
     height: 50px;
     max-width: auto;
}
 .symbol.symbol-2by3 .symbol-label {
     height: 50px;
     width: 75px;
}
 .symbol.symbol-2by3 > img {
     height: 50px;
     width: 75px;
     max-width: auto;
}
 .symbol.symbol-50 > img {
     width: 100%;
     max-width: 50px;
     height: 50px;
}
 .symbol.symbol-50 .symbol-label {
     width: 50px;
     height: 50px;
}
 .symbol.symbol-50 .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol.symbol-50 .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-50.symbol-circle .symbol-badge {
     top: -1.75px;
     right: -1.75px;
}
 .symbol.symbol-50.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -1.75px;
}
 .symbol.symbol-50.symbol-fixed .symbol-label {
     width: 50px;
     height: 50px;
}
 .symbol.symbol-50.symbol-fixed > img {
     width: 50px;
     height: 50px;
     max-width: auto;
}
 .symbol.symbol-50.symbol-2by3 .symbol-label {
     height: 50px;
     width: 75px;
}
 .symbol.symbol-50.symbol-2by3 > img {
     height: 50px;
     width: 75px;
     max-width: auto;
}
 .symbol.symbol-55 > img {
     width: 100%;
     max-width: 55px;
     height: 55px;
}
 .symbol.symbol-55 .symbol-label {
     width: 55px;
     height: 55px;
}
 .symbol.symbol-55 .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol.symbol-55 .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-55.symbol-circle .symbol-badge {
     top: -0.725px;
     right: -0.725px;
}
 .symbol.symbol-55.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -0.725px;
}
 .symbol.symbol-55.symbol-fixed .symbol-label {
     width: 55px;
     height: 55px;
}
 .symbol.symbol-55.symbol-fixed > img {
     width: 55px;
     height: 55px;
     max-width: auto;
}
 .symbol.symbol-55.symbol-2by3 .symbol-label {
     height: 55px;
     width: 82.5px;
}
 .symbol.symbol-55.symbol-2by3 > img {
     height: 55px;
     width: 82.5px;
     max-width: auto;
}
 .symbol.symbol-60 > img {
     width: 100%;
     max-width: 60px;
     height: 60px;
}
 .symbol.symbol-60 .symbol-label {
     width: 60px;
     height: 60px;
}
 .symbol.symbol-60 .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol.symbol-60 .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-60.symbol-circle .symbol-badge {
     top: 0.3px;
     right: 0.3px;
}
 .symbol.symbol-60.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: 0.3px;
}
 .symbol.symbol-60.symbol-fixed .symbol-label {
     width: 60px;
     height: 60px;
}
 .symbol.symbol-60.symbol-fixed > img {
     width: 60px;
     height: 60px;
     max-width: auto;
}
 .symbol.symbol-60.symbol-2by3 .symbol-label {
     height: 60px;
     width: 90px;
}
 .symbol.symbol-60.symbol-2by3 > img {
     height: 60px;
     width: 90px;
     max-width: auto;
}
 .symbol.symbol-65 > img {
     width: 100%;
     max-width: 65px;
     height: 65px;
}
 .symbol.symbol-65 .symbol-label {
     width: 65px;
     height: 65px;
}
 .symbol.symbol-65 .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol.symbol-65 .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-65.symbol-circle .symbol-badge {
     top: 1.325px;
     right: 1.325px;
}
 .symbol.symbol-65.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: 1.325px;
}
 .symbol.symbol-65.symbol-fixed .symbol-label {
     width: 65px;
     height: 65px;
}
 .symbol.symbol-65.symbol-fixed > img {
     width: 65px;
     height: 65px;
     max-width: auto;
}
 .symbol.symbol-65.symbol-2by3 .symbol-label {
     height: 65px;
     width: 97.5px;
}
 .symbol.symbol-65.symbol-2by3 > img {
     height: 65px;
     width: 97.5px;
     max-width: auto;
}
 .symbol.symbol-70 > img {
     width: 100%;
     max-width: 70px;
     height: 70px;
}
 .symbol.symbol-70 .symbol-label {
     width: 70px;
     height: 70px;
}
 .symbol.symbol-70 .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol.symbol-70 .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-70.symbol-circle .symbol-badge {
     top: 2.35px;
     right: 2.35px;
}
 .symbol.symbol-70.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: 2.35px;
}
 .symbol.symbol-70.symbol-fixed .symbol-label {
     width: 70px;
     height: 70px;
}
 .symbol.symbol-70.symbol-fixed > img {
     width: 70px;
     height: 70px;
     max-width: auto;
}
 .symbol.symbol-70.symbol-2by3 .symbol-label {
     height: 70px;
     width: 105px;
}
 .symbol.symbol-70.symbol-2by3 > img {
     height: 70px;
     width: 105px;
     max-width: auto;
}
 .symbol.symbol-75 > img {
     width: 100%;
     max-width: 75px;
     height: 75px;
}
 .symbol.symbol-75 .symbol-label {
     width: 75px;
     height: 75px;
}
 .symbol.symbol-75 .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol.symbol-75 .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-75.symbol-circle .symbol-badge {
     top: 3.375px;
     right: 3.375px;
}
 .symbol.symbol-75.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: 3.375px;
}
 .symbol.symbol-75.symbol-fixed .symbol-label {
     width: 75px;
     height: 75px;
}
 .symbol.symbol-75.symbol-fixed > img {
     width: 75px;
     height: 75px;
     max-width: auto;
}
 .symbol.symbol-75.symbol-2by3 .symbol-label {
     height: 75px;
     width: 112.5px;
}
 .symbol.symbol-75.symbol-2by3 > img {
     height: 75px;
     width: 112.5px;
     max-width: auto;
}
 .symbol.symbol-80 > img {
     width: 100%;
     max-width: 80px;
     height: 80px;
}
 .symbol.symbol-80 .symbol-label {
     width: 80px;
     height: 80px;
}
 .symbol.symbol-80 .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol.symbol-80 .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-80.symbol-circle .symbol-badge {
     top: 4.4px;
     right: 4.4px;
}
 .symbol.symbol-80.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: 4.4px;
}
 .symbol.symbol-80.symbol-fixed .symbol-label {
     width: 80px;
     height: 80px;
}
 .symbol.symbol-80.symbol-fixed > img {
     width: 80px;
     height: 80px;
     max-width: auto;
}
 .symbol.symbol-80.symbol-2by3 .symbol-label {
     height: 80px;
     width: 120px;
}
 .symbol.symbol-80.symbol-2by3 > img {
     height: 80px;
     width: 120px;
     max-width: auto;
}
 .symbol.symbol-85 > img {
     width: 100%;
     max-width: 85px;
     height: 85px;
}
 .symbol.symbol-85 .symbol-label {
     width: 85px;
     height: 85px;
}
 .symbol.symbol-85 .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol.symbol-85 .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-85.symbol-circle .symbol-badge {
     top: 5.425px;
     right: 5.425px;
}
 .symbol.symbol-85.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: 5.425px;
}
 .symbol.symbol-85.symbol-fixed .symbol-label {
     width: 85px;
     height: 85px;
}
 .symbol.symbol-85.symbol-fixed > img {
     width: 85px;
     height: 85px;
     max-width: auto;
}
 .symbol.symbol-85.symbol-2by3 .symbol-label {
     height: 85px;
     width: 127.5px;
}
 .symbol.symbol-85.symbol-2by3 > img {
     height: 85px;
     width: 127.5px;
     max-width: auto;
}
 .symbol.symbol-90 > img {
     width: 100%;
     max-width: 90px;
     height: 90px;
}
 .symbol.symbol-90 .symbol-label {
     width: 90px;
     height: 90px;
}
 .symbol.symbol-90 .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol.symbol-90 .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-90.symbol-circle .symbol-badge {
     top: 6.45px;
     right: 6.45px;
}
 .symbol.symbol-90.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: 6.45px;
}
 .symbol.symbol-90.symbol-fixed .symbol-label {
     width: 90px;
     height: 90px;
}
 .symbol.symbol-90.symbol-fixed > img {
     width: 90px;
     height: 90px;
     max-width: auto;
}
 .symbol.symbol-90.symbol-2by3 .symbol-label {
     height: 90px;
     width: 135px;
}
 .symbol.symbol-90.symbol-2by3 > img {
     height: 90px;
     width: 135px;
     max-width: auto;
}
 .symbol.symbol-95 > img {
     width: 100%;
     max-width: 95px;
     height: 95px;
}
 .symbol.symbol-95 .symbol-label {
     width: 95px;
     height: 95px;
}
 .symbol.symbol-95 .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol.symbol-95 .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-95.symbol-circle .symbol-badge {
     top: 7.475px;
     right: 7.475px;
}
 .symbol.symbol-95.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: 7.475px;
}
 .symbol.symbol-95.symbol-fixed .symbol-label {
     width: 95px;
     height: 95px;
}
 .symbol.symbol-95.symbol-fixed > img {
     width: 95px;
     height: 95px;
     max-width: auto;
}
 .symbol.symbol-95.symbol-2by3 .symbol-label {
     height: 95px;
     width: 142.5px;
}
 .symbol.symbol-95.symbol-2by3 > img {
     height: 95px;
     width: 142.5px;
     max-width: auto;
}
 .symbol.symbol-100 > img {
     width: 100%;
     max-width: 100px;
     height: 100px;
}
 .symbol.symbol-100 .symbol-label {
     width: 100px;
     height: 100px;
}
 .symbol.symbol-100 .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol.symbol-100 .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-100.symbol-circle .symbol-badge {
     top: 8.5px;
     right: 8.5px;
}
 .symbol.symbol-100.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: 8.5px;
}
 .symbol.symbol-100.symbol-fixed .symbol-label {
     width: 100px;
     height: 100px;
}
 .symbol.symbol-100.symbol-fixed > img {
     width: 100px;
     height: 100px;
     max-width: auto;
}
 .symbol.symbol-100.symbol-2by3 .symbol-label {
     height: 100px;
     width: 150px;
}
 .symbol.symbol-100.symbol-2by3 > img {
     height: 100px;
     width: 150px;
     max-width: auto;
}
 .symbol.symbol-120 > img {
     width: 100%;
     max-width: 120px;
     height: 120px;
}
 .symbol.symbol-120 .symbol-label {
     width: 120px;
     height: 120px;
}
 .symbol.symbol-120 .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol.symbol-120 .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-120.symbol-circle .symbol-badge {
     top: 12.6px;
     right: 12.6px;
}
 .symbol.symbol-120.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: 12.6px;
}
 .symbol.symbol-120.symbol-fixed .symbol-label {
     width: 120px;
     height: 120px;
}
 .symbol.symbol-120.symbol-fixed > img {
     width: 120px;
     height: 120px;
     max-width: auto;
}
 .symbol.symbol-120.symbol-2by3 .symbol-label {
     height: 120px;
     width: 180px;
}
 .symbol.symbol-120.symbol-2by3 > img {
     height: 120px;
     width: 180px;
     max-width: auto;
}
 .symbol.symbol-130 > img {
     width: 100%;
     max-width: 130px;
     height: 130px;
}
 .symbol.symbol-130 .symbol-label {
     width: 130px;
     height: 130px;
}
 .symbol.symbol-130 .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol.symbol-130 .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-130.symbol-circle .symbol-badge {
     top: 14.65px;
     right: 14.65px;
}
 .symbol.symbol-130.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: 14.65px;
}
 .symbol.symbol-130.symbol-fixed .symbol-label {
     width: 130px;
     height: 130px;
}
 .symbol.symbol-130.symbol-fixed > img {
     width: 130px;
     height: 130px;
     max-width: auto;
}
 .symbol.symbol-130.symbol-2by3 .symbol-label {
     height: 130px;
     width: 195px;
}
 .symbol.symbol-130.symbol-2by3 > img {
     height: 130px;
     width: 195px;
     max-width: auto;
}
 .symbol.symbol-140 > img {
     width: 100%;
     max-width: 140px;
     height: 140px;
}
 .symbol.symbol-140 .symbol-label {
     width: 140px;
     height: 140px;
}
 .symbol.symbol-140 .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol.symbol-140 .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-140.symbol-circle .symbol-badge {
     top: 16.7px;
     right: 16.7px;
}
 .symbol.symbol-140.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: 16.7px;
}
 .symbol.symbol-140.symbol-fixed .symbol-label {
     width: 140px;
     height: 140px;
}
 .symbol.symbol-140.symbol-fixed > img {
     width: 140px;
     height: 140px;
     max-width: auto;
}
 .symbol.symbol-140.symbol-2by3 .symbol-label {
     height: 140px;
     width: 210px;
}
 .symbol.symbol-140.symbol-2by3 > img {
     height: 140px;
     width: 210px;
     max-width: auto;
}
 .symbol.symbol-150 > img {
     width: 100%;
     max-width: 150px;
     height: 150px;
}
 .symbol.symbol-150 .symbol-label {
     width: 150px;
     height: 150px;
}
 .symbol.symbol-150 .symbol-badge {
     width: 12px;
     height: 12px;
     top: -6px;
     right: -6px;
}
 .symbol.symbol-150 .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: -6px;
}
 .symbol.symbol-150.symbol-circle .symbol-badge {
     top: 18.75px;
     right: 18.75px;
}
 .symbol.symbol-150.symbol-circle .symbol-badge.symbol-badge-bottom {
     top: auto;
     bottom: 18.75px;
}
 .symbol.symbol-150.symbol-fixed .symbol-label {
     width: 150px;
     height: 150px;
}
 .symbol.symbol-150.symbol-fixed > img {
     width: 150px;
     height: 150px;
     max-width: auto;
}
 .symbol.symbol-150.symbol-2by3 .symbol-label {
     height: 150px;
     width: 225px;
}
 .symbol.symbol-150.symbol-2by3 > img {
     height: 150px;
     width: 225px;
     max-width: auto;
}
 @media (min-width: 576px) {
     .symbol.symbol-sm-20 > img {
         width: 100%;
         max-width: 20px;
         height: 20px;
    }
     .symbol.symbol-sm-20 .symbol-label {
         width: 20px;
         height: 20px;
    }
     .symbol.symbol-sm-20 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-sm-20 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-sm-20.symbol-circle .symbol-badge {
         top: -7.9px;
         right: -7.9px;
    }
     .symbol.symbol-sm-20.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -7.9px;
    }
     .symbol.symbol-sm-20.symbol-fixed .symbol-label {
         width: 20px;
         height: 20px;
    }
     .symbol.symbol-sm-20.symbol-fixed > img {
         width: 20px;
         height: 20px;
         max-width: auto;
    }
     .symbol.symbol-sm-20.symbol-2by3 .symbol-label {
         height: 20px;
         width: 30px;
    }
     .symbol.symbol-sm-20.symbol-2by3 > img {
         height: 20px;
         width: 30px;
         max-width: auto;
    }
     .symbol.symbol-sm-25 > img {
         width: 100%;
         max-width: 25px;
         height: 25px;
    }
     .symbol.symbol-sm-25 .symbol-label {
         width: 25px;
         height: 25px;
    }
     .symbol.symbol-sm-25 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-sm-25 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-sm-25.symbol-circle .symbol-badge {
         top: -6.875px;
         right: -6.875px;
    }
     .symbol.symbol-sm-25.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6.875px;
    }
     .symbol.symbol-sm-25.symbol-fixed .symbol-label {
         width: 25px;
         height: 25px;
    }
     .symbol.symbol-sm-25.symbol-fixed > img {
         width: 25px;
         height: 25px;
         max-width: auto;
    }
     .symbol.symbol-sm-25.symbol-2by3 .symbol-label {
         height: 25px;
         width: 37.5px;
    }
     .symbol.symbol-sm-25.symbol-2by3 > img {
         height: 25px;
         width: 37.5px;
         max-width: auto;
    }
     .symbol.symbol-sm-30 > img {
         width: 100%;
         max-width: 30px;
         height: 30px;
    }
     .symbol.symbol-sm-30 .symbol-label {
         width: 30px;
         height: 30px;
    }
     .symbol.symbol-sm-30 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-sm-30 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-sm-30.symbol-circle .symbol-badge {
         top: -5.85px;
         right: -5.85px;
    }
     .symbol.symbol-sm-30.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -5.85px;
    }
     .symbol.symbol-sm-30.symbol-fixed .symbol-label {
         width: 30px;
         height: 30px;
    }
     .symbol.symbol-sm-30.symbol-fixed > img {
         width: 30px;
         height: 30px;
         max-width: auto;
    }
     .symbol.symbol-sm-30.symbol-2by3 .symbol-label {
         height: 30px;
         width: 45px;
    }
     .symbol.symbol-sm-30.symbol-2by3 > img {
         height: 30px;
         width: 45px;
         max-width: auto;
    }
     .symbol.symbol-sm-35 > img {
         width: 100%;
         max-width: 35px;
         height: 35px;
    }
     .symbol.symbol-sm-35 .symbol-label {
         width: 35px;
         height: 35px;
    }
     .symbol.symbol-sm-35 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-sm-35 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-sm-35.symbol-circle .symbol-badge {
         top: -4.825px;
         right: -4.825px;
    }
     .symbol.symbol-sm-35.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -4.825px;
    }
     .symbol.symbol-sm-35.symbol-fixed .symbol-label {
         width: 35px;
         height: 35px;
    }
     .symbol.symbol-sm-35.symbol-fixed > img {
         width: 35px;
         height: 35px;
         max-width: auto;
    }
     .symbol.symbol-sm-35.symbol-2by3 .symbol-label {
         height: 35px;
         width: 52.5px;
    }
     .symbol.symbol-sm-35.symbol-2by3 > img {
         height: 35px;
         width: 52.5px;
         max-width: auto;
    }
     .symbol.symbol-sm-40 > img {
         width: 100%;
         max-width: 40px;
         height: 40px;
    }
     .symbol.symbol-sm-40 .symbol-label {
         width: 40px;
         height: 40px;
    }
     .symbol.symbol-sm-40 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-sm-40 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-sm-40.symbol-circle .symbol-badge {
         top: -3.8px;
         right: -3.8px;
    }
     .symbol.symbol-sm-40.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -3.8px;
    }
     .symbol.symbol-sm-40.symbol-fixed .symbol-label {
         width: 40px;
         height: 40px;
    }
     .symbol.symbol-sm-40.symbol-fixed > img {
         width: 40px;
         height: 40px;
         max-width: auto;
    }
     .symbol.symbol-sm-40.symbol-2by3 .symbol-label {
         height: 40px;
         width: 60px;
    }
     .symbol.symbol-sm-40.symbol-2by3 > img {
         height: 40px;
         width: 60px;
         max-width: auto;
    }
     .symbol.symbol-sm-45 > img {
         width: 100%;
         max-width: 45px;
         height: 45px;
    }
     .symbol.symbol-sm-45 .symbol-label {
         width: 45px;
         height: 45px;
    }
     .symbol.symbol-sm-45 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-sm-45 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-sm-45.symbol-circle .symbol-badge {
         top: -2.775px;
         right: -2.775px;
    }
     .symbol.symbol-sm-45.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -2.775px;
    }
     .symbol.symbol-sm-45.symbol-fixed .symbol-label {
         width: 45px;
         height: 45px;
    }
     .symbol.symbol-sm-45.symbol-fixed > img {
         width: 45px;
         height: 45px;
         max-width: auto;
    }
     .symbol.symbol-sm-45.symbol-2by3 .symbol-label {
         height: 45px;
         width: 67.5px;
    }
     .symbol.symbol-sm-45.symbol-2by3 > img {
         height: 45px;
         width: 67.5px;
         max-width: auto;
    }
     .symbol > img {
         width: 100%;
         max-width: 50px;
         height: 50px;
    }
     .symbol .symbol-label {
         width: 50px;
         height: 50px;
    }
     .symbol .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-circle .symbol-badge {
         top: -1.75px;
         right: -1.75px;
    }
     .symbol.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -1.75px;
    }
     .symbol.symbol-fixed .symbol-label {
         width: 50px;
         height: 50px;
    }
     .symbol.symbol-fixed > img {
         width: 50px;
         height: 50px;
         max-width: auto;
    }
     .symbol.symbol-2by3 .symbol-label {
         height: 50px;
         width: 75px;
    }
     .symbol.symbol-2by3 > img {
         height: 50px;
         width: 75px;
         max-width: auto;
    }
     .symbol.symbol-sm-50 > img {
         width: 100%;
         max-width: 50px;
         height: 50px;
    }
     .symbol.symbol-sm-50 .symbol-label {
         width: 50px;
         height: 50px;
    }
     .symbol.symbol-sm-50 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-sm-50 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-sm-50.symbol-circle .symbol-badge {
         top: -1.75px;
         right: -1.75px;
    }
     .symbol.symbol-sm-50.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -1.75px;
    }
     .symbol.symbol-sm-50.symbol-fixed .symbol-label {
         width: 50px;
         height: 50px;
    }
     .symbol.symbol-sm-50.symbol-fixed > img {
         width: 50px;
         height: 50px;
         max-width: auto;
    }
     .symbol.symbol-sm-50.symbol-2by3 .symbol-label {
         height: 50px;
         width: 75px;
    }
     .symbol.symbol-sm-50.symbol-2by3 > img {
         height: 50px;
         width: 75px;
         max-width: auto;
    }
     .symbol.symbol-sm-55 > img {
         width: 100%;
         max-width: 55px;
         height: 55px;
    }
     .symbol.symbol-sm-55 .symbol-label {
         width: 55px;
         height: 55px;
    }
     .symbol.symbol-sm-55 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-sm-55 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-sm-55.symbol-circle .symbol-badge {
         top: -0.725px;
         right: -0.725px;
    }
     .symbol.symbol-sm-55.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -0.725px;
    }
     .symbol.symbol-sm-55.symbol-fixed .symbol-label {
         width: 55px;
         height: 55px;
    }
     .symbol.symbol-sm-55.symbol-fixed > img {
         width: 55px;
         height: 55px;
         max-width: auto;
    }
     .symbol.symbol-sm-55.symbol-2by3 .symbol-label {
         height: 55px;
         width: 82.5px;
    }
     .symbol.symbol-sm-55.symbol-2by3 > img {
         height: 55px;
         width: 82.5px;
         max-width: auto;
    }
     .symbol.symbol-sm-60 > img {
         width: 100%;
         max-width: 60px;
         height: 60px;
    }
     .symbol.symbol-sm-60 .symbol-label {
         width: 60px;
         height: 60px;
    }
     .symbol.symbol-sm-60 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-sm-60 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-sm-60.symbol-circle .symbol-badge {
         top: 0.3px;
         right: 0.3px;
    }
     .symbol.symbol-sm-60.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 0.3px;
    }
     .symbol.symbol-sm-60.symbol-fixed .symbol-label {
         width: 60px;
         height: 60px;
    }
     .symbol.symbol-sm-60.symbol-fixed > img {
         width: 60px;
         height: 60px;
         max-width: auto;
    }
     .symbol.symbol-sm-60.symbol-2by3 .symbol-label {
         height: 60px;
         width: 90px;
    }
     .symbol.symbol-sm-60.symbol-2by3 > img {
         height: 60px;
         width: 90px;
         max-width: auto;
    }
     .symbol.symbol-sm-65 > img {
         width: 100%;
         max-width: 65px;
         height: 65px;
    }
     .symbol.symbol-sm-65 .symbol-label {
         width: 65px;
         height: 65px;
    }
     .symbol.symbol-sm-65 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-sm-65 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-sm-65.symbol-circle .symbol-badge {
         top: 1.325px;
         right: 1.325px;
    }
     .symbol.symbol-sm-65.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 1.325px;
    }
     .symbol.symbol-sm-65.symbol-fixed .symbol-label {
         width: 65px;
         height: 65px;
    }
     .symbol.symbol-sm-65.symbol-fixed > img {
         width: 65px;
         height: 65px;
         max-width: auto;
    }
     .symbol.symbol-sm-65.symbol-2by3 .symbol-label {
         height: 65px;
         width: 97.5px;
    }
     .symbol.symbol-sm-65.symbol-2by3 > img {
         height: 65px;
         width: 97.5px;
         max-width: auto;
    }
     .symbol.symbol-sm-70 > img {
         width: 100%;
         max-width: 70px;
         height: 70px;
    }
     .symbol.symbol-sm-70 .symbol-label {
         width: 70px;
         height: 70px;
    }
     .symbol.symbol-sm-70 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-sm-70 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-sm-70.symbol-circle .symbol-badge {
         top: 2.35px;
         right: 2.35px;
    }
     .symbol.symbol-sm-70.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 2.35px;
    }
     .symbol.symbol-sm-70.symbol-fixed .symbol-label {
         width: 70px;
         height: 70px;
    }
     .symbol.symbol-sm-70.symbol-fixed > img {
         width: 70px;
         height: 70px;
         max-width: auto;
    }
     .symbol.symbol-sm-70.symbol-2by3 .symbol-label {
         height: 70px;
         width: 105px;
    }
     .symbol.symbol-sm-70.symbol-2by3 > img {
         height: 70px;
         width: 105px;
         max-width: auto;
    }
     .symbol.symbol-sm-75 > img {
         width: 100%;
         max-width: 75px;
         height: 75px;
    }
     .symbol.symbol-sm-75 .symbol-label {
         width: 75px;
         height: 75px;
    }
     .symbol.symbol-sm-75 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-sm-75 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-sm-75.symbol-circle .symbol-badge {
         top: 3.375px;
         right: 3.375px;
    }
     .symbol.symbol-sm-75.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 3.375px;
    }
     .symbol.symbol-sm-75.symbol-fixed .symbol-label {
         width: 75px;
         height: 75px;
    }
     .symbol.symbol-sm-75.symbol-fixed > img {
         width: 75px;
         height: 75px;
         max-width: auto;
    }
     .symbol.symbol-sm-75.symbol-2by3 .symbol-label {
         height: 75px;
         width: 112.5px;
    }
     .symbol.symbol-sm-75.symbol-2by3 > img {
         height: 75px;
         width: 112.5px;
         max-width: auto;
    }
     .symbol.symbol-sm-80 > img {
         width: 100%;
         max-width: 80px;
         height: 80px;
    }
     .symbol.symbol-sm-80 .symbol-label {
         width: 80px;
         height: 80px;
    }
     .symbol.symbol-sm-80 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-sm-80 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-sm-80.symbol-circle .symbol-badge {
         top: 4.4px;
         right: 4.4px;
    }
     .symbol.symbol-sm-80.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 4.4px;
    }
     .symbol.symbol-sm-80.symbol-fixed .symbol-label {
         width: 80px;
         height: 80px;
    }
     .symbol.symbol-sm-80.symbol-fixed > img {
         width: 80px;
         height: 80px;
         max-width: auto;
    }
     .symbol.symbol-sm-80.symbol-2by3 .symbol-label {
         height: 80px;
         width: 120px;
    }
     .symbol.symbol-sm-80.symbol-2by3 > img {
         height: 80px;
         width: 120px;
         max-width: auto;
    }
     .symbol.symbol-sm-85 > img {
         width: 100%;
         max-width: 85px;
         height: 85px;
    }
     .symbol.symbol-sm-85 .symbol-label {
         width: 85px;
         height: 85px;
    }
     .symbol.symbol-sm-85 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-sm-85 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-sm-85.symbol-circle .symbol-badge {
         top: 5.425px;
         right: 5.425px;
    }
     .symbol.symbol-sm-85.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 5.425px;
    }
     .symbol.symbol-sm-85.symbol-fixed .symbol-label {
         width: 85px;
         height: 85px;
    }
     .symbol.symbol-sm-85.symbol-fixed > img {
         width: 85px;
         height: 85px;
         max-width: auto;
    }
     .symbol.symbol-sm-85.symbol-2by3 .symbol-label {
         height: 85px;
         width: 127.5px;
    }
     .symbol.symbol-sm-85.symbol-2by3 > img {
         height: 85px;
         width: 127.5px;
         max-width: auto;
    }
     .symbol.symbol-sm-90 > img {
         width: 100%;
         max-width: 90px;
         height: 90px;
    }
     .symbol.symbol-sm-90 .symbol-label {
         width: 90px;
         height: 90px;
    }
     .symbol.symbol-sm-90 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-sm-90 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-sm-90.symbol-circle .symbol-badge {
         top: 6.45px;
         right: 6.45px;
    }
     .symbol.symbol-sm-90.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 6.45px;
    }
     .symbol.symbol-sm-90.symbol-fixed .symbol-label {
         width: 90px;
         height: 90px;
    }
     .symbol.symbol-sm-90.symbol-fixed > img {
         width: 90px;
         height: 90px;
         max-width: auto;
    }
     .symbol.symbol-sm-90.symbol-2by3 .symbol-label {
         height: 90px;
         width: 135px;
    }
     .symbol.symbol-sm-90.symbol-2by3 > img {
         height: 90px;
         width: 135px;
         max-width: auto;
    }
     .symbol.symbol-sm-95 > img {
         width: 100%;
         max-width: 95px;
         height: 95px;
    }
     .symbol.symbol-sm-95 .symbol-label {
         width: 95px;
         height: 95px;
    }
     .symbol.symbol-sm-95 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-sm-95 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-sm-95.symbol-circle .symbol-badge {
         top: 7.475px;
         right: 7.475px;
    }
     .symbol.symbol-sm-95.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 7.475px;
    }
     .symbol.symbol-sm-95.symbol-fixed .symbol-label {
         width: 95px;
         height: 95px;
    }
     .symbol.symbol-sm-95.symbol-fixed > img {
         width: 95px;
         height: 95px;
         max-width: auto;
    }
     .symbol.symbol-sm-95.symbol-2by3 .symbol-label {
         height: 95px;
         width: 142.5px;
    }
     .symbol.symbol-sm-95.symbol-2by3 > img {
         height: 95px;
         width: 142.5px;
         max-width: auto;
    }
     .symbol.symbol-sm-100 > img {
         width: 100%;
         max-width: 100px;
         height: 100px;
    }
     .symbol.symbol-sm-100 .symbol-label {
         width: 100px;
         height: 100px;
    }
     .symbol.symbol-sm-100 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-sm-100 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-sm-100.symbol-circle .symbol-badge {
         top: 8.5px;
         right: 8.5px;
    }
     .symbol.symbol-sm-100.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 8.5px;
    }
     .symbol.symbol-sm-100.symbol-fixed .symbol-label {
         width: 100px;
         height: 100px;
    }
     .symbol.symbol-sm-100.symbol-fixed > img {
         width: 100px;
         height: 100px;
         max-width: auto;
    }
     .symbol.symbol-sm-100.symbol-2by3 .symbol-label {
         height: 100px;
         width: 150px;
    }
     .symbol.symbol-sm-100.symbol-2by3 > img {
         height: 100px;
         width: 150px;
         max-width: auto;
    }
     .symbol.symbol-sm-120 > img {
         width: 100%;
         max-width: 120px;
         height: 120px;
    }
     .symbol.symbol-sm-120 .symbol-label {
         width: 120px;
         height: 120px;
    }
     .symbol.symbol-sm-120 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-sm-120 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-sm-120.symbol-circle .symbol-badge {
         top: 12.6px;
         right: 12.6px;
    }
     .symbol.symbol-sm-120.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 12.6px;
    }
     .symbol.symbol-sm-120.symbol-fixed .symbol-label {
         width: 120px;
         height: 120px;
    }
     .symbol.symbol-sm-120.symbol-fixed > img {
         width: 120px;
         height: 120px;
         max-width: auto;
    }
     .symbol.symbol-sm-120.symbol-2by3 .symbol-label {
         height: 120px;
         width: 180px;
    }
     .symbol.symbol-sm-120.symbol-2by3 > img {
         height: 120px;
         width: 180px;
         max-width: auto;
    }
     .symbol.symbol-sm-130 > img {
         width: 100%;
         max-width: 130px;
         height: 130px;
    }
     .symbol.symbol-sm-130 .symbol-label {
         width: 130px;
         height: 130px;
    }
     .symbol.symbol-sm-130 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-sm-130 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-sm-130.symbol-circle .symbol-badge {
         top: 14.65px;
         right: 14.65px;
    }
     .symbol.symbol-sm-130.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 14.65px;
    }
     .symbol.symbol-sm-130.symbol-fixed .symbol-label {
         width: 130px;
         height: 130px;
    }
     .symbol.symbol-sm-130.symbol-fixed > img {
         width: 130px;
         height: 130px;
         max-width: auto;
    }
     .symbol.symbol-sm-130.symbol-2by3 .symbol-label {
         height: 130px;
         width: 195px;
    }
     .symbol.symbol-sm-130.symbol-2by3 > img {
         height: 130px;
         width: 195px;
         max-width: auto;
    }
     .symbol.symbol-sm-140 > img {
         width: 100%;
         max-width: 140px;
         height: 140px;
    }
     .symbol.symbol-sm-140 .symbol-label {
         width: 140px;
         height: 140px;
    }
     .symbol.symbol-sm-140 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-sm-140 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-sm-140.symbol-circle .symbol-badge {
         top: 16.7px;
         right: 16.7px;
    }
     .symbol.symbol-sm-140.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 16.7px;
    }
     .symbol.symbol-sm-140.symbol-fixed .symbol-label {
         width: 140px;
         height: 140px;
    }
     .symbol.symbol-sm-140.symbol-fixed > img {
         width: 140px;
         height: 140px;
         max-width: auto;
    }
     .symbol.symbol-sm-140.symbol-2by3 .symbol-label {
         height: 140px;
         width: 210px;
    }
     .symbol.symbol-sm-140.symbol-2by3 > img {
         height: 140px;
         width: 210px;
         max-width: auto;
    }
     .symbol.symbol-sm-150 > img {
         width: 100%;
         max-width: 150px;
         height: 150px;
    }
     .symbol.symbol-sm-150 .symbol-label {
         width: 150px;
         height: 150px;
    }
     .symbol.symbol-sm-150 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-sm-150 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-sm-150.symbol-circle .symbol-badge {
         top: 18.75px;
         right: 18.75px;
    }
     .symbol.symbol-sm-150.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 18.75px;
    }
     .symbol.symbol-sm-150.symbol-fixed .symbol-label {
         width: 150px;
         height: 150px;
    }
     .symbol.symbol-sm-150.symbol-fixed > img {
         width: 150px;
         height: 150px;
         max-width: auto;
    }
     .symbol.symbol-sm-150.symbol-2by3 .symbol-label {
         height: 150px;
         width: 225px;
    }
     .symbol.symbol-sm-150.symbol-2by3 > img {
         height: 150px;
         width: 225px;
         max-width: auto;
    }
}
 @media (min-width: 768px) {
     .symbol.symbol-md-20 > img {
         width: 100%;
         max-width: 20px;
         height: 20px;
    }
     .symbol.symbol-md-20 .symbol-label {
         width: 20px;
         height: 20px;
    }
     .symbol.symbol-md-20 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-md-20 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-md-20.symbol-circle .symbol-badge {
         top: -7.9px;
         right: -7.9px;
    }
     .symbol.symbol-md-20.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -7.9px;
    }
     .symbol.symbol-md-20.symbol-fixed .symbol-label {
         width: 20px;
         height: 20px;
    }
     .symbol.symbol-md-20.symbol-fixed > img {
         width: 20px;
         height: 20px;
         max-width: auto;
    }
     .symbol.symbol-md-20.symbol-2by3 .symbol-label {
         height: 20px;
         width: 30px;
    }
     .symbol.symbol-md-20.symbol-2by3 > img {
         height: 20px;
         width: 30px;
         max-width: auto;
    }
     .symbol.symbol-md-25 > img {
         width: 100%;
         max-width: 25px;
         height: 25px;
    }
     .symbol.symbol-md-25 .symbol-label {
         width: 25px;
         height: 25px;
    }
     .symbol.symbol-md-25 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-md-25 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-md-25.symbol-circle .symbol-badge {
         top: -6.875px;
         right: -6.875px;
    }
     .symbol.symbol-md-25.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6.875px;
    }
     .symbol.symbol-md-25.symbol-fixed .symbol-label {
         width: 25px;
         height: 25px;
    }
     .symbol.symbol-md-25.symbol-fixed > img {
         width: 25px;
         height: 25px;
         max-width: auto;
    }
     .symbol.symbol-md-25.symbol-2by3 .symbol-label {
         height: 25px;
         width: 37.5px;
    }
     .symbol.symbol-md-25.symbol-2by3 > img {
         height: 25px;
         width: 37.5px;
         max-width: auto;
    }
     .symbol.symbol-md-30 > img {
         width: 100%;
         max-width: 30px;
         height: 30px;
    }
     .symbol.symbol-md-30 .symbol-label {
         width: 30px;
         height: 30px;
    }
     .symbol.symbol-md-30 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-md-30 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-md-30.symbol-circle .symbol-badge {
         top: -5.85px;
         right: -5.85px;
    }
     .symbol.symbol-md-30.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -5.85px;
    }
     .symbol.symbol-md-30.symbol-fixed .symbol-label {
         width: 30px;
         height: 30px;
    }
     .symbol.symbol-md-30.symbol-fixed > img {
         width: 30px;
         height: 30px;
         max-width: auto;
    }
     .symbol.symbol-md-30.symbol-2by3 .symbol-label {
         height: 30px;
         width: 45px;
    }
     .symbol.symbol-md-30.symbol-2by3 > img {
         height: 30px;
         width: 45px;
         max-width: auto;
    }
     .symbol.symbol-md-35 > img {
         width: 100%;
         max-width: 35px;
         height: 35px;
    }
     .symbol.symbol-md-35 .symbol-label {
         width: 35px;
         height: 35px;
    }
     .symbol.symbol-md-35 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-md-35 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-md-35.symbol-circle .symbol-badge {
         top: -4.825px;
         right: -4.825px;
    }
     .symbol.symbol-md-35.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -4.825px;
    }
     .symbol.symbol-md-35.symbol-fixed .symbol-label {
         width: 35px;
         height: 35px;
    }
     .symbol.symbol-md-35.symbol-fixed > img {
         width: 35px;
         height: 35px;
         max-width: auto;
    }
     .symbol.symbol-md-35.symbol-2by3 .symbol-label {
         height: 35px;
         width: 52.5px;
    }
     .symbol.symbol-md-35.symbol-2by3 > img {
         height: 35px;
         width: 52.5px;
         max-width: auto;
    }
     .symbol.symbol-md-40 > img {
         width: 100%;
         max-width: 40px;
         height: 40px;
    }
     .symbol.symbol-md-40 .symbol-label {
         width: 40px;
         height: 40px;
    }
     .symbol.symbol-md-40 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-md-40 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-md-40.symbol-circle .symbol-badge {
         top: -3.8px;
         right: -3.8px;
    }
     .symbol.symbol-md-40.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -3.8px;
    }
     .symbol.symbol-md-40.symbol-fixed .symbol-label {
         width: 40px;
         height: 40px;
    }
     .symbol.symbol-md-40.symbol-fixed > img {
         width: 40px;
         height: 40px;
         max-width: auto;
    }
     .symbol.symbol-md-40.symbol-2by3 .symbol-label {
         height: 40px;
         width: 60px;
    }
     .symbol.symbol-md-40.symbol-2by3 > img {
         height: 40px;
         width: 60px;
         max-width: auto;
    }
     .symbol.symbol-md-45 > img {
         width: 100%;
         max-width: 45px;
         height: 45px;
    }
     .symbol.symbol-md-45 .symbol-label {
         width: 45px;
         height: 45px;
    }
     .symbol.symbol-md-45 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-md-45 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-md-45.symbol-circle .symbol-badge {
         top: -2.775px;
         right: -2.775px;
    }
     .symbol.symbol-md-45.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -2.775px;
    }
     .symbol.symbol-md-45.symbol-fixed .symbol-label {
         width: 45px;
         height: 45px;
    }
     .symbol.symbol-md-45.symbol-fixed > img {
         width: 45px;
         height: 45px;
         max-width: auto;
    }
     .symbol.symbol-md-45.symbol-2by3 .symbol-label {
         height: 45px;
         width: 67.5px;
    }
     .symbol.symbol-md-45.symbol-2by3 > img {
         height: 45px;
         width: 67.5px;
         max-width: auto;
    }
     .symbol > img {
         width: 100%;
         max-width: 50px;
         height: 50px;
    }
     .symbol .symbol-label {
         width: 50px;
         height: 50px;
    }
     .symbol .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-circle .symbol-badge {
         top: -1.75px;
         right: -1.75px;
    }
     .symbol.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -1.75px;
    }
     .symbol.symbol-fixed .symbol-label {
         width: 50px;
         height: 50px;
    }
     .symbol.symbol-fixed > img {
         width: 50px;
         height: 50px;
         max-width: auto;
    }
     .symbol.symbol-2by3 .symbol-label {
         height: 50px;
         width: 75px;
    }
     .symbol.symbol-2by3 > img {
         height: 50px;
         width: 75px;
         max-width: auto;
    }
     .symbol.symbol-md-50 > img {
         width: 100%;
         max-width: 50px;
         height: 50px;
    }
     .symbol.symbol-md-50 .symbol-label {
         width: 50px;
         height: 50px;
    }
     .symbol.symbol-md-50 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-md-50 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-md-50.symbol-circle .symbol-badge {
         top: -1.75px;
         right: -1.75px;
    }
     .symbol.symbol-md-50.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -1.75px;
    }
     .symbol.symbol-md-50.symbol-fixed .symbol-label {
         width: 50px;
         height: 50px;
    }
     .symbol.symbol-md-50.symbol-fixed > img {
         width: 50px;
         height: 50px;
         max-width: auto;
    }
     .symbol.symbol-md-50.symbol-2by3 .symbol-label {
         height: 50px;
         width: 75px;
    }
     .symbol.symbol-md-50.symbol-2by3 > img {
         height: 50px;
         width: 75px;
         max-width: auto;
    }
     .symbol.symbol-md-55 > img {
         width: 100%;
         max-width: 55px;
         height: 55px;
    }
     .symbol.symbol-md-55 .symbol-label {
         width: 55px;
         height: 55px;
    }
     .symbol.symbol-md-55 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-md-55 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-md-55.symbol-circle .symbol-badge {
         top: -0.725px;
         right: -0.725px;
    }
     .symbol.symbol-md-55.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -0.725px;
    }
     .symbol.symbol-md-55.symbol-fixed .symbol-label {
         width: 55px;
         height: 55px;
    }
     .symbol.symbol-md-55.symbol-fixed > img {
         width: 55px;
         height: 55px;
         max-width: auto;
    }
     .symbol.symbol-md-55.symbol-2by3 .symbol-label {
         height: 55px;
         width: 82.5px;
    }
     .symbol.symbol-md-55.symbol-2by3 > img {
         height: 55px;
         width: 82.5px;
         max-width: auto;
    }
     .symbol.symbol-md-60 > img {
         width: 100%;
         max-width: 60px;
         height: 60px;
    }
     .symbol.symbol-md-60 .symbol-label {
         width: 60px;
         height: 60px;
    }
     .symbol.symbol-md-60 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-md-60 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-md-60.symbol-circle .symbol-badge {
         top: 0.3px;
         right: 0.3px;
    }
     .symbol.symbol-md-60.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 0.3px;
    }
     .symbol.symbol-md-60.symbol-fixed .symbol-label {
         width: 60px;
         height: 60px;
    }
     .symbol.symbol-md-60.symbol-fixed > img {
         width: 60px;
         height: 60px;
         max-width: auto;
    }
     .symbol.symbol-md-60.symbol-2by3 .symbol-label {
         height: 60px;
         width: 90px;
    }
     .symbol.symbol-md-60.symbol-2by3 > img {
         height: 60px;
         width: 90px;
         max-width: auto;
    }
     .symbol.symbol-md-65 > img {
         width: 100%;
         max-width: 65px;
         height: 65px;
    }
     .symbol.symbol-md-65 .symbol-label {
         width: 65px;
         height: 65px;
    }
     .symbol.symbol-md-65 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-md-65 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-md-65.symbol-circle .symbol-badge {
         top: 1.325px;
         right: 1.325px;
    }
     .symbol.symbol-md-65.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 1.325px;
    }
     .symbol.symbol-md-65.symbol-fixed .symbol-label {
         width: 65px;
         height: 65px;
    }
     .symbol.symbol-md-65.symbol-fixed > img {
         width: 65px;
         height: 65px;
         max-width: auto;
    }
     .symbol.symbol-md-65.symbol-2by3 .symbol-label {
         height: 65px;
         width: 97.5px;
    }
     .symbol.symbol-md-65.symbol-2by3 > img {
         height: 65px;
         width: 97.5px;
         max-width: auto;
    }
     .symbol.symbol-md-70 > img {
         width: 100%;
         max-width: 70px;
         height: 70px;
    }
     .symbol.symbol-md-70 .symbol-label {
         width: 70px;
         height: 70px;
    }
     .symbol.symbol-md-70 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-md-70 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-md-70.symbol-circle .symbol-badge {
         top: 2.35px;
         right: 2.35px;
    }
     .symbol.symbol-md-70.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 2.35px;
    }
     .symbol.symbol-md-70.symbol-fixed .symbol-label {
         width: 70px;
         height: 70px;
    }
     .symbol.symbol-md-70.symbol-fixed > img {
         width: 70px;
         height: 70px;
         max-width: auto;
    }
     .symbol.symbol-md-70.symbol-2by3 .symbol-label {
         height: 70px;
         width: 105px;
    }
     .symbol.symbol-md-70.symbol-2by3 > img {
         height: 70px;
         width: 105px;
         max-width: auto;
    }
     .symbol.symbol-md-75 > img {
         width: 100%;
         max-width: 75px;
         height: 75px;
    }
     .symbol.symbol-md-75 .symbol-label {
         width: 75px;
         height: 75px;
    }
     .symbol.symbol-md-75 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-md-75 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-md-75.symbol-circle .symbol-badge {
         top: 3.375px;
         right: 3.375px;
    }
     .symbol.symbol-md-75.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 3.375px;
    }
     .symbol.symbol-md-75.symbol-fixed .symbol-label {
         width: 75px;
         height: 75px;
    }
     .symbol.symbol-md-75.symbol-fixed > img {
         width: 75px;
         height: 75px;
         max-width: auto;
    }
     .symbol.symbol-md-75.symbol-2by3 .symbol-label {
         height: 75px;
         width: 112.5px;
    }
     .symbol.symbol-md-75.symbol-2by3 > img {
         height: 75px;
         width: 112.5px;
         max-width: auto;
    }
     .symbol.symbol-md-80 > img {
         width: 100%;
         max-width: 80px;
         height: 80px;
    }
     .symbol.symbol-md-80 .symbol-label {
         width: 80px;
         height: 80px;
    }
     .symbol.symbol-md-80 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-md-80 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-md-80.symbol-circle .symbol-badge {
         top: 4.4px;
         right: 4.4px;
    }
     .symbol.symbol-md-80.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 4.4px;
    }
     .symbol.symbol-md-80.symbol-fixed .symbol-label {
         width: 80px;
         height: 80px;
    }
     .symbol.symbol-md-80.symbol-fixed > img {
         width: 80px;
         height: 80px;
         max-width: auto;
    }
     .symbol.symbol-md-80.symbol-2by3 .symbol-label {
         height: 80px;
         width: 120px;
    }
     .symbol.symbol-md-80.symbol-2by3 > img {
         height: 80px;
         width: 120px;
         max-width: auto;
    }
     .symbol.symbol-md-85 > img {
         width: 100%;
         max-width: 85px;
         height: 85px;
    }
     .symbol.symbol-md-85 .symbol-label {
         width: 85px;
         height: 85px;
    }
     .symbol.symbol-md-85 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-md-85 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-md-85.symbol-circle .symbol-badge {
         top: 5.425px;
         right: 5.425px;
    }
     .symbol.symbol-md-85.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 5.425px;
    }
     .symbol.symbol-md-85.symbol-fixed .symbol-label {
         width: 85px;
         height: 85px;
    }
     .symbol.symbol-md-85.symbol-fixed > img {
         width: 85px;
         height: 85px;
         max-width: auto;
    }
     .symbol.symbol-md-85.symbol-2by3 .symbol-label {
         height: 85px;
         width: 127.5px;
    }
     .symbol.symbol-md-85.symbol-2by3 > img {
         height: 85px;
         width: 127.5px;
         max-width: auto;
    }
     .symbol.symbol-md-90 > img {
         width: 100%;
         max-width: 90px;
         height: 90px;
    }
     .symbol.symbol-md-90 .symbol-label {
         width: 90px;
         height: 90px;
    }
     .symbol.symbol-md-90 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-md-90 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-md-90.symbol-circle .symbol-badge {
         top: 6.45px;
         right: 6.45px;
    }
     .symbol.symbol-md-90.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 6.45px;
    }
     .symbol.symbol-md-90.symbol-fixed .symbol-label {
         width: 90px;
         height: 90px;
    }
     .symbol.symbol-md-90.symbol-fixed > img {
         width: 90px;
         height: 90px;
         max-width: auto;
    }
     .symbol.symbol-md-90.symbol-2by3 .symbol-label {
         height: 90px;
         width: 135px;
    }
     .symbol.symbol-md-90.symbol-2by3 > img {
         height: 90px;
         width: 135px;
         max-width: auto;
    }
     .symbol.symbol-md-95 > img {
         width: 100%;
         max-width: 95px;
         height: 95px;
    }
     .symbol.symbol-md-95 .symbol-label {
         width: 95px;
         height: 95px;
    }
     .symbol.symbol-md-95 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-md-95 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-md-95.symbol-circle .symbol-badge {
         top: 7.475px;
         right: 7.475px;
    }
     .symbol.symbol-md-95.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 7.475px;
    }
     .symbol.symbol-md-95.symbol-fixed .symbol-label {
         width: 95px;
         height: 95px;
    }
     .symbol.symbol-md-95.symbol-fixed > img {
         width: 95px;
         height: 95px;
         max-width: auto;
    }
     .symbol.symbol-md-95.symbol-2by3 .symbol-label {
         height: 95px;
         width: 142.5px;
    }
     .symbol.symbol-md-95.symbol-2by3 > img {
         height: 95px;
         width: 142.5px;
         max-width: auto;
    }
     .symbol.symbol-md-100 > img {
         width: 100%;
         max-width: 100px;
         height: 100px;
    }
     .symbol.symbol-md-100 .symbol-label {
         width: 100px;
         height: 100px;
    }
     .symbol.symbol-md-100 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-md-100 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-md-100.symbol-circle .symbol-badge {
         top: 8.5px;
         right: 8.5px;
    }
     .symbol.symbol-md-100.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 8.5px;
    }
     .symbol.symbol-md-100.symbol-fixed .symbol-label {
         width: 100px;
         height: 100px;
    }
     .symbol.symbol-md-100.symbol-fixed > img {
         width: 100px;
         height: 100px;
         max-width: auto;
    }
     .symbol.symbol-md-100.symbol-2by3 .symbol-label {
         height: 100px;
         width: 150px;
    }
     .symbol.symbol-md-100.symbol-2by3 > img {
         height: 100px;
         width: 150px;
         max-width: auto;
    }
     .symbol.symbol-md-120 > img {
         width: 100%;
         max-width: 120px;
         height: 120px;
    }
     .symbol.symbol-md-120 .symbol-label {
         width: 120px;
         height: 120px;
    }
     .symbol.symbol-md-120 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-md-120 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-md-120.symbol-circle .symbol-badge {
         top: 12.6px;
         right: 12.6px;
    }
     .symbol.symbol-md-120.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 12.6px;
    }
     .symbol.symbol-md-120.symbol-fixed .symbol-label {
         width: 120px;
         height: 120px;
    }
     .symbol.symbol-md-120.symbol-fixed > img {
         width: 120px;
         height: 120px;
         max-width: auto;
    }
     .symbol.symbol-md-120.symbol-2by3 .symbol-label {
         height: 120px;
         width: 180px;
    }
     .symbol.symbol-md-120.symbol-2by3 > img {
         height: 120px;
         width: 180px;
         max-width: auto;
    }
     .symbol.symbol-md-130 > img {
         width: 100%;
         max-width: 130px;
         height: 130px;
    }
     .symbol.symbol-md-130 .symbol-label {
         width: 130px;
         height: 130px;
    }
     .symbol.symbol-md-130 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-md-130 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-md-130.symbol-circle .symbol-badge {
         top: 14.65px;
         right: 14.65px;
    }
     .symbol.symbol-md-130.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 14.65px;
    }
     .symbol.symbol-md-130.symbol-fixed .symbol-label {
         width: 130px;
         height: 130px;
    }
     .symbol.symbol-md-130.symbol-fixed > img {
         width: 130px;
         height: 130px;
         max-width: auto;
    }
     .symbol.symbol-md-130.symbol-2by3 .symbol-label {
         height: 130px;
         width: 195px;
    }
     .symbol.symbol-md-130.symbol-2by3 > img {
         height: 130px;
         width: 195px;
         max-width: auto;
    }
     .symbol.symbol-md-140 > img {
         width: 100%;
         max-width: 140px;
         height: 140px;
    }
     .symbol.symbol-md-140 .symbol-label {
         width: 140px;
         height: 140px;
    }
     .symbol.symbol-md-140 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-md-140 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-md-140.symbol-circle .symbol-badge {
         top: 16.7px;
         right: 16.7px;
    }
     .symbol.symbol-md-140.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 16.7px;
    }
     .symbol.symbol-md-140.symbol-fixed .symbol-label {
         width: 140px;
         height: 140px;
    }
     .symbol.symbol-md-140.symbol-fixed > img {
         width: 140px;
         height: 140px;
         max-width: auto;
    }
     .symbol.symbol-md-140.symbol-2by3 .symbol-label {
         height: 140px;
         width: 210px;
    }
     .symbol.symbol-md-140.symbol-2by3 > img {
         height: 140px;
         width: 210px;
         max-width: auto;
    }
     .symbol.symbol-md-150 > img {
         width: 100%;
         max-width: 150px;
         height: 150px;
    }
     .symbol.symbol-md-150 .symbol-label {
         width: 150px;
         height: 150px;
    }
     .symbol.symbol-md-150 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-md-150 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-md-150.symbol-circle .symbol-badge {
         top: 18.75px;
         right: 18.75px;
    }
     .symbol.symbol-md-150.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 18.75px;
    }
     .symbol.symbol-md-150.symbol-fixed .symbol-label {
         width: 150px;
         height: 150px;
    }
     .symbol.symbol-md-150.symbol-fixed > img {
         width: 150px;
         height: 150px;
         max-width: auto;
    }
     .symbol.symbol-md-150.symbol-2by3 .symbol-label {
         height: 150px;
         width: 225px;
    }
     .symbol.symbol-md-150.symbol-2by3 > img {
         height: 150px;
         width: 225px;
         max-width: auto;
    }
}
 @media (min-width: 992px) {
     .symbol.symbol-lg-20 > img {
         width: 100%;
         max-width: 20px;
         height: 20px;
    }
     .symbol.symbol-lg-20 .symbol-label {
         width: 20px;
         height: 20px;
    }
     .symbol.symbol-lg-20 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-lg-20 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-lg-20.symbol-circle .symbol-badge {
         top: -7.9px;
         right: -7.9px;
    }
     .symbol.symbol-lg-20.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -7.9px;
    }
     .symbol.symbol-lg-20.symbol-fixed .symbol-label {
         width: 20px;
         height: 20px;
    }
     .symbol.symbol-lg-20.symbol-fixed > img {
         width: 20px;
         height: 20px;
         max-width: auto;
    }
     .symbol.symbol-lg-20.symbol-2by3 .symbol-label {
         height: 20px;
         width: 30px;
    }
     .symbol.symbol-lg-20.symbol-2by3 > img {
         height: 20px;
         width: 30px;
         max-width: auto;
    }
     .symbol.symbol-lg-25 > img {
         width: 100%;
         max-width: 25px;
         height: 25px;
    }
     .symbol.symbol-lg-25 .symbol-label {
         width: 25px;
         height: 25px;
    }
     .symbol.symbol-lg-25 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-lg-25 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-lg-25.symbol-circle .symbol-badge {
         top: -6.875px;
         right: -6.875px;
    }
     .symbol.symbol-lg-25.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6.875px;
    }
     .symbol.symbol-lg-25.symbol-fixed .symbol-label {
         width: 25px;
         height: 25px;
    }
     .symbol.symbol-lg-25.symbol-fixed > img {
         width: 25px;
         height: 25px;
         max-width: auto;
    }
     .symbol.symbol-lg-25.symbol-2by3 .symbol-label {
         height: 25px;
         width: 37.5px;
    }
     .symbol.symbol-lg-25.symbol-2by3 > img {
         height: 25px;
         width: 37.5px;
         max-width: auto;
    }
     .symbol.symbol-lg-30 > img {
         width: 100%;
         max-width: 30px;
         height: 30px;
    }
     .symbol.symbol-lg-30 .symbol-label {
         width: 30px;
         height: 30px;
    }
     .symbol.symbol-lg-30 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-lg-30 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-lg-30.symbol-circle .symbol-badge {
         top: -5.85px;
         right: -5.85px;
    }
     .symbol.symbol-lg-30.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -5.85px;
    }
     .symbol.symbol-lg-30.symbol-fixed .symbol-label {
         width: 30px;
         height: 30px;
    }
     .symbol.symbol-lg-30.symbol-fixed > img {
         width: 30px;
         height: 30px;
         max-width: auto;
    }
     .symbol.symbol-lg-30.symbol-2by3 .symbol-label {
         height: 30px;
         width: 45px;
    }
     .symbol.symbol-lg-30.symbol-2by3 > img {
         height: 30px;
         width: 45px;
         max-width: auto;
    }
     .symbol.symbol-lg-35 > img {
         width: 100%;
         max-width: 35px;
         height: 35px;
    }
     .symbol.symbol-lg-35 .symbol-label {
         width: 35px;
         height: 35px;
    }
     .symbol.symbol-lg-35 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-lg-35 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-lg-35.symbol-circle .symbol-badge {
         top: -4.825px;
         right: -4.825px;
    }
     .symbol.symbol-lg-35.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -4.825px;
    }
     .symbol.symbol-lg-35.symbol-fixed .symbol-label {
         width: 35px;
         height: 35px;
    }
     .symbol.symbol-lg-35.symbol-fixed > img {
         width: 35px;
         height: 35px;
         max-width: auto;
    }
     .symbol.symbol-lg-35.symbol-2by3 .symbol-label {
         height: 35px;
         width: 52.5px;
    }
     .symbol.symbol-lg-35.symbol-2by3 > img {
         height: 35px;
         width: 52.5px;
         max-width: auto;
    }
     .symbol.symbol-lg-40 > img {
         width: 100%;
         max-width: 40px;
         height: 40px;
    }
     .symbol.symbol-lg-40 .symbol-label {
         width: 40px;
         height: 40px;
    }
     .symbol.symbol-lg-40 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-lg-40 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-lg-40.symbol-circle .symbol-badge {
         top: -3.8px;
         right: -3.8px;
    }
     .symbol.symbol-lg-40.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -3.8px;
    }
     .symbol.symbol-lg-40.symbol-fixed .symbol-label {
         width: 40px;
         height: 40px;
    }
     .symbol.symbol-lg-40.symbol-fixed > img {
         width: 40px;
         height: 40px;
         max-width: auto;
    }
     .symbol.symbol-lg-40.symbol-2by3 .symbol-label {
         height: 40px;
         width: 60px;
    }
     .symbol.symbol-lg-40.symbol-2by3 > img {
         height: 40px;
         width: 60px;
         max-width: auto;
    }
     .symbol.symbol-lg-45 > img {
         width: 100%;
         max-width: 45px;
         height: 45px;
    }
     .symbol.symbol-lg-45 .symbol-label {
         width: 45px;
         height: 45px;
    }
     .symbol.symbol-lg-45 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-lg-45 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-lg-45.symbol-circle .symbol-badge {
         top: -2.775px;
         right: -2.775px;
    }
     .symbol.symbol-lg-45.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -2.775px;
    }
     .symbol.symbol-lg-45.symbol-fixed .symbol-label {
         width: 45px;
         height: 45px;
    }
     .symbol.symbol-lg-45.symbol-fixed > img {
         width: 45px;
         height: 45px;
         max-width: auto;
    }
     .symbol.symbol-lg-45.symbol-2by3 .symbol-label {
         height: 45px;
         width: 67.5px;
    }
     .symbol.symbol-lg-45.symbol-2by3 > img {
         height: 45px;
         width: 67.5px;
         max-width: auto;
    }
     .symbol > img {
         width: 100%;
         max-width: 50px;
         height: 50px;
    }
     .symbol .symbol-label {
         width: 50px;
         height: 50px;
    }
     .symbol .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-circle .symbol-badge {
         top: -1.75px;
         right: -1.75px;
    }
     .symbol.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -1.75px;
    }
     .symbol.symbol-fixed .symbol-label {
         width: 50px;
         height: 50px;
    }
     .symbol.symbol-fixed > img {
         width: 50px;
         height: 50px;
         max-width: auto;
    }
     .symbol.symbol-2by3 .symbol-label {
         height: 50px;
         width: 75px;
    }
     .symbol.symbol-2by3 > img {
         height: 50px;
         width: 75px;
         max-width: auto;
    }
     .symbol.symbol-lg-50 > img {
         width: 100%;
         max-width: 50px;
         height: 50px;
    }
     .symbol.symbol-lg-50 .symbol-label {
         width: 50px;
         height: 50px;
    }
     .symbol.symbol-lg-50 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-lg-50 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-lg-50.symbol-circle .symbol-badge {
         top: -1.75px;
         right: -1.75px;
    }
     .symbol.symbol-lg-50.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -1.75px;
    }
     .symbol.symbol-lg-50.symbol-fixed .symbol-label {
         width: 50px;
         height: 50px;
    }
     .symbol.symbol-lg-50.symbol-fixed > img {
         width: 50px;
         height: 50px;
         max-width: auto;
    }
     .symbol.symbol-lg-50.symbol-2by3 .symbol-label {
         height: 50px;
         width: 75px;
    }
     .symbol.symbol-lg-50.symbol-2by3 > img {
         height: 50px;
         width: 75px;
         max-width: auto;
    }
     .symbol.symbol-lg-55 > img {
         width: 100%;
         max-width: 55px;
         height: 55px;
    }
     .symbol.symbol-lg-55 .symbol-label {
         width: 55px;
         height: 55px;
    }
     .symbol.symbol-lg-55 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-lg-55 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-lg-55.symbol-circle .symbol-badge {
         top: -0.725px;
         right: -0.725px;
    }
     .symbol.symbol-lg-55.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -0.725px;
    }
     .symbol.symbol-lg-55.symbol-fixed .symbol-label {
         width: 55px;
         height: 55px;
    }
     .symbol.symbol-lg-55.symbol-fixed > img {
         width: 55px;
         height: 55px;
         max-width: auto;
    }
     .symbol.symbol-lg-55.symbol-2by3 .symbol-label {
         height: 55px;
         width: 82.5px;
    }
     .symbol.symbol-lg-55.symbol-2by3 > img {
         height: 55px;
         width: 82.5px;
         max-width: auto;
    }
     .symbol.symbol-lg-60 > img {
         width: 100%;
         max-width: 60px;
         height: 60px;
    }
     .symbol.symbol-lg-60 .symbol-label {
         width: 60px;
         height: 60px;
    }
     .symbol.symbol-lg-60 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-lg-60 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-lg-60.symbol-circle .symbol-badge {
         top: 0.3px;
         right: 0.3px;
    }
     .symbol.symbol-lg-60.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 0.3px;
    }
     .symbol.symbol-lg-60.symbol-fixed .symbol-label {
         width: 60px;
         height: 60px;
    }
     .symbol.symbol-lg-60.symbol-fixed > img {
         width: 60px;
         height: 60px;
         max-width: auto;
    }
     .symbol.symbol-lg-60.symbol-2by3 .symbol-label {
         height: 60px;
         width: 90px;
    }
     .symbol.symbol-lg-60.symbol-2by3 > img {
         height: 60px;
         width: 90px;
         max-width: auto;
    }
     .symbol.symbol-lg-65 > img {
         width: 100%;
         max-width: 65px;
         height: 65px;
    }
     .symbol.symbol-lg-65 .symbol-label {
         width: 65px;
         height: 65px;
    }
     .symbol.symbol-lg-65 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-lg-65 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-lg-65.symbol-circle .symbol-badge {
         top: 1.325px;
         right: 1.325px;
    }
     .symbol.symbol-lg-65.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 1.325px;
    }
     .symbol.symbol-lg-65.symbol-fixed .symbol-label {
         width: 65px;
         height: 65px;
    }
     .symbol.symbol-lg-65.symbol-fixed > img {
         width: 65px;
         height: 65px;
         max-width: auto;
    }
     .symbol.symbol-lg-65.symbol-2by3 .symbol-label {
         height: 65px;
         width: 97.5px;
    }
     .symbol.symbol-lg-65.symbol-2by3 > img {
         height: 65px;
         width: 97.5px;
         max-width: auto;
    }
     .symbol.symbol-lg-70 > img {
         width: 100%;
         max-width: 70px;
         height: 70px;
    }
     .symbol.symbol-lg-70 .symbol-label {
         width: 70px;
         height: 70px;
    }
     .symbol.symbol-lg-70 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-lg-70 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-lg-70.symbol-circle .symbol-badge {
         top: 2.35px;
         right: 2.35px;
    }
     .symbol.symbol-lg-70.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 2.35px;
    }
     .symbol.symbol-lg-70.symbol-fixed .symbol-label {
         width: 70px;
         height: 70px;
    }
     .symbol.symbol-lg-70.symbol-fixed > img {
         width: 70px;
         height: 70px;
         max-width: auto;
    }
     .symbol.symbol-lg-70.symbol-2by3 .symbol-label {
         height: 70px;
         width: 105px;
    }
     .symbol.symbol-lg-70.symbol-2by3 > img {
         height: 70px;
         width: 105px;
         max-width: auto;
    }
     .symbol.symbol-lg-75 > img {
         width: 100%;
         max-width: 75px;
         height: 75px;
    }
     .symbol.symbol-lg-75 .symbol-label {
         width: 75px;
         height: 75px;
    }
     .symbol.symbol-lg-75 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-lg-75 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-lg-75.symbol-circle .symbol-badge {
         top: 3.375px;
         right: 3.375px;
    }
     .symbol.symbol-lg-75.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 3.375px;
    }
     .symbol.symbol-lg-75.symbol-fixed .symbol-label {
         width: 75px;
         height: 75px;
    }
     .symbol.symbol-lg-75.symbol-fixed > img {
         width: 75px;
         height: 75px;
         max-width: auto;
    }
     .symbol.symbol-lg-75.symbol-2by3 .symbol-label {
         height: 75px;
         width: 112.5px;
    }
     .symbol.symbol-lg-75.symbol-2by3 > img {
         height: 75px;
         width: 112.5px;
         max-width: auto;
    }
     .symbol.symbol-lg-80 > img {
         width: 100%;
         max-width: 80px;
         height: 80px;
    }
     .symbol.symbol-lg-80 .symbol-label {
         width: 80px;
         height: 80px;
    }
     .symbol.symbol-lg-80 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-lg-80 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-lg-80.symbol-circle .symbol-badge {
         top: 4.4px;
         right: 4.4px;
    }
     .symbol.symbol-lg-80.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 4.4px;
    }
     .symbol.symbol-lg-80.symbol-fixed .symbol-label {
         width: 80px;
         height: 80px;
    }
     .symbol.symbol-lg-80.symbol-fixed > img {
         width: 80px;
         height: 80px;
         max-width: auto;
    }
     .symbol.symbol-lg-80.symbol-2by3 .symbol-label {
         height: 80px;
         width: 120px;
    }
     .symbol.symbol-lg-80.symbol-2by3 > img {
         height: 80px;
         width: 120px;
         max-width: auto;
    }
     .symbol.symbol-lg-85 > img {
         width: 100%;
         max-width: 85px;
         height: 85px;
    }
     .symbol.symbol-lg-85 .symbol-label {
         width: 85px;
         height: 85px;
    }
     .symbol.symbol-lg-85 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-lg-85 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-lg-85.symbol-circle .symbol-badge {
         top: 5.425px;
         right: 5.425px;
    }
     .symbol.symbol-lg-85.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 5.425px;
    }
     .symbol.symbol-lg-85.symbol-fixed .symbol-label {
         width: 85px;
         height: 85px;
    }
     .symbol.symbol-lg-85.symbol-fixed > img {
         width: 85px;
         height: 85px;
         max-width: auto;
    }
     .symbol.symbol-lg-85.symbol-2by3 .symbol-label {
         height: 85px;
         width: 127.5px;
    }
     .symbol.symbol-lg-85.symbol-2by3 > img {
         height: 85px;
         width: 127.5px;
         max-width: auto;
    }
     .symbol.symbol-lg-90 > img {
         width: 100%;
         max-width: 90px;
         height: 90px;
    }
     .symbol.symbol-lg-90 .symbol-label {
         width: 90px;
         height: 90px;
    }
     .symbol.symbol-lg-90 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-lg-90 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-lg-90.symbol-circle .symbol-badge {
         top: 6.45px;
         right: 6.45px;
    }
     .symbol.symbol-lg-90.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 6.45px;
    }
     .symbol.symbol-lg-90.symbol-fixed .symbol-label {
         width: 90px;
         height: 90px;
    }
     .symbol.symbol-lg-90.symbol-fixed > img {
         width: 90px;
         height: 90px;
         max-width: auto;
    }
     .symbol.symbol-lg-90.symbol-2by3 .symbol-label {
         height: 90px;
         width: 135px;
    }
     .symbol.symbol-lg-90.symbol-2by3 > img {
         height: 90px;
         width: 135px;
         max-width: auto;
    }
     .symbol.symbol-lg-95 > img {
         width: 100%;
         max-width: 95px;
         height: 95px;
    }
     .symbol.symbol-lg-95 .symbol-label {
         width: 95px;
         height: 95px;
    }
     .symbol.symbol-lg-95 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-lg-95 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-lg-95.symbol-circle .symbol-badge {
         top: 7.475px;
         right: 7.475px;
    }
     .symbol.symbol-lg-95.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 7.475px;
    }
     .symbol.symbol-lg-95.symbol-fixed .symbol-label {
         width: 95px;
         height: 95px;
    }
     .symbol.symbol-lg-95.symbol-fixed > img {
         width: 95px;
         height: 95px;
         max-width: auto;
    }
     .symbol.symbol-lg-95.symbol-2by3 .symbol-label {
         height: 95px;
         width: 142.5px;
    }
     .symbol.symbol-lg-95.symbol-2by3 > img {
         height: 95px;
         width: 142.5px;
         max-width: auto;
    }
     .symbol.symbol-lg-100 > img {
         width: 100%;
         max-width: 100px;
         height: 100px;
    }
     .symbol.symbol-lg-100 .symbol-label {
         width: 100px;
         height: 100px;
    }
     .symbol.symbol-lg-100 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-lg-100 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-lg-100.symbol-circle .symbol-badge {
         top: 8.5px;
         right: 8.5px;
    }
     .symbol.symbol-lg-100.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 8.5px;
    }
     .symbol.symbol-lg-100.symbol-fixed .symbol-label {
         width: 100px;
         height: 100px;
    }
     .symbol.symbol-lg-100.symbol-fixed > img {
         width: 100px;
         height: 100px;
         max-width: auto;
    }
     .symbol.symbol-lg-100.symbol-2by3 .symbol-label {
         height: 100px;
         width: 150px;
    }
     .symbol.symbol-lg-100.symbol-2by3 > img {
         height: 100px;
         width: 150px;
         max-width: auto;
    }
     .symbol.symbol-lg-120 > img {
         width: 100%;
         max-width: 120px;
         height: 120px;
    }
     .symbol.symbol-lg-120 .symbol-label {
         width: 120px;
         height: 120px;
    }
     .symbol.symbol-lg-120 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-lg-120 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-lg-120.symbol-circle .symbol-badge {
         top: 12.6px;
         right: 12.6px;
    }
     .symbol.symbol-lg-120.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 12.6px;
    }
     .symbol.symbol-lg-120.symbol-fixed .symbol-label {
         width: 120px;
         height: 120px;
    }
     .symbol.symbol-lg-120.symbol-fixed > img {
         width: 120px;
         height: 120px;
         max-width: auto;
    }
     .symbol.symbol-lg-120.symbol-2by3 .symbol-label {
         height: 120px;
         width: 180px;
    }
     .symbol.symbol-lg-120.symbol-2by3 > img {
         height: 120px;
         width: 180px;
         max-width: auto;
    }
     .symbol.symbol-lg-130 > img {
         width: 100%;
         max-width: 130px;
         height: 130px;
    }
     .symbol.symbol-lg-130 .symbol-label {
         width: 130px;
         height: 130px;
    }
     .symbol.symbol-lg-130 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-lg-130 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-lg-130.symbol-circle .symbol-badge {
         top: 14.65px;
         right: 14.65px;
    }
     .symbol.symbol-lg-130.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 14.65px;
    }
     .symbol.symbol-lg-130.symbol-fixed .symbol-label {
         width: 130px;
         height: 130px;
    }
     .symbol.symbol-lg-130.symbol-fixed > img {
         width: 130px;
         height: 130px;
         max-width: auto;
    }
     .symbol.symbol-lg-130.symbol-2by3 .symbol-label {
         height: 130px;
         width: 195px;
    }
     .symbol.symbol-lg-130.symbol-2by3 > img {
         height: 130px;
         width: 195px;
         max-width: auto;
    }
     .symbol.symbol-lg-140 > img {
         width: 100%;
         max-width: 140px;
         height: 140px;
    }
     .symbol.symbol-lg-140 .symbol-label {
         width: 140px;
         height: 140px;
    }
     .symbol.symbol-lg-140 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-lg-140 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-lg-140.symbol-circle .symbol-badge {
         top: 16.7px;
         right: 16.7px;
    }
     .symbol.symbol-lg-140.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 16.7px;
    }
     .symbol.symbol-lg-140.symbol-fixed .symbol-label {
         width: 140px;
         height: 140px;
    }
     .symbol.symbol-lg-140.symbol-fixed > img {
         width: 140px;
         height: 140px;
         max-width: auto;
    }
     .symbol.symbol-lg-140.symbol-2by3 .symbol-label {
         height: 140px;
         width: 210px;
    }
     .symbol.symbol-lg-140.symbol-2by3 > img {
         height: 140px;
         width: 210px;
         max-width: auto;
    }
     .symbol.symbol-lg-150 > img {
         width: 100%;
         max-width: 150px;
         height: 150px;
    }
     .symbol.symbol-lg-150 .symbol-label {
         width: 150px;
         height: 150px;
    }
     .symbol.symbol-lg-150 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-lg-150 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-lg-150.symbol-circle .symbol-badge {
         top: 18.75px;
         right: 18.75px;
    }
     .symbol.symbol-lg-150.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 18.75px;
    }
     .symbol.symbol-lg-150.symbol-fixed .symbol-label {
         width: 150px;
         height: 150px;
    }
     .symbol.symbol-lg-150.symbol-fixed > img {
         width: 150px;
         height: 150px;
         max-width: auto;
    }
     .symbol.symbol-lg-150.symbol-2by3 .symbol-label {
         height: 150px;
         width: 225px;
    }
     .symbol.symbol-lg-150.symbol-2by3 > img {
         height: 150px;
         width: 225px;
         max-width: auto;
    }
}
 @media (min-width: 1200px) {
     .symbol.symbol-xl-20 > img {
         width: 100%;
         max-width: 20px;
         height: 20px;
    }
     .symbol.symbol-xl-20 .symbol-label {
         width: 20px;
         height: 20px;
    }
     .symbol.symbol-xl-20 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xl-20 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xl-20.symbol-circle .symbol-badge {
         top: -7.9px;
         right: -7.9px;
    }
     .symbol.symbol-xl-20.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -7.9px;
    }
     .symbol.symbol-xl-20.symbol-fixed .symbol-label {
         width: 20px;
         height: 20px;
    }
     .symbol.symbol-xl-20.symbol-fixed > img {
         width: 20px;
         height: 20px;
         max-width: auto;
    }
     .symbol.symbol-xl-20.symbol-2by3 .symbol-label {
         height: 20px;
         width: 30px;
    }
     .symbol.symbol-xl-20.symbol-2by3 > img {
         height: 20px;
         width: 30px;
         max-width: auto;
    }
     .symbol.symbol-xl-25 > img {
         width: 100%;
         max-width: 25px;
         height: 25px;
    }
     .symbol.symbol-xl-25 .symbol-label {
         width: 25px;
         height: 25px;
    }
     .symbol.symbol-xl-25 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xl-25 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xl-25.symbol-circle .symbol-badge {
         top: -6.875px;
         right: -6.875px;
    }
     .symbol.symbol-xl-25.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6.875px;
    }
     .symbol.symbol-xl-25.symbol-fixed .symbol-label {
         width: 25px;
         height: 25px;
    }
     .symbol.symbol-xl-25.symbol-fixed > img {
         width: 25px;
         height: 25px;
         max-width: auto;
    }
     .symbol.symbol-xl-25.symbol-2by3 .symbol-label {
         height: 25px;
         width: 37.5px;
    }
     .symbol.symbol-xl-25.symbol-2by3 > img {
         height: 25px;
         width: 37.5px;
         max-width: auto;
    }
     .symbol.symbol-xl-30 > img {
         width: 100%;
         max-width: 30px;
         height: 30px;
    }
     .symbol.symbol-xl-30 .symbol-label {
         width: 30px;
         height: 30px;
    }
     .symbol.symbol-xl-30 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xl-30 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xl-30.symbol-circle .symbol-badge {
         top: -5.85px;
         right: -5.85px;
    }
     .symbol.symbol-xl-30.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -5.85px;
    }
     .symbol.symbol-xl-30.symbol-fixed .symbol-label {
         width: 30px;
         height: 30px;
    }
     .symbol.symbol-xl-30.symbol-fixed > img {
         width: 30px;
         height: 30px;
         max-width: auto;
    }
     .symbol.symbol-xl-30.symbol-2by3 .symbol-label {
         height: 30px;
         width: 45px;
    }
     .symbol.symbol-xl-30.symbol-2by3 > img {
         height: 30px;
         width: 45px;
         max-width: auto;
    }
     .symbol.symbol-xl-35 > img {
         width: 100%;
         max-width: 35px;
         height: 35px;
    }
     .symbol.symbol-xl-35 .symbol-label {
         width: 35px;
         height: 35px;
    }
     .symbol.symbol-xl-35 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xl-35 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xl-35.symbol-circle .symbol-badge {
         top: -4.825px;
         right: -4.825px;
    }
     .symbol.symbol-xl-35.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -4.825px;
    }
     .symbol.symbol-xl-35.symbol-fixed .symbol-label {
         width: 35px;
         height: 35px;
    }
     .symbol.symbol-xl-35.symbol-fixed > img {
         width: 35px;
         height: 35px;
         max-width: auto;
    }
     .symbol.symbol-xl-35.symbol-2by3 .symbol-label {
         height: 35px;
         width: 52.5px;
    }
     .symbol.symbol-xl-35.symbol-2by3 > img {
         height: 35px;
         width: 52.5px;
         max-width: auto;
    }
     .symbol.symbol-xl-40 > img {
         width: 100%;
         max-width: 40px;
         height: 40px;
    }
     .symbol.symbol-xl-40 .symbol-label {
         width: 40px;
         height: 40px;
    }
     .symbol.symbol-xl-40 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xl-40 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xl-40.symbol-circle .symbol-badge {
         top: -3.8px;
         right: -3.8px;
    }
     .symbol.symbol-xl-40.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -3.8px;
    }
     .symbol.symbol-xl-40.symbol-fixed .symbol-label {
         width: 40px;
         height: 40px;
    }
     .symbol.symbol-xl-40.symbol-fixed > img {
         width: 40px;
         height: 40px;
         max-width: auto;
    }
     .symbol.symbol-xl-40.symbol-2by3 .symbol-label {
         height: 40px;
         width: 60px;
    }
     .symbol.symbol-xl-40.symbol-2by3 > img {
         height: 40px;
         width: 60px;
         max-width: auto;
    }
     .symbol.symbol-xl-45 > img {
         width: 100%;
         max-width: 45px;
         height: 45px;
    }
     .symbol.symbol-xl-45 .symbol-label {
         width: 45px;
         height: 45px;
    }
     .symbol.symbol-xl-45 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xl-45 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xl-45.symbol-circle .symbol-badge {
         top: -2.775px;
         right: -2.775px;
    }
     .symbol.symbol-xl-45.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -2.775px;
    }
     .symbol.symbol-xl-45.symbol-fixed .symbol-label {
         width: 45px;
         height: 45px;
    }
     .symbol.symbol-xl-45.symbol-fixed > img {
         width: 45px;
         height: 45px;
         max-width: auto;
    }
     .symbol.symbol-xl-45.symbol-2by3 .symbol-label {
         height: 45px;
         width: 67.5px;
    }
     .symbol.symbol-xl-45.symbol-2by3 > img {
         height: 45px;
         width: 67.5px;
         max-width: auto;
    }
     .symbol > img {
         width: 100%;
         max-width: 50px;
         height: 50px;
    }
     .symbol .symbol-label {
         width: 50px;
         height: 50px;
    }
     .symbol .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-circle .symbol-badge {
         top: -1.75px;
         right: -1.75px;
    }
     .symbol.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -1.75px;
    }
     .symbol.symbol-fixed .symbol-label {
         width: 50px;
         height: 50px;
    }
     .symbol.symbol-fixed > img {
         width: 50px;
         height: 50px;
         max-width: auto;
    }
     .symbol.symbol-2by3 .symbol-label {
         height: 50px;
         width: 75px;
    }
     .symbol.symbol-2by3 > img {
         height: 50px;
         width: 75px;
         max-width: auto;
    }
     .symbol.symbol-xl-50 > img {
         width: 100%;
         max-width: 50px;
         height: 50px;
    }
     .symbol.symbol-xl-50 .symbol-label {
         width: 50px;
         height: 50px;
    }
     .symbol.symbol-xl-50 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xl-50 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xl-50.symbol-circle .symbol-badge {
         top: -1.75px;
         right: -1.75px;
    }
     .symbol.symbol-xl-50.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -1.75px;
    }
     .symbol.symbol-xl-50.symbol-fixed .symbol-label {
         width: 50px;
         height: 50px;
    }
     .symbol.symbol-xl-50.symbol-fixed > img {
         width: 50px;
         height: 50px;
         max-width: auto;
    }
     .symbol.symbol-xl-50.symbol-2by3 .symbol-label {
         height: 50px;
         width: 75px;
    }
     .symbol.symbol-xl-50.symbol-2by3 > img {
         height: 50px;
         width: 75px;
         max-width: auto;
    }
     .symbol.symbol-xl-55 > img {
         width: 100%;
         max-width: 55px;
         height: 55px;
    }
     .symbol.symbol-xl-55 .symbol-label {
         width: 55px;
         height: 55px;
    }
     .symbol.symbol-xl-55 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xl-55 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xl-55.symbol-circle .symbol-badge {
         top: -0.725px;
         right: -0.725px;
    }
     .symbol.symbol-xl-55.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -0.725px;
    }
     .symbol.symbol-xl-55.symbol-fixed .symbol-label {
         width: 55px;
         height: 55px;
    }
     .symbol.symbol-xl-55.symbol-fixed > img {
         width: 55px;
         height: 55px;
         max-width: auto;
    }
     .symbol.symbol-xl-55.symbol-2by3 .symbol-label {
         height: 55px;
         width: 82.5px;
    }
     .symbol.symbol-xl-55.symbol-2by3 > img {
         height: 55px;
         width: 82.5px;
         max-width: auto;
    }
     .symbol.symbol-xl-60 > img {
         width: 100%;
         max-width: 60px;
         height: 60px;
    }
     .symbol.symbol-xl-60 .symbol-label {
         width: 60px;
         height: 60px;
    }
     .symbol.symbol-xl-60 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xl-60 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xl-60.symbol-circle .symbol-badge {
         top: 0.3px;
         right: 0.3px;
    }
     .symbol.symbol-xl-60.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 0.3px;
    }
     .symbol.symbol-xl-60.symbol-fixed .symbol-label {
         width: 60px;
         height: 60px;
    }
     .symbol.symbol-xl-60.symbol-fixed > img {
         width: 60px;
         height: 60px;
         max-width: auto;
    }
     .symbol.symbol-xl-60.symbol-2by3 .symbol-label {
         height: 60px;
         width: 90px;
    }
     .symbol.symbol-xl-60.symbol-2by3 > img {
         height: 60px;
         width: 90px;
         max-width: auto;
    }
     .symbol.symbol-xl-65 > img {
         width: 100%;
         max-width: 65px;
         height: 65px;
    }
     .symbol.symbol-xl-65 .symbol-label {
         width: 65px;
         height: 65px;
    }
     .symbol.symbol-xl-65 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xl-65 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xl-65.symbol-circle .symbol-badge {
         top: 1.325px;
         right: 1.325px;
    }
     .symbol.symbol-xl-65.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 1.325px;
    }
     .symbol.symbol-xl-65.symbol-fixed .symbol-label {
         width: 65px;
         height: 65px;
    }
     .symbol.symbol-xl-65.symbol-fixed > img {
         width: 65px;
         height: 65px;
         max-width: auto;
    }
     .symbol.symbol-xl-65.symbol-2by3 .symbol-label {
         height: 65px;
         width: 97.5px;
    }
     .symbol.symbol-xl-65.symbol-2by3 > img {
         height: 65px;
         width: 97.5px;
         max-width: auto;
    }
     .symbol.symbol-xl-70 > img {
         width: 100%;
         max-width: 70px;
         height: 70px;
    }
     .symbol.symbol-xl-70 .symbol-label {
         width: 70px;
         height: 70px;
    }
     .symbol.symbol-xl-70 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xl-70 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xl-70.symbol-circle .symbol-badge {
         top: 2.35px;
         right: 2.35px;
    }
     .symbol.symbol-xl-70.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 2.35px;
    }
     .symbol.symbol-xl-70.symbol-fixed .symbol-label {
         width: 70px;
         height: 70px;
    }
     .symbol.symbol-xl-70.symbol-fixed > img {
         width: 70px;
         height: 70px;
         max-width: auto;
    }
     .symbol.symbol-xl-70.symbol-2by3 .symbol-label {
         height: 70px;
         width: 105px;
    }
     .symbol.symbol-xl-70.symbol-2by3 > img {
         height: 70px;
         width: 105px;
         max-width: auto;
    }
     .symbol.symbol-xl-75 > img {
         width: 100%;
         max-width: 75px;
         height: 75px;
    }
     .symbol.symbol-xl-75 .symbol-label {
         width: 75px;
         height: 75px;
    }
     .symbol.symbol-xl-75 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xl-75 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xl-75.symbol-circle .symbol-badge {
         top: 3.375px;
         right: 3.375px;
    }
     .symbol.symbol-xl-75.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 3.375px;
    }
     .symbol.symbol-xl-75.symbol-fixed .symbol-label {
         width: 75px;
         height: 75px;
    }
     .symbol.symbol-xl-75.symbol-fixed > img {
         width: 75px;
         height: 75px;
         max-width: auto;
    }
     .symbol.symbol-xl-75.symbol-2by3 .symbol-label {
         height: 75px;
         width: 112.5px;
    }
     .symbol.symbol-xl-75.symbol-2by3 > img {
         height: 75px;
         width: 112.5px;
         max-width: auto;
    }
     .symbol.symbol-xl-80 > img {
         width: 100%;
         max-width: 80px;
         height: 80px;
    }
     .symbol.symbol-xl-80 .symbol-label {
         width: 80px;
         height: 80px;
    }
     .symbol.symbol-xl-80 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xl-80 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xl-80.symbol-circle .symbol-badge {
         top: 4.4px;
         right: 4.4px;
    }
     .symbol.symbol-xl-80.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 4.4px;
    }
     .symbol.symbol-xl-80.symbol-fixed .symbol-label {
         width: 80px;
         height: 80px;
    }
     .symbol.symbol-xl-80.symbol-fixed > img {
         width: 80px;
         height: 80px;
         max-width: auto;
    }
     .symbol.symbol-xl-80.symbol-2by3 .symbol-label {
         height: 80px;
         width: 120px;
    }
     .symbol.symbol-xl-80.symbol-2by3 > img {
         height: 80px;
         width: 120px;
         max-width: auto;
    }
     .symbol.symbol-xl-85 > img {
         width: 100%;
         max-width: 85px;
         height: 85px;
    }
     .symbol.symbol-xl-85 .symbol-label {
         width: 85px;
         height: 85px;
    }
     .symbol.symbol-xl-85 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xl-85 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xl-85.symbol-circle .symbol-badge {
         top: 5.425px;
         right: 5.425px;
    }
     .symbol.symbol-xl-85.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 5.425px;
    }
     .symbol.symbol-xl-85.symbol-fixed .symbol-label {
         width: 85px;
         height: 85px;
    }
     .symbol.symbol-xl-85.symbol-fixed > img {
         width: 85px;
         height: 85px;
         max-width: auto;
    }
     .symbol.symbol-xl-85.symbol-2by3 .symbol-label {
         height: 85px;
         width: 127.5px;
    }
     .symbol.symbol-xl-85.symbol-2by3 > img {
         height: 85px;
         width: 127.5px;
         max-width: auto;
    }
     .symbol.symbol-xl-90 > img {
         width: 100%;
         max-width: 90px;
         height: 90px;
    }
     .symbol.symbol-xl-90 .symbol-label {
         width: 90px;
         height: 90px;
    }
     .symbol.symbol-xl-90 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xl-90 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xl-90.symbol-circle .symbol-badge {
         top: 6.45px;
         right: 6.45px;
    }
     .symbol.symbol-xl-90.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 6.45px;
    }
     .symbol.symbol-xl-90.symbol-fixed .symbol-label {
         width: 90px;
         height: 90px;
    }
     .symbol.symbol-xl-90.symbol-fixed > img {
         width: 90px;
         height: 90px;
         max-width: auto;
    }
     .symbol.symbol-xl-90.symbol-2by3 .symbol-label {
         height: 90px;
         width: 135px;
    }
     .symbol.symbol-xl-90.symbol-2by3 > img {
         height: 90px;
         width: 135px;
         max-width: auto;
    }
     .symbol.symbol-xl-95 > img {
         width: 100%;
         max-width: 95px;
         height: 95px;
    }
     .symbol.symbol-xl-95 .symbol-label {
         width: 95px;
         height: 95px;
    }
     .symbol.symbol-xl-95 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xl-95 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xl-95.symbol-circle .symbol-badge {
         top: 7.475px;
         right: 7.475px;
    }
     .symbol.symbol-xl-95.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 7.475px;
    }
     .symbol.symbol-xl-95.symbol-fixed .symbol-label {
         width: 95px;
         height: 95px;
    }
     .symbol.symbol-xl-95.symbol-fixed > img {
         width: 95px;
         height: 95px;
         max-width: auto;
    }
     .symbol.symbol-xl-95.symbol-2by3 .symbol-label {
         height: 95px;
         width: 142.5px;
    }
     .symbol.symbol-xl-95.symbol-2by3 > img {
         height: 95px;
         width: 142.5px;
         max-width: auto;
    }
     .symbol.symbol-xl-100 > img {
         width: 100%;
         max-width: 100px;
         height: 100px;
    }
     .symbol.symbol-xl-100 .symbol-label {
         width: 100px;
         height: 100px;
    }
     .symbol.symbol-xl-100 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xl-100 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xl-100.symbol-circle .symbol-badge {
         top: 8.5px;
         right: 8.5px;
    }
     .symbol.symbol-xl-100.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 8.5px;
    }
     .symbol.symbol-xl-100.symbol-fixed .symbol-label {
         width: 100px;
         height: 100px;
    }
     .symbol.symbol-xl-100.symbol-fixed > img {
         width: 100px;
         height: 100px;
         max-width: auto;
    }
     .symbol.symbol-xl-100.symbol-2by3 .symbol-label {
         height: 100px;
         width: 150px;
    }
     .symbol.symbol-xl-100.symbol-2by3 > img {
         height: 100px;
         width: 150px;
         max-width: auto;
    }
     .symbol.symbol-xl-120 > img {
         width: 100%;
         max-width: 120px;
         height: 120px;
    }
     .symbol.symbol-xl-120 .symbol-label {
         width: 120px;
         height: 120px;
    }
     .symbol.symbol-xl-120 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xl-120 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xl-120.symbol-circle .symbol-badge {
         top: 12.6px;
         right: 12.6px;
    }
     .symbol.symbol-xl-120.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 12.6px;
    }
     .symbol.symbol-xl-120.symbol-fixed .symbol-label {
         width: 120px;
         height: 120px;
    }
     .symbol.symbol-xl-120.symbol-fixed > img {
         width: 120px;
         height: 120px;
         max-width: auto;
    }
     .symbol.symbol-xl-120.symbol-2by3 .symbol-label {
         height: 120px;
         width: 180px;
    }
     .symbol.symbol-xl-120.symbol-2by3 > img {
         height: 120px;
         width: 180px;
         max-width: auto;
    }
     .symbol.symbol-xl-130 > img {
         width: 100%;
         max-width: 130px;
         height: 130px;
    }
     .symbol.symbol-xl-130 .symbol-label {
         width: 130px;
         height: 130px;
    }
     .symbol.symbol-xl-130 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xl-130 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xl-130.symbol-circle .symbol-badge {
         top: 14.65px;
         right: 14.65px;
    }
     .symbol.symbol-xl-130.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 14.65px;
    }
     .symbol.symbol-xl-130.symbol-fixed .symbol-label {
         width: 130px;
         height: 130px;
    }
     .symbol.symbol-xl-130.symbol-fixed > img {
         width: 130px;
         height: 130px;
         max-width: auto;
    }
     .symbol.symbol-xl-130.symbol-2by3 .symbol-label {
         height: 130px;
         width: 195px;
    }
     .symbol.symbol-xl-130.symbol-2by3 > img {
         height: 130px;
         width: 195px;
         max-width: auto;
    }
     .symbol.symbol-xl-140 > img {
         width: 100%;
         max-width: 140px;
         height: 140px;
    }
     .symbol.symbol-xl-140 .symbol-label {
         width: 140px;
         height: 140px;
    }
     .symbol.symbol-xl-140 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xl-140 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xl-140.symbol-circle .symbol-badge {
         top: 16.7px;
         right: 16.7px;
    }
     .symbol.symbol-xl-140.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 16.7px;
    }
     .symbol.symbol-xl-140.symbol-fixed .symbol-label {
         width: 140px;
         height: 140px;
    }
     .symbol.symbol-xl-140.symbol-fixed > img {
         width: 140px;
         height: 140px;
         max-width: auto;
    }
     .symbol.symbol-xl-140.symbol-2by3 .symbol-label {
         height: 140px;
         width: 210px;
    }
     .symbol.symbol-xl-140.symbol-2by3 > img {
         height: 140px;
         width: 210px;
         max-width: auto;
    }
     .symbol.symbol-xl-150 > img {
         width: 100%;
         max-width: 150px;
         height: 150px;
    }
     .symbol.symbol-xl-150 .symbol-label {
         width: 150px;
         height: 150px;
    }
     .symbol.symbol-xl-150 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xl-150 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xl-150.symbol-circle .symbol-badge {
         top: 18.75px;
         right: 18.75px;
    }
     .symbol.symbol-xl-150.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 18.75px;
    }
     .symbol.symbol-xl-150.symbol-fixed .symbol-label {
         width: 150px;
         height: 150px;
    }
     .symbol.symbol-xl-150.symbol-fixed > img {
         width: 150px;
         height: 150px;
         max-width: auto;
    }
     .symbol.symbol-xl-150.symbol-2by3 .symbol-label {
         height: 150px;
         width: 225px;
    }
     .symbol.symbol-xl-150.symbol-2by3 > img {
         height: 150px;
         width: 225px;
         max-width: auto;
    }
}
 @media (min-width: 1480px) {
     .symbol.symbol-xxl-20 > img {
         width: 100%;
         max-width: 20px;
         height: 20px;
    }
     .symbol.symbol-xxl-20 .symbol-label {
         width: 20px;
         height: 20px;
    }
     .symbol.symbol-xxl-20 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xxl-20 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xxl-20.symbol-circle .symbol-badge {
         top: -7.9px;
         right: -7.9px;
    }
     .symbol.symbol-xxl-20.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -7.9px;
    }
     .symbol.symbol-xxl-20.symbol-fixed .symbol-label {
         width: 20px;
         height: 20px;
    }
     .symbol.symbol-xxl-20.symbol-fixed > img {
         width: 20px;
         height: 20px;
         max-width: auto;
    }
     .symbol.symbol-xxl-20.symbol-2by3 .symbol-label {
         height: 20px;
         width: 30px;
    }
     .symbol.symbol-xxl-20.symbol-2by3 > img {
         height: 20px;
         width: 30px;
         max-width: auto;
    }
     .symbol.symbol-xxl-25 > img {
         width: 100%;
         max-width: 25px;
         height: 25px;
    }
     .symbol.symbol-xxl-25 .symbol-label {
         width: 25px;
         height: 25px;
    }
     .symbol.symbol-xxl-25 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xxl-25 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xxl-25.symbol-circle .symbol-badge {
         top: -6.875px;
         right: -6.875px;
    }
     .symbol.symbol-xxl-25.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6.875px;
    }
     .symbol.symbol-xxl-25.symbol-fixed .symbol-label {
         width: 25px;
         height: 25px;
    }
     .symbol.symbol-xxl-25.symbol-fixed > img {
         width: 25px;
         height: 25px;
         max-width: auto;
    }
     .symbol.symbol-xxl-25.symbol-2by3 .symbol-label {
         height: 25px;
         width: 37.5px;
    }
     .symbol.symbol-xxl-25.symbol-2by3 > img {
         height: 25px;
         width: 37.5px;
         max-width: auto;
    }
     .symbol.symbol-xxl-30 > img {
         width: 100%;
         max-width: 30px;
         height: 30px;
    }
     .symbol.symbol-xxl-30 .symbol-label {
         width: 30px;
         height: 30px;
    }
     .symbol.symbol-xxl-30 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xxl-30 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xxl-30.symbol-circle .symbol-badge {
         top: -5.85px;
         right: -5.85px;
    }
     .symbol.symbol-xxl-30.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -5.85px;
    }
     .symbol.symbol-xxl-30.symbol-fixed .symbol-label {
         width: 30px;
         height: 30px;
    }
     .symbol.symbol-xxl-30.symbol-fixed > img {
         width: 30px;
         height: 30px;
         max-width: auto;
    }
     .symbol.symbol-xxl-30.symbol-2by3 .symbol-label {
         height: 30px;
         width: 45px;
    }
     .symbol.symbol-xxl-30.symbol-2by3 > img {
         height: 30px;
         width: 45px;
         max-width: auto;
    }
     .symbol.symbol-xxl-35 > img {
         width: 100%;
         max-width: 35px;
         height: 35px;
    }
     .symbol.symbol-xxl-35 .symbol-label {
         width: 35px;
         height: 35px;
    }
     .symbol.symbol-xxl-35 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xxl-35 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xxl-35.symbol-circle .symbol-badge {
         top: -4.825px;
         right: -4.825px;
    }
     .symbol.symbol-xxl-35.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -4.825px;
    }
     .symbol.symbol-xxl-35.symbol-fixed .symbol-label {
         width: 35px;
         height: 35px;
    }
     .symbol.symbol-xxl-35.symbol-fixed > img {
         width: 35px;
         height: 35px;
         max-width: auto;
    }
     .symbol.symbol-xxl-35.symbol-2by3 .symbol-label {
         height: 35px;
         width: 52.5px;
    }
     .symbol.symbol-xxl-35.symbol-2by3 > img {
         height: 35px;
         width: 52.5px;
         max-width: auto;
    }
     .symbol.symbol-xxl-40 > img {
         width: 100%;
         max-width: 40px;
         height: 40px;
    }
     .symbol.symbol-xxl-40 .symbol-label {
         width: 40px;
         height: 40px;
    }
     .symbol.symbol-xxl-40 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xxl-40 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xxl-40.symbol-circle .symbol-badge {
         top: -3.8px;
         right: -3.8px;
    }
     .symbol.symbol-xxl-40.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -3.8px;
    }
     .symbol.symbol-xxl-40.symbol-fixed .symbol-label {
         width: 40px;
         height: 40px;
    }
     .symbol.symbol-xxl-40.symbol-fixed > img {
         width: 40px;
         height: 40px;
         max-width: auto;
    }
     .symbol.symbol-xxl-40.symbol-2by3 .symbol-label {
         height: 40px;
         width: 60px;
    }
     .symbol.symbol-xxl-40.symbol-2by3 > img {
         height: 40px;
         width: 60px;
         max-width: auto;
    }
     .symbol.symbol-xxl-45 > img {
         width: 100%;
         max-width: 45px;
         height: 45px;
    }
     .symbol.symbol-xxl-45 .symbol-label {
         width: 45px;
         height: 45px;
    }
     .symbol.symbol-xxl-45 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xxl-45 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xxl-45.symbol-circle .symbol-badge {
         top: -2.775px;
         right: -2.775px;
    }
     .symbol.symbol-xxl-45.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -2.775px;
    }
     .symbol.symbol-xxl-45.symbol-fixed .symbol-label {
         width: 45px;
         height: 45px;
    }
     .symbol.symbol-xxl-45.symbol-fixed > img {
         width: 45px;
         height: 45px;
         max-width: auto;
    }
     .symbol.symbol-xxl-45.symbol-2by3 .symbol-label {
         height: 45px;
         width: 67.5px;
    }
     .symbol.symbol-xxl-45.symbol-2by3 > img {
         height: 45px;
         width: 67.5px;
         max-width: auto;
    }
     .symbol > img {
         width: 100%;
         max-width: 50px;
         height: 50px;
    }
     .symbol .symbol-label {
         width: 50px;
         height: 50px;
    }
     .symbol .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-circle .symbol-badge {
         top: -1.75px;
         right: -1.75px;
    }
     .symbol.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -1.75px;
    }
     .symbol.symbol-fixed .symbol-label {
         width: 50px;
         height: 50px;
    }
     .symbol.symbol-fixed > img {
         width: 50px;
         height: 50px;
         max-width: auto;
    }
     .symbol.symbol-2by3 .symbol-label {
         height: 50px;
         width: 75px;
    }
     .symbol.symbol-2by3 > img {
         height: 50px;
         width: 75px;
         max-width: auto;
    }
     .symbol.symbol-xxl-50 > img {
         width: 100%;
         max-width: 50px;
         height: 50px;
    }
     .symbol.symbol-xxl-50 .symbol-label {
         width: 50px;
         height: 50px;
    }
     .symbol.symbol-xxl-50 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xxl-50 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xxl-50.symbol-circle .symbol-badge {
         top: -1.75px;
         right: -1.75px;
    }
     .symbol.symbol-xxl-50.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -1.75px;
    }
     .symbol.symbol-xxl-50.symbol-fixed .symbol-label {
         width: 50px;
         height: 50px;
    }
     .symbol.symbol-xxl-50.symbol-fixed > img {
         width: 50px;
         height: 50px;
         max-width: auto;
    }
     .symbol.symbol-xxl-50.symbol-2by3 .symbol-label {
         height: 50px;
         width: 75px;
    }
     .symbol.symbol-xxl-50.symbol-2by3 > img {
         height: 50px;
         width: 75px;
         max-width: auto;
    }
     .symbol.symbol-xxl-55 > img {
         width: 100%;
         max-width: 55px;
         height: 55px;
    }
     .symbol.symbol-xxl-55 .symbol-label {
         width: 55px;
         height: 55px;
    }
     .symbol.symbol-xxl-55 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xxl-55 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xxl-55.symbol-circle .symbol-badge {
         top: -0.725px;
         right: -0.725px;
    }
     .symbol.symbol-xxl-55.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -0.725px;
    }
     .symbol.symbol-xxl-55.symbol-fixed .symbol-label {
         width: 55px;
         height: 55px;
    }
     .symbol.symbol-xxl-55.symbol-fixed > img {
         width: 55px;
         height: 55px;
         max-width: auto;
    }
     .symbol.symbol-xxl-55.symbol-2by3 .symbol-label {
         height: 55px;
         width: 82.5px;
    }
     .symbol.symbol-xxl-55.symbol-2by3 > img {
         height: 55px;
         width: 82.5px;
         max-width: auto;
    }
     .symbol.symbol-xxl-60 > img {
         width: 100%;
         max-width: 60px;
         height: 60px;
    }
     .symbol.symbol-xxl-60 .symbol-label {
         width: 60px;
         height: 60px;
    }
     .symbol.symbol-xxl-60 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xxl-60 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xxl-60.symbol-circle .symbol-badge {
         top: 0.3px;
         right: 0.3px;
    }
     .symbol.symbol-xxl-60.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 0.3px;
    }
     .symbol.symbol-xxl-60.symbol-fixed .symbol-label {
         width: 60px;
         height: 60px;
    }
     .symbol.symbol-xxl-60.symbol-fixed > img {
         width: 60px;
         height: 60px;
         max-width: auto;
    }
     .symbol.symbol-xxl-60.symbol-2by3 .symbol-label {
         height: 60px;
         width: 90px;
    }
     .symbol.symbol-xxl-60.symbol-2by3 > img {
         height: 60px;
         width: 90px;
         max-width: auto;
    }
     .symbol.symbol-xxl-65 > img {
         width: 100%;
         max-width: 65px;
         height: 65px;
    }
     .symbol.symbol-xxl-65 .symbol-label {
         width: 65px;
         height: 65px;
    }
     .symbol.symbol-xxl-65 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xxl-65 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xxl-65.symbol-circle .symbol-badge {
         top: 1.325px;
         right: 1.325px;
    }
     .symbol.symbol-xxl-65.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 1.325px;
    }
     .symbol.symbol-xxl-65.symbol-fixed .symbol-label {
         width: 65px;
         height: 65px;
    }
     .symbol.symbol-xxl-65.symbol-fixed > img {
         width: 65px;
         height: 65px;
         max-width: auto;
    }
     .symbol.symbol-xxl-65.symbol-2by3 .symbol-label {
         height: 65px;
         width: 97.5px;
    }
     .symbol.symbol-xxl-65.symbol-2by3 > img {
         height: 65px;
         width: 97.5px;
         max-width: auto;
    }
     .symbol.symbol-xxl-70 > img {
         width: 100%;
         max-width: 70px;
         height: 70px;
    }
     .symbol.symbol-xxl-70 .symbol-label {
         width: 70px;
         height: 70px;
    }
     .symbol.symbol-xxl-70 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xxl-70 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xxl-70.symbol-circle .symbol-badge {
         top: 2.35px;
         right: 2.35px;
    }
     .symbol.symbol-xxl-70.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 2.35px;
    }
     .symbol.symbol-xxl-70.symbol-fixed .symbol-label {
         width: 70px;
         height: 70px;
    }
     .symbol.symbol-xxl-70.symbol-fixed > img {
         width: 70px;
         height: 70px;
         max-width: auto;
    }
     .symbol.symbol-xxl-70.symbol-2by3 .symbol-label {
         height: 70px;
         width: 105px;
    }
     .symbol.symbol-xxl-70.symbol-2by3 > img {
         height: 70px;
         width: 105px;
         max-width: auto;
    }
     .symbol.symbol-xxl-75 > img {
         width: 100%;
         max-width: 75px;
         height: 75px;
    }
     .symbol.symbol-xxl-75 .symbol-label {
         width: 75px;
         height: 75px;
    }
     .symbol.symbol-xxl-75 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xxl-75 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xxl-75.symbol-circle .symbol-badge {
         top: 3.375px;
         right: 3.375px;
    }
     .symbol.symbol-xxl-75.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 3.375px;
    }
     .symbol.symbol-xxl-75.symbol-fixed .symbol-label {
         width: 75px;
         height: 75px;
    }
     .symbol.symbol-xxl-75.symbol-fixed > img {
         width: 75px;
         height: 75px;
         max-width: auto;
    }
     .symbol.symbol-xxl-75.symbol-2by3 .symbol-label {
         height: 75px;
         width: 112.5px;
    }
     .symbol.symbol-xxl-75.symbol-2by3 > img {
         height: 75px;
         width: 112.5px;
         max-width: auto;
    }
     .symbol.symbol-xxl-80 > img {
         width: 100%;
         max-width: 80px;
         height: 80px;
    }
     .symbol.symbol-xxl-80 .symbol-label {
         width: 80px;
         height: 80px;
    }
     .symbol.symbol-xxl-80 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xxl-80 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xxl-80.symbol-circle .symbol-badge {
         top: 4.4px;
         right: 4.4px;
    }
     .symbol.symbol-xxl-80.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 4.4px;
    }
     .symbol.symbol-xxl-80.symbol-fixed .symbol-label {
         width: 80px;
         height: 80px;
    }
     .symbol.symbol-xxl-80.symbol-fixed > img {
         width: 80px;
         height: 80px;
         max-width: auto;
    }
     .symbol.symbol-xxl-80.symbol-2by3 .symbol-label {
         height: 80px;
         width: 120px;
    }
     .symbol.symbol-xxl-80.symbol-2by3 > img {
         height: 80px;
         width: 120px;
         max-width: auto;
    }
     .symbol.symbol-xxl-85 > img {
         width: 100%;
         max-width: 85px;
         height: 85px;
    }
     .symbol.symbol-xxl-85 .symbol-label {
         width: 85px;
         height: 85px;
    }
     .symbol.symbol-xxl-85 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xxl-85 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xxl-85.symbol-circle .symbol-badge {
         top: 5.425px;
         right: 5.425px;
    }
     .symbol.symbol-xxl-85.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 5.425px;
    }
     .symbol.symbol-xxl-85.symbol-fixed .symbol-label {
         width: 85px;
         height: 85px;
    }
     .symbol.symbol-xxl-85.symbol-fixed > img {
         width: 85px;
         height: 85px;
         max-width: auto;
    }
     .symbol.symbol-xxl-85.symbol-2by3 .symbol-label {
         height: 85px;
         width: 127.5px;
    }
     .symbol.symbol-xxl-85.symbol-2by3 > img {
         height: 85px;
         width: 127.5px;
         max-width: auto;
    }
     .symbol.symbol-xxl-90 > img {
         width: 100%;
         max-width: 90px;
         height: 90px;
    }
     .symbol.symbol-xxl-90 .symbol-label {
         width: 90px;
         height: 90px;
    }
     .symbol.symbol-xxl-90 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xxl-90 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xxl-90.symbol-circle .symbol-badge {
         top: 6.45px;
         right: 6.45px;
    }
     .symbol.symbol-xxl-90.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 6.45px;
    }
     .symbol.symbol-xxl-90.symbol-fixed .symbol-label {
         width: 90px;
         height: 90px;
    }
     .symbol.symbol-xxl-90.symbol-fixed > img {
         width: 90px;
         height: 90px;
         max-width: auto;
    }
     .symbol.symbol-xxl-90.symbol-2by3 .symbol-label {
         height: 90px;
         width: 135px;
    }
     .symbol.symbol-xxl-90.symbol-2by3 > img {
         height: 90px;
         width: 135px;
         max-width: auto;
    }
     .symbol.symbol-xxl-95 > img {
         width: 100%;
         max-width: 95px;
         height: 95px;
    }
     .symbol.symbol-xxl-95 .symbol-label {
         width: 95px;
         height: 95px;
    }
     .symbol.symbol-xxl-95 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xxl-95 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xxl-95.symbol-circle .symbol-badge {
         top: 7.475px;
         right: 7.475px;
    }
     .symbol.symbol-xxl-95.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 7.475px;
    }
     .symbol.symbol-xxl-95.symbol-fixed .symbol-label {
         width: 95px;
         height: 95px;
    }
     .symbol.symbol-xxl-95.symbol-fixed > img {
         width: 95px;
         height: 95px;
         max-width: auto;
    }
     .symbol.symbol-xxl-95.symbol-2by3 .symbol-label {
         height: 95px;
         width: 142.5px;
    }
     .symbol.symbol-xxl-95.symbol-2by3 > img {
         height: 95px;
         width: 142.5px;
         max-width: auto;
    }
     .symbol.symbol-xxl-100 > img {
         width: 100%;
         max-width: 100px;
         height: 100px;
    }
     .symbol.symbol-xxl-100 .symbol-label {
         width: 100px;
         height: 100px;
    }
     .symbol.symbol-xxl-100 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xxl-100 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xxl-100.symbol-circle .symbol-badge {
         top: 8.5px;
         right: 8.5px;
    }
     .symbol.symbol-xxl-100.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 8.5px;
    }
     .symbol.symbol-xxl-100.symbol-fixed .symbol-label {
         width: 100px;
         height: 100px;
    }
     .symbol.symbol-xxl-100.symbol-fixed > img {
         width: 100px;
         height: 100px;
         max-width: auto;
    }
     .symbol.symbol-xxl-100.symbol-2by3 .symbol-label {
         height: 100px;
         width: 150px;
    }
     .symbol.symbol-xxl-100.symbol-2by3 > img {
         height: 100px;
         width: 150px;
         max-width: auto;
    }
     .symbol.symbol-xxl-120 > img {
         width: 100%;
         max-width: 120px;
         height: 120px;
    }
     .symbol.symbol-xxl-120 .symbol-label {
         width: 120px;
         height: 120px;
    }
     .symbol.symbol-xxl-120 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xxl-120 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xxl-120.symbol-circle .symbol-badge {
         top: 12.6px;
         right: 12.6px;
    }
     .symbol.symbol-xxl-120.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 12.6px;
    }
     .symbol.symbol-xxl-120.symbol-fixed .symbol-label {
         width: 120px;
         height: 120px;
    }
     .symbol.symbol-xxl-120.symbol-fixed > img {
         width: 120px;
         height: 120px;
         max-width: auto;
    }
     .symbol.symbol-xxl-120.symbol-2by3 .symbol-label {
         height: 120px;
         width: 180px;
    }
     .symbol.symbol-xxl-120.symbol-2by3 > img {
         height: 120px;
         width: 180px;
         max-width: auto;
    }
     .symbol.symbol-xxl-130 > img {
         width: 100%;
         max-width: 130px;
         height: 130px;
    }
     .symbol.symbol-xxl-130 .symbol-label {
         width: 130px;
         height: 130px;
    }
     .symbol.symbol-xxl-130 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xxl-130 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xxl-130.symbol-circle .symbol-badge {
         top: 14.65px;
         right: 14.65px;
    }
     .symbol.symbol-xxl-130.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 14.65px;
    }
     .symbol.symbol-xxl-130.symbol-fixed .symbol-label {
         width: 130px;
         height: 130px;
    }
     .symbol.symbol-xxl-130.symbol-fixed > img {
         width: 130px;
         height: 130px;
         max-width: auto;
    }
     .symbol.symbol-xxl-130.symbol-2by3 .symbol-label {
         height: 130px;
         width: 195px;
    }
     .symbol.symbol-xxl-130.symbol-2by3 > img {
         height: 130px;
         width: 195px;
         max-width: auto;
    }
     .symbol.symbol-xxl-140 > img {
         width: 100%;
         max-width: 140px;
         height: 140px;
    }
     .symbol.symbol-xxl-140 .symbol-label {
         width: 140px;
         height: 140px;
    }
     .symbol.symbol-xxl-140 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xxl-140 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xxl-140.symbol-circle .symbol-badge {
         top: 16.7px;
         right: 16.7px;
    }
     .symbol.symbol-xxl-140.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 16.7px;
    }
     .symbol.symbol-xxl-140.symbol-fixed .symbol-label {
         width: 140px;
         height: 140px;
    }
     .symbol.symbol-xxl-140.symbol-fixed > img {
         width: 140px;
         height: 140px;
         max-width: auto;
    }
     .symbol.symbol-xxl-140.symbol-2by3 .symbol-label {
         height: 140px;
         width: 210px;
    }
     .symbol.symbol-xxl-140.symbol-2by3 > img {
         height: 140px;
         width: 210px;
         max-width: auto;
    }
     .symbol.symbol-xxl-150 > img {
         width: 100%;
         max-width: 150px;
         height: 150px;
    }
     .symbol.symbol-xxl-150 .symbol-label {
         width: 150px;
         height: 150px;
    }
     .symbol.symbol-xxl-150 .symbol-badge {
         width: 12px;
         height: 12px;
         top: -6px;
         right: -6px;
    }
     .symbol.symbol-xxl-150 .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: -6px;
    }
     .symbol.symbol-xxl-150.symbol-circle .symbol-badge {
         top: 18.75px;
         right: 18.75px;
    }
     .symbol.symbol-xxl-150.symbol-circle .symbol-badge.symbol-badge-bottom {
         top: auto;
         bottom: 18.75px;
    }
     .symbol.symbol-xxl-150.symbol-fixed .symbol-label {
         width: 150px;
         height: 150px;
    }
     .symbol.symbol-xxl-150.symbol-fixed > img {
         width: 150px;
         height: 150px;
         max-width: auto;
    }
     .symbol.symbol-xxl-150.symbol-2by3 .symbol-label {
         height: 150px;
         width: 225px;
    }
     .symbol.symbol-xxl-150.symbol-2by3 > img {
         height: 150px;
         width: 225px;
         max-width: auto;
    }
}
 .symbol-group {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .symbol-group .symbol {
     position: relative;
     z-index: 0;
     margin-left: 0.5rem;
     border: 2px solid #ffffff;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 .symbol-group .symbol:first-child {
     margin-left: 0;
}
 .symbol-group .symbol:hover {
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     z-index: 1;
}
 .symbol-group.symbol-hover .symbol {
     cursor: pointer;
}
 .symbol-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .symbol-list .symbol {
     margin-right: 0.5rem;
}
 .symbol-list .symbol:last-child {
     margin-right: 0;
}
 .pulse {
     position: relative;
}
 .pulse .pulse-ring {
     display: block;
     border-radius: 40px;
     height: 40px;
     width: 40px;
     position: absolute;
     -webkit-animation: animation-pulse 3.5s ease-out;
     animation: animation-pulse 3.5s ease-out;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     opacity: 0;
     border-width: 3px;
     border-style: solid;
     border-color: #E4E6EF;
}
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
     .pulse .pulse-ring {
         top: 2px;
         left: 2px;
    }
}
 .pulse.pulse-primary .pulse-ring {
     border-color: rgba(54, 153, 255, 0.75);
}
 .pulse.pulse-secondary .pulse-ring {
     border-color: rgba(228, 230, 239, 0.75);
}
 .pulse.pulse-success .pulse-ring {
     border-color: rgba(27, 197, 189, 0.75);
}
 .pulse.pulse-info .pulse-ring {
     border-color: rgba(137, 80, 252, 0.75);
}
 .pulse.pulse-warning .pulse-ring {
     border-color: rgba(255, 168, 0, 0.75);
}
 .pulse.pulse-danger .pulse-ring {
     border-color: rgba(246, 78, 96, 0.75);
}
 .pulse.pulse-light .pulse-ring {
     border-color: rgba(243, 246, 249, 0.75);
}
 .pulse.pulse-dark .pulse-ring {
     border-color: rgba(24, 28, 50, 0.75);
}
 .pulse.pulse-white .pulse-ring {
     border-color: rgba(255, 255, 255, 0.75);
}
 @-webkit-keyframes animation-pulse {
     0% {
         -webkit-transform: scale(0.1, 0.1);
         opacity: 0.0;
    }
     60% {
         -webkit-transform: scale(0.1, 0.1);
         opacity: 0.0;
    }
     65% {
         opacity: 1;
    }
     100% {
         -webkit-transform: scale(1.2, 1.2);
         opacity: 0.0;
    }
}
 @keyframes animation-pulse {
     0% {
         -webkit-transform: scale(0.1, 0.1);
         opacity: 0.0;
    }
     60% {
         -webkit-transform: scale(0.1, 0.1);
         opacity: 0.0;
    }
     65% {
         opacity: 1;
    }
     100% {
         -webkit-transform: scale(1.2, 1.2);
         opacity: 0.0;
    }
}
 .page-loading * {
     -webkit-transition: none !important;
     transition: none !important;
}
 .page-loader {
     background: #fff;
     position: fixed;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 1000;
     display: none;
}
 .page-loading .page-loader {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .page-loader.page-loader-non-block {
     background: transparent;
     display: none;
     position: fixed;
     top: 50%;
     left: 50%;
     right: auto;
     bottom: auto;
     width: auto;
}
 .page-loading-non-block .page-loader.page-loader-non-block {
     display: inline-block;
}
 .page-loader.page-loader-logo {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .page-loader.page-loader-logo img {
     display: block;
}
 .page-loader.page-loader-logo .spinner {
     margin-top: 3rem;
}
 .page-loader.page-loader-logo .spinner:before {
     width: 26px;
     height: 26px;
     margin-top: -13px;
     margin-left: -13px;
}
 .quick-search .quick-search-form {
     padding: 0;
}
 .quick-search .quick-search-form .input-group {
     background-color: transparent;
}
 .quick-search .quick-search-form .input-group-prepend, .quick-search .quick-search-form .input-group-append {
     background-color: transparent;
}
 .quick-search .quick-search-form .input-group-prepend .input-group-text, .quick-search .quick-search-form .input-group-append .input-group-text {
     background-color: transparent;
     border: 0;
}
 .quick-search .quick-search-form .input-group-append {
     padding: 0;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .quick-search .quick-search-form .form-control {
     border: 0;
     background-color: transparent;
     outline: none !important;
     -webkit-box-shadow: none;
     box-shadow: none;
     background-color: transparent;
     padding-left: 0;
     padding-right: 0;
     border-top: 0;
     border-left: 0;
     border-right: 0;
     padding: 0;
     border-radius: 0;
}
 .quick-search .quick-search-form .quick-search-close {
     cursor: pointer;
     display: none;
}
 .quick-search .quick-search-wrapper {
     display: none;
}
 .quick-search .quick-search-wrapper.ps {
     padding-right: 10px !important;
     margin-right: -10px !important;
}
 .quick-search .quick-search-result {
     padding: 0;
     margin: 0;
}
 .quick-search.quick-search-has-result .quick-search-wrapper {
     display: block;
}
 .quick-search.quick-search-dropdown {
     padding: 1rem 1.5rem;
}
 .quick-search.quick-search-dropdown .quick-search-form .input-group:before {
     right: 0;
}
 .quick-search.quick-search-dropdown .quick-search-form .input-group .input-group-prepend .input-group-text {
     padding-left: 0;
}
 .quick-search.quick-search-dropdown .quick-search-form .input-group .input-group-append .input-group-text {
     padding-right: 0;
}
 .quick-search.quick-search-dropdown .quick-search-wrapper {
     margin: 1.5rem 0 0.5rem 0;
}
 .quick-search.quick-search-dropdown.quick-search-has-result .quick-search-form {
     border-bottom: 1px solid #EBEDF3;
     padding-bottom: 0.75rem;
}
 .quick-search.quick-search-inline .dropdown-menu {
     padding: 1.5rem;
}
 .quick-search.quick-search-offcanvas .quick-search-form {
     margin-bottom: 1.5rem;
}
 .quick-search.quick-search-offcanvas .quick-search-form .form-control {
     font-size: 1.1rem;
     font-weight: 500;
}
 .quick-search.quick-search-offcanvas .quick-search-form .input-group:before {
     right: 0;
}
 .quick-search.quick-search-offcanvas .quick-search-form .input-group .input-group-prepend .input-group-text {
     padding-left: 0;
}
 .quick-search.quick-search-offcanvas .quick-search-form .input-group .input-group-append .input-group-text {
     padding-right: 0;
}
 .quick-search.quick-search-offcanvas .quick-search-wrapper {
     display: block;
}
 .scrolltop {
     display: none;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 36px;
     height: 36px;
     position: fixed;
     bottom: 40px;
     right: 20px;
     cursor: pointer;
     z-index: 100;
     background-color:#4785FF;
     -webkit-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
     box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
     opacity: 0;
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     border-radius: 0.35rem !important;
}
 .scrolltop .svg-icon svg {
     height: 24px;
     width: 24px;
}
 .scrolltop .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .scrolltop .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .scrolltop > i {
     font-size: 1.3rem;
     color: #ffffff;
}
 .scrolltop:hover > i {
     color: #ffffff;
}
 .scrolltop:hover .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .scrolltop:hover .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 [data-scrolltop="on"] .scrolltop {
     opacity: 0.3;
     -webkit-animation: animation-scrolltop .4s ease-out 1;
     animation: animation-scrolltop .4s ease-out 1;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 [data-scrolltop="on"] .scrolltop:hover {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     opacity: 1;
}
 @media (max-width: 991.98px) {
     .scrolltop {
         bottom: 30px;
         right: 15px;
         width: 30px;
         height: 30px;
    }
}
 @-webkit-keyframes animation-scrolltop {
     from {
         margin-bottom: -15px;
    }
     to {
         margin-bottom: 0;
    }
}
 @keyframes animation-scrolltop {
     from {
         margin-bottom: -15px;
    }
     to {
         margin-bottom: 0;
    }
}
 .spinner {
     position: relative;
}
 .spinner:before {
     content: '';
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     position: absolute;
     top: 50%;
     left: 0;
     border-radius: 50%;
     border: 2px solid #D1D3E0;
     border-right: 2px solid transparent;
}
 .spinner:before {
     width: 1.5rem;
     height: 1.5rem;
     margin-top: -0.75rem;
}
 .spinner.spinner-center:before {
     left: 50%;
     margin-left: -0.75rem;
}
 .spinner.spinner-left:before {
     right: auto;
}
 .spinner.spinner-right:before {
     left: auto;
}
 .spinner.spinner-sm:before {
     width: 1.25rem;
     height: 1.25rem;
     margin-top: -0.625rem;
}
 .spinner.spinner-sm.spinner-center:before {
     left: 50%;
     margin-left: -0.625rem;
}
 .spinner.spinner-sm.spinner-left:before {
     right: auto;
}
 .spinner.spinner-sm.spinner-right:before {
     left: auto;
}
 .spinner.spinner-lg:before {
     width: 2rem;
     height: 2rem;
     margin-top: -1rem;
}
 .spinner.spinner-lg.spinner-center:before {
     left: 50%;
     margin-left: -1rem;
}
 .spinner.spinner-lg.spinner-left:before {
     right: auto;
}
 .spinner.spinner-lg.spinner-right:before {
     left: auto;
}
 .spinner:before {
     -webkit-animation: animation-spinner .5s linear infinite;
     animation: animation-spinner .5s linear infinite;
}
 .spinner.spinner-primary:before {
     border: 2px solid #4785FF;
     border-right: 2px solid transparent;
}
 .spinner.spinner-darker-primary:before {
     border: 2px solid #1287ff;
     border-right: 2px solid transparent;
}
 .spinner.spinner-secondary:before {
     border: 2px solid #E4E6EF;
     border-right: 2px solid transparent;
}
 .spinner.spinner-darker-secondary:before {
     border: 2px solid #ced1e2;
     border-right: 2px solid transparent;
}
 .spinner.spinner-success:before {
     border: 2px solid #32D0A5;
     border-right: 2px solid transparent;
}
 .spinner.spinner-darker-success:before {
     border: 2px solid #17a69f;
     border-right: 2px solid transparent;
}
 .spinner.spinner-info:before {
     border: 2px solid #7B6FFF;
     border-right: 2px solid transparent;
}
 .spinner.spinner-darker-info:before {
     border: 2px solid #712dfb;
     border-right: 2px solid transparent;
}
 .spinner.spinner-warning:before {
     border: 2px solid #FFA800;
     border-right: 2px solid transparent;
}
 .spinner.spinner-darker-warning:before {
     border: 2px solid #db9000;
     border-right: 2px solid transparent;
}
 .spinner.spinner-danger:before {
     border: 2px solid #F64E60;
     border-right: 2px solid transparent;
}
 .spinner.spinner-darker-danger:before {
     border: 2px solid #f42c41;
     border-right: 2px solid transparent;
}
 .spinner.spinner-light:before {
     border: 2px solid #F3F6F9;
     border-right: 2px solid transparent;
}
 .spinner.spinner-darker-light:before {
     border: 2px solid #dbe4ed;
     border-right: 2px solid transparent;
}
 .spinner.spinner-dark:before {
     border: 2px solid #181C32;
     border-right: 2px solid transparent;
}
 .spinner.spinner-darker-dark:before {
     border: 2px solid #0c0e1a;
     border-right: 2px solid transparent;
}
 .spinner.spinner-white:before {
     border: 2px solid #ffffff;
     border-right: 2px solid transparent;
}
 .spinner.spinner-darker-white:before {
     border: 2px solid #ededed;
     border-right: 2px solid transparent;
}
 .spinner.spinner-right:before {
     left: auto;
     right: 1rem;
}
 .spinner.spinner-right.btn:not(.btn-block) {
     padding-right: 3.5rem;
}
 .spinner.spinner-right.btn:not(.btn-block).spinner-sm {
     padding-right: 3.25rem;
}
 .spinner.spinner-right.btn:not(.btn-block).spinner-lg {
     padding-right: 4rem;
}
 .spinner.spinner-left:before {
     right: auto;
     left: 1rem;
}
 .spinner.spinner-left.btn:not(.btn-block) {
     padding-left: 3.5rem;
}
 .spinner.spinner-left.btn:not(.btn-block).spinner-sm {
     padding-left: 3.25rem;
}
 .spinner.spinner-left.btn:not(.btn-block).spinner-lg {
     padding-left: 4rem;
}
 .spinner.spinner-track:before {
     -webkit-animation: animation-spinner .5s linear infinite;
     animation: animation-spinner .5s linear infinite;
}
 .spinner.spinner-track.spinner-primary:before {
     border: 2px solid #cfe7ff;
     border-top-color: #2791ff;
}
 .spinner.spinner-track.spinner-darker-primary:before {
     border: 2px solid #9ccdff;
     border-top-color: #037fff;
}
 .spinner.spinner-track.spinner-secondary:before {
     border: 2px solid white;
     border-top-color: #dadde9;
}
 .spinner.spinner-track.spinner-darker-secondary:before {
     border: 2px solid white;
     border-top-color: #c4c8dc;
}
 .spinner.spinner-track.spinner-success:before {
     border: 2px solid #8aefea;
     border-top-color: #19b8b0;
}
 .spinner.spinner-track.spinner-darker-success:before {
     border: 2px solid #5de9e2;
     border-top-color: #159892;
}
 .spinner.spinner-track.spinner-info:before {
     border: 2px solid #eee6ff;
     border-top-color: #7f41fc;
}
 .spinner.spinner-track.spinner-darker-info:before {
     border: 2px solid #cdb4fe;
     border-top-color: #671efb;
}
 .spinner.spinner-track.spinner-warning:before {
     border: 2px solid #ffdc99;
     border-top-color: #f09e00;
}
 .spinner.spinner-track.spinner-darker-warning:before {
     border: 2px solid #ffcb66;
     border-top-color: #cc8600;
}
 .spinner.spinner-track.spinner-danger:before {
     border: 2px solid #fde0e3;
     border-top-color: #f53f53;
}
 .spinner.spinner-track.spinner-darker-danger:before {
     border: 2px solid #fbafb7;
     border-top-color: #f41d34;
}
 .spinner.spinner-track.spinner-light:before {
     border: 2px solid white;
     border-top-color: #e9eef4;
}
 .spinner.spinner-track.spinner-darker-light:before {
     border: 2px solid white;
     border-top-color: #d1dde8;
}
 .spinner.spinner-track.spinner-dark:before {
     border: 2px solid #4a5699;
     border-top-color: #131628;
}
 .spinner.spinner-track.spinner-darker-dark:before {
     border: 2px solid #394377;
     border-top-color: #070910;
}
 .spinner.spinner-track.spinner-white:before {
     border: 2px solid white;
     border-top-color: #f7f7f7;
}
 .spinner.spinner-track.spinner-darker-white:before {
     border: 2px solid white;
     border-top-color: #e6e6e6;
}
 .spinner-grow {
     vertical-align: sub;
}
 .spinner-border {
     vertical-align: sub;
}
 @-webkit-keyframes animation-spinner {
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @keyframes animation-spinner {
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 .sticky-toolbar {
     width: 46px;
     position: fixed;
     top: 30%;
     right: 0;
     list-style: none;
     margin: 0;
     z-index: 50;
     background: #ffffff;
     -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     border-top-left-radius: 0.42rem;
     border-bottom-left-radius: 0.42rem;
}
 .svg-icon svg {
     height: 1.5rem;
     width: 1.5rem;
}
 .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #B5B5C3;
}
 .svg-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .svg-icon.svg-icon-white svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff !important;
}
 .svg-icon.svg-icon-white svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .svg-icon.svg-logo-white svg path {
     fill: #ffffff !important;
}
 .svg-icon.svg-icon-primary svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF !important;
}
 .svg-icon.svg-icon-primary svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .svg-icon.svg-logo-primary svg path {
     fill: #4785FF !important;
}
 .svg-icon.svg-icon-secondary svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32 !important;
}
 .svg-icon.svg-icon-secondary svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .svg-icon.svg-logo-secondary svg path {
     fill: #181C32 !important;
}
 .svg-icon.svg-icon-success svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5 !important;
}
 .svg-icon.svg-icon-success svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .svg-icon.svg-logo-success svg path {
     fill: #32D0A5 !important;
}
 .svg-icon.svg-icon-info svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF !important;
}
 .svg-icon.svg-icon-info svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .svg-icon.svg-logo-info svg path {
     fill: #7B6FFF !important;
}
 .svg-icon.svg-icon-warning svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800 !important;
}
 .svg-icon.svg-icon-warning svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .svg-icon.svg-logo-warning svg path {
     fill: #FFA800 !important;
}
 .svg-icon.svg-icon-danger svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60 !important;
}
 .svg-icon.svg-icon-danger svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .svg-icon.svg-logo-danger svg path {
     fill: #F64E60 !important;
}
 .svg-icon.svg-icon-light svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9 !important;
}
 .svg-icon.svg-icon-light svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .svg-icon.svg-logo-light svg path {
     fill: #F3F6F9 !important;
}
 .svg-icon.svg-icon-dark svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32 !important;
}
 .svg-icon.svg-icon-dark svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .svg-icon.svg-logo-dark svg path {
     fill: #181C32 !important;
}
 .svg-icon.svg-icon-dark-75 svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: rgba(63, 66, 84, 0.9) !important;
}
 .svg-icon.svg-icon-dark-75 svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .svg-icon.svg-logo-dark-75 svg path {
     fill: rgba(63, 66, 84, 0.9) !important;
}
 .svg-icon.svg-icon-dark-65 svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #5E6278 !important;
}
 .svg-icon.svg-icon-dark-65 svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .svg-icon.svg-logo-dark-65 svg path {
     fill: #5E6278 !important;
}
 .svg-icon.svg-icon-dark-50 svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7E8299 !important;
}
 .svg-icon.svg-icon-dark-50 svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .svg-icon.svg-logo-dark-50 svg path {
     fill: #7E8299 !important;
}
 .svg-icon.svg-icon-dark-25 svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #D1D3E0 !important;
}
 .svg-icon.svg-icon-dark-25 svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .svg-icon.svg-logo-dark-25 svg path {
     fill: #D1D3E0 !important;
}
 .svg-icon.svg-icon-muted svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #B5B5C3 !important;
}
 .svg-icon.svg-icon-muted svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .svg-icon.svg-logo-muted svg path {
     fill: #B5B5C3 !important;
}
 .svg-icon.svg-icon-sm svg {
     height: 1.25rem !important;
     width: 1.25rem !important;
}
 .svg-icon.svg-icon-md svg {
     height: 1.5rem !important;
     width: 1.5rem !important;
}
 .svg-icon.svg-icon-lg svg {
     height: 1.75rem !important;
     width: 1.75rem !important;
}
 .svg-icon.svg-icon-xl svg {
     height: 2rem !important;
     width: 2rem !important;
}
 .svg-icon.svg-icon-xxl svg {
     height: 2.25rem !important;
     width: 2.25rem !important;
}
 .svg-icon.svg-icon-1x svg {
     height: 1rem !important;
     width: 1rem !important;
}
 .svg-icon.svg-icon-2x svg {
     height: 2rem !important;
     width: 2rem !important;
}
 .svg-icon.svg-icon-3x svg {
     height: 3rem !important;
     width: 3rem !important;
}
 .svg-icon.svg-icon-4x svg {
     height: 4rem !important;
     width: 4rem !important;
}
 .svg-icon.svg-icon-5x svg {
     height: 5rem !important;
     width: 5rem !important;
}
 .svg-icon.svg-icon-6x svg {
     height: 6rem !important;
     width: 6rem !important;
}
 .svg-icon.svg-icon-7x svg {
     height: 7rem !important;
     width: 7rem !important;
}
 .svg-icon.svg-icon-8x svg {
     height: 8rem !important;
     width: 8rem !important;
}
 .svg-icon.svg-icon-9x svg {
     height: 9rem !important;
     width: 9rem !important;
}
 .svg-icon.svg-icon-10x svg {
     height: 10rem !important;
     width: 10rem !important;
}
 .svg-icon.svg-icon-full svg {
     height: 100% !important;
     width: 100% !important;
}
 @media (min-width: 576px) {
     .svg-icon.svg-icon-sm-sm svg {
         height: 1.25rem !important;
         width: 1.25rem !important;
    }
     .svg-icon.svg-icon-sm-md svg {
         height: 1.5rem !important;
         width: 1.5rem !important;
    }
     .svg-icon.svg-icon-sm-lg svg {
         height: 1.75rem !important;
         width: 1.75rem !important;
    }
     .svg-icon.svg-icon-sm-xl svg {
         height: 2rem !important;
         width: 2rem !important;
    }
     .svg-icon.svg-icon-sm-xxl svg {
         height: 2.25rem !important;
         width: 2.25rem !important;
    }
     .svg-icon.svg-icon-sm-1x svg {
         height: 1rem !important;
         width: 1rem !important;
    }
     .svg-icon.svg-icon-sm-2x svg {
         height: 2rem !important;
         width: 2rem !important;
    }
     .svg-icon.svg-icon-sm-3x svg {
         height: 3rem !important;
         width: 3rem !important;
    }
     .svg-icon.svg-icon-sm-4x svg {
         height: 4rem !important;
         width: 4rem !important;
    }
     .svg-icon.svg-icon-sm-5x svg {
         height: 5rem !important;
         width: 5rem !important;
    }
     .svg-icon.svg-icon-sm-6x svg {
         height: 6rem !important;
         width: 6rem !important;
    }
     .svg-icon.svg-icon-sm-7x svg {
         height: 7rem !important;
         width: 7rem !important;
    }
     .svg-icon.svg-icon-sm-8x svg {
         height: 8rem !important;
         width: 8rem !important;
    }
     .svg-icon.svg-icon-sm-9x svg {
         height: 9rem !important;
         width: 9rem !important;
    }
     .svg-icon.svg-icon-sm-10x svg {
         height: 10rem !important;
         width: 10rem !important;
    }
     .svg-icon.svg-icon-sm-full svg {
         height: 100% !important;
         width: 100% !important;
    }
}
 @media (min-width: 768px) {
     .svg-icon.svg-icon-md-sm svg {
         height: 1.25rem !important;
         width: 1.25rem !important;
    }
     .svg-icon.svg-icon-md-md svg {
         height: 1.5rem !important;
         width: 1.5rem !important;
    }
     .svg-icon.svg-icon-md-lg svg {
         height: 1.75rem !important;
         width: 1.75rem !important;
    }
     .svg-icon.svg-icon-md-xl svg {
         height: 2rem !important;
         width: 2rem !important;
    }
     .svg-icon.svg-icon-md-xxl svg {
         height: 2.25rem !important;
         width: 2.25rem !important;
    }
     .svg-icon.svg-icon-md-1x svg {
         height: 1rem !important;
         width: 1rem !important;
    }
     .svg-icon.svg-icon-md-2x svg {
         height: 2rem !important;
         width: 2rem !important;
    }
     .svg-icon.svg-icon-md-3x svg {
         height: 3rem !important;
         width: 3rem !important;
    }
     .svg-icon.svg-icon-md-4x svg {
         height: 4rem !important;
         width: 4rem !important;
    }
     .svg-icon.svg-icon-md-5x svg {
         height: 5rem !important;
         width: 5rem !important;
    }
     .svg-icon.svg-icon-md-6x svg {
         height: 6rem !important;
         width: 6rem !important;
    }
     .svg-icon.svg-icon-md-7x svg {
         height: 7rem !important;
         width: 7rem !important;
    }
     .svg-icon.svg-icon-md-8x svg {
         height: 8rem !important;
         width: 8rem !important;
    }
     .svg-icon.svg-icon-md-9x svg {
         height: 9rem !important;
         width: 9rem !important;
    }
     .svg-icon.svg-icon-md-10x svg {
         height: 10rem !important;
         width: 10rem !important;
    }
     .svg-icon.svg-icon-md-full svg {
         height: 100% !important;
         width: 100% !important;
    }
}
 @media (min-width: 992px) {
     .svg-icon.svg-icon-lg-sm svg {
         height: 1.25rem !important;
         width: 1.25rem !important;
    }
     .svg-icon.svg-icon-lg-md svg {
         height: 1.5rem !important;
         width: 1.5rem !important;
    }
     .svg-icon.svg-icon-lg-lg svg {
         height: 1.75rem !important;
         width: 1.75rem !important;
    }
     .svg-icon.svg-icon-lg-xl svg {
         height: 2rem !important;
         width: 2rem !important;
    }
     .svg-icon.svg-icon-lg-xxl svg {
         height: 2.25rem !important;
         width: 2.25rem !important;
    }
     .svg-icon.svg-icon-lg-1x svg {
         height: 1rem !important;
         width: 1rem !important;
    }
     .svg-icon.svg-icon-lg-2x svg {
         height: 2rem !important;
         width: 2rem !important;
    }
     .svg-icon.svg-icon-lg-3x svg {
         height: 3rem !important;
         width: 3rem !important;
    }
     .svg-icon.svg-icon-lg-4x svg {
         height: 4rem !important;
         width: 4rem !important;
    }
     .svg-icon.svg-icon-lg-5x svg {
         height: 5rem !important;
         width: 5rem !important;
    }
     .svg-icon.svg-icon-lg-6x svg {
         height: 6rem !important;
         width: 6rem !important;
    }
     .svg-icon.svg-icon-lg-7x svg {
         height: 7rem !important;
         width: 7rem !important;
    }
     .svg-icon.svg-icon-lg-8x svg {
         height: 8rem !important;
         width: 8rem !important;
    }
     .svg-icon.svg-icon-lg-9x svg {
         height: 9rem !important;
         width: 9rem !important;
    }
     .svg-icon.svg-icon-lg-10x svg {
         height: 10rem !important;
         width: 10rem !important;
    }
     .svg-icon.svg-icon-lg-full svg {
         height: 100% !important;
         width: 100% !important;
    }
}
 @media (min-width: 1200px) {
     .svg-icon.svg-icon-xl-sm svg {
         height: 1.25rem !important;
         width: 1.25rem !important;
    }
     .svg-icon.svg-icon-xl-md svg {
         height: 1.5rem !important;
         width: 1.5rem !important;
    }
     .svg-icon.svg-icon-xl-lg svg {
         height: 1.75rem !important;
         width: 1.75rem !important;
    }
     .svg-icon.svg-icon-xl-xl svg {
         height: 2rem !important;
         width: 2rem !important;
    }
     .svg-icon.svg-icon-xl-xxl svg {
         height: 2.25rem !important;
         width: 2.25rem !important;
    }
     .svg-icon.svg-icon-xl-1x svg {
         height: 1rem !important;
         width: 1rem !important;
    }
     .svg-icon.svg-icon-xl-2x svg {
         height: 2rem !important;
         width: 2rem !important;
    }
     .svg-icon.svg-icon-xl-3x svg {
         height: 3rem !important;
         width: 3rem !important;
    }
     .svg-icon.svg-icon-xl-4x svg {
         height: 4rem !important;
         width: 4rem !important;
    }
     .svg-icon.svg-icon-xl-5x svg {
         height: 5rem !important;
         width: 5rem !important;
    }
     .svg-icon.svg-icon-xl-6x svg {
         height: 6rem !important;
         width: 6rem !important;
    }
     .svg-icon.svg-icon-xl-7x svg {
         height: 7rem !important;
         width: 7rem !important;
    }
     .svg-icon.svg-icon-xl-8x svg {
         height: 8rem !important;
         width: 8rem !important;
    }
     .svg-icon.svg-icon-xl-9x svg {
         height: 9rem !important;
         width: 9rem !important;
    }
     .svg-icon.svg-icon-xl-10x svg {
         height: 10rem !important;
         width: 10rem !important;
    }
     .svg-icon.svg-icon-xl-full svg {
         height: 100% !important;
         width: 100% !important;
    }
}
 @media (min-width: 1480px) {
     .svg-icon.svg-icon-xxl-sm svg {
         height: 1.25rem !important;
         width: 1.25rem !important;
    }
     .svg-icon.svg-icon-xxl-md svg {
         height: 1.5rem !important;
         width: 1.5rem !important;
    }
     .svg-icon.svg-icon-xxl-lg svg {
         height: 1.75rem !important;
         width: 1.75rem !important;
    }
     .svg-icon.svg-icon-xxl-xl svg {
         height: 2rem !important;
         width: 2rem !important;
    }
     .svg-icon.svg-icon-xxl-xxl svg {
         height: 2.25rem !important;
         width: 2.25rem !important;
    }
     .svg-icon.svg-icon-xxl-1x svg {
         height: 1rem !important;
         width: 1rem !important;
    }
     .svg-icon.svg-icon-xxl-2x svg {
         height: 2rem !important;
         width: 2rem !important;
    }
     .svg-icon.svg-icon-xxl-3x svg {
         height: 3rem !important;
         width: 3rem !important;
    }
     .svg-icon.svg-icon-xxl-4x svg {
         height: 4rem !important;
         width: 4rem !important;
    }
     .svg-icon.svg-icon-xxl-5x svg {
         height: 5rem !important;
         width: 5rem !important;
    }
     .svg-icon.svg-icon-xxl-6x svg {
         height: 6rem !important;
         width: 6rem !important;
    }
     .svg-icon.svg-icon-xxl-7x svg {
         height: 7rem !important;
         width: 7rem !important;
    }
     .svg-icon.svg-icon-xxl-8x svg {
         height: 8rem !important;
         width: 8rem !important;
    }
     .svg-icon.svg-icon-xxl-9x svg {
         height: 9rem !important;
         width: 9rem !important;
    }
     .svg-icon.svg-icon-xxl-10x svg {
         height: 10rem !important;
         width: 10rem !important;
    }
     .svg-icon.svg-icon-xxl-full svg {
         height: 100% !important;
         width: 100% !important;
    }
}
 .svg-icon.svg-icon-flip svg {
     -webkit-transform: scaleX(-1);
     transform: scaleX(-1);
}
 .svg.svg-fill-white {
     fill: #ffffff !important;
}
 .svg.svg-fill-light-white {
     fill: #ffffff !important;
}
 .svg.svg-fill-primary {
     fill: #4785FF !important;
}
 .svg.svg-fill-light-primary {
     fill: #E1F0FF !important;
}
 .svg.svg-fill-secondary {
     fill: #181C32 !important;
}
 .svg.svg-fill-light-secondary {
     fill: #EBEDF3 !important;
}
 .svg.svg-fill-success {
     fill: #32D0A5 !important;
}
 .svg.svg-fill-light-success {
     fill: rgba(67, 213, 173, 0.15) !important;
}
 .svg.svg-fill-info {
     fill: #7B6FFF !important;
}
 .svg.svg-fill-light-info {
     fill: #EEE5FF !important;
}
 .svg.svg-fill-warning {
     fill: #FFA800 !important;
}
 .svg.svg-fill-light-warning {
     fill: #FFF4DE !important;
}
 .svg.svg-fill-danger {
     fill: #F64E60 !important;
}
 .svg.svg-fill-light-danger {
     fill: #FFEFEF !important;
}
 .svg.svg-fill-light {
     fill: #F3F6F9 !important;
}
 .svg.svg-fill-light-light {
     fill: #F3F6F9 !important;
}
 .svg.svg-fill-dark {
     fill: #181C32 !important;
}
 .svg.svg-fill-light-dark {
     fill: #D1D3E0 !important;
}
 .svg.svg-fill-dark-75 {
     fill: rgba(63, 66, 84, 0.9) !important;
}
/* .svg.svg-fill-light-dark-75 {
     fill: !important;
}
 */
 .svg.svg-fill-dark-65 {
     fill: #5E6278 !important;
}
/* .svg.svg-fill-light-dark-65 {
     fill: !important;
}
 */
 .svg.svg-fill-dark-50 {
     fill: #7E8299 !important;
}
/* .svg.svg-fill-light-dark-50 {
     fill: !important;
}
 */
 .svg.svg-fill-dark-25 {
     fill: #D1D3E0 !important;
}
/* .svg.svg-fill-light-dark-25 {
     fill: !important;
}
 */
 .svg.svg-fill-muted {
     fill: #B5B5C3 !important;
}
/* .svg.svg-fill-light-muted {
     fill: !important;
}
 */
 .timeline.timeline-1 {
     position: relative;
}
 .timeline.timeline-1 .timeline-sep {
     z-index: 0;
     content: '';
     position: absolute;
     left: 73px;
     width: 4px;
     top: 0;
     bottom: 0;
     background-color: #EBEDF3;
}
 .timeline.timeline-1 .timeline-item {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin-bottom: 1rem;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .timeline.timeline-1 .timeline-item .timeline-label {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 60px;
     flex: 0 0 60px;
     font-weight: 500;
     color: #B5B5C3;
}
 .timeline.timeline-1 .timeline-item .timeline-badge {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 30px;
     height: 30px;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background-color: white;
     border-radius: 50%;
     border: 4px solid white;
     position: relative;
     z-index: 0;
}
 .timeline.timeline-1 .timeline-item .timeline-badge .svg-icon, .timeline.timeline-1 .timeline-item .timeline-badge i {
     line-height: 0;
}
 .timeline.timeline-1 .timeline-item .timeline-content {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     font-size: 1.1rem;
     padding: 0 0 0 0.75rem;
}
 .timeline.timeline-1 .timeline-item:last-child {
     margin-bottom: 0;
}
 .timeline.timeline-2 {
     position: relative;
     padding: 0;
     margin: 0;
}
 .timeline.timeline-2 .timeline-bar {
     background-color: #EBEDF3;
     position: absolute;
     display: block;
     content: '';
     width: 1px;
     top: 5px;
     bottom: 5px;
     left: 4px;
     z-index: 0;
     margin: 0.5rem 0;
}
 .timeline.timeline-2 .timeline-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0.5rem 0;
}
 .timeline.timeline-2 .timeline-item .timeline-badge {
     position: relative;
     z-index: 1;
     display: block;
     width: 9px;
     height: 9px;
     border-radius: 100%;
     background-color: #E4E6EF;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     margin-right: 1.5rem;
}
 .timeline.timeline-2 .timeline-item .timeline-badge.timeline-badge-primary {
     background-color:#4785FF;
}
 .timeline.timeline-2 .timeline-item .timeline-badge.timeline-badge-secondary {
     background-color: #E4E6EF;
}
 .timeline.timeline-2 .timeline-item .timeline-badge.timeline-badge-success {
     background-color: #32D0A5;
}
 .timeline.timeline-2 .timeline-item .timeline-badge.timeline-badge-info {
     background-color: #7B6FFF;
}
 .timeline.timeline-2 .timeline-item .timeline-badge.timeline-badge-warning {
     background-color: #FFA800;
}
 .timeline.timeline-2 .timeline-item .timeline-badge.timeline-badge-danger {
     background-color: #F64E60;
}
 .timeline.timeline-2 .timeline-item .timeline-badge.timeline-badge-light {
     background-color: #F3F6F9;
}
 .timeline.timeline-2 .timeline-item .timeline-badge.timeline-badge-dark {
     background-color: #181C32;
}
 .timeline.timeline-2 .timeline-item .timeline-badge.timeline-badge-white {
     background-color: #ffffff;
}
 .timeline.timeline-2 .timeline-item .timeline-content {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
}
 .timeline.timeline-3 .timeline-items {
     margin: 0;
     padding: 0;
}
 .timeline.timeline-3 .timeline-items .timeline-item {
     margin-left: 25px;
     border-left: 2px solid #EBEDF3;
     padding: 0 0 20px 50px;
     position: relative;
}
 .timeline.timeline-3 .timeline-items .timeline-item .timeline-media {
     position: absolute;
     top: 0;
     left: -26px;
     border: 2px solid #EBEDF3;
     border-radius: 100%;
     width: 50px;
     height: 50px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background-color: #ffffff;
     line-height: 0;
}
 .timeline.timeline-3 .timeline-items .timeline-item .timeline-media i {
     font-size: 1.4rem;
}
 .timeline.timeline-3 .timeline-items .timeline-item .timeline-media .svg-icon svg {
     height: 24px;
     width: 24px;
}
 .timeline.timeline-3 .timeline-items .timeline-item .timeline-media img {
     max-width: 48px;
     max-height: 48px;
     border-radius: 100%;
}
 .timeline.timeline-3 .timeline-items .timeline-item .timeline-content {
     border-radius: 0.85rem;
     position: relative;
     background-color: #F3F6F9;
     padding: 0.75rem 1.5rem;
}
 .timeline.timeline-3 .timeline-items .timeline-item .timeline-content:before {
     position: absolute;
     content: '';
     width: 0;
     height: 0;
     top: 10px;
     left: -25px;
     border-right: solid 10px #F3F6F9;
     border-bottom: solid 17px transparent;
     border-left: solid 17px transparent;
     border-top: solid 17px transparent;
}
 .timeline.timeline-3 .timeline-items .timeline-item:last-child {
     border-left-color: transparent;
     padding-bottom: 0;
}
 .timeline.timeline-4 {
     position: relative;
     width: 100%;
}
 .timeline.timeline-4:after {
     content: '';
     position: absolute;
     width: 5px;
     top: 0;
     margin-top: 0.1rem;
     bottom: 0;
     left: 50%;
     margin-left: -2.5px;
     background-color: #EBEDF3;
     border-radius: 0.35rem;
}
 .timeline.timeline-4.timeline-center {
     margin: 0 auto;
}
 .timeline.timeline-4 .timeline-bar {
     border-radius: 0.35rem;
     width: 20px;
     height: 5px;
     position: absolute;
     left: 50%;
     margin-left: -10px;
     background-color: #EBEDF3;
}
 .timeline.timeline-4 .timeline-items {
     position: relative;
}
 .timeline.timeline-4 .timeline-items .timeline-item {
     position: relative;
     margin-left: 0;
     width: 50%;
     min-height: 3rem;
}
 .timeline.timeline-4 .timeline-items .timeline-item:after {
     position: absolute;
     content: '';
     width: 0;
     height: 0;
     top: 3rem;
     left: 100%;
     margin-left: -3rem;
     border-left: solid 10px #F3F6F9;
     border-bottom: solid 17px transparent;
     border-right: solid 17px transparent;
     border-top: solid 17px transparent;
}
 .timeline.timeline-4 .timeline-items .timeline-item .timeline-badge {
     background: white;
     width: 20px;
     height: 20px;
     border-radius: 50%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     z-index: 1;
     position: absolute;
     top: 3.5rem;
}
 .timeline.timeline-4 .timeline-items .timeline-item .timeline-badge > div {
     border-radius: 50%;
     width: 6px;
     height: 6px;
}
 .timeline.timeline-4 .timeline-items .timeline-item .timeline-label {
     display: block;
     padding-left: 1.5rem;
     padding-right: 1.5rem;
     margin-bottom: 0.5rem;
}
 .timeline.timeline-4 .timeline-items .timeline-item .timeline-content {
     position: relative;
     border-radius: 0.35rem;
     padding: 1rem 1.5rem;
     background-color: #F3F6F9;
}
 .timeline.timeline-4 .timeline-items .timeline-item.timeline-item-left {
     left: 0;
     padding-right: 2.85rem;
     position: relative;
}
 .timeline.timeline-4 .timeline-items .timeline-item.timeline-item-left .timeline-badge {
     right: -10px;
}
 .timeline.timeline-4 .timeline-items .timeline-item.timeline-item-left .timeline-label {
     text-align: right;
}
 .timeline.timeline-4 .timeline-items .timeline-item.timeline-item-right {
     left: 50%;
     padding-left: 2.86rem;
}
 .timeline.timeline-4 .timeline-items .timeline-item.timeline-item-right .timeline-badge {
     left: -10px;
}
 .timeline.timeline-4 .timeline-items .timeline-item.timeline-item-right .timeline-label {
     text-align: left;
}
 .timeline.timeline-4 .timeline-items .timeline-item.timeline-item-right:after {
     right: 100%;
     left: auto;
     margin-right: -3rem;
     border-right: solid 10px #F3F6F9;
     border-left: solid 17px transparent;
}
 .timeline.timeline-4 .timeline-items .timeline-item:first-child {
     top: 2rem;
}
 .timeline.timeline-4 .timeline-items .timeline-item:last-child {
     bottom: 2rem;
}
 .timeline.timeline-4.timeline-justified .timeline-bar {
     left: 5px;
}
 .timeline.timeline-4.timeline-justified:after {
     left: 5px;
}
 .timeline.timeline-4.timeline-justified .timeline-items {
     padding: 1rem 0;
}
 .timeline.timeline-4.timeline-justified .timeline-items .timeline-item {
     width: 100%;
     left: 0;
     padding-left: 2.85rem;
     position: relative;
     top: 0;
     bottom: 0;
     margin-bottom: 1.5rem;
}
 .timeline.timeline-4.timeline-justified .timeline-items .timeline-item:after {
     right: 100%;
     left: auto;
     margin-left: auto;
     margin-right: -3rem;
     border-right: solid 10px #F3F6F9;
     border-left: solid 17px transparent;
}
 .timeline.timeline-4.timeline-justified .timeline-items .timeline-item .timeline-badge {
     left: -5px;
}
 .timeline.timeline-4.timeline-justified .timeline-items .timeline-item .timeline-label {
     text-align: left;
}
 .timeline.timeline-4.timeline-justified .timeline-items .timeline-item:last-child {
     margin-bottom: 0;
}
 @media (max-width: 991.98px) {
     .timeline.timeline-4 .timeline-bar {
         left: 5px !important;
    }
     .timeline.timeline-4:after {
         left: 5px !important;
    }
     .timeline.timeline-4 .timeline-items {
         padding: 1rem 0;
    }
     .timeline.timeline-4 .timeline-items .timeline-item {
         width: 100% !important;
         left: 0 !important;
         padding-right: 0 !important;
         padding-left: 2.85rem !important;
         position: relative;
         top: 0 !important;
         bottom: 0 !important;
         margin-bottom: 1.5rem;
    }
     .timeline.timeline-4 .timeline-items .timeline-item:after {
         right: 100%;
         left: auto !important;
         margin-left: auto;
         margin-right: -3rem;
         border-right: solid 10px #F3F6F9;
         border-left: solid 17px transparent;
    }
     .timeline.timeline-4 .timeline-items .timeline-item .timeline-badge {
         left: -5px !important;
    }
     .timeline.timeline-4 .timeline-items .timeline-item .timeline-label {
         text-align: left !important;
    }
     .timeline.timeline-4 .timeline-items .timeline-item:last-child {
         margin-bottom: 0 !important;
    }
}
 .timeline.timeline-5 .timeline-items {
     margin: 0;
     padding: 0;
}
 .timeline.timeline-5 .timeline-items .timeline-item {
     margin-left: 0;
     padding: 0;
     position: relative;
}
 .timeline.timeline-5 .timeline-items .timeline-item .timeline-media {
     position: absolute;
     top: 0;
     border-radius: 100%;
     width: 35px;
     height: 35px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background-color: #ffffff;
     line-height: 0;
}
 .timeline.timeline-5 .timeline-items .timeline-item .timeline-media i {
     font-size: 1.4rem;
}
 .timeline.timeline-5 .timeline-items .timeline-item .timeline-media .svg-icon svg {
     height: 24px;
     width: 24px;
}
 .timeline.timeline-5 .timeline-items .timeline-item .timeline-info {
     padding: 9px 0 0 44px;
}
 .timeline.timeline-5 .timeline-items .timeline-item .timeline-info::before {
     content: '';
     position: absolute;
     width: 4px;
     height: calc(100% - 32px);
     background-color: #DEEDFF;
     border-radius: 6px;
     top: 40px;
     left: 16px;
}
 .timeline.timeline-5 .timeline-items .timeline-item:last-child {
     border-left-color: transparent;
     padding-bottom: 0;
}
 .timeline.timeline-6 {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
}
 .timeline.timeline-6:before {
     content: '';
     position: absolute;
     left: 50.5px;
     width: 4px;
     top: 0;
     bottom: 0;
     background-color: #EBEDF3;
}
 .timeline.timeline-6 .timeline-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
     margin-bottom: 1.7rem;
}
 .timeline.timeline-6 .timeline-item:last-child {
     margin-bottom: 0;
}
 .timeline.timeline-6 .timeline-item .timeline-label {
     width: 50px;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     font-size: 1.1rem;
     font-weight: 500;
     position: relative;
     color: rgba(63, 66, 84, 0.9);
}
 .timeline.timeline-6 .timeline-item .timeline-badge {
     -ms-flex-negative: 0;
     flex-shrink: 0;
     background: white;
     width: 13px;
     height: 13px;
     border-radius: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     z-index: 1;
     position: relative;
     margin-top: 1px;
     margin-left: -0.5rem;
     padding: 3px !important;
     border: 6px solid #ffffff !important;
}
 .timeline.timeline-6 .timeline-item .timeline-badge span {
     display: block;
     border-radius: 100%;
     width: 6px;
     height: 6px;
     background-color: #EBEDF3;
}
 .timeline.timeline-6 .timeline-item .timeline-content {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
}
 .overlay {
     position: relative;
}
 .overlay .overlay-layer {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background-color: rgba(0, 0, 0, 0.05);
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     opacity: 0;
}
 .overlay.overlay-block .overlay-layer, .overlay:hover .overlay-layer {
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     opacity: 1;
}
 .overlay.overlay-block {
     cursor: wait;
}
 .wave {
     background-color: #F3F6F9;
     overflow: hidden;
     position: relative;
}
 .wave > div {
     z-index: 1;
}
 .wave:before {
     content: ' ';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ffffff;
     z-index: -1;
}
 .wave:after {
     content: ' ';
     width: 1000px;
     height: 1025px;
     position: absolute;
     bottom: 65%;
     left: -250px;
     border-radius: 35%;
     background: white;
     z-index: 0;
}
 .wave:after {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .wave-animate:after {
     -webkit-animation: animate-wave 15s infinite linear;
     animation: animate-wave 15s infinite linear;
}
 .wave-animate-slower:after {
     -webkit-animation: animate-wave 30s infinite linear;
     animation: animate-wave 30s infinite linear;
}
 .wave-animate-slow:after {
     -webkit-animation: animate-wave 25s infinite linear;
     animation: animate-wave 25s infinite linear;
}
 .wave-animate-fast:after {
     -webkit-animation: animate-wave 10s infinite linear;
     animation: animate-wave 10s infinite linear;
}
 .wave-animate-faster:after {
     -webkit-animation: animate-wave 5s infinite linear;
     animation: animate-wave 5s infinite linear;
}
 .wave.wave-primary {
     background-color: rgba(54, 153, 255, 0.1) !important;
}
 .wave.wave-primary .svg-icon svg g [fill] {
     fill: #4785FF;
}
 .wave.wave-secondary {
     background-color: rgba(228, 230, 239, 0.1) !important;
}
 .wave.wave-secondary .svg-icon svg g [fill] {
     fill: #E4E6EF;
}
 .wave.wave-success {
     background-color: rgba(27, 197, 189, 0.1) !important;
}
 .wave.wave-success .svg-icon svg g [fill] {
     fill: #32D0A5;
}
 .wave.wave-info {
     background-color: rgba(137, 80, 252, 0.1) !important;
}
 .wave.wave-info .svg-icon svg g [fill] {
     fill: #7B6FFF;
}
 .wave.wave-warning {
     background-color: rgba(255, 168, 0, 0.1) !important;
}
 .wave.wave-warning .svg-icon svg g [fill] {
     fill: #FFA800;
}
 .wave.wave-danger {
     background-color: rgba(246, 78, 96, 0.1) !important;
}
 .wave.wave-danger .svg-icon svg g [fill] {
     fill: #F64E60;
}
 .wave.wave-light {
     background-color: rgba(243, 246, 249, 0.1) !important;
}
 .wave.wave-light .svg-icon svg g [fill] {
     fill: #F3F6F9;
}
 .wave.wave-dark {
     background-color: rgba(24, 28, 50, 0.1) !important;
}
 .wave.wave-dark .svg-icon svg g [fill] {
     fill: #181C32;
}
 .wave.wave-white {
     background-color: rgba(255, 255, 255, 0.1) !important;
}
 .wave.wave-white .svg-icon svg g [fill] {
     fill: #ffffff;
}
 @-webkit-keyframes animate-wave {
     from {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @keyframes animate-wave {
     from {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 .list .list-item .list-title {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .list .list-item .list-hidden {
     opacity: 0;
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .list .list-item.active .list-title, .list .list-item:hover .list-title {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     color: #4785FF !important;
}
 .list .list-item.active .list-hidden, .list .list-item:hover .list-hidden {
     opacity: 1;
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .list.list-border .list-item {
     border-bottom: 1px solid #EBEDF3;
}
 .list.list-border .list-item:last-child {
     border-bottom: 0;
}
 .list.list-dashed .list-item {
     border-bottom: 1px dashed #EBEDF3;
}
 .list.list-dashed .list-item:last-child {
     border-bottom: 0;
}
 .list.list-hover .list-item {
     cursor: pointer;
     border-radius: 0.35rem;
}
 .list.list-hover .list-item:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #F3F6F9;
     cursor: pointer;
}
 .list.list-hover .list-item.active {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-color: #f0f3f7;
}
 .bullet {
     display: inline-block;
     background-color: #E4E6EF;
     width: 10px;
     height: 2px;
     border-radius: 2rem;
}
 .bullet.bullet-dot {
     width: 4px;
     height: 4px;
     border-radius: 100% !important;
}
 .bullet.bullet-ver {
     width: 2px;
     height: 10px;
}
 .bullet.bullet-bar {
     width: 4px;
     height: auto;
}
 .navi {
     padding: 0;
     margin: 0;
     display: block;
     list-style: none;
}
 .navi .navi-item {
     padding: 0;
     display: block;
     list-style: none;
}
 .navi .navi-item .navi-link {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0.75rem 1.5rem;
}
 .navi .navi-item .navi-link .navi-icon {
     line-height: 0;
     -ms-flex-negative: 0;
     flex-shrink: 0;
}
 .navi .navi-item .navi-link .navi-icon:before {
     line-height: 0;
}
 .navi .navi-item .navi-link .navi-bullet {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     margin-right: 0.75rem;
}
 .navi .navi-item .navi-link .navi-text {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
}
 .navi .navi-item .navi-link .navi-label {
     line-height: 0;
     margin-left: 0.75rem;
}
 .navi .navi-item .navi-link .navi-toolbar {
     margin-left: 0.75rem;
}
 .navi .navi-item .navi-link .navi-arrow {
     line-height: 0;
     margin-left: 0.75rem;
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     color: #7E8299;
}
 .navi .navi-item .navi-link .navi-arrow:before {
     line-height: 0;
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
     font-size: 0.6rem;
}
 .navi .navi-item .navi-link .navi-arrow.navi-arrow-down {
     -webkit-transform: rotateZ(-90deg)
    /*rtl:ignore*/
    ;
     transform: rotateZ(-90deg)
    /*rtl:ignore*/
    ;
}
 [direction="rtl"] .navi .navi-item .navi-link .navi-arrow.navi-arrow-down {
     -webkit-transform: rotateZ(90deg)
    /*rtl:ignore*/
    ;
     transform: rotateZ(90deg)
    /*rtl:ignore*/
    ;
}
 .navi .navi-item:last-child {
     border-bottom: 0 !important;
}
 .navi .navi-item:last-child .navi-link {
     border-bottom: 0 !important;
}
 .navi .navi-separator {
     margin: 0;
     padding: 0;
     height: 0;
     display: block;
     border-bottom: 1px solid #EBEDF3;
}
 .navi .navi-separator.navi-separator-dashed {
     border-bottom: 1px dashed #EBEDF3;
}
 .navi .navi-header, .navi .navi-footer, .navi .navi-section {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .navi .navi-section {
     padding: 0.75rem 1.5rem;
}
 .navi .navi-header {
     padding: 0.75rem 1.5rem;
}
 .navi .navi-footer {
     padding: 0.75rem 1.5rem;
}
 .navi.navi-spacer-x-0 .navi-item .navi-link {
     padding-left: 0;
     padding-right: 0;
}
 .navi .navi-item .navi-link .navi-icon {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 2rem;
     flex: 0 0 2rem;
}
 .navi .navi-item .navi-link .navi-icon i {
     font-size: 1.25rem;
}
 .navi .navi-item .navi-link .navi-icon svg {
     height: 22px;
     width: 22px;
}
 .navi.navi-icon-lg .navi-item .navi-link .navi-icon {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 3rem;
     flex: 0 0 3rem;
}
 .navi.navi-icon-lg .navi-item .navi-link .navi-icon i {
     font-size: 1.5rem;
}
 .navi.navi-icon-lg .navi-item .navi-link .navi-icon svg {
     height: 28px;
     width: 28px;
}
 .navi.navi-icon-xl .navi-item .navi-link .navi-icon {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 4rem;
     flex: 0 0 4rem;
}
 .navi.navi-icon-xl .navi-item .navi-link .navi-icon i {
     font-size: 1.75rem;
}
 .navi.navi-icon-xl .navi-item .navi-link .navi-icon svg {
     height: 32px;
     width: 32px;
}
 .navi.navi-icon-center .navi-item .navi-link .navi-icon {
     text-align: center;
}
 .navi .navi-item .navi-link {
     font-size: 14px;
}
 .navi .navi-item .navi-link .navi-text {
     font-size: 14px;
}
 .navi.navi-font-lg .navi-item .navi-link {
     font-size: 1.1rem;
}
 .navi.navi-font-lg .navi-item .navi-link .navi-text {
     font-size: 1.1rem;
}
 .navi.navi-font-xl .navi-item .navi-link {
     font-size: 1.2rem;
}
 .navi.navi-font-xl .navi-item .navi-link .navi-text {
     font-size: 1.2rem;
}
 .navi.navi-light .navi-item .navi-link .navi-text {
     font-weight: 300;
}
 .navi.navi-lighter .navi-item .navi-link .navi-text {
     font-weight: lighter;
}
 .navi.navi-bold .navi-item .navi-link .navi-text {
     font-weight: 500;
}
 .navi.navi-bolder .navi-item .navi-link .navi-text {
     font-weight: 600;
}
 .navi.navi-boldest .navi-item .navi-link .navi-text {
     font-weight: 700;
}
 .navi .navi-item .navi-link {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     color: rgba(63, 66, 84, 0.9);
}
 .navi .navi-item .navi-link .navi-bullet .bullet {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi .navi-item .navi-link .navi-text {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi .navi-item .navi-link .navi-icon {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi .navi-item .navi-link .navi-icon i {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi .navi-item .navi-link .navi-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi .navi-item .navi-link .navi-arrow {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi .navi-item .navi-link .navi-bullet .bullet {
     background-color: #E4E6EF;
}
 .navi .navi-item .navi-link .navi-text {
     color: rgba(63, 66, 84, 0.9);
}
 .navi .navi-item .navi-link .navi-icon i {
     color: #B5B5C3;
}
 .navi .navi-item .navi-link .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #B5B5C3;
}
 .navi .navi-item .navi-link .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi .navi-item .navi-link .navi-arrow {
     color: #B5B5C3;
}
 .navi .navi-item .navi-link.disabled {
     opacity: 0.6;
}
 .navi .navi-item .navi-link:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     color: #4785FF;
}
 .navi .navi-item .navi-link:hover .navi-bullet .bullet {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi .navi-item .navi-link:hover .navi-text {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi .navi-item .navi-link:hover .navi-icon {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi .navi-item .navi-link:hover .navi-icon i {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi .navi-item .navi-link:hover .navi-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi .navi-item .navi-link:hover .navi-arrow {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi .navi-item .navi-link:hover .navi-bullet .bullet {
     background-color:#4785FF;
}
 .navi .navi-item .navi-link:hover .navi-text {
     color: #4785FF;
}
 /* .navi .navi-item .navi-link:hover .navi-icon i {
     color: #4785FF;
} */
 .navi .navi-item .navi-link:hover .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .navi .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi .navi-item .navi-link:hover .navi-arrow {
     color: #4785FF;
}
 .navi .navi-item .navi-link.active {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     color: #4785FF;
}
 .navi .navi-item .navi-link.active .navi-bullet .bullet {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi .navi-item .navi-link.active .navi-text {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi .navi-item .navi-link.active .navi-icon {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi .navi-item .navi-link.active .navi-icon i {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi .navi-item .navi-link.active .navi-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi .navi-item .navi-link.active .navi-arrow {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi .navi-item .navi-link.active .navi-bullet .bullet {
     background-color:#4785FF;
}
 .navi .navi-item .navi-link.active .navi-text {
     color: #4785FF;
}
 .navi .navi-item .navi-link.active .navi-icon i {
     color: #4785FF;
}
 .navi .navi-item .navi-link.active .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .navi .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi .navi-item .navi-link.active .navi-arrow {
     color: #4785FF;
}
 .navi.navi-light-icon .navi-item .navi-link {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     color: rgba(63, 66, 84, 0.9);
}
 .navi.navi-light-icon .navi-item .navi-link .navi-bullet .bullet {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi.navi-light-icon .navi-item .navi-link .navi-text {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi.navi-light-icon .navi-item .navi-link .navi-icon {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi.navi-light-icon .navi-item .navi-link .navi-icon i {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi.navi-light-icon .navi-item .navi-link .navi-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-light-icon .navi-item .navi-link .navi-arrow {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi.navi-light-icon .navi-item .navi-link .navi-bullet .bullet {
     background-color: #E4E6EF;
}
 .navi.navi-light-icon .navi-item .navi-link .navi-text {
     color: rgba(63, 66, 84, 0.9);
}
 .navi.navi-light-icon .navi-item .navi-link .navi-icon i {
     color: #D1D3E0;
}
 .navi.navi-light-icon .navi-item .navi-link .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #D1D3E0;
}
 .navi.navi-light-icon .navi-item .navi-link .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-light-icon .navi-item .navi-link .navi-arrow {
     color: #B5B5C3;
}
 .navi.navi-light-icon .navi-item .navi-link.disabled {
     opacity: 0.6;
}
 .navi.navi-light-icon .navi-item .navi-link:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     color: #4785FF;
}
 .navi.navi-light-icon .navi-item .navi-link:hover .navi-bullet .bullet {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi.navi-light-icon .navi-item .navi-link:hover .navi-text {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon i {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-light-icon .navi-item .navi-link:hover .navi-arrow {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi.navi-light-icon .navi-item .navi-link:hover .navi-bullet .bullet {
     background-color:#4785FF;
}
 .navi.navi-light-icon .navi-item .navi-link:hover .navi-text {
     color: #4785FF;
}
 .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon i {
     color: #4785FF;
}
 .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .navi.navi-light-icon .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-light-icon .navi-item .navi-link:hover .navi-arrow {
     color: #4785FF;
}
 .navi.navi-light-icon .navi-item .navi-link.active {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     color: #4785FF;
}
 .navi.navi-light-icon .navi-item .navi-link.active .navi-bullet .bullet {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi.navi-light-icon .navi-item .navi-link.active .navi-text {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi.navi-light-icon .navi-item .navi-link.active .navi-icon {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi.navi-light-icon .navi-item .navi-link.active .navi-icon i {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi.navi-light-icon .navi-item .navi-link.active .navi-icon .svg-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-light-icon .navi-item .navi-link.active .navi-arrow {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi.navi-light-icon .navi-item .navi-link.active .navi-bullet .bullet {
     background-color:#4785FF;
}
 .navi.navi-light-icon .navi-item .navi-link.active .navi-text {
     color: #4785FF;
}
 .navi.navi-light-icon .navi-item .navi-link.active .navi-icon i {
     color: #4785FF;
}
 .navi.navi-light-icon .navi-item .navi-link.active .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .navi.navi-light-icon .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-light-icon .navi-item .navi-link.active .navi-arrow {
     color: #4785FF;
}
 .navi.navi-border .navi-item .navi-link {
     border-bottom: 1px solid #EBEDF3;
}
 .navi.navi-link-rounded .navi-item .navi-link {
     border-radius: 0.35rem;
}
 .navi.navi-link-rounded-lg .navi-item .navi-link {
     border-radius: 0.85rem;
}
 .navi.navi-hover .navi-item .navi-link:hover {
     background-color: #F3F6F9;
}
 .navi.navi-active .navi-item .navi-link.active {
     background-color: #F3F6F9;
}
 .navi.navi-accent .navi-item .navi-link {
     position: relative;
}
 .navi.navi-accent .navi-item .navi-link:before {
     display: block;
     left: 0;
     top: 8px;
     bottom: 8px;
     position: absolute;
     width: 4px;
     background-color: transparent;
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     border-radius: 2px;
     content: " ";
}
 .navi.navi-accent .navi-item .navi-link.active:before {
     background-color:#4785FF;
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .navi.navi-accent.navi-primary .navi-item .navi-link:hover {
     color: #4785FF;
}
 .navi.navi-accent.navi-primary .navi-item .navi-link:hover .navi-text {
     color: #4785FF;
}
 .navi.navi-accent.navi-primary .navi-item .navi-link:hover .navi-icon i {
     color: #4785FF;
}
 .navi.navi-accent.navi-primary .navi-item .navi-link:hover .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .navi.navi-accent.navi-primary .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-accent.navi-primary .navi-item .navi-link:hover .navi-arrow {
     color: #4785FF;
}
 .navi.navi-accent.navi-primary .navi-item .navi-link.active {
     color: #4785FF;
}
 .navi.navi-accent.navi-primary .navi-item .navi-link.active .navi-text {
     color: #4785FF;
}
 .navi.navi-accent.navi-primary .navi-item .navi-link.active .navi-icon i {
     color: #4785FF;
}
 .navi.navi-accent.navi-primary .navi-item .navi-link.active .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #4785FF;
}
 .navi.navi-accent.navi-primary .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-accent.navi-primary .navi-item .navi-link.active .navi-arrow {
     color: #4785FF;
}
 .navi.navi-accent.navi-primary .navi-item .navi-link.active:before {
     background-color:#4785FF;
}
 .navi.navi-accent.navi-secondary .navi-item .navi-link:hover {
     color: #E4E6EF;
}
 .navi.navi-accent.navi-secondary .navi-item .navi-link:hover .navi-text {
     color: #E4E6EF;
}
 .navi.navi-accent.navi-secondary .navi-item .navi-link:hover .navi-icon i {
     color: #E4E6EF;
}
 .navi.navi-accent.navi-secondary .navi-item .navi-link:hover .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #E4E6EF;
}
 .navi.navi-accent.navi-secondary .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-accent.navi-secondary .navi-item .navi-link:hover .navi-arrow {
     color: #E4E6EF;
}
 .navi.navi-accent.navi-secondary .navi-item .navi-link.active {
     color: #E4E6EF;
}
 .navi.navi-accent.navi-secondary .navi-item .navi-link.active .navi-text {
     color: #E4E6EF;
}
 .navi.navi-accent.navi-secondary .navi-item .navi-link.active .navi-icon i {
     color: #E4E6EF;
}
 .navi.navi-accent.navi-secondary .navi-item .navi-link.active .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #E4E6EF;
}
 .navi.navi-accent.navi-secondary .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-accent.navi-secondary .navi-item .navi-link.active .navi-arrow {
     color: #E4E6EF;
}
 .navi.navi-accent.navi-secondary .navi-item .navi-link.active:before {
     background-color: #E4E6EF;
}
 .navi.navi-accent.navi-success .navi-item .navi-link:hover {
     color: #32D0A5;
}
 .navi.navi-accent.navi-success .navi-item .navi-link:hover .navi-text {
     color: #32D0A5;
}
 .navi.navi-accent.navi-success .navi-item .navi-link:hover .navi-icon i {
     color: #32D0A5;
}
 .navi.navi-accent.navi-success .navi-item .navi-link:hover .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .navi.navi-accent.navi-success .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-accent.navi-success .navi-item .navi-link:hover .navi-arrow {
     color: #32D0A5;
}
 .navi.navi-accent.navi-success .navi-item .navi-link.active {
     color: #32D0A5;
}
 .navi.navi-accent.navi-success .navi-item .navi-link.active .navi-text {
     color: #32D0A5;
}
 .navi.navi-accent.navi-success .navi-item .navi-link.active .navi-icon i {
     color: #32D0A5;
}
 .navi.navi-accent.navi-success .navi-item .navi-link.active .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #32D0A5;
}
 .navi.navi-accent.navi-success .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-accent.navi-success .navi-item .navi-link.active .navi-arrow {
     color: #32D0A5;
}
 .navi.navi-accent.navi-success .navi-item .navi-link.active:before {
     background-color: #32D0A5;
}
 .navi.navi-accent.navi-info .navi-item .navi-link:hover {
     color: #7B6FFF;
}
 .navi.navi-accent.navi-info .navi-item .navi-link:hover .navi-text {
     color: #7B6FFF;
}
 .navi.navi-accent.navi-info .navi-item .navi-link:hover .navi-icon i {
     color: #7B6FFF;
}
 .navi.navi-accent.navi-info .navi-item .navi-link:hover .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .navi.navi-accent.navi-info .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-accent.navi-info .navi-item .navi-link:hover .navi-arrow {
     color: #7B6FFF;
}
 .navi.navi-accent.navi-info .navi-item .navi-link.active {
     color: #7B6FFF;
}
 .navi.navi-accent.navi-info .navi-item .navi-link.active .navi-text {
     color: #7B6FFF;
}
 .navi.navi-accent.navi-info .navi-item .navi-link.active .navi-icon i {
     color: #7B6FFF;
}
 .navi.navi-accent.navi-info .navi-item .navi-link.active .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #7B6FFF;
}
 .navi.navi-accent.navi-info .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-accent.navi-info .navi-item .navi-link.active .navi-arrow {
     color: #7B6FFF;
}
 .navi.navi-accent.navi-info .navi-item .navi-link.active:before {
     background-color: #7B6FFF;
}
 .navi.navi-accent.navi-warning .navi-item .navi-link:hover {
     color: #FFA800;
}
 .navi.navi-accent.navi-warning .navi-item .navi-link:hover .navi-text {
     color: #FFA800;
}
 .navi.navi-accent.navi-warning .navi-item .navi-link:hover .navi-icon i {
     color: #FFA800;
}
 .navi.navi-accent.navi-warning .navi-item .navi-link:hover .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .navi.navi-accent.navi-warning .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-accent.navi-warning .navi-item .navi-link:hover .navi-arrow {
     color: #FFA800;
}
 .navi.navi-accent.navi-warning .navi-item .navi-link.active {
     color: #FFA800;
}
 .navi.navi-accent.navi-warning .navi-item .navi-link.active .navi-text {
     color: #FFA800;
}
 .navi.navi-accent.navi-warning .navi-item .navi-link.active .navi-icon i {
     color: #FFA800;
}
 .navi.navi-accent.navi-warning .navi-item .navi-link.active .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #FFA800;
}
 .navi.navi-accent.navi-warning .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-accent.navi-warning .navi-item .navi-link.active .navi-arrow {
     color: #FFA800;
}
 .navi.navi-accent.navi-warning .navi-item .navi-link.active:before {
     background-color: #FFA800;
}
 .navi.navi-accent.navi-danger .navi-item .navi-link:hover {
     color: #F64E60;
}
 .navi.navi-accent.navi-danger .navi-item .navi-link:hover .navi-text {
     color: #F64E60;
}
 .navi.navi-accent.navi-danger .navi-item .navi-link:hover .navi-icon i {
     color: #F64E60;
}
 .navi.navi-accent.navi-danger .navi-item .navi-link:hover .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .navi.navi-accent.navi-danger .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-accent.navi-danger .navi-item .navi-link:hover .navi-arrow {
     color: #F64E60;
}
 .navi.navi-accent.navi-danger .navi-item .navi-link.active {
     color: #F64E60;
}
 .navi.navi-accent.navi-danger .navi-item .navi-link.active .navi-text {
     color: #F64E60;
}
 .navi.navi-accent.navi-danger .navi-item .navi-link.active .navi-icon i {
     color: #F64E60;
}
 .navi.navi-accent.navi-danger .navi-item .navi-link.active .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F64E60;
}
 .navi.navi-accent.navi-danger .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-accent.navi-danger .navi-item .navi-link.active .navi-arrow {
     color: #F64E60;
}
 .navi.navi-accent.navi-danger .navi-item .navi-link.active:before {
     background-color: #F64E60;
}
 .navi.navi-accent.navi-light .navi-item .navi-link:hover {
     color: #F3F6F9;
}
 .navi.navi-accent.navi-light .navi-item .navi-link:hover .navi-text {
     color: #F3F6F9;
}
 .navi.navi-accent.navi-light .navi-item .navi-link:hover .navi-icon i {
     color: #F3F6F9;
}
 .navi.navi-accent.navi-light .navi-item .navi-link:hover .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .navi.navi-accent.navi-light .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-accent.navi-light .navi-item .navi-link:hover .navi-arrow {
     color: #F3F6F9;
}
 .navi.navi-accent.navi-light .navi-item .navi-link.active {
     color: #F3F6F9;
}
 .navi.navi-accent.navi-light .navi-item .navi-link.active .navi-text {
     color: #F3F6F9;
}
 .navi.navi-accent.navi-light .navi-item .navi-link.active .navi-icon i {
     color: #F3F6F9;
}
 .navi.navi-accent.navi-light .navi-item .navi-link.active .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #F3F6F9;
}
 .navi.navi-accent.navi-light .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-accent.navi-light .navi-item .navi-link.active .navi-arrow {
     color: #F3F6F9;
}
 .navi.navi-accent.navi-light .navi-item .navi-link.active:before {
     background-color: #F3F6F9;
}
 .navi.navi-accent.navi-dark .navi-item .navi-link:hover {
     color: #181C32;
}
 .navi.navi-accent.navi-dark .navi-item .navi-link:hover .navi-text {
     color: #181C32;
}
 .navi.navi-accent.navi-dark .navi-item .navi-link:hover .navi-icon i {
     color: #181C32;
}
 .navi.navi-accent.navi-dark .navi-item .navi-link:hover .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .navi.navi-accent.navi-dark .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-accent.navi-dark .navi-item .navi-link:hover .navi-arrow {
     color: #181C32;
}
 .navi.navi-accent.navi-dark .navi-item .navi-link.active {
     color: #181C32;
}
 .navi.navi-accent.navi-dark .navi-item .navi-link.active .navi-text {
     color: #181C32;
}
 .navi.navi-accent.navi-dark .navi-item .navi-link.active .navi-icon i {
     color: #181C32;
}
 .navi.navi-accent.navi-dark .navi-item .navi-link.active .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #181C32;
}
 .navi.navi-accent.navi-dark .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-accent.navi-dark .navi-item .navi-link.active .navi-arrow {
     color: #181C32;
}
 .navi.navi-accent.navi-dark .navi-item .navi-link.active:before {
     background-color: #181C32;
}
 .navi.navi-accent.navi-white .navi-item .navi-link:hover {
     color: #ffffff;
}
 .navi.navi-accent.navi-white .navi-item .navi-link:hover .navi-text {
     color: #ffffff;
}
 .navi.navi-accent.navi-white .navi-item .navi-link:hover .navi-icon i {
     color: #ffffff;
}
 .navi.navi-accent.navi-white .navi-item .navi-link:hover .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .navi.navi-accent.navi-white .navi-item .navi-link:hover .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-accent.navi-white .navi-item .navi-link:hover .navi-arrow {
     color: #ffffff;
}
 .navi.navi-accent.navi-white .navi-item .navi-link.active {
     color: #ffffff;
}
 .navi.navi-accent.navi-white .navi-item .navi-link.active .navi-text {
     color: #ffffff;
}
 .navi.navi-accent.navi-white .navi-item .navi-link.active .navi-icon i {
     color: #ffffff;
}
 .navi.navi-accent.navi-white .navi-item .navi-link.active .navi-icon svg g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
     fill: #ffffff;
}
 .navi.navi-accent.navi-white .navi-item .navi-link.active .navi-icon svg:hover g [fill] {
     -webkit-transition: fill 0.3s ease;
     transition: fill 0.3s ease;
}
 .navi.navi-accent.navi-white .navi-item .navi-link.active .navi-arrow {
     color: #ffffff;
}
 .navi.navi-accent.navi-white .navi-item .navi-link.active:before {
     background-color: #ffffff;
}
 .ribbon {
     position: relative;
}
 .ribbon .ribbon-target {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 5px 10px;
     position: absolute;
     z-index: 1;
     background-color:#4785FF;
     -webkit-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
     box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
     color: #FFFFFF;
}
 .ribbon .ribbon-target > .ribbon-inner {
     z-index: -1;
     position: absolute;
     padding: 0;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
}
 .ribbon .ribbon-target:after {
     border-color: #004d9c;
}
 .ribbon-ver .ribbon-target {
     padding: 5px 10px;
     min-width: 36px;
     min-height: 46px;
     text-align: center;
}
 .ribbon.ribbon-top .ribbon-target {
     border-bottom-right-radius: 0.42rem;
     border-bottom-left-radius: 0.42rem;
}
 .ribbon.ribbon-bottom .ribbon-target {
     border-top-right-radius: 0.42rem;
     border-top-left-radius: 0.42rem;
}
 .ribbon.ribbon-left .ribbon-target {
     border-top-right-radius: 0.42rem;
     border-bottom-right-radius: 0.42rem;
}
 .ribbon.ribbon-right .ribbon-target {
     border-top-left-radius: 0.42rem;
     border-bottom-left-radius: 0.42rem;
}
 .ribbon.ribbon-clip.ribbon-left .ribbon-target {
     left: -10px;
}
 .ribbon.ribbon-clip.ribbon-left .ribbon-target .ribbon-inner {
     border-top-right-radius: 0.42rem;
     border-bottom-right-radius: 0.42rem;
}
 .ribbon.ribbon-clip.ribbon-left .ribbon-target .ribbon-inner:before, .ribbon.ribbon-clip.ribbon-left .ribbon-target .ribbon-inner:after {
     content: '';
     position: absolute;
     border-style: solid;
     border-color: transparent !important;
     bottom: -10px;
}
 .ribbon.ribbon-clip.ribbon-left .ribbon-target .ribbon-inner:before {
     border-width: 0 10px 10px 0;
     border-right-color: #181C32 !important;
     left: 0;
}
 .ribbon.ribbon-clip.ribbon-right .ribbon-target {
     right: -10px;
}
 .ribbon.ribbon-clip.ribbon-right .ribbon-target .ribbon-inner {
     border-top-left-radius: 0.42rem;
     border-bottom-left-radius: 0.42rem;
}
 .ribbon.ribbon-clip.ribbon-right .ribbon-target .ribbon-inner:before, .ribbon.ribbon-clip.ribbon-right .ribbon-target .ribbon-inner:after {
     content: '';
     position: absolute;
     border-style: solid;
     border-color: transparent !important;
     bottom: -10px;
}
 .ribbon.ribbon-clip.ribbon-right .ribbon-target .ribbon-inner:before {
     border-width: 0 0 10px 10px;
     border-left-color: #181C32 !important;
     right: 0;
}
 .toggle-off .toggle-off-item {
     display: none !important;
}
 .toggle-on .toggle-on-item {
     display: none !important;
}
 .fv-plugins-message-container {
     margin-top: 0.25rem;
}
 .fv-plugins-message-container .fv-help-block {
     color: #F64E60;
     font-size: 0.9rem;
     font-weight: 400;
}
 .blockui {
     background: #ffffff;
     -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     border-radius: 0.35rem;
}
 .blockui.blockui-noshadow {
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .blockui > span {
     color: rgba(63, 66, 84, 0.9);
     padding: 0.75rem 1.2rem;
     font-size: 1.1rem;
     font-weight: 400;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
}
 .blockui > span > .loader, .blockui > span > .spinner {
     margin-right: 1.25rem;
}
 .datepicker {
     width: 265px;
     padding: 10px;
     border-radius: 0.35rem;
}
 .datepicker.datepicker-orient-top {
     margin-top: 8px;
     z-index: 1199 !important;
}
 .datepicker table {
     width: 100%;
}
 .datepicker td, .datepicker th {
     font-size: 1.1rem;
     font-weight: regular;
     width: 33px;
     height: 33px;
     border-radius: 0.35rem;
     padding:0px!important;
}
 .datepicker thead th {
     color: rgba(63, 66, 84, 0.9);
}
 .datepicker thead th.prev, .datepicker thead th.datepicker-switch, .datepicker thead th.next {
     font-weight: 500;
     color: rgba(63, 66, 84, 0.9);
}
 .datepicker thead th.prev i, .datepicker thead th.datepicker-switch i, .datepicker thead th.next i {
     font-size: 1.2rem;
     color: #7E8299;
}
 .datepicker thead th.prev i:before, .datepicker thead th.datepicker-switch i:before, .datepicker thead th.next i:before {
     line-height: 0;
     vertical-align: middle;
}
 .datepicker thead th.prev:hover, .datepicker thead th.datepicker-switch:hover, .datepicker thead th.next:hover {
     background: #F3F6F9 !important;
}
 .datepicker thead th.dow {
     color: rgba(63, 66, 84, 0.9);
     font-weight: 600;
}
 .datepicker tbody tr > td {
     width: 35px;
     height: 35px;
}
 .datepicker tbody tr > td.day {
     color: #7E8299;
     font-weight: 400;
}
 .datepicker tbody tr > td.day:hover {
     background: #F3F6F9;
     color: rgba(63, 66, 84, 0.9);
}
 .datepicker tbody tr > td.day.old {
     color: #7E8299;
}
 .datepicker tbody tr > td.day.new {
     color: rgba(63, 66, 84, 0.9);
}
 .datepicker tbody tr > td.day.selected, .datepicker tbody tr > td.day.selected:hover, .datepicker tbody tr > td.day.active, .datepicker tbody tr > td.day.active:hover {
     background: #4785FF;
     color: #ffffff;
}
 .datepicker tbody tr > td.day.today {
     position: relative;
     background: #E1F0FF !important;
     color: #4785FF !important;
}
 .datepicker tbody tr > td.day.today:before {
     content: '';
     display: inline-block;
     border: solid transparent;
     border-width: 0 0 7px 7px;
     border-bottom-color: #4785FF;
     border-top-color: #4785FF;
     position: absolute;
     bottom: 4px;
     right: 4px;
}
 .datepicker tbody tr > td.day.range {
     background: #F3F6F9;
}
 .datepicker tbody tr > td span.year, .datepicker tbody tr > td span.hour, .datepicker tbody tr > td span.minute, .datepicker tbody tr > td span.month {
     color: #7E8299;
}
 .datepicker tbody tr > td span.year:hover, .datepicker tbody tr > td span.hour:hover, .datepicker tbody tr > td span.minute:hover, .datepicker tbody tr > td span.month:hover {
     background: #F3F6F9;
}
 .datepicker tbody tr > td span.year.focused, .datepicker tbody tr > td span.year.focused:hover, .datepicker tbody tr > td span.year.active:hover, .datepicker tbody tr > td span.year.active.focused:hover, .datepicker tbody tr > td span.year.active, .datepicker tbody tr > td span.hour.focused, .datepicker tbody tr > td span.hour.focused:hover, .datepicker tbody tr > td span.hour.active:hover, .datepicker tbody tr > td span.hour.active.focused:hover, .datepicker tbody tr > td span.hour.active, .datepicker tbody tr > td span.minute.focused, .datepicker tbody tr > td span.minute.focused:hover, .datepicker tbody tr > td span.minute.active:hover, .datepicker tbody tr > td span.minute.active.focused:hover, .datepicker tbody tr > td span.minute.active, .datepicker tbody tr > td span.month.focused, .datepicker tbody tr > td span.month.focused:hover, .datepicker tbody tr > td span.month.active:hover, .datepicker tbody tr > td span.month.active.focused:hover, .datepicker tbody tr > td span.month.active {
     background: #4785FF;
     color: #ffffff;
}
 .datepicker tfoot tr > th {
     width: 35px;
     height: 35px;
}
 .datepicker tfoot tr > th.today, .datepicker tfoot tr > th.clear {
     border-radius: 0.35rem;
     font-weight: 500;
}
 .datepicker tfoot tr > th.today:hover, .datepicker tfoot tr > th.clear:hover {
     background: #EBEDF3;
}
 .datepicker.datepicker-inline {
     border: 1px solid #EBEDF3;
}
 .input-daterange .input-group-addon {
     min-width: 44px;
}
 .input-daterange input {
     text-align: left;
}
 .input-daterange .input-group-append .input-group-text {
     border-right: 0;
}
 .daterangepicker {
     padding: 0;
     margin: 0;
     width: auto;
     -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     border-radius: 0.35rem;
     border: 0;
     font-family: 'Ubuntu', sans-serif;
     z-index: 98;
}
 .modal-open .daterangepicker {
     z-index: 1051;
}
 .daterangepicker:after, .daterangepicker:before {
     display: none;
}
 .daterangepicker .ranges ul {
     padding: 1rem 0;
     width: 175px;
}
 .daterangepicker .ranges li {
     padding: 0.6rem 1.75rem;
     font-weight: 500;
     font-size: 1rem;
     color: #7E8299;
     -webkit-transition: color 0.3s ease;
     transition: color 0.3s ease;
}
 .daterangepicker .ranges li:hover, .daterangepicker .ranges li.active {
     background-color: #F3F6F9;
     color: #4785FF;
     -webkit-transition: color 0.3s ease;
     transition: color 0.3s ease;
}
 .daterangepicker.show-calendar .ranges {
     border-right: 1px solid #EBEDF3;
     margin-top: 0;
     height: 297px;
}
 .daterangepicker.show-ranges .drp-calendar.left {
     border-left: 0;
}
 .daterangepicker .drp-buttons {
     padding: 1rem 1.75rem;
     border-top: 1px solid #EBEDF3;
}
 .daterangepicker .drp-buttons .btn {
     font-size: 0.9rem;
     font-weight: 500;
     padding: 0.5rem 1rem;
     border-radius: 0.35rem;
}
 .daterangepicker .drp-selected {
     font-size: 0.9rem;
}
 .daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right {
     padding: 1rem 1rem;
}
 .daterangepicker .drp-calendar.left {
     border-left: 0 !important;
}
 .daterangepicker .drp-calendar th, .daterangepicker .drp-calendar td {
     font-size: 1.1rem;
     font-weight: regular;
     width: 33px;
     height: 33px;
}
 .daterangepicker .drp-calendar th {
     font-weight: 500;
     color: rgba(63, 66, 84, 0.9);
}
 .daterangepicker .drp-calendar th.month {
     font-weight: 500;
     color: rgba(63, 66, 84, 0.9);
}
 .daterangepicker .drp-calendar th.next span, .daterangepicker .drp-calendar th.prev span {
     border-width: 0 1px 1px 0;
     border-color: #7E8299;
}
 .daterangepicker .drp-calendar th.next span {
     margin-right: 1px;
}
 .daterangepicker .drp-calendar th.prev span {
     margin-left: 1px;
}
 .daterangepicker .drp-calendar td {
     color: #7E8299;
}
 .daterangepicker .drp-calendar td:hover {
     background-color: #F3F6F9;
}
 .daterangepicker .drp-calendar td.available.off {
     color: #B5B5C3;
}
 .daterangepicker .drp-calendar td.active {
     background-color:#4785FF !important;
     color: #FFFFFF !important;
     border-radius: 0.35rem;
}
 .daterangepicker .drp-calendar td.active.start-date {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
}
 .daterangepicker .drp-calendar td.active.end-date {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
}
 .daterangepicker .drp-calendar td.active.start-date.end-date {
     border-radius: 0.35rem;
}
 .daterangepicker .drp-calendar td.today, .daterangepicker .drp-calendar td.today.active {
     border-radius: 0.35rem;
     background: rgba(54, 153, 255, 0.12) !important;
     color: #4785FF !important;
}
 .daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {
     background-color: #F3F6F9;
     color: rgba(63, 66, 84, 0.9);
}
 .daterangepicker select {
     border-radius: 0.35rem;
     background: transparent !important;
     border-color: #E4E6EF !important;
     color: rgba(63, 66, 84, 0.9) !important;
}
 @media (min-width: 730px) {
     .daterangepicker.show-calendar .ranges {
         height: 297px !important;
    }
}
 @media (max-width: 767.98px) {
     .daterangepicker.show-calendar .ranges {
         height: 245px;
    }
}
 .bootstrap-datetimepicker-widget {
     border: 1px solid #EBEDF3;
     border-radius: 0.35rem;
}
 .bootstrap-datetimepicker-widget.dropdown-menu {
     border: 0;
     width: 265px !important;
     padding: 0;
}
 .bootstrap-datetimepicker-widget .datepicker {
     width: 100%;
     padding: 10px;
}
 .bootstrap-datetimepicker-widget .datepicker table {
     width: 100%;
}
 .bootstrap-datetimepicker-widget .datepicker table thead th {
     display: table-cell;
}
 .bootstrap-datetimepicker-widget .datepicker table thead th.picker-switch {
     color: rgba(63, 66, 84, 0.9);
     font-weight: 500;
     display: table-cell;
     font-size: 1.1rem;
}
 .bootstrap-datetimepicker-widget .datepicker table thead th.picker-switch:hover {
     color: #4785FF;
     background: #F3F6F9 !important;
}
 .bootstrap-datetimepicker-widget .datepicker table thead th.prev span, .bootstrap-datetimepicker-widget .datepicker table thead th.next span {
     font-size: 0.8rem;
     color: #7E8299;
}
 .bootstrap-datetimepicker-widget .datepicker table thead th.prev:hover span, .bootstrap-datetimepicker-widget .datepicker table thead th.next:hover span {
     color: #4785FF;
}
 .bootstrap-datetimepicker-widget .datepicker table thead th.disabled {
     color: #B5B5C3;
     cursor: not-allowed;
}
 .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tr td, .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tr th {
     font-size: 1.1rem;
     width: 35px;
     height: 35px;
     padding: 0;
     font-weight: regular;
     vertical-align: middle;
     text-align: center;
     border-radius: 0.35rem;
}
tr td a:not(.text-decoration-none, .btn):hover{
   filter:brightness(0.9)
}
tr td a:not(.text-decoration-none):hover .symbol{
   filter:brightness(1.1)
}
 .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td {
     color: #7E8299;
}
 .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td:hover {
     background: #F3F6F9;
}
 .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td.old {
     color: #7E8299;
}
 .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td.new {
     color: rgba(63, 66, 84, 0.9);
}
 .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td:focus, .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td.active {
     background: #4785FF !important;
     color: #ffffff !important;
}
 .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td.selected {
     background: #E1F0FF;
     color: #4785FF;
}
 .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td.disabled {
     color: #B5B5C3;
     cursor: not-allowed;
}
 .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td.today {
     position: relative;
     background: #E1F0FF !important;
     color: #4785FF !important;
}
 .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td.today:before {
     content: '';
     display: inline-block;
     border: solid transparent;
     border-width: 0 0 7px 7px;
     border-bottom-color: #4785FF;
     border-top-color: #4785FF;
     position: absolute;
     bottom: 4px;
     right: 4px;
}
 .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr td, .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr th, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr td, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr th, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr td, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr th {
     font-size: 1.1rem;
     width: 35px;
     height: 35px;
     padding: 0;
     font-weight: regular;
     vertical-align: middle;
     text-align: center;
     border-radius: 0.35rem;
}
 .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr td span, .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr th span, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr td span, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr th span, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr td span, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr th span {
     color: #7E8299;
}
 .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr td span:hover, .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr th span:hover, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr td span:hover, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr th span:hover, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr td span:hover, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr th span:hover {
     background: #F3F6F9;
}
 .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr td span.old, .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr th span.old, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr td span.old, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr th span.old, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr td span.old, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr th span.old {
     color: #7E8299;
}
 .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr td span.new, .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr th span.new, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr td span.new, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr th span.new, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr td span.new, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr th span.new {
     color: rgba(63, 66, 84, 0.9);
}
 .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr td span:focus, .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr td span.active, .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr th span:focus, .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr th span.active, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr td span:focus, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr td span.active, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr th span:focus, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr th span.active, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr td span:focus, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr td span.active, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr th span:focus, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr th span.active {
     background: #4785FF !important;
     color: #ffffff !important;
}
 .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr td span.selected, .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr th span.selected, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr td span.selected, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr th span.selected, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr td span.selected, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr th span.selected {
     background: #E1F0FF;
     color: #4785FF;
}
 .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr td span.today, .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr th span.today, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr td span.today, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr th span.today, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr td span.today, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr th span.today {
     position: relative;
     background: #E1F0FF !important;
     color: #4785FF !important;
}
 .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr td span.today:before, .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr th span.today:before, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr td span.today:before, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr th span.today:before, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr td span.today:before, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr th span.today:before {
     content: '';
     display: inline-block;
     border: solid transparent;
     border-width: 0 0 7px 7px;
     border-bottom-color: #4785FF !important;
     border-top-color: #4785FF !important;
     position: absolute;
     bottom: 4px;
     right: 4px;
}
 .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr td span.disabled, .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tr th span.disabled, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr td span.disabled, .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tr th span.disabled, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr td span.disabled, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table tr th span.disabled {
     color: #B5B5C3;
     cursor: not-allowed;
}
 .bootstrap-datetimepicker-widget .timepicker {
     padding: 10px;
}
 .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table td {
     width: auto;
     height: auto;
     text-align: center;
     vertical-align: middle;
     padding: 0;
     line-height: 35px;
}
 .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table td a {
     padding: 0;
}
 .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table td span {
     -ms-flex-line-pack: center;
     align-content: center;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height: 35px;
     width: 35px;
     font-size: 0.8rem;
     color: #7E8299;
}
 .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table td .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table td .timepicker-hour {
     font-size: 1.1rem;
     color: #7E8299;
     font-weight: 400;
}
 .bootstrap-datetimepicker-widget .timepicker .timepicker-picker table td:hover span {
     background: #F3F6F9;
     color: #4785FF;
}
 .bootstrap-datetimepicker-widget .timepicker .timepicker-minutes table, .bootstrap-datetimepicker-widget .timepicker .timepicker-hours table {
     width: auto;
     margin: 0 auto;
}
 .bootstrap-datetimepicker-widget .timepicker .timepicker-minutes table tr td, .bootstrap-datetimepicker-widget .timepicker .timepicker-hours table tr td {
     height: 35px;
     width: 35px;
     line-height: 35px;
     font-size: 1.1rem;
     font-weight: 400;
     color: #7E8299;
}
 .bootstrap-datetimepicker-widget .timepicker .timepicker-minutes table tr td:hover, .bootstrap-datetimepicker-widget .timepicker .timepicker-hours table tr td:hover {
     background: #F3F6F9;
     color: #4785FF;
}
 .bootstrap-datetimepicker-widget .picker-switch.accordion-toggle {
     padding: 10px;
}
 .bootstrap-datetimepicker-widget .picker-switch.accordion-toggle table {
     padding: 0;
}
 .bootstrap-datetimepicker-widget .picker-switch.accordion-toggle table td {
     padding: 0;
     height: 35px;
}
 .bootstrap-datetimepicker-widget .picker-switch.accordion-toggle table td a {
     padding: 0;
     color: rgba(63, 66, 84, 0.9);
     font-weight: 500;
}
 .bootstrap-datetimepicker-widget .picker-switch.accordion-toggle table td a span {
     font-size: 1.1rem;
     color: #7E8299;
}
 .bootstrap-datetimepicker-widget .picker-switch.accordion-toggle table td:hover {
     background: #F3F6F9 !important;
}
 .bootstrap-datetimepicker-widget .picker-switch.accordion-toggle table td:hover a span {
     background: transparent;
     color: #4785FF;
}
 .bootstrap-datetimepicker-widget .collapse.show ~ .picker-switch.accordion-toggle {
     padding-top: 0;
}
 .bootstrap-datetimepicker-widget .picker-switch.accordion-toggle ~ .collapse.show .timepicker {
     padding-top: 0;
}
 .md-editor {
     outline: none !important;
     border-top-left-radius: 0.42rem;
     border-top-right-radius: 0.42rem;
     border: 1px solid #E4E6EF;
}
 .md-editor .md-footer, .md-editor .md-header {
     padding: 1rem 1rem;
     background: #F3F6F9;
}
 .md-editor .md-header {
     border-top-left-radius: 0.42rem;
     border-top-right-radius: 0.42rem;
}
 .md-editor .md-header .btn-group {
     margin-right: 0.74rem;
}
 .md-editor .md-header .btn-group .btn {
     background: white;
     border: 1px solid #EBEDF3;
     color: rgba(63, 66, 84, 0.9);
}
 .md-editor .md-header .btn-group .btn span {
     line-height: 0;
     font-size: 1.1rem;
}
 .md-editor .md-header .btn-group .btn:hover, .md-editor .md-header .btn-group .btn:focus, .md-editor .md-header .btn-group .btn:active, .md-editor .md-header .btn-group .btn.active {
     color: #4785FF;
     background: transparent;
}
 .md-editor .md-footer {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
}
 .md-editor > textarea {
     padding: 1rem 1rem;
     background: #F3F6F9;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
}
 .md-editor.active {
     border: 1px solid #E4E6EF;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .md-editor.active > textarea {
     background: #F3F6F9;
}
 .is-valid .md-editor {
     border-color: #32D0A5;
}
 .is-invalid .md-editor {
     border-color: #F64E60;
}
 .bootstrap-maxlength {
     z-index: 1040 !important;
}
 .bootstrap-maxlength.kt-badge {
     display: -webkit-inline-box !important;
     display: -ms-inline-flexbox !important;
     display: inline-flex !important;
}
 .modal .bootstrap-maxlength {
     z-index: 1060 !important;
}
 .alert[data-notify] {
     min-width: 300px;
     padding: 1rem 1.5rem;
}
 .alert[data-notify] .close {
     right: 1rem !important;
     padding: 0.25rem 0 0 2rem;
     font-weight: 300;
}
 .alert[data-notify] .close:before {
     font-size: 0.75rem;
     color: #fff;
     opacity: 0.7;
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
}
 .alert[data-notify] .close:hover:before {
     opacity: 1;
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 @media (max-width: 991.98px) {
     .alert[data-notify] {
         max-width: 70%;
    }
}
 @media (max-width: 991.98px) {
     .alert[data-notify] {
         max-width: 90%;
    }
}
 .alert[data-notify][data-notify-position=top-center], .alert[data-notify][data-notify-position=bottom-center] {
     width: 30%;
}
 @media (max-width: 991.98px) {
     .alert[data-notify][data-notify-position=top-center], .alert[data-notify][data-notify-position=bottom-center] {
         width: 70%;
    }
}
 @media (max-width: 991.98px) {
     .alert[data-notify][data-notify-position=top-center], .alert[data-notify][data-notify-position=bottom-center] {
         width: 90%;
    }
}
 .alert[data-notify] .icon {
     position: absolute;
}
 .alert[data-notify] [data-notify=title] {
     display: block;
     font-weight: 500;
}
 .alert[data-notify] .icon ~ [data-notify=title] {
     padding-left: 2.85rem;
}
 .alert[data-notify] .icon ~ [data-notify=message] {
     display: inline-block;
     padding-left: 2.85rem;
}
 .alert[data-notify] [data-notify=title]:not(:empty) ~ [data-notify=message] {
     margin-top: 0.2rem;
}
 .alert[data-notify] .progress {
     margin-top: 0.5rem;
     line-height: 0.5rem;
     height: 0.5rem;
}
 .bootstrap-select > .dropdown-toggle {
     position: relative;
     outline: none !important;
     padding: 0.65rem 1rem;
     border-radius: 0.35rem;
}
 .bootstrap-select > .dropdown-toggle:focus {
     outline: none !important;
     border-color: #69b3ff !important;
}
 .bootstrap-select > .dropdown-toggle:after {
     border: 0;
     margin-right: -2px;
     font-size: 0.6rem;
     display: inline-block;
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
}
 .bootstrap-select > .dropdown-toggle:before {
     width: auto;
}
 .bootstrap-select > .dropdown-toggle.btn-light, .bootstrap-select > .dropdown-toggle.btn-secondary {
     background: #ffffff !important;
     color: rgba(63, 66, 84, 0.9);
     border-color: #E4E6EF;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .bootstrap-select > .dropdown-toggle.btn-light.focus, .bootstrap-select > .dropdown-toggle.btn-light.active, .bootstrap-select > .dropdown-toggle.btn-secondary.focus, .bootstrap-select > .dropdown-toggle.btn-secondary.active {
     border-color: #69b3ff !important;
}
 .bootstrap-select > .dropdown-toggle.btn-light.disabled, .bootstrap-select > .dropdown-toggle.btn-light:disabled, .bootstrap-select > .dropdown-toggle.btn-secondary.disabled, .bootstrap-select > .dropdown-toggle.btn-secondary:disabled {
     background: #F3F6F9;
     border-color: #F3F6F9;
}
 .bootstrap-select > .dropdown-toggle.btn-light .filter-option, .bootstrap-select > .dropdown-toggle.btn-secondary .filter-option {
     color: #7E8299;
}
 .bootstrap-select > .dropdown-toggle.btn-light .filter-option .bs-icon, .bootstrap-select > .dropdown-toggle.btn-secondary .filter-option .bs-icon {
     color: #7E8299;
     margin-right: 0.1rem;
}
 .bootstrap-select > .dropdown-toggle.bs-placeholder {
     color: #B5B5C3;
}
 .bootstrap-select > .dropdown-toggle.bs-placeholder.btn {
     color: #ffffff;
}
 .attributes-form-wrapper-outer .bootstrap-select > .dropdown-toggle.bs-placeholder.btn{
     color: #B5B5C3;
}
 .bootstrap-select .dropdown-menu.inner {
     display: block;
}
 .bootstrap-select .dropdown-menu.inner > li > a {
     display: block;
     position: relative;
     outline: none !important;
     padding: 10px 15px;
}
 .bootstrap-select .dropdown-menu.inner > li > a:hover {
     text-decoration: none;
}
 .bootstrap-select .dropdown-menu.inner > li > a .bs-icon {
     font-size: 1.3rem;
     vertical-align: middle;
     color: #B5B5C3;
     margin-right: 0.5rem;
}
 .bootstrap-select .dropdown-menu.inner > li > a .text {
     color: rgba(63, 66, 84, 0.9);
}
 .bootstrap-select .dropdown-menu.inner > li > a .text small {
     color: #B5B5C3;
}
 .bootstrap-select .dropdown-menu.inner > li > a .check-mark {
     color: #7E8299;
     top: 50%;
     position: absolute;
     /* margin-top: -0.4rem; */
     font-size: 0.7rem;
     right: 15px;
     display:inline-block;
     transform: translateY(-50%);
}
.bootstrap-select .dropdown-menu.inner > li > a .check-mark::after{
    transform: rotate(45deg) translate(-50%,-50%);
    position: absolute;
    right: 50%;
    top: 50%;
    opacity:0;
}
.bootstrap-select .dropdown-menu.inner > li > a .check-mark:before{opacity:0}
.bootstrap-select .dropdown-menu.inner > li > a .check-mark ~ .text{padding-right:18px;}
.bootstrap-select .dropdown-menu.inner > li.selected > a .check-mark:before {
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
     left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    color:#fff;
    opacity:1;
}
 .bootstrap-select .dropdown-menu.inner > li.selected > a .check-mark:after {
     display: none;
}
 .bootstrap-select .dropdown-menu.inner > li.selected > a, .bootstrap-select .dropdown-menu.inner > li:hover > a {
     background: #F3F6F9;
}
 .bootstrap-select .dropdown-menu.inner > li.selected > a .text, .bootstrap-select .dropdown-menu.inner > li:hover > a .text {
     color: rgba(63, 66, 84, 0.9);
}
 .bootstrap-select .dropdown-menu.inner > li.selected > a .bs-icon, .bootstrap-select .dropdown-menu.inner > li:hover > a .bs-icon {
     color: rgba(63, 66, 84, 0.9);
}
.bootstrap-select .dropdown-menu.inner > li > a .check-mark{
    color: #7E8299;
    width: 18px;
   height: 18px;
   border: solid 1px #ddd;
   border-radius: 4px;
}
 .bootstrap-select .dropdown-menu.inner > li.selected > a .check-mark,
  .bootstrap-select .dropdown-menu.inner > li:hover > a .check-mark {
    border-color: #3698ff;
}
.bootstrap-select .dropdown-menu.inner > li.selected > a .check-mark{
    background-color: #3698ff;
    top: 50%;
    transform: translateY(-50%);
}
 .bootstrap-select .dropdown-menu.inner > li.divider {
     margin: 10px 0;
     border-bottom: 1px solid #F3F6F9;
}
 .bootstrap-select .dropdown-menu.inner > li.hidden {
     display: none;
}
 .bootstrap-select .dropdown-menu.inner > li.no-results {
     padding: 10px 15px;
}
 .bootstrap-select .dropdown-menu.inner > li.dropdown-header {
    /* color: #1D1D1D; */
    text-transform: uppercase;
    font-size: 13px;
}
 .bootstrap-select .dropdown-menu.inner > li.selected > a {
     background: #F3F6F9;
}
 .bootstrap-select .dropdown-menu.inner > li.disabled > a {
     opacity: 0.8;
}
 .bootstrap-select .dropdown-menu.inner > li.active:not(.selected) > a {
     background: #4785FF;
}
 .bootstrap-select .dropdown-menu.inner > li.active:not(.selected) > a .bs-icon, .bootstrap-select .dropdown-menu.inner > li.active:not(.selected) > a .text {
     color: #ffffff;
}
 .bootstrap-select .dropdown-menu.inner > li.active:not(.selected) > a .check-mark {
     color: #ffffff;
}
 .bootstrap-select .dropdown-menu.inner > li.no-results {
     color: #7E8299;
}
 .bootstrap-select .popover-title {
     padding: 10px 15px;
     margin-bottom: 5px;
}
 .bootstrap-select .popover-title .close {
     display: none;
}
 .bootstrap-select .bs-searchbox, .bootstrap-select .bs-actionsbox, .bootstrap-select .bs-donebutton {
     padding: 10px 15px;
}
 .bootstrap-select.show > .dropdown-toggle.btn-light, .bootstrap-select.show > .dropdown-toggle.btn-secondary {
     border-color: #69b3ff !important;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
}
 .bootstrap-select.is-invalid .btn.dropdown-toggle {
     border-color: #F64E60;
}
 .bootstrap-select.is-valid .btn.dropdown-toggle {
     border-color: #32D0A5;
}
 .bootstrap-select .popover-title {
     background: #F3F6F9;
     border: 0;
}
 .bootstrap-select .dropdown-menu {
     margin-top: 0;
     border-top: none !important;
     border: 1px solid #E4E6EF;
     -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     border-top-right-radius: 0;
     border-top-left-radius: 0;
}
 #session-timeout-dialog .modal-header .close {
     position: absolute;
     right: 25px;
     font-size: 0;
     top: 1.75rem;
}
 #session-timeout-dialog .modal-header .modal-title {
     -webkit-box-flex: 1;
     -ms-flex: 1 auto;
     flex: 1 auto;
}
 [data-switch=true] {
     opacity: 0;
}
 .bootstrap-switch.bootstrap-switch-focused {
     -webkit-box-shadow: none;
     box-shadow: none;
     border-color: #E4E6EF;
}
 .bootstrap-switch .bootstrap-switch-label {
     background: #ffffff;
}
 .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label {
     padding-top: 0.65rem;
     padding-bottom: 0.65rem;
     padding-left: 1rem;
     padding-right: 1rem;
     line-height: 1.5;
     letter-spacing: 0.1rem;
     font-size: 0.9rem;
     font-weight: 400;
}
 .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
     font-size: 0.85rem;
     line-height: 1.5;
}
 .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
     padding-top: 0.55rem;
     padding-bottom: 0.55rem;
     padding-left: 0.75rem;
     padding-right: 0.75rem;
     font-size: 0.9rem;
     line-height: 1.35;
}
 .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
     padding: 0.825rem 1.42rem;
     font-size: 1.1rem;
     line-height: 1.5;
}
 .bootstrap-switch {
     display: inline-block;
}
 .bootstrap-switch.bootstrap-switch-pill .bootstrap-switch {
     border-radius: 0.35rem;
}
 .bootstrap-switch.bootstrap-switch-square .bootstrap-switch {
     border-radius: 0 !important;
}
 .bootstrap-switch.bootstrap-switch-square .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-square .bootstrap-switch .bootstrap-switch-handle-on {
     border-radius: 0 !important;
}
 .bootstrap-switch {
     border-color: #E4E6EF;
}
 .bootstrap-switch .bootstrap-switch-label {
     color: rgba(63, 66, 84, 0.9);
     background: #fff;
}
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
     background-color:#4785FF;
     border-color: #4785FF;
     color: #ffffff;
}
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary {
     background-color: #E4E6EF;
     border-color: #E4E6EF;
     color: #ffffff;
}
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
     background-color: #32D0A5;
     border-color: #32D0A5;
     color: #ffffff;
}
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
     background-color: #7B6FFF;
     border-color: #7B6FFF;
     color: #ffffff;
}
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
     background-color: #FFA800;
     border-color: #FFA800;
     color: #ffffff;
}
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
     background-color: #F64E60;
     border-color: #F64E60;
     color: #ffffff;
}
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-light, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-light {
     background-color: #F3F6F9;
     border-color: #F3F6F9;
     color: #ffffff;
}
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-dark, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-dark {
     background-color: #181C32;
     border-color: #181C32;
     color: #ffffff;
}
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-white, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-white {
     background-color: #ffffff;
     border-color: #ffffff;
     color: #ffffff;
}
 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
     background-color: #E4E6EF;
     border-color: #E4E6EF;
     color: rgba(63, 66, 84, 0.9);
}
 .bootstrap-switch.bootstrap-switch-elevate .bootstrap-switch {
     -webkit-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
     box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
}
 .bootstrap-timepicker-widget {
     left: auto;
     width: 180px;
     border-radius: 0.35rem;
}
 .bootstrap-timepicker-widget .bootstrap-timepicker-hour, .bootstrap-timepicker-widget .bootstrap-timepicker-minute, .bootstrap-timepicker-widget .bootstrap-timepicker-meridian, .bootstrap-timepicker-widget .bootstrap-timepicker-second {
     border: 0;
     background-color: transparent;
     outline: none !important;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: #7E8299;
     font-weight: 500;
}
 .bootstrap-timepicker-widget table td {
     border-radius: 0.35rem;
     text-align: center;
}
 .bootstrap-timepicker-widget table td > a {
     border: 0;
     border-radius: 0.35rem;
     width: 33px;
     height: 33px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin: 0 auto;
}
 .bootstrap-timepicker-widget table td > a span {
     font-size: 0.75rem;
     color: #B5B5C3;
     line-height: 1;
}
 .bootstrap-timepicker-widget table td > a:hover {
     background: #F3F6F9;
}
 .bootstrap-touchspin .form-control.bootstrap-touchspin-vertical-btn {
     border-radius: 0.35rem;
}
 .bootstrap-touchspin .input-group-btn-vertical .btn {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-align: center;
}
 .bootstrap-touchspin .input-group-btn-vertical .btn:first-child {
     border-bottom: 0;
}
 .bootstrap-touchspin .input-group-btn-vertical .btn i {
     padding: 0;
     font-size: 0.7rem;
     color: #7E8299;
}
 .bootstrap-touchspin .input-group-btn .btn {
     font-size: 1.3rem;
     padding-top: 0;
     padding-bottom: 0;
     color: #7E8299;
}
 .ck-target {
     display: none;
}
 .ck-toolbar {
     border-radius: 0.35rem !important;
}
 .ck-content {
     min-height: 200px;
     border-radius: 0.35rem !important;
}
 .ck-content.ck-focused {
     border-color: #4785FF !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
}
 .ck-editor .ck-toolbar {
     border-top-left-radius: 0.42rem !important;
     border-top-right-radius: 0.42rem !important;
     border-bottom-right-radius: 0 !important;
     border-bottom-left-radius: 0 !important;
}
 .ck-editor .ck-content {
     border-bottom-right-radius: 0.42rem !important;
     border-bottom-left-radius: 0.42rem !important;
     border-top-left-radius: 0 !important;
     border-top-right-radius: 0 !important;
}
 .ck-body .ck-balloon-panel .ck-content {
     min-height: 200px;
     border-color: transparent !important;
}
 .ck-body .ck-balloon-panel .ck-content.ck-focused {
     border-color: #4785FF !important;
}
 .ck-body .ck-balloon-panel.ck-toolbar-container, .ck-body .ck-balloon-panel .ck-toolbar {
     border-radius: 0.35rem !important;
}
 .dataTables_wrapper {
     padding: 0 !important;
}
.table-rounded.table,
 .dataTables_wrapper .dataTable {
     width: 100% !important;
     border-collapse: initial !important;
     border-spacing: 0 !important;
     margin: 1rem 0 !important;
     border-radius: 0.35rem;
}

.table-rounded.table thead th{
    border-top:solid #EBEDF3 1px;
}
.table-rounded.table th,
.table-rounded.table td{
    border:solid #EBEDF3;
    border-width:0 1px 1px 0
}
.table-rounded.table th:first-child,
.table-rounded.table td:first-child{
   border-left-width:1px
}
.table-rounded.table tbody tr:last-child th:first-child,
.table-rounded.table tbody tr:last-child td:first-child{
   border-bottom-left-radius: 7px;
}
.table-rounded.table tbody tr:last-child th:last-child,
.table-rounded.table tbody tr:last-child td:last-child{
   border-bottom-right-radius: 7px;
}
.table-rounded.table th, .table-rounded.table td,
 .dataTables_wrapper .dataTable th, .dataTables_wrapper .dataTable td {
     font-weight: 400;
     font-size: 1rem;
     vertical-align: middle;
     color: #666D8C;
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     outline: none !important;
     padding: 0.6rem 1rem;
     font-family: 'Noto Sans', sans-serif;
     position:relative;
}
.table-rounded.table th,
.table-rounded.table td{
    height:35px;
}
.table-rounded.table th .checkbox, .table-rounded.table td .checkbox,
 .dataTables_wrapper .dataTable th .checkbox, .dataTables_wrapper .dataTable td .checkbox {
     margin: 0;
     right: -2px;
}
 .dataTables_wrapper .dataTable th.dt-center, .dataTables_wrapper .dataTable td.dt-center {
     text-align: center;
}
 .dataTables_wrapper .dataTable th.dt-left, .dataTables_wrapper .dataTable td.dt-left {
     text-align: left;
}
 .dataTables_wrapper .dataTable th.dt-right, .dataTables_wrapper .dataTable td.dt-right {
     text-align: right;
}
 .dataTables_wrapper .dataTable th.sorting:before, .dataTables_wrapper .dataTable th.sorting:after, .dataTables_wrapper .dataTable td.sorting:before, .dataTables_wrapper .dataTable td.sorting:after {
     opacity: 0.6;
}
 .dataTables_wrapper .dataTable th.sorting_desc:before, .dataTables_wrapper .dataTable th.sorting_desc:after, .dataTables_wrapper .dataTable th.orting_asc_disabled:before, .dataTables_wrapper .dataTable th.orting_asc_disabled:after, .dataTables_wrapper .dataTable th.orting_desc_disabled:before, .dataTables_wrapper .dataTable th.orting_desc_disabled:after, .dataTables_wrapper .dataTable th.sorting_asc:before, .dataTables_wrapper .dataTable th.sorting_asc:after, .dataTables_wrapper .dataTable th.sorting:before, .dataTables_wrapper .dataTable th.sorting:after, .dataTables_wrapper .dataTable td.sorting_desc:before, .dataTables_wrapper .dataTable td.sorting_desc:after, .dataTables_wrapper .dataTable td.orting_asc_disabled:before, .dataTables_wrapper .dataTable td.orting_asc_disabled:after, .dataTables_wrapper .dataTable td.orting_desc_disabled:before, .dataTables_wrapper .dataTable td.orting_desc_disabled:after, .dataTables_wrapper .dataTable td.sorting_asc:before, .dataTables_wrapper .dataTable td.sorting_asc:after, .dataTables_wrapper .dataTable td.sorting:before, .dataTables_wrapper .dataTable td.sorting:after {
     top: 50% !important;
     margin-top: -0.75rem;
     bottom: auto !important;
     opacity:1;
}
table.dataTable thead .sorting::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after {
    position: absolute;
    bottom: 0.9em;
    display: block;
    opacity: 1;
  }
 .dataTables_wrapper .dataTable th.sorting_asc, .dataTables_wrapper .dataTable td.sorting_asc {
     color: #181C32 !important;
}
 .dataTables_wrapper .dataTable th.sorting_asc:before, .dataTables_wrapper .dataTable td.sorting_asc:before {
     opacity: 1;
     color: #2b345f !important;
}
 .dataTables_wrapper .dataTable th.sorting_desc, .dataTables_wrapper .dataTable td.sorting_desc {
     color: #2b345f !important;
}
 .dataTables_wrapper .dataTable th.sorting_desc:after, .dataTables_wrapper .dataTable td.sorting_desc:after {
     opacity: 1;
     color: #2b345f !important;
}
.table-rounded.table tfoot th,
.table-rounded.table thead th,
 .dataTables_wrapper .dataTable tfoot th,
 .dataTables_wrapper .dataTable thead th {
     font-weight: 400;
     color:#2B345F;
}
 .dataTables_wrapper .dataTable tfoot th:after,
 .dataTables_wrapper .dataTable thead th:after,
 .dataTables_wrapper .dataTable tfoot th:before,
 .dataTables_wrapper .dataTable thead th:before {
     color: #b3b9c6;
     font-size:15px
}
 .dataTables_wrapper .dataTable thead th {
     border-top: 0;
}

 .dataTables_wrapper .dataTable tbody tr.active,
 .dataTables_wrapper .dataTable tbody tr.selected {
     background-color: #EBEDF3;
}
 .dataTables_wrapper .dataTable tbody tr.active th,
 .dataTables_wrapper .dataTable tbody tr.active td,
 .dataTables_wrapper .dataTable tbody tr.selected th,
 .dataTables_wrapper .dataTable tbody tr.selected td {
     background-color: #EBEDF3;
     border-left-color: #EBEDF3;
     border-right-color: #EBEDF3;
     color: rgba(63, 66, 84, 0.9);
}
 .dataTables_wrapper .dataTable .group th,
 .dataTables_wrapper .dataTable .group td {
     background-color: #F3F6F9;
}
 .dataTables_wrapper .dataTable .filter th,
 .dataTables_wrapper .dataTable .filter td {
     vertical-align: top;
}
 .dataTables_wrapper .dataTable .filter th .input-group + .input-group,
 .dataTables_wrapper .dataTable .filter td .input-group + .input-group {
     margin-top: 0.5rem;
}
 .dataTables_wrapper .dataTable .filter th .btn + .btn,
 .dataTables_wrapper .dataTable .filter td .btn + .btn {
     margin-top: 0.5rem;
}
 .dataTables_wrapper .dataTable .group th,
 .dataTables_wrapper .dataTable .group td {
     font-size: 1.1rem;
     font-weight: 500;
}
 .dataTables_wrapper .dataTables_scroll {
     margin: 1rem 0 !important;
}
 .dataTables_wrapper .dataTables_scroll .dataTable {
     margin: 0 !important;
}
 .dataTables_wrapper .dataTables_paginate .pagination {
     margin: 0;
}
 .dataTables_wrapper .dataTables_paginate .pagination .page-item {
     margin-left: 0.4rem;
}
 .dataTables_wrapper .dataTables_paginate .pagination .page-item > .page-link {
     outline: none !important;
     cursor: pointer;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 2.25rem;
     min-width: 2.25rem;
     padding: 0.5rem;
     text-align: center;
     position: relative;
     font-size: 1.1rem;
     line-height: 1rem;
     font-weight: 500;
     border-radius: 0.35rem;
     border: 0;
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #7E8299;
     background-color: transparent;
}
 .dataTables_wrapper .dataTables_paginate .pagination .page-item > .page-link > i {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     font-size: 0.7rem;
     text-align: center;
     display: inline-block;
     color: #7E8299;
}
 .dataTables_wrapper .dataTables_paginate .pagination .page-item.previous > .page-link, .dataTables_wrapper .dataTables_paginate .pagination .page-item.next > .page-link, .dataTables_wrapper .dataTables_paginate .pagination .page-item.last > .page-link, .dataTables_wrapper .dataTables_paginate .pagination .page-item.first > .page-link {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     background-color: #F3F6F9;
     color: #7E8299;
}
 .dataTables_wrapper .dataTables_paginate .pagination .page-item.previous > .page-link:hover, .dataTables_wrapper .dataTables_paginate .pagination .page-item.next > .page-link:hover, .dataTables_wrapper .dataTables_paginate .pagination .page-item.last > .page-link:hover, .dataTables_wrapper .dataTables_paginate .pagination .page-item.first > .page-link:hover {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     background-color:#4785FF;
     color: #ffffff;
}
 .dataTables_wrapper .dataTables_paginate .pagination .page-item.previous > .page-link:hover > i, .dataTables_wrapper .dataTables_paginate .pagination .page-item.next > .page-link:hover > i, .dataTables_wrapper .dataTables_paginate .pagination .page-item.last > .page-link:hover > i, .dataTables_wrapper .dataTables_paginate .pagination .page-item.first > .page-link:hover > i {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #ffffff;
}
 .dataTables_wrapper .dataTables_paginate .pagination .page-item.active > .page-link {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     background-color:#4785FF;
     color: #ffffff;
}
 .dataTables_wrapper .dataTables_paginate .pagination .page-item.active > .page-link > i {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #ffffff;
}
 .dataTables_wrapper .dataTables_paginate .pagination .page-item:hover:not(.disabled) > .page-link {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     background-color:#4785FF;
     color: #ffffff;
}
 .dataTables_wrapper .dataTables_paginate .pagination .page-item:hover:not(.disabled) > .page-link > i {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #ffffff!important;
}
 .dataTables_wrapper .dataTables_paginate .pagination .page-item.disabled > .page-link {
     opacity: 0.6;
}
 .dataTables_wrapper .dataTables_pager {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
}
 .dataTables_wrapper .dataTables_pager .dataTables_info {
     display: inline-block;
     margin: 0.5rem 0;
     margin-right: 0.5rem;
     color: #7E8299;
}
 .dataTables_wrapper .dataTables_pager .dataTables_length {
     margin: 0.5rem 0;
     margin-right: 1rem;
     display: inline-block;
}
 .dataTables_wrapper .dataTables_pager .dataTables_length label {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin: 0;
     color: #7E8299;
}
 .dataTables_wrapper .dataTables_pager .dataTables_length .custom-select {
     margin-left: 0.5rem;
     height: 2.25rem;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-top: 0;
     padding-bottom: 0;
}
 .dataTables_wrapper .dataTables_pager .dataTables_paginate {
     margin: 0.5rem 0;
}
 .dataTables_wrapper .dataTables_pager .dataTables_paginate .pagination {
     margin: 0;
}
 .dataTables_wrapper .text-right .dataTables_filter, .dataTables_wrapper .text-left .dataTables_filter {
     display: inline-block;
}
 @media (max-width: 991.98px) {
     .dataTables_wrapper .dataTables_pager {
         margin-top: 1rem;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
    }
}
 @media (max-width: 767.98px) {
     .dataTables_wrapper .dataTables_paginate {
         margin-left: 0 !important;
    }
     .dataTables_wrapper .dataTables_paginate .pagination .page-item:first-child {
         margin-left: 0 !important;
    }
     .custom-table-dflex {
         flex-direction: column;
    }
     .custom-table-filter{
         width: 100%!important;
         max-width: 100%!important;
         padding-left: 0px !important;
         flex-wrap: wrap;
         justify-content: left !important;
    }
     .table-filter-slider{
        width: 100%!important;
        max-width: 100%!important
    }
     .custom-table-filter .order-sm-unset{
        width: calc(100% - 190px)!important;
        max-width: calc(100% - 190px)!important
    }
     .table-filter-slider-inner{
         max-width: calc(100% - 70px)!important;
    }
}
 .dataTables_wrapper table.dataTable.collapsed > tbody > tr[role="row"] > td:first-child {
     padding-left: 25px !important;
}
 .dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before {
     -webkit-box-shadow: none;
     box-shadow: none;
     border-radius: 0;
     top: 50%;
     left: 0;
     height: 18px;
     width: 18px;
     margin-top: -9px;
     font-size: 10px;
     color: #4785FF;
     border: 0;
     background-color: transparent;
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
}
 .dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before {
     color: #4785FF;
     background-color: transparent;
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
}
 .dataTables_wrapper .child .dtr-details {
     display: table !important;
}
 .dataTables_wrapper .child .dtr-details > li {
     display: table-row !important;
     border: 0 !important;
}
 .dataTables_wrapper .child .dtr-details > li .dtr-title {
     display: table-cell;
     vertical-align: top;
     border-bottom: 1px dashed #F3F6F9;
     font-weight: 500;
     padding: 0.5rem 2rem 0.5rem 0;
}
 .dataTables_wrapper .child .dtr-details > li .dtr-title:after {
     content: ':';
}
 .dataTables_wrapper .child .dtr-details > li .dtr-data {
     display: table-cell;
     vertical-align: top;
     border-bottom: 1px dashed #F3F6F9;
     padding: 0.5rem 0;
}
 .dataTables_wrapper .child .dtr-details > li:last-child .dtr-title {
     border-bottom: 0;
}
 .dataTables_wrapper .child .dtr-details > li:last-child .dtr-data {
     border-bottom: 0;
}
 .dataTables_wrapper .dt-bootstrap4 .dropdown .dropdown-menu.dropdown-menu-right {
    /*rtl:ignore*/
     margin-left: 65px;
}
 .dropzone {
     min-height: auto;
}
 .dropzone.dropzone-default {
    padding: 20px;
    text-align: center;
    cursor: pointer;
    background: #FBFCFE;
    border: 2px dashed #acc2ff;
    border-radius: 5px;
}
 .dropzone.dropzone-default .dropzone-msg-title {
     color: rgba(63, 66, 84, 0.9);
     margin: 0 0 5px 0;
     padding: 0;
     font-weight: 400;
     font-size: 1.6rem;
}
 .dropzone.dropzone-default .dropzone-msg-desc {
     color: #B5B5C3;
     font-weight: 400;
     font-size: 1.1rem;
}
 .dropzone.dropzone-default .dz-preview .dz-image {
     border-radius: 0.35rem;
}
 .dropzone.dropzone-default .dz-remove {
     color: #7E8299;
     font-size: 14px;
     font-weight: 500;
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .dropzone.dropzone-default .dz-remove:hover {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #4785FF;
}
 .dropzone.dropzone-default.dropzone-primary {
     border-color: #ACC2FF;
}
 .dropzone.dropzone-default.dropzone-secondary {
     border-color: #E4E6EF;
}
 .dropzone.dropzone-default.dropzone-success {
     border-color: #32D0A5;
}
 .dropzone.dropzone-default.dropzone-info {
     border-color: #7B6FFF;
}
 .dropzone.dropzone-default.dropzone-warning {
     border-color: #FFA800;
}
 .dropzone.dropzone-default.dropzone-danger {
     border-color: #F64E60;
}
 .dropzone.dropzone-default.dropzone-light {
     border-color: #F3F6F9;
}
 .dropzone.dropzone-default.dropzone-dark {
     border-color: #181C32;
}
 .dropzone.dropzone-default.dropzone-white {
     border-color: #ffffff;
}
 .dropzone.dropzone-multi {
     border: 0;
     padding: 0;
}
 .dropzone.dropzone-multi .dz-message {
     display: none;
}
 .dropzone.dropzone-multi .dropzone-panel .dropzone-upload, .dropzone.dropzone-multi .dropzone-panel .dropzone-remove-all {
     display: none;
}
 .dropzone.dropzone-multi .dropzone-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-top: 0.75rem;
     border-radius: 0.35rem;
     padding: 0.5rem 1rem;
     background-color: #F3F6F9;
}
 .dropzone.dropzone-multi .dropzone-item .dropzone-file {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
}
 .dropzone.dropzone-multi .dropzone-item .dropzone-file .dropzone-filename {
     font-size: 0.9rem;
     font-weight: 500;
     color: #7E8299;
     text-overflow: ellipsis;
     margin-right: 0.5rem;
}
 .dropzone.dropzone-multi .dropzone-item .dropzone-file .dropzone-filename b {
     font-size: 0.9rem;
     font-weight: 500;
     color: #B5B5C3;
}
 .dropzone.dropzone-multi .dropzone-item .dropzone-file .dropzone-error {
     margin-top: 0.25rem;
     font-size: 0.9rem;
     font-weight: 400;
     color: #F64E60;
     text-overflow: ellipsis;
}
 .dropzone.dropzone-multi .dropzone-item .dropzone-progress {
     width: 15%;
}
 .dropzone.dropzone-multi .dropzone-item .dropzone-progress .progress {
     height: 5px;
     -webkit-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}
 @media (prefers-reduced-motion: reduce) {
     .dropzone.dropzone-multi .dropzone-item .dropzone-progress .progress {
         -webkit-transition: none;
         transition: none;
    }
}
 .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar {
     margin-left: 1rem;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
}
 .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-start, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-cancel, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-delete {
     height: 25px;
     width: 25px;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     cursor: pointer;
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-start i, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-cancel i, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-delete i {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     font-size: 0.8rem;
     color: #7E8299;
}
 .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-start:hover, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-cancel:hover, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-delete:hover {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-start:hover i, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-cancel:hover i, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-delete:hover i {
     color: #4785FF;
}
 .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-start {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .dual-listbox .dual-listbox__search {
     width: 225px;
     border: 1px solid #EBEDF3;
     color: rgba(63, 66, 84, 0.9);
     outline: none !important;
     border-radius: 0.35rem;
}
 .dual-listbox .dual-listbox__search:active, .dual-listbox .dual-listbox__search:focus {
     border-color: #69b3ff !important;
}
 .dual-listbox .dual-listbox__search.dual-listbox__search--hidden {
     display: none;
}
 .dual-listbox .dual-listbox__container .dual-listbox__title {
     color: rgba(63, 66, 84, 0.9);
     font-weight: 500;
     font-size: 1.1rem;
     padding: 0.75rem 0.75rem;
     border: 1px solid #EBEDF3;
     border-bottom: 0;
     border-top-left-radius: 0.42rem;
     border-top-right-radius: 0.42rem;
}
 .dual-listbox .dual-listbox__container .dual-listbox__buttons {
     margin: 0 1.5rem;
}
 .dual-listbox .dual-listbox__container .dual-listbox__buttons .dual-listbox__button {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     border-radius: none;
     border: none;
     cursor: pointer;
     background-color: transparent;
     outline: none !important;
     margin: 0;
     padding: 0;
     border-radius: 0.35rem;
     margin-bottom: 0.5rem !important;
     padding: 0.55rem 0.75rem;
     color: #7E8299;
     font-weight: 500;
     font-size: 0.9rem;
     background-color: #F3F6F9;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 .dual-listbox .dual-listbox__container .dual-listbox__buttons .dual-listbox__button i {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     font-size: 0.6rem;
     color: #B5B5C3;
}
 .dual-listbox .dual-listbox__container .dual-listbox__buttons .dual-listbox__button:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     color: #4785FF;
}
 .dual-listbox .dual-listbox__container .dual-listbox__buttons .dual-listbox__button:hover i {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     color: #4785FF;
}
 .dual-listbox .dual-listbox__container .dual-listbox__selected, .dual-listbox .dual-listbox__container .dual-listbox__available {
     width: 225px;
     color: rgba(63, 66, 84, 0.9);
     border: 1px solid #EBEDF3;
     border-bottom-left-radius: 0.42rem;
     border-bottom-right-radius: 0.42rem;
}
 .dual-listbox .dual-listbox__container .dual-listbox__selected .dual-listbox__item, .dual-listbox .dual-listbox__container .dual-listbox__available .dual-listbox__item {
     padding: 0.75rem 0.75rem;
     border-bottom: 1px solid #EBEDF3;
}
 .dual-listbox .dual-listbox__container .dual-listbox__selected .dual-listbox__item:last-child, .dual-listbox .dual-listbox__container .dual-listbox__available .dual-listbox__item:last-child {
     border-bottom: 0;
}
 .dual-listbox .dual-listbox__container .dual-listbox__selected .dual-listbox__item.dual-listbox__item--selected, .dual-listbox .dual-listbox__container .dual-listbox__available .dual-listbox__item.dual-listbox__item--selected {
     background-color: #F3F6F9;
}
 .fa-lg {
     font-size: 1.33333em !important;
}
 .fa-xs {
     font-size: .75em !important;
}
 .fa-sm {
     font-size: .875em !important;
}
 .fa-1x {
     font-size: 1em !important;
}
 .fa-2x {
     font-size: 2em !important;
}
 .fa-3x {
     font-size: 3em !important;
}
 .fa-4x {
     font-size: 4em !important;
}
 .fa-5x {
     font-size: 5em !important;
}
 .fa-6x {
     font-size: 6em !important;
}
 .fa-7x {
     font-size: 7em !important;
}
 .fa-8x {
     font-size: 8em !important;
}
 .fa-9x {
     font-size: 9em !important;
}
 .fa-10x {
     font-size: 10em !important;
}
 .fc-unthemed .fc-day-grid td:not(.fc-axis) {
     padding: 0.5rem 0.5rem;
}
 .fc-unthemed .fc-day-grid td:not(.fc-axis).fc-event-container {
     padding: 0.2rem 0.5rem;
}
 .fc-unthemed .fc-axis {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
}
 .fc-unthemed .fc-scroller .fc-content-col {
     padding: 0.5rem 0.5rem;
}
 .fc-unthemed th.fc-day-header {
     padding: 0.75rem 0.5rem;
     font-size: 1.1rem;
     font-weight: 500;
}
 .fc-unthemed .fc-list-heading .fc-widget-header {
     padding: 0.75rem 1.25rem;
}
 .fc-unthemed .fc-list-heading .fc-list-heading-main, .fc-unthemed .fc-list-heading .fc-list-heading-alt {
     font-size: 1.1rem;
     font-weight: 400;
}
 .fc-unthemed .fc-list-heading .fc-list-heading-main {
     font-weight: 500;
     text-transform: uppercase;
}
 .fc-unthemed .fc-list-item td {
     padding: 0.75rem 1.25rem;
}
 .fc-unthemed .fc-list-item .fc-event-dot {
     border-radius: 50%;
}
 .fc-unthemed .fc-event, .fc-unthemed .fc-event-dot {
     padding: 0;
     border-radius: 0.35rem;
}
 .fc-unthemed .fc-event .fc-content, .fc-unthemed .fc-event-dot .fc-content {
     padding: 0.55rem 0.55rem 0.55rem 2rem;
}
 .fc-unthemed .fc-event .fc-content:before, .fc-unthemed .fc-event-dot .fc-content:before {
     display: block;
     content: " ";
     position: absolute;
     height: 10px;
     width: 10px;
     border-radius: 50%;
     top: 0.7rem;
     left: 0.75rem;
}
 .fc-unthemed .fc-event.fc-not-start.fc-end .fc-content, .fc-unthemed .fc-event-dot.fc-not-start.fc-end .fc-content {
     padding-left: 0.5rem;
}
 .fc-unthemed .fc-event .fc-time, .fc-unthemed .fc-event-dot .fc-time {
     font-size: 0.9rem;
     text-transform: uppercase;
     font-weight: 500;
}
 .fc-unthemed .fc-event .fc-title, .fc-unthemed .fc-event-dot .fc-title {
     font-size: 0.9rem;
     font-weight: 400;
}
 .fc-unthemed .fc-description {
     font-size: 0.9rem;
     margin-top: 0.25rem;
     font-weight: normal;
}
 .fc-unthemed .fc-list-item-title > a {
     font-size: 1.1rem;
     font-weight: 500;
}
 .fc-unthemed a.fc-more {
     font-size: 0.9rem;
     font-weight: 500;
}
 .fc-unthemed .fc-popover {
     border-radius: 0.35rem;
}
 .fc-unthemed .fc-popover .fc-header {
     padding: 0.75rem 1.25rem;
     border-top-left-radius: 0.42rem;
     border-top-right-radius: 0.42rem;
}
 .fc-unthemed .fc-popover .fc-header .fc-close {
     margin-top: 0.35rem;
}
 .fc-unthemed .fc-popover .fc-header .fc-title {
     font-weight: 400;
}
 .fc-unthemed .fc-popover .fc-body .fc-event-container {
     padding: 1.25rem 1.25rem 0.75rem 1.25rem;
}
 .fc-unthemed .fc-popover .fc-body .fc-event {
     margin-bottom: 0.5rem;
     border-radius: 0.35rem;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-end {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
}
 .fc-unthemed .fc-toolbar {
     margin-bottom: 1.5rem;
}
 .fc-unthemed .fc-toolbar h2 {
     font-size: 1.2rem;
     font-weight: 500;
     text-transform: uppercase;
     margin-top: 0.75rem;
}
 .fc-unthemed .fc-toolbar .fc-button {
     outline: none !important;
     height: 2.75rem;
     padding: 0 1.25rem;
     font-size: 1.1rem;
}
 .fc-unthemed .fc-toolbar .fc-button.fc-corner-left {
     border-top-left-radius: 0.42rem;
     border-bottom-left-radius: 0.42rem;
}
 .fc-unthemed .fc-toolbar .fc-button.fc-corner-right {
     border-top-right-radius: 0.42rem;
     border-bottom-right-radius: 0.42rem;
}
 .fc-unthemed .fc-toolbar .fc-button .fc-icon {
     font-size: 1.1rem;
}
 .fc-unthemed .fc-toolbar .fc-button .fc-icon:after {
     display: none;
}
 .fc-unthemed .fc-toolbar .fc-button .fc-icon.fc-icon-left-single-arrow {
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
}
 .fc-unthemed .fc-toolbar .fc-button .fc-icon.fc-icon-right-single-arrow {
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
}
 .fc-unthemed .fc-axis > span {
     font-size: 0.9rem;
}
 .ui-draggable-handle {
     cursor: move;
    /* fallback if grab cursor is unsupported */
     cursor: grab;
     cursor: -webkit-grab;
}
 @media (max-width: 1199.98px) {
     .fc-unthemed .fc-toolbar {
         margin-bottom: 1.5rem;
    }
     .fc-unthemed .fc-toolbar .fc-left, .fc-unthemed .fc-toolbar .fc-right, .fc-unthemed .fc-toolbar .fc-center {
         display: block;
         float: none;
         margin-bottom: 1rem;
         text-align: center;
    }
     .fc-unthemed .fc-toolbar .fc-left h2, .fc-unthemed .fc-toolbar .fc-right h2, .fc-unthemed .fc-toolbar .fc-center h2 {
         text-align: center;
         float: none;
    }
     .fc-unthemed .fc-toolbar .fc-left > .fc-button-group, .fc-unthemed .fc-toolbar .fc-right > .fc-button-group, .fc-unthemed .fc-toolbar .fc-center > .fc-button-group {
         display: inline-block;
         float: none;
    }
     .fc-unthemed .fc-toolbar .fc-left > .fc-button-group > .fc-button, .fc-unthemed .fc-toolbar .fc-right > .fc-button-group > .fc-button, .fc-unthemed .fc-toolbar .fc-center > .fc-button-group > .fc-button {
         float: none;
    }
     .fc-unthemed .fc-toolbar .fc-left > .fc-button, .fc-unthemed .fc-toolbar .fc-right > .fc-button, .fc-unthemed .fc-toolbar .fc-center > .fc-button {
         float: none;
    }
}
 .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {
     border-color: #EBEDF3;
}
 .fc-unthemed td.fc-today {
     background: rgba(54, 153, 255, 0.025);
}
 .fc-unthemed .fc-day-grid-event {
     margin: 0;
}
 .fc-unthemed .fc-event, .fc-unthemed .fc-event-dot {
     background: #fff;
     border: 1px solid #EBEDF3;
     -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.055);
     box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.055);
}
 .fc-unthemed .fc-event.fc-not-start.fc-not-end, .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end {
     border-left: 1px solid #F3F6F9;
}
 .fc-unthemed .fc-event.fc-start .fc-content:before, .fc-unthemed .fc-event-dot.fc-start .fc-content:before {
     background: #EBEDF3;
}
 .fc-unthemed .fc-event .fc-time, .fc-unthemed .fc-event-dot .fc-time {
     color: rgba(63, 66, 84, 0.9);
}
 .fc-unthemed .fc-event .fc-title, .fc-unthemed .fc-event-dot .fc-title {
     color: rgba(63, 66, 84, 0.9);
}
 .fc-unthemed .fc-description {
     color: #B5B5C3;
}
 .fc-unthemed .fc-list-item-title > a[href]:hover {
     color: #4785FF;
     text-decoration: none;
}
 .fc-unthemed .fc-more {
     color: #B5B5C3;
}
 .fc-unthemed .fc-event.fc-event-primary.fc-start .fc-content:before, .fc-unthemed .fc-event-dot.fc-event-primary.fc-start .fc-content:before {
     background: #4785FF;
}
 .fc-unthemed .fc-event.fc-event-solid-primary.fc-start, .fc-unthemed .fc-event.fc-event-solid-primary.fc-not-start.fc-not-end, .fc-unthemed .fc-event.fc-event-solid-primary.fc-not-start.fc-end, .fc-unthemed .fc-event-dot.fc-event-solid-primary.fc-start, .fc-unthemed .fc-event-dot.fc-event-solid-primary.fc-not-start.fc-not-end, .fc-unthemed .fc-event-dot.fc-event-solid-primary.fc-not-start.fc-end {
     background: #4785FF;
}
 .fc-unthemed .fc-event.fc-event-solid-primary.fc-start .fc-title, .fc-unthemed .fc-event.fc-event-solid-primary.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-event.fc-event-solid-primary.fc-not-start.fc-end .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-primary.fc-start .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-primary.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-primary.fc-not-start.fc-end .fc-title {
     color: #FFFFFF;
}
 .fc-unthemed .fc-event.fc-event-solid-primary.fc-start .fc-description, .fc-unthemed .fc-event.fc-event-solid-primary.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-event.fc-event-solid-primary.fc-not-start.fc-end .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-primary.fc-start .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-primary.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-primary.fc-not-start.fc-end .fc-description {
     color: #FFFFFF;
}
 .fc-unthemed .fc-event.fc-event-solid-primary.fc-start .fc-time, .fc-unthemed .fc-event.fc-event-solid-primary.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-event.fc-event-solid-primary.fc-not-start.fc-end .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-primary.fc-start .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-primary.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-primary.fc-not-start.fc-end .fc-time {
     color: #FFFFFF;
}
 .fc-unthemed .fc-event.fc-event-secondary.fc-start .fc-content:before, .fc-unthemed .fc-event-dot.fc-event-secondary.fc-start .fc-content:before {
     background: #E4E6EF;
}
 .fc-unthemed .fc-event.fc-event-solid-secondary.fc-start, .fc-unthemed .fc-event.fc-event-solid-secondary.fc-not-start.fc-not-end, .fc-unthemed .fc-event.fc-event-solid-secondary.fc-not-start.fc-end, .fc-unthemed .fc-event-dot.fc-event-solid-secondary.fc-start, .fc-unthemed .fc-event-dot.fc-event-solid-secondary.fc-not-start.fc-not-end, .fc-unthemed .fc-event-dot.fc-event-solid-secondary.fc-not-start.fc-end {
     background: #E4E6EF;
}
 .fc-unthemed .fc-event.fc-event-solid-secondary.fc-start .fc-title, .fc-unthemed .fc-event.fc-event-solid-secondary.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-event.fc-event-solid-secondary.fc-not-start.fc-end .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-secondary.fc-start .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-secondary.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-secondary.fc-not-start.fc-end .fc-title {
     color: rgba(63, 66, 84, 0.9);
}
 .fc-unthemed .fc-event.fc-event-solid-secondary.fc-start .fc-description, .fc-unthemed .fc-event.fc-event-solid-secondary.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-event.fc-event-solid-secondary.fc-not-start.fc-end .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-secondary.fc-start .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-secondary.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-secondary.fc-not-start.fc-end .fc-description {
     color: rgba(63, 66, 84, 0.9);
}
 .fc-unthemed .fc-event.fc-event-solid-secondary.fc-start .fc-time, .fc-unthemed .fc-event.fc-event-solid-secondary.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-event.fc-event-solid-secondary.fc-not-start.fc-end .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-secondary.fc-start .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-secondary.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-secondary.fc-not-start.fc-end .fc-time {
     color: rgba(63, 66, 84, 0.9);
}
 .fc-unthemed .fc-event.fc-event-success.fc-start .fc-content:before, .fc-unthemed .fc-event-dot.fc-event-success.fc-start .fc-content:before {
     background: #32D0A5;
}
 .fc-unthemed .fc-event.fc-event-solid-success.fc-start, .fc-unthemed .fc-event.fc-event-solid-success.fc-not-start.fc-not-end, .fc-unthemed .fc-event.fc-event-solid-success.fc-not-start.fc-end, .fc-unthemed .fc-event-dot.fc-event-solid-success.fc-start, .fc-unthemed .fc-event-dot.fc-event-solid-success.fc-not-start.fc-not-end, .fc-unthemed .fc-event-dot.fc-event-solid-success.fc-not-start.fc-end {
     background: #32D0A5;
}
 .fc-unthemed .fc-event.fc-event-solid-success.fc-start .fc-title, .fc-unthemed .fc-event.fc-event-solid-success.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-event.fc-event-solid-success.fc-not-start.fc-end .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-success.fc-start .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-success.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-success.fc-not-start.fc-end .fc-title {
     color: #ffffff;
}
 .fc-unthemed .fc-event.fc-event-solid-success.fc-start .fc-description, .fc-unthemed .fc-event.fc-event-solid-success.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-event.fc-event-solid-success.fc-not-start.fc-end .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-success.fc-start .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-success.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-success.fc-not-start.fc-end .fc-description {
     color: #ffffff;
}
 .fc-unthemed .fc-event.fc-event-solid-success.fc-start .fc-time, .fc-unthemed .fc-event.fc-event-solid-success.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-event.fc-event-solid-success.fc-not-start.fc-end .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-success.fc-start .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-success.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-success.fc-not-start.fc-end .fc-time {
     color: #ffffff;
}
 .fc-unthemed .fc-event.fc-event-info.fc-start .fc-content:before, .fc-unthemed .fc-event-dot.fc-event-info.fc-start .fc-content:before {
     background: #7B6FFF;
}
 .fc-unthemed .fc-event.fc-event-solid-info.fc-start, .fc-unthemed .fc-event.fc-event-solid-info.fc-not-start.fc-not-end, .fc-unthemed .fc-event.fc-event-solid-info.fc-not-start.fc-end, .fc-unthemed .fc-event-dot.fc-event-solid-info.fc-start, .fc-unthemed .fc-event-dot.fc-event-solid-info.fc-not-start.fc-not-end, .fc-unthemed .fc-event-dot.fc-event-solid-info.fc-not-start.fc-end {
     background: #7B6FFF;
}
 .fc-unthemed .fc-event.fc-event-solid-info.fc-start .fc-title, .fc-unthemed .fc-event.fc-event-solid-info.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-event.fc-event-solid-info.fc-not-start.fc-end .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-info.fc-start .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-info.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-info.fc-not-start.fc-end .fc-title {
     color: #ffffff;
}
 .fc-unthemed .fc-event.fc-event-solid-info.fc-start .fc-description, .fc-unthemed .fc-event.fc-event-solid-info.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-event.fc-event-solid-info.fc-not-start.fc-end .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-info.fc-start .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-info.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-info.fc-not-start.fc-end .fc-description {
     color: #ffffff;
}
 .fc-unthemed .fc-event.fc-event-solid-info.fc-start .fc-time, .fc-unthemed .fc-event.fc-event-solid-info.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-event.fc-event-solid-info.fc-not-start.fc-end .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-info.fc-start .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-info.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-info.fc-not-start.fc-end .fc-time {
     color: #ffffff;
}
 .fc-unthemed .fc-event.fc-event-warning.fc-start .fc-content:before, .fc-unthemed .fc-event-dot.fc-event-warning.fc-start .fc-content:before {
     background: #FFA800;
}
 .fc-unthemed .fc-event.fc-event-solid-warning.fc-start, .fc-unthemed .fc-event.fc-event-solid-warning.fc-not-start.fc-not-end, .fc-unthemed .fc-event.fc-event-solid-warning.fc-not-start.fc-end, .fc-unthemed .fc-event-dot.fc-event-solid-warning.fc-start, .fc-unthemed .fc-event-dot.fc-event-solid-warning.fc-not-start.fc-not-end, .fc-unthemed .fc-event-dot.fc-event-solid-warning.fc-not-start.fc-end {
     background: #FFA800;
}
 .fc-unthemed .fc-event.fc-event-solid-warning.fc-start .fc-title, .fc-unthemed .fc-event.fc-event-solid-warning.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-event.fc-event-solid-warning.fc-not-start.fc-end .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-warning.fc-start .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-warning.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-warning.fc-not-start.fc-end .fc-title {
     color: #ffffff;
}
 .fc-unthemed .fc-event.fc-event-solid-warning.fc-start .fc-description, .fc-unthemed .fc-event.fc-event-solid-warning.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-event.fc-event-solid-warning.fc-not-start.fc-end .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-warning.fc-start .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-warning.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-warning.fc-not-start.fc-end .fc-description {
     color: #ffffff;
}
 .fc-unthemed .fc-event.fc-event-solid-warning.fc-start .fc-time, .fc-unthemed .fc-event.fc-event-solid-warning.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-event.fc-event-solid-warning.fc-not-start.fc-end .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-warning.fc-start .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-warning.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-warning.fc-not-start.fc-end .fc-time {
     color: #ffffff;
}
 .fc-unthemed .fc-event.fc-event-danger.fc-start .fc-content:before, .fc-unthemed .fc-event-dot.fc-event-danger.fc-start .fc-content:before {
     background: #F64E60;
}
 .fc-unthemed .fc-event.fc-event-solid-danger.fc-start, .fc-unthemed .fc-event.fc-event-solid-danger.fc-not-start.fc-not-end, .fc-unthemed .fc-event.fc-event-solid-danger.fc-not-start.fc-end, .fc-unthemed .fc-event-dot.fc-event-solid-danger.fc-start, .fc-unthemed .fc-event-dot.fc-event-solid-danger.fc-not-start.fc-not-end, .fc-unthemed .fc-event-dot.fc-event-solid-danger.fc-not-start.fc-end {
     background: #F64E60;
}
 .fc-unthemed .fc-event.fc-event-solid-danger.fc-start .fc-title, .fc-unthemed .fc-event.fc-event-solid-danger.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-event.fc-event-solid-danger.fc-not-start.fc-end .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-danger.fc-start .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-danger.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-danger.fc-not-start.fc-end .fc-title {
     color: #ffffff;
}
 .fc-unthemed .fc-event.fc-event-solid-danger.fc-start .fc-description, .fc-unthemed .fc-event.fc-event-solid-danger.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-event.fc-event-solid-danger.fc-not-start.fc-end .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-danger.fc-start .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-danger.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-danger.fc-not-start.fc-end .fc-description {
     color: #ffffff;
}
 .fc-unthemed .fc-event.fc-event-solid-danger.fc-start .fc-time, .fc-unthemed .fc-event.fc-event-solid-danger.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-event.fc-event-solid-danger.fc-not-start.fc-end .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-danger.fc-start .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-danger.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-danger.fc-not-start.fc-end .fc-time {
     color: #ffffff;
}
 .fc-unthemed .fc-event.fc-event-light.fc-start .fc-content:before, .fc-unthemed .fc-event-dot.fc-event-light.fc-start .fc-content:before {
     background: #F3F6F9;
}
 .fc-unthemed .fc-event.fc-event-solid-light.fc-start, .fc-unthemed .fc-event.fc-event-solid-light.fc-not-start.fc-not-end, .fc-unthemed .fc-event.fc-event-solid-light.fc-not-start.fc-end, .fc-unthemed .fc-event-dot.fc-event-solid-light.fc-start, .fc-unthemed .fc-event-dot.fc-event-solid-light.fc-not-start.fc-not-end, .fc-unthemed .fc-event-dot.fc-event-solid-light.fc-not-start.fc-end {
     background: #F3F6F9;
}
 .fc-unthemed .fc-event.fc-event-solid-light.fc-start .fc-title, .fc-unthemed .fc-event.fc-event-solid-light.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-event.fc-event-solid-light.fc-not-start.fc-end .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-light.fc-start .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-light.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-light.fc-not-start.fc-end .fc-title {
     color: #7E8299;
}
 .fc-unthemed .fc-event.fc-event-solid-light.fc-start .fc-description, .fc-unthemed .fc-event.fc-event-solid-light.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-event.fc-event-solid-light.fc-not-start.fc-end .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-light.fc-start .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-light.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-light.fc-not-start.fc-end .fc-description {
     color: #7E8299;
}
 .fc-unthemed .fc-event.fc-event-solid-light.fc-start .fc-time, .fc-unthemed .fc-event.fc-event-solid-light.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-event.fc-event-solid-light.fc-not-start.fc-end .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-light.fc-start .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-light.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-light.fc-not-start.fc-end .fc-time {
     color: #7E8299;
}
 .fc-unthemed .fc-event.fc-event-dark.fc-start .fc-content:before, .fc-unthemed .fc-event-dot.fc-event-dark.fc-start .fc-content:before {
     background: #181C32;
}
 .fc-unthemed .fc-event.fc-event-solid-dark.fc-start, .fc-unthemed .fc-event.fc-event-solid-dark.fc-not-start.fc-not-end, .fc-unthemed .fc-event.fc-event-solid-dark.fc-not-start.fc-end, .fc-unthemed .fc-event-dot.fc-event-solid-dark.fc-start, .fc-unthemed .fc-event-dot.fc-event-solid-dark.fc-not-start.fc-not-end, .fc-unthemed .fc-event-dot.fc-event-solid-dark.fc-not-start.fc-end {
     background: #181C32;
}
 .fc-unthemed .fc-event.fc-event-solid-dark.fc-start .fc-title, .fc-unthemed .fc-event.fc-event-solid-dark.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-event.fc-event-solid-dark.fc-not-start.fc-end .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-dark.fc-start .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-dark.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-dark.fc-not-start.fc-end .fc-title {
     color: #ffffff;
}
 .fc-unthemed .fc-event.fc-event-solid-dark.fc-start .fc-description, .fc-unthemed .fc-event.fc-event-solid-dark.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-event.fc-event-solid-dark.fc-not-start.fc-end .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-dark.fc-start .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-dark.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-dark.fc-not-start.fc-end .fc-description {
     color: #ffffff;
}
 .fc-unthemed .fc-event.fc-event-solid-dark.fc-start .fc-time, .fc-unthemed .fc-event.fc-event-solid-dark.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-event.fc-event-solid-dark.fc-not-start.fc-end .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-dark.fc-start .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-dark.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-dark.fc-not-start.fc-end .fc-time {
     color: #ffffff;
}
 .fc-unthemed .fc-event.fc-event-white.fc-start .fc-content:before, .fc-unthemed .fc-event-dot.fc-event-white.fc-start .fc-content:before {
     background: #ffffff;
}
 .fc-unthemed .fc-event.fc-event-solid-white.fc-start, .fc-unthemed .fc-event.fc-event-solid-white.fc-not-start.fc-not-end, .fc-unthemed .fc-event.fc-event-solid-white.fc-not-start.fc-end, .fc-unthemed .fc-event-dot.fc-event-solid-white.fc-start, .fc-unthemed .fc-event-dot.fc-event-solid-white.fc-not-start.fc-not-end, .fc-unthemed .fc-event-dot.fc-event-solid-white.fc-not-start.fc-end {
     background: #ffffff;
}
 .fc-unthemed .fc-event.fc-event-solid-white.fc-start .fc-title, .fc-unthemed .fc-event.fc-event-solid-white.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-event.fc-event-solid-white.fc-not-start.fc-end .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-white.fc-start .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-white.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-event-dot.fc-event-solid-white.fc-not-start.fc-end .fc-title {
     color: rgba(63, 66, 84, 0.9);
}
 .fc-unthemed .fc-event.fc-event-solid-white.fc-start .fc-description, .fc-unthemed .fc-event.fc-event-solid-white.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-event.fc-event-solid-white.fc-not-start.fc-end .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-white.fc-start .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-white.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-event-dot.fc-event-solid-white.fc-not-start.fc-end .fc-description {
     color: rgba(63, 66, 84, 0.9);
}
 .fc-unthemed .fc-event.fc-event-solid-white.fc-start .fc-time, .fc-unthemed .fc-event.fc-event-solid-white.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-event.fc-event-solid-white.fc-not-start.fc-end .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-white.fc-start .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-white.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-event-dot.fc-event-solid-white.fc-not-start.fc-end .fc-time {
     color: rgba(63, 66, 84, 0.9);
}
 .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td {
     background: #F3F6F9;
}
 .fc-unthemed .fc-time-grid-event {
     overflow: hidden;
}
 .fc-unthemed .fc-popover {
     -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.075);
     box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.075);
     background: #fff;
}
 .fc-unthemed .fc-popover .fc-header {
     background: #fff;
     border-bottom: 1px solid #EBEDF3;
}
 .fc-unthemed .fc-popover .fc-header .fc-close {
     color: #B5B5C3;
}
 .fc-unthemed .fc-popover .fc-header .fc-close:hover {
     color: rgba(63, 66, 84, 0.9);
}
 .fc-unthemed .fc-popover .fc-header .fc-title {
     color: rgba(63, 66, 84, 0.9);
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end .fc-content:before, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end .fc-content:before {
     background: #EBEDF3;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-primary.fc-not-start.fc-not-end .fc-content:before, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-primary.fc-not-start.fc-not-end .fc-content:before {
     background: #4785FF;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-primary.fc-not-start.fc-not-end, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-primary.fc-not-start.fc-not-end {
     background: #4785FF;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-primary.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-primary.fc-not-start.fc-not-end .fc-title {
     color: #FFFFFF;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-primary.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-primary.fc-not-start.fc-not-end .fc-description {
     color: #FFFFFF;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-primary.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-primary.fc-not-start.fc-not-end .fc-time {
     color: #FFFFFF;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-secondary.fc-not-start.fc-not-end .fc-content:before, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-secondary.fc-not-start.fc-not-end .fc-content:before {
     background: #E4E6EF;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-secondary.fc-not-start.fc-not-end, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-secondary.fc-not-start.fc-not-end {
     background: #E4E6EF;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-secondary.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-secondary.fc-not-start.fc-not-end .fc-title {
     color: rgba(63, 66, 84, 0.9);
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-secondary.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-secondary.fc-not-start.fc-not-end .fc-description {
     color: rgba(63, 66, 84, 0.9);
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-secondary.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-secondary.fc-not-start.fc-not-end .fc-time {
     color: rgba(63, 66, 84, 0.9);
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-success.fc-not-start.fc-not-end .fc-content:before, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-success.fc-not-start.fc-not-end .fc-content:before {
     background: #32D0A5;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-success.fc-not-start.fc-not-end, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-success.fc-not-start.fc-not-end {
     background: #32D0A5;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-success.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-success.fc-not-start.fc-not-end .fc-title {
     color: #ffffff;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-success.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-success.fc-not-start.fc-not-end .fc-description {
     color: #ffffff;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-success.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-success.fc-not-start.fc-not-end .fc-time {
     color: #ffffff;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-info.fc-not-start.fc-not-end .fc-content:before, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-info.fc-not-start.fc-not-end .fc-content:before {
     background: #7B6FFF;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-info.fc-not-start.fc-not-end, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-info.fc-not-start.fc-not-end {
     background: #7B6FFF;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-info.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-info.fc-not-start.fc-not-end .fc-title {
     color: #ffffff;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-info.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-info.fc-not-start.fc-not-end .fc-description {
     color: #ffffff;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-info.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-info.fc-not-start.fc-not-end .fc-time {
     color: #ffffff;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-warning.fc-not-start.fc-not-end .fc-content:before, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-warning.fc-not-start.fc-not-end .fc-content:before {
     background: #FFA800;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-warning.fc-not-start.fc-not-end, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-warning.fc-not-start.fc-not-end {
     background: #FFA800;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-warning.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-warning.fc-not-start.fc-not-end .fc-title {
     color: #ffffff;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-warning.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-warning.fc-not-start.fc-not-end .fc-description {
     color: #ffffff;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-warning.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-warning.fc-not-start.fc-not-end .fc-time {
     color: #ffffff;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-danger.fc-not-start.fc-not-end .fc-content:before, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-danger.fc-not-start.fc-not-end .fc-content:before {
     background: #F64E60;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-danger.fc-not-start.fc-not-end, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-danger.fc-not-start.fc-not-end {
     background: #F64E60;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-danger.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-danger.fc-not-start.fc-not-end .fc-title {
     color: #ffffff;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-danger.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-danger.fc-not-start.fc-not-end .fc-description {
     color: #ffffff;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-danger.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-danger.fc-not-start.fc-not-end .fc-time {
     color: #ffffff;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-light.fc-not-start.fc-not-end .fc-content:before, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-light.fc-not-start.fc-not-end .fc-content:before {
     background: #F3F6F9;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-light.fc-not-start.fc-not-end, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-light.fc-not-start.fc-not-end {
     background: #F3F6F9;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-light.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-light.fc-not-start.fc-not-end .fc-title {
     color: #7E8299;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-light.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-light.fc-not-start.fc-not-end .fc-description {
     color: #7E8299;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-light.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-light.fc-not-start.fc-not-end .fc-time {
     color: #7E8299;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-dark.fc-not-start.fc-not-end .fc-content:before, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-dark.fc-not-start.fc-not-end .fc-content:before {
     background: #181C32;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-dark.fc-not-start.fc-not-end, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-dark.fc-not-start.fc-not-end {
     background: #181C32;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-dark.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-dark.fc-not-start.fc-not-end .fc-title {
     color: #ffffff;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-dark.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-dark.fc-not-start.fc-not-end .fc-description {
     color: #ffffff;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-dark.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-dark.fc-not-start.fc-not-end .fc-time {
     color: #ffffff;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-white.fc-not-start.fc-not-end .fc-content:before, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-white.fc-not-start.fc-not-end .fc-content:before {
     background: #ffffff;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-white.fc-not-start.fc-not-end, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-white.fc-not-start.fc-not-end {
     background: #ffffff;
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-white.fc-not-start.fc-not-end .fc-title, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-white.fc-not-start.fc-not-end .fc-title {
     color: rgba(63, 66, 84, 0.9);
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-white.fc-not-start.fc-not-end .fc-description, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-white.fc-not-start.fc-not-end .fc-description {
     color: rgba(63, 66, 84, 0.9);
}
 .fc-unthemed .fc-popover .fc-body .fc-event.fc-event-solid-white.fc-not-start.fc-not-end .fc-time, .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-event-solid-white.fc-not-start.fc-not-end .fc-time {
     color: rgba(63, 66, 84, 0.9);
}
 .fc-unthemed th.fc-day-header > a, .fc-unthemed th.fc-day-header > span {
     color: #B5B5C3;
}
 .fc-unthemed .fc-list-heading td {
     background: #EBEDF3;
     border-color: #EBEDF3;
}
 .fc-unthemed .fc-list-heading .fc-list-heading-main {
     color: rgba(63, 66, 84, 0.9);
}
 .fc-unthemed .fc-list-heading .fc-list-heading-alt {
     color: #B5B5C3;
}
 .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td {
     background: #F3F6F9;
}
 .fc-unthemed .fc-list-item:hover td {
     background: transparent !important;
}
 .fc-unthemed .fc-list-item .fc-event-dot {
     background: #EBEDF3;
     border-color: #EBEDF3;
}
 .fc-unthemed .fc-list-item.fc-event-solid-primary .fc-event-dot, .fc-unthemed .fc-list-item.fc-event-primary .fc-event-dot {
     background: #4785FF;
     border-color: #4785FF;
}
 .fc-unthemed .fc-list-item.fc-event-solid-secondary .fc-event-dot, .fc-unthemed .fc-list-item.fc-event-secondary .fc-event-dot {
     background: #E4E6EF;
     border-color: #E4E6EF;
}
 .fc-unthemed .fc-list-item.fc-event-solid-success .fc-event-dot, .fc-unthemed .fc-list-item.fc-event-success .fc-event-dot {
     background: #32D0A5;
     border-color: #32D0A5;
}
 .fc-unthemed .fc-list-item.fc-event-solid-info .fc-event-dot, .fc-unthemed .fc-list-item.fc-event-info .fc-event-dot {
     background: #7B6FFF;
     border-color: #7B6FFF;
}
 .fc-unthemed .fc-list-item.fc-event-solid-warning .fc-event-dot, .fc-unthemed .fc-list-item.fc-event-warning .fc-event-dot {
     background: #FFA800;
     border-color: #FFA800;
}
 .fc-unthemed .fc-list-item.fc-event-solid-danger .fc-event-dot, .fc-unthemed .fc-list-item.fc-event-danger .fc-event-dot {
     background: #F64E60;
     border-color: #F64E60;
}
 .fc-unthemed .fc-list-item.fc-event-solid-light .fc-event-dot, .fc-unthemed .fc-list-item.fc-event-light .fc-event-dot {
     background: #F3F6F9;
     border-color: #F3F6F9;
}
 .fc-unthemed .fc-list-item.fc-event-solid-dark .fc-event-dot, .fc-unthemed .fc-list-item.fc-event-dark .fc-event-dot {
     background: #181C32;
     border-color: #181C32;
}
 .fc-unthemed .fc-list-item.fc-event-solid-white .fc-event-dot, .fc-unthemed .fc-list-item.fc-event-white .fc-event-dot {
     background: #ffffff;
     border-color: #ffffff;
}
 .fc-unthemed .fc-toolbar .fc-button {
     color: #B5B5C3;
     background: transparent;
     border: 1px solid #EBEDF3;
     text-shadow: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
}
 .fc-unthemed .fc-toolbar .fc-button .fc-icon {
     color: #B5B5C3;
}
 .fc-unthemed .fc-toolbar .fc-button:hover {
     border: 0;
     background: #F3F6F9;
     border: 1px solid #EBEDF3;
     color: #B5B5C3;
}
 .fc-unthemed .fc-toolbar .fc-button:focus, .fc-unthemed .fc-toolbar .fc-button:active, .fc-unthemed .fc-toolbar .fc-button.fc-button-active {
     background: #4785FF;
     color: #FFFFFF;
     border: 1px solid #4785FF;
     -webkit-box-shadow: none;
     box-shadow: none;
     text-shadow: none;
}
 .fc-unthemed .fc-toolbar .fc-button:focus .fc-icon, .fc-unthemed .fc-toolbar .fc-button:active .fc-icon, .fc-unthemed .fc-toolbar .fc-button.fc-button-active .fc-icon {
     color: #FFFFFF;
}
 .fc-unthemed .fc-toolbar .fc-button.fc-button-disabled {
     opacity: 0.7;
}
 .gmaps {
    /* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
}
 .gmaps img {
     max-width: none;
}
 .gmaps.gmaps-static > div {
     background-repeat: no-repeat;
     background-position: 50% 50%;
     display: block;
}
 .ion-range-slider .irs .irs-min, .ion-range-slider .irs .irs-max, .ion-range-slider .irs .irs-from, .ion-range-slider .irs .irs-to, .ion-range-slider .irs .irs-single {
     padding: 2px 5px 1px 5px;
}
 .repeater .repeater-row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .repeater .repeater-row > input {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
}
 .repeater .repeater-row .repeater-close {
     background-color: transparent;
     border: none;
}
 .repeater .repeater-row .form-text {
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
}
 .repeater .repeater-item {
     position: relative;
}
 .repeater .repeater-item .btn-icon {
     height: auto;
}
 .repeater .repeater-item:first-child .form-control {
     border-top-right-radius: 0.25rem;
     border-bottom-right-radius: 0.25rem;
}
 .repeater .repeater-item:first-child .input-group-append {
     display: none;
}
 .repeater .repeater-close-align-right {
     position: absolute;
     top: 0;
     right: 0;
}
 .jqvmap {
     position: relative;
     overflow: hidden;
}
 .jqvmap .jqvmap-zoomout, .jqvmap .jqvmap-zoomin {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 20px;
     width: 20px;
     background-color: #EBEDF3;
     color: rgba(63, 66, 84, 0.9);
     font-size: 1.1rem;
}
 .jqvmap .jqvmap-zoomout {
     top: 40px;
}
 .jstree-default .jstree-anchor {
     color: rgba(63, 66, 84, 0.9);
     padding: 0 8px 0 4px;
}
 .jstree-default .jstree-icon {
     color: rgba(63, 66, 84, 0.9);
     font-size: 1.3rem;
}
 .jstree-default .jstree-icon.la {
     font-size: 1.5rem;
}
 .jstree-default .jstree-icon.fa {
     font-size: 1.2rem;
}
 .jstree-default .jstree-disabled {
     cursor: not-allowed;
     line-height: auto;
     height: auto;
     opacity: 0.7;
}
 .jstree-default .jstree-disabled .jstree-icon {
     color: rgba(63, 66, 84, 0.9);
}
 .jstree-default .jstree-clicked {
     border: 0;
     background: #F3F6F9;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .jstree-default .jstree-hovered {
     border: 0;
     background-color: #F3F6F9;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .jstree-default .jstree-wholerow-clicked, .jstree-default .jstree-wholerow-clicked {
     background: #EBEDF3;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .jstree-default .jstree-wholerow-hovered, .jstree-default.jstree-wholerow .jstree-wholerow-hovered {
     border: 0;
     background-color: #F3F6F9;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .jstree-open > .jstree-anchor > .fa-folder:before {
     margin-left: 2px;
     content: "\f07c";
}
 .jstree-open > .jstree-anchor > .la-folder:before {
     margin-left: 2px;
     content: "\f200";
}
 .jstree-default.jstree-rtl .jstree-node {
     background-position: 100% 1px
    /*rtl:ignore*/
     !important;
}
 .jstree-default.jstree-rtl .jstree-last {
     background: transparent
    /*rtl:ignore*/
    ;
     background-repeat: no-repeat;
}
 .jstree-rtl .jstree-anchor {
     padding: 0 4px 0 8px
    /*rtl:ignore*/
    ;
}
 .vakata-context, .vakata-context ul {
     padding: 0.5rem 0;
     min-width: 150px;
     font-size: 1.1rem;
     font-family: 'Ubuntu', sans-serif;
     background: #ffffff;
     -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     border: 0;
     border-radius: 0.35rem;
}
 .vakata-context li, .vakata-context ul li {
     padding: 0;
     border: 0;
}
 .vakata-context li a, .vakata-context ul li a {
     padding: 0rem 1.2rem;
     border: 0;
}
 .vakata-context li a i, .vakata-context ul li a i {
     display: none;
}
 .vakata-context li a .vakata-contextmenu-sep, .vakata-context ul li a .vakata-contextmenu-sep {
     display: none;
}
 .vakata-context li a span, .vakata-context li a ins, .vakata-context ul li a span, .vakata-context ul li a ins {
     display: none;
     border: 0 !important;
}
 .vakata-context .vakata-context-hover > a, .vakata-context li a:hover, .vakata-context ul .vakata-context-hover > a, .vakata-context ul li a:hover {
     margin: 0;
     background-color: #F3F6F9;
     color: #4785FF;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .vakata-context .vakata-context-hover > a .span, .vakata-context .vakata-context-hover > a .ins, .vakata-context li a:hover .span, .vakata-context li a:hover .ins, .vakata-context ul .vakata-context-hover > a .span, .vakata-context ul .vakata-context-hover > a .ins, .vakata-context ul li a:hover .span, .vakata-context ul li a:hover .ins {
     border: 0 !important;
}
 .vakata-context .vakata-context-separator a, .vakata-context-rtl .vakata-context-separator a {
     margin: 0;
     border: 0;
     height: 2px;
     background-color: #EBEDF3;
}
 .jstree-rename-input {
     outline: none !important;
     padding: 2px 6px !important;
     margin-right: -4px !important;
     background-color: #F3F6F9 !important;
     border: 1px solid #F3F6F9 !important;
     border-radius: 0.35rem;
}
 .kanban-container {
     width: 100% !important;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .kanban-container .kanban-board {
     float: none;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     margin-bottom: 1.25rem;
     margin-right: 1.25rem !important;
     background-color: #F3F6F9;
     border-radius: 0.35rem;
}
 .kanban-container .kanban-board:last-child {
     margin-right: 0 !important;
}
 .kanban-container .kanban-board .kanban-board-header {
     border-top-left-radius: 0.42rem;
     border-top-right-radius: 0.42rem;
}
 .kanban-container .kanban-board .kanban-board-header .kanban-title-board {
     font-size: 1.2rem;
     font-weight: 500;
     color: #181C32;
}
 .kanban-container .kanban-board .kanban-board-header.primary {
     background-color:#4785FF;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-board-header.primary .kanban-title-board {
     color: #FFFFFF;
}
 .kanban-container .kanban-board .kanban-board-header.light-primary {
     background-color: rgba(54, 153, 255, 0.1);
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-board-header.light-primary .kanban-title-board {
     color: #4785FF;
}
 .kanban-container .kanban-board .kanban-board-header.secondary {
     background-color: #E4E6EF;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-board-header.secondary .kanban-title-board {
     color: rgba(63, 66, 84, 0.9);
}
 .kanban-container .kanban-board .kanban-board-header.light-secondary {
     background-color: rgba(228, 230, 239, 0.1);
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-board-header.light-secondary .kanban-title-board {
     color: #E4E6EF;
}
 .kanban-container .kanban-board .kanban-board-header.success {
     background-color: #32D0A5;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-board-header.success .kanban-title-board {
     color: #ffffff;
}
 .kanban-container .kanban-board .kanban-board-header.light-success {
     background-color: rgba(27, 197, 189, 0.1);
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-board-header.light-success .kanban-title-board {
     color: #32D0A5;
}
 .kanban-container .kanban-board .kanban-board-header.info {
     background-color: #7B6FFF;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-board-header.info .kanban-title-board {
     color: #ffffff;
}
 .kanban-container .kanban-board .kanban-board-header.light-info {
     background-color: rgba(137, 80, 252, 0.1);
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-board-header.light-info .kanban-title-board {
     color: #7B6FFF;
}
 .kanban-container .kanban-board .kanban-board-header.warning {
     background-color: #FFA800;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-board-header.warning .kanban-title-board {
     color: #ffffff;
}
 .kanban-container .kanban-board .kanban-board-header.light-warning {
     background-color: rgba(255, 168, 0, 0.1);
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-board-header.light-warning .kanban-title-board {
     color: #FFA800;
}
 .kanban-container .kanban-board .kanban-board-header.danger {
     background-color: #F64E60;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-board-header.danger .kanban-title-board {
     color: #ffffff;
}
 .kanban-container .kanban-board .kanban-board-header.light-danger {
     background-color: rgba(246, 78, 96, 0.1);
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-board-header.light-danger .kanban-title-board {
     color: #F64E60;
}
 .kanban-container .kanban-board .kanban-board-header.light {
     background-color: #F3F6F9;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-board-header.light .kanban-title-board {
     color: #7E8299;
}
 .kanban-container .kanban-board .kanban-board-header.light-light {
     background-color: rgba(243, 246, 249, 0.1);
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-board-header.light-light .kanban-title-board {
     color: #F3F6F9;
}
 .kanban-container .kanban-board .kanban-board-header.dark {
     background-color: #181C32;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-board-header.dark .kanban-title-board {
     color: #ffffff;
}
 .kanban-container .kanban-board .kanban-board-header.light-dark {
     background-color: rgba(24, 28, 50, 0.1);
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-board-header.light-dark .kanban-title-board {
     color: #181C32;
}
 .kanban-container .kanban-board .kanban-board-header.white {
     background-color: #ffffff;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-board-header.white .kanban-title-board {
     color: rgba(63, 66, 84, 0.9);
}
 .kanban-container .kanban-board .kanban-board-header.light-white {
     background-color: rgba(255, 255, 255, 0.1);
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-board-header.light-white .kanban-title-board {
     color: #ffffff;
}
 .kanban-container .kanban-board .kanban-drag .kanban-item {
     border-radius: 0.35rem;
     -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.05);
     box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.05);
}
 .kanban-container .kanban-board .kanban-drag .kanban-item[data-class="primary"] {
     background-color:#4785FF;
     color: #FFFFFF;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-drag .kanban-item[data-class="light-primary"] {
     background-color: rgba(54, 153, 255, 0.1);
     color: #4785FF;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-drag .kanban-item[data-class="secondary"] {
     background-color: #E4E6EF;
     color: rgba(63, 66, 84, 0.9);
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-drag .kanban-item[data-class="light-secondary"] {
     background-color: rgba(228, 230, 239, 0.1);
     color: #E4E6EF;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-drag .kanban-item[data-class="success"] {
     background-color: #32D0A5;
     color: #ffffff;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-drag .kanban-item[data-class="light-success"] {
     background-color: rgba(27, 197, 189, 0.1);
     color: #32D0A5;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-drag .kanban-item[data-class="info"] {
     background-color: #7B6FFF;
     color: #ffffff;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-drag .kanban-item[data-class="light-info"] {
     background-color: rgba(137, 80, 252, 0.1);
     color: #7B6FFF;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-drag .kanban-item[data-class="warning"] {
     background-color: #FFA800;
     color: #ffffff;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-drag .kanban-item[data-class="light-warning"] {
     background-color: rgba(255, 168, 0, 0.1);
     color: #FFA800;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-drag .kanban-item[data-class="danger"] {
     background-color: #F64E60;
     color: #ffffff;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-drag .kanban-item[data-class="light-danger"] {
     background-color: rgba(246, 78, 96, 0.1);
     color: #F64E60;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-drag .kanban-item[data-class="light"] {
     background-color: #F3F6F9;
     color: #7E8299;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-drag .kanban-item[data-class="light-light"] {
     background-color: rgba(243, 246, 249, 0.1);
     color: #F3F6F9;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-drag .kanban-item[data-class="dark"] {
     background-color: #181C32;
     color: #ffffff;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-drag .kanban-item[data-class="light-dark"] {
     background-color: rgba(24, 28, 50, 0.1);
     color: #181C32;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-drag .kanban-item[data-class="white"] {
     background-color: #ffffff;
     color: rgba(63, 66, 84, 0.9);
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .kanban-container .kanban-board .kanban-drag .kanban-item[data-class="light-white"] {
     background-color: rgba(255, 255, 255, 0.1);
     color: #ffffff;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .noUi-target {
     border: 1px solid rgba(0,0,0,0.05);
     background: rgba(0,0,0,0.05);
     -webkit-box-shadow: none;
     box-shadow: none;
     border-radius:30px;
}
 .noUi-target.noUi-horizontal {
     height: 100%;
}
 .noUi-target.noUi-horizontal .noUi-handle {
    width: 14px;
    height: 14px;
    top: -7px;
    border-radius: 50%;
    outline: none;
    right: -9px;
    cursor:grabbing;
}
 .noUi-target.noUi-horizontal .noUi-handle::before {
     display: none;
}
 .noUi-target.noUi-horizontal .noUi-handle::after {
     display: none;
}
 .noUi-target.noUi-vertical {
     height: 150px;
     width: 15px;
}
 .noUi-target.noUi-vertical .noUi-handle {
     width: 24px;
     height: 24px;
     top: -6px;
     border-radius: 50%;
     outline: none;
}
 .noUi-target.noUi-vertical .noUi-handle::before {
     display: none;
}
 .noUi-target.noUi-vertical .noUi-handle::after {
     display: none;
}
 .noUi-target .noUi-connect {
     background: #7DB5FF;
}
 .noUi-target .noUi-handle {
     border: 1px solid #EBEDF3;
     -webkit-box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.7);
     box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.7);
}
 .noUi-target.nouislider-light {
     height: 4px;
}
 .noUi-target.nouislider-light .noUi-handle {
     width: 20px;
     height: 20px;
     top: -9px;
}
 .noUi-target.nouislider.nouislider-connect-primary .noUi-connect {
     background: #4785FF;
}
 .noUi-target.nouislider.nouislider-handle-primary .noUi-handle {
     border: 0;
     background: #4785FF;
     -webkit-box-shadow: 0 3px 6px -3px #4785FF;
     box-shadow: 0 3px 6px -3px #4785FF;
}
 .noUi-target.nouislider.nouislider-bg-primary {
     background: #4785FF;
}
 .noUi-target.nouislider.nouislider-bg-light-primary {
     background: #E1F0FF;
}
 .noUi-target.nouislider.nouislider-connect-secondary .noUi-connect {
     background: #E4E6EF;
}
 .noUi-target.nouislider.nouislider-handle-secondary .noUi-handle {
     border: 0;
     background: #E4E6EF;
     -webkit-box-shadow: 0 3px 6px -3px #E4E6EF;
     box-shadow: 0 3px 6px -3px #E4E6EF;
}
 .noUi-target.nouislider.nouislider-bg-secondary {
     background: #E4E6EF;
}
 .noUi-target.nouislider.nouislider-bg-light-secondary {
     background: #EBEDF3;
}
 .noUi-target.nouislider.nouislider-connect-success .noUi-connect {
     background: #32D0A5;
}
 .noUi-target.nouislider.nouislider-handle-success .noUi-handle {
     border: 0;
     background: #32D0A5;
     -webkit-box-shadow: 0 3px 6px -3px #32D0A5;
     box-shadow: 0 3px 6px -3px #32D0A5;
}
 .noUi-target.nouislider.nouislider-bg-success {
     background: #32D0A5;
}
 .noUi-target.nouislider.nouislider-bg-light-success {
     background: rgba(67, 213, 173, 0.15);
}
 .noUi-target.nouislider.nouislider-connect-info .noUi-connect {
     background: #7B6FFF;
}
 .noUi-target.nouislider.nouislider-handle-info .noUi-handle {
     border: 0;
     background: #7B6FFF;
     -webkit-box-shadow: 0 3px 6px -3px #7B6FFF;
     box-shadow: 0 3px 6px -3px #7B6FFF;
}
 .noUi-target.nouislider.nouislider-bg-info {
     background: #7B6FFF;
}
 .noUi-target.nouislider.nouislider-bg-light-info {
     background: #EEE5FF;
}
 .noUi-target.nouislider.nouislider-connect-warning .noUi-connect {
     background: #FFA800;
}
 .noUi-target.nouislider.nouislider-handle-warning .noUi-handle {
     border: 0;
     background: #FFA800;
     -webkit-box-shadow: 0 3px 6px -3px #FFA800;
     box-shadow: 0 3px 6px -3px #FFA800;
}
 .noUi-target.nouislider.nouislider-bg-warning {
     background: #FFA800;
}
 .noUi-target.nouislider.nouislider-bg-light-warning {
     background: #FFF4DE;
}
 .noUi-target.nouislider.nouislider-connect-danger .noUi-connect {
     background: #F64E60;
}
 .noUi-target.nouislider.nouislider-handle-danger .noUi-handle {
     border: 0;
     background: #F64E60;
     -webkit-box-shadow: 0 3px 6px -3px #F64E60;
     box-shadow: 0 3px 6px -3px #F64E60;
}
 .noUi-target.nouislider.nouislider-bg-danger {
     background: #F64E60;
}
 .noUi-target.nouislider.nouislider-bg-light-danger {
     background: #FFEFEF;
}
 .noUi-target.nouislider.nouislider-connect-light .noUi-connect {
     background: #F3F6F9;
}
 .noUi-target.nouislider.nouislider-handle-light .noUi-handle {
     border: 0;
     background: #F3F6F9;
     -webkit-box-shadow: 0 3px 6px -3px #F3F6F9;
     box-shadow: 0 3px 6px -3px #F3F6F9;
}
 .noUi-target.nouislider.nouislider-bg-light {
     background: #F3F6F9;
}
 .noUi-target.nouislider.nouislider-bg-light-light {
     background: #F3F6F9;
}
 .noUi-target.nouislider.nouislider-connect-dark .noUi-connect {
     background: #181C32;
}
 .noUi-target.nouislider.nouislider-handle-dark .noUi-handle {
     border: 0;
     background: #181C32;
     -webkit-box-shadow: 0 3px 6px -3px #181C32;
     box-shadow: 0 3px 6px -3px #181C32;
}
 .noUi-target.nouislider.nouislider-bg-dark {
     background: #181C32;
}
 .noUi-target.nouislider.nouislider-bg-light-dark {
     background: #D1D3E0;
}
 .noUi-target.nouislider.nouislider-connect-white .noUi-connect {
     background: #ffffff;
}
 .noUi-target.nouislider.nouislider-handle-white .noUi-handle {
     border: 0;
     background: #ffffff;
     -webkit-box-shadow: 0 3px 6px -3px #ffffff;
     box-shadow: 0 3px 6px -3px #ffffff;
}
 .noUi-target.nouislider.nouislider-bg-white {
     background: #ffffff;
}
 .noUi-target.nouislider.nouislider-bg-light-white {
     background: #ffffff;
}
 .noUi-target.nouislider-shadowless .noUi-handle {
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .noUi-target.nouislider-borderless {
     border: 0;
}
 .scroll {
     position: relative;
     overflow: hidden;
}
 .scroll.scroll-pull {
     padding-right: 12px;
     margin-right: -12px;
}
 .scroll.scroll-pull .ps__rail-y {
     right: -2px;
}
 .scroll.scroll-push .ps__rail-y {
     right: 5px !important;
}
 .scroll.ps > .ps__rail-y {
     width: 4px;
}
 .scroll.ps > .ps__rail-y:hover, .scroll.ps > .ps__rail-y:focus {
     width: 4px;
}
 .scroll.ps > .ps__rail-y > .ps__thumb-y {
     width: 4px;
     border-radius: 0.35rem !important;
}
 .scroll.ps > .ps__rail-y > .ps__thumb-y:hover, .scroll.ps > .ps__rail-y > .ps__thumb-y:focus {
     width: 4px;
}
 .scroll.ps > .ps__rail-x {
     height: 4px;
}
 .scroll.ps > .ps__rail-x:hover, .scroll.ps > .ps__rail-x:focus {
     height: 4px;
}
 .scroll.ps > .ps__rail-x > .ps__thumb-x {
     top: 0;
     height: 4px;
     border-radius: 0.35rem !important;
}
 .scroll.ps > .ps__rail-x > .ps__thumb-x:hover, .scroll.ps > .ps__rail-x > .ps__thumb-x:focus {
     top: 0;
     height: 4px;
}
 .scroll.ps > .ps__rail-x {
     background-color: transparent;
}
 .scroll.ps > .ps__rail-x:hover, .scroll.ps > .ps__rail-x:focus {
     opacity: 1;
     background-color: transparent;
}
 .scroll.ps > .ps__rail-x:hover > .ps__thumb-x, .scroll.ps > .ps__rail-x:focus > .ps__thumb-x {
     opacity: 1;
}
 .scroll.ps > .ps__rail-x > .ps__thumb-x {
     background-color: #E4E6EF;
     opacity: 1;
}
 .scroll.ps > .ps__rail-x > .ps__thumb-x:hover, .scroll.ps > .ps__rail-x > .ps__thumb-x:focus {
     opacity: 1;
     background-color: #E4E6EF;
}
 .scroll.ps > .ps__rail-y {
     background-color: transparent;
}
 .scroll.ps > .ps__rail-y:hover, .scroll.ps > .ps__rail-y:focus {
     background-color: transparent;
     opacity: 1;
}
 .scroll.ps > .ps__rail-y:hover > .ps__thumb-y, .scroll.ps > .ps__rail-y:focus > .ps__thumb-y {
     opacity: 1;
}
 .scroll.ps > .ps__rail-y > .ps__thumb-y {
     background: #E4E6EF;
     opacity: 1;
}
 .scroll.ps > .ps__rail-y > .ps__thumb-y:hover, .scroll.ps > .ps__rail-y > .ps__thumb-y:focus {
     opacity: 1;
     background: #E4E6EF;
}
 .ql-toolbar {
     font-family: 'Ubuntu', sans-serif;
}
 .ql-toolbar.ql-snow {
     border: 1px solid #EBEDF3;
     border-top-left-radius: 0.42rem;
     border-top-right-radius: 0.42rem;
}
 .ql-toolbar.ql-snow .ql-picker .ql-fill, .ql-toolbar.ql-snow .ql-picker .ql-stroke, .ql-toolbar.ql-snow button .ql-fill, .ql-toolbar.ql-snow button .ql-stroke {
     stroke: #B5B5C3;
}
 .ql-toolbar.ql-snow .ql-picker .ql-fill, .ql-toolbar.ql-snow button .ql-fill {
     fill: #B5B5C3;
}
 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-fill, .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-stroke, .ql-toolbar.ql-snow .ql-picker.ql-active .ql-fill, .ql-toolbar.ql-snow .ql-picker.ql-active .ql-stroke, .ql-toolbar.ql-snow .ql-picker:focus .ql-fill, .ql-toolbar.ql-snow .ql-picker:focus .ql-stroke, .ql-toolbar.ql-snow .ql-picker:hover .ql-fill, .ql-toolbar.ql-snow .ql-picker:hover .ql-stroke, .ql-toolbar.ql-snow button.ql-expanded .ql-fill, .ql-toolbar.ql-snow button.ql-expanded .ql-stroke, .ql-toolbar.ql-snow button.ql-active .ql-fill, .ql-toolbar.ql-snow button.ql-active .ql-stroke, .ql-toolbar.ql-snow button:focus .ql-fill, .ql-toolbar.ql-snow button:focus .ql-stroke, .ql-toolbar.ql-snow button:hover .ql-fill, .ql-toolbar.ql-snow button:hover .ql-stroke {
     stroke: #4785FF;
}
 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-fill, .ql-toolbar.ql-snow .ql-picker.ql-active .ql-fill, .ql-toolbar.ql-snow .ql-picker:focus .ql-fill, .ql-toolbar.ql-snow .ql-picker:hover .ql-fill, .ql-toolbar.ql-snow button.ql-expanded .ql-fill, .ql-toolbar.ql-snow button.ql-active .ql-fill, .ql-toolbar.ql-snow button:focus .ql-fill, .ql-toolbar.ql-snow button:hover .ql-fill {
     fill: #4785FF;
}
 .ql-editor {
     color: rgba(63, 66, 84, 0.9);
}
 .ql-editor.ql-blank:before {
     left: auto !important;
     right: auto !important;
     color: #B5B5C3 !important;
     font-style: normal !important;
}
 .ql-container.ql-snow {
     border: 1px solid #EBEDF3;
     border-top: 0;
     border-bottom-right-radius: 0.42rem;
     border-bottom-left-radius: 0.42rem;
}
 .ql-snow .ql-picker .ql-picker-label {
     color: #B5B5C3;
}
 .ql-snow .ql-picker .ql-picker-label.ql-active, .ql-snow .ql-picker .ql-picker-label:hover {
     color: #4785FF;
}
 .ql-snow .ql-picker.ql-expanded {
     outline: none !important;
     border-color: transparent !important;
}
 .ql-snow .ql-picker.ql-expanded .ql-picker-label {
     border-color: transparent !important;
     color: #4785FF;
     outline: none !important;
}
 .ql-snow .ql-picker.ql-expanded .ql-picker-label.ql-active, .ql-snow .ql-picker.ql-expanded .ql-picker-label:hover {
     color: #4785FF;
}
 .ql-snow .ql-picker.ql-expanded .ql-picker-options {
     border: 0;
     padding: 0.5rem 1rem;
     -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     border-radius: 0.35rem;
}
 .ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
     color: #7E8299;
     outline: none;
}
 .ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item.ql-selected, .ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item.ql-active, .ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
     color: #4785FF;
}
 .ql-snow .ql-tooltip {
     border: 0;
     padding: 0.5rem 1rem;
     -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     border-radius: 0.35rem;
}
 .ql-snow .ql-tooltip input[type=text] {
     border: 0;
     background-color: transparent;
     outline: none !important;
     -webkit-box-shadow: none;
     box-shadow: none;
     border: 1px solid #EBEDF3;
     color: rgba(63, 66, 84, 0.9);
     outline: none !important;
     border-radius: 0.35rem;
}
 .ql-snow .ql-tooltip input[type=text]:active, .ql-snow .ql-tooltip input[type=text]:focus {
     border-color: #69b3ff !important;
}
 .ql-snow .ql-tooltip .ql-preview {
     color: #7E8299;
}
 .ql-snow .ql-tooltip .ql-action {
     -webkit-transition: color 0.3s ease;
     transition: color 0.3s ease;
     color: #7E8299;
}
 .ql-snow .ql-tooltip .ql-action:hover {
     -webkit-transition: color 0.3s ease;
     transition: color 0.3s ease;
     color: #4785FF;
}
 .modal .ql-snow .ql-tooltip.ql-editing {
     left: 20px !important;
}
 .ql-snow .ql-editor pre.ql-syntax {
     background-color: #181C32;
     color: #B5B5C3;
     overflow: visible;
     border-radius: 0.35rem;
}
 .ql-quil.ql-quil-plain .ql-toolbar {
     padding: 0;
     margin: 0;
     border: 0;
}
 .ql-quil.ql-quil-plain .ql-toolbar:after {
     display: none;
}
 .ql-quil.ql-quil-plain .ql-toolbar .ql-picker-label {
     padding-left: 0;
}
 .ql-quil.ql-quil-plain .ql-container {
     border: 0;
}
 .ql-quil.ql-quil-plain .ql-editor {
     border: 0;
     padding: 0;
}
 .recaptcha {
     padding: 15px;
     border: 1px solid #EBEDF3;
     border-radius: 0.35rem;
}
 .recaptcha .recaptcha-img {
     margin-bottom: 10px;
}
 .recaptcha .recaptcha_only_if_incorrect_sol {
     color: #F64E60;
}
 .recaptcha .input-group .btn i {
     padding-right: 0;
}
 .recaptcha .input-group .form-control {
     border-top-left-radius: 0.42rem !important;
     border-bottom-left-radius: 0.42rem !important;
}
 .select2-container--default .select2-selection--single,
 body .select2-container--default .select2-selection--multiple {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     border: 1px solid #E4E6EF;
     outline: none !important;
     border-radius: 0.35rem;
     height: auto;
     line-height: 0;
}
 .form-group .select2-container--default .select2-selection--single{
     padding: 0.823rem 1.9rem 0.823rem 1rem !important;
}
 .form-group .select2-container--default .select2-selection--multiple{
     padding: 0.76rem 1.9rem 0.76rem 1rem !important;
}
 .select2-container--default .select2-selection--single .select2-selection__placeholder,
 body .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
     color: #B5B5C3;
}
 body .select2-container--default.select2-container--focus .select2-selection--multiple,
 .select2-container--default.select2-container--focus .select2-selection--single,
 body .select2-container--default.select2-container--open .select2-selection--multiple,
 .select2-container--default.select2-container--open .select2-selection--single {
     border-color: #69b3ff;
}
 .select2-container--default .select2-selection--single .select2-selection__arrow,
 body .select2-container--default .select2-selection--multiple .select2-selection__arrow {
     border: 0;
     margin-left: 0.5rem;
     font-size: 0.85rem;
     left: auto;
     right: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     position: static;
     width: auto;
     height: 20px;
     margin-right: 1rem;
}
 .select2-container--default .select2-selection--single .select2-selection__arrow:after,
 body .select2-container--default .select2-selection--multiple .select2-selection__arrow:after {
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
     font-size: 0.6rem;
     color: #7E8299;
}
 .select2-container--default .select2-selection--single .select2-selection__arrow b,
 body.select2-container--default .select2-selection--multiple .select2-selection__arrow b {
     display: none;
}
 .select2-container--default .select2-selection--single .select2-selection__rendered {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 100%;
     color: rgba(63, 66, 84, 0.9);
     position: relative;
     padding: 0.65rem 3rem 0.65rem 1rem;
     line-height: 1.5;
}
 .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear,
 .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear {
     border: 0;
     font-size: 0;
     display: inline-block;
     right: 1.85rem;
     margin-right: 0.5rem;
     -webkit-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2;
     position: absolute;
     right: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear:after,
.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear:after {
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
     font-size: 0.6rem;
     color: #7E8299;
}
 body .select2-container--default .select2-selection--multiple .select2-selection__rendered {
     color: #707693;
     /* padding: 0.37rem 0.5rem; */
     padding: 0;
     line-height: 1.5;
}
body .select2-container .select2-search--inline .select2-search__field{
    margin:0px;
}
body  .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0.25rem 0.75rem;
     margin: 0.1rem 0.4rem 0.1rem 0;
     position: relative;
     float: left
    /*rtl:right*/
    ;
     color: #707693;
     background: #fff;
     border:solid 1px #d4d4eb;
     border-radius: 0.25rem;
}
 body .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice:hover{
     color: #ff7a7f;
     border: solid 1px #ff7a7f;
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice:hover .select2-selection__choice__remove::before{
     color: #ff7a7f;
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
     font-size: 0px;
     display: inline-block;
     line-height: 0;
     margin-left: 0.5rem;
     position: relative;
     order:1;
     border:0!important;
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:before {
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
     font-size: 0.6rem;
     color: #7E8299;
}
body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: transparent;
}
 body .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field::-moz-placeholder {
     color: #A3ACC6;
     opacity: 1;
     font-size:14px;
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field:-ms-input-placeholder {
     color: #A3ACC6;
     font-size:14px;
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field::-webkit-input-placeholder {
     color: #A3ACC6;
     font-size:14px;
}
 .select2-container--default .select2-search--dropdown {
     padding: 0.65rem 1rem;
}
 .select2-container--default .select2-search--dropdown .select2-search__field {
     outline: none !important;
     border-radius: 0.35rem;
     border: 1px solid #E4E6EF;
     padding: 0.65rem 1rem;
}

 .select2-container--default .select2-results__options {
     padding: 0.65rem 0;
}
 .select2-container--default .select2-results__option {
     padding: 0.65rem 1rem;
     margin-bottom: 1px;
}
 .select2-container--default .select2-results__option[aria-disabled=true] {
     cursor: not-allowed;
}
 .select2-container--default .select2-results__option .select2-results__group {
     padding: 5px 15px;
     font-weight: 600;
}
 .select2-container--default .select2-container .select2-search--inline .select2-search__field {
     margin: 0;
}
 .select2-container--default .select2-dropdown {
     border: 1px solid #E4E6EF;
     -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
}
 .select2-container--default .select2-results__option.select2-results__option--highlighted {
     background: #F3F6F9;
     color: rgba(63, 66, 84, 0.9);
}
 .select2-container--default .select2-results__option[aria-disabled=true] {
     color: rgba(63, 66, 84, 0.9);
     opacity: 0.6;
}
 .select2-container--default .select2-results__option[aria-selected=true] {
     background: #EBEDF3;
     color: rgba(63, 66, 84, 0.9);
}
 .select2-container--default.select2-container--disabled {
     cursor: not-allowed;
}
 body .select2-container--default.select2-container--disabled .select2-selection--multiple,
 .select2-container--default.select2-container--disabled .select2-selection--single {
     cursor: not-allowed;
     background-color: #ffffff;
     opacity: 0.5;
}
 select.select2 {
     opacity: 0;
}
 .select2 > select.form-control {
     opacity: 0;
}
 .select2.select2--elevate .select2-container--default .select2-selection--single,
 body .select2.select2--elevate .select2-container--default .select2-selection--multiple {
     -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
}
 body .select2.select2--solid .select2-container--default .select2-selection--multiple,
 .select2.select2--solid .select2-container--default .select2-selection--single {
     background-color: #F3F6F9;
     border-color: #EBEDF3;
}
 body .select2.select2--solid .select2-container--default .select2-selection--multiple .select2-selection__placeholder,
 .select2.select2--solid .select2-container--default .select2-selection--single .select2-selection__placeholder {
     color: #B5B5C3;
}
 body.form.form-state .is-valid .select2-container--default .select2-selection--multiple,
 .form.form-state .is-valid .select2-container--default .select2-selection--single {
     border-color: success;
}
 body .form.form-state .is-valid .select2-container--default.select2-container--focus .select2-selection--multiple,
 .form.form-state .is-valid .select2-container--default.select2-container--focus .select2-selection--single,
 body .form.form-state .is-valid .select2-container--default.select2-container--open .select2-selection--multiple,
 .form.form-state .is-valid .select2-container--default.select2-container--open .select2-selection--single {
     border-color: success;
}
 body .form.form-state .is-invalid .select2-container--default .select2-selection--multiple,
 .form.form-state .is-invalid .select2-container--default .select2-selection--single {
     border-color: danger;
}
 body .form.form-state .is-invalid .select2-container--default.select2-container--focus .select2-selection--multiple,
 .form.form-state .is-invalid .select2-container--default.select2-container--focus .select2-selection--single,
body .form.form-state .is-invalid .select2-container--default.select2-container--open .select2-selection--multiple,
 .form.form-state .is-invalid .select2-container--default.select2-container--open .select2-selection--single {
     border-color: danger;
}
 .note-popover {
     display: none;
}
 .note-editor {
     position: static;
     border-radius: 0.35rem;
}
 .note-editor.note-frame {
     border: 1px solid #E4E6EF;
}
 .note-editor.note-frame .panel-heading.note-toolbar {
     background: #F3F6F9;
}
 .note-editor.note-frame .note-statusbar {
     background: #F3F6F9;
}
 .note-editor .note-toolbar {
     position: static;
     padding: 0.5rem 0.5rem;
     border-radius: 0.35rem;
}
 .note-editor .note-toolbar .note-btn-group {
     margin-top: 0;
}
 .note-editor .note-toolbar .note-btn-group .btn {
     background: white;
     border: 1px solid #EBEDF3;
}
 .note-editor .note-toolbar .note-btn-group .btn i {
     font-size: 1.1rem;
     line-height: 0;
     padding-right: 0;
     color: #7E8299;
}
 .note-editor .note-toolbar .note-btn-group .btn:hover, .note-editor .note-toolbar .note-btn-group .btn:focus, .note-editor .note-toolbar .note-btn-group .btn:active, .note-editor .note-toolbar .note-btn-group .btn.active {
     background: transparent;
     color: #4785FF;
}
 .note-editor .note-toolbar .note-btn-group .btn:hover i, .note-editor .note-toolbar .note-btn-group .btn:focus i, .note-editor .note-toolbar .note-btn-group .btn:active i, .note-editor .note-toolbar .note-btn-group .btn.active i {
     color: #4785FF;
}
 .note-editor .note-toolbar .note-btn-group.note-color .dropdown-toggle:after {
     margin-left: 0;
}
 .note-editor .modal .modal-header {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .note-editor .modal .modal-header .close {
     position: absolute;
     right: 25px;
     top: 20px;
     font-size: 0;
}
 .note-editor .modal.note-modal .modal-dialog {
     -webkit-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05);
     box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05);
}
 .note-editor .panel-heading.note-toolbar {
     padding: 0.5rem 0.74rem 0.74rem 0.74rem;
     border-top-left-radius: 0.42rem;
     border-top-right-radius: 0.42rem;
}
 .note-editor .panel-heading.note-toolbar .btn {
     outline: none !important;
}
 .note-editor .panel-heading.note-toolbar .dropdown-menu {
     min-width: 185px;
}
 .note-editor .panel-heading.note-toolbar .note-color .dropdown-menu {
     min-width: 350px;
     padding: 10px;
}
 .note-editor .panel-heading.note-toolbar .note-color .dropdown-menu > li {
     display: table;
     table-layout: fixed;
}
 .note-editor .panel-heading.note-toolbar .note-color .dropdown-menu > li > .btn-group {
     display: table-cell !important;
}
 .note-editor .panel-heading.note-toolbar .note-color .dropdown-menu > li > .btn-group:first-child {
     padding-right: 10px;
}
 .note-editor .panel-heading.note-toolbar .note-color .dropdown-menu > li > .btn-group .note-color-reset {
     margin: 5px 0 10px 0;
}
 .note-editor .panel-heading.note-toolbar .note-color .dropdown-menu > li > .btn-group .note-palette-title {
     margin: 5px 0;
     text-align: left;
     border: 0;
}
 .note-editor .panel-heading.note-toolbar .dropdown-toggle::after {
     display: none;
}
 .note-editor .note-editable .table.table-bordered th, .note-editor .note-editable .table.table-bordered td {
     border: 1px solid #EBEDF3;
}
 .note-editor .is-valid .note-editor {
     border-color: #32D0A5;
}
 .note-editor .is-invalid .note-editor {
     border-color: #F64E60;
}
 html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown), body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
     overflow-y: initial !important;
}
 html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown):not(.sweetalert2-nopadding), body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown):not(.sweetalert2-nopadding) {
     padding-right: 0 !important;
}
 .swal2-popup {
     padding: 2rem;
     border-radius: 1rem;
}
 .swal2-popup .swal2-icon {
     margin: 2rem 0 0rem 0;
}
 .swal2-popup .swal2-title {
     font-weight: 500;
     font-size: 1.3rem;
     margin: 2rem 0 0 0;
     color: #181C32;
}
 .swal2-popup .swal2-content {
     font-weight: normal;
     font-size: 1.1rem;
     margin-top: 1.5rem;
     color: rgba(63, 66, 84, 0.9);
}
 .swal2-popup .btn {
     margin: 15px 5px 0;
}
 .swal2-popup .swal2-styled:focus {
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .swal2-popup .swal2-actions {
     margin: 0rem auto 1rem auto;
}
 .swal2-container {
     overflow-y: hidden !important;
}
 .swal2-container.swal2-shown {
     background-color: rgba(0, 0, 0, 0.2);
}
 .swal2-container .swal2-html-container {
     max-height: 200px;
     overflow: auto;
}
 body.swal2-height-auto {
     height: 100% !important;
}
 .swal2-icon.swal2-warning {
     border-color: #FFA800;
     color: #FFA800;
}
 .swal2-icon.swal2-error {
     border-color: #F64E60;
     color: #F64E60;
}
 .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
     background-color: rgba(246, 78, 96, 0.75);
}
 .swal2-icon.swal2-success {
     border-color: #32D0A5;
     color: #32D0A5;
}
 .swal2-icon.swal2-success [class^=swal2-success-line] {
     background-color: #32D0A5;
}
 .swal2-icon.swal2-success .swal2-success-ring {
     border-color: rgba(27, 197, 189, 0.3);
}
 .swal2-icon.swal2-info {
     border-color: #7B6FFF;
     color: #7B6FFF;
}
 .swal2-icon.swal2-question {
     border-color: #4785FF;
     color: #4785FF;
}
 .tagify {
     border-radius: 0.35rem;
     border-color: #E4E6EF;
     padding: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: auto;
     min-height:43.3px;
     border:solid 1px #E4E6EF;
}
body .tagify__input{padding:7px 5px;height:30px;}
 .tagify:hover {
     border-color: #E4E6EF;
}
 .tagify.tagify--focus {
     border: 1px solid #69b3ff;
}
 .tagify .tagify__tag {
    background-color: rgba(232, 232, 232, 0.26);
    border: solid 1px rgba(218, 221, 234, 0.5);
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0 0.5rem;
     border-radius: 0.25rem;
}
 .tagify .tagify__tag:hover{
    border-color:#ff7a7f;
    background-color: rgb(255, 250, 250);
}
 .tagify .tagify__tag:hover .tagify__tag__removeBtn::after, .tagify .tagify__tag:hover .tagify__tag-text{
    color:#ff7a7f;
}
 .tagify .tagify__tag div {
     -webkit-box-ordinal-group: 2;
     -ms-flex-order: 1;
     order: 1;
     padding-right: 0.25rem;
}
 .tagify .tagify__tag div .tagify__tag-text {
     color: #7E8299;
     font-weight: 400;
}
 .tagify .tagify__tag div:before {
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     -webkit-animation: none;
     animation: none;
     -webkit-transition: none;
     transition: none;
}
 .tagify .tagify__tag .tagify__tag__removeBtn {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2;
     -webkit-transform: none;
     transform: none;
     position: static;
     border-radius: 0;
     margin-left: 0.25rem;
     margin-right: 0;
     line-height: 0;
}
 .tagify .tagify__tag .tagify__tag__removeBtn:after {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     line-height: 0;
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
     font-size: 0.6rem;
     color: #80859f;
}
 .tagify .tagify__tag .tagify__tag__removeBtn:hover {
     background: transparent;
     color: #4785FF;
}
 .tagify .tagify__tag .tagify__tag__removeBtn:hover + div > span {
     opacity: 1;
    color:#ff7a7f
}
 .tagify .tagify__tag .tagify__tag__removeBtn:hover:after {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #ff7a7f;
}
 .tagify .tagify__tag.tagify__tag--primary:not(.tagify--notAllowed) {
     background-color:#4785FF;
}
 .tagify .tagify__tag.tagify__tag--primary:not(.tagify--notAllowed) div .tagify__tag-text {
     color: #ffffff;
     font-weight: 500;
}
 .tagify .tagify__tag.tagify__tag--primary:not(.tagify--notAllowed) .tagify__tag__removeBtn:after {
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag--primary:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover {
     background: transparent;
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag--primary:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover + div > span {
     opacity: .3;
}
 .tagify .tagify__tag.tagify__tag-light--primary:not(.tagify--notAllowed) {
     background-color: rgba(54, 153, 255, 0.12);
}
 .tagify .tagify__tag.tagify__tag-light--primary:not(.tagify--notAllowed) div .tagify__tag-text {
     color: #4785FF;
     font-weight: 500;
}
 .tagify .tagify__tag.tagify__tag-light--primary:not(.tagify--notAllowed) .tagify__tag__removeBtn:after {
     color: #4785FF;
}
 .tagify .tagify__tag.tagify__tag-light--primary:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover {
     background: transparent;
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag-light--primary:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover + div > span {
     opacity: .3;
}
 .tagify .tagify__tag.tagify__tag--secondary:not(.tagify--notAllowed) {
     background-color: #E4E6EF;
}
 .tagify .tagify__tag.tagify__tag--secondary:not(.tagify--notAllowed) div .tagify__tag-text {
     color: #ffffff;
     font-weight: 500;
}
 .tagify .tagify__tag.tagify__tag--secondary:not(.tagify--notAllowed) .tagify__tag__removeBtn:after {
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag--secondary:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover {
     background: transparent;
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag--secondary:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover + div > span {
     opacity: .3;
}
 .tagify .tagify__tag.tagify__tag-light--secondary:not(.tagify--notAllowed) {
     background-color: rgba(228, 230, 239, 0.12);
}
 .tagify .tagify__tag.tagify__tag-light--secondary:not(.tagify--notAllowed) div .tagify__tag-text {
     color: #E4E6EF;
     font-weight: 500;
}
 .tagify .tagify__tag.tagify__tag-light--secondary:not(.tagify--notAllowed) .tagify__tag__removeBtn:after {
     color: #E4E6EF;
}
 .tagify .tagify__tag.tagify__tag-light--secondary:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover {
     background: transparent;
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag-light--secondary:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover + div > span {
     opacity: .3;
}
 .tagify .tagify__tag.tagify__tag--success:not(.tagify--notAllowed) {
     background-color: #32D0A5;
}
 .tagify .tagify__tag.tagify__tag--success:not(.tagify--notAllowed) div .tagify__tag-text {
     color: #ffffff;
     font-weight: 500;
}
 .tagify .tagify__tag.tagify__tag--success:not(.tagify--notAllowed) .tagify__tag__removeBtn:after {
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag--success:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover {
     background: transparent;
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag--success:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover + div > span {
     opacity: .3;
}
 .tagify .tagify__tag.tagify__tag-light--success:not(.tagify--notAllowed) {
     background-color: rgba(27, 197, 189, 0.12);
}
 .tagify .tagify__tag.tagify__tag-light--success:not(.tagify--notAllowed) div .tagify__tag-text {
     color: #32D0A5;
     font-weight: 500;
}
 .tagify .tagify__tag.tagify__tag-light--success:not(.tagify--notAllowed) .tagify__tag__removeBtn:after {
     color: #32D0A5;
}
 .tagify .tagify__tag.tagify__tag-light--success:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover {
     background: transparent;
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag-light--success:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover + div > span {
     opacity: .3;
}
 .tagify .tagify__tag.tagify__tag--info:not(.tagify--notAllowed) {
     background-color: #7B6FFF;
}
 .tagify .tagify__tag.tagify__tag--info:not(.tagify--notAllowed) div .tagify__tag-text {
     color: #ffffff;
     font-weight: 500;
}
 .tagify .tagify__tag.tagify__tag--info:not(.tagify--notAllowed) .tagify__tag__removeBtn:after {
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag--info:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover {
     background: transparent;
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag--info:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover + div > span {
     opacity: .3;
}
 .tagify .tagify__tag.tagify__tag-light--info:not(.tagify--notAllowed) {
     background-color: rgba(137, 80, 252, 0.12);
}
 .tagify .tagify__tag.tagify__tag-light--info:not(.tagify--notAllowed) div .tagify__tag-text {
     color: #7B6FFF;
     font-weight: 500;
}
 .tagify .tagify__tag.tagify__tag-light--info:not(.tagify--notAllowed) .tagify__tag__removeBtn:after {
     color: #7B6FFF;
}
 .tagify .tagify__tag.tagify__tag-light--info:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover {
     background: transparent;
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag-light--info:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover + div > span {
     opacity: .3;
}
 .tagify .tagify__tag.tagify__tag--warning:not(.tagify--notAllowed) {
     background-color: #FFA800;
}
 .tagify .tagify__tag.tagify__tag--warning:not(.tagify--notAllowed) div .tagify__tag-text {
     color: #ffffff;
     font-weight: 500;
}
 .tagify .tagify__tag.tagify__tag--warning:not(.tagify--notAllowed) .tagify__tag__removeBtn:after {
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag--warning:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover {
     background: transparent;
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag--warning:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover + div > span {
     opacity: .3;
}
 .tagify .tagify__tag.tagify__tag-light--warning:not(.tagify--notAllowed) {
     background-color: rgba(255, 168, 0, 0.12);
}
 .tagify .tagify__tag.tagify__tag-light--warning:not(.tagify--notAllowed) div .tagify__tag-text {
     color: #FFA800;
     font-weight: 500;
}
 .tagify .tagify__tag.tagify__tag-light--warning:not(.tagify--notAllowed) .tagify__tag__removeBtn:after {
     color: #FFA800;
}
 .tagify .tagify__tag.tagify__tag-light--warning:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover {
     background: transparent;
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag-light--warning:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover + div > span {
     opacity: .3;
}
 .tagify .tagify__tag.tagify__tag--danger:not(.tagify--notAllowed) {
     background-color: #F64E60;
}
 .tagify .tagify__tag.tagify__tag--danger:not(.tagify--notAllowed) div .tagify__tag-text {
     color: #ffffff;
     font-weight: 500;
}
 .tagify .tagify__tag.tagify__tag--danger:not(.tagify--notAllowed) .tagify__tag__removeBtn:after {
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag--danger:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover {
     background: transparent;
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag--danger:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover + div > span {
     opacity: .3;
}
 .tagify .tagify__tag.tagify__tag-light--danger:not(.tagify--notAllowed) {
     background-color: rgba(246, 78, 96, 0.12);
}
 .tagify .tagify__tag.tagify__tag-light--danger:not(.tagify--notAllowed) div .tagify__tag-text {
     color: #F64E60;
     font-weight: 500;
}
 .tagify .tagify__tag.tagify__tag-light--danger:not(.tagify--notAllowed) .tagify__tag__removeBtn:after {
     color: #F64E60;
}
 .tagify .tagify__tag.tagify__tag-light--danger:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover {
     background: transparent;
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag-light--danger:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover + div > span {
     opacity: .3;
}
 .tagify .tagify__tag.tagify__tag--light:not(.tagify--notAllowed) {
     background-color: #F3F6F9;
}
 .tagify .tagify__tag.tagify__tag--light:not(.tagify--notAllowed) div .tagify__tag-text {
     color: #ffffff;
     font-weight: 500;
}
 .tagify .tagify__tag.tagify__tag--light:not(.tagify--notAllowed) .tagify__tag__removeBtn:after {
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag--light:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover {
     background: transparent;
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag--light:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover + div > span {
     opacity: .3;
}
 .tagify .tagify__tag.tagify__tag-light--light:not(.tagify--notAllowed) {
     background-color: rgba(243, 246, 249, 0.12);
}
 .tagify .tagify__tag.tagify__tag-light--light:not(.tagify--notAllowed) div .tagify__tag-text {
     color: #F3F6F9;
     font-weight: 500;
}
 .tagify .tagify__tag.tagify__tag-light--light:not(.tagify--notAllowed) .tagify__tag__removeBtn:after {
     color: #F3F6F9;
}
 .tagify .tagify__tag.tagify__tag-light--light:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover {
     background: transparent;
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag-light--light:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover + div > span {
     opacity: .3;
}
 .tagify .tagify__tag.tagify__tag--dark:not(.tagify--notAllowed) {
     background-color: #181C32;
}
 .tagify .tagify__tag.tagify__tag--dark:not(.tagify--notAllowed) div .tagify__tag-text {
     color: #ffffff;
     font-weight: 500;
}
 .tagify .tagify__tag.tagify__tag--dark:not(.tagify--notAllowed) .tagify__tag__removeBtn:after {
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag--dark:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover {
     background: transparent;
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag--dark:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover + div > span {
     opacity: .3;
}
 .tagify .tagify__tag.tagify__tag-light--dark:not(.tagify--notAllowed) {
     background-color: rgba(24, 28, 50, 0.12);
}
 .tagify .tagify__tag.tagify__tag-light--dark:not(.tagify--notAllowed) div .tagify__tag-text {
     color: #181C32;
     font-weight: 500;
}
 .tagify .tagify__tag.tagify__tag-light--dark:not(.tagify--notAllowed) .tagify__tag__removeBtn:after {
     color: #181C32;
}
 .tagify .tagify__tag.tagify__tag-light--dark:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover {
     background: transparent;
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag-light--dark:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover + div > span {
     opacity: .3;
}
 .tagify .tagify__tag.tagify__tag--white:not(.tagify--notAllowed) {
     background-color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag--white:not(.tagify--notAllowed) div .tagify__tag-text {
     color: #ffffff;
     font-weight: 500;
}
 .tagify .tagify__tag.tagify__tag--white:not(.tagify--notAllowed) .tagify__tag__removeBtn:after {
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag--white:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover {
     background: transparent;
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag--white:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover + div > span {
     opacity: .3;
}
 .tagify .tagify__tag.tagify__tag-light--white:not(.tagify--notAllowed) {
     background-color: rgba(255, 255, 255, 0.12);
}
 .tagify .tagify__tag.tagify__tag-light--white:not(.tagify--notAllowed) div .tagify__tag-text {
     color: #ffffff;
     font-weight: 500;
}
 .tagify .tagify__tag.tagify__tag-light--white:not(.tagify--notAllowed) .tagify__tag__removeBtn:after {
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag-light--white:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover {
     background: transparent;
     color: #ffffff;
}
 .tagify .tagify__tag.tagify__tag-light--white:not(.tagify--notAllowed) .tagify__tag__removeBtn:hover + div > span {
     opacity: .3;
}
 .tagify .tagify__tag.tagify--notAllowed {
     background-color: #F64E60;
}
 .tagify .tagify__tag.tagify--notAllowed div:before {
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     -webkit-animation: none;
     animation: none;
     -webkit-transition: none;
     transition: none;
}
 .tagify .tagify__tag.tagify--notAllowed div .tagify__tag-text {
     color: #ffffff;
     opacity: .75;
}
 .tagify .tagify__tag.tagify--notAllowed .tagify__tag__removeBtn:after {
     opacity: .5;
     color: #ffffff;
}
 .tagify .tagify__tag.tagify--notAllowed .tagify__tag__removeBtn:hover {
     background: transparent;
     color: #ffffff;
}
 .tagify .tagify__tag.tagify--notAllowed .tagify__tag__removeBtn:hover + div > span {
     opacity: .3;
}
 .tagify[readonly] .tagify__tag__removeBtn {
     display: none;
}
 .tagify__input {
     color: rgba(63, 66, 84, 0.9);
}
 .tagify__input::before {
     top: auto;
     bottom: auto;
     height: auto;
     position: relative;
     margin: auto 0 auto 4px;
}
 .tagify__input ~ .tagify.form-control {
     margin: 1rem;
     padding: 0;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     border-radius: none;
     border: none;
     cursor: pointer;
     background-color: transparent;
     outline: none !important;
     margin: 0;
     padding: 0;
}
 .tagify__input.form-control {
     margin: 0;
}
 .tagify__input--outside {
     display: block;
     max-width: 600px;
     border: 1px solid #EBEDF3;
     margin-top: 1.5em;
     margin-bottom: 1em;
}
 .tagify__dropdown {
     -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     background: #ffffff;
     border: 0 !important;
     outline: none !important;
     padding: 0.75rem 0;
     z-index: 98;
     border-radius: 0.35rem;
}
 .modal-open .tagify__dropdown {
     z-index: 1051;
}
 .tagify__dropdown .tagify__dropdown__wrapper {
     border: 0 !important;
     outline: none !important;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .tagify__dropdown .tagify__dropdown__item {
     color: rgba(63, 66, 84, 0.9);
     border-radius: 0;
     padding: 0.75rem 1.5rem;
     margin: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .tagify__dropdown .tagify__dropdown__item.tagify__dropdown__item--active {
     background: #F3F6F9;
     color: #4785FF;
}
 .tox-target {
     display: none;
}
 .tox-tinymce {
     border-radius: 0.35rem !important;
     height: 500px !important;
}
 .toast {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     background-position: 15px center
    /*rtl:calc(100% - 15px) center*/
     !important;
     border: 0;
     background-color: #F3F6F9;
     color: rgba(63, 66, 84, 0.9);
     -webkit-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075) !important;
     box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075) !important;
}
 .toast:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     -webkit-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075) !important;
     box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075) !important;
     opacity: 1;
}
 .toast .toast-close-button {
     outline: none !important;
     font-size: 0;
}
 .toast .toast-close-button:before {
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
     font-size: 0.9rem;
}
 .toast .toast-title {
     font-size: 1.1rem;
     font-weight: 500;
     margin-bottom: 0.25rem;
}
 .toast .toast-message {
     font-size: 1.1rem;
}
 .toast.toast-success {
     background-color: #32D0A5;
     color: #ffffff;
}
 .toast.toast-info {
     background-color: #7B6FFF;
     color: #ffffff;
}
 .toast.toast-warning {
     background-color: #FFA800;
     color: #ffffff;
}
 .toast.toast-error {
     background-color: #F64E60;
     color: #ffffff;
}
 .typeahead .form-control.tt-hint {
     color: #B5B5C3;
}
 .typeahead .form-control.tt-input {
     color: rgba(63, 66, 84, 0.9);
}
 .typeahead .twitter-typeahead {
     display: block !important;
}
 .typeahead .tt-menu {
     border: 0;
     margin: 0;
     min-width: 275px;
     padding: 0.65rem 0;
     left: auto
    /*rtl:ignore*/
     !important;
     background: #ffffff;
     -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     border-radius: 0.35rem;
}
 .typeahead .tt-menu .tt-dataset .tt-suggestion {
     padding: 0.65rem 1rem;
     font-size: 1.1rem;
     color: rgba(63, 66, 84, 0.9);
     cursor: pointer;
}
 .typeahead .tt-menu .tt-dataset .tt-suggestion .tt-highlight {
     color: rgba(63, 66, 84, 0.9);
     font-weight: 500;
}
 .typeahead .tt-menu .tt-dataset .tt-suggestion:hover {
     background: #F3F6F9;
}
 .uppy .uppy-Root {
     font-family: 'Ubuntu', sans-serif;
}
 .uppy .uppy-Root.uppy-DragDrop--is-dragdrop-supported {
     border: 2px dashed #EBEDF3;
}
 .uppy .uppy-Dashboard-inner {
     background-color: #F3F6F9;
     border: 1px solid #EBEDF3;
}
 .uppy .uppy-Dashboard-inner .uppy-DashboardContent-bar, .uppy .uppy-Dashboard-inner .uppy-Dashboard-AddFilesPanel, .uppy .uppy-Dashboard-inner .uppy-DashboardContent-panel, .uppy .uppy-Dashboard-inner .uppy-DashboardItem-progress, .uppy .uppy-Dashboard-inner .uppy-DashboardItem-action, .uppy .uppy-Dashboard-inner .uppy-DashboardItem-previewLink {
     z-index: 1;
}
 .uppy .uppy-Dashboard-inner .uppy-DashboardContent-title {
     color: rgba(63, 66, 84, 0.9);
     font-size: 1.1rem;
     font-weight: 500;
}
 .uppy .uppy-Dashboard-inner .uppy-DashboardContent-addMoreCaption {
     font-size: 0.9rem;
}
 .uppy .uppy-Dashboard-inner .uppy-DashboardTabs .uppy-Dashboard-dropFilesTitle {
     color: rgba(63, 66, 84, 0.9);
     font-size: 1.3rem;
     font-weight: 500;
}
 .uppy .uppy-Dashboard-inner .uppy-DashboardTabs .uppy-DashboardTab-name {
     color: rgba(63, 66, 84, 0.9);
}
 .uppy .uppy-Dashboard-inner .uppy-DashboardItem.is-complete .progress {
     stroke: #32D0A5;
     fill: #32D0A5;
}
 .uppy .uppy-Dashboard-inner .uppy-StatusBar-statusSecondary {
     overflow: visible;
}
 .uppy .uppy-DragDrop-container:focus {
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     border-color: #4785FF !important;
}
 .uppy .uppy-DashboardAddFiles-info {
     bottom: 20px !important;
}
 .uppy .uppy-Dashboard-note {
     color: rgba(63, 66, 84, 0.9);
     font-size: 0.9rem;
     font-weight: 400;
}
 .uppy .uppy-btn-primary {
     font-size: 1.1rem;
     font-weight: 400;
     background: #4785FF;
     color: #ffffff;
     outline: none !important;
}
 .uppy .uppy-btn-primary:focus, .uppy .uppy-btn-primary:hover {
     background-color: #1789ff;
}
 .uppy .uppy-DashboardContent-back {
     font-size: 1.1rem;
     font-weight: 500;
     color: #4785FF;
     outline: none !important;
}
 .uppy .uppy-DashboardContent-back:focus, .uppy .uppy-DashboardContent-back:hover {
     color: #1789ff;
}
 .uppy .uppy-Dashboard-browse {
     color: #4785FF;
}
 .uppy .uppy-Dashboard-browse:focus, .uppy .uppy-Dashboard-browse:hover {
     color: #1789ff;
}
 .uppy .uppy-DashboardContent-addMore svg {
     stroke: #4785FF;
     fill: #4785FF;
}
 .uppy .uppy-ProgressBar {
     z-index: 1;
}
 .uppy .uppy-ProgressBar .uppy-ProgressBar-inner {
     background-color:#4785FF;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .uppy .uppy-ProgressBar .uppy-ProgressBar-percentage {
     color: rgba(63, 66, 84, 0.9);
     font-size: 0.9rem;
     font-weight: 400;
}
 .uppy .uppy-DragDrop-label {
     font-size: 1.1rem;
     font-weight: 500;
     color: rgba(63, 66, 84, 0.9);
}
 .uppy .uppy-DragDrop-label .uppy-DragDrop-dragText {
     color: #4785FF;
}
 .uppy .uppy-DragDrop-label .uppy-DragDrop-dragText:focus, .uppy .uppy-DragDrop-label .uppy-DragDrop-dragText:hover {
     color: #1789ff;
}
 .uppy .uppy-StatusBar {
     z-index: 1;
}
 .uppy .uppy-StatusBar .uppy-StatusBar-status {
     overflow-x: visible;
     display: none;
}
 .uppy .uppy-StatusBar .uppy-StatusBar-progress {
     background-color:#4785FF;
}
 .uppy .uppy-StatusBar .uppy-StatusBar-content .uppy-StatusBar-statusPrimary {
     font-size: 0.9rem;
     font-weight: 400;
     color: rgba(63, 66, 84, 0.9);
}
 .uppy .uppy-StatusBar .uppy-StatusBar-content .uppy-StatusBar-spinner svg {
     fill: #4785FF;
}
 .uppy .uppy-StatusBar .uppy-StatusBar-actions .uppy-StatusBar-actionCircleBtn .UppyIcon circle {
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     fill: #EBEDF3;
}
 .uppy .uppy-StatusBar .uppy-StatusBar-actions .uppy-StatusBar-actionCircleBtn .UppyIcon path {
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     fill: rgba(63, 66, 84, 0.9);
}
 .uppy .uppy-StatusBar .uppy-StatusBar-actions .uppy-StatusBar-actionCircleBtn .UppyIcon:hover circle {
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     fill: #4785FF;
}
 .uppy .uppy-StatusBar .uppy-StatusBar-actions .uppy-StatusBar-actionCircleBtn .UppyIcon:hover path {
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     fill: #ffffff;
}
 .uppy .uppy-StatusBar.is-complete .uppy-StatusBar-progress {
     background-color: #32D0A5;
}
 .uppy .uppy-StatusBar.uppy-Root .uppy-StatusBar-content {
     padding-left: 0 !important;
}
 .uppy .uppy-StatusBar.uppy-Root .uppy-StatusBar-actions {
     right: 0 !important;
}
 .uppy .uppy.uppy-Informer p {
     background-color: rgba(246, 78, 96, 0.1);
     color: #F64E60;
     border-radius: 0.35rem;
}
 .uppy .uppy-progress {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .uppy .uppy-status {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .uppy .uppy-status.uppy-status-ongoing {
     height: 40px;
     opacity: 1;
}
 .uppy .uppy-status.uppy-status-hidden {
     display: none;
}
 .uppy .uppy-btn {
     margin-top: 10px;
}
 .uppy .uppy-thumbnails {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     position: relative;
     width: 100%;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 .uppy .uppy-thumbnails .uppy-thumbnail-container {
     width: calc(50% - 5px);
     margin: 10px 5px 0;
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 50px;
     background-color: #F3F6F9;
     border-radius: 0.35rem;
     overflow: hidden;
}
 .uppy .uppy-thumbnails .uppy-thumbnail-container .uppy-thumbnail {
     width: 60px;
     height: 50px;
     overflow: hidden;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .uppy .uppy-thumbnails .uppy-thumbnail-container .uppy-thumbnail img {
     height: 100%;
     width: auto;
}
 .uppy .uppy-thumbnails .uppy-thumbnail-container .uppy-thumbnail-label {
     font-weight: 400;
     color: rgba(63, 66, 84, 0.9);
     margin-left: 10px;
     padding-right: 10px;
}
 .uppy .uppy-thumbnails .uppy-thumbnail-container .uppy-remove-thumbnail {
     margin: auto 10px auto auto;
     cursor: pointer;
}
 .uppy .uppy-thumbnails .uppy-thumbnail-container .uppy-remove-thumbnail i {
     font-size: 0.7rem;
     color: #7E8299;
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .uppy .uppy-thumbnails .uppy-thumbnail-container .uppy-remove-thumbnail:hover i {
     color: #4785FF;
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .uppy .uppy-thumbnails .uppy-thumbnail-container:nth-child(odd) {
     margin-left: 0;
}
 .uppy .uppy-thumbnails .uppy-thumbnail-container:nth-child(even) {
     margin-right: 0;
}
 @media (max-width: 1199.98px) {
     .uppy .uppy-thumbnails .uppy-thumbnail-container {
         width: 100%;
         margin: 10px 0 0;
    }
}
 .uppy .uppy-list .uppy-list-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0.5rem 1rem;
     background-color: #F3F6F9;
     margin-top: 0.75rem;
     border-radius: 0.35rem;
}
 .uppy .uppy-list .uppy-list-item:last-child {
     margin-bottom: 0.75rem;
}
 .uppy .uppy-list .uppy-list-item .uppy-list-label {
     font-weight: 500;
     color: #7E8299;
}
 .uppy .uppy-list .uppy-list-item .uppy-list-remove {
     cursor: pointer;
     margin-left: 1rem;
}
 .uppy .uppy-list .uppy-list-item .uppy-list-remove i {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     font-size: 0.7rem;
     color: #7E8299;
}
 .uppy .uppy-list .uppy-list-item .uppy-list-remove:hover i {
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
     color: #4785FF;
}
 .uppy .uppy-wrapper .uppy-FileInput-container {
     margin-bottom: 0rem;
}
 .uppy .uppy-input-control {
     position: relative;
     z-index: 1;
     height: 0;
     width: 0;
     opacity: 0;
}
 .uppy .uppy-informer-min .uppy-Informer {
     position: static !important;
     top: auto;
     bottom: auto;
     -webkit-transform: none;
     transform: none;
     z-index: 0;
}
 .uppy .uppy-informer-min .uppy-Informer[aria-hidden="true"] {
     display: none;
}
 .uppy .uppy-informer-min .uppy-Informer p {
     display: block;
     max-width: none;
}
 .draggable {
     -webkit-transition: opacity 0.3s ease;
     transition: opacity 0.3s ease;
     outline: none !important;
}
 .draggable.draggable-mirror {
     opacity: 0.8;
     -webkit-transition: opacity 0.3s ease;
     transition: opacity 0.3s ease;
     border: 2px dashed #E4E6EF !important;
}
 .draggable.draggable--original {
     opacity: 0 !important;
}
 .draggable.draggable-source--is-dragging.draggable--over {
     opacity: 0 !important;
}
 .draggable .draggable-handle {
     cursor: move;
     transition:0.2s;
}
 .example .example-tools {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .example .example-toggle, .example .example-copy {
     height: 34px;
     width: 34px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-left: 0.25rem;
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     cursor: pointer;
     font-size: 1.15rem;
     color: #B5B5C3;
}
 .example .example-toggle:hover, .example .example-copy:hover {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     color: #4785FF;
}
 .example .example-toggle {
     font-size: 1.35rem;
}
 .example .example-toggle:after {
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
}
 .example .example-toggle.example-toggled {
     background-color: #F3F6F9;
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     color: #4785FF;
     border-top-left-radius: 0.42rem;
     border-top-right-radius: 0.42rem;
}
 .example .example-toggle.example-toggled:after {
     content: "";
}
 .example .card-toolbar .example-toggle {
     border-radius: 0.35rem;
}
 .example .example-copy:after {
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
}
 .example .example-copy.example-copied {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     color: #4785FF;
}
 .example .example-copy.example-copied:after {
     content: "";
}
 .example .example-preview {
     border: 4px solid #F3F6F9;
     padding: 1.75rem 1.5rem;
     border-top-left-radius: 0.42rem;
     border-top-right-radius: 0.42rem;
}
 .example .example-nav.nav {
     padding: 0 1.5rem;
}
 .example .example-nav.nav .nav-item {
     margin: 0;
     margin-right: 1rem;
}
 .example .example-nav.nav .nav-link {
     padding: 1rem 0;
}
 .example .example-code {
     padding: 0;
     position: relative;
     background-color: #F3F6F9;
     border-radius: 0.35rem;
}
 .example .example-code .example-copy {
     position: absolute;
     top: 0.25rem;
     right: 0.75rem;
}
 .example .example-code .example-copy:hover {
     color: #4785FF;
     -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
     transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
 .example .example-code .example-highlight {
     padding: 1.75rem 1.5rem;
}
 .example .example-code .tab-pane .example-highlight {
     padding: 1.75rem 1.5rem;
}
 .example .example-code .example-nav + .example-copy {
     top: 0.25rem;
}
 .example .example-code pre[class*="language-"] {
     margin: 0;
     overflow: auto;
     padding: 0;
     background-color: #F3F6F9;
     border-radius: 0.35rem;
}
 .example .example-code pre[class*="language-"] code {
     padding: 0;
     margin: 0;
}
 .example .example-preview + .example-code {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
}
 .example .example-preview + .example-code .example-copy {
     top: 0rem;
     height: 25px;
}
 .example .example-preview + .example-code pre[class*="language-"] {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
}
 .example.example-compact {
     position: relative;
}
 .example.example-compact .example-toggle.example-toggled {
     background-color: #F3F6F9;
}
 .example.example-compact .example-code {
     background-color: #F3F6F9;
     border-radius: 0.35rem;
}
 .example.example-compact .example-code pre[class*="language-"] {
     background-color: #F3F6F9;
}
 .example.example-compact .example-code:not(.example-code-on) {
     position: absolute;
     left: -1000rem;
     top: -1000rem;
     opacity: 0;
}
 .example.example-compact .example-code.example-code-on {
     display: none;
}
 .example.example-compact .example-preview + .example-code {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
}
 .apexcharts-text, .apexcharts-title-text, .apexcharts-legend-text {
     font-family: 'Ubuntu', sans-serif !important;
}
 .apexcharts-title-text {
     font-weight: 400;
}
 .apexcharts-pie-label {
     font-weight: 400;
     font-size: 0.925rem;
}
 .apexcharts-toolbar {
     text-align: left !important;
}
 .apexcharts-menu {
     background: #ffffff;
     border: 0 !important;
     padding: 0.5rem 0 !important;
     -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     border-radius: 0.35rem !important;
     overflow: hidden;
     min-width: 10rem !important;
}
 .apexcharts-menu .apexcharts-menu-item {
     padding: 0.75rem 1.25rem;
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 .apexcharts-menu .apexcharts-menu-item:hover {
     background-color: #F3F6F9 !important;
}
 .apexcharts-tooltip.apexcharts-theme-light {
     border-radius: 0.35rem;
     -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
     border: 0 !important;
     background: #ffffff;
}
 .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
     background: #F3F6F9 !important;
     border: 0 !important;
}
 .apexcharts-tooltip .apexcharts-tooltip-title {
     padding: 0.5rem 1rem;
}
 .apexcharts-xaxistooltip.apexcharts-theme-light {
     border-radius: 0.35rem !important;
     -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15) !important;
     box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15) !important;
     border: 0 !important;
     background: #ffffff !important;
}
 .apexcharts-xaxistooltip.apexcharts-theme-light:before {
     border-bottom: 0 !important;
}
 .apexcharts-xaxistooltip.apexcharts-theme-light:after {
     border-bottom-color: #ffffff !important;
}
 .card-rounded-bottom .apexcharts-canvas svg {
     border-bottom-left-radius: 0.42rem;
     border-bottom-right-radius: 0.42rem;
}
 .rounded .apexcharts-canvas svg {
     border-radius: 0.35rem !important;
}
 .rounded-sm .apexcharts-canvas svg {
     border-radius: 0.28rem !important;
}
 .rounded-lg .apexcharts-canvas svg {
     border-radius: 0.85rem !important;
}
 .rounded-xl .apexcharts-canvas svg {
     border-radius: 1.25rem !important;
}
 .leaflet-container .leaflet-pane, .leaflet-container .leaflet-top, .leaflet-container .leaflet-bottom, .leaflet-container .leaflet-control {
     z-index: 1 !important;
}
 .leaflet-container .leaflet-popup-content-wrapper {
     border-radius: 0.35rem !important;
     text-align: center;
     -webkit-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075) !important;
     box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075) !important;
}
 .leaflet-container .leaflet-popup-content-wrapper .leaflet-popup-content {
     font-family: 'Ubuntu', sans-serif;
     font-size: 1.1rem;
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
 html {
     font-family: sans-serif;
     -moz-text-size-adjust: 100%;
     text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
 html, body {
     height: 100%;
     margin: 0px;
     padding: 0px;
     font-size: 14px !important;
     font-weight: 400;
     font-family: 'Ubuntu', sans-serif;
     -ms-text-size-adjust: 100%;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
.font-size-body{
    font-size: 14px !important;
}
 /* @media (max-width: 1199.98px) {
     html, body {
         font-size: 13px !important;
    }
} */
 /* @media (max-width: 991.98px) {
     html, body {
         font-size: 12px !important;
    }
} */
 body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     color:rgba(63, 66, 84, 0.9);
}
 router-outlet {
     display: none;
}
  a:active, a:focus {
     text-decoration: none !important;
}
a:not(.navi-link):not(.btn):not(.nav-link):hover{
    /* text-decoration: underline; */
    /* color: #4785FF;  */
}
 canvas {
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
}
.fixedWidthAside .aside-menu .menu-nav .menu-item > .menu-link{
    flex-direction:column;
    justify-content:center;
}
.fixedWidthAside .aside-menu .menu-nav .menu-item > .menu-link .menu-text{
    text-align:center;
    font-size:12px;
    justify-content: center;
}
.aside-menu .menu-nav .menu-item > .menu-link .menu-icon{
    justify-content:center;
    text-align:center;
}
 @media print {
     .print-content-only {
         padding: 0 !important;
         background: none !important;
    }
     .print-content-only .wrapper, .print-content-only .page, .print-content-only .content, .print-content-only .container, .print-content-only .container-fluid, .print-content-only .container-sm, .print-content-only .container-md, .print-content-only .container-lg, .print-content-only .container-xl, .print-content-only .container-xxl {
         background: none !important;
         padding: 0 !important;
         margin: 0 !important;
    }
     .print-content-only .aside, .print-content-only .sidebar, .print-content-only .sticky-toolbar, .print-content-only .scrolltop, .print-content-only .header, .print-content-only .header-mobile, .print-content-only .footer, .print-content-only .subheader, .print-content-only .offcanvas {
         display: none !important;
    }
}
 body {
     background: #EEF0F8;
}
 @media (min-width: 992px) {
     .header-fixed .wrapper {
         padding-top: 65px;
    }
     .header-fixed.subheader-fixed.subheader-enabled .wrapper {
         padding-top: 119px;
    }
     .aside-fixed .wrapper {
         padding-left: 265px;
    }
     .aside-fixed.aside-fixed-body .wrapper {
         padding-left: 100px;
    }
     .aside-fixed.aside-minimize .wrapper {
         padding-left: 70px;
    }
     .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
         padding: 0 25px;
    }
}
 @media (max-width: 991.98px) {
     .header-mobile-fixed .wrapper {
         padding-top: 55px;
    }
     .header-mobile-fixed.subheader-mobile-fixed.subheader-enabled .wrapper {
         padding-top: 120px;
    }
     .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
         max-width: none;
         padding: 0 15px;
    }
}
 @media (min-width: 992px) {
     .header {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         height: 65px;
         position: relative;
         z-index: 2;
    }
     .header.header-fixed {
         height: 65px;
         position: fixed;
         top: 0;
         right: 0;
         left: 0;
         z-index: 97;
    }
     .aside-enabled .header.header-fixed {
         left: 265px;
    }
    .aside-fixed.aside-enabled.aside-fixed-body .header.header-fixed {
         left: 101px;
    }
     .header-fixed.aside-minimize-hover .header, .header-fixed.aside-minimize .header {
         left: 70px;
    }
     .header-fixed.subheader-fixed .header {
         -webkit-box-shadow: none !important;
         box-shadow: none !important;
    }
}
 @media (min-width: 992px) {
     .header-menu {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: stretch;
         -ms-flex-align: stretch;
         align-items: stretch;
         height: 100%;
         margin: 0;
    }
     .header-menu .menu-nav {
         list-style: none;
         margin: 0;
         padding: 0;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: stretch;
         -ms-flex-align: stretch;
         align-items: stretch;
    }
     .header-menu .menu-nav > .menu-item .menu-link {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         text-decoration: none;
         position: relative;
         vertical-align: middle;
         -webkit-box-align: stretch;
         -ms-flex-align: stretch;
         align-items: stretch;
         outline: none !important;
         text-decoration: none;
         cursor: pointer;
         position:relative;
    }
    /* .aside-menu-wrapper .menu-item.menu-item-submenu .menu-subnav .menu-link:hover::after{
        background-color: #4785FF;
    } */
    /* .aside-menu-wrapper .menu-item.menu-item-submenu .menu-subnav .menu-link::after {
        content: "";
        position: absolute;
        left: 12px;
        width: 6px;
        height: 6px;
        background-color: #A4A3B4;
        border-radius: 100px;
        top: 50%;
        transform: translateY(-50%);
    } */
     .header-menu .menu-nav > .menu-item .menu-link .menu-text {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         padding: 0;
    }
     .header-menu .menu-nav > .menu-item .menu-link .menu-label {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         line-height: 0;
         white-space: nowrap;
    }
     .header-menu .menu-nav > .menu-item .menu-link .menu-icon {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
    }
     .header-menu .menu-nav > .menu-item .menu-link .menu-arrow {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
    }
     .header-menu .menu-nav > .menu-item .menu-link:hover, .header-menu .menu-nav > .menu-item .menu-link:active, .header-menu .menu-nav > .menu-item .menu-link:focus {
         text-decoration: none;
    }
     .header-menu .menu-nav > .menu-item > .menu-link > .menu-text {
         width: auto;
    }
     .header-menu .menu-nav > .menu-item.menu-item-icon > .menu-link {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
    }
     .header-menu .menu-nav > .menu-item.menu-item-icon > .menu-link > .menu-icon {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu {
         display: none;
         z-index: 98;
         position: absolute;
         top: 100%;
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
         -webkit-transform-style: preserve-3d;
         border-radius: 4px;
         padding: 20px 0px ;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu .menu-scroll {
         position: relative;
         overflow: hidden;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu .menu-subnav {
         list-style: none !important;
         padding: 0;
         margin: 0;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu {
         width: 275px;
         margin: 0 auto;
         left: auto;
         right: auto;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-full {
         margin: 0 auto;
         width: auto;
         left: 20px;
         right: 20px;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-fixed {
         left: auto;
         right: auto;
         width: auto;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-right {
         right: 0;
         left: auto;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-right.menu-submenu-pull {
         margin-right: -40px;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-left {
         right: auto;
         left: 0;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-left.menu-submenu-pull {
         margin-left: -40px;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-center {
         margin: 0 auto;
         left: 0;
         right: 0;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item.menu-item-submenu {
         position: relative;
         padding: 0;
         margin: 0;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item.menu-item-submenu > .menu-submenu {
         top: 0;
         display: none;
         margin-top: 0;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item.menu-item-submenu > .menu-submenu.menu-submenu-left {
         right: 100%;
         left: auto;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item.menu-item-submenu > .menu-submenu.menu-submenu-right {
         left: 100%;
         right: auto;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item.menu-item-submenu.menu-item-dropup > .menu-submenu {
         top: auto;
         bottom: 0;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu .menu-content {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         list-style: none;
         padding: 0;
         margin: 0;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu .menu-content > .menu-item {
         padding: 0;
         margin: 0;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu .menu-content > .menu-item:last-child {
         border-right: 0;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu .menu-heading {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         padding: 0;
         margin: 0;
         text-decoration: none;
         position: relative;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu .menu-heading .menu-text {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu .menu-heading .menu-label {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         white-space: nowrap;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu .menu-heading .menu-icon {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         font-size: 18px;
         padding: 0 10px 0 0;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu .menu-heading .menu-arrow {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         padding: 0 0 0 10px;
    }
     .header-menu .menu-nav > .menu-item .menu-inner, .header-menu .menu-nav > .menu-item .menu-subnav {
         list-style: none;
         margin: 0;
         padding: 0;
    }
     .header-menu .menu-nav > .menu-item .menu-inner > .menu-item, .header-menu .menu-nav > .menu-item .menu-subnav > .menu-item {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         margin: 0;
         padding: 10px 20px;
    }
     .header-menu .menu-nav > .menu-item .menu-inner > .menu-item .menu-link, .header-menu .menu-nav > .menu-item .menu-subnav > .menu-item .menu-link {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         text-decoration: none;
         position: relative;
    }
     .header-menu .menu-nav > .menu-item .menu-inner > .menu-item .menu-link:hover, .header-menu .menu-nav > .menu-item .menu-inner > .menu-item .menu-link:active, .header-menu .menu-nav > .menu-item .menu-inner > .menu-item .menu-link:focus, .header-menu .menu-nav > .menu-item .menu-subnav > .menu-item .menu-link:hover, .header-menu .menu-nav > .menu-item .menu-subnav > .menu-item .menu-link:active, .header-menu .menu-nav > .menu-item .menu-subnav > .menu-item .menu-link:focus {
         outline: none;
         text-decoration: none;
    }
     .header-menu .menu-nav > .menu-item .menu-inner > .menu-item .menu-link .menu-text, .header-menu .menu-nav > .menu-item .menu-subnav > .menu-item .menu-link .menu-text {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         font-weight: 400;
         font-size: 1.1rem;
         text-transform: initial;
    }
     .header-menu .menu-nav > .menu-item .menu-inner > .menu-item .menu-link .menu-label, .header-menu .menu-nav > .menu-item .menu-subnav > .menu-item .menu-link .menu-label {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         white-space: nowrap;
         padding: 0px 0px 0px 5px;
    }
     .header-menu .menu-nav > .menu-item .menu-inner > .menu-item .menu-link .menu-icon, .header-menu .menu-nav > .menu-item .menu-subnav > .menu-item .menu-link .menu-icon {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33px;
         flex: 0 0 33px;
         padding: 0;
         font-size: 1.4rem;
    }
     .header-menu .menu-nav > .menu-item .menu-inner > .menu-item .menu-link .menu-bullet, .header-menu .menu-nav > .menu-item .menu-subnav > .menu-item .menu-link .menu-bullet {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         line-height: 0;
    }
     .header-menu .menu-nav > .menu-item .menu-inner > .menu-item .menu-link .menu-arrow, .header-menu .menu-nav > .menu-item .menu-subnav > .menu-item .menu-link .menu-arrow {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         padding: 0px 0px 0px 10px;
    }
     .header-menu .menu-nav > .menu-item .menu-inner {
         padding: 0;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu .menu-submenu {
         margin-left: 1px;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu .menu-submenu.menu-submenu-left {
         margin-right: 1px;
    }
     .header-menu .menu-nav > .menu-item.menu-item-submenu.menu-item-tabs > .menu-submenu > .menu-subnav > .menu-item.menu-item-submenu > .menu-submenu {
         top: 100%;
    }
     .header-menu .menu-nav > .menu-item.menu-item-submenu.menu-item-tabs > .menu-submenu > .menu-subnav > .menu-item.menu-item-submenu > .menu-submenu.menu-submenu-left {
         right: 100%;
         left: 0;
    }
     .header-menu .menu-nav > .menu-item.menu-item-submenu.menu-item-tabs > .menu-submenu > .menu-subnav > .menu-item.menu-item-submenu > .menu-submenu.menu-submenu-right {
         left: 100%;
         right: 0;
    }
     .header-menu .menu-nav > .menu-item {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         padding: 0px 0.25rem;
         padding: 0px 0.25rem ;
    }
     .header-menu .menu-nav > .menu-item > .menu-link > .menu-arrow {
         display: none;
    }
     .header-menu .menu-nav > .menu-item > .menu-link > .menu-arrow:before {
         content: "" !important;
    }
     .header-menu .menu-nav > .menu-item.menu-item-rel {
         position: relative;
    }
     .header-menu .menu-nav > .menu-item > .menu-link {
         -webkit-transition: all 0.3s ease;
         transition: all 0.3s ease;
         cursor: pointer;
         padding: 0.25rem 0.5rem ;
    }
     .header-menu .menu-nav > .menu-item > .menu-link:hover {
         -webkit-transition: all 0.3s ease;
         transition: all 0.3s ease;
    }
     .header-menu .menu-nav > .menu-item > .menu-link .menu-icon {
         font-size: 1.4rem;
         width: 30px;
         padding: 0;
         line-height: 0;
    }
     .header-menu .menu-nav > .menu-item > .menu-link .menu-icon.svg-icon {
         height: 23px ;
         width: 23px ;
         margin-left: -2px;
    }
     .header-menu .menu-nav > .menu-item > .menu-link .menu-bullet {
         width: 20px;
    }
     .header-menu .menu-nav > .menu-item > .menu-link .menu-bullet > span {
         vertical-align: middle;
         display: inline-block;
    }
     .header-menu .menu-nav > .menu-item > .menu-link .menu-bullet.menu-bullet-dot > span {
         width: 4px;
         height: 4px;
         border-radius: 100%;
    }
     .header-menu .menu-nav > .menu-item > .menu-link .menu-bullet.menu-bullet-line > span {
         width: 5px;
         height: 1px;
    }
     .header-menu .menu-nav > .menu-item > .menu-link .menu-text {
         font-weight: 400;
         font-size: 1.1rem;
         text-transform: initial;
    }
     .header-menu .menu-nav > .menu-item > .menu-link .menu-label {
         padding: 0px 0px 0px 5px;
    }
     .header-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
         font-size: 0.6rem;
         width: 20px;
         -webkit-box-pack: end;
         -ms-flex-pack: end;
         justify-content: flex-end;
    }
     .header-menu .menu-nav > .menu-item > .menu-link .menu-arrow:before {
         font-family: Ki;
         font-style: normal;
         font-weight: normal;
         font-variant: normal;
         line-height: 1;
         text-decoration: inherit;
         text-rendering: optimizeLegibility;
         text-transform: none;
         -moz-osx-font-smoothing: grayscale;
         -webkit-font-smoothing: antialiased;
         font-smoothing: antialiased;
         content: "";
    }
     [direction="rtl"] .header-menu .menu-nav > .menu-item > .menu-link .menu-arrow:before {
         content: "" !important;
    }
     .header-menu .menu-nav > .menu-item > .menu-link .menu-item-here {
         display: none;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu {
         padding: 0px;
         border-radius: 4px;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item {
         padding: 0px ;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item > .menu-link {
         -webkit-transition: all 0.3s ease;
         transition: all 0.3s ease;
         cursor: pointer;
         padding: 11px 30px ;
    }
    .header-menu .SSIC-actions.menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item > .menu-link{padding: 7px 25px ;}
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item > .menu-link:hover {
         -webkit-transition: all 0.3s ease;
         transition: all 0.3s ease;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item > .menu-link .menu-icon {
         font-size: 1.4rem;
         width: 33px;
         padding: 0;
         line-height: 0;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item > .menu-link .menu-icon.svg-icon {
         height: 23px ;
         width: 23px ;
         margin-left: -2px;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item > .menu-link .menu-bullet {
         width: 20px;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item > .menu-link .menu-bullet > span {
         vertical-align: middle;
         display: inline-block;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item > .menu-link .menu-bullet.menu-bullet-dot > span {
         width: 4px;
         height: 4px;
         border-radius: 100%;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item > .menu-link .menu-bullet.menu-bullet-line > span {
         width: 9px;
         height: 1px;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item > .menu-link .menu-text {
         font-weight: 400;
         font-size: 1.1rem;
         text-transform: initial;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item > .menu-link .menu-label {
         padding: 0px 0px 0px 5px;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item > .menu-link .menu-arrow {
         font-size: 0.6rem;
         width: 20px;
         -webkit-box-pack: end;
         -ms-flex-pack: end;
         justify-content: flex-end;
         padding: 0px 0px 0px 10px;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item > .menu-link .menu-arrow:before {
         font-family: Ki;
         font-style: normal;
         font-weight: normal;
         font-variant: normal;
         line-height: 1;
         text-decoration: inherit;
         text-rendering: optimizeLegibility;
         text-transform: none;
         -moz-osx-font-smoothing: grayscale;
         -webkit-font-smoothing: antialiased;
         font-smoothing: antialiased;
         content: "";
    }
     [direction="rtl"] .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item > .menu-link .menu-arrow:before {
         content: "" !important;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item > .menu-link .menu-item-here {
         display: none;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content {
         -webkit-box-align: stretch;
         -ms-flex-align: stretch;
         align-items: stretch;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content > .menu-item {
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content > .menu-item:last-child {
         border-right: 0 !important;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content .menu-heading {
         padding: 30px 30px 10px 30px;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content .menu-heading > .menu-text {
         font-weight: 500;
         font-size: 1.07rem;
         text-transform: initial;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content .menu-heading > .menu-icon {
         font-size: 1.35rem;
         -webkit-box-flex: 0;
         -ms-flex: 0 0 30px;
         flex: 0 0 30px;
         padding: 0;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content .menu-heading .menu-label {
         padding: 0px 0px 0px 5px;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content .menu-inner {
         padding: 0 0 20px 0;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content .menu-inner > .menu-item {
         padding: 0px ;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content .menu-inner > .menu-item > .menu-link {
         -webkit-transition: all 0.3s ease;
         transition: all 0.3s ease;
         cursor: pointer;
         padding: 11px 30px ;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content .menu-inner > .menu-item > .menu-link:hover {
         -webkit-transition: all 0.3s ease;
         transition: all 0.3s ease;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content .menu-inner > .menu-item > .menu-link .menu-icon {
         font-size: 1.4rem;
         width: 33px;
         padding: 0;
         line-height: 0;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content .menu-inner > .menu-item > .menu-link .menu-icon.svg-icon {
         height: 23px ;
         width: 23px ;
         margin-left: -2px;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content .menu-inner > .menu-item > .menu-link .menu-bullet {
         width: 20px;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content .menu-inner > .menu-item > .menu-link .menu-bullet > span {
         vertical-align: middle;
         display: inline-block;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content .menu-inner > .menu-item > .menu-link .menu-bullet.menu-bullet-dot > span {
         width: 4px;
         height: 4px;
         border-radius: 100%;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content .menu-inner > .menu-item > .menu-link .menu-bullet.menu-bullet-line > span {
         width: 9px;
         height: 1px;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content .menu-inner > .menu-item > .menu-link .menu-text {
         font-weight: 400;
         font-size: 1.1rem;
         text-transform: initial;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content .menu-inner > .menu-item > .menu-link .menu-label {
         padding: 0px 0px 0px 5px;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content .menu-inner > .menu-item > .menu-link .menu-arrow {
         font-size: 0.6rem;
         width: 20px;
         -webkit-box-pack: end;
         -ms-flex-pack: end;
         justify-content: flex-end;
         padding: 0px 0px 0px 10px;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content .menu-inner > .menu-item > .menu-link .menu-arrow:before {
         font-family: Ki;
         font-style: normal;
         font-weight: normal;
         font-variant: normal;
         line-height: 1;
         text-decoration: inherit;
         text-rendering: optimizeLegibility;
         text-transform: none;
         -moz-osx-font-smoothing: grayscale;
         -webkit-font-smoothing: antialiased;
         font-smoothing: antialiased;
         content: "";
    }
     [direction="rtl"] .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content .menu-inner > .menu-item > .menu-link .menu-arrow:before {
         content: "" !important;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav .menu-content .menu-inner > .menu-item > .menu-link .menu-item-here {
         display: none;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-classic {
         padding: 20px 0px;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-inline {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
    }
     .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-inline > .menu-subnav > .menu-item {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         padding: 5px 0;
    }
     .header-menu .menu-nav .menu-item.menu-item-resize {
         display: none;
    }
     .header-menu .menu-nav .menu-item.menu-item-active-tab .menu-submenu, .header-menu .menu-nav .menu-item.menu-item-hover .menu-submenu {
         display: block;
         -webkit-animation: header-menu-submenu-fade-in 0.3s ease 1, header-menu-submenu-move-down 0.3s ease-out 1;
         animation: header-menu-submenu-fade-in 0.3s ease 1, header-menu-submenu-move-down 0.3s ease-out 1;
    }
}
 @media screen and (min-width: 992px) and (-ms-high-contrast: active), (min-width: 992px) and (-ms-high-contrast: none) {
     .header-menu .menu-nav .menu-item.menu-item-active-tab .menu-submenu, .header-menu .menu-nav .menu-item.menu-item-hover .menu-submenu {
         -webkit-animation: none;
         animation: none;
    }
}
 @media (min-width: 992px) {
     .header-menu .menu-nav .menu-item.menu-item-active-tab .menu-submenu > .menu-subnav > .menu-item.menu-item-hover > .menu-submenu, .header-menu .menu-nav .menu-item.menu-item-hover .menu-submenu > .menu-subnav > .menu-item.menu-item-hover > .menu-submenu {
         display: block;
         -webkit-animation: header-menu-submenu-fade-in 0.3s ease 1, header-menu-submenu-move-up 0.3s ease-out 1;
         animation: header-menu-submenu-fade-in 0.3s ease 1, header-menu-submenu-move-up 0.3s ease-out 1;
    }
}
 @media screen and (min-width: 992px) and (-ms-high-contrast: active), (min-width: 992px) and (-ms-high-contrast: none) {
     .header-menu .menu-nav .menu-item.menu-item-active-tab .menu-submenu > .menu-subnav > .menu-item.menu-item-hover > .menu-submenu, .header-menu .menu-nav .menu-item.menu-item-hover .menu-submenu > .menu-subnav > .menu-item.menu-item-hover > .menu-submenu {
         -webkit-animation: none;
         animation: none;
    }
}
 @media (min-width: 992px) {
     .header-menu.header-menu-root-arrow .menu-nav > .menu-item > .menu-link > .menu-arrow {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
    }
}
 @media (min-width: 992px) and (max-width: 1399.98px) {
     .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-full, .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-fixed, .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-auto, .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-auto.menu-submenu-mimimal-desktop-wide, .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-fixed-xl, .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-fixed-xxl {
         margin: 0 auto;
         width: auto;
         left: 20px;
         right: 20px;
    }
}
 @media (min-width: 0) {
     .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-fixed-xs {
         width: -60px;
    }
}
 @media (min-width: 576px) {
     .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-fixed-sm {
         width: 516px;
    }
     .order-sm-unset{
        order:unset!important
    }
}
 @media (min-width: 768px) {
     .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-fixed-md {
         width: 708px;
    }
}
 @media (min-width: 992px) {
     .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-fixed-lg {
         width: 932px;
    }
}
 @media (min-width: 1200px) {
     .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-fixed-xl {
         width: 1140px;
    }
}
 @media (min-width: 1480px) {
     .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-fixed-xxl {
         width: 1340px;
    }
}
 @-webkit-keyframes header-menu-submenu-fade-out {
     from {
         opacity: 1;
    }
     to {
         opacity: 0;
    }
}
 @keyframes header-menu-submenu-fade-out {
     from {
         opacity: 1;
    }
     to {
         opacity: 0;
    }
}
 @-webkit-keyframes header-menu-submenu-fade-in {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @keyframes header-menu-submenu-fade-in {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @-webkit-keyframes header-menu-submenu-move-up {
     from {
         margin-top: -10px;
    }
     to {
         margin-top: 0;
    }
}
 @keyframes header-menu-submenu-move-up {
     from {
         margin-top: -10px;
    }
     to {
         margin-top: 0;
    }
}
 @-webkit-keyframes header-menu-submenu-move-down {
     from {
         margin-top: 10px;
    }
     to {
         margin-top: 0;
    }
}
 @keyframes header-menu-submenu-move-down {
     from {
         margin-top: 10px;
    }
     to {
         margin-top: 0;
    }
}
 @media (max-width: 991.98px) {
     .header-menu-mobile .menu-nav {
         margin: 0;
         list-style: none;
         padding: 10px 0;
    }
     .header-menu-mobile .menu-nav .menu-scroll {
         position: relative;
         overflow: hidden;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
    }
     .header-menu-mobile .menu-nav .menu-subnav {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         padding: 0;
         margin: 0;
         list-style: none !important;
    }
     .header-menu-mobile .menu-nav .menu-inner, .header-menu-mobile .menu-nav .menu-submenu {
         display: none;
         float: none;
         margin: 0;
         padding: 0;
         width: auto !important;
    }
     .header-menu-mobile .menu-nav .menu-inner .menu-content, .header-menu-mobile .menu-nav .menu-submenu .menu-content {
         padding: 0;
         margin: 0;
    }
     .header-menu-mobile .menu-nav .menu-inner .menu-content > .menu-item, .header-menu-mobile .menu-nav .menu-submenu .menu-content > .menu-item {
         padding: 0;
         margin: 0;
         list-style: none;
    }
     .header-menu-mobile .menu-nav .menu-inner .menu-content > .menu-item.menu-headingless > .menu-inner, .header-menu-mobile .menu-nav .menu-submenu .menu-content > .menu-item.menu-headingless > .menu-inner {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
    }
     .header-menu-mobile .menu-nav .menu-inner .menu-content > .menu-item.menu-headingless > .menu-inner > li > .menu-link, .header-menu-mobile .menu-nav .menu-submenu .menu-content > .menu-item.menu-headingless > .menu-inner > li > .menu-link {
         margin: 0;
    }
     .header-menu-mobile .menu-nav .menu-item {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         float: none;
         padding: 0;
    }
     .header-menu-mobile .menu-nav .menu-item > .menu-heading, .header-menu-mobile .menu-nav .menu-item > .menu-link {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         -webkit-box-align: stretch;
         -ms-flex-align: stretch;
         align-items: stretch;
         margin: 0;
         padding: 0;
         text-decoration: none;
         position: relative;
         outline: none;
    }
     .header-menu-mobile .menu-nav .menu-item > .menu-heading:hover, .header-menu-mobile .menu-nav .menu-item > .menu-link:hover {
         text-decoration: none;
         cursor: pointer;
    }
     .header-menu-mobile .menu-nav .menu-item > .menu-heading .menu-text, .header-menu-mobile .menu-nav .menu-item > .menu-link .menu-text {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         padding: 0;
    }
     .header-menu-mobile .menu-nav .menu-item > .menu-heading .menu-label, .header-menu-mobile .menu-nav .menu-item > .menu-link .menu-label {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         white-space: nowrap;
    }
     .header-menu-mobile .menu-nav .menu-item > .menu-heading .menu-icon, .header-menu-mobile .menu-nav .menu-item > .menu-link .menu-icon {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         line-height: 0;
    }
     .header-menu-mobile .menu-nav .menu-item > .menu-heading .menu-bullet, .header-menu-mobile .menu-nav .menu-item > .menu-link .menu-bullet {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         line-height: 0;
    }
     .header-menu-mobile .menu-nav .menu-item > .menu-heading .menu-arrow, .header-menu-mobile .menu-nav .menu-item > .menu-link .menu-arrow {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: end;
         -ms-flex-pack: end;
         justify-content: flex-end;
         line-height: 0;
    }
     .header-menu-mobile .menu-nav .menu-item > .menu-heading .menu-arrow:before, .header-menu-mobile .menu-nav .menu-item > .menu-link .menu-arrow:before {
         -webkit-transform: translate3d(0, 0, 0);
    }
     .header-menu-mobile .menu-nav .menu-item.menu-item-open > .menu-heading > .menu-arrow:before, .header-menu-mobile .menu-nav .menu-item.menu-item-open > .menu-link > .menu-arrow:before {
         -webkit-transform: rotateZ(90deg)
        /*rtl:ignore*/
        ;
         transform: rotateZ(90deg)
        /*rtl:ignore*/
        ;
    }
     [direction="rtl"] .header-menu-mobile .menu-nav .menu-item.menu-item-open > .menu-heading > .menu-arrow:before, [direction="rtl"] .header-menu-mobile .menu-nav .menu-item.menu-item-open > .menu-link > .menu-arrow:before {
         -webkit-transform: rotateZ(-90deg)
        /*rtl:ignore*/
        ;
         transform: rotateZ(-90deg)
        /*rtl:ignore*/
        ;
    }
     .header-menu-mobile .menu-nav .menu-item.menu-item-open > .menu-submenu, .header-menu-mobile .menu-nav .menu-item.menu-item-open > .menu-inner {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
    }
     .header-menu-mobile .menu-nav .menu-item .menu-submenu .menu-item-parent {
         display: none;
    }
     .header-menu-mobile .menu-nav .menu-section {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         padding: 0 27px;
    }
     .header-menu-mobile .menu-nav .menu-section.menu-section-first {
         margin-top: 0 !important;
    }
     .header-menu-mobile .menu-nav .menu-section .menu-text {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         margin: 0;
         padding: 0;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
    }
     .header-menu-mobile .menu-nav .menu-section .menu-icon {
         display: none;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
    }
     .header-menu-mobile .menu-nav .menu-separator {
         height: 0;
         overflow: hidden;
    }
     .header-menu-mobile .menu-nav .menu-separator.menu-separator-marginless {
         margin: 0;
    }
     .header-menu-mobile .menu-nav > .menu-item {
         position: relative;
         margin: 0 ;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-heading, .header-menu-mobile .menu-nav > .menu-item > .menu-link {
         cursor: pointer;
         min-height: 44px;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-heading .menu-text, .header-menu-mobile .menu-nav > .menu-item > .menu-link .menu-text {
         font-weight: 400;
         font-size: 1.02rem;
         text-transform: initial;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-heading .menu-icon, .header-menu-mobile .menu-nav > .menu-item > .menu-link .menu-icon {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 35px;
         flex: 0 0 35px;
         font-size: 1.4rem;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-heading .menu-icon svg, .header-menu-mobile .menu-nav > .menu-item > .menu-link .menu-icon svg {
         margin-left: -2px;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-heading .menu-bullet, .header-menu-mobile .menu-nav > .menu-item > .menu-link .menu-bullet {
         vertical-align: middle;
         text-align: left;
         -webkit-box-flex: 0;
         -ms-flex: 0 0 15px;
         flex: 0 0 15px;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-heading .menu-bullet > span, .header-menu-mobile .menu-nav > .menu-item > .menu-link .menu-bullet > span {
         vertical-align: middle;
         display: inline-block;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-heading .menu-bullet.menu-bullet-dot > span, .header-menu-mobile .menu-nav > .menu-item > .menu-link .menu-bullet.menu-bullet-dot > span {
         width: 4px;
         height: 4px;
         border-radius: 100%;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-heading .menu-bullet.menu-bullet-line > span, .header-menu-mobile .menu-nav > .menu-item > .menu-link .menu-bullet.menu-bullet-line > span {
         width: 5px;
         height: 1px;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-heading .menu-label, .header-menu-mobile .menu-nav > .menu-item > .menu-link .menu-label {
         padding: 0px 0px 0px 5px;
         text-align: right;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-heading .menu-arrow, .header-menu-mobile .menu-nav > .menu-item > .menu-link .menu-arrow {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 20px;
         flex: 0 0 20px;
         font-size: 0.6rem;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-heading .menu-arrow:before, .header-menu-mobile .menu-nav > .menu-item > .menu-link .menu-arrow:before {
         -webkit-transition: all 0.3s ease;
         transition: all 0.3s ease;
         font-family: Ki;
         font-style: normal;
         font-weight: normal;
         font-variant: normal;
         line-height: 1;
         text-decoration: inherit;
         text-rendering: optimizeLegibility;
         text-transform: none;
         -moz-osx-font-smoothing: grayscale;
         -webkit-font-smoothing: antialiased;
         font-smoothing: antialiased;
         content: "";
    }
     [direction="rtl"] .header-menu-mobile .menu-nav > .menu-item > .menu-heading .menu-arrow:before, [direction="rtl"] .header-menu-mobile .menu-nav > .menu-item > .menu-link .menu-arrow:before {
         content: "" !important;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-heading .menu-item-here, .header-menu-mobile .menu-nav > .menu-item > .menu-link .menu-item-here {
         display: none;
    }
     .header-menu-mobile .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-arrow:before, .header-menu-mobile .menu-nav > .menu-item.menu-item-open > .menu-link .menu-arrow:before {
         -webkit-transition: all 0.3s ease;
         transition: all 0.3s ease;
    }
     .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-subnav {
         margin: 0 ;
    }
     .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item {
         margin: 0 ;
    }
     .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading, .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link {
         cursor: pointer;
         min-height: 40px;
    }
     .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-text, .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-text {
         font-weight: 400;
         font-size: 1.1rem;
         text-transform: initial;
    }
     .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-icon, .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-icon {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 35px;
         flex: 0 0 35px;
         font-size: 1.35rem;
    }
     .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-icon svg, .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-icon svg {
         margin-left: -2px;
    }
     .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-bullet, .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-bullet {
         vertical-align: middle;
         text-align: left;
         -webkit-box-flex: 0;
         -ms-flex: 0 0 20px;
         flex: 0 0 20px;
    }
     .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-bullet > span, .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-bullet > span {
         vertical-align: middle;
         display: inline-block;
    }
     .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-bullet.menu-bullet-dot > span, .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-bullet.menu-bullet-dot > span {
         width: 4px;
         height: 4px;
         border-radius: 100%;
    }
     .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-bullet.menu-bullet-line > span, .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-bullet.menu-bullet-line > span {
         width: 5px;
         height: 1px;
    }
     .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-label, .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-label {
         padding: 0px 0px 0px 5px;
    }
     .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-arrow, .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-arrow {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 20px;
         flex: 0 0 20px;
         font-size: 0.6rem;
    }
     .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-arrow:before, .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-arrow:before {
         -webkit-transition: all 0.3s ease;
         transition: all 0.3s ease;
         font-family: Ki;
         font-style: normal;
         font-weight: normal;
         font-variant: normal;
         line-height: 1;
         text-decoration: inherit;
         text-rendering: optimizeLegibility;
         text-transform: none;
         -moz-osx-font-smoothing: grayscale;
         -webkit-font-smoothing: antialiased;
         font-smoothing: antialiased;
         content: "";
    }
     [direction="rtl"] .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-arrow:before, [direction="rtl"] .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-arrow:before {
         content: "" !important;
    }
     .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-item-here, .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-item-here {
         display: none;
    }
     .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-heading .menu-arrow:before, .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-link .menu-arrow:before {
         -webkit-transition: all 0.3s ease;
         transition: all 0.3s ease;
    }
     .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-section {
         margin: 20px 0 0 0;
         height: 40px;
    }
     .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-section .menu-text {
         font-size: 0.8rem;
         font-weight: 300;
         text-transform: uppercase;
         letter-spacing: 0.3px;
    }
     .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-separator {
         margin: 15px 0;
    }
     .header-menu-mobile .menu-nav > .menu-item .menu-submenu .menu-separator .menu-separator-marginless {
         margin: 0;
    }
     .header-menu-mobile .menu-nav > .menu-section {
         margin: 20px 0 0 0;
         height: 40px;
    }
     .header-menu-mobile .menu-nav > .menu-section .menu-text {
         font-size: 0.83rem;
         font-weight: 500;
         text-transform: uppercase;
         letter-spacing: 0.3px;
    }
     .header-menu-mobile .menu-nav > .menu-separator {
         margin: 15px 0;
    }
     .header-menu-mobile .menu-nav > .menu-separator .menu-separator-marginless {
         margin: 0;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-link {
         padding: 9px 30px;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-submenu .menu-subnav .menu-content .menu-heading {
         padding: 0 30px;
         padding-left: 45px;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-submenu .menu-subnav .menu-content .menu-inner {
         padding: 0;
         margin: 0;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-submenu .menu-subnav .menu-content .menu-inner .menu-link {
         padding: 0 30px;
         padding-left: 60px;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-link {
         padding: 0 30px;
         padding-left: 45px;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu {
         padding: 0;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav {
         padding: 0;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-link {
         padding: 0 30px;
         padding-left: 60px;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu {
         padding: 0;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-link {
         padding: 0 30px;
         padding-left: 75px;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-section {
         padding-left: 45px;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu {
         padding: 0;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-section {
         padding-left: 60px;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu {
         padding: 0;
    }
     .header-menu-mobile .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-section {
         padding-left: 75px;
    }
}
 @media (max-width: 991.98px) {
     .header-menu-wrapper {
         z-index: 1001;
         position: fixed;
         top: 0;
         bottom: 0;
         -webkit-transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
         transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
         left: -295px;
         width: 275px;
    }
     .header-menu-wrapper.header-menu-wrapper-on {
         -webkit-transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
         transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
         left: 0;
    }
}
 @media screen and (max-width: 991.98px) and (-ms-high-contrast: active), (max-width: 991.98px) and (-ms-high-contrast: none) {
     .header-menu-wrapper {
         -webkit-transition: none !important;
         transition: none !important;
    }
}
 @media (max-width: 991.98px) {
     .header-menu-wrapper.header-menu-wrapper-right {
         right: -295px;
         left: auto;
    }
     .header-menu-wrapper.header-menu-wrapper-right.header-menu-wrapper-on {
         -webkit-transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
         transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
         right: 0;
         left: auto;
    }
     .header-menu-wrapper-overlay {
         position: fixed;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         overflow: hidden;
         z-index: 1000;
         -webkit-animation: animation-offcanvas-fade-in .6s ease 1;
         animation: animation-offcanvas-fade-in .6s ease 1;
    }
     @-webkit-keyframes animation-offcanvas-fade-in {
         from {
             opacity: 0;
        }
         to {
             opacity: 1;
        }
    }
     @keyframes animation-offcanvas-fade-in {
         from {
             opacity: 0;
        }
         to {
             opacity: 1;
        }
    }
     .header-menu-wrapper {
         background: #ffffff;
         -webkit-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);
         box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);
    }
     .header-menu-wrapper-overlay {
         background: rgba(0, 0, 0, 0.1);
    }
}
 @media (max-width: 325px) {
     .header-menu-wrapper {
         width: 90% !important;
    }
}
 @media (min-width: 992px) {
     .header-menu-wrapper {
         -webkit-box-align: stretch;
         -ms-flex-align: stretch;
         align-items: stretch;
    }
     body:not(.aside-enabled) .header-menu-wrapper {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row;
    }
     body:not(.aside-enabled) .header-menu-wrapper .header-logo {
         padding: 0;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         margin-right: 25px;
    }
     .header-menu {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: stretch;
         -ms-flex-align: stretch;
         align-items: stretch;
    }
     .header-menu .menu-nav {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: stretch;
         -ms-flex-align: stretch;
         align-items: stretch;
    }
     .header-menu .menu-nav > .menu-item:first-child {
         padding-left: 0;
    }
     .header-menu.header-menu-layout-default .menu-nav > .menu-item > .menu-link {
         padding: 0.65rem 1.1rem;
    }
     .header-menu.header-menu-layout-tab .menu-nav > .menu-item {
         margin: 0 1rem;
         -webkit-box-align: stretch;
         -ms-flex-align: stretch;
         align-items: stretch;
         border-radius: 0;
    }
     .header-menu.header-menu-layout-tab .menu-nav > .menu-item > .menu-link {
         -webkit-box-align: stretch;
         -ms-flex-align: stretch;
         align-items: stretch;
         background-color: transparent !important;
         padding: 0 !important;
         border-bottom: 1px solid transparent;
         margin-bottom: -1px;
         border-radius: 0 !important;
    }
     .header-menu.header-menu-layout-tab .menu-nav > .menu-item:first-child {
         margin-left: 0 !important;
    }
     .header-menu.header-menu-layout-tab .menu-nav > .menu-item.menu-item-here > .menu-link, .header-menu.header-menu-layout-tab .menu-nav > .menu-item.menu-item-active > .menu-link {
         background-color: transparent !important;
         border-bottom: 1px solid #4785FF !important;
    }
}
 @media (max-width: 991.98px) {
     .header-menu-wrapper {
         overflow: auto;
    }
     .header-menu-wrapper .header-logo {
         display: none;
    }
}
 .topbar {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     padding: 0;
}
 .topbar .topbar-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .topbar .dropdown {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
}
 @media (max-width: 991.98px) {
     .topbar {
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         -webkit-transition: all 0.3s ease;
         transition: all 0.3s ease;
         -webkit-box-pack: end;
         -ms-flex-pack: end;
         justify-content: flex-end;
         padding: 0 15px;
         height: 50px;
         background-color: #ffffff;
         -webkit-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.1);
         box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.1);
         border-top: 1px solid transparent;
    }
     .header-mobile-fixed .topbar {
         position: fixed;
         z-index: 96;
    }
     .topbar-mobile-on .topbar {
         z-index: 2;
         -webkit-transition: all 0.3s ease;
         transition: all 0.3s ease;
         border-top: 1px solid #EBEDF3;
         margin-top: 55px;
    }
     .topbar-mobile-on.header-mobile-fixed .topbar {
         z-index: 96;
         margin-top: 55px;
    }
}
 @media (max-width: 575.98px) {
     .topbar .topbar-item .btn.btn-icon {
         height: 35px;
         width: 35px;
    }
}
 @media (min-width: 992px) {
     .header-mobile {
         display: none;
    }
}
 @media (max-width: 991.98px) {
     .header-mobile {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         padding: 0 15px;
         height: 55px;
         min-height: 55px;
         position: relative;
         z-index: 3;
    }
     .header-mobile-fixed .header-mobile {
         position: fixed;
         top: 0;
         right: 0;
         left: 0;
         z-index: 97;
         height: 55px;
         min-height: 55px;
    }
     .topbar-mobile-on .header-mobile {
         -webkit-box-shadow: none !important;
         box-shadow: none !important;
    }
     .header-mobile-fixed img[alt="Logo"], .header-mobile-fixed .logo-mob{
         max-height: 35px;
    }
}
 .aside {
     width: 265px;
}
.fixedWidthAside.aside{width:100px}
.aside .aside-menu.ps > .ps__rail-y {
     right: 4px;
}
 @media (min-width: 992px) {
     .aside-fixed .aside {
         position: fixed;
         top: 0;
         bottom: 0;
         left: 0;
/*         z-index: 98;*/
           z-index: 1;
    }
     .aside-static .aside {
         position: relative;
         z-index: 1;
    }
     .header-fixed.aside-static .aside {
         padding-top: 65px;
    }
     .aside-minimize .aside {
         width: 70px;
    }
     .aside.ps > .ps__rail-y {
         width: 4px;
    }
     .aside.ps > .ps__rail-y:hover, .aside.ps > .ps__rail-y:focus {
         width: 4px;
    }
     .aside.ps > .ps__rail-y > .ps__thumb-y {
         width: 4px;
         border-radius: 0.35rem !important;
    }
     .aside.ps > .ps__rail-y > .ps__thumb-y:hover, .aside.ps > .ps__rail-y > .ps__thumb-y:focus {
         width: 4px;
    }
     .aside-fixed.aside-minimize-hover .aside {
         width: 265px;
    }
     .aside-fixed.aside-minimize-hover .wrapper {
         padding-left: 70px;
    }
     .aside-fixed.header-fixed.aside-minimize-hover .header {
         left: 70px;
    }
}
 .aside-menu .menu-nav {
     margin: 0;
     list-style: none;
     padding:0 0 15px 0;
}
 .aside-menu .menu-nav .menu-scroll {
     position: relative;
     overflow: hidden;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
}
 .aside-menu .menu-nav .menu-subnav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     padding: 0;
     margin: 0;
     list-style: none !important;
}
 .aside-menu .menu-nav .menu-inner, .aside-menu .menu-nav .menu-submenu {
     display: none;
     float: none;
     margin: 0;
     padding: 0;
}
 .aside-menu .menu-nav .menu-inner .menu-content, .aside-menu .menu-nav .menu-submenu .menu-content {
     padding: 0;
     margin: 0;
}
 .aside-menu .menu-nav .menu-inner .menu-content > .menu-item, .aside-menu .menu-nav .menu-submenu .menu-content > .menu-item {
     padding: 0;
     margin: 0;
     list-style: none;
}
 .aside-menu .menu-nav .menu-inner .menu-content > .menu-item.menu-headingless > .menu-inner, .aside-menu .menu-nav .menu-submenu .menu-content > .menu-item.menu-headingless > .menu-inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .aside-menu .menu-nav .menu-inner .menu-content > .menu-item.menu-headingless > .menu-inner > li > .menu-link, .aside-menu .menu-nav .menu-submenu .menu-content > .menu-item.menu-headingless > .menu-inner > li > .menu-link {
     margin: 0;
}
 .aside-menu .menu-nav .menu-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     float: none;
     padding: 0;
}
 .aside-menu .menu-nav .menu-item > .menu-heading, .aside-menu .menu-nav .menu-item > .menu-link {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     margin: 0;
     padding: 0;
     text-decoration: none;
     position: relative;
     outline: none;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.active > .menu-link{
    background-color: rgba(54, 152, 255,0) !important;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.active > .menu-link .menu-text{
    color: #4785FF;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.active > .menu-link .menuicon-light-part{
    fill: #a5d0ff !important;
    stroke: #a5d0ff !important;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.active > .menu-link .menuicon-semi-light-part{
    fill: rgba(54, 152, 255, 0.3)!important;
    stroke: rgba(54, 152, 255, 0.3)!important;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.active > .menu-link svg path,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.active > .menu-link svg circle,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.active > .menu-link svg rect{
    fill: #3698ff !important;
    stroke: #3698ff !important;
}
/* .aside-menu .menu-nav .menu-item > .menu-heading:hover, .aside-menu .menu-nav .menu-item > .menu-link:hover {
}
 */
 body .aside-menu .menu-nav > .menu-item > .menu-heading:hover .menu-text, body .aside-menu .menu-nav > .menu-item > .menu-link:hover .menu-text,
 body .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-text,
 body .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-text{
     color:#3698ff !important;
     text-decoration: none;
     cursor: pointer;
}
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-heading, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-link, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link{
     background-color: rgba(54, 152, 255,0)!important;
}
 .aside-menu .menu-nav > .menu-item.menu-item-here > .menu-heading, .aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link, .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading, .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link,
 .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading,
 .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link{
     background-color: rgba(54, 152, 255,0.07)!important;
}
 .aside-menu .menu-nav .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav .menu-item > .menu-link .menu-text {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     padding: 0;
}
 .aside-menu .menu-nav .menu-item > .menu-heading .menu-label, .aside-menu .menu-nav .menu-item > .menu-link .menu-label {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     white-space: nowrap;
}
 .aside-menu .menu-nav .menu-item > .menu-heading .menu-icon, .aside-menu .menu-nav .menu-item > .menu-link .menu-icon {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     line-height: 0;
     top: 3px;
    position: relative;
}
 .aside-menu .menu-nav .menu-item > .menu-heading .menu-bullet, .aside-menu .menu-nav .menu-item > .menu-link .menu-bullet {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     line-height: 0;
}
 .aside-menu .menu-nav .menu-item > .menu-heading .menu-arrow, .aside-menu .menu-nav .menu-item > .menu-link .menu-arrow {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     line-height: 0;
}
 .aside-menu .menu-nav .menu-item > .menu-heading .menu-arrow:before, .aside-menu .menu-nav .menu-item > .menu-link .menu-arrow:before {
     -webkit-transform: translate3d(0, 0, 0);
}
.aside-menu .menu-nav .menu-item.menu-item-open > .menu-heading > .menu-arrow:before, .aside-menu .menu-nav .menu-item.menu-item-open > .menu-link > .menu-arrow:before {
     -webkit-transform: rotateZ(90deg)
    /*rtl:ignore*/
    ;
     transform: rotateZ(90deg)
    /*rtl:ignore*/
    ;
}
 [direction="rtl"] .aside-menu .menu-nav .menu-item.menu-item-open > .menu-heading > .menu-arrow:before, [direction="rtl"] .aside-menu .menu-nav .menu-item.menu-item-open > .menu-link > .menu-arrow:before {
     -webkit-transform: rotateZ(-90deg)
    /*rtl:ignore*/
    ;
     transform: rotateZ(-90deg)
    /*rtl:ignore*/
    ;
}
 .aside-menu .menu-nav .menu-item.menu-item-open > .menu-submenu, .aside-menu .menu-nav .menu-item.menu-item-open > .menu-inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
}
 .aside-menu .menu-nav .menu-item .menu-submenu .menu-item-parent {
     display: none;
}
 .aside-menu .menu-nav .menu-section {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding: 0 25px;
}
 .aside-menu .menu-nav .menu-section.menu-section-first {
     margin-top: 0 !important;
}
 .aside-menu .menu-nav .menu-section .menu-text {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin: 0;
     padding: 0;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .aside-menu .menu-nav .menu-section .menu-icon {
     display: none;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .aside-menu .menu-nav .menu-separator {
     height: 0;
     overflow: hidden;
}
 .aside-menu .menu-nav .menu-separator.menu-separator-marginless {
     margin: 0;
}
 .aside-menu .menu-nav > .menu-item {
     position: relative;
     margin: 0 ;
}
 .aside-menu .menu-nav > .menu-item > .menu-heading, .aside-menu .menu-nav > .menu-item > .menu-link {
     cursor: pointer;
     min-height: 44px;
}
.aside:not(.fixedWidthAside) .aside-menu .menu-nav > .menu-item.menu-item-open:not(:last-child) {
    border-bottom: solid 1px rgba(213, 218, 235,0.7);
  }
 .aside-menu .menu-nav > .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
     font-weight: 400;
     font-size: 1.12rem;
     text-transform: initial;
}
 .aside-menu .menu-nav > .menu-item:not(.menu-item-here) > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item:not(.menu-item-here) > .menu-link .menu-text {
     color:#58586c !important;
}
 .aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon, .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 35px;
     flex: 0 0 35px;
     font-size: 1.1rem;
}
 .aside-minimize .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon{
     -ms-flex: 0 0 24px;
     flex: 0 0 24px;
}
 .aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon svg, .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon svg {
     height: 24px ;
     width: 20px ;
     margin-left: -2px;
}
 .aside-menu .menu-nav > .menu-item > .menu-link:hover .menu-icon svg path,
 .aside-menu .menu-nav > .menu-item > .menu-link:hover .menu-icon svg rect,
 .aside-menu .menu-nav > .menu-item > .menu-link:hover .menu-icon svg circle,
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link:hover .menu-icon svg path,
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link:hover .menu-icon svg rect,
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link:hover .menu-icon svg circle,
 .aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon svg path,
 .aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon svg rect,
 .aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon svg circle,
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here > .menu-link .menu-icon svg path,
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here > .menu-link .menu-icon svg rect,
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here > .menu-link .menu-icon svg circle,
 .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-icon svg path,
 .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-icon svg rect,
 .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-icon svg circle{
     fill:#3698ff !important;
     stroke:#3698ff !important;
}
 body .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link:hover .menu-icon svg .menuicon-light-part,
 body .aside-menu .menu-nav > .menu-item > .menu-link:hover .menu-icon svg .menuicon-light-part,
 body .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here > .menu-link .menu-icon svg .menuicon-light-part,
 body .aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon svg .menuicon-light-part,
 body .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-icon svg .menuicon-light-part{
     fill:#a5d0ff!important;
     stroke:#a5d0ff!important;
}

body .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link:hover .menu-icon svg .menuicon-semi-light-part,
 body .aside-menu .menu-nav > .menu-item > .menu-link:hover .menu-icon svg .menuicon-semi-light-part,
 body .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-here > .menu-link .menu-icon svg .menuicon-semi-light-part,
 body .aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon svg .menuicon-semi-light-part,
 body .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-icon svg .menuicon-semi-light-part{
    fill: rgba(54, 152, 255, 0.3)!important;
    stroke: rgba(54, 152, 255, 0.3)!important;
}

 .aside-menu .menu-nav > .menu-item > .menu-heading .menu-bullet, .aside-menu .menu-nav > .menu-item > .menu-link .menu-bullet {
     vertical-align: middle;
     text-align: left;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 15px;
     flex: 0 0 15px;
}
 .aside-menu .menu-nav > .menu-item > .menu-heading .menu-bullet > span, .aside-menu .menu-nav > .menu-item > .menu-link .menu-bullet > span {
     vertical-align: middle;
     display: inline-block;
}
 .aside-menu .menu-nav > .menu-item > .menu-heading .menu-bullet.menu-bullet-dot > span, .aside-menu .menu-nav > .menu-item > .menu-link .menu-bullet.menu-bullet-dot > span {
     width: 4px;
     height: 4px;
     border-radius: 100%;
}
 .aside-menu .menu-nav > .menu-item > .menu-heading .menu-bullet.menu-bullet-line > span, .aside-menu .menu-nav > .menu-item > .menu-link .menu-bullet.menu-bullet-line > span {
     width: 5px;
     height: 1px;
}
 .aside-menu .menu-nav > .menu-item > .menu-heading .menu-label, .aside-menu .menu-nav > .menu-item > .menu-link .menu-label {
     padding: 0px 0px 0px 5px;
}
 .aside-menu .menu-nav > .menu-item > .menu-heading .menu-arrow, .aside-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 20px;
     flex: 0 0 20px;
     font-size: 0.6rem;
}
 .aside-menu .menu-nav > .menu-item > .menu-heading .menu-arrow:before, .aside-menu .menu-nav > .menu-item > .menu-link .menu-arrow:before {
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
}
 [direction="rtl"] .aside-menu .menu-nav > .menu-item > .menu-heading .menu-arrow:before, [direction="rtl"] .aside-menu .menu-nav > .menu-item > .menu-link .menu-arrow:before {
     content: "" !important;
}
 .aside-menu .menu-nav > .menu-item > .menu-heading .menu-item-here, .aside-menu .menu-nav > .menu-item > .menu-link .menu-item-here {
     display: none;
}
 .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-arrow:before, .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-arrow:before {
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-subnav {
     margin: 0px 0 ;
}
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item {
     margin: 0 ;
}
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link {
     cursor: pointer;
     min-height: 40px;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-submenu .menu-subnav .menu-item > .menu-heading,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-submenu .menu-subnav .menu-item > .menu-link {
    min-height: 35px;
}
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-text {
     font-weight: 400;
     font-size: 1.1rem;
     text-transform: initial;
}
 body .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-text, body .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-text {
     color:#7a7992;
}
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-icon, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-icon {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 25px;
     flex: 0 0 25px;
     font-size: 1.3rem;
}
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-icon svg, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-icon svg {
     height: 18px;
     width: 18px;
     margin-left: -2px;
     position: relative;
     top: 1px;
}
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-bullet, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-bullet {
     vertical-align: middle;
     text-align: left;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 12px;
     flex: 0 0 12px;
}
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-bullet > span, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-bullet > span {
     vertical-align: middle;
     display: inline-block;
}
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-bullet.menu-bullet-dot > span, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-bullet.menu-bullet-dot > span {
     width: 4px;
     height: 4px;
     border-radius: 100%;
}
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-bullet.menu-bullet-line > span, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-bullet.menu-bullet-line > span {
     width: 5px;
     height: 1px;
}
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-label, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-label {
     padding: 0px 0px 0px 5px;
}
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-arrow, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-arrow {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 20px;
     flex: 0 0 20px;
     font-size: 0.6rem;
}
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-arrow:before, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-arrow:before {
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
}
 [direction="rtl"] .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-arrow:before, [direction="rtl"] .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-arrow:before {
     content: "" !important;
}
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-item-here, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-item-here {
     display: none;
}
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-heading .menu-arrow:before, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-link .menu-arrow:before {
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-section {
     margin: 20px 0 0 0;
     height: 40px;
}
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-section .menu-text {
     font-size: 0.8rem;
     font-weight: 300;
     text-transform: uppercase;
     letter-spacing: 0.3px;
}
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-separator {
     margin: 15px 0;
}
 .aside-menu .menu-nav > .menu-item .menu-submenu .menu-separator .menu-separator-marginless {
     margin: 0;
}
 .aside-menu .menu-nav > .menu-section {
     margin: 20px 0 0 0;
     height: 40px;
}
 .aside-menu .menu-nav > .menu-section .menu-text {
     font-size: 0.9rem;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: 0.3px;
}
 .aside-menu .menu-nav > .menu-separator {
     margin: 15px 0;
}
 .aside-menu .menu-nav > .menu-separator .menu-separator-marginless {
     margin: 0;
}
 .aside-menu .menu-nav > .menu-item > .menu-link {
     padding: 9px 10px;
     margin:2px 0px;
     font-size:12px;
}
 .aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav .menu-content .menu-heading {
     padding: 0 25px;
     padding-left: 40px;
}
 .aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav .menu-content .menu-inner {
     padding: 0;
     margin: 0;
}
 .aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav .menu-content .menu-inner .menu-link {
     padding: 0 25px;
     padding-left: 55px;
}
 .aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-link {
     padding: 3px 25px 3px 0px;
     /* border-left: solid 2px #9fceff; */
     margin-left: 35px;
}
body .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link{
    background-color: transparent;
}
 .aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu {
     padding: 0;
}
 .aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav {
     padding: 0;
     position:relative;
     margin-bottom: 6px;
}
.aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav::before {
    content: "";
    position: absolute;
    left: 41px;
    top: 10px;
    bottom: 10px;
    width: 2px;
    background-color: #9FCEFF;
    opacity:0.8
  }
 .aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-link {
     padding:5px 0 5px 25px;
     /* padding-left: 25px; */
}
 .aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu {
     padding: 0;
}
 .aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-link {
     padding: 0 25px;
     padding-left: 70px;
}
 .aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-section {
     padding-left: 40px;
}
 .aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu {
     padding: 0;
}
 .aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-section {
     padding-left: 55px;
}
 .aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu {
     padding: 0;
}
 .aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-section {
     padding-left: 70px;
}
 @media (min-width: 992px) {
     .aside-minimize:not(.aside-minimize-hover) .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]) > .menu-link > .menu-arrow:before, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]) > .menu-link > .menu-arrow:before {
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
         -webkit-transform-style: preserve-3d;
    }
     .aside-minimize:not(.aside-minimize-hover) .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]) > .menu-submenu:not(.AMC-right-inner .menu-submenu),
     .aside-minimize:not(.aside-minimize-hover) .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]) > .menu-submenu:not(.AMC-right-inner .menu-submenu) {
         display: none !important;
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
         -webkit-transform-style: preserve-3d;
    }

     .aside-minimize:not(.aside-minimize-hover) .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover {
         position: relative;
    }
     .aside-minimize:not(.aside-minimize-hover) .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu {
         top: -10px;
         position: absolute;
         left: 0;
         z-index: 98;
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important;
         width: 265px;
         margin-left: 265px;
         border-radius: 4px;
         -webkit-animation: aside-menu-submenu-fade-in 0.3s ease 1, aside-menu-submenu-move-up 0.3s ease-out 1;
         animation: aside-menu-submenu-fade-in 0.3s ease 1, aside-menu-submenu-move-up 0.3s ease-out 1;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu.menu-submenu-up, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu.menu-submenu-up {
         bottom: 0;
         top: auto;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu.menu-submenu-up, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu.menu-submenu-up {
         top: auto;
         bottom: -10px;
         -webkit-animation: aside-menu-submenu-fade-in 0.3s ease 1, aside-menu-submenu-move-down 0.3s ease-out 1;
         animation: aside-menu-submenu-fade-in 0.3s ease 1, aside-menu-submenu-move-down 0.3s ease-out 1;
    }
}
 @media screen and (min-width: 992px) and (-ms-high-contrast: active), (min-width: 992px) and (-ms-high-contrast: none) {
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu.menu-submenu-up, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu.menu-submenu-up {
         -webkit-animation: none;
         animation: none;
    }
}
 @media (min-width: 992px) {
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav {
         padding: 20px 0;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item {
         margin: 0 ;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-link, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-link {
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start;
         padding: 7px 30px;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-link .link-title, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-link .link-title {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-link .menu-text, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-link .menu-text {
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
         -webkit-transform-style: preserve-3d;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-link .menu-icon, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-link .menu-icon {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-link .menu-bullet, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-link .menu-bullet {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-link .menu-label, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-link .menu-label {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-link .menu-arrow, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-link .menu-arrow {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-submenu .menu-subnav, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-submenu .menu-subnav {
         padding: 20px 0;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-submenu .menu-subnav > .menu-item > .menu-link, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-submenu .menu-subnav > .menu-item > .menu-link {
         padding: 7px 30px;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-submenu .menu-subnav > .menu-item .menu-submenu .menu-subnav, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-submenu .menu-subnav > .menu-item .menu-submenu .menu-subnav {
         padding: 20px 0;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-submenu .menu-subnav > .menu-item .menu-submenu .menu-subnav > .menu-item > .menu-link, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-submenu .menu-subnav > .menu-item .menu-submenu .menu-subnav > .menu-item > .menu-link {
         padding: 7px 30px;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-submenu .menu-subnav > .menu-section, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item .menu-submenu .menu-subnav > .menu-section {
         padding: 0 25px;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading, .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link {
         cursor: pointer;
         min-height: 40px;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-text, .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-text, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-text, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-text {
         font-weight: 400;
         font-size: 1.1rem;
         text-transform: initial;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-icon, .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-icon, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-icon, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-icon {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 35px;
         flex: 0 0 35px;
         font-size: 1.35rem;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-icon svg, .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-icon svg, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-icon svg, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-icon svg {
         margin-left: -2px;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-bullet, .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-bullet, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-bullet, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-bullet {
         vertical-align: middle;
         text-align: left;
         -webkit-box-flex: 0;
         -ms-flex: 0 0 15px;
         flex: 0 0 15px;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-bullet > span, .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-bullet > span, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-bullet > span, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-bullet > span {
         vertical-align: middle;
         display: inline-block;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-bullet.menu-bullet-dot > span, .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-bullet.menu-bullet-dot > span, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-bullet.menu-bullet-dot > span, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-bullet.menu-bullet-dot > span {
         width: 4px;
         height: 4px;
         border-radius: 100%;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-bullet.menu-bullet-line > span, .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-bullet.menu-bullet-line > span, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-bullet.menu-bullet-line > span, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-bullet.menu-bullet-line > span {
         width: 5px;
         height: 1px;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-label, .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-label, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-label, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-label {
         padding: 0px 0px 0px 5px;
         text-align: right;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-arrow, .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-arrow, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-arrow, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-arrow {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 20px;
         flex: 0 0 20px;
         font-size: 0.6rem;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-arrow:before, .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-arrow:before, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-arrow:before, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-arrow:before {
         -webkit-transition: all 0.3s ease;
         transition: all 0.3s ease;
         font-family: Ki;
         font-style: normal;
         font-weight: normal;
         font-variant: normal;
         line-height: 1;
         text-decoration: inherit;
         text-rendering: optimizeLegibility;
         text-transform: none;
         -moz-osx-font-smoothing: grayscale;
         -webkit-font-smoothing: antialiased;
         font-smoothing: antialiased;
         content: "";
    }
     [direction="rtl"] .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-arrow:before, [direction="rtl"] .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-arrow:before, [direction="rtl"] .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-arrow:before, [direction="rtl"] .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-arrow:before {
         content: "" !important;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-item-here, .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-item-here, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-heading .menu-item-here, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item > .menu-link .menu-item-here {
         display: none;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item.menu-item-open > .menu-heading .menu-arrow:before, .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item.menu-item-open > .menu-link .menu-arrow:before, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item.menu-item-open > .menu-heading .menu-arrow:before, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-item.menu-item-open > .menu-link .menu-arrow:before {
         -webkit-transition: all 0.3s ease;
         transition: all 0.3s ease;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-section, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-section {
         margin: 20px 0 0 0;
         height: 40px;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-section .menu-text, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-section .menu-text {
         font-size: 0.8rem;
         font-weight: 300;
         text-transform: uppercase;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-separator, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-separator {
         margin: 15px 0;
    }
     .aside-minimize .aside-menu .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-separator .menu-separator-marginless, .aside-menu.aside-menu-dropdown .menu-nav .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu .menu-subnav > .menu-separator .menu-separator-marginless {
         margin: 0;
    }
     .aside-minimize .aside-menu .menu-nav > .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu, .aside-menu.aside-menu-dropdown .menu-nav > .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu {
         margin-left: 265px;
         top: -5px;
    }
     .aside-minimize .aside-menu .menu-nav > .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu.menu-submenu-up, .aside-menu.aside-menu-dropdown .menu-nav > .menu-item:not([data-menu-submenu-mode=accordion]).menu-item-hover > .menu-submenu.menu-submenu-up {
         bottom: -10px;
    }
}
 @-webkit-keyframes aside-menu-submenu-fade-out {
     from {
         opacity: 1;
    }
     to {
         opacity: 0;
    }
}
 @keyframes aside-menu-submenu-fade-out {
     from {
         opacity: 1;
    }
     to {
         opacity: 0;
    }
}
 @-webkit-keyframes aside-menu-submenu-fade-in {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @keyframes aside-menu-submenu-fade-in {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @-webkit-keyframes aside-menu-submenu-move-up {
     from {
         margin-top: 10px;
    }
     to {
         margin-top: 0;
    }
}
 @keyframes aside-menu-submenu-move-up {
     from {
         margin-top: 10px;
    }
     to {
         margin-top: 0;
    }
}
 @-webkit-keyframes aside-menu-submenu-move-down {
     from {
         margin-bottom: 10px;
    }
     to {
         margin-bottom: 0;
    }
}
 @keyframes aside-menu-submenu-move-down {
     from {
         margin-bottom: 10px;
    }
     to {
         margin-bottom: 0;
    }
}
 @media (min-width: 992px) {
     .aside-minimize .aside-menu .menu-nav {
         padding: 15px 0;
    }
    .aside-minimize .AMC-right-inner .aside-menu .menu-nav{
        padding: 0;
    }

     .aside-minimize .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon {
         width: 100%;
    }
     .aside-minimize:not(.aside-minimize-hover) .aside-menu .menu-nav > .menu-item > .menu-link .menu-bullet {
         display: none;
    }
     .aside-minimize:not(.aside-minimize-hover) .aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
         display: none;
    }
    .aside-minimize:not(.aside-minimize-hover) .AMC-right-inner .aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
        display: flex;
   }



    /* .aside-minimize-hover .aside-menu .menu-nav > .menu-item > .menu-link .menu-bullet {
         display: block;
    }
     .aside-minimize-hover .aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
         display: block;
    }
     */
     .aside-minimize .aside-menu .menu-nav > .menu-item > .menu-link .menu-label {
         padding: 0;
         position: relative;
         right: 7px;
    }
     .aside-minimize .aside-menu .menu-nav > .menu-item > .menu-link .menu-label .label {
         text-indent: -9999px;
         position: relative;
         padding: 0;
         min-width: 6px;
         width: 6px;
         min-height: 6px;
         height: 6px;
    }
     .aside-minimize:not(.aside-minimize-hover) .aside-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
         display: none;
    }
    .aside-minimize:not(.aside-minimize-hover) .AMC-right-inner .aside-menu .menu-nav > .menu-item > .menu-link .menu-arrow{
        display:flex
    }
    /* .aside-minimize-hover .aside-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
         display: flex;
    }
     */
     .aside-minimize:not(.aside-minimize-hover) .aside-menu .menu-nav > .menu-item > .menu-submenu:not(.AMC-right-inner .menu-submenu) {
         display: none !important;
    }
     .aside-minimize .aside-menu .menu-nav > .menu-item.menu-item-here > .menu-arrow {
         display: inline-block;
    }
     .aside-minimize .aside-menu .menu-nav > .menu-item.menu-item-hover {
         position: relative;
         z-index: 265px;
         width: 521px;
    }
     .aside-minimize .aside-menu .menu-nav > .menu-item.menu-item-hover.menu-item-open {
         background: transparent;
    }
     .aside-minimize .aside-menu .menu-nav > .menu-item.menu-item-hover > .menu-link {
         width: 70px;
    }
     .aside-minimize .aside-menu .menu-nav > .menu-item.menu-item-hover > .menu-link .link-title {
         display: none;
    }
     .aside-minimize .aside-menu .menu-nav > .menu-item.menu-item-hover > .menu-submenu {
         top: 0;
         bottom: auto;
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important;
         margin-left: 70px !important;
    }
     .aside-minimize .aside-menu .menu-nav > .menu-item.menu-item-hover > .menu-submenu .menu-subnav > .menu-item.menu-item-parent {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         margin: 0;
    }
     .aside-minimize .aside-menu .menu-nav > .menu-item.menu-item-hover > .menu-submenu .menu-subnav > .menu-item.menu-item-parent > .menu-link {
         height: 40px;
         padding: 0 30px 10px 30px;
    }
     .aside-minimize .aside-menu .menu-nav > .menu-item.menu-item-hover > .menu-submenu .menu-subnav > .menu-item.menu-item-parent > .menu-link .menu-text {
         font-weight: 400;
         font-size: 1.05rem;
         text-transform: initial;
         cursor: text !important;
    }
     .aside-minimize .aside-menu .menu-nav > .menu-item.menu-item-hover > .menu-submenu .menu-subnav > .menu-item.menu-item-parent > .menu-link .menu-label {
         padding: 0px 0px 0px 5px;
    }
     .aside-minimize .aside-menu .menu-nav > .menu-item.menu-item-hover > .menu-submenu .menu-subnav > .menu-item.menu-item-parent + .menu-item {
         margin-top: 0px;
    }
     .aside-minimize .aside-menu .menu-nav > .menu-item.menu-item-hover > .menu-arrow {
         display: none;
    }
     .aside-minimize .aside-menu .menu-nav > .menu-section {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
    }
     .aside-minimize .aside-menu .menu-nav > .menu-section .menu-text {
         display: none;
    }
     .aside-minimize .aside-menu .menu-nav > .menu-section .menu-icon {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         padding: 0;
    }
}
 @media (max-width: 991.98px) {
     .aside {
         z-index: 1001;
         position: fixed;
         top: 0;
         bottom: 0;
         -webkit-transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
         transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
         left: -295px;
         width: 275px;
    }
     .aside.aside-on {
         -webkit-transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
         transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
         left: 0;
    }
}
 @media screen and (max-width: 991.98px) and (-ms-high-contrast: active), (max-width: 991.98px) and (-ms-high-contrast: none) {
     .aside {
         -webkit-transition: none !important;
         transition: none !important;
    }
}
 @media (max-width: 991.98px) {
     .aside.aside-right {
         right: -295px;
         left: auto;
    }
     .aside.aside-right.aside-on {
         -webkit-transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
         transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
         right: 0;
         left: auto;
    }
     .aside-overlay {
         position: fixed;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         overflow: hidden;
         z-index: 1000;
         -webkit-animation: animation-offcanvas-fade-in .6s ease 1;
         animation: animation-offcanvas-fade-in .6s ease 1;
    }
     @-webkit-keyframes animation-offcanvas-fade-in {
         from {
             opacity: 0;
        }
         to {
             opacity: 1;
        }
    }
     @keyframes animation-offcanvas-fade-in {
         from {
             opacity: 0;
        }
         to {
             opacity: 1;
        }
    }
     .aside {
         background: #ffffff;
         -webkit-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);
         box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);
    }
     .aside-overlay {
         background: rgba(0, 0, 0, 0.1);
    }
}
 @media (max-width: 325px) {
     .aside {
         width: 90% !important;
    }
}
 .brand {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     padding: 0 25px;
     height: 65px;
}
 .brand .brand-logo {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: flex-begin;
     -ms-flex-pack: flex-begin;
     justify-content: flex-begin;
}
 .aside-minimize:not(.aside-minimize-hover) .brand .brand-logo img {
     display: none;
}
/* .aside-minimize-hover .brand .brand-logo img {
     display: block;
}
 */
 .aside-minimize .brand{
     justify-content: space-between!important;
}
 .brand .brand-toggle .svg-icon svg {
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
}
 @media (min-width: 992px) {
     .header-fixed.aside-static .brand {
         position: fixed;
         top: 0;
         left: 0;
         width: 265px;
         z-index: 97;
    }
     .aside-minimize .brand {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
    }
     .aside-minimize .brand .brand-toggle .svg-icon svg {
         -webkit-transition: all 0.15s ease;
         transition: all 0.15s ease;
         -webkit-transform: rotate(180deg);
         transform: rotate(180deg);
        /*rtl:begin:*/
        /*rtl:end:*/
    }
     .header-fixed.aside-static.aside-minimize .brand {
         width: 265px;
    }
}
 @media (max-width: 991.98px) {
     .brand {
         display: none;
    }
}
 .subheader {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .subheader .subheader-separator {
     display: block;
     width: 12px;
     height: 4px;
     border-radius: 2px;
}
 .subheader .subheader-separator.subheader-separator-ver {
     width: 1px;
     height: 22px;
}
 .subheader.subheader-solid {
     border-top: 1px solid #EBEDF3;
     background-color: #ffffff;
}
 @media (min-width: 992px) {
     .header-fixed.subheader-fixed .subheader {
         position: fixed;
         height: 54px;
         top: 65px;
         left: 0;
         right: 0;
         -webkit-transition: top 0.3s ease;
         transition: top 0.3s ease;
         z-index: 95;
         -webkit-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
         box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
         background-color: #ffffff;
         border-top: 1px solid #EBEDF3;
         margin: 0;
    }
     .header-fixed.header-minimize.subheader-fixed .subheader {
         top: 65px;
         -webkit-transition: top 0.3s ease;
         transition: top 0.3s ease;
    }
     .aside-enabled.subheader-fixed .subheader {
         left: 265px;
    }
     .subheader-fixed.aside-minimize-hover .subheader, .subheader-fixed.aside-minimize .subheader {
         left: 70px;
    }
     .subheader-enabled:not(.subheader-fixed) .content {
         padding-top: 0;
    }
     .subheader-enabled:not(.subheader-fixed) .subheader.subheader-solid {
         margin-bottom: 25px;
    }
}
 @media (max-width: 991.98px) {
     .header-mobile-fixed.subheader-mobile-fixed .subheader {
         position: fixed;
         height: 65px;
         top: 55px;
         left: 0;
         right: 0;
         -webkit-transition: top 0.3s ease;
         transition: top 0.3s ease;
         z-index: 95;
         -webkit-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
         box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
         background-color: #ffffff;
         border-top: 1px solid #EBEDF3;
         margin: 0;
    }
     .subheader-enabled:not(.subheader-mobile-fixed) .content {
         padding-top: 0;
    }
     .subheader.subheader-solid {
         margin-bottom: 15px;
    }
}
 @media (min-width: 992px) {
     .content {
         padding: 25px 0;
    }
     .footer-fixed .content {
         padding-bottom: 60px;
    }
}
 @media (max-width: 991.98px) {
     .content {
         padding: 15px 0;
    }
     .subheader-enabled.subheader-transparent .content {
         padding-top: 0;
    }
}
 @media (min-width: 992px) {
     .footer-fixed .footer {
         position: fixed;
         height: 60px;
         -webkit-box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);
         box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);
         bottom: 0;
         right: 0;
         left: 265px;
    }
     .aside-minimize-hover.footer-fixed .footer, .aside-minimize.footer-fixed .footer {
         left: 70px;
    }
}
 .offcanvas, .offcanvas-mobile {
     -ms-flex-negative: 0 !important;
     flex-shrink: 0 !important;
}
 .offcanvas .offcanvas-header.offcanvas-header-navs, .offcanvas-mobile .offcanvas-header.offcanvas-header-navs {
     position: relative;
}
 .offcanvas .offcanvas-header.offcanvas-header-navs .offcanvas-close, .offcanvas-mobile .offcanvas-header.offcanvas-header-navs .offcanvas-close {
     position: absolute;
     top: 0;
     right: 0;
}
 .offcanvas .offcanvas-content .offcanvas-demo, .offcanvas-mobile .offcanvas-content .offcanvas-demo {
     border: 5px solid #EBEDF3;
}
 .offcanvas .offcanvas-content .offcanvas-demo.offcanvas-demo-active, .offcanvas-mobile .offcanvas-content .offcanvas-demo.offcanvas-demo-active {
     border: 5px solid #4785FF;
}
 .offcanvas {
     background-color: #ffffff;
     -webkit-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.25);
     box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.25);
}
 @media (max-width: 991.98px) {
     .offcanvas-mobile {
         background-color: #ffffff;
         -webkit-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.25);
         box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.25);
    }
}
 .offcanvas {
     z-index: 1001;
     position: fixed;
     top: 0;
     bottom: 0;
     -webkit-transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
     transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
     left: -395px;
     width: 385px;
}
 .offcanvas.offcanvas-on {
     -webkit-transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
     transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
     left: 0;
}
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
     .offcanvas {
         -webkit-transition: none !important;
         transition: none !important;
    }
}
 .offcanvas.offcanvas-right {
     right: -395px;
     left: auto;
}
 .offcanvas.offcanvas-right.offcanvas-on {
     -webkit-transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
     transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
     right: 0;
     left: auto;
}
 .offcanvas-overlay {
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     overflow: hidden;
     z-index: 1000;
     -webkit-animation: animation-offcanvas-fade-in .6s ease 1;
     animation: animation-offcanvas-fade-in .6s ease 1;
}
 @-webkit-keyframes animation-offcanvas-fade-in {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @keyframes animation-offcanvas-fade-in {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 .offcanvas {
     background: #ffffff;
     -webkit-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.25);
     box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.25);
}
 .offcanvas-overlay {
     background: rgba(0, 0, 0, 0.1);
}
 @media (max-width: 425px) {
     .offcanvas {
         width: 90% !important;
    }
}
 @media (max-width: 991.98px) {
     .offcanvas-mobile {
         z-index: 1001;
         position: fixed;
         top: 0;
         bottom: 0;
         -webkit-transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
         transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
         left: -395px;
         width: 375px;
    }
     .offcanvas-mobile.offcanvas-mobile-on {
         -webkit-transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
         transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
         left: 0;
    }
}
 @media screen and (max-width: 991.98px) and (-ms-high-contrast: active), (max-width: 991.98px) and (-ms-high-contrast: none) {
     .offcanvas-mobile {
         -webkit-transition: none !important;
         transition: none !important;
    }
}
 @media (max-width: 991.98px) {
     .offcanvas-mobile.offcanvas-mobile-right {
         right: -395px;
         left: auto;
    }
     .offcanvas-mobile.offcanvas-mobile-right.offcanvas-mobile-on {
         -webkit-transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
         transition: left 0.3s ease, right 0.3s ease, bottom 0.3s ease, top 0.3s ease;
         right: 0;
         left: auto;
    }
     .offcanvas-mobile-overlay {
         position: fixed;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         overflow: hidden;
         z-index: 1000;
         -webkit-animation: animation-offcanvas-fade-in .6s ease 1;
         animation: animation-offcanvas-fade-in .6s ease 1;
    }
     @-webkit-keyframes animation-offcanvas-fade-in {
         from {
             opacity: 0;
        }
         to {
             opacity: 1;
        }
    }
     @keyframes animation-offcanvas-fade-in {
         from {
             opacity: 0;
        }
         to {
             opacity: 1;
        }
    }
     .offcanvas-mobile {
         background: #ffffff;
         -webkit-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.25);
         box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.25);
    }
     .offcanvas-mobile-overlay {
         background: rgba(0, 0, 0, 0.1);
    }
     .add-competency-wizard .wizard.wizard-3 .wizard-nav .wizard-steps{
         flex-direction:row;
    }
     .add-competency-wizard .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         position: relative;
         width: auto;
        /* max-width: 400px;
         */
         white-space: normal;
         align-self: end;
    }
}
 @media (max-width: 425px) {
     .offcanvas-mobile {
         width: 90% !important;
    }
}
/* custom css 23.03.2021 */
 #org-drawer{
     position: fixed;
     max-width: 900px;
     width:640px;
     background-color: #fefeff;
     top: 0;
     height: 100%;
     box-shadow: -1px 0px 25px rgba(0,0,0,0.1);
     border-left: solid 1px rgba(232, 232, 247,0.3);
     padding: 0px;
     transition:0.7s;
     right: -100%;
     border-radius:0px ;
     z-index:999;
}
.org-structure-wrapper .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon{
    width:35px;
    min-width:35px;
    height:35px;
}
.org-structure-wrapper .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check,
.org-structure-wrapper .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number,
.org-structure-wrapper .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title{
    font-size:1rem;
}
.org-structure-wrapper .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:last-child .wizard-label .wizard-title,
.org-structure-wrapper .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title {
    color: #181C32;
  }
  .org-structure-wrapper .wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step  {
    margin-bottom: 0;
    margin-top: 10px;
  }
 #org-drawer.open-org-drawer {
     right: 0;
}
 #org-drawer.open-org-drawer .org-structure-backdrop {
    width: 2000px;
     background-color:rgba(0, 0, 0, 0.1);
     left: -2000px;
     position: absolute;
     height: 100%;
     top: 0;
}
 .font-weight-600{
    font-weight:600!important
}
 #orgChart{
    max-height:650px
}
 #orgChart table{
    margin:15px auto;
}
 #orgChart table table{
    margin:0px
}
 .draggable .draggable-handle {
     cursor: move;
    /* fallback if grab cursor is unsupported */
     cursor: grab;
     cursor: -moz-grab;
     cursor: -webkit-grab;
}
 /* .draggable .draggable-handle:active {
     cursor: grabbing;
     cursor: -moz-grabbing;
     cursor: -webkit-grabbing;
} */
 #zoom-slider {
     height: 0px;
     background-color: transparent;
     border: solid 1px #4785FF;
}
 #zoom-slider a {
     border-radius: 100px;
     width: 15px;
     height: 15px;
     top: calc(50% - 1px);
     transform: translateY(-50%);
     border: 2px solid #fff;
     background: #4785FF;
     box-shadow: 2px 0px 1px rgba(0,0,0,0.3);
     cursor: grab;
}
/* Form Builder */
 .formarea .dropzone {
     border: none;
     padding:0px;
}
 .competency-item-wrapper {
     border: solid rgb(225, 240, 255);
     border-width: 2px 1px;
     position:relative;
     z-index:1;
}
 .competency-item-carousel .owl-item:first-child .competency-item-wrapper::before, .competency-item-carousel .owl-item:first-child .competency-item-wrapper::after {
    display:none
}
 .competency-subsection label.radio span{
     position:absolute;
     left: -99999px;
     width:0px;
     height:0px;
     overflow:hidden;
     opacity:0;
}
 .competency-item-wrapper::after {
     content: "";
     position: absolute;
     top: 50%;
     transform: translateY(-50%) rotate(90deg);
     left: -12px;
     display: inline-block;
     border-right: 17px solid transparent;
     border-bottom: 17px solid #fff;
     border-bottom-color: rgb(255, 255, 255);
     border-left: 17px solid transparent;
     border-bottom-color: #fff;
     content: '';
}
 .competency-item-wrapper::before {
     content: "\f105";
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     left: -17px;
     display: inline-block;
     font-family: 'Line Awesome Free';
     font-weight: 900;
     z-index: 1;
     font-size: 40px;
     color: rgb(225, 240, 255);
}
 .competency-item-header {
     width: 100%;
     min-height: 70px;
     position: relative;
     padding:15px;
}
 .competency-item-header p{
    position:relative;
     z-index:1;
    margin:0px;
}
 .competency-item-count {
     position: absolute;
     text-align: right;
     right: 15px;
     font-weight: 600;
     color: #5eadff;
     top: 0px;
     line-height: normal;
     text-shadow: 1px 1px 1px rgb(117, 182, 249);
     z-index: 0;
     font-size: 60px;
}
 .competency-item-description {
     padding: 15px;
     border-width: 0px 8px 8px 8px;
}
 .competency-item-description ol, .competency-item-description ul{
     list-style-type:none;
     padding:0px;
}
 .competency-item-description ul li, .competency-item-description ol li{
     padding-left:20px;
     position:relative;
     margin: 3px 0px;
     opacity:0.8
}
 .competency-item-description ul li:before, .competency-item-description ol li:before{
     content: "\f1af";
     position: absolute;
     left: 0px;
     font-family: Flaticon2;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     font-size: 12px;
     color: #afcbe8;
     top: 2px;
}
 .competency-item-title {
     font-size: 16px;
     font-weight: bold;
     margin-bottom: 0px;
     position: relative;
     line-height: normal;
     z-index:1;
}
 .competency-item-description p {
     margin: 0;
     font-size: 14px;
     color: #444;
}
/* .owl-carousel.competency-item-carousel .owl-nav{
     position: absolute;
     left: -10px;
     top: 50%;
     transform: translateY(50%);
     width: calc(100% + 20px);
}
 */
 .owl-carousel.competency-item-carousel .owl-nav{
    margin-top:0px;
}
 .owl-carousel.competency-item-carousel .owl-nav button.owl-next, .owl-carousel.competency-item-carousel .owl-nav button.owl-prev{
    /* position: absolute;
     top: 50%;
     transform: translateY(-50%);
     */
     font-size: 30px;
}
 .owl-carousel.competency-item-carousel .owl-nav button.owl-next:hover, .owl-carousel.competency-item-carousel .owl-nav button.owl-prev:hover{
     background-color:transparent;
     color:#000;
}
/*.owl-carousel.competency-item-carousel .owl-nav button.owl-prev{
    left:0
}
 .owl-carousel.competency-item-carousel .owl-nav button.owl-next{
    right:3px
}
 */
/* .radio > input ~ span{
    display:none!important
}
 */
 .radio > input ~ .competency-item-wrapper .competency-item-count::after {
     content: "";
     width: 20px;
     height: 20px;
     border: solid 2px #b9dafb;
     position: absolute;
     border-radius: 5px;
     right: -7px;
     background-color:#4785FF;
     box-shadow: 1px 1px 6px rgb(54, 153, 255,0.2);
     opacity: 1;
     font-family: Flaticon2;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     font-size: 12px;
     line-height: 17px;
     color: #fff;
     top: 5px;
     text-align: center;
}
 .radio > input:checked ~ .competency-item-wrapper .competency-item-count::after {
     content: "\f1af";
}
/* accordion */
 .competency-tab-header{
     color: #333;
     background-color: #ebf5ff;
     padding: 10px;
     border-radius: 5px;
     position: relative;
     display: block;
     padding: 0.75rem 1.25rem;
     background-color: #ffffff;
     border: 1px solid #EBEDF3;
}
 .competency-accordion-wrapper .competency-accordion-header a{
     padding: 10px 15px;
     background-color: #ebf5ff;
     border-bottom: solid 1px #e3effb;
     width:100%;
     display:block;
     color:#333;
     position:relative;
}
 .competency-accordion-wrapper .accordion-content-body .competency-accordion-header a{
     background-color:rgba(235, 245, 255,0.4);
     border-radius:0px;
     font-size:13px;
}
 .competency-accordion-wrapper .accordion-content-body .accordion-content-body .competency-accordion-header a{
     background-color:#fff;
}
 .competency-accordion-wrapper .competency-accordion-header a::after{
     content: "\f106";
     font-family: 'Line Awesome Free';
     font-weight: 900;
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     line-height: 1;
     position: absolute;
     right: 10px;
     font-size: 12px;
     top: 50%;
     transform: translateY(-50%);
     transition:0.6s;
}
 .competency-accordion-wrapper .competency-accordion-header a.collapsed::after{
     transform: translateY(-50%) rotate(180deg);
}
 .accordion-content-list {
     margin: 0px 0 15px 0px;
}
 .accordion-content-list .nav-item {
     width: 100%;
}
 .accordion-content-list .nav-item .nav-link {
     display: block;
     margin: 3px 0px;
     padding: 3px 3px 3px 20px;
     font-weight: 500;
     border-top: solid 1px #ebf5ff;
     border-bottom:0;
     font-size:12px;
}
 .accordion-content-list .nav-item .nav-link:hover, .accordion-content-list .nav-item .nav-link:focus{
     border-width:1px 0px 0px 0px
}
 .accordion-content-list .nav-item .nav-link:first-child:hover, .accordion-content-list .nav-item .nav-link:focus{
     border-width:1px 0px 0px 0px
}
 .accordion-content-list .nav-item:first-child a{
    border:0;
}
/* Scrollspy */
 .scrollspy-nav {
     position: fixed;
     z-index: 1;
     background: white;
     left:320px;
     top: 250px;
     max-width: 240px;
     height: 300px;
     overflow: hidden;
     width: 100%;
     transition:all 0.7s;
}
 .scrollspy-nav.list-unstyled.scrollspy-fixed {
     top: 140px;
}
 .scrollspy-nav li .scroll-title {
     position: absolute;
     left: -110%;
     top: 0;
     -webkit-transition: 1s all ease;
     -moz-transition: 1s all ease;
     transition: 1s all ease;
     color:#999;
}
 .scrollspy-nav li a{
    pointer-events:none
}
 .scrollspy-nav li a .scroll-title:after{
     content:"";
     width:10px;
     height: 2px;
     background-color:#4785FF;
     transition: all 1.5s;
     position: absolute;
     left: 0;
     bottom: -8px;
     border-radius: 100px;
}
 .scrollspy-nav li.active a .scroll-title:after{
     width:80%;
}
 .scrollspy-nav li.active .scroll-title {
     left: 0;
     top: 0;
     color:#333;
}
 .scrollspy-content {
     position: relative;
}
/* Scrollspy End*/
 .dropzone-msg svg {
     width: 60px;
     height:60px;
     margin: 10px;
     color: #e5e7f0;
}
 .light-hr{
     margin:20px 0px;
     border-top:solid 1px #eee;
}
 .or-hr {
     position: relative;
     margin: 20px 0px;
     border-top: solid 1px #e1f0ff;
     display: inline-block;
     width: 100%;
}
 .or-hr::after {
     content: "or";
     position: absolute;
     left: 50%;
     top: -11px;
     text-align: center;
     height: 22px;
     background-color: #e1f0ff;
     z-index: 2;
     width: 30px;
     transform: translateX(-50%);
     font-weight: bold;
     color: #4785FF;
     border-radius: 4px;
}
 .add-form-division {
     margin: 10px 0px;
    /* padding: 15px;
     */
}
 .competency-repeat-wrapper {
     border-radius: 10px;
     padding:15px;
}
 .repeat-add-wrapper{
    margin-right:40px
}
 ol.custom-ol {
     counter-reset: my-awesome-counter;
     list-style: none;
     padding-left: 20px;
}
 ol.custom-ol li {
     margin: 0 0 0.5rem 0;
     counter-increment: my-awesome-counter;
     position: relative;
}
 ol.custom-ol li::before {
     content: counter(my-awesome-counter);
     color: #e0e7ee;
     font-size: 1.5rem;
     font-weight: bold;
     position: absolute;
     --size: 32px;
     left: calc(-1 * var(--size) - 0px);
     line-height: var(--size);
     width: var(--size);
     height: var(--size);
     top: 0;
     border-radius: 50%;
     text-align: center;
     text-shadow: 1px 1px 1px #78828c;
}
.add-subsection-wrapper ol.custom-ol li::before {
     top:10px;
     font-size:2rem;
}
.add-section-wrapper {
     padding: 15px;
     margin: 10px 0;
     border: dashed 1px #ddd;
     border-radius: 10px;
}
.search-btn-col{
     max-width:100px
}
 .competency-subsection {
     margin: 25px 0px;
}
 .table-profile-img {
     width: 34px;
     min-width: 34px;
     height: 34px;
     overflow: hidden;
     margin: auto;
     border-radius: 5px;
     display: inline-block;
}
 .table-profile-img img{
    width:100%;
    height:auto
}
 .font-size-unset{
    font-size: unset!important;
}
 .download-sample-list .btn {
     margin:5px 0;
}
 .btn.btn-light-secondary i {
     color: rgba(63, 66, 84, 0.9)!important;
}
 .main-dashboard-tabs .nav .nav-link .nav-icon i, .main-dashboard-tabs .nav .nav-link .nav-text{
    color:#000;
    font-size:14px!important;
}
 .main-dashboard-tabs .nav .nav-link.active{
     background-color: #e3eeff;
}
 /* .main-dashboard-tabs::after {
     content: "";
     background-image: linear-gradient(to right, transparent , rgba(255, 255, 255, 1));
     width: 100px;
     position: absolute;
     right: 100px;
     height: 100%;
     top: 0;
} */
 .main-dashboard-tabs .nav .nav-link.active .nav-icon i, .main-dashboard-tabs .nav .nav-link.active .nav-text{
     color:#4785FF;
}
 .dash-tab-prev, .dash-tab-next{
     position:absolute;
     line-height:32px;
     top:calc(50% - 4px);
     cursor:pointer;
     opacity:0.55 ;
     border: solid 1px #93B5FA;
    line-height: 30px;
}
 .dash-tab-prev:hover, .dash-tab-next:hover{
     opacity:1
}
 .dash-tab-prev::before, .dash-tab-next::before{
     color:#4785FF;
     font-family: Flaticon2;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     font-size:13px;
}
 .main-dashboard-tabs{
    position:relative
}
 .dash-tab-next {
     right: 0;
     width: 32px;
     height: 32px;
     box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
     border-radius: 100px;
     text-align: center;
     transform: translateY(-50%);
     margin: 0px;
}
 .dash-tab-prev {
    left: 0;
    right: unset;
     width: 32px;
     height: 32px;
     box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
     border-radius: 100px;
     text-align: center;
     transform: translateY(-50%);
     margin: 0px;
}
 .dash-tab-next::before {
     content: "\f1e4";
}
 .dash-tab-prev::before {
     content: "\f1be";
}
.dash-inner-tabs .dash-tab-prev{
    left:0;
    right:unset;
}
 .main-dashboard-tabs ul{
     max-width: calc(100% - 0px);
     position: relative;
     display:flex;
     flex-wrap:nowrap;
     white-space:nowrap;
     padding:15px 0px;
}
.menu-user-type ul .ps-scrollbar-x-rail, .main-dashboard-tabs ul .ps-scrollbar-x-rail,
.dash-inner-tabs .ps-scrollbar-x-rail, .main-dashboard-tabs ul .ps-scrollbar-x-rail {
     visibility: hidden;
}
 .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
     background-color: #bfc7d0 !important;
     height:4px!important;
}
 .ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail{
     height:4px!important;
}
 .profiles-details .tab-content .bootstrap-select .btn {
     border-radius: 7px;
     border-color: #4785FF;
     color: #4785FF !important;
     background-color: #eff4fe !important;
     width: 130px;
     padding: 5px 23px 5px 15px;
}
 .profiles-details .bootstrap-select .dropdown-menu{
    border-radius:8px
}
 .profiles-details .tab-content .bootstrap-select .btn:hover {
     border-color: #4785FF;
     background-color:#4785FF !important;
}
 .profiles-details .tab-content .bootstrap-select .btn.btn-light.dropdown-toggle:hover::after, .profiles-details .tab-content .bootstrap-select .btn:hover .filter-option-inner-inner {
     color: #fff !important;
}
 .profiles-details .tab-content .bootstrap-select .btn .filter-option-inner-inner{
    color: #4785FF !important;
}
 .profiles-details .tab-content .bootstrap-select .btn.btn-light.dropdown-toggle::after {
     color: #4785FF !important;
     right: -4px;
}
 .bootstrap-select .btn .filter-option-inner-inner{
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .bootstrap-select .btn .filter-option-inner-inner i{
     font-size: 11px;
     margin-top: -3px;
     padding-right: 1px !important;
}
 .ui-helper-hidden-accessible,#draggable-live-region{
    display:none
}
 .card-icon .svg-icon.svg-icon-1x svg {
     height: 20px !important;
     width: 20px !important;
}
 .section-title-span{
     font-size: 18px;
     font-weight: 500;
     color:#000;
     align-self: center;
}
 #org-drawer-close{
     position: absolute;
     right: 10px;
     top: 20px;
     z-index: 2;
}
 #org-drawer-close i {
     color: #2b345f;
     font-size: 11px !important;
}
 .org-template-form .wizard-step.flex-grow-1 {
     padding-top: 0px !important;
}
 .user-wizard-banner {
     background-image: linear-gradient(to left, rgb(245, 249, 255) 0%, #f5f9ff 100%);
     text-align: center;
     padding: 40px;
     border-radius: 12px;
     transition:0.4s;
}
 .user-wizard-banner h2 {
     font-size: 30px;
     font-weight: 300;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.17;
     letter-spacing: normal;
     color: #000000;
}
 .user-wizard-banner p {
     font-size: 16px;
     font-weight: normal;
     line-height: 1.5;
     text-align: center;
     color: rgba(0, 0, 0,0.9);
     font-family: "Segoe UI";
     max-width: 600px;
     margin: 15px auto 0px auto !important;
}
 .org-wizard .wizard-label svg{
     fill:#4785FF;
}
 .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
     background-color: rgb(230, 237, 247)!important;
}
 .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     background-color: #000;
     background-color: rgb(211, 218, 225)!important;
}
 .wizard.org-wizard .wizard-nav .wizard-steps .wizard-step{
     text-align: center;
     width:calc(25% - 30px);
     padding: 50px 25px 40px 25px;
     border: solid 1px rgba(217, 227, 238,0.6);
     height: 100%;
     margin: 15px!important;
     border-radius: 10px;
     position:relative;
     transition:all 0s;
}
 @media (max-width: 1600px) {
     .wizard.org-wizard .wizard-nav .wizard-steps .wizard-step{
         width:calc(33.33% - 30px);
    }
}
 @media (max-width: 1280px) {
     .wizard.org-wizard .wizard-nav .wizard-steps .wizard-step{
         width:calc(50% - 30px);
    }
}
 @media screen and (max-width: 1012px) and (min-width: 992px){
     .header.header-fixed {
        z-index:98
    }
}
 @media (max-width: 576px) {
     .wizard.org-wizard .wizard-nav .wizard-steps .wizard-step{
         width:calc(100% - 30px)!important;
    }
     .table-filter-slider, .custom-table-filter .order-sm-unset{
        width:100%!important;
        max-width:100%!important
    }
     .table-filter-slider-inner{
         max-width: calc(100% - 70px)!important;
    }
     .keep-alphabate-form{
         padding: 15px!important;
    }
     .add-competency-wizard .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title, .add-competency-wizard .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title span{
         font-size:12px!important
    }
     .btn.add-culster-btn{
         font-size: 16px!important;
    }
     .assessment-sub-header h5, .add-competency-banner h4 {
         font-size: 20px!important;
    }
     .add-competency-banner p{
        font-size: 14px!important;
    }
     .view-cluster-list .cluster-list-item{
         flex-direction:column;
    }
     .cli-check.align-self-center {
         width: 100%;
    }
     body .accordion-level-2, body .accordion-level-3, body .accordion-level-4{
         margin: 20px 0px 0px 10px !important;
    }
     body .ccs-title {
         font-size: 14px;
    }
}
 @media (max-width: 480px) {
     .kt_quick_user .symbol.symbol-100 .symbol-label {
         width: 80px;
         height: 80px;
    }
     .topbar-user-email {
         max-width: calc(100% - 30px);
         overflow: hidden;
         text-overflow: ellipsis;
    }
}
 .wizard.org-wizard .wizard-desc{
     opacity: 0.9;
     font-family: "Segoe UI";
     font-size: 12px;
     font-weight: normal;
     font-style: normal;
     line-height: 1.42;
     color: #000000;
}
 .wizard.org-wizard .wizard-title{
     font-size: 16px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.13;
     letter-spacing: normal;
     text-align: left;
     color: #000000;
}
 .wizard.org-wizard .svg-icon{
     position: absolute;
     right: -27px;
     z-index:2;
}
 .wizard.org-wizard .svg-icon img{
    width:29px
}
 .wizard-step-number {
     position: absolute;
     left: 0;
     top: 0;
     padding: 3px 10px;
     background-color: #eff7ff;
     border-top-left-radius: 12px;
     color: #4785FF;
     font-size: 12px;
}
/* .wizard.org-wizard .wizard-nav .wizard-steps .wizard-step{
    filter:grayscale(1)
}
 */
 .wizard.org-wizard .wizard-nav .wizard-steps .wizard-step:hover,
 .wizard.org-wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
     border-color:#4785FF;
}
 .wizard.org-wizard .wizard-nav .wizard-steps{
    justify-content:start!important;
     flex-direction:row!important
}
.wizard.org-wizard .wizard-nav .wizard-steps.justify-content-center{
    justify-content:center!important;
}
/* .wizard.org-wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .d-flex{
     flex-direction: column;
     justify-content:center;
}
 .wizard.org-wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .d-flex *{
     text-align:center!important;
     margin: 0px !important;
}
 .wizard.org-wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] *{
     max-width:100%;
}
 .wizard.org-wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] {
     text-align: center;
     border-color: transparent;
     filter: grayscale(0);
}
 .wizard.org-wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-step-inner {
     height: 110px;
     width: 110px;
     border-radius: 200px;
     padding: 32px 20px 20px;
     align-self: center;
     border: solid 6px rgb(214, 227, 253);
     filter: grayscale(0);
     background-color:#4785FF;
     min-width: auto;
     margin-top: -40px !important;
     margin-bottom: 0px !important;
     margin-left:auto;
     margin-right:auto;
}
 .wizard.org-wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-desc{
     width: 100%;
     margin-top:5px!important;
     color:#fff;
}
 .wizard.org-wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-title{
     position: absolute;
     top: calc(100% + 10px);
     left: 50%;
     transform: translateX(-50%);
     font-size: 15px;
}
 .wizard.org-wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-step-number{
     left: 50%;
     white-space: nowrap;
     transform: translateX(-50%);
     top: 45px;
     border-radius: 100px;
     box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
     background-color: #6aa5ff;
     color: #fff;
     line-height: 14px;
}
 .wizard.org-wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label svg {
     display:none;
}
 .wizard.org-wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .svg-icon{
    right:-30px;
    top: calc(50% - 10px);
}
 .wizard.org-wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-done-icon{
    opacity:1;
     width:113px;
}
 */
 .wizard-done-icon {
     opacity:0;
     position: absolute;
     left: 50%;
     top: -1px;
     transform: translateX(-50%);
     width:0;
}
 .round{
    border-radius:1000px
}
 .wizard.org-wizard .wizard-nav{
    background-color:#fff;
    z-index:3;
    transition:all 1s;
}
 .wizard-nav.wizard-nav-fixed {
     position: fixed;
     top: 119px;
     background-color: #fff;
     width: calc(100% - 265px);
     left: 265px;
     z-index: 3;
     padding: 20px 20px 0px 20px !important;
     box-shadow: 0px 0px 30px rgba(0,0,0,0.03);
     border-bottom: solid 1px #f9f9f9;
}
 .aside-minimize .wizard-nav.wizard-nav-fixed {
     width: calc(100% - 70px);
     left: 70px;
}
 .ui-slider .ui-slider-handle{
    z-index:0!important
}
 .user-wizard-banner.org-banner-margin{
    margin-top:210px!important
}
 label {
     color: rgba(43, 52, 95,0.7);
}
 .org-step-form, .org-drawer-forms {
     max-height: calc(100vh - 120px);
     overflow: auto;
}
 .hide{
    display:none;
}
 .topbar-search-group.input-icon.input-icon-right span {
     z-index: 99;
}
 .topbar-search-group.input-icon.input-icon-right span .btn i{
    font-size: 14px !important;
     color: #9298b7;
}
 .topbar-search-group.input-icon.input-icon-right .form-control{
     border-radius: 0 0.42rem 0.42rem 0 !important;
     height: 32px;
     padding-top: 3px;
     padding-bottom: 3px;
     border-color: #e8edf3;
     color:#707693;
}
 .topbar-search-group.input-icon.input-icon-right .input-group-prepend .btn {
     padding: 0.1rem 1rem;
     font-size: 1.1rem;
     line-height: normal;
     height: 32px;
     background-color: #fff;
     border-color: #e8edf3;
     color:#707693;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     line-height:26px;
}
 .topbar-search-group.input-icon.input-icon-right .dropdown.bootstrap-select{
    max-width:120px;
}
 .topbar-search-group.input-icon.input-icon-right .dropdown.bootstrap-select .dropdown-item span{
    position:relative;
    width:100%
}
 .topbar-search-group.input-icon.input-icon-right .dropdown.bootstrap-select .dropdown-item{
    padding:3px 10px;
}
 .overall-evaluation-item {
     border-radius: 10px;
     border: solid 1px #e6eaf6;
     background-color: #ffffff;
     padding: 20px;
     transition:all 0.2s;
     position:relative;
     overflow:hidden;
     margin-bottom:30px;
     height: calc(100% - 30px);
}
 .overall-evaluation-item:hover{
     box-shadow: 2px 11px 17px 0 rgba(177, 190, 239, 0.19);
     border-color:#68a1ff;
}
 .overall-evaluation-wrapper [class*="col-"]:nth-child(4n + 1) .overall-evaluation-item .oe-icon figure{
     box-shadow: 5px 8px 11px 0 rgba(166, 199, 255, 0.28);
     background-image: linear-gradient(144deg, #b7d2ff 20%, #68a1ff 81%);
}
 .overall-evaluation-wrapper [class*="col-"]:nth-child(4n + 2) .overall-evaluation-item .oe-icon figure{
     box-shadow: 5px 8px 11px 0 rgba(229, 180, 249, 0.25);
     background-image: linear-gradient(144deg, #ecd1ff 9%, #c39fdb 90%);
}
 .overall-evaluation-wrapper [class*="col-"]:nth-child(4n + 3) .overall-evaluation-item .oe-icon figure{
     box-shadow: 5px 8px 11px 0 rgba(254, 222, 176,0.25);
     background-image: linear-gradient(144deg, #ffe8c7 -8%, #fcc982 80%);
}
 .overall-evaluation-wrapper [class*="col-"]:nth-child(4n + 4) .overall-evaluation-item .oe-icon figure{
     box-shadow: 5px 8px 11px 0 rgba(139, 223, 220, 0.25);
     background-image: linear-gradient(144deg, #70ded9 20%, #2acac2 81%);
}
 .oe-icon figure{
     width: 47px;
     height: 47px;
     border-radius: 20px;
     text-align: center;
     line-height: 44px;
}
 .oe-count{
     font-size: 14px;
     font-weight: normal;
     line-height: 1;
     color: #707693;
}
 .oe-count span {
     font-size: 18px;
     font-weight: bold;
     line-height: 0.78;
     color: #2b345f;
     display:block;
     margin-bottom:10px;
}
 .overall-evaluation-header {
     padding-bottom: 15px;
     margin-bottom: 15px;
     border-bottom: solid 1px #f1f3f9;
}
 .oe-statistics-item {
     align-self: center;
     margin-right: 15px;
     font-size:14px;
     padding-left:30px;
     position:relative;
     margin:3px 0px
}
 .oe-statistics-icon {
     position: absolute;
     left: 0;
}
 .oe-arrow {
     position: absolute;
     right: -2px;
     background-color: #ebf5ff;
     width: 35px;
     bottom: 0;
     text-align: center;
     border-top-left-radius: 10px;
     transform: skew(-12deg);
}
 .oe-arrow i{
     transform: skew(12deg);
     color:#5697ff;
     line-height:21px;
     transition:all 0.3s;
}
 .overall-evaluation-item:hover .oe-arrow{
     background-color: #5697ff;
}
 .overall-evaluation-item:hover .oe-arrow i{
     color:#fff;
     transform:skew(12deg) translateX(1px)
}
 .dataTable thead th{
     background-color:#f7f8fc;
}
 .paginate_button.page-item .page-link{
    border-radius:100px!important
}
 .dataTables_wrapper .dataTables_paginate .pagination .page-item.previous > .page-link, .dataTables_wrapper .dataTables_paginate .pagination .page-item.next > .page-link{
     background-color:transparent
}
/* .dataTables_wrapper .dataTables_paginate .pagination .page-item:hover > .page-link{
     background-color:transparent!important;
}
 */
 .dataTables_wrapper .dataTables_paginate .pagination .page-item:hover > .page-link i{
     background-color:transparent;
     color:#4785FF!important;
}
 .btn-theme1{
     color: #FFFFFF;
     background-color: #6d9df9;
     border-color: #6d9df9;
}
 .btn-theme1 svg{
     stroke: #fff;
     fill: #fff;
     margin-right:5px;
}

 .btn-theme1:hover{
     color: #FFFFFF;
     background-color: #5d95fd;
     border-color: #5d95fd;
}
 .dataTables_length, .dataTables_filter {
     display: none;
}
.custom-actions-dropdown  ul .navi-item{
    border-top:solid #E8E8FF 1px;
}
.custom-actions-dropdown  ul .navi-item:first-child{
    border-top:solid #E8E8FF 0px;
}
 .custom-actions-dropdown.list-cat1 .btn {
     border-color: #ff9a9a;
     background-color: #fff;
     opacity:0.7
}
 .custom-actions-dropdown.list-cat2 .btn{
     border: solid 1px #46d2cb;
     background-color: #fff;
     opacity:0.7
}
 .custom-actions-dropdown.list-cat1 .btn.btn-light-primary:hover,
 .custom-actions-dropdown.list-cat1 .btn.btn-light-primary:focus {
     border-color: #ff9a9a!important;
     background-color: #fff!important;
     opacity:1
}
 .custom-actions-dropdown.list-cat2 .btn.btn-light-primary:hover,
 .custom-actions-dropdown.list-cat2 .btn.btn-light-primary:focus{
     border: solid 1px #46d2cb!important;
     background-color: #fff!important;
     opacity:1
}
.employee-grid-card-header .checkbox > span,
table .checkbox > span {
    background-color: #fff;
    border: 1px solid #dbe1e6!important;
    border-radius: 5px;
}
.employee-grid-card-header .checkbox > input:checked ~ span,
table .checkbox > input:checked ~ span{
    border-color:#4785FF!important
}
 .custom-actions-dropdown .navi .navi-item .navi-link .navi-icon svg {
     fill: none;
     stroke: #7a809b;
     stroke-linecap: round;
     stroke-linejoin: round;
     stroke-width: .7px;
     height: 12px;
     width: 12px;
}
 .custom-actions-dropdown .navi .navi-item .navi-link .navi-icon {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 1.4rem;
     flex: 0 0 1.4rem;
}
 .custom-actions-dropdown .navi .navi-item .navi-link .navi-icon i {
     font-size:11px
}
 .custom-actions-dropdown .navi .navi-item .navi-link .navi-text {
     color: #7a809b;
     font-size:11px;
}
 .custom-actions-dropdown .navi .navi-item .navi-link {
     padding: 0.4rem 1.5rem;
     background-color:transparent;
}
 .custom-actions-dropdown .navi .navi-item .navi-link:hover {
     background-color:#F7F8FC;
     color: #707693;
}
 .custom-actions-dropdown .navi .navi-item .navi-link:hover .navi-icon i,
 .custom-actions-dropdown .navi .navi-item .navi-link:hover .navi-text {
     color: #707693;
}
 .custom-actions-dropdown .btn-border-light-primary svg,
 .custom-actions-dropdown .btn-light-primary .svg-icon.svg-icon-md svg,
 .custom-actions-dropdown .btn-light-primary svg
  {
     max-height:15px !important;
     max-width: 15px !important;
     fill: #707693;
     margin-top: auto;
    margin-bottom: auto;
}
.custom-actions-dropdown a.btn-border-light-primary,
.custom-actions-dropdown a.btn-light-primary{
    display: flex;
align-items: center;
flex-direction: column;
}
 .custom-actions-dropdown .btn-light-primary i {
     color: #707693
}
.custom-actions-dropdown .btn-border-light-primary,
 .custom-actions-dropdown .btn-light-primary{
    background-color: #fff;
    color: #707693;
    border: solid 1px #eee;
    height: 32.53px;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: normal;
    padding-left: 10px;
    padding-right: 10px
}
 .custom-actions-dropdown .btn.btn-light-primary::after {
     color: #B3B6C6;
}
 .custom-actions-dropdown.show > .btn.btn-light-primary .svg-icon.svg-icon-md svg g, .custom-actions-dropdown .btn.btn-light-primary:hover .svg-icon.svg-icon-md svg g, .custom-actions-dropdown .btn.btn-light-primary:hover::after, .custom-actions-dropdown .btn.btn-light-primary:focus .svg-icon.svg-icon-md svg g, .custom-actions-dropdown .btn.btn-light-primary:focus::after, .custom-actions-dropdown .btn.btn-light-primary:active .svg-icon.svg-icon-md svg g, .custom-actions-dropdown .btn.btn-light-primary:active::after, .custom-actions-dropdown .btn.btn-light-primary.active .svg-icon.svg-icon-md svg g, .custom-actions-dropdown .btn.btn-light-primary.active::after {
     color: #4785FF!important;
     fill:#4785FF!important;
}
 .custom-actions-dropdown.show > .btn.btn-light-primary.dropdown-toggle,
 .custom-actions-dropdown .btn.btn-light-primary:hover,
 .custom-actions-dropdown .btn.btn-light-primary:focus, .custom-actions-dropdown .btn.btn-light-primary:active,
 .custom-actions-dropdown .btn.btn-light-primary.active{
     color: #4785FF !important;
     background-color: #E1F0FF !important;
     filter: grayscale(0);
}
.custom-table-search .form-control{max-width:160px}
 .custom-table-search .input-icon.input-icon-right i{
    font-size:12px!important
}
 .custom-visible-column .cls-1, .custom-visible-column .cls-4{
    fill:none
}
 .custom-visible-column .cls-1, .custom-visible-column .cls-2{
    stroke:#acafc0
}
 .custom-visible-column.custom-card-view .cls-2{
    fill: #acafc0 !important;
}
 .custom-visible-column .cls-1{
    stroke-width:1.2px
}
 .custom-visible-column .cls-2{
    fill:#fff
}
 .custom-visible-column .cls-3{
    stroke:none
}
.card-header-actions > .btn.btn-light-primary .svg-icon.svg-icon-md svg,
.custom-visible-column.show > .btn.btn-light-primary .svg-icon.svg-icon-md svg g,
 .custom-visible-column .btn.btn-light-primary:hover .svg-icon.svg-icon-md svg g,
 .custom-visible-column .btn.btn-light-primary:focus .svg-icon.svg-icon-md svg g,
 .custom-visible-column .btn.btn-light-primary:active .svg-icon.svg-icon-md svg g,
 .custom-visible-column .btn.btn-light-primary:active .svg-icon.svg-icon-md svg .cls-1,
 .custom-visible-column .btn.btn-light-primary:active .svg-icon.svg-icon-md svg .cls-2,
 .custom-visible-column .btn.btn-light-primary.active .svg-icon.svg-icon-md svg .cls-1,
 .custom-visible-column .btn.btn-light-primary.active .svg-icon.svg-icon-md svg .cls-2,
 .custom-visible-column .btn.btn-light-primary:focus .svg-icon.svg-icon-md svg .cls-1,
 .custom-visible-column .btn.btn-light-primary:focus .svg-icon.svg-icon-md svg .cls-2,
 .custom-visible-column .btn.btn-light-primary:hover .svg-icon.svg-icon-md svg .cls-1,
 .custom-visible-column .btn.btn-light-primary:hover .svg-icon.svg-icon-md svg .cls-2{
     stroke: #4785FF !important;
     fill: #fff !important;
}
.card-header-actions .custom-actions-dropdown.custom-visible-column.custom-card-view .btn.btn-light-primary:hover .svg-icon.svg-icon-md svg .cls-2,
.card-header-actions .custom-actions-dropdown.custom-visible-column.custom-card-view .btn.btn-light-primary:focus .svg-icon.svg-icon-md svg .cls-2,
.card-header-actions .custom-actions-dropdown.custom-visible-column.custom-card-view .btn.btn-light-primary:active .svg-icon.svg-icon-md svg .cls-2,
.card-header-actions .custom-actions-dropdown.custom-visible-column.custom-card-view .btn.btn-light-primary.active .svg-icon.svg-icon-md svg .cls-2,
 .custom-actions-dropdown.custom-visible-column.custom-card-view .btn.btn-light-primary:hover .svg-icon.svg-icon-md svg .cls-2,
 .custom-actions-dropdown.custom-visible-column.custom-card-view .btn.btn-light-primary:focus .svg-icon.svg-icon-md svg .cls-2,
 .custom-actions-dropdown.custom-visible-column.custom-card-view .btn.btn-light-primary:active .svg-icon.svg-icon-md svg .cls-2,
 .custom-actions-dropdown.custom-visible-column.custom-card-view .btn.btn-light-primary.active .svg-icon.svg-icon-md svg .cls-2 {
     fill: #4785FF !important;
}
.card-header-actions .custom-actions-dropdown.custom-visible-column.custom-card-view .btn.btn-light-primary:hover .svg-icon.svg-icon-md svg .cls-1,
.card-header-actions .custom-actions-dropdown.custom-visible-column.custom-card-view .btn.btn-light-primary:focus .svg-icon.svg-icon-md svg .cls-1,
.card-header-actions .custom-actions-dropdown.custom-visible-column.custom-card-view .btn.btn-light-primary:active .svg-icon.svg-icon-md svg .cls-1,
.card-header-actions .custom-actions-dropdown.custom-visible-column.custom-card-view .btn.btn-light-primary.active .svg-icon.svg-icon-md svg .cls-1,
.card-header-actions .custom-actions-dropdown.custom-visible-column.custom-card-view .btn.btn-light-primary:hover .svg-icon.svg-icon-md svg .cls-2,
.card-header-actions .custom-actions-dropdown.custom-visible-column.custom-card-view .btn.btn-light-primary:focus .svg-icon.svg-icon-md svg .cls-2,
.card-header-actions .custom-actions-dropdown.custom-visible-column.custom-card-view .btn.btn-light-primary:active .svg-icon.svg-icon-md svg .cls-2,
.card-header-actions .custom-actions-dropdown.custom-visible-column.custom-card-view .btn.btn-light-primary.active .svg-icon.svg-icon-md svg .cls-2,
.card-header-actions .btn.btn-light-primary:hover .svg-icon.svg-icon-md svg path,
.card-header-actions .btn.btn-light-primary:focus .svg-icon.svg-icon-md svg path,
.card-header-actions .btn.btn-light-primary:active .svg-icon.svg-icon-md svg path,
.card-header-actions .btn.btn-light-primary.active .svg-icon.svg-icon-md svg path{
   stroke: #4785FF !important
}

.custom-actions-dropdown .btn.btn-light-primary img{
    filter:grayscale(1)
}
.custom-actions-dropdown .btn.btn-light-primary:hover img,
.custom-actions-dropdown .btn.btn-light-primary:focus img,
.custom-actions-dropdown .btn.btn-light-primary.active img,
.custom-actions-dropdown .btn.btn-light-primary:active img {
    filter:grayscale(0)
}


.fill-hover-action-btns.card-header-actions .btn.btn-light-primary:hover .svg-icon.svg-icon-md svg:not(.svgWithStroke) path,
.fill-hover-action-btns.card-header-actions .btn.btn-light-primary:focus .svg-icon.svg-icon-md svg:not(.svgWithStroke) path,
.fill-hover-action-btns.card-header-actions .btn.btn-light-primary:active .svg-icon.svg-icon-md svg:not(.svgWithStroke) path,
.fill-hover-action-btns.card-header-actions .btn.btn-light-primary.active .svg-icon.svg-icon-md svg:not(.svgWithStroke) path,

.fill-hover-action-btns.card-header-actions .btn.btn-light-primary:hover svg:not(.svgWithStroke) path,
.fill-hover-action-btns.card-header-actions .btn.btn-light-primary:focus svg:not(.svgWithStroke) path,
.fill-hover-action-btns.card-header-actions .btn.btn-light-primary:active svg:not(.svgWithStroke) path,
.fill-hover-action-btns.card-header-actions .btn.btn-light-primary.active svg:not(.svgWithStroke) path,

.fill-hover-action-btns.card-header-actions .btn.btn-light-primary:hover .svg-icon.svg-icon-md svg:not(.svgWithStroke) rect,
.fill-hover-action-btns.card-header-actions .btn.btn-light-primary:focus .svg-icon.svg-icon-md svg:not(.svgWithStroke) rect,
.fill-hover-action-btns.card-header-actions .btn.btn-light-primary:active .svg-icon.svg-icon-md svg:not(.svgWithStroke) rect,
.fill-hover-action-btns.card-header-actions .btn.btn-light-primary.active .svg-icon.svg-icon-md svg:not(.svgWithStroke) rect{
    stroke: transparent !important;
    fill: #4785FF !important
}
.fill-hover-action-btns.card-header-actions .btn.btn-light-primary:hover .svg-icon.svg-icon-md svg.svgWithStroke path,
.fill-hover-action-btns.card-header-actions .btn.btn-light-primary:focus .svg-icon.svg-icon-md svg.svgWithStroke path,
.fill-hover-action-btns.card-header-actions .btn.btn-light-primary:active .svg-icon.svg-icon-md svg.svgWithStroke path,
.fill-hover-action-btns.card-header-actions .btn.btn-light-primary.active .svg-icon.svg-icon-md svg.svgWithStroke path,
.fill-hover-action-btns.card-header-actions .btn.btn-light-primary:hover .svg-icon.svg-icon-md svg.svgWithStroke rect,
.fill-hover-action-btns.card-header-actions .btn.btn-light-primary:focus .svg-icon.svg-icon-md svg.svgWithStroke rect,
.fill-hover-action-btns.card-header-actions .btn.btn-light-primary:active .svg-icon.svg-icon-md svg.svgWithStroke rect,
.fill-hover-action-btns.card-header-actions .btn.btn-light-primary.active .svg-icon.svg-icon-md svg.svgWithStroke rect{
    stroke: #4785FF !important
}

svg.svgWithFill path,
svg.svgWithFill rect{
    fill: #acafc0 !important;
    stroke-width: 0 !important;
}
.custom-visible-column .btn.btn-light-primary:active .svg-icon.svg-icon-md svg.svgWithFill .cls-1,
.custom-visible-column .btn.btn-light-primary:hover .svg-icon.svg-icon-md svg.svgWithFill .cls-1,
.custom-visible-column .btn.btn-light-primary:focus .svg-icon.svg-icon-md svg.svgWithFill .cls-1,
.custom-visible-column .btn.btn-light-primary.active .svg-icon.svg-icon-md svg.svgWithFill .cls-1{
    fill: #4785FF !important;
    stroke-width: 0 !important;
}
 .table-column-left{
     min-height: 300px;
     background-color: rgba(235, 243, 255,0.7);
     text-align: center;
     display: flex;
     justify-content: center;
}
 .table-column-left p {
     max-width: 260px;
     margin: auto;
}
 .modal-header {
     box-shadow: 0 4px 10px 0 rgba(169, 184, 216, 0);
    background-image: linear-gradient(to bottom, #ffffff 41%, rgba(255, 255, 255, 0.99) 88%);
    border: 0;
    padding-bottom: 0;
}
.t-column-list .toggle-col-show-hide,
.t-column-list .toggle-vis{
     margin:3px;
     color:#707693;
     position:relative;
}
 .t-column-list .toggle-col-show-hide:after,
 .t-column-list .toggle-vis:after{
     content:"\f00c";
     font-family: "Font Awesome 5 Free";
     font-weight:900;
     margin-left: 5px;
     font-size: 10px;
     color: #b0b4c8;
     transition:all 0.3s;
     min-width: 17px;

}
 .t-column-list .toggle-vis.toggle-vis-active:after,
 .t-column-list .toggle-col-show-hide.toggle-vis-active:after{
     content:"\f070";
}
 .modal-content{
    border-radius:13px
}
#clear-filter:hover *{
    color:#FFA4A4
}
 .ctf-title {
     font-size: 14px;
     line-height: 1.29;
     color: #707693;
     margin-left: 7px;
     white-space:nowrap;
}
 .ctf-icon {
     line-height: normal;
     height: 18px;
}
/* .custom-table-filter .dropdown.bootstrap-select{
    width:auto!important;
    min-width:100px
}
 */
 .custom-table-filter .dropdown.bootstrap-select .dropdown-menu.inner li a {
     padding-top: 5px !important;
     padding-bottom: 5px !important;
}
 .table-filter-item{
    margin:3px
}
 .dropdown.bootstrap-select .dropdown-menu.inner li .text img {
     width: 20px;
     height: 20px;
     border-radius: 100px;
}
.icon-selectpicker .dropdown.bootstrap-select .dropdown-menu.inner li .text img {
    max-height: 20px;
    border-radius: 0px;
    margin-right: 3px;
    width: auto;
    height: auto;
  }
  .icon-selectpicker .bootstrap-select .dropdown-toggle .filter-option-inner img, .bootstrap-select .dropdown-toggle .filter-option-inner-inner img{
    border-radius: 0px;
  }
 .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner .label.label-lg, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner .label.label-lg{
     padding: 3px 6px;
     height: auto;
     line-height: normal;
     font-size: 10px;
}
 .bootstrap-select .dropdown-toggle .filter-option-inner img, .bootstrap-select .dropdown-toggle .filter-option-inner-inner img{
     height: 16px;
     border-radius: 100px;
     margin-top: -2px;
     margin-right:3px;
}
 .table-filter-slider{
     max-width: 850px;
    /* margin: 0px 15px;
     */
}
 #filter_left,#filter_right {
     width: 24px;
     height: 24px;
     border: solid 1px #e8edf3;
     border-radius: 100px;
     text-align: center;
}
 #filter_left i, #filter_right i {
     font-size: 10px;
     margin: 0px;
     padding: 0px;
     line-height: 20px;
     color:#ccc
}
 #filter_left:hover i, #filter_right:hover i{
     color:#aaa
}
 .ps-container:hover > .ps-scrollbar-x-rail:hover {
     background-color: #e6ebf0;
     opacity: 0.9;
}
.ps-hover .ps-scrollbar-y-rail,
.ps-hover .ps-scrollbar-x-rail {
    opacity: 0.9!important;
}
 .drop-zone-height .drop-element-outer{
    z-index:1
}
 .drop-zone-height .drop-element-outer.element-active::after {
     background-color: #fffbf3;
     position: absolute;
     left: -10px;
     top: -10px;
     width: calc(100% + 20px);
     height: calc(100% + 20px);
     content: "";
     z-index: -1;
     border-radius: 10px;
}
 #exportLink .navi-link{
     color: #7a809b;
     font-size: 11px;
     padding:6px 10px !important;
}
#exportLink .navi-link:hover,
#exportLink .navi-link:hover *{
    color:#7a809b;
    background-color:#F3F6F9
}
 #exportLink .navi-link i {
     font-size: 15px;
     color: #7a809b;
}
.custom-actions-dropdown ul .navi-item figure {
    width: 32px;
    text-align: center;
  }
  .custom-actions-dropdown ul .navi-item figure img {
    max-height: 22px;
    max-width: 22px;
  }
 .add-section-modal .dropdown.bootstrap-select .dropdown-menu.inner li .text img, .add-section-modal .bootstrap-select .dropdown-toggle .filter-option-inner-inner img{
     height: 12px;
     border-radius: 0px;
     margin-top: -2px;
     margin-right:3px;
}
 .approval-document-list {
     padding: 15px;
     background-color: #f8fbfd;
     border-radius: 6px;
}
 .approval-document-list li {
     margin: 5px 0px;
     padding-left: 18px;
     position: relative;
}
 .approval-document-list li:after{
     content: "\f058";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     margin-left: 5px;
     font-size: 13px;
     color: #c6d1db;
     transition: all 0.3s;
     min-width: 15px;
     left: -6px;
     position: absolute;
     top: 0px;
}
 .approval-document-checklist li {
     margin: 4px 0px;
}
 .approval-document-checklist li .checkbox.checkbox-outline > span {
     height: 16px;
     width: 16px;
     border-radius: 100px;
}
 .approval-document-checklist li .checkbox.checkbox-outline > span::after {
     width: 5px;
     height: 8px;
     border-color: #ccc;
}
 .approval-document-checklist li .checkbox.checkbox-outline > input:checked ~ span::after {
     border-color: #4785FF;
}
 .approval-document-list h5 {
     font-size: 14px;
     margin-bottom: 10px;
     color: #000;
}
 .attribute-list-item .select-option-repeat .form-group.row[data-repeater-item] {
     border-bottom: 0;
}
 .career-aspiration-item {
     text-align: center;
     padding-bottom:10px;
}
 .career-aspiration-item::before {
     content: "";
     width: auto;
     height: 4px;
     background-color: #e8f0fb;
     position: absolute;
     bottom: 21px;
     left: 0;
     right: 0;
}
 .career-aspiration-items .owl-item:first-child .career-aspiration-item:before{
    left:50%;
    width:50%
}
 .career-aspiration-items .owl-item:last-child .career-aspiration-item:before{
    right:50%;
    width:50%
}
 .career-aspiration-item::after {
     content: "\f061";
     width: 22px;
     height: 22px;
     position: absolute;
     left: 0;
     bottom: 13px;
     z-index: 5;
     border-radius: 20px;
     transform: translateX(-50%);
     box-shadow: 0 3px 6px 0 rgba(186, 184, 219, 0.16);
     border: solid 1px #e9f1fc;
     background-color: #fff;
     font-family: 'Line Awesome Free';
     font-weight: 900;
     color: #bfd8fb;
}
 .career-aspiration-items .owl-item:first-child .career-aspiration-item:after
/* .career-aspiration-items .owl-item:last-child .career-aspiration-item:after */
 {
    display:none
}
 .career-aspiration-item-inner {
     min-height: 40px;
     background-color: #e1f0ff;
     padding: 25px 20px;
     margin:0 10px;
     border-radius: 10px;
     position:relative;
     z-index:1;
     overflow:hidden;
     text-align:left;
}
 .career-aspiration-item-inner::after {
     z-index: 3;
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-image: url(../media/images/aspiration-tile-mask.svg);
     background-repeat: no-repeat;
     background-position: left center;
     background-size: cover;
     opacity:0.6;
}
 .career-aspiration-item .cai-title {
     font-size: 16px;
     line-height: 1.31;
     color: #ffffff;
}
 .career-aspiration-items .owl-item:nth-child(6n + 1) .career-aspiration-item-inner {
    background-color:#a38bff
}
 .career-aspiration-items .owl-item:nth-child(6n + 2) .career-aspiration-item-inner{
    background-color:#80b2ff
}
 .career-aspiration-items .owl-item:nth-child(6n + 3) .career-aspiration-item-inner{
    background-color:#ffbd7e
}
 .career-aspiration-items .owl-item:nth-child(6n + 4) .career-aspiration-item-inner{
    background-color:#b8e284
}
 .career-aspiration-items .owl-item:nth-child(6n + 5) .career-aspiration-item-inner{
    background-color:#fd7a7a
}
 .career-aspiration-items .owl-item:nth-child(6n + 6) .career-aspiration-item-inner{
    background-color:#00d2bf
}
 .career-aspiration-item::before {
     content: "";
     width: auto;
     height: 4px;
     background-color: #e8f0fb;
     position: absolute;
     bottom: 21px;
     left: 0;
     right: 0;
}
 .cai-icon {
     position: absolute;
     right: -5px;
     bottom: 0;
     background-color: rgba(0,0,0,0.1);
     width: 50px;
     height: 30px;
     border-radius: 15px 0 5px 0;
     transform: skew(-15deg);
}
 .career-aspiration-items .career-aspiration-item .cai-icon img {
     transform: skew(15deg);
     height: 16px;
     width: auto;
     margin: 7px 0px 7px 15px;
}
 .career-aspiration-items .cai-year {
     margin-top: 30px;
     padding: 5px 19px 6px;
     border-radius: 15px;
     box-shadow: 0 3px 6px 0 rgba(186, 184, 219, 0.16);
     border: solid 1px #ebe6ff;
     background-color: #ffffff;
     display: inline-block;
     position:relative;
}
 .career-aspiration-items .owl-item:nth-child(6n + 1) .cai-year {
    color:#a38bff;
    border-color:#a38bff;
}
 .career-aspiration-items .owl-item:nth-child(6n + 2) .cai-year {
    color:#80b2ff;
    border-color:#80b2ff;
}
 .career-aspiration-items .owl-item:nth-child(6n + 3) .cai-year {
    color:#ffbd7e;
    border-color:#ffbd7e;
}
 .career-aspiration-items .owl-item:nth-child(6n + 4) .cai-year {
    color:#b8e284;
    border-color:#b8e284;
}
 .career-aspiration-items .owl-item:nth-child(6n + 5) .cai-year {
    color:#fd7a7a;
    border-color:#fd7a7a;
}
 .career-aspiration-items .owl-item:nth-child(6n + 6) .cai-year {
    color:#00d2bf;
    border-color:#00d2bf;
}
 .career-aspiration-items .cai-year:after{
     content:"";
     position:absolute;
     right:-100%;
}
 .cai-connecter {
     position: absolute;
     top: -30px;
     left: 50%;
     transform: translateX(-50%);
     width: 1px;
     height: 30px;
}
 .career-aspiration-items .owl-item:nth-child(6n + 1) .cai-year .cai-connecter {
    background-color:#a38bff;
}
 .career-aspiration-items .owl-item:nth-child(6n + 2) .cai-year .cai-connecter {
    background-color:#80b2ff;
}
 .career-aspiration-items .owl-item:nth-child(6n + 3) .cai-year .cai-connecter {
    background-color:#ffbd7e;
}
 .career-aspiration-items .owl-item:nth-child(6n + 4) .cai-year .cai-connecter {
    background-color:#b8e284;
}
 .career-aspiration-items .owl-item:nth-child(6n + 5) .cai-year .cai-connecter {
    background-color:#fd7a7a;
}
 .career-aspiration-items .owl-item:nth-child(6n + 6) .cai-year .cai-connecter {
    background-color:#00d2bf;
}
 .cai-connecter::before {
     content: "";
     position: absolute;
     top: -2px;
     left: calc(50% - 15px);
     transform: translateX(-50%);
     width: 30px;
     height: 30px;
     border-right: solid 1px;
     border-radius: 0px 24px 0 0;
}
 .cai-connecter::after {
     content: "";
     position: absolute;
     top: -3px;
     left: calc(50% + 14px);
     transform: translateX(-50%);
     width: 30px;
     height: 31px;
     border-left: solid 1px;
     border-radius: 24px 0px 0 0px;
}
 .career-aspiration-items .owl-item:nth-child(6n + 1) .cai-year .cai-connecter:before {
    border-color:#a38bff;
}
 .career-aspiration-items .owl-item:nth-child(6n + 2) .cai-year .cai-connecter:before {
    border-color:#80b2ff;
}
 .career-aspiration-items .owl-item:nth-child(6n + 3) .cai-year .cai-connecter:before {
    border-color:#ffbd7e;
}
 .career-aspiration-items .owl-item:nth-child(6n + 4) .cai-year .cai-connecter:before {
    border-color:#b8e284;
}
 .career-aspiration-items .owl-item:nth-child(6n + 5) .cai-year .cai-connecter:before {
    border-color:#fd7a7a;
}
 .career-aspiration-items .owl-item:nth-child(6n + 6) .cai-year .cai-connecter:before {
    border-color:#00d2bf;
}
 .career-aspiration-items .owl-item:nth-child(6n + 1) .cai-year .cai-connecter:after {
    border-color:#a38bff;
}
 .career-aspiration-items .owl-item:nth-child(6n + 2) .cai-year .cai-connecter:after {
    border-color:#80b2ff;
}
 .career-aspiration-items .owl-item:nth-child(6n + 3) .cai-year .cai-connecter:after {
    border-color:#ffbd7e;
}
 .career-aspiration-items .owl-item:nth-child(6n + 4) .cai-year .cai-connecter:after {
    border-color:#b8e284;
}
 .career-aspiration-items .owl-item:nth-child(6n + 5) .cai-year .cai-connecter:after {
    border-color:#fd7a7a;
}
 .career-aspiration-items .owl-item:nth-child(6n + 6) .cai-year .cai-connecter:after {
    border-color:#00d2bf;
}
 .goal-flag-circle {
     width: 50px;
     height: 50px;
     background-color: #eef5ff;
     text-align: center;
     padding: 6px;
     border-radius: 100px;
     position:relative;
     margin-top:65px;
}
 .goal-flag-circle figure {
     width: 38px;
     height: 38px;
     box-shadow: -1px 2px 3px 0 rgba(81, 128, 190, 0.3);
     border: solid 3px #ffffff;
     background-color: #007af5;
     border-radius: 100px;
     text-align: center;
     line-height: 28px;
}
 .goal-capabilities-items .owl-item .goal-flag-circle img {
     width: 19px;
     height: 16px;
     display:inline-block;
}
 .goal-capabilities-item{
    text-align:center;
}
 .goal-flag-circle::before {
     content: "";
     position: absolute;
     height: 18px;
     width: 18px;
     background-image: url(../media/images/flag-top.svg);
     background-size: 18px;
     background-repeat: no-repeat;
     left: calc(50% + 9px);
     transform: translateX(-50%);
}
 .goal-flag-circle::after {
     content: "";
     position: absolute;
     width: 2px;
     background-color: #007af5;
}
 .goal-capabilities-items .owl-item:nth-child(1){
    opacity:0.4
}
 .goal-capabilities-items .owl-item:nth-child(2){
    opacity:0.5
}
 .goal-capabilities-items .owl-item:nth-child(3){
    opacity:0.6
}
 .goal-capabilities-items .owl-item:nth-child(4){
    opacity:0.7
}
 .goal-capabilities-items .owl-item:nth-child(5){
    opacity:0.8
}
 .goal-capabilities-items .owl-item:nth-child(6){
    opacity:0.9
}
 .goal-capabilities-items .owl-item:nth-child(7){
    opacity:1
}
 .goal-capabilities-items .owl-item:nth-child(1) .goal-flag-circle::after{
     height: 25px;
}
 .goal-capabilities-items .owl-item:nth-child(1) .goal-flag-circle:before, .goal-capabilities-items .owl-item:nth-child(1) .goal-flag-circle::after{
     top: -25px;
}
 .goal-capabilities-items .owl-item:nth-child(2) .goal-flag-circle::after{
     height: 30px;
}
 .goal-capabilities-items .owl-item:nth-child(2) .goal-flag-circle:before, .goal-capabilities-items .owl-item:nth-child(2) .goal-flag-circle::after{
     top: -30px;
}
 .goal-capabilities-items .owl-item:nth-child(3) .goal-flag-circle::after{
     height: 35px;
}
 .goal-capabilities-items .owl-item:nth-child(3) .goal-flag-circle:before, .goal-capabilities-items .owl-item:nth-child(3) .goal-flag-circle::after{
     top: -35px;
}
 .goal-capabilities-items .owl-item:nth-child(4) .goal-flag-circle::after{
     height: 40px;
}
 .goal-capabilities-items .owl-item:nth-child(4) .goal-flag-circle:before, .goal-capabilities-items .owl-item:nth-child(4) .goal-flag-circle::after{
     top: -40px;
}
 .goal-capabilities-items .owl-item:nth-child(5) .goal-flag-circle::after{
     height: 47px;
}
 .goal-capabilities-items .owl-item:nth-child(5) .goal-flag-circle:before, .goal-capabilities-items .owl-item:nth-child(5) .goal-flag-circle::after{
     top: -47px;
}
 .goal-capabilities-items .owl-item:nth-child(6) .goal-flag-circle::after{
     height: 54px;
}
 .goal-capabilities-items .owl-item:nth-child(6) .goal-flag-circle:before, .goal-capabilities-items .owl-item:nth-child(6) .goal-flag-circle::after{
     top: -54px;
}
 .goal-capabilities-items .owl-item:nth-child(7) .goal-flag-circle::after{
     height: 60px;
}
 .goal-capabilities-items .owl-item:nth-child(7) .goal-flag-circle:before, .goal-capabilities-items .owl-item:nth-child(7) .goal-flag-circle::after{
     top: -60px;
}
 .goal-capabilities-items .owl-item:nth-child(8) .goal-flag-circle::after{
     height: 66px;
}
 .goal-capabilities-items .owl-item:nth-child(8) .goal-flag-circle:before, .goal-capabilities-items .owl-item:nth-child(8) .goal-flag-circle::after{
     top: -66px;
}
 .goal-capabilities-items .owl-item:nth-child(9) .goal-flag-circle::after{
     height: 72px;
}
 .goal-capabilities-items .owl-item:nth-child(9) .goal-flag-circle:before, .goal-capabilities-items .owl-item:nth-child(9) .goal-flag-circle::after{
     top: -72px;
}
 .goal-capabilities-items .owl-item:nth-child(10) .goal-flag-circle::after{
     height: 80px;
}
 .goal-capabilities-items .owl-item:nth-child(10) .goal-flag-circle:before, .goal-capabilities-items .owl-item:nth-child(10) .goal-flag-circle::after{
     top: -80px;
}
 .goal-capabilities-title {
     font-size: 13px;
     font-weight: 500;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.54;
     letter-spacing: normal;
     color: #0d1926;
     margin-top: 10px;
     font-family: 'Ubuntu', sans-serif;
}
 .goal-capabilities-body {
     padding: 15px;
     border-radius: 10px;
     box-shadow: 1px 12px 17px 0 rgba(171, 189, 255, 0.08);
     border: solid 1px #f4f6f8;
     background-color: #ffffff;
     position:relative;
     display: inline-block;
     width: calc(100% - 20px);
     margin: 20px auto 20px auto;
     transition:all 0.4s;
}
 .goal-capabilities-item:hover .goal-capabilities-body{
     box-shadow: 1px 10px 12px rgba(85, 96, 138, 0.15);
     border: solid 1px #007af5;
}
 .goal-capabilities-body:before{
     content: "";
     height: 10px;
     width: 0px;
     border-right: dashed 2px #007af5;
     position: absolute;
     top: -10px;
     left: 50%;
     transform: translateX(-50%);
}
 .goal-capabilities-body::after {
     content: "\f077";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     font-size: 13px;
     color: #007af5;
     transition: all 0.3s;
     min-width: 15px;
     position: absolute;
     top: -22px;
     left: 50%;
     transform: translateX(-50%);
     height: auto;
     line-height: normal;
}
 .goal-capabilities-body li {
     margin: 5px 0px;
     padding-left: 18px;
     position: relative;
     opacity: 0.83;
     font-size: 13px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.82;
     letter-spacing: 0.22px;
     text-align: left;
     color: #7d90ab;
}
 .goal-capabilities-body li:after{
     content: "\f058";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     margin-left: 5px;
     font-size: 13px;
     color: #007af5;
     transition: all 0.3s;
     min-width: 15px;
     left: -6px;
     position: absolute;
     top: 0px;
}
 .flag-circle-connecter {
     right: 0;
     width: 100%;
     height: 6px;
     background-color:#eef5ff;
     position: absolute;
     top: calc(50% - 65px);
     transform: translateY(-50%);
}
 .goal-capabilities-items .owl-item:first-child .flag-circle-connecter{
    left:50%;
    width:50%
}
 .goal-capabilities-items .owl-item:last-child .flag-circle-connecter{
    right:50%;
    width:50%
}
 .progress-status-header svg {
     fill: #9ca9bb;
     margin-right: 8px;
     margin-top: -2px;
}
 .progress-status-item {
     text-align: center;
}
 .progress-status-header {
     padding: 15px 25px;
     border-radius: 7px;
     box-shadow: 1px 19px 17px 0 rgba(171, 189, 255, 0.07);
     border: solid 1px #f4f6f8;
     background-color: #ffffff;
     text-align: center;
     margin: auto;
     display: inline-block;
     min-width: 70%;
}
 .progress-status-header *{
    line-height:normal
}
 .progress-status-header h5 {
     font-size: 13px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     letter-spacing: normal;
     text-align: left;
     color: #93a3b9;
}
 .career-history-item {
     position: relative;
     transform: translateX(25px);
     width: calc(100% - 25px);
}
 .career-history-item:before{
     content: '';
     width: 5px;
     height: 100%;
     background-color: #f3f6f3;
     position: absolute;
     left: 4px;
     top: 0;
}
 .career-history-icon {
     transform: translateX(-20px);
}
 .career-history-icon figure {
     box-shadow: 0 3px 6px 0 rgba(184, 184, 184, 0.16);
     border: solid 1px #f2f4f8;
     background-color: #ffffff;
     border-radius: 100px;
     width: 52px;
     height: 52px;
     text-align: center;
     line-height: 49px;
}
 .career-history-icon figure img{
     max-height:35px;
     max-width:35px;
}
 .career-history-title {
     font-size: 14px;
     font-weight: 600;
     line-height: 1.31;
     color: #4785FF;
     margin-top: 4px;
     margin-bottom: 4px;
     font-family: 'Ubuntu', sans-serif;
}
 .chd-text {
     font-size: 13px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: left;
     color: #b5b5c4;
     margin-left: 5px;
     font-family: 'Ubuntu', sans-serif;
}
 .career-history-office {
     margin: 4px 0px;
}
 .career-history-office .chd-text {
     font-weight: 500;
     color: #616e81;
}
 .career-history-content {
     font-size: 14px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.5;
     letter-spacing: normal;
     text-align: left;
     color: #adadbb;
}
 span.dot {
     align-self: center;
     width: 3px;
     min-width: 3px;
     height: 3px;
     display: inline-block;
     margin: 0 7px;
     background-color: #b5b5c4;
     border-radius: 100px;
}
 span.dot-lg {
     width: 6px;
     height: 6px;
}
 span.dot-lg-1 {
     width: 9px;
     height: 9px;
}
 span.dot.dot-xl {
     width: 12px;
     height: 12px;
}
span.dash {
    align-self: center;
    width: 1px;
    min-width: 1px;
    height: calc(100% - 6px);
    min-height:10px;
    display: inline-block;
    margin: 0 7px;
    background-color: #E8E8FF;
    border-radius: 100px;
  }
 .career-history-body {
     padding: 6px 0 12px 0px;
     border-bottom: solid 1px rgba(232, 232, 232, 0.76);
}
 .career-history-item:last-child .career-history-body{
     border:0;
     padding-bottom:0;
}
 .career-history-timeline{
     max-height:310px;
     padding-right:10px;
}
 .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail{
    width:4px!important
}
 .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y{
     background-color: #dae1e8!important;
}
 .flight-risk-bar {
     width: 100%;
     height: 3px;
     margin: 20px 0;
     opacity: 1;
     background-image: linear-gradient(to right, #62dfb0 -3%, #ffd88b 48%, #fe9293 106%);
}
 .flight-risk-item {
     display: inline-block;
     min-width:50px;
     text-align:center;
}
 .flight-risk-item .flight-risk-icon{
     border-radius: 22px;
     box-shadow: 2px 2px 3px 0 rgba(203, 223, 214, 0.34);
     border: solid 2px #ffffff;
     width: 24px;
     height: 24px;
     margin-top:-22px;
     position:relative;
     display:inline-block;
     transform: translateY(-4px);
     background-color: #ff5355
}
 .flight-risk-item:nth-child(1) .flight-risk-icon{
    background-color:#32D0A5;
}
 .flight-risk-item:nth-child(2) .flight-risk-icon{
    background-color:#ffd88b;
}
 .flight-risk-item:nth-child(3) .flight-risk-icon{
    background-color:#ff9293;
}

 .flight-risk-item.active .flight-risk-icon::after {
     content: "\f00c";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     font-size: 11px;
     color: #fff;
     transition: all 0.3s;
     left: 50%;
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%);
     text-shadow: 0px 0px 9px rgba(0,0,0,0.3);
}
 .flight-risk-title {
     font-size: 13px;
     color: #18191c;
     display: block;
     font-weight:500;
}
 .flight-risk-item .flight-risk-title{
    text-align:center
}
 .flight-risk-item:first-child{
    text-align:left;
    min-width: none;
}
 .flight-risk-item:last-child{
    text-align:right;
    min-width:none;
}
 .flight-risk-item:first-child .flight-risk-title{
    text-align:left;
    min-width: none;
}
 .flight-risk-item:last-child .flight-risk-title{
    text-align:right;
    min-width:none;
}
 .performance-profile-wrapper h6 {
     font-size: 14px;
     font-weight: 400;
     line-height: 1.31;
     letter-spacing: normal;
     color: #4d5766;
     font-family: 'Ubuntu', sans-serif;
}
 .per-rating-items{
     margin:0px -5px;
}
 .per-rating-item{
     border-radius: 5px;
     border: solid 1px #f2f4f8;
     background-color: #ffffff;
     padding:10px;
     margin:5px;
}
 .per-flight-risk {
     margin-bottom: 22px;
     display: inline-block;
     width: 100%;
}
 .per-rating-item .rating-dot{
     width:12px;
     height:12px;
     border-radius:100px;
     background-color:#efefef;
     margin:0px 2px;
     align-self:center;
}
 .per-rating-item .rating-dot.active:nth-child(1){
     background-color:#ff7774;
}
 .per-rating-item .rating-dot.active:nth-child(2){
     background-color:#ffa150;
}
 .per-rating-item .rating-dot.active:nth-child(3){
     background-color:#ffca39;
}
 .per-rating-item .rating-dot.active:nth-child(4){
     background-color:#d4e901;
}
 .per-rating-item .rating-dot.active:nth-child(5){
     background-color:#a3e34f;
}
 .per-rating-item .badge {
     color: #7a90b7;
}
 .per-potential-bar {
     width: 100%;
     height: 3px;
     margin: 20px 0;
     background-color: #eaecf6;
}
 .per-potential-progress{
     width: 100%;
     margin: 7px 26px 7px 26px;
}
.per-potential-items {
    margin-bottom: -15px;
  }
.per-potential-title {
     min-width: 100px;
}
 .per-potential-icon span{
     display:none;
}
 .per-potential-icon {
     width: 12px;
     height: 12px;
     display: inline-block;
     transform: translateY(-5px) translateX(-50%);
     border-radius: 100px;
     border: solid 2px #fff;
     position: absolute;
     left: 50%;
}
/* .per-potential-icon::after {
     content: "\f00c";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     font-size: 11px;
     color: #fff;
     transition: all 0.3s;
     left: 50%;
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%);
     text-shadow: 0px 0px 9px rgba(0,0,0,0.3);
}
 */
 .per-potential-item{
    width:33.33%;
}
 .per-potential-item:nth-child(1) .per-potential-icon{
    background-color:#62dfb0;
    left:unset
}
 .per-potential-item:nth-child(2) .per-potential-icon{
    background-color:#ffd88b
}
 .per-potential-item:nth-child(3) .per-potential-icon{
    background-color:#ff9293;
    left:unset;
    right:-5px
}
 .per-potential-item.active .per-potential-icon span {
     display: block;
     width:100%;
}
 .per-potential-item.active .per-potential-icon {
  width: 70px;
  height: 25px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-weight: 500;
  border-radius: 9px;
  transform: translateY(-40px) translateX(-50%);
  position: relative;
  left: 50%;
  font-size: 13px;
}
 .per-potential-item.active .per-potential-icon::after {
     content: "";
     width: 10px;
     height: 10px;
     position: absolute;
     left: 50%;
     transform: translateX(-50%) rotate(45deg);
     bottom: -5px;
     z-index: 99;
}
 .per-potential-item:nth-child(1).active .per-potential-icon::after {
    background-color: #62dfb0;
}
 .per-potential-item:nth-child(2).active .per-potential-icon::after {
    background-color:#ffd88b
}
 .per-potential-item:nth-child(3).active .per-potential-icon::after {
    background-color:#ff9293
}
 .per-potential-item.active::before {
     content: "";
     width: 16px;
     height: 16px;
     display: inline-block;
     border-radius: 100px;
     border: solid 2px #fff;
     position: absolute;
     top: 8px;
     left: 50%;
     transform: translateX(-50%) translateY(-13px);
}
 .per-potential-item.active:nth-child(1)::before{
     background-color: #62dfb0;
}
 .per-potential-item.active:nth-child(2)::before{
     background-color:#ffd88b
}
 .per-potential-item.active:nth-child(3)::before{
     background-color:#ff9293
}
 .per-potential-item:first-child::before{
     left: 0%;
     transform: translateX(0%) translateY(-13px);
}
 .per-potential-item:last-child::before{
     left: unset;
     right:0;
     transform: translateX(0%) translateY(-13px);
}
 .per-potential-item.active::after {
     content: "\f00c";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     font-size: 7px;
     color: #fff;
     transition: all 0.3s;
     left:50%;
     top:-2px;
     transform:translateX(-50%);
     position: absolute;
     text-shadow: 0px 0px 9px rgba(0,0,0,0.3);
}
 .per-potential-item:first-child::after{
     top: -2px;
     left: 7px;
}
 .per-potential-item:last-child::after{
     top: -2px;
     left: unset;
     right: 2px;
}
 .per-potential-item:first-child.active .per-potential-icon{
     transform: translate(calc(-50% + 8px),-40px);
     left:unset;
}
 .per-potential-item:last-child.active .per-potential-icon{
    transform: translateY(-40px) translateX(50%);
    left: unset;
    position: absolute;
    right: 7px;
}
 .owl-top-right .owl-prev, .owl-top-right .owl-next {
     position: absolute;
     top: -25px;
     width: 22px;
     height: 22px;
     background-color: rgba(210, 214, 224,0.3) !important;
     border-radius: 100px !important;
     border: solid 1px rgba(210, 214, 224,0.8) !important;
     padding: 0px !important;
     margin: 0px !important;
}
 .owl-top-right .owl-prev.disabled, .owl-top-right .owl-next.disabled{
    opacity:0.7!important
}
 .owl-top-right .owl-prev span, .owl-top-right .owl-next span{
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
     font-size: 20px;
     color: #d2d6e0;
     height: 5px;
     line-height: 0;
}
 .owl-top-right .owl-prev:not(.disabled):hover, .owl-top-right .owl-next:not(.disabled):hover{
     border: solid 1px #6eadff !important;
     background-color: rgba(110, 173, 255,0.07) !important;
}
 .owl-top-right .owl-prev:not(.disabled):hover span, .owl-top-right .owl-next:not(.disabled):hover span{
    color:#6eadff !important
}
 .owl-top-right .owl-prev{
     right:25px;
}
 .owl-top-right .owl-next {
     right:0;
}
 /* .org-template-view {
     width: calc(100% + 30px);
     margin: -15px;
} */
 .tab-type1{
     padding: 15px 15px 0 15px;
     background-color: rgba(216, 227, 239,0.23);
}
 .tab-type1 .nav-item .nav-link .nav-text {
     font-size: 14px;
     font-weight: 500;
     color: #2b345f;
}
 .tab-type1 .nav-item{
    margin:0px 10px!important
}
 .tab-type1 .nav-item .nav-link{
     padding: 6px 6px 17px 6px !important;
     border-bottom: solid 2px transparent;
     font-family: 'Ubuntu', sans-serif;
     font-weight: normal;
     font-size: 12px;
     border-radius: 0;
}
 .tab-type1 .nav-item .nav-link:hover .nav-text{
     color:#4785FF!important;
}
 .tab-type1 .nav-item .nav-link.active {
     border-bottom: solid 2px #4785FF;
     background-color: transparent;
}
 .tab-type1 .nav-item .nav-link.active .nav-text{
     color:#4785FF;
}
 .edit-org-template .btn{
     width: 26px;
     height: 26px;
     line-height: 22px;
     border: solid 1px #ddd;
     border-radius: 6px;
     text-align: center;
     background-color:#fff;
     margin-top:5px;
}
 .org-template-row {
     margin: 0 -15px;
     flex-wrap:wrap;
}
 .org-template-col {
     padding: 15px;
     width: 50%;
}
 .org-template-icon {
     margin-right: 10px;
}
 .org-col-title {
     font-size: 14px;
     line-height: 1;
     color: #2b345f;
     margin-bottom: 8px;
     margin-top: 5px;
}
 .org-col-text {
     font-size: 14px;
     line-height: 1;
     color: #aaacb9;
     margin-top: 3px;
     display: inline-block;
}
 .org-template-desc {
     padding: 25px;
     border-radius: 10px;
     background-color: #f6f9fc;
}
 .org-level-desc{
     background-color:#fdd59c13;
}
 .org-level-desc.org-template-desc p{
    color:#a09483
}
 .org-desc-title {
     font-size: 14px;
     font-weight: 500;
     color: #4785FF;
     margin-bottom: 5px;
     font-family: 'Ubuntu', sans-serif;
}
 .org-level-desc .org-desc-title {
     color:#ffc46d;
}
 .org-template-desc p {
     font-size: 14px;
     font-weight: 300;
     line-height: 1.57;
     color: #6c7c9e;
}
 .org-col-text img {
     height: 20px;
     margin-right: 10px;
}
 .tab-type1-content .tab-pane{
     height: calc(100vh - 100px);
     max-height: calc(100vh - 100px);
}
 .engagement-score-item {
     text-align: center;
     border-radius: 5px;
     box-shadow: 5px 6px 20px 0 rgba(184, 184, 184, 0.15);
     border: solid 1px #f2f4f8;
     background-color: #ffffff;
     padding: 10px;
     margin-bottom:20px;
}
 .employee-grid-card {
     border-radius: 10px;
     border: solid 1px rgba(239, 243,251,0.8);
     margin: 15px 0px;
}
 .employee-grid-card-header:not(td .employee-grid-card-header) {
     padding: 15px;
     border-bottom: solid 1px #eef0f8;
}
 .employee-grid-footer, .employee-grid-body{
     padding: 15px;
     max-height:220px;
     position:relative;
}
 .employee-grid-footer{
     border-top: solid 1px #eef0f8;
}
 .employee-grid-card .grid-employee-pp .symbol.symbol-xxl-60 .symbol-badge{
     width: 12px;
     height: 12px;
     bottom: 0px;
     right: 0px;
     position: absolute;
     top: unset;
}
 .geo-item img {
     height: 13px;
     margin-right: 1px;
}
 .geo-item a:hover{
     color:#4785FF !important;
}
 .grid-employee-others .geo-item {
     margin: 1px 8px 1px 0px;
     color:#B5B5C3;
     font-size:11px;
}
 .grid-employee-others .geo-item a{
    color:#B5B5C3;
}
 .employee-grid-actions .btn {
     padding: 0px;
     width:22px !important;
     height:22px !important;
}
 .employee-grid-actions .btn i{
     font-size:13px!important;
}
 .employee-grid-actions .btn.btn-icon .svg-icon{
     line-height:0;
}
 .grid-employee-others.employee-grid-body .geo-item {
     color: rgba(43, 52, 95,0.65);
     font-size: 13px;
}
 .line-height-normal{
    line-height:normal
}
 .grid-employee-others img {
     height: 14px;
}
 .employee-grid-body.grid-employee-others img {
     max-height: 15px;
     width: 13px;
}
.TPA-item .table-profile-img,
 .employee-grid-body.grid-employee-others .table-profile-img{
     height: 18px;
     width: 18px;
     min-width: 18px;
     position:relative;
}
.TPA-item .table-profile-img img,
 .employee-grid-body.grid-employee-others .table-profile-img img{
     height:auto;
     min-height:100%;
     width:100%;
     top: 0;
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     object-fit: cover;
}
.TPA-item .table-profile-img ~ span,
.employee-grid-body.grid-employee-others .table-profile-img ~ span{
    max-width:calc(100% - 35px);
    overflow:hidden;
    text-overflow:ellipsis;
}

 .employee-grid-body.grid-employee-others .geo-item .text-dark{
     color:#33374d!important
}
 .geo-skills, .geo-team {
     max-width: 130px;
     flex-wrap: wrap;
     justify-content: space-between;
     margin: 0px -7px;
}
 .team-popover-item {
     margin: -15px -20px;
     box-shadow: 0 3px 6px 0 rgba(86, 200, 109, 0.16);
     border: solid 0.3px #f0f5fd;
     background-color: #ffffff;
     border-radius: 6px;
}
 .team-popover-item h6{
     font-size: 11px;
     padding: 7px 15px 3px 15px;
     margin-bottom: 0px;
     text-align:center;
}
 .team-popover-body.text-primary {
     padding: 3px 15px 6px 15px;
     display: inline-block;
     font-size: 10px;
}
 .team-popover-body.text-primary img {
     max-height: 11px;
     width: 11px;
     margin-top: -2px;
}
 .grid-employee-others.employee-grid-body .geo-bottom .geo-item{
     color:#5d6678;
}
 .completed-projects-item {
     width: calc(100% - 6px);
     box-shadow: 0 3px 6px 0 rgba(198, 205, 225, 0.16);
     border: solid 0.3px rgba(171, 203, 255,0.2);
     background-color: #ffffff;
     padding: 6px;
     border-radius: 5px;
     margin: 3px;
     overflow: hidden;
}
 .completed-projects-footer {
     font-size: 9px;
     background-color: #68a1ff;
     margin: -6px;
     color: #fff;
     text-align: center;
     padding: 2px 4px;
     justify-content: center;
}
 .completed-projects-footer img {
     height: 9px;
     max-width: 9px;
}
 .completed-projects-footer i {
     font-size:9px;
     color:#fff;
}
 .completed-projects-logo {
     margin: 0px auto 15px auto;
     text-align: center;
}
 .completed-projects-logo img {
     height: 35px;
     max-height: 35px !important;
     width: auto !important;
     display:inline-block!important;
     max-width:100%;
}
 .geo-bottom {
     margin: 0 -15px -15px -15px;
     padding: 15px;
     background-color: #fbfcff;
}
 #emoji-slider {
     width: 100%;
     height: 22px;
     background: #ddd;
     outline: none;
     opacity: 0;
     z-index: 99;
     transition: opacity 0.2s;
     cursor: pointer;
}
 .range-slider {
     position: absolute;
     top: 0%;
     left: 50%;
     transform: translate(-50%, 0%);
     width: calc(100% - 0px);
     height: 5px;
     z-index: -1;
}
 .slider-path {
     width: 100%;
     height: 100%;
     background: #eff3ef;
     opacity: 0.7;
     border-radius: 5px;
     transition: opacity 0.2s;
}
 .slider-path:hover {
     opacity: 1;
}
 .eslider-fill {
     position: absolute;
     top: 50%;
     left: 0px;
     height: calc(100% - 0px);
     border-radius: 3px;
     transform: translateY(-50%);
     transition: all cubic-bezier(0, 0, 0, 1) 0.3s;
}
 .feedback-card-item:nth-child(5n + 1) .eslider-fill{
    background: #beebbe;
}
 .feedback-card-item:nth-child(5n + 2) .eslider-fill{
    background: #fcd5f9;
}
 .feedback-card-item:nth-child(5n + 3) .eslider-fill{
    background: #c4ddfc;
}
 .feedback-card-item:nth-child(5n + 4) .eslider-fill{
    background: #ffe9be;
}
 .feedback-card-item:nth-child(5n + 5) .eslider-fill{
    background: #beebbe;
}
 .eslider-scale {
     padding: 0;
     padding-right: 0px;
     display: flex;
     justify-content: space-between;
     position: absolute;
     width: calc(100% + 3px);
     top: 15px;
     z-index: -3;
}
 .eslider-scale span {
     font-size: 10px;
     position: relative;
     color:rgba(132, 132, 156,0.6)
}
 .eslider-scale span:before {
     content: "";
     position: absolute;
     width: 1px;
     height: 7px;
     background: #ddd;
     top: -5px;
     left: 50%;
     transform: translateX(-50%);
}
 .eslider-text {
     display: block;
     width: auto;
     text-align: center;
     position: absolute;
     top: calc(50% - 4px);
     right: -15px;
     background: transparent;
     color: #fff;
     padding: 0px;
     border-radius: 10px;
     transform: translateY(-50%);
     transition: all ease 0.25s;
     z-index: 1;
     font-size:18px;
}
 .eslider-text:before {
     content: '';
     position: absolute;
     bottom: -10px;
     left: 50%;
     width: 0;
     height: 0;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     border-top: 10px solid #333;
     transform: translateX(-50%);
     display: none;
}
 .feedback-card-item {
     z-index: 1;
     position: relative;
     margin-bottom: 10px;
}
 ol.custom-list {
     list-style: none;
     counter-reset: my-awesome-counter;
}
 ol.custom-list li {
     counter-increment: my-awesome-counter;
     position:relative;
}
 ol.custom-list li a::before {
     content: counter(my-awesome-counter);
     color: red;
     font-weight: bold;
}

 .dash-inner-tabs ol.custom-list li a::before {
     color: #fff;
     position: absolute;
     left: 7px;
     top: 50%;
     transform: translateY(-50%);
     background-color: rgba(135, 153, 180,0.6);
     width: 18px;
     height: 18px;
     text-align: center;
     border-radius: 100px;
     font-size: 10px;
     line-height: 18px;
     font-weight:normal;
}
 .dash-inner-tabs ol.custom-list li a:hover::before, .dash-inner-tabs ol.custom-list li a.active::before {
     background-color:#4785FF;
}
 .dash-inner-tabs ol.custom-list li .nav-link{
     padding-left:35px;
     padding-right:7px;
     transition:all 0.3s;
}
.border-bottom-tabs > li{
    margin:0px!important;
}
 .border-bottom-tabs li .nav-link{
     border-bottom: 1px solid rgba(203, 203, 229,0.4);
     border-radius:0px;
}
 .border-bottom-tabs li .nav-link .nav-text{
     font-size:15px;
}
 .border-bottom-tabs li .nav-link.active, .border-bottom-tabs .nav-link.active .nav-text{
     background-color: transparent !important;
     color: #4785FF !important;
     border-color: #4785FF;
}
.mainTabsWidth,
.innTabsWidth{max-width: calc(100% - 80px);margin-left: 40px;}
 .dash-inner-tabs ol {
     position: relative;
     display: flex;
     flex-wrap: nowrap;
     white-space: nowrap;
     padding-bottom: 15px;
}
 .dash-inner-tabs::after {
     content: "";
     background-image: linear-gradient(to right, transparent , rgba(238, 240, 248, 1));
     width: 25px;
     position: absolute;
     right: 36px;
     height: 100%;
     top: 0;
}
.dash-inner-tabs::before {
    content: "";
    background-image: linear-gradient(to left, transparent , rgb(238, 240, 248));
    width: 25px;
    position: absolute;
    left: 36px;
    height: 100%;
    top: 0;
    z-index: 1;
}
 .weight-icon-span {
     width: 33px;
     height: 33px;
     border-radius: 12px;
     display: inline-block;
     text-align:center;
     line-height:33px;
}
 .weight-height-card .m-card:nth-child(1) .weight-icon-span {
     background-color: #d4e9ff;
}
 .weight-height-card .m-card:nth-child(2) .weight-icon-span{
     background-color: #ffd6d6;
}
 .weight-icon-span svg{
     max-height:16px;
     max-width:16px;
}
 .card-list-content{
     margin-top:15px;
     font-weight:500;
     position:relative;
}
 .card-list-content:first-child{
     margin-top:0px
}
 .card-list-icon {
     width: 30px;
     min-width: 30px;
     text-align: right;
}
 .card-list-icon img {
     height: 16px;
     width: 18px;
}
.card-list-icon img {
    max-width: 30px;
    max-height: 30px;
  }
.grid-view-card .card-list-icon img {
    height:auto;
    max-height: 21px;
    width: 21px;
    margin-top: 3px;
  }
 .fitness-card-items {
     display: flex;
     flex-wrap: wrap;
     margin-top: -15px;
     margin-bottom: -15px;
}
 .fitness-card-item {
     border-radius: 5px;
     border: solid 0.5px rgba(207, 216, 249,0.7);
     background-color: #ffffff;
     width:100%;
     padding: 15px;
     margin: 15px 0;
     text-align:center;
}
 .fitness-card-icon {
     position: absolute;
     left: 50%;
     top: calc(50% - 4px);
     transform: translate(-50%,-50%);
}
 .pc-list-item {
    /* padding: 15px 30px;
     */
     background-color: rgba(222, 230, 255,0.2);
    /* margin: -15px -30px 30px -30px;
     transform: translateY(15px);
     */
}
 .bg-primary-o-10 .data-sub-title a, .bg-primary-o-10 .data-sub-title {
     color: #8e97b5;
}
 .bg-warning-o-10 .data-sub-title a, .bg-warning-o-10 .data-sub-title {
     color: #a09483;
}
 .bg-success-o-10 .data-sub-title a, .bg-success-o-10 .data-sub-title {
     color: #7a9e8e;
}
.card-icon-list{
    max-height: 150px;
}
 .card-icon-list .radio-inline {
     margin: 0px -5px;
     justify-content: left;
     padding-right:5px;
     position: relative;
     width: 100%;
     overflow:auto;
     transition:all 0.4s ease-in-out;
}
 .card-icon-list .radio-inline .mCSB_container{
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
}
 .card-icon-list .radio-inline.card-icon-list-max{
    max-height:400px;
}
 .attributes-icon-list .radio-inline .symbol .symbol-label{
    margin-right:0px;
}
 .icon-btn-minimize i {
     font-size: 10px !important;
     padding: 0px !important;
}
.education-qualification-accordion.accordion.accordion-toggle-arrow .card .card-header .card-title::after {
    color: unset;
    top: 19px;
    right: 7px;
  }
 .language-accordion.accordion.accordion.accordion-toggle-arrow .card .card-header .card-title, .education-qualification-accordion.accordion.accordion-toggle-arrow .card .card-header .card-title{
     font-size:unset
}
 .language-accordion.accordion.accordion-toggle-arrow .card .card-header .card-title::after{
     color:unset;
     top:unset;
}
 .dash-inner-tabs-content .accordion > .card:not(:first-of-type) {
     border-top-left-radius:13px;
     border-top-right-radius: 13px;
}
 .dash-inner-tabs-content .accordion > .card:not(:last-of-type) {
     border-bottom-right-radius: 13px;
     border-bottom-left-radius: 13px;
}
 .tab-item-action{
    opacity:0;
    width:0;
    height:0;
    overflow:hidden;
    transition:all 0.3s;
    margin-top: -2px;
}
.nav-item .nav-link:hover .tab-item-action{
    opacity:1;
    width:43px;
    height:20px;
}
 .tab-item-action .btn {
     width: 20px !important;
     height: 20px !important;
     line-height: 22px !important;
     margin:0px 1px;
     filter: grayscale(1);
}
.tab-item-action .btn:hover{
    filter: grayscale(0);
}
 .tab-item-action .btn i{
     line-height: 20px !important;
     font-size: 16px;
}
.tab-item-action img {
    height: 18px;
    width: auto;
    max-width: 14px;
    max-height: 16px;
  }
 .card-map-wrapper {
     border: solid 1px #ebeffc;
     border-radius: 12px;
     overflow: hidden;
}
 .card-map-header {
     padding: 10px 15px;
}
 .data-sub-title img {
     height: 20px;
     margin-right: 10px;
}
 .card-social-links .btn-facebook {
     background-image: linear-gradient(135deg, #4676ed 15%, #436de4 28%, #3b54cd 49%, #2f2da8 76%, #2b1e99 86%);
     border: 0;
}
 .card-social-links .btn-twitter {
     background-image: linear-gradient(180deg, #3cf, #337fff);
     border: 0;
}
 .card-social-links .btn-instagram {
     background-image: linear-gradient(225deg, #fbe18a, #fcbb45 , #f75274 , #d53692 , #8f39ce , #5b4fe9 );
     border: 0;
}
 .card-social-links:not(.card-list-content) {
     margin: 0px -2px;
}
 .card-social-links .btn{
     position:relative;
     z-index:1;
}
 .card-social-links .social-link-outer:hover{
     opacity:0.9;
     border: solid 1px #e5e8f0;
}
 .card-social-links .social-link-outer {
     width: 57px;
     height: 57px;
     border: solid 1px #f2f5fb;
     background-color: #fcfcfc;
     border-radius: 100px;
     margin:0 2px;
     display:inline-block;
     text-align:center;
}
 .card-social-links .btn{
     z-index:1;
     position:relative;
     top: 50%;
     transform: translateY(-50%);
}
 .card-social-links .btn-linkedin {
     background-image: linear-gradient(225deg, #007ab5, #0046e5);
    ;
     border: 0;
}
 .card-map-wrapper .timeline.timeline-1 .timeline-sep{
     left: 12px;
     width: 0;
     border-left: dotted 2px #a3acc6;
     background-color: transparent;
     height:40px;
}
 .card-map-wrapper .timeline.timeline-1 .timeline-item{
     margin-bottom:0.5rem
}
 .card-map-wrapper .timeline.timeline-1{
     height:auto;
}
 .card-map-wrapper .timeline.timeline-1 .timeline-item:last-child{
     margin-bottom:0rem
}
 .card-map-wrapper .timeline.timeline-1 .timeline-item .timeline-badge{
     padding: 0px;
     margin: 0px;
     border: 0;
     height: 26px;
     width: 26px;
}
 .card-list-content .badge i{
    font-size:11px;
}
 .card-list-content .badge {
    border-bottom-right-radius: 0;
}
 .cursor-default{
     cursor:default!important;
}
 [class*="bg-warning"] .border-color-bg{
     border-bottom-color: rgba(217, 159, 64,0.24) !important;
}
 [class*="bg-success"] .border-color-bg{
     border-bottom-color: #dfeeee !important;
}
 [class*="bg-primary"] .border-color-bg{
     border-bottom-color: #e2e8ee !important;
}
 .added-card-body, .dependents-details-body{
     position:relative;
     max-height:280px;
}
 .card-columns.two-columns{
     -webkit-column-count: 2;
     -moz-column-count: 2;
     column-count: 2;
}
.social-share-modal,
 .skills-list-wrapper{
    margin:-3px;
}
 .skills-list-item {
     width: 57px;
     height: 57px;
     border: solid 1px #e8edf8;
     background-color: #fefefe;
     border-radius: 100px;
     margin:3px;
     display: flex;
     text-align: center;
     justify-content: center;
}
 .TC-achive-award-list-item {
     width: 57px;
     height: 57px;
     border: solid 1px #e8edf8;
     background-color: #fefefe;
     border-radius: 100px;
     margin:3px;
     display: flex;
     text-align: center;
     justify-content: center;
}
.TC-achive-award-list-item figure,
.social-share-modal-item figure,
 .skills-list-item figure{
     align-self:center;
}
.TC-achive-award-list-item figure img,
 .skills-list-item figure img{
     max-height:26px;
     max-width:26px;
}
.social-share-modal-item figure img{
     max-height:28px;
     max-width:28px;
}
 .add-competency-banner {
     /* width: 96%; */
     margin: auto;
     max-width: 100%;
}
 .add-competency-banner h4 {
     font-size: 32px;
     font-weight: 500;
     color: #000000;
}
 .assessment-sub-wrapper{
     background-color: #fafbfd;
}
 .assessment-sub-header{
     box-shadow: 0 3px 6px 0 rgba(191, 200, 213, 0.16);
}
 .assessment-sub-header h5 {
     font-size: 24px;
     font-weight: 500;
     color: #000000;
}
 .add-competency-banner p {
     max-width: 500px;
     opacity: 0.9;
     font-size: 16px;
     font-weight: normal;
     color: #000000;
     margin-top: 10px;
     line-height: 1.69;
}
.add-competency-banner.card-body h4 {
    font-weight: 500;
font-size: 1.275rem;
color: #181C32;
  }
 .add-competency-wizard .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-bar, .add-competency-wizard .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-bar::after{
    height: 3px;
    border-radius: 3px 3px 0 0;
}
 .add-competency-wizard .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label{
    color: rgba(0,0,0,0.7);
    padding-top:1rem;
}
 .add-competency-wizard .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title{
    font-size: 14px;
    padding: 0px 10px;
    display: flex;
    margin-bottom: 0rem;
    font-weight: 400;
    flex-wrap:nowrap;
}
 .add-competency-wizard .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label {
     color: #4785FF;
}
.add-competency-wizard .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"].wizard-step .wizard-icon{
    filter: grayscale(1);
}
 .add-competency-wizard .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-bar::after {
     background-color:#4785FF;
}
 .add-competency-wizard .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title span{
     font-size: 14px;
}
 .add-competency-wizard .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step{
     margin:0px;
}
 .add-competency-wizard .wizard.wizard-3 .wizard-nav .wizard-steps{
    position:relative;
    z-index:1
}
 .add-competency-wizard .wizard.wizard-3 .wizard-nav .wizard-steps::after {
     width: 100%;
     height: 2px;
     background-color: rgba(203, 203, 229,0);
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     z-index: -1;
}
 .add-competency-wizard .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label{
     padding-left:0;
     padding-right:0;
     padding-bottom:0;
}

.wizard-btns-wrapper .btn.btn-primary {
     background-color: rgba(79, 138, 255,0.7);
     font-size: 16px;
     border-color: rgb(128, 172, 255);
}
.wizard-btns-wrapper .btn.btn-primary:hover {
     background-color: rgba(79, 138, 255,0.9) !important;
     border-color: rgba(79, 138, 255,0.9) !important;
}
.wizard-btns-wrapper .btn.btn-outline-primary {
     font-size: 16px;
     border-color: rgb(128, 172, 255);
}
.wizard-btns-wrapper .btn.btn-outline-primary:hover {
     background-color: rgba(79, 138, 255,0.9) !important;
     border-color: rgba(79, 138, 255,0.9) !important;
}
.wizard-btns-wrapper .btn-light-success{
     font-size: 16px;
}
 .content .irs--big .irs-handle{
     border:0px;
     box-shadow:none;
     border-radius:0;
    /* background:none;
     */
     background-image:url(../media/images/slider-handle.svg);
     background-position:center;
    background-size:39px 39px !important;
     background-repeat:no-repeat;
     cursor: grab;
     top:-10px;
}
 .content .irs--big .irs-bar{
     border:0;
     background: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     background-color:#7db5ff;
     height:6px;
}
 .content .irs--big .irs-line{
     border:0;
     background: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     height:6px;
     background-color:rgba(150, 166, 217,0.3);
}
 .content .irs--big .irs-line, .content .irs--big .irs-bar{
     top:0px
}
 .content .irs--big.irs-with-grid{
     height:40px;
     margin-bottom:10px;
     bottom:10px;
}
 .content .irs--big .irs-grid-pol {
     background-color: rgba(43, 52, 95,0.6);
}
 .content .irs--big .irs-grid-text {
     color: rgba(43, 52, 95,0.6);
     font-size: 13px;
     transform: translateY(3px);
     font-weight: 600;
}
 /* .content .irs-min,
 .content .irs-max,
 .content .irs-from,
 .content .irs-to,
 .content .irs-single {
    display:none
} */
 /* .competency-level-wrapper {
     margin: -38px -30px 30px -30px;
     padding: 30px 30px 0px 30px;
     background-color: #fff;
     border-radius: 0px 0px 25px 25px;
     box-shadow: 0 3px 6px 0 rgba(183, 198, 207, 0.16);
} */
 .add-competency-wizard .checkbox-inline .checkbox{
     font-family: 'Ubuntu', sans-serif;
     font-weight: 400;
     color: #333;
     font-size: 14px;
}
 .add-competency-wizard .minicolors-theme-bootstrap .minicolors-swatch {
     z-index: 2;
     top: 50%;
     left: 5px;
     width: 17px;
     height: 17px;
     border-radius: 3px;
     transform: translateY(-50%);
     transform: translateY(-50%);
     border-radius: 100px;
     border: 0;
}
 .add-competency-wizard .minicolors-theme-bootstrap .minicolors-input{
     margin-left:40px;
     padding-left:12px;
     width: calc(100% - 40px);
     min-width: 125px;
}
 .keep-alphabate-form {
     border-radius: 8px;
     border: solid 1px #dce2f3;
     margin-top: 30px;
     padding: 30px;
     max-height:240px;
}
 .keep-alphabate-item {
     margin: 15px;
}
 @media screen and (max-width: 1450px) and (min-width: 1200px){
     .keep-alphabate-form .cluster-colorpicker{
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
}
 .choose-framework-item {
     min-width:240px;
     width:100%;
     padding: 40px 25px 15px 25px;
     border-radius: 5px;
     border: solid 1px #d7e2ef;
     height:100%;
     background-color:#fff;
}

 .choose-framework-item.create-new-cluster{
     border: dashed 2px #9ec0e8;
     cursor:pointer;
     padding:25px;
}
 .choose-framework-item h5 {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}
 .choose-framework-wrapper .checkbox span:not(.choose-framework-item span){
     position: absolute;
     right: -6px;
     top: -6px;
     border-radius: 100px;
     height: 20px;
     width: 20px;
}
.choose-framework-wrapper .checkbox > input:checked ~ .choose-framework-item{
    border-color:#4785FF;
}
.employee-template-wrapper .choose-framework-item:not(.create-new-cluster){
    padding:40px 20px 20px 20px;
}
 .choose-framework-item.emp-template-active:after{
     content:"";
     width: 21.6px;
     height: 21.6px;
     margin: 0 10px 30.2px 47.7px;
     padding: 8.4px 6.7px 8.4px 7.3px;
     opacity: 0.62;
     background-color: #cde6fe;
}
 .choose-framework-item.emp-template-active::after {
     width: 22px;
     height: 22px;
     background-color: rgba(205, 230, 254,0.6);
     position: absolute;
     border-radius: 100px;
     top: 12px;
     left: 22px;
     font-family: 'font Awesome 5 Free';
     font-weight: 900;
     content: "\f00c";
     text-align: center;
     line-height: 22px;
     font-size: 10px;
     color: #529cff;
     opacity: 1;
     padding: 0px;
     margin: 0px;
}
 .choose-framework-wrapper {
     margin: 0px -22px;
     justify-content:center;
}
 .choose-framework-wrapper .choose-framework-label {
     margin: 15px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: 365px;
     width: calc(25% - 30px);
     min-width:300px;
}
.choose-framework-wrapper .choose-framework-label.create-new-cluster .choose-framework-item{
    padding-top: 14px;
    cursor: pointer;
    border: dashed 2px #9ec0e8;
    padding-bottom: 14px;
    min-height: 75px;
}
 .choose-framework-wrapper .checkbox > span {
     background-color: transparent;
     border: 1px solid transparent;
}

 .btn.add-culster-btn {
     border-radius: 5px;
     border: dashed 2px #9ec0e8;
     background-color: #ffffff;
     font-size: 18px;
     font-weight: 500;
     padding: 15px 30px;
     margin:5px 12px;
}
 .btn.add-culster-btn i {
     font-size: 30px;
     color: #9ebfff;
}
 .btn.delete-culster-btn {
     border-radius: 5px;
     border: dashed 2px #ffc5c5;
     background-color: #ffffff;
     font-size: 18px;
     font-weight: 500;
     padding: 15px 30px;
     margin:5px 12px;
}
 .btn.delete-culster-btn i {
     font-size: 30px;
     color: #ffc5c5;
}
 .cluster-list-item {
     padding: 15px;
     border-radius: 5px;
     box-shadow: 0 3px 6px 0 rgba(203, 205, 209, 0.16);
     background-color: #ffffff;
     border-left:solid 5px #4785FF;
}
 .view-cluster-list .cluster-list-item {
     box-shadow: 0 3px 6px 0 rgba(203, 205, 209, 0.16);
}
 .cli-title{
     font-size:14px;
     font-weight:normal;
     color:#53576e;
}
 .view-cluster-list .accordion.accordion-toggle-arrow .card .card-header .card-title{
     position:static;
}
 .view-cluster-list .accordion.accordion-light .card .card-header .card-title::after {
     right: 15px;
}
 .view-cluster-list .accordion.accordion-toggle-arrow .card .card-header .card-title, .view-cluster-list .accordion.accordion-toggle-arrow .card .card-header .card-title::after {
     color: #7E8299;
}
 .cluster-list-item{
    padding-right:35px
}
 .accordion-level-2,.accordion-level-3,.accordion-level-4{
     margin:20px 0px 0px 30px !important;
     position:relative;
}
 .accordion-level-2 .cluster-list-item {
     border-color:#b8cffc;
}
 .view-cluster-list .accordion .card, .view-cluster-list .accordion .card .card-header {
     box-shadow: none;
     border: 0 !important;
}
 .cli-actions .btn.btn-clean{
    opacity:0.7;
    border-radius:100px;
}
 .cli-actions .btn:hover{
    opacity:1
}
.cli-actions .btn.btn-hover-light-danger path{
    fill:#f64e60
}
 .add-cluster-btn-wrapper {
     box-shadow: 0 3px 6px 0 rgba(183, 198, 207, 0.16);
     border-radius: 20px 20px 20px 20px;
}
 .view-cluster-list .accordion .card:last-child {
     margin-bottom: 0!important;
}
 .competency-card-item{
     overflow:hidden!important;
     border-radius:13px;
     width:100%;
     box-shadow: 0 3px 6px 0 rgba(203, 205, 209, 0.16);
     background-color: #ffffff;
}
 .competency-card-item img{
     max-width:100%
}
 .competency-card-wrapper{
     margin:0px -10px;
}
 .competency-card-wrapper .owl-item .item{
     padding:10px;
}
 .competency-card-wrapper .competency-card-item .card-header{
     background-color:#5070e9 !important;
}
 .ccs-title {
     font-size: 16px;
     font-weight: 600;
     line-height: 1.33;
     font-family: 'Ubuntu', sans-serif;
}
 .ccs-number {
     width: 30px;
     margin-right: 10px;
     background-image: url(../media/images/number-bg.svg);
     background-size: 100% 100%;
     background-repeat: no-repeat;
     position: absolute;
     top:12px;
     left: 0;
     height: 34px;
     line-height: 34px;
     padding: 0 8px;
}
 .ccs-description {
     font-size: 14px;
     font-weight: normal;
     line-height: 1.79;
     color: #000000;
}
 .ccs-image {
     border-radius: 10px;
     overflow: hidden;
}
 .competency-card-item h6 {
     font-size: 14px;
     font-weight: 600;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.79;
     letter-spacing: normal;
     text-align: left;
     color: #000000;
     opacity: 0.8;
}
 .ccg-list ul{
    margin-bottom:0;
}
 .ccg-list ul li {
     padding-left: 13px;
     position: relative;
     margin: 7px 0px;
     font-size: 14px;
     opacity: 0.8;
     color: #000;
}
 .ccg-list ul li::before {
     content: "";
     width: 7px;
     height: 7px;
     border-radius: 100px;
     background-color: #333;
     display: inline-block;
     left: 0;
     position: absolute;
     top: 7px;
}
 .ccg-list ul li:nth-child(3n + 1):before{
     background-color: #89b2fe;
}
 .ccg-list ul li:nth-child(3n + 2):before{
     background-color: #ffd476;
}
 .ccg-list ul li:nth-child(3n + 3):before{
     background-color: #b2acf5;
}
 .competency-card-wrapper .owl-prev, .competency-card-wrapper .owl-next {
     position: absolute;
     top: 50%;
     width: 32px;
     height: 32px;
     background-color: #fff !important;
     border: solid 1px #b3bbca !important;
     border-radius: 100px !important;
     transform: translateY(-50%);
     margin: 0px !important;
}
 .competency-card-wrapper .owl-prev{
     left: -11px;
}
 .competency-card-wrapper .owl-next{
     right: -11px;
}
 .competency-card-wrapper .owl-prev span, .competency-card-wrapper .owl-next span{
     display:none
}
 .competency-card-wrapper .owl-prev:after, .competency-card-wrapper .owl-next:after{
     font-family: 'Line Awesome Free';
     font-weight: 900;
     position:absolute;
     left:50%;
     top: 50%;
     transform:translate(-50%,-50%);
     font-size:15px;
     color:#b1b9c8;
}
 .competency-card-wrapper .owl-prev:after{
     content: "\f104";
}
 .competency-card-wrapper .owl-next:after{
     content: "\f105";
}
 .competency-card-wrapper .owl-prev:not(.disabled):hover:after, .competency-card-wrapper .owl-next:not(.disabled):hover:after{
     color:#81acfe;
}
 .competency-card-wrapper .owl-prev:not(.disabled):hover, .competency-card-wrapper .owl-next:not(.disabled):hover{
     border-color:#81acfe!important;
     opacity:1
}
 .competency-card-body{
     max-height:250px;
}
 .add-cluster-modal .upload-pip {
     display: block;
     margin-top: 10px;
     width:100px;
     position:relative;
}
 .add-cluster-modal .upload-pip img{
     width:100px;
     border-radius:4px;
     box-shadow: 0px 0px 3px rgba(0,0,0,0.15);
}
 .add-cluster-modal .upload-remove {
     position: absolute;
     bottom: -5px;
     right: -5px;
     background-color: #fff;
     border-radius: 100px;
     width: 18px;
     height: 18px;
     box-shadow: 0px 0px 4px rgba(0,0,0,0.15);
     text-align: center;
     line-height: 18px;
     cursor:pointer;
}
 .add-cluster-modal .upload-remove i{
     font-size:12px;
     color:#bac4d3;
}
 .add-cluster-modal .upload-remove:hover{
     background-color:#ffeded;
}
 .add-cluster-modal .upload-remove:hover i{
     color:#ff6363;
}
 .wizard-step-status {
     position: absolute;
     top: 12px;
     left: 27px;
     border-radius: 100px;
     padding: 2px 10px 2px 22px;
     font-size: 10px;
}
 .wizard-step-status span{
     border-radius: 10px;
     width: 20px;
     height: 20px;
     display: inline-block;
     line-height: 20px;
     text-align: center;
     position: absolute;
     left: -2px;
     top: -1px;
}
.wizard-step-status span svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
 /* .wizard-step-status.wizard-status-unapproved span svg {
     height: 9px;
     width: 9px;
     line-height: 0px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
} */
 .wizard-step-status::after {
     margin-left: 2px;
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
     font-size: 8px;
}
 .wizard-step-status.update-span::before {
     content: "";
     position: absolute;
     right: -2px;
     top: -3px;
     width: 9px;
     height: 9px;
     background-color: #f46a6a;
     border-radius: 10px;
     box-shadow: 1px 2px 1px rgba(0,0,0,0.3);
     border: solid 1px #fff;
}
 .wizard-step-status.wizard-status-approved {
     color: #1ac596;
}
 .wizard-step-status.wizard-status-approved span{
     background-color: #1ac596;
}
 .wizard-step-status.wizard-status-unapproved {
     color: #ffba46;
}
 .wizard-step-status.wizard-status-unapproved span{
     background-color: #ffba46;
}
 .wizard-step-status.wizard-status-not-setup {
     color: #f46a6a;
}
 .wizard-step-status.wizard-status-not-setup span{
     background-color: #f46a6a;
}
 .wizard-step-status.wizard-status-being-setup {
     color:#7bc1ff;
}
 .wizard-step-status.wizard-status-being-setup span{
     background-color: #7bc1ff;
}
 .wizard-step-status.wizard-status-under-approval {
     color:#556ee6;
}
 .wizard-step-status.wizard-status-under-approval span{
     background-color: #556ee6;
}
 .step-popover-hightlight img, .step-popover-date img{
    height:13px;
}
 .ck.ck-icon :not([fill]) {
     fill: #545c7f!important;
}
 .ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover {
     background: #eaf0f7!important;
}
 .ck.ck-toolbar {
     background: #f6fbff!important;
     border-color: #eef3f7!important;
}
 .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
     border-color: #eef3f7!important;
}
 .ck.ck-toolbar__separator{
     background: #e6ecf0!important;
}
 .ck-content {
     min-height: 100px!important;
}
 .compentency-repaeter-wrapper .btn.add-culster-btn{
     border-color:#529cff;
     color:#529cff;
}
 .compentency-repaeter-wrapper .btn.add-culster-btn i {
     font-size: 32px;
     color: #529cff;
}
 .copetency-switch-wrapper {
     margin: 15px 0px 25px 0px;
     padding: 20px 20px 7px 20px;
     border-radius: 5px;
     background-color: #fafbfd;
}
 .create-customer-wrapper .wizard-label-icon {
     width: 70px;
     height: 70px;
     border: solid 1px #ccc;
     line-height: 68px;
     border-radius: 100px;
     margin: auto;
     opacity:0.9;
     position:relative;
}
 .create-customer-wrapper .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-label-icon, .create-customer-wrapper .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-label-icon{
     border-color:#e6eff8;
     opacity:1;
}
 .create-customer-wrapper .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label, .create-customer-wrapper .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label{
     filter: grayscale(0);
}
 .create-customer-wrapper .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title, .create-customer-wrapper .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title {
     color: #4F8AFF;
}
 .create-customer-wrapper .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label{
     filter: grayscale(1);
     font-family: 'Ubuntu', sans-serif;
}
 .create-customer-wrapper .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title{
     color: rgba(43, 52, 95,0.8);
}
 .create-customer-wrapper .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step{
     width: 270px;
     min-width: 270px
}
 .create-customer-wrapper .wizard-steps.perfect-scrollbar {
     padding-bottom: 15px;
}
 .create-customer-wrapper .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-label-icon::after {
     content: "";
     position: absolute;
     right: -12rem;
     top: 50%;
     transform: translateY(-50%);
     width: 10rem;
     height: 0;
     border-top: dashed 2px rgba(43, 52, 95,0.5);
}
 .create-customer-wrapper .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step:nth-last-child(3) .wizard-label .wizard-label-icon::after{
     display:none
}
 .create-customer-wrapper .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-label-icon::after, .create-customer-wrapper .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-label-icon::after{
     border-top-style:solid;
     border-color: #4785FF;
}
 .create-customer-wrapper .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-label-icon::before {
     content: "\f00c";
     position: absolute;
     width: 22px;
     height: 22px;
     background-color: #edf3ff;
     border-radius: 100px;
     bottom: -11px;
     left: 50%;
     transform: translateX(-50%);
     font-weight: 900;
     color: #4785FF;
     line-height: 22px;
     font-size: 10px;
     font-family: "Font Awesome 5 Free";
}
 .create-customer-wrapper .wizard .justify-content-between .btn{
     opacity:0.7
}
 .create-customer-wrapper .wizard .justify-content-between .btn:hover{
     opacity:1
}
 .create-customer-wrapper .input-group .bootstrap-select > .dropdown-toggle{
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
}
 .create-customer-wrapper .input-group .input-group-prepend .bootstrap-select .dropdown-menu.inner > li > a{
     padding:4px 3px;
     text-align:center;
}
 .create-customer-wrapper .input-group .input-group-prepend .bootstrap-select .btn .filter-option-inner-inner{
     text-align:center;
}
 .create-customer-wrapper .input-group .input-group-prepend .bootstrap-select .dropdown-menu.inner > li > a .text img, .create-customer-wrapper .input-group .input-group-prepend .bootstrap-select .btn .filter-option-inner-inner .text img{
     width:18px;
}
.input-group-prepend .bootstrap-select .btn{
        border-top-right-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }
 .create-customer-wrapper .bootstrap-select .dropdown-toggle .filter-option-inner img, .create-customer-wrapper .bootstrap-select .dropdown-toggle .filter-option-inner-inner img {
     height: 17px;
     border-radius: 0px;
     margin-top: 0px;
     margin-right: 0px;
}
 .font-weight-500{
    font-weight:500;
}
 .customer-address-section .bootstrap-select .dropdown-menu.inner > li > a .text img{
     height:20px
}
 .subscription-option-tile {
     padding: 32px 15px 20px 15px;
     border-radius: 5px;
     border: solid 1px #e4e8f3;
     background-color: #ffffff;
     position:relative;
     width:100%;
}
 .subscription-option-tile.subscription-checked{
     border-color:#4785FF;
}
 .subscription-tile-check-info {
     position: absolute;
     right: 10px;
     display: flex;
     top: 10px;
}
 .subscription-tile-check-info .subscription-tile-checkbox, .subscription-tile-check-info .subscription-tile-info{
     margin:0px 4px
}
 .subscription-tile-check-info .subscription-tile-checkbox .checkbox > span {
     background-color: transparent;
     border: solid 1px #e4e8f3;
     border-radius: 24px;
}
 .subscription-tile-check-info .subscription-tile-checkbox .checkbox > input:checked ~ span {
     background-color:#4785FF;
     border-color:#4785FF;
}
 .subscription-tile-check-info .subscription-tile-info i {
     color: #fe828a;
     opacity: 0.8;
}
 .subscription-content-right .subscription-content-title {
     font-size: 15px;
     font-weight: 400;
     line-height: 1.38;
     letter-spacing: 0.4px;
     color: #2b345f;
     font-family: poppins;
     padding-right:15px;
}
 .subscription-content-right li {
     font-size: 12px;
     line-height: 1.5;
     color: #352a7d;
     margin-bottom: 3px;
     position: relative;
     padding-left: 12px;
}
 .subscription-content-right li:before{
     content:"";
     width:4px;
     height:4px;
     border-radius:10px;
     position:absolute;
     left:0;
     top:8px;
}
 .subscription-content-right li.subscription-list-highlight{
     color:#83adff;
    ;
}
 .template-options-wrapper .subscription-content-right .subscription-content-title{
     font-size:14px;
}
 .template-options-wrapper .checkbox > input:checked ~ .subscription-option-tile {
     opacity:0.5
}
 .subscription-title-image{
     height:16px;
}
 .employee-template-title h4{
     font-weight: 500;
     color: #000000;
     font-size:25px;
}
 .employee-template-title i {
     color: #fe828a;
     opacity: 0.8;
}
 .employee-template-wrapper h5{
     font-size:16px;
}
 .employee-template-wrapper span.emp-template-version {
     position: relative;
     right: unset;
     top: unset;
     border-radius: 0;
     opacity: 0.8;
}

 .employee-template-wrapper .wizard-step-status{
    left:24px;
    top: 15px;
}
 .employee-template-footer {
     margin: 15px -20px 0px -20px;
     padding: 5px 20px;
     transform: translatey(-25px);
     background-image: linear-gradient(178deg, rgba(230, 234, 242,0.2) -3%, rgba(214, 228, 255, 0) 100%);
     color: rgba(0, 0, 0,0.3);
     font-size: 12px;
}

 .employee-template-wrapper .emp-template-active .wizard-step-status {
     right: 24px;
     left: unset;
}
.form-drawer-wrapper .offcanvas-header{
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.04), 0px 1.45469px 6.74023px rgba(0, 0, 0, 0.032375), 0px 1.0125px 4.35938px rgba(0, 0, 0, 0.027), 0px 0.664062px 2.70508px rgba(0, 0, 0, 0.023125), 0px 0.4px 1.625px rgba(0, 0, 0, 0.02), 0px 0.210938px 0.966797px rgba(0, 0, 0, 0.016875), 0px 0.0875px 0.578125px rgba(0, 0, 0, 0.013), 0px 0.0203125px 0.306641px rgba(0, 0, 0, 0.007625);
}
/* Drag Drop CSS */
 .form-edit-drawer, .form-drawer-wrapper {
     width: 100%;
    /* min-width: 600px;
     */
}
 .form-edit-drawer.offcanvas-right, .form-drawer-wrapper.offcanvas-right {
     right: -100%;
}
 .form-drawer-wrapper.offcanvas-right.offcanvas-on {
     right: 0
}
 .drop-zone-height .drop-element-outer {
     padding-top: 0px;
     margin-bottom: 15px;
     transition: 0.4s;
}
 /* .drop-zone-height .drop-element-outer:hover, .drop-zone-height .drop-element-outer:hover .drop-element-outer {
     padding-right: 60px;
} */

.form-element-item {
    margin: 15px;
    cursor: grab;
    width: calc(33.33% - 30px);
    height:140px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: start;
    padding:15px 10px;
    background-color:#fff;
    line-height:normal;
    word-break: break-word;
    font-size:13px;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 82.5%);
    border: 1px solid #E2E2E2;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    transition: all 0.2s ease-in;
    position: relative;
}
.achiever-form-drawer-wrapper .form-element-item{
    margin:7px;
    width: calc(33.33% - 14px);
    height:105px;
    padding:12px 10px;
}
.achiever-form-drawer-wrapper .mCSB_inside > .mCSB_container{
    margin:0;
}
.form-element-item:hover{
    border: 1px solid #82BFFF;
    box-shadow: 0px 17px 29px rgba(0, 0, 0, 0.03), 0px 12.3648px 19.5467px rgba(0, 0, 0, 0.0242813), 0px 8.60625px 12.6422px rgba(0, 0, 0, 0.02025), 0px 5.64453px 7.84473px rgba(0, 0, 0, 0.0173438), 0px 3.4px 4.7125px rgba(0, 0, 0, 0.015), 0px 1.79297px 2.80371px rgba(0, 0, 0, 0.0126563), 0px 0.74375px 1.67656px rgba(0, 0, 0, 0.00975), 0px 0.172656px 0.889258px rgba(0, 0, 0, 0.00571875);
}
.form-element-item:hover figure{filter:grayscale(0)}
.custom-field-thumb figure,
.form-element-item figure {
    background-color: rgba(187, 212, 236, 0.2);;
    border-radius: 17px;
    width: 46px;
    height: 46px;
    position: relative;
    /* filter:grayscale(1); */
    transition: all 0.2s ease-in;
  }
  .custom-field-thumb figure img,
  .form-element-item img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-height: 26px;
    max-width: 90%;
  }
  .achiever-form-drawer-wrapper .form-element-item figure {
    border-radius: 10px;
    width: 38px;
    height: 38px;
  }
  .achiever-form-drawer-wrapper .custom-field-thumb figure img,
  .achiever-form-drawer-wrapper .form-element-item img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-height: 16px;
    max-width: 85%;
  }
 .form-element-item.ui-draggable-dragging {
     cursor: grabbing;
}
 .form-element-item i {
     color: #4785FF;
}
/* code added by santosh */
 /* .form-element-grid {
     padding: 7px;
    background-color: #f9fcff;
     margin: 5px;
     border-radius: 5px;
     font-weight: 600;
     cursor: grab;
     border: solid 1px rgba(128, 140, 151, 0.07);
     box-shadow: 2px 3px 4px rgba(128, 140, 151, 0.1);
     height: 74px;
}
 .form-element-grid img {
     height: 60px;
     width: auto;
     max-width: 100%;
}
 .form-element-grid.ui-draggable-dragging {
     cursor: grabbing;
}
 .form-element-grid i {
     color: #4785FF;
} */
/* end code added by santosh */
 .form-drop-area {
     min-height: 300px;
     width: 100%;
     background-color: rgba(250, 249, 224, 0.3);
     border: dashed 1px rgb(214, 211, 147);
     border-radius: 7px;
     display: none;
}
.drop-zone-height {
    /* height: calc(100vh - 355px); */
    /* new css */
    height:auto;
    border: dashed 1px rgb(207, 214, 221);
    border-radius: 7px;
    padding: 20px;
    background-color: rgba(239, 243, 247, 0.15);
}
 .achiever-form-drawer-wrapper .drop-zone-height {
     height: calc(100vh - 100px);
     border:0;
     border-radius:0;
     padding: 20px;
     background-size:cover;
     background-position:center center;
     background-attachment:fixed;
}
.achiever-form-drawer-wrapper .fb-add-page{
    max-height:47px;
    padding:11px 20px;
    border-top:solid 1px #eee;
    /* background-color:#ebf5ff; */
}
 .drop-zone-height .mCSB_container {
     min-height: 100%
}
.custom-drop-zone .draggable-zone{
    display: flex;
    min-height: calc(100vh - 400px);
}
.custom-drop-zone .draggable-zone .card{
    width: 100%;
}
 #drop-zone {
     width: 100%;
     min-height: calc(100vh - 400px);
     position: relative;
}
 .element-drawer-tabs .form-builder-wrapper {
     height: calc(100vh - 115px);
     padding: 0px 10px 0px 0px;
     overflow: auto;
}
 .attributes-form-wrapper-outer{
    height: calc(100vh - 178px);
     padding: 0px;
     overflow: auto;
 }
.position-relative .attributes-form-wrapper-outer{
    height: calc(100vh - 121px);
 }
 .card-append-items {
     height: calc(100vh - 102px);
     padding: 0px;
     overflow: auto;
}
.achiever-form-drawer-wrapper .element-drawer-tabs .collapse.show ~ .tab-content .component-items-wrapper{
    height: calc(100vh - 190px);
}
.achiever-form-drawer-wrapper .element-drawer-tabs .collapse.show ~ .tab-content  .card-append-items {
     height: calc(100vh - 180px);
}
.element-drawer-tabs {
    padding-left: 20px;
    margin-right: -6px;
  }
  .achiever-form-drawer-wrapper .element-drawer-tabs {
    padding: 0px;
    margin-right: 0px;
  }
  /* .achiever-form-drawer-wrapper .element-drawer-tabs .element-drawer-tabs-inner {
    padding: 0px 25px;
  } */
.card-append-items.fb-form-components .mCSB_container{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
    orphans: 1;
    widows: 1;
    padding-top: 15px;
    padding-bottom: 15px;
  }

 .card-append-items .card-append-item {
     width: 100%;
     margin: 15px 0;
}
 .card-append-items .card-append-item img {
     width: 100%;
     border-radius: 10px;
     border: solid 2px #eee;
}
 .drop-zone-height .inner-drop-area {
     padding: 15px;
     border: dashed #ccc 1px;
     min-height: 50px;
     background-color: rgba(237, 239, 242, 0.1);
     /* height: 100%; */
     /* new css */
     height:auto;
}
 .drop-element-item {
     position: relative;
     padding-top: 0px;
     cursor: grab;
     transition: all 0.4s;
     height: 100%;
}
 .drop-element-item .m-card {
     height: 100%
}
 .drop-element-item label {
     max-width: calc(100% - 50px);
}
 .drop-element-item.ui-sortable-helper {
     cursor: grabbing;
}
 .appended-actions {
     position: absolute;
     top: 50%;
     left: 50%;
     padding: 0px;
     width: auto;
     height: 0;
     text-align: center;
     display: flex;
     justify-content: right;
     overflow: hidden;
     transition: 0.4s;
     border-radius: 7px;
     transform: translate(-50%,-50%);
     z-index:2;
}
 .appended-actions.appended-actions-main {
     right: 5px;
     left: unset !important;
     transform: none !important;
     top: 5px !important;
}
 .appended-actions .btn {
     width: 26px;
     height: 26px;
     padding: 0px;
     border-radius: 100px;
     line-height: 20px;
     margin: 0px 4px;
     align-self: center;
     position:relative;
}
.appended-actions .btn.btn-appended-edit:hover,
.appended-actions .btn.btn-appended-edit{
    border: 1px solid #D8E2F4!important;
    box-shadow: 0px 2px 2px rgba(89, 108, 144, 0.1), 0px 1.45469px 1.34805px rgba(89, 108, 144, 0.0809375), 0px 1.0125px 0.871875px rgba(89, 108, 144, 0.0675), 0px 0.664062px 0.541016px rgba(89, 108, 144, 0.0578125), 0px 0.4px 0.325px rgba(89, 108, 144, 0.05), 0px 0.210938px 0.193359px rgba(89, 108, 144, 0.0421875), 0px 0.0875px 0.115625px rgba(89, 108, 144, 0.0325), 0px 0.0203125px 0.0613281px rgba(89, 108, 144, 0.0190625);
}
.appended-actions .btn.btn-light-danger:hover,
.appended-actions .btn.btn-light-danger,
.appended-actions .btn.btn-appended-delete:hover,
.appended-actions .btn.btn-appended-delete{
    border: 1px solid #F9D8D8!important;
    background-color: #FFEFEF!important;
    box-shadow: 0px 2px 2px rgba(89, 108, 144, 0.1), 0px 1.45469px 1.34805px rgba(89, 108, 144, 0.0809375), 0px 1.0125px 0.871875px rgba(89, 108, 144, 0.0675), 0px 0.664062px 0.541016px rgba(89, 108, 144, 0.0578125), 0px 0.4px 0.325px rgba(89, 108, 144, 0.05), 0px 0.210938px 0.193359px rgba(89, 108, 144, 0.0421875), 0px 0.0875px 0.115625px rgba(89, 108, 144, 0.0325), 0px 0.0203125px 0.0613281px rgba(89, 108, 144, 0.0190625);
}
.appended-actions .btn.btn-appended-edit:hover{
    border-color:#C8D7F2!important;
}
.appended-actions .btn.btn-light-danger:hover,
.appended-actions .btn.btn-appended-delete:hover{
    border-color:#EAB8B8!important
}
.appended-actions .btn img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
 .drop-element-outer {
     position: relative;
}
 .drop-element-outer:hover .appended-actions {
     width: auto;
     height: 30px;
     padding: 3px;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
}
 .appended-actions .btn i {
     font-size: 12px;
     padding-right: 0px;
}
 .attributes-edit {
     padding: 15px 15px 0px 15px;
     background-color: rgba(248, 251, 253, 0.4);
     border: solid 1px #f1f6fb;
     width: calc(100% - 14px);
     margin: 0px 7px 20px 7px;
     border-top: 0;
     border-radius: 0px 0px 10px 10px;
}
 .attributes-edit .form-group {
     margin-bottom: 10px;
}
 .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-link .menu-text img {
     width: calc(100% - 20px);
     margin: 10px auto;
     border: solid 1px #eee;
     border-radius: 10px;
     box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}
/* #drop-zone div.draggable-zone {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 460px;
     flex: 0 0 460px;
     max-width: 460px;
}
 */
 .dash-details-cards{overflow: hidden;}
 .dash-details-cards .card-columns {
     margin: 0px -5px;
}
 .dash-details-cards .card-columns .draggable-zone {
     background-color: transparent;
     padding: 0 5px;
     border: none;
     margin: 0px;
}
.col-md.dropzone-preview-col {
    max-width: calc(100% - 1000px);
    min-width: 500px;
    padding-left: 20px;
    padding-right: 20px;
    /* new css */
    height: calc(100vh - 65px);
    overflow: auto;
  }
.achiever-form-drawer-wrapper .col-md.dropzone-preview-col {
    max-width: calc(100% - 30%);
    padding-left: 0px;
    padding-right: 0px;
  }
 .placeholder-label {
     margin: 5px 0px 0px 0px;
     padding: 7px 12px;
     width: 100%;
     background-color: #fff8e8;
     border-color: #f4edda;
     height: auto;
     opacity: 0.8;
}
.attributes-icon-list:not(.attributes-bg-list) .radio .symbol span.symbol-label{
    background-color: transparent;
    border: solid 1px transparent;
}
.attributes-icon-list .radio .symbol:hover span.symbol-label,
.attributes-icon-list .radio>input:checked~.symbol span.symbol-label {
    border: 1px solid #82BFFF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.04), 0px 3.63672px 6.74023px rgba(0, 0, 0, 0.032375), 0px 2.53125px 4.35938px rgba(0, 0, 0, 0.027), 0px 1.66016px 2.70508px rgba(0, 0, 0, 0.023125), 0px 1px 1.625px rgba(0, 0, 0, 0.02), 0px 0.527344px 0.966797px rgba(0, 0, 0, 0.016875), 0px 0.21875px 0.578125px rgba(0, 0, 0, 0.013), 0px 0.0507812px 0.306641px rgba(0, 0, 0, 0.007625);
}
 .attributes-social-icons .checkbox div.btn {
     position: relative;
     margin: 5px;
     transition: all 0.2s;
}
 .attributes-social-icons .checkbox>input:checked~div.btn::after {
     content: "\f058";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     position: absolute;
     right: -8px;
     top: -8px;
     font-size: 13px;
     height: 16px;
     line-height: normal;
     width: 16px;
     border: solid 1px transparent;
}
 .attributes-social-icons .checkbox>input:checked~div.btn.btn-light-facebook:hover::after, .attributes-social-icons .checkbox>input:checked~div.btn.btn-light-facebook:active::after, .attributes-social-icons .checkbox>input:checked~div.btn.btn-light-facebook:focus::after {
     color: #3b5998;
}
 .attributes-social-icons .checkbox>input:checked~div.btn.btn-light-twitter:hover::after, .attributes-social-icons .checkbox>input:checked~div.btn.btn-light-twitter:active::after, .attributes-social-icons .checkbox>input:checked~div.btn.btn-light-twitter:focus::after {
     color: #1da1f2;
}
 .attributes-social-icons .checkbox>input:checked~div.btn.btn-light-google:hover::after, .attributes-social-icons .checkbox>input:checked~div.btn.btn-light-google:active::after, .attributes-social-icons .checkbox>input:checked~div.btn.btn-light-google:focus::after {
     color: #dd4b39;
}
 .attributes-social-icons .checkbox>input:checked~div.btn.btn-light-instagram:hover::after, .attributes-social-icons .checkbox>input:checked~div.btn.btn-light-instagram:active::after, .attributes-social-icons .checkbox>input:checked~div.btn.btn-light-instagram:focus::after {
     color: #e1306c;
}
 .attributes-social-icons .checkbox>input:checked~div.btn.btn-light-linkedin:hover::after, .attributes-social-icons .checkbox>input:checked~div.btn.btn-light-linkedin:active::after, .attributes-social-icons .checkbox>input:checked~div.btn.btn-light-linkedin:focus::after {
     color: #0077b5;
}
 .attributes-social-icons .checkbox>input:checked~div.btn.btn-light-skype:hover::after, .attributes-social-icons .checkbox>input:checked~div.btn.btn-light-skype:active::after, .attributes-social-icons .checkbox>input:checked~div.btn.btn-light-skype:focus::after {
     color: #00aff0;
}
 .attributes-social-icons .checkbox>input:checked~div.btn:hover::after, .attributes-social-icons .checkbox>input:checked~div.btn:active::after, .attributes-social-icons .checkbox>input:checked~div.btn:focus::after {
     background-color: #fff;
     border: solid 1px #fff;
     border-radius: 100px;
     box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.25);
}
 .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
     background-color: rgba(0, 0, 0, .15);
}
 .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     background-color: rgb(180, 190, 200) !important;
}
 .mCS-dark.mCSB_scrollTools .mCSB_dragger_onDrag .mCSB_dragger_bar {
     background-color: rgb(124, 134, 145) !important;
}
.disabled-drop {
    pointer-events: none;
  }
 .disabled-drop img {
     filter: grayscale(1);
}
.disabled-drop:before {
    content: "";
    background-image: url(../../assets/media/images/disabled-drag.svg);
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity:0;
    transition: all 0.2s;
    z-index:1;
}
.droped-disabled.disabled-drop:before{
    filter: grayscale(1);
}
.disabled-drop:hover:before {
    opacity:1;
}
 .draggable-zone.ui-droppable .card-body {
     min-height: calc(100vh - 330px);
}
 .btn-element-edit, .element-delete {
     align-self: baseline;
     opacity: 0;
     transition: width 0.4s ease-in, transform 0.4s ease-in, opacity 0.5s;
     margin: 1px;
     -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
     -o-transform-style: preserve-3d;
     transform-style: preserve-3d;
     transform: rotateY(180deg);
     width: 0 !important;
}
 .btn-element-edit:hover, .element-delete:hover {
     opacity: 1;
     width: 24px !important;
     transform: rotateY(0deg);
}
 .element-wrapper:hover .element-delete, .element-wrapper:hover .btn-element-edit {
     opacity: 1;
     width: 24px !important;
     transform: rotateY(0deg);
}
 .btn-element-edit i, .element-delete i {
     font-size: 12px;
     padding: 0;
}
 .attribute-list-item .form-group.row[data-repeater-item] {
     border-bottom: dashed 1px #b5b5c3;
}
 .attribute-list-item .form-group.row[data-repeater-item]:last-child {
     border: 0;
}

 .form-builder-tabs .nav-item .nav-link {
     font-size: 13px;
     padding: 12px;
}
 .form-builder-tabs .nav-item .nav-link .nav-text{
     font-size: 13px;
}
.form-builder-tabs .nav-item .nav-link .nav-icon{width: 1.1rem;}
.form-builder-tabs .nav-item .nav-link i{font-size: 0.9rem;}
.attributes-icon-list.attributes-bg-list .radio > input:checked ~ .symbol span.symbol-label {
    border: 5px solid currentColor;
    width: 34px;
    height: 34px;
}
.attributes-bg-list.attributes-bg-list .radio .symbol span.symbol-label{
    width: 32px;
     height: 32px;
     border-radius: 100px;
     margin: 0;
     transition: all 0.2s;
}

.attributes-bg-list.attributes-bg-list .radio .symbol span.symbol-label:hover,
.attributes-bg-list.attributes-bg-list .radio > input:checked ~ .symbol span.symbol-label {
     box-shadow: none;
}
.attributes-bg-list.attributes-bg-list .radio .symbol span.symbol-label:hover::before,
.attributes-bg-list.attributes-bg-list .radio > input:checked ~ .symbol span.symbol-label::before {
    width: 29px;
    height: 29px;
    border-radius: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    transform: translate(-50%,-50%);
    border: solid 3px #fff;
  }
 .attributes-bg-list .radio-inline .radio {
     margin-bottom: 5px;
     margin-right: 5px;
     padding: 3px;
     min-height: 46px;
    margin-bottom: -4px;
}

 .attributes-icon-list .radio>input:checked~.symbol.symbol-light-secondary span.symbol-label::after {
     color: #bdbfc6
}
 .drop-element-outer.element-wrapper {
     padding: 0px !important;
}
/* Drag Drop CSS END */
 .attributes-icon-list.social-icon-list .radio > input:checked ~ .symbol span.symbol-label::after{
     color: #4785FF;
}
 .attributes-icon-list.social-icon-list .radio > input:checked ~ .symbol span.symbol-label::after {
     right: -5px;
     top: 10px;
}
 .skills-popover .popover{
     background-color:#6087fd;
     border-color:#6087fd;
     max-width:150px
}
 .skills-popover .bs-popover-top > .arrow:before, .skills-popover .bs-popover-top > .arrow::after{
     border-top-color: #6087fd;
     bottom:2px;
}
 .card-list-ul-dot{
     list-style-type: none;
     padding:0px;
}
 .card-list-ul-dot li{
     position:relative;
     padding-left:15px;
     margin:3px 0px;
}
 .card-list-ul-dot li:not(.read-more-li):after{
     content: "";
     top: 8px;
     left: 0;
     width: 5px;
     height: 5px;
     border-radius: 10px;
     position: absolute;
}
 [class*="bg-primary"] .card-list-ul-dot li:not(.read-more-li):after{
     background-color:#4785FF;
}
 [class*="bg-warning"] .card-list-ul-dot li:not(.read-more-li):after{
     background-color: #FFA800;
}
 [class*="bg-success"] .card-list-ul-dot li:not(.read-more-li):after{
     background-color: #32D0A5;
}
 .org-structure-details .irs--flat .irs-handle.single.state_hover i, .org-structure-details .irs--flat .irs-bar{
     background-color:#4785FF;
}
 .org-structure-details .irs--flat .irs-handle > i:first-child, .org-structure-details .irs--flat .irs-from, .org-structure-details .irs--flat .irs-to, .org-structure-details .irs--flat .irs-single{
     background-color:#4785FF;
}
 .org-structure-details .irs--flat .irs-from::before, .org-structure-details .irs--flat .irs-to::before, .org-structure-details .irs--flat .irs-single::before{
     border-top-color: #4785FF;
}
 .no-aside .subheader, .no-aside .header.header-fixed{
     left:0!important;
}
.select-approver-repeat {
    padding: 1.75rem;
    display: inline-block;
    width: calc(100% + 3.5rem);
    margin: 0px -1.75rem !important;
    background-color: rgba(243, 245, 251, 0.54);
    border-top: solid 1px rgb(235, 240, 255);
}
.btn.removeOption,
.btn[data-repeater-delete]{
    background-color: rgba(255, 164, 164, 0.19);
    border: none;
    width: 34px;
    min-width: 34px;
    height: 34px;
    padding: 0px;
    line-height: 32px;
    border-radius: 100px;
    text-align: center;
}
.select-approver-repeat .btn-outline-danger {
    position: absolute;
    right: 1.75rem;
    top: 15px;
    z-index:1;
  }
.btn.removeOption:hover,
.btn[data-repeater-delete]:hover,
.select-approver-repeat .btn-outline-danger:hover{
    color:#F64E60!important;
    background-color: rgba(255, 164, 164, 0.45)!important;
}
.btn.removeOption:hover i,
.btn[data-repeater-delete]:hover i{
    color:#F64E60!important;
}

 .validation-header {
     position: relative;
     text-align: center;
}
 .validation-header::after {
     content: "";
     position: absolute;
     top: 50%;
     left: 0;
     transform: translateY(-50%);
     width: 100%;
     height: 1px;
     background-color: #cfd2df;
     z-index: 0;
}
 .validation-header .h5 {
     background-color: #fff;
     display: inline-block;
     padding: 0px 15px;
     margin: 0px;
     position: relative;
     z-index: 1;
     color: #9da2b5;
     font-weight: normal;
     font-size: 13px !important;
     font-style: italic;
}
 .attribute-list-item .bootstrap-datetimepicker-widget {
     max-width: 220px;
}
 .attribute-list-item .datepicker table tr td span{
     height: 35px;
     line-height: 35px;
     font-size: 0.9rem;
}
 .attribute-list-item .bootstrap-datetimepicker-widget .picker-switch.accordion-toggle table td{
     height:25px;
}
 .attribute-list-item .bootstrap-datetimepicker-widget .picker-switch td span {
     line-height: normal;
     height: auto;
}
 .attribute-list-item .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tr td, .attribute-list-item .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tr th {
     font-size: 0.7rem;
    /* width: 20px;
     */
     height: 25px;
}
 .or-divider {
     text-align: center;
     margin: 20px 0px;
     position: relative;
     z-index: 1;
     font-weight: 500;
}
 .or-divider::after {
     content: "";
     left: 50%;
     top: 50%;
     position: absolute;
     width: 25px;
     height: 25px;
     background-color: #eef0f8;
     transform: translate(-50%,-50%);
     z-index: -1;
     border-radius: 100px;
}
 .or-divider:before {
     content: "";
     left: 50%;
     top: 50%;
     position: absolute;
     width: 100%;
     height: 0px;
     border-top: solid 1px #eef0f8;
     transform: translate(-50%,-50%);
     z-index: -1;
}
 .ccs-label {
     margin: 3px 0px 3px 25px;
     font-weight: 500;
     font-style: italic;
     display: inline-block;
    /* font-size: 12px;
     */
     opacity: 0.45;
}
 .assessment-list-wrapper, .assessment-library-wrapper {
     margin-bottom: -25px;
}
 .assessment-library-header {
     font-size: 18px;
     font-weight: 500;
     line-height: 1.17;
     color: #000000;
     margin-bottom:10px;
}
 .assessment-library-body p {
     font-size: 14px;
     line-height: 1.5;
     color:rgba(0, 0, 0,0.6);
}
 .assessment-library-body p .text-link {
     cursor: pointer;
     color: #529cff;
     font-family: 'Ubuntu', sans-serif;
     font-size: 13px;
     margin-left: 2px;
}
 .multicolor-tag-list{
     margin:0px -4px;
}
 .multicolor-tag {
     margin: 4px;
     padding: 4px 12px;
     border-radius: 3px;
     background-color: #eff5ff;
}
 .multicolor-tag-list .multicolor-tag:nth-child(4n + 1){
     background-color: #eff5ff;
     color: #529cff;
}
 .multicolor-tag-list .multicolor-tag:nth-child(4n + 2){
     background-color: #fff2f1;
     color: #ff948d;
}
 .multicolor-tag-list .multicolor-tag:nth-child(4n + 3){
     background-color:#E8F9F4;
     color: #1ac596;
}
 .multicolor-tag-list .multicolor-tag:nth-child(4n + 4){
     background-color: #f6f3fd;
     color: #7B6FFF;
}
 .assessment-library-footer {
     color: #777;
}
 .assessment-list-card .card-list-icon img{
     height: 13px;
     max-width: 16px;
}
 .assessment-list-card .card-list-icon i{
     font-size:13px;
}
 .assessment-status-body.warning-popover .popover{
     background-color:#ffd061;
     border-color:#ffd061;
     max-width:150px;
     color:#fff;
}
 .assessment-status-body .popover .popover-body {
     padding: 6px 10px;
}
 .assessment-status-body.warning-popover .bs-popover-top > .arrow:before, .assessment-status-body.warning-popover .bs-popover-top > .arrow::after{
     border-top-color: #ffd061;
     bottom:2px;
}
 .assessment-status-body.primary-popover .popover{
     background-color:#4785FF;
     border-color:#4785FF;
     max-width:150px;
     color:#fff;
}
 .assessment-status-body.primary-popover .bs-popover-top > .arrow:before, .assessment-status-body.primary-popover .bs-popover-top > .arrow::after{
     border-top-color: #4785FF;
     bottom:2px;
}
 .assessment-status-body.success-popover .popover{
     background-color:#1ac596;
     border-color:#1ac596;
     max-width:150px;
     color:#fff;
}
 .assessment-status-body.success-popover .bs-popover-top > .arrow:before, .assessment-status-body.primary-popover .bs-popover-top > .arrow::after{
     border-top-color: #1ac596;
     bottom:2px;
}
 .assessment-status-body.danger-popover .popover{
     background-color:#ff948d;
     border-color:#ff948d;
     max-width:150px;
     color:#fff;
}
 .assessment-status-body.danger-popover .bs-popover-top > .arrow:before, .assessment-status-body.danger-popover .bs-popover-top > .arrow::after{
     border-top-color: #ff948d;
     bottom:2px;
}
 .completed_assessment_table .symbol-circle .symbol-badge.symbol-badge-bottom{
     top: auto!important;
     bottom: -1.85px!important;
     right: -3px;
     width: 10px;
     height: 10px;
}
 .completed_assessment_table .card-list-icon img{
     width:auto;
     height:13px;
}
 .completed_assessment_table .card-list-icon i{
    font-size:13px;
}
.drop-element-inner{position:relative}
 .completed_assessment_table .drop-element-inner .card-list-icon{
     line-height:17px;
}
 .completed_assessment_table .assessment-library-body{
     max-width:300px;
}
 .completed_assessment_table .assessment-library-body p {
     font-size: 13px;
     line-height: 1.2;
}
 .completed_assessment_table .assessment-library-body p .text-link{
     font-size: 12px;
}
 .assessment-sub-wrapper .form-control-sm {
     height: calc(1.35em + 1.1rem + 5px);
     border-radius: 5px;
}
 .assessments-filter-by .bootstrap-select > .dropdown-toggle.bs-placeholder.btn .filter-option-inner{
     padding-left:14px;
}
 .assessments-filter-by .bootstrap-select > .dropdown-toggle.bs-placeholder.btn .filter-option-inner::before {
     content: "";
     background-image: url(../media/images/filter-icon.svg);
     position: absolute;
     left: 10px;
     top: 50%;
     transform: translateY(-50%);
     background-size: 100% 100%;
     width: 11px;
     height: 11px;
}
 .assess-comment-btn .btn {
     width: 37px;
     height: 37px;
     border-radius: 7px;
     box-shadow: 0 6px 10px 0 rgba(184, 184, 184, 0.16);
     border: solid 0.7px #f7f8fc;
     background-color: #ffffff;
     text-align: center;
     line-height: 35px;
     padding: 0;
}
 .assess-comment-btn .btn svg{
     max-width:20px;
     max-height:20px;
}
/* gauge css */
 .gauge-demo1{
     width:80px;
}
 #canvas-preview{
     background-color: transparent;
     width:100%
}
 .gauge-demo-number {
     width: calc(100% - 15px);
     margin: -6px auto 0 auto;
}
/* gauge css end*/
 .assess-comment-feedback {
     max-width: 240px;
     min-width: 220px;
}
 .completed_assessment_table tr{
     transition:all 0.3s;
}
 .completed_assessment_table tr:hover {
     box-shadow: 0px 5px 10px rgb(238, 240, 248);
}
 .assess-table-popover ul li {
     position: relative;
     margin: 4px 0px;
     line-height: 18px;
     font-size: 11px;
     color: #7a809b;
     padding-left:14px;
}
 .assess-table-popover ul li:before{
     content: "";
     position: absolute;
     width: 7px;
     height: 7px;
     border-radius: 10px;
     background-color: #43ca7b;
     left: 0;
     top: 6px;
}
 .table.gap_analysis_table{
    margin:0px!important;
}
 .table.gap_analysis_table tr{
     transition:all 0.3s;
}
 .table.gap_analysis_table tr:hover{
     box-shadow:0 6px 12px 0 rgba(200, 207, 219, 0.26)
}
 .gap-table-bullet {
     width: 17px;
     height: 17px;
     background-color: #f7f9fd;
     text-align: center;
     line-height: 15px;
     border-radius: 10px;
}
 .gap-table-bullet i {
     font-size: 8px;
     color:#4785FF;
}
 .gap-table-info{
    opacity:0.6
}
 .gap-table-info i{
    font-size:13px;
}
 .gap-user-pp {
     width: 28px;
     height: 28px;
     overflow: hidden;
     border-radius: 100px;
     padding: 2px;
     border: solid 2px;
     display: inline-block;
     box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
     position: absolute;
     top: -35px;
     right: 0%;
     transform: translateX(9px);
}
 .gap-user-pp figure {
     width: 20px;
     height: 20px;
     overflow: hidden;
     border-radius: 100px;
}
 .gap-user-pp figure img{
     min-height: calc(100% + 2px);
     max-width: 100%;
}
 .gap-pro-level:before{
     content:"\f058";
     font-family: "Font Awesome 5 Free";
     font-weight:400;
     color: #62dfb0;
}
 .gap-analysis-wrapper ul{
     display:flex;
     padding:35px 0 23px 0px;
}
 .gap-analysis-wrapper li {
     position: relative;
     width: 50px;
}
 .gap-analysis-wrapper li::after {
     content: "";
     width: 50px;
     height: 2px;
     left: 0%;
     top: 50%;
     transform: translateY(-50%);
     display: inline-block;
     position: absolute;
}
 .gap-analysis-wrapper li:first-child::after{
    /* width: 50px;
    left: -100%; */
    display:none
}
 .gap-analysis-wrapper li:last-child::after{
     /* display:none */
}
 .gap-analysis-wrapper li::after{
     background-color:#E4E6EF;
}
 .gap-analysis-wrapper li.gap-success::after{
     background-color:#62dfb0;
     opacity:0.3;
}
 .gap-analysis-wrapper li.gap-danger::after{
     background-color:#ffb6b8;
     opacity:0.3;
}
 .gap-analysis-wrapper li.gap-warning::after{
     background-color:#FFB056;
     opacity:0.3;
}
 .gap-analysis-wrapper li::before {
    content: "";
    width: 12px;
    height: 12px;
    right: 0;
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    position: absolute;
    z-index: 1;
    border: solid 2px #fff;
}
 .gap-analysis-wrapper li:before{
     background-color:#ddd
}
 .gap-analysis-wrapper li.gap-success:before{
     background-color:#62dfb0
}
 .gap-analysis-wrapper li.gap-danger:before{
     background-color:#ffb6b8
}
 .gap-analysis-wrapper li.gap-warning:before{
     background-color:#FFA800
}
 .gap-pro-level span.gap-check{
     position:absolute;
     right:0%;
     bottom:-25px;
     transform:translateX(3px)
}
 .gap-pro-level span.gap-check:after{
     content: "\f058";
     font-family: "Font Awesome 5 Free";
     font-size:400;
}
 .gap-success.gap-pro-level span.gap-check:after{
     color:#62dfb0
}
 .gap-danger.gap-pro-level span.gap-check:after{
     color:#ffb6b8
}
 .gap-danger.gap-pro-level span.gap-check:after{
     color:#ffb6b8
}
 .gap-status-badge {
     border-radius: 100px;
     padding: 1px 8px 1px 3px;
     line-height: 20px;
     white-space:nowrap;
}
 .gap-status-badge span{
    font-size:13px;
}
 .gap-status-badge.gap-status-good{
     background-color:rgba(141, 239, 209,0.2);
     color:#30df9e;
}
 .gap-user-pp.border-status-good{
     border-color: #30df9e;
}
 .gap-status-badge.gap-status-vgood{
     background-color: rgba(95, 232, 232,0.15);
     color: #1ed2ff;
}
 .gap-user-pp.border-status-vgood{
     border-color: #1ed2ff;
}
 .gap-status-badge.gap-status-excellent{
     background-color: rgba(34, 193, 246,0.15);
     color: #00a7df;
}
 .gap-user-pp.border-status-excellent{
     border-color: #00a7df;
}
 .gap-status-badge.gap-status-awesome{
     background-color: rgba(81, 124, 255,0.12);
     color: #1f55f8;
}
 .gap-user-pp.border-status-awesome{
     border-color: #1f55f8;
}
 .gap-status-badge.gap-status-reqtraining{
     background-color: rgba(242, 137, 137,0.09);
     color: #f28989;
}
 .gap-user-pp.border-status-reqtraining{
     border-color: #f28989;
}
 .gap-status-badge.gap-status-needimprove{
     background-color: rgba(244, 135, 0,0.09);
     color: #f48700;
}
 .gap-user-pp.border-status-needimprove{
     border-color: #f48700;
}
 .gap-status-badge.gap-status-goodtry{
     background-color:rgba(186, 255, 20,0.15);
     color:#a9df26;
}
 .gap-user-pp.border-status-goodtry{
     border-color: #a9df26;
}
 .required-training-header {
     box-shadow: 0 5px 19px 0 rgba(169, 184, 216, 0.1);
     background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.41), rgba(255, 255, 255, 0.99) 70%);
}
 .required-training-header img{
    height:16px;
    line-height:18px;
}
 .required-training-header h5 {
     line-height: 16px;
     font-size: 14px;
     color: #333;
     font-weight: 500;
}
 .required-training-header .svg-icon {
     transform: rotate(90deg);
}
 .required-training-item {
     padding:10px
}
 .required-training-suggestion.owl-top-right .owl-prev, .required-training-suggestion.owl-top-right .owl-next{
     top:50%;
     transform:translateY(-50%);
     opacity: 1 !important;
     background-color:rgb(246, 249, 255) !important;
     transition:0.3s;
}
 .required-training-suggestion.owl-top-right .owl-prev:not(.disabled):hover, .required-training-suggestion.owl-top-right .owl-next:not(.disabled):hover {
     background-color: rgb(232, 241, 253) !important;
}
 .required-training-suggestion.owl-top-right .owl-prev.disabled, .required-training-suggestion.owl-top-right .owl-next.disabled {
     opacity: 1 !important;
}
 .required-training-suggestion.owl-top-right .owl-prev {
     left: -5px;
}
 .required-training-suggestion.owl-top-right .owl-next {
     right: -5px;
}
 .required-training-suggestion.owl-top-right .owl-nav{
     margin:0;
}
 .required-training-item-inner {
     width: 100%;
     min-height: 135px;
     border-radius: 5px;
     background-image: url(../media/images/training-course-bg.jpg), linear-gradient(252deg, rgba(35, 40, 170, 0.32) 135%, #050267 -20%);
     padding: 20px;
     position: relative;
     overflow: hidden;
     background-size: cover;
}
 .required-training-item-inner .rti-big {
     font-size: 21px;
     font-weight: 500;
     line-height: 1.33;
     margin-bottom: 10px;
}
 .rti-course-category {
     position: absolute;
     right: 0;
     bottom: 0;
     z-index: 10;
     width: auto;
     height: 32px;
     padding-left: 5px;
     background-color: #38db9a;
     min-width: 70px;
     font-size:16px;
     line-height:33px;
     padding-right:15px;
}
 .rti-course-category span{
     max-width: 185px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display:inline-block;
}
 .rti-course-category::before {
     top: 0;
     left: -25px;
     border-width:1em 10px 1em 1em;
     border-color: #38db9a #38db9a #38db9a transparent;
     content: '';
     position: absolute;
     border-style: solid;
}
 .custscrollpopup{
     max-height: calc(100vh - 200px);
     overflow-y: auto;
     overflow-x: hidden;
}
 .mob-logo {
     height: 35px;
}
 .assessments-filter-by .bootstrap-select > .dropdown-toggle{
     padding:0.7rem 1rem;
}
 .assessments-filter-by .bootstrap-select .dropdown-menu{
    max-width:100%
}
 .bootstrap-select .dropdown-menu.inner > li > a .text{
     white-space:normal;
}
 .gap_analysis_table th {
     white-space: nowrap;
}
 .btn-reqdoc-link::after {
     position: absolute;
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
     color: currentcolor!important;
     font-size: 0.7rem;
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     color: unset;
     top: 6px;
     right:0;
}
 .btn-reqdoc-link.collapsed::after {
     color: #7E8299;
     -webkit-transition: all 0.15s ease;
     transition: all 0.15s ease;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
}
 .ps-container > .ps-scrollbar-x-rail{
     opacity:0.3!important
}
 .ps-container > .ps-scrollbar-x-rail:hover{
     opacity:0.8!important
}
 .table-filter-slider .bootstrap-select .dropdown-menu .text{
     min-width:150px
}
/* .table-rounded.table tbody tr:hover, */
 .dataTables_wrapper .dataTable tbody tr.selected,
 .dataTables_wrapper .dataTable tbody tr:hover {
     box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
}
 .dataTables_wrapper .dataTable tr{
     position: relative;
}
.table-rounded.table tbody tr:hover th:first-child:before,
.table-rounded.table tbody tr:hover th:first-child:before,
.table-rounded.table tbody tr > :first-child:before,
.table-rounded.table tbody tr.selected > :first-child:before,
.table-rounded.table tr td:first-child:before,
.table-rounded.table tr th:first-child:before,
.dataTables_wrapper .dataTable tbody tr:hover th:first-child:before,
.dataTables_wrapper .dataTable tbody tr > :first-child:before,
.dataTables_wrapper .dataTable tbody tr.selected > :first-child:before,
 .dataTables_wrapper .dataTable tr td:first-child:before,
 .dataTables_wrapper .dataTable tr th:first-child:before{
     content:"";
     position: absolute;
     left: 0;
     top:0;
     width: 3px;
     height: 100%;
     background-color: transparent;
     transition:all 0.3s;
     /* box-shadow:0px 3px 0px #6d9df9 */
}
.table-rounded.table tbody tr.selected > :first-child:before,
.table-rounded.table tbody tr:hover td:first-child:before,
.table-rounded.table tbody tr:hover th:first-child:before,
.dataTables_wrapper .dataTable tbody tr.selected > :first-child:before,
.dataTables_wrapper .dataTable tbody tr:hover td:first-child:before,
.dataTables_wrapper .dataTable tbody tr:hover th:first-child:before{
     background-color: #6d9df9;
}
.table-filter-slider-inner{
     padding:10px 0px;
     max-width: 850px;
     overflow:auto;
     -ms-overflow-style: none;
    /* IE and Edge */
     scrollbar-width: none;
    /* Firefox */
}
.table-filter-slider-inner .form-control[type="text"]{
    height:37px;
}
.table-filter-slider-inner .input-group.input-group-sm .form-control{
    border-left:0;
}
.table-filter-slider-inner .input-group.input-group-sm .form-control:focus{
    border-color:#E4E6EF
}
.table-filter-slider-inner .input-group.input-group-sm .input-group-prepend .input-group-text
{
    background-color: transparent;
}
.ACL4-popover-list,
.no-scrollbar{
     overflow:auto;
     -ms-overflow-style: none;
    /* IE and Edge */
     scrollbar-width: none;
    /* Firefox */
}
.lqd-chat-form .gap-3{}
.ACL4-popover-list::-webkit-scrollbar,
.no-scrollbar::-webkit-scrollbar,
 .table-filter-slider-inner::-webkit-scrollbar {
     display: none;
}
body .select2-container--default .select2-selection--multiple,
 .select2-container--default .select2-selection--single{
     background: #ffffff !important;
     border-color: #E4E6EF !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     display: flex !important;
     white-space: nowrap !important;
     overflow: hidden !important;
     text-overflow: ellipsis !important;
     color: #7E8299 !important;
     text-align: left !important;
     cursor: pointer !important;
     position: relative !important;
     outline: none !important;
     padding: 0.65rem 1.9rem 0.65rem 1rem !important;
     border-radius: 0.35rem !important;
     width: 100% !important;
     white-space: nowrap;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     height:100%!important;
     min-width:60px;
}
.select2-container--default .select2-selection--multiple:after,
.select2-container--default .select2-selection--single:after{
     border: 0;
     margin-right: -2px;
     font-size: 0.6rem;
     display: inline-block;
     font-family: Ki;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     content: "";
     color: #7E8299;
     right: 12px;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
}
.select2-search.select2-search--inline {
    line-height: 0;
  }
 .select2-container--default .select2-selection--single .select2-selection__rendered {
     color: unset!important;
     line-height: normal!important;
     padding: 0px!important;
}
 .select2-container--default .select2-selection--single .select2-selection__arrow{
     display:none
}
 .select2-container--default .selection{
     height: 100%;
     width:100%;
     display:inline-block;
}
 .select2-dropdown:not(.min-w-auto) {
     min-width: 200px!important;
}
.select2-selection__rendered .img-select2-user,
 .select2-results .select2-results__option .img-select2-user{
     position: relative;
     width: 22px;
     height: 22px;
     display: inline-block;
     border-radius: 100px;
     overflow: hidden;
}
.select2-selection__rendered .img-select2-user img,
 .select2-results .select2-results__option .img-select2-user img{
     position:absolute;
     width:100%;
     min-height:100%;
     top:50%;
     left:50%;
     transform:translate(-50%,-50%)
}
 .tfilter-scroll .btn {
     width: 23px;
     height: 23px;
     margin: 0 3px;
     border-radius: 100px;
     position: relative;
     border: solid 1px #E8EDF3;
    background-color: #fff;
}
 .tfilter-scroll .btn i {
     font-size: 10px;
     padding: 0px;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%,-50%);
     color: #E8EDF3;
}
 .tfilter-scroll .btn:hover{
     border: solid 1px #E8EDF3;
     background-color: #F8F9F9;
}
 .tfilter-scroll .btn:hover i{
     color: #C3CED9;
}
 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
/* Firefox */
 input[type=number] {
     -moz-appearance: textfield;
}
 .PCC_item .subscription-tile-check-info {
     top:15px;
}
 .position-competency-carousel{
     margin:0 20px!important;
}
 .PCC_item .subscription-option-tile{
     padding: 32px 20px 15px 20px;
     height:100%;
     margin-bottom:5px;
     border-radius:7px;
     margin-right: 7px;
     display: inline-block;
     width: calc(100% - 7px);
}
 .PCC_item:nth-child(4n + 1) .subscription-option-tile{
     background-color:#0a5bc7;
}
 .PCC_item:nth-child(4n + 2) .subscription-option-tile{
     background-color:#5be6b5;
}
 .PCC_item:nth-child(4n + 3) .subscription-option-tile{
     background-color:#074495;
}
 .PCC_item:nth-child(4n + 4) .subscription-option-tile{
     background-color:#47d6a4;
}
 .PCC_item:nth-child(2n + 1) li:before{
     background-color:#fff;
}
 .PCC_item:nth-child(2n + 2) li:before{
     background-color:rgba(63, 66, 84, 0.9);
}
 .PCC_item:nth-child(2n + 1) .PCC_item-number, .PCC_item:nth-child(2n + 1) .subscription-content-right li, .PCC_item:nth-child(2n + 1) .subscription-content-title{
     color:#fff
}
 .PCC_item:nth-child(2n + 2) .PCC_item-number, .PCC_item:nth-child(2n + 2) .subscription-content-right li, .PCC_item:nth-child(2n + 2) .subscription-content-title{
     color:rgba(63, 66, 84, 0.9)
}
 .PCC_item .subscription-tile-check-info .subscription-tile-checkbox .checkbox > span {
     background-color: rgba(255, 255, 255, 0.3);
     border: solid 1px rgba(255, 255, 255, 0.2);
}
 .modal-position-competency-carousel .subscription-content-right .subscription-content-title, .position-competency-carousel .subscription-content-right .subscription-content-title {
     line-height: 18px;
     font-weight: 500;
     font-size: 14px;
     margin-bottom: 7px;
}
 .modal-position-competency-carousel, .position-competency-carousel{
     margin-right:-10px;
}
 .modal-position-competency-carousel .slick-track, .position-competency-carousel .slick-track{
     display:flex
}
 .modal-position-competency-carousel .slick-track .PCC_item, .position-competency-carousel .slick-track .PCC_item{
     height: inherit !important;
}
 .PCC_item-number {
     font-size: 18px;
     font-weight: bold;
     color: #fff;
     margin-right: 2px;
     border-radius: 6px;
     background-color: rgba(255, 255, 255,0.2);
     width: 30px;
     height: 30px;
     text-align: center;
     line-height: 30px;
     position: absolute;
     right: -10px;
     top: -30px;
}
 .PCC_item-del {
     font-size: 18px;
     font-weight: bold;
     color: #fff;
     margin-right: 2px;
     border-radius: 60px;
     background-color: rgba(255, 255, 255,0.2);
     width: 30px;
     height: 30px;
     text-align: center;
     line-height: 30px;
     position: absolute;
     right: -10px;
     top: -30px;
}
 .PCC_item-del:hover{
     background-color: rgba(255, 255, 255,0.1);
}
 .PCC_item-del .btn {
     padding: 0px;
     font-size: 12px;
     width: 100%;
     height: 100%;
     margin: 0px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
}
 .PCC_item-del .btn i {
     font-size: 11px;
     color: #fff;
     margin: 0px;
     padding: 0px;
}
 .modal-position-competency-carousel .subscription-content-right, .position-competency-carousel .subscription-content-right{
     position: relative;
}
 .slick-prev::before,
 .slick-next::before{
     color: #fff !important;
}
.arrow-primary  .slick-prev::before,
.arrow-primary .slick-next::before{
     color: #4784ff !important;
}
.arrow-primary  .slick-prev{
    left:-5px;
    background-color:#fff!important;
}
.arrow-primary .slick-next{
    right:-5px;
    background-color:#fff!important;
}
 .modal-position-competency-carousel .slick-prev, .position-competency-carousel .slick-prev{
     left: -20px;
}
 .modal-position-competency-carousel .slick-next, .position-competency-carousel .slick-next {
     right: -12px;
}
 .form-section-highlighted {
     padding: 0px 15px 15px 15px;
     border: dashed 1px #cadcff;
     border-radius: 10px;
     display: inline-block;
     width: 100%;
     margin-top: 15px;
}
 .FSH-title {
     background-color: #f8faff;
     transform: translate(-10px,-50%);
     padding: 4px 10px;
     margin-bottom: 0 !important;
     border: solid 1px #ecf2fd;
     border-radius: 7px;
}
 .group-append-right .bootstrap-select .dropdown-toggle{
     border-radius:0 0.42rem 0.42rem 0!important;
}
 .cke_bottom, .cke_top{
     border-color:#e7f0f7!important;
     background: #f6fbff!important;
}
 .cke_chrome{
     border-color:#e7f0f7!important;
     border-radius: 10px;
}
 .cke_inner{
     background-color:transparent!important;
}
 .cke_top{
     border-radius: 10px 10px 0 0;
}
 .cke_bottom{
     border-radius: 0 0 10px 10px;
}
 .position-list-page .overall-evaluation-wrapper [class*="col-"]:nth-child(1) .overall-evaluation-item .oe-icon figure{
     box-shadow: 5px 8px 11px 0 rgba(166, 199, 255, 0.28);
     background-image: linear-gradient(144deg, #b7d2ff 20%, #68a1ff 81%);
}
 .position-list-page .overall-evaluation-wrapper [class*="col-"]:nth-child(2) .overall-evaluation-item .oe-icon figure{
     box-shadow: 5px 8px 11px 0 #e1fff7;
     background-image: linear-gradient(144deg, #adf6e2 20%, #38d9ad 81%);
}
 .position-list-page .overall-evaluation-wrapper [class*="col-"]:nth-child(3) .overall-evaluation-item .oe-icon figure{
     box-shadow: 5px 8px 11px 0 #ffe6e6;
     background-image: linear-gradient(144deg, #ffd2d2 20%, #ff9494 81%);
}
 .table-company-logo {
     width: 34px;
     min-width: 34px;
     height: auto;
     display: inline-block;
}
 .table-company-logo img{
     width:100%;
     height:auto
}
 .table-tag-item {
     padding: 2px 7px;
     margin: 2px;
     background-color: #fff;
     border-radius: 100px;
     font-size: 10px;
     border: solid 1px #e7edf7;
     font-weight: 500;
     word-break: break-word;
     opacity: 0.5;
}
 .table-skills-item {
     padding: 2px 7px;
     margin: 2px;
     background-color: #f4f8ff;
     border-radius: 100px;
     font-size: 10px;
     border: solid 1px #e7edf7;
     font-weight: 500;
     /* word-break: break-word; */
     opacity:0.7;
}
 .table-skills-plus {
     padding: 2px 10px;
     border-radius: 100px;
     box-shadow: 0 3px 6px 0 rgba(8, 116, 199, 0.16);
     background-color: #83acff;
     border: solid 1px #fbfcff;
     color: #fff;
}
 .h-8{
     height:8px!important;
     min-height:8px!important;
}
 .h-9{
     height:9px!important;
     min-height:9px!important;
}
 .h-10{
     height:10px!important;
     min-height:10px!important;
}
 .h-11{
     height:11px!important;
     min-height:11px!important;
}
 .h-12{
     height:12px !important;
     min-height: 12px !important;
     max-height: 12px !important;
}
 .h-13{
     height:13px!important;
     min-height:13px!important;
     max-height:13px!important;
}
 .h-14{
     height:14px!important;
     min-height:14px!important;
}
 .h-15{
     height:15px!important;
     min-height:15px!important;
}
 .h-16{
     height:16px!important;
     min-height:16px!important;
}
.h-17{
    height:17px!important;
    min-height:17px!important;
}
.h-18{
    height:18px!important;
    min-height:18px!important;
}
.h-19{
    height:19px!important;
    min-height:19px!important;
}
.h-20{
    height:20px!important;
    min-height:20px!important;
}
.w-8{
    width:8px!important;
    min-width:8px!important;
}
.w-9{
    width:9px!important;
    min-width:9px!important;
}
.w-10{
    width:10px!important;
    min-width:10px!important;
}
.w-11{
    width:11px!important;
    min-width:11px!important;
}
.w-12{
    width:12px!important;
    min-width:12px!important;
}
.w-13{
    width:13px!important;
    min-width:13px!important;
}
.w-14{
    width:14px!important;
    min-width:14px!important;
}
.w-15{
    width:15px!important;
    min-width:15px!important;
}
.w-16{
    width:16px!important;
    min-width:16px!important;
}
.w-17{
    width:17px!important;
    min-width:17px!important;
}
.w-18{
    width:18px!important;
    min-width:18px!important;
}
.w-19{
    width:19px!important;
    min-width:19px!important;
}
.w-20{
    width:20px!important;
    min-width:20px!important;
}
 .pagination-item-wrapper .btn-icon{
     border-radius:100px;
     width:33px;
     height:33px;
}
 .dataTables_info{
     color:#B5B5C3 !important
}
 td.dtfc-fixed-right {
     background-color: #fff;
     box-shadow: -6px 0 4px -2px rgba(140, 153, 179, 0.12);
     z-index: 1;
}
 th.dtfc-fixed-right {
     background-color: #F7F8FC;
     box-shadow:-6px 0 4px -2px rgba(140, 153, 179, 0.12);
     z-index: 1;
}

td.dtfc-fixed-left {
    background-color: #fff;
    box-shadow: 6px 0 6px 0 rgba(140, 153, 179, 0.12);
    z-index:1;
}
th.dtfc-fixed-left {
    background-color: #F7F8FC;
    box-shadow: 6px 0 6px 0 rgba(140, 153, 179, 0.12);
    z-index: 1;
}
 .custom-select-dropdown .bootstrap-select > .dropdown-toggle{
     padding: 0.424rem 1rem;
}
 .topbar-search-group.input-icon.input-icon-right.search-type1 .form-control{
     border-radius: 100px !important;
     border-color:#cfe1f2;
}
 .topbar-search-group.input-icon.input-icon-right.search-type1 span .btn {
     width: 32px;
     height: 32px;
     background-color: #eaf5ff;
     border-radius: 100px;
     text-align: center;
     transform: translateX(3px);
}
 .topbar-search-group.input-icon.input-icon-right.search-type1 span .btn i{
     color: #4785FF;
}
 .topbar-search-group.input-icon.input-icon-right.search-type1 span .btn:hover{
     background-color:#e5f3ff;
}
 .PD-Card-hdr-left span.badge img{
     max-width:9px;
     max-height:10px;
}
 .PD-Card-hdr-left span img{
     max-width:12px;
     max-height:12px;
}
 .PD-Card-hdr-right .table-tag-item{
     font-size:11px;
     opacity:0.6
}
 .PD-Card-hdr-right .PD-action-btn {
     width: 22.5px;
     height: 22.5px;
     text-align: center;
     line-height: 17px;
     border-radius: 4px;
}
 .PD-Card-hdr-right .PD-action-btn img {
     max-height: 12px;
     max-width: 12px;
}
 .PD-Card-hdr-right .PD-action-btn:hover{
     background-color:#F6F8FF !important;
}
 .PD-card-left {
     width: 40%;
     padding-right: 50px;
     max-width: 450px;
}
 .PD-card-center {
     width: 28%;
     padding-right: 50px;
     max-width: 320px;
}
 .PD-card-right {
     width: 32%;
}
 .PD-logo figure{
     text-align:center;
     padding:5px;
     border-radius: 10px;
     border: solid 1px #e4e5ef;
}
 .PD-logo img {
     max-height: 60px;
     text-align: center;
}
 .annual-salary-B{
     width: 21px;
     text-align: center;
     border-radius: 100px;
     background-color: rgba(63, 66, 84, 0.9) !important;
     height: 21px;
     color:#fff;
}
 .PD-card-center .geo-item, .PD-card-right .geo-item{
     color: rgba(43, 52, 95,0.65);
}
 .PD-certificates ul {
     display: flex;
     flex-wrap: wrap;
     margin:0px -7px;
}
 .PD-certificates ul li{
     margin:7px;
     filter: grayscale(1);
}
 .PD-certificates ul li:hover{
     filter: grayscale(0);
}
 .PD-certificates ul li img{
     height:32px;
}
 .PD-nationality ul {
     display: flex;
     flex-wrap: wrap;
     margin:0px -7px;
}
 .PD-nationality ul li{
     margin:7px;
}
 .PD-nationality ul li img{
     height:28px;
}
 .PD-skills-wrapper .table-skills-item {
     padding: 3px 7px;
     background-color: #eff1f6;
     font-size: 11px;
     opacity: 0.7 !important;
}
 .PD-card .card-footer{
     font-size:14px
}
 .PD-desc-list li {
     position: relative;
     margin: 10px 0px;
     padding-left: 20px;
     line-height: normal;
}
 .PD-desc-list li:after{
     content:"\f058";
     font-family: "Font Awesome 5 Free";
     font-weight:400;
     position:absolute;
     left:0px;
     top:1px;
     color:#39d5ae;
}
 .PD-desc-list2 li {
     position: relative;
     margin: 10px 0px;
     padding-left: 20px;
     line-height: normal;
}
 .PD-desc-list2 li::after {
     content: "";
     width: 6px;
     height: 6px;
     border-radius: 5px;
     font-family: "Font Awesome 5 Free";
     font-weight: 400;
     position: absolute;
     left: 0px;
     top: 5px;
     background-color: #0a5bc7;
}
 .short-details-points li {
     display: flex;
     flex-wrap: wrap;
     margin: 2px 0px;
}
 .short-details-points li span.text-muted {
     min-width: 150px;
}
 .PCC_itemimg {
     margin: 15px 0px;
}
 .PCC_itemimg img{
     height:30px
}
 .slick-slider .slick-next, .slick-slider .slick-prev{
     width: 35px;
     height: 35px;
     box-shadow: 3px 8px 10px 0 rgba(137, 150, 184, 0.42);
     border: solid 1px #eef4fe;
     background-color: rgba(255,255,255,0.35);
     display:inline-block;
     border-radius:100px;
}
 .slick-slider .slick-next:hover, .slick-slider .slick-prev:hover, .slick-slider .slick-next:focus, .slick-slider .slick-prev:focus{
     background-color:  rgba(255,255,255,0.4);
}
 .slick-slider .slick-prev::before, .slick-slider .slick-next::before{
     font-family: "Font Awesome 5 Free";
     font-weight:900;
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     line-height: 1;
     font-size:14px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
}
 .slick-slider .slick-prev::before{
     content: "\f053";
}
 .slick-slider .slick-next::before{
     content: "\f054";
}
 .social-links-ul {
     display: flex;
     flex-wrap: wrap;
     list-style-type: none;
     margin: 0px;
     padding:0px;
}
 .social-links-ul li{
     margin:5px;
}
 .social-links-ul li img {
     height:34px;
}
 .position-competency-add {
     width: 100%;
     max-width: 165px;
     margin-left: auto;
     border-radius: 7px;
     padding: 15px;
     border: dashed 2px #9ec0e8;
     background-color: #f9fbfe;
}
 .custom-create-modal .custom-create-img{
     width:150px;
     margin-right:25px
}
 .custom-create-modal .custom-create-img img{
     max-width:100%
}
 .custom-create-modal .close{
     position:absolute;
     top: 20px;
     right: 15px;
}
 .bg-img-none{
     background-image:none!important
}
 .search-competency-selecpicker .bootstrap-select > .dropdown-toggle::after{
     content: "\f172";
     font-family: Flaticon2;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     text-decoration: inherit;
     text-rendering: optimizeLegibility;
     text-transform: none;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     font-size:15px;
}
 .nav.nav-pills .nav-link:hover{
    /* background-color:rgba(79, 138, 255,0.12);
     */
}
 .modal-position-competency-tab .nav.nav-pills .nav-link i:not(.nav-link.active i){
     font-size:0px;
     transition:all 0.3s;
     margin-right:0px!important
}
 .modal-position-competency-tab .nav.nav-pills .nav-link.active i{
     font-size:0.9rem !important;
     transition:all 0.3s;
}
 .add-compentency-modal .tab-content > .tab-pane{
     display:block!important;
     position: absolute;
     z-index:-1;
     max-width: 100%;
}
 .add-compentency-modal .tab-content > .active {
     display: block;
     position: relative;
     z-index:1;
}
.move-to-group,
 .add-compentency-modal{
     display:block!important;
     z-index:-1;
}
.modal-open .move-to-group.show,
 .modal-open .add-compentency-modal.show{
     z-index:1080;
}
 .show-passowrd-div label small:after{
     content: "\f070";
     font-family: "Font Awesome 5 Free";
     font-weight: 400;
     font-size: 15px;
}
 .show-passowrd-div {
     position: absolute;
     top: 50%;
     right: 17px;
     transform: translateY(-50%);
}
 .show-passowrd-div input[type=checkbox]:checked ~ small::after {
     content: "\f06e";
}
 .add-to-card-actions{
     opacity: 0;
     width: 0px;
     z-index: -1;
     transition: all 0.2s;
     margin-left: 10px;
     white-space: nowrap;
     display:flex;
}
 .add-to-card-actions *{
    align-self: center;
}
 .drop-element-inner:hover .add-to-card-actions{
     width:80px;
     opacity:1;
     z-index:1;
}
 .add-to-card-unit .minicolors .demo.minicolors-input{
     position:absolute;
     z-index:-9999;
     width:0px;
     height:0px;
     visibility:hidden;
     overflow:hidden
}
 .add-to-card-unit .minicolors-theme-bootstrap .minicolors-swatch{
     cursor:pointer;
     width: 17px;
     height: 17px;
     top:calc(50% - 2px);
     transform: translateY(-50%);
     border:0px;
}

 .add-to-card-actions .btn i{
     margin:0px;
     padding:0px;
     font-size:15px;
     color:currentColor;
     top: -1px;
     position: relative;
     color:#999
}
 .add-to-card-actions .btn {
     margin-right: 7px;
     color: #777e8c;
     height: 20px;
     width:22px;
     line-height: 16px;
}
 .add-to-card-actions .btn i{
     margin:0px;
     padding:0px;
     position: relative;
}
 .add-to-card-actions .btn i:before{
     content: "";
     width:22px;
     height: 22px;
     position:absolute;
     top:50%;
     left:50%;
     transform:translate(-50%,-50%);
     background-size:17px auto;
     background-repeat:no-repeat;
     background-position: center center;
     opacity:0.6
}
 .add-to-card-actions .btn input:checked ~ i::before{
    opacity:1
}
 .add-to-card-actions .btn.addto-folder-check i::before {
     background-image:url(../media/images/add-to-folder.png);
}
 .add-to-card-actions .btn.unit-showhide-check i::before {
     background-image:url(../media/images/hide-item.png);
}
 .add-to-card-actions .btn.addto-folder-check input:checked ~ i::before {
     background-image:url(../media/images/remove-from-folder.png);
}
 .add-to-card-actions .btn.unit-showhide-check input:checked ~ i::before {
     background-image:url(../media/images/show-item.png);
}
 .added-card-preview {
     position: fixed;
     right: 70px;
     bottom: 85px;
     width: 100%;
     z-index: 99;
     height:auto;
     max-width: 500px;
}
 .added-card-preview-inner .card{
    margin-bottom:0px;
    margin-top:10px;
}
 .added-card-delete .btn {
     width: 32px;
     height: 32px;
     border-radius: 100px;
     transform: translate(12px,-22px);
     box-shadow: 0px 4px 6px rgb(219, 186, 190);
     padding:0px;
}
 .added-card-delete .btn i{
     font-size:15px;
}
 .added-card-preview-inner .appended-actions .btn-appended-edit, .added-card-preview-inner .appended-actions .btn-appended-delete{
    line-height:17px;
}
 .added-card-preview-inner .card-list-content.drop-element-outer:not(:last-child){
     margin-bottom:10px;
}
 .added-card-preview-inner [class*="bg-"] .drop-element-outer:nth-last-child(2){
     margin-bottom:0px;
}
 .card-list-content.drop-element-outer.opacity-70 .addto-folder-check, .card-list-content.drop-element-outer.opacity-70 .minicolors{
     pointer-events:none;
}
 .added-card-preview-inner .card-title .h3.form-control.card-label {
     border-color: transparent;
     height: auto;
     border-width: 0 0 1px 0;
     border-radius: 0px;
     font-size: 1.275rem!important;
}
 .added-card-preview-inner .card-title .h3.form-control.card-label:focus {
     border-color:#53a0e4;
}
 .added-card-preview-inner .card-body{
    position:relative
}
 .added-card-preview-inner .card-icon{
    cursor:pointer
}
 .select-card-icon-collapse{
     position: absolute;
     top: 0;
     width: 100%;
     background-color: rgba(255,255,255,0.7);
     min-height:120px;
     max-height: 70%;
     z-index: 6;
     box-shadow: 0px 9px 25px rgba(0,0,0,0.05);
     padding: 20px;
     left: 50%;
     transform:translateX(-50%);
     border-bottom: solid 1px #e3eeff;
}
 .select-card-icon-collapse .symbol-label img{
     height:12px;
}
 .table-img-40{
     height:40px;
     width:40px;
     overflow:hidden;
     position:relative;
     border-radius:100px;
}
 .table-img-40 img{
     position:absolute;
     height:100%;
     width:auto;
     top:50%;
     left:50%;
     transform:translate(-50%,-50%)
}
 .Level2-menu{
     position: fixed;
     top: 118px;
     left: -100%;
     z-index: -2;
     width: 0px;
     background-color: #fbfbff;
     height: 100%;
     box-shadow: 0px 3px 10px rgba(0,0,0,0.07);
     padding: 15px 0;
     list-style-type: none;
     transition: all 2s;
     opacity:0;
}
 .Level2-menu.show-right-menu{
     transition: all 1s;
}
.Level2-menu:hover, .Level2-menu.show-right-menu{
    left: 265px;
    z-index: 4;
    opacity:1;
    width: 230px;
}
.add-menu-col-right .Level2-menu{
    position: absolute;
     top: 0;
     left: -220px;
     z-index: -2;
     width: 230px;
     background-color: #fbfbff;
     height: 0%;
     box-shadow: 0px 3px 10px rgba(0,0,0,0.07);
     padding: 15px 0;
     list-style-type: none;
     transition: all 1s;
     opacity:0;
}
.add-menu-col-right .Level2-menu.show-left-menu{
    left: unset;
    top: 0;
    left: -220px;
    z-index: 4;
    opacity: 1;
    width: 230px;
    height:100%;
    position: absolute;
}
.add-menu-col-right .Level2-menu:hover,
.add-menu-col-right .Level2-menu.show-left-menu{
    left: unset;
    top: 0;
    left: -220px;
    z-index: 4;
    opacity: 1;
    width: 230px;
    height:100%;
}
 .Level2-menu .has-right-menu .menu-link{
     position:relative;
     width:230px
}
.has-right-menu > .menu-link .menu-arrow,
.Level2-menu .has-right-menu > .menu-link .menu-arrow,
.Level2-menu .has-right-menu > .menu-link .menu-arrow {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 20px;
     flex: 0 0 20px;
     font-size: 0.6rem;
     position: absolute;
     top: 50%;
     right: 15px;
     transform: translateY(-50%) rotate(90deg);
     transition: all 0.3s;
}
.has-right-menu:hover > .menu-link .menu-arrow,
 .Level2-menu .has-right-menu:hover > .menu-link .menu-arrow{
     transform: translateY(-50%) rotate(0deg);
}

.overManu-title{
    padding: 5px 25px;
}
.menu-nav-custom .menu-item > .menu-link{
     display:flex;
     padding: 5px 25px;
     margin: 2px 0px;
}
 .menu-nav-custom .menu-link .menu-link, .menu-nav-custom .menu-link .menu-text{
     font-weight: 400;
     font-size: 1.2rem;
     color:#7a7992;
     align-self:center;
}
 .menu-nav-custom .menu-item > .menu-link .menu-icon {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 35px;
     flex: 0 0 35px;
     font-size: 1.3rem;
}
 .menu-nav-custom .menu-item > .menu-link .menu-icon svg {
     height: 24px;
     width: 20px;
     margin-left: -2px;
}
 .Level3-menu, .Level4-menu {
     position: absolute;
     top: 0;
     padding: 15px 0;
     background-color: #fff;
     width: 0px;
     height:100%;
     transition:0.4s;
     opacity: 0;
     box-shadow: 0px 3px 10px rgba(0,0,0,0.07);
}
 .Level3-menu{
    z-index:-3;
    left:95%;
    background-color: rgb(249, 249, 255);
}
 .Level3-menu:hover, .Level3-menu.show-right-menu{
     left: calc(100% + 0px);
     opacity:1;
     width: 230px;
     z-index:3;
}
 .Level3-menu:hover, .Level3-menu.show-right-menu.show-left-menu{
     left: unset;
     right: calc(100% + 0px);
     opacity:1;
     width: 230px;
     z-index:3;
}
 .Level4-menu{
    z-index:-4;
    left:95%;
    background-color:rgb(246, 246, 255);
}
 .Level4-menu:hover, .Level4-menu.show-right-menu{
     left: calc(100% + 0px);
     opacity:1;
     width: 230px;
     z-index:2;
}
 .Level2-menu > .menu-item .menu-link:hover .menu-text {
     color: #3698ff !important;
     text-decoration: none;
     cursor: pointer;
}
 .Level2-menu > .menu-item .menu-link.active, .Level2-menu > .menu-item .menu-link:hover{
     background-color: rgba(54, 152, 255,0.07) !important;
}
 .Level2-menu > .menu-item .menu-link:hover .menu-icon svg path, .Level2-menu > .menu-item .menu-link:hover .menu-icon svg rect, .Level2-menu > .menu-item .menu-link:hover .menu-icon svg circle{
     fill:#3698ff !important;
     stroke:#3698ff !important;
}
 .Level2-menu > .menu-item .menu-link:hover .menu-icon svg .menuicon-light-part{
     fill:#a5d0ff!important;
     stroke:#a5d0ff!important;
}
 .Level2-menu > .menu-item .menu-link:hover .menu-icon svg .menuicon-semi-light-part{
    fill: rgba(54, 152, 255, 0.3)!important;
    stroke: rgba(54, 152, 255, 0.3)!important;
}
 .spinner-input-btn .btn{
     padding-left:40px!important;
}
 @media (max-width: 991.98px) {
     .Level2-menu{
        z-index: 1000;
        left:240px;
        top:0;
         transition: all 0.6s;
        width:0%;
        overflow:hidden
    }
     .Level2-menu.show-right-menu{
         transition: all 0.7s;
    }
     .Level2-menu:hover, .Level2-menu.show-right-menu{
         z-index: 1004;
         width:60px;
         overflow:visible;
    }
     .Level3-menu:hover, .Level3-menu.show-right-menu{
         z-index:1003;
         width: 60px;
    }
     .Level4-menu:hover, .Level4-menu.show-right-menu{
         z-index:1002;
         width: 60px;
    }
     .Level2-menu:hover .menu-link .menu-text, .Level2-menu.show-right-menu .menu-link .menu-text, .Level3-menu:hover .menu-link .menu-text, .Level3-menu.show-right-menu .menu-link .menu-text, .Level4-menu:hover .menu-link .menu-text, .Level4-menu.show-right-menu .menu-link .menu-text{
        font-size:0px
    }
}
 .RJC_number {
     width: 26px;
     height: 26px;
     background-color: #e6ecf7;
     text-align: center;
     line-height: 20px;
     border-radius: 100px;
     border: solid #cadcff 2px;
     font-weight: bold;
     font-size: 12px;
     color: #4a5977;
     box-shadow: 0px 3px 3px rgba(165, 172, 185, 0.3);
}
 .disabled-span{
     pointer-events:none;
     opacity:0.8;
}
.POC-carousel{
  width:290px;
  min-width: 290px;
}
.POC-image{
    border-right:solid 1px #DBE3F2
}
.POC-top-sec{
    position:relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.POC-top-sec:after{
    content:"";
    position:absolute;
    bottom:0;
    left:-2.25rem;
    right:-2.25rem;
    border-bottom:solid 1px #DBE3F2
}
.POC-image, .POC-details, .POC-carousel{
    padding:2rem 2.25rem
}
.POC-details-items {
    margin-bottom: -7px;
  }
.POC-details-item {
    margin-top: 7px;
    margin-bottom: 7px;
    width: 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
.table-profile-img {
width: 22px;
min-width: 22px;
height: 22px;
/* min-width: auto; */
}
.POC-details p{
    max-width:340px;
    margin-bottom:0;
}
.review-stars li{margin:0 0.5px!important}
.m-row-col{
  padding-right: 12.5px;
  padding-left: 12.5px;
}
.m-row .m-row-col .btn{white-space: nowrap;}
.inner-body-btns .col{
  min-width: 174px;
  margin: 2px 0;
}
.engagement-score-carousel{
  margin-bottom:-20px;
}
.chart-zoom-slider {
    /* position: absolute;
    bottom: 110px;
    right: 80px; */
    position:relative;
    width:250px;
    padding: 12px 20px;
    border-radius: 100px;
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.05), inset 3px 3px 5px rgba(0,0,0,0.06);
    border:solid 1px #eee
}
.noUi-tooltip {
    display: none;
    filter:grayscale(1)
}
.noUi-active .noUi-tooltip {
    display: block;
}
#attr-gotop{
    position: fixed;
	bottom: 90px;
	left: unset;
	z-index:1;
	opacity:0.5;
	cursor:pointer;
}
#attr-gotop:hover{opacity:1}
#attr-gotop i{
	color:#4785FF;
	font-size: 24px;
}
.minimize-org-card{
    transform:  scale3d(1, 0, 0);
    opacity:0;
    transition:all 0.6s;
    /* display:none; */
}
.maximize-org-card{
    transform:  scale3d(1, 1, 1);
    opacity:1;
    transition:all 0.6s;
    /* display:block; */
}
.draggable-zone .card-title span .svg-icon{margin-right:7px!important}
.viewChild{
    width: 32px;
    max-width: 32px;
    height: 32px;
    border: solid 1px #b0b4c8;
    border-radius: 100px;
    transform: translateX(27px) translateY(-15px);
    text-align: center;
    background-color: #fff;
    line-height: 30px;
    float: right;
    cursor: pointer;
    margin-bottom: -15px;
}
.hideChild{
    width: 32px;
    max-width: 32px;
    height: 32px;
    border: solid 1px #b0b4c8;
    border-radius: 100px;
    transform: translateX(27px) translateY(-15px);
    text-align: center;
    background-color: #fff;
    line-height: 30px;
    float: right;
    cursor: pointer;
    margin-bottom: -15px;
}
.viewChild:after{
    content:"\f067";
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    color: #b0b4c8;
    font-size: 14px;
}
.hideChild:after{
    content:"\f068";
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    color: #b0b4c8;
    font-size: 14px;
}
.header-type1-tab .nav-svg{margin-right:7px;}
.header-type1-tab .nav-svg svg{
    max-height:16px;
}
.border-bottom-tabs li .nav-link:hover .nav-svg svg path,
.border-bottom-tabs li .nav-link:hover .nav-svg svg rect,
.border-bottom-tabs li .nav-link:hover .nav-svg svg circle,
.border-bottom-tabs li .nav-link.active .nav-svg svg path,
.border-bottom-tabs li .nav-link.active .nav-svg svg rect,
.border-bottom-tabs li .nav-link.active .nav-svg svg circle{
    fill: #3698ff !important;
    stroke: #3698ff !important;
}
body .border-bottom-tabs li .nav-link:hover svg .menuicon-light-part,
body .border-bottom-tabs li .nav-link.active svg .menuicon-light-part{
    fill: #a5d0ff !important;
    stroke: #a5d0ff !important;
}
body .border-bottom-tabs li .nav-link:hover svg .menuicon-semi-light-part,
body .border-bottom-tabs li .nav-link.active svg .menuicon-semi-light-part{
    fill: rgba(54, 152, 255, 0.3)!important;
    stroke: rgba(54, 152, 255, 0.3)!important;
}
.JCS-checkbox-wrapper {
    margin: -7px;
}
.JCS-checkbox-wrapper .checkbox {
    width: 50%;
    max-width: 400px;
}
.JCS-check-item {
    margin: 7px 30px 7px 0px;
    box-shadow: 0 4px 6px 0 rgba(181, 193, 204, 0.16);
    padding: 20px 30px;
    border-radius: 8px;
    font-size: 15px;
    border: solid 1px #fff;
    width: calc(100% - 30px);
    cursor:pointer;
}
.JCS-check-item:hover,
.JCS-checkbox-wrapper .checkbox input:checked ~ .JCS-check-item{
    border-color:#c4e0ff;
}
.JCS-checkbox-wrapper .checkbox .JCS-check-item span{
    background-color: #EBEDF3;
    border: 1px solid transparent;
    height: 24px;
    width: 24px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 0.35rem;
}
.JCS-checkbox-wrapper .checkbox input:checked  ~ .JCS-check-item span {
    background-color: #4785FF;
}
.JCS-checkbox-wrapper .checkbox .JCS-check-item span::after {
    content: '';
    border-color: transparent;
    border-style: solid;
    border-width: 0 2px 2px 0 !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -2px;
    width: 5px;
    height: 10px;
}
.JCS-checkbox-wrapper .checkbox input:checked ~ .JCS-check-item span::after {
    border-color: #ffffff;
}
.question-icon-span{
    width: 24px;
    height: 24px;
    opacity: 0.6;
    background-color: rgba(181, 193, 204, 0.26);
    text-align:center;
    border-radius:30px;
    line-height:22px;
}
.question-icon-span i{
    color:#666;
}
.win-factor-form-inner .radio-inline .radio {
    margin-right: 2.4rem;
}
.win-factor-form-inner {
    border-left: solid 1px #e4e4f1;
    border-radius: 10px;
    padding: 50px 25px 0px 25px;
    display:inline-block;
}
.win-factor-hdr{
    transform:translate(15px, calc(50% + 20px));
    background-color:#fff;
    width:calc(100% - 15px);
    cursor:pointer;
    margin-top: -40px;
    padding-right:80px;
    cursor:grab;
}
.win-factor-hdr .form-control {
    border-width: 0 !important;
    border-radius: 0;
    padding-top:0px!important;
    height:auto;
}
.win-factor-hdr .form-control:focus {
    border-width: 0 0 1px 0 !important;
}
.win-factor-hdr span{
    width: 20px;
    height: 20px;
    position: absolute;
    right: 26px;
    top: 0px;
    cursor: pointer;
}
.win-factor-hdr span:after{
    font-family: Ki;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "";
    color: #4785FF;
    font-size: 0.9rem;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    z-index:2;
}
.win-factor-hdr span.collapsed::after {
    color: #7E8299;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.job-attr-repeater{
    transform: translateY(16px);
}
.job-attr-repeater .form-group{
    position:relative
}
.job-attr-repeater .form-group:last-child{
    margin-bottom:0px;
}
.job-attr-repeater .form-group::before {
    content: "";
    position: absolute;
    left: -14px;
    height: 20px;
    border-bottom: solid 1px #ddd;
    width: 26px;
    border-radius: 0 0 0px 10px;
    border-left: solid 1px #ddd;
    bottom: 15px;
}
.job-attr-statement-based figure{margin-bottom:10px}
.job-attr-statement-based figure:last-child{margin-bottom:0px}
.job-attr-statement-based figure img{height:90px}
.job-clu-preview .job-clu-preview-inner,
.job-attr-preview .job-attr-preview-inner {
    padding: 25px;
    border-radius: 7px;
    background-color: #f5f9fb;
}
.attr-preview-list ul li{
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.attr-preview-list ul li:last-child{
    margin-bottom:0px;
}
.job-attr-list .job-attr-list-item {
    margin-bottom: 40px;
}
.job-attr-list .job-attr-list-item:last-child {
    margin-bottom: 0px;
}
.input-wrap .question-icon-span{
    width: 18px;
    height: 18px;
    line-height: 16px;
}
.input-wrap .text-warning:not(i){
    opacity:0;
    transition:0.2s;
    transform:translateY(8px);
}
.input-wrap .form-control:focus ~ .text-warning{
    opacity:1;
    transform:translateY(0px);
}
.job-attr-actions {
    position: absolute;
    top: 0px;
    right: 0px;
}
.win-factor-hdr .draggable-handle{
    position: absolute;
    right: 52px;
    top: -0px;
    cursor:grab
}
.win-factor-hdr .draggable-handle .btn{padding:0px;cursor:grab}
.job-attr-actions .btn{
    width: 24px;
    height: 24px;
    padding: 0px;
    text-align: center;
    line-height:12px;
}
.job-attr-actions .btn i{
    font-size:12px;
    padding:0;
}
.SJC-wrapper-inner li{
    display:flex;
    margin-bottom:20px;
    position:relative;
}
.SJC-wrapper-inner li:hover{
    opacity:1;
}
.SJC-wrapper-inner li::before {
    content: "";
    top: 50%;
    height: calc(100% + 50%);
    width: 10px;
    border-left: solid 1px #84befb;
    position: absolute;
    left: 1px;
    border-bottom: solid 1px #84befb;
    border-radius: 0px 0px 0px 10px;
}
.SJC-wrapper-inner li:last-child::before {display:none}
.SJC-wrapper-inner li span:before{
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
}
.SJC-wrapper-inner{
    counter-reset: my-sec-counter;
}
.SJC-wrapper-inner li span {
    width: 38.4px;
    height: 43.3px;
    background-color: #84befb;
    display: inline-block;
    text-align: center;
    color: #fff;
    line-height: 43.3px;
    font-size: 18px;
    font-weight: normal;
    border-radius:0.42rem 0 0 0.42rem;
}
.SJC-wrapper-inner li .form-control{
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
}
.job-clu-preview-inner ul{
    counter-reset: my-sec-counter1;
}
.job-clu-preview-inner ul li{
    margin:30px 0px;
}
.job-clu-preview-inner ul li .d-in-block{
    min-width: 260px;
}
.job-clu-preview-inner ol{
    display:flex;
    position:relative;
}
.job-clu-preview-inner ol::before {
    counter-increment: my-sec-counter1;
    content: counter(my-sec-counter1);
    width: 20px;
    min-width:20px;
    height: 20px;
    border-radius: 50px 50px 0px 50px;
    background-color: #83adff;
    text-align: center;
    color: #fff;
    margin-right: 5px;
}
body .job-clu-preview-inner li:not(ol li):nth-child(odd) ol li:last-child::after {
    content: "";
    position: absolute;
    background-image: url(../media/images/job-levels-connector.png);
    background-size: 100% 100%;
    background-position: bottom;
    top: -35px;
    left: calc(-50% - 10px);
    width: 100%;
    height: 35px;
    background-repeat: no-repeat;
}
body .job-clu-preview-inner li:not(ol li):nth-child(even) ol li:first-child::after {
    content: "";
    position: absolute;
    background-image: url(../media/images/job-levels-connector.png);
    background-size: 100% 100%;
    background-position: bottom;
    top: -35px;
    left: calc(50% + 10px);
    width: 100%;
    height: 35px;
    background-repeat: no-repeat;
}
body .job-clu-preview-inner li:first-child ol li:after{
    display:none;
}
.job-clu-preview-inner ul li:not(ol li):nth-child(odd) ol{
    justify-content:end;
}
body .job-clu-preview-inner li:not(ol li):first-child ol{
    /* justify-content:center; */
    justify-content: start;
    transform: translateX(calc(50% - 25px));
    width: calc(100% - 50%);
}
body .job-clu-preview-inner li:not(ol li):first-child ol li{width:100%;}
body .job-clu-preview-inner li:not(ol li):first-child ol li:nth-child(2){display:none}
.job-clu-preview-inner ol li{
    width: calc(50% - 50px);
    margin:0px 5px;
    position:relative;
}
.job-clu-preview-inner li img {
    width:100%;
    max-width: 220px;
}
.job-preview-left{
    width: calc(100% - 350px);
    max-width: 850px;
    margin-right: auto;
}
.job-preview-right{
    max-width:350px
}
.job-sche-tags .table-skills-item {
    padding: 3px 7px;
    margin: 4px;
}
.job-sche-tags{margin-left:-4px;margin-right:-4px;}
.EJWS-btns .btn {
    background-color: #d1d3db;
    padding: 0px;
    border-radius: 100px;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 32px;
    position:relative;
    margin:3px;
}
.EJWS-btns .btn i {
    padding: 0px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.EJWS-btns .btn:hover{
    background-color:#83adff;
}
.edit-JWS {
    position: absolute;
    width: 100%;
    height:0;
    background-color: rgba(0,0,0,0.05);
    text-align: center;
    display: flex;
    justify-content: center;
    transition:0.4s;
    top:0%;
    left:0;
    overflow:hidden;
}
.edit-JWS .EJWS-btns{align-self:center}
.job-attr-preview:hover .edit-JWS{
    z-index:2;
    height:100%
}
.SJS-list{
    display:flex;
    flex-wrap:wrap;
    margin:0px -15px;
}
.SJS-list li{
    width:33.33%;
    padding:15px;
}

.SJS-list li .checkbox{
    font-size:15px;
    font-weight:500;
    position:relative;
    padding-left:30px;
}
.SJS-list li .checkbox span{
    position:absolute;
    left:0;
    top:-1px;
}
.approved-headcount-list{
    margin-left:-15px;
    margin-right:-15px;
    counter-reset: my-headcount-counter;
    max-height:240px;
    justify-content:center;
}
.headcount-box {
    width: calc(33.33% - 30px);
    max-width: 165px;
    min-width: 145px;
    height: 55px;
    margin: 15px;
    padding: 17px 30px 17px 30px;
    border-radius: 5px;
    border: dashed 2px #bed1e8;
    background-color: #f9fbfe;
    color: #adbfd4;
    font-weight: 500;
    font-size: 14px;
}
.headcount-box .span-headcount-name:before{
    counter-increment: my-headcount-counter;
    content: "DEP000" counter(my-headcount-counter);
}
.headcount-box i{
    color: #adbfd4;
    font-size: 20px;
}
.upload-dz-theme > label {
    border-radius: 8px;
    border: dashed 2px #acc2ff;
    padding: 30px;
    cursor:pointer;
    background-color: rgba(234, 236, 246,0.3);
}
.upload-dz-theme-content {
    width: calc(100% - 115px);
}
.upload-dz-theme > label figure{margin-right:20px;}
.upload-dz-theme > label figure img{max-height:85px;}
.created-badge-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -7px;
}
.created-badge-list li {
    width: 25%;
}
/* .created-badge-list li input:checked ~ span:after{
    content:"kalpesh";
    position:absolute;
} */
.created-badge-list li input:checked ~ span{
    border-color: #acc2ff;
}
.created-badge-list li input:checked ~ span .btn-badge-delete {
    opacity: 1;
}
.created-badge-list li label{height:100%;width:100%}
.created-badge-list li span {
    border-radius: 6px;
    box-shadow: 0 3px 6px 0 rgba(118, 124, 207, 0.11);
    width: calc(100% - 14px);
    text-align: center;
    padding: 25px 15px;
    display: inline-block;
    margin: 7px;
    border: solid 1px rgba(118, 124, 207, 0.04);
    height: calc(100% - 14px);
}
.created-badge-list li span img{
    height: 42px;
}
.upload-dz-theme-content .created-badge-list li .btn-badge-delete,
.created-badge-list li span:hover .btn-badge-delete{
    opacity:1;
}
.upload-dz-theme-content .created-badge-list li span,
.created-badge-list li span:hover{
    border-color:#acc2ff;
}
.created-badge-list li {
    width: 20%;
}
.created-badge-list li span img {
    max-height: 50px;
    max-width: 65px;
    width: 100%;
}
.upload-dz-theme-content .created-badge-list li .btn-badge-delete,
.created-badge-list li span:hover .btn-badge-delete{
    opacity:1;
}
.upload-dz-theme-content .created-badge-list li,
.created-badge-list li span:hover{
    border-color:#acc2ff;
}
.btn-badge-delete {
    position: absolute;
    top: -7px;
    right: -7px;
    background-color: #ff9d9d;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    text-align: center;
    line-height: 20px;
    opacity:0;
    transition: all 0.4s;
}
.btn-badge-delete i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 8px;
    color: #fff;
    padding:0px;
}
.btn-badge-delete:hover i{color:#fff}
.editable-card-title{
    margin-top:0px!important;
    margin-bottom:0px!important;
    position:relative;
}
.editable-card-title .form-control{
    border-radius: 0px;
    padding: 0;
    display: inline-block;
    border-width: 0 0 1px 0;
    border-color:transparent;
    height:100%;
    transition:all 0.2s;
}
.editable-card-title .form-control ~ span:after{
    position:absolute;
    content:"";
    left:0;
    bottom:0;
    width:0px;
    height:1px;
    transition:all 0.3s;
    background-color:#4785FF;
}
.editable-card-title .form-control:focus ~ span:after{
    width:100%;
}
.wizard-tabs-carousel .dash-tab-prev,
.wizard-tabs-carousel .dash-tab-next{
    background-color:#fff;
    top:50%;
}
.wizard-tabs-carousel .dash-tab-prev{
    left: 0;
    right: unset;
    z-index:2;
}
.wizard-tabs-carousel ul{
    width: calc(100% - 40px);
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    padding: 15px 0px;
    margin-right: 0px;
    margin-left: 20px;
}
body .wizard-tabs-carousel ul .nav-item{
    min-width: 240px;
    position: relative;
    margin: 0 20px 0 0px!important;
}
body .wizard-tabs-carousel ul .nav-item:nth-last-child(3){
    margin: 0px!important;
}
body .wizard-tabs-carousel ul .nav-item:before{
    position:absolute;
    right: 15px;
    top: 15px;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #b0b4c8;
    transition: all 0.3s;
    min-width: 14px;
    background-color: rgba(51, 51, 51,0.08);
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 100px;
    line-height: 21px;
    font-size: 9px;
}

body .wizard-tabs-carousel ul .nav-item.wizard-step-completed:before{
    color: #15d135;
    background-color: #d4f9e7;
}
body .wizard-tabs-carousel ul .nav-item.wizard-step-active:before{
    color: #4785FF;
    background-color: #edf3ff;
}
body .wizard-tabs-carousel ul .nav-item.wizard-step-current .nav-link{
    border-color:#4785FF;
}
body .wizard-tabs-carousel ul .nav-item .nav-link{
    padding:25px 35px;
    border-radius: 5px;
    border: solid 1px #e4e8f3;
    background-color: #fff!important;
    margin:5px 0px;
    text-align:left;
}
body .wizard-tabs-carousel .nav.nav-pills .nav-link .nav-text {
    color: #2b345f;
    font-size:15px;
}
body .wizard-tabs-carousel .nav.nav-pills .nav-link .nav-icon{margin-right:10px;}
body .wizard-tabs-carousel .nav.nav-pills .nav-link .nav-icon svg {
    max-height: 25px;
    max-width: 25px;
}
body .wizard-tabs-carousel .nav.nav-pills .nav-link:hover{
    box-shadow: 1px 11px 17px 0 rgba(161, 181, 255, 0.2);
}
.hide-ps-scrollbar .ps-scrollbar-x-rail,
.hide-ps-scrollbar .ps-scrollbar-y-rail{
    opacity:0!important;
}
.job-title-col{
    min-width: 550px;
}

.chart-menu div svg {
    max-height: 16px;
    width: 16px;
}
.chart-menu{line-height:18px;}
.subheader .align-items-baseline h5{
    font-weight:normal!important;
    font-size: 14px;
}
.noti-btn .noti-count {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 23px;
    height: 23px;
    background-color: #FF7070;
    border: solid 3px #fff;
    border-radius: 100px;
    color: #fff;
    line-height: 18px;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
  }

  .align-self-center.ml-2.top-pp-dd::after {
    font-family: Ki;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "";
    color: #7A7992;
    font-size: 0.7rem;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    z-index: 2;
    position: absolute;
    right: 0;
    top: 5px;
  }
.text-black{
      color:#000
}
.modal-or-divider{z-index:1}
.modal-or-divider span {
    height: 30px;
    background: #F3F5FB;
    border-radius: 34px;
    display: inline-block;
    padding: 0px 20px;
    line-height: 30px;
    font-size: 15px;
    color: #6A697E;
    text-transform: uppercase;
  }
  .modal-or-divider::after {
    position: absolute;
    top: 50%;
    border-bottom: solid 1px #EBEDF3;
    width: 100%;
    height: 1px;
    left: 0;
    content: "";
    z-index: -1;
  }
  .uploaded-preview-inner{
    position:relative;
    display:inline-block;
    background: #FFFFFF;
    box-shadow: 2px 2px 9px rgba(232, 232, 255, 0.48);
    border-radius: 5px;
    padding: 12px;
  }
  .uploaded-preview-inner .btn {
    width: 23px;
    height: 23px;
    border-radius: 100px;
    text-align: center;
    position: absolute;
    line-height: 14px;
    padding: 0px;
    top: -2px;
    right: -9px;
  }
  .uploaded-preview-inner div.btn{line-height:21px;cursor:pointer}
  .uploaded-preview-inner .btn i{
    font-size:13px
  }
  .uploaded-preview-inner video,
  .uploaded-preview-inner img,
  .uploaded-preview-inner figure img{
      height:50px;
  }
  .upload-preview-wrapper .dropzone-uploaded-preview{
    display:flex;
    flex-wrap: wrap;
    gap:20px;
  }
  .upload-preview-wrapper .dropzone-uploaded-preview .uploaded-preview-inner{
    padding: 8px 8px 3px 8px;
  }
  .upload-preview-wrapper .dropzone-uploaded-preview .btn.btn-light-danger:hover{background-color: rgb(247, 234, 234)!important;}
  .SA-left,
  .ID-left {
    box-shadow: 3px 8px 10px rgba(177, 183, 206, 0.13);
    border-radius: 10px;
  }
    .left-sec-header h6:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    left: 0;
    top: 6px;
    background-color: #4785FF;
    border-radius: 10px;
  }
  .left-sec-list li {
    position: relative;
    margin: 4px 0;
    display: inline-block;
    width: 100%;
    padding-left: 20px;
    color: #7A7992;
  }
  .left-sec-list li::before {
    content: "\f00c";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 3px;
    color: #4785FF;
    font-size: 12px;
  }
  .change-pass-card .left-sec-list li::before{display:none}
  .change-pass-card .left-sec-list li.pass-not-valid::before{
    display:inline-block;
    content:"\f00d";
    color:#FF7070
  }
  .change-pass-card .left-sec-list li.pass-not-valid{
    color:#FF7070;
  }
  .change-pass-card .left-sec-list li.pass-valid::before{
    display:inline-block;
  }
  .change-pass-card .left-sec-list li.pass-valid{
    font-style:text;
    text-decoration: line-through;
  }
  .left-sec-banner{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
.cursor-default  {
    cursor: default;
  }
  .dropzone-library-wrapper {
    background-color: #fbfcfe;
    border: 1px dashed #CDDBFF;
    border-radius: 5px;
    padding: 25px 25px 30px 25px;
  }
.dropzone-library-wrapper  .dropzone.dropzone-default{
      border:none;
      padding:0;
  }
  .grid-card-status {
    border-radius: 20px 0px 0px 20px !important;
    position: absolute;
    right: 0;
    bottom: 25px;
  }
  .card.card-custom.grid-view-card {
    border: 0.7px solid rgba(238, 242, 255, 0.85);
    box-shadow: 0px 0px 8px rgba(222, 229, 253, 0.16);
    border-radius: 5px;
    margin-bottom:30px;
  }
  .card.card-custom.grid-view-card .card-header{
    box-shadow: 0px 1px 4px rgba(222, 229, 253, 0.31);
  }
 .grid-view-card .card-list-icon{
    width: auto;
    min-width: auto;
  }

  .custom-pagination .btn.btn-icon{
    font-weight:500;
    font-size:1.1rem;
    width:30px;
    height:30px;
    color:#7E8299;
  }

  .passLock {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
  }
  .passInputOk input.form-control,
  .passInputNotOk input.form-control{
      padding-left:30px!important
  }
  .passInputOk .d-flex,
  .passInputOk .input-icon{
    position:relative
  }
  .POCB-left figure {
  background: linear-gradient(316.86deg, #DBDFE7 -269.23%, rgba(219, 223, 231, 0) 84.53%);
  border: 1px solid #EBEDF3;
  box-sizing: border-box;
  border-radius: 8px;
  width: 37px;
  height: 37px;
  position: relative;
  margin-right:15px;
}
.POCB-left figure img{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    max-height:20px;
}
.POCB-right span {
    font-weight: 500;
    font-size: 14px;
}
.POC-right{
    width:100%
}
.POC-right-header{
    padding: 2rem 2.25rem 0rem 2.25rem;
    /* justify-content: end; */
}
.POCH-item {
    margin: 3px 0px;
      margin-right: 0px;
  }
.dash-notice div {
    padding: 5px 12px;
    line-height:22px;
  }
.dash-notice div:first-child {
    border-radius:5px 0px 0px 5px
  }
.dash-notice div:last-child {
    border-radius:0px 5px 5px 0px;
    border-style:solid;
    border-color: #E8E8FF;
    border-width: 1px 1px 1px 0px;
}
.divider-dot {
    width: 5px;
    height: 5px;
    display: inline-block;
    background-color: #32D0A5;
    border-radius: 100px;
    margin-right: 5px;
  }

  .dash-hobbies-item,
  .agm-item {
    -webkit-box-flex: unset;
    flex-grow: unset;
    width: auto;
    padding-right: 12.5px;
    padding-left: 12.5px;
    position:relative;
    margin-bottom: 3px;
  }
  .agm-item::after {
    content: "";
    position: absolute;
    right: -1px;
    border-radius: 100px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #9699A8;
    height: 10px;
    width: 1px;
  }
  .agm-item:last-child::after {display:none}
  .agm-item span{position:relative}
  .agm-item span:first-child:after{
    content: "";
    position: absolute;
    right: -8px;
    width: 3px;
    height: 3px;
    border-radius: 100px;
    background-color: #AAAFD2;
    top: 50%;
    transform: translateY(-50%);
  }

  .dash-hobbies-item:after{
    content: "";
    position: absolute;
    right: -3px;
    width: 3px;
    height: 3px;
    border-radius: 100px;
    background-color: #AAAFD2;
    top: 50%;
    transform: translateY(-50%);
  }
  .dash-hobbies-item:last-child:after {display:none}
  .dash-skills-items ul{margin:0px -3px}
  .dash-skills-items li{
    -webkit-box-flex: unset;
    flex-grow: unset;
    width: auto;
    padding-right: 3px;
    padding-left: 3px;
    position:relative
  }
  .dash-skills-item {
    background: rgba(232, 232, 232, 0.26);
    opacity: 0.74;
    border: 0.7px solid rgba(218, 221, 234, 0.5);
    padding: 3px 10px;
    border-radius: 4px;
    display:inline-block;
    margin-top:5px;
    font-size:12px;
  }
  .dash-pp-wrapper .card-chart {
    position: relative;
    text-align: center;
}

.dash-pp-wrapper  .card-center {
    line-height: 1.5;
    position: absolute;
    top: calc(50% - 2px);
    width: 100px;
    height: 100px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.dash-pp-wrapper .card-donut.card-goalchart canvas {
    transform: rotate(90deg);
}

.POC-right-footer {
    padding: 0 2.25rem 2rem 2.25rem;
  }
.dash-new-skills {
    background-color: rgba(120, 222, 183, 0.04);
    border: 0.7px solid rgba(87, 209, 141,0.4);
    position: relative;
    padding-left: 22px;
    color: #32D0A5;
}
.dash-new-skills::before {
    content: "\f00c";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    left: 12px;
    top: 50%;
    transform: translate(-50%);
    line-height: 0;
    position:absolute;
}
.btn-dash-social-link {
    border: solid 1px #CACFD8;
    padding: 0px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    position: relative;
    margin:3px 3px 0px 3px;
  }
  .btn-dash-social-link i{
    color:#CACFD8;
    font-size:13px;
    padding:0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  .POC-carousel-placeholder {
    text-align: center;
    background-color: rgba(230, 234, 253,0.2);
    border-radius: 10px;
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 20px;
  }
  .table td .btn.btn-clean .svg-icon.svg-icon-md svg {
    height: 1.3rem !important;
    width: 1.3rem !important;
}


.mobile-view-card{
    width: 100%;
    max-width: 550px;
    display:none
}
.mobile-view-card .dash-notice div {
    padding: 3px 15px;
    line-height: 21px;
    font-size: 13px;
  }
  .mobile-view-card .mob-award-btn .btn{
      margin-top:5px;
  }
  .mobile-view-card .mob-award-btn .award-count {
    position: absolute;
    top: -9px;
    right: -10px;
    width: 20px;
    height: 20px;
    background-color: #FF7070;
    border: solid 3px #fff;
    border-radius: 100px;
    color: #fff;
    font-size: 8px;
    font-weight: 600;
    text-align: center;
    line-height: 14px;
  }
.mobile-view-card .POC-image{
    width:100%;
    border-right: solid 0px #DBE3F2;
}
.mobile-view-card .slick-next,
.mobile-view-card .slick-prev{
    bottom:-10px;
    top:unset;
    width: 32px;
    height: 32px;
    box-shadow:0px 1px 6px #E7EAF4!important;
    transition: 0.3s;
}
.mobile-view-card .slick-next{
    right: 0 !important;
    left: unset;
}
.mobile-view-card .slick-prev{
    right: 40px !important;
    left: unset;
}
.mobile-summary-slider.lastSlide .slick-prev{right: 0px !important;}
.mobile-view-card .slick-next:before,
.mobile-view-card .slick-prev:before{
    color: #AAAFD2 !important;
}
.mobile-view-card .slick-next.slick-disabled,
.mobile-view-card .slick-prev.slick-disabled{
    display:none!important;
}

.POCB-figure-img{
    border-radius: 1000px!important;
    overflow: hidden;
}
.mobile-view-Ulink a{
    text-decoration:underline
}
.mobile-view-Ulink a:hover{
    opacity:0.8
}
.autocomplete-items {
		position: absolute;
		border: 1px solid #ebf5ff;
		border-bottom: none;
		border-top: none;
		z-index: 99;
		top: calc(100% + 20px);
		left: -20px;
		right: 0;
		width: 320px;
		border-radius: 6px;
		overflow: hidden;
        max-height: 120px;
        overflow: auto;
	}

	.autocomplete-items div {
		padding: 10px;
		cursor: pointer;
		background-color: #fff;
		border-bottom: 1px solid #ebf5ff;
	}

	/*when hovering an item:*/
	.autocomplete-items div:hover {
		background-color: #ebf5ff;
	}

	/*when navigating through the items using the arrow keys:*/
	.autocomplete-active {
		background-color: DodgerBlue !important;
		color: #ffffff;
	}

    #kt_quick_search_toggle.show::after {
        content: "";
        position: absolute;
        top: -50vh;
        left: -100vw;
        width: 200vw;
        height: 150vh;
        background-color: #00000078;
        z-index: 9;
        transition: 0.3s;
      }
      .profile-overview-card .card-chart .symbol-badge {
        top: unset;
        bottom: 8px;
        width: 16px;
        height: 16px;
        position: absolute;
        border: 3px solid #ffffff;
        border-radius: 100%;
        right: 4px;
        box-shadow: 2px 2px 4px rgba(0,0,0,0.06);
      }
      .mobile-view-main-tabs {
        margin: 0px -16px;
        width:calc(100% + 32px);
      }
      .mobile-view-main-tabs .bootstrap-select .dropdown-toggle{
        background-color: #2F3C7A !important;
        border-radius: 0!important;
        padding: 12px 16px !important;
      }
      .mobile-view-main-tabs .bootstrap-select .dropdown-toggle,
      .mobile-view-main-tabs .bootstrap-select.show .dropdown-toggle,
      .mobile-view-main-tabs .bootstrap-select .dropdown-toggle:focus{border-color: #2f3c7a !important;}
      .mobile-view-main-tabs .bootstrap-select .btn.btn-light.dropdown-toggle::after {
        color: #fff;
        right: 7px;
        font-size: 11px;
        top: 1px;
      }
      .mobile-view-main-tabs .bootstrap-select .btn.dropdown-toggle .filter-option{padding-right:30px}
      .mobile-view-main-tabs .bootstrap-select .btn.dropdown-toggle .filter-option::before {
        content: " ";
        right: 50px;
        width: 1px;
        position: absolute;
        top: -9px;
        background-color: rgba(255, 255, 255,0.6);
        height: calc(100% + 18px);
        z-index: 20;
      }
      .mobile-view-main-tabs .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
        color: #fff !important;
      }
      .mobile-view-main-tabs .bootstrap-select .dropdown-menu{
        width: calc(100% - 26px) !important;
        min-width: calc(100% - 26px) !important;
        /* left: 13px !important; */
        right: 13px !important;
        margin: 12px 5px;
      }
      .mobile-view-main-tabs .bootstrap-select .dropdown-menu.inner{width: calc(100% - 10px) !important;}
      .mobile-view-main-tabs .bootstrap-select .bs-searchbox {
        padding: 0px !important;
        margin-bottom: 10px;
        margin-top: -7px;
        position:relative;
      }
      .mobile-view-main-tabs .bootstrap-select .bs-searchbox:after {
        content: "";
        font-family: Flaticon2;
        font-style: normal;
        font-weight: normal;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        color:#A0A4B7;
      }
      .mobile-view-main-tabs .bootstrap-select .bs-searchbox input{
          border-radius:0px!important;
          font-weight:300;
          border-width: 0px 0px 1px 0px;
          padding-right: 40px;
      }
      .mobile-view-main-tabs .bootstrap-select .bs-searchbox input:focus{border-color:#E4E6EF}
      .mobile-view-main-tabs .bootstrap-select .dropdown-menu.inner > li.active:not(.selected) > a {
        background: rgba(233, 241, 255,0.7);
      }
      .mobile-view-main-tabs .bootstrap-select .dropdown-menu.inner > li.active:not(.selected) > a .bs-icon,
      .mobile-view-main-tabs .bootstrap-select .dropdown-menu.inner > li.active:not(.selected) > a .text {
        color: #2e3b79;
      }
      .mob-view-add-btns .btn-light-primary{
        border-color:rgba(121, 166, 255, 0.44) !important
      }
      .award-carousel-modal .modal-dialog{
        max-width: 300px;
        margin: auto;
      }
      .modal.award-carousel-modal .modal-header .modal-title {
        font-size: 1.1rem;
    }

    .mobile-view-tabbtns {
        height: 38px;
        margin-top: 10px;
      }
    .mobile-view-tabbtns  .dash-tab-next{right:unset;left:40px;}
    .mobile-view-tabbtns  .dash-tab-prev{right:unset;left:0px;}


    .mobile-view-sub-tabs {
        margin: 0px ;
        width:auto;
      }
      .profiles-details .tab-content .mobile-view-sub-tabs .bootstrap-select .dropdown-toggle{
        background-color: #fff !important;
        padding: 6px 12px !important;
        width: 100%;
        border-width: 0px;
        border-radius: 5px !important;
      }

      .profiles-details .tab-content .mobile-view-sub-tabs .bootstrap-select .btn.btn-light.dropdown-toggle:hover::after,
      .profiles-details .tab-content .mobile-view-sub-tabs .bootstrap-select .btn:hover .filter-option-inner-inner {
        color: #2B345F !important;
      }
      .profiles-details .tab-content .mobile-view-sub-tabs .bootstrap-select .btn.btn-light.dropdown-toggle::after,
      .profiles-details .tab-content .mobile-view-sub-tabs .bootstrap-select .btn .filter-option-inner-inner {
        color: #404B84 !important;
      }

      .mobile-view-sub-tabs .bootstrap-select .btn.btn-light.dropdown-toggle::after{right:0!important}

      .mobile-view-sub-tabs .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
        color: #fff !important;
      }
      .mobile-view-sub-tabs .bootstrap-select .dropdown-menu{
        width: 100% !important;
        min-width: 220px !important;
        right: 0 !important;
        margin: 12px 5px;
        left: unset !important;
        margin:0!important;
      }
      .mobile-view-sub-tabs .bootstrap-select .dropdown-menu:not(.inner){
        transform: translate3d(0px, 35px, 0px)!important;
      }
      .mobile-view-sub-tabs .bootstrap-select .dropdown-menu.inner {
        width: 100% !important;
        margin: 0 !important;
        min-width: auto !important;
        font-size: 14px;
      }
      .mobile-view-sub-tabs .bootstrap-select .dropdown-menu.inner li a{
        padding: 7px 15px;
      }
      .mobile-view-sub-tabs .bootstrap-select .bs-searchbox {
        padding: 0px !important;
        margin-bottom: 10px;
        margin-top: -7px;
        position:relative;
      }
      .mobile-view-sub-tabs .bootstrap-select .bs-searchbox:after {
        content: "";
        font-family: Flaticon2;
        font-style: normal;
        font-weight: normal;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        color:#A0A4B7;
      }
      .mobile-view-sub-tabs .bootstrap-select .bs-searchbox input{
          border-radius:0px!important;
          font-weight:300;
          border-width: 0px 0px 1px 0px;
          padding-right: 40px;
      }
      .mobile-view-sub-tabs .bootstrap-select .bs-searchbox input:focus{border-color:#E4E6EF}
      .mobile-view-sub-tabs .bootstrap-select .dropdown-menu.inner > li.active:not(.selected) > a {
        background: rgba(233, 241, 255,0.7);
      }
      .mobile-view-sub-tabs .bootstrap-select .dropdown-menu.inner > li.active:not(.selected) > a .bs-icon,
      .mobile-view-sub-tabs .bootstrap-select .dropdown-menu.inner > li.active:not(.selected) > a .text {
        color: #2e3b79;
      }

      .appended-svg {
        top: -2px;
        position: relative;
      }
      .appended-svg svg {
        max-height:16px;
      }
    .element-active,
    .editing-current-element {
        position:relative;
        z-index: 1;
    }
    .element-active:after,
    .editing-current-element:after{
        content:"";
        position:absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        animation: blink-animation 2s infinite;
        -webkit-animation: blink-animation 2s infinite;
        z-index:-1;
    }

    @keyframes blink-animation {
        0% {
            border: dashed 1px #FFB300
        }
        50% {
            border: dashed 1px #FDEBC0
        }
        100% {
            border: dashed 1px #FFB300
        }
    }

    @-webkit-keyframes blink-animation {
        0% {
            border: dashed 1px #FFB300
        }
        50% {
            border: dashed 1px #FDEBC0
        }
        100% {
            border: dashed 1px #FFB300
        }
    }
    .drag-over.inner-drop-area{
        animation: blink-animation1 2s infinite;
        -webkit-animation: blink-animation1 2s infinite;
    }
    @keyframes blink-animation1 {
        0% {
            border-color:#B2BBCA;
            border-style: solid;
        }
        50% {
            border-color:#ECECEC;
            border-style: solid;
        }
        100% {
            border-color:#B2BBCA;
            border-style: solid;
        }
    }

    @-webkit-keyframes blink-animation1 {
        0% {
            border-color:#B2BBCA;
            border-style: solid;
        }
        50% {
            border-color:#ECECEC;
            border-style: solid;
        }
        100% {
            border-color:#B2BBCA;
            border-style: solid;
        }
    }
    /* #kt_page_sticky_card .card-header{transition:all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;} */
    #kt_page_sticky_card .dash-inner-tabs-parent,
    #kt_page_sticky_card .card-header{transition:all 0.2s;-webkit-transition: all 0.2s;}
    .main-card-tab-fixed{
        z-index: 101;
        top: 119px;
        left: 291px;
        right: 25px;
        box-shadow: rgba(69, 65, 78, 0.1) 0px 1px 15px 1px;
        background: rgb(255, 255, 255);
        position: fixed;
    }
    @media (max-width: 991px) {
    .main-card-tab-fixed{
        z-index: 90; top: 54px; left: 15px; right: 15px;
    }
    }
    .main-tab-chat-mgs .messages {
  height: calc(100vh - 322px);
}
.timeline-divider-date{
    padding-left: 70px;
    margin-bottom: 5px;
    color: #878ba6;
    font-size: 14px;
    font-weight: 500;
}
.timeline-divider-date i{font-size:13px;margin-right:5px}
.dash-timeline-tab .timeline-content a{color: rgba(133, 141, 191,0.7)}
.dash-chat-bubble{width:calc(100% - 60px);position:relative;}
.dash-chat-user {
    min-width: 60px;
    width: 60px;
    text-align: center;
    position:relative;
  }
  .dash-chat-bubble::after {
    content: '';
    position: absolute;
    visibility: visible;
    top: 20px;
    left: -5px;
    width: 10px;
    height: 10px;
    background-color: #dff7ea;
    transform: rotate(45deg);
    box-shadow: 0px 2px 0px rgba(36, 47, 41, 0.2);
  }
  .align-items-end .dash-chat-bubble::after {
    right: -5px;
    background-color: #e1f0ff;
    transform: rotate(45deg);
    box-shadow: 0px -2px 0px rgba(48, 55, 70,0.2);
    left: unset;
  }

  .dash-chat-bubble .rounded img {
    width: 100%;
  }
  .user-online-status {
    position: absolute;
    top: 10px;
    left: calc(50% + 10px);
    width: 11px;
    height: 11px;
    background-color: #ccc;
    border: solid 2px #fff;
    box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
    border-radius: 12px;
    z-index: 1;
  }

  .chat-user-pic-placeholder {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-color: #333;
    line-height: 36px;
    color: #fff;
    font-weight: 600;
    border-radius: 100px;
    border: solid 2px #fff;
    box-shadow: -2px 2px 5px rgba(0,0,0,0.2);
    font-size: 13px;
  }
  .chat-reply-box {
    background-color: rgba(87, 87, 87, 0.05);
    padding: 10px;
    margin-bottom: -15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    width: 100%;
    display: inline-block;
    box-shadow: -1px -1px 0px rgba(0, 0, 0,0.02);
    color: rgba(63, 66, 84, 0.7) !important;
    font-size: 13px;
    margin-bottom:5px;
    cursor:pointer;
  }
  .chat-reply-box:hover{color:rgba(63, 66, 84, 1)!important}

  .dash-chat-action .btn.btn-chat-action {
    padding: 0;
    line-height: 0;
    height: auto;
    opacity: 1;
    transition:all 0.3s
  }
  .dash-chat-action .btn.btn-chat-action i{
    padding: 0;
    font-size: 15px !important;
    color: #c9d2e4;
  }
 .dash-chat-item:hover  .dash-chat-action .btn {opacity:1}
.dash-chat-action .dropdown-menu{
    box-shadow: 0px 2px 7px rgba(82, 63, 105, 0.15);
    border:1px solid rgb(222, 230, 245)
 }
 .dash-chat-doc {
    display: flex;
    font-size: 13px;
    background-color:transparent;
    /* margin: -10px;
    padding: 10px; */
  }
  .dash-chat-doc span{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
 .dash-chat-doc figure img{
    width:25px!important;
    height:auto;
  }
  .bg-light-primary .dash-chat-doc{color:#fff}
  .bg-light-primary .dash-chat-doc .small{opacity:0.7;text-align:left}
  .dash-chat-doc .btn {
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 100px;
    padding: 0px;
    border: solid 1px #A3ACC6;
    background-color:transparent;
  }

  .dash-chat-doc .btn:hover i,
  .dash-chat-doc .btn:focus i,
  .dash-chat-doc .btn i{color:#A3ACC6!important}

  .bg-light-primary .dash-chat-doc .btn:hover i,
  .bg-light-primary .dash-chat-doc .btn:focus i,
  .bg-light-primary .dash-chat-doc .btn i{color:#fff!important}


  .bg-light-success .dash-chat-doc .btn:hover{
    border: solid 1px #A3ACC6 !important;
    background-color: transparent !important;
  }
  .bg-light-primary .dash-chat-doc .btn {
    border: solid 1px #fff;
  }
  .bg-light-primary .dash-chat-doc .btn:hover{
    border: solid 1px #fff;
  }
  .border-radius-0{border-radius:0!important}

  .chat-noti-timeline-wrapper .nav.nav-tabs.px-10,
  .chat-noti-timeline-wrapper .offcanvas-content.px-10{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  @media (max-width: 767px) {
  .dash-chat-action .dropdown-menu {
    transform: none !important;
    top: 100% !important;
    left: 0;
    width: calc(100% + 200px);
  }
  .dash-chat-bubble .font-size-lg {
    font-size: 0.95rem;
  }
  .main-tab-chat-mgs .messages {
    height: calc(100vh - 330px);
  }
  .chat-noti-timeline-wrapper .nav.nav-tabs.nav-tabs-line .nav-link{
    margin-right: 6px !important;
  }
}

.dash-chat-bubble .lightgallery{display:flex;margin:0px;flex-wrap:wrap;}
.dash-chat-bubble .lightgallery li.PD-certificate-item {
    margin: 5px;
    min-width: calc(50% - 10px)!important;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .AMC-inner {
    border: 1px solid rgba(235, 237, 243, 0.57);
    border-radius: 8px;
  }
  .add-menu-col-left,
  .add-menu-col-right{
      max-width:330px
  }
  .AMC-header {
    border-bottom: 1px solid rgba(235, 237, 243, 0.57);
    padding: 15px;
  }
  .AMC-body {
    padding: 15px;
  }
  .AMC-body li .dd-handle{width:100%}
  .AMC-body li .dd-handle img{
    max-width:16px;
    max-height:16px;
    margin-left:10px;
  }
  .AMC-header h3 {
  font-weight: 500;
  font-size: 1.15rem;
  color: #181C32;
  line-height:24px;
}
.AMC-inner .aside-menu .menu-nav > .menu-item .menu-link.menu-item-open > .menu-text{
    color:#3698ff !important;
}
.AMC-inner .aside-menu .menu-nav > .menu-item .menu-link:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover >  img,
.AMC-inner .aside-menu .menu-nav .menu-item .menu-link.menu-item-open .menu-icon img {
    filter: grayscale(0) brightness(1)!important;
  }
.AMC-inner .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading, .aside-menu .menu-nav > .menu-item > .menu-link.menu-item-open{
    background-color: rgba(54, 152, 255,0.07) !important;
  }
  .card-action-buttons .btn-icon svg path{
    fill: #ACB0C1;
    stroke: #ACB0C1;
}
  .card-action-buttons .btn-icon:hover svg path{
    fill: #3598ff;
    stroke: #3698ff;
}

.border-hover-primary:hover{border-color:#3698ff!important;}
.border-hover-light-primary:hover{border-color:rgba(71, 133, 255,0.15) !important;}

.AMC-menu-list {
    margin: -10px auto;
    max-height: calc(100vh - 550px);
    min-height:600px;
  }

.AMC-menu-draggble {
background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 82.5%);
border: 1px solid #F4F4F4;
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.04);
padding: 10px 15px;
border-radius: 6px;
line-height:normal;
color:#7A7992;
position:relative;
margin:10px auto;
font-size:15px
}
.menu-drop-zone .svg-icon svg,
.AMC-menu-draggble .svg-icon svg {
    height: 18px;
    width: auto;
  }
  .menu-drop-zone .svg-icon {
      line-height: 0;
  }

  .menu-drag-handle {
      cursor: grab
  }

  .AMC-menu-draggble:hover .menu-drag-handle path {
      fill: #2d3742;
  }

  .menu-accordion-item:hover,
  .AMC-menu-draggble:hover {
      background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 82.5%);
      border: 1px solid #DFEDFB;
      box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.04);
  }
  .PCS2-add-chaptor-wrapper .card .menu-accordion-item:after,
  .AMC-menu-draggble:after {
      transition: all 0.3s ease;
      content: "";
      position: absolute;
      left: 0px;
      bottom: 0;
      width: 3px;
      background-color: #3598ff;
      height: 0%;
  }
  .focused-editable-child.menu-accordion-item:after,
  .card-header.active .menu-accordion-item:after,
  .PCS2-add-chaptor-wrapper .card .menu-accordion-item:hover:after,
  .AMC-menu-draggble:hover:after {
      height: 100%;
  }
  /*.menu-accordion-item.active:after,
  .menu-accordion-item[aria-expanded="true"]:after{
   height:100%!important;
   background-color:#c7daff!important;
  }*/

  .menu-accordion-item.active:after, .menu-accordion-item[aria-expanded="true"]:after {
    height: 100%!important;
    background-color: #3598ff!important;
}
  .AMC-search-input {
      margin: 10px -15px -16px -15px;
      width: calc(100% + 30px);
  }

  .AMC-search-input .form-control {
      border-width: 1px 0px 1px 0px;
      border-radius: 0;
      border-color: rgba(235, 237, 243, 0.57)
  }

  .form-control-position {
      line-height: 3.2rem;
      position: absolute;
      z-index: 2;
      top: 2px;
      right: 5px;
      display: block;
      width: 2.5rem;
      height: 2.5rem;
      text-align: center;
  }

  .has-icon-rightfull-width .form-control {
      padding-right: calc(2.75rem + 2px);
  }

  .menu-drop-zone .menu-acccordion-parent {
      /* height: calc(100vh - 550px); */
      height: calc(100vh - 412px);
      min-height: 450px;
  }
  .p-breadcrumbs *,
  .kt_show_policy_sec .custom-offcanvas-header *,
  .policy-create-step3-card .PCS2-col-left .menu-accordion-item *,
  .PCS2-row .PCS2-col.PCS2-col-center h1.h5.card-label,
  .PCS2-col-center > .d-flex.border-bottom .align-items-baseline *,
  .PCS2-row .accordion{word-break:break-word}
  .kt_show_policy_sec .p-breadcrumbs *{white-space:normal!important}
  .PCS2-row .menu-drop-zone .menu-acccordion-parent{padding-top:1px;padding-bottom:1px;}
  .add-menu-col-right .AMC-body {
      height: calc(100vh - 310px);
      min-height: 500px;
  }

  .menu-drop-zone .menu-acccordion-parent .card {
      border-left: solid 1px #DFEDFB;
  }

  .menu-drop-zone .accordion.accordion-toggle-arrow .card .card-header .card-title::after {
      color: #7E8299;
  }

  .menu-drop-zone .accordion .card .card-header .card-title {
      font-weight: normal;
      color: rgba(63, 66, 84, 0.9);
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease;
  }

  .menu-accordion-item {
      padding: 15px 35px 15px 15px;
      border-radius: 5px;
      background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 82.5%);
      border: 1px solid #F4F4F4;
      box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.04);
      margin-bottom: 15px;
  }

  .menu-drop-zone .accordion .card .card-header {
      box-shadow: none
  }

  .menu-drop-zone .accordion.accordion-light .card {
      border: 0 !important;
  }

  .PCS2-add-chaptor-wrapper .menu-acccordion-parent .accordion,
  .menu-drop-zone .accordion-level-2,
  .menu-drop-zone .accordion-level-3,
  .menu-drop-zone .accordion-level-4 {
      margin: 0px 0px 0px 30px !important;
  }
  .PCS2-add-chaptor-wrapper .menu-acccordion-parent .accordion .cli-title,
  .menu-drop-zone .accordion-level-2 .cli-title,
  .menu-drop-zone .accordion-level-3 .cli-title,
  .menu-drop-zone .accordion-level-4 .cli-title {
      font-size: 1.15rem;
      padding-right:5px;
  }

  .PCS2-add-chaptor-wrapper .menu-acccordion-parent .card > .accordion .card-title:before,
  .menu-drop-zone .accordion-level-2 .card-title:before {
      content: "";
      width: 10px;
      height: 10px;
      border-radius: 100px;
      background-color: rgba(164, 163, 180, 0.6);
      left: 7px;
      position: relative;
      margin-right: 5px;
      margin-left: 5px;
  }

  .after-none:after {
      display: none !important
  }

  .menu-user-type {
      padding: 0px 15px;
      margin: -15px -15px 15px -15px;
      background-color: rgba(44, 146, 255, 0.05);
      position: relative;
      display: flex
  }

  .menu-user-type ul {
      margin: 0px 0px 0px 0px !important;
  }

  .menu-user-type ul li {
      margin: 0px 10px 0px 0px;
      border-left: solid 1px #D6EAFF;
      padding: 5px 10px 5px 10px;
  }

  .menu-user-type ul li:first-child {
      border-left: 0;
      padding-left: 0
  }

  .menu-user-type ul li label {
      font-size: 14px;
      line-height: 25px;
      color: #7A7992;
      display: flex;
      cursor: pointer;
      white-space: nowrap;
  }

  .menu-user-type ul li .switch input:checked~span::before {
      background-color: #4F8AFF;
  }

  .menu-user-type ul li .switch input:checked~span:after {
      background-color: #fff
  }

  .menu-user-type ul li .switch.switch-sm input:empty~span {
      height: 22px
  }

  .menu-user-type ul li .switch.switch-sm input:empty~span::after {
      height: 18px;
      width: 18px;
  }

  .menu-user-type ul li .switch.switch-sm input:checked~span::after {
      margin-left: 17px;
  }

  .menu-user-type .menu-check-next {
      right: 10px;
      z-index: 11
  }

  .menu-user-type .menu-check-prev {
      left: 10px;
      right: unset;
      z-index: 11
  }

  .menu-user-type .menu-check-next,
  .menu-user-type .menu-check-prev {
      width: 25px;
      height: 25px;
      border-color: #BCC6D3;
      background-color: #fff;
      transition: 0.3s;
      box-shadow: 0px 0px 5px rgba(52, 58, 68, 0.2);
      position: relative;
      align-self: center;
      top: unset;
      left: unset;
      bottom: unset;
      right: unset;
      transform: none;
      min-width: 25px;
      min-height: 25px;
  }

  .menu-user-type .menu-check-next:before,
  .menu-user-type .menu-check-prev:before {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 10px;
      color: #DDE6F1;
      transition: 0.3s;
  }

  .menu-user-type .menu-check-next:hover,
  .menu-user-type .menu-check-prev:hover {
      border-color: #93B5FA;
  }

  .menu-user-type .menu-check-next:hover:before,
  .menu-user-type .menu-check-prev:hover:before {
      color: #93B5FA;
  }

  .other-icon-list-wrapper {
      border: 1px solid #E4E6EF;
      border-radius: 5px;
  }

  .other-icon-list {
      display: flex;
      flex-wrap: wrap;
      margin: 0px -5px;
      max-height: 200px;
  }

  .other-icon-item {
      position: relative;
      margin: 5px;
      min-width: calc(65px - 10px);
      text-align: center;
  }

  .other-icon-list-wrapper .other-icon-item {
      min-width: calc(65px - 13px);
  }

  .other-icon-item figure {
      padding: 12px;
      position: relative;
      border: 1px solid transparent;
  }

  .other-icon-item figure svg {
      max-height: 22px;
      max-width: 19px;
  }

  .other-icon-item input {
      display: none
  }

  .other-icon-item:hover figure,
  .other-icon-item input:checked~label figure {
      background: #FFFFFF;
      border: 1px solid #EBEDF3;
      box-shadow: 2px 2px 9px rgba(232, 232, 255, 0.48);
      border-radius: 5px;
  }

  .add-sec-modal .other-icon-item input~label figure {
      border: solid 1px transparent;
      line-height: 0;
  }

  .add-sec-modal .other-icon-item input~label:hover figure,
  .add-sec-modal .other-icon-item input:checked~label figure {
      border-color: #A3C2FF;
      box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.04), 0px 3.63672px 6.74023px rgba(0, 0, 0, 0.032375), 0px 2.53125px 4.35938px rgba(0, 0, 0, 0.027), 0px 1.66016px 2.70508px rgba(0, 0, 0, 0.023125), 0px 1px 1.625px rgba(0, 0, 0, 0.02), 0px 0.527344px 0.966797px rgba(0, 0, 0, 0.016875), 0px 0.21875px 0.578125px rgba(0, 0, 0, 0.013), 0px 0.0507812px 0.306641px rgba(0, 0, 0, 0.007625);
  }

  .other-icon-item label {
      cursor: pointer;
      margin: 0;
  }

  .other-icon-item .other-icon-del:hover,
  .other-icon-item .other-icon-del:focus {
      background-color: #FFD0D5 !important;
  }

  .other-icon-item .other-icon-del svg {
      stroke: #f44;
      height: 10px;
      width: 10px;
  }

  .other-icon-item .other-icon-del {
      position: absolute;
      top: -6px;
      right: -6px;
      width: 20px;
      height: 20px;
      border-radius: 100px;
      opacity: 0;
      transition: all 0.3s;
  }

  .other-icon-item input:checked~label .other-icon-del {
      opacity: 1
  }


  .menu-drop-zone .accordion.accordion-light .card.has-submenu-node::after {
      border-left: solid 1px #DFEDFB !important;
      left: 0;
      position: absolute;
      content: "";
      top: 0;
      height: calc(100% - 50px);
  }

  .menu-drop-zone .accordion.accordion-level-2 .card::after {
      border-left: solid 1px #DFEDFB !important;
      left: 0;
      position: absolute;
      content: "";
      top: 0;
      height: calc(100% - 50px);
  }

  .menu-drop-zone .accordion.accordion-level-2 .card:before {
      border-left: solid 1px #DFEDFB !important;
      left: 0;
      position: absolute;
      content: "";
      top: 0;
      height: calc(100% - 50px);
  }

  .menu-drop-zone .accordion.accordion-level-2 .card::after {
      border-left: solid 1px #DFEDFB !important;
      left: -30px;
      position: absolute;
      content: "";
      top: 0;
      width: 30px;
      height: 30px;
      border-bottom: solid 1px #DFEDFB !important;
      border-bottom-left-radius: 6px;
  }

  .menu-drop-zone .accordion.accordion-level-3 .card::after {
      border-left: solid 1px #DFEDFB !important;
      left: 0;
      position: absolute;
      content: "";
      top: 0;
      height: calc(100% - 50px);
  }

  .menu-drop-zone .accordion.accordion-level-3 .card:before {
      border-left: solid 1px #DFEDFB !important;
      left: 0;
      position: absolute;
      content: "";
      top: 0;
      height: calc(100% - 50px);
  }

  .menu-drop-zone .accordion.accordion-level-3 .card::after {
      border-left: solid 1px #DFEDFB !important;
      left: -30px;
      position: absolute;
      content: "";
      top: 0;
      width: 30px;
      height: 30px;
      border-bottom: solid 1px #DFEDFB !important;
      border-bottom-left-radius: 6px;
  }

  .add-menu-col-right .menu-link.menu-item-open>.menu-arrow::before {
      -webkit-transform: rotateZ(90deg) !important;
      transform: rotateZ(90deg) !important;
  }

  .add-menu-col-right .has-right-menu:hover>.menu-link .menu-arrow,
  .add-menu-col-right .Level2-menu .has-right-menu:hover>.menu-link .menu-arrow {
      transform: translateY(-50%) rotate(180deg);
  }

  .project-kanban-tabs {
      border-bottom: solid 1px #E5E5FB;
  }

  .scroll-tab-parent .nav.nav-pills .nav-link:not(.border-bottom-tabs-3 .nav-link),
  .project-kanban-tabs .nav.nav-pills .nav-link {
      margin-bottom:0;
      border-bottom: 1px solid rgba(203, 203, 229, 0);
      padding-left: 4px;
      padding-right: 4px;
      margin-left: 1rem;
      margin-right: 1rem;
  }

  .scroll-tab-parent .nav.nav-pills .nav-item:first-child .nav-link:not(.border-bottom-tabs-3 .nav-item:first-child .nav-link),
  .project-kanban-tabs .nav.nav-pills .nav-item:first-child .nav-link {
      margin-left: 0rem !important;
  }

  .scroll-tab-parent .nav.nav-pills .nav-link.active:not(.border-bottom-tabs-3 .nav-link.active),
  .project-kanban-tabs .nav.nav-pills .nav-link.active {
      border-width: 1px;
      border-color: #4785FF;
  }

  .task-kanban-filter .select2-container {
      min-width: 140px;
  }

  .task-kanban-filter .icon-md {
      font-size: 1.1rem !important;
  }

  .task-kanban-filter .svg-icon.svg-icon-md svg {
      height: 1.2rem !important;
      width: 1.2rem !important;
  }

  .task-kanban-filter .btn-hover-light-primary:hover .svg-icon.svg-icon-md svg path {
      stroke: #4785FF !important;
  }

  .task-kanban-filter .align-self-center {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      min-width: 0;
      max-width: 100%;
  }

  /* .task-kanban-card .border-bottom-tabs li .nav-link .nav-text {
      font-size: 16px
  } */

  .card-body-padding {
      padding: 2.25rem !important;
  }

  .card-body-padding-x {
      padding-left: 2.25rem !important;
      padding-right: 2.25rem !important
  }
  .card-body-padding-top {
      padding-top: 2.25rem !important;
  }

  .card-body-margin-n-x {
      margin-left: -2.25rem !important;
      margin-right: -2.25rem !important
  }

  .btn-border-dash-primary,
  .btn-border-dash-primary:hover {
      color: #4785FF
  }

  .btn-border-dash-primary i {
      border: dashed 1px #CDDBFF;
      padding: 0;
      border-radius: 100px;
      width: 22px;
      height: 22px;
      text-align: center;
      position: relative;
      font-size: 14px;
      color: #4785FF;
      background-color: #FBFCFE;
  }

  .btn-border-dash-primary:hover i {
      background-color: #4785FF;
      color: #fff;
      border: solid 1px #4785FF;
  }

  .btn-border-dash-primary i::before {
      left: 50%;
      top: 50%;
      position: absolute;
      transform: translate(-50%, -50%);
  }

  .kanban-card {
      width: 380px;
      max-width: 380px;
      min-width: 380px;
      min-height: 500px;
      position: relative
  }

  .bg-lemon-o-10 {
      background-color: #FCFDF5 !important;
  }

  .kanban-cards-wrapper.ps-container.ps-active-x>.ps-scrollbar-x-rail,
  .kanban-cards-wrapper.ps-container.ps-active-y>.ps-scrollbar-y-rail {
      background-color: #D2DEE7 !important;
      opacity: 1 !important;
      bottom: 0 !important;
      height: 6px !important;
  }

  .kanban-cards-wrapper.ps-container.ps-active-x>.ps-scrollbar-x-rail .ps-scrollbar-x,
  .kanban-cards-wrapper.ps-container.ps-active-y>.ps-scrollbar-y-rail .ps-scrollbar-x {
      background-color: #466EDE !important;
      height: 6px !important;
  }

  .kanban-card-count span {
      width: 23px;
      height: 23px;
      background-color: #EEF2FD;
      border-radius: 100px;
      line-height: 23px;
      color: #3698ff;
      display: inline-block;
      text-align: center;
      font-weight: 600;
  }

  .kanban-card-add-unit {
      width: 27px;
      height: 27px;
      border-radius: 30px;
      line-height: 27px;
  }

  .kanban-card-add-unit.btn.btn-hover-light-primary:hover {
      color: #4785FF !important;
      background-color: #E1F0FF !important;
      border-color: transparent !important;
  }

  .kanban-card-add-unit.btn.btn-hover-light-primary:hover path {
      stroke: #4785FF !important;
  }

  .kanban-card-drag.btn.btn-hover-light-primary:hover path {
      fill: #4785FF !important;
  }

  .kanban-main-card-actions .btn:not(.kanban-card-add-unit) {
      opacity: 0;
      transition: all 0.3s
  }

  .kanban-card:hover .kanban-main-card-actions .btn {
      opacity: 1
  }

  .column-theme-header svg path {
      stroke: #80859F
  }

  .saved-colour-tabs li a i {
      font-size: 14px
  }

  .saved-colour-tabs .nav-text {
      opacity: 0.8
  }

  .saved-colour-tabs .nav-text.active {
      opacity: 1
  }

  .color-set-wrap {
      display: flex;
      padding: 5px;
      border-radius: 100px;
      border: 0.5px solid transparent;
      box-shadow: 0px 1px 6px transparent;
  }

  .color-set-wrap div {
      width: 21px;
      min-width: 21px;
      height: 21px;
      border-radius: 100px;
  }

  .color-theme-option input:checked~.color-set-wrap {
      border: 0.5px solid #E0E3EC!important;
      box-shadow: 0px 1px 6px #EEEFF3;
  }

  .color-theme-options .color-theme-option {
      margin: 3px 6px 3px 0px;
  }

  .color-theme-options {
      max-height: 80px;
  }

  .kanban-inner-card-list {
      /* max-height: 450px; */
      margin-left: -25px;
      margin-right: -25px;
      padding: 7px 20px 0px 20px;
  }

  .kanban-inner-card {
      width: 100%;
      min-height: 200px;
      background-color: #fff;
      padding: 20px;
      box-shadow: 0px 1px 5px rgba(225, 225, 240, 0.55);
      border-radius: 5px;
      margin: 20px 5px 7px 5px;
      position: relative;
      cursor: pointer;
  }

  .kanban-inner-card:first-child {
      margin-top: 0
  }

  .kanban-inner-card-list.ps-container.ps-active-y>.ps-scrollbar-y-rail {
      background-color: #E5E5FB !important;
      opacity: 1 !important;
      width: 1px !important;
      height: 100% !important;
  }

  .kanban-inner-card-list.ps-container.ps-active-y>.ps-scrollbar-y-rail .ps-scrollbar-y {
      background-color: #D8E4F1 !important;
      width: 4px !important;
      left: -1px;
  }

  .cc-canvas {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10002;
      cursor: none;
      opacity: 0;
  }

  .cc-image {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 10001;
      cursor: none;
      opacity: 0;
  }

  .cc-cursor {
      position: absolute;
      z-index: 10003;
      width: 120px;
      height: 120px;
      cursor: none;
      pointer-events: none;
  }

  .cc-cursor-eye {
      position: absolute;
      /* 	top: -5px;
left: -5px; */
      width: 20px;
      height: 20px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='100%25' height='100%25'%3E%3Cg stroke='%23000' stroke-width='8'%3E%3Cpath d='m 0 50 l 25 0'%3E%3C/path%3E%3Cpath d='m 100 50 l -25 0'%3E%3C/path%3E%3Cpath d='m 50 100 l 0 -25'%3E%3C/path%3E%3Cpath d='m 50 0 l 0 25'%3E%3C/path%3E%3C/g%3E%3Ccircle cx='50' cy='50' r='25' fill='none' stroke='%23000' stroke-width='5'%3E%3C/circle%3E%3C/svg%3E");
  }

  .cc-cursor-blob {
      position: absolute;
      top: 0;
      left: 1px;
      width: 120px;
      height: 120px;
      border: 1px solid #000;
      border-radius: 50%;
      overflow: hidden;
      mix-blend-mode: screen;
  }

  .cc-cursor-blob-grid::before {
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      width: 120px;
      height: 120px;
      background-size: 12px 12px;
      background-position: 4px 4px;
      background-image: linear-gradient(to right, #fff 1px, transparent 1px),
          linear-gradient(to bottom, #fff 1px, transparent 1px);
      opacity: 0.5;
      /* 	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='100%' height='100%'%3E%3Cg stroke='%23fff' stroke-width='1' fill='none'%3E%3Cpath d='m 0 0 l 100 0 l 0 100 l -100 0 z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); */
      z-index: 1;
      mix-blend-mode: difference;
  }

  .cc-cursor-blob::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 120px;
      height: 120px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 105 105' width='100%25' height='100%25'%3E%3Cg stroke='%23ff0000' stroke-width='1' fill='none'%3E%3Cpath d='m 45 45 l 10 0 l 0 10 l -10 0 z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
      z-index: 2;
  }

  .cc-blob-image {
      position: absolute;
      top: 40px;
      left: 40px;
      transform: scale(12);
      image-rendering: pixelated;
  }

  .wrap {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding: 15px;
      background: #222;
      border-radius: 4px;
      border: 10px solid transparent;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  }

  .minicolors_wrap {
      position: relative;
  }

  .minicolors_wrap .minicolors {
      width: 100% !important;
  }

  .minicolors_eyedropper {
      cursor: pointer;
      position: absolute;
      top: 0px;
      right: 0px;
      height: 100%;
      width: 35px;
      color: #ddd;
      padding: 2px 0 0 6px;
      font-size: 14px;
      background: linear-gradient(315.69deg, #DBDFE7 -299.61%, rgba(219, 223, 231, 0) 86.52%);
      border: 1px solid #EBEDF3;
      border-radius: 8px;
  }

  .minicolors_eyedropper svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 15px;
  }

  .kanban-card .minicolors-theme-default .minicolors-input {
      height: auto;
      width: calc(100% - 80px);
      margin-left: 40px;
      padding-left: 0.75rem;
      border-radius: 6px;
  }

  .kanban-card .minicolors-swatch {
      top: 0 !important;
      left: 0 !important;
      height: 100% !important;
      width: 35px !important;
      border-radius: 3px 0 0 3px !important;
      border: 0 !important;
      overflow: hidden;
      cursor: pointer;
  }

  .kanban-card .minicolors-swatch {
      pointer-events: none;
  }

  .kanban-card .minicolors-swatch-color {
      border-radius: 5px;
      pointer-events: none;
  }

  .theme-color-circle {
      width: 8px;
      height: 8px;
      display: inline-block;
      border-radius: 100px;
      transition: all 0.1s;
  }


  [aria-expanded="true"] .theme-color-circle {
      width: 14px;
      height: 14px;
      min-width: 14px;
      min-height: 14px;
      position: relative;
  }
  .kanban-template-theme-selector .btn .theme-color-circle{
      width: 10px;
      height: 10px;
      min-width: 10px;
      min-height: 10px;
  }
 .kanban-template-theme-selector [aria-expanded="false"] .theme-color-circle .theme-color-circle-after,
  [aria-expanded="true"] .theme-color-circle .theme-color-circle-after {
      position: absolute;
      left: -5px;
      right: -5px;
      top: -5px;
      bottom: -5px;
      border: solid 2px;
      border-radius: 100px;
  }

  [aria-expanded="true"] h5 {
      display: none
  }

  .kanban-card-header input.h5 {
      padding: 0;
      height: auto;
      border-width: 0px 0px 1px 0px;
      border-radius: 0;
      background-color: transparent;
      border-color: #ADADCC !important;
  }

  [aria-expanded="true"] input.h5 {
      display: block !important;
  }
  .str-config-levels.kanban-config-levels li > .d-flex:hover .set-completed-kanban-column .checkbox input ~ *{
    opacity:1;
    transition:0.3s;
}
  .set-completed-kanban-column .checkbox input:checked ~ *{
    filter:grayscale(0)
}
.set-completed-kanban-column .checkbox input ~ *{
    opacity:0;
    transition:0.3s;
    filter:grayscale(100)
}
  .kanban-flag-action label svg {
      height: 13px;
      width: 13px;
  }

  .kanban-flag-action input:checked~label svg {
      fill: #FF6A6A
  }

  .kanban-flag-action input:checked~label svg path {
      stroke: #FF6A6A !important
  }

  .btn-light-dotted-plus {
      width: 30px;
      min-width: 30px;
      height: 30px;
      border-radius: 30px;
      border: dashed 1px #CCD0DE;
      padding: 0;
      position: relative;
  }
  .btn-light-dotted-plus.w25px {
      width: 25px;
      min-width: 25px;
      height: 25px;
  }

  .btn-light-dotted-plus i {
      padding: 0px;
      color: #CCD0DE;
      font-size: 15px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%)
  }

  .btn-light-dotted-plus:hover {
      border: solid 1px #CDDBFF;
  }

  .btn-light-dotted-plus:hover i {
      color: #3698FF;
  }

  .kanban-more-actions {
      opacity: 0;
      transition: all 0.3s;
      width: 0;
  }

  .kanban-inner-card:hover .kanban-more-actions {
      opacity: 1;
      width: 24px;
  }

  .kanban-more-actions:hover svg path {
      fill: #4785FF
  }

  .kanban-inner-card .kanban-innerCard-colorpicker {
      width: 0;
      opacity: 0;
      transition: 0.2s
  }

  .kanban-inner-card:hover .kanban-innerCard-colorpicker {
      width: 23px;
      opacity: 1;
  }

  .kanban-inner-card:hover .kanban-innerCard-colorpicker {
      width: 23px;
      opacity: 1;
  }

  .kanban-inner-card .kanban-innerCard-header [aria-expanded="true"] {
      margin-right: 5px
  }

  .kanban-add-innerCard .btn {
      padding: 0px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: 30px;
      height: 30px;
      box-shadow: 0px 2px 5px #DFE5F4;
      background-color: #fff;
      border-radius: 100px;
      text-align: center;
      line-height: 18px;
      transition: all 0.3s;
      opacity: 0;
      bottom: -22px;
      z-index: 1;
  }

  .kanban-inner-card:hover .kanban-add-innerCard .btn {
      opacity: 1;
  }

  .kanban-inner-card:hover .kanban-add-innerCard .btn:hover {
      border: solid 1px #CDDBFF;
  }

  .kanban-inner-card .kanban-add-innerCard .btn:hover i {
      color: #3698FF;
  }

  .kanban-add-Card-hover .btn {
      padding: 0px;
      position: absolute;
      right: -7px;
      width: 30px;
      height: 30px;
      box-shadow: 0px 2px 5px #DFE5F4;
      background-color: #fff;
      border-radius: 100px;
      text-align: center;
      line-height: 18px;
      transition: all 0.3s;
      opacity: 0;
      top: calc(50% + 30px);
      z-index: 1;
      transform: translateY(-50%);
  }

  .kanban-card:hover .kanban-add-Card-hover .btn {
      opacity: 1;
  }

  .kanban-card:hover .kanban-add-Card-hover .btn:hover {
      border: solid 1px #CDDBFF;
  }

  .kanban-card .kanban-add-Card-hover .btn:hover i {
      color: #3698FF;
  }



  .kanban-empty-card .btn.kanban-add-new-list {
      background-color: #F7FAFE;
      border: 1px dashed rgba(171, 169, 200, 0.61);
      border-radius: 5px;
      width: 100%;
      justify-content: center;
  }

  .kanban-innerCard-status {
      padding: 0px;
      border-radius: 100px;
      width: 30px;
      height: 30px;
      pointer-events: none;
  }

  .kanban-comment-smileys-comment {
      margin-top: -10px;
      margin-left: -5px;
      margin-right: -5px;
  }

  .comment-user-list-item {
      margin: 12px 0px;
      display: block;
      width: 100%;
      transition: all 0.3s
  }

  .comment-user-list-item:hover {
      opacity: 0.8
  }

  .comment-user-list-item:first-child {
      margin-top: 10px;
  }

  .comment-user-list-wrapper {
      max-height: 220px;
      overflow: auto
  }

  .comment-user-list-item .card-list-icon {
      position: relative
  }

  .comment-overlay-user {
      position: absolute;
      z-index: 1;
      right: -5px;
      bottom: 5px;
  }

  .pregress-dash-list .progress-dash {
      margin: 0 3px;
      width: 10px;
      height: 4px;
      border-radius: 10px;
      background-color: #E8E8FF;
  }

  .kanban-save-template .kanban-save-template-icon {
      width: 22px;
      height: 22px;
      line-height: 17px;
      border-radius: 20px;
      background: #FBFCFE;
      border: 1px solid #EFF2FB;
  }

  .kanban-save-template:hover .kanban-save-template-icon {
      background: rgba(71, 133, 255, 0.1);
      border: 1px solid RGBa(71, 133, 255, 0.1);
  }

  .kanban-save-template .kanban-save-template-icon svg path {
      fill: transparent;
      stroke: #797B87;
  }

  .kanban-save-template:hover .kanban-save-template-icon svg path {
      fill: #4785FF;
      stroke: #4785FF;
  }

  .kanban-save-template {
      color: #7A7992
  }

  .noPic-first-child ul li:first-child .img-select2-user {
      display: none
  }

  .add-multiple-task-modal:not(.show) {
      display: block !important;
      z-index: -1;
  }

  /* .modal-open .add-multiple-task-modal.show {
    z-index: 9981;
  } */

  .recently-added-task-inner {
      box-shadow: 0px 1px 5px rgba(225, 225, 240, 0.55);
      border-radius: 5px;
      margin: 10px;
      padding: 25px;
      border-style: solid;
      border-width: 1px 1px 1px 4px;
      border-color: #eee;
      height: calc(100% - 20px);
      text-align: left
  }

  .recently-added-task-inner.adding-task {
      border-color: #FFDE79;
  }

  .recently-added-task-inner.added-task {
      border-color: #98BAFF;
  }

  .add-multiple-task-modal .slick-prev {
      left: -35px;
  }

  .add-multiple-task-modal .slick-next {
      right: -35px;
  }

  .recently-added-task-inner .btn.edit-added-task:hover path {
      fill: #4997FF
  }

  .recently-added-task-inner .btn.delete-added-task:hover path {
      stroke: #4997FF
  }

  .modal-recent-task-carousel .slick-track {
      display: flex
  }

  .modal-recent-task-carousel .recently-added-task-item {
      height: inherit !important;
  }

  .AC-cluster-collapse {
      width: 100%;
      position: relative;
  }

  .AC-cluster-collapse.collapsed:after,
  .default-arrow-collapse:after,
  .recent-tasks-collapse:after {
      content: "\f1be";
      font-family: Flaticon2;
      font-style: normal;
      font-weight: normal;
      position: absolute;
      right: 8px;
      top: 0px;
      color: #a7a9b1;
      transform: rotate(90deg);
      font-size: 14px;
      transition: all 0.3s;
  }

  .AC-cluster-collapse.collapsed:after,
  .default-arrow-collapse.collapsed:after,
  .recent-tasks-collapse.collapsed:after {
      transform: rotate(-90deg);
  }
  .default-arrow-collapse.default-arrow-collapse-top50::after{
    top:50%;
    transform:translateY(-50%) rotate(-90deg)
 }
  .default-arrow-collapse.default-arrow-collapse-top50.collapsed::after{
    top:50%;
    transform:translateY(-50%) rotate(180deg)
 }
  .AC-cluster-collapse.collapsed {
      background-color: #4785FF;
      color: #fff !important;
      padding: 12px 20px;
      border-radius: 4px;
  }

  .AC-cluster-collapse.collapsed::after {
      color: #fff;
      right: 12px;
      top: 12px;
  }

  .col.view-task-modal-left {
      border-right: solid 1px #E4E8F8;
  }

  .view-task-modal-right {
      max-width: 395px;
  }

  .task-check-list-wrapper li label {
      font-size: 14px !important
  }

  .default-delete-btn:hover svg path {
      stroke: #FF7070
  }
  .view-task-modal .default-delete-btn:not(:hover) img {
      filter:grayscale(1);
      opacity:0.8;
  }

  .task-check-list-wrapper ul li {
    border-top: 1px solid var(--border-light-v2);
    border-radius: 0;
    padding-top: 15px;
    margin-top: 15px;
  }
  .task-check-list-wrapper ul li:first-child{
    border:0;
    padding-top: 0px;
    margin-top: 0px;
  }

  .task-check-list-wrapper ul li .checkbox>input:checked~div .TCL-title {
      text-decoration: line-through;
  }

  .task-check-list-wrapper.sub-task-check-list-wrapper ul li .checkbox>input:checked~div {
      text-decoration: none;
  }

  span.input-with-clear {
      position: relative;
      display: inline-flex;
      align-items: center;
  }

  span.input-with-clear span {
      position: absolute;
      display: block;
      right: 15px;
      width: 15px;
      height: 15px;
      border-radius: 50%;
      color: #fff;
      text-align: center;
      line-height: 1em;
      cursor: pointer;
  }

  span.input-with-clear input {
      padding-right: 35px;
      box-sizing: border-box;
      padding-top: 7px;
      padding-bottom: 7px;
      height: auto;
  }

  .task-check-list-wrapper ul {
      max-height: 200px
  }

  .modal-body-padding {
      padding: 1.75rem
  }

  /* .task-info-main-scroll{max-height:calc(100vh - 100px)} */
  .task-info-comment-summary li {
      position: relative
  }

  .d-flex.task-info-comment-summary li::after {
      content: "";
      position: absolute;
      right: -10px;
      width: 4px;
      height: 4px;
      background-color: #7A7992;
      top: 50%;
      transform: translateY(-50%);
      border-radius: 10px;
  }

  .d-flex.task-info-comment-summary li:last-child::after {
      display: none
  }

  .view-task-modal .close {
      position: absolute;
      z-index: 1;
      right: 15px;
      top: 15px;
  }

  .emojionearea,
  .emojionearea.form-control {
      border-color: #E5E5FB !important;
      box-shadow: none !important;
  }

  .emojionearea-editor {
      min-height: 37px !important;
      padding: 8px 24px 6px 12px !important
  }

  body .emojionearea .emojionearea-button {
      top: 8px !important;
      right: 38px !important;
  }

  .task-info-comment-reply-collapse .send-button,
  .task-info-add-comment .send-button {
      position: absolute;
      right: 7px;
      top: 20px;
      transform: translateY(-50%);
      line-height: normal;
      margin: 0px;
  }

  .taskInfo-add-comment-attch:hover path {
      stroke: #777
  }

  .taskInfo-add-comment-attch label {
      position: absolute;
      right: 70px;
      top: 20px;
      transform: translateY(-50%);
      line-height: normal;
      margin: 0px;
  }

  .task-info-comment-collapse ul {
      max-height: 240px
  }

  .task-info-comment-collapse ul li:not(.task-info-comment-summary li) {
      margin: 10px 0px;
  }

  .task-info-comment-collapse ul li input:checked~svg {
      fill: #FFA1A1;
  }

  .task-info-comment-collapse ul li input:checked~svg path {
      stroke: #FFA1A1;
  }

  .task-info-activity {
      /* background-color: rgba(229, 229, 251, 0.25); */
  }

  .task-info-activity .btn {
      border: 1px solid #EBEDF3;
      padding: 0px 12px;
      /* width: auto; */
      height: 34px;
      line-height: 34px;
      font-size: 13px;
  }

  .task-info-activity .input-group .btn:hover {
      background-color: #fff !important
  }

  .task-info-activity .bootstrap-select>.dropdown-toggle.btn-light {
      border-color: #E4E6EF !important
  }

  .task-info-activity .input-group .btn:not(.input-group-prepend .btn) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      line-height: 28px;
  }

  .task-info-activity .bootstrap-select .dropdown-menu.inner>li>a .text {
      white-space: nowrap;
      font-size: 13px;
  }

  .task-info-activity .btn:after {
      top: 3px
  }

  .task-info-activity .btn:hover {
      border-color: #E1F0FF !important;
      background-color: #E1F0FF !important
  }

  .task-info-activity .btn:hover path {
      stroke: #2C92FF
  }

  .task-info-activity-list ul {
      max-height: 220px !important;
  }

  .task-info-activity-list ul li {
      margin: 5px 0 !important;
      padding: 15px 0;
      border-top: solid 1px #eee
  }

  .task-info-activity-list ul li:first-child {
      border-top: solid 0px #eee
  }

  .total-spent-time {
      font-family: 'Big Shoulders Stencil Text', cursive;
      font-size: 20px;
      line-height: normal;
  }

  body.modal-open {
      overflow: hidden !important;
  }

  .table-sort-icon {
      position: absolute;
      right: 30px;
      bottom: 12px;
      cursor: grab;
      opacity: 0;
      transition: all 0.2s
  }

  .table-sortable-th {
      padding-right: 60px !important;
  }

  .table-sortable-th:hover .table-sort-icon {
      opacity: 1;
  }

  .addDependencyToggle1:after {
      line-height: 2.5 !important
  }



  .AddRecognitionTag .emoji {
      cursor: pointer;
      position: absolute;
      left: 5px;
      top: 50%;
      transform: translateY(-50%);
      height: 24px;
      width: auto;
  }

  .AddRecognitionTag .emoji>span {
      padding: 0px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAABuCAYAAADMB4ipAAAHfElEQVRo3u1XS1NT2Rb+9uOcQF4YlAJzLymFUHaLrdxKULvEUNpdTnRqD532f+AHMLMc94gqR1Zbt8rBnUh3YXipPGKwRDoWgXvrYiFUlEdIkPPYZ/dAkwox5yQCVt/bzRrBPnt9e+211/etFeDQDu3ArL+/X37OeqmRWoH7+vpItfWawStF1tfXR+zW9xW5ne0p8loOcAKuCdwpRft60C8a+X5zTvebCqcAvmidf1GGHtqhHdpf1qqKzsrKipyensbi4iKWl5cBAMFgEG1tbYhGo2hpadlbmxseHpaDg4MAgI6ODng8HgBAPp/H/Pw8AODatWvo7e2tvUHrui7v3r2L+fl5XL58GVeuXIHH49m1N5/Py0ePHmF0dBQdHR24desWVFXdtYdXAn/48CHm5+dx8+ZNRKPRigEUDpuenpb3799H4YaOnWh5eVmOj48jFoshGo0STdPkwMCAXF5elqV7BgYGpKZpMhqNklgshrGxMbx580Y6gicSCTDGEIvFAADpdBqpVArJZLK4J5lMIpVKIZ1OAwBisRgYY0gkEs6Rp1IphMNh+Hw+AgCGYQAANE0r7in8Xfjm8/lIOBzGq1evnMHX19fR1NRU/D8UCoFzjnA4XFwLh8PgnCMUChXXmpqakM1mUfVBS62xsZHk83lZWi1nz579ZA0AhBDO4A0NDchkMsWSJIRAURRiVy26rktVVUkmk0EgEHAGP3XqFKamppDP56Vpmrhz5w5u374t/X4/OP+w3TRNZLNZ6LoO0zSRz+dlf38/Ll686Jzz8+fPQwiBeDwOt9tNrl+/jkwmU6yaQpVkMhncuHEDbrebxONxCCEQiUScIw8Gg+TBgwdyZGQEyWRSdnV1kVQqJYeGhrC6ugrGGEKhEHp7e3Hy5EmSTCblvXv30NPTg2AwSA6M/vF4HCMjI7b0/yzh8vv9AIBsNrt34aokuQsLC7skt729varkHtqftUFf++FHsrq0QN3eBvp68Tfvf9Mv12oFCYU7G//e9nVuO7dpNbe2W4M//yQr0p8yRvyBo1Zr++lwLcCt7afD/sBRizJGavrB1dDYYh47Htrq+Kb7jBNwxzfdZ44dD201NLaYVUkU7ozQpuAJBkARwnRZpunN5zaa5hJjiXLH05GeiMd7JEM5zzHGNQBGZvk/Iv0yYVWMvK0zKk1Dl6ahW5RQobjqdjy+wEZn9PKF0n2d0csXPL7AhuKq26GECtPQLdPQZVtn1LlB69p7yRVVSEiDEGJwRd12e4+8PR3piRQidnuPvOWKuk0IMSSkwRVV6Np7WVVbSqvGsgSnlKkAFNPQXdrOtuKqcxtcUTUAhmUJnVJmlleJo3CVHmAaOlPUOmYJkxFKibQsSRkXhr4juKIKO2BHVSwcoLrqCVdUYho6K3YYRRWmoUtdey/tgKtK7rUffiQAsLq08MnbNLe2WwBgB/zHzueFyD8nwlIfbvdx8eU0WV1aKD1cVAMs9+F2j9gUPEEKemEJIe3AnXy4XfkBoNKSZHNthWfX31EA69VKttyHVyIOY1wRwmS6tqNsrr31vXo5k/bUu4gT2cp9lhbm0rzCJpeUUrE0vS63+c7/6uXMbDUWl/ssLczNFrVFddUT09AZpUy1LKvO0DVfPrfR9HxqfNbuEe185l9MFX3o6tIC5YpKFLWOfdQQ93Zu49j0+FDCDtjOp1yaOQCYhs4Y40wI05XfWj8yPT40Ua2ey33mEmMTtp2IUEq0nW3FKeJPGPjRp1Iz2QUuLUu66txG9NLVSK3gBZ+C1lcE54oqKOOCK6rm8QU2unu+u1ANuNynvFsBAG1ubbdMQ5eGviMAFDuP0w3sfMpvQEtb24fOQncU1bXl8R7JnOu+ZNv97XxKJwY6+PNPsrm13drObVqUMlMIU5OWpVHOc96Go5lTnV2fzC/VfAozD7HTCa6olBBa1Imlhbmq2lLuQ5xaW6nCPfnln0Yt7bDUhzhps8cfKH5//uTXmvS81OeLdqI/ZoROzSZrHqG/OvOPzxuhK5VgJTvV2bW3EdqJRABwrvvS/kfoSkoZvXT1YEbociHr7vnuYEfogpBFL109HKH/h0fomnXg3Lff79r7/MmvVbWG7gX4QObzc99+Tz7mHKah05KcW6ahQ9feS6cbMCdgt7eBWJagjCuUAC5tZzuouuo0Spm0hElc9R4cbf4bVl8v1p6WUmCuqEwIs34ruxaeeTy4uJVd67As08UVlVmWoG5vA7FLG3WMmHEupVTyW+vh2cn4DADMTsaTuc21LiGEhzHOnQ6gNtMrJSBMCKHkNt999WLi0S7hejEZH81n174WpukiIMw0dKq66p3Bw50RwhUVXFGJKUy28Xal48VkfKrSlWenhsc23q2cEB9SR7iiItwZIbbgHn8AlDFCCMW7laXjqZnHjkNpaubJzNuVpWZCKChjxOMPVH/QlaW0f/G3ZLqWWl6ce/bvlddp7yFD/w8Z+njoX1+GoZMjgzMAMDkyeLAMnRh+uKveJ0YGD4ahEyODFRk6OfrL/hj67GnckaHPng7vjaGzyYmaGDr77KktQ38H8tqx8Wja+WIAAAAASUVORK5CYII=) !important;
      width: 24px;
      height: 24px;
      display: inline-block;
      background-position: 0 -24px;
      opacity: 0.6
  }

  .AddRecognitionTag .emoji>span:hover {
      background-color: #fff;
      opacity: 0.9
  }

  .AddRecognitionTag {
      max-width: 100%;
  }

  .AddRecognitionTag .form-control {
      padding-left: 32px;
      padding-right: 32px;
  }

.emoji-picker {
      font-size: 15px;
      z-index: 1;
      position: absolute;
      display: block;
      width: auto;
      top: calc(-100% - 25px);
      left: 0px;
      border-radius: 10px;
      background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 107.5%);
      border: 1px solid #F4F4F4;
      box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.04);
      display: none;
      width: 190px;
  }
  .emoji-picker .ep-i {
    position: absolute;
    left: -2000px;
    width: 4000px;
    top: -2000px;
    height: 4000px;
    cursor: default;
    z-index:-1;
  }
  .my-emoji {
      cursor: pointer;
      width: auto;
      display: inline-block;
      text-align: center;
      padding: 5px;
  }

  .my-emoji:hover {
      background-color: #ebf5ff;
      border-radius: 4px;
  }

  .emoji-arrow {
      display: none
  }

  .more-btn-svg:hover svg path {
      fill: #4785FF
  }

  .btn-hover-fill-primary:hover path {
      fill: #4785FF
  }

  .btn-hover-stroke-primary:focus path,
  .btn-hover-stroke-primary:hover path {
      stroke: #4785FF
  }

  .kanban-chat-btn:hover path:not(:last-child) {
      fill: #4785FF
  }

  .kanban-chat-btn:hover path:last-child {
      stroke: #4785FF
  }

  .contract-card-inner,
  .milestone-table-card-inner {
      background: #FFFFFF;
      border: 0.7px solid rgba(238, 242, 255, 0.85);
      box-shadow:0px 0px 8px rgba(97, 97, 97, 0.12);
      border-radius: 0.85rem;
      padding: 15px;
      margin: 12px 0px;
  }
  .milestone-table-card-inner.h-100{
    max-height: calc(100% - 24px);
  }
  .MTC-date-priority {
      display: flex;
      text-align: center;
      margin: 0px -5px
  }

  .MTC-date-priority .MTC-date-priority-item .MTC-box {
      padding: 10px;
      border: 0.7px solid rgba(238, 242, 255, 0.85);
      box-shadow: 0px 0px 8px rgba(222, 229, 253, 0.16);
      border-radius: 3px;
      margin: 5px;
      height: calc(100% - 40px);
  }

  .MTC-date .MTC-box {
      border-top: solid 3px !important
  }

  .MTC-date.MTC-start-date .MTC-box {
      border-top-color: #32D0A5 !important
  }

  .MTC-date.MTC-end-date .MTC-box {
      border-top-color: #F64E60 !important
  }

  .set-approver-nav li a {
      padding: 10px 30px;
      font-size: 16px;
      border: solid transparent;
      border-width: 0px 3px 0px 0px;
      transition: all 0.3s;
  }

  .set-approver-nav li a.active,
  .set-approver-nav li a:hover {
      border-color: #3698FF;
      background-color: #F1F8FF;
  }

  .btn-36px-circle {
      padding: 0px;
      width: 36px;
      height: 36px;
      border-radius: 100px;
  }

  .btn-36px-circle.btn-hover-light-primary:hover svg path {
      stroke: #5B93FF
  }

  .aprover-level-heading .form-control {
      height: auto;
      padding: 6px 13px;
      background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 82.5%);
      box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.04);
      color: #7A7992;
      cursor: default
  }

  .aprover-level-heading .form-control:not(:focus) {
      border: 1px solid #F4F4F4;
  }

  .btn.btn-hover-light-danger:hover svg path,
  .btn.btn-hover-light-danger:focus svg path,
  .btn.btn-hover-light-danger:active svg path,
  .set-approver-item-actions .btn.btn-hover-light-danger:hover svg path {
      fill: #F65062
  }

  .btn.btn-hover-light-danger.border-light:focus,
  .btn.btn-hover-light-danger.border-light:active,
  .btn.btn-hover-light-danger.border-light:hover {
      border-color: #FFDBDB !important;
  }

  .approver-views {
      margin: 0px;
  }

  .approver-views svg {
      height: 18px;
      width: 18px;
  }

  .approver-views .btn:hover svg path {
      stroke: #3698ff
  }

  .approver-views input:checked~.btn svg path {
      stroke: #3698ff;
  }

  .approver-views input:checked~.btn {
      background-color: #F2F7FF;
  }

  .dataTable.set-approver-table thead th {
      background-color: transparent;
  }

  .dataTable.set-approver-table tbody td,
  .dataTable.set-approver-table thead th,
  .dataTable.set-approver-table thead td {
      border-width: 0;
      padding-top: 5px;
      padding-bottom: 5px;
  }

  .dataTable.set-approver-table tr td:first-child::before,
  .dataTable.set-approver-table tr th:first-child::before {
      display: none !important
  }

  .dataTables_wrapper .dataTable.set-approver-table tbody tr:hover {
      box-shadow: none;
  }

  .add-approver-fields-wrapper .form-control,
  .dataTables_wrapper .dataTable.set-approver-table tr td .form-control {
      transition: all 0.3s;
      border-radius: 0px;
      padding: 5px;
      height: auto;
      border-width: 0px 0px 1px 0px
  }

  .approver-table-actions .btn.btn-hover-light-danger:hover svg path {
      stroke: #F64E60
  }

  .approver-table-actions .btn.member-approver input:checked~svg path {
      stroke: #32D0A5
  }

  .set-approver-table tr td {
      white-space: nowrap
  }

  .set-approver-table td.dtfc-fixed-right:nth-last-child(2) {
      background-color: #fff !important;
  }

  .set-approver-table td.dtfc-fixed-right:nth-last-child(1) {
      background-color: #fff !important;
  }

  .set-approver-table th.dtfc-fixed-right:nth-last-child(2) {
      background-color: #fff !important;
  }

  .set-approver-table th.dtfc-fixed-right:nth-last-child(1) {
      background-color: #fff !important;
  }

  .set-approver-list :not(.approver-card-sections) .table-responsive {
      margin: 0px -15px !important;
  }

  .set-approver-list .table-responsive .dataTables_wrapper {
      padding: 0px 15px !important;
  }

  [aria-multiselectable="true"] .select2-results__option {
      position: relative;
      padding-right: 35px !important;
  }

  [aria-multiselectable="true"] .select2-results__option:not([role="group"])::before {
      content: "";
      position: absolute;
      height: 17px;
      width: 17px;
      border: 1px solid #DBE1E6;
      border-radius: 4px;
      background-color: #fff;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
  }

  [aria-multiselectable="true"] .select2-results__option[aria-selected=true]:before {
      font-family: "Font Awesome 5 Free";
      content: "\f00c";
      color: #fff;
      background-color: #3698ff;
      border-color: #3698ff;
      display: inline-block;
      font-weight: 900;
      font-size: 9px;
      line-height: 1.6;
      text-align: center;
  }

  .select2-container--default [aria-multiselectable="true"] .select2-results__option[aria-selected=true] {
      background-color: RGBa(233, 236, 248, 0.3);
  }

  .select2-container--default [aria-multiselectable="true"] .select2-results__option--highlighted[aria-selected] {
      background-color: RGBa(233, 236, 248, 0.3);
      color: rgba(63, 66, 84, 0.9);
  }

  .set-approver-wrapper-item .select2-selection.select2-selection--single,
  .select2-bb .select2-selection.select2-selection--single,
  .select2-bb .select2-selection.select2-selection--multiple,
  .set-approver-wrapper-item .select2-selection.select2-selection--multiple {
      border-width: 0px 0px 1px 0px !important;
      border-radius: 0 !important;
      font-size: 14px;
      padding-top: 0px !important;
  }

  .set-approver-wrapper-item .select2-container--default .select2-selection--multiple::after,
  .select2-bb .select2-container--default .select2-selection--multiple::after,
  .set-approver-wrapper-item .select2-container--default .select2-selection--single::after {
      top: calc(50% - 3px)
  }
  .select2-bb .select2 {padding-top:10px;}
  .set-approver-wrapper-item .select2-selection__choice {
      font-size: 13px !important;
  }

  .set-approver-wrapper-item tr td {
      vertical-align: bottom !important;
  }

  .set-approver-wrapper .set-approver-wrapper-item {
      margin: 30px 0;
      position: relative;
  }

  .set-approver-wrapper .set-approver-wrapper-item:last-child {
      margin-bottom: 0;
  }

  .set-approver-wrapper-item::after {
      content: "";
      left: -15px;
      height: calc(100% + 31px);
      width: 15px;
      border-radius: 10px 0px 0px 10px;
      border: solid #DDE0F1;
      position: absolute;
      top: 20px;
      border-width: 1px 0px 1px 1px;
  }

  .set-approver-wrapper-item:last-child::after {
      display: none
  }

  .approver-card-item-inner {
      background: #FFFFFF;
      border: 0.7px solid rgba(238, 242, 255, 0.85);
      box-shadow: 0px 0px 8px rgba(222, 229, 253, 0.16);
      border-radius: 5px;
      padding: 15px;
      margin: 12px 0px;
  }

  .modal-open .datepicker {
      z-index: 1600 !important;
      /* has to be larger than 1050 */
  }
  .FB-right-wrap.open-edit-drawer ~ .open-edit-drawer-backdrop {
    background-color: rgba(0, 0, 0,0.35);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9946;
  }
  @media (min-width: 1680px) {
      .approver-card-item {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%;
      }
  }

  @media (min-width: 1600px) {
      .close-edit-drawer {
          display: none;
      }
  }

  @media (max-width: 1600px) {
      .card-append-items.fb-form-components .mCSB_container {
          -webkit-column-count: 1;
          -moz-column-count: 1;
          column-count: 1;
      }

      .FB-right-wrap {
          transform: translateX(120%);
          position: fixed;
          right: 0;
          top: 59px;
          transition: all 0.2s ease-in;
          z-index: 9991;
          background-color: #fff;
      }
      .position-relative .FB-right-wrap{
        top: 0px;
      }

      .achiever-form-drawer-wrapper .col-md.dropzone-preview-col {
          min-width: calc(100% - 30%);
      }
      .col-md.dropzone-preview-col {
        min-width: calc(100% - 600px);
    }

      .FB-right-wrap.open-edit-drawer {
          transform: translateX(0%);
      }

      .col-xl-3.milestone-table-card {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 33.33%;
          flex: 0 0 33.33%;
          max-width: 33.33%;
      }
  }

  @media (max-width: 1380px) {
      .approver-card-item {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%;
      }

  }

  .approver-content-collapse {
      position: absolute;
      left: 0;
      font-size: 20px;
      z-index: 1;
      height: 100%;
      width: 37px;
      text-align: center;
      cursor: pointer
  }

  .approver-content-collapse:after {
      content: "\f1be";
      font-family: Flaticon2;
      font-style: normal;
      font-weight: normal;
      position: absolute;
      left: 12px;
      top: 10px;
      color: #A5A4B5;
      transform: rotate(90deg);
      font-size: 11px;
      transition: all 0.3s;
  }

  .approver-content-collapse.collapsed:after {
      transform: rotate(-90deg);
  }

  .approver-content-input .form-control {
      padding-left: 30px;
      cursor: auto
  }

  .TC-achive-award-list-item,
  .social-share-modal-item,
  .skills-list-item {
      width: 57px;
      height: 57px;
      border: solid 1px #e8edf8;
      background-color: #fefefe;
      border-radius: 100px;
      margin: 3px;
      display: flex;
      text-align: center;
      justify-content: center;
  }

  /* task custom class */
  .gantt-target .bar-milestone .bar {
      fill: tomato;
  }

  /* bar collapsed */
  .parent>.bar-group>.bar {
      outline: outset 1px #a3a3ff;
      border-radius: 2px;
      outline-offset: 2px;
  }

  .gantt-target .details-container {
      padding: 0px 12px;
  }


  .kanban-summary-box {
      border-radius: 10px;
      border: solid 1px #e6eaf6;
      background-color: #ffffff;
      padding: 20px;
      transition: all 0.2s;
      position: relative;
      overflow: hidden;
      margin-bottom:2rem;
    height: calc(100% - 2rem);
  }

  .KS-icon figure {
      width: 47px;
      height: 47px;
      border-radius: 10px;
      text-align: center;
      line-height: 44px;
      display: inline-flex;
  justify-content: center;
  align-items: center;
  }

  .KS-count {
      font-size: 14px;
      font-weight: normal;
      line-height: 1;
      color: #707693;
  }

  .kanban-overview-card-body .percentageKnob {
      font-weight: 500 !important;
      font-family: 'Ubuntu', sans-serif !important;
      font-size: 24px !important
  }

  .percentageKnob:focus-visible {
      outline: none;
  }

  .kanban-overview-card-body .fitness-card-icon {
      width: calc(100% - 40px);
  }

  .kanban-overview-card {
      margin: 15px 0px;
      display: inline-block;
      width: 100%
  }

  .col-md-6 .kanban-overview-card {
      height: calc(100% - 30px);
  }

  .row.kanban-overview-row {
      margin-top: -15px;
  }

  .donut-chart-text h4 {
      font-weight: 500 !important;
      font-family: 'Ubuntu', sans-serif !important;
      font-size: 24px !important;
      line-height: 18px;
  }

  .donut-chart-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: calc(100% - 20px);
  }

  .slick-slider.slick-dot-carousel {
      margin-bottom: 10px
  }

  .slick-dot-carousel .slick-dots {
      margin-bottom: 0;
      bottom: -20px;
  }

  .slick-dot-carousel .slick-dots li {
      width: 8px;
      height: 8px;
  }

  .slick-dot-carousel .slick-dots li button {
      padding: 0;
      width: 7px;
      height: 7px;
  }

  .slick-dot-carousel .slick-dots li button:before {
      width: 7px;
      height: 7px;
      content: "";
      background-color: #7A7992;
      border-radius: 100px;
  }

  .overview-deadline-cards .border-bottom-tabs li .nav-link .h5 {
      font-weight: 500 !important;
  }

  .overview-top-performar-item-inner,
  .overdue-carousel-item-inner {
      width: calc(100% - 30px);
      /* min-height: 200px; */
      background-color: #fff;
      padding: 20px;
      box-shadow: 0px 1px 5px rgba(225, 225, 240, 0.55);
      border-radius: 5px;
      margin: 25px 15px 15px 15px;
      margin-top: 20px;
      position: relative;

  }

  .overview-top-performar-carousel,
  .overdue-cards-carousel {
      margin: 0 -15px 15px -15px !important
  }

  .overview-top-performar-carousel .slick-prev,
  .overview-top-performar-carousel .slick-next,
  .overdue-cards-carousel .slick-prev,
  .overdue-cards-carousel .slick-next {
      top: unset;
      bottom: -35px;
      transform: none;
  }

  .overview-top-performar-carousel .slick-prev,
  .overdue-cards-carousel .slick-prev {
      left: 15px;
  }

  .overview-top-performar-carousel .slick-next,
  .overdue-cards-carousel .slick-next {
      left: 60px;
  }

  .task-kanban-card .tab-content>.tab-pane:not(.project-overview-row .tab-pane) {
      display: block !important;
      height: 0;
      overflow: hidden;
  }

  .task-kanban-card .tab-content>.tab-pane.show:not(.project-overview-row .tab-content .tab-pane.show) {
      height: auto;
      position: relative;
      overflow: visible;
  }

  .overview-activity-card .task-info-activity-list ul {
      max-height: 665px !important;
  }

  .overview-activity-card .task-info-activity-list ul li:nth-last-child(3) {
      padding-bottom: 0 !important;
      margin-bottom: 0 !important
  }

  .line-divider-xs {
      display: inline-block;
      width: 100%
  }

  .line-divider-xs:before {
      content: " ";
      width: 20px;
      height: 2px;
      background-color: #CCD0DE;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      left: 50%;
  }

  .OPM-actions .btn.bg-transparent:hover {
      background-color: transparent !important
  }

  .OPM-actions .btn.bg-transparent:hover svg path {
      stroke: #4785ff;
      fill: #fff;
  }

  .project-member-list li {
      margin: 10px 0px 10px 0px;
      border-top: solid 1px #eee;
      padding: 10px 0px 0px 0px;
  }

  .project-member-list li:first-child {
      padding-top: 0;
      margin-top: 0;
      border: 0;
  }

  .project-member-list {
      max-height: 300px
  }

  .invoice-inner-tab.project-kanban-tabs .nav.nav-pills .nav-link,
  .contract-inner-tab.project-kanban-tabs .nav.nav-pills .nav-link {
      margin-left: 0.6rem;
      margin-right: 0.6rem;
  }

  .contract-tab-count {
      display: none !important;
      transition: 0.2s;
  }

  .nav-link.active .contract-tab-count {
      display: block !important;
      white-space: nowrap;
      width: auto;
      line-height: normal;
  }

  .contract-tab-gray {
      filter: grayscale(1) brightness(1.15);
      transition: 0.2s;
  }

  .nav-link:hover .contract-tab-gray,
  .nav-link.active .contract-tab-gray {
      filter: grayscale(0) brightness(1);
  }

  .noti-list-del {
      opacity: 0;
      transition: 0.3s
  }

  .navi-item:hover .noti-list-del {
      opacity: 1
  }

  .new-chat-msg .navi-text:not(.main-noti-time, :hover) {
      color: #181C32 !important
  }

  .contract-card-inner {
      height: calc(100% - 24px);
      display: flex;
      flex-direction: column;
  }

  .dash-chat-del .btn:hover svg path {
      fill: #FFA4A4
  }

  .collaborators-drawer-btn {
      position: fixed;
      bottom: 38px;
      right: 65px;
      z-index:1;
  }

  .collaborators-drawer-btn .btn .noti-count {
      position: absolute;
      top: -7px;
      right: -7px;
      width: 20px;
      height: 20px;
      background-color: #FF7070;
      border-radius: 100px;
      color: #fff;
      line-height: 20px;
      font-size: 10px;
      font-weight: 600;
      text-align: center;
  }

  .collaborators-drawer-btn .btn {
      box-shadow: 1px 2px 5px rgba(41, 43, 47, 0.1);
      width: 40px;
      height: 39px;
      border-radius: 100px;
      padding: 0 !important;
      border: solid 1px #6590e3;
  }

  .collaborators-drawer-btn .btn .noti-count {
      position: absolute;
      top: -7px;
      right: -7px;
      width: 20px;
      height: 20px;
      background-color: #FF7070;
      border-radius: 100px;
      color: #fff;
      line-height: 20px;
      font-size: 10px;
      font-weight: 600;
      text-align: center;
  }

  .main-tab-chat-reply textarea {
      resize: none;
      margin-top: 10px;
      height: 30px;
      max-height: 80px
  }

  .overall-task-chart {
      height: 150px;
      width: 290px;
      bottom: -20px;
      left: 50%;
      transform: translateX(-50%);
  }

  .align-items-end.scrollToChat .dash-chat-bubble {
      animation: blink-current-chat1 1s infinite;
  }

  .align-items-start.scrollToChat .dash-chat-bubble {
      animation: blink-current-chat 1s infinite;
  }

  .blink {
      animation: blink-current-chat 1s infinite;
  }

  @keyframes blink-current-chat {
      0% {
          filter: contrast(1);
      }

      50% {
          filter: contrast(0.9);
      }

      100% {
          filter: contrast(1);
      }
  }

  @keyframes blink-current-chat1 {

      /* 0% {
        filter: brightness(1)
    }
    50% {
        filter: brightness(0.85);
    }
    100% {
        filter: brightness(1)
    } */
      0% {
          opacity: 1
      }

      50% {
          opacity: 0.8
      }

      100% {
          opacity: 1
      }
  }

  .task-kanban-filter .datetimepicker-input {
      height: auto;
      padding: 5px 12px;
  }

  .profiles-details .card-custom.card-sticky {
      z-index: 4;
  }

  .potentials-card-list {
      margin: -14px 0px;
  }

  .potentials-card-list li {
      padding: 11px 0 4px 0;
      border-top: solid 1px #DBE3F2;
  }

  .potentials-card-list li:first-child {
      border: 0
  }

  .timeline-structure-wrapper {
      position: relative
  }

  .timeline-structure-wrapper:before {
      content: "";
      position: absolute;
      left: -1px;
      top: 7px;
      border-left: solid 1px #EBEDF3;
      bottom: 0;
  }

  ul.timeline-structure-wrapper li {
      margin: 15px 0;
      padding-left: 20px;
      position: relative;
  }

  ul.timeline-structure-wrapper li:first-child {
      margin-top: 0;
  }

  ul.timeline-structure-wrapper li:last-child {
      margin-bottom: 0;
  }

  ul.timeline-structure-wrapper li::after {
      content: "";
      position: absolute;
      left: -1px;
      top: 7px;
      width: 5px;
      height: 5px;
      background-color: #B3BBC8;
      border-radius: 100px;
      transform: translateX(-50%);
      border: solid 1px #B3BBC8;
  }

  .attended-seminar-card .timeline-structure-wrapper::before,
  .attended-seminar-card .timeline-structure-wrapper::after,
  .attended-seminar-card ul.timeline-structure-wrapper li::after {
      display: none
  }

  ul .TS-objective li {
      position: relative;
      padding-left: 18px;
      margin: 5px 0px;
  }

  ul .TS-objective li::before {
      content: "\f00c";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      left: 0px;
      top: 4px;
      color: #32D0A5;
      font-size: 10px;
  }

  ul.timeline-structure-wrapper li li::after {
      display: none
  }

  .TS-achive-awards .skills-list-item {
      width: 50px;
      height: 50px;
  }

  .TS-achive-awards .skills-list-item .label.bg-muted {
      background-color: #858DBF;
      position: absolute;
      bottom: -10px;
      width: 20px;
      height: 20px;
      font-size: 10px;
      line-height: 0;
  }

  .TC-achive-award-list-item .label.bg-muted {
      background-color: #858DBF;
      position: absolute;
      bottom: -10px;
      width: 20px;
      height: 20px;
      font-size: 10px;
      line-height: 0;
  }

  .TS-see-live figure img {
      width: 25px;
  }

  .TS-recognitions img {
      height: 15px;
  }

  .TS-project-number {
      position: absolute;
      left: -10px;
      width: 20px;
      height: 20px;
      background-color: #4785ff;
      border-radius: 100px;
      top: 0;
      z-index: 1;
      color: #fff;
      text-align: center;
      font-size: 12px;
      line-height: 20px;
  }

  .education-timeline-list ul.timeline-structure-wrapper {
      margin: 0;
      display: inline-block;
      width: 100%;
      padding: 15px 0px;
      position: relative;
  }

  .education-timeline-list ul.timeline-structure-wrapper:after {
      content: "";
      top: 0px;
      position: absolute;
      height: 1px;
      background-color: #E0E4EE;
      left: 20px;
      right: 20px;
  }

  .education-timeline-list ul.timeline-structure-wrapper:first-child:after {
      display: none
  }

  .education-timeline-list ul.timeline-structure-wrapper:first-child {
      padding-top: 0;
  }

  .education-timeline-list ul.timeline-structure-wrapper:last-child {
      padding-bottom: 0;
  }

  .risk-profile-item-inner {
      padding: 15px;
      border: 1px solid currentcolor;
      text-align: center;
      position: relative;
      height: 100%;
  }

  .RPI-status:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 50px;
      border-bottom: 2px solid currentcolor
  }

  .risk-profile-wrapper {
      margin: -15px;
  }

  .risk-profile-wrapper .risk-profile-item {
      margin: 15px 0px;
  }

  .hobbies-interest-wrapper ul {
      display: flex;
      margin: -15px;
      flex-wrap: wrap;
  }

  .hobbies-interest-wrapper ul li {
      width: 50%;
  }

  .hobbies-interest-wrapper ul li .HI-item {
      padding: 15px;
      margin: 15px;
      border: 1px solid #E8EDF8;
      border-radius: 5px;
  }

  .hobbies-interest-wrapper ul li .HI-item img {
      height: 20px;
  }

  .hidden-card-list {
      max-height: calc(100vh - 100px);
  }

  .hidden-card-list .hidden-card-item {
      margin: 10px;
      width: calc(50% - 20px);
      position: relative;
      box-shadow: 0px 1px 3px rgb(159, 169, 187, 0.2);
      border: solid 1px #ebf2ff;
      border-radius: 10px;
      overflow: hidden;
      height: 150px;
  }

  .hidden-card-list .hidden-card-item .hidden-card-title {
      font-size: 14px !important;
      position: absolute;
      bottom: 0;
      padding: 10px;
      line-height: normal;
      margin-bottom: 0;
      border-radius: 0 0 10px 10px;
      width: 100%;
      z-index: 1;
      font-weight: 400;
  }

  .hidden-card-item label {
      height: 100%;
      cursor: pointer
  }

  .hidden-card-list .hidden-card-item figure {
      transition: all 0.3s;
  }

  .hidden-card-item figure::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
      transition: all 0.3s;
  }

  .hidden-card-item input:checked~label figure::after,
  .hidden-card-item:hover figure::after {
      background-image: linear-gradient(0deg, #D7EAFF -33.33%, #D7EAFF -33.32%, rgba(255, 255, 255, 0) 141.78%);
  }

  .hidden-card-listinner {
      display: flex;
      flex-wrap: wrap;
      margin: -10px;
      max-height: calc(100vh - 240px)
  }

  .kt_quick_hiddenCards.offcanvas.offcanvas-right {
      right: -500px;
      width: 475px
  }

  .kt_quick_hiddenCards.offcanvas.offcanvas-right.offcanvas-on {
      right: 0px
  }

  .kt_quick_hiddenCards.offcanvas.offcanvas-right .offcanvas-header {
      border-bottom: solid 1px #EBEDF3;
      box-shadow: 0 2px 4px 0 rgba(23, 31, 35, .06);
  }

  .hidden-card-item input:checked~label .hidden-card-check,
  .hidden-card-item:hover input~label .hidden-card-check {
      background-color: #fff;
      border: 1px solid #dbe1e6;
      border-radius: 5px;
      height: 18px;
      width: 18px;
      display: inline-block;
      position: absolute;
      right: 10px;
      top: 10px;
  }

  .hidden-card-item input:checked~label .hidden-card-check {
      background-color: #5B93FF;
      border-color: #5B93FF;
  }

  .hidden-card-item input:checked~label .hidden-card-check:after {
      content: '';
      border-color: #fff;
      border-style: solid;
      border-width: 0 2px 2px 0 !important;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      width: 5px;
      height: 10px;
      position: absolute;
      top: calc(50% - 1px);
      left: 50%;
  }

  .hidden-card-item .ShowScrollToCard {
      position: absolute;
      right: 40px;
      top: 8px;
      cursor: pointer;
      z-index: 1;
      opacity: 0;
  }
  .hidden-card-item .permenentDeleteCard {
    position: absolute;
    right: 40px;
    top: 8px;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
}

  .hidden-card-item input:checked~.ShowScrollToCard,
  .hidden-card-item:hover .ShowScrollToCard {
      opacity: 1
  }

  .hidden-card-item input:checked~.permenentDeleteCard,
  .hidden-card-item:hover .permenentDeleteCard {
      opacity: 1
  }

  .display-all-cards:focus svg path,
  .display-all-cards:hover svg path {
      stroke: #5B93FF
  }
 #deleted-cards-tab .hidden-card-item .ShowScrollToCard,
 .deleted-cards-tab .hidden-card-item .ShowScrollToCard{
    right:65px;
 }
  .card-toolbar-1 {
      opacity: 0;
      transition: all 0.2s ease-in;
  }

  .card:hover .card-toolbar-1 {
      opacity: 1;
  }

  .card-toolbar-1 .btn.btn-clean {
      height: calc(1em + 1.1rem + 2px);
      width: calc(1em + 1.1rem + 2px);
  }

  .card-toolbar-1 .btn.btn-clean.draggable-handle {
      cursor: grab
  }

  .card-toolbar-1 .btn.btn-clean:focus i,
  .card-toolbar-1 .btn.btn-clean:hover i {
      color: #B5B5C3 !important;
  }

  .card-toolbar-1 .btn.btn-clean:focus,
  .card-toolbar-1 .btn.btn-clean:hover {
      background-color: transparent !important;
      opacity: 0.7;
  }



  .hide-card-btn {
      position: relative;
  }

  .hidden-card-show {
      position: absolute;
      top: 20%;
      left: 20%;
      margin: auto;
      border-radius: 4px;
      height: 60px;
      width: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #efefef;
      margin: 15px;
      font-size: 20px;
      background-color: #212121;
      color: #efefef;
  }

  .hidden-card-count-outer {
      position: relative;
      right: -5px
  }

  .hidden-card-count {
      left: 100%;
  }

  .hidden-card-count {
      height: 20px;
      width: 20px;
      display: inline-flex;
      background-color: #F64E60;
      color: #fff;
      border-radius: 400px;
      transition: all 3s;
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
      z-index: 1;
      font-size: 12px;
      line-height: 17px;
  }

  .popover-skill-list {
      margin: 0px -10px;
      min-width: 300px;
      max-width: 300px;
  }

  .popover-skill-title h6 {
      font-size: 15px;
  }

  .popover-skill-list .owl-item {
      /* padding: 15px;
    align-self: center; */
      border-left: solid 1px #C3CED9;
  }

  .popover-skill-list .popover-skill-item {
      margin-left: 12px;
  }

  .popover-skill-list .owl-item:first-child {
      border: 0;
  }

  .popover-skill-list .popover-skill-item img {
      height: 22px;
      max-width: 100%;
  }

  .key-skills-list li figure img {
      height: 26px;
  }

  .key-skills-list li figure {
      height: 26px;
      width: 26px;
      border-radius: 100px;
      position: relative;
  }

  .key-skills-award-achiv .KS-item {
      padding: 0px 6px;
      border-left: solid 1px #ddd;
      line-height: 0;
  }

  .key-skills-award-achiv .KS-item:first-child {
      border-left: 0;
  }

  .key-skills-list li {
      padding: 10px 0;
  }

  .key-skills-list ul {
      margin: -20px 0;
  }

  .TS-certificate-img img {
      max-height: 145px;
      max-width: 100%;
  }

  .TS-certificate-img .lightgallery li {
      display: inline-block;
  }

  .TS-certificate-img .lightgallery li a {
      display: inline-block;
      width: auto;
      position: relative;
      transition: all 0.3s;
  }

  .TS-certificate-img .lightgallery li a::after {
      content: "";
      transition: all 0.3s;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
  }

  .TS-certificate-img .lightgallery li a:hover::after {
      background-color: rgba(0, 0, 0, .35);
  }

  .TS-certificate-img .lightgallery li:hover a::after {
      background-color: rgba(0, 0, 0, .35);
  }

  .TS-lightgallery-actions .btn-secondary {
      background-color: rgba(0, 0, 0, 0.20);
      width: 30px;
      height: 30px;
      line-height: 0;
      border: 0;
  }

  .TS-lightgallery-actions .btn-secondary:hover {
      background-color: rgba(0, 0, 0, 0.24) !important
  }

  .TS-lightgallery-actions {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: -1;
      transition: 0.3s;
  }

  .TS-certificate-img li:hover .TS-lightgallery-actions {
      z-index: 1;
  }

  .TS-award-achiev-photos ul {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -7px;
      max-width: 280px;
  }

  .TS-award-achiev-photos.TS-award-achiev-photos-full ul {
      margin: 0 -7px;
      max-width: 400px;
  }

  .TS-award-achiev-photos ul .TS-award-photo {
      width: calc(50% - 14px);
      margin: 7px !important;
      padding: 0px !important;
  }

  .TS-award-achiev-photos.TS-award-achiev-photos-full ul .TS-award-photo a {
      height: auto;
      width: 100%;
  }

  .TS-award-achiev-photos ul .TS-award-photo a {
      height: 100px;
      border-radius: 6px;
      overflow: hidden;
      display: inline-block;
      max-width: 100%;
  }

  .TS-award-achiev-photos .ul a.li img,
  .TS-award-achiev-photos ul .TS-award-photo img {
      width: 100%;
      min-height: 100%;
      height: auto;
  }

  .TC-personality-list li {
      padding: 5px 0px;
  }

  .TC-personality-list-bullet {
      background-color: #eee;
      width: 17px;
      height: 17px;
      display: inline-block;
      border-radius: 100px;
      position: relative;
      top: 4px;
  }

  .TC-personality-list-bullet svg {
      position: absolute;
      top: 1px;
      right: -1px;
      transform: scale(1.2);
  }

  .key-weakness-card .TC-personality-list-bullet svg {
      top: 4px;
      right: unset;
      transform: scale(1) translatex(-50%);
      left: 50%;
  }

  .timeline-with-date {
      padding: 15px 0;
  }

  .timeline-with-date::after {
      content: "";
      left: 95px;
      right: 0;
      bottom: -5px;
      border-bottom: solid 1px #ddd;
      position: absolute;
  }

  .timeline-with-date:last-child {
      padding-bottom: 0;
  }

  .timeline-with-date:first-child {
      padding-top: 0;
  }

  .timeline-with-date:last-child::after {
      display: none
  }

  .timeline-with-date::before {
      content: "";
      position: absolute;
      left: 70px;
      height: calc(100% + 16px);
      border-left: solid 1px #ccc;
      top: 8px;
  }

  .timeline-with-date:last-child::before {
      height: calc(100% - 8px);
  }

  .timeline-with-date .DT-date {
      width: 55px;
      position: absolute;
      left: 0;
  }

  .timeline-with-date .DT-content {
      padding-left: 95px;
  }

  .date-timeline-item {
      position: relative;
      margin: 15px 0;
      padding-top: 2px;
  }

  .date-timeline-item:before {
      content: "";
      left: 70px;
      width: 5px;
      height: 5px;
      background-color: #B3BBC8;
      border-radius: 100px;
      transform: translateX(-50%);
      border: solid 1px #B3BBC8;
      position: absolute;
      top: 8px;
  }

  .date-timeline-item .DT-progress-circle {
      left: 60px;
      top: 2px;
      position: absolute;
      background-color: #fff;
      width: 20px;
      height: 20px;
  }

  .date-timeline-item .DT-progress-circle .percentageKnobBlank {
      pointer-events: none
  }

  .DT-company-name .DT-company-logo img {
      height: 20px;
  }

  .dotted-list {
      margin-left: -20px
  }

  .dotted-list li {
      position: relative;
      padding-left: 20px;
      margin-top: 3px;
      margin-bottom: 3px;
  }

  .dotted-list li::after {
      content: "";
      position: absolute;
      right: -12px;
      width: 5px;
      height: 5px;
      border-radius: 10px;
      background-color: #A3B0C6;
      top: 8px;
  }

  .dotted-list li:last-child::after {
      display: none
  }

  .range-slider-1 .irs--flat .irs-bar,
  .semantic-slider-1 .ui.range .inner .track-fill {
      background: linear-gradient(180deg, #0ef49b 0%, #d2dc69 30%, #faa04b 70%, #ff5a64 100%);
      background: -ms-linear-gradient(180deg, #0ef49b 0%, #d2dc69 30%, #faa04b 70%, #ff5a64 100%);
      background: -o-linear-gradient(180deg, #0ef49b 0%, #d2dc69 30%, #faa04b 70%, #ff5a64 100%);
      background: -moz-linear-gradient(180deg, #0ef49b 0%, #d2dc69 30%, #faa04b 70%, #ff5a64 100%);
      background: -webkit-linear-gradient(180deg, #0ef49b 0%, #d2dc69 30%, #faa04b 70%, #ff5a64 100%);
      background-size: 300px auto;
  }

  .semantic-slider-1 .auto.labels {
      display: none
  }

  .readonly {
      pointer-events: none;
      cursor: default;
  }

  .semantic-slider-1 .ui.range:not(.vertical) {
      width: 100%;
      padding: 0em;
  }


  .ui.range {
      position: relative;
  }

  .ui.range:not(.vertical) .inner {
      height: 1.5em;
  }

  .ui.range .inner {
      position: relative;
      z-index: 2;
  }

  .ui.range:not(.vertical) .inner .track {
      width: 100%;
      height: 0.4em;
      top: 0.55em;
      left: 0;
  }

  .ui.range .inner .track {
      position: absolute;
      border-radius: 4px;
      background-color: rgba(0, 0, 0, 0.05);
  }

  .ui.range:not(.vertical) .inner .track-fill {
      width: 0;
      height: 0.4em;
      top: 0.55em;
      left: 0;
  }

  .ui.range .inner .track-fill {
      position: absolute;
      border-radius: 4px;
      background-color: #1B1C1D;
  }

  .ui.range .inner .thumb {
      position: absolute;
      left: 0;
      top: 0;
      height: 1.5em;
      width: 1.5em;
      background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
      background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
      border-radius: 100%;
      box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
      -webkit-transition: background 0.3s ease;
      transition: background 0.3s ease;
  }

  .ui.labeled.range:not(.vertical)>.labels {
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
  }

  .ui.labeled.range>.labels {
      height: 1.5em;
      width: 100%;
      margin: 0;
      padding: 0;
      position: absolute;
      top: 50%;
  }

  .ui.labeled.range>.labels .label {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      position: absolute;
      -webkit-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%);
  }

  .range-slider-1 .ion-range-slider .irs .irs-single {
      display: block
  }

  .range-slider-1 .irs--flat .irs-line,
  .range-slider-1 .irs--flat .irs-bar {
      height: 6px;
  }

  .range-slider-1 .irs--flat .irs-handle {
      height: 12px;
      top: 13px;
  }

  .range-slider-1 .irs--flat .irs-single::before {
      display: none
  }

  .per-potential-progress-reverse .per-potential-item:nth-child(1) .per-potential-icon {
      background-color: #ff9293;
  }

  .per-potential-progress-reverse .per-potential-item:nth-child(2) .per-potential-icon {
      background-color: #ffd88b
  }

  .per-potential-progress-reverse .per-potential-item:nth-child(3) .per-potential-icon {
      background-color: #62dfb0;
  }

  .per-potential-progress-reverse .per-potential-item.active:nth-child(1)::before {
      background-color: #ff9293
  }

  .per-potential-progress-reverse .per-potential-item.active:nth-child(2)::before {
      background-color: #ffd88b
  }

  .per-potential-progress-reverse .per-potential-item.active:nth-child(3)::before {
      background-color: #62dfb0;
  }

  .per-potential-progress-reverse .per-potential-item:nth-child(1).active .per-potential-icon::after {
      background-color: #ff9293
  }

  .per-potential-progress-reverse .per-potential-item:nth-child(2).active .per-potential-icon::after {
      background-color: #ffd88b
  }

  .per-potential-progress-reverse .per-potential-item:nth-child(3).active .per-potential-icon::after {
      background-color: #62dfb0;
  }

  .circle-rating-wrapper {
      display: flex;
      position: relative;
      justify-content: space-between;
  }

  .rating-circle {
      background-color: #c0cad3;
      border-radius: 100%;
      box-shadow: none;
      display: inline-block;
      margin: 0px;
      padding: 7px;
      cursor: pointer;
      position: relative;
      z-index: 1;
  }

  .rating-circle-5::after {
      content: "";
      position: absolute;
      width: calc(300px / 5 - 12px);
      display: inline-block;
      background-color: #ccc;
      right: 100%;
      top: 50%;
      transform: translateY(-50%);
      height: 3px;
      z-index: -1;
  }

  .dotted-progress-2 .rating-circle-5::after {
      display: none
  }

  .rating-circle-5:first-child::after {
      display: none
  }

  .rating-circle-5.active:nth-child(1) {
      background-color: #FF7774;
  }

  .rating-circle-5.active:nth-child(2) {
      background-color: #FFA150
  }

  .rating-circle-5.active:nth-child(3) {
      background-color: #FFCA39
  }

  .rating-circle-5.active:nth-child(4) {
      background-color: #D4E901
  }

  .rating-circle-5.active:nth-child(5) {
      background-color: #6cfa00;
  }

  .rating-circle-5.active:nth-child(1):after {
      background-color: #FF7774;
      background-image: linear-gradient(to left, #FF7774, #FFA150);
  }

  .rating-circle-5.active:nth-child(2):after {
      background-color: #FFA150;
      background-image: linear-gradient(to left, #FFA150, #FF7774);
  }

  .rating-circle-5.active:nth-child(3):after {
      background-color: #FFCA39;
      background-image: linear-gradient(to left, #FFCA39, #FFA150);
  }

  .rating-circle-5.active:nth-child(4):after {
      background-color: #D4E901;
      background-image: linear-gradient(to left, #D4E901, #ffca39);
  }

  .rating-circle-5.active:nth-child(5):after {
      background-color: #6cfa00;
      background-image: linear-gradient(to left, #6cfa00, #d4e901);
  }


  .main-tab-chat-mgs .dash-chat-header {
      margin: -32px -32px 15px -32px;
      background-color: rgba(196, 196, 196, 0.15);
      padding: 13px 32px;
  }

  .main-tab-chat-mgs .dash-chat-bubble .bg-light-success {
      background-color: #EBF5FF !important;
  }

  .main-tab-chat-mgs .dash-chat-bubble .bg-light-primary {
      background-color: #4785FF !important;
  }

  .main-tab-chat-mgs .dash-chat-bubble .rounded {
      border-radius: 1.35rem !important;
  }

  .main-tab-chat-mgs .align-items-start .dash-chat-user {
      align-self: end;
      margin-bottom: 25px;
  }

  .main-tab-chat-mgs .align-items-end .dash-chat-user {
      margin-bottom: 0px;
      margin-top: 10px;
      align-self: start
  }

  .main-tab-chat-mgs .align-items-start .dash-chat-bubble::after {
      content: '';
      position: absolute;
      visibility: visible;
      bottom: 22px;
      left: -22px;
      transform: rotateY(130deg);
      width: 40px;
      height: 30px;
      background: radial-gradient(180% 180% at right -65% top -65%, transparent 99%, #ebf5ff);
      top: unset;
      box-shadow: none;
  }

  .main-tab-chat-mgs .align-items-end .dash-chat-bubble::after {
      content: '';
      position: absolute;
      visibility: visible;
      bottom: unset;
      right: -19px;
      transform: rotateX(180deg) rotateY(150deg) rotate(270deg);
      width: 34px;
      height: 40px;
      background: radial-gradient(180% 180% at right -65% top -65%, transparent 99%, #4785FF);
      top: 4px;
      box-shadow: none;
  }

  .main-tab-chat-mgs .dash-chat-bubble .bg-light-success.text-dark-75 {
      color: RGBa(63, 66, 84, 0.7) !important;
      line-height: normal;
  }

  .chat-reply-bubble .bg-light-primary .chat-reply-box {
      color: rgba(255, 255, 255, 0.8) !important;
  }

  .chat-reply-bubble .bg-light-primary a,
  .chat-reply-bubble .bg-light-primary .chat-reply-box .text-secondary,
  .chat-reply-bubble .bg-light-primary.text-dark-75,
  .main-tab-chat-mgs .dash-chat-bubble .bg-light-primary.text-dark-75 {
      color: #fff !important;
      line-height: normal;
  }

  .main-tab-notifications .main-noti-header {
      margin: -25px -21px 15px -21px;
      padding: 10px 25px;
      border-bottom: solid 1px #DBE3F2;
  }

  .main-tab-notifications .nav .nav-link:hover,
  .main-tab-notifications .nav .nav-link {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      border: 1px solid #E8E8FF;
  }

  .main-tab-notifications .nav.nav-pills .nav-link .nav-text {
      color: #B5B5C3;
  }

  .main-tab-notifications .nav.nav-pills .nav-link.active .nav-text {
      color: #4785ff;
  }

  .main-tab-notifications .nav.nav-pills .nav-link:not(.active) .label {
      color: #8C8E98;
      background-color: rgba(228, 230, 239, 0.5);
  }

  .bg-light-primary .chat-other-actions .btn svg path {
      fill: #fff
  }

  .bg-light-success .chat-other-actions .btn svg path {
      fill: #A3ACC6
  }

  .chat-other-actions {
      position: absolute;
      top: 20px;
      right: 12px;
      z-index: 2;
  }

  .chat-other-actions .btn {
      padding: 4px;
      height: auto !important;
      line-height: 0;
  }

  .chat-other-actions .navi.navi-hover {
      max-height: 100px;
      overflow: auto;
  }

  .chat-reply-input {
      background-color: rgba(240, 243, 255, 0.8);
      padding: 10px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      border-radius: 6px;
      width: 100%;
      display: inline-block;
      box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.02);
      color: rgba(63, 66, 84, 0.7) !important;
      font-size: 13px;
      margin-bottom: 5px;
      cursor: pointer;
      border-left: solid 3px #4785FF;
  }

  .chat-add-comment.task-info-add-comment .send-button,
  .chat-add-comment .taskInfo-add-comment-attch label {
      top: 18px;
  }

  body .chat-add-comment .emojionearea .emojionearea-button {
      margin-right: 0 !important;
  }

  .task-info-add-comment .emojionearea .emojionearea-editor {
      padding-right: 88px !important;
      word-break: break-word;
  }

  .chat-add-comment.task-info-add-comment .emojionearea {
      border-width: 0 0 1px 0 !important;
      border-radius: 0;
  }
  .AT-attachment-item .lightgallery li.video a video,
  .dash-chat-bubble .lightgallery li.video a video {
      object-fit: cover;
      height: 100%;
  }

  .dash-chat-bubble .lightgallery li.video {
      position: relative;
      border-radius: 5px;
      overflow: hidden;
      cursor: pointer;
  }
  .AT-attachment-item .lightgallery li.video:after,
  .dash-chat-bubble .lightgallery li.video:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, .25);
      cursor: pointer;
  }
  .AT-attachment-item .lightgallery li.video:before,
  .dash-chat-bubble .lightgallery li.video:before {
      content: "\f04b";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background-color: rgba(0, 0, 0, .25);
      cursor: pointer;
      color: #fff;
      font-weight: 900;
      font-family: "Font Awesome 5 Free";
      width: 32px;
      height: 32px;
      text-align: center;
      line-height: 30px;
      z-index: 1;
      border-radius: 100px;
  }

  #v-player {
      font-family: 'Poppins', sans-serif;
      max-width: 100%;
      margin: 0px;
      display: flex;
  }

  #podcast-player {
      width: 100%;
  }

  .epidode-header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      color: #879EB4;
  }

  .epidode-header p {
      margin: 0;
      font-size: 16px;
  }

  .episode-download {
      font-size: 14px;
      color: #879EB4;
      transition: all 0.2s ease-in-out;
  }

  .episode-download:hover {
      color: #15284B;
  }

  #podcast-player .episode-title {
      margin-bottom: 7px;
      font-weight: normal;
      font-size: 12px;
      line-height: 1.2;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
  }

  #controls,
  .second-part {
      color: #879EB4;
      font-weight: 500;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
  }

  .first-part,
  .second-part {
      position: relative;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
      display: flex;
  }

  .second-part {
      flex-grow: 1;
  }

  #controls i {
      cursor: pointer;
  }

  #play,
  #pause {
      transition: all 0.2s ease-in-out;
      padding-right: 7px;
      font-size: 17px;
      color: #a3acc6;
  }

  .bg-light-primary #play,
  .bg-light-primary #pause {
      color: #fff;
  }

  #play:hover,
  #pause:hover {
      color: #939db9;
  }

  .bg-light-primary #play:hover,
  .bg-light-primary #pause:hover {
      color: #F3F5FF;
  }

  #pause {
      display: none;
  }

  /* #prev-15,
#next-30 {
    position: relative;
    display: inline-block;
    color: #15284B;
    min-width: 15px;
    height: 15px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    background-color: #15284B;
}

#prev-15:hover,
#next-30:hover {
    color: #83BCFE;
    background-color: #83BCFE;
}

#prev-15::before,
#next-30::before {
    content: "";
    position: absolute;
    background: url("https://howwesolve.com/wp-content/uploads/2020/04/arrow-sec-white.svg") center no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    left: 0;
    top: 0;
}

#prev-15::before {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
} */



  #controls .time.current {
      min-width: 45px;
      text-align: right;
      font-size: 14px;
  }

  #controls .time.till-end {
      min-width: 50px;
      text-align: left;
      font-size: 14px;
  }

  #controls .progress-bar {
      margin: 0px;
      width: 100%;
      position: relative;
      height: 5px;
      border-radius: 50px;
      overflow: hidden;
  }

  #controls .default-bar {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 5px;
      background-color: rgba(163, 172, 198, 0.2);
      border-radius: 50px;
  }

  .bg-light-primary #controls .default-bar {
      background-color: rgba(255, 255, 255, 0.5);
  }

  #controls .fill-bar {
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 5px;
      background-color: rgba(163, 172, 198, 0.4);
      border-radius: 50px;
  }

  .bg-light-primary #controls .fill-bar {
      background-color: #fff;
  }

  #controls #seek {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-appearance: none;
      appearance: none;
      width: 100%;
      height: 5px;
      background-color: rgba(255, 255, 255, 0);
      border-radius: 50px;
      outline: none;
      cursor: pointer;
  }

  #controls #seek::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 10px;
      height: 5px;
      background: transparent;
      cursor: pointer;
  }

  #controls #seek::-moz-range-thumb {
      width: 10px;
      height: 5px;
      background: transparent;
      cursor: pointer;
  }

  .main-tab-chat-mgs .progress-bar {
      background-color: transparent;
  }

  .noti-attachment-img {
      width: 30px;
      height: 30px;
      border: solid 1px #E8E8FF;
      border-radius: 4px;
      padding: 3px;
      line-height: 20px;
  }

  .main-tab-notifications .noti-attachment-img img {
      max-width: 100%;
      max-height: 100%;
  }

  .main-tab-notifications .navi .navi-item:not(.noti-create-btn-wrapper .navi-item) {
      padding: 1rem 0 0.7rem 0px;
      border-top: solid 1px rgba(203, 203, 229, 0.5);
  }

  .main-tab-notifications .navi .navi-item:first-child {
      border-top: 0;
  }

  .main-tab-notifications .navi .navi-item .navi-link:not(.dashboard-v2-ele-row .navi-link) {
      padding-top: 0 !important;
  }


  .main-noti-list-wrapper {
      height: calc(100vh - 200px)
  }
  .main-tab-notifications .navi .navi-item:not(.noti-create-btn-wrapper .navi-item):first-child{border-top:0;padding-top:0}
  .main-tab-notifications .navi .navi-item:not(.noti-create-btn-wrapper .navi-item.single-item):first-child{padding:0rem}
  .all-list-footer {
      margin: 0 -21px -21px -21px;
      text-align: center;
      border-top: solid 1px rgba(203, 203, 229, 0.5);
  }

  .scrolledToCard {
      animation: blink-current-card 2s infinite;
  }

  @keyframes blink-current-card {
      0% {
          transform: scale(1);
      }

      50% {
          transform: scale(0.98);
          box-shadow: -1px 6px 18px 0 rgba(0, 0, 0, .2);
      }

      100% {
          transform: scale(1);
      }
  }

  .dash-timeline-tab .timeline.timeline-6::before {
      left: 66.5px;
      width: 1px;
  }

  .dash-timeline-tab .timeline.timeline-6 .timeline-item .timeline-label {
      width: 65px;
  }

  .competency-row {
      margin: 0 -15px
  }

  .competency-row .competency-col {
      padding: 0 15px;
      width: 100%;
  }

  .competency-row .competency-col.competency-col-right {
      max-width: 75%;
      min-width: 400px;
  }

  .competency-level-wrapper .irs-grid {
      height: 35px;
  }

  .competency-level-wrapper .irs-with-grid .irs-grid .irs-grid-pol {
      display: none
  }

  .competency-level-wrapper .irs-grid-text {
      color: #2B345F;
      font-weight: 500;
      font-family: 'Ubuntu', sans-serif;
  }

  .competency-col-right.competency-col {
      padding-left: 50px;
  }

  .sample-layers-preview figure {
      transition: all 0.3s;
  }

  .competency-nouislider-wrapper {
      height: calc(100% - 80px);
      min-height: 300px;
  }

  .competency-nouislider-wrapper .noUi-target.noUi-vertical {
      width: 6px;
  }

  .competency-nouislider-wrapper .noUi-target {
      border-radius: 4px;
      border: 1px solid #DCE2F3;
      box-shadow: none;
      background-color: #DCE2F3;
  }

  .competency-nouislider-wrapper .noUi-vertical .noUi-handle {
      width: 30px;
      height: 30px;
      left: calc(50% - 1px);
      transform: translateX(-50%);
      background-image: url(../media/images/slider-handle.svg);
      background-position: center;
      background-size: 39px 39px;
      background-repeat: no-repeat;
      cursor: grab;
      top: -10px;
      box-shadow: none;
      border: 0;
      padding: 0;
      background-color: transparent;
  }

  .competency-nouislider-wrapper .noUi-value-vertical {
      margin-left: 0;
      margin-top: 0;
      padding-left: 10px;
      color: rgba(43, 52, 95, 0.6);
      font-size: 13px;
      font-weight: 600;
  }

  .competency-nouislider-wrapper .noUi-marker-vertical.noUi-marker {
      display: none
  }

  .competency-nouislider-inputs {
      height: calc(100% + 36px);
      margin-top: -18px;
  }
  .noUi-base{height:3px;}
  .noUi-connects{height:4px;transform: translateY(-1px);}
  .competency-nouislider-wrapper .noUi-base,
  .competency-nouislider-wrapper .noUi-connects {
      width: 6px;
  }

  .proficiency-level-input .form-control {
      border-width: 0 0 1px 0;
      background-color: transparent;
      border-radius: 0;
      margin-left: 25px;
      padding-right: 0;
      font-size: 17px;
      width: calc(100% - 25px);
  }

  .proficiency-level-input .form-control:not(:focus, :hover) {
      border-color: transparent
  }

  .add-competency-wizard .proficiency-level-input {
      display: flex
  }

  .add-competency-wizard .proficiency-level-input .minicolors-theme-bootstrap .minicolors-input {
      display: none
  }

  .add-competency-wizard .proficiency-level-input .minicolors-position-bottom .minicolors-panel {
      top: 100%;
  }

  .add-competency-wizard .proficiency-level-input .minicolors-swatch-color::after {
      content: "";
      position: absolute;
      left: -4px;
      right: -4px;
      top: -4px;
      bottom: -4px;
      border: solid 2px currentColor;
      border-radius: 100px;
  }

  .competency-scroll-btn {
      position: absolute;
      top: calc(50% - 3px);
      transform: translateY(-50%);
      z-index: 2;
  }

  .competency-scroll-btn.competency-scroll-next {
      right: 0px;
  }

  .competency-scroll-btn.competency-scroll-prev {
      left: 0px;
  }

  /* .minicolors {
      z-index: 1;
  } */

  .node-competency {
      cursor: default;
      display: inline-block;
      text-align: left;
      background-color: #fff;
      line-height: 1.3em;
      position: relative;
  }

  .node-competency .structure-tile {
      padding: 5px 10px 10px 10px;
      width: 220px;
      border: 1px solid #e7ecf2;
      border-radius: 10px;
      box-shadow: 0px 12px 17px rgba(0, 0, 0, 0.04), 0px 2.4px 2.7625px rgba(0, 0, 0, 0.02);
      background-image: linear-gradient(180deg, #FFF 0%, #FFF 46.68%);
  }

  .role-hierarchy-wrapper .role-hierarchy-tile .node-line,
  .node-competency .structure-tile .node-competency-line {
      content: "";
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      height: calc(100% - 25px);
      width: 3px;
      position: absolute;
      border-radius: 10px;
  }

  .role-hierarchy-wrapper .role-hierarchy-tile .node-line {
      left: -2.5px;
  }

  .role-hierarchy-wrapper .parentCard .role-hierarchy-tile .node-line {
      width: calc(100% - 25px);
      height: 3px;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0;
      top: unset;
      max-width: 100px;
  }

  .role-hierarchy-wrapper .org-chart-actions {
      left: 20px;
      right: unset;
      opacity: 0;
      transition: all 0.2s;
  }

  .role-hierarchy-wrapper .role-hierarchy-tile:hover .org-chart-actions {
      opacity: 1
  }

  .role-hierarchy-wrapper .org-chart-actions i {
      color: #B6C5D6;
  }

  .roleHierarchy .orgchart .node .bottomEdge {
      line-height: normal;
      cursor: pointer;
      margin-bottom: 0;
      left: unset;
      transform: translateX(0%);
      z-index: 1;
      width: 20px;
      max-width: 20px;
      height: 17px;
      border-radius: 100px;
      text-align: center;
      right: 20px;
      bottom: unset;
      top: 10px;
      border: 0 !important;
  }

  body .hierarchy .bottomEdge::before {
      font-family: "Line Awesome Free";
      color: #898c9b;
      font-size: 15px;
  }

  .node-competency .structure-tile.parentNode .node-competency-line {
      left: 50%;
      height: 3px;
      width: 100px;
      top: unset;
      bottom: 0;
      transform: translateX(-50%);
  }

  .node-competency .hideChild,
  .node-competency .viewChild {
      width: 20px;
      max-width: 20px;
      height: 20px;
      border: none;
      border-radius: 0;
      transform: none;
      text-align: center;
      background-color: #fff;
      line-height: 20px;
      float: none;
      margin-bottom: 0;
  }

  .node-competency .viewChild:after,
  .node-competency .hideChild:after {
      font-size: 10px;
  }

  .competency-chart-actions {
      position: absolute;
      bottom: -15px;
      left: 50%;
      transform: translateX(-50%);
      opacity: 0;
      transition: all 0.3s;
  }

  .competency-chart-actions .btn {
      padding: 0px;
      width: 30px;
      height: 30px;
      border-radius: 30px;
      line-height: 26px;
      text-align: center;
      background-color: #fff;
  }

  .competency-chart-actions .btn i {
      padding: 0;
      font-size: 15px;
      line-height: 27px;
  }

  .structure-tile:hover .competency-chart-actions {
      opacity: 1
  }

  .add-competency-wizard div.jobChart tr.lines td.line,
  .add-competency-wizard div.orgChart tr.lines td.line {
      height: 20px;
  }

  .link-compentency-wrapper {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
      -webkit-column-gap: 15px;
      -moz-column-gap: 15px;
      column-gap: 15px;
      orphans: 1;
      widows: 1;
  }

  .link-compentency-wrapper .link-compentency-item.card {
      margin-bottom: 15px;
      display: block;
  }
  .link-compentency-item.card .link-competency-header{padding-right:30px}
.link-compentency-item.card .btn-light-danger{
    padding: 0;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    line-height: 18px;
    text-align: center;
    position: absolute;
    right: 0;
  }
  .link-compentency-wrapper .link-compentency-item.card label{
      cursor:pointer
  }

  .link-compentency-item input~.card-body .link-competency-check {
      width: 18px;
      height: 18px;
      background-color: #fff;
      border: 1px solid #dbe1e6;
      border-radius: 5px;
  }

  .link-compentency-item input:checked~.card-body .link-competency-check {
      border: 1px solid #5B93FF;
      background-color: #5B93FF;
  }

  .link-compentency-item input:checked~.card-body .link-competency-check::after {
      content: '';
      border-color: transparent;
      border-style: solid;
      border-width: 0 2px 2px 0 !important;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      margin-top: -2px;
      border-color: #ffffff;
      width: 5px;
      height: 10px;
      display: block;
      left: 6px;
      position: relative;
      top: 4px;
  }

  .link-competency-proficiency .LCP-header {
      position: relative;
  }

  .link-competency-proficiency .LCP-header::after {
      content: "";
      top: calc(50% - 1px);
      left: -18px;
      position: absolute;
      width: calc(100% + 36px);
      height: 1px;
      background-color: #EBEDF3;
  }

  .link-competency-proficiency .LCP-header span {
      position: relative;
      z-index: 1;
      background-color: #fff;
      padding: 0 10px;
      margin: 0 -10px;
  }

  .link-competency-proficiency .LCP-inner .LCP-item {
      margin: 5px;
      padding-left: 15px;
      position: relative;
  }

  .link-competency-proficiency .LCP-inner .LCP-item:first-child {
      padding-left: 0
  }

  .link-competency-proficiency .LCP-inner .LCP-item::after {
      content: "";
      position: absolute;
      left: 0px;
      border-right: solid 2px #999;
      height: 15px;
      top: 50%;
      transform: translateY(-50%);
  }

  .link-competency-proficiency .LCP-inner .LCP-item:first-child::after {
      display: none
  }

  .link-competency-proficiency .LCP-inner {
      margin: 0 -5px;
  }

  .LCP-number {
      width: 22px;
      min-width: 22px;
      height: 22px;
      display: inline-block;
      border: solid 2px;
      font-size: 10px;
      font-weight: bold;
      border-radius: 100px;
      text-align: center;
      line-height: 18px;
      color: #1E212F;
  }

  .link-compentency-wrapper-outer {
      max-height: calc(100vh - 300px);
  }

  .add-competency-level4 .custom-actions-dropdown .btn-light-primary {
      height: 36.86px;
      min-width: 36.86px;
  }

  .ACL4-list {
      -webkit-column-count: 4;
      -moz-column-count: 4;
      column-count: 4;
      -webkit-column-gap: 25px;
      -moz-column-gap: 25px;
      column-gap: 25px;
      orphans: 1;
      widows: 1;
      margin-bottom: -2rem;
  }

  .ACL4-list .card {
      margin-bottom: 2rem;
      width: 100%;
      box-shadow: 0px 12px 17px rgba(0, 0, 0, 0.04), 0px 2.4px 2.7625px rgba(0, 0, 0, 0.02);
      overflow: hidden;
  }

  .ACL4-list .card .card-header,
  .ACL4-list .card .card-body {
      padding: 20px !important
  }

  .ACL4-list .card .card-footer {
      padding: 15px 25px !important;
      opacity: 1;
      overflow: hidden;
      transition: all 0.4s;
      position: absolute;
      width: 100%;
      z-index: 2;
      bottom: -100%;
  }

  .popover:hover .card-footer,
  .ACL4-list .card:hover .card-footer {
      bottom: 0%;
  }

  .ACL4-list .card .ACL4-header {
      min-height: 110px;
      width: 100%;
      display: block;
      box-shadow: none;
  }

  .ACL4-list .card .ACL4-header.ACL4-img-header {
      background-size: cover;
      background-position: center center;
      position: relative;
  }

  .ACL4-list .card .ACL4-header.ACL4-icon-header {
      min-height: auto;
      padding-bottom: 0 !important;
      position: relative;
  }

  .ACL4-list .card .ACL4-header.ACL4-icon-header figure {
      position: relative
  }

  .ACL4-list .card .ACL4-header.ACL4-icon-header figure::after {
      content: "";
      position: absolute;
      top: 0px;
      width: 3px;
      left: -20px;
      height: calc(100% - 4px);
      background-color: #4F8AFF;
  }

  .ACL4-without-icon .ACL4-title a h6 {
      position: relative
  }

  .ACL4-without-icon .ACL4-title a h6::after {
      content: "";
      position: absolute;
      top: 0px;
      width: 3px;
      left: -20px;
      height: calc(100% - 4px);
      background-color: #4F8AFF;
      display: inline-block;
  }

  .task-library .ACL4-list .ACL4-with-overlay .ACL4-img-header {
      min-height: 220px !important;
      position: relative;
      z-index: 1;
      transition: all 0.2s;
  }

  .ACL4-with-overlay .card-body {
      position: absolute;
      z-index: 1;
      height: 100%;
      top: calc(100% - 53px);
      transition: all 0.2s
  }

  .ACL4-with-overlay:hover .card-body {
      top: 0
  }

  .ACL4-with-overlay .ACL4-img-header::after {
      display: none;
  }

  .ACL4-with-overlay .ACL4-img-header::before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 0%;
      z-index: -1;
      background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.4) -30%, rgba(0, 0, 0, 0.25) 70%);
      transition: all 0.2s;
  }

  .ACL4-with-overlay .card-body::before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      z-index: -1;
      height: 100%;
      background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.5) -30%, rgba(0, 0, 0, 0.35) 70%);
  }

  .ACL4-with-overlay:hover .card-body::before {
      background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.85) -30%, rgba(0, 0, 0, 0.7) 70%);
  }

  .ACL4-with-overlay .ACL4-tags .label-light {
      color: #fff;
      background-color: rgba(255, 255, 255, 0.2);
      border: solid 1px rgba(255, 255, 255, 0.2);
  }

  .ACL4-with-overlay .border-light {
      border-color: rgba(255, 255, 255, 0.3) !important;
  }

  .card-header.ACL4-header.ACL4-img-header::after {
      content: "";
      position: absolute;
      bottom: 0;
      width: 100%;
      left: 0;
      height: 50%;
      background-image: linear-gradient(360deg, rgba(0, 3, 34, 0.8) -30%, rgba(217, 217, 217, 0) 70%);
  }

  .btn-light-solid-plus {
      width: 30px;
      min-width: 30px;
      height: 30px;
      border-radius: 30px;
      padding: 0;
      position: relative;
      background-color: #FBFCFE;
      border: 1px solid #CDDBFF;
      box-shadow: 0px 4px 4px rgba(163, 172, 198, 0.19);
  }

  .btn-light-solid-plus i {
      padding: 0px;
      color: #3698FF;
      font-size: 15px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%)
  }

  .btn-light-solid-plus:hover {
      border: 1px solid #c0d0fa;
  }

  .btn-light-solid-plus:hover i {
      color: #3698FF;
  }

  .ACL4-list-actions .btn {
      padding: 0;
      width: 30px;
      height: 30px;
      border-radius: 100px;
      border: solid 1px #E8EDF3;
      line-height: 26px;
  }

  .ACL4-list-actions .btn:hover {
      border: solid 1px #e3e9f0;
  }

  .pro-level-circle {
      width: 23px;
      height: 23px;
      display: inline-block;
      border: solid 2px;
      text-align: center;
      font-size: 10px;
      font-weight: bold;
      line-height: 19px;
      border-radius: 100px;
  }

  .ACL4-popover-list {
      padding: 0 15px 0 10px;
      max-height: 290px;
      overflow: auto;
  }

  .ACL4-list-item {
      padding: 15px;
      border-radius: 7px;
      border: solid 2px;
      margin: 10px 0px;
      background-color: #fff;
      min-width: 175px;
  }

  .ACL4-popover-container .popover {
      background-color: transparent;
      box-shadow: none;
      border: 0;
  }

  .collaborator-typing.d-flex {
      position: absolute;
      bottom: 0%;
      left: 0;
      width: 100%;
      z-index: 99;
      background-color: rgba(255, 255, 255, 0.9);
      padding-top: 5px;
  }

  .collaborator-typing .chat-bubble {
      background-color: #EBF5FF;
      padding: 5px 12px;
      -webkit-border-radius: 20px;
      -webkit-border-bottom-left-radius: 2px;
      -moz-border-radius: 20px;
      -moz-border-radius-bottomleft: 2px;
      border-radius: 20px;
      border-bottom-left-radius: 2px;
      display: inline-block;
  }

  .collaborator-typing .typing {
      align-items: center;
      display: flex;
      height: 17px;
  }

  .collaborator-typing .typing .dot {
      animation: mercuryTypingAnimation 1.8s infinite ease-in-out;
      background-color: #5B93FF;
      border-radius: 50%;
      height: 4px;
      margin-right: 4px;
      vertical-align: middle;
      width: 4px;
      display: inline-block;
  }

  .collaborator-typing .typing .dot:nth-child(1) {
      animation-delay: 200ms;
  }

  .collaborator-typing .typing .dot:nth-child(2) {
      animation-delay: 300ms;
  }

  .collaborator-typing .typing .dot:nth-child(3) {
      animation-delay: 400ms;
  }

  .collaborator-typing .typing .dot:last-child {
      margin-right: 0;
  }

  @keyframes mercuryTypingAnimation {
      0% {
          transform: translateY(0px);
          background-color: #acc7fc;
      }

      28% {
          transform: translateY(-7px);
          background-color: #7ca8fc;
      }

      44% {
          transform: translateY(0px);
          background-color: #5B93FF;
      }
  }

  .main-tab-chat-mgs {
      position: relative;
      padding-bottom: 15px;
  }

  .chat-attach-preview-doc figure {
      min-width: 15px;
  }

  .add-approver-fields-wrapper .align-self-end {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      min-width: 0;
      max-width: 100%;
  }

  .new-msg-alert {
      font-weight: 500;
      color: #fff;
      background-color: #4672f9;
      border-radius: 7px 7px 0 7px;
      padding: 3px 10px;
      display: inline-block;
      cursor: pointer;
  }

  div.jobChart tr.lines td.left,
  div.orgChart tr.lines td.left {
      position: relative;
  }

  div.jobChart tr.lines td.left:after,
  div.orgChart tr.lines td.left::after {
      content: "\f107";
      position: absolute;
      bottom: -7px;
      font-family: 'Line Awesome Free';
      font-weight: 900;
      right: -7.5px;
      color: #d1dae3;
  }

  .CDI-span {
      border: dashed 1px #A3ACC6;
      width: 18px;
      height: 18px;
      min-width: 18px;
      text-align: center;
      border-radius: 2px;
      line-height: 16px;
      font-size: 11px;
  }

  .CST-item-inner {
      border: 0.5px solid #E4E6EF;
      box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.03);
      border-radius: 5px;
      padding: 15px;
      height: calc(100% - 30px);
      margin-bottom: 30px;
  }

  .competency-details-Topcards {
      margin-bottom: -30px
  }

  .competency-details-Topcards .CST-item-inner ul {
      margin-top: -10px;
      margin-bottom: 0;
      list-style-type: none!important;
  }

  .competency-details-Topcards .CST-item-inner ul li {
      padding-left: 25px;
      position: relative;
      margin: 5px 0px;
  }

  .competency-details-Topcards .CST-item-inner ul li::after {
      content: "";
      position: absolute;
      left: 0px;
      width: 17px;
      height: 17px;
      background-image: url(../media/images/list-bullet2.svg);
      background-size: 100%;
      background-position: center center;
      top: 2px;
  }

  .CST-footer figure img {
      height: 28px;
  }

  .CST-footer a:hover {
      opacity: 0.8
  }

  .CST-footer a svg {
      transition: 0.2s
  }

  .CST-footer a:hover svg {
      transform: translateX(2px);
  }

  .competency-details-TopSec {
      min-height: 265px;
  }

  .competency-details-TopSec::after {
      content: "";
      position: absolute;
      bottom: 0;
      box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
      height: 1px;
      left: -30px;
      right: -30px;
  }

  .competency-tag-wrapper span.comp-tag-item {
      opacity: 0.7;
      cursor: text !important;
      -webkit-user-select: auto;
      -moz-user-select: auto;
      -ms-user-select: auto;
      user-select: auto;
      display: flex;
      align-items: center;
  }

  .comp-tag-img .comp-tag-item {
      opacity: 1
  }

  .comp-tag-img .comp-tag-item img {
      max-height: 30px;
  }

  .comp-tag-orange span.btn {
      border-color: #F4BA8A;
      color: #F59159;
  }

  .comp-tag-primary span.btn {
      border-color: #A4C0F7;
      color: #4785FF;
  }

  .comp-tag-info span.btn {
      color: #927FBF;
      border-color: #C4BBF0;
  }

  .comp-tag-secondary span.btn {
      color: #8A96AE;
      border-color: #C9D0DD;
  }

  .comp-tag-warning span.btn {
      color: #E3AE49;
      border-color: #FDE4B5;
  }

  .comp-tag-success span.btn {
      color: #31C28C;
      border-color: #8EE7CE;
  }

  .CST-item-divider {
      margin-bottom: 30px;
  }

  .CST-item-divider::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      border-bottom: solid 1px var(--border-light-v2);
  }

  .CST-item-divider h5,
  .CST-item-divider h6 {
      background-color: #fff;
      position: relative;
      z-index: 1;
      display: inline-block;
      padding-right: 5px;
  }

  .owl-top-right .owl-prev,
  .owl-top-right .owl-next {
      background-color: #fff !important
  }

  .owl-theme .owl-nav [class*="owl-"]:hover {
      background: transparent !important;
  }

  .competency-details-carousel .cdc-unit {
      border: solid 1px #C3D4E4;
      border-radius: 7px;
  }

  .competency-details-carousel .cdc-header {
      border-bottom: solid 1px #C3D4E4;
      padding: 7px 10px;
  }

  .competency-details-carousel .cdc-header figure img {
      height: 20px;
      max-width: 100%;
      width: auto;
      display: inline-block;
  }

  .competency-details-carousel .cdc-body {
      padding: 7px 10px;
  }

  .competency-cards-show-all {
      position: sticky;
      bottom: 5px;
      right: 0;
      z-index: 2;
      transition: all 0.3s;
  }

  .competency-cards-show-all:hover {
      opacity: 0.8
  }

  .competency-cards-show-all a {
      display: inline-block;
      padding: 2px 5px;
      background-color: rgba(255, 255, 255, 0.5);
  }

  .CD-proficiency-levels .dataTable {
      border-collapse: collapse !important;
  }

  .CD-proficiency-levels .dataTable th {
      background-color: transparent;
      color: #181C32 !important;
      font-weight: 500 !important;
      position: relative;
  }

  .CD-proficiency-levels .dataTable thead th {
      vertical-align: middle
  }

  .CD-proficiency-levels th.dtfc-fixed-left {
      background-color: #fff;
      box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.05);
      z-index: 1;
  }

  .CD-proficiency-levels .dataTables_wrapper .dataTable tbody tr:hover th:first-child::before {
      display: none
  }
 .job-details-card .CD-proficiency-levels .dataTables_wrapper .dataTable tbody tr:hover th:first-child::before {
    display: block
}

  .dataTable.noTrShadow tbody tr:hover,
  .CD-proficiency-levels .dataTables_wrapper .dataTable tbody tr:hover {
      box-shadow: none;
  }
  .dataTable.noLefBorder tbody tr td:first-child::before,
  .dataTable.noLefBorder tbody tr th:first-child::before{
  display:none
  }

  .PLT-th-border {
    position: absolute;
    bottom: 0;
    max-width: 90px;
    height: 2px;
    left: 1rem;
    width: calc(80% - 1rem);
  }

  .PLT-th-border.border-danger {
      background-image: linear-gradient(to right, #f76e7d, rgba(0, 0, 0, 0));
  }

  .PLT-th-border.border-secondary {
      background-image: linear-gradient(to right, #7A7992, rgba(0, 0, 0, 0));
  }

  .PLT-th-border.border-warning {
      background-image: linear-gradient(to right, #FFA800, rgba(0, 0, 0, 0));
  }

  .PLT-th-border.border-orange {
      background-image: linear-gradient(to right, #F59159, rgba(0, 0, 0, 0));
  }

  .PLT-th-border.border-success {
      background-image: linear-gradient(to right, #32D0A5, rgba(0, 0, 0, 0));
  }

  .PLT-th-border.border-primary {
      background-image: linear-gradient(to right, #4785FF, rgba(0, 0, 0, 0));
  }

  .tab-nav-card-wrapper,
  .tab-nav-box-wrapper {
      margin-bottom: -30px;
  }

  .tab-nav-box-wrapper .tab-nav-box-inner {
      padding: 35px 35px 15px 35px;
      box-shadow: 0px 13px 11px rgba(0, 71, 176, 0.06);
      border-radius: 10px;
      background-color: #fff;
      margin-bottom: 30px;
      height: calc(100% - 30px);
      position: relative
  }

  .tab-nav-box-inner .TNB-img figure {
      background-color: #F2F7FF;
      width: 52px;
      height: 52px;
      border-radius: 100px;
      text-align: center;
      line-height: 52px;
      margin: 0 auto 10px auto;
  }

  .tab-nav-box-inner .TNB-img figure img {
      height: 22px;
  }
  .tab-nav-card-inner .TBN-hover-arrow,
  .tab-nav-box-inner .TBN-hover-arrow {
      opacity: 0;
      transform: scale(0);
      transition: all 0.3s;
  }
  .tab-nav-card-inner:hover .TBN-hover-arrow,
  .tab-nav-box-inner:hover .TBN-hover-arrow {
      opacity: 1;
      transform: scale(1);
  }
  .tab-nav-box-inner::after {
      content: "";
      position: absolute;
      bottom: 0;
      width: 100px;
      height: 0px;
      border-radius: 10px 10px 0 0;
      background-color: #4f8aff;
      left: 50%;
      transform: translateX(-50%);
      opacity: 0;
      transition: all 0.3s;
  }
  .tab-nav-box-inner:hover::after {
      height: 3px;
      opacity: 1;
  }
  .tab-nav-card-wrapper .tab-nav-card-inner {
      background: #FFFFFF;
      box-shadow: 0px 13px 11px rgba(0, 71, 176, 0.06);
      border-radius: 10px;
      overflow: hidden;
      height: calc(100% - 30px);
      margin-bottom: 30px;
  }
  .tab-nav-card-wrapper .tab-nav-card-img{
    /* height: calc(100% - 30px); */
    margin-bottom: 30px;
  }
  .tab-nav-card-wrapper .tab-nav-card-img .tab-nav-card-inner {
    background-size: cover;
    position: relative;
    padding:40px;
    overflow: hidden;
    height: calc(100% - 0px);
    margin-bottom: 0px;
  }
  .tab-nav-card-wrapper .tab-nav-card-img .view-more {
    position: absolute;
    bottom: 0px;
    z-index: 1;
    opacity:0;
    transition: all 0.2s;
  }
  .tab-nav-card-wrapper .tab-nav-card-img:hover .view-more {
    bottom: 15px;
    opacity:1;
  }
  .tab-nav-card-wrapper .tab-nav-card-img .tab-nav-card-inner:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color: rgba(5, 0, 58, 0.7);
  }
  .tab-nav-card-wrapper .tab-nav-card-img .TBN-title{
    position:relative;
    z-index:1;
    color: #fff;
    line-height: 24px;
  }
  .tab-nav-card-wrapper .TNC-banner {
      padding: 25px;
      position: relative;
      min-height: 90px;
      background-size: cover;
  }

  .tab-nav-card-wrapper .TBN-body {
      padding: 35px 25px 25px 25px;
  }

  .tab-nav-card-wrapper .TNC-icon {
      position: absolute;
      bottom: 0;
      transform: translateY(50%);
  }

  .TNC-icon figure {
      background-color: #F2F7FF;
      width: 48px;
      height: 48px;
      border-radius: 100px;
      text-align: center;
      line-height: 46px;
      border: 1px solid rgba(195, 206, 217, 0.42);
  }

  .TNC-icon figure img {
      height: 22px;
  }

  .tab-nav-card-inner .TNC-icon {
      opacity: 0;
      transform: scale(0) translateY(50%);
      transition: all 0.3s;
  }

  .tab-nav-card-inner:hover .TNC-icon {
      opacity: 1;
      transform: scale(1) translateY(50%);
  }

  .tab-nav-card-inner .TBN-title {
      max-width: 250px;
      margin-right: auto;
  }

  .brand.flex-column-auto {
      border-bottom: solid 1px #EBEDF3;
      min-height: 66px;
  }

  .pro-level-dot {
      width: 6px;
      height: 6px;
      border-radius: 10px;
      align-self: center;
  }

  .add-competency-wizard .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step {
      flex-grow: 0;
      padding-right: 15px;
  }

  .add-competency-wizard .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .add-competency-thumb {
      margin: 0 auto 20px auto;
      border: 1px solid #E6EFF8;
      width: 60px;
      height: 60px;
      border-radius: 100px;
      position: relative;
  }

  .add-competency-wizard .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step .wizard-label .add-competency-thumb img {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%)
  }

  .form-error .switch.switch-sm input:empty~span,
  .form-error .select2-container--default:not(.select2-container--open) .select2-selection--single,
  .form-error .input-group-append .input-group-text,
  .form-error .form-control:not(:focus) {
      border-color: #ff7070 !important;
  }

  .form-error .switch input~span::before {
      border: solid 1px #ff7070;
      background-color: #FF7070;
  }

  .form-error .switch input:checked~span::after {
      background-color: #FF7070;
  }

  .form-error.date .input-group-append .input-group-text svg path {
      fill: #ff7070;
      stroke: #ff7070;
  }

  .form-error .bootstrap-select > .dropdown-toggle.bs-placeholder.btn{
    border-color: #ff7070 !important;
}

  .form-error .select2-container--default:not(.select2-container--open) .select2-selection--single::after,
  .form-error .input-group-append .input-group-text,
  .form-error .form-control:not(:focus){}

  .form-error .select2-container--default:not(.select2-container--open) .select2-selection--single .select2-selection__rendered,
  .form-error .select2-container--default:not(.select2-container--open) .select2-selection--single::after,
  .form-error .input-group-append .input-group-text,
  .form-error .form-control:not(:focus) {
      color: #ff7070 !important;
  }

  .select2-search.select2-search--inline .select2-search__field::-moz-placeholder {
      color: #A3ACC6 !important;
      font-family: 'Ubuntu', sans-serif;
      font-size: 15px;
  }

  .select2-search.select2-search--inline .select2-search__field:-ms-input-placeholder {
      color: #A3ACC6 !important;
      font-family: 'Ubuntu', sans-serif;
      font-size: 15px;
  }

  .select2-search.select2-search--inline .select2-search__field::-webkit-input-placeholder {
      color: #A3ACC6 !important;
      font-family: 'Ubuntu', sans-serif;
      font-size: 15px;
  }

  .select2-search.select2-search--inline .select2-search__field::placeholder {
      color: #A3ACC6 !important;
      font-family: 'Ubuntu', sans-serif;
      font-size: 15px;
  }

  /* .form-error .form-control:not(:focus)::-webkit-input-placeholder {
    color: #ffbaba;
    opacity: 1;
}
.form-error .form-control:not(:focus)::-moz-placeholder {
    color: #ffbaba;
    opacity: 1;
}
.form-error .form-control:not(:focus):-ms-input-placeholder {
    color: #ffbaba;
    opacity: 1;
}
.form-error .form-control:not(:focus)::-ms-input-placeholder {
    color: #ffbaba;
    opacity: 1;
}
.form-error .form-control:not(:focus)::placeholder {
    color: #ffbaba;
    opacity: 1;
} */
  .wizard-icon figure {
      border: 0.904447px solid #E6EFF8;
      width: 60px;
      height: 60px;
      text-align: center;
      line-height: 60px;
      margin: 0 auto 10px auto;
      border-radius: 100px;
      background-color: #fff;
  }

  .ACW-inner .wizard-step .wizard-icon {
      margin-bottom: 10px;
  }

  .ACW-inner .wizard-step .wizard-icon figure {
      width: 65px;
      height: 65px;
  }

  .ACW-inner .wizard-step .wizard-icon figure img {
      max-height: 27px
  }

  .ACW-inner [data-wizard-state="done"].wizard-step .wizard-icon figure::after {
      position: absolute;
      content: "";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      background-color: #2C92FF;
      color: #DEEFFF;
      width: 17px;
      height: 17px;
      line-height: 16px;
      font-size: 17px;
      text-align: left;
      border-radius: 100px;
      bottom: -5px;
      left: 50%;
      transform: translate(-50%, -50%);
  }

  .kt_wizard_v3A .wizard-title {
      text-align: center
  }

  .form-error .form-control:focus~.error-msg-span:not(.form-error .error-msg-span) {
      display: none !important;
  }

  .wizard.wizard-3.kt_wizard_v3A .wizard-nav {
      position: relative;
      margin-bottom: 15px;
  }

  .ACW-inner {
      max-width: 1020px;
      margin: auto;
      position: relative;
      padding: 0 40px;
  }

  .wizard.wizard-3.kt_wizard_v3A .wizard-nav::after {
      content: "";
      position: absolute;
      left: -2.25rem;
      right: -2.25rem;
      height: 10px;
      box-shadow: 0px 5.42668px 6.47px rgba(0, 0, 0, 0.04);
      bottom: 10px;
      width: calc(100% + 5rem);
  }

  .add-competency-wizard .wizard.wizard-3.kt_wizard_v3A .wizard-nav::after {
      bottom: 0;
  }

  .wizard.wizard-3.kt_wizard_v3A .wizard-nav .wizard-steps {
      -webkit-box-align: start;
      align-items: start;
      flex-wrap: nowrap;
  }

  .wizard.wizard-3 .wizard-nav .ACW-inner .wizard-steps {
      max-width: calc(100% - 10px);
      margin: auto;
  }

  .wizard.wizard-3.kt_wizard_v3A .wizard-steps .wizard-step {
      position: relative;
      z-index: 1;
      display: block;
      flex-grow: 1;
      flex-basis: 0;
      margin-right: 1rem;
      min-width: 150px;
      max-width: 150px;
  }

  .add-competency-wizard .wizard.wizard-3.kt_wizard_v3A .wizard-steps .wizard-step {
      min-width: 235px;
      max-width: 235px;
      padding-left: 15px;
      align-self: unset;
      height: 100%;
      padding-bottom: 15px;
      min-height: 155px;
      border-bottom: solid 2px transparent;
  }

  .add-competency-wizard .wizard.wizard-3.kt_wizard_v3A .wizard-steps [data-wizard-state="current"].wizard-step {
      border-color: #4294ff;
      ;
  }

  .wizard.wizard-3.kt_wizard_v3A .wizard-steps .wizard-step::after {
      content: "";
      top: 35px;
      left: -60px;
      position: absolute;
      border-bottom: dashed 2px #ddd;
      z-index: -1;
      width: 100%;
  }

  .add-competency-wizard .wizard.wizard-3.kt_wizard_v3A .wizard-steps .wizard-step::after {
      left: -87px;
      top: 46px;
      width: calc(100% - 63px);
  }

  .wizard.wizard-3.kt_wizard_v3A.kt_wizard_v3B .wizard-steps .wizard-step {
      min-width: 175px;
      max-width: 175px;
  }

  .wizard.wizard-3.kt_wizard_v3A .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
      font-size: 14px;
      line-height: 18px;
      justify-content: center;
  }

  .wizard.wizard-3.kt_wizard_v3A .wizard-nav .wizard-steps .wizard-step .wizard-label {
      padding-top: 0;
      padding-bottom: 0;
  }

  .wizard.wizard-3.kt_wizard_v3A .wizard-steps .wizard-step:first-child::after {
      display: none
  }

  .wizard.wizard-3.kt_wizard_v3A [data-wizard-state="current"].wizard-step::after,
  .wizard.wizard-3.kt_wizard_v3A [data-wizard-state="done"].wizard-step::after {
      border-color: #4294FF !important;
  }

  .add-competency-wizard .wizard.wizard-3.kt_wizard_v3A [data-wizard-state="current"].wizard-step::after,
  .add-competency-wizard .wizard.wizard-3.kt_wizard_v3A [data-wizard-state="done"].wizard-step::after {
      border-bottom-style: solid;
  }

  .wizard.wizard-3.kt_wizard_v3A .wizard-icon {
      filter: grayscale(1)
  }

  .wizard.wizard-3.kt_wizard_v3A [data-wizard-state="current"].wizard-step .wizard-icon,
  .wizard.wizard-3.kt_wizard_v3A [data-wizard-state="done"].wizard-step .wizard-icon {
      filter: grayscale(0)
  }

  /* .ind-competency-modal-scroll{max-height:calc(100vh - 500px);min-height:350px;} */
  .ind-competency-modal-scroll .CST-item-divider h6 {
      padding-left: 13px;
  }

  .competency-form-highlighted-box {
      background-color: #f9fbfe;
      padding: 15px;
      border-radius: 10px;
  }

  body.modal-open .ACL4-popover-container .popover {
      z-index: 1049
  }

  .view-more-imgs {
      max-width: 266px;
  }

  .TS-project-number.TS-project-logo {
      left: -16px;
      width: 30px;
      height: 30px;
      background-color: transparent;
      top: -2px;
  }

  .desire-jobs-timeline .DT-progress-circle,
  .TS-current-designation {
      position: absolute;
      left: -10px;
      width: 20px;
      height: 20px;
      background-color: #fff;
      border-radius: 100px;
      top: 0;
      z-index: 1;
      color: #fff;
      text-align: center;
      font-size: 12px;
      line-height: 20px;
  }

  .TM-gap-analysis-wrapper .gap-pro-level span.gap-check::after {
      display: none
  }

  .TM-gap-analysis-wrapper .gap-pro-level span.gap-check img {
      width: 16px;
  }

  .TM-gap-analysis-wrapper .gap-pro-level span.gap-check {
      transform: translateX(2px);
      bottom: -28px;
  }

  .TM-gap-analysis-wrapper .gap-user-pp {
      border: 0;
      box-shadow: none;
      text-align: center;
      width: auto;
      transform: translateX(7px);
  }

  .TM-gap-analysis-wrapper .gap-user-pp figure {
      width: 22px;
      height: 22px;
  }

  .TM-gap-analysis-wrapper.gap-analysis-wrapper li:first-child {
      width: 10px
  }

  .TM-gap-analysis .TM-gap-analysis-item {
      padding: 15px 0;
      border-top: 1px solid #F6F6FB;
  }

  .TM-gap-analysis .TM-gap-analysis-item:first-child {
      padding-top: 0;
      border-top: 0;
  }

  .TM-gap-analysis .TM-gap-analysis-item:last-child {
      padding-bottom: 0;
  }

  .TMGA-title {
      min-width: 100px;
      max-width: 100px;
      line-height: normal;
  }

  .invisible-inner-input .form-control {
      visibility: hidden;
  }

  .TM-gap-analysis-item .gap-analysis-wrapper li::after,
  .TM-gap-analysis-item .gap-analysis-wrapper li {
      width: 30px;
  }

  .card-toolbar-svg {
      margin-left: auto;
      align-self: center;
      max-width: calc(100% - 350px)
  }

  .card-toolbar-svg li {
      margin-left: 5px;
  }

  .card-toolbar-svg .btn.btn-light-border svg {
      margin-left: 5px;
      filter: grayscale(1);
  }

  .card-toolbar-svg .btn.btn-light-border:hover svg {
      filter: grayscale(0);
  }

  .card-toolbar-svg .dropdown-menu_auto li {
      margin: 0px !important;
  }

  .card-toolbar-svg .dropdown-menu_auto a.btn-light-border {
      border-width: 0 0 1px 0 !important;
      text-align: left;
      border-radius: 0px;
  }

  .card-toolbar-svg .dropdown-menu_auto a.btn-primary {
      text-align: left;
      border-radius: 0px;
  }

  .card-toolbar-svg .dropdown-menu_auto li:last-child a.btn-light-border {
      border-width: 0px !important;
  }
.CFW-item .card-action-buttons,
  .choose-framework-item .card-action-buttons {
      position: absolute;
      top: 10px;
      right: 10px;
      opacity: 0;
      transition: all 0.2s;
  }
  .CFW-item:hover .card-action-buttons,
  .choose-framework-item:hover .card-action-buttons {
      opacity: 1
  }

  .career-path-card div.orgChart tr.lines td.top {
      border-top: 2px solid #B4BBDD;
  }

  .career-path-card div.orgChart tr.lines td.left {
      border-right: 2px solid #B4BBDD;
  }

  .career-path-card div.orgChart tr.lines td.left::after {
      display: none
  }

  .EP-skills-card-wrapper .EP-skills-card {
      padding: 15px;
      border-style: solid;
      border-width: 1px;
      border-radius: 7px;
      position: relative;
      margin-top: 25px;
  }

  .EP-skills-card-wrapper .EP-skills-card:first-child {
      margin-top: 0;
  }

  .EP-skills-time-endorsement .EP-STE-item {
      margin-left: 15px;
      border-left: solid 1px rgba(163, 172, 198, 0.5);
      padding-left: 15px;
  }

  .EP-skills-time-endorsement .EP-STE-item:first-child {
      margin-left: 0px;
      border-left: none;
      padding-left: 0px;
  }

  .font-10 {
      font-size: 10px !important
  }
  .font-11 {
      font-size: 11px !important
  }
  .font-12 {
      font-size: 12px !important
  }
  .font-13 {
      font-size: 13px !important
  }

  .font-14 {
      font-size: 14px !important
  }
  .font-15 {
      font-size: 15px !important
  }

  .font-16 {
      font-size: 16px !important
  }

  .font-17 {
      font-size: 17px !important
  }

  .font-18 {
      font-size: 18px !important
  }

  .font-19 {
      font-size: 19px !important
  }
  .font-20 {
    font-size: 20px !important
}
  .font-25 {
    font-size: 25px !important
}
  .font-30 {
    font-size: 30px !important
}
  .font-35 {
    font-size: 35px !important
}
  .font-40 {
    font-size: 40px !important
}
  .EP-skills-card-border {
      content: "";
      left: 0;
      top: 50%;
      position: absolute;
      border-left: 2px solid currentColor;
      width: 1px;
      max-height: 100px;
      height: 50%;
      transform: translateY(-50%);
  }

  .badge-circle-20 {
      padding: 0;
      width: 21px;
      height: 21px;
      line-height: 21px;
      font-size: 10px;
      text-align: center;
  }

  .desire-jobs-timeline-wrapper,
  .jobs-cards-wrapper,
  .EP-skills-card-wrapper {
      max-height: 500px;
  }

  .nodes.competency-chart-outer .edge.verticalEdge.bottomEdge.oci {
      top: 7px;
      right: 5px;
      border: 0;
      left: unset;
      width: 20px;
      height: 20px;
  }

  .nodes.competency-chart-outer .hierarchy.isChildrenCollapsed .bottomEdge::before,
  .nodes.competency-chart-outer .oci-chevron-down::before {
      content: "\f067";
      font-family: 'Line Awesome Free';
      font-weight: 900;
      color: #7f8295;
      font-size: 12px;
      line-height: normal;
  }

  .nodes.competency-chart-outer .hierarchy .bottomEdge::before,
  .nodes.competency-chart-outer .oci-chevron-up::before {
      content: "\f068";
      font-family: 'Line Awesome Free';
      font-weight: 900;
      color: #7f8295;
      font-size: 12px;
      line-height: normal;
  }

  .nodes.competency-chart-outer .node {
      margin-bottom: 35px;
  }

  .orgchart .nodes.competency-chart-outer .node:not(:only-child)::after {
      bottom: -18px;
      height: 22px;
  }

  .orgchart>ul.competency-chart-outer>li>ul li>.node::before {
      height: 24px;
  }

  .prev-tab.align-self-center,
  .next-tab.align-self-center,
  .prev-tab.align-self-center svg,
  .next-tab.align-self-center svg {
      z-index: 1;
      position: relative;
      cursor: pointer
  }

  .prev-tab.align-self-center {
      transform: rotate(180deg);
  }

  .next-tab.align-self-center::after {
      background-image: linear-gradient(to right, rgb(246, 246, 255) 20%, rgba(246, 246, 255, 0));
      border-radius: 10px;
      content: "";
      width: 30px;
      right: 0px;
      position: absolute;
      height: 100%;
  }

  .prev-tab.align-self-center::after {
      background-image: linear-gradient(to left, rgb(246, 246, 255) 20%, rgba(246, 246, 255, 0));
      border-radius: 10px;
      content: "";
      width: 30px;
      right: 0px;
      position: absolute;
      height: 100%;
  }

  .ACL4-popover-container .arrow {
      display: none
  }

  .ACL4-popover-container .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
      background-color: #6b6973 !important;
  }

  .jobs-cards-wrapper .jobs-card {
      border: 1px solid rgba(228, 230, 239, 0.5);
      box-shadow: 0px 3.01318px 6.02635px rgba(184, 208, 235, 0.161);
      border-radius: 10px;
      margin-top: 25px;
  }

  .jobs-cards-wrapper .jobs-card:first-child {
      margin-top: 0px;
  }

  .jobs-cards-wrapper .jobs-card .job-card-header {
      border-bottom: 1px solid #EEF1F6;
      padding: 15px;
  }

  .jobs-cards-wrapper .jobs-card .job-card-body {
      padding: 15px;
      display: flex;
  }

  .jobs-card-thumb {
      position: relative;
  }

  .jobs-card-thumb::after {
      content: "";
      position: absolute;
      left: 50%;
      height: 100%;
      top: 15px;
      width: 1px;
      background-color: #EEF1F6;
      transform: translateX(-50%);
      z-index: 0;
  }

  .TCJ-figure figure,
  .jobs-card-thumb figure {
      border: solid 1px #ddd;
      width: 50px;
      height: 50px;
      min-width: 50px;
      border-radius: 100px;
      text-align: center;
      position: relative;
      z-index: 1;
      background-color: #fff;
  }

  .TCJ-figure figure img,
  .jobs-card-thumb figure span {
      width: 30px;
      height: 30px;
      background-color: #eee;
      display: inline-block;
      border-radius: 100px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      line-height: 30px;
      color: #fff;
  }

  .jobs-cards-wrapper .jobs-card:nth-child(5n + 1) .jobs-card-thumb figure span {
      background-color: #ff2fcb;
  }

  .jobs-cards-wrapper .jobs-card:nth-child(5n + 2) .jobs-card-thumb figure span {
      background-color: #00b8ff;
  }

  .jobs-cards-wrapper .jobs-card:nth-child(5n + 3) .jobs-card-thumb figure span {
      background-color: #00bd53;
  }

  .jobs-cards-wrapper .jobs-card:nth-child(5n + 4) .jobs-card-thumb figure span {
      background-color: #a0b702;
  }

  .jobs-cards-wrapper .jobs-card:nth-child(5n + 5) .jobs-card-thumb figure span {
      background-color: #ff542c;
  }

  .jobs-card-thumb figure span img {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: calc(100% + 2px);
      height: calc(100% + 2px);
  }

  .hor-icon-list .HLI {
      padding-right: 15px;
      position: relative;
      margin-bottom: 3px;
  }

  .hor-icon-list .HLI::after {
      content: "";
      right: 7px;
      top: 50%;
      transform: translateY(-50%);
      width: 1px;
      height: 10px;
      position: absolute;
      background-color: #A3ACC6;
  }

  .hor-icon-list .HLI:last-child::after {
      display: none
  }

  .hor-icon-list .HLI .JCC-footer {
      border-top: solid 1px #EEF1F6;
      margin-top: 10px;
  }

  .jobs-card-footer {
      padding: 15px;
      border-top: solid 1px #EEF1F6;
  }

  .JCC-actions input:checked~svg path {
      fill: #4f8aff;
      stroke: #4f8aff;
  }

  .EP-skills-footer {
      max-width: 100%;
      overflow: hidden;
  }

  .TCJ-cards {
      display: flex;
      flex-wrap: wrap;
      margin-top: -25px;
      max-height: 485px;
  }

  .TCJ-cards .TCJ-card {
      border: 1px solid rgba(228, 230, 239, 0.5);
      box-shadow: 0px 3.01318px 6.02635px rgba(184, 208, 235, 0.161);
      border-radius: 10px;
      margin: 25px 10px 0 10px;
      padding: 15px;
      width: calc(50% - 20px);
      position: relative;
      text-align: center;
  }

  .TCJ-actions {
      position: absolute;
      top: 10px;
      right: 10px;
  }

  .TICS-like input:checked~div svg path {
      fill: #FFA1A1;
      stroke: #FFA1A1;
  }

  .TIC-reply-list {
      list-style-type: none;
      margin-top: 10px;
      display: inline-block;
      width: 100%;
  }

  .like-emoji-picker {
      font-size: 15px;
      z-index: 1;
      position: absolute;
      display: block;
      width: auto;
      top: calc(-100% - 25px);
      left: 0px;
      border-radius: 10px;
      background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 107.5%);
      border: 1px solid #F4F4F4;
      box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.04);
      display: none;
      width: 155px;
  }

  .like-my-emoji {
      cursor: pointer;
      width: auto;
      display: inline-block;
      text-align: center;
      padding: 5px;
      position: relative;
  }

  .like-my-emoji.imojiSelected::after {
      content: "";
      position: absolute;
      bottom: -1px;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      height: 2px;
      background-color: #cfd3db;
      border-radius: 10px;
  }

  .filter-grayscale {
      filter: grayscale(1);
  }
  .filter-brightness2 {
      filter:brightness(2);
  }
  .filter-brightness0 {
      filter:brightness(0)!important;
  }
  .filter-brightness1 {
      filter:brightness(1)!important;
  }
  .filter-brightness10 {
      filter:brightness(10);
  }
  .filter-brightness100 {
      filter:brightness(100);
  }

  .filter-grayscale .smiley-text {
      filter: brightness(0.9);
  }
.filter-contrast0{
    filter:contrast(0)
}
.filter-contrast100{
    filter:contrast(100)
}
.filter-contrast1{
    filter:contrast(1)!important
}
  .comment-attachment-wrapper {
      border: 0.924812px solid rgba(228, 230, 239, 0.78);
      border-radius: 4.62406px;
  }

  .comment-attachment-sec .comment-attachment-item {
      padding: 4px 7px !important;
      margin: 7px;
      border: 0.924812px solid rgba(228, 230, 239, 0.78);
      border-radius: 6px;
      min-width: calc(50% - 18px);
      flex-grow: 1;
  }

  .comment-attachment-wrapper .emojionearea,
  .comment-attachment-wrapper .emojionearea.form-control {
      border: 0px;
  }

  .comment-attachment-wrapper .CA-icon img {
      width: 32px;
      max-height: 32px;
  }

  .comment-attachment-wrapper .CA-title {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 180px;
  }

  .attachment-view-wrapper {
      border: 0;
  }

  .attachment-view-wrapper .comment-attachment-sec .comment-attachment-item {
      margin: 2px 4px 2px 0px;
  }

  .attachment-view-wrapper .comment-attachment-sec .CA-title {
      max-width: 120px;
      font-size: 12px;
  }

  .attachment-view-wrapper .comment-attachment-sec .CA-icon img {
      width: 25px;
      max-height: 25px;
  }

  .CA-download.btn.btn-icon.btn-sm {
      height: 30px;
      width: 30px;
      align-self: center;
      border-radius: 100px;
  }

  .swat-details-link {
      transition: all 0.3s;
  }

  .swat-details-link:hover {
      opacity: 0.8
  }

  .swat-header-right .custom-actions-dropdown .btn-light-primary .svg-icon.svg-icon-md svg {
      fill: transparent;
      filter: grayscale(0.85);
  }

  .swat-header-right .custom-actions-dropdown .btn-light-primary:hover .svg-icon.svg-icon-md svg {
      filter: grayscale(0);
  }

  .swat-header-right .custom-actions-dropdown .btn-light-primary {
      background-color: transparent;
      border: solid 2px #E8E8FF;
      width: 32px;
      height: 32px;
      text-align: center;
      padding: 0;
  }

  .swat-tags-dates .swat-tags .badge {
      background-color: #eee;
      margin: 2px 4px 2px 0px;
      display: inline-block;
  }

  .swat-dates .swat-date-item {
      position: relative;
      padding-right: 15px;
  }

  .swat-dates .swat-date-item:after {
      content: "";
      position: absolute;
      width: 1px;
      height: 10px;
      background-color: #BECBE2;
      right: 7px;
      top: 50%;
      transform: translateY(-50%);
  }

  .swat-dates .swat-date-item:last-child {
      padding-right: 0;
  }

  .swat-dates .swat-date-item:last-child:after {
      display: none
  }

  .swat-boxes-outer .boxes-sec-title {
      padding: 0 0 0px 20px;
      writing-mode: tb-rl;
      transform: rotate(180deg);
  }

  .swat-highlighted-warning {
      color: #635800;
      padding: 5px 3px;
      border-radius: 4px;
  }

  .swat-boxes-outer .swat-box-inner {
      height: calc(100% - 15px);
      margin-bottom: 15px;
      /* max-height: 400px; */
      border-radius: 12px;
      padding: 20px;
      position: relative;
  }

  .swat-boxes-outer .swat-boxes-wrapper {
      margin-bottom: -30px;
      width: calc(100% - 30px)
  }

  .swat-boxes-outer:not(:first-child) {
      margin-top: 30px;
  }

  .swat-sec-main-title {
      padding-left: 30px;
      text-align: center;
  }

  .add-swat-wrapper {
      position: absolute;
      right: 50px;
      bottom: 35px;
      z-index: 99;
  }

  .add-swat-wrapper .btn {
      padding: 0;
      width: 32px;
      height: 32px;
      display: flex;
      justify-content: center;
      border-radius: 100px;
      opacity: 0;
      transition: all 0.3s;
      box-shadow: 0px 17px 19px rgba(0, 0, 0, 0.1), 0px 11.0185px 11.1273px rgba(0, 0, 0, 0.0759259), 0px 6.54815px 6.05185px rgba(0, 0, 0, 0.0607407), 0px 3.4px 3.0875px rgba(0, 0, 0, 0.05), 0px 1.38519px 1.54815px rgba(0, 0, 0, 0.0392593), 0px 0.314815px 0.747685px rgba(0, 0, 0, 0.0240741);
  }

  .swat-boxes-outer .swat-box-inner:hover .add-swat-wrapper .btn {
      opacity: 1
  }

  .swat-box-list {
      -webkit-column-count: 3;
      -moz-column-count: 3;
      column-count: 3;
      -webkit-column-gap: 20px;
      -moz-column-gap: 20px;
      column-gap: 20px;
      orphans: 1;
      widows: 1;
      min-width:670px
  }

  .swat-box-item {
      box-shadow: 0px 26.3361px 26.3361px rgba(0, 0, 0, 0.07), 0px 17.0697px 15.4237px rgba(0, 0, 0, 0.0531481), 0px 10.1443px 8.38853px rgba(0, 0, 0, 0.0425185), 0px 5.26722px 4.27962px rgba(0, 0, 0, 0.035), 0px 2.1459px 2.1459px rgba(0, 0, 0, 0.0274815), 0px 0.487706px 1.03637px rgba(0, 0, 0, 0.0168519);
      padding: 20px;
      font-size: 12px;
      line-height: normal;
      background-color: #B8E1FF;
      border-radius: 4px;
      margin-bottom: 15px;
      width: 100%;
      display: inline-block;
      position: relative;
      min-width: 200px;
  }

  .swat-box-item .comment-attachment-sec {
      margin-left: -10px;
      margin-right: -10px;
  }

  :root {
      --bg-palette1-dark: #0093ff;
      --bg-palette2-dark: #ff9400;
      --bg-palette3-dark: #ff2424;
      --bg-palette4-dark: #00ff75;
      --bg-palette5-dark: #a700ff;
      --bg-palette6-dark: #00acff;
      --bg-palette7-dark: #0063e6;
      --bg-palette8-dark: #bcff00;
      --bg-palette9-dark: #a4db00;
      --bg-palette10-dark: #00e8e8;
      --bg-palette11-dark: #deb700;
      --bg-palette12-dark: #f59511;

      --bg-palette1: #B8E1FF;
      --bg-palette2: #FFE2BA;
      --bg-palette3: #FFCACA;
      --bg-palette4: #D9F1E4;
      --bg-palette5: #EECEFF;
      --bg-palette6: #D6EFFB;
      --bg-palette7: #CCE2FF;
      --bg-palette8: #DCE8BA;
      --bg-palette9: #DBDED2;
      --bg-palette10: #D7F7F7;
      --bg-palette11: #F8F1D0;
      --bg-palette12: #FFE2BA;


      --bg-palette-light1: rgba(255, 232, 207, 1);
      --bg-palette-light2: rgba(236, 247, 197, 1);
      --bg-palette-light3: rgba(255, 245, 157, 1);
      --bg-palette-light4: rgba(254, 221, 194, 1);
      --bg-palette-light5: rgba(239, 246, 165, 1);
      --bg-palette-light6: rgba(255, 236, 186, 1);
      --bg-palette-light7: rgba(210, 250, 251, 1);
      --bg-palette-light8: rgba(228, 239, 253, 1);
      --bg-palette-light9: rgba(236, 237, 240, 1);
      --bg-palette-light10: rgba(245, 244, 232, 1);
      --bg-palette-light11: rgba(226, 242, 213, 1);
      --bg-palette-light12: rgba(245, 233, 249, 1);
  }

  .bg-palette1-dark {
      background-color: var(--bg-palette1-dark) !important;
  }

  .bg-palette2-dark {
      background-color: var(--bg-palette2-dark) !important;
  }

  .bg-palette3-dark {
      background-color: var(--bg-palette3-dark) !important;
  }

  .bg-palette4-dark {
      background-color: var(--bg-palette4-dark) !important;
  }

  .bg-palette5-dark {
      background-color: var(--bg-palette5-dark) !important;
  }

  .bg-palette6-dark {
      background-color: var(--bg-palette6-dark) !important;
  }

  .bg-palette7-dark {
      background-color: var(--bg-palette7-dark) !important;
  }

  .bg-palette8-dark {
      background-color: var(--bg-palette8-dark) !important;
  }

  .bg-palette9-dark {
      background-color: var(--bg-palette9-dark) !important;
  }

  .bg-palette10-dark {
      background-color: var(--bg-palette10-dark) !important;
  }

  .bg-palette11-dark {
      background-color: var(--bg-palette11-dark) !important;
  }

  .bg-palette12-dark {
      background-color: var(--bg-palette12-dark) !important;
  }

  .bg-palette1 {
      background-color: var(--bg-palette1) !important;
  }

  .bg-palette2 {
      background-color: var(--bg-palette2) !important;
  }

  .bg-palette3 {
      background-color: var(--bg-palette3) !important;
  }

  .bg-palette4 {
      background-color: var(--bg-palette4) !important;
  }

  .bg-palette5 {
      background-color: var(--bg-palette5) !important;
  }

  .bg-palette6 {
      background-color: var(--bg-palette6) !important;
  }

  .bg-palette7 {
      background-color: var(--bg-palette7) !important;
  }

  .bg-palette8 {
      background-color: var(--bg-palette8) !important;
  }

  .bg-palette9 {
      background-color: var(--bg-palette9) !important;
  }

  .bg-palette10 {
      background-color: var(--bg-palette10) !important;
  }

  .bg-palette11 {
      background-color: var(--bg-palette11) !important;
  }

  .bg-palette12 {
      background-color: var(--bg-palette12) !important;
  }

  .bg-palette-light1 {
      background-color: var(--bg-palette-light1) !important;
      border-color: var(--bg-palette-light1) !important;
  }

  .bg-palette-light2 {
      background-color: var(--bg-palette-light2) !important;
      border-color: var(--bg-palette-light2) !important;
  }

  .bg-palette-light3 {
      background-color: var(--bg-palette-light3) !important;
      border-color: var(--bg-palette-light3) !important;
  }

  .bg-palette-light4 {
      background-color: var(--bg-palette-light4) !important;
      border-color: var(--bg-palette-light4) !important;
  }

  .bg-palette-light5 {
      background-color: var(--bg-palette-light5) !important;
      border-color: var(--bg-palette-light5) !important;
  }

  .bg-palette-light6 {
      background-color: var(--bg-palette-light6) !important;
      border-color: var(--bg-palette-light6) !important;
  }

  .bg-palette-light7 {
      background-color: var(--bg-palette-light7) !important;
      border-color: var(--bg-palette-light7) !important;
  }

  .bg-palette-light8 {
      background-color: var(--bg-palette-light8) !important;
      border-color: var(--bg-palette-light8) !important;
  }

  .bg-palette-light9 {
      background-color: var(--bg-palette-light9) !important;
      border-color: var(--bg-palette-light9) !important;
  }

  .bg-palette-light10 {
      background-color: var(--bg-palette-light10) !important;
      border-color: var(--bg-palette-light10) !important;
  }

  .bg-palette-light11 {
      background-color: var(--bg-palette-light11) !important;
      border-color: var(--bg-palette-light11) !important;
  }

  .bg-palette-light12 {
      background-color: var(--bg-palette-light12) !important;
      border-color: var(--bg-palette-light12) !important;
  }

  .swat-box-likes .kanban-innerCrad-smilys-comments span {
      text-shadow: 0px 0px 0px #000;
  }

  .swat-box-actions input {
      display: none
  }

  .swat-box-actions input:checked~label {
      color: #00b14c
  }

  /* .swat-box-desc {
        max-width: calc(100% - 15px);
      } */

.career-path-zoom-item,
  .swat-zoom-item {
      transform-origin: 0 0;
      cursor: grab;
  }

  .swot-scale {
      position: sticky;
      top: 100%;
      width: 100px;
      left: 50%;
      z-index: 96;
      border-radius: 5px;
      justify-content: space-between;
      transform: translateY(-50px);
      opacity: 0.3;
      transition: all 0.3s ease;
  }

  .swat-analysis-wrapper:hover .swot-scale {
      opacity: 1
  }

  .swot-scale .btn {
      padding: 0;
      width: 30px;
      height: 30px;
      font-weight: bold;
  }

  .swot-scale .btn:hover {
      background-color: rgba(255, 255, 255, 0.1);
  }

  .swot-scale-span {
      align-self: center;
      height: 30px;
      line-height: 27px;
      margin: 0 5px;
  }

  .editable-input {
      display: none;
      background-color: transparent;
      border-width: 0px 0px 1px 0px;
      border-radius: 0;
      height: 20px !important;
      padding: 0px 0px 5px 0px;
  }

  .editable-input:focus {
      background-color: transparent;
      border-width: 0px 0px 1px 0px;
      border-radius: 0;
      border-color: rgba(0, 0, 0, .1);
  }

  /* .editable-wrapper.edit-state .editable-text {
        display: none;
      }

      .editable-wrapper.edit-state .editable-input {
        display: block;
      } */


  .menu-float .menu-open-button {
      background: #3598ff;
      border-radius: 100%;
      width: 35px;
      height: 35px;
      margin-left: -20px;
      position: absolute;
      color: #FFFFFF;
      text-align: center;
      line-height: 38px;
      z-index: 2;
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -webkit-transition-duration: 400ms;
      transition-duration: 400ms;
      -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
      transform: scale(1.1, 1.1) translate3d(0, 0, 0);
      cursor: pointer;
      background: #4785FF;
      box-shadow: 0px 17px 19px rgba(0, 0, 0, 0.1), 0px 11.0185px 11.1273px rgba(0, 0, 0, 0.0759259), 0px 6.54815px 6.05185px rgba(0, 0, 0, 0.0607407), 0px 3.4px 3.0875px rgba(0, 0, 0, 0.05), 0px 1.38519px 1.54815px rgba(0, 0, 0, 0.0392593), 0px 0.314815px 0.747685px rgba(0, 0, 0, 0.0240741);
  }

  .menu-float .menu-open-button i {
      color: #fff
  }

  .menu-float .menu-item {
      border-radius: 100%;
      width: 35px;
      height: 35px;
      margin-left: -20px;
      position: absolute;
      color: #FFFFFF;
      text-align: center;
      line-height: 35px;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      transition: transform 0.1s;
  }

  .menu-float input:checked~label.menu-open-button {
      transform: rotate(45deg);
  }

  .menu-float .menu-open {
      display: none;
  }

  .menu-float .lines {
      width: 14px;
      height: 2px;
      background: #fff;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -8px;
      margin-top: -1px;
      -webkit-transition: -webkit-transform 200ms;
      transition: -webkit-transform 200ms;
      transition: transform 200ms;
      transition: transform 200ms, -webkit-transform 200ms;
  }

  .menu-float .line-1 {
      -webkit-transform: translate3d(0, -6px, 0);
      transform: translate3d(0, -6px, 0);
  }

  .menu-float .line-2 {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }

  .menu-float .line-3 {
      -webkit-transform: translate3d(0, 6px, 0);
      transform: translate3d(0, 6px, 0);
  }

  .menu-float .menu-open:checked+.menu-float .menu-open-button .line-1 {
      -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
      transform: translate3d(0, 0, 0) rotate(45deg);
  }

  .menu-float .menu-open:checked+.menu-float .menu-open-button .line-2 {
      -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
      transform: translate3d(0, 0, 0) scale(0.1, 1);
  }

  .menu-float .menu-open:checked+.menu-float .menu-open-button .line-3 {
      -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
      transform: translate3d(0, 0, 0) rotate(-45deg);
  }

  .menu-float {
      margin: auto;
      width: 40px;
      height: 40px;
      text-align: center;
      box-sizing: border-box;
      z-index: 99;
      position: relative;
  }


  /* .menu-item {
        transition: all 0.1s ease 0s;
     } */


  .menu-float .menu-item:nth-child(3) {
      -webkit-transition-duration: 180ms;
      transition-duration: 180ms;
  }

  .menu-float .menu-item:nth-child(4) {
      -webkit-transition-duration: 180ms;
      transition-duration: 180ms;
  }

  .menu-float .menu-item:nth-child(5) {
      -webkit-transition-duration: 180ms;
      transition-duration: 180ms;
  }

  .menu-float .menu-item:nth-child(6) {
      -webkit-transition-duration: 180ms;
      transition-duration: 180ms;
  }

  .menu-float .menu-item:nth-child(7) {
      -webkit-transition-duration: 180ms;
      transition-duration: 180ms;
  }

  .menu-float .menu-item:nth-child(8) {
      -webkit-transition-duration: 180ms;
      transition-duration: 180ms;
  }

  .menu-float .menu-item:nth-child(9) {
      -webkit-transition-duration: 180ms;
      transition-duration: 180ms;
  }


  .menu-float.menu-open:checked~.menu-open-button {}

  .menu-float .menu-open:checked+.menu-float .menu-open-button {
      -webkit-transition-timing-function: linear;
      transition-timing-function: linear;
      -webkit-transition-duration: 200ms;
      transition-duration: 200ms;
      -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
      transform: scale(0.8, 0.8) translate3d(0, 0, 0);
  }

  .menu-float .menu-open:checked~.menu-item {
      /* -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
        transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33); */
      z-index: 3;
  }

  .menu-float .menu-open:checked~.menu-item:nth-child(3) {
      transition-duration: 180ms;
      -webkit-transition-duration: 180ms;
      -webkit-transform: translate3d(7.084px, -66px, 0);
      transform: translate3d(7.084px, -66px, 0);
      background: linear-gradient(171.66deg, #FFFFFF 6.4%, #88CDFF 205.52%);
      box-shadow: 0px 17px 19px rgba(0, 0, 0, 0.1), 0px 11.0185px 11.1273px rgba(0, 0, 0, 0.0759259), 0px 6.54815px 6.05185px rgba(0, 0, 0, 0.0607407), 0px 3.4px 3.0875px rgba(0, 0, 0, 0.05), 0px 1.38519px 1.54815px rgba(0, 0, 0, 0.0392593), 0px 0.314815px 0.747685px rgba(0, 0, 0, 0.0240741);
  }

  .menu-float .menu-open:checked~.menu-item:nth-child(4) {
      transition-duration: 280ms;
      -webkit-transition-duration: 280ms;
      -webkit-transform: translate3d(62px, -36px, 0);
      transform: translate3d(62px, -36px, 0);
      background: linear-gradient(171.66deg, #FFFFFF 6.4%, #FFC9D0 205.52%);
      box-shadow: 0px 17px 19px rgba(0, 0, 0, 0.1), 0px 11.0185px 11.1273px rgba(0, 0, 0, 0.0759259), 0px 6.54815px 6.05185px rgba(0, 0, 0, 0.0607407), 0px 3.4px 3.0875px rgba(0, 0, 0, 0.05), 0px 1.38519px 1.54815px rgba(0, 0, 0, 0.0392593), 0px 0.314815px 0.747685px rgba(0, 0, 0, 0.0240741);
  }

  .menu-float .menu-open:checked~.menu-item:nth-child(5) {
      transition-duration: 380ms;
      -webkit-transition-duration: 380ms;
      -webkit-transform: translate3d(74px, 20px, 0);
      transform: translate3d(74px, 20px, 0);
      background: linear-gradient(171.66deg, #FFFFFF 6.4%, #FFC9D0 205.52%);
      box-shadow: 0px 17px 19px rgba(0, 0, 0, 0.1), 0px 11.0185px 11.1273px rgba(0, 0, 0, 0.0759259), 0px 6.54815px 6.05185px rgba(0, 0, 0, 0.0607407), 0px 3.4px 3.0875px rgba(0, 0, 0, 0.05), 0px 1.38519px 1.54815px rgba(0, 0, 0, 0.0392593), 0px 0.314815px 0.747685px rgba(0, 0, 0, 0.0240741);
  }

  .menu-float .menu-open:checked~.menu-item:nth-child(6) {
      transition-duration: 480ms;
      -webkit-transition-duration: 480ms;
      -webkit-transform: translate3d(-65px, 17px, 0);
      transform: translate3d(-65px, 17px, 0);
      background: linear-gradient(171.66deg, #FFFFFF 6.4%, #88CDFF 205.52%);
      box-shadow: 0px 17px 19px rgba(0, 0, 0, 0.1), 0px 11.0185px 11.1273px rgba(0, 0, 0, 0.0759259), 0px 6.54815px 6.05185px rgba(0, 0, 0, 0.0607407), 0px 3.4px 3.0875px rgba(0, 0, 0, 0.05), 0px 1.38519px 1.54815px rgba(0, 0, 0, 0.0392593), 0px 0.314815px 0.747685px rgba(0, 0, 0, 0.0240741);
  }

  .menu-float .menu-open:checked~.menu-item:nth-child(7) {
      transition-duration: 580ms;
      -webkit-transition-duration: 580ms;
      -webkit-transform: translate3d(-50px, -40px, 0);
      transform: translate3d(-50px, -40px, 0);
      background: linear-gradient(171.66deg, #FFFFFF 6.4%, #88CDFF 205.52%);
      box-shadow: 0px 17px 19px rgba(0, 0, 0, 0.1), 0px 11.0185px 11.1273px rgba(0, 0, 0, 0.0759259), 0px 6.54815px 6.05185px rgba(0, 0, 0, 0.0607407), 0px 3.4px 3.0875px rgba(0, 0, 0, 0.05), 0px 1.38519px 1.54815px rgba(0, 0, 0, 0.0392593), 0px 0.314815px 0.747685px rgba(0, 0, 0, 0.0240741);
  }

  .menu-float .menu-open:checked~.menu-item:nth-child(8) {
      transition-duration: 680ms;
      -webkit-transition-duration: 680ms;
      -webkit-transform: translate3d(-57.03px, -28px, 0);
      transform: translate3d(-57.03px, -28px, 0);
  }

  .menu-float .menu-open:checked~.menu-item:nth-child(9) {
      transition-duration: 780ms;
      -webkit-transition-duration: 780ms;
      -webkit-transform: translate3d(-0.25084px, -104.9997px, 0);
      transform: translate3d(-0.25084px, -104.9997px, 0);
  }

  .menu-float .menu-open:checked~.menu-item:hover {
      opacity: 0.8;
  }

  .menu-float .menu-item i {
      color: #fff;
      font-size: 13px;
  }

  .menu-float .menu-item svg {
      height: 14px;
      width: 14px;
  }

  .menu-float-open:after {
      content: "";
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.4);
      z-index: 98;
  }

  /* .swat-boxes-outer .swat-box-inner .add-swat-wrapper{opacity:0;transition:all 0.3s;}
      .swat-boxes-outer .swat-box-inner:hover .add-swat-wrapper{opacity:1} */

  .editable-text {
      min-width: 25px;
      padding-bottom: 3px;
      border-bottom: solid 1px rgba(0, 0, 0, 0);
  }

  .swat-box-empty .editable-text,
  .editable-text:focus-visible {
      /* border-bottom: solid 1px rgba(0,0,0,0.1); */
      outline: none;
  }

  .swat-boxes-outer .boxes-sec-title .editable-text {
      min-height: 25px;
      min-width: auto;
      padding-bottom: 3px;
      padding-left: 3px;
      margin-bottom: 0px;
      border-bottom: none;
      border-left: solid 1px rgba(0, 0, 0, 0);
  }

  .swat-boxes-outer .boxes-sec-title .editable-text:focus-visible {
      border-bottom: none;
      border-left: solid 1px rgba(0, 0, 0, 0.1);
      outline: none;
  }

  .swat-box-actions {
      opacity: 0.2;
      top: 0;
      position: absolute;
      right: 0;
  }

  .upload-swot-media .dropzone.dropzone-default .dropzone-msg-title {
      font-size: 13px;
      max-width: 180px;
      margin: auto;
  }

  .upload-swot-media .form-control {
      background-color: rgba(0, 0, 0, 0.04);
      border-color: rgba(0, 0, 0, 0.07);
  }

  .upload-swot-media .dropzone.dropzone-default {
      padding: 20px;
      text-align: center;
      cursor: pointer;
      background: transparent;
      border: 0;
      border-radius: 0;
  }

  .dropzone-icon {
      width: 35px;
      height: 35px;
      background-color: rgba(0, 0, 0, 0.1);
      border-radius: 6px;
      line-height: 30px;
      margin: 15px auto 7px auto;
  }

  .dropzone-icon svg {
      width: 15px;
      height: 15px;
      padding: 0;
      margin: 0;
  }

  .swot-media-or {
      position: relative;
      margin: 15px auto;
  }

  .swot-media-or:after {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      border-bottom: solid 1px rgba(108, 133, 175, 0.56);
      width: calc(50% - 13px);
      z-index: 0;
  }

  .swot-media-or:before {
      content: "";
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      border-bottom: solid 1px rgba(108, 133, 175, 0.56);
      width: calc(50% - 13px);
      z-index: 0;
  }

  .swot-record-title {
      border-bottom: solid 1px #43597C;
  }

  .del-swot-card {
      position: absolute;
      top: -10px;
      right: -10px;
      z-index: 1;
      opacity: 0;
      transition: all 0.2s;
  }

  .del-swot-card .btn {
      width: 24px;
      height: 24px;
      background-color: #fff;
      border-radius: 100px;
      line-height: 12px;
  }

  .del-swot-card .btn i {
      font-size: 16px;
      color: rgba(253, 78, 102, 0.89);
  }

  .swat-box-item:hover .del-swot-card {
      opacity: 1
  }

  .swat-action-list {
      max-width: 300px;
      margin: -1.065rem -1.25rem;
  }

  .swat-action-list .swat-actions-group {
      border-left: solid 1px #C8D6E3;
  }

  .swat-action-list .swat-actions-group:first-child {
      border-left: 0;
  }

  .swat-action-list .btn {
      align-self: center;
      width: 35px;
      height: 35px;
      border-radius: 0;
      line-height: 30px;
  }

  .swat-action-list .btn i {
      font-size: 14px;
      padding: 0;
      color: #2B345F;
  }

  .swatColorDot {
      width: 20px;
      height: 20px;
      display: inline-block;
      border-radius: 100px;
      top: calc(50% - 1px);
      position: relative;
      transform: translateY(-50%);
  }

  .swot-colorpicker-dropdown {
      width: 186px;
      padding: 15px;
  }

  .swat-action-list .color-theme-options {
      max-height: none;
  }

  .kt_swot_details {
      width: 500px;
  }

  .offcanvas.offcanvas-right.kt_swot_details:not(.offcanvas-on) {
      right: -500px;
  }

  .kt_swot_details .offcanvas-header {
      box-shadow: 0px 2px 24px rgba(98, 98, 98, 0.07), 0px 1.45469px 16.1766px rgba(98, 98, 98, 0.0566562), 0px 1.0125px 10.4625px rgba(98, 98, 98, 0.04725), 0px 0.664062px 6.49219px rgba(98, 98, 98, 0.0404687), 0px 0.4px 3.9px rgba(98, 98, 98, 0.035), 0px 0.210938px 2.32031px rgba(98, 98, 98, 0.0295312), 0px 0.0875px 1.3875px rgba(98, 98, 98, 0.02275), 0px 0.0203125px 0.735937px rgba(98, 98, 98, 0.0133437);
  }

  .swat-list-heading img {
      height: 21px;
  }

  .swot-list-ul li {
      position: relative;
      margin: 10px 0;
      padding-left: 30px;
  }

  .swot-list-ul li:before {
      content: "";
      position: absolute;
      left: 0;
      top: 3px;
      background-image: url(../media/images/list-bullet2.svg);
      width: 25px;
      height: 25px;
      background-repeat: no-repeat;
      background-size: 18px auto;
      filter: grayscale(1);
  }

  .swat-list-content {
      display: inline-block;
      width: 100%;
  }

  .swot-offcanvas-footer {
      position: absolute;
      bottom: 20px;
      left: 0;
  }

  .talent-strategy-list {
      display: flex;
      flex-wrap: wrap;
  }

  .talent-strategy-card {
      box-shadow: 0px 34.2901px 34.2901px rgba(0, 0, 0, 0.07), 0px 22.2251px 20.082px rgba(0, 0, 0, 0.0531481), 0px 13.208px 10.922px rgba(0, 0, 0, 0.0425185), 0px 6.85803px 5.57215px rgba(0, 0, 0, 0.035), 0px 2.79401px 2.79401px rgba(0, 0, 0, 0.0274815), 0px 0.635002px 1.34938px rgba(0, 0, 0, 0.0168519);
      padding: 20px;
      font-size: 12px;
      line-height: normal;
      border-radius: 7px;
      width: calc(20% - 20px);
      display: flex;
      flex-direction: column;
      position: relative;
      margin: 10px;
      overflow: hidden;
  }

  .talent-strategy-card:hover .ACL4-more-actions {
      opacity: 1;
  }

  .talent-strategy-card .ACL4-more-actions .btn:hover {
      opacity: 1;
  }

  .talent-strategy-card .ACL4-more-actions .btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled),
  .talent-strategy-card .ACL4-more-actions .btn.btn-clean {
      color: rgba(0, 0, 0, 0.1);
      background-color: rgba(0, 0, 0, 0.05);
      border-color: rgba(0, 0, 0, 0.05);
  }

  .talent-strategy-card .ACL4-more-actions:hover svg path {
      fill: #3A3F48;
  }

  .TS-card-title {
      max-width: 280px;
  }

  .TS-tags .badge {
      background-color: rgba(0, 0, 0, 0.08);
      margin: 0 5px 5px 0;
      color: #3F4254;
  }

  .TS-contributors .btn-light-dotted-plus {
      border-radius: 30px;
      border: solid 1px #000;
      transition: all 0.3s;
  }

  .TS-contributors .btn-light-dotted-plus i {
      color: #000;
  }

  .TS-contributors .btn-light-dotted-plus:hover {
      opacity: 0.7;
  }

  .TS-due-level {
      opacity: 0.8;
  }

  .TS-views-posted .swat-dates .swat-date-item::after {
      background-color: rgba(63, 66, 84, 0.5);
  }

  .talent-strategy-card .TS-views-posted {
      font-size: 14px;
      margin-top: auto
  }

  .talent-strategy-card .TS-view-more {
      transition: all 0.3s;
      position: absolute;
      left: 0;
      bottom: -60px;
      padding: 20px;
      width: 100%;
      height: auto;
      background-color: #cce2ff;
      font-size: 13px;
  }

  .talent-strategy-card:hover .TS-view-more {
      bottom: 0;
  }

  .swot-save-toast {
      position: fixed;
      bottom: 10px;
      right: 10px;
  }

  .swat-box {
      /* -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; */
  }

  .swat-box.swat-box-maximize {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      height: calc(100vh - 140px);
      z-index: 1;
      padding: 0;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
  }

  .swat-box.swat-box-maximize .swat-box-list {
      -webkit-column-count: 5;
      -moz-column-count: 5;
      column-count: 5;
      min-height: 100%;
  }

  .swot-box-header .btn {
      background-color: rgba(0, 0, 0, 0.06);
      width: 30px;
      height: 30px;
      line-height: 12px;
  }

  .swot-box-header .btn:hover {
      background-color: rgba(0, 0, 0, 0.08);
  }

  .swat-box-body {
      height: calc(100% - 15px);
  }

  .TS-select-metrix {
      display: flex;
      flex-wrap: wrap;
  }

  .TS-select-metrix .TSSM-item {
      text-align: center;
      margin: 10px 20px 10px 0px;
      max-width: 143px;
      position: relative;
  }

  .TSSM-item label .TSSM-title:before {
      content: "";
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      position: absolute;
      width: 18px;
      height: 18px;
      background-color: #fff;
      border: 1px solid #dbe1e6;
      border-radius: 5px;
  }

  .TSSM-item input:checked~label .TSSM-title:before {
      border-color: #5B93FF;
      background-color: #5B93FF;
  }

  .TSSM-item input:checked~label .TSSM-title:after {
      content: '';
      border-color: #fff;
      border-style: solid;
      border-width: 0 2px 2px 0 !important;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      margin-top: -1px;
      width: 5px;
      height: 10px;
      position: absolute;
      left: 6px;
      top: 7px;
  }

  .TS-select-metrix .TSSM-item .TSSM-title {
      position: relative;
      display: inline-block;
      margin: auto;
      padding-left: 25px;
  }

  .ACL4-more-actions {
      position: absolute;
      top: 17px;
      right: 10px;
      opacity: 0;
      transition: all 0.3s;
      z-index: 1;
  }

  .ACL4-item:hover .ACL4-more-actions {
      opacity: 1
  }

  .ACL4-item:hover .ACL4-more-actions .btn {
      opacity: 1;
      background-color: rgba(255, 255, 255, 0.9);
      border-radius: 4px;
  }

  .ACL4-more-actions:hover svg path {
      fill: #4785FF
  }

  .swot-box-video-item {
      position: relative;
      margin: 15px auto;
      border-radius: 7px;
  }

  .swot-box-video-item img.img-responsive {
      width: 100%;
      border-radius: 7px;
  }

  .EJ-video .demo-gallery-poster,
  .swot-box-video-item .demo-gallery-poster {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }

  .swot-box-video-item .demo-gallery-poster img {
      width: 30px;
      height: 30px;
  }

  .swot-video-time {
      position: absolute;
      bottom: 5px;
      right: 5px;
      color: #fff;
      background-color: rgba(51, 51, 51, 0.7);
      padding: 3px 7px;
      border-radius: 100px;
      font-size: 11px;
  }

  .other-icon-item input~label figure img {
      height: 17px;
      max-width: 100%;
  }

  body .dropzone .dz-preview .dz-error-message {
      opacity: 1 !important
  }

  a.dz-remove {
      font-size: 14px;
      color: #ea5656;
  }

  .node-competency .structure-tile.structure-competency-tile {
      background-color: #f3f9ff;
      background-image: none;
      border-color: #eaeff4;
  }

  .node-competency .structure-tile.structure-competency-tile .hideChild,
  .node-competency .structure-tile.structure-competency-tile .viewChild {
      background-color: transparent;
  }

  .aside-menu .menu-nav>.menu-item>.menu-link .menu-icon img {
      width: 18px;
      max-height: 18px;
      filter: grayscale(1) brightness(1);
  }

  .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-link .menu-icon img {
      max-height: 20px;
      max-width: 18px;
  }

  /* .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link:not(.menu-item-open) .menu-icon img, */
  .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-active):not(:hover):not(.menu-item-open)>.menu-link .menu-icon img {
      filter: grayscale(1) brightness(1.1);
  }

  .aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link img,
  .aside-menu .menu-nav>.menu-item.menu-item-open>.menu-link .menu-icon:not(.menu-submenu .menu-icon) img,
  .aside-menu .menu-nav>.menu-item.menu-item-here>.menu-link .menu-icon img {
      filter: grayscale(0) brightness(1);
  }

  .grade-level-wrapper .irs-grid-pol {
      display: none
  }

  .grade-level-wrapper .irs-with-grid .irs-grid {
      bottom: 11px;
      z-index: 1;
  }

  /* .content .irs--big .irs-grid-text{
        position:relative;
    } */
  .grade-level-wrapper .content .irs--big .irs-grid-text::after {
      content: "";
      width: 12px;
      height: 12px;
      border-radius: 100px;
      position: absolute;
      left: 50%;
      background-color: #fff;
      top: -27px;
      z-index: 1;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
      transform: translateX(-50%);
  }

  .grading-left-sec ol.custom-ol,
  .grading-right-sec ol.custom-ol {
      padding-left: 0;
      counter-reset: my;
  }

  .grading-left-sec ol.custom-ol li:not(.custom-ol ul li),
  .grading-right-sec ol.custom-ol li:not(.custom-ol ul li) {
      padding-left: 0px;
      margin-bottom: 10px;
      margin-left: -15px;
      margin-right: -15px;
      position: relative;
  }

  .grading-left-sec ol.custom-ol li:not(.custom-ol ul li)::before,
  .grading-right-sec ol.custom-ol li:not(.custom-ol ul li)::before {
      counter-increment: my;
      content: counter(my);
      color: #4e545b;
      font-size: 1rem;
      position: absolute;
      --size: 0px;
      left: 60px;
      line-height: 27px;
      width: 30px;
      height: 30px;
      top: 50%;
      transform: translateY(-50%);
      border-radius: 50%;
      text-align: center;
      text-shadow: none;
      font-weight: 500;
      border: solid 1px #e2ecf7;
      background-color: #f3f9ff;
  }

  .grading-left-sec ol.custom-ol li:not(.custom-ol ul li)::after,
  .grading-right-sec ol.custom-ol li:not(.custom-ol ul li)::after {
      content: "";
      position: absolute;
      width: 1px;
      height: 20px;
      bottom: -13px;
      background-color: #d6dce6;
      left: 75px;
      z-index: 0;
  }

  .grading-left-sec ol.custom-ol li:last-child:not(.custom-ol ul li)::after,
  .grading-right-sec ol.custom-ol li:last-child:not(.custom-ol ul li)::after {
      /* display:none */
  }

  .grading-left-sec ol.custom-ol li li .grading-right-sec ol.custom-ol li li {
      margin-bottom: 0;
  }

  .pl-25px {
      padding-left: 25px;
  }

  .card-body-padding-y {
      padding-top: 2.25rem !important;
      padding-bottom: 2.25rem !important
  }

  .card-body-margin-n-y {
      margin-top: -2.25rem !important;
      margin-bottom: -2.25rem !important
  }

  .nav.nav-pills .nav-link.active :not(.label) {
      color: #4785FF !important;
  }

  .nav.nav-pills .nav-link .nav-text {
      font-weight: 400;
  }

  .grading-left-sec .minicolors-theme-bootstrap .minicolors-input,
  .grading-right-sec .minicolors-theme-bootstrap .minicolors-input {
      display: none;
  }

  .grading-color-input {
      height: 42px;
      width: 100%;
  }

  .grading-color-input .minicolors {
      height: 100%;
      z-index: auto;
  }

  .grading-color-input .minicolors-theme-bootstrap .minicolors-swatch {
      top: 50%;
      transform: translateY(-50%);
      border-radius: 100px;
      cursor: pointer;
  }

  .grading-color-input .minicolors-swatch-color::after {
      content: "";
      border: solid 1px #ddd;
      width: calc(100% + 12px);
      height: calc(100% + 12px);
      position: absolute;
      left: -6px;
      top: -6px;
      border-radius: 27px;
  }

  .editable-title {
      min-width: 25px;
      line-height: 41px;
      border-bottom: solid 1px transparent;
  }

  .swat-box-empty .editable-title,
  .editable-title:focus-visible {
      outline: none;
  }

  .editable-title.emptyTitle,
  .editable-title:hover,
  .editable-title:focus-visible {
      border-bottom: solid 1px #E4E6EF;
      outline: none;
  }

  .grading-left-sec .bootstrap-select>.dropdown-toggle.btn-light {
      border-width: 0 0 1px 0;
      /* border-color: transparent!important; */
      border-radius: 0;
  }

  .grading-left-sec .bootstrap-select>.dropdown-toggle.btn-light:focus,
  .grading-left-sec .bootstrap-select>.dropdown-toggle.btn-light:hover,
  .grading-left-sec .bootstrap-select>.dropdown-toggle.btn-light[aria-expanded="true"] {
      border-color: #E4E6EF !important;
  }

  .grading-left-sec .bootstrap-select>.dropdown-toggle.btn-light:after {
      opacity: 0;
  }

  .grading-left-sec .bootstrap-select>.dropdown-toggle.btn-light:hover:after {
      opacity: 1;
  }

  .grade-delete-wrapper {
      max-width: 100px;
      padding-right: 50px;
  }

  .grade-info-modal .input-group-btn-vertical .btn i {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }

  .custom-slick-carousel .slick-dots {
      bottom: 0;
  }

  .grade-info-banner figure {
      height: 350px;
      overflow: hidden
  }

  .grade-info-banner figure img {
      height: 350px;
      min-width: 100%;
  }

  .grade-info-footer {
      position: fixed;
      bottom: 0;
      z-index: 9999999;
      height: auto;
      right: 0;
      left: 265px;
      background-color: #fff;
      box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.05);
  }

  .aside-minimize .grade-info-footer {
      left: 70px;
  }

  .grade-sec-r .btn {
      padding: 0;
      width: 30px;
      height: 30px;
      border-radius: 100px;
      line-height: 24px;
  }

  .grade-title-width {
      height: 42px;
  }

  .col.grade-title-width .form-control {
      border-bottom-color: transparent;
      border-width: 0 0 1px 0;
      border-radius: 0;
      padding-left: 0;
      padding-right: 0;
  }

  .col.grade-title-width .form-control:focus {
      border-bottom-color: #f3f5f9;
  }

  .grade-title-width .editable-title {
      display: inline-block;
      min-width: 220px;
      max-width: 280px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .grade-sections .grade-sec-r {
      position: absolute;
      left: 45px;
      bottom: -43px;
      margin-bottom: 10px;
  }


  .toast.progress-bar-toast {
      position: absolute;
      top: unset;
      bottom: 15px;
      right: 30px;
      border-radius: 5px;
      background-color: #fff;
      padding: 20px 35px 20px 25px;
      box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.1);
      overflow: hidden;
      transform: translateX(calc(100% + 30px));
      transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
      border-left: solid 3px;
  }

  .toast.progress-bar-toast.show {
      opacity: 1 !important;
      transform: translateX(0%);
  }

  .toast.progress-bar-toast .toast-content {
      display: flex;
      align-items: center;
  }

  .toast.progress-bar-toast .toast-content .check {
      display: flex;
      align-self: start;
      justify-content: center;
      height: 35px;
      min-width: 35px;
      background-color: #4070f4;
      color: #fff;
      font-size: 20px;
      border-radius: 50%;
      position: relative;
      align-items: center;
  }

  .toast.progress-bar-toast .toast-content .message {
      display: flex;
      flex-direction: column;
      margin: 0 45px 0 20px;
  }

  .toast.progress-bar-toast .toast-content .message .h6 {
      font-size: 14px !important;
      max-width: 94%;
      line-height: 18px;
  }

  .toast.progress-bar-toast .toast-content .message .toast-action-undo {
      position: absolute;
      right: 15px;
      bottom: 17px;
  }

  .toast.progress-bar-toast .close {
      position: absolute;
      top: 15px;
      right: 15px;
      padding: 5px;
      cursor: pointer;
      opacity: 0.7;
  }

  .toast.progress-bar-toast .close:hover {
      opacity: 1;
  }

  .toast.progress-bar-toast .progress {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 3px;
      width: 100%;

  }

  .toast.progress-bar-toast .progress:before {
      content: "";
      position: absolute;
      bottom: 0;
      right: 0;
      height: 100%;
      width: 100%;
      background-color: #d3ddf1;
      opacity: 0.4;
  }

  .toast.progress-bar-toast .progress.progress-success:before {
      background-color: #32D0A5;
  }

  .toast.progress-bar-toast .progress.progress-danger:before {
      background-color: #F64E60;
  }

  .toast.progress-bar-toast .progress.active:before {
      animation: progress 5s linear forwards;
  }

  @keyframes progress {
      100% {
          right: 100%;
      }
  }

  body {
      overflow-x: hidden;
  }

  .CD-column-show-hide label.CD-column-active span {
      border-color: #4785FF !important;
      background-color: #4785FF !important;
  }

  .CD-column-show-hide label.CD-column-active span::after {
      border-color: #ffffff;
  }

  .parentCard .structure-tile h2 {
      text-align: center;
      font-weight: 500;
  }

  .role-hierarchy-tile .structure-tile h2:not(.parentCard .structure-tile h2) {
      font-weight: 400
  }

  body .orgchart .hierarchy::before {
      border-width: 1px;
  }

  .roleHierarchy .orgchart .hierarchy:first-child::before {
      left: 50%
  }

  .roleHierarchy .orgchart>ul>li>ul li>.node::before {
      width: 1px;
      height: 25px;
      top: -22px;
      left: 50%;
  }

  .roleHierarchy .orgchart>ul>li>ul li>.node:after {
      content: "";
  }

  .parentCard .competency-details-top,
  .jobHierarchy .node:not(.parentCard) .org-box figure {
      display: none;
  }

  .jobHierarchy .org-box {
      width: 240px;
      min-height: 100px;
  }

  .jobHierarchy .node:not(.parentCard) .org-box {
      border-top: 1px solid #e7ecf2;
      min-height: auto;
      padding-top: 20px;
      padding-bottom: 35px;
  }

  .form-control.border-on-focus {
      transition: all 0.2s;
  }

  .form-control.border-on-focus:not(:focus) {
      border-color: transparent;
      padding: 0;
      height: 25px;
      font-size: 16px;
  }

  .JHR-left {
      padding-right: 20px
  }

  .JHR-right {
      padding-left: 20px
  }

  .jobHierarchy .orgchart>ul>li>ul li>.node::before {
      height: 25px;
  }

  .SM-wrapper .SM-left-sec {
        min-width:335px;
      box-shadow: 0px 8px 31px rgba(0, 0, 0, 0.04), 0px 8px 20.8947px rgba(0, 0, 0, 0.032375), 0px 8px 13.5141px rgba(0, 0, 0, 0.027), 0px 8px 8.38574px rgba(0, 0, 0, 0.023125), 0px 8px 5.0375px rgba(0, 0, 0, 0.02), 0px 8px 2.99707px rgba(0, 0, 0, 0.016875), 0px 8px 1.79219px rgba(0, 0, 0, 0.013), 0px 8px 0.950586px rgba(0, 0, 0, 0.007625);
  }
  .SM-right-sec{
  max-width:calc(100% - 335px)
  }

  .SM-left-list .SML-list-item {
      background: #FFFFFF;
      border: 1px solid #E3E5F1;
      box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.03), 0px 5px 43px rgba(0, 0, 0, 0.06), 0px 1.92593px 13.6963px rgba(0, 0, 0, 0.0364444), 0px 0.407407px 3.5037px rgba(0, 0, 0, 0.0235556);
      border-radius: 5px;
      padding: 7px 12px;
      margin-top: 10px;
      cursor: pointer;
  }

  .SMR-main-right .SML-list-item {
      align-self: start;
  }

  .SM-left-list .SML-list-item:first-child {
      margin-top: 0;
  }

  .SML-knob-count {
      position: absolute;
      left: 50%;
      top: calc(50% - 0px);
      font-size: 11px;
      transform: translate(-50%, -50%);
      font-weight: 500;
  }

  .SM-left-list {
      height: calc(100% - 30px);
      max-height: 950px;
      padding-bottom: 15px;
  }

  .SMR-row {
      display: flex;
      gap: 0 1px;
  }

  .SMR-col {
      border: solid 1px rgba(218, 229, 241, 0.1);
      margin: 2px 0;
      box-shadow: 0 2px 6px rgba(85, 92, 127, 0.17);
      height: calc(100% - 4px);
      display: flex;
      position: relative;
  }

  .SMR-col-left .SMR-col {
      padding: 15px;
  }

  .SMR-col .SM-drop-area {
      padding: 15px;
      height: calc(100px - 10px) !important;
      width: calc(100% - 10px);
      display: flex;
      flex-wrap: wrap;
      align-self: center;
      border-radius: 7px;
      border: solid 1px rgba(218, 229, 241, 0);
      margin: 5px;
  }

  .SMR-col-right .SM-drop-area.dragover {
      background-color: rgba(203, 220, 255, 0.17);
      border: 1px dashed rgba(193, 199, 224, 0.75);
  }

  .SMR-main-left .SMR-col {
      border-radius: 7px 0 0 7px;
  }

  .SMR-main-right .SMR-row .SMR-col-right:last-child {
      padding-right: 10px;
  }

  .SMR-main-right .SMR-row .SMR-col-right:last-child .SMR-col {
      border-radius: 0 7px 7px 0;
  }

  .SMR-col-left {
      width: 240px;
      max-width: 100%;
      min-width: 240px;
      height: 100px
  }

  .SMR-col-right {
      /* -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; */
      width: 200px;
      max-width: 100%;
      min-width: 200px;
      height: 100px
  }

  .SMR-thead .SMR-col-right,
  .SMR-thead .SMR-col-left {
      height: auto;
  }

  .SM-drop-area.column {
      background-color: transparent;
      height: auto;
      min-height: auto;
      border-radius: 0;
      flex-basis: auto;
  }

  .SMR-col-right .list-group-item {
      padding: 0;
      background-color: #ffffff;
      border: 0px solid #EBEDF3;
  }

  .SMR-col-right .SML-name,
  .SMR-col-right .SML-progress,
  .SMR-col-right .SML-drag-handle {
      display: none;
  }

  .SMR-col-right .SML-user {
      margin: 3px !important;
      min-width: 30px;
      max-height: 30px;
  }

  .SMR-col .SM-drop-area .SML-user .symbol-circle {
      min-width: 30px;
      margin: 0 !important;
  }

  .SM-clear-selection {
      position: absolute;
      right: 7px;
      top: 15px;
  }

  .SM-dropped-more {
      width: 30px;
      height: 30px;
      background-color: #E4E6EF;
      border-radius: 100px;
      text-align: center;
      line-height: 30px;
      font-size: 12px;
      font-weight: 500;
      cursor: pointer;
      margin: 3px;
      order: 1000;
  }

  .popover-SM-left-list.SM-left-list {
      padding-bottom: 0;
  }

  .popover-SM-left-list.SM-left-list .SML-list-item {
      border: solid #E3E5F1;
      padding: 8px 0;
      border-width: 1px 0 0 0;
      box-shadow: none;
      border-radius: 0;
      margin: 0;
  }

  .popover-SM-left-list.SM-left-list .SML-list-item:first-child {
      border-top: 0;
      padding-top: 0
  }

  .popover-SM-left-list.SM-left-list .SML-list-item:last-child {
      padding-bottom: 0
  }

  .popover-SM-left-list {
      max-height: 300px;
  }

  .popover-SM-left-list .SML-progress {
      position: relative;
      min-width: 40px;
      min-height: 40px;
      overflow: hidden;
  }

  .SML-progress .btn.bg-light-danger {
      position: absolute;
      border-radius: 100px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: -1;
      transition: all 0.2s;
      opacity: 0;
  }

  .popover-SM-left-list.SM-left-list .SML-list-item:hover .SML-progress .btn.bg-light-danger {
      opacity: 1;
      z-index: 1;
  }

  .btn.plus-icon-btn span:first-child {
      box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
      border-radius: 100px;
      padding: 0px;
      width: 18px;
      height: 18px;
      text-align: center;
      line-height: 13px;
      position: relative
  }

  .btn.plus-icon-btn span:first-child i {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 12px;
  }

  .table-inline-edit {
      filter: grayscale(1)
  }

  .label-select2-wrapper .select2-selection {
      padding: 0 !important;
      border: 0 !important;
  }

  .CD-proficiency-levels-table th,
  .CD-proficiency-levels-table td,
  .manage_suitability_table th,
  .manage_suitability_table td {
      position: relative;
  }

  .CD-proficiency-levels-table .plus-icon-btn,
  .manage_suitability_table .plus-icon-btn {
      position: absolute;
      right: -9px;
      z-index: 2;
      opacity: 0;
      transition: all 0.2s ease-in;
  }

  .CD-proficiency-levels-table td .plus-icon-btn,
  .CD-proficiency-levels-table tbody th .plus-icon-btn,
  .manage_suitability_table td .plus-icon-btn {
      left: 50%;
      transform: translateX(-50%);
      bottom: -10px;
      right: unset;
  }

  .CD-proficiency-levels-table td:hover .plus-icon-btn,
  .CD-proficiency-levels-table th:hover .plus-icon-btn,
  .manage_suitability_table td:hover .plus-icon-btn,
  .manage_suitability_table th:hover .plus-icon-btn {
      opacity: 1
  }

  :not(.select2-selection--multiple) .select2-search.select2-search--inline .select2-search__field {
      width: 100% !important;
  }

  .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field {
      width: auto !important;
  }

  .assesment-respondent p {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 11px;
  }

  .assessment-card-view-sections {
      display: flex;
      flex-wrap: wrap;
  }

  .assessment-card-view-sections .ACS-col {
      min-width: 50%;
      padding-right: 15px;
  }

  .assessment-card-dates .ACS-col {
      min-width: calc(50% - 31px);
      margin-right: 30px;
      border-right: solid 1px rgba(132, 148, 181, 0.4);
  }

  .assessment-card-dates .ACS-col:last-child {
      border: 0;
  }

  .node-level-title {
      position: absolute;
      width: 100%;
      right: -200%;
      top: 50%;
      transform: translateY(-50%);
  }

  .node-level-title {
      position: absolute;
      width: 100%;
      right: -200%;
      top: 50%;
      transform: translateY(-50%);
      background-color: #f1f8ff;
      z-index: 4;
      border-radius: 14px;
  }

  .node-level-title::before {
      content: "";
      position: absolute;
      right: 100%;
      width: 100%;
      border-top: dashed 1px #4785FF;
      top: 50%;
      transform: translateY(-50%);
      z-index: -6;
  }

  .add-parent-cluster-modal.nested-modal .modal-content {
      transform: translateY(50px);
  }

  .modal-open .add-parent-cluster-modal.show:after {
      content: "";
      display: block !important;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2);
      z-index: -1;
  }

  .dash-inner-tabs-parent.inner-card-tab-fixed {
      position: fixed !important;
      top: 189px;
      z-index: 2;
      background-color: #eef0f8;
      right: 25px;
      left: 291px;
      margin: 0 -26px;
      padding-left: 26px;
      padding-right: 26px;
      padding-top: 5px;
      border-bottom: solid 1px rgba(203, 203, 229, 0.8);
  }

  .dash-inner-tabs-parent.inner-card-tab-fixed .custom-list {
      padding-bottom: 0px !important;
  }

  .btn-light-primary.border-light-primary {
      border: solid 1px #B9DCFF !important
  }

  .FB-main-wrapper .border-bottom-tabs li .nav-link:not(.active) {
      border-bottom: 2px solid rgba(203, 203, 229, 0);
      filter: grayscale(1);
  }

  .component-items-wrapper {
      height: calc(100vh - 120px);
      padding: 0px;
      overflow: auto;
  }

  .p-20px {
      padding: 20px;
  }

  .px-20px {
      padding-left: 20px;
      padding-right: 20px;
  }

  .py-20px {
      padding-top: 20px;
      padding-bottom: 20px;
  }

  .pt-20px {
      padding-top: 20px;
  }

  .pr-20px {
      padding-right: 20px;
  }

  .pb-20px {
      padding-bottom: 20px;
  }

  .pl-20px {
      padding-left: 20px;
  }

  .mx-20px {
      margin-left: 20px;
      margin-right: 20px;
  }

  .my-20px {
      margin-top: 20px;
      margin-bottom: 20px;
  }

  .mt-20px {
      margin-top: 20px;
  }

  .mr-20px {
      margin-right: 20px;
  }

  .mb-20px {
      margin-bottom: 20px;
  }

  .ml-20px {
      margin-left: 20px;
  }

  .mx-30px {
      margin-left: 30px;
      margin-right: 30px;
  }

  .my-30px {
      margin-top: 30px;
      margin-bottom: 30px;
  }

  .mt-30px {
      margin-top: 30px;
  }

  .mr-30px {
      margin-right: 30px;
  }

  .mb-30px {
      margin-bottom: 30px;
  }

  .ml-30px {
      margin-left: 30px;
  }

  .FB-DZ-card {
      background: #F8F8F8;
      border: 1px solid #E2E2E2;
      box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.04);
      border-radius: 10px;
      /* new css */
      min-height: calc(100vh - 70px);
  }

  .FB-select-subsection ol {
      max-width: calc(100% - 26px);
      position: relative;
      display: flex;
      flex-wrap: nowrap;
      white-space: nowrap;
      padding-left: 0;
      overflow: auto;
      margin-left: 13px;
  }

  .FB-select-subsection ol li {
      margin: 0 10px 0 0;
      max-width: 215px;
      white-space: normal;
      min-height: 45px;
      height: 100%;
      min-width: 215px;
      display: grid;
  }

  .FB-select-subsection ol li label {
      color: #6A7A92;
      height: 100%;
      padding: 10px 10px 10px 40px;
      background-color: #fff;
      border: 1px solid #E2E2E2;
      border-radius: 10px;
      cursor: pointer;
  }

  .FB-select-subsection ol li:before {
      display: none
  }

  .FB-select-subsection ol li label:before {
      content: counter(my-awesome-counter);
      color: #fff;
      position: absolute;
      left: 17px;
      top: 14px;
      transform: translateY(0%);
      background-color: #4F8AFF;
      width: 18px;
      height: 18px;
      text-align: center;
      border-radius: 100px;
      font-size: 10px;
      line-height: 18px;
      font-weight: normal;
      filter: grayscale(0.8);
  }

  .FB-select-subsection ol li input:checked~label {
      border: 1.5px solid #82BFFF;
      color: #4F8AFF;
      box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.03), 0px 5.09141px 3.37012px rgba(0, 0, 0, 0.0242813), 0px 3.54375px 2.17969px rgba(0, 0, 0, 0.02025), 0px 2.32422px 1.35254px rgba(0, 0, 0, 0.0173438), 0px 1.4px 0.8125px rgba(0, 0, 0, 0.015), 0px 0.738281px 0.483398px rgba(0, 0, 0, 0.0126563), 0px 0.30625px 0.289062px rgba(0, 0, 0, 0.00975), 0px 0.0710938px 0.15332px rgba(0, 0, 0, 0.00571875);
  }

  .FB-select-subsection ol li input:checked~label:before {
      filter: grayscale(0);
  }

  .FB-select-subsection .dash-tab-prev {
      left: -20px;
      z-index: 1;
      border-radius: 0 100px 100px 0;
      height: 40px;
      box-shadow: 0px 2px 6px rgba(163, 172, 198, 0.26);
      line-height: 35px;
      padding-right: 3px;
      border-width: 1px 1px 1px 0 !important;
  }

  .FB-select-subsection .dash-tab-next {
      right: -20px;
      z-index: 1;
      border-radius: 100px 0 0 100px;
      height: 40px;
      box-shadow: 0px 2px 6px rgba(163, 172, 198, 0.26);
      line-height: 35px;
      padding-left: 3px;
      border-width: 1px 0 1px 1px !important;
  }

  .FB-select-subsection .dash-tab-next,
  .FB-select-subsection .dash-tab-prev {
      background-color: #f7f8f8;
      opacity: 1 !important;
      z-index: 2;
      width: 27px;
      border: solid #D6DDF3;
      transition: all 1s;
  }

  .FB-select-subsection .dash-tab-next:hover,
  .FB-select-subsection .dash-tab-prev:hover {
      background-color: #EBF5FF
  }

  .FB-select-subsection .dash-tab-next:not(:hover):before,
  .FB-select-subsection .dash-tab-prev:not(:hover):before {
      color: #9AA6CA;
  }

  .col-md.FB-right-wrap {
      max-width: 450px;
      padding-right: 30px;
      overflow: hidden;
      box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.07);
  }
  .FB-left-wrap {
    max-width: 600px;
}

  .achiever-form-drawer-wrapper .FB-left-wrap {
     width:30%
  }


  .daterangepicker .calendar-table table [data-title]::after {
      display: none !important;
  }

  .attributes-icon-list.card-icon-list .radio .svg-icon img {
      max-height: 21px;
      max-width: 21px;
      min-height: 18px;
      min-width: 18px;
  }

  .attributes-form-footer {
      box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.06), 0px 0px 11.1273px rgba(0, 0, 0, 0.0455556), 0px 0px 6.05185px rgba(0, 0, 0, 0.0364444), 0px 0px 3.0875px rgba(0, 0, 0, 0.03), 0px 0px 1.54815px rgba(0, 0, 0, 0.0235556), 0px 0px 0.747685px rgba(0, 0, 0, 0.0144444);
  }

  .sel-formRepeat .formRepeat-del {
      transition: all 0.2s;
  }

  .sel-formRepeat:not(:hover) .formRepeat-del {
      opacity: 0;
      width: 0;
      overflow: hidden;
      max-width: 0;
      padding: 0;
  }

  .sel-formRepeat:hover .formRepeat-del {
      width: 60px;
      max-width: 60px;
  }

  .tasks-top-search .input-with-clear {
      max-width: 600px;
  }

  .tasks-top-search .input-with-clear input {
      border-width: 0 0 1px 0;
      border-radius: 0;
  }

  .task-library .ACL4-list .card .ACL4-header:not(.ACL4-icon-header) {
      min-height: 150px;
  }

  .kt_add_task.offcanvas {
      width: 540px;
      max-width: 97%;
  }

  .offcanvas.offcanvas-right.kt_add_task {
      right: -540px;
  }

  .offcanvas.offcanvas-right.kt_add_task.offcanvas-on {
      right: 0
  }

  .task-offcanvas-body {
      height: calc(100vh - 130px);
  }

  .custom-offcanvas-footer {
      box-shadow: 0px -4px 4px rgba(23, 31, 35, 0.06)
  }

  .custom-offcanvas-header {
      box-shadow: 0px 4px 4px rgba(23, 31, 35, 0.06)
  }

  .custom-offcanvas-header.offcanvas-header h4 {
      font-size: 16px;
  }

  .drop-zone-height .card .card-header .card-title {
      width: 100%
  }

  :not(.list-normal) > .task-list-item  {
      padding: 6px 0 6px 15px;
      display: flex;
      align-items: center;
      position: relative;
  }

  .task-list-item:before {
      content: "";
      position: absolute;
      left: 0;
      top: 15px;
      width: 6px;
      height: 6px;
      border-radius: 10px;
      background-color: #596184;
  }

  .task-list-item .todo-text {
      flex-grow: 1;
      margin-right: 10px;
      margin-top: 0px;
      order: -1;
  }

  .task-list-item span {
      order: 12;
      align-self: start;
      margin-top: 5px;
  }

  .task-list-item .todo-text.editable-text:focus-visible {
      border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  }

  .task-list-item label {
      align-self: start;
  }

  /* .task-list-item > .todo-text.editable-text:focus-visible   {
    background-color: #f90;
  } */
  .show-hide-eye span {
      position: relative;
  }

  .show-hide-eye span:before {
      content: "";
      position: absolute;
      top: -2px;
      right: 50%;
      width: 1px;
      height: 25px;
      background-color: #a3acc6;
      transition: 0.2s all;
      opacity: 0;
  }

  .show-hide-eye input:checked~span::before {
      opacity: 1;
      transform: rotate(45deg);
      right: 50%;
  }

  .modal-header.modal-header-shadow {
      padding-bottom: 1.5rem;
      box-shadow: 0px 4px 4px rgba(23, 31, 35, 0.06);
  }

  .create-custom-modal .create-custom-left.col {
      padding: 1.75rem;
      box-shadow: 4.99988px 0.0350333px 12px rgba(0, 0, 0, 0.03), 3.63663px 0.0254812px 8.08828px rgba(0, 0, 0, 0.0242813), 2.53119px 0.0177356px 5.23125px rgba(0, 0, 0, 0.02025), 1.66012px 0.0116321px 3.24609px rgba(0, 0, 0, 0.0173438), 0.999975px 0.00700665px 1.95px rgba(0, 0, 0, 0.015), 0.527331px 0.00369492px 1.16016px rgba(0, 0, 0, 0.0126563), 0.218745px 0.00153271px 0.69375px rgba(0, 0, 0, 0.00975), 0.05078px 0.000355807px 0.367969px rgba(0, 0, 0, 0.00571875);
      max-width: 300px;
  }

  .create-custom-right {
      padding: 1.75rem 0;
  }

  .create-custom-right-inner {
      padding: 0 1.75rem;
      max-height: calc(100% - 65px);
  }

  .custom-field-thumb {
      border: 1px solid #DFEDFB;
      box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.04);
      border-radius: 10px;
      padding: 10px;
      transition: all 0.2s;
      cursor: pointer;
      margin: 15px 0px;
  }

  .custom-field-thumb:first-child {
      margin-top: 0
  }

  .custom-field-thumb:nth-last-child(3) {
      margin-bottom: 0
  }

  .custom-field-thumb.active,
  .custom-field-thumb:hover {
      border-color: #82BFFF;
      box-shadow: 0px 17px 29px rgba(0, 0, 0, 0.03), 0px 12.3648px 19.5467px rgba(0, 0, 0, 0.0242813), 0px 8.60625px 12.6422px rgba(0, 0, 0, 0.02025), 0px 5.64453px 7.84473px rgba(0, 0, 0, 0.0173438), 0px 3.4px 4.7125px rgba(0, 0, 0, 0.015), 0px 1.79297px 2.80371px rgba(0, 0, 0, 0.0126563), 0px 0.74375px 1.67656px rgba(0, 0, 0, 0.00975), 0px 0.172656px 0.889258px rgba(0, 0, 0, 0.00571875);
  }

  .scroll-tab-parent {
      max-width: 100%;
      position: relative;
  }

  .scroll-tab-ul {
      max-width: calc(100% - 80px);
      position: relative;
      margin: 0 auto;
  }

  .swot-audio-item .holder {
      display: flex;
      flex-direction: column;
      align-items: center;
  }

  .swot-audio-item .audio.green-audio-player {
      width: 100%;
      min-width: 100%;
      height: 56px;
      box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .07);
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 10px;
      border-radius: 7px;
      user-select: none;
      -webkit-user-select: none;
      background-color: #fff;
  }

  .swot-audio-item .play-pause-btn {
      display: none;
      cursor: pointer;
  }

  .swot-audio-item .play-pause-btn svg {
      height: 13px;
  }

  .swot-audio-item .spinner {
      width: 14px;
      height: 14px;
      background-image: url("../temporary/spinner.png");
      background-size: cover;
      background-repeat: no-repeat;
      animation: spin 0.4s linear infinite;
  }

  .swot-audio-item .spinner:before {
      display: none;
  }

  .swot-audio-item .slider {
      flex-grow: 1;
      background-color: #D8D8D8;
      cursor: pointer;
      position: relative;
  }

  .swot-audio-item .progress {
      background-color: #44BFA3;
      border-radius: inherit;
      position: absolute;
      pointer-events: none;
  }

  .swot-audio-item .pin {
      height: 16px;
      width: 16px;
      border-radius: 8px;
      background-color: #44BFA3;
      position: absolute;
      pointer-events: all;
      box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32);
  }

  .swot-audio-item .controls {
      font-family: 'Roboto', sans-serif;
      font-size: 11px;
      line-height: 18px;
      color: #55606E;
      display: flex;
      flex-grow: 1;
      justify-content: space-between;
      align-items: center;
      margin-left: 5px;
      margin-right: 5px;
  }

  .swot-audio-item .progress {
      width: 0;
      height: 100%;
  }

  .swot-audio-item .pin {
      right: -8px;
      top: -6px;
  }

  .swot-audio-item .pin span {
      cursor: default;
  }

  .swot-audio-item .volume {
      position: relative;
      z-index: 1;
  }

  .swot-audio-item .volume-btn {
      cursor: pointer;
  }

  .swot-audio-item .volume-btn svg {
      max-height: 13px;
      max-width: 13px
  }

  .swot-audio-item .open path {
      fill: #44BFA3;
  }

  .swot-audio-item .volume-controls {
      width: 21px;
      height: 100px;
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 3px;
      position: absolute;
      left: -3px;
      bottom: 52px;
      flex-direction: column;
      align-items: center;
      display: flex;
  }

  .swot-audio-item .hidden {
      display: none;
  }

  .swot-audio-item .slider {
      margin-top: 12px;
      margin-bottom: 12px;
      width: 4px;
      border-radius: 3px;
      margin-left: 10px;
      margin-right: 10px;
      height: 3px;
  }

  .swot-audio-item .progress {
      bottom: 0;
      height: 100%;
      width: 4px;
  }

  .swot-audio-item .slider .pin {
      left: -5px;
      top: -8px;
  }

  @keyframes spin {
      from {
          transform: rotateZ(0);
      }

      to {
          transform: rotateZ(1turn);
      }
  }

  .recording-canvas-wrapper {
      width: 160px;
      overflow: hidden;
      background-color: #f5faff;
      padding: 10px 0;
      border-radius: 200px;
      box-shadow: 1px 3px 4px rgba(76, 82, 92, 0.2);
      height: 160px;
      margin: auto;
      border: solid 6px rgba(219, 231, 242, 0.5);
      position: relative;
  }

  .recording-canvas-wrapper canvas {
      width: 100%;
      display: block;
      height: 160px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }

  .swot-recording-wrapper .btn:not(.clip .btn) {
      padding: 0;
      width: 45px;
      height: 45px;
      border-radius: 100px;
      border: solid 1px rgba(0, 0, 0, 0.1);
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      line-height: normal;
  }

  .swot-recording-wrapper .btn.record {
      left: -80px;
  }

  .swot-recording-wrapper .btn.stop {
      right: -80px;
  }

  .sound-clips .clip p {
      order: -1;
      width: 100%;
      margin-top: 10px;
      margin-bottom: 5px;
      text-align: left;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .clip .delete {
      padding: 0px;
      margin-left: 10px;
      width: 40px;
      height: 40px;
      border-radius: 100px;
      line-height: normal;
      align-self: center;
  }

  .sound-clips .clip audio {
      width: calc(100% - 50px);
      border-radius: 100px;
      background-color: #4785FF;
  }

  .blinkDot {
      border-color: #FF7070 !important;
      animation: blinker 0.6s cubic-bezier(.2, 0, 0.7, 0.7) infinite alternate;
  }

  .blinkDot i {
      color: #FF7070 !important;
  }

  @keyframes blinker {
      from {
          opacity: 1;
          transform: translateY(-50%) scale(1);
      }

      to {
          opacity: 0.5;
          transform: translateY(-50%) scale(1.07)
      }
  }

  .swot-comments-offcanvas-body {
      height: calc(100vh - 62px);
  }

  .task-info-comment-collapse ul {
      max-height: calc(100% - 15px);
  }

  .task-info-add-comment .emojionearea-editor {
      padding-bottom: 12px !important;
  }

  .swot-comment-input-offcanvas .comment-attachment-sec .comment-attachment-item:first-child {
      margin-top: 0
  }

  .role-hierarchy-wrapper .roleHierarchy {
      max-height: 500px
  }

  .role-hierarchy-wrapper .role-hierarchy-tile {
      padding: 5px 10px 10px 10px;
      width: 220px;
      border: 1px solid #e7ecf2;
      border-radius: 10px;
      box-shadow: 0px 12px 17px rgba(0, 0, 0, 0.04), 0px 2.4px 2.7625px rgba(0, 0, 0, 0.02);
      background-image: linear-gradient(180deg, #FFF 0%, #FFF 46.68%);
  }

  .org-box.role-hierarchy-tile {
      min-height: auto;
      padding-bottom: 20px;
  }

  .org-box.role-hierarchy-tile:not(.parentCard .org-box) {
      padding-top: 20px;
  }

  .hierarchy-progress-circle {
      position: relative;
      top: -24px;
      margin-bottom: -20px;
      height: 44px;

  }

  .role-hierarchy-wrapper .structure-tile .hierarchy-progress-circle figure {
      width: 34px;
      min-width: 34px;
      height: 34px;
      position: absolute !important;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin: 0 !important;
  }

  .role-hierarchy-wrapper .structure-tile .hierarchy-progress-circle figure span {
      width: 34px;
      min-width: 34px;
      height: 34px;
      margin: 0;
  }

  .hierarchy-progress-circle .HPC-inner {
      height: 44px;
      overflow: hidden;
  }

  .hierarchy-progress-circle canvas {
      transform: rotate(45deg);
  }

  .hierarchy-notice-time {
      position: absolute;
      left: calc(50% + 4px);
      bottom: 0;
      border-radius: 100px;
      width: 15px;
      line-height: normal;
      box-shadow: 1px 0 2px rgba(0, 0, 0, 0.15);
  }

  .hierarchy-notice-time i {
      font-size: 14px;
      background-color: #fff;
      border-radius: 100px;
      line-height: 15px;
      width: 15px;
  }

  body figure.hierarchy-no-pp {
      width: 47px;
      height: 47px;
      min-width: auto;
      margin-bottom: 5px;
  }

  body figure.hierarchy-no-pp span {
      background-color: RGB(206, 213, 230);
      border: dashed 1px #8395C7;
      margin: 0;
      width: 45px;
      height: 45px;
      display: block;
  }

  body figure.hierarchy-no-pp span:after {
      content: "";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      color: #8395C7;
  }

  .create-job-wizard .wizard.wizard-3.kt_wizard_v3A [data-wizard-state="current"].wizard-step::after,
  .create-job-wizard .wizard.wizard-3.kt_wizard_v3A [data-wizard-state="done"].wizard-step::after {
      border-color: #B9DCFF !important;
      filter: grayscale(0.7);
      border-bottom-style: dashed;
  }

  .create-job-wizard .ACW-inner [data-wizard-state="done"].wizard-step .wizard-icon figure::after {
      display: none
  }

  .create-job-wizard .ACW-inner {
      max-width: 1255px
  }

  .create-job-wizard .wizard-icon .HPC-inner {
      position: absolute;
      top: calc(50% - 4px);
      left: 50%;
      transform: translate(-50%, -50%);
      height: 66px;
  }

  .approval-timeline-collaborators symbol.symbol-circle {
      border: 0
  }

  .offcanvas.kt_job_approval.offcanvas {
      width: 430px;
  }

  .kt_job_approval.offcanvas.offcanvas-right {
      right: -480px;
  }

  .kt_job_approval.offcanvas.offcanvas-right.offcanvas-on {
      right: 0px;
  }

  .approval-timeline-collaborators .symbol.symbol-light .symbol-label {
      background-color: #DFE3F8;
  }

  .label.label-white-transparent {
      background-color: rgba(255, 255, 255, 0.25) !important
  }

  .swot-job_approval-offcanvas::before {
      border-left: solid 1px #D4DAEC;
      content: "";
      height: 100%;
      left: 108px;
      width: 1px;
      display: block;
      position: absolute;
  }

  .job-approval-comments-list {
      margin-left: 90px;
      padding-left: 25px;
      position: relative;
  }

  .job-approval-comments-list::before {
      content: "";
      position: absolute;
      border-left: solid 1px #D4DAEC;
      width: 1px;
      left: 42px;
      top: 53px;
      bottom: 30px;
  }

  .job-approval-comments-list::after {
      content: "";
      position: absolute;
      left: 37px;
      bottom: 30px;
      width: 11px;
      height: 1px;
      border-radius: 100px;
      background-color: #D4DAEC;
      display: inline-block;
      z-index: 2;
  }

  .job-approval-comments-list li {
      position: relative;
      margin: 5px 0;
  }

  .job-approval-comments-list>li::before {
      content: "";
      position: absolute;
      left: -30px;
      top: 13px;
      width: 10px;
      height: 10px;
      border-radius: 100px;
      background-color: #8295BA;
      display: inline-block;
      z-index: 2;
  }

  .job-approval-comments-list>li>ul>li::before {
      content: "";
      position: absolute;
      left: -70px;
      top: 13px;
      width: 10px;
      height: 10px;
      border-radius: 100px;
      background-color: #8295BA;
      display: inline-block;
      z-index: 2;
  }

  .job-approval-comments-list>li>ul>li::after {
      content: "";
      position: absolute;
      left: -23px;
      top: 0px;
      border-left: solid 1px #D4DAEC;
      height: 20px;
      width: 23px;
      border-radius: 0 0 0 10px;
      border-bottom: solid 1px #D4DAEC;
  }

  .job-approval-comments-list li .ACL4-more-actions {
      top: 2px;
  }

  .job-approval-comments-list li:hover .ACL4-more-actions {
      opacity: 1
  }

  .JAC-list-level2 {
      margin: 10px 0 10px 40px;
  }

  .JAC-list-level2 li {
      margin: 7px 0px;
      display: inline-block;
      width: 100%;
  }

  .job-approval-comments-list>li>.approval-comment-date {
      position: absolute;
      left: -115px;
  }

  .job-approval-comments-list>li>ul>li>.approval-comment-date {
      position: absolute;
      left: -155px;
  }

  .swot-job_approval-footer {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.05);
      background-color:#fff;
  }

  .job_approval-reply-suggestions {
      position: absolute;
      bottom: 61px;
      background-color: #f7f7f7;
      width: 100%;
      left: 0;
      z-index: 2;
      display: flex;
      align-items: center;
      gap: 4px;
  }

  .job_approval-reply-suggestions .collaborator-typing.d-flex {
      position: absolute;
      bottom: 60px;
      left: 15px;
      width: auto;
      z-index: 99;
      background-color: rgba(255, 255, 255, 0);
      padding-top: 5px;
  }
  .jd-collaborator .job_approval-reply-suggestions .collaborator-typing.d-flex,
  .jd-collaborator .job_approval-reply-suggestions .new-msg-alert{
    bottom:10px
  }
  .jd-collaborator .swot-job_approval-offcanvas::before {display:none}
  .job_approval-reply-suggestions .new-msg-alert {
      position: absolute;
      z-index: 1;
      bottom: 60px;
      right: 5px;
      cursor: pointer;
  }

  .swot-job_approval-footer .chat-reply-input {
      width: calc(100% - 1rem)
  }

  .JARS-inner {
      display: flex;
      gap: 5px;
      overflow: auto;
      white-space: nowrap;
      align-items: center;
      max-width: 100%;
      transition: all 0.1s;
  }

  .job_approval-reply-suggestions .dash-tab-next,
  .job_approval-reply-suggestions .dash-tab-prev {
      min-width: 32px;
      position: relative;
      transform: none;
      opacity: 1;
  }

  .job_approval-reply-suggestions .dash-tab-prev {
      box-shadow: 14px 0px 4px rgba(247, 247, 247);
  }

  .job_approval-reply-suggestions .dash-tab-next {
      box-shadow: -14px 0px 4px rgba(247, 247, 247);
  }

  .job-approval-comments-list li .font-size-lg {
      font-size: 1rem;
  }

  body .select2-container--default .select2-selection--single .select2-selection__placeholder {
      color: #A3ACC6;
      font-size: 15px;
  }

  .add-job-form {
      max-width: 800px;
      margin: auto;
      width: 100%;
  }

  .add-competency-wizard.create-job-wizard .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"].wizard-step .wizard-icon,
  .add-competency-wizard.create-job-wizard .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"].wizard-step .wizard-icon {
      filter: grayscale(0);
  }

  .CDI-span {
      border: dashed 1px #A3ACC6;
      width: 18px;
      height: 15px;
      min-width: 18px;
      text-align: center;
      line-height: 13px;
      font-size: 9px;
  }


  body .prepend-group .select2-container--default .select2-selection--multiple,
  body .prepend-group .select2-container--default .select2-selection--single {
      border-radius: 0 0.35rem 0.35rem 0 !important;
      border-left: 0;
      padding-left: 0 !important;
  }

  .add-job-form .ACL4-popover-list {
      padding: 0;
      max-height: 290px;
      gap: 10px;
  }

  .add-job-form .ACL4-popover-list .ACL4-list-item {
      margin: 0;
      padding: 10px;
      min-width: 140px;
      position: relative;
      border-width: 1px;
  }

  .add-job-form .ACL4-popover-list .ACL4-list-item h6 {
      font-size: 1rem;
  }

  .add-job-form .ACL4-popover-list .ACL4-list-item .pro-level-circle {
      border-width: 1px;
      line-height: 22px;
  }

  .add-job-form .ACL4-popover-list .ACL4-list-item:before {
      content: "";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      top: -8px;
      right: -8px;
      color: #5B93FF;
      font-size: 0px;
      background-color: #fff;
      border-radius: 100px;
      line-height: 18px;
      transition: all 0.2s;
  }

  .add-job-form .ACL4-popover-list input:checked~.ACL4-list-item:before {
      font-size: 19px;
  }

  .add-job-form .border-bottom-tabs .nav.nav-pills .nav-link:not(.active) {
      border-color: transparent
  }

  .bootstrap-touchspin .btn.btn-secondary {
      background-color: #F5FAFF;
      border-color: #E6EBF0;
  }

  .bootstrap-touchspin .btn.btn-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) {
      color: #2C92FF;
      background-color: #DEEFFF;
  }

  .bootstrap-touchspin .btn.btn-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i {
      color: #2C92FF;
  }

  .bootstrap-touchspin .form-control.bootstrap-touchspin-vertical-btn:focus {
      border-color: #E4E6EF;
  }

  body .symbol-30 figure.hierarchy-no-pp {
      width: 30px;
      height: 30px;
  }

  body .symbol-30 figure.hierarchy-no-pp span {
      width: 30px;
      height: 30px;
      border-radius: 100px;
      overflow: hidden;
      line-height: 30px;
  }

  body .symbol-30 figure.hierarchy-no-pp span::after {
      font-size: 9px;
  }

  .form-control.is-invalid~.input-group-prepend .input-group-text,
  .form-control.is-invalid~.input-group-append .input-group-text {
      border: solid 1px #f00;
  }

  .is-invalid~.select2 .select2-selection--single,
  .is-invalid~.select2 .select2-selection--multiple {
      border-color: #f00 !important;
  }

  .is-invalid.selectpicker~.btn-light {
      border-color: #f00;
  }

  .select2.is-invalid+.input-group-prepend .input-group-text {
      border-color: #f00;
  }

  .card-hover-footer {
      position: absolute;
      left: 0;
      bottom: -100%;
      width: 100%;
      background-color: #fff;
      padding: 15px;
      transition: 0.3s all;
  }

  .roles-table-card-view .milestone-table-card-inner {
      transition: all 0.2s;
  }

  .roles-table-card-view .milestone-table-card-inner:hover .card-hover-footer {
      bottom: 0
  }

  .roles-table-card-view .milestone-table-card-inner:hover {
      padding-bottom: 55px;
  }

  .roles-table-card-view .checkbox.checkbox-single {
      opacity: 0;
  }

  .roles-table-card-view .milestone-table-card:hover .checkbox.checkbox-single {
      opacity: 1;
  }

  .CJ-competency-wrapper {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      justify-content: left;
  }

  .CJ-competency-wrapper .card {
      width: calc(25% - 20px);
  }

  @media (max-width: 1380px) {
      .CJ-competency-wrapper .card {
          width: calc(33.33% - 20px);
      }
  }

  .CJ-competency-wrapper .link-competency-proficiency .LCP-inner .LCP-item {
      margin: 2px;
  }

  .CJ-competency-wrapper .LCP-number {
      width: 18px;
      height: 18px;
      border-width: 1px;
      font-size: 9px;
      font-weight: 500;
      line-height: 15px;
  }

  .CJ-competency-breadcrumb {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
  }

  .CJ-competency-breadcrumb span {
      margin: 3px;
      position: relative;
  }

  .CJ-competency-breadcrumb span::after {
      position: absolute;
      right: -11px;
      top: 50%;
      transform: translateY(-50%);
      content: "\f1e4";
      font-family: Flaticon2;
      font-size: 7px;
  }

  .CJ-competency-breadcrumb span:last-child:after {
      display: none
  }

  .CJ-competency-wrapper .link-competency-proficiency .LCP-inner .LCP-item {
      padding-left: 8px;
  }

  .CJ-competency-wrapper .link-competency-proficiency .LCP-inner .LCP-item::after {
      border-right: solid 1px #999;
      height: 11px;
  }

  .CJ-competency-wrapper .link-competency-proficiency .LCP-header span {
      padding: 0 6px;
      margin: 0 -6px;
  }

  .CJ-competency-wrapper .link-competency-proficiency .LCP-header::after {
      left: 50%;
      transform: translateX(-50%);
      width: calc(100% + 0.75 * 2rem);
  }

  .CJ-competency-wrapper .link-competency-proficiency .LCP-inner {
      margin: 0 -8px;
  }

  .CJ-competency-wrapper .CJ-competency-details {
      position: absolute;
      left: 0;
      bottom: -50px;
      background-color: #fff;
      width: 100%;
      z-index: 1;
      justify-content: end;
      text-align: right;
      opacity: 0;
      transition: all 0.2s;
      /* border-top:1px solid #EBEDF3; */
  }

  .CJ-competency-wrapper .card:hover .CJ-competency-details {
      opacity: 1;
      bottom: 0;
  }

  .card.CJ-add-competancy .position-competency-add {
      max-width: none;
  }

  .card.CJ-add-competancy .card-body {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
  }

  .CJ-competency-table *:not(.LCP-number) {
      font-size: 12px !important;
      font-weight: 500;
  }

  .CJ-competency-table table th {
      position: relative;
      vertical-align: middle;
  }

  .CJ-add-competency-modal .link-compentency-item-list {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
      -webkit-column-gap: 20px;
      -moz-column-gap: 20px;
      column-gap: 20px;
      orphans: 1;
      widows: 1;
  }

  .add-competency-drawer .CJ-add-competency-modal .link-compentency-item-list label {
      width: 100%;
      margin-bottom: 20px;
  }

  .CJ-add-competency-modal .link-compentency-item-list label {
      width: calc(50% - 10px);
  }

  .CJ-add-competency-modal .link-compentency-item-list .ACL4-list-item {
      margin: 0;
      position: relative;
      cursor: pointer;
  }


  .CJ-add-competency-modal .link-compentency-item-list input:checked~.ACL4-list-item:after {
      content: "\f00c";
      position: absolute;
      width: 18px;
      height: 18px;
      background-color: #4785FF;
      border-radius: 100px;
      top: 10px;
      right: 10px;
      font-weight: 900;
      color: #fff;
      line-height: 18px;
      font-size: 10px;
      font-family: "Font Awesome 5 Free";
      text-align: center;
  }

  .set-approver-tabs {
      display: flex
  }

  .set-approver-tabs li {
      padding-right: 30px;
      position: relative;
      width: 170px;
      min-width: 170px;
  }

  .set-approver-tabs li:not(.active) figure:not(.add-new-step) {
      filter: grayscale(1) brightness(1.3);
  }

  .set-approver-tabs li:first-child:after {
      content: "";
      left: calc(50% + 0px);
      width: 85px;
      height: 2px;
      background-color: #DAE1F5;
      position: absolute;
      top: 15px;
  }

  .set-approver-tabs li:not(:first-child):after {
      content: "";
      left: 50%;
      width: 170px;
      height: 2px;
      background-color: #DAE1F5;
      position: absolute;
      top: 15px;
      transform: translateX(-50%);
      z-index: 0;
  }

  .set-approver-tabs li:last-child:after {
      content: "";
      left: -16px;
      width: 32px;
      height: 2px;
      background-color: #DAE1F5;
      position: absolute;
      top: 15px;
      z-index: 0;
  }

  .set-approver-tabs li figure {
      width: 32px;
      height: 32px;
      border-radius: 100px;
      text-align: center;
      line-height: 32px;
      color: #fff;
      font-size: 12px;
      line-height: 30px;
      position: relative;
      z-index: 1;
  }

  .set-approver-tabs li .add-new-step.btn {
      border-radius: 100px;
      border: solid 2px #DAE1F5;
      line-height: 26px;
  }

  .set-approver-card .set-approver-header {
      box-shadow: 0 2px 4px 0 rgba(23, 31, 35, .06);
  }

  .inline-edit-textarea:not(:focus),
  .approver-step-title .form-control:not(:focus) {
      border-color: transparent;
  }

  .inline-edit-textarea:focus,
  .approver-step-title .form-control:focus {
      color: #A3ACC6 !important;
      border-color: transparent
  }

  .inline-edit-textarea,
  .approver-step-title textarea.form-control {
      resize: none;
  }

  body .set-approver-list .select2-container--default .select2-selection--multiple,
  body .set-approver-list .select2-container--default .select2-selection--single {
      border-width: 0 0 1px 0;
      border-radius: 0 !important;
  }

  .approver-card-sections .approver-card-left {
      box-shadow: 4px 4px 4px 0 rgba(177, 183, 206, 0.13);
      width: 100%;
      max-width: calc(100% - 350px)
  }

  .approver-card-sections .approver-card-right {
      width: 100%;
      max-width: 350px;
  }

  .approver-card-sections .approver-card-left .table-responsive {
      margin-left: 1rem !important;
      margin-right: 1rem !important;
      max-width: calc(100% - 2rem);
  }

  .approver-card-right .alert {
      border-radius: 3px;
      box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.05);
      background-color: transparent;
      border-width: 0 0 0 2px !important;
      line-height: normal;
  }

  .approver-card-right .dash-tab-prev,
  .approver-card-right .dash-tab-next {
      width: 28px;
      height: 28px;
  }

  .approver-card-right .dash-tab-prev:before,
  .approver-card-right .dash-tab-next:before {
      font-size: 10px;
      top: 50%;
      transform: translate(-50%, -50%);
      position: absolute;
      left: 50%;
  }

  .approver-card-right .border-bottom-tabs li .nav-link .nav-text {
      font-size: 14px;
  }

  .condition-radio-check>li {
      position: relative;
      padding: 5px 0;
      display: flex;
  }

  .condition-radio-check>li>ul>li {
      position: relative;
      padding: 3px 0;
      display: flex;
  }

  .condition-radio-check>li>label {
      color: #1E212F
  }

  .condition-radio-check li label img {
      max-width: 14px;
      min-width: 14px;
      max-height: 15px;
  }

  .btn.send-email-btn {
      width: 28px;
      height: 28px;
      border-radius: 100px;
      padding: 0px;
      filter: grayscale(1) opacity(0.7);
  }

  .btn.send-email-btn:hover {
      filter: grayscale(0) opacity(1);
  }

  .condition-radio-check li ul {
      margin-left: 28px;
      margin-top: 10px;
      width: calc(100% - 20px);
  }

  .condition-radio-check li span {
      align-self: start;
      top: 2px;
      position: relative;
  }

  .notify-users-list {
      height: 150px;
      margin-bottom: 0;
  }

  .notify-users-list li {
      padding: 7px 0px;
  }

  .set-approver-table th img {
      max-width: 16px
  }

  .cjProject-search-autocomplete,
  .CJ-added-task-cards,
  .task-search-autocomplete {
      border: solid 1px #E4E6EF;
      margin-top: 10px;
      padding: 15px;
      border-radius: 5px;
  }

  .task-search-autocomplete ul>li {
      padding: 3px 0;
  }

  .cjProject-search-list-wrapper,
  .task-search-list-wrapper {
      max-height: 200px;
      padding-right: 15px;
  }

  .cjProject-search-list-wrapper .cj-project-item,
  .task-search-autocomplete .ul-group {
      border-bottom: solid 1px #F3F3FF;
      padding-bottom: 15px;
      margin-bottom: 15px;
  }

  .cjProject-search-list-wrapper .cj-project-item:nth-last-child(3),
  .task-search-autocomplete .ul-group:nth-last-child(3) {
      border-bottom: 0;
      padding-bottom: 0px;
      margin-bottom: 0px;
  }

  .CJ-added-task-cards > .btn-light-danger,
  .cj-project-item > .btn-light-danger,
  .CJ-added-task-cards .task-list-item .btn-light-danger {
      padding: 0;
      width: 24px;
      height: 24px;
      border-radius: 100px;
      line-height: 20px;
      text-align: center;
      position: absolute;
      right: 0;
  }

  .task-list-item span {
      order: -1;
      margin-top: 2px;
  }

  .CJ-added-task-cards .task-list-item {
      padding: 6px 25px 6px 0px
  }

  .CJ-added-task-cards .task-list-item:before {
      display: none
  }

  .CJ-added-task-cards .task-list-item .todo-text {
      order: 1;
      /* margin-left:10px!important; */
  }

  .set-approver-header .dash-tab-prev {
      left: 30px
  }

  .set-approver-header .dash-tab-next {
      right: 30px;
  }

  .email-notification-highlights {
      background-color: #F7F9FC;
      border: 0.5px solid #CED6ED;
      border-radius: 7px;
      padding: 15px;
  }

  .ENN-left.col {
      max-width: 32px;
  }

  .ENN-right ul li {
      position: relative;
      padding: 2px 0px 2px 15px;
      color: #4785ff;
  }

  .ENN-right ul li:before {
      content: "";
      position: absolute;
      left: 0;
      top: 10px;
      width: 4px;
      height: 4px;
      border-radius: 4px;
      background-color: currentColor;
  }

  .email-notification-modal .alert {
      border-radius: 3px;
      box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.05);
      background-color: transparent;
      border-width: 0 0 0 2px !important;
      line-height: normal;
  }

  .cjcourse-search-autocomplete {
      margin: -35px -35px -10px -35px;
  }

  .cjcourse-search-list-wrapper {
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
      padding: 0 35px 25px 35px;
      max-height: 285px;
  }

  .cjcourse-search-list-wrapper .cj-course-item {
      width: calc(33.33% - 12px);
      border-radius: 7px;
      overflow: hidden;
      box-shadow: 0px 16.775px 23.7646px rgba(0, 0, 0, 0.04), 0px 3.355px 3.86175px rgba(0, 0, 0, 0.02);
      border: solid 1px transparent;
      transition: all 0.1s
  }

  .cj-course-item:hover {
      border: 1px solid #78BCFF;
  }

  .cjcourse-search-list-wrapper .cj-course-item figure {
      padding: 15px;
      position: relative;
      height: 120px;
      background-size: cover;
      margin-bottom: 0;
      background-color: #12008a;
      background-position: center center;
  }

  .cjcourse-search-list-wrapper .cj-course-item figure::after {
      content: "";
      position: absolute;
      bottom: 0;
      width: 100%;
      left: 0;
      height: 50%;
      background-image: linear-gradient(360deg, rgba(0, 3, 34, 0.8) -30%, rgba(217, 217, 217, 0) 70%);
  }

  .cjcourse-search-list-wrapper .cj-course-item figure .label {
      position: absolute;
      bottom: 15px;
      left: 15px;
      z-index: 2;
  }

  .cjcourse-search-list-wrapper .cj-course-item .cj-course-body {
      padding: 15px;
  }

  .cj-course-categories .CJCC {
      border-left: solid 2px;
      padding-left: 5px;
      margin-right: 5px;
      max-width: calc(50% - 5px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .inline-editable-div {
      outline: 0 !important;
      white-space: normal;
  }

  .inline-editable-div:focus {
      color: #A3ACC6 !important
  }

  .org-charts-wrapper .org-chart-list {
      margin: 25px 0;
  }

  .org-charts-wrapper .org-chart-list:first-child {
      margin-top: 0;
  }

  .org-charts-wrapper .org-chart-list:last-child {
      margin-bottom: 0;
  }

  .org-list-items {
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
  }

  .org-list-items .OL-item {
      border: 0.5px solid rgba(161, 168, 206, 0.53);
      box-shadow: 0px 12px 17px rgba(0, 0, 0, 0.04), 0px 2.4px 2.7625px rgba(0, 0, 0, 0.02);
      border-radius: 5px;
      width: calc(33.33% - 12px);
      transition: all 0.1s;
      margin-bottom: 30px;
      position: relative;
  }

  @media (min-width: 1560px) {
      .org-list-items .OL-item {
          width: calc(25% - 12px);
      }
  }

  .org-list-items .OL-item.OLisChecked,
  .org-list-items .OL-item:hover {
      box-shadow: 0px 10px 12px rgba(0, 0, 0, 0.08), 0px 0px 10px rgba(0, 0, 0, 0.02);
  }

  .OL-item-body,
  .OL-item-banner {
      padding: 15px;
      position: relative;
  }

  .OL-item-banner .label {
      position: absolute;
      left: 15px;
      top: 15px;
  }

  .OL-item-banner>img {
      width: 50%;
      min-width: 140px;
      height: 80px;
      transition: all 0.3s;
  }

  .org-list-items .OL-item:hover .OL-item-banner>img {
      height: 0
  }

  .org-list-items .OL-item:hover .OL-item-body {
      border-color: transparent !important;
      padding-top: 0;
      cursor: pointer
  }

  .org-list-items .OL-item:hover .OL-start-date {
      height: 34px;
      opacity: 1;
  }

  .org-list-items .OL-item .OL-start-date {
      transition: all 0.2s;
      position: absolute;
      bottom: -42px;
      left: 0;
      width: 100%;
      opacity: 0;
  }

  .org-list-items .OL-item .OL-id {
      transition: all 0s;
      transition-delay: 0.1s;
      width: 125px;
  }

  .org-list-items .OL-item:hover .OL-id {
      width: 100%;

  }

  .OL-item-body {
      transition: all 0.1s;
      display: block;
      overflow:hidden;
  }

  .org-list-items .OL-item:hover .OL-item-body {
      padding-bottom: 40px;
  }

  .OL-posted-date {
      position: absolute;
      bottom: -30px;
      pointer-events: none;
  }

  .OL-item label {
      position: absolute;
      right: 40px;
      top: 15px;
      width: 18px;
      height: 18px;
      cursor: pointer;
      z-index: 1;
  }

  .OL-item-actions {
      position: absolute;
      right: 15px;
      top: 12px;
      z-index: 1;
  }

  .OL-item .OL-check {
      height: 18px;
      width: 18px;
      background-color: #fff;
      border: 1px solid #dbe1e6;
      border-radius: 5px;
      opacity: 0;
      transition: all 0.1s;
      display: inline-block;
  }

  .OL-item:hover .OL-check {
      opacity: 1
  }

  .OL-item label input:checked~.OL-check {
      border-color: #4785FF !important;
      background-color: #4785FF !important;
      opacity: 1;
  }

  .OL-item label input:checked~.OL-check:after {
      content: '';
      border-color: #fff;
      border-style: solid;
      border-width: 0 2px 2px 0 !important;
      -webkit-transform: rotate(45deg) translate(-50%, -50%);
      transform: rotate(45deg) translate(-50%, -50%);
      position: absolute;
      left: 5px;
      top: 50%;
      display: block;
      width: 5px;
      height: 10px;
  }

  .inline-editable-div.placeholder {
      min-width: 120px;
      position: relative;
      cursor:text;
  }

  .inline-editable-div br{display:none}

  .inline-editable-div.placeholder:after {
      content: attr(placeholder);
      position: absolute;
      top: 10px;
      color: #A3ACC6 !important;
      top: 50%;
      transform: translateY(-50%);
  }

  .text-center .inline-editable-div.placeholder:after {
    left:50%;
    transform: translate(-50%,-50%);
  }
  .text-left .inline-editable-div.placeholder:after,
  .text-left.inline-editable-div.placeholder:after {
    left:0%;
    transform: translate(0%,-50%);
  }

  .JD-summary-left .symbol span {
      background-color: #3971CE;
      width: 60px;
      height: 60px;
      display: inline-block;
      text-align: center;
      font-weight: 500;
      line-height: 60px;
      color: #fff;
      font-size: 20px;
  }

  .JD-summary-wrapper {
      gap: 15px;
  }

  .JD-info-columns .JD-info-column {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
  }

  .nationality-spans img {
      height: 17px;
  }

  .label:not(.label-inline) img {
      max-height: 11px;
  }

  .JD-members-labels .label {
      white-space: nowrap;
      border: 1px solid #E8EDF3;
      box-shadow: 0px 3.63672px 12.8064px rgba(0, 0, 0, 0.0242813), 0px 2.53125px 8.28281px rgba(0, 0, 0, 0.02025), 0px 1.66016px 5.13965px rgba(0, 0, 0, 0.0173438), 0px 1px 3.0875px rgba(0, 0, 0, 0.015), 0px 0.527344px 1.83691px rgba(0, 0, 0, 0.0126563), 0px 0.21875px 1.09844px rgba(0, 0, 0, 0.00975), 0px 0.0507812px 0.582617px rgba(0, 0, 0, 0.00571875);
  }

  .JD-members-sec .JD-members-left {
      padding: 0 10px 10px 0px;
      border-radius: 0 0 12px 0;
      position: relative;
  }

  .JD-members-sec .JD-members-left:before {
      content: "";
      position: absolute;
      left: 17px;
      border-bottom: solid 1px #DBE1E6;
      bottom: 0px;
      right: 7px;
      z-index: 1;
  }

  .JD-members-sec .JD-members-right {
      border-left: solid 1px #DBE1E6;
      padding: 0 0 10px 10px;
      border-radius: 12px 0 0 0;
      position: relative;
      top: -10px;
  }

  .JD-members-sec .JD-members-right:before {
      content: "";
      position: absolute;
      left: -1px;
      top: 0;
      width: 15px;
      height: 15px;
      border-top: solid 1px #DBE1E6;
      border-radius: 12px 0 0 0;
  }

  .JD-members-right::after {
      content: "";
      left: 10px;
      position: absolute;
      width: 5px;
      height: 5px;
      border-radius: 100px;
      background-color: #ddd;
      top: -2px;
      z-index: 1;
  }

  .JD-members-sec .JD-members-left:after {
      content: "";
      position: absolute;
      right: -1px;
      bottom: 0;
      width: 15px;
      height: 15px;
      border-right: solid 1px #DBE1E6;
      border-radius: 0 0 12px 0;
      background-color: #fff;
  }

  .JD-members-sec .JD-members-left .approval-timeline-collaborators .symbol:after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: -15px;
      transform: translateX(-50%);
      height: 15px;
      border-left: solid 1px #DBE1E6;
  }

  .JD-members-sec .JD-members-left .approval-timeline-collaborators .symbol:before {
      content: "";
      position: absolute;
      left: 50%;
      bottom: -17px;
      transform: translateX(-50%);
      height: 5px;
      width: 5px;
      border-radius: 100px;
      background-color: #DBE1E6;
  }

  .JD-position-blocks .JD-member-position {
      padding: 0 15px 5px 15px;
      position: relative;
      top: -10px;
      width: 200px;
      min-width: 200px;
      white-space: normal;
  }

  .JD-position-blocks .JD-member-position:not(:first-child):before {
      content: "";
      left: 0;
      position: absolute;
      width: 5px;
      height: 5px;
      border-radius: 100px;
      background-color: #ddd;
      top: 8px;
  }

  .JD-position-blocks .JD-member-position:not(:last-child):after {
      content: "";
      left: 15px;
      right: 0;
      border-top: solid 1px #ccc;
      position: absolute;
      top: 10px;
  }

  .JD-position-blocks .JD-member-position .JDP-title {
      background-color: #fff;
      position: relative;
      z-index: 1;
      display: inline-block;
      padding-right: 10px;
  }

  .JD-position-scroll {
      padding-top: 10px;
      position: relative;
      margin-top: -10px;
      margin-left: 5px;
  }

  .JD-summary-wrapper .JD-summary-right {
      max-width: calc(100% - 75px);
  }

  .JD-info-columns {
      max-width: calc(100% + 15px);
  }

  .JD-summary-header {
      padding-right: 55px;
  }

  .JD-summary-header .JD-share {
      position: absolute;
      right: 0;
      top: -8px;
  }

  .JD-linkage-wrapper .JD-linkage-title {
      border: solid #DEDEF5;
      border-width: 1px 1px 1px 4px;
      box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.03), 0px 1.45469px 6.74023px rgba(0, 0, 0, 0.0242813), 0px 1.0125px 4.35938px rgba(0, 0, 0, 0.02025), 0px 0.664062px 2.70508px rgba(0, 0, 0, 0.0173438), 0px 0.4px 1.625px rgba(0, 0, 0, 0.015), 0px 0.210938px 0.966797px rgba(0, 0, 0, 0.0126563), 0px 0.0875px 0.578125px rgba(0, 0, 0, 0.00975), 0px 0.0203125px 0.306641px rgba(0, 0, 0, 0.00571875);
      border-radius: 5px;
      padding: 7px 12px;
      display: block;
      margin: 4px 0 15px 0;
  }

  .JD-linkage-wrapper .JD-pro-level .JD-linkage-title {
      box-shadow: 0px 13.2806px 18.8142px rgba(0, 0, 0, 0.04), 0px 2.65613px 3.05731px rgba(0, 0, 0, 0.02);
  }

  .JD-linkage-wrapper ul ul {
      margin-left: 10px;
  }

  .JD-linkage-wrapper ul li {
      position: relative;
      z-index: 1;
  }

  .JD-linkage-wrapper>ul>li:not(:last-child)::before {
      content: "";
      top: 50%;
      height: calc(100% + 50%);
      width: 10px;
      border-left: 1px solid #DEDEF5;
      position: absolute;
      left: 0px;
      border-bottom: 1px solid #DEDEF5;
      border-radius: 0px 0px 0px 10px;
      z-index: -1;
  }

  .JD-cards-wrapper .card-list-icon {
      width: 20px;
      min-width: 20px;
      text-align: right;
  }

  .JD-cards-wrapper .data-sub-title {
      font-size: 13px;
  }

  .JD-pro-level-ul li {
      padding: 3px 0px 3px 12px;
      font-size: 13px;
  }

  .JD-pro-level-ul li:before {
      content: "";
      position: absolute;
      left: 0;
      top: 11px;
      width: 5px;
      height: 5px;
      background-color: #4785FF;
      border-radius: 10px;
  }

  .JD-Task-carousel .JDT-carousel-item {
      padding: 15px;
  }

  .JD-Task-carousel .slick-list {
      padding: 0 80px 0 0 !important
  }

  .JD-Task-carousel .slick-list:before {
      content: "";
      position: absolute;
      right: 0px;
      top: 0;
      bottom: 0;
      width: 70px;
      z-index: 1;
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0.44) 30%, rgba(255, 255, 255, 0.8), rgb(255, 255, 255));
  }

  .JD-Task-carousel.slick-slider .slick-next,
  .JD-Task-carousel.slick-slider .slick-prev {
      z-index: 1;
  }

  .JD-Task-carousel.slick-slider .slick-next {
      right: -5px;
  }

  .JD-Task-carousel.slick-slider .slick-prev {
      left: -5px;
  }

  .JD-border-bottom-tabs .nav.nav-pills .nav-link:not(.active, :hover) .nav-text img {
      filter: grayscale(1)
  }

  .JD-tabs .tab-content>.tab-pane:not(.active) {
      display: block;
      position: relative;
      z-index: -99999;
      height: 0;
      top: -99999px;
      overflow: hidden;
  }

  .JD-card-highlighted {
      border-radius: 10px;
      border: 1px solid #E6EEF7;
  }

  .check-icon-list li {
      position: relative;
      padding: 4px 0px 4px 20px;
  }

  .check-icon-list li:before {
      content: "";
      font-family: "Line Awesome Free";
      font-weight: 900;
      position: absolute;
      left: 0;
      top: 5px;
      color: #4785FF;
  }

  .btn:not(:hover, :active, :focus) img.card-action-dots {
      filter: grayscale(1) brightness(1.5) !important;
  }

  .AT-attachment-item {
      padding: 5px;
      background-color: rgba(243, 245, 255, 0.5);
      border-radius: 5px;
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
      max-width: 180px;
      margin-top: 3px;
  }

  .AT-attachment-item .dash-chat-doc .btn {
      width: 25px;
      min-width: 25px;
      height: 25px;
      border-radius: 100px;
      padding: 0px;
      border: solid 1px #A3ACC6;
      background-color: transparent;
      line-height: 20px;
  }

  .JD-linkage-wrapper ul li .form-linkage-title {
      padding: 10px 0 0 0;
      display: inline-block;
      width: 100%;
  }

  .JD-linkage-wrapper.form-linkage-wrapper>ul>li {
      position: relative;
  }

  .JD-linkage-wrapper.form-linkage-wrapper>ul>li:not(:last-child)::before {
      height: calc(100% + 20%);
      width: 12px;
  }

  .selectpicker-selected-cards {
      gap: 20px;
      display: flex;
      flex-wrap: wrap;
  }

  .selectpicker-selected-cards .selectpicker-selected-card {
      display: inline-block;
      width: calc(50% - 14px);
      border-radius: 7px;
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      min-width: calc(50% - 14px);
      max-width: 100%;
  }

  .selected-item-list {
      gap: 5px;
  }

  .selected-item-list .selected-item-span {
      cursor: default !important;
      display: flex;
      flex-direction: row;
      align-items: center;
  }

  .selected-item-list .selected-item-span .flag-img {
      height: 16px;
      border-radius: 100px;
      margin-right: 3px;
  }

  .link-compentency-item-list .subscription-content-right li::before {
      background-color: rgba(63, 66, 84, 0.9);
  }

  .link-compentency-item-list .subscription-content-right li {
      color: inherit;
  }

  .role-card-chart-head {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }

  .task-user-img.symbol .symbol-label img {
      max-width: 22px;
      max-height: 22px;
  }

  .task-user-type span.d-flex {
      position: relative;
      padding-right: 10px;
      ;
  }

  .task-user-type span.d-flex:not(:first-child)::before {
      content: "";
      position: absolute;
      width: 1px;
      height: 10px;
      background-color: #9F9EB6;
      left: -10px;
      top: 50%;
      transform: translateY(-50%);
  }

  .task-sort-drawer .task-offcanvas-body {
      height: calc(100vh - 80px);
  }

  .task-sort-albphabate {
      height: 100%;
      border: 1px solid #E7EAF5;
      box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.05), 0px 1.2963px 8.19907px rgba(0, 0, 0, 0.037963), 0px 0.77037px 4.45926px rgba(0, 0, 0, 0.0303704), 0px 0.4px 2.275px rgba(0, 0, 0, 0.025), 0px 0.162963px 1.14074px rgba(0, 0, 0, 0.0196296), 0px 0.037037px 0.550926px rgba(0, 0, 0, 0.012037);
      border-radius: 100px;
      padding: 5px;
      margin-bottom: 15px;
      position: sticky;
      top: 0px;
  }

  .task-sort-albphabate .btn {
      padding: 4px 0;
      line-height: normal;
      font-size: 13px;
  }

  .task-sort-albphabate .btn:hover,
  .task-sort-albphabate .btn.active {
      color: #4785FF
  }

  .TSAD-item .TSAD-heading {
      margin-left: 10px;
  }

  .offcanvas.offcanvas-right.kt_add_task.task-sort-drawer {
      right: -440px;
  }

  .kt_add_task.offcanvas.task-sort-drawer {
      width: 440px;
      max-width: 97%;
  }

  .offcanvas.offcanvas-right.kt_add_task.task-sort-drawer.offcanvas-on {
      right: 0;
  }

  .TSAD-item li {
      padding: 5px 0;
  }

  .TSAD-item li a {
      display: inline-block;
  }

  .blink {
      animation: blink 1s 3;
  }

  @keyframes blink {
      0% {
          opacity: 1
      }

      50% {
          opacity: 0.5
      }

      100% {
          opacity: 1
      }
  }

  @keyframes blink {
      0% {
          opacity: 1
      }

      50% {
          opacity: 0.5
      }

      100% {
          opacity: 1
      }
  }

  .task-user-img .border-light-primary {
      border-color: #B1D3FF !important;
  }

  .shareToUser-list ul li {
      padding: 0.3rem 0.75rem;
      border-radius: 5px;
      margin: 3px 0;
      transition: all 0.2s;
  }

  .shareToUser-list ul li.checked,
  .shareToUser-list ul li:hover {
      background-color: rgba(234, 236, 246, 0.3);
  }

  .ED-project-item {
      border: 1px solid #E7EDF3;
      box-shadow: 0px 3.01318px 6.02635px rgba(184, 208, 235, 0.161);
      border-radius: 10px;
      padding: 15px;
      margin-top: 25px;
  }

  .ED-project-item:first-child {
      margin-top: 0;
  }

  .ED-project-item:nth-last-child(3) {
      margin-bottom: 5px;
  }

  .ED-projects-wrapper {
      max-height: 430px;
  }

  .ED-notification-card .main-noti-list-wrapper {
      height: auto;
      max-height: 520px;
  }

  .ED-day-calander-wrapper .EDC-left {
      width: calc(100% - 320px);
      min-width: calc(100% - 320px);
      box-shadow: 9.99982px 0.0605438px 10px rgba(0, 0, 0, 0.02), 7.2733px 0.0440361px 6.74023px rgba(0, 0, 0, 0.0161875), 5.06241px 0.0306503px 4.35938px rgba(0, 0, 0, 0.0135), 3.32025px 0.0201024px 2.70508px rgba(0, 0, 0, 0.0115625), 1.99996px 0.0121088px 1.625px rgba(0, 0, 0, 0.01), 1.05467px 0.00638548px 0.966797px rgba(0, 0, 0, 0.0084375), 0.437492px 0.00264879px 0.578125px rgba(0, 0, 0, 0.0065), 0.101561px 0.000614898px 0.306641px rgba(0, 0, 0, 0.0038125);
  }

  .ED-day-calander-wrapper .EDC-right {
      width: 100%;
      max-width: 320px;
  }

  .ED-day-calander-wrapper .EDC-left .ED-day-calander-top {
      box-shadow: -2px 4px 6px rgba(0, 0, 0, 0.1);
  }

  .btn img[src^=menu-dots] {
      opacity: 0;
  }

  .ED-todo-list li .custom-control {
      padding-left: 30px;
  }

  .ED-todo-list li .custom-control-input:checked~.custom-control-label::before {
      border-color: #4785FF;
      background-color: #4785FF;
  }

  .ED-todo-list li .custom-control-label {
      cursor: pointer
  }

  .ED-todo-list li .custom-control-label::before {
      width: 20px;
      height: 20px;
      left: -30px;
      top: 50%;
      transform: translateY(-50%);
      border: solid 1px #4785FF;
      background-color: #4785FF;
  }

  .ED-todo-list li .custom-radio .custom-control-input:checked~.custom-control-label::after {
      background-image: none;
      content: "";
      font-family: "Font Awesome 5 Free" !important;
      font-style: normal;
      font-weight: 800;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      color: #fff;
      left: -26px;
      top: calc(50% + 1px);
      transform: translateY(-50%);
      font-size: 11px;
  }

  .ED-todo-list li {
      border: 1px solid #E8EEF5;
      padding: 10px;
      border-radius: 6px;
      transition: all 0.3s;
      margin: 10px 0;
      background-color: #fff;
  }

  .ED-todo-list li:hover {
      border-color: rgba(161, 168, 206, 0.7);
      box-shadow: 0px 12px 17px rgba(0, 0, 0, 0.04), 0px 2.4px 2.7625px rgba(0, 0, 0, 0.02);
  }

  .ED-todo-list {
      max-height: 280px;
  }

  .ED-todo-list li:not(:hover, :focus, :active) .btn img {
      filter: grayscale(1)
  }

  .todo-list-input .form-control {
      padding-left: 50px;
  }

  .todo-list-input span {
      width: 25px;
      height: 25px;
      border-radius: 100px;
      display: inline-block;
      text-align: center;
      color: #fff;
      line-height: 25px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 15px;
      background-color: #4785FF;
  }

  .todo-list-input span i {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      font-size: 14px;
  }

  .EDI-item {
      border: solid #E8EEF5;
      border-width: 1px 1px 1px 4px;
      border-left-color: rgba(121, 166, 255, 0.36);
      border-radius: 6px;
      transition: all 0.3s;
      margin: 10px 0;
      background-color: #fff;
  }

  .EDI-item:hover {
      border-color: rgba(161, 168, 206, 0.7);
      box-shadow: 0px 12px 17px rgba(0, 0, 0, 0.04), 0px 2.4px 2.7625px rgba(0, 0, 0, 0.02);
      border-left-color: rgba(121, 166, 255, 1);
  }

  .EDI-item .EDII-left {
      width: 80px;
      min-width: 80px;
      border-right: solid 1px;
      padding: 10px;
      text-align: center;
  }

  .EDI-item .EDII-right {
      width: 100%;
      padding: 10px;
  }

  .owl-theme.ED-events-carousel .owl-nav {
      margin-top: 0;
  }

  .owl-theme.ED-events-carousel.owl-top-right .owl-prev,
  .owl-theme.ED-events-carousel.owl-top-right .owl-next {
      top: -35px;
  }
  .CA-choose-respondent {
    display: flex;
    gap: 15px;
    flex-wrap:wrap;
  }
  .CA-res-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 85px;
    max-width: 140px;
  }
  .CA-choose-respondent label {
      border: 1px solid #DFEDFB;
      box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.04);
      border-radius: 10px;
      padding: 10px;
      margin: 0;
      min-width: 85px;
     width:100%;
      text-align: center;
      line-height: normal;
      cursor:pointer;
      height:100%;
  }
  .CA-choose-respondent input:checked ~ label,
  .CA-choose-respondent label:hover{
    border-color:#82BFFF;
    box-shadow: 0px 17px 29px rgba(0, 0, 0, 0.03), 0px 12.3648px 19.5467px rgba(0, 0, 0, 0.0242813), 0px 8.60625px 12.6422px rgba(0, 0, 0, 0.02025), 0px 5.64453px 7.84473px rgba(0, 0, 0, 0.0173438), 0px 3.4px 4.7125px rgba(0, 0, 0, 0.015), 0px 1.79297px 2.80371px rgba(0, 0, 0, 0.0126563), 0px 0.74375px 1.67656px rgba(0, 0, 0, 0.00975), 0px 0.172656px 0.889258px rgba(0, 0, 0, 0.00571875);
  }
  .CS-res-icon figure {
      background: rgba(187, 212, 236, 0.2);
      border-radius: 15px;
      width: 45px;
      height: 45px;
      margin: 0 auto 10px auto;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .CF-hours{
    width:110px;
  }
  .CF-hours .btn-secondary{
    background-color: transparent !important;
    border: 0 !important;
  }
  .CF-hours .bootstrap-touchspin .input-group-btn-vertical .btn i{
    font-size:0.6rem;
  }
  .CF-hours .bootstrap-touchspin .form-control.bootstrap-touchspin-vertical-btn{
    padding-right:30px
  }
  .CF-hours .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{
    top:2px
  }
  .CF-hours .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{
    bottom:2px;
  }
  .CF-years-list,
  .CF-days-list {
    gap: 15px;
    flex-wrap: wrap;
  }
  .CF-years-list .CF-year-item,
  .CF-days-list .CF-day-item{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 120px;
    max-width: 160px;
  }
  .CF-years-list .CF-year-item{
    min-width: 149px;
    max-width: 149px;
  }
  .CF-years-list .CF-year-item label,
  .CF-days-list .CF-day-item label{
    border: 1px solid #DFEDFB;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    padding: 10px;
    margin: 0;
    min-width: 85px;
    width: 100%;
    text-align: center;
    line-height: normal;
    cursor: pointer;
    height: 100%;
  }
  .CF-years-list .CF-year-item input:checked ~ label,
  .CF-years-list .CF-year-item label:hover,
  .CF-days-list .CF-day-item input:checked ~ label,
  .CF-days-list .CF-day-item label:hover{
    border-color:#82BFFF;
    background-color:#F3F9FF;
    color: #5B93FF;
    box-shadow: 0px 17px 29px rgba(0, 0, 0, 0.03), 0px 12.3648px 19.5467px rgba(0, 0, 0, 0.0242813), 0px 8.60625px 12.6422px rgba(0, 0, 0, 0.02025), 0px 5.64453px 7.84473px rgba(0, 0, 0, 0.0173438), 0px 3.4px 4.7125px rgba(0, 0, 0, 0.015), 0px 1.79297px 2.80371px rgba(0, 0, 0, 0.0126563), 0px 0.74375px 1.67656px rgba(0, 0, 0, 0.00975), 0px 0.172656px 0.889258px rgba(0, 0, 0, 0.00571875);
  }
  .CF-month-list {
    padding:15px;
    border-radius:7px;
    border: 1px solid #DFEDFB;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
  }
  .CF-month-list .CF-month-item {
    margin: 5px;
  }
  .CF-month-list .CF-month-item label{
    border: 1px solid transparent;
    border-radius: 110px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    font-weight:500;
    margin:0;
  }
  .CF-month-list .CF-month-item label:hover,
  .CF-month-list .CF-month-item input:checked ~ label{
    border-color:#82BFFF;
    color:#82BFFF;
    background-color:#F3F9FF;
    box-shadow: 0px 17px 29px rgba(0, 0, 0, 0.03), 0px 12.3648px 19.5467px rgba(0, 0, 0, 0.0242813), 0px 8.60625px 12.6422px rgba(0, 0, 0, 0.02025), 0px 5.64453px 7.84473px rgba(0, 0, 0, 0.0173438), 0px 3.4px 4.7125px rgba(0, 0, 0, 0.015), 0px 1.79297px 2.80371px rgba(0, 0, 0, 0.0126563), 0px 0.74375px 1.67656px rgba(0, 0, 0, 0.00975), 0px 0.172656px 0.889258px rgba(0, 0, 0, 0.00571875);
  }
  .CF-alert{
    border-radius: 3px;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.05);
    background-color: transparent;
    border-width: 0 0 0 2px !important;
    line-height: normal;
  }
  .new-assessment-step2 .competency-nouislider-wrapper {
    height: calc(100% - 40px);
    min-height: 300px;
  }
  .new-assessment-step3 .nav .nav-link .nav-text{
    color:#2b345f;
    text-transform:uppercase;
  }
 .new-assessment-step3 .scroll-tab-parent{
    max-width: calc(100% - 205px);
  }
  .design-assessment-wrapper {
    margin: 0 -15px;
  }
  .design-assessment-wrapper .DA-left{
    padding:15px 0 15px 15px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .design-assessment-wrapper .DA-right{
    padding:15px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 325px;
  }
  .design-assessment-wrapper .DA-right.readonly{
    filter:grayscale(1);
    position:relative;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
  }
  .design-assessment-wrapper .DA-right.readonly:after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-color:rgba(255,255,255,0.3);
    z-index:1;
  }
  .design-assessment-wrapper .DA-right-inner {
    border: 1px solid #E0EAF3;
    border-radius: 10px;
    width: 100%;
    padding: 15px;
  }
  .color-theme-option-wrapper{
    margin:0 -7px;
  }
  .DA-right-inner .color-theme-option {
    width: calc(33.33% - 12px);
    margin: 6px;
    text-align: center;
  }

  .DA-right-inner .color-set-wrap{
    margin-left:auto;
    margin-right:auto;
    padding: 15px;
    border-radius: 10px;
    border-color:#E0E3EC;
    max-width:100%;
}
.DA-right-inner .color-theme-option:nth-child(1) .color-set-wrap{
    border-color:#EEF2FD;
}
.DA-right-inner .color-theme-option:nth-child(2) .color-set-wrap{
    border-color:#FFF9E8;
}
.DA-right-inner .color-theme-option:nth-child(3) .color-set-wrap{
    border-color:#ECF9F1;
}
.DA-right-inner .color-theme-option:nth-child(4) .color-set-wrap{
    border-color:#F8F0FB;
}
.DA-right-inner .color-theme-option:nth-child(5) .color-set-wrap{
    border-color:#FFF5F4;
}
.DA-right-inner .color-theme-option:nth-child(6) .color-set-wrap{
    border-color:#F9FCEC;
}
.DA-right-inner .color-theme-option:nth-child(7) .color-set-wrap{
    border-color:#FFF9E8;
}
.DA-right-inner .color-theme-option:nth-child(8) .color-set-wrap{
    border-color:#FFF9E8;
}
.DA-right-inner .color-theme-option:nth-child(9) .color-set-wrap{
    border-color:#FFF9E8;
}
.DA-right-inner .color-theme-option:nth-child(10) .color-set-wrap{
    border-color:#FFF9E8;
}

.DA-right-inner .color-theme-option input:checked ~ .color-set-wrap{
    box-shadow: 0px 17px 29px rgba(0, 0, 0, 0.03), 0px 12.3648px 19.5467px rgba(0, 0, 0, 0.0242813), 0px 8.60625px 12.6422px rgba(0, 0, 0, 0.02025), 0px 5.64453px 7.84473px rgba(0, 0, 0, 0.0173438), 0px 3.4px 4.7125px rgba(0, 0, 0, 0.015), 0px 1.79297px 2.80371px rgba(0, 0, 0, 0.0126563), 0px 0.74375px 1.67656px rgba(0, 0, 0, 0.00975), 0px 0.172656px 0.889258px rgba(0, 0, 0, 0.00571875);
}
.DA-wallpaper-options {
    gap: 10px;
  }
  .DA-wallpaper-options .DA-wallpaper-item {
    border:solid 1px transparent;
    width: calc(33.33% - 7px);
    height: 65px;
  }
  .DA-wallpaper-options .DA-wallpaper-item label{
    margin: 0px 0;
    border:solid 3px transparent;
    border-radius:11px;
    overflow:hidden;
    width:100%;
    height: 100%;
    position:relative;
  }
  .DA-wallpaper-options .DA-wallpaper-item input:checked ~ label{
    border-color:#82BFFF
  }
  .DA-wallpaper-options .DA-wallpaper-item label img {
    width: calc(100% + 4px);
    min-height:calc(100% + 4px);
    position:absolute;
    left:calc(50% + 2px);
    top:50%;
    transform:translate(-50%,-50%)
  }
  .DA-fonts{
    max-height:100px;
  }
  .DA-fonts li{
    margin:3px 0px;
  }
  .DA-meeting-app-list{gap:10px;}

  .DA-meeting-app-list label {
    border: 1px solid #C3CED9;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    width: 44px;
    height: 44px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    position:relative;
  }
  .DA-meeting-app-list label img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 80%;
    max-width: 80%;
  }
  .DA-meeting-app input:checked ~ label{
    border-color:#82BFFF;
    box-shadow:0px 17px 29px rgba(0, 0, 0, 0.03), 0px 12.3648px 19.5467px rgba(0, 0, 0, 0.0242813), 0px 8.60625px 12.6422px rgba(0, 0, 0, 0.02025), 0px 5.64453px 7.84473px rgba(0, 0, 0, 0.0173438), 0px 3.4px 4.7125px rgba(0, 0, 0, 0.015), 0px 1.79297px 2.80371px rgba(0, 0, 0, 0.0126563), 0px 0.74375px 1.67656px rgba(0, 0, 0, 0.00975), 0px 0.172656px 0.889258px rgba(0, 0, 0, 0.00571875)
  }
  .DA-tools-form-builder{gap:10px;}
  .DA-tools-form-builder .form-element-item{
    margin: 0px;
    width: calc(50% - 10px);
    height:auto;
  }
  .design-assessment-cluster{
    padding:15px;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    border:solid 1px;
  }
  .design-assessment-cluster .inline-editable-div{
    border-bottom: 1px solid transparent;
  }
  .design-assessment-cluster .inline-editable-div.placeholder,
  .design-assessment-cluster .inline-editable-div:focus{
    color:#000!important;
    border-color: rgba(173, 173, 204, 0.8);
  }
  .inline-editable-div.focus-border{position:relative;}
  .inline-editable-div.focus-border::before{
    content:"";
    width:0;
    height:1px;
    bottom:-2px;
    background-color:#6d9df9;
    position:absolute;
    transition:all 0.5s;
  }
  .inline-editable-div.focus-border.placeholder::before,
  .inline-editable-div.focus-border:focus::before{
    width:100%;
  }
  .NA-cluster-title-count span{
    border:solid 1px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    border-radius: 100px;
    line-height: 28px;
  }
  .inline-editable-with-clear {
    position:relative;
    padding-right:20px;
  }
  .inline-editable-with-clear .editable-clear-btn {
    position: absolute;
    right: 5px;
    top: calc(50% - 1px);
    transform: translateY(-50%);
    cursor: pointer;
    padding: 3px;
    line-height: 0;
    filter:grayscale(1)
  }
  .inline-editable-with-clear .editable-clear-btn:hover{
    filter:grayscale(0)
  }
  .inline-editable-with-clear .editable-clear-btn img {
    cursor: pointer;
  }
  .inline-editable-div:not(:focus) ~ .editable-clear-btn {
    opacity:0;
  }
  .inline-editable-with-clear:hover .editable-clear-btn,
  .inline-editable-div ~ .editable-clear-btn:hover {
    opacity:1;
  }
  .design-assessment-card{
    padding:15px;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.04), 0px 0px 8.08828px rgba(0, 0, 0, 0.032375), 0px 0px 5.23125px rgba(0, 0, 0, 0.027), 0px 0px 3.24609px rgba(0, 0, 0, 0.023125), 0px 0px 1.95px rgba(0, 0, 0, 0.02), 0px 0px 1.16016px rgba(0, 0, 0, 0.016875), 0px 0px 0.69375px rgba(0, 0, 0, 0.013), 0px 0px 0.367969px rgba(0, 0, 0, 0.007625);
    border-radius: 10px;
  }
  .NA-answers-options .inline-editable-div:focus{
    color: #A3ACC6 !important;
  }
  .NA-answers-options li {
    margin-bottom: 3px;
  }
 .NA-add-options .btn-border-dash-primary i{
    width:20px;
    height:20px;
  }
  .NA-card-footer {
    padding: 15px;
    margin: 15px -15px -15px -15px;
  }
  .NACF-actions-item{margin:0 3px;}
  .NACF-actions-item img{
    max-width:22px;
    max-height:14px;
  }
  .NA-card-answers .NA-scale-type1{
    position:relative;
    z-index:1;
  }
  .NA-scale-type1::after {
    content: "";
    background: linear-gradient(90deg, rgba(255,119,116,1) 0%, rgba(255,161,80,1) 10%, rgba(255,202,57,1) 20%, rgba(197,217,0,1) 30%, rgba(188,239,41,1) 40%, rgba(104,237,0,1) 50%, rgba(0,222,9,1) 60%, rgba(0,195,20,1) 70%, rgba(45,172,0,1) 80%, rgba(38,147,0,1) 90%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 28px;
    z-index: -1;
    opacity: 0.5;
    border-radius:1000px;
  }
  .NA-card-answers .NA-scale-type1 ul{
    display:flex;
    margin-bottom:0;
  }
  .NA-card-answers .NA-scale-wrap.has-tooltip{
   margin-bottom:60px!important;
  }
  .NA-card-answers .NA-scale-type1 li{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    position:relative;
  }
  .NA-card-answers .NA-scale-type1 li label{
    padding:5px 0;
    margin:0;
    height:100%;
    width:100%;
    line-height:1;
    border-radius:100px;
    text-align:center;
    color:#fff;
    font-weight:500;
    border:solid 2px;
    height:28px;
    opacity:0.3;
    transition:all 0.2s;
    cursor:pointer;
  }
  .NA-card-answers .NA-scale-type1 li input:checked ~ label{
    opacity:1;
    border-color:rgba(0,0,0,0.1)
  }

  .NA-card-answers .NA-scale-type1 li label span{
    font-size:0;
  }
  .NA-card-answers .NA-scale-type1 li input:checked ~ label span{
    font-size:unset;
  }
  .NA-card-answers .NA-scale-type1 li:nth-child(1) label{
    background-color:#FF7774;
    border-color:#FF7774
  }
  .NA-card-answers .NA-scale-type1 li:nth-child(2) label{
    background-color:#FFA150;
    border-color:#FFA150
  }
  .NA-card-answers .NA-scale-type1 li:nth-child(3) label{
    background-color:#FFCA39;
    border-color:#FFCA39;
  }
  .NA-card-answers .NA-scale-type1 li:nth-child(4) label{
    background-color:#C5D900;
    border-color:#C5D900;
  }
  .NA-card-answers .NA-scale-type1 li:nth-child(5) label{
    background-color:#BCEF29;
    border-color:#BCEF29;
  }
  .NA-card-answers .NA-scale-type1 li:nth-child(6) label{
    background-color:#68ED00;
    border-color:#68ED00;
  }
  .NA-card-answers .NA-scale-type1 li:nth-child(7) label{
    background-color:#00DE09;
    border-color:#00DE09;
  }
  .NA-card-answers .NA-scale-type1 li:nth-child(8) label{
    background-color:#00C314;
    border-color:#00C314;
  }
  .NA-card-answers .NA-scale-type1 li:nth-child(9) label{
    background-color:#2DAC00;
    border-color:#2DAC00;
  }
  .NA-card-answers .NA-scale-type1 li:nth-child(10) label{
    background-color:#269300;
    border-color:#269300;
  }

  .NA-card-answers .NA-scale-type1 li .NA-scale-label {
    position: absolute;
    left: 50%;
    top: calc(100% + 10px);
    width: 100px;
    border: solid 1px #68ed00;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    color: #68ed00;
    box-shadow: 0 2px;
    transform: translateX(-50%);
    background-color:#fff;
    display:none;
  }
  .NA-card-answers .NA-scale-type1 li:first-child .NA-scale-label{
    left: calc(50% + 10px);
  }
  .NA-card-answers .NA-scale-type1 li:last-child .NA-scale-label{
    left: calc(50% - 10px);
  }
  .NA-card-answers .NA-scale-type1 li input:checked ~ .NA-scale-label{
    display:block;
  }
  .NA-card-answers .NA-scale-type1 li:nth-child(1) .NA-scale-label{
    color:#FF7774;
    border-color:#FF7774
  }
  .NA-card-answers .NA-scale-type1 li:nth-child(2) .NA-scale-label{
    color:#FFA150;
    border-color:#FFA150
  }
  .NA-card-answers .NA-scale-type1 li:nth-child(3) .NA-scale-label{
    color:#FFCA39;
    border-color:#FFCA39;
  }
  .NA-card-answers .NA-scale-type1 li:nth-child(4) .NA-scale-label{
    color:#C5D900;
    border-color:#C5D900;
  }
  .NA-card-answers .NA-scale-type1 li:nth-child(5) .NA-scale-label{
    color:#BCEF29;
    border-color:#BCEF29;
  }
  .NA-card-answers .NA-scale-type1 li:nth-child(6) .NA-scale-label{
    color:#68ED00;
    border-color:#68ED00;
  }
  .NA-card-answers .NA-scale-type1 li:nth-child(7) .NA-scale-label{
    color:#00DE09;
    border-color:#00DE09;
  }
  .NA-card-answers .NA-scale-type1 li:nth-child(8) .NA-scale-label{
    color:#00C314;
    border-color:#00C314;
  }
  .NA-card-answers .NA-scale-type1 li:nth-child(9) .NA-scale-label{
    color:#2DAC00;
    border-color:#2DAC00;
  }
  .NA-card-answers .NA-scale-type1 li:nth-child(10) .NA-scale-label{
    color:#269300;
    border-color:#269300;
  }
  .NA-card-answers .NA-scale-type1 li .NA-scale-label::after {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translate(-50%) rotate(45deg);
    z-index: -4;
    width: 10px;
    height: 10px;
    border: solid currentColor;
    background-color: #fff;
    border-width:1px 0px 0px 1px;
  }
  .design-assessment-card-scroll{
    /* max-height:510px; */
    margin-top:10px;
    margin-right: -12px;
    padding-right: 12px;
  }
  .new-assessment-step4 .design-assessment-cluster .design-assessment-cluster{
    padding: 0px;
    box-shadow: none;
    border-radius: 0px;
    border:0;
  }
  .new-assessment-step4 .design-assessment-cluster .design-assessment-cluster .design-assessment-card-scroll{
    max-height: none;
    margin-top: 10px;
    margin-right: 0;
    padding-right: 0px;
    padding-left: 0px;
  }
  .new-assessment-step4 .design-assessment-wrapper .DA-left{
    padding:15px;
  }
  .AL-boxes {
    gap: 15px;
    margin-top: 25px;
  }
  .AL-box {
    width: calc(20% - 12px);
    background-size: cover;
    border-radius: 12px;
    min-height: 150px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    overflow: hidden;
    position:relative;
    z-index:1;
    transition:all 0.2s;
    padding:17px;
    word-wrap: anywhere;
  }
  .AL-box:not(.AL-bx-no-bg){
    color:#fff;
  }
  .AL-box:hover{
    box-shadow:0px 17px 29px rgba(0, 0, 0, 0.03), 0px 12.3648px 19.5467px rgba(0, 0, 0, 0.0242813), 0px 8.60625px 12.6422px rgba(0, 0, 0, 0.02025), 0px 5.64453px 7.84473px rgba(0, 0, 0, 0.0173438), 0px 3.4px 4.7125px rgba(0, 0, 0, 0.015), 0px 1.79297px 2.80371px rgba(0, 0, 0, 0.0126563), 0px 0.74375px 1.67656px rgba(0, 0, 0, 0.00975), 0px 0.172656px 0.889258px rgba(0, 0, 0, 0.00571875)
  }
  .AL-box:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.2);
    z-index:-1;
  }
  .AL-box:hover:after{
    background-color: rgba(0,0,0,0.3);
  }
  .AL-box.AL-bx-no-bg:after{
    display:none;
  }
  .AL-box.AL-bx-no-bg{
    border: 1px solid #C3C8DB;
box-shadow: 0px 14px 41px rgba(0, 0, 0, 0.04), 0px 9.07407px 24.0116px rgba(0, 0, 0, 0.0303704), 0px 5.39259px 13.0593px rgba(0, 0, 0, 0.0242963), 0px 2.8px 6.6625px rgba(0, 0, 0, 0.02), 0px 1.14074px 3.34074px rgba(0, 0, 0, 0.0157037), 0px 0.259259px 1.61343px rgba(0, 0, 0, 0.00962963);
  }
  .AL-count-label {
    width: 30px;
    height: 30px;
    background-color: rgba(255,255,255,0.25);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    margin:0 auto 5px auto;
    border: solid 1px rgba(255,255,255,0.4);
  }
  .AL-box.AL-bx-no-bg .AL-count-label{
    background-color:rgba(185, 220, 255, 0.76);
    border-color:rgba(43, 52, 95, 0.18);
  }
.AL-box-title {
    text-align: center;
    font-weight: 500;
    line-height:normal;
}
.AL-assessment-item {
    border: 1px solid #C3C8DB;
    box-shadow: 0px 7.0875px 5.23125px rgba(0, 0, 0, 0.02025), 0px 4.64844px 3.24609px rgba(0, 0, 0, 0.0173438), 0px 2.8px 1.95px rgba(0, 0, 0, 0.015), 0px 1.47656px 1.16016px rgba(0, 0, 0, 0.0126563), 0px 0.6125px 0.69375px rgba(0, 0, 0, 0.00975), 0px 0.142188px 0.367969px rgba(0, 0, 0, 0.00571875);
    border-radius: 10px;
    padding: 15px;
    margin: 15px 0;
    position:relative;
    transition:all 0.2s;
    overflow:hidden;
  }
  .AL-assessment-item:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    transition:all 0.1s;
  }
  .AL-assessment-item:hover:before{
        border-left:solid 3px #5B93FF;
  }
  .AL-assessment-item:hover{
    border: 0.5px solid #4F8AFF;
    box-shadow: 0px 14px 12px rgba(0, 0, 0, 0.03), 0px 10.1828px 8.08828px rgba(0, 0, 0, 0.0242813), 0px 7.0875px 5.23125px rgba(0, 0, 0, 0.02025), 0px 4.64844px 3.24609px rgba(0, 0, 0, 0.0173438), 0px 2.8px 1.95px rgba(0, 0, 0, 0.015), 0px 1.47656px 1.16016px rgba(0, 0, 0, 0.0126563), 0px 0.6125px 0.69375px rgba(0, 0, 0, 0.00975), 0px 0.142188px 0.367969px rgba(0, 0, 0, 0.00571875);
  }
  .AL-AI-actions {
    max-height: 35px;
  }
  .AL-AI-action-item {
    padding: 0px;
    line-height: 28px;
    width: 32px;
    height: 32px;
    border-radius: 100px;
    background-color: #F1F6FB;
    border: 1px solid #D2E0ED;
    margin:0 2px
  }
  .AL-AI-action-item.AL-AI-action-link{
    background-color: #fff;
    border: 1px solid #BBC2D5;
box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.04), 0px 0px 9.43633px rgba(0, 0, 0, 0.032375), 0px 0px 6.10313px rgba(0, 0, 0, 0.027), 0px 0px 3.78711px rgba(0, 0, 0, 0.023125), 0px 0px 2.275px rgba(0, 0, 0, 0.02), 0px 0px 1.35352px rgba(0, 0, 0, 0.016875), 0px 0px 0.809375px rgba(0, 0, 0, 0.013), 0px 0px 0.429297px rgba(0, 0, 0, 0.007625);
  }
  .AL-bx-no-bg::before {
    content:"";
    position:absolute;
    width:100%;
    left:0;
    right:0;
    bottom:0;
    border-bottom: solid 0px #3698FF;
    transition:0.2s all;
  }
  .AL-box.AL-bx-no-bg:hover::before {
    border-bottom: solid 3px #3698FF;
  }
  .AL-AI-action-item.AL-AI-action-link:hover{
    background-color: #fbfbfb;
  }
  .AL-proBar .al-range-slider__track{
    margin:0;
    height:4px;
  }
  .AL-proBar .al-range-slider__knob{
    height:12px;
    width:12px;
    border: solid 2px #ccc;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
  }
  .AL-proBar .al-range-slider__bar{
    background-size:150px;
  }
  .AL-category-carousel{
    margin:0 20px 20px 20px !important;
    max-height:140px;
  }
  .AL-category-carousel.AL-subCategory-carousel{
    margin:0 20px 0px 20px !important;
  }
  .AL-category-carousel.slick-slider .slick-track{padding-bottom:20px!important;}
  .AL-category-carousel .item{
    padding:10px;
  }
  .AL-category-carousel .item .AL-box{
    min-height:120px;
  }
  .AL-category-carousel .slick-list{
    margin:0 -15px;
  }
  .AL-subCategory-carousel .AL-box.AL-bx-no-bg{
    border: 1px solid #DFEDFB;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.04);
  }
  .assessment-accordion-wrapper.d-flex {
    margin: 0 -15px;
  }
  .assessment-accordion-right{
    width:220px;
    min-width:220px;
    padding:0 15px;
  }
  .assessment-accordion-left{
    padding:0 15px;
  }
  .assessment-accordion-wrapper .cluster-list-item {
background-size: calc(100% + 50px) auto;
background-position: left -50px center;
overflow:hidden;
  }
  .assessment-accordion-wrapper .cli-title{
    color:#000
  }
  .assessment-accordion-wrapper .cli-title .badge:not(.accordion-level-2 .badge) {
    color: #000;
    background-color: rgba(255,255,255,0.3) !important;
    border: solid 1px rgba(255,255,255,0.4);
    padding-top: 4px;
    padding-bottom: 4px;
  }
  /* .assessment-accordion-wrapper .accordion-level-2 .cli-title .badge {
    color: #FFF;
    background-color: rgba(255,255,255,0.3) !important;
    border: solid 1px rgba(255,255,255,0.4);
    padding-top: 4px;
    padding-bottom: 4px;
  } */
  .accordion.accordion-toggle-arrow.AL-assessment-accordion .card .card-header .card-title::after,
  .accordion.accordion-toggle-arrow.AL-assessment-accordion .card .card-header .card-title.collapsed::after {
    color: #fff;
}
.accordion.accordion-toggle-arrow.AL-assessment-accordion .card .card-header .card-title{
    padding:18px 30px 18px 18px;
    position:relative;
}
.accordion.accordion-toggle-arrow.AL-assessment-accordion .card-header{box-shadow:none;border:0;}
.accordion.accordion-toggle-arrow.AL-assessment-accordion .cluster-list-item > .card-title{
    border: 0.5px solid #C3C8DB;
    box-shadow: 0px 7.0875px 5.23125px rgba(0, 0, 0, 0.02025), 0px 4.64844px 3.24609px rgba(0, 0, 0, 0.0173438), 0px 2.8px 1.95px rgba(0, 0, 0, 0.015), 0px 1.47656px 1.16016px rgba(0, 0, 0, 0.0126563), 0px 0.6125px 0.69375px rgba(0, 0, 0, 0.00975), 0px 0.142188px 0.367969px rgba(0, 0, 0, 0.00571875);
    border-radius: 10px;
}
.accordion.accordion-toggle-arrow.AL-assessment-accordion .cluster-list-item{
    padding-right:0;
    border-left:0;
    box-shadow: none;
    border-radius: 10px;
}
.accordion.accordion-toggle-arrow.AL-assessment-accordion .card .card-header .card-title::after {
    right:15px;
  }
  .accordion.accordion-toggle-arrow.AL-assessment-accordion .card .accordion-level-2 .card-title.collapsed::before,
  .accordion.accordion-toggle-arrow.AL-assessment-accordion > .card > .card-header > .cluster-list-item > .card-title.collapsed::before{
    content:"";
    left:0;
    top:0;
    bottom:0;
    position: absolute;
    border-left: solid 0px #4785FF;
  }
  .accordion.accordion-toggle-arrow.AL-assessment-accordion .card .accordion-level-2 .card-title:not(.collapsed)::before,
  .accordion.accordion-toggle-arrow.AL-assessment-accordion > .card > .card-header > .cluster-list-item > .card-title:not(.collapsed)::before{
    content:"";
    left:0;
    top:0;
    bottom:0;
    position: absolute;
    border-left: solid 5px #4785FF;
  }
  .assessment-accordion-wrapper .accordion-level-2 .cli-title {
    color:rgba(63, 66, 84, 0.9) !important;
  }
  .accordion.accordion-toggle-arrow.AL-assessment-accordion .card .accordion-level-2 .card-title{
    border: 0.5px solid #C3C8DB;
    box-shadow: 0px 7.0875px 5.23125px rgba(0, 0, 0, 0.02025), 0px 4.64844px 3.24609px rgba(0, 0, 0, 0.0173438), 0px 2.8px 1.95px rgba(0, 0, 0, 0.015), 0px 1.47656px 1.16016px rgba(0, 0, 0, 0.0126563), 0px 0.6125px 0.69375px rgba(0, 0, 0, 0.00975), 0px 0.142188px 0.367969px rgba(0, 0, 0, 0.00571875);
    border-radius: 10px;
    overflow: hidden;
  }
  .accordion.accordion-toggle-arrow.AL-assessment-accordion .card  .accordion-level-2 .card-title::after,
  .accordion.accordion-toggle-arrow.AL-assessment-accordion .card  .accordion-level-2 .card-title.collapsed::after {
    color: #2B345F;
  }
  .accordion.accordion-toggle-arrow.AL-assessment-accordion .card .accordion-level-2 .card-title:not(.collapsed){
    border-color:#82BFFF;
  }
  .AA-alphabate-filter a {
    margin: 10px 0;
    transition:0.2s all;
  }
  .AA-alphabate-filter a:hover {
    filter: brightness(0.7);
  }
  .AA-alphabate-filter a.empty:hover {
    filter: grayscale(1) brightness(0.5);
    opacity: 0.7;
  }
  .AA-alphabate-filter a.empty{
    filter:grayscale(1);
    opacity:0.5;
  }
  .AA-alphabate-filter a:nth-child(7n + 1) .symbol.symbol-light-primary .symbol-label {
    background-color:rgba(57, 113, 206, 0.1);
    color: #3971CE;
  }
  .AA-alphabate-filter a:nth-child(7n + 2) .symbol.symbol-light-primary .symbol-label {
    background-color:rgba(165, 35, 104, 0.1);
    color: #A52368;
  }
  .AA-alphabate-filter a:nth-child(7n + 3) .symbol.symbol-light-primary .symbol-label {
    background-color:rgba(107, 62, 189, 0.1);
    color: #6B3EBD;
  }
  .AA-alphabate-filter a:nth-child(7n + 4) .symbol.symbol-light-primary .symbol-label {
    background-color:rgba(255, 127, 84, 0.1);
    color: #FF7F54;
  }
  .AA-alphabate-filter a:nth-child(7n + 5) .symbol.symbol-light-primary .symbol-label {
    background-color:rgba(117, 193, 255, 0.1);
    color: #75C1FF;
  }
  .AA-alphabate-filter a:nth-child(7n + 6) .symbol.symbol-light-primary .symbol-label {
    background-color:rgba(115, 218, 119, 0.1);
    color: #73DA77;
  }
  .AA-alphabate-filter a:nth-child(7n + 7) .symbol.symbol-light-primary .symbol-label {
    background-color:rgba(144, 107, 94, 0.1);
    color: #906B5E;
  }
  .theme-guide-tooltip{
    padding:7px 0;
  }
  .theme-guide-tooltip div{width:20px;height:20px;border-radius:100px;display:inline-block}
  .theme-guide-tooltip:first-child{
    padding-top:0;
  }
  .theme-guide-tooltip:last-child{
    padding-bottom:0;
  }
  .theme-guide-tooltip:not(:last-child){
    border-bottom:solid 1px #f9f9f9
  }
  .NA-user-designation .table-profile-img {
    width: 30px;
    height: 30px;
    min-width: auto;
  }
  .AL-category-carousel:not(.AL-subCategory-carousel) .item input:checked ~ label .AL-box::before {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 15px;
    color: #fff !important;
  }
  .AL-subCategory-carousel .item input:checked ~ label{position:relative}

  .AL-subCategory-carousel .item input:checked ~ label .AL-box.AL-bx-no-bg::before {
    border-bottom: solid 3px #3698FF;
  }

  .AL-subCategory-carousel .item input:checked ~ label .AL-box.AL-bx-no-bg {
    border-color:#BBD6F2;
  }
  .NA-scale-type2 .ion-range-slider .irs .irs-single {
    padding:6px 12px;
    font-size:14px;
    background-color:#fff;
    box-shadow:0px 1px 12px rgba(0,0,0,0.25);
    color:#333;
    top:-15px;
    transition:all 0.2s;
}
.NA-scale-type2 .ion-range-slider:hover .irs .irs-single {
    display:block!important;
  }
.NA-scale-type2 .ion-range-slider .irs .irs-single:before{
    border-top-color:#fff;
}
.NA-scale-type2 {
    transform: translateY(-17px);
}

.box-ass-pre{
    padding: 15px;
    background: #fff;
    border-radius: 10px 10px 0px 0px;
    }

.NA-scale-type2 .irs--flat .irs-bar--single {
    background: linear-gradient(90deg, var(--colorRange1), var(--colorRange2), var(--colorRange3), var(--colorRange4), var(--colorRange5), var(--colorRange6), var(--colorRange7), var(--colorRange8), var(--colorRange9), var(--colorRange10));
    background-size: 971px auto;
    border-radius:100px;
}
.NA-scale-type2 .irs--flat .irs-line{
    border-radius:100px;
}

.NA-scale-type2 .irs--flat .irs-handle {
    width: 32px;
    height: 32px;
    background-color: #fff;
    border-radius: 100px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    transform: translateY(-0px) translateX(-2px);
}
.NA-scale-type2 .irs--flat .irs-handle i{
    display:none!important;
}
.NA-scale-type2 .irs--flat .irs-bar,
.NA-scale-type2 .irs--flat .irs-line{
    height:28px;
    max-width: calc(100% - 2px);
    margin: 0 2px;
}
.NA-card-answers .NA-scale-wrap{
    margin-bottom:20px;
}
.career-path-wrapper.fullscreen-sec{
    background-color:#fff;
    padding: 25px !important;
    display: flex;
    align-items: center;
}
.career-path-wrapper.fullscreen-sec .fullscreen-btn{
    top: 15px;
    right: 15px;
}
.career-path-wrapper .fullscreen-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    padding: 0px;
    z-index:1;
  }
.CP-parent-card{
    background: #FFFFFF;
    border: 1px solid #4785FF;
    box-shadow: 0px 1px 5px rgba(225, 225, 240, 0.55);
    border-radius: 5px;
    padding:30px 30px 15px 30px;
    text-align:center;
    width: 220px;
    height: 150px;
    display: flex;
    align-items: center;
    position:relative;
}
.CP-parent-card::after {
    content: "";
    position: absolute;
    right: -28px;
    border-bottom: dashed 1px #999;
    width: 28px;
    top: 50%;
    transform: translateY(-50%);
  }
.CP-child-wrapper{
    margin:60px 0;
    display:flex;
}
.CP-child .CP-child-wrapper:first-child{margin-top:0;}
.CP-child .CP-child-wrapper:last-child{margin-bottom:0;}
.CP-child .CP-child-card{
    background: #FFFFFF;
    border: 1px solid rgba(212, 224, 235, 0.47);
    box-shadow: 0px 1px 5px rgba(225, 225, 240, 0.55);
    border-radius: 5px;
    padding:30px 30px 15px 30px;
    text-align:center;
    width: 220px;
    position:relative;
    height: 150px;
    display: flex;
    align-items: center;
}

.CP-child .CP-child-wrapper:not(:first-child) .CP-child-card:before{
    content: "";
    position: absolute;
    left: -130px;
    width: 130px;
    border-bottom: dashed 1px #999;
    height: 0px;
    top: calc(50% + 0px);
    transform: translateY(-50%);
}
.CP-child .CP-child-wrapper:first-child .CP-child-card:before{
    content: "";
    position: absolute;
    left: -130px;
    width: 130px;
    border-top: dashed 1px #999;
    border-top-left-radius: 10px;
    height: 20px;
    border-left: dashed 1px #999;
    top: calc(50% + 10px);
    transform: translateY(-50%);
}
.CP-child .CP-child-wrapper:last-child .CP-child-card:before{
    content: "";
    position: absolute;
    left: -130px;
    width: 130px;
    border-bottom: dashed 1px #999;
    border-bottom-left-radius: 10px;
    height: 20px;
    border-left: dashed 1px #999;
    top: calc(50% - 10px);
    transform: translateY(-50%);
}

.career-path-inner{
    max-height:600px;
    cursor:grab;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}
.career-path-wrapper.fullscreen-sec .career-path-inner {
    margin-top: auto;
    margin-bottom: auto;
    max-height: calc(100vh - 15px);
  }
.CP-parent.CP-level1::before {
    content: "";
    position: absolute;
    right: -32px;
    border-right: dashed 1px #999;
    height: calc(100% - 200px);
    top: 50%;
    transform: translateY(-50%);
  }
.career-path-inner .CP-parent-card .label:not(a .label){
    position: absolute;
    left: 10px;
    top: 10px;
}
.CP-label-dropdown .select2-selection.select2-selection--single{
    padding: 0 !important;
    border: 0;
}
.CP-child-card .CP-label-dropdown {
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index:1;
}

.CP-child.CP-level-other ,
.CP-child.CP-level2 {
    margin-left: 160px;
}
.CP-child-add{
    position:absolute;
    top:10px;
    right:10px;
}
.CP-labels {
    position: absolute;
    left: -120px;
    top: 50%;
    transform: translateY(-50%);
}
  .CP-child-wrapper .CP-child.CP-level-other .CP-child-card::before {
    border-top: dashed 1px #999;
    border-bottom:0;
    border-radius: 0px;
    height: 0;
    border-left: dashed 0px #999;
    top: calc(50% + 0px);
    transform: translateY(-50%);
    left: -160px;
    width: 160px;
  }
  .CP-child.CP-level-other .CP-labels{left:-140px;}

  .design-assessment-dropzone{
    border:dashed #B4BBDD 1px;
    height:200px;
    border-radius:10px;
    position:relative;
  }
.DAD-placeholder{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 25px;
    color: #ddd;
    text-align:center;
}
.NA-cluster-title-count .inline-editable-div{
    min-width:auto;
}
.NA-cluster-title-count {
    max-height: 30px;
}
.NA-cluster-title-count .inline-editable-div::after {
    transform: translate(-50%,-50%);
    left: 50%;
}
  .main-tab-chat-mgs .align-items-end .dash-chat-bubble.deleted-message::after,
  .main-tab-chat-mgs .align-items-start .dash-chat-bubble.deleted-message::after {
    background: radial-gradient(180% 180% at right -65% top -65%, transparent 99%, #ffefef)!important;
}
.NA-ques-ref{
    margin: 0 -10px;
    flex-wrap: wrap;
  }
.NAQ-ref-item {
    border: solid 1px #e2e2e2;
    border-radius: 7px;
    margin: 10px;
    position: relative;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.04);
    min-width:calc(50% - 20px);
    max-width:calc(50% - 20px);
    padding:10px;
    text-align: center;
    display:flex;
    align-items:center;
    justify-content: center;
  }
  .NAQ-ref-item img{
    margin:10px auto
  }
  .NAQ-ref-item.uploaded-preview-inner .btn{
    line-height: 19px;
    top:-9px;
  }
  .drop-highlighted .design-assessment-cluster {
    background-color: rgba(255, 153, 0, 0.04)!important;
    border-color: rgba(255, 153, 0, 0.4)!important;
}


/* 27jan New css */
.stra-okr-status .blink {
    animation: blink 1s infinite;
}
.strategy-okr-accordion .accordion:not(.OKR-accordion-L1) {
    padding: 1.85rem 0 0 1.85rem;
  }
.strategy-okr-accordion.assessment-accordion-wrapper > .accordion > .card{position:relative}
.strategy-okr-accordion.assessment-accordion-wrapper > .accordion.OKR-accordion-L1 > .card:before{
    content:"";
    left:calc(1.85rem + 5px);
    top:calc(1.85rem + 10px);
    border-left:solid 1px #c3c8db;
    position:absolute;
    bottom:calc(1.85rem + 40px);
}
.strategy-okr-accordion.assessment-accordion-wrapper .OKR-accordion-L2  .strategy-template-list > .strategy-template-item::before,
.strategy-okr-accordion.assessment-accordion-wrapper .OKR-accordion-L2 > .card > .card-header::before {
    content: "";
    left: calc(-1.85rem + 5px);
    top: 30px;
    width: calc(1.85rem - 5px);
    position: absolute;
    border-bottom: solid 1px #c3c8db;
    height: 20px;
    border-radius: 0 0 0px 10px;
  }
  .strategy-okr-accordion.assessment-accordion-wrapper .strategy-template-item{
    position:relative
  }
  .strategy-okr-accordion.assessment-accordion-wrapper .OKR-accordion-L3  .strategy-template-list > .strategy-template-item::before,
  .strategy-okr-accordion.assessment-accordion-wrapper .accordion-level-3 > .card > .card-header::before {
    content: "";
    left: calc(-3.7rem + 5px);
    top: 30px;
    width: calc(3.7rem - 5px);
    position: absolute;
    border-bottom: solid 1px #c3c8db;
    height: 20px;
    border-radius: 0 0 0px 10px;
  }
  .strategy-okr-accordion.assessment-accordion-wrapper .OKR-accordion-L4  .strategy-template-list > .strategy-template-item::before,
  .strategy-okr-accordion.assessment-accordion-wrapper .accordion-level-4 > .card > .card-header::before {
    content: "";
    left: calc(-5.55rem + 5px);
    top: 30px;
    width: calc(5.55rem - 5px);
    position: absolute;
    border-bottom: solid 1px #c3c8db;
    height: 20px;
    border-radius: 0 0 0px 10px;
  }
  .strategy-okr-accordion.assessment-accordion-wrapper .OKR-accordion-L5  .strategy-template-list > .strategy-template-item::before,
  .strategy-okr-accordion.assessment-accordion-wrapper .accordion-level-5 > .card > .card-header::before {
    content: "";
    left: calc(-7.4rem + 5px);
    top: 30px;
    width: calc(7.4rem - 5px);
    position: absolute;
    border-bottom: solid 1px #c3c8db;
    height: 20px;
    border-radius: 0 0 0px 10px;
  }
.strategy-okr-accordion.assessment-accordion-wrapper .cluster-list-item{
    overflow: visible;
    background-color: transparent;
}
.strategy-okr-accordion.assessment-accordion-wrapper .ACL4-more-actions{
    opacity:1!important;
}
.strategy-okr-accordion.assessment-accordion-wrapper .ACL4-more-actions svg path{
    fill:#2B345F
}
.strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion .card-title{
    padding:0!important;
}
/* .strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion .card-title .card-title-right{
    padding-right:30px
} */
.strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion .strategy-template-list  .card-title-right{
    padding-right: 10px;
}
.strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion .card-title .card-title-collapse-text,
.strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion .card-title .card-title-collapse{
    padding: 18px 18px 18px 18px;
}
.strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion .card-title::before{
    display:none!important
}
.strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion > .card > .card-header > .cluster-list-item > .card-title > .card-title-collapse:not(.collapsed)::before,
.strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion > .card > .card-header > .cluster-list-item > .card-title > .card-title-collapse:not(.collapsed)::before{
    content:"";
    left:-1px;
    top:0;
    bottom:0;
    position: absolute;
    border-left: solid 5px #4785FF;
  }
.strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion > .card .accordion-level-2 .card-title > .card-title-collapse:not(.collapsed)::before,
.strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion > .card > .card-header > .cluster-list-item > .card-title > .card-title-collapse:not(.collapsed)::before{
    border-radius: 10px 0 0 10px;
}
.strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion .card .card-header .card-title::after {
    display:none
}
.strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion .card .card-header .card-title .card-title-collapse.collapsed::after {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    -webkit-transform: translateY(-50%) rotate(0deg);
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
  }
  .strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion .card .card-header .card-title .card-title-collapse::after {
    position: absolute;
    font-family: Ki;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "";
    color: #4785FF;
    font-size: 0.7rem;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
  }
  .strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion .card .card-header .card-title .card-title-collapse::after {
    right: 15px;
    color: #2B345F;
  }

  .accordion.accordion-toggle-arrow.AL-assessment-accordion .accordion-level-2{
    margin-left:0!important;
    margin-top:7px!important;
}
.strategy-okr-accordion .AL2-icon{
    padding:10px 12px 10px 12px;
}
.strategy-okr-accordion > .accordion ul li li:not(.SSIC-actions li){
    margin:10px 0;
}
.AL2-icon img{
    width:24px;
}
.accordion.accordion-toggle-arrow.AL-assessment-accordion .cli-title{
    font-size:15px;
}
.AL2-title-footer .AL2-footer-item:not(:last-child) {
    padding-right: 10px;
    margin-right: 10px;
    position:relative
  }
  .AL2-title-footer .AL2-footer-item:not(:last-child)::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 0px;
    height: 12px;
    border-right: solid 1px #bec2d3;
    transform: translateY(-50%);
    opacity:0.7;
  }

  .strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion .card .card-header .card-title::after{
    color: #2B345F;
  }
  .strategy-okr-accordion.assessment-accordion-wrapper .accordion .accordion .ACL4-more-actions svg path {
  fill: #2B345F;
}
.loading-card {
    position: relative;
  }
  .loading-card::after {
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.5);
    position: absolute;
  }
  .loading-card .spinner{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
  }
  .before-none:before{display:none!important}
  .overflow-visible {
    overflow: visible !important;
}
.strategy-template-list .stra-okr-status {
    min-width: 92px;
    justify-content:end;
  }
  .strategy-template-list .strategy-template-item:not(:hover) .card-title{
    border-color:#C3C8DB!important
  }
  .strategy-template-list .strategy-template-item:last-child .card-title.mb-3,
  .strategy-okr-accordion > .accordion-level-2 > .card.mb-5:last-child,
  .strategy-okr-accordion > .AL-assessment-accordion .card.mb-5:last-child{
    margin-bottom:0!important;
}
.AL3-slider .ion-range-slider{
    margin-top:-10px;
}
.AL3-slider .irs-min,
.AL3-slider .irs-max,
.AL3-slider .irs-from,
.AL3-slider .irs-to,
.AL3-slider .irs-single{
    display:block!important
}
.AL3-slider .irs-min,
.AL3-slider .irs-max{
    visibility: visible!important;
}
.AL3-slider .ion-range-slider .irs--flat .irs-single::before{
    bottom:-10px!important;
}
.AL3-slider .ion-range-slider .irs--flat .irs-handle{
    height:12px;
}
.AL3-slider .irs--flat .irs-line,
.AL3-slider  .irs--flat .irs-bar {
    height: 4px!important;
}
.ion-slider-success .irs--flat .irs-single::before{
    border-top-color: #32d0a5
}
.ion-slider-success .irs--flat .irs-handle > i:first-child,
.ion-slider-success .irs--flat .irs-single,
.ion-slider-success .irs--flat .irs-bar{
    background-color: #32d0a5;
  }

  .intro-container{
    width:calc(100% - 140px);
    margin:auto;
    position:relative;
}
.intro-navbar-wrapper {
    border-bottom: solid 2px rgba(255,255,255,0.1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition:all 1s;
    z-index:1;
  }
.hrms-intro-container .mainLogo img{
    height:35px;
}
.hrms-intro-container .mainLogo{
    margin:10px 0;
}
.intro-demo-btn {
    margin-left: 20px;
  }
.hrms-intro-container .btn-primary{
    background-color: #4B8AFF;
    border:0;
}
.hrms-intro-container h1,
 .hrms-intro-container h2{
    font-weight: 600;
 }
 .hrms-intro-container h1,
 .hrms-intro-container h2,
.font-titillium{
    font-family: 'Titillium Web', sans-serif;
}
.hrms-intro-container .intro-container .navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
    font-size: 15px;
    font-weight: 600;
    padding: 22px 0px 22px 0px;
    margin:0 10px -2px 10px;
    border-bottom: solid 2px transparent;
    transition:all 0.3s;
  }
  .hrms-intro-container .intro-container .navbar-dark .navbar-nav .nav-item:hover > .nav-link,
  .hrms-intro-container .intro-container .navbar-dark .navbar-nav .nav-item.active > .nav-link{
    color:#06A4F4;
    border-color:#06A4F4;
}
.intro-navbar-wrapper.hideHeader{
    opacity:0;
    top:-100px;
}
#scrollToTop {
    position: fixed;
    bottom: 15px;
    right: 90px;
    width: 32px;
    height: 32px;
    border-radius: 100px;
    background-color: rgba(0, 0, 0, .2);
    border: solid 1px rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    transition:0.3s;
    background-color: rgba(255,255,255,0.1);
    z-index:1;
  }
  #scrollToTop:hover{
    background-color: rgba(255,255,255,0.2);
  }
  .webpage_slider__slide:not(.webpage_slider__slide_1) h1{
    font-size:36px;
  }
  .webpage_slider__slide_1 h1{
    font-size:42px;
  }
  .webpage_slider__slide_2 .webpage_slider__slide_banner p{
    max-width: 650px;
    line-height: 30px;
    margin-top: 10px;
    font-size: 17px;
  }
  .webpage_slider__slide_1 p {
    max-width: 650px;
    line-height: 34px;
    margin-top: 15px;
    font-size: 20px;
  }
  .hrms-intro-card .align-items-baseline h5 {
    font-weight: normal !important;
    font-size: 14px;
  }
  .text-dark-blue{
    color: #00066D!important;
  }
  .webpage_slider__slide_2 .intro-section h1{
    font-size: 36px;
  }
  .webpage_slider__slide_2 .intro-section h2 {
    font-size: 30px;
    font-weight: 300;
    line-height: 40px;
    max-width: 700px;
  }
  .webpage_slider__slide_2 .slide2-intro-left{
    width: 50%;
    max-width:50%;
  }
  .webpage_slider__slide_2 .slide2-intro-left p{
    color:#000C2D;
    line-height:30px;
    font-weight:200;
  }
  ul.webpage_slider__list > li{
    padding:10px 0px 10px 35px;
    position:relative;
    color:#000C2D;
    line-height:30px;
    font-weight:200;
  }
  ul.webpage_slider__list.text-white > li{
    color:#fff;
  }
  ul.webpage_slider__list > li::before {
    content: "";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 0px;
    font-size: 22px;
    top: 13px;
    color: #4B8AFF;
    line-height: normal;
  }
  .WSS4_content_wrapper,
  .WSS2_content_wrapper {
    background-image: url(../media/images/dotted-box-bg.png), url(../media/images/dotted-box-bg.png);
    background-position: left -47px top 33%, right -25px bottom 45px;
    background-repeat: no-repeat, no-repeat;
    background-size: 90px 90px, 90px 90px;
  }
  .WSS5_content_wrapper,
  .WSS6_content_wrapper,
  .WSS4_content_wrapper{padding:80px 0;}
  .WSS2_content_wrapper .slide2-intro-right{text-align: center;position:relative}
  .WSS2_content_wrapper .slide2-intro-right figure img{
    max-width: calc(100% - 50px);
    margin: auto;
    border-radius: 6px;
    min-width: 300px;
  }
  .WSS2_content_wrapper .slide2-intro-right figure{
    background-image: url(../media/images/dotted-box-bg.png);
    background-position: left -15px top -15px;
    background-repeat: no-repeat;
    background-size: 90px 90px;
    padding-top: 30px;
    padding-left: 30px;
  }
  .WSS2_content_wrapper .intro-section{
    align-items:center;
    padding-bottom:80px;
  }
  .S2IR-overlay-img1 {
    position: absolute;
    margin: 20px;
    right: -25px;
    top: -15px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 1px 23px rgba(157, 172, 189, 0.26);
  }
  .S2IR-overlay-img2 {
    position: absolute;
    margin: 20px;
    left: -20px;
    bottom: -45px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 1px 23px rgba(157, 172, 189, 0.26);
  }
  .S2IR-overlay-img1 img,.S2IR-overlay-img2 img{
    max-width: 100px;
  }
  .btn-yellow {
    background-color: #ffc93e;
    font-weight: 500;
    color: #000;
  }
  .btn-yellow:hover{
    color:#000;
    background-color: #ffc223;
  }
  .btn-yellow i{
    color:#000;
    font-size: 16px!important;
  }
  @import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700&display=swap');

  .webpage_slider__slide {

      min-width: 100%;
      width: 100%;
      font-size: 17px;
      display: flex;
      align-items: center;
      scroll-snap-align: start;
  }

  .webpage_slider__slide_banner,
  .webpage_slider__slide_1 {
      background-color: #00045E;
      background-image: url("../../assets/media/images/intro-slide-overlay.png");
      background-position: center 100px center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
      position: relative;
      min-height:calc(100vh - 110px)
  }

  .webpage_slider__slide_banner {
      background-position: center center;
      background-size: cover;
  }

  .webpage_slider__slide_banner:after,
  .webpage_slider__slide_1:after {
      content: "";
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: rgba(0, 4, 94, 0.85);
  }

  .webpage_slider__slide:not(.webpage_slider__slide_1) {
      display: block;
  }
  .webpage_slider__slide_2,
  .webpage_slider__slide_4,
  .webpage_slider__slide_5 {
      background-color: #EDF6FE;
  }

  .webpage_slider__slide:not(.webpage_slider__slide_1) .webpage_slider__slide_banner {
      height: 420px;
      padding: 100px 0 70px 0;
      display: flex;
      align-items: center;
  }

  /* Arrows */
  .hrms-intro-card .slick-slider .slick-next,
  .hrms-intro-card .slick-slider .slick-prev,
  .hrms-intro-card .slick-slider .slick-next:focus,
  .hrms-intro-card .slick-slider .slick-prev:focus {
      left: unset;
      bottom: 80px;
      position: fixed;
      transform: none;
      top: unset;
      width: 35px;
      height: 35px;
      border-radius: 100px;
      background-color: #4b8aff;
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: 30px;
      max-height: 30px;
      font-size: 17px;
      box-shadow: 0px 3px 5px rgba(2, 2, 2, 0.25);
      border: 0;
  }

  .hrms-intro-card .slick-slider .slick-next:hover,
  .hrms-intro-card .slick-slider .slick-prev:hover {
      background-color: #4083ff;
  }

  .hrms-intro-card .slick-slider .slick-next {
      right: 3rem;
  }

  .hrms-intro-card .slick-slider .slick-prev {
      right: 5.5rem;
  }

  .hrms-intro-card .slick-slider .slick-next::before {
      position: absolute;
      content: "";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      color: #fff !important;
  }

  .hrms-intro-card .slick-slider .slick-prev::before {
      position: absolute;
      content: "";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      color: #fff !important;
  }

  .webpage_slider__slide_3 {
      background-color: #000072
  }
  .WSS3_content_wrapper .WSS3-left {
    background-image: linear-gradient(-45deg, #0026a0, #001f91, #0026a1);
    width: 480px;
    transform: translateX(-70px);
    padding:80px 0 270px 70px;
    color:#fff;
    overflow: hidden;
  }
  .WSS3_content_wrapper .WSS3-right{
    padding:80px 60px 80px 0px;
    max-width:calc(100% - 480px)
}
.WSS3-left .nav-tabs{border:0;margin-top: 15px;}
.WSS3-left .nav-tabs .nav-item{
    width: 100%;
    border:0;
}
.WSS3-left .nav-tabs .nav-item .nav-link {
    color: #fff;
    border: 0 !important;
    margin-left: 0 !important;
    margin-right: 0;
    font-size: 24px;
    position: relative;
    padding: 15px 0 15px 50px;
    display: inline-block;
    width: 100%;
    position:relative;
  }
  .WSS3-left .nav-tabs .nav-item .nav-link::before {
    content: "";
    position: absolute;
    left: -70px;
    height: 3px;
    background-color: #ffc93e;
    width: 0;
    bottom: 0;
    right: 0;
    transition:all 0.3s;
  }
  .WSS3-left .nav-tabs .nav-item .nav-link.active::before {
    width: calc(100% + 70px);
  }
  .WSS3-left .nav-tabs .nav-item .nav-link::after {
    content: "";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    left: -70px;
    color: #ffc93e;
    top: calc(50% + 19px);
    transition:all 0.3s;
    font-size: 22px;
    opacity:0;
    line-height:normal;
  }
  .WSS3-left .nav-tabs .nav-item .nav-link.active::after {
    left: calc(100% - 12px);
    opacity:1;
  }
  .font-playfair{
    font-family: 'Playfair Display', serif;
  }
  .WSS3-left .nav-tabs .nav-item .nav-link .WSS3-tab-count {
    font-size: 32px;
    position:absolute;
    top:4px;
    left:0;
  }
  .WSS3-right-tab-btns{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    background-color: #0c1f9c;
    border-radius: 100px;
    text-align: center;
    width: 35px;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 5px 0;
    justify-content: center;
  }
  .WSS3-right-tab-btn label {
    margin: 10px 0;
    text-align: center;
    position: relative;
    height: 10px;
    width: 100%;
    display: block;
    cursor:pointer;
  }
  .WSS3-right-tab-btn label::after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background-color: #2e76e1;
    border-radius: 100px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    transition: 0.1s all;
  }
  .WSS3-right-tab-btn input:checked ~ label::after {
    border: solid 3px #4fcdff;
    width: 14px;
    height: 14px;
    background-color: transparent;
  }

  .WSS3_content_wrapper .WSS3-left figure{
    position: absolute;
    bottom: -10px;
    width: calc(100% + 70px);
    left: -70px;
  }
  .WSS4_content_wrapper .WSS4-left,
  .WSS4_content_wrapper .WSS4-right{
    width:50%;
  }
  .WSS4_content_wrapper .WSS4-left{
    padding-right:70px;
  }
  .WSS4_content_wrapper .WSS4-left h1{
    max-width:450px;
  }
  .WSS4-tabs{
    max-height:400px;
  }
  .WSS4-tabs .nav-tabs .nav-item{margin:10px 0px!important;width:100%}
  .WSS4-tabs .nav-tabs .nav-link {
    background-color: transparent;
    color: #00066D;
    padding: 25px 55px 25px 45px !important;
    width: calc(100% - 20px);
    max-width: 600px;
    margin: 0 !important;
    border-radius: 7px;
    font-size: 24px;
    position:relative;
    font-weight:500;
  }
  .WSS4-tabs .nav-tabs .nav-link p {
    font-size: 20px;
    font-weight: 400;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.1s;
    margin-top: 5px;
  }
  .WSS4-tabs .nav-tabs .nav-link.active p{
    height:auto;
    opacity:1
  }
  .WSS4-tabs .nav-tabs .nav-link:hover,
  .WSS4-tabs .nav-tabs .nav-link.active {
    background-color: #4b8aff !important;
    color: #fff;
    box-shadow: 0px 6px 10px rgba(75, 138, 255, 0.3);
  }
  .WSS4-tabs .nav-tabs .nav-link .WSS4-tab-count {
    position: absolute;
    top: 25px;
    left: 17px;
  }
  .WSS4-tabs .nav-tabs .nav-link .WSS4-tab-icon{
    position: absolute;
    right: 20px;
    top: 26px;
    transition:all 0.1s;
  }
  .WSS4-tabs .nav-tabs .nav-link.active .WSS4-tab-icon{
    transform:rotate(180deg)
  }
  .WSS4-tabs .nav-tabs .nav-link .WSS4-tab-icon i{
    color: #00066D;
  }
  .WSS4-tabs .nav-tabs .nav-link:hover .WSS4-tab-icon i,
  .WSS4-tabs .nav-tabs .nav-link.active .WSS4-tab-icon i{
    color:#fff
  }
  .WSS4-right-list {
    max-height: 400px;
    padding:10px;
  }
  .WSS4-right-list li {
    margin: 30px 0;
  }
  .WSS4-right-list li figure{
    margin-bottom: 0;
    width: 70px;
    min-height: 70px;
    border-radius: 7px;
    box-shadow: 0px 3px 7px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid transparent;
    transition:all 0.1s;
  }
  .WSS4-right-list li:hover figure{
    border-color:#90ccf4;
  }
  .WSS4-right-list li figure img {
    width: 45px;
  }
  .WSS4-right-list li .WSS4R-list-title {
    font-size: 20px;
    font-weight: 500;
    align-self: center;
  }
  .WSS5-divider{
    position:absolute;
    left:50%;
    top:-80px;
    height:calc(100% + 160px);
    transform: translateX(-50%);
    width:1px;
    background-color: #90ccf4;
  }
  .WSS5_content_wrapper figure img{
    height:80px
  }
  .WSS5_content_wrapper h2{
    font-size: 30px;
  }

  .WSS5_content_wrapper .WSS5-left,
  .WSS5_content_wrapper .WSS5-right{
    width:50%;
  }
  .WSS5_content_wrapper .WSS5-left{
    padding-right: 70px;
  }
  .WSS5_content_wrapper .WSS5-right {
    padding-left: 70px;
  }
  .WSS5_content_wrapper ul.webpage_slider__list > li:before{
    color:#ffc223;
  }
  .WSS5-footer {
    padding: 50px 0;
    background-color: #00045E;
    background-image: url("../../assets/media/images/intro-slide-overlay.png");
    background-size: cover;
    background-position: center center;
    position:relative;
    z-index:1;
  }
  .WSS5-footer:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color: rgba(0, 4, 94, 0.85);
  }
  .WSS5-footer-cols {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: relative;
  }
  .WSS5-footer-cols .col-left,
  .WSS5-footer-cols .col-right{
    background-color: #fff;
    border-radius: 7px;
    padding:25px;
    width:calc(50% - 30px);
    margin:15px;
    position:relative;
  }
  .WSS5-footer-cols .col-left p,
  .WSS5-footer-cols .col-right p{
    font-weight:300
  }
  .WSS5-footer-cols .col-left::after,
  .WSS5-footer-cols .col-right::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 35px;
    border-radius: 7px 7px 0 7px;
    background-color: #a7d6fc;
  }
  .related-content-cards.card-columns{
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
  }
  @media (max-width: 1600px) {
    .related-content-cards.card-columns{
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
  }
  .related-content-cards .related-content-card {
    background-color: #fff;
    box-shadow: 0px 0px 15px rgba(128, 145, 191, 0.16);
    border-radius: 10px;
    display: inline-block;
    width:100%;
    margin: 12px 0px;
    transition: all 0.2s;
  }
  .related-content-card:hover {
    box-shadow: 0px 5px 15px rgba(128, 145, 191, 0.26);
  }
  .related-content-cards .related-content-card-top{padding: 15px;}
  .related-content-cards .related-content-card-top h4{
    color: #000C2D;
    font-weight:600;
  }
  .text-darker-blue{
    color: #000C2D;
  }
  .related-content-cards .related-content-card-top  p{
    font-weight: 300;
    line-height: 24px;
  }
  .related-content-cards .related-content-card-footer{
    border-top:solid 1px rgba(180, 210, 240, 0.5);
    padding: 15px;
}
.related-content-card-top figure {
    transform: translate(-15px, -15px);
    width: calc(100% + 30px);
    overflow: hidden;
  }
  .related-content-card-top figure img{width:100%}
  .strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion .card .card-title{
    background-color: #fff;
    z-index:1;
  }
  .strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion .card .accordion-level-2 .card-title{
    overflow: visible;
  }
  .TPM-left,.TPM-right{
    width:50%;
  }
  .TPM-left{
    background-color: #EDF6FE;
  }
  .TPM-left figure img{
    max-width:260px;
  }
  .two-parts-modal .close{
    position: absolute!important;
    right: 6px;
    top: 6px;
    z-index:1;
  }
  .text-underline{
    text-decoration: underline;
  }
  .okr-tab-actions {
    padding: 1px 10px;
    border: solid 1px rgba(199, 218, 255,0.3);
    border-radius: 100px;
    background-color: rgba(199, 218, 255,0.1);
    max-height:35px;
  }
  .okr-tab-actions .btn {
    background-color: transparent !important;
    padding: 5px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ion-slider-mark {
    display: block;
    position: absolute;
    top: 32px;
    background: #d0e8e1;
    transform: translateY(-11px);
    padding: 0;
    color: #fff;
    margin-left: -10px;
    font-size: 0;
    width: 12px;
    height: 12px;
    border-radius: 100px;
}
.TCL-footer .TCL-footer-item:not(:last-child) {
    padding-right: 10px;
    margin-right:10px;
    position: relative;
}
.TCL-footer .TCL-footer-item:not(:last-child):after {
    content:"";
    position:absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
    border-right: solid 1px #ddd;
    height:10px;
}
.ml-25px {
    margin-left: 25px;
  }
  .TCL-select-priority .select2-selection.select2-selection--single {
    padding: 0px !important;
    font-size: 80%;
    text-align:center!important;
    border:0;
  }
  .TCL-select-priority .select2-selection.select2-selection--single:after{display:none!important}
  .select2-container--default .select2-selection--single .select2-selection__rendered .label{
    width:100%
  }
.task-check-list-wrapper  .table-skills  .btn-light-dotted-plus{
    height: 25px;
    width: 25px;
    min-width: 25px;
  }
.task-check-list-wrapper .clickTagedit .tagify .tagify__tag {
    font-size: 80% !important;
    padding: 0px 5px!important;
  }
.task-check-list-wrapper .clickTagedit .tagify.form-control{
    border:0!important
  }
  .btn.TCL-tag-submit {
    position: absolute;
    right: 0px;
    top: 8px;
    padding: 0px;
    line-height: normal;
    width: 24px;
    height: 24px;
    border-radius: 100px;
  }
  .create-collaborators-meeting > .btn.btn-light-primary {
    width: 32px;
    height: 32px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
  }
  .collaborators-meeting-card {
    border: solid 1px #bcdeff;
    border-radius: 10px;
  }
  .collaborators-meeting-card .CMC-header {
    padding: 10px 15px;
    background-color: #ebf5ff;
    border-radius: 10px 10px 0 0;
    border-bottom: solid 1px #bcdeff;
  }
.collaborators-meeting-card .chat-other-actions .btn svg path {
    fill: #A3ACC6
}
.collaborators-meeting-card .chat-other-actions{top:12px}
.collaborators-meeting-card .CMC-body{display: flex;}
.collaborators-meeting-card .CMC-body .CMC-date-time {
    padding: 15px;
    border-radius: 0 0 0 10px;
    text-align: center;
    width: 90px;
    line-height: normal;
    border-right: solid 1px #bcdeff;
}
.collaborators-meeting-card .CMC-body .CMC-date {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
}
.collaborators-meeting-card .CMC-body .CMC-body-right {
    padding:15px;
    width: calc(100% - 90px);
}
.CMC-start .btn{border-radius:100px;}
.collaborators-meeting-card .CMC-header figure img {
    height: 25px;
    margin-right: 10px;
}
.collaborators-meeting-card .CMC-footer {
    position: absolute;
    bottom: -22px;
    width: 100%;
}
.strategy-topbar-actions .btn {
    width: 32px;
    height: 32px;
    margin-left: 5px;
    display:inline-flex;
    align-items: center;
    justify-content: center;
  }
.strategy-topbar-actions .btn img {
  max-height: 20px;
  width: auto;
  max-width: 20px;
}
.strategy-topbar-actions .btn:hover{
    background-color: rgba(199, 218, 255,0.2) !important;
}
.strategic-plan-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}
.strategic-plan-actions .SPA-item{width: calc(50% - 10px);}
.strategic-plan-actions .SPA-item a{
    width: 100%;
    padding:20px 15px;
    box-shadow: 0px 0px 15px rgba(128, 145, 191, 0.16);
    border-radius:7px;
    border:solid 1px #eee;
    text-align: center;
    display: flex;
    align-items: center;
    transition: all 0.2s;
}
.strategic-plan-actions .SPA-item a:hover{
    box-shadow: 0px 3px 15px rgba(128, 145, 191, 0.25);
}
.strategic-plan-actions .SPA-item img {
    height: 25px;
    max-width: 100%;
    margin-right: 8px;
  }
  .strategic-plan-resources ul{position:relative;}
  .strategic-plan-resources > ul > li > ul{
    display:flex;
    flex-wrap: wrap;
    gap:10px;
    line-height: normal;
    margin-left: -20px;
    width: calc(100% + 21px);
  }
  .strategic-plan-resources > ul > li > ul > li {
    width: calc(33.33% - 7px);
  }
  .strategic-plan-resources > ul > li > ul > li a{
    border: solid 1px #e0eefd;
    border-top: solid 3px #4785FF;
    text-align: center;
    padding: 15px;
    box-shadow: -2px 4px 0px rgb(231, 241, 251,0.8);
    display:block;
    transition: all 0.2s;
    text-transform: uppercase;
    font-size: 13px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height:100%;
  }
  .strategic-plan-resources > ul > li > ul > li a img{height: 30px;margin-bottom: 5px;}
  .strategic-plan-resources > ul > li > ul > li a:hover{
    box-shadow: -2px 6px 0px rgb(221, 230, 240,0.8);
  }
  .strategic-plan-resources > ul > li{
    padding:3px 0px 3px 20px;
    position:relative;
  }
  .strategic-plan-resources > ul > li:after{
    content: "";
    font-family: "Line Awesome Free";
    font-weight: 900;
    position: absolute;
    left: 0px;
    top: 3px;
  }
  .offcanvas.strategic-plan-drawer{width:420px}
  .offcanvas.offcanvas-right.strategic-plan-drawer:not(.offcanvas-on){
    right:-420px
  }
  .offcanvas.AI_recommendation_drawer{
    width:550px
  }
  .offcanvas.offcanvas-right.AI_recommendation_drawer:not(.offcanvas-on){
    right:-550px
  }
.our-experts-item .OE-expert-img .user-online-status{
    top: unset;
    bottom: 8px;
    right: -1px;
    left: unset;
  }
  .our-experts-body{max-height:500px;margin-bottom: 25px;}
  .our-experts-wrapper{
    -webkit-column-count: 3;
         -moz-column-count: 3;
         column-count: 3;
         -webkit-column-gap: 15px;
         -moz-column-gap: 15px;
         column-gap: 15px;
         orphans: 1;
         widows: 1;
  }
  .our-experts-item {
    padding: 15px;
    border: solid 1px #f3f9ff;
    display: inline-block;
    width: 100%;
    border-radius: 0;
    background-color: #fff;
    margin: 8px auto;
    box-shadow: 0px 17px 29px rgba(0, 0, 0, 0.03), 0px 12.3648px 19.5467px rgba(0, 0, 0, 0.0242813), 0px 8.60625px 12.6422px rgba(0, 0, 0, 0.02025), 0px 5.64453px 7.84473px rgba(0, 0, 0, 0.0173438), 0px 3.4px 4.7125px rgba(0, 0, 0, 0.015), 0px 1.79297px 2.80371px rgba(0, 0, 0, 0.0126563), 0px 0.74375px 1.67656px rgba(0, 0, 0, 0.00975), 0px 0.172656px 0.889258px rgba(0, 0, 0, 0.00571875);
  }
  .our-experts-item .DA-meeting-app-list label{
    height:36px;
    width:36px;
    border-radius: 6px;
  }
  .our-experts-item .DA-meeting-app-list label img{
    max-height: 70%;
    max-width: 70%;
  }
  .AIR-search .form-control{
    padding-right:35px;
    padding-left: 0;
  }
  .AIR-search .AIR-search-mic {
    position: absolute;
    right: 0;
    top: 6px;
    padding: 0;
    width: 30px;
    height: 30px;
  }
  .AIR-search .form-control ~ .small.d-flex .mr-auto{
    opacity:0;
  }
  .AIR-search .form-control:focus ~ .small.d-flex .mr-auto{
    opacity:1;
  }
  .AIRSR-item{
    margin:10px 0;
  }
.AIR-search-result-wrapper:not(.AIR-search-result-selected){
    max-height:300px;
    padding-right:15px;
}
  .AIRSR-item .AIRSR-img-wrapper {
    max-width: 90px;
    max-height:90px;
    min-width: 90px;
    min-height:90px;
    overflow: hidden;
    margin-right: 15px;
    border-radius: 7px;
    position:relative;
  }
  .AIRSR-item .AIRSR-img-wrapper img {
    min-width: 100%;
    min-height: 100%;
    max-width: 150%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
  }
  .AIRSR-content-wrapper h6 {
    font-weight: 400;
    margin-bottom: 2px;
    font-size: 16px;
  }
  .AIRSR-item {
    padding: 15px 0;
    border-top: 1px solid #DFEDFB;
    transition: all 0.1s;
  }
  .AIRSR-item:hover h6{
    opacity:0.75;
  }
  .AIRSR-item:first-child {
    padding-top:0;
    border-top: 0px;
  }
  .AIRSR-result-loader {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
  }
  .AIR-search-result-wrapper.AIR-search-result-selected{
    max-height:calc(100% - 100px);
    padding-right:15px;
}
.files-table-card-view .milestone-table-card-inner {
  height: calc(100% - 24px);
}
.pd-jobapplications-analytics-outer{
    border: solid 1px #dbe9f5;
    overflow: hidden;
    border-radius: 8px;
}
.pd-jobapplications-analytics {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: -1px;
}
.pd-jobapplications-analytics .pd-jobapplications-item {
    padding: 14px;
    border-right: solid 1px #dbe9f5;
    flex-grow: 1;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* width: 25%; */
    flex-grow: 1;
    border-top: solid 1px #dbe9f5;
}
td  .pd-jobapplications-analytics .pd-jobapplications-item{
    padding: 3px 8px;
    font-size:13px;
    line-height:20px;
}
.cols3 .pd-jobapplications-analytics .pd-jobapplications-item{
    min-width: 33.33%;
}
.pd-jobapplications-analytics .pd-jobapplications-item .text-theme1{
    margin-left: 5px;
    margin-right: 5px;
}
.JDU-section .JDU-hightlighted-inner {
    padding: 15px;
    border-radius: 7px;
}
ul.jdu-ul li {
    position: relative;
    padding: 5px 0 5px 25px;
}

ul.jdu-ul.top-1 li:before{
    top:1px
}
ul.jdu-ul li:before{
    content: "";
    font-family: "Line Awesome Free";
    font-weight: 900;
    position: absolute;
    left: 0px;
    top: 3px;
    color: #3698ff;
    font-size: 18px;
}
ul.jdu-ul.jdu-ul2 li:before{
    color: rgba(63, 66, 84, 0.9);
}
.job-match-score {
    display: flex;
    flex-wrap: wrap;
}
.job-match-score .jmc-item {
    display: flex;
    margin: 4px 15px 4px 0;
}
.job-match-score .jmc-item figure {
    width: 18px;
    height: 18px;
    border: solid 1px;
    border-radius: 20px;
    margin-right: 7px;
    text-align: center;
    line-height: 15px;
    position: relative;
}
.job-match-score .jmc-item.job-matched figure{
    border-color: #39d5ae;
}
.job-match-score .jmc-item.job-not-matched figure{
    border-color: #afb6c9;
}
.job-match-score .jmc-item figure img {
    max-height: 8px;
    max-width: 11px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    line-height: 0;
}
.JDU-pref-list li{
    padding:4px 0;
}
.JDU-pref-list li .JDU-pref-li-L{
    width:140px;
}
.hidden-del-card-tabs .border-bottom-tabs li{
    margin-bottom:-1px!important;
}
.hidden-del-card-tabs .border-bottom-tabs li a:not(.active) .label{
    filter:grayscale(1)
}

.position-criticality-matrix-card .wizard.wizard-2 .wizard-nav{
    flex: 0 0 260px;
    max-width: 260px;
}
.position-criticality-matrix-card .wizard.wizard-2 .PCM-step-parent{min-height:calc(100% - 60px);}
.position-criticality-matrix-card .wizard.wizard-2 [data-wizard-state="current"].PCM-step-parent{display: flex;}
.position-criticality-matrix-card .wizard.wizard-2 .wizard-step .wizard-icon{position:relative;width:15px;}
.position-criticality-matrix-card .wizard.wizard-2 .wizard-step .wizard-icon::after {
    position: absolute;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    background-color: #fff;
    color: #d5dbe8;
    width: 19px;
    height: 19px;
    line-height: 19px;
    font-size: 20px;
    text-align: center;
    border-radius: 100px;
    top: -2px;
    left: 0;
  }
  .position-criticality-matrix-card .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-icon::after{
    background-color: #2C92FF;
    color: #BADDFF;
  }
  .position-criticality-matrix-card .wizard.wizard-2 [data-wizard-state="done"].wizard-step .wizard-icon::after {
    background-color: #2C92FF;
    color: #EBF5FF;
  }
  .PCM-step1-wrapper {
    gap: 30px;
    width:100%;
  }
  .PCM-step1-wrapper .PCM-step1-left {
    border-right:solid 1px;
    padding-right:30px;
    max-width: calc(100% - 250px);
  }
  .PCM-step1-wrapper .PCM-step1-right {
    width:40%;
    min-width: 250px;
    position: relative;
  }
  .scale-template-or {
    position: absolute;
    left: -41px;
    background-color: #fff;
    top: 50%;
    line-height: 40px;
    text-transform: uppercase;
  }
  .scale-tempate-view ul{overflow:auto;max-width:100%;padding-bottom:10px;}
  .scale-template-item > label > .d-inline-block.max-w-100{
    max-width: calc(100% - 30px)!important;
  }
  .scale-tempate-view li {
    padding: 3px 7px;
    border: solid 1px rgba(255, 255, 255, 0.1);
    border-collapse: collapse;
    margin-left: -1px;
    font-size: 12px;
    color: #fff;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 80px;
  }
  .scale-template-item {
    padding: 10px 10px 0 10px;
    background-color: rgba(243, 246, 249,0.4);
    margin: 12px 0px;
    border-radius: 7px;
    border: solid 1px #f3f6f9;
  }
.position-criticality-matrix-card .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] {
    background-color: rgba(79, 138, 255,0.2);
}
.position-criticality-matrix-card .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-title{color:#4785FF}
.position-criticality-matrix-card .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]:after{
    border-left-color: rgba(79, 138, 255,0.2);
}
.PCM-step2-wrapper .scale-template-item {
    background-color: transparent;
    padding: 0;
    border: 0;
  }
.PCM-step2-wrapper .scale-tempate-view li{
    font-size: 14px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 80px;
  }
  .PCM-step2-wrapper .scale-tempate-view ul{
    max-width:100%;
    overflow:auto;
  }
  .PCM-step2-wrapper .scale-tempate-view .scale-template-editable .input-group.input-group-sm{flex-wrap:nowrap}
  .PCM-step2-wrapper .scale-tempate-view .scale-template-editable .input-group.input-group-sm .input-group-text{
    padding-left:7px;
    padding-right:7px;
    background-color: #edf3ff;
  }
  .PCM-step2-wrapper .scale-tempate-view .scale-template-editable .input-group.input-group-sm *{
    border-color: #dce8ff;
  }
  .PCM-step2-wrapper .scale-tempate-view .scale-template-editable ul{margin-right:-10px}
  .PCM-step2-wrapper .scale-tempate-view .scale-template-editable li{
    padding:0px;
    position:relative;
    margin-right:10px;
    overflow: visible;
  }
  .PCM-step2-wrapper .scale-tempate-view .scale-template-editable li:not(:nth-last-child(3)):after{
    content:"";
    position:absolute;
    right:-10px;
    top:50%;
    transform:translateY(-50%);
    width:10px;
    border-top:dotted 1px #aeb0bb
  }
  .PCM-step2-wrapper .scale-tempate-view .scale-template-editable li:nth-last-child(3){
    margin-right: 0;
  }
  .position-criticality-matrix-card .wizard-body{
    max-width:calc(100% - 260px)!important
  }
  .PCM-step2-wrapper .scale-tempate-view .scale-template-editable .input-group.input-group-sm .form-control {
    min-width: 100px;
  }
  .scale-template-preview ul{
    max-width:100%
  }
  .scale-template-preview ul li {
    border: solid 1px #eee;
    margin: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
    white-space: nowrap;
  }
  .STP-header{
    padding: 4px 10px;
    background-color: #edf3ff;
    align-items: center;
    justify-content: center;
  }
  .STP-body{
    padding: 4px 10px;
    align-items: center;
    justify-content: center;
    display:flex;
  }
  .ACL4-popover-header {
    margin:0 15px -5px 15px;
    padding-bottom:5px;
  }
  .close-popover-btn{
    width: 22px;height: 22px;text-align: center;display: flex;justify-content: center;align-items: center;
  }
  .ACL4-popover-container .popover-body {
  background-color: #fff;
  box-shadow: 0px 3px 15px rgba(0,0,0,0.15);
  border-radius: 7px;
  padding: 10px 0px 10px 4px;
}
.JD-job-family {
    margin-right:0
  }
.JD-job-family span {
    position: relative;
    padding-right:25px;

  }
  .JD-job-family.small span {
    position: relative;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
.JD-job-family span:not(:last-child)::after {
    content: "\f1e4";
    font-family: Flaticon2;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 10px;
    right: 8px;
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    color: #b4b8ce;
  }
  .JD-job-family.small span:not(:last-child)::after{
    font-size: 8px;
  }
  .plus-more-label{
    padding: 2px 7px;
    background-color: #f4f8ff;
    border-radius: 100px;
    font-size: 10px;
    border: solid 1px #e7edf7;
    font-weight: 500;
    height:20px;
}
li.PD-certificate-item a {
    transition: all 0.2s
}

li.PD-certificate-item:hover a {
    opacity: 0.5;
}

.uploaded-img-download-btn {
    opacity:0;
    position: absolute;
    cursor: pointer;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.7);
    top: 50%;
    background-color: #ebf5ff;
    border-radius: 100px;
    color: #4785ff;
}
li.PD-certificate-item:hover .uploaded-img-download-btn{
    opacity:1
}
.competency-framework-drawer ul li{
    display:inline-block;
    width:100%;
}
.competency-framework-drawer ul li a{
    position:relative;
    border-bottom:solid 1px #DBE3F2;
    color:#11027a;
    transition:all 0.3s;
    padding:7px 0 7px 20px;
    display: inline-block;
    width: 100%;
}
.competency-framework-drawer ul li a:hover{
   padding-left:24px;
}
.competency-framework-drawer ul li:last-child a{border:0;}
.competency-framework-drawer ul li a::before {
    position: absolute;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color:#11027a !important;
    left:0;
    top:6px;
    transition:all 0.3s
  }
  .competency-framework-drawer ul li a:hover::before{
    left:3px;
 }
 .capability-framework-wrapper {
    margin-bottom: 16px;
    min-height: calc(50% - 8px);
    padding-bottom:15px;
  }

  .capability-framework-wrapper:not(:last-child){
    border-bottom:dashed 1px #cfd3dd
  }

  .CFWL-item {
    background-color:#fff !important;
    padding: 25px;
    border-radius: 7px;
    /* color: #140289; */
    font-size: 20px;
    font-weight: 500;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align:center;
    flex-direction:column;
    min-height:170px;
   border:solid 1px #C3C8DB
  }

  /* this CS forms the triangles */
  .CFWL-item:after,
  .CFWL-item:before {
    content: '';
    display: block;
    position: absolute;
    left: calc(100% - 14px);
    width: 0;
    height: 0;
    border-style: solid;
}

/* this border color controlls the color of the triangle (what looks like the fill of the triangle) */
.CFWL-item:after {
    top: 15px;
    border-color: transparent transparent transparent #fff;
    border-width: 10px;
}

/* this border color controlls the outside, thin border */
.CFWL-item::before {
    top: 14px;
    border-color: transparent transparent transparent #C3C8DB;
    border-width: 11px;
  }

  .JD-linkage-wrapper .CJ-competency-wrapper{gap:16px}
.JD-linkage-wrapper .CJ-competency-wrapper .card {
    width: calc(50% - 8px);
    margin:8px 0!important
}

@media (max-width: 1380px) {
 .JD-linkage-wrapper .CJ-competency-wrapper .card {
        width: calc(50% - 8px);
        margin:8px 0!important
    }
}
.CFW-right {
    margin: 0 auto;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    justify-content:center

  }
.CFW-item{
    border: 1px solid RGBa(195, 200, 219,0.35);
    border-radius: 10px;
    padding: 15px;
    position: relative;
    transition: all 0.2s;
    overflow: hidden;
    width: calc(33.33% - 11px);
    background-color: RGBa(195, 200, 219,0.1);
}
.CFW-item.has-status{ padding-top:36px;}
.CFW-item .wizard-step-status.wizard-status-approved{left:15px;}
.CFW-item:hover {
    border-color: RGBa(195, 200, 219,0.65);
  }
@media (max-width: 1380px) {
    .CFW-item{
        width: calc(50% - 8px);
    }
}
.CFW-create{
    padding-top: 14px;
    cursor: pointer;
    border: dashed 2px #9ec0e8;
    padding-bottom: 14px;
    min-height: 70px;
    background-color:#fff;
}
.CFW-item h5 {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
  }
  .table-audit-wrapper {
    display: flex;
    max-width:100%;
    overflow: auto;
    white-space: nowrap;
    padding: 10px 15px;
    border-radius: 3px;
    background-image:linear-gradient(to right, rgb(247, 248, 252), #fff);
    background-attachment:fixed;
    position:relative;
    margin-top:15px !important;
  }
  .table-audit-wrapper.mt-0{margin-top:0px !important;}
  .table-audit-outer{position:relative;display:inline-block;width:100%;}
  .table-audit-outer:not(.mt-2){margin-top: 0 !important;
    margin-bottom: 0.25rem !important;}
  .table-audit-outer-inline{position:relative;display:inline-block;width:350px}
  .table-audit-outer::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    transform:translateY(-50%);
    width:100px;
    height: calc(100% - 30px);
    background-image: linear-gradient(to right, rgba(255, 255, 255,0.2), rgb(255, 255, 255));
  }

  .table-audit-item {
    margin-right: 15px;
    border-right: solid 1px #ddd;
    padding-right: 15px;
  }
  .table-audit-item:last-child{border:0}
  .table-audit-wrapper .table-audit-item span:not(.label){
    display:block
  }
  .table-audit-wrapper .table-audit-item span.text-dark {
    font-size: 13px;
  }
  .table-audit-item .table-profile-img{
    width: 18px;
    height: 18px;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .task-search-autocomplete.JD-task-list {
    padding: 0;
    border: 0;
    margin:0;
  }
  .task-search-autocomplete.JD-task-list .ul-group {
    border: solid 1px #E4E6EF;
    padding:15px;
    margin-top:15px;
    border-radius:7px;
  }
  .task-search-autocomplete.JD-task-list .ul-group:first-child{margin:0;}
  .task-search-autocomplete.JD-task-list .task-search-list-wrapper{max-height:350px;padding:0;}
  .add-competency-wizard.competency-level-wizard .wizard.wizard-3.kt_wizard_v3A .wizard-steps .wizard-step{
    min-width: 120px;
    max-width:120px;
    min-height:100px;
  }
  .add-competency-wizard.competency-level-wizard .wizard.wizard-3.kt_wizard_v3A .wizard-steps .wizard-step::after {
    left: -34px;
    top:22px;
    width:calc(100% - 43px)
}
.add-competency-wizard.competency-level-wizard .ACW-inner .wizard-step .wizard-icon figure{
    font-size:22px;
    font-weight:600;
    width:45px;
    height:45px;
    line-height:40px;
}
.add-competency-wizard.competency-level-wizard .ACW-inner .wizard-step .wizard-icon figure{
    color:#ddd
}
.add-competency-wizard.competency-level-wizard .ACW-inner .wizard-step[data-wizard-state="done"] .wizard-icon figure,
.add-competency-wizard.competency-level-wizard .ACW-inner .wizard-step[data-wizard-state="current"] .wizard-icon figure
{
    color: #4785FF;
  }
  .CLS-wrapper input {
    display:none
  }
  .CLS-wrapper{
    gap:15px;
    display:flex;
    flex-wrap:wrap;
  }
  .CLS-wrapper label {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .CLS-item {
    padding: 15px;
    border: 0.7px solid rgba(238, 242, 255, 0.85);
    box-shadow: 0px 0px 8px rgba(222, 229, 253, 0.16);
    border-radius: 7px;
    width: 100%;
    min-height: 100px;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:normal;
    position:relative;
    flex-direction:column;
    text-align:center;
  }
  .CLS-wrapper input:checked ~ .CLS-item {
    background-color:#f9fbff;
    border-color: #e7ebf2;
  }
  .CLS-wrapper input:checked ~ .CLS-item:after {
    position: absolute;
    right: 10px;
    top: 10px;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #4785FF;
    background-color:#e8ecff;
    transition: all 0.3s;
    min-width: 14px;
    width: 17px;
    height: 17px;
    text-align: center;
    border-radius: 100px;
    line-height: 17px;
    font-size: 7px;
  }
  .CLS-item figure img {
    max-width: 90%;
    height:120px;
    margin: 10px auto 0px auto;
    filter: drop-shadow(0px 1px 3px rgba(0,0,0,0.03));
  }
  .add-competency-wizard.competency-level-wizard .ACW-inner .wizard-step[data-wizard-state="done"] .wizard-icon figure{
   position:relative;
  }
  .add-competency-wizard.competency-level-wizard .ACW-inner .wizard-step[data-wizard-state="done"] .wizard-icon:after{
    position: absolute;
    left: 50%;
    bottom: -3px;
    transform: translate(-50%,-50%);
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    background-color: #2C92FF;
    color: #DEEFFF;
    width: 15px;
    height: 15px;
    line-height: 14px;
    font-size: 17px;
    border-radius: 100px;
  }
  .CLS-wrapper .CLS-item .CLS-title span{
    color: #2b345f;
    font-size: 22px;
  }
  .table-parent-audit {
    display: flex;
    max-width: 700px;
    min-width: 700px;
    overflow: auto;
    white-space: nowrap;
    flex-direction: column;
    gap: 8px;
  }
  .table-parent-audit.flex-row {
    display: flex;
    max-width: 400px;
    min-width:auto;
    overflow: auto;
    white-space: nowrap;
    flex-direction: row;
    gap: 8px;
  }
  .table-parent-audit .TPA-item .select2-results__options{display: grid}
  .table-parent-audit.flex-row .TPA-item{
    padding-right:10px;
    border-right:solid 1px
  }
  .table-parent-audit.flex-row .TPA-item:last-child{
    border-right:solid 0px
  }
.TPA-code{
    padding-right:5px;
    margin-right:5px;
    min-width:32px;
}
.TPA-code::after {
    content: "";
    position: absolute;
    right: 0;
    border-right: solid 1px #d1d3e1;
    height: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  .TPA-item.TPA-with-subText .TPA-code::after {
    height: 25px;
  }
  .filter-parent-select2 ~ .select2 .select2-selection.select2-selection--single {
    background-color: #f9f9f9 !important;
    border-color: #f1f1f1 !important;
  }
  .table-filter-drawer {
    left: 0;
    right: 0;
    top: -100%;
    background-color: rgba(0,0,0,0.3);
    position: fixed;
    z-index: 9999;
    height:100%;
    transition:all 0.3s;
  }
  .table-filter-drawer-inner{
    width:100%;
    min-height:250px;
    background-color:#fff;
    padding: 25px;
  }
  .table-filter-drawer.open {
    top:0;
  }

  .table-parent-audit .TPA-item .text-dark {
    width: 265px;
  }
  tfoot > tr > th.text-center > div .select2 *,
  tfoot > tr > td.text-center > div .select2 *{text-align:center!important}

  tfoot > tr > th.text-center > div .select2 .select2-selection__placeholder,
  tfoot > tr > td.text-center > div .select2 .select2-selection__placeholder{width:100%!important}
  .w-10 {
    width: 10px !important;
  }
  .jd-v2-edit-modal .JD-summary-left .symbol span,
  .jd-v2-table .JD-summary-left .symbol span {
    background-color: #3971CE;
    width: 32px;
    height: 32px;
    display: inline-block;
    text-align: center;
    font-weight: 500;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    border-radius: 100px;
  }
  .TPA-item > .font-12 {
    font-size: 14px !important;
  }
  .jd-table-courses.cjcourse-search-list-wrapper {
    padding: 0;
    min-width: 390px;
    max-height:200px;
  }
  .jd-table-courses.cjcourse-search-list-wrapper .cj-course-item {
    width: calc(50% - 12px);
    margin:10px 0px;
  }
  .jd-table-courses.cjcourse-search-list-wrapper .cj-course-item .font-12{
    font-size:10px!important;
  }
  .jd-table-courses.cjcourse-search-list-wrapper .cj-course-categories .CJCC{
    max-width: calc(50% - 10px);
  }
  .jd-table-courses.cjcourse-search-list-wrapper .cj-course-item figure{
    height:60px
  }
  .jd-table-courses.cjcourse-search-list-wrapper .cj-course-item figure .label{
    z-index:0
  }
  .table.jd-v2-table tr td .JDT-edit{
    position: absolute;
    right: -10px;
    top: 6px;
    opacity:0;
    transition:all 0.3s;
  }
  .table.jd-v2-table tr td:hover .JDT-edit{opacity:1;right:10px;}
  .table.jd-v2-table tr td{
    padding-right:30px
  }

  .JDT-competency-modal .CJ-add-competency-modal .link-compentency-item-list label {
    width: auto;
    margin-bottom:20px;
  }
.JARS-inner input:checked ~ label:hover,
.JARS-inner input:checked ~ label {
  background-color: #e6f3ff !important;
}
.AT-attachment-item .lightgallery li{
position: relative;
min-width: calc(50% - 10px) !important;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
margin:5px;
}
.AT-attachment-item .lightgallery li  a, .AT-attachment-item .lightgallery li a img{width:100%}
.AT-attachment-item .lightgallery li.video {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
  }
.AT-attachment-item.bg-light-primary {background-color: #4785FF !important;}


ol.mwf-custom-ol {
    counter-reset: mwfCounter;
    list-style: none;
    padding-left: 30px;
    border-left: solid 1px #e2ecf7;
}
ol.mwf-custom-ol > li {
    margin: 0 0 0.5rem 0;
    counter-increment: mwfCounter;
    position: relative;
}
ol.mwf-custom-ol > li::before {
    content: counter(mwfCounter);
    color: #4e545b;
    font-size: 1rem;
    position: absolute;
    --size: 0px;
    left: -45px;
    line-height: 27px;
    width: 30px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    text-align: center;
    text-shadow: none;
    font-weight: 500;
    border: solid 1px #e2ecf7;
    background-color: #f3f9ff;
}


ol.mwf-custom-ol ul {
    counter-reset: mwfCounter1;
    list-style: none;
    padding-left: 0px;
}
ol.mwf-custom-ol ul > li {
    margin: 0 0 0.5rem 0;
    counter-increment: mwfCounter1;
    position: relative;
    padding-left: 28px;
}
ol.mwf-custom-ol ul > li::before {
    content: counter(mwfCounter1);
    color: #4e545b;
    font-size: 10px;
    position: absolute;
    --size: 0px;
    left: 5px;
    line-height: 15px;
    width: 18px;
    height: 18px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    text-align: center;
    text-shadow: none;
    border: solid 1px #e2ecf7;
    background-color: #f3f9ff;
    font-weight: 500;
}

.mwf-create-level-card .mwf-custom-ol > li {
    border: dashed 1px #e2ecf7;
    border-radius: 6px;
    padding: 15px;
    margin: 10px 0;
  }
.mwf-create-level-card .mwf-custom-ol > li:before {
    top:14px
  }
  .mwf-create-level-card  .mwf-create-scale-btn {
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 100px;
    position: relative;
    left: -15px;
    top: -16px;
    line-height: 26px;
  }
  .scale-template-item .btn-hover-light-danger {
    min-width: calc(1.35em + 1.1rem + 2px);
  }
  .scale-template-item div.mr-auto:first-child{
    max-width: calc(100% - 50px);
  }
  .master-other-info .MOI-item {
    margin-bottom: 10px;
    border: solid 1px #edeff9;
    padding: 5px 25px 5px 10px;
    margin:-1px -1px 0px 0px;
    border-collapse: collapse;
    background-color: rgba(247, 248, 252,0.7);
    flex-grow: 1;
    min-width: 140px;
    max-width: calc(100% + 1px);
  }
  .master-other-info .MOI-item .MOI-title,
  .master-other-info .MOI-item .MOI-info{
    width:100%;
    text-align:left;
  }
  .input-text-uppercase {
    text-transform: uppercase;
  }
  .input-text-uppercase::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
  }
  .input-text-uppercase:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
  }
  .input-text-uppercase::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
  }
  .input-text-uppercase:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
  }
  .input-text-uppercase::placeholder { /* Recent browsers */
    text-transform: none;
  }


  .no-job-created{
    border: 0.7px solid rgba(238, 242, 255, 0.85);
    box-shadow: 0px 0px 8px rgba(222, 229, 253, 0.16);
    border-radius: 7px;
  }

  .jd-template-list-wrapper,
  .jd-list-wrapper{
    gap:15px;
    display:flex;
    justify-content:center;
    align-items:center;
  }

  .BS-1-outer {
    width: calc(33.33% - 10px);
    height: calc(100vh - 310px);
    min-height: 260px;
    max-height:450px;
    border: 0.7px solid rgba(238, 242, 255, 0.85);
    box-shadow: 0px 0px 8px rgba(222, 229, 253, 0.16);
    border-radius: 7px;
    position:relative;
    overflow:hidden;
  }
  .BS-1 {
    display: flex;
    justify-content: end;
    align-items: start;
    flex-direction: column;
    transition: all 0.2s;
    background-size: cover;
    background-position: center center;
    z-index: 1;
    color: #fff;
    height: 100%;
    width: 100%;
    position: relative;
    padding: 40px 35px;
    transform:scale(1)
  }
  @media (max-width: 1380px) {
    .BS-1 {
        padding: 20px;
   }
}
  .BS-1:hover{
    opacity:0.9;
    transition: all 0.2s;
  }
  .BS-1 *{transition:0.2s all ease-in}
  .BS-1:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:linear-gradient(rgba(19, 1, 135,0.3) 20%, rgba(19, 1, 135,0.95));
    z-index:-1;
  }

  .jdtl-item{cursor: pointer;}
  .jdtl-item:hover,
  .BS-1:hover{
    box-shadow: 0px 4px 8px rgba(222, 229, 253, 0.45);
  }

  .jd-template-list-wrapper input ~ .BS-1{cursor:pointer}
  .jd-template-list-wrapper input ~ .BS-1 span.i:after {
    position: absolute;
    right: 15px;
    top: 15px;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #4785FF;
    background-color:#e8ecff;
    transition: all 0.3s;
    min-width: 14px;
    width:0px;
    height: 0px;
    text-align: center;
    border-radius: 100px;
    line-height: 20px;
    font-size: 0px;
    transition:all 0.1s;
    transform-origin: center;
    z-index:1;
  }

  .jd-template-list-wrapper input:checked ~ .BS-1 span.i:after {
    content: "\f00c";
    width: 20px;
    height: 20px;
    font-size: 10px;
  }
  .jd-template-list-wrapper input:checked ~ .BS-1{
    border-color: #e7ebf2;
  }

  .primary-img-btn{
    color: #707693;
    border-color: #eee!important;
    filter:grayscale(1)
  }
  .primary-img-btn:not(:hover) {background-color: #fff!important;}
  .primary-img-btn:hover{
    border-color: transparent!important;
    filter:grayscale(0);
  }
 .jd-wizard .wizard-icon figure {
    border:0;
    width:40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin: 0 10px 0px 0;
    border-radius: 100px;
    background-color:transparent;
}
.jd-wizard .wizard-icon figure img{
    max-width:22px;
    max-height:22px;
}
.wizard.wizard-2.jd-wizard .wizard-nav .wizard-steps .wizard-step{
    margin-bottom:10px;
    background-color:transparent;
    padding:5px 0;
}
.wizard.wizard-2.jd-wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title{
    color:#4294ff;
}
.wizard.wizard-2.jd-wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon figure:after{
    content:"\f00c";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 20px;
    color: #4294ff;
}
.wizard.wizard-2.jd-wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]::after{display:none}
.wizard.wizard-2.jd-wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-icon figure img{
   display:none
}
.wizard.wizard-2.jd-wizard .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"]{
    opacity:0.6
}
.wizard.wizard-2.jd-wizard .wizard-nav .wizard-steps .wizard-step:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 19px;
    bottom: -15px;
    width: 1px;
    height: 20px;
    background-color: #d3e9f4;
  }
.wizard.wizard-2.jd-wizard .wizard-nav .wizard-steps .wizard-step .wizard-title{
    margin-bottom:0px
}
.wizard.wizard-2.jd-wizard .wizard-nav .wizard-steps .wizard-step .wizard-icon{
    background-color:#e8f7ff;
    border-radius:4px;
}
.wizard.wizard-2.jd-wizard .wizard-nav .wizard-steps .wizard-step .wizard-icon .svg-icon figure{
    margin-right:0;
    display:flex;
    justify-content:center;
    align-items:center;
}
.wizard.wizard-2.jd-wizard .wizard-body {
    width: 100%;
    max-width: calc(100% - 325px);
  }
  .browser-style-tab-wrapper{
    border-bottom:solid 4px #f9f9f9;
    background-color: #fff;
    border-radius: 7px 7px 0 0;
    padding: 0 15px;
}
  .browser-style-tab{
    margin: 0 -15px;
    padding: 0 15px;
  }
  .nav.nav-tabs.nav-tabs-line.browser-style-tab .nav-item{
    display: block;
    padding: 0;
    background-color: transparent;
    z-index: 2;
    position: relative;
    cursor: pointer;
    color: #777;
    transition: all 250ms ease;
    margin-bottom: 0px;
    outline: none !important;
}
  .nav.nav-tabs.nav-tabs-line.browser-style-tab .nav-link{
    padding: 10px 38px 10px 24px!important;
    margin:0!important;
    outline: 0 !important;
    background-color:#fff;
    border:0;
  }
  .nav.nav-tabs.nav-tabs-line.browser-style-tab .nav-link:not(.active):not(:hover):not(:focus){
    border-radius:0;
  }
  .nav.nav-tabs.nav-tabs-line.browser-style-tab .nav-link.active,
  .nav.nav-tabs.nav-tabs-line.browser-style-tab .nav-link:hover{
    text-decoration: none;border:0!important;
    background-color: #fff;
    border:0!important;
    color:#333;
}
  .nav.nav-tabs.nav-tabs-line.browser-style-tab .nav-link.active{
    /* transform: translateY(1px);
    height:calc(100% + 1px) */
}

.nav.nav-tabs.nav-tabs-line.browser-style-tab .nav-link.active::after {
    content: "";
    background-color: transparent;
    width: 100%;
    height: calc(100% + 2px);
    right: 0;
    position: absolute;
    z-index: 3;
    border: solid 1px #ddd;
    border-radius: 10px 10px 0 0;
    border-bottom-color: #fff;
  }
.browser-style-tab li div.BST-close-btn {
    z-index: 1;
    cursor: pointer;
    margin-top: 0;
    filter: grayscale(1);
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
  }
.browser-style-tab-wrapper.ps-container.ps-active-x > .ps-scrollbar-x-rail{
    z-index: 2;
    bottom:0!important;
  }
  .nav.nav-tabs.nav-tabs-line.browser-style-tab .nav-link.active ~ div.BST-close-btn,
  .nav.nav-tabs.nav-tabs-line.browser-style-tab .nav-link:hover ~ div.BST-close-btn,
  .nav.nav-tabs.nav-tabs-line.browser-style-tab div.BST-close-btn:hover{
    filter:grayscale(0);
  }
  .MM-actions{
      margin: 40px -35px -40px -35px;
  width: calc(100% + 70px);
  text-align: center;
  border-top: solid 1px rgba(238, 242, 255, 0.85);
  display: flex;
  }
  .MM-actions .btn {
    width: calc(50% - 0px);
    border-right: solid 1px rgb(238, 242, 255)!important;
    margin: 0;
  }
  .MM-actions .btn:first-child {
    border-radius:0 0 0 7px
  }
  .MM-actions .btn:last-child {
   border-right:0;
   border-radius:0 0 7px 0
  }
  .choose-temp-offcanvas .offcanvas-content {
    height: calc(100% - 61px);
    display:flex;
  }
  .gap-5{gap:5px}
  .gap-10{gap:10px}
  .gap-15{gap:15px}
  .gap-20{gap:20px}
  .gap-25{gap:25px}
  .gap-30{gap:30px}

  .gap-y5{row-gap:5px}
  .gap-y10{row-gap:10px}
  .gap-y15{row-gap:15px}
  .gap-y20{row-gap:20px}
  .gap-y25{row-gap:25px}
  .gap-y30{row-gap:30px}

  .gap-x5{column-gap:5px}
  .gap-x10{column-gap:10px}
  .gap-x15{column-gap:15px}
  .gap-x20{column-gap:20px}
  .gap-x25{column-gap:25px}
  .gap-x30{column-gap:30px}

  .invite-offcanvas.offcanvas-on + .offcanvas-overlay {
    z-index: 1002;
  }
  .invited-collaborator-list{
    height:calc(100vh - 150px)
  }
  .invited-collaborator-list ul li{
    padding: 12px 0px;
  }
  .invited-collaborator-list ul li:not(:first-child) {
    border-top: solid 1px #DBE3F2;
  }
  .seek-ai-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .seek-ai-input{
    word-break: break-word;
    min-height:43px;
    resize: none;
    border-width: 1px 0 0 0;
    border-radius: 0;
    padding-right:35px;
  }
  .ai-chat-send-btn{
    position:absolute;
    right:5px;
    bottom:6px;
  }
  .seek-ai-body .dash-chat-bubble::after {
    background-color: #EBF5FF;
  }
  .seek-ai-body .dash-chat-bubble .bg-primary-o-20 {
    background-color: #EBF5FF !important;
  }
  .align-items-end.ai-chat-bot .dash-chat-bubble::after{
    bottom: 23px;
    top: unset;
    right: -4px;
    background-color: #4785FF;
  }
  .CFF-wrapper:nth-child(2) {
    padding: 0 0px 1px 1px;
    margin: 0px -1px 0 -1px;
  }
  .CFF-item {
  border: solid 1px #eee;
  padding: 7px 7px 5px 7px;
  margin: 0 0 -1px -1px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex-grow:1;
}
.CFF-item:nth-child(1),
.CFF-item:nth-last-child(3) {
  width: 95px;
  max-width: 95px;
}
.CFF-item .form-control.border-top-0{height:auto;transition:all 0.1s;padding-bottom:2px;line-height:30px;}
.CFF-item .form-control.border-top-0:not(:focus){
    border-color:transparent;
}
.CFF-wrapper:nth-child(2) .CFF-item{
    flex-grow:1;
}
/* .CFF-item > * :last-child{
    line-height:30px
} */
.CFF-item > label{margin-bottom:auto;}
.CFF-actions .CFF-move,
.CFF-actions .CFF-edit,
.CFF-actions .CFF-delete{
    cursor:pointer
}
.jd-filter-item{
    margin:7px 0;
}
.jd-filter-item:first-child{margin-top:0}
.jd-filter-item:last-child{margin-bottom:0}
.js-filter-title span{z-index:1;position:relative;font-size:14px;}
.js-filter-title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-bottom: solid 1px #DBE3F2;
  width: 100%;
  z-index: 0;
}
.jd-filter-item .checkbox{
    font-size:13px;
    margin:3px 0;
}
.jdfilter-hidden-content {
    max-height: calc(100vh - 140px);
    overflow:auto;
  }
  .JD-library-list {
    display: flex;
    gap: 15px;
    flex-wrap:wrap;
  }
  .JDLL-item {
    border: 1px solid #EBEDF3;
    padding: 15px;
    width: calc(33.33% - 10px);
    margin-bottom:15px;
    border-radius:7px;
    display: flex;
    flex-direction: column;
  }
  .JDLLH-title {
    max-width: calc(100% - 100px);
    margin-right:auto;
  }
 .JDLL-grade-level .LCP-number {
    width: 25px;
    min-width: 25px;
    height: 25px;
    font-size: 11px;
    line-height: 20px;
    font-weight:500;
  }
  .JDLL-grade-level > div{position:relative; padding-right:5px;}
  .JDLL-grade-level > div::after {
    content: "";
    position: absolute;
    right: -3px;
    width: 1px;
    height: 50%;
    background-color: #DBE3F2;
    top: 50%;
    transform: translateY(-50%);
  }
  .JDLL-grade-level > div:last-child::after{display:none}
  .JDLLF-right .btn{
    opacity:0;
    transform:translateX(-10px);
    transition:all 0.2s
  }
  .milestone-table-card-inner:hover .JDLLF-right .btn{
    transform:translateX(0px);
  }
  .policy-item:hover .JDLLF-right .btn,
  .milestone-table-card-inner:hover .JDLLF-right .btn,
  .JDLL-item:hover .JDLLF-right .btn{
    opacity:1;
    transform:translateX(0px);
  }
  .JD-library-list-view{
    flex-direction:column;
  }
  .JD-library-list-view .JDLL-item {
    width: 100%;
    flex-wrap: nowrap;
    flex-direction: row;
    transition:all 0.2s;
    padding-right:45px;
  }
  .JD-library-list-view .JDLL-item .JDLL-header {
    border-right: solid 1px #EBEDF3;
    padding-right: 1.25rem;
  }

  .JD-library-list-view .JDLLF-right {
    position: absolute;
    top: 50%;
    right: -28px;
    transform: translateY(-50%);
  }
  .JD-library-list-view .JDLLF-right .btn {
    opacity: 1;
    transform: translateX(0px);
  }

.floated-cart-wrapper {
    position: fixed;
    right: 35px;
    bottom: 35px;
    border-radius: 100px;
    border: solid 2px #fff;
    width: 44px;
    height: 45px;
    text-align: center;
    background-color: #ebf5ff;
    box-shadow: 0 3px 10px rgb(203, 216, 230);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index:99;
  }
  .floated-cart-count {
    width: 18px;
    height: 18px;
    position: absolute;
    right: -6px;
    background-color: #538dff;
    border-radius: 100px;
    font-size: 10px;
    box-shadow: 1px 2px 3px rgba(0,0,0,0.2);
    top: -4px;
    text-align: center;
    line-height: 16px;
    font-weight: 600;
    color: #fff;
  }
  .cart-list-item{
    padding: 4px 1.25rem;
    border-top:1px solid #EFF2FB !important
  }
  .cart-list-item:first-child{
    border:0!important;
    padding-top: 0.75rem;
}
  .cart-list-item:last-child{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.FC-body .cart-list-inner{
    max-height:150px;
}
.jd-checkout-wrapper .table tbody tr:first-child > td{
    border-top:0;
}

.pay-success-msg i{
    font-size: 38px;
    width: 55px;
    height: 55px;
    border-radius: 100px;
    line-height: 55px;
    text-align: center;
}
.offcanvas.offcanvas-right.page-config-drawer{
    width:700px;
    right:-700px;
}
.offcanvas.offcanvas-right.page-config-drawer.offcanvas-on{
    right:0px;
}


.JD-library-search > .input-icon > .form-control::-webkit-input-placeholder { /* Edge */
    font-size:16px;
    font-weight:300;
  }

.JD-library-search > .input-icon > .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size:16px;
    font-weight:300;
  }

.JD-library-search > .input-icon > .form-control::placeholder {
    font-size:16px;
    font-weight:300;
  }
  .GTA-recent-queries{
    border-left:solid 3px;
    padding:10px;
    gap:10px;
  }
  .GTA-recent-queries .GTA-RQ-item {
    width: calc(33.33% - 7px);
    padding: 15px;
    border-radius: 6px;
    font-weight: 500;
    border: 0.7px solid rgba(232, 243, 255,0.7);
    box-shadow: 0px 0px 4px rgba(222, 229, 253, 0.3);
  }
  .generate-banner-preview{
    width:400px;
    min-width:400px;
    padding-left:30px
  }


  body .rating_container {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
    gap:10px
  }
  body .rating_container .rating {
    width: 2rem;
    height: 2rem;
    border: 2px solid #4785FF;
    color: #4785FF;
    opacity: 0.8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0rem;
    cursor: pointer;
  }
  body .rating_container .rating:hover {
    color: #4785FF;
    border-color: #4785FF;
  }
  body .rating_container .rating.active {
    background-color: #4785FF;
    border-color: #4785FF;
    color: #fff;
    opacity: 1;
  }
  body .rating_container .rating.active:hover {
    color: #4785FF;
    background-color: #fff;
    border-color: #4785FF;
  }
  body .rating_container .ratingvalue {
    display: none;
  }
  .JD-library-search .form-control{
    font-size:20px!important;
    font-weight:300;
  }
  .JD-library-search .form-control::-webkit-input-placeholder {
   font-size:20px!important;
}
.JD-library-search .form-control::-moz-placeholder {
    font-size:20px!important;
}
.JD-library-search .form-control:-ms-input-placeholder {
    font-size:20px!important;
}
.JD-library-search .form-control::-ms-input-placeholder {
    font-size:20px!important;
}
.JD-library-search .form-control::placeholder {
    font-size:20px!important;
}
.font-22{font-size:22px;}

.step1-radio-megaoption .option.option-plain {
    width: calc(33.33% - 10px);
    min-width: 280px;
    align-items:start;
    margin:10px 0;
  }
  .step1-radio-megaoption .option.option-plain .option-control{
    margin-top:3px;
  }
  .twitter-typeahead {
    width: 100% !important;
  }
  .tt-menu {
    background-color: #fff;
    padding: 10px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    width: 100%;
  }
  .tt-menu .tt-suggestion{
    padding:3px 0px
  }


  .job-suggetion-dropdown {
    border: 0 solid rgba(0, 0, 0, 0.15);
    border-radius: 0.35rem;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    padding: 15px;
    overflow: hidden;
    max-width:600px;
  }
  .jd-status-steps{gap:25px;}
  .jd-status-steps .jd-status-item{
    display:flex;
    /* flex-direction:column; */
    justify-content: center;
    align-items: center;
    position: relative;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
    white-space: nowrap;
    padding: 5px 7px;
    background-color: #fff;
    border-radius: 100px;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.1);
    border: solid 1px #f1f1f1;
    opacity:0.6;
  }
  .jd-status-steps .jd-status-item.done{opacity:1;}
  .jd-status-steps .jd-status-item span {
    width: 20px;
    min-width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100px;
    /* border: solid 1px; */
    margin-right: 5px;
    position:relative;
  }
  .jd-status-steps .jd-status-item span:after{
    content: "";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    line-height: normal;
    font-size: 17px;
  }
  .jd-status-steps .jd-status-item.done span:after{
    content: "";
  }
  .jd-status-title{
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 22px);
    white-space:nowrap;
  }


.jd-status-steps .jd-status-item:not(:last-child):before{
    content: "";
    font-family: "Line Awesome Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% + 3px);
    z-index: 0;
    /* width: 100%; */
    font-size: 20px;
    color: #ccc;
}
.jd-status-steps .jd-status-item:last-of-type:after {
  display:none;
}
.wizard-body .table-audit-wrapper{margin-top:0!important;}
.wizard-body .table-audit-outer{max-width: calc(100% - 180px);}
.eye-no-switch input ~ span:after{
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight:400;
    color:#4785FF;
    cursor:pointer;
}
.eye-no-switch input:checked ~ span:after{
    content: "";
    color:#b1b7d8;
    cursor:pointer;
}
/*
.CFF-item .form-control{
    width: fit-content;
} */
.aside-minimize .custom-form-field-wrapper .wizard.wizard-2.jd-wizard .wizard-body {
    width: 100%;
    max-width: calc(100% - 509px);
  }
.custom-form-field-wrapper .wizard.wizard-2.jd-wizard .wizard-body {
    width: 100%;
    max-width: calc(100% - 704px);
  }
  .custom-inner-menu {
    border: 1px solid;
  }
  .custom-inner-menu .nav .nav-link{
    padding: 7px 25px;
    margin: 2px 0px;
    font-size:1rem;
    width:100%;
  }
  .custom-inner-menu .nav .nav-link img{
    margin-right:10px;
    width:18px;
    min-width:18px;
  }
  .custom-inner-menu .nav .nav-link:not(.active,:hover) img{
    filter:grayscale(1)
  }
  .custom-inner-menu .nav > .nav-item > .nav-link[aria-expanded]:not(.collapsed) img{
    filter:grayscale(0)
  }
  .custom-inner-menu .nav .nav-link.active,
  .custom-inner-menu .nav > .nav-item > .nav-link[aria-expanded]:not(.collapsed):after,
  .custom-inner-menu .nav > .nav-item > .nav-link[aria-expanded]:not(.collapsed){
    color:#4785FF
  }
  .custom-inner-menu .nav > .nav-item > .nav-link[aria-expanded]:not(.collapsed){background-color:rgba(54, 152, 255,0.07) !important}
  .jnf-number,
 .je-number-dashed{gap:5px;}

 .jnf-number > .form-control,
 .je-number-dashed > .form-control {
    border-width: 0 0 1px 0;
    border-color: #ccc;
    border-radius: 0;
    padding: 4px 2px;
    text-align: center;
    height: auto;
    min-width:20px;
  }
  .jnf-number > .form-control {
    border-color: #3698ff;
    color: #3698ff;
  }
  .je-range-inputs .TCL-title{
    margin:0 5px;
    position:relative;
  }
  .je-range-inputs .TCL-title:not(:last-child):before{
    content:"-";
    position:absolute;
    right:-5px;
    top:50%;
    transform:translateY(-50%)
  }
  .je-range-inputs .TCL-title.placeholder{
    min-width:35px;
  }
 .custom-inner-menu .default-arrow-collapse::after{
    top: 9px;
    font-size:12px;
    right:30px;
 }

 .custom-inner-menu.custom-inner-menu1 .default-arrow-collapse::after {
    top: calc(50% - 7px);
  }
 .custom-inner-menu .nav .nav-item{width:100%;}
 .custom-inner-menu .nav .nav-link span:not(.svg-icon) {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 47px);
  overflow: hidden;
}
 .custom-inner-menu.custom-inner-menu1 .nav .nav-link.gap-10 span.menu-text,
 .custom-inner-menu.custom-inner-menu1 .nav .nav-link span:not(.svg-icon) {
 white-space: normal;
}
.custom-inner-menu .nav .nav-link.gap-10 span.menu-text{
    text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 10px);
  overflow: hidden;
}
 .CJP-left{
    border-right:solid 1px;
    width:240px;

 }
 .CJP-left li, .CJP-right li {
    margin: 8px 0;
    padding: 10px;
    border: solid 1px #eee;
    border-radius: 5px;
    box-shadow: 1px 3px 14px rgba(0,0,0,0.07);
    min-width:150px;
  }
  .CJP-left li label, .CJP-right li label{
    font-size:14px;
  }
 .je-outer-table > thead > tr > th:nth-child(2),
 .je-outer-table > thead > tr > th:nth-child(3),
 .je-inner-table tr td{
    min-width:120px!important;
    max-width:120px!important;
 }
 .je-inner-table tr td:first-child{
    border-left:0;
 }
 .je-inner-table tr td:last-child{
    border-right:0;
 }
 .je-inner-table tr:first-child td{
    border-top:0;
 }
 .je-inner-table tr:last-child td{
    border-bottom:0;
 }
 .je-outer-table > tbody >  tr:nth-child(even) {background-color: #f9f9f9;}

 .je-outer-table .plus-icon-btn{opacity:1;}

.jd-summery-header .table-audit-outer {
    max-width:calc(100% - 230px)
 }
 .job-other-names span{
    margin-right:7px;
    margin-left:7px;
    position:relative;
 }
 .job-other-names span:not(:last-child):after{
    content:"";
    position:absolute;
    right:-7px;
    top:50%;
    transform:translateY(-50%);
    height:70%;
    max-height:15px;
    width:1px;
    background-color:#ccc;
 }
 .jd-language-list .language-span{position:relative}
.jd-language-list:not(.popover .jd-language-list) .language-span:nth-last-child(2){margin-right:0.25rem!important}
.jd-language-list:not(.popover .jd-language-list) .language-span:not(:nth-last-child(2)):after{
    content:"";
    position:absolute;
    right:-8px;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:70%;
    background-color:#DBE3F2;
 }
 .popover .jd-language-list .language-span:not(:last-child):after{
    content:"";
    position:absolute;
    right:-8px;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:70%;
    background-color:#DBE3F2;
 }
 .BU-wrapper .BU-item {
    margin-right: 25px;
    position: relative;
  }
  .BU-wrapper .BU-item:not(:last-child):after{
    content: "";
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 70%;
    background-color: #DBE3F2;
  }
  .WPA-wrapper .WPA-items {
    border-left: solid 3px;
      border-left-color: currentcolor;
    padding-left: 15px;
    height:100%
  }
  .label-light-dashed{
    border: dashed 1px #ddd;
    background-color: #f9f9f9!important;
  }
  .OD-wrapper .BU-item{
    position: relative;
    padding: 4px 10px;
    margin: -1px -1px 0 0;
    border: solid 1px #eee;
    background-color: #f9f9f9;
  }
  .OD-wrapper .BU-item .d-block {
    border-top: solid 1px #eee;
    padding-top: 2px;
    margin-top: 2px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fff;
    margin-bottom: -4px;
    padding-bottom: 4px;
  }
  .JDST-list .JDST-item {
    margin: 10px 0px;
    align-items: center;
  }
  .container-fluid > .d-flex > .table-audit-outer > .table-audit-wrapper {
  border-radius:6px;
  margin-top:0!important;
}
  .container-fluid > .d-flex > .table-audit-outer:after {
  border-radius:0 6px 6px 0
}
.add-job-form .checkbox-inline{flex-wrap:wrap;gap:10px 0}
.add-job-form .checkbox.col{
    min-width: auto;
    white-space: nowrap;
    margin-bottom: 0.25rem;
}
.justify-content-center ~ .PLT-th-border{
    left:50%;
    transform:translateX(-50%)
}

.jd-je-line-box > .table-responsive{
    margin:-15px -15px 0 -15px ;
    width:calc(100% + 30px)
}
.jd-project-card {
    height: 100%;
  }
  .jd-project-cards.row {
    gap: 25px 0;
  }
  td .job-other-names{
    margin:0 -7px;
  }
  .BU-wrapper-outer::after {
    content: "";
    position: absolute;
    right: -7px;
    width: 30px;
    height: 100%;
    top: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgb(255, 255, 255));
  }
  .BU-wrapper-outer .BU-item{min-width:85px}
  td .BU-wrapper-outer .BU-item {
    min-width: 90px;
  }
  .BU-wrapper-outer .OD-wrapper .BU-item{min-width:105px;}
  td .BU-wrapper-outer .OD-wrapper .BU-item{min-width:120px;}
  td .BU-wrapper-outer .job-classification-wrapper .BU-item{min-width:160px;}
  .age-band-icon {
    width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 100px;
    line-height: 12px;
    border: solid 1px #b5b5b5;
  }
  .age-band-icon img {
    max-width: 8px;
    max-height: 8px;
    width: 70%;
  }
  .td-details-arrow-btn{
    transition:all 0.2s;
  }
  .td-details-arrow-btn:not(td:hover .td-details-arrow-btn){
    opacity:0;
  }
  .family-code-width,
  .subfamily-code-width,
  .subsubfamily-code-width{
    border-right:solid 1px #DBE3F2;
    padding-right:0.25rem;
    margin-right:0.25rem;
    min-width:25px;
  }

  .form-group .usr-with-desg-select2 ~ .select2-container--default .select2-selection--single,
  .form-group .usr-with-desg-select2 ~ .select2-container--default .select2-selection--multiple {
    padding: 0.3rem 1rem 0.5rem 0.7rem !important;
  }


  /* MD start */
/* --------------------------- */
/* css by min  */
/* --------------------------- */
/* cv with jd list */
.all-std-c .posted-job-overview-card{
	margin-bottom:20px;
}
.alumni-pd-job-item .card {
    background: aliceblue;
}
.h-25px {
    height: 25px!important;
    min-height: 25px!important;
}
.badge-light-success {
    color: #50cd89;
    background-color: #e8fff3;
}
.jd-list .btn.btn-xs i {
    font-size: 10px;
    padding-right: 0.3rem;
}
.jd-list .btn.btn-icon.btn-xs {
    height: 20px;
    width: 20px;
}
/* Popover styling */
.popover__title {
  font-size: 24px;
  line-height: 36px;
  text-decoration: none;
  color: rgb(228, 68, 68);
  text-align: center;
  padding: 15px 0;
}

.popover__wrapper {
   /* position: relative; */
   /* margin-top: 1.5rem; */
  display: inline-block;
}
.popover__content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
    left:0px;
  transform: translate(0, 10px);
  background-color: #ffff;
  padding: 12px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  width: auto;
  margin-top:50px;
  border-radius:10px;
}
.popover__content:before {
  position: absolute;
  z-index: -1;
  content: "";
  left: calc(85% - 10px);
  top: -8px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ffff transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}
.popover__wrapper:hover .popover__content {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transform: translate(0, -20px);
  transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__message {
  text-align: center;
}

.choose-temp-offcanvas-dr .offcanvas-content-dr {
    height: calc(100% - 120px);
    /* display: flex; */
}
.range__slider {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0.4em 0;
}
.range__slider:focus {
  outline: none;
}
.range__slider::-webkit-slider-runnable-track {
  background-color: #c4daf0;
  height: 0.3em;
  margin: 0.4em 0;
  border-radius: 2px;
}
.range__slider::-moz-range-track {
  background-color: #444444;
  height: 0.3em;
  border-radius: 2px;
}
.range__slider::-moz-focus-outer {
  border: 0;
}
.range__slider::-ms-track {
  background-color: #444444;
  height: 0.3em;
  margin: 0.1em 0;
  border-radius: 2px;
}
.range__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #6993e7;
  text-align: center;
  width: 0.6em;
  height: 0.6em;
  border: 1px solid #cccccc;
  border-radius: 50%;
  cursor: pointer;
  box-sizing: border-box;
  margin-top: -0.15em;
}
.range__slider::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  text-align: center;
  width: 0.6em;
  height: 0.6em;
  border: 1px solid #cccccc;
  border-radius: 50%;
  cursor: pointer;
  box-sizing: border-box;
}
.range__slider::-ms-thumb {
  margin: 0;
}
input.skill-para {
    border-radius: 10px;
    color: #4785FF;
    background-color: #EBF5FF;
    border-color: transparent;
    text-align: center;
    font-size: 10px;
    box-shadow: 0 4px 6px 0 rgba(181, 193, 204, 0.16);
    height: 20px;
    line-height: 1.2px;
    margin-top: 4px;
}
.h-20{
	height:20px;
}
.checkbox .in-list,.checkbox .chk-list{
	display:block;
	vertical-align:top;

}
.checkbox .chk-list{margin-right:20px;}
.checkbox > span.span-chk {
    position: absolute;
}
.form-group .chk-list {
    vertical-align: top;
    display: block;
    padding: 10px;
}
label.chk-list .card-body {
    padding: 1rem;
}
.pjoc-pp .jdlst {
    /* width: 50px; */
    /* height: 55px; */
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    border-radius: 100px;
    transform: translate(-50%, -50%);
}
a.view-JD {
	background: #c7dcf2;
    padding: 3px !important;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    line-height: 25px;
}
/*jd-step-2 start*/
.border-dashed {
    border-style: dashed!important;
}
.ki-devices-2 .path3:before {
    content: "\eb58";
    position: absolute;
    left: 0;
}
.skill-recent-queries {
    /* border-left: solid 3px; */
    /* padding: 10px; */
    gap: 10px;
}
/* .skill-recent-queries .skill-RQ-item { */
    /* width: auto; */
    /* padding: 15px; */
    /* border-radius: 6px; */
    /* font-weight: 500; */
    /* border: 0.7px solid rgba(232, 243, 255,0.7); */
    /* box-shadow: 0px 0px 4px rgba(222, 229, 253, 0.3); */
/* } */

.form-group label {
    font-size: 14px;
    font-weight: 500;
}
.skill-recent-queries .skill-RQ-item {
    width: auto;
    padding: 10px;
    border-radius: 6px;
    font-weight: 500;
    border: 0.7px solid rgba(232, 243, 255,0.7);
    box-shadow: 0px 0px 4px rgba(222, 229, 253, 0.3);
}
.skill-recent-queries .skill-RQ-item .skill-cod {
    font-size:10px;
    font-weight: 400;
}
.select-license-repeat {
   padding: 0px;
    display: inline-block;
    width: calc(100% + 0.5rem);
    /* margin: 0px -1.75rem !important; */
    /* background-color: rgba(243, 245, 251, 0.54); */
    /* border-top: solid 1px rgb(235, 240, 255);*/
}
.select-license-repeat .btn-outline-danger {
   position: absolute;
    right: -4rem;
    top: 5px;
    z-index: 1;
}
.CJ-added-task-cards > .btn-light-success {
    padding: 0;
    width: 24px;
    height: 24px;
    border-radius: 100px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    right: 0;
}
.Jcode .input-group-text {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #E4E6EF;
    border-radius: 0px;
}
.jd-comp-table .bootstrap-select .dropdown-menu{
	width:185px;
}
a.view-full-JD {
    background: #c7dcf2;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    line-height: 25px;
}
  /* MD End */

 td .align-self-center.LCP-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .edit-time-modal .btn.bootstrap-touchspin-down{padding-left:0;}
  .header-fixed.subheader-fixed.subheader-enabled .wrapper.no-subheader {
    padding-top:65px
  }
  .coming-soon-bs1 {
  position: absolute;
  top: calc(50% - 50px);
  font-size: 24px;
  font-weight: 400;
  left: 50%;
  transform: translateX(-50%);
}

.coming-soon-bs1::before {
    content: "";
    left: -40px;
    width: 30px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
.coming-soon-bs1::after {
    content: "";
    right: -40px;
    width: 30px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
   .list-grid-view label img{
    height:16px;
  }
  .list-grid-view input ~ span{filter:grayscale(1);cursor:pointer}
  .list-grid-view input:checked ~ span{filter:grayscale(0)}


  /* 6-1-JD-with-emp-list start */
  .all-std-c .posted-job-overview-card{
	margin-bottom:20px;
}
.alumni-pd-job-item .card {
    background: aliceblue;
}
.h-25px {
    height: 25px!important;
    min-height: 25px!important;
}
.badge-light-success {
    color: #50cd89;
    background-color: #e8fff3;
}
.jd-list .btn.btn-xs i {
    font-size: 10px;
    padding-right: 0.3rem;
}
.jd-list .btn.btn-icon.btn-xs {
    height: 20px;
    width: 20px;
}
/* Popover styling */


.popover__title {
  font-size: 24px;
  line-height: 36px;
  text-decoration: none;
  color: rgb(228, 68, 68);
  text-align: center;
  padding: 15px 0;
}

.popover__wrapper {
  display: inline-block;
}
.popover__content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
    left:5px;
  transform: translate(0, 10px);
  background-color: #ffff;
  padding: 12px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  width: auto;
  margin-top:50px;
  border-radius:10px;
}
.popover__content:before {
  position: absolute;
  z-index: -1;
  content: "";
  left: calc(85% - 10px);
  top: -8px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ffff transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}
.popover__wrapper:hover .popover__content {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transform: translate(0, -20px);
  transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__message {
  text-align: center;
}
.choose-temp-offcanvas-dr .offcanvas-content-dr {
    height: calc(100% - 120px);
    /* display: flex; */
}
.range__slider {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0.4em 0;
}
.range__slider:focus {
  outline: none;
}
.range__slider::-webkit-slider-runnable-track {
  background-color: #c4daf0;
  height: 0.3em;
  margin: 0.4em 0;
  border-radius: 2px;
}
.range__slider::-moz-range-track {
  background-color: #444444;
  height: 0.3em;
  border-radius: 2px;
}
.range__slider::-moz-focus-outer {
  border: 0;
}
.range__slider::-ms-track {
  background-color: #444444;
  height: 0.3em;
  margin: 0.1em 0;
  border-radius: 2px;
}
.range__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #6993e7;
  text-align: center;
  width: 0.6em;
  height: 0.6em;
  border: 1px solid #cccccc;
  border-radius: 50%;
  cursor: pointer;
  box-sizing: border-box;
  margin-top: -0.15em;
}
.range__slider::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  text-align: center;
  width: 0.6em;
  height: 0.6em;
  border: 1px solid #cccccc;
  border-radius: 50%;
  cursor: pointer;
  box-sizing: border-box;
}
.range__slider::-ms-thumb {
  margin: 0;
}
input.skill-para {
    border-radius: 10px;
    color: #4785FF;
    background-color: #EBF5FF;
    border-color: transparent;
    text-align: center;
    font-size: 10px;
    box-shadow: 0 4px 6px 0 rgba(181, 193, 204, 0.16);
    height: 20px;
    line-height: 1.2px;
    margin-top: 4px;
}
.jd-card-actions-list {
  align-items: center;
  gap: 8px;
}
.jd-card-actions-list a,
.jd-card-actions-list .jd-emp-action-item,
.jd-card-actions-list .btn,
.jd-card-actions-list label {
  line-height: 0;
}
.jd-card-actions-list i, .jd-card-actions-list img {
  min-height: 13px;
  font-size: 15px !important;
  max-height: 15px;
  max-width: 16px;
}
.action-toggle .dropdown-menu .dropdown-item {
    padding: 6px 15px;
    color: rgba(85, 92, 126,0.7);
    font-size: 15px;
    line-height:normal;
  }
.dropdown-menu .dropdown-item h6{
	font-weight: 500;
	font-size: 13px;
    color: #2b345f;
}
.dropdown-menu .dropdown-item .post-actions-img img{
	min-height: 13px;
    font-size: 15px !important;
    max-height: 15px;
    max-width: 14px;
}
.dropdown-menu .dropdown-item small {
  margin-top: 1px;
  display: inline-block;
  width: 100%;
  line-height:normal;
}
.dropdown-menu .dropdown-item .post-actions-img {
  min-width: 22px;
}
.jd-list .btn.btn-icon.btn-xs i{padding:0;}
.offcanvas-lg{right:-500px!important}
.offcanvas-lg.offcanvas-on{width:500px!important;right:0!important}
.usr-drawer-action.added{
	position:relative;
}
.usr-drawer-action.added::after {
  content: "\f00c";
  font-family: 'Line Awesome Free';
  font-weight: 900;
  position: absolute;
  font-size: 6px;
  top: 4px;
  right: 0px;
  color: #fff;
  background-color: #1ec481;
  width: 10px;
  height: 10px;
  border-radius: 100px;
  text-align: center;
  line-height: 9px;
  border: solid 1px #1ec481;
}
.jd-emp-left .popover__content{margin-top:20px;}
  /* 6-1-JD-with-emp-list end */


.three-blocks-row{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}
.three-blocks-row .three-block-item {
    width: calc(33.33% - 10px);
    border-radius: 0;
    border-left: solid 5px #c6d9ff;
    min-height:150px;
    transition:all 0.2s;
  }
  .three-blocks-row .three-block-item:hover{
    border-left-color:#b2cafb;
    box-shadow: 0 5px 10px rgba(0,0,0,0.05);
  }
  .three-blocks-row .three-block-item:hover figure{
    opacity:0.1;
  }
  .three-blocks-row.TBR-sm .three-block-item{
    min-height:132px;
  }
  .three-blocks-row .three-block-item:before{
    content:"";
    /* background-image: url(../media/svg/shapes/abstract-2.svg); */
    background-position: right top;
    background-size: 50% auto;
    background-repeat: no-repeat;
    transform:rotate(180deg);
    width: 100%;
    height: 100%;
    position:absolute;
  }
  .three-blocks-row .three-block-item .card-body{
    display:flex;
    flex-direction:column;
  }
  .three-blocks-row .three-block-item figure {
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: 0.065;
    transition:all 0.2s;
  }
  .three-blocks-row .three-block-item figure img{height:70px;filter:grayscale(1)}
  .strategy_year {
    font-size: 40px;
    color: #eef0f8;
    font-weight: bold;
    opacity:0.3
  }

  .TB-tltle{
    margin-top:auto;
    max-width: calc(100% - 50px);
    letter-spacing: 1.2px;
  }
  .TB-tltle h5 {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3;
  }
  .add-custom-form-right {
    width: 100%;
    max-width: calc(100% - 225px);
  }
  .add-custom-form-right .JD-tab-summary {
    padding-top: 0 !important;
  }

.CFF-parent-container,
.CFF-child-container .CFF-container{position:relative}
.CFF-child-container .CFF-container::after {
  content: "";
  position: absolute;
  height: 1px;
  background-color: transparent;
  left: -20px;
  top:50%;
  transform: translateY(-50%);
  width: 20px;
  border-bottom: dashed 1px #b4bad9;
}
.CFF-parent-container::after {
    content: "";
    position: absolute;
    height: calc(100% - 126px);
    background-color: transparent;
    left: 2px;
    top: 83px;
    width: 1px;
    border-left: dashed 1px #b4bad9;
  }
.CFF-container .CFF-item > label{
    white-space: nowrap;
}
.pro-membership-wrapper{
    padding:4px 8px;
    color:#fff;
    border:solid 1px
}

.pro-membership-wrapper{
    color:#32D0A5!important;
}
.pro-membership-wrapper *:not(.text-muted){
    color:#32D0A5!important;
}

.pro-membership-wrapper.expired-membership{
    color:#F64E60!important;
}
.pro-membership-wrapper.expired-membership *:not(.text-muted){
    color:#F64E60!important;
}


.pro-membership-wrapper.expiring-soon-membership{
    color:#FFA800!important;
}
.pro-membership-wrapper.expiring-soon-membership *:not(.text-muted){
    color:#FFA800!important;
}

#kt_quick_user_toggle{position:relative}
.pp-membership-status {
    width: 20px;
    height: 20px;
    border-radius: 100px;
    overflow: hidden;
    line-height: 17px;
    position: absolute;
    right: 0;
    top:6px;
  }
.pp-membership-status i{
    font-size:9px!important;
    color:#fff!important;
}
.pp-membership-status{
    background-color:#32D0A5!important;
}
.pp-membership-status.expired-membership{
    background-color:#F64E60!important;
}
.pp-membership-status.expiring-soon-membership{
    background-color:#FFA800!important;
}


/* membership plan start */
.membership-plans-wrapper{
    display:flex;
    gap:20px;
    align-items:center;
}
.MPI {
    padding:20px 15px;
    flex-grow: 1;
    max-width:calc(25% - 15px);
    transition:all 0.2s;
    border:solid 1px transparent;
    border-radius:13px;
    display: flex;
    flex-direction: column;
    position:relative;
  }
  .MPI.MPI-recommended{
    border: solid 1px #eee;
    box-shadow: 0px 6px 20px rgba(0,0,0,0.1);
    height:calc(100% + 50px)
  }
  .MPI-recommended-label {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--success);
    padding: 4px 14px;
    color: #fff;
    border-radius:100px!important
  }
.MPI:hover {
    border-color: #f6f9ff;
    box-shadow: 0px 6px 20px rgba(0,0,0,0.1);
  }
  .MPI-desc {
    line-height: 18px;
  }
  .MPI-features li {
    margin: 10px 0;
    font-size: 13px;
    padding-left: 25px;
    position: relative;
  }
  .MPI-features li::before {
    content: "";
    font-family: "Font Awesome 5 Free";
     font-weight:900;
    position: absolute;
    left: 0px;
    top: -2px;
    color: #3698ff;
    font-size: 16px;
  }
  .MPI-features-column {
   display:inline-block;
   width:100%;
  }
  .MPI-features-column .MPI-features{
    margin-bottom:20px;
    display:inline-block;
    padding: 15px 0px 0px 0;
    border-top: solid 1px #eee;
    border-radius: 0px;
    width:100%;
  }
  .MPI-features-column .MPI-features:first-child{
    border-top:0;
    padding-top:0;
  }
  .MPI-features-column .MPI-features ul{
    display:flex;
    flex-wrap:wrap;
    gap: 0px 20px;
  }
  .MPI-features-column .MPI-features ul li{
    width:calc(50% - 10px);
    flex-grow:1;
    margin:7px 0;
  }
  .member-details-drawer .MPI-features-column .MPI-features ul li{
    width:calc(33.33% - 20px);
  }
  .hdr-membership-icon{
    display: flex;
    justify-content: center;
    align-items: center;
  }
/* SWITCH STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.membership-pricing-table .switch-wrapper {
    position: relative;
    display: inline-flex;
    padding: 4px;
    border: 1px solid lightgrey;
    margin-bottom: 10px;
    border-radius: 30px;
    background: var(--white);
  }

.membership-pricing-table .switch-wrapper [type="radio"] {
    position: absolute;
    left: -9999px;
  }

  .membership-pricing-table .switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"],
  .membership-pricing-table .switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"] {
    color: var(--white);
  }

  .membership-pricing-table .switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"]:hover,
  .membership-pricing-table .switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"]:hover {
    background: transparent;
  }

  .membership-pricing-table .switch-wrapper
    [type="radio"]:checked#monthly
    + label[for="yearly"]
    ~ .highlighter {
    transform: none;
  }

  .membership-pricing-table .switch-wrapper
    [type="radio"]:checked#yearly
    + label[for="monthly"]
    ~ .highlighter {
    transform: translateX(100%);
  }

  .membership-pricing-table .switch-wrapper label {
    font-size: 16px;
    z-index: 1;
    min-width: 100px;
    line-height: 32px;
    cursor: pointer;
    border-radius: 30px;
    transition: color 0.25s ease-in-out;
    margin:0;
    text-align:center;
  }

  .membership-pricing-table .switch-wrapper label:hover {
    background: var(--light);
  }

  .membership-pricing-table .switch-wrapper .highlighter {
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(50% - 4px);
    height: calc(100% - 8px);
    border-radius: 30px;
    background: var(--primary);
    transition: transform 0.25s ease-in-out;
  }

/* membership plan end */

.job-requirements-repeater-dlt-btn {
    background-color: rgba(255, 164, 164, 0.19);
    border: none;
    width: 34px;
    height: 34px;
    padding: 0px;
    line-height: 32px;
    border-radius: 100px;
    text-align: center;
}
.MDA-col .card{
border-left:solid 5px;
}
.dash-member-list .border-bottom-tabs ul{
    margin-bottom:-2px;
}
.line-height-15px{line-height:15px!important}
.line-height-16px{line-height:16px!important}
.line-height-17px{line-height:17px!important}
.line-height-18px{line-height:18px!important}
.line-height-19px{line-height:19px!important}
.line-height-20px{line-height:20px!important}
.mt-n2px{margin-top:-2px!important}
.popover-renewal-cycle {
    border-left: solid 1px #c7daff;
  }
  .popover-renewal-cycle-item {
    position: relative;
    padding-left: 20px;
    padding-bottom: 10px;
    display:flex;
  }
  .popover-renewal-cycle-item:last-child{
    padding-bottom:0;
  }
  .popover-renewal-cycle .popover-renewal-cycle-item .PRC-icon {
    width: 18px;
    height: 18px;
    line-height:14px;
    background-color: #c7daff;
    display: inline-block;
    border-radius: 100px;
    position: absolute;
    left: -10px;
    text-align:center;
  }
  .popover-renewal-cycle .popover-renewal-cycle-item .PRC-icon i{
    font-size:9px;
  }
  .member-details-drawer{
    width: calc(100% - 100px);
    max-width:800px;
    }

.offcanvas.offcanvas-right.member-details-drawer:not(.offcanvas-on) {
    right: -800px;
}
.offcanvas.offcanvas-right.member-details-drawer .tab-pane{
    max-height:calc(100vh - 250px);
    padding-left:5px;
}
.offcanvas.suspend-membership-drawer{z-index:1002}
.offcanvas.suspend-membership-drawer ~ .offcanvas-overlay{z-index:1001}
.suspend-membership-body{
    max-height:calc(100vh - 90px);

}
.member-details-drawer .timeline.timeline-6::before {
    top: 3px;
    bottom: 3px;
    left:0;
  }
   .job-list-offcanvas .alumni-pd-job-wrapper{
    height:calc(100vh - 320px)
  }
  .job-list-offcanvas .offcanvas-content-dr{
    height:calc(100% - 138px)!important;
  }
  .job-list-offcanvas .checkbox > span.span-chk {
    top: 5px;
  left: 5px;
  }
  .translate-ynone{
    transform: translateY(0)!important;
  }
  .translate-xnone{
    transform: translateX(0)!important;
  }
  .jd-editable-wrapper{
    margin:calc(-2.25rem - 1px)
  }
  .memo-details-left{
    width:calc(100% - 370px);
    border-right:solid 1px;
    padding-right:30px;
}
  .memo-details-right{width:350px;max-width:350px;}
  .form-control-sm ~ .input-group-append .input-group-text{padding: 0.5rem 1rem;}
  .MD-members li{
    padding:10px 0px;
    border-top:solid 1px #DBE3F2
  }
  .MD-members li:first-child{
    border-top:0;
  }
  .border-radius-5 {
    border-radius: 5px !important;
  }
  .generating-loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  background-color: rgba(255,255,255,0.7);
  z-index: 9999;
  justify-content: center;
  flex-direction: column;
}
.close-gen-memo-loader {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    padding: 0;
    line-height: 0;
    text-align: center;
  }
  .print-template-item {
    border-radius: 6px;
    gap: 0 10px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    padding-right: 31px;
    min-height: 70px;
    padding-left: 15px;
    border-left: solid 4px #4785ff !important;
    width: 70%;
  }
  .print-template-item a.bg-primary {
    height: 100%;
    width: 31px;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
.add-custom-form-print .CFF-item:nth-child(1),
.add-custom-form-print .CFF-item:nth-last-child(3) {
    width: auto;
    max-width:none;
  }

.add-custom-form-print .CFF-item:nth-child(2) {
    width:calc(45% - 100px);
  }

.add-custom-form-print .CFF-parent-container::after {
    top:63px;
    height: calc(100% - 96px);
}
.add-custom-form-print .APT-header{
    transition:all 0.2s
}
.add-custom-form-print .APT-header.APT-stiky {
    position: sticky;
    top: 120px;
    background-color: #fff;
    z-index: 2;
    box-shadow: 0px 2px 15px rgba(0,0,0,0.07);
    border-bottom: solid 1px #eee;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .btn.user-pp-edit {
    position: absolute;
    top: -8px;
    left: -10px;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    line-height: 16px;
  }

  .drawer-user-pp{margin-left:10px;position:relative;}
.drawer-user-pp .symbol-label:after{
    content:"";
    position:absolute;
    width:0%;
    height:0%;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background-color:rgba(0,0,0,0.2);
    transition:all 0.3s;
  }

  .drawer-user-pp:hover .symbol-label:after{
   width:100%;
    height:100%;
  }
  .add-custom-form-print .CFF-container.form-group{
    width:60%
  }
  .add-task-table1 th{
    color: #181C32 !important;
    font-weight: 500 !important;
    font-size: 1rem;
  }
  .offcanvas-header .btn{
    border-radius:0.3rem
  }
  .jd-desc-showmore .btn{color:#fff;}
  .overlay-readonly ~ .offcanvas-overlay {
    pointer-events: none;
}
/* add resource start */
.sel-res-template [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* IMAGE STYLES */
.sel-res-template img {
    height: 100px;
    display: block;
    margin: 0px auto 5px auto;
    padding:0px 10px;
}

/* CHECKED STYLES */

.sel-res-template {
    display: flex;
    margin:10px -10px;
    justify-content: left;
    flex-wrap: wrap;
}

.sel-res-template label {
    padding: 4px 4px 7px 4px;
    background-color: #fff;
    border-radius: 3px;
    position: relative;
    margin: 10px;
    border: solid 1px #f3f0f9;
    text-align: center;
    color: #444;
    transition: all 0.7s;
    cursor: pointer;
}

.sel-res-template input[type="radio"]:checked+label {
    border: 1px solid #f1eff5;
    box-shadow: 0px 8px 12px rgba(211, 213, 217,0.7);
    transform: scale(1);
    cursor: default;
}

.sel-res-template input[type="radio"]:checked+label::before {
    content: "";
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: solid 2px #6e727d;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -10px;
    left: -10px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 1);
}

.sel-res-template input[type="radio"]:checked+label::after {
    content: "\f00c";
    font-family: "font awesome 5 free";
    font-weight: 900;
    position: absolute;
    left: -5px;
    top: -7px;
    color: #6e727d;
    transition: all 0.8s;
    font-size: 9px;
}
.selected-file-item {
        position: relative;
        display: inline-block;
    }
    .selected-file-item .del-resource-preview {
        top: -3px;
        right: -3px;
    }
/* add resource end */

/* resource list start */
.resource-cards-item .card {
  margin-bottom: 1.875rem;
  overflow:hidden;
  }
  .resource-like-item, .resource-dislike-item {
    font-size: 12px;
    margin-right: 10px;
    cursor:pointer;
  }
  .resource-likes-dislikes .radio label{cursor:pointer}
  .resource-likes-dislikes .resource-like-item .radio input[type="radio"] + label::before {
    content: "\f164";
    color: #fff;
    font-weight: 400;
  }
  .resource-likes-dislikes .resource-dislike-item .radio input[type="radio"] + label::before {
    content: "\f165";
    color: #fff;
    font-weight: 400;
  }
  .resource-likes-dislikes .radio label::before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 0px;
    line-height: 20px;
    text-align: center;
    font-family: 'Font Awesome 5 Free';
    color:rgb(178, 184, 215);
  }
  .resource-likes-dislikes label,
  .vid-res-card .resource-likes-dislikes label {
    color: rgba(75, 76, 87, 1);
    margin:0;
  }
  .resource-likes-dislikes .resource-like-item .radio input[type="radio"] + label::before,
  .resource-likes-dislikes .resource-dislike-item .radio input[type="radio"] + label::before,
  .vid-res-card .resource-likes-dislikes .resource-like-item .radio input[type="radio"] + label::before,
  .vid-res-card .resource-likes-dislikes .resource-dislike-item .radio input[type="radio"] + label::before{
    color:rgb(178, 184, 215);
  }
  .resource-share-attach .btn {
    padding: 0px 4px;
    margin: 0px 3px;
    color: rgb(75, 76, 87);
  }
  .resource-likes-dislikes .resource-like-item .radio input[type="radio"]:checked + label::before,
  .vid-res-card .resource-likes-dislikes .resource-like-item .radio input[type="radio"]:checked + label::before {
    color: #4ac43b;
  }
  .resource-likes-dislikes .resource-dislike-item .radio input[type="radio"]:checked + label::before,
  .vid-res-card .resource-likes-dislikes .resource-dislike-item .radio input[type="radio"]:checked + label::before {
    color: #fa626b;
  }
  .resource-share-attach img{
    max-height:14px;
    max-width:14px;
  }
  .res-share-item .dropup .dropdown-menu-right {
    top: 10px !important;
    height:0px;
    overflow: hidden;
    border-radius: 100px;
    padding:0px;
    border-color: #eee;
    background-color: rgba(255, 255, 255, 0.95);
  }
  .res-share-item .dropup .btn ~ .dropdown-menu-right:hover,
  .res-share-item .dropup .btn:hover ~ .dropdown-menu-right {
    display: block!important;
    position:absolute!important;
    transform:translate3d(-114px, -37px, 0)!important;
    top:10px!important;
    left:0!important;
    height:36px;
    padding: 5px 10px;
  }
.resource-cards-item .embed-responsive-4by3::before {
    padding-top: 57%;
  }
  .resource-cards-wrapper .card-img-overlay {
    top: unset;
    height: 62px;
    transition: all 0.7s;
  }
  .resource-cards-wrapper-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    column-gap: 25px;
}
  .resource-cards-item:hover .card-img-overlay {
    height: 100%;
  }
  .img-res-card:hover .card-img-overlay .d-table {
    padding-bottom: 35px;
  }
  .img-res-card:hover .resource-likes-dislikes {
    position: absolute;
    left: 15px;
    bottom: 0px;
    width: calc(100% - 30px);
  }
  .img-res-card:hover .resource-likes-dislikes img{
    filter:brightness(2)
  }
  .overlay-transparent-black {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 45%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 45%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 45%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000', GradientType=0);
  }
  .resource-media-wrapper {
    margin-top: 10px;
    border-radius: 10px;
    overflow: hidden;
    height: 300px;
    position: relative;
  }
  .resource-media-wrapper img {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
  }
  .embed-responsive::before {
    padding-top: 57%;
  }
  .attachment-gallery {
    display: flex;
    flex-wrap: wrap;
  }
  .attachment-gallery .attachment-gallery-item {
    width: 80px;
    height: 80px;
    display: inline-block;
    overflow: hidden;
    border-radius: 10px;
    margin: 2px;
    position: relative;
    align-self: center;
    transition: all 0.3s;
    cursor: pointer;
  }
  .attachment-gallery .attachment-gallery-item a {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  .attachment-gallery .attachment-gallery-item img:not(.demo-gallery-poster img) {
    position: absolute;
    width: 100%;
    min-height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
  .attachment-gallery .attachment-gallery-item .demo-gallery-poster::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0%;
    height: 0%;
    background-color: rgba(0,0,0,0.5);
    transition: all 0.2s;
    opacity: 0;
  }
  .attachment-gallery .attachment-gallery-item .demo-gallery-poster img {
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    transition: 0.2s;
  }
  .CA-download{
    border-radius:100px
  }
  .resource-likes-dislikes {
    margin-top: 5px;
    display: inline-block;
    width: 100%;
  }
  .resource-details-wrapper .resource-like-item, .resource-details-wrapper .resource-dislike-item {
    font-size: 12px;
    margin-right: 10px;
    border-radius: 4px;
    text-align: center;
    background-color: #fbfbfb;
  }
  .resource-details-wrapper .resource-like-item .radio input[type="radio"] + label::before, .resource-details-wrapper .resource-dislike-item .radio input[type="radio"] + label::before {
    color: rgba(75, 76, 87, 1);
  }
  .resource-likes-dislikes .resource-like-item .radio input[type="radio"]:checked + label::before {
    content: "\f164";
    color: #4ac43b;
    font-weight: 600;
  }
  .resource-likes-dislikes .resource-dislike-item .radio input[type="radio"]:checked + label::before {
    content: "\f165";
    color: #fa626b;
    font-weight: 600;
  }
  .res-comments-item p,
  .res-replay-list-item p {
    margin: 0;
  }
  .res-comments-item:not(:nth-last-child(3)) {
    margin-bottom: 15px;
    border-bottom: dashed 1px #ccc;
  }
  .res-comments-list {
    max-height: 550px;
    position:relative;
  }
  .res-rel-item p{
    margin:0;
  }
  .res-rel-item {
    border-bottom: solid 1px #DBE3F2;
    padding: 15px 0;
  }
  .res-rel-item:nth-last-child(3)  {
    border-bottom: 0;
  }
  /* resource list end */

/* add btn on right */
  .ED-events-wrapper .owl-theme.ED-events-carousel.owl-top-right .owl-prev{
    right: 140px
  }
  .ED-events-wrapper .owl-theme.ED-events-carousel.owl-top-right .owl-next{
    right: 110px
  }
  .ED-events-wrapper .owl-theme.ED-events-carousel.owl-top-right .owl-prev,
  .ED-events-wrapper .owl-theme.ED-events-carousel.owl-top-right .owl-next {
    top: -30px;
}
.create-event.event-offcanvas-body {
    max-height: calc(100vh - 100px);
}
.modal.modal-sticky.modal-sticky-bottom-right.kt_chat_modal-custom{
    max-width:380px;
}
.resource-cards-item .view-event-arrow{
    transition:all 0.2s;
    opacity:0;
    transform:translatex(-10px)
}
.resource-cards-item:hover .view-event-arrow{
   opacity:1;
   transform:translatex(0px)
}
.milestone-table-card-inner:hover .text-secondary{color:var(--primary)!important}
.job-list-card .milestone-table-card-inner{
    height:calc(100% - 24px);
    min-height:300px;
    padding:25px;
}
.job-list-card .milestone-table-card-inner .MTC-body {
    display: flex;
    flex-direction: column;
  }
  .grid-policy-1 .policy-item{
    transition:all 0.2s;
    border-color:rgba(0,0,0,0.1);
    border-radius:7px!important;
    border:0;
  }

  .grid-policy-1 [class*="col-"] .card .card-body{
    background-color:#fff!important;
  }
  @media (max-width: 2200px) {.grid-policy-1 [class*="col-"]{flex: 0 0 20%!important;max-width: 20%!important}}
  @media (max-width: 2000px) {.grid-policy-1 [class*="col-"]{flex: 0 0 25%!important;max-width: 25%!important}}
  @media (max-width: 1620px) {.grid-policy-1 [class*="col-"]{flex: 0 0 33.33%!important;max-width: 33.33%!important;}}
  @media (max-width: 1280px) {.grid-policy-1 [class*="col-"]{flex: 0 0 50%!important;max-width: 50%!important;}}
  @media (max-width: 991px) {.grid-policy-1 [class*="col-"]{flex: 0 0 33.33%!important;max-width: 33.33%!important;}}
  @media (max-width: 820px) {.grid-policy-1 [class*="col-"]{flex: 0 0 50%!important;max-width: 50%!important;}}
  @media (max-width: 576px) {
    .grid-policy-1 [class*="col-"]{flex: 0 0 100%!important;max-width: 100%!important;}
    .grid-policy-1 [class*="col-"] .card .card-body .MTC-body{height:auto!important}
    .grid-policy-1 [class*="col-"] .card{min-height:auto!important}
}
  .grid-policy-1 [class*="col-"] .card .card-body .MTC-body{
    display:flex;
    flex-direction:column;
    align-items: start;
  }
  .grid-policy-1 [class*="col-"] .card .card-body .MTC-body .pd-jdetails{
    width:100%
  }
  .grid-policy-1 [class*="col-"] .card .card-body .MTC-body .JDLL-footer{
   margin-top:auto!important;
   width:100%;
  }
  .grid-policy-1 [class*="col-"] .card{
    position: relative;
    z-index: 1;
    border-radius: 7px !important;
    box-shadow:0 2px 15px rgba(0,0,0,0.1);
    height:100%;
    min-height:280px;
  }
  .grid-policy-1 [class*="col-"] .card::after {
    position: absolute;
    top: 50%;
    left: 12px;
    right: 12px;
    bottom: 0px;
    border-radius: 450px / 5px;
    content: "";
    z-index: -2;
  }
  .grid-policy-1 [class*="col-"]:nth-child(8n+1) .card::after {
    box-shadow: 0 0px 10px 7px rgb(17, 106, 91,0.3);
  }
  .grid-policy-1 [class*="col-"]:nth-child(8n+2) .card::after {
    box-shadow: 0 0px 10px 7px rgb(0,113,196,0.3);
  }
  .grid-policy-1 [class*="col-"]:nth-child(8n+3) .card::after {
    box-shadow: 0 0px 10px 7px rgb(255,148,0,0.3);
  }
  .grid-policy-1 [class*="col-"]:nth-child(8n+4) .card::after {
    box-shadow: 0 0px 10px 7px rgb(193,0,199,0.3);
  }
  .grid-policy-1 [class*="col-"]:nth-child(8n+5) .card::after {
    box-shadow: 0 0px 10px 7px rgb(0,163,241,0.3);
  }
  .grid-policy-1 [class*="col-"]:nth-child(8n+6) .card::after {
    box-shadow: 0 0px 10px 7px rgb(245,149,17,0.3);
  }
  .grid-policy-1 [class*="col-"] .card.primary-gradient-hover::after {
    box-shadow: 0 0px 10px 7px rgb(0,113,196,0.3)!important;
  }
  .grid-policy-1 [class*="col-"]:nth-child(6n+1) .card:hover .card-body{
    background: rgb(0,66,49);
    background: linear-gradient(45deg, rgba(0,66,49,1) 0%, rgba(32,144,130,1) 52%, rgba(58,182,162,1) 100%) !important;
    color: #fff;
    background-color: #fff !important;
  }
  .grid-policy-1 [class*="col-"]:nth-child(6n+2) .card:hover .card-body {
    background: rgb(0,113,196);
    background: linear-gradient(90deg, rgba(0,113,196,1) 0%, rgba(0,147,255,1) 52%, rgba(51,165,249,1) 100%) !important;
    color: #fff;
    background-color: #fff !important;
  }
  .grid-policy-1 [class*="col-"]:nth-child(6n+3) .card:hover .card-body {
    background: rgb(255,148,0);
    background: linear-gradient(90deg, rgba(255,148,0,1) 0%, rgba(254,156,22,1) 52%, rgba(249,180,84,1) 100%) !important;
    color: #fff;
    background-color: #fff !important;
  }
  .grid-policy-1 [class*="col-"]:nth-child(6n+4) .card:hover .card-body {
    background: rgb(193,0,199);
    background: linear-gradient(90deg, rgba(193,0,199,1) 0%, rgba(216,0,223,1) 48%, rgba(242,1,250,1) 100%)!important;
    color: #fff;
    background-color: #fff !important;
  }
  .grid-policy-1 [class*="col-"]:nth-child(6n+5) .card:hover .card-body {
    background: rgb(0,163,241);
    background: linear-gradient(90deg, rgba(0,163,241,1) 0%, rgba(18,174,250,1) 52%, rgba(56,189,252,1) 100%)!important;
    color: #fff;
    background-color: #fff !important;
  }
  .grid-policy-1 [class*="col-"]:nth-child(6n+6) .card:hover .card-body {
    background: rgb(245,149,17);
    background: linear-gradient(90deg, rgba(245,149,17,1) 0%, rgba(250,156,28,1) 52%, rgba(254,162,37,1) 100%)!important;
    color: #fff;
    background-color: #fff !important;
  }
  .grid-policy-1 [class*="col-"] .card.primary-gradient-hover:hover .card-body {
    background: rgb(0,113,196);
    background: linear-gradient(90deg, rgba(0,113,196,1) 0%, rgba(0,147,255,1) 52%, rgba(51,165,249,1) 100%) !important;
    color: #fff;
    background-color: #fff !important;
  }
  .grid-policy-1 [class*="col-"] .card.primary-gradient-hover:hover .card-body .badge.text-primary{color:#000!important}
  .grid-policy-1 .card:hover .policy-item{
    border-color: rgba(0,0,0,0.1)!important;
  }
  .grid-policy-1 .card:hover .MTC-header .MTC-title a,
  .grid-policy-1 .card:hover .MTC-body *{
    color:#fff!important;
  }
  .grid-policy-1 .card:hover .label-light-primary{
    background-color:rgba(255,255,255,0.1)!important;
  }
  .grid-policy-1 .card:hover img{
    filter:brightness(2)!important;
  }
  .grid-policy-1 .card:hover .checkbox > span{
   background-color:rgba(255,255,255,0.2)!important;
   border-color:rgba(255,255,255,0.1)!important;
  }
  .grid-policy-1 .card:hover .JDLL-footer{
    border-color:rgba(255,255,255,0.2)!important;
  }
  .grid-policy-1 .card:hover .more-btn-svg svg path,
  .grid-policy-1 .card .more-btn-svg:hover svg path {
    fill: #fff!important;
  }
  .GP1-bg-img {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.1;
    z-index: -1;
  }


.loader_list {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #3498db;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
/* Safari */

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.modal-added-shared-list li{
    padding:5px 10px 5px 0px
}
.modal-added-shared-list li{
    padding:2px 10px 2px 0px;
}
.res-rel-item-list .res-rel-item:first-child{
    padding-top:0;
}
.grid-policy-1.grid-policy-2 [class*="col-"] .card .card-body{
    padding:50px 25px 65px 25px!important;
}
.grid-policy-1.grid-policy-2 [class*="col-"] .card .card-body .pol-title{
    line-height: 1.4;
    font-weight: bolder !important;
}
.grid-policy-1.grid-policy-2 [class*="col-"] .card .card-body .pol-des-short{
    line-height: 1.7;
}
.grid-policy-1.grid-policy-2 [class*="col-"] .card .card-body .JDLL-footer {
    position: absolute;
    bottom: 22px;
  }
  .grid-policy-1.grid-policy-2 .GP1-bg-img{
    top:unset;
    bottom:0;
    opacity:1;
  }
  .grid-policy-1.grid-policy-2 .GP1-bg-img img{
   max-height:100px;
  }
  .grid-policy-1.grid-policy-2 .card:hover .GP1-bg-img img{
    filter: grayscale(0.9) brightness(1.25) opacity(0.8) !important;
  }
  .GP2-right-img {
    position: absolute;
    right: 45px;
    top: 30px;
    opacity:0.25;
    z-index:-1;
  }
  .grid-policy-1.grid-policy-2 .card:hover .GP2-right-img {
    filter: grayscale(0.4);
    opacity: 0.7;
  }
  .event-calendar-wrapper .calYear,
  .event-calendar-wrapper .calMonth{
    display: flex!important;
    justify-content:center;
    position: relative;
    border-color:#bac3d7!important;
  }
  .event-calendar-wrapper .calDay .calElement,
  .event-calendar-wrapper .calYear .calElement,
  .event-calendar-wrapper .calMonth .calElement{
    flex-grow:1
  }
  .event-calendar-wrapper .calMonth .calElement{
    max-width:90px;
    width:auto!important;
  }
  .event-calendar-wrapper .calDay{
    margin-bottom:25px;
  }
  .event-calendar-wrapper .calYear .calElement{
    border-radius: 5px;
  }
  .event-calendar-wrapper .calDay .calElement.next,
  .event-calendar-wrapper .calDay .calElement.prev{
   top:unset;
   bottom:-20px;
  }
  .user-quote-desc {
    border-left: solid 3px #4785ff;
    padding:3px 0 3px 10px;
    font-size: 15px;
    font-style: italic;
    max-width: 285px;
    position: relative;
  }
  .user-quote-desc:not(.placeholder)::before {
    content: "";
    font-weight: 900;
    /* position:absolute; */
    font-family: "Font Awesome 5 Free";
    margin-right: 6px;
    color: #ccc;
  }
  .user-quote-desc:not(.placeholder)::after {
    content: "";
    /* position:absolute; */
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    margin-left: 6px;
    color: #ccc;
  }
  .policy-search .form-control {
    font-size: 20px !important;
    font-weight: 300;
  }
  .CJL-task-group{
   padding:15px;
    border-radius:7px;
    position:relative;
    margin:10px 0;
    background-color: #fff;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
    width:100%;
    cursor:pointer;
  }
  .CJL-task-group-outer .policy-v3-tabs-del,
  .CJL-task-group .policy-v3-tabs-del{
    transition: all 0.2s ease;
    opacity: 0;
    overflow: hidden;
     position: absolute;
    top: 15px;
    right: 10px;
  }
  .CJL-task-group-outer:hover .policy-v3-tabs-del,
  .CJL-task-group:hover .policy-v3-tabs-del{
    opacity: 1;
  }
  .CJL-task-group-outer:hover .policy-v3-tabs-del{z-index:1}
  li:first-child .CJL-task-group{
    margin-top:0;
  }
  li:last-child .CJL-task-group{
    margin-bottom:0;
  }
  .CJL-task-group.active{
    border-width: 1px 0 1px 1px;
  background-color: #edf4ff;
  border-radius: 7px 0 0 7px;
  box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
  }
  .CJL-task-group.active::after {
    content: "";
    position: absolute;
    right: -16px;
    background-color:#edf4ff;
    width: 20px;
    height: calc(100% + 0px);
    top: 0px;
    box-shadow:3px 1px 3px rgba(0,0,0,0.1);
  }
  .CJL-task-group:not(.create-journey-wrapper-v2 .CJL-task-group)::before {
    content: "";
    position: absolute;
    left: -31px;
    width: 31px;
    border-bottom: solid 1px #c7daff;
    top: 29px;
    height: 20px;
    border-radius: 0 0 0 4px;
  }
  /* .CJL-task-group .label{
    position: absolute;
    top: 7px;
    right:10px;
    border-radius:100px;
  } */
  .CJL-task-group-list {
    min-width: 275px;
    width: 275px;
  }
  .CJL-task-group-list-inner:not(.create-journey-wrapper-v2 .CJL-task-group-list-inner){
    position:relative;
    padding-left:30px;
  }
  .CJL-task-group-list-inner:not(.create-journey-wrapper-v2 .CJL-task-group-list-inner:before)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    bottom: 47px;
    border-left: solid 1px #c7daff;
  }
  .CJL-task-group-add.add-suitability-column .btn {
    padding: 15px;
    border: dashed 1px #4785ff;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    width:calc(100% - 30px);
    margin-left:30px;
    margin-top:15px;

  }
  .CJL-task-group-add.add-suitability-column .btn:hover{
    background-color:#edf3ff;
  }
  .CJL-main-circle{position:relative;z-index: 1;}
  .CJL-main-circle::after {
    content: "";
    position: absolute;
    right: -17px;
    width: 18px;
    height: 10px;
    border-top: solid 1px #c7daff;
    top: 18px;
    border-radius: 6px;
    z-index: 0;
  }
.create-journey-wrapper-v2 .CJ-right-wrapper{
  width: calc(100% - 260px);
  transition:all 0.1s;
}
  .CJL-sec{
    margin-top:50px;
    margin-bottom:50px;
    margin-left: 15px;
  }
  .CJR-sec {
    padding: 15px;
    margin: 15px;
    width: 100%;
    background-color:#edf4ff;
    border-radius: 7px;
    max-width: calc(100% - 320px);
    position:relative;
    z-index:2;
  }
  .CJL-task-group .progress,
.journeys-user-section .progress{
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  }
  .JD-due-date figure,
  .JD-start-date figure{
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .JD-due-date figure{
    border:dashed 2px;
    border-radius:100px;
  }
  .journey-badges-list input:checked ~ span i{
    color:#4785ff
  }
  .journey-badges-list input ~ span{cursor:pointer}
  .journey-badges-list input ~ span i.la{
    font-size:22px;
  }
  .journey-badges-list.readonly label{
    pointer-events:none;
  }
  .journeys-task-inner{
    padding:15px;
    border-radius:7px;
    border:solid 1px;
    margin:10px 0;
    position:relative;
    z-index:1;
    border:solid 1px rgba(0,0,0,0.05);
    transition:all 0.1s;
  }
  .journeys-task-inner:first-child{margin-top:0;}
  .journeys-task-inner:last-child{margin-bottom:0;}
  .journeys-task-inner:hover a{
    color:#4785FF !important
  }
  .journeys-task-inner:hover{
    background-color:rgba(255,255,255,0.14)
  }
  .JIT-desc{
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
  }
  .JTLI-wrapper{
    padding-left:28px;
  }
  .journeys-task-inner input ~ label{position:relative;}
.journeys-task-inner input ~ label .JTLI-check:before{
    content:"";
    width:18px;
    height:18px;
    border:solid 1px #ddd;
    border-radius:30px;
    position:absolute;
    top:4px;
    left:0px;
}
.journeys-task-inner input:checked ~ label .JTLI-check:before{
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 9px;
    text-align: center;
    background-color: #4785ff;
    color: #fff;
    line-height: 17px;
    border-color: #4785ff;
}
.JTLI-arrow {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 0 7px 7px 0;
  }
  .journeys-task-list-inner{
    max-height:480px;
  }
  .add-journeys-drawer{
  width:100%;
  max-width:1200px;
  }
  .add-journeys-drawer {
    width: 100%;
    max-width: 1200px;
    right: -1200px !important;
  }
  .add-journeys-drawer.offcanvas-on {
   right: 0px !important;
  }
  .new-journey-editorjs{
    width:100%;
    /* max-height:calc(100vh - 255px) */
}
  .new-journey-summery {
    max-width: 300px;
    width: 100%;
    overflow:hidden;
    /* position:sticky;
    top:0; */
    /* max-height:calc(100vh - 255px) */
  }
  .journey-resource-list > li{
    padding:15px 0;
    border-top:solid 1px #DBE3F2
  }
  .journey-resource-list > li:first-child{
    border-top:0;
    padding-top:0;
  }
  .journey-resource-list > li > ul {
    list-style-type: disc;
    padding-left: 12px;
    line-height: 18px;
  }
  .journey-resource-list > li > ul > li{
    padding:3px 0
  }
  .codex-editor{margin-left:70px;}
  .codex-editor__redactor{
    padding-bottom:50px!important;
  }
  .moretext {
    display: none;
}
.new-journey-summery-header{
    margin:0 -20px 10px -20px;
    padding:20px;
}

.inline-editable-div.bb,
.add-journeys-drawer .inline-editable-div{position:relative;}
.add-journeys-drawer .inline-editable-div::after{
    content:"";
    position:absolute;
    left:0;
    width:0;
    bottom: -3px;
    background-color: #4785ff;
    height: 1px;
    transition:all 0.4s;
}
.inline-editable-bb:before,
.inline-editable-div.bb:before{
    content:"";
    position:absolute;
    left:0;
    width:0;
    bottom: -3px;
    background-color: #4785ff;
    height: 1px;
    transition:all 0.4s;
}
.inline-editable-div:focus ~ .inline-editable-bb::before,
.inline-editable-div.bb:focus::before,
.add-journeys-drawer .inline-editable-div:focus::after{
    width:100%;
}
.add-project-modal .inline-editable-div.placeholder,
.add-project-modal .inline-editable-div:focus{
    transition:all 0.2s;
    padding-left:1rem;
    padding-right:1rem;
}
.add-project-modal .inline-editable-div.placeholder ~ .inline-editable-bb:not(.inline-editable-div:focus ~ .inline-editable-bb)::before{
    width:100%;
    background-color:var(--border-form-control)
}
.policy-sec-relative ~ div ul.nav{
    margin-left:15px;
}
.pol-des .nav .nav > li > a{border:0}
.pol-des .nav > li > .policy-sec-relative > a.collapsed:not(.pol-des .nav .nav > li > .policy-sec-relative > a){
    border-bottom:dotted 1px
}
ul.nav ul.nav ul.nav .policy-sec-relative ~ div ul.nav {
    border-left:solid 2px #4785FF;
    margin-left:20px;
}
ul.nav ul.nav ul.nav .policy-sec-relative ~ div ul.nav a {
    border-width: 0;
    padding: 6px 0 6px 15px;
    line-height: normal;
}
.pol-des .custom-inner-menu ul.nav .nav-item,
.pol-des .custom-inner-menu ul.nav a.nav-link{
    margin:0!important
}
.pol-des .custom-inner-menu ul.nav .nav-link{
    padding-top:9px;
    padding-bottom:9px;
}
.custom-inner-menu .policy-sec-relative ~ div ul.nav .nav-link span:not(.svg-icon) {
    width: calc(100% - 110px);
  }
.custom-inner-menu .policy-sec-relative ~ div ul.nav .nav-link:hover span:not(.svg-icon) {
    width: calc(100% - 110px);
  }

.dash-event-item.slick-slide figure {
  height: 280px;
  width:100%;
  overflow: hidden;
  position: relative;
  display:inline-block;
}
.dash-event-item.slick-slide figure video,
.dash-event-item.slick-slide figure img{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:100%;
  min-height:100%;
}
.dash-event-carousel.dash-event-carousel-list .dash-event-item.slick-slide figure{
    height:185px
}
.dash-event-carousel.dash-event-carousel-list .slick-dots{
   bottom:0;
}
.dash-event-carousel.dash-event-carousel-list .slick-dots li button::before,
.dash-event-carousel.dash-event-carousel-list .slick-dots li.slick-active button::before {
    color: #fff;
  }
  .dash-event-carousel.dash-event-carousel-list .slick-next {
    right: 10px;
    z-index:1;
    background-color: rgba(255,255,255,0.3);
  }
  .dash-event-carousel.dash-event-carousel-list .slick-prev {
    left: 10px;
    z-index:1;
    background-color: rgba(255,255,255,0.3);
  }
  .dash-event-carousel.dash-event-carousel-list .slick-prev:hover,
  .dash-event-carousel.dash-event-carousel-list .slick-next:hover {
    background-color: rgba(255,255,255,0.6);
  }
  .dash-event-carousel .slick-next::before,
  .dash-event-carousel .slick-prev::before {
    font-family: feather !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 26px !important;
    color: #fff !important;
  }
  .dash-event-carousel .slick-prev::before {
    content: "\e928" !important;
  }
  .dash-event-carousel .slick-next::before {
    content: "\e929" !important;
  }
  .fb-added-page .btn.active ~ .btn-group{
    opacity:1;
    width:auto;
  }
  .fb-added-page .btn:hover,
  .fb-added-page .btn.active{
    color:#000;
  }
  .fb-added-page .btn ~ .btn-group{
    opacity:0;
    width:0;
  }
  .component-items-inner,
  .fb-theme-list{
    padding-right:20px
  }
  .fb-theme-list .fb-theme-item {
    margin: 7px;
    width: calc(50% - 14px);
  }
  .fb-theme-item label {
    height: 100%;
    border-radius: 6px;
    margin: 0;
    width: 100%;
    color: rgba(255,255,255,0.9);
    text-align: left;
    cursor:pointer;
  }
  .fb-theme-item input ~ label .fb-theme-hdr:after{
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    font-size:0px;
    transition:all 0.2s;
  }
  .fb-theme-item input:checked ~ label .fb-theme-hdr:after{
    font-size:15px;
  }

  .fb-theme-item label .form-control{
    background-color: rgba(255,255,255,0.2);
    width: 100%;
    height: auto;
    padding: 4px 7px;
    text-align: left;
    border-radius: 3px;
    border-color:rgba(255,255,255,0.4);
  }
  .fb-theme-item label .fb-theme-body{
    padding:20px 15px;
  }
  .fb-theme-item label .fb-theme-hdr{
    border-bottom:solid 1px rgba(255,255,255,0.2);
    padding:10px 15px;
    position:relative;
  }
 .achiever-form-drawer-wrapper .card.fb-dropzone-card {
    max-width: 600px;
    margin: auto;
    background-color: rgba(255,255,255,0.2);
    border-color: rgba(255,255,255,0.2);
    padding:25px;
    height:calc(100vh - 140px);
  }
  .achiever-form-drawer-wrapper .fb-dark-theme .card.fb-dropzone-card .add-to-card-unit{
    color:#fff;
  }
.achiever-form-drawer-wrapper  .fb-dark-theme .card.fb-dropzone-card .data-sub-title{
    color:#fff;
    opacity:0.8
  }
.achiever-form-drawer-wrapper .drop-element-inner {
    line-height: normal;
    padding:10px 40px 10px 35px;
    border:solid 1px transparent;
    transition:all 0.3s;
  }
  svg.editorjs-custom-p path {
    display: none;
}
.achiever-form-drawer-wrapper .drop-element-inner:hover {
    border-color:#6d9df9;
  }
  .drop-element-actions {
    display: inline-block;
    background-color: #fff;
    position: absolute;
    padding: 2px 12px;
    border-radius: 100px;
    line-height: normal;
    bottom: 0px;
    left: 30px;
    height:0;
    overflow:hidden;
    opacity:0;
    transition:all 0.1s;
  }
  .achiever-form-drawer-wrapper .drop-element-inner:hover .drop-element-actions{
    height:30px;
    opacity:1;
    bottom: -25px;
  }
  .fb-drag-handle{
    display:flex;
    flex-wrap:wrap;
    width:9px;
    gap:3px;
    position:absolute;
    left:10px;
    top:50%;
    transform:translateY(-50%);
    opacity:0;
    transition:all 0.3s;
    cursor:grab;
  }
  .achiever-form-drawer-wrapper .drop-element-inner:hover .fb-drag-handle{opacity:1;}
  .fb-drag-handle i{
    display:inline-block;
    width:3px;
    height:3px;
    border-radius:10px;
    background-color:#fff;
  }
  .ml-70px{margin-left:70px!important;}
  .border-bottom-tabs-2 ul{
    margin-bottom:-1px!important;
  }
  .border-bottom-tabs.border-bottom-tabs-2 li .nav-link{
    border-width:1px;
  }
  .border-bottom-tabs.border-bottom-tabs-2 li .nav-link:not(.active):not(:hover){
    border-color:var(--secondary);
    color:var(--dark)
  }
  .collpase_nav-wrapper .dropdown-menu_auto{
    padding:0;
    margin-bottom:0px!important;
  }
  .collpase_nav-wrapper .nav .nav-link{
    padding-left:1rem;
    padding-right:1rem;
}
.collpase_nav-wrapper.border-bottom-tabs.border-bottom-tabs-2 li.dropdown:last-child .nav-link{
    border:0;
}
  .collpase_nav-wrapper .nav .nav-link:not(:hover, .active) img{
    filter:grayscale(1)
}
  .slick-arrow-inside .slick-next {
    right: 25px;
    z-index:1;
  }
  .slick-arrow-inside .slick-prev {
    left: 25px;
    z-index:1;
  }
  .dash-gyan-carousel .dash-gyan-item{
    position:relative;
    background-color: #00045E;
    background-image: url("../../assets/media/images/intro-slide-overlay.png");
    background-position: center 100px center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
  .dash-gyan-carousel .dash-gyan-item:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color:rgba(0, 4, 94, 0.6)
  }
  .slick-caption {
    position: absolute;
    padding: 30px 60px;
    z-index: 2;
  }
  .slick-caption.slick-caption-bottom-left {
    bottom:0%;
    left: 50px;
    right: 50px;
  }
  .slick-caption.slick-caption-center-left {
    top:50%;
    transform:translateY(-50%);
    left: 50px;
    right: 50px;
  }
  .slick-caption.slick-caption-center-right {
    top:50%;
    transform:translateY(-50%);
    left: 50px;
    right: 50px;
    text-align:right;
  }
  .slick-caption.slick-caption-center {
    top:50%;
    transform:translateY(-50%);
    left: 50px;
    right: 50px;
    text-align:center;
  }
  .card-gutter-b-height{
    height:calc(100% - 25px)
  }
 .custom-card-label ~ .card-gutter-b-height {
    height: calc(100% - 61px);
  }
  .v1-right-links .card.h-25{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-left:solid 3px #E1F0FF;
    transition:all 0.2s;
  }
  .v1-right-links .card.h-25:hover{
     border-left:solid 3px #4785FF;
  }
  .why-this-imp-card figure{
    height:170px;
    position:relative;
    margin:0;
    overflow:hidden;
  }
  .why-this-imp-card figure img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    filter: contrast(0);
  }
  .v1-recommendation-card figure{
    position:relative;
    overflow:hidden;
    height:170px;
    background-size: cover;
    background-position: center center;
  }
  .v1-recommendation-card figure:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.55)
  }

.v1-recommendation-card:hover .readmore-arrow-link i,
  .readmore-arrow-link:hover i{
    transform:translateX(2px);
    opacity:1
  }
  .readmore-arrow-link i{
    transition:all 0.2s;
    transform:translateX(0px);
    opacity:1
  }
  .card.card-custom.gutter-b.v1-recommendation-card{
    min-height: 200px;
  }

  .dashboard-v1-ele .ED-notification-card .main-noti-list-wrapper {
    height: auto;
    max-height:400px;
  }
  .dashboard-v1-ele .ED-projects-wrapper {
    max-height: 300px;
  }
  .click-info-card .carousel-indicators-thumb {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 400px;
    min-width: 400px;
    position: relative;
    bottom: unset;
    margin: 0;
    justify-content: start;
  }
  .click-info-card .carousel-indicators-thumb li{
    border-radius:6px;
    background-color:rgba(0,0,0,0.04);
    width:calc(50% - 5px);
    padding:25px 15px;
    display:block;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    margin:0;
    height:auto;
    flex:unset;
    background-clip: border-box;
    box-sizing: border-box;
    text-indent:unset;
  }
  .click-info-card .carousel-indicators-thumb li:before{
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    position:absolute;
    right:10px;
    top:20px;
    color:rgba(255,255,255,0.7);
    font-size:0px;
    z-index:1;
    transition:all 0.3s
  }
  .click-info-card .carousel-indicators-thumb li.active:before{
    font-size:17px;
  }
  .click-info-card .carousel-indicators-thumb li:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(14, 68, 176, 0.45);
  }
  .click-info-card .carousel-item-inner{
    height:100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding-left:30px;
  }
  .click-info-card .carousel-item-inner p.font-18{
    line-height:25px;

  }
  .slick-slide .overlay-card-style1 {
    padding: 20px;
    border-radius: 5px;
    position:relative;
    min-height:280px;
    display:flex!important;
    align-items:center;
    justify-content:center;
    background-size: cover;
  background-position: center;
  overflow:hidden;
  }
  .slick-slide .overlay-card-style1:before {
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color:rgba(14, 68, 176, 0.45)
  }
  .slick-slide .overlay-card-style1 figure {
    background-color: #fff;
    border-radius: 100px;
    width: 55px;
    height: 55px;
    margin: 0 auto 15px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow:1px 1px 6px rgba(0,0,0,0.2);
    background-size:cover;
    background-position:center;
  }
  .slick-slide .overlay-card-style1 .h3 {
    font-size: 1.4rem !important;
  }
  .overlay-cards-style1 .slick-prev {
    left: -10px;
    z-index:1;
}
  .overlay-cards-style1 .slick-next {
    right: -10px;
    z-index:1;
}
  .overlay-cards-style1 .slick-prev,
  .overlay-cards-style1 .slick-next {
     background-color: rgba(255,255,255, 0.85);
     border-color: #4785ff !important;
}
  .overlay-cards-style1 .slick-prev:hover,
  .overlay-cards-style1 .slick-next:hover,
  .overlay-cards-style1 .slick-prev:focus,
  .overlay-cards-style1 .slick-next:focus {
     background-color: rgba(255,255,255 , 0.95);
}
.overlay-cards-style1 .slick-prev:before,
.overlay-cards-style1 .slick-next:before {
   color: #4785ff !important;
}

.v1-card-type3,
.v1-card-type2,
.v1-card-type1{
    min-height:325px;
    position:relative;
    overflow:hidden;
    background-size:cover;
    background-position:center;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.45)!important;
    border-radius:6px!important;
}
.help-tip-dash-sec2 .v1-card-type3:after,
.v1-card-type2:after,
.v1-card-type1:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: rgb(251,0,60);
    background:linear-gradient(-155deg, rgba(255, 32, 42, 0.55) 48%, rgba(252, 29, 29, 0.7) 100%);
}
.v1-card-type2:after{
    background: rgb(71,133,255);
    background: linear-gradient(165deg, rgba(71,133,255,0.5) 48%, rgba(41,111,249,0.7) 100%);
}
.help-tip-dash-sec2 .v1-card-type3:after{
    background: rgb(71,133,255);
    background: linear-gradient(165deg, rgba(36, 70, 136, 0.9) 28%, rgba(26, 53, 106, 0.3) 100%);
}
.v1-card-type3 .card-header{
    min-height:140px!important;
    background-size:cover;
    background-position:center;
    position:relative;
}
.v1-card-type3 .card-header:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:linear-gradient(-155deg, rgba(92, 110, 145, 0.2) 48%, rgba(79, 91, 115, 0.3) 100%);
}
.v1-card-type3 .card-header:after{
    content: "";
    display: block;
    height: 21px;
    position: absolute;
    bottom: -11px;
    -webkit-transform: skewY(-4deg);
    -moz-transform: skewY(-4deg);
    -ms-transform: skewY(-4deg);
    -o-transform: skewY(-4deg);
    transform: skewY(-4deg);
    background-color: #fff;
    z-index: 2;
    left: 0;
    border-top: solid 3px #c7daff;
    right: -1px;
}
.v1-card-sec-left {
   width: 55%;
   padding:30px;
  }
.v1-card-sec-right {
    background-size: cover;
    background-position: top;
    width: 45%;
  }
  .v1-card-sec-right > img {
    min-height: 100%;
  }
  .click-carousel-sections figure.clip {
    -webkit-clip-path: circle();
    clip-path: circle();
    float: left;
    shape-outside: circle(45%);
    transform: translate(-15%);
    margin-left: 30px;
  }
  .click-carousel-sections figure.clip img{
    max-width:210px;
    max-height:210px;
  }
  .click-carousel-sections figure.no-clip {
    float: left;
    margin: 0 15px 15px 0;
  }
  .click-carousel-sections figure.no-clip img {
    max-width:280px;
    max-height:280px;
    border-radius:6px;
  }
.v1-cal-card .main-noti-list-wrapper {
    max-height: 270px;
    height: auto;
  }
  .dashboard-v1-ele .project-member-list {
    max-height: 280px;
  }
  .my-space-right-inner:not(.position-relative){
    position:sticky;
    top:90px;
  }
  .day.events_items{position:relative;}
  .day.events_items::after {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 10px;
    display: inline-flex;
    background-color: #32d0a5;
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
  }
  .staticDatepicker .datepicker{width:100%;border-width:0 0 1px 0;}
  .v1-recent-activity-card .dash-timeline-tab .timeline.timeline-6::before {
    left: 2px;
  }
  .noti-month-view{
    margin-left: -2.25rem !important;
    margin-right: -2.25rem !important;
    margin-top: -1.4rem !important;
    padding-top: 1rem !important;
  }
  .noti-create-btn-wrapper .navi .navi-item .navi-link{
    padding-top:0.5rem!important;
    line-height:20px;
    border-top:solid 1px #DBE3F2;
  }
  .noti-create-btn-wrapper .navi .navi-item .navi-link .navi-text{
   font-size:14px;
  }
  .noti-create-btn-wrapper .navi .navi-item:first-child .navi-link{
    border-top:0;
  }
  .noti-create-btn-wrapper .navi .navi-item .navi-link .navi-text img{
    max-width:18px;
    filter:grayscale(1)
  }
  .noti-create-btn-wrapper .navi .navi-item .navi-link:hover .navi-text img{
    filter:grayscale(0)
  }
  .editorjs-fixed-toolbar {
     padding: 0px 15px 0 15px;
    background-color: #fff;
    border:solid #ddd;
    border-width:1px;
    margin: 0 -15px 0px -13px;
    position: sticky;
    bottom: 0;
    z-index: 1;
  }


  .pol-des .editorjs-fixed-toolbar .collpase_nav-wrapper li{
    width:auto;
    display:inline-block;
    margin:5px 0px;
}
  .pol-des .editorjs-fixed-toolbar .collpase_nav-wrapper li:not(.dropdown-menu_auto li):not(:first-child):not(:last-child):not(:nth-last-child(1)){
    border-left:solid 1px #ddd
}
.pol-des .editorjs-fixed-toolbar .collpase_nav-wrapper .dropdown-menu_auto li {
    width: 100%;
    border-top: solid 1px #ddd;
    margin: 0;
  }
.pol-des .editorjs-fixed-toolbar .collpase_nav-wrapper .dropdown-menu_auto li:first-child {
    border:0;
  }
.pol-des .editorjs-fixed-toolbar .collpase_nav-wrapper .dropdown-menu_auto li a svg{
    margin-top:0!important;
  }
  .pol-des .editorjs-fixed-toolbar .collpase_nav-wrapper li:not(.dropdown_auto) a:hover,
    .pol-des .editorjs-fixed-toolbar .collpase_nav-wrapper li:not(.dropdown_auto) a:hover svg{
    color:#4785FF !important
}
.pol-des .editorjs-fixed-toolbar .collpase_nav-wrapper li:not(.dropdown_auto) a{
    text-align:center;
}
.pol-des .editorjs-fixed-toolbar .collpase_nav-wrapper li:not(.dropdown_auto) a svg{
    margin-top: -0.25rem;
    color: #333;
    width:22px;
    height:22px;
}
.dashboard-v1-ele .task-info-activity .input-group-prepend div.form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 31px;
    height: 100%;
    max-width: 94px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .dashboard-v1-ele .task-info-activity .input-group {
    flex-wrap: nowrap;
  }
  .v1-dash-top-couts {
    border-collapse: collapse;
    margin-bottom: 15px;
    border:solid 1px #E4E6EF;
    border-radius:6px;
    justify-content:space-between;
    background-color:#fff;

  }
  .v1-count-item {
    padding: 10px;
    border-right:solid 1px #E4E6EF;
    border-collapse: collapse;
  }
  .v1-count-item:last-child{
    border:0;
  }
  .v1-dash-col-summary .card{
    min-height:100px;
    overflow:hidden;
  }
  .v1-dash-col-summary .card figure {
    background-size: 90px;
    height: 75px;
    position: absolute;
    background-repeat: no-repeat;
    bottom: -8px;
    right: 0;
    width: 70px;
    opacity: 0.1;
    overflow: hidden;
  }
  .v1-dash-col-summary-count {align-items:center;gap:5px;}
  .v1-dash-col-summary-count span {
    padding:0px 10px;
    min-width: 50px;
    text-align: center;
    border-right:solid 1px #E4E6EF
  }
  .v1-dash-col-summary-count span:last-child {
    border-right:0
  }
 .dashboard-v1-ele .main-noti-list-wrapper {
  height: 500px;
}
.v1-chart-view-by > span{
    padding:0 7px;
    position:relative;
}
.v1-chart-view-by > span::after {
    content: "";
    position: absolute;
    right: -1px;
    height: 60%;
    border-right: solid 1px #E4E6EF;
    line-height: normal;
    top: 50%;
    transform: translateY(-50%);
  }
  .v1-chart-view-by > span:last-child::after{display:none}
  .v1-chart-view-by .select2-selection.select2-selection--single {
    padding: 0 !important;
    border: 0;
}
.v1-chart-view-by .select2-container--default .select2-selection--single::after{display:none}
.v1-chart-view-by .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#2b345f!important;
    font-weight:500 !important
}
.v1-chart-view-by .add-task-collaborators ~ .select2-container--default,
.v1-chart-view-by .add-task-collaborators ~ .select2-container--default .select2-selection--single .select2-selection__rendered{
    width:56px!important;
    text-overflow: unset!important;
}
.v1-chart-view-by .add-task-collaborators1 ~ .select2-container--default,
.v1-chart-view-by .add-task-collaborators1 ~ .select2-container--default .select2-selection--single .select2-selection__rendered{
    width:84px!important;
    text-overflow: unset!important;
}
.carausel-congratulations-card{
    padding: 15px;
    background-color:#fff;
  }
.carausel-congratulations-card .ccc-bg{
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 80%;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: right;
    opacity: 0.75;
    top: 50%;
    transform: translateY(-50%);
  }
.carausel-congratulations-card:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(71,133,255);
    background: linear-gradient(45deg, rgba(41,111,249,0.05) 48%, rgba(41,111,249,0.7) 100%)
  }
.carausel-congratulations-card.danger-gradient:after{
    background: rgb(249, 41, 51);
    background: linear-gradient(45deg, rgba(249, 41, 51,0.1) 48%, rgba(249, 41, 51, 0.5) 100%);
}
/* editorjs preview start*/
.editorjs-custom-preview {
    line-height: 28px;
    font-size: 16px;
    padding:15px 0;
  }
  .editorjs-custom-preview .with-bg{
    padding:12px!important;
    margin-bottom:10px;
    background-color:#F3F6F9;
  }

  .editorjs-custom-preview .with-bg.dark-bg{
    background-color: #0A1A37;
  }
  .editorjs-custom-preview .dark-bg .audioplayer *,
  .editorjs-custom-preview .dark-bg .text-dark,
  .editorjs-custom-preview .dark-bg .text-muted{ color:#fff!important}
  .editorjs-custom-preview .with-bg.dark-bg,
  .editorjs-custom-preview .with-bg.dark-bg > *{
    color:#fff
   }
  .editorjs-custom-preview .EJ-paragraph,
  .editorjs-custom-preview .EJ-header,
  .editorjs-custom-preview .EJ-list,
  .editorjs-custom-preview .EJ-table,
  .editorjs-custom-preview .EJ-link,
  .editorjs-custom-preview .EJ-delimeter,
  .editorjs-custom-preview .EJ-checklist,
  .editorjs-custom-preview .EJ-attchment,
  .editorjs-custom-preview .EJ-video,
  .editorjs-custom-preview .EJ-audio,
  .editorjs-custom-preview .EJ-quote,
  .editorjs-custom-preview .EJ-alert,
  .editorjs-custom-preview .EJ-gallery {
    padding-bottom:25px;
    padding-top:0;
  }
  .editorjs-custom-preview li{
    line-height:24px
  }

  .editorjs-custom-preview ul.jdu-ul li:before{
   top:6px;
  }
  .editorjs-custom-preview .comment-attachment-sec .comment-attachment-item{
    flex-grow:unset;
    max-width: 50%;
  line-height: 21px;
  }
.editorjs-custom-preview .demo-gallery-poster img {
  height: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
  transition: 0.2s;
}
  .editorjs-custom-preview .EJ-header.dark-bg {
    background-color: #0A1A37;
  }
  .editorjs-custom-preview .EJ-header > *{
   margin:0;
  }
  .editorjs-custom-preview .EJ-gallery ul.lightgallery{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:0;
  }
  .editorjs-custom-preview .EJ-gallery ul.lightgallery li{
    flex-grow: 1;
    width:calc(25% - 10px);
    margin:0;
    border-radius: 6px;
    overflow: hidden;
}
  .editorjs-custom-preview .EJ-gallery ul.lightgallery li a{
    height: 100%;
    display: flex;
    background-size: cover;
    background-position: center;
    position:relative;
}
  .editorjs-custom-preview .EJ-gallery ul.lightgallery li img{
    visibility:hidden;
}
.EJ-table .tc-table{
    overflow:auto;
    width:100%;
    border:1px solid #eee;
    line-height:24px
}
.EJ-table .tc-row{
   display:flex;
}
.EJ-table thead th,
.EJ-table .tc-row .tc-cell[heading="Heading"]{
    background-color:#f9f9f9;
    font-weight:500;
    color:#323948;
    font-size:15px;
    padding: 10px 12px;
}
.EJ-table .tc-row .tc-cell{
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    min-width:100px;
    border-right:1px solid #eee;
   border-bottom:1px solid #eee;
   padding:0.5rem 0.75rem;
   line-height:24px
}

.EJ-table .tc-row .tc-cell:last-child{
    border-right:0
}
.EJ-table .table td{
    line-height:24px;
    padding:0.5rem 0.75rem;
}
.EJ-table .tc-row:last-child .tc-cell{
    border-bottom:0
}
.editorjs-custom-preview .EJ-checklist .static-checked{
    margin:10px 0;
}
.EJ-checklist .static-checked .custom-check-icon {
    width: 18px;
    height: 18px;
    border: 1px solid #dbe1e6;
    border-radius: 5px;
    display: inline-block;
    min-width: 18px;
    position:relative;
  }
.EJ-checklist .static-checked.checked .custom-check-icon {
   border-color:#4785FF;
   background-color:#4785FF;
  }
.EJ-checklist .static-checked.not-checked .custom-check-icon {
   border-color:#FFE9E9;
   background-color:#FFEFEF;
  }
.EJ-checklist .static-checked.checked .custom-check-icon:after {
   content:"";
   font-family: "Ki";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    position:absolute;
   left:50%;
   top:50%;
   transform:translate(-50%,-50%);
   color:#fff;
   font-size:10px;
  }
  .EJ-checklist .static-checked.not-checked .custom-check-icon:after {
    content:"";
    font-family: "Ki";
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     line-height: 1;
     position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    color:#FF7070;
    font-size:9px;
   }
.editorjs-custom-preview .dark-bg .comment-attachment-sec .comment-attachment-item,
.editorjs-custom-preview .dark-bg.EJ-table *{border-color:rgba(255,255,255,0.07)}
.editorjs-custom-preview .with-bg.EJ-table .tc-row .tc-cell,
.editorjs-custom-preview .with-bg.EJ-table td{
    background-color:rgba(255,255,255,1);
}
.editorjs-custom-preview .with-bg.dark-bg.EJ-table .tc-row .tc-cell,
.editorjs-custom-preview .with-bg.dark-bg.EJ-table td{
    background-color:rgba(255,255,255,0.1)
}
.with-bg.EJ-table .tc-row .tc-cell[heading="Heading"],
.editorjs-custom-preview .with-bg.EJ-table th{
    background-color:#eee;
}
.editorjs-custom-preview .dark-bg .comment-attachment-sec .comment-attachment-item,
.editorjs-custom-preview .dark-bg.EJ-table .tc-row .tc-cell[heading="Heading"],
.editorjs-custom-preview .dark-bg.EJ-table th{
    background-color:rgba(255,255,255,0.27);
    color:#fff
}
.editorjs-custom-preview .dark-bg .audioplayer {
    border: 1px solid rgba(255,255,255,0.3);
    background: rgba(255,255,255,0.2);
}
.editorjs-custom-preview .with-bg.EJ-table .table-striped tbody tr:nth-of-type(2n+1){
    background-color:transparent;
}

.editorjs-custom-preview .with-bg.EJ-table .table-striped .tc-row:nth-of-type(2n+1) .tc-cell:not([heading="Heading"]),
.editorjs-custom-preview .with-bg.EJ-table .table-striped tbody tr:nth-of-type(2n+1) td{
    background-color:#f7f7f7
}
.editorjs-custom-preview .with-bg.dark-bg.EJ-table .table-striped .tc-row:nth-of-type(2n+1) .tc-cell:not([heading="Heading"]),
.editorjs-custom-preview .with-bg.dark-bg.EJ-table .table-striped tbody tr:nth-of-type(2n+1) td{
    background-color:rgba(255,255,255,0.15)
}
.editorjs-custom-preview .EJ-quote-inner {
    padding: 25px 25px 20px 30px;
    border-left:solid 4px #f0f5ff;
    position: relative;
    z-index: 1;
  }
  .editorjs-custom-preview .EJ-quote-inner::before {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    z-index: -1;
    position: absolute;
    left: 10px;
    font-size: 40px;
    color: #f0f5ff;
    top: 0;
  }
  .editorjs-custom-preview ol.cdx-nested-list.EJ-list.jdu-ul li {
    padding-top: 5px;
    padding-bottom: 5px;
}
.editorjs-custom-preview .EJ-quote .EJ-quote-desc{
    line-height:30px;
}
.EJ-delimeter .EJ-delimeter-block{
    position:relative;
    height:40px;
    width:100%;
    display:inline-block;
}
.EJ-delimeter .EJ-delimeter-block::before {
    display: inline-block;
    content: "***";
    font-size: 30px;
    line-height: normal;
    height: 30px;
    letter-spacing: 0.2em;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
  }
  /* editorjs preview end */

   .PDL-sticky{
    position:sticky;
    top:65px;
   }
   .AP-cards-style1{
    gap:25px;
   }
   .AP-cards-accordion::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 40px;
    bottom: 40px;
    border-left: solid 1px #d0daee;
  }
  .CS-v1-card .AP-cards-accordion::before {
    display:none
  }
.AP-cards-accordion > .card:last-child .collapse:not(.PCS2-add-chaptor-wrapper .card .collapse)::before {
    content: "";
    position: absolute;
    left: 9px;
    height: 100%;
    background-color: #fff;
    width: 10px;
    top: 15px;
  }

  .accordion .AP-cards-style1 .AP-card-outer  {
    width: calc(25% - 19px);
    position:relative;
    padding-top:28px;
    }
    .CS-v1-card .accordion .AP-cards-style1 .AP-card-outer{
        padding:0;
    }
   .accordion .AP-cards-style1 .AP-card.card {
    padding:55px 30px 30px 30px;
    width:100%;
    display: flex;
    flex-direction: column;
    min-height: 200px;
    justify-content: end;
    color:#2b345f;
    line-height:30px;
    cursor:pointer;
    overflow:hidden!important;
    margin:0;
    height:100%;
    box-shadow: 0px -2px 16px rgba(0, 0, 0, 0.06), 0px 3.355px 3.86175px rgba(0, 0, 0, 0.03);
  }
.CS-v1-card .accordion .AP-cards-style1 .AP-card.card{
     padding:12px 15px 20px 15px;
     min-height:157px;
  }
  .CS-v1-card .accordion .AP-cards-style1 .AP-card.card figure{text-align:center}
  .CS-v1-card .accordion .AP-cards-style1 .AP-card.card figure span {
    display: inline-block;
    margin: auto;
    width: 40px;
    height: 40px;
    background-color: #E3ECFF;
    line-height: 39px;
    border-radius: 100px;
  }
    .CS-v1-card .AP-cards-style1 .AP-card input:checked ~ figure span{
        background-color:#4785ff !important;
    }
    .CS-v1-card .AP-cards-style1 .AP-card input:checked ~ figure span img{
        filter:brightness(100)
    }
  .AP-cards-style1 .AP-card input ~ figure:after{
    position: absolute;
  right: 15px;
  top: 15px;
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #4785FF;
  background-color: #e8ecff;
  transition: all 0.3s;
  min-width: 14px;
  width: 0px;
  height: 0px;
  text-align: center;
  border-radius: 100px;
  line-height: 20px;
  font-size: 0px;
  transition: all 0.1s;
  transform-origin: center;
  z-index: 1;
  }
  .CS-v1-card .AP-cards-style1 .AP-card input ~ figure::after {
    color: #32D0A5;
    background-color: rgb(227, 249, 243);
    line-height: 16px;
  }
  .CS-v1-card .AP-cards-style1 .AP-card input:checked ~ figure::after {
    border: solid 1px;
    height: 17px;
    width: 17px;
    font-size: 9px;
  }
  .AP-cards-style1 .AP-card input:checked ~ figure:after{
    content: "\f00c";
  width: 20px;
  height: 20px;
  font-size: 10px;
  }
  .AP-cards-accordion .svg-icon:not(.header-menu .svg-icon) {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 32px;
  height: 32px;
  background-color:#f3f6f9;
  border-radius: 100px;
  text-align: center;
  line-height: 28px;
  font-size: 18px;
  border: solid 2px #fff;
  box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
  top: 10px;
}
.CS-v1-card .AP-cards-accordion .svg-icon:not(.header-menu .svg-icon){
    width: 40px;
    height: 40px;
    line-height:36px;
    top:0px;
    border:solid 1px #4785FF;
    background-color:#fff;
    opacity:0.5;
}
.CS-v1-card .AP-cards-accordion .CS-v2-done .svg-icon:not(.header-menu .svg-icon){
    background-color:#4785ff;
    border-color:#4785ff;
    color:#fff;
    opacity:1;
}

.AP-cards-accordion .CS-v2-done .svg-icon:not(.CS-v1-card .CS-v2-done .svg-icon)::after {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: -6px;
    top: -6px;
    font-size: 14px;
    color: var(--primary);
  }
  .AP-cards-accordion .CS-v2-done .svg-icon {
    background-color: #eee;
    border-color: #f9f9f9;
    opacity: 0.75;
  }

  .CS-v1-card .AP-cards-accordion > .card::before {
    content: "";
    position: absolute;
    left: 19px;
    top: 40px;
    width: 35px;
    border-left: dashed 1px #4683fd;
    height: calc(100% - 40px);
    opacity:0.5;
  }
  .CS-v1-card .AP-cards-accordion > .card:last-child::before{
    border-bottom: dashed 1px #4683fd;
    height: calc(100% - 10px);
    opacity:0.5;
  }
  .CS-v1-card .AP-cards-accordion > .card.CS-v2-done:last-child::before{
    border-bottom: solid 1px #4683fd;
    opacity:1;
  }
  .CS-v1-card .AP-cards-accordion > .card.CS-v2-done::before {
    border-left: solid 1px #4683fd;
  }

  .AP-cards-accordion .svg-icon.done:not(.CS-v1-card .CS-v2-done .svg-icon)::after {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: -6px;
    top: -6px;
    font-size: 14px;
    color: var(--primary);
  }
  .AP-cards-accordion .svg-icon.done {
    background-color: #eee;
/*    color: rgba(43, 52, 95,0.6) !important;*/
    border-color: #f9f9f9;
    opacity: 0.75;
  }
  .AP-cards-style1 .AP-card-outer .label{
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 20px;
    border-left: solid 3px #c7daff;
    border-radius: 0;
  }
  .CS-v1-card .AP-cards-style1 .AP-card-outer .label {
    position: relative;
    max-width: 100px;
    border-radius: 100px;
    margin-left: auto;
    margin-bottom: 15px;
  }
.quick-links-fixed {
    position: fixed;
    right: 0;
    background-color: #fff;
    font-size: 12px;
    top: 25%;
    border-radius: 7px 0 0 7px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
  }
.quick-links-fixed li a {
    text-align: center;
    background-color: #f3f7ff;
    margin: 7px 0 7px 7px;
    border-radius: 5px 0 5px 5px;
    display: block;
    padding: 6px;
    width: 67px;
    line-height: normal;
    border:solid 1px #f3f7ff;
}
.quick-links-fixed li a figure{
    margin-bottom:2px;
    font-size:20px;
}
.quick-links-fixed li a:hover i,
.quick-links-fixed li a:hover{
    color:var(--primary);
}
.PCST-title ul,
.custom-breadcrumb {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
}

.custom-breadcrumb .CB-item .a-dummy,
.custom-breadcrumb .CB-item a{
    position:relative;
    padding-left:15px;
    font-size:10px!important;
    color:#666D8C;
}
.PCST-title ul li{
    position:relative;
    padding-left:15px;
}
.PCST-title ul li:first-child{padding-left:0}
.PCST-title ul li:first-child:before{display:none}
.PCST-title ul li:before,
.custom-breadcrumb .CB-item a:before,
.custom-breadcrumb .CB-item .a-dummy:before{
    content:"";
    font-family: "Line Awesome Free";
    font-weight: 900;
    position:absolute;
    font-size:11px;
    top:50%;
    transform:translateY(-50%);
    left:0px;
    color:#666D8C;
    line-height:normal;
}
.custom-breadcrumb.before-tp-0 .CB-item a::before, .custom-breadcrumb.before-tp-0 .CB-item .a-dummy::before {
    top: 50%;
    transform: translateY(-50%);
    left: 1px;
  }
.PCST-title ul li:before{
    font-size:11px;
    top:1px;
    left:2px;
}
.PCS-template-item:hover .PCST-title ul li{color:var(--primary)}
.custom-breadcrumb .CB-item a:hover{
    color:var(--primary)
}
.form-control-bb{
    border-radius:0;
    border-width:0 0 1px 0!important;
}
.PCS2-row{display:flex; position:relative;}
.PCS2-row .PCS2-col.PCS2-col-left{
    min-width: 240px;
    width: 240px;
    position: relative;
    z-index: 0;
    box-shadow: 5px 0px 15px rgba(0,0,0,0.05);
    transition:all 0.1s;
  }
  .PCS2-col.PCS2-col-left.PCS2-left-minimized {
    transform: translateX(-280px);
    position:absolute;
    z-index:0;
  }
  .PCS2-col.PCS2-col-left.PCS2-left-minimized #PSC-left-minimize-toggle {
    transform: translateX(230px) rotate(180deg);
    background-color: #fff;
    width: 35px;
    height: 35px;
    z-index: 1;
    box-shadow: -4px 0px 10px rgba(0,0,0,0.1);
    line-height: 29px;
    border: solid 1px #eee;
    border-radius: 5px 0 0 5px;
  }
  .PCS2-col.PCS2-col-left.PCS2-left-minimized #PSC-left-minimize-toggle i{
    color:var(--primary)
  }

.PCS2-row .PCS2-col.PCS2-col-right {
    min-width: 280px;
    width: 280px;
    border-left:solid 1px var(--border-light);
    margin-right:-20px;
  }
  .PCS2-row .PCS2-col.PCS2-col-right.PSC-right-links.bg-white,
  .PCS2-row .PCS2-col.PCS2-col-right.PSC-right-links > .bg-white > div,
  .PCS2-row .PCS2-col.PCS2-col-right.PSC-right-links > .bg-white
  {
    border-top-right-radius: 13px;
    overflow: hidden;
  }
.PCS2-row .PCS2-col.PCS2-col-center {
    width:100%;
    max-width:100%;
  }
  .PCS2-row .PCS2-col.PCS2-col-center h1.h5.card-label {font-size:2rem !important}
  .PCS-template-item{
    margin-top:20px;
    font-size:15px;
    display:block;
    position:relative;
  }
  .PCS-template-item:not(:first-child):before{
    content:"";
    position:absolute;
    top:-13px;
    left:0;
    width:100%;
    height:1px;
    border-top: solid 1px var(--border-light);
  }
  .PCS-template-item:first-child{
    margin-top:0px;
    border-top:0;
  }
  .PCS-template-list-outer{
    position:sticky;
    top:70px;
    background-color: #fff;
  }
  .PCS2-col-right .PCS2-add-chaptor-wrapper,
  .PCS-template-list{max-height:500px;}
  .PCS-template-item figure {
    position: relative;
    width: 100%;
    overflow: hidden;
    border: solid 1px #c7daff;
    border-radius: 6px;
    margin-bottom:5px;
  }
  .PCS-template-item figure img {
    width: 100%;
    height: auto;
  }
  .PCS2-add-chaptor-item {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 6px;
    border: solid 1px var(--border-light);
    position:relative;
  }
  .PCS2-add-chaptor-item .btn_delete_c_item:hover,
  .PCS2-add-chaptor-item .btn_delete_c_item{
    background-color: rgba(255, 164, 164, 0)!important;
    border: none;
    width: auto;
    min-width: auto;
    height: auto;
    padding: 0px;
    line-height: normal;
    border-radius: 0px;
    text-align: center;
  }
.PCS2-add-chaptor-item ul{
    position:relative;
}
.PCS2-add-chaptor-item ul ul{
    margin-left:25px;
    position:relative;
}
.PCS2-add-chaptor-item[data-repeater-item] ul > li .form-control:not(.PCS2-add-chaptor-item ul ul li .form-control){
    width:calc(100% - 60px)
}
.PCS2-add-chaptor-item ul > li::before {
    content: "";
    position: absolute;
    left: 12px;
    border-left: solid 1px var(--border-light);
    top: 35px;
    height:27px;
  }
.PCS2-add-chaptor-item ul li{
   margin:10px 0;
   position:relative;
}
.PCS2-add-chaptor-item ul ul li::after {
    content: "";
    position: absolute;
    left: -13px;
    top: 17px;
    width: 13px;
    border-bottom: solid 1px var(--border-light);
  }
.PCS2-add-chaptor-item ul ul ul li::before {
   display:none;
  }

  .PCS2-actions{
    position:absolute;
    right:15px;
    top:15px;
  }
  .bottom-sticky{
    position:sticky;
    bottom:0;
  }
  .PCS2-col-center .editorjs-fixed-toolbar{
  margin: 0 -22px 0px -22px;
  background-color: var(--primary);
  }
  .PCS2-col-center .editorjs-fixed-toolbar a:not(.dropdown-menu_auto a),
  .PCS2-col-center .editorjs-fixed-toolbar a:not(.dropdown-menu_auto a) i,
  .PCS2-col-center .editorjs-fixed-toolbar a:not(.dropdown-menu_auto a) svg *{
    color:#fff;
    stroke:#fff!important;
    transition:all 0.2s;
    position:relative;
  }
   .PCS2-col-center .editorjs-fixed-toolbar a:hover{
    transform:scale(1.03)
   }
   .PCS2-col-center .editorjs-fixed-toolbar li:not(:last-child) a:not(.dropdown-menu_auto a):after{
    content:"";
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    height:60%;
    width:2px;
    background-color:rgba(255,255,255,0.3)
   }
   .PCS2-col-center .editorjs-fixed-toolbar .dropdown-menu_auto li a{
    position:relative
   }
   .PCS2-col-center .editorjs-fixed-toolbar .dropdown-menu_auto li:not(:last-child) a:after{
    content:"";
    position:absolute;
    bottom:0%;
    left:0;
    height:1px;
    width:100%;
    background-color:var(--border-light)
   }
  .editorjs-outer-border{
    border-radius:6px;
    border:solid 1px var(--border-light);
    margin-bottom:15px
  }
  .editorjs-outer-border .ce-toolbar{
    right:unset
  }
  .policy-create-step3-card .PCS2-col.PCS2-col-center{
    max-width:calc(100% - 0px)
  }
.EJ-alert .default-arrow-collapse::after{
    color:#fff;
  }

  .static-branch{position:relative;padding:0 1em;line-height: 2em;}
  .static-branch a{color:#2b345f; font-size:16px;}
  .static-branch a.active{color:#3699ff;}
  .static-branch::after {
    content: "";
    margin: 1px 0 1px 0;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #0071B9;
    background: linear-gradient(to right, white, #0071B9, #26ABFF, #0071B9, white);
  }
  .tree ul li.active{
    color:#369;
    font-weight:500;
  }
  .PCS2-index-studio .menu-acccordion-parent > .card{
    position:relative;
    z-index:1;
  }
  .PCS2-index-studio .menu-acccordion-parent .card{
    border-radius:0;
    overflow:visible!important;
  }

  .PCS2-index-studio .menu-acccordion-parent > span#tree1 > .card:before,
  .PCS2-index-studio .menu-acccordion-parent > ul > li > .card:before,
  .PCS2-index-studio .menu-acccordion-parent > .card:before{
    content:"";
    position:absolute;
    left:15px;
    height:100%;
    width:1px;
    border-left:solid 1px #dbe3f2;
    z-index:-1;
  }
  .CP-v1-1-card .PCS2-add-chaptor-wrapper .menu-drop-zone .accordion .card::before,
  .PCS2-add-chaptor-wrapper .menu-drop-zone .accordion .accordion .card::before,
  .PCS2-add-chaptor-wrapper .menu-drop-zone .accordion.accordion-level-2 .card::before{
    content:"";
    position:absolute;
    left:15px;
    height:100%;
    width:1px;
    border-left:solid 1px #dbe3f2;
    z-index:0;
  }

  .PCS2-add-chaptor-wrapper .menu-drop-zone .accordion.accordion-light .card.has-submenu-node::after {
    display:none
  }
  .PCS2-col .PCS2-add-chaptor-wrapper .card .card-body > .accordion .card::after,
  .PCS2-add-chaptor-wrapper .menu-drop-zone .accordion.accordion-level-2 .card::after {
    content:""!important;
    position:absolute;
    border-bottom-left-radius: 6px;
    border-left: solid 1px #DFEDFB !important;
    left: -15px;
    top: 0;
    width: 15px;
    height: 30px;
    border-bottom: solid 1px #DFEDFB !important;
  }
  .PCS2-col .PCS2-add-chaptor-wrapper li .card .card-body > .accordion .card::after{
    top: -10px;
  }
  /* .PCS2-add-chaptor-wrapper .menu-drop-zone .accordion.accordion-level-2 .card:before {
   display:none!important;
  } */

  .CPS2-element-actions {
    position: absolute;
    bottom: -13px;
    left: -100px;
    right:unset;
    padding: 5px 10px;
    border: solid 1px rgba(219, 227, 242,0.2);
    background-color: rgb(248, 250, 253);
    border-radius: 100px;
    opacity:0;
    z-index:-2;
  }
  .CPS2-element-actions .btn{
    line-height:0;
  }
  .PCS2-add-chaptor-wrapper .card .menu-accordion-item:hover .CPS2-element-actions{
    left:10px;
    right:unset;
    z-index:1;
    opacity:1;
    transition:all 0.35s;
  }
  .PCS2-add-chaptor-wrapper .card .menu-accordion-item{
    position:relative;
  }
  .sticky-bottom {
    position: sticky;
    bottom: 0;
}
.help-tips-create-card .PCS2-col.PCS2-col-left .menu-accordion-item,
.policy-create-step3-card .PCS2-col-left .menu-accordion-item,
.PCS2-col-right .menu-accordion-item{
    padding:10px 15px 10px 10px;
    margin-bottom: 10px;
}
.help-tips-create-card .PCS2-col.PCS2-col-left .menu-accordion-item *,
.policy-create-step3-card .PCS2-col-left .menu-accordion-item *,
.PCS2-col-right .menu-accordion-item *{
   font-size:13px!important;
}
.policy-create-step3-card .PCS2-col-left .menu-accordion-item a > .d-flex {
  flex-wrap: wrap;
}
.PCS2-index-studio .menu-acccordion-parent > .card:not(.has-submenu-node):nth-last-child(3):before{
    display:none
  }
  .main-parent-div .PCS2handle,
  .menu-accordion-item .PCS2handle {
    width: 7px;
    background-repeat: repeat;
    margin-right: 8px;
    cursor: grab;
    min-width: 7px;
    cursor: n-resize;
    background-image: radial-gradient(#ffffff 1.5px, transparent 0);
    background-size: 4px 4px;
    opacity: 0.7;
  }
  .policy-create-step3-card .PCS2-row .PCS2-col.PCS2-col-left {
    min-width: 320px;
    width: 320px;
  }
  .policy-create-step3-card .PCS2-col.PCS2-col-left.PCS2-left-minimized {
    transform: translateX(-340px);
    position:absolute;
    z-index:0;
  }
  .policy-create-step3-card .PCS2-col.PCS2-col-left.PCS2-left-minimized #PSC-left-minimize-toggle {
    transform: translateX(305px) rotate(180deg);
  }
  .custom-editorjs-width{
    max-width: 650px;
    margin-left: 75px;
  }
  .CPS-bot-input {
    display:flex;
    align-items:center;
    border-top:solid 1px var(--border-light);
    margin: 0rem -1.25rem 0 -1.25rem;
    padding: 1.25rem;
    box-shadow:0 -3px 10px rgba(0,0,0,0.1)
  }
  .CPS-bot-input > .btn{
    position:absolute;
    right:15px;
  }
  .CPS-bot-input .inline-editable-div:focus,
  .CPS-bot-input .inline-editable-div{
    max-width:calc(100% - 25px);
    color: #181C32 !important;
  }
  .dot-flashing {
    position: relative;
    width: 5px;
    height: 5px;
    margin-left:15px;
    border-radius: 5px;
    background-color: #7B6FFF;
    color: #7B6FFF;
    animation: dot-flashing 1s infinite linear alternate;
    animation-delay: 0.5s;
  }
  .dot-flashing::before, .dot-flashing::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
  }
  .dot-flashing::before {
    left: -10px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: #7B6FFF;
    color: #7B6FFF;
    animation: dot-flashing 1s infinite alternate;
    animation-delay: 0s;
  }
  .dot-flashing::after {
    left: 10px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: #7B6FFF;
    color: #7B6FFF;
    animation: dot-flashing 1s infinite alternate;
    animation-delay: 1s;
  }

  @keyframes dot-flashing {
    0% {
      background-color: #7B6FFF;
    }
    50%, 100% {
      background-color: rgba(152, 128, 255, 0.2);
    }
  }
  .skeleton {
    background-color:#f2f2f2;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-size: 40px 100%;
    background-repeat: no-repeat;
    background-position: left -40px top 0;
    -webkit-animation: shine 1s ease infinite;
    animation: shine 1s ease infinite;
  }
  @keyframes shine {
	to {
		background-position: right -40px top 0;
	}
}
.PCS3-searched-cards.card{
    margin-left:25px;
}
.PCS3-searched-cards.card input ~ .searched-card-chk-checklink{
    left: -25px;
    top: 2px;
    position:absolute;
}
.PCS3-searched-cards.card input ~ .searched-card-chk-checklink:after {
    content:"";
    width: 18px;
    height: 18px;
    border: solid #dbe1e6 1px;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 4px;
    text-align: center;
    line-height: 16px;
  }
  .PCS3-searched-cards.card input:checked ~ .searched-card-chk-checklink:after {
    content:"";
    font-family: "Ki";
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
    color:#4785ff;
    font-size:10px;
    border: solid #4785ff 1px;
   }
   .PCS3-searched-cards.card input ~ label{cursor:pointer}
   .PCS3-searched-cards.card input:checked ~ label{
    pointer-events:none;
    opacity:0.55;
   }
   .policy-desc-pp-card.policy-create-step3-card .PCS2-row .PCS2-col.PCS2-col-right,
   .policy-desc-pp-card.policy-create-step3-card .PCS2-row .PCS2-col.PCS2-col-left{
    min-width: 265px;
    width: 265px;
   }
   .hrms-ext-course-list {
    display: flex;
    flex-wrap:wrap;
    gap: 20px;
  }
  .SV2KR-item .SV2KR-body .RCC-v2-footer .h3,
  .policy-v3-faq-details-body > h4{
    font-family: "Zilla Slab", serif;
    font-size: 1.5rem !important;
  }
  .strategy-v2-keyresult-list .SV2KR-item .SV2KR-title,
  .accordion .cli-title > span {
    font-family: "Zilla Slab", serif;
    font-weight: 500;
    font-size: 19px !important;
  }
  @media (min-width: 1380px) {
  .strategy-v2-keyresult-list .SV2KR-item .SV2KR-title,
  .accordion .cli-title > span{
    font-size: 22px !important;
  }
}
  .strategy-list-wrapper .str-list-item .str-item-title,
  .policy-v3-faq-list .Pv3-FAQ-item .Pv3-FAQ-body a > h6,
  .hrms-ext-course-list .h6.hrms-ext-course-title{
    /*font-family: "Zilla Slab", serif;*/
    font-size: 1.2rem !important;
  }
  .hrms-ext-course-list .hrms-ext-course-item{
    border-radius:6px;
    box-shadow: 0px 16.775px 23.7646px rgba(0, 0, 0, 0.04), 0px 3.355px 3.86175px rgba(0, 0, 0, 0.02);
    border: solid 1px transparent;
    transition: all 0.1s;
  }
  .hrms-ext-course-list .hrms-ext-course-item:hover{
    box-shadow: 0px 19px 28px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.03);
  }
  @media (max-width: 2200px) {
    .hrms-ext-course-list .hrms-ext-course-item {
        width: calc(20% - 15px);
      }
      .learn-details-recommended.hrms-ext-course-list .hrms-ext-course-item{
        width:calc(33.33% - 15px)
      }
}
  @media (max-width: 1700px) {
    .hrms-ext-course-list .hrms-ext-course-item {
        width: calc(25% - 15px);
      }
      .learn-details-recommended.hrms-ext-course-list .hrms-ext-course-item{
        width:calc(50% - 15px)
      }
}
  @media (max-width:1280px) {
    .hrms-ext-course-list .hrms-ext-course-item {
        width: calc(33.33% - 15px);
      }
      .learn-details-recommended.hrms-ext-course-list .hrms-ext-course-item{
        width:calc(50% - 15px)
      }
}
  @media (max-width:767px) {
    .hrms-ext-course-list .hrms-ext-course-item {
        width: calc(50% - 15px);
      }
      .learn-details-recommended.hrms-ext-course-list .hrms-ext-course-item{
        width:calc(50% - 15px)
      }
}
  @media (max-width:576px) {
    .hrms-ext-course-list .hrms-ext-course-item {
        width: 100%;
      }
      .learn-details-recommended.hrms-ext-course-list .hrms-ext-course-item{
        width:calc(100% - 0px)
      }
}
.hrms-ext-course-body {
    height:calc(100% - 120px);
    display: flex;
    flex-direction: column;
}
.hrms-ext-course-banner {
    min-height: 120px;
    position:relative;
    background-size:cover;
    background-position:center center;
    border-radius:6px 6px 0 0;
  }
.hrms-ext-course-banner::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 100%;
    background-image: linear-gradient(360deg, rgba(0, 3, 34, 0.8) -15%, rgba(217, 217, 217, 0) 70%);
  }
.hrms-ext-price-before{
    text-decoration: line-through;
}
.hrms-ext-course-popover{
    max-height:calc(100vh - 100px);
    min-height:300px;
}
.learn-course-details-banner {
    position:relative;
    width: 100%;
    min-height: 220px;
    border-radius: 13px 13px 0 0;
    background-color: #160e4a;
    background-image: url(../media/images/tech-bg1.jpg);
    background-size: cover;
    background-position: center center;
    overflow:hidden;
    padding:1rem;
    display:flex;
    flex-direction:column;
    justify-content:end;
  }
  .learn-course-details-banner:after{
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 100%;
    background-image:linear-gradient(300deg, rgba(19, 0, 134, 0.1) -15%, rgba(23, 15, 74, 0.9) 70%);
  }
  .learn-course-details-banner .LCD-left{
    width:calc(100% - 500px);
    max-width:600px;
  }
  .LCD-card .LCD-right .card {
    transform: translateY(-150px);
    width: 350px;
    min-width: 350px;
    margin-bottom: -150px;
    border: solid 2px var(--border-light-v2);
  }
  .LCD-card .LCD-right .card figure {
    height: 140px;
    background-size: cover;
    border-radius: 13px 13px 0 0;
    overflow:hidden
  }
 .AP-cards-accordion .PCS3-searched-block-list{
    gap:15px;
  }
 .AP-cards-accordion .PCS3-searched-cards.card{
    border: solid 1px #eee !important;
    width: calc(33.33% - 15px);
  }
 .AP-cards-accordion .PCS3-searched-cards.card.loading-card-wrapper{
    margin-left:0;
    width: calc(33.33% - 10px);
  }
  @media (max-width: 2200px) {
    .hrms-ext-course-list .hrms-ext-course-item {
        width: calc(20% - 15px);
      }
}
  @media (max-width: 1700px) {
    .hrms-ext-course-list .hrms-ext-course-item {
        width: calc(25% - 15px);
      }
}
  @media (max-width:1280px) {
    .hrms-ext-course-list .hrms-ext-course-item {
        width: calc(33.33% - 15px);
      }
}
.AP-cards-accordion .select2-container--default .select2-selection--single:not(.select-with-border .select2-selection--single){
    border-width:0 0 1px 0!important;
    border-radius:0!important;
}
.select-with-border.border-light-primary-v2 .select2-selection--single{
border-color:var(--border-light-primary-v2) !important
}
.jdu-ul.half-li li{
    width:calc(50% - 20px)
}

.list-unstyled.what-include-list {
  display: flex;
  flex-direction:column;
  gap: 10px 25px;
}
.list-unstyled.what-include-list li {
  line-height: 20px;
  font-size: 15px;
  display:block;
}
.list-unstyled.what-include-list li i {
  width: 18px;
  text-align: center;
  line-height:20px;
}
.list-unstyled.what-include-list li img {
  max-width: 14px;
  max-height: 14px;
}
.list-unstyled.what-include-list li i.la {
 font-size:17px;
}
.LCD-body .accordion.accordion-toggle-arrow .card .card-header .card-title.collapsed {
    color: #2b345f;
  }
.LCD-body .accordion.accordion-toggle-arrow .card .card-header .card-title {
    font-weight:400!important;
  }

  .learn-lecture-item a{
    margin:10px 0
  }
  .learn-lecture-item a .learn-lectures-thumb img{
    max-width:16px;
    max-height:16px;
    filter:grayscale(1)
  }
  .learn-lecture-item:hover .learn-lectures-thumb img{
    filter:grayscale(0)
  }
  .learn-lecture-item:hover a{
    color:var(--primary)
  }
.CP-v1-1-card .menu-accordion-item:not(.PCS2-col-right .menu-accordion-item){
    padding:25px 35px 25px 25px;
}
.CP-v1-1-card .menu-drop-zone .accordion.accordion-toggle-arrow .card .card-header .card-title::after {
    color: #7E8299;
  }
  .learn-lecture-item figure{margin:0}
  /* .has-submenu-node .collapse.show > .card-body .accordion .card{background: #f9fbff !important;} */
 .help-tips-create-card .PCS2-row .PCS2-col.PCS2-col-left {
    min-width: 325px;
    width: 325px;
    box-shadow: -9px 0px 5px rgba(0,0,0,0.05);
  }
  .help-tips-create-card .PCS2-col.PCS2-col-left.PCS2-left-minimized {
    transform: translateX(355px);
    position: absolute;
    right: 0;
  }
  .help-tips-create-card .PCS2-col.PCS2-col-left #PSC-left-minimize-toggle {transform:rotate(180deg)}
  .help-tips-create-card .PCS2-col.PCS2-col-left.PCS2-left-minimized #PSC-left-minimize-toggle {
    transform: translateX(-60px);
  }
  .hover-stroke-primary:hover path,.hover-stroke-primary:focus path{
    stroke:var(--primary)
  }
  #editorjs{min-height:300px;}
  .h-100-74{height:calc(100% - 74px)}
  .h-100-60{height:calc(100% - 60px)}
  .h-100-57{height:calc(100% - 57px)}
  .h-100-40{height:calc(100% - 74px)}
  .h-100-25{height:calc(100% - 20px)}
  .alert-arrow-top-right::before {
    content: "";
    position: absolute;
    right: 10px;
    top: -5px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
  }
  .alert-arrow-top-left::before {
    content: "";
    position: absolute;
    left: 10px;
    top: -5px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
  }
  .alert-arrow-top-right.alert-light-primary:before{background-color:#E1F0FF}
  .alert-arrow-top-right.alert-light-success:before{background-color:#e0f6f3}
  .alert-arrow-top-right.alert-light-danger:before{background-color:#FFEFEF}

  .alert-arrow-top-left.alert-light-primary:before{background-color:#E1F0FF}
  .alert-arrow-top-left.alert-light-success:before{background-color:#e0f6f3}
  .alert-arrow-top-left.alert-light-danger:before{background-color:#FFEFEF}

  .card-header.active .menu-accordion-item .cli-title {
    color: var(--primary);
  }
  .cdx-nested-list.EJ-list.jdu-ul {
    list-style-type: none;
  }
  .get-help-card .card-body, .create-ticket-card .card-body, .ask-question-card .card-body {
    background-size: 130px auto;
    background-repeat: no-repeat;
    padding-right: 120px !important;
    background-position: bottom right;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items:start;
    padding-top: 30px !important;
  }
  .ask-question-card .card-body{
        background-image: url(../media/svg/illustrations/copy.svg);

  }
  .create-ticket-card .card-body{
        background-image: url(../media/images/support-ticket-banner.png);
  }
  .get-help-card .card-body{
        background-image: url(../media/images/get-help-banner.png);
  }
  .help-tip-dash-sec3 a.card:hover .readmore-arrow-link i {
    transform: translateX(2px);
    opacity: 1;
  }
  .faq-type1 .faq-type1-left{height:2000px;}
  .faq-type1 .faq-type1-right{
    min-width:300px;
    width:300px;
  }
  .faq-type1 .faq-type1-right .card .card-body{
   max-height:calc(100vh - 250px)
  }
  .faq-type1 .faq-type1-right .card{
    position:sticky;
    top:90px;
  }
  .faqT1-list .faqT1-item{
    padding:7px 7px 7px 20px;
    border-top:solid 1px RGB(219, 227, 242,0.3);
    display:inline-block;
    width:100%;
    color:#181C32;
    position:relative;
    font-weight:500;
  }
  .faqT1-list .faqT1-item:first-child{border-top:0;}
  .faqT1-list .faqT1-item:last-child{border-bottom:0;}
  .faqT1-list a.faqT1-item.active:before,
  .faqT1-list a.faqT1-item:hover:before,
  .faqT1-list a.faqT1-item.active,
  .faqT1-list a.faqT1-item:hover{color:var(--primary)}
  .faqT1-list a.faqT1-item:before{
    content: "\f100";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    position:absolute;
    left:0;
    top:8px;
    color: rgba(43, 52, 95,0.6);
    transition:all 0.2s;
}
.faqT1-list a.faqT1-item.active,
.faqT1-list a.faqT1-item:hover:before{
    left:-3px;
}
.faq-type1-sections{
    margin-bottom:30px;
}
.faq-type1-sections > .card{
    min-height:400px;
}
.faq-type1-sections .accordion .card .card-header .card-title{
    font-weight:400;
    font-size:15px;
}
.hrms-ext-course-desc{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .loader-1{
    width: 100%;
    height: 100%;
    padding: 20px;
    min-height: 300px;
    position: relative;
    display: flex;
    color: #fff;
    left: 0;
    top: 0;
    background-color: rgba(255,255,255,0.5);
    justify-content: center;
    align-items: center;
  }


  .v1-chart-view-by span.active-view a,
  .v1-chart-view-by span.active-view .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:var(--primary)!important
}
.EJ-subscription-alert {
    padding: 30px 30px 30px 175px;
    border-top:solid 3px var(--danger);
    background-position: left -2px center;
    background-repeat: no-repeat;
    background-size: 160px auto;
    position: relative;
    z-index: 1;
    box-shadow: 0 4px 5px rgba(200, 105, 91, 0.2);
    min-height:200px;
  }
  .EJ-subscription-alert h5{line-height:25px;}
  .ask-chat .messages .d-flex.align-items-start,
  .chat-offcanvas-1 .messages .d-flex.align-items-start{max-width:calc(100% - 50px)}
  .ask-chat .messages .d-flex.align-items-end,
  .chat-offcanvas-1 .messages .d-flex.align-items-end{max-width:calc(100% - 50px);margin-left:50px;}

  .select2-dropdown-auto-nowrap{
  min-width: auto !important;
  white-space: nowrap;
  width: auto !important;
}
div.chat-offcanvas-1 ~ .offcanvas-overlay {
    pointer-events: none;
}
div.chat-offcanvas-1{width:425px}
div.chat-offcanvas-1.offcanvas.offcanvas-right:not(.offcanvas-on){right:-425px}
.bot-1-searching-dots-wrapper.text-info{color:rgba(43, 52, 95,0.6) !important}

.EJ-main-title-bg{
    background-color: #00008b;
    color:#fff;
}
.EJ-sub-title-bg{
    background-color: #eee;
    color:#000
}


.CP-accrodion .accordion .card {
    overflow: visible !important;
  }
.CP-accrodion .strategy-okr-accordion.assessment-accordion-wrapper > .accordion.OKR-accordion-L1 > .card::before{
    bottom: calc(1.85rem + 13px);
  }
  .dragHandle {
    background-size: 10px auto;
    width: 16px;
    height: calc(100% - 16px);
    margin: 8px 0px 8px 12px;
    cursor: n-resize;
    background-image: radial-gradient(circle at 2px 2px, #dbdbe1 2px, transparent 0) !important;
    background-size: 8px 8px;
    min-width: 16px;
  }
  .dragHandle.w-12 {
    background-size: 10px auto;
    width: 12px;
    height: calc(100% - 16px);
    margin: 8px 0px 8px 12px;
    cursor: n-resize;
    background-image: radial-gradient(circle at 2px 2px, #dbdbe1 2px, transparent 0) !important;
    background-size: 6px 6px;
    min-width: 12px;
  }
  body .cdx-notifies{
    z-index: 5;
    bottom: 10px;
    left: 150px;
  }
   .codex-editor--narrow .ce-toolbar__actions {
    right: calc(100% + 30px)!important;
  }
  .PSC-right-links-collapsible{transition:all 0.2s;}
  .PSC-right-links-collapsible.PCS2-right-minimized{
    transform: translateX(175px);
    position: absolute;
    right:0;
    height:100%;
    margin-right:0!important;
  }
  .PSC-right-links-collapsible.PCS2-right-minimized #PSC-right-minimize-toggle{
    transform:rotate(-180deg)
  }
  .PSC-right-links-collapsible.PCS2-right-minimized #PSC-right-minimize-toggle i{
    color:var(--primary)
  }
  .PSC-right-links-collapsible.PCS2-right-minimized a{
    text-indent: -99999px!important;
  }
  .PSC-right-links-collapsible.PCS2-right-minimized .Resources-p-list{max-width:90px;}
  .PSC-right-links-collapsible.PCS2-right-minimized .Resources-p-list{max-width:90px;}
  .PSC-right-links-collapsible.PCS2-right-minimized .Resources-p-list .symbol.symbol-60.symbol-2by3{margin:0!important}
  .PSC-right-links-collapsible.PCS2-right-minimized .Resources-p-list .d-flex{justify-content:center;}
  .PSC-right-links-collapsible.PCS2-right-minimized .Resources-p-list .symbol.symbol-60.symbol-2by3 .symbol-label{width:60px}
  .PSC-right-links-collapsible.PCS2-right-minimized .Resources-p-list .symbol.symbol-60 ~ .d-flex {
    display: none !important;
  }
  .right-quicklink-item{
    box-shadow: 0px 0px 8px rgba(97, 97, 97, 0.12);
    border-radius: 6px;
  }
  .right-quicklink-item:hover{
    box-shadow: 0px 0px 12px rgba(97, 97, 97, 0.24);
  }
  .PSC-right-links-collapsible.PCS2-right-minimized .bg-hover-light {
    width:65px;
    min-height:65px;
    line-height: normal;
    text-align: center;
    margin-left: 13px;
  }
  .PSC-right-links-collapsible.PCS2-right-minimized .bg-hover-light figure{margin:0 auto!important;width:100%}
  .PSC-right-links-collapsible.PCS2-right-minimized .bg-hover-light figure img{height:25px!important; margin:auto;}
  .PSC-right-links-collapsible.PCS2-right-minimized .bg-hover-light figure ~ .d-flex{display:none!important}
  .PSC-right-links-collapsible.PCS2-right-minimized .Resources-p-list h5{
    font-size: 10px;
  width: 90px;
  text-align: center;
   }
  .PSC-right-links-collapsible.PCS2-right-minimized h6 {
    font-size: 10px;
    transform: translateX(-5px) translateY(-2px);
  }
  .PSC-right-links-collapsible.PCS2-right-minimized .border-bottom-tabs .nav-link:not(.active){display:none}
  .PSC-right-links-collapsible.PCS2-right-minimized .border-bottom-tabs .nav-link{
    text-indent: 0 !important;
    height: 44.5px;
    font-size: 12px;
    pointer-events:none;
  }
  .PSC-right-links-collapsible.PCS2-right-minimized .dash-v2-cal-list .dashV2-cal-body *{
    text-indent:-99999px;
    font-size:0;
  }

  .PSC-right-links-collapsible.PCS2-right-minimized .dash-v2-cal-list .dashV2-cal-time{
    min-width:104px;
    /* justify-content: center; */
  }

  .PSC-right-links-collapsible.PCS2-right-minimized .ask-an-expert-placeholder{
    max-width:92px;
  }
  .PSC-right-links-collapsible.PCS2-right-minimized .ask-an-expert-wrapper-v2 figure,
  .PSC-right-links-collapsible.PCS2-right-minimized .summary-view-btns-v2,
  .PSC-right-links-collapsible.PCS2-right-minimized .staticDatepicker,
  .PSC-right-links-collapsible.PCS2-right-minimized .tab-pane .dropdown,
  .PSC-right-links-collapsible.PCS2-right-minimized .noti-day-view .btn.btn-light{
    display:none!important;
  }
  .PSC-right-links-collapsible.PCS2-right-minimized .ask-an-expert-wrapper-v2 .font-size-lg,
  .PSC-right-links-collapsible.PCS2-right-minimized .MD-members .font-size-lg,
  .PSC-right-links-collapsible.PCS2-right-minimized .dashV2-cal-title{
    font-size:12px!important;
    font-weight:bold;
  }
  .PSC-right-links-collapsible.PCS2-right-minimized .approval-timeline-collaborators .symbol-group .position-relative:not(:nth-child(1), :nth-child(2)),
  .PSC-right-links-collapsible.PCS2-right-minimized .approval-timeline-collaborators .symbol-group .symbol:not(:nth-child(1), :nth-child(2)){
    visibility:hidden;
  }

  .PCS2-col-center.PCS2-center-mr{
    margin-right:105px;
  }
  .PCS2-col-center.PCS2-center-mr .CPS-bot-input-outer{
        width: calc(100% + 2.5rem);
  }
  .CP-accrodion .strategy-okr-accordion .accordion .card .dragHandle{
    background-image: radial-gradient(circle at 2px 2px, #fff 2px, transparent 0) !important;
   }
   .CP-accrodion .strategy-okr-accordion .accordion .strategy-template-list .strategy-template-item .AL2-icon,
   .CP-accrodion .strategy-okr-accordion .accordion .strategy-template-list .strategy-template-item img:not(a img, .CPS2-element-actions img, .symbol img),
   .CP-accrodion .strategy-okr-accordion .accordion .card .card-header .card-title img:not(a img, .symbol img),
   .CP-accrodion .strategy-okr-accordion .accordion .card .card-header .card-title .AL2-icon{
    border-color:rgba(255,255,255,0.2)!important;
    filter:brightness(10);
  }
  .CP-accrodion .strategy-okr-accordion .accordion .card .card-header .cli-title,
  .CP-accrodion .strategy-okr-accordion .accordion .card .card-header .text-dark:not(.header-menu .text-dark),
  .CP-accrodion .strategy-okr-accordion .accordion .strategy-template-item .card-title .text-dark,
  .CP-accrodion .strategy-okr-accordion .accordion .card .card-header .text-black,
  .CP-accrodion .strategy-okr-accordion .accordion .strategy-template-item .card-title .text-black,
  .CP-accrodion .strategy-okr-accordion .accordion .card .card-header .text-muted,
  .CP-accrodion .strategy-okr-accordion .accordion .strategy-template-item .card-title .text-muted,
  .CP-accrodion .strategy-okr-accordion .accordion .card .card-header .cli-title *:not(.text-warning),
  .CP-accrodion .strategy-okr-accordion .accordion .strategy-template-item .card-title .cli-title *:not(.text-warning),
  .CP-accrodion .strategy-okr-accordion .accordion .card .card-header .card-title .card-title-collapse::after{
    color:#fff!important;
  }
  .CP-accrodion .strategy-okr-accordion .accordion .inline-editable-div
  {
    margin-top: 8px;
    margin-bottom: 8px;
    display: inline-block;
    padding-bottom: 3px !important;
    padding-top: 3px !important;
    line-height: normal;
  }
  .CP-accrodion .strategy-okr-accordion .accordion .accordion .inline-editable-div{
    margin-top: 0px;
    padding-top: 0px !important;
  }
  .AP-cards-accordion > .card:last-child .CP-accrodion .collapse::before{
    display:none
  }
  .CP-accrodion .strategy-okr-accordion .accordion .cluster-list-item{position:relative}
  .CP-accrodion .strategy-okr-accordion .accordion .card .card-header .card-title,
  .CP-accrodion .strategy-okr-accordion .accordion .card .card-header .cluster-list-item .card-title{
    min-height:104px;
  }
  .CP-accrodion .strategy-okr-accordion .accordion .strategy-template-list .strategy-template-item{margin-bottom:15px;}
  .CP-accrodion .strategy-okr-accordion .accordion .strategy-template-list .strategy-template-item .card-title{
    background-color:#4d91d0;
    border-color: #4d91d0 !important;
    position:relative;
  }
  .CP-accrodion .strategy-template-list .stra-okr-status {
    min-width: 0;
  }
  .CP-v1-1-card .accordion > .card{overflow:visible!important}
  /* level 1 strategy */
  .CP-accrodion .strategy-okr-accordion > .accordion > ul > li > .card > .card-header > .cluster-list-item .card-title,
  .CP-accrodion .strategy-okr-accordion > .accordion > .card > .card-header > .cluster-list-item .card-title{
    background-color:#011f4b;
    border-color:rgba(0,0,0,0.1)
  }
  .CP-accrodion .strategy-okr-accordion .accordion{position:relative;padding-left:0}
  .strategy-okr-accordion .accordion .accordion {
    padding: 1.85rem 0 0 1.85rem;
  }
  /* .CP-accrodion .strategy-okr-accordion > .accordion::before {
    content: "";
    position: absolute;
    left: -20px;
    top: calc(2.5rem + 31px);
    bottom:0;
    background-color: #011f4b;
    width: 1px;
    z-index: 1;
  }
  .CP-accrodion .strategy-okr-accordion > .accordion .card::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 40px;
    height: 1px;
    background-color: #011f4b;
    width: 20px;
  } */
   /* level 1 strategy end */
  /* level 2 strategy */
  .CP-accrodion .strategy-okr-accordion > .accordion .accordion > ul > li > .card > .card-header > .cluster-list-item .card-title,
  .CP-accrodion .strategy-okr-accordion > .accordion .accordion > .card > .card-header > .cluster-list-item .card-title{
    background-color:#03396c;
    border-color:rgba(0,0,0,0.1)
  }
  .CP-accrodion .strategy-okr-accordion > .accordion .accordion > ul > li > .card > .card-header > .cluster-list-item .card-title-right .action_collapse_event svg path{
    fill:#03396c;
}
  /* .CP-accrodion .strategy-okr-accordion > .accordion .accordion .card::before {
    content: "";
    position: absolute;
    left: -20px;
    top: -1.85rem;
    background-color: #03396c;
    width: 1px;
    bottom: 0;
  }
  .CP-accrodion .strategy-okr-accordion > .accordion .accordion .card::after {
    content: "";
    position: absolute;
    left: -20px;
    top: 50px;
    height: 1px;
    background-color: #03396c;
    width: 20px;
  } */
   /* level 2 strategy end */
  /* level 3 strategy */
  .CP-accrodion .strategy-okr-accordion > .accordion .accordion .accordion > ul > li > .card > .card-header > .cluster-list-item .card-title,
  .CP-accrodion .strategy-okr-accordion > .accordion .accordion .accordion > .card > .card-header > .cluster-list-item .card-title{
    background-color:#115697;
    border-color:rgba(0,0,0,0.1)
  }
  .CP-accrodion .strategy-okr-accordion > .accordion .accordion .accordion > ul > li > .card > .card-header > .cluster-list-item .card-title-right .action_collapse_event svg path{
    fill:#115697;
}
  /* .CP-accrodion .strategy-okr-accordion > .accordion .accordion .accordion .card::before {
    content: "";
    position: absolute;
    left: -20px;
    top: -1.85rem;
    bottom:0;
    background-color: #115697;
    width: 1px;
  } */
   /* level 3 strategy end */
  /* level 4 strategy */
  .CP-accrodion .strategy-okr-accordion > .accordion .accordion .accordion .accordion > ul > li > .card > .card-header > .cluster-list-item .card-title,
  .CP-accrodion .strategy-okr-accordion > .accordion .accordion .accordion .accordion > .card > .card-header > .cluster-list-item .card-title{
    background-color:#1e6cb5;
    border-color:rgba(0,0,0,0.1)
  }
  .CP-accrodion .strategy-okr-accordion > .accordion .accordion .accordion .accordion > ul > li > .card > .card-header > .cluster-list-item .card-title-right .action_collapse_event svg path{
    fill:#1e6cb5;
}
  /* .CP-accrodion .strategy-okr-accordion > .accordion .accordion .accordion .accordion .card::before {
    content: "";
    position: absolute;
    left: -20px;
    top: -1.85rem;
    bottom:0;
    background-color: #1e6cb5;
    width: 1px;
  } */
   /* level 4 strategy end */
  /* level 5 strategy */

   /* level 5 strategy end */
   .CP-accrodion .strategy-okr-accordion .accordion .cluster-list-item .CPS2-element-actions {
    left:10px;
    bottom:25px;
  }
  .CP-accrodion .strategy-okr-accordion .accordion .cluster-list-item .CPS2-element-actions:hover,
  .CP-accrodion .strategy-okr-accordion .accordion .cluster-list-item:hover .CPS2-element-actions {
    right: unset;
    bottom:-10px;
    z-index: 2;
    opacity: 1;
    transition: all 0.35s;
  }

  .CP-accrodion .strategy-okr-accordion .accordion .dropdown.dropdown-inline .navi .navi-item:not(:first-child){
    border-top: solid 1px var(--border-light);
  }


  .CP-accrodion .strategy-okr-accordion > .accordion > ul > li > .card .cluster-list-item,
  .CP-accrodion .strategy-okr-accordion > .accordion > .card .cluster-list-item{z-index:unset;}

  .CP-accrodion .strategy-okr-accordion > .accordion > ul > li > .card::before,
  .CP-accrodion .strategy-okr-accordion > .accordion > .card:not(:last-child)::before {
    content: '';
    position: absolute;
    top: 30px;
    left: 21px;
    width: 0px;
    border-left: 1px solid #011f4b !important;
    z-index: 1;
    border-top: 1px solid #011f4b !important;
    border-radius: 7px 0 0 7px;
    border-bottom: 1px solid #011f4b !important;
    bottom: -10px;
    opacity:0.5
  }
    .CP-accrodion .strategy-okr-accordion > .accordion > ul > li:last-child > .card::before{
        bottom: 25px;
    }
  .CP-accrodion .strategy-okr-accordion > .accordion .accordion > ul > li > .card::before,
  .CP-accrodion .strategy-okr-accordion > .accordion .accordion > .card::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50px;
  bottom: -50px;
  width: 2px;
  border: solid #03396c;
  border-width: 1px 0 1px 1px;
/*  border-radius:7px 0 0 7px;*/
  opacity:0.5
}
.CP-accrodion .strategy-okr-accordion > .accordion .accordion > ul > li:last-child > .card:not(li:first-child .card)::before,
.CP-accrodion .strategy-okr-accordion > .accordion .accordion > .card:last-child:not(li:first-child .card)::before{
    display:block
}

.CP-accrodion .strategy-okr-accordion > .accordion .accordion .accordion > ul > li > .card::before,
.CP-accrodion .strategy-okr-accordion > .accordion .accordion .accordion > .card::before{
    display:block;
}
.CP-accrodion .strategy-okr-accordion > .accordion .accordion .accordion > ul > li:nth-child(1) > .card::before,
.CP-accrodion .strategy-okr-accordion > .accordion .accordion .accordion > .card:nth-child(1)::before{
    bottom:-40px;
}
.CP-accrodion .strategy-okr-accordion > .accordion .accordion .accordion > ul > li > .card::before,
.CP-accrodion .strategy-okr-accordion > .accordion .accordion .accordion > .card::before{
    border-color:#115697;
}
.CP-accrodion .strategy-okr-accordion > .accordion .accordion .accordion .accordion > ul > li > .card::before,
.CP-accrodion .strategy-okr-accordion > .accordion .accordion .accordion .accordion > .card::before{
    border-color:#1e6cb5;
}
.CP-accrodion .strategy-okr-accordion > .accordion .accordion > ul > li > .card .cluster-list-item::after,
.CP-accrodion .strategy-okr-accordion > .accordion .accordion > .card .cluster-list-item::after{
    content: "";
    position: absolute;
    left: -15px;
    top: 50px;
    bottom: -50px;
    width: 15px;
    border: solid #03396c;
    border-width: 0px 0px 1px 0px;
    opacity: 0.5;
    display: block;
    height: 15px;
/*    border-radius: 0 0px 0px 7px;*/
  }
  .CP-accrodion .strategy-okr-accordion > .accordion .accordion .accordion > ul > li > .card .cluster-list-item::after,
  .CP-accrodion .strategy-okr-accordion > .accordion .accordion .accordion > .card .cluster-list-item::after{
    left: -16px;
    border-color:#115697;
}
  .CP-accrodion .strategy-okr-accordion > .accordion .accordion .accordion .accordion > ul > li > .card .cluster-list-item::after,
  .CP-accrodion .strategy-okr-accordion > .accordion .accordion .accordion .accordion > .card .cluster-list-item::after{
    border-color:#1e6cb5;
}
  .CP-accrodion .strategy-okr-accordion > .accordion > ul > li > .card .strategy-template-item::after,
  .CP-accrodion .strategy-okr-accordion > .accordion > .card .strategy-template-item::after{
    border-color:#4d91d0;
}
  .CP-accrodion .strategy-okr-accordion .accordion{
    padding-top:0px!important;
  }
  .CP-accrodion  .strategy-okr-accordion .strategy-okr-accordion .accordion{
    padding-top:0px!important;
  }

  .CP-accrodion .strategy-okr-accordion .accordion .inline-editable-div{padding-right:18px!important;position:relative;cursor: text;}
  .CP-accrodion .strategy-okr-accordion .accordion .inline-editable-div i:after{
    content:"";
    font-family: "Line Awesome Free";
  font-weight: 900;
  position:absolute;
  right:-3px;
  bottom:2px;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  opacity:0.5;
  }

  .CP-accrodion .strategy-okr-accordion .accordion > ul > li > .card > .card-header > .cluster-list-item > .card-title > .card-title-collapse::before,
  .CP-accrodion .strategy-okr-accordion .accordion > ul > li > .card > .card-header > .cluster-list-item > .card-title-collapse:not(.collapsed)::before,
  .CP-accrodion .strategy-okr-accordion .accordion .card > .card-header > .cluster-list-item > .card-title > .card-title-collapse::before,
  .CP-accrodion .strategy-okr-accordion .accordion .card > .card-header > .cluster-list-item > .card-title-collapse:not(.collapsed)::before {
    display:none
  }
  .CP-accrodion .strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion .card-title:hover::before {
    content: "" !important;
    position: absolute !important;
    left: -1px !important;
    top: 3px !important;
    width: 1px;
    border-left: solid 4px rgb(84, 130, 198) !important;
    display: block !important;
    border-radius: 10px 0 0 10px;
    bottom: 3px !important;
  }
 .CP-accrodion .strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion .card-title.selected{
    box-shadow: 0px 4px 0px #32d0a5 !important;
 }
  .CP-accrodion .strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion .accordion .card-title:hover::before{
    border-left: solid 4px #2572bb !important;
  }
  .CP-accrodion .strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion .accordion .accordion .card-title:hover::before{
    border-left: solid 4px #2c82d2 !important;
  }
  .CP-accrodion .strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion .accordion .accordion .accordion .card-title:hover::before{
    border-left: solid 4px #0e589d !important;
  }
  .CP-accrodion .strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion .accordion .accordion .accordion .accordion .card-title:hover::before{
    border-left: solid 4px #4080bb !important;
  }
  .accordion-stategy-studio.chat-canvas-on {
    max-width: calc(100% - 390px);
  }
  .strategy-add-dropdown {
    position: relative;
  }
  .strategy-add-dropdown::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -22px;
    height: 25px;
    transform: translateX(-50%);
    width: 1px;
    border-left: 1px dashed #4d91d0 !important;
  }
  .strategy-card-body-bg{
    background: #f0f8ff;
    padding: 70px 20px !important;
    border-radius: 15px;
  }
  /* .CP-accrodion .accordion .card {
    background: #f0f8ff;
} */
.CP-form .form-control{
    background-color:  #f0f8ff;
}
.PCS2-row .menu-drop-zone .menu-acccordion-parent ul.H-list, ul.H-list{
    list-style: none;
    padding: 0px;
}

.CS-bot-list .CS-bot-item{
    padding:15px 1rem;
    border-top:solid 1px var(--border-light);
    transition: all 0.2s;
}
.CS-bot-list .CS-bot-item:first-child{
    border-top:0;
}
.CS-bot-list .CS-bot-item:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    height:0;
    width:3px;
    background-color:var(--primary);
    transition:all 0.3s;
}
.CS-bot-list .CS-bot-item:hover:before,
.CS-bot-list .CS-bot-item.active:before{
    height:100%;
}
.CS-bot-item .CS-bot-title{
    color:var(--dark)
}
.CS-bot-item.active .CS-bot-title,
.CS-bot-item:hover .CS-bot-title{
    color:var(--primary);
}
.CS-bot-item .CS-bot-item-arrow {
    position: absolute;
    right: 1.6rem;
    top: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    padding-left: 30px;
    opacity: 0;
    transition:all 0.2s;
}
.CS-bot-item.active .CS-bot-item-arrow,
.CS-bot-item:hover .CS-bot-item-arrow {
    opacity:1;
    right:1.5rem;
}
.conversation-studio-card .messages .mt-2.rounded{
    min-width:200px;
    max-width:100%;
}
.conversation-studio-card .CPS-bot-input .chat-add-comment.task-info-add-comment .emojionearea{
    border:0!important
}
.conversation-studio-card .chat-other-actions{
    top:9px;
    right:9px;
    z-index:initial;
}
.conversation-studio-card .chat-other-actions .ps-container{
    opacity: 1;
  display: block;
}
.conversation-studio-card .chat-other-actions .ps-container > .ps-scrollbar-y-rail{opacity:1;min-height:15px;display: block;}
.conversation-studio-card .chat-other-actions .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #dae1e8 !important;
}
.conversation-studio-card .ACW-inner .wizard-step .wizard-icon figure {
    width: 35px;
    height: 35px;
    line-height: 33px;
     font-weight: bold;
}
.conversation-studio-card .add-competency-wizard .wizard.wizard-3.kt_wizard_v3A .wizard-steps .wizard-step{
    min-width: auto;
      max-width: none;
    min-height: auto;
    padding-top:15px;
    white-space: nowrap;
}
.conversation-studio-card .add-competency-wizard .wizard.wizard-3.kt_wizard_v3A .wizard-steps .wizard-step::after {
    display:none
}
.add-competency-wizard .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label,
.add-competency-wizard .wizard.wizard-3 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"]{
    opacity:0.8;
    color:#333;
}
.convarsation-instructions-list .convarsation-instructions-list-item{
    padding:7px 0px 7px 20px;
    margin-top:-1px;
      border-top: solid 1px var(--border-light);
}
.convarsation-instructions-list .convarsation-instructions-list-item:first-child{
    border-top: 0;
}
.convarsation-instructions-list.convarsation-instructions-list-summary .convarsation-instructions-list-item{
    padding:3px 0px 3px 16px;
    margin-top:0px;
      border: 0;
}
.convarsation-instructions-list.convarsation-instructions-list-summary .convarsation-instructions-list-item:before{
    left:0;
    top:5px;
}
ol.convarsation-instructions-list.custom-list li::before {
    content: counter(my-awesome-counter)".";
    color: var(--gray);
    font-weight: 500;
    left: 0px;
    position: absolute;
    top: 10px;
    }
.conversation-studio-card .PCS2-row .PSC-right-links-collapsible.PCS2-right-minimized {
    transform: translateX(35px);
    position: absolute;
    right: 0;
    height: 100%;
    margin-right: 0 !important;
    min-width: 125px;
    width: 125px;
}
.conversation-studio-card .PCS2-row .PCS2-col-center{max-width: calc(100% - 600px);}
.conversation-studio-card.conversation-studio-card-opt2 .PCS2-row .PCS2-col-center{max-width: calc(100% - 300px);}
.conversation-studio-card .PCS2-row .PCS2-col-center.PCS2-center-mr{max-width: calc(100% - 390px);margin-right:0;}
.conversation-studio-card.conversation-studio-card-opt2 .PCS2-row .PCS2-col-center.PCS2-center-mr{max-width: calc(100% - 90px);}
.conversation-attach-action-list .CAAL-item{
    border-top:solid 1px var(--border-light);
    padding:12px 0;
    position:relative;
}
.conversation-attach-action-list .CAAL-item:first-child{border-top:0;padding-top:0}
.conversation-attach-action-list .CAAL-item .CAAL-item-footer {
    position: absolute;
    bottom:0px;
    padding:0 0 15px 0;
    display: flex;
    align-items: end;
    justify-content: end;
    left: 0;
    width: 100%;
    align-items: center;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgb(255, 255, 255) 100%);
    transition:0.2s;
    opacity:0
}
.conversation-attach-action-list .CAAL-item:hover .CAAL-item-footer{
    opacity:1
}
.conversation-attach-action-list .CAAL-item .CAAL-item-footer a{line-height:normal}
.CAAL-modal-right .table th{font-weight:500}
.CAAL-modal-right .table tr th,
.CAAL-modal-right .table tr td{
    padding:0.4rem 0.75rem
}
/* chat section css */
.ask-chat .audioplayer-bar{min-width:70px;z-index:0}
.ask-chat .audioplayer-playpause{
    width:28px;
    min-width:28px;
    height:28px;
}
.chat-offcanvas-v2 .audioplayer-time-current {
    margin-left: 10px;
  }
.ask-chat .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #0059FF;
}
.ask-chat .audioplayer-playing .audioplayer-playpause a::before,
.ask-chat .audioplayer-playing .audioplayer-playpause a::after{
    width: 4px;
      height: 9px;
}
.ask-chat .audioplayer-playing .audioplayer-playpause a{
    width: 10px;
      height: 10px;
}
.ask-chat ul.lightgallery li {
    flex-grow: 1;
    width: calc(25% - 10px);
    margin: 0;
    border-radius: 6px;
    overflow: hidden;
    position:relative;
}
.ask-chat ul.lightgallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
}
.ask-chat ul.lightgallery li a {
    height: 100%;
    display: flex;
    background-size: cover;
    background-position: center;
    position: relative;
}
.ask-chat ul.lightgallery li img {
    visibility: hidden;
}
.ask-chat  .demo-gallery-poster, .ask-chat .swot-box-video-item .demo-gallery-poster {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ask-chat .demo-gallery-poster img {
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    transition: 0.2s;
}
.ask-chat .CS-chat-attachment {
    position: absolute;
    right: 35px;
    line-height: 0;
    margin: 0;
    top: 5px;
    cursor: pointer;
    }
.ask-chat .CPS-bot-input .inline-editable-div{
    max-width: calc(100% - 55px);
}
.ask-chat .CPS-bot-input > .btn{right:0;line-height: 0;top: 5px;}
.ask-chat .CPS-bot-input {
border: 0;
box-shadow: none;
padding:0;
}
.ask-chat .CPS-bot-input-outer {
    padding: 1.25rem;
      box-shadow: 0 -7px 12px rgba(0,0,0,0.05);
}
/* chat section css end */
.form-group.share-with-user-search {
    position: relative;
    }
.share-with-user-search::after {
    content:"";
    font-family: "Line Awesome Free";
    font-weight: 900;
    position: absolute;
    right: 0px;
    bottom: 5px;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    opacity: 0.5;
    }
    .form-group.share-with-user-search .form-control {
    padding-right:22px;
    }
    .CS-setting-share-role.project-member-list,
    .share-with-user-modal .project-member-list{max-height:300px}
    .share-with-member-modal .ED-projects-wrapper-inner li,
    .CS-setting-share-role.project-member-list li,
    .share-with-user-modal .project-member-list li {
        margin: 7px 0px 7px 0px;
        padding: 5px 0px 0px 0px;
    }
    .conversation-studio-card .table-audit-outer::after{
        width: 20px;
        height: 100%;
    }
    .EJ-table.using-table td > p,
    .custom-check-text > p {
        margin: 0;
        line-height: normal;
      }
      .EJ-quote-title > p{display:inline-block}

.PCS2-col-center .strategy-okr-accordion .accordion.accordion-toggle-arrow.AL-assessment-accordion .card-title .card-title-collapse .inline-editable-div{
    max-width:calc(100% - 30px)
}
.PCS2-col-center .CP-accrodion .strategy-okr-accordion > .accordion > .card .cluster-list-item{z-index:unset}
.PCS2-col-center .CP-accrodion .strategy-okr-accordion .navi-item .nav-link svg {
    max-width: 21px;
    max-height: 21px;
  }
.PCS2-col-center .CP-accrodion .strategy-okr-accordion .navi-item .nav-link svg *{
    stroke:#666d8c!important
  }

  .default-arrow-collapse.p_details-arrow-collapse h3.EJ-sub-title-bg {
    padding-right: 30px !important;
  }
  .default-arrow-collapse.p_details-arrow-collapse::after{
  top: 9px;
  right: 15px;
}
.dropdown-menu.with-border li{
    border-top:solid 1px var(--border-light)
}
.dropdown-menu.with-border li:first-child{
    border-top:0;
}


/* dash v2 */
.dashboard-v2-ele-row{
    display:flex;
    gap:0 30px;
}
.dashboard-v2-ele-row .dashboard-v2-left{
    width:calc(100% - 400px);
    min-width:calc(100% - 400px);
}
.dashboard-v2-ele-row .dashboard-v2-right{
    width:370px;
    min-width:370px;
}
.dash-v2-analytics{gap:10px 15px;}
.dash-v2-analytics > div{
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.dashboard-v2-ele-row .dashboard-v1-ele .ED-notification-card .main-noti-list-wrapper{
height: auto;
max-height: 410px;
}
.dashboard-v2-ele-row .dashboard-v1-ele .main-noti-list-wrapper{height:300px}
.dashboard-v2-ele-row .v1-right-links .card.h-25{
    border-radius: 10px;
    }
.dashboard-v2-ele-row .dashboard-v2-resources{
    display: flex;
    gap:10px 30px;
    flex-wrap: wrap;
}
.dashboard-v2-ele-row .dashboard-v2-resources .dashV2-res-item{
    flex-grow: 1;
    max-width: calc(25% - 23px);
}

@media (min-width:1780px) {
    .dashboard-v2-ele-row .dashboard-v2-resources .dashV2-res-item{
        flex-grow: 1;
        max-width: calc(25% - 23px);
     }
     .dashboard-v2-ele-row .dashboard-v2-resources .dashV2-res-item:nth-child(4){
        display:block
     }
}
@media (max-width:1780px) {
    .dashboard-v2-ele-row .dashboard-v2-resources .dashV2-res-item .v1-card-type3,
    .dashboard-v2-ele-row .dashboard-v2-resources .dashV2-res-item .v1-card-type2,
    .dashboard-v2-ele-row .dashboard-v2-resources .dashV2-res-item .v1-card-type1{
        min-height:250px
 }
 .dashboard-v2-ele-row .dashboard-v2-resources .v1-card-type3 .card-header{min-height: 100px!important;}
 .dashboard-v2-ele-row .dashboard-v2-resources .v1-card-type3 .card-header::after{
    bottom:-12px;
    height:22px;
    transform: skewY(-2deg);
 }
 .dashboard-v2-ele-row .dashboard-v2-resources .dashV2-res-item{
    flex-grow: 1;
    max-width: calc(33.33% - 23px);
 }
 .dashboard-v2-ele-row .dashboard-v2-resources .dashV2-res-item:nth-child(4){
    display:none
 }
}
@media (max-width:1480px) {
    .dashboard-v2-ele-row .dashboard-v2-resources .dashV2-res-item{
        flex-grow: 1;
        max-width: calc(50% - 23px);
     }
     .dashboard-v2-ele-row .dashboard-v2-resources .dashV2-res-item:nth-child(4){
        display:block
     }
}
.dash-v2-activity-charts{display:flex; gap:25px}
.dash-v2-activity-charts .dashV2-act-chart{
    width:calc(50% - 10px);
    border-radius: 10px;
    border:solid 1px var(--border-light);
    padding:20px;
}
@media (max-width: 1520px) {
    .dash-v2-analytics > .d-flex{flex-direction: column;text-align: center;}
    .dashV4-faq-tab .col-6{
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}
.dash-v2-draft-list{
  display: flex;
  gap: 15px;
  flex-wrap:wrap;
}
.dash-v2-draft-list .dashV2-draft-item{
  padding: 10px;
  border-radius: 7px;
  border: solid 1px #C3D4F6;
  background-color: #F9FBFF;
  width: calc(33.33% - 10px);
}
.dashboard-v2-ele-row .grid-policy-1 [class*="col-"]{
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
.dashboard-v2-ele-row .grid-policy-1 [class*="col-"]:nth-child(3),
.dash-v2-draft-list .dashV2-draft-item:nth-child(4){display:none}

@media (min-width: 1520px) {
    .dash-v2-draft-list .dashV2-draft-item{
       width: calc(25% - 12px);
      }
.dashboard-v2-ele-row .grid-policy-1 [class*="col-"]:nth-child(3),
.dash-v2-draft-list .dashV2-draft-item:nth-child(4){display:block}
.dashboard-v2-ele-row .grid-policy-1 [class*="col-"]{
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
  }
}
.dashboard-v2-ele-row .grid-policy-1 [class*="col-"] .card{min-height:auto}
.dashboard-v2-ele-row .grid-policy-1 [class*="col-"] .card .card-body{
    position:relative;
    padding-bottom:60px!important;
}
.dashboard-v2-ele-row .grid-policy-1 [class*="col-"] .card .card-body .MTC-body .JDLL-footer{
    position:absolute;
    bottom:1.25rem;
    left:1.25rem;
    right:1.25rem;
    width: calc(100% - 2.5rem);
}
.dashV2-theme-tabs .nav.nav-pills .nav-link{
    padding:3px 15px 8px 0;
    border:1px solid transparent;
    border-radius:4px;
}
.dashV2-theme-tabs .nav.nav-pills .nav-link .nav-text{font-size:14px;color:#A7ABC1;}
.dashV2-theme-tabs .nav.nav-pills .nav-link.active{
    border-width: 1px;
    border-color: transparent;
    background-color:transparent;
    position:relative;
}
.dashV2-theme-tabs .nav.nav-pills .nav-link.active::after
{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-6px);
  bottom: 0px;
  width: 4px;
  height: 4px;
  border-radius: 10px;
  background-color: #4785ff;
}
.dash-v2-handbook-list{
    display:flex;
    flex-wrap:wrap;
    gap:5px 15px;
}
.dash-v2-handbook-list .dashV2-handbook-item{
    padding: 10px;
    border-radius: 7px;
    background-color: #F9FBFF;
    width: calc(25% - 12px);
    position:relative;
    z-index:0;
    background-size: cover;
    background-position: center center;
    position:relative;
    padding-bottom:30px;
}
.dash-v2-handbook-list .dashV2-handbook-item:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.45);
    z-index:-1;
    border-radius: 7px;
}
.dash-v2-handbook-list .dashV2-handbook-item .dashV2-handbook-footer{
    position:absolute;
    bottom:10px;
    left:10px;
    right:10px;
}
.dash-v2-handbook-list .dashV2-handbook-item .view-btn{
    opacity:0;
    transform:translatex(-4px);
    transition:all 0.2s;
}
.dash-v2-handbook-list .dashV2-handbook-item:hover .view-btn{
    opacity:0.8;
    transform:translatex(0px);
}
.dashV2-cal-item{padding:10px 0px}
.dashV2-cal-time{
    padding-right:10px;
    margin-right:10px;
    border-right-style:solid;
    border-right-width:3px;
}
.dashV2-news-trends-wrapper .dashboard-v1-ele:nth-child(3){display:none}
.popover-SM-left-list .user-online-status{
    left:calc(50% + 6px)
}
.strategy-step-inner-content .SSIC-actions {
    position: relative;
  }
  .strategy-step-inner-content .SSIC-actions::before {
    content: "";
    position: absolute;
    top: -1.25rem;
    left: 12px;
    height: 1.25rem;
    width: 1px;
    border-left: dotted 2px #4785FF;
  }
  .strategy-step-inner-content .SSIC-actions .SSIC-action-item {
    margin-right: 15px;
    position: relative;
  }
  .strategy-step-inner-content .SSIC-actions .SSIC-action-item::after {
    content: "";
    position: absolute;
    right: -15px;
    width: 15px;
    border-top: dotted 2px #4785FF;
    top: 50%;
    transform: translateY(-1px);
  }
  .strategy-step-inner-content .SSIC-actions .SSIC-action-item:last-child::after {
    display:none;
  }
  .strategy-step-inner-content .SSIC-actions .ps-container > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: 0.9!important;
  }
  .ask-an-expert-placeholder,
  .strategy-summary-event-cardsv2 .SSECv2-item {
    border: solid 1px #C3D4F6;
    padding: 10px;
    border-radius: 7px;
    background-color:#F9FBFF;
  }
  .CP-accrodion .strategy-okr-accordion > .accordion > ul > li > .card > .card-header > .cluster-list-item .card-title .AL2-footer-item .symbol-group .symbol:not(:first-child),
  .strategy-summary-event-cardsv2 .SSECv2-item .symbol-group .symbol:not(:first-child),
  .collaborater-type1.symbol-group .symbol:not(:first-child){
    margin-left: -0.5rem;
  }
  .strategy-summary-event-cardsv2 .SSECv2-item .SSECv2-desc {
    font-weight: 300;
    line-height: normal;
    word-break: break-word;
}
.SSECv2-outer:not(:first-child) {
    margin-top: 20px;
  }
  .SSECv2-wrapper-activity .SSECv2-item .SSECv2-activity-left {
    max-width: 75px;
    min-width: 75px;
  }
  .SSECv2-wrapper-activity .SSECv2-item .SSECv2-activity-right {
    width:100%;
  }
  .strategy-summary-event-cardsv2 .SSECv2-item.SSECv2-activity-item {
  border: none;
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  display: flex;
  gap:15px;
}
.noti-day-view .staticDatepicker .datepicker{border-bottom:0}
.CSASv2-item figure {
    border-radius: 10px;
    text-align: center;
    width: 40px;
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .CS-activity-summary-v2 .CSASv2-item {
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-radius:7px;
  }
  .trending-topic-item-listv2 .trending-topic-itemv2:hover {
    box-shadow: 0px 0px 12px rgba(97, 97, 97, 0.24);
    }
  .trending-topic-item-listv2 .trending-topic-itemv2:not(:first-child){
    margin-top:1.5rem;
  }
  .noti-view-btn img:not(.btn-light-primary img){filter:contrast(0)}
  .PCS2-row-v2  {
    display: flex;
    gap: 0 10px;
  }
   .PCS2-row-v2 .PCS2-left-v2{
    width: calc(100% - 315px);
  }
   .PCS2-row-v2 .PCS2-right-v2{
    width: 300px;
    min-width: 300px;
  }
   .PCS2-row-v2.PCS2-row-v3 .PCS2-left-v2{
    width: calc(100% - 395px);
  }
  .PCS2-row-v2.PCS2-row-v3 .PCS2-right-v2{
    width: 380px;
    min-width: 380px;
  }
  .PCS2-row-v2 .PCS2-left-v2.PCS2-center-mr{
    width: calc(100% - 0px);
  }

  .PSC-right-links-collapsible.PCS2-right-minimized.PCS2-right-v2 {
    transform: translateX(300px);
  }
  .PSC-right-links-collapsible.PCS2-right-minimized.PCS2-right-v2 .card {
    display:none
  }
  .PSC-right-links-collapsible.PCS2-right-minimized.PCS2-right-v2 #PSC-right-minimize-toggle {
    transform: rotate(-180deg) translateX(40px);
    background-color: #fff;
    width: 35px;
    height: 35px;
    z-index: 1;
    box-shadow: -4px 0px 10px rgba(0,0,0,0.1);
    line-height: 29px;
    border: solid 1px #eee;
    border-radius: 0 5px 5px 0;
  }
  .audit-expand-on-hover .table-audit-wrapper{
    position:relative
  }
  .audit-expand-on-hover .table-audit-item .text-muted{
    height:0px;
    overflow:hidden;
    transition:all 0.2s;
  }
  .audit-expand-on-hover:hover .table-audit-item .text-muted{
    height:20px
  }
  .audit-expand-on-hover .table-audit-wrapper::before {
    content: "";
    font-family: "Line Awesome Free";
    font-weight: 900;
    position: absolute;
    right: 10px;
    width: 100%;
    text-align: right;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
  }
  .STSS-item figure img{
    max-height:17px;
    max-width:17px;
  }
  .STSS-item figure .label{
    position:relative;
  }
.strategy-top-short-summary .STSS-item:not(:last-child) {
  border-right: solid 1px var(--border-light);
  padding-right: 10px;
}
.search-drop-down-outer{
    position: absolute;
    top: -100%;
    left: 0;
    width:100%;
    height:100%;
    transition:all 0.35s;
    overflow:hidden;
}
.search-drop-down-outer.open-search-dropdown{
    position: absolute;
    z-index: 9999999999999;
    top:0;
}
.search-drop-down {
    height: 280px;
    width: 100%;
    padding: 0 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-image:linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255,255,255,0.96)20%);
  }
  .search-drop-down .close-SDD{
    position:absolute;
    top:30px;
    right:30px;
  }
  .audit-v2-bg .table-audit-wrapper{
    background-image:none;
    background-color:rgb(247, 248, 252);
    padding-right:20px;
  }
  .audit-v2-bg:after{
    display:none;
  }
  .symbol > .symbol-owner-star,
  .approval-timeline-collaborators .symbol-owner-star {
    position: absolute;
    top: -6px;
    left: -9px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0,0.6);
  }
  .strategy-accordion-arrow_v2 {
    width: 55px;
    overflow: hidden;
    transition: all 0.2s;
    position: absolute;
    height: 33px;
    right: 10px;
    bottom: 12px;
  }
  .strategy-accordion-arrow_v2 > .btn{
    position:absolute;
    opacity:0;
    top:55px;
    right:0;
    transition:0.4s;
  }
  .CP-accrodion .strategy-okr-accordion .accordion .cluster-list-item .card-title:hover .strategy-accordion-arrow_v2{
    width:45px;
    bottom:calc(50% - 18px);
  }
  .CP-accrodion .strategy-okr-accordion .accordion .cluster-list-item .card-title:hover .strategy-accordion-arrow_v2 > .btn{
    position:absolute;
    top:0;
    opacity:1;
    transition:0.2s;
  }
  .CP-accrodion .strategy-okr-accordion .accordion .cluster-list-item .card-title-collapse{
    transition:all 0.3s;
  }
 /* .CP-accrodion .strategy-okr-accordion > .accordion .cluster-list-item:hover .card-title-collapse{
    transform:translateY(-20px)
  } */
  .CP-accrodion .strategy-okr-accordion > .accordion .cluster-list-item:hover .label.card-title-right,
  .CP-accrodion .strategy-okr-accordion > .accordion .strategy-template-list .strategy-template-item.cluster-list-item:hover .label.card-title-right{
    transform:translateY(-25px)
  }
  .cli-title-last-updated{
    transition:all 0.2s;
  }
  .CP-accrodion .strategy-okr-accordion > .accordion .cluster-list-item:hover .cli-title-last-updated{
    transform:translateX(-50px)
  }
  .CP-accrodion .strategy-okr-accordion > .accordion .cluster-list-item .label.card-title-right,
  .CP-accrodion .strategy-okr-accordion > .accordion .strategy-template-list .strategy-template-item.cluster-list-item .label.card-title-right{
    transition:all 0.2s;
  }
  .strategy-accordion-inner-content{
    padding-left:20px;
  }
    .strategy-accordion-inner-content.strategy-accordion-inner-contentv2 .str_collapse_inner_content:not(.show):after{
        top:25px!important
    }
  .collapsed-visible-50px .collapse:not(.show),
  .str_collapse_inner_content:not(.show) {
    display: block;
    height: 50px;
    overflow: hidden;
    position:relative;
  }
  .collapsed-visible-50px .collapse:not(.show){
    height:20px;
  }
  .collapsed-visible-50px .collapse:not(.show):after,
  .str_collapse_inner_content:not(.show):after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:linear-gradient(to top, rgba(255, 255, 255,0.9), rgba(255, 255, 255,0)80%);
    z-index:2;
  }
  .collapsed-visible-50px .collapse:not(.show):after{
    background-image:linear-gradient(to top, rgb(246, 249, 255), rgba(240, 248, 255,0)90%);
  }
  .collapsed-visible-50px.bg-white .collapse:not(.show):after{
    background-image:linear-gradient(to top, rgb(255,255, 255), rgba(255,255, 255,0)90%);
  }
  .str_CIC-form{
    padding:15px;
  }

  .offcanvas-strategy-details .offcanvas-content,
  .offcanvas-edit-strategy .offcanvas-content{
    max-height:calc(100vh - 65px)
  }
  .offcanvas.offcanvas-edit-strategy.offcanvas-on {
    width: 650px;
  }

  /* .strategy-okr-accordion .header-menu .menu-nav .menu-item .menu-link:not(.menu-item:first-child .menu-link){
    border-top:solid 1px var(--border-light-v2)
  } */
  .strategy-okr-accordion .header-menu .menu-nav .menu-item .menu-link .menu-bullet,
  .header-menu .menu-nav .menu-item .menu-link .svg-icon{
    filter:contrast(0)
  }
  .strategy-okr-accordion .header-menu .menu-nav .menu-item .menu-link:hover .menu-bullet,
  .header-menu .menu-nav .menu-item .menu-link:hover .svg-icon{
    filter:contrast(1)
  }
  .strategy-okr-accordion .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item.menu-item-submenu{position:unset}
  .strategy-okr-accordion .header-menu .menu-nav > .menu-item .menu-submenu.menu-submenu-classic {
    padding: 5px 0px;
  }
  .strategy-okr-accordion .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item > .menu-link .menu-text{font-size:14px}
  .strategy-accordion-inner-content .str_collapse_inner_content.show{
    padding-bottom:15px;
  }
  .bot-temp-list-wrapper .BS-1-outer {
    width: calc(25% - 12px);
}
.bot-temp-list-wrapper .BS-1-outer .BS-1 .BS-1-content {
    position: absolute;
    transition: all 0.6s;
    left:20px;
    right:20px;
    display: flex;
    flex-direction: column;
  }
.bot-temp-list-wrapper .BS-1-outer .BS-1 .BS-1-content p{opacity:0!important;}
.bot-temp-list-wrapper .BS-1-outer .BS-1:hover .BS-1-content p{opacity:0.7!important;}
/* .bot-temp-list-wrapper .BS-1-outer .BS-1:hover .BS-1-content {
    top:50%!important;
  } */
.SDOP-item .SODP-arrow,
.bot-temp-list-wrapper .BS-1-outer .BS-1 .BS-1-content .pare-with-arrow a{
    opacity:0;
    transform:translateX(-20px);
    transition:0.8s;
}
.SDOP-item:hover .SODP-arrow,
.bot-temp-list-wrapper .BS-1-outer .BS-1:hover .BS-1-content .pare-with-arrow a{
    opacity:1;
    transform:translateX(0px)
}
.bot-temp-list-wrapper .BS-1-outer .BS-1:hover .jdl-title{
    height:auto!important;
    margin-top:auto;
}
.border-bottom-tabs-3.border-bottom-tabs li{
    margin-right: 0.5rem!important;
}
.border-bottom-tabs-3.border-bottom-tabs li .nav-link {
    padding: 5px 12px;
    line-height: 18px;
    border: solid 1px #F1F5FF;
    border-radius:4px;
    transition:all 0.2s;
  }
.border-bottom-tabs-3.border-bottom-tabs li .nav-link.active {
    border-color:#4785FF;
    background-color:#F1F5FF !important;
}
body .filter-item-v2 .select2-container--default .select2-selection--single .select2-selection__rendered,
body .filter-item-v2 .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #2B345F!important;
  }
body .filter-item-v2 .select2-container--default .select2-selection--single{
    border-color: transparent!important;
    box-shadow:0px 1px 8px rgba(0,0,0,0.1) !important;
  }
.filter-wrapper-v2 .filter-item-v2 {
    flex-grow: 1;
  }
.strategy-list-wrapper{
    gap:15px
}
.strategy-list-wrapper:not(:first-child) {
    padding-top: 30px;
  }
.strategy-list-wrapper .str-list-item {
   padding: 15px 15px 15px 15px;
  flex-grow: 1;
  max-width: calc(25% - 12px);
  width: calc(25% - 12px);
  position: relative;
  display: flex;
  flex-direction: column;
  transition: all 0.2s;
  border-radius: 18px;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.strategy-list-wrapper .str-list-item .str-item-footer{
    margin-top: auto!important;
    padding-top: 0.75rem!important;
}
.strategy-list-wrapper .str-list-item:hover{
    box-shadow: 2px 7px 20px rgba(0, 0, 0, 0.18);
  transform: translateY(-2px);
  transition: all 0.2s;
}
.str-item-level figure{
    background-color:rgba(0,0,0,0.1);
    padding:2px;
}
.str-list-item .str-item-level figure {
    background-color: rgba(0,0,0,0.03);
    padding: 2px;
    height: 16px;
    border-radius: 5px;
    line-height: 10px;
    width: 16px;
    text-align: center;
    margin: 2px 0 !important;
  }
  .str-list-item .str-item-created-by{
    max-width: calc(100% - 105px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .str-list-item .str-item-created-by *:not(.d-flex .line-height-0) {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .offcanvas.offcanvas-strategy-details.offcanvas-on {
    max-width: 85%;
    width:1200px;
  }
  .offcanvas.offcanvas-success-attributes.offcanvas-on {
    width: calc(100% - 200px);
    max-width:1300px;
  }
  .offcanvas.offcanvas-key-result{z-index:1002}
  .offcanvas.key-result-details-offcanvas.offcanvas-on,
    .offcanvas.offcanvas-key-result.offcanvas-on{
    width: calc(100% - 270px);
    max-width: 1270px;
}
.offcanvas-key-result ~ .offcanvas-overlay {
    z-index: 1001;
  }
.str-details-offcanvas-project .SDOP-item{
   width:calc(50% - 8px);
   box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
   padding:12px;
   border-radius:7px;
    position:relative;
    display: flex;
  flex-direction: column;
}
/* .strategy-inner-content-trigger .default-arrow-collapse{
    position:absolute;
    top:0;
    right:21px;
} */

.default-arrow-collapse.label{
    min-width: 75px;
    padding-right: 27px;
    white-space: nowrap;
}
.default-arrow-collapse.label.collapsed{
    min-width: 70px;
}
.default-arrow-collapse.label.collapsed:before{
    content:"Expand";
    line-height:normal;
}

.default-arrow-collapse.label:before{
    content:"Collapse";
    line-height:normal;
}
.default-arrow-collapse.label::after {
    color: #fff;
    font-size: 9px;
    top: 4px;
    right: 10px;
  }

  .offcanvas-key-result .offcanvas-content{
    height:calc(100% - 0px);
  }
  .offcanvas-key-result .offcanvas-content .SA-offcanvas-header{
    background-color:#F6F9FF;

  }
  .offcanvas-success-attributes .offcanvas-content{
    height:calc(100% - 75px);
    background-color:#F6F9FF;
  }
  .key-result-details-offcanvas .offcanvas-content{
    height:calc(100% - 70px)
  }

  .offcanvas-success-attributes-wrapper .offcanvas-success-attributes-left{
    width:280px;
    top:-24px;
    position:sticky;
  }
  .offcanvas-success-attributes-wrapper .offcanvas-success-attributes-right{
    width:100%;
    max-width:calc(100% - 280px);
    /* height:100%; */
  }
  .offcanvas-success-attributes-wrapper.wizard.wizard-2 .offcanvas-success-attributes-left .wizard-nav{
    width:280px
  }
  .offcanvas-success-attributes-wrapper.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"],
  .offcanvas-success-attributes-wrapper.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step  {
    padding:1rem 0.75rem;
    background-color:transparent;
    position:relative;
    border-radius: 0;
    border-bottom:solid 1px var(--border-light-v2)
}
.offcanvas-success-attributes-wrapper.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step.readonly[data-wizard-state="pending"]{
    opacity:0.5
}
.offcanvas-success-attributes-wrapper.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step:after{
   display:none
}
.offcanvas-success-attributes-wrapper.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"],
.offcanvas-success-attributes-wrapper.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"]{
    background-color:#fff;
}
.offcanvas-success-attributes-wrapper.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title{
    color:#4785FF;
}
.offcanvas-success-attributes-wrapper.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title{
   color:#181C32;
}
.offcanvas-success-attributes-wrapper.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-wrapper::after {
    content: "";
    font-family: Flaticon2;
    font-style: normal;
    font-weight: normal;
    color:#181C32;
    margin-left: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(180deg) translateY(8px);
  }
  .offcanvas-success-attributes-wrapper.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="pending"] .wizard-wrapper img,
  .offcanvas-success-attributes-wrapper.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-wrapper img{
    filter:contrast(0)
}

.offcanvas-success-attributes-wrapper.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"]::after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: block !important;
    color: var(--success);
    font-size: 16px;
  }
  .offcanvas-success-attributes-wrapper.wizard.wizard-2 .wizard-nav .wizard-steps,
  .offcanvas-success-attributes-wrapper.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper{
    gap:5px;
    position:relative;
  }
  .offcanvas-success-attributes-wrapper.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper{
    padding-right:25px;
  }
  .border-form-control{
    border-color:var(--border-form-control)!important
  }
  body .irs--flat .irs-from,
  body .irs--flat .irs-to,
  body .irs--flat .irs-single,
  body .irs--flat .irs-handle > i:first-child,
  body .irs--flat .irs-bar {
   background-color: #4785ff;
  }
  body .irs--flat .irs-bar{border-radius:10px 0 0 10px}
  body .irs--flat .irs-line{border-radius:10px;}
  body .irs--flat .irs-handle.state_hover > i:first-child,
  body .irs--flat .irs-handle:hover > i:first-child{
    background-color:#3760b0;
  }
  body .irs--flat .irs-from::before,
  body .irs--flat .irs-to::before,
  body .irs--flat .irs-single::before{
    border-top-color: #4785ff;
  }
  .irs-h-5px .irs--flat .irs-bar,
  .irs-h-5px .irs--flat .irs-line{
    height:5px;
    top:5px;
  }
  .irs-h-5px .irs--flat .irs-handle {
    top:2px;
    height: 11px;
  }
  .irs-h-5px .irs--flat .irs-bar {
    top: 5px;
    height: 5px;
}
  .irs-h-5px .irs--flat.irs-with-grid {
    height:25px;
}
.irs-h-5px .irs-from,
.irs-h-5px .irs-to,
.irs-h-5px .irs-single,
.irs-h-5px .irs-max,
.irs-h-5px .irs-min{
    display:none
}
body[data-offcanvas-offcanvas="on"] .daterangepicker {z-index:9999}

.planned-target-history .sorting_disabled{
    background-color:transparent
}
.baseline-list-wrapper ol {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 20px;
    padding-left:0px;
  }
.baseline-list-wrapper ol li {
    width: calc(33.33% - 14px);
    padding-left:15px;
  }
  .baseline-list-wrapper ol li::before {
    color: #000;
    font-size: 14px;
    text-shadow: none;
    width: auto;
    height: auto;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-weight: normal;
    content: counter(my-awesome-counter)".";
  }
  .str-project-list .strategy-list-wrapper,
  .key_result_list .strategy-list-wrapper{gap:20px;width:100%;}
  .key_result_list .strategy-list-wrapper .str-list-item {
    width: calc(50% - 10px);
    max-width: none;
    flex-grow: unset;
  }
  /* .str-project-list .open_project_forms,
  .key_result_list .add-key-result-item {
    width: 100px;
    background-color: #fff;
    min-height: 100px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
  } */
  .add-align-assign-wrapper .AAAW-left {
    width: 160px;
    padding-right: 25px;
    border-right: solid 1px var(--border-light-v2);
    box-shadow:6px 0px 5px rgba(0,0,0,0.04)
  }
  .add-align-assign-wrapper .AAAW-left .nav .nav-link{position:relative;padding-left:0;padding-right:30px;font-weight:500}

  .SA-form-flex .nav .nav-link {
    position: relative;
    padding: 15px 15px 15px 3px;
    font-weight: 400;
    font-size: 15px;
  }
  /* .SA-form-flex .nav .nav-item:first-child .nav-link:not(.create-journey-wrapper-v2 .nav-item:first-child .nav-link, .policy-output-v3-card .nav-item:first-child .nav-link, .collapse-SAF-tabs-list li .nav-link){padding-top:0;} */

  .SA-form-flex .nav .nav-link:not(.nav-link.active),
  .add-align-assign-wrapper .AAAW-left .nav .nav-link:not(.nav-link.active){color:#2b345f!important}

  .SA-form-flex .nav .nav-link:not(.nav-link.active) img{
    filter: contrast(0);
  }

  .SA-form-flex .nav .nav-link:before,
  .add-align-assign-wrapper .AAAW-left .nav .nav-link:before{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    height:1px;
    transition:0.3s;
  }

  .SA-form-flex .nav .nav-link.active:before,
  .add-align-assign-wrapper .AAAW-left .nav .nav-link.active:before{
    width:100%;
    background-color:#4785FF;
  }
  .SA-form-flex .nav .nav-link.active:after,
  .add-align-assign-wrapper .AAAW-left .nav .nav-link.active:after{
    content: "";
    font-family: "Line Awesome Free";
    font-weight: 900;
    color: #4785FF;
    margin-left: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .SA-form-flex .nav .nav-link:not(.nav-item:last-child .nav-link),
  .add-align-assign-wrapper .AAAW-left .nav .nav-link:not(.nav-item:last-child .nav-link){
    border-bottom:solid 1px var(--border-light-v2)
  }
 .kanban-config-card .SA-form-flex .nav .nav-link{border:0!important;}
  .add-align-assign-wrapper .AAAW-right {
    width: calc(100% - 150px);
  }
  .strategy-configuration-card .nav.nav-pills .nav-item.default-framework .nav-link{position:relative;padding-right:20px;}
  .strategy-configuration-card .nav.nav-pills .nav-item.default-framework .nav-link i.tooltip-i{
    font-style: normal;
    width:15px;
    height:16px;
    display:inline-block;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(calc(-50% - 0px));
  }
  .strategy-configuration-card .nav.nav-pills .nav-item.default-framework .nav-link i.tooltip-i::after {
    content: "";
    font-family: "Font Awesome 5 Free";
    color: #4785FF;
    font-weight: 300;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    line-height: normal;
  }
  .str-config-levels ul li .str-config-li-inner {
    display: flex;
    /* align-items: center; */
    /* gap: 10px 15px; */
    /* padding: 25px 15px; */
    background-color: #f9f9f9;
    border-radius: 7px;
    position:relative;
  }
  .str-config-levels.kanban-config-levels ul li .str-config-li-inner {
    background-color: #fff;
    box-shadow: 0px 2px 5px var(--border-light-v2);
    border: solid 1px var(--border-light-v2);
  }

  .str-config-levels ul li .str-config-li-inner .SCL-level-icon img{
    width:25px;
  }
  .str-config-levels ul ul{
    margin-left:15px;
    margin-top:15px;
  }
  .kanban-config-levels.str-config-levels ul ul{
    margin-left:0px;
    margin-top:15px;
  }
  .str-config-levels ul ul li .str-config-li-inner{
    position:relative;
  }
  .str-config-levels ul ul li .str-config-li-inner::before {
    content: "";
    border-left: solid 1px #011f4b;
    border-bottom: solid 1px #011f4b;
    width: 15px;
    height: calc(100% - 10px);
    border-radius: 0 0 0 10px;
    position: absolute;
    left: -15px;
    top: -20px;
  }
  .str-config-levels.kanban-config-levels ul ul li .str-config-li-inner::before {
    content: "";
    border-left: solid 1px var(--border-light-v2);
    border-bottom: none;
    width: 0;
    height: 15px;
    top: -15px;
    left:15px;
    position: absolute;
  }
  .str-config-levels-custom.str-config-levels ul ul li .str-config-li-inner:before{
    top:-75px;
    height: calc(100% + 45px);
  }
  .str-config-levels-custom.str-config-levels ul li .str-config-li-inner .demo {
    background-color: rgba(71, 133, 255, 0.13);
    border-radius: 100px;
    overflow: hidden;
    line-height: normal;
    height: auto;
    border-color: rgba(189, 189, 189, 0.3);
    color: #fff;
  }

  .str-config-levels-custom.str-config-levels ul li .str-config-li-inner .minicolors-swatch  {
    z-index: 2;
    top: 7px;
    left: unset;
    width: 21px;
    height: 21px;
    border-radius: 30px;
    right: 6px;
  }
  .str-config-levels-custom.str-config-levels .SCL-level-desc.inline-editable-div.bb {
  max-width: calc(100% - 290px);
}
  /* .SCL-level-icon.position-relative label {
    position: absolute;
    right: -5px;
    top: -5px;
    background-color: rgba(255,255,255,0.95);
    height: 15px;
    width: 15px;
    line-height: 10px;
    border-radius: 100px;
    text-align: center;
    z-index: 1;
  } */
  .str-config-levels ul li .str-config-li-inner .SCL-add-btn {
    position: absolute;
    bottom: -37px;
    left: -13px;
    z-index: 1;
  }
  .SCL-inner-add-btn,
  .str-config-levels.kanban-config-levels ul li .str-config-li-inner .SCL-add-btn {
    position: absolute;
    bottom: -37px;
    left: 3px;
    z-index: 1;
  }
  .str-config-levels ul li .str-config-li-inner .SCL-add-btn i{
    background-color:#fff;
  }
  .SCL-inner-add-btn:before,
  .str-config-levels ul li .str-config-li-inner .SCL-add-btn:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    height: 14px;
    border-left: dashed 1px #4785ff;
    top: -12px;
    z-index: -5;
    transform: translateX(-50%);
    background-color: #fff;
  }
  .SCL-inner-add-btn:before,
  .str-config-levels.kanban-config-levels ul li .str-config-li-inner .SCL-add-btn:before {
    height: 12px;
    top: -8px;
  }

  .SA-offcanvas-header {
    /* background-color: #F6F9FF;
    padding: 15px;
    border-radius: 10px; */
    margin-bottom: 25px;
  }
  .accordion.accordion-toggle-arrow.AL-assessment-accordion .cluster-list-item .card-title .card-title-collapse{
    position: absolute !important;
    left: 50%;
    bottom: -10px;
    width: 143px;
    text-align: center;
    transform: translateX(-50%);
    border-radius: 0 0 100px 100px;
    padding: 0 !important;
    transition:all 0.4s;
    z-index:-1;
    opacity:0;
  }
  .accordion.accordion-toggle-arrow.AL-assessment-accordion .cluster-list-item:hover .card-title .card-title-collapse {
    opacity:1;
    bottom: -29px;
    z-index:1;
  }
  .accordion.accordion-toggle-arrow.AL-assessment-accordion .cluster-list-item:hover .card-title .card-title-collapse svg {
    height:30px;
  }


  .accordion.accordion-toggle-arrow.AL-assessment-accordion .cluster-list-item .card-title .card-title-collapse::after {
    left: 50%;
    transform: translate(-50%,-50%) rotate(180deg)!important;
    right: unset !important;
    top: 12px !important;
    height:10px;
    transition:all 0.2s;
  }
  .accordion.accordion-toggle-arrow.AL-assessment-accordion .cluster-list-item .card-title .card-title-collapse.collapsed::after {
    left: 50%;
    transform: translate(-50%,-50%) rotate(0deg)!important;
    right: unset !important;
  }
  .accordion.accordion-toggle-arrow.AL-assessment-accordion .cluster-list-item:hover .card-title .card-title-collapse::after {
    top:17px!important;
  }
  .strategy-okr-accordion .header-menu-layout-default .menu-toggle.menu-link{border:0!important;}
  .str-project-list .strategy-list-wrapper .str-list-item {
    width:calc(50% - 15px);
    max-width:calc(50% - 15px);
  }

.str-config-li-inner .SCL-level-icon {
  padding: 25px 17px 25px 10px;
  border-right: solid 1px rgba(255,255,255,0.2) !important;
}
.str-config-li-inner .SCL-level-desc {
  padding: 25px 15px;
}
.kanban-config-levels .str-config-li-inner .SCL-level-desc {
  padding: 20px 15px;
}
.str-config-li-inner .SCL-level-desc.inline-editable-div {
  margin: 0px 15px;
  padding:0;
  align-self:center;
}
.theme-levels-popover .LCT-item,
.level-color-theme .LCT-item {
    padding: 4px 8px;
    border-radius: 100px;
    border:solid 1px transparent;
    background-color: #fff;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
    cursor:pointer;
  }
  .theme-levels-popover .LCT-item i,
  .level-color-theme .LCT-item i:not(.selected-theme-popover i) {
    width: 18px;
    height: 18px;
    border-radius: 100px;
    border: solid 1px rgba(0,0,0,0.1);
  }
  .level-color-theme .selected-theme-popover {
    line-height: normal;
    opacity:0;
    width:0;
    overflow:hidden;
    transition:all 0.2s;
  }
  .level-color-theme input:checked ~ .LCT-item .selected-theme-popover{
    opacity:1;
    width:12px;
    cursor:pointer;
  }
  .level-color-theme input:checked ~ .LCT-item{
    border-color:var(--border-light-primary-v2);
    cursor:default;
  }
  .configuration-tab-v2 .nav-item:not(:first-child){
    border-top:solid 1px var(--border-light-v2)
  }
  .strategy-v2-keyresult-list .SV2KR-item {
    background-color: #fff;
    border-radius: 10px;
    border: solid 1px var(--border-light-v2);
    position:relative;
  }
  .strategy-v2-keyresult-list .SV2KR-item .SV2KR-right{
    transition:all 0.35s
  }
  .strategy-v2-keyresult-list .SV2KR-item:hover .SV2KR-right:not(.milestone-show-hide-form .SV2KR-right, .trategy-v2-milestone-list .SV2KR-right, .without-arrow .SV2KR-right){
    transform:translateX(-35px)
  }
  .CP-accrodion .strategy-v2-keyresult-list .SV2KR-item .strategy-accordion-arrow_v2{
    width: 23px!important;
    height:23px;
    right: 17px;
    opacity:0;
    bottom: unset !important;
    top:60%;
  }
  .CP-accrodion .strategy-v2-keyresult-list .SV2KR-item:hover .strategy-accordion-arrow_v2 {
    width: 23px;
    height: 23px;
    right: 17px;
    opacity: 1;
    bottom: unset !important;
    top: 50%;
    transform: translateY(-50%);
  }
.offcanvas-success-attributes-right .SAF-tab-content-header{
    position: sticky;
    top: -24px;
    background-color: #fff;
    z-index: 2;
  }
  .offcanvas-success-attributes-right .form-group label:not(.checkbox, .radio){
    color:#424040;
    opacity:0.7;
  }
  .offcanvas-success-attributes-right .form-group .irs > .irs > span:not(.irs-line){
    display:none;
  }
  .offcanvas-success-attributes-right .form-group .irs--flat .irs-bar,
  .offcanvas-success-attributes-right .form-group .irs > .irs > .irs-line{
    top:5px;
  }
  .offcanvas-success-attributes-right .form-group .irs--flat.irs-with-grid{
   height:40px;
  }
  .offcanvas-success-attributes-right .form-group .irs--flat .irs-handle{
   top:2px;
  }
  .OKD-planned-target-wrapper .irs--flat .irs-handle{
   width:5px;
  }
  .OKD-planned-target-wrapper .irs > .irs-min,
  .OKD-planned-target-wrapper .irs > .irs-max{
   display:none
  }
  .OKD-planned-target-wrapper .irs--flat .irs-from,
  .OKD-planned-target-wrapper .irs--flat .irs-to,
  .OKD-planned-target-wrapper .irs--flat .irs-handle > i:first-child,
  .OKD-planned-target-wrapper .irs--flat .irs-bar{
    background-color: var(--success);
  }
  .OKD-planned-target-wrapper .irs--flat .irs-single::before{
    border-top-color: rgba(50, 208, 165, 0.1);
  }
  .OKD-planned-target-wrapper .irs--flat .irs-single{
    background-color: rgba(50, 208, 165, 0.1);
    color: rgb(50, 208, 165);
    top:-5px;
  }
  .OKD-planned-target-wrapper .irs--flat .irs-from::before,
  .OKD-planned-target-wrapper .irs--flat .irs-to::before{
    border-top-color: var(--success);
  }
  .OKD-planned-target-wrapper .irs--flat .irs-handle.state_hover > i:first-child,
  .OKD-planned-target-wrapper .irs--flat .irs-handle:hover > i:first-child{
    background-color:#26B38C;
  }
  .OKD-planned-target-wrapper .showcase__mark {
    display: block;
    position: absolute;
    top: 39px;
    padding: 1px 0px;
    color: #666;
    font-size: 13px;
    width: 21px;
    text-align: center;
    transform: translateX(-50%);
    z-index: -1;
    font-weight: 500;
  }
  .OKD-planned-target-wrapper .showcase__mark::before {
    content: "";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    position: absolute;
    top: -30px;
    left: calc(50% + 4px);
    transform: translateX(-50%);
    color: var(--success);
    z-index: -1;
  }
  .OKD-left .border-bottom-tabs.border-bottom-tabs-2 li .nav-link .nav-text{
    font-weight:500;
  }
  .OKD-left .border-bottom-tabs.border-bottom-tabs-2 li .nav-link .nav-text:not(.nav-link.active .nav-text){
    color:#000;
  }
  .text-line-through{
    text-decoration: line-through;
  }
  .key-result-details-offcanvas .OKD-right {
    max-height: calc(100vh - 75px);
    top: 0px;
  }

  .str-SA-step-parent .grade-sections ol.custom-ol{padding-left:40px;}
  .str-SA-step-parent .grade-sections ol.custom-ol li::before {
    content: counter(my-awesome-counter);
    left: calc(-1 * var(--size) - 0px);
    color: #4e545b;
    font-size: 1rem;
    position: absolute;
    --size: 40px;
    line-height: 27px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    text-align: center;
    text-shadow: none;
    font-weight: 500;
    border: solid 1px #e2ecf7;
    background-color: #f3f9ff;
    width: 30px;
  }
  .TL-milestone-header {
    padding: 0 35px 0 53px;
    font-weight: 500;
  }

  .TL-milestone-header .FR-milestone-title, .TL-milestone-body .FR-milestone-title{
    width:100%;
  }
  .TL-milestone-header .FR-milestone-timeline, .TL-milestone-body .FR-milestone-timeline{
    width: 235px;
    min-width: 235px;
  }
  .TL-milestone-header .FR-milestone-target,.TL-milestone-body .FR-milestone-target,
  .TL-milestone-header .FR-milestone-weightage, .TL-milestone-body .FR-milestone-weightage{
    width:90px;
    min-width:90px;
  }
  .TL-milestone-body  .FR-milestone-weightage{position:relative;}
  .TL-milestone-body  .FR-milestone-weightage:after{
    content:"%";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    color:"#A5A4B5"
  }
  .str-SA-step-parent .grade-sections .grade-sec-r {
    position: absolute;
    left: 0;
    bottom: 0px;
    margin-bottom: 0px!important;
  }
  .str-SA-step-parent .TL-milestone-body:last-child::after {
    content: "";
    position: absolute;
    left: -25px;
    transform: translateX(-50%);
    top: 36px;
    height: 16px;
    border-left: dashed 1px #4785FF;
  }
  .keyresult-milestone-list-v2 li,
  .milestone-view-ul ul li{
    position:relative;
  }
  .milestone-view-ul ul li:not(.keyresult-milestone-list-v2 li, .dropdown-menu li)::before {
    content: "";
    position: absolute;
    left: -15px;
    height: calc(100% + 3rem);
    width: 15px;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: var(--border-light);
    top: -1.5rem;
  }
  .milestone-view-ul ul li .strategy-v2-keyresult-list{position:relative;}
  .milestone-view-ul ul li .strategy-v2-keyresult-list:not(.keyresult-milestone-list-v2 li .strategy-v2-keyresult-list)::after {
    content: "";
    position: absolute;
    left: -15px;
    height: 1px;
    width: 15px;
    border-style: solid;
    border-width: 0px 0px 1px 1px;
    border-color: var(--border-light);
    top:50%;
  }
 .add-milestone-view-wrapper .plus-icon-btn{
    position: absolute;
  left: 11px;
  bottom: 18px;
 }
 .add-milestone-view-wrapper .plus-icon-btn::before {
    content: "";
    top: -20px;
    width: 1px;
    border-left: solid 1px var(--border-light);
    left: 8px;
    position: absolute;
    height: 20px;
    z-index: 13;
  }
  .readonly > .bg-light-o-50 *{
    background-color:transparent!important
  }
  .review-freq-item label{
    padding: 5px 10px;
    border: solid 1px var(--border-light);
    border-radius: 5px;
  }
.strategy-okr-accordion .milestone-view-ul:not(:first-child) {
    border-top: dashed 1px var(--border-light-primary-v2);
    padding-top: 20px;
  }
  .max-w-100-25{
    max-width: calc(100% - 25px)
  }
  .w-100-25{
    width: calc(100% - 25px)
  }
  .max-w-100-75{
    max-width: calc(100% - 75px)
  }
  .w-100-75{
    width: calc(100% - 75px)
  }
  .selected-key-result-list .SKRL-title {
    max-width: calc(100% - 80px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
  }
  .filter-wrapper-v2{gap:12px;}
  .filter-wrapper-v2 .table-filter-item {
    margin: 0px;
    width: calc(25% - 9px);
}
.project-overview-row{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}
.project-overview-row .project-overview-left{
    width:calc(100% - 400px)
}
.project-overview-row .project-overview-right{
    min-width:385px;
    max-width:385px;
}
.kanban-overview-card-header .input-group .bootstrap-select .btn {
    padding: 0;
    border: 0;
}
.SSECv2-activity-item.SSECv2-item .SSECv2-activity-right{max-width:calc(100% -120px);word-break:break-all}
.project-overview-section-wrapper{
    padding:15px;
    box-shadow: 0px 0px 8px rgba(97, 97, 97, 0.12);
    border-radius: 10px;
}
.overview-project-card-wrapper{
    gap:15px;
    display:flex;
    flex-wrap:wrap;
}
.overview-project-card-wrapper .OPC{
    border: 1px solid #E4EBFF;
    border-radius: 5px;
    padding:10px;
    display:flex;
    flex-direction:column;
    max-width: calc(33.33% - 10px);
    width: calc(33.33% - 10px);
}
.text-shadow-primary{
    text-shadow:0px 2px 3px rgba(71, 133, 255, 0.35)
}
.project-overview-section-wrapper .SSECv2-activity-item .SSECv2-time{
    min-width:110px;
    max-width:110px;
}
.SSECv2-activity-left .d-flex {
    justify-content: center;
    text-align: center;
  }
.SSECv2-activity-left .d-flex .label{
    margin-right:0.75rem !important
  }
@media (max-width: 1380px) {
    .project-overview-row .project-overview-left {
        width: calc(100% - 395px);
      }
      .project-overview-row .project-overview-right {
        min-width: 380px;
        max-width: 380px;
      }
      .overview-project-card-wrapper .OPC{
        max-width: calc(50% - 8px);
        width: 50%;
      }
      .overview-project-card-wrapper .OPC:nth-child(3){
        display:none;
      }
}
/* .tab-with-inline-actions .tab-inline-actions-wrapper {
    position: absolute;
    right: 0px;
    top: calc(50% - 1px);
    transform: translateY(-50%);
    opacity:0;
    transition:all 0.2s;
  } */

  .tab-with-inline-actions .tab-inline-actions-wrapper {
    position: absolute;
    right: 0;
    bottom: -4px;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.2s;
    z-index: 3;
    padding: 3px 10px;
    border: solid 1px rgba(219, 227, 242,0.2);
    background-color: rgb(248, 250, 253);
    border-radius: 100px;
    line-height: normal;
  }
  .tab-with-inline-actions .tab-inline-actions-wrapper::before {
    content: "";
    position: absolute;
    left: -11px;
    width: 10px;
    height: 100%;
    background-image: linear-gradient(to right, rgba(255,255,255,0.7) , #fff);
    z-index: 0;
  }
  .tab-with-inline-actions .nav-item{position:relative;transition:all 0.2s;z-index:3}
  .tab-with-inline-actions .nav-item .nav-text{white-space:nowrap;transition:all 0.2s;min-width:70px;}
  /* .tab-with-inline-actions .nav-item:not(.default-framework):hover{padding-right:25px;} */
  .tab-with-inline-actions .nav-item:hover .tab-inline-actions-wrapper {
    opacity:1;
  }
  .tab-inline-actions-wrapper a{
    line-height: 0;
  }
  .keyresult-target-hierarchy .strategy-v2-keyresult-list .SV2KR-item:not(.trategy-v2-milestone-list .SV2KR-item){
    background-color:#2B345F
  }
  .border-white-10{
    border-color:rgba(255,255,255,0.1)!important
  }
  .border-white-20{
    border-color:rgba(255,255,255,0.2)!important
  }
  .border-white-30{
    border-color:rgba(255,255,255,0.3)!important
  }
  .border-white-40{
    border-color:rgba(255,255,255,0.4)!important
  }
  .border-white-50{
    border-color:rgba(255,255,255,0.5)!important
  }
  .border-white-60{
    border-color:rgba(255,255,255,0.6)!important
  }
  .keyresult-target-hierarchy .irs--flat .irs-bar,
  .keyresult-target-hierarchy .irs--flat .irs-line{
    height:3px;
  }
  .keyresult-target-hierarchy .irs--flat .irs-handle,
  .keyresult-target-hierarchy .irs--flat .irs-min,
  .keyresult-target-hierarchy .irs--flat .irs-max{
    display:none;
  }
  .keyresult-target-hierarchy .irs--flat{
    height:28px;
    margin-top: -4px;
  margin-bottom: 4px;
  }
  body .success-slider .irs--flat .irs-from,
  body .success-slider .irs--flat .irs-to,
  body .success-slider .irs--flat .irs-single,
  body .success-slider .irs--flat .irs-handle > i:first-child,
  body .success-slider .irs--flat .irs-bar{
    background-color:var(--success)
  }
  body .success-slider .irs--flat .irs-single::before{
    border-top-color:var(--success)
  }
  body .warning-slider .irs--flat .irs-from,
  body .warning-slider .irs--flat .irs-to,
  body .warning-slider .irs--flat .irs-single,
  body .warning-slider .irs--flat .irs-handle > i:first-child,
  body .warning-slider .irs--flat .irs-bar{
    background-color:var(--warning)
  }
  body .warning-slider .irs--flat .irs-single::before{
    border-top-color:var(--warning)
  }
  body .danger-slider .irs--flat .irs-from,
  body .danger-slider .irs--flat .irs-to,
  body .danger-slider .irs--flat .irs-single,
  body .danger-slider .irs--flat .irs-handle > i:first-child,
  body .danger-slider .irs--flat .irs-bar{
    background-color:var(--danger)
  }
  body .danger-slider .irs--flat .irs-single::before{
    border-top-color:var(--danger)
  }

  .keyresult-target-hierarchy .SV2KR-icon{position:relative;}
  .keyresult-target-hierarchy .SV2KR-icon .checkbox{
    position:absolute;
    top:10px;
    left:10px;
  }
  .slider-bg-success .irs--flat .irs-line{
    background-color:var(--success);
    opacity:0.8
  }
  .slider-bg-warning .irs--flat .irs-line{
    background-color:var(--warning);
    opacity:0.8
  }
  .slider-bg-danger .irs--flat .irs-line{
    background-color:var(--danger);
    opacity:0.8
  }
  .keyresult-milestone-list-v2 .default-arrow-collapse:after{
    font-size:11px;
    color:#4785FF;
  }
  .keyresult-milestone-list-v2 ul li::before {
    content: "";
    position: absolute;
    left: -15px;
    height: calc(100% + 3rem + 42px);
    width: 15px;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: var(--border-light);
    top: calc(-1.5rem - 42px);
  }
  .keyresult-milestone-list-v2 ul ul li::before {
    height: calc(100% + 3rem);
    top: -1.5rem;
  }
  .keyresult-milestone-list-v2 ul li .strategy-v2-keyresult-list::after {
    content: "";
    position: absolute;
    left: -15px;
    height: 1px;
    width: 15px;
    border-style: solid;
    border-width: 0px 0px 1px 1px;
    border-color: var(--border-light);
    top: 50%;
  }
  .table-views-v2 .btn {
    padding: 0 !important;
    width: 36px;
    height: 36px;
  }
.milestone-hierarchy-view .strategy-v2-keyresult-list.form-group {
    padding-bottom: 35px;
    margin-bottom:0;
  }
.milestone-hierarchy-view .keyresult-target-hierarchy ul li ul li .strategy-v2-keyresult-list .SV2KR-item:not(.tasks-hierarchy-view .SV2KR-item) {
    background-color:#404E8C !important;
  }

.milestone-hierarchy-view .milestone-view-ul ul li:not(.keyresult-milestone-list-v2 li, .dropdown-menu li)::before{
    height: calc(100% + 3rem + 15px);
  top: calc(-1.5rem - 15px);
}
.milestone-hierarchy-view .milestone-view-ul ul li:not(.keyresult-milestone-list-v2 li, .dropdown-menu li):first-child::before{
    height: calc(100% + 3rem + 15px);
  top: calc(-1.5rem - 15px);
}
.milestone-hierarchy-view .milestone-view-ul ul li:not(.keyresult-milestone-list-v2 li, .dropdown-menu li):last-child::before{
    height: calc(100% + 3rem - 45px);
  top: calc(-1.5rem - 15px);
}
.tasks-hierarchy-view .milestone-view-ul ul li .strategy-v2-keyresult-list:not(.keyresult-milestone-list-v2 li .strategy-v2-keyresult-list)::after,
.milestone-hierarchy-view.tasks-hierarchy-view .milestone-view-ul ul li:not(.keyresult-milestone-list-v2 li, .dropdown-menu li)::before{
    display:none
}
.tasks-hierarchy-view.milestone-hierarchy-view .strategy-v2-keyresult-list.form-group.trategy-v2-milestone-list{
    padding-bottom:25px;
}
.milestone-hierarchy-view .strategy-v2-keyresult-list .default-arrow-collapse {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    transition:all 0.2s;
    opacity:0;
  }
.milestone-hierarchy-view .strategy-v2-keyresult-list:hover .default-arrow-collapse {
    bottom: -18px;
    opacity:1;
  }
  .milestone-hierarchy-view .strategy-v2-keyresult-list .default-arrow-collapse::after {
    top: 0;
    left: 50%;
    transform: translate(-50%, 50%) rotate(90deg);
    transform-origin: center;
    color: rgba(255, 255, 255,0.5);
  }
  .milestone-hierarchy-view .strategy-v2-keyresult-list .default-arrow-collapse.collapsed::after {
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%) rotate(-90deg);
  }

.show-hide-milestones-checkbox label{
    cursor:pointer
}
.show-hide-milestones-checkbox input:checked ~ label i{
    color:#fff!important;
    background-color:#4785FF !important;
    border-color:#4785FF!important;
}
.show-hide-milestones-checkbox input:checked ~ label{
    border-color:#4785FF!important;
    color:#4785FF!important;
    background-color:rgba(71, 133, 255,0.1) !important;
}
.show-hide-milestones-checkbox label i{
    border:solid 1px #eee;
    width:17px;
    height:17px;
    border-radius:4px;
    position:relative;
}
.show-hide-milestones-checkbox input:checked ~ label i::after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: calc(50% - 1px);
    top: calc(50% - 0px);
    transform: translate(-50%,-50%);
    font-size: 9px;
    width: 100%;
    text-align: center;
    line-height: 0;
  }
  .DTFC_LeftWrapper {
    display: none !important;
  }
  .task-kanban-add-member {
    z-index: 1051;
    background-color: rgba(0,0,0,0.1);
  }
  .project-member-list  .emoji-picker{
    left:-165px;
    top:100%;
  }

.config-card-right{max-width:calc(100% - 270px)}
.kanban-config-card .config-card-right{max-width:calc(100% - 250px)}
.config-card-right .scroll-tab-parent{
    max-width: calc(100% - 205px);
    margin-bottom: 1px;
}
.create-journey-wrapper-v2{overflow:hidden}
.create-journey-wrapper-v2 .show-journey-MM,
.create-journey-wrapper-v2 .SA-form-flex{
    transition:all 0.3s;
}

.create-journey-wrapper-v2.menu-hidden .SA-form-flex{
  transform: translateX(-260px);
  transition: all 0.3s;
  max-width: 0!important;
  overflow:hidden;
}
.create-journey-wrapper-v2.menu-hidden .CJ-right-wrapper{
  width:100%;
}
.create-journey-wrapper-v2:not(.menu-hidden) .show-journey-MM{
    opacity:0;
    max-height:0;
    overflow:hidden;
    pointer-events: none;
}
.task-kanban-card .milestone-table-card-view .MTC-body {
    display: flex;
    flex-direction: column;
    height: calc(100% - 32px);
  }
  .recogize-received .RR-item {
    margin: 3px 14px 3px 0px;
    position: relative;
    font-size: 14px;
  }
  .recogize-received .RR-item span{
    position:absolute;
    width:16px;
    height:16px;
    line-height:16px;
    border-radius:100px;
    background-color:#E1F0FF;
    top:-2px;
    right:-10px;
    font-size:10px;
    text-align:center;
  }

 .select2-transparent ~ .dropdown-toggle.btn-light,
 .select2-transparent.bootstrap-select,
 .select2-transparent .select2-container--default .select2-selection--single,
 .select2-transparent .select2-container--default .select2-selection--multiple{
    background-color:transparent!important;
    background:transparent!important;
  }
  .project-selected-template-info span i {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 2px;
  }
.view-all-card-icons svg{
    height:18px;
}
.view-all-card-icons svg.with-fill path{
    fill:#acafc0
}
.view-all-card-icons svg.with-stroke path{
    stroke:#acafc0
}

.kanban-inner-card.dragging {
    opacity: 1!important;
}
.kanban-inner-card.sortable-ghost.sortable-chosen.dragging {
    opacity: 0!important;
}

.table-filter-item .select2-container{height:100%;}
.shadow-v2{
    box-shadow:0px 2px 5px rgba(0,0,0,0.1);
}
.config-kanban-templates-list .CKT-item {
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
    padding: 15px 15px 15px 15px;
    flex-grow: 1;
    max-width: calc(25% - 23px);
    width: calc(25% - 23px);
    border-radius: 7px;
    position: relative;
    display: flex;
    min-height: 100px;
    align-items: center;
    border: solid 1px var(--border-light-v2);
    background-position: right top;
    background-size: 30% auto;
    background-repeat: no-repeat;
  }
  .config-kanban-templates-list .CKT-item .CKT-delete-btn {
    position: absolute;
    right: 7px;
    top: 7px;
    line-height: 0;
  }
  .config-kanban-templates-list .CKT-item span {
    position: relative;
  }
  .config-kanban-templates-list .CKT-item span::after {
    content: "";
    position: absolute;
    left: 0;
    height: 2px;
    background-color: #4785ff;
    border-radius: 100px;
    bottom: -5px;
    width: 80%;
  }
.editorjs-v2-block{
    background-color: #fff;
    border-radius: 7px;
    /* overflow:hidden; */
    box-shadow: 0px 0px 3px rgba(0,0,0,0.07);
    position:relative;
}
/* .editorjs-v2-block:before{
    content:"";
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%);
    width:20px;
    height:1px;
    left:-20px;
    background-color:#999;
} */
.editorjs-v2-carousel .EJC-item {
    height:100%;
    display:flex;
    flex-direction:column;
}
.editorjs-v2-carousel .owl-nav .owl-next,
.editorjs-v2-carousel .owl-nav .owl-prev{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:35px;
    height:35px;
    background-color:rgba(255,255,255,0.25)!important;
    border-radius:100px!important;
}
.editorjs-v2-carousel .owl-nav .owl-next:hover,
.editorjs-v2-carousel .owl-nav .owl-prev:hover{
    background-color:rgba(255,255,255,0.20)!important;
}
.editorjs-v2-carousel .owl-nav .owl-next.disabled,
.editorjs-v2-carousel .owl-nav .owl-prev.disabled{
    background-color:rgba(255,255,255,0.40)!important;
}
.editorjs-v2-carousel .owl-nav .owl-prev{
    left:15px;
}
.editorjs-v2-carousel .owl-nav .owl-next{
    right:15px;
}
.editorjs-v2-carousel .owl-nav .owl-next span,
.editorjs-v2-carousel .owl-nav .owl-prev span{
    font-size:0;
}
.editorjs-v2-carousel .owl-nav .owl-next span:before,
.editorjs-v2-carousel .owl-nav .owl-prev span:before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-size: 20px;
    color: #fff;
}
.editorjs-v2-carousel .owl-nav .owl-prev span:before{
    content:""
}
.editorjs-v2-carousel .owl-nav .owl-next span:before{
    content:""
}
.EJ-v2-video-lightbox-wrapper ul.lightgallery,
.EJ-v2-img-lightbox-wrapper ul{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}
.EJ-v2-video-lightbox-wrapper ul.lightgallery .EJ-gallery-item,
.EJ-v2-img-lightbox-wrapper ul .EJ-gallery-item{
    flex-grow: 1;
    width: calc(25% - 15px);
    margin: 0!important;
    border-radius: 6px;
    overflow: hidden;
}
.studio-preview-bg  .EJ-v2-img-lightbox-wrapper.blocks3 ul .EJ-gallery-item{
    width: calc(33.33% - 1px);
    border-radius:0;
}
.EJ-v2-img-lightbox-wrapper.blocks3 ul .EJ-gallery-item{
    width: calc(33.33% - 15px);
}
@media (max-width: 1200px) {
.EJ-v2-img-lightbox-wrapper ul .EJ-gallery-item{
    width: calc(33.33% - 15px);
}
}

.EJ-v2-img-lightbox-wrapper ul .EJ-gallery-item  a {
    height: 100%;
    display: flex;
    background-size: cover;
    background-position: center;
    position: relative;
  }
  .EJ-v2-img-lightbox-wrapper ul .EJ-gallery-item:hover a > span{
    background-color: rgba(0,0,0,0.55);
  }
.EJ-v2-img-lightbox-wrapper ul .EJ-gallery-item img{
    visibility:hidden;
}
.EJ-gallery-caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;
    transition:all 0.25s;
  }
  .studio-preview-bg .EJ-v2-img-lightbox-wrapper ul.lightgallery,
  .studio-preview-bg .EJ-v2-video-lightbox-wrapper ul.lightgallery{gap:1px}
  .studio-preview-bg .EJ-v2-video-lightbox-wrapper.blocks2 ul.lightgallery li{
    width:calc(50% - 1px);
    border-radius:0;
  }
  .EJ-v2-video-lightbox-wrapper.blocks2 ul.lightgallery li{
    width:calc(50% - 15px);
  }
  .EJ-v2-video-lightbox-wrapper ul.lightgallery li{
    flex-grow: 1;
    width:calc(25% - 15px);
    margin:0!important;
    border-radius: 6px;
    overflow: hidden;
}
  .EJ-v2-video-lightbox-wrapper ul.lightgallery li a{
    height: 100%;
    display: flex;
    background-size: cover;
    background-position: center;
    position:relative;
}
  .EJ-v2-video-lightbox-wrapper ul.lightgallery li img{
    visibility:hidden;
}
.video-gallery-poster,
.EJ-v2-video-lightbox-wrapper .demo-gallery-poster {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .video-gallery-poster img,
  .EJ-v2-video-lightbox-wrapper .demo-gallery-poster img {
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    transition: 0.2s;
  }


  .table-rounded.table th,
  .table-rounded.table td,
  .EJ-v2-table .dataTables_wrapper .dataTable th,
  .EJ-v2-table .dataTables_wrapper .dataTable td{
    color:#2B345F !important;
  }
  .table-rounded.table,
  .EJ-v2-table .dataTables_wrapper .dataTable *{border:0px;font-size:13px;}

  .EJ-v2-table .dataTables_wrapper .dataTable.border{
    border-width: 1px !important;
    border-radius: 7px !important;
  }
  .table-rounded.table thead th{
    background-color: rgba(31, 70, 147, 0.07);
  }
  .table-rounded.table thead td,
  .EJ-v2-table .dataTables_wrapper .dataTable thead td,
  .EJ-v2-table .dataTables_wrapper .dataTable thead th{
    background-color:#EAF0FF;
  }

  .table-rounded.table thead td:first-child,
  .table-rounded.table thead th:first-child,
  .EJ-v2-table .dataTables_wrapper .dataTable thead td:first-child,
  .EJ-v2-table .dataTables_wrapper .dataTable thead th:first-child{
    border-top-left-radius:7px;
  }
  .table-rounded.table thead td:last-child,
  .table-rounded.table thead th:last-child,
  .EJ-v2-table .dataTables_wrapper .dataTable thead td:last-child,
  .EJ-v2-table .dataTables_wrapper .dataTable thead th:last-child{
    border-top-right-radius:7px;
  }
  .table-rounded.table tbody tr:nth-child(even),
  .EJ-v2-table .dataTables_wrapper .dataTable tbody tr:nth-child(even){
    background-color:#F5F8FF;
  }
  .EJ-v2-table .dataTables_wrapper .table{
    margin:0!important;
  }
  .editorjs-v2-list-wrapper li {
    margin:0!important;
  }
  .editorjs-v2-list-wrapper li:before {
    color:#2B345F!important;
  }
  .EJ-checklist-v2-wrapper li{margin:10px 0;}
  .EJ-checklist-v2-wrapper li .custom-check-icon{
    width: 17px;
    min-width: 17px;
    height: 17px;
    border-radius: 4px;
    border: solid 1px #D9D9D9;
    top: 4px;
    position: relative;
  }
  .EJ-checklist-v2-wrapper li.not-checked .custom-check-icon{
    border-color:#F64E60;
  }
  .EJ-checklist-v2-wrapper li.not-checked .custom-check-icon::after {
    content: "";
    font-family: "Line Awesome Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 12px;
    color: #F64E60;
  }
  .EJ-checklist-v2-wrapper li.checked .custom-check-icon{
    border-color:#4785FF;
  }
  .EJ-checklist-v2-wrapper li.checked .custom-check-icon:after{
    content:"";
    font-family: "Line Awesome Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 12px;
    color: #4785FF;
  }
  .EJ-attachment-v2-wrapper li{
    width:calc(50% - 7px)
  }
  .EJ-attachment-v2-wrapper li > span{
    white-space: nowrap;
  max-width: calc(100% - 90px);
  overflow: hidden;
  text-overflow: ellipsis;
  }
  .editorjs-v2-link a {
    white-space: nowrap;
    max-width: calc(100% - 35px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
  }
  .strategy-details-wrapper .strategy-okr-accordion > .accordion ul li li:not(.SSIC-actions li){
    margin:0!important
  }
  .dashboardv2-summary-carousel.owl-top-right .owl-prev,
  .dashboardv2-summary-carousel.owl-top-right .owl-next{
    top: -45px;
    width: 25px;
    height: 25px;
    background-color:#EFEFEF!important;
    border:0!important;
  }
  .dashboardv2-summary-carousel.owl-top-right .owl-prev:hover,
  .dashboardv2-summary-carousel.owl-top-right .owl-next:hover{
    background-color:#4785FF!important;
  }
  .dashboardv2-summary-carousel.owl-top-right .owl-prev {
    right: 32px;
  }
  .dashboardv2-summary-carousel.owl-top-right .owl-prev span,
  .dashboardv2-summary-carousel.owl-top-right .owl-next span{font-size:0;}
  .dashboardv2-summary-carousel.owl-top-right .owl-prev span:after,
  .dashboardv2-summary-carousel.owl-top-right .owl-next span:after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    font-size:14px;
    font-family: "Line Awesome Free";
    font-weight: 900;
    color:#4785FF;
  }
  .dashboardv2-summary-carousel.owl-top-right .owl-prev.disabled,
  .dashboardv2-summary-carousel.owl-top-right .owl-next.disabled{
    pointer-events:none;
    filter:grayscale(1)
  }
  .dashboardv2-summary-carousel.owl-top-right .owl-prev:hover span:after,
  .dashboardv2-summary-carousel.owl-top-right .owl-next:hover span:after{
    color:#fff!important;
  }
  .dashboardv2-summary-carousel.owl-top-right .owl-prev span:after{
    content:"";
  }
  .dashboardv2-summary-carousel.owl-top-right .owl-next span:after{
    content:"";
  }
  .dropdown-style1 .dropdown-menu,
  .dropdown-style1 .btn-primary{
    border-radius:7px;
  }
  .dropdown-style1 [aria-expanded="true"] .btn-primary{
    background-color:#fff!important;
    color:#181C23;
    border:0;
}
.dropdown-style1 [aria-expanded="true"] .btn-primary *{
    color:#181C23!important
}
.dropdown-style1 [aria-expanded="true"] .btn-primary i{
    transform:rotate(180deg)
}
.dropdown-style1.show [aria-expanded="true"] .btn-primary:focus,
.dropdown-style1.show [aria-expanded="true"] .btn-primary{
box-shadow: 2.26467px 2.26467px 8.08809px rgba(0, 0, 0, 0.2)!important;
}
.dropdown-style1.show [aria-expanded="true"] ~ .dropdown-menu{
  box-shadow: 2.26467px 6.265px 8.08809px rgba(0, 0, 0, 0.2);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.dropdown-style1 .navi-link figure{
    width:18px;
    text-align:right;
}
.dropdown-style1 .navi-link figure img{
    max-width:18px;
    max-height:18px;
}
.dropdown-style1.show [aria-expanded="true"] ~ .dropdown-menu .navi .navi-item .navi-link:hover .navi-text {
    color: rgba(63, 66, 84, 0.9);
  }
  .Dv2SC-item {
    padding: 1.5rem 0 !important;
    }
.Dv2SC-item-inner{
    box-shadow: 0px 0px 5.98476px rgba(97, 97, 97, 0.12);
    border-radius: 5.98476px;
    margin:0 10px;
    padding:10px 10px 25px 10px;
    position:relative;
  }
  .dashboardv2-summary-carousel .owl-item:nth-child(1) .Dv2SC-item-inner{
    background-color: #F4F7FF;
  }
  .dashboardv2-summary-carousel .owl-item:nth-child(2) .Dv2SC-item-inner{
    background-color: #FFF4F4;
  }
  .dashboardv2-summary-carousel .owl-item:nth-child(3) .Dv2SC-item-inner{
    background-color: #FFFBF4;
  }
  .dashboardv2-summary-carousel .owl-item:nth-child(4) .Dv2SC-item-inner{
    background-color: #F4FFFB;
  }
  .dashboardv2-summary-carousel .owl-item:nth-child(5) .Dv2SC-item-inner{
    background-color: #FFFFF4;
  }
  .dashboardv2-summary-carousel .owl-item:nth-child(6) .Dv2SC-item-inner{
    background-color:#FFF4FB;
  }
  .dashboardv2-summary-carousel .owl-item:nth-child(7) .Dv2SC-item-inner{
    background-color: #FBF4F8;
  }
  .dashboardv2-summary-carousel .owl-item:nth-child(8) .Dv2SC-item-inner{
    background-color: #F4FFFB;
  }
  .Dv2SC-item-inner .Dv2SC-viewmore{
    position: absolute;
    display: inline-block !important;
    right: 10px;
    bottom: 0px;
    opacity:0;
    transition:all 0.3s;
  }
  .Dv2SC-item-inner:hover .Dv2SC-viewmore{opacity:1;bottom:15px;}
  .Dv2SC-item-inner:hover{
    box-shadow: 0px 0px 12px rgba(97, 97, 97, 0.24);
  }
  .Dv2SC-item-inner:hover figure svg{bottom:30px;opacity:0}
  .Dv2SC-item-inner figure svg,
  .Dv2SC-item-inner figure img {
    position: absolute;
    height: 35px;
    display: inline-block !important;
    width: 35px !important;
    right: 10px;
    bottom: 10px;
     transition:all 0.3s;
  }
  .dashboardv2--card .str-project-list .strategy-list-wrapper .str-list-item {
    width: calc(33.33% - 15px);
    max-width: calc(33.33% - 13px);
    box-shadow: 0px 0px 7.90034px rgba(97, 97, 97, 0.12);
    border-radius: 3.95017px;
  }

  .dashboardv2--card .str-project-list .strategy-list-wrapper .str-list-item:hover{
    box-shadow: 0px 0px 12px rgba(97, 97, 97, 0.24);
  }
  .str-list-item .str-list-banner {
    height: 120px;
    margin: -15px -15px 0 -15px;
    background-size: cover;
    background-position: center center;
    border-radius: 3.95017px 3.95017px 0 0;
  }
  body .square-progress-v2 .rating_container{
    gap:8px
  }
  body .square-progress-v2 .rating_container .rating,
  body .square-progress-v2 .rating_container .rating:hover{
    width:12px;
    height:12px;
    text-indent: -9999px;
    border-color: #D9D9D9;
    background-color: #D9D9D9;
  }
  body .square-progress-v2 .rating_container .rating.active{
    border-color: #32D0A5;
    background-color: #32D0A5;
  }

  .dashboardv2-trending-card .dashboard-v1-ele {
    width: calc(33.33% - 15px);
  }
  .dashboardv2-trending-card .dashboard-v1-ele .v1-card-type1,
  .dashboardv2-trending-card .dashboard-v1-ele .v1-card-type2 {
    min-height:200px;
    box-shadow:none!important;
    filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.1));
    margin:0;
  }
  .dashboardv2-trending-card .dashboard-v1-ele .v1-card-type1:hover,
  .dashboardv2-trending-card .dashboard-v1-ele .v1-card-type2:hover {
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2)!important;
  }
  .p-10px{
    padding:10px!important;
  }
  .policy-preview-v3-card .tab-outer-scroll-overlay{
    width: calc(100% - 65px);
  }
  .policy-preview-v3-card .tab-outer-scroll-overlay:after{
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    transform:translateY(-50%);
    width:100px;
    height: calc(100% - 0px);
    background-image: linear-gradient(to right, rgba(255, 255, 255,0.2), rgb(255, 255, 255));
  }

  .policy-preview-v3-card .CP-accrodion .strategy-okr-accordion > .accordion .accordion .accordion > ul > li > .card::before,
  .policy-preview-v3-card .CP-accrodion .strategy-okr-accordion > .accordion .accordion > ul > li > .card .cluster-list-item::after,
  .policy-preview-v3-card .CP-accrodion .strategy-okr-accordion > .accordion ul li:not(:last-child) > .card::before{
    border-color:#011F4B!important;
    opacity:0.1;
    background-color:transparent;
  }
  .chat-offcanvas-v2.offcanvas.offcanvas-right{
    box-shadow: 4.49301px 12.5804px 71.8882px rgba(26, 26, 26, 0.12), 8.98602px 8.98602px 35.9441px rgba(0, 0, 0, 0.08);
    border-radius: 7.18882px;
    width:450px;
    top:25px;
    bottom:25px;
    right: -450px;
  }
  .chat-offcanvas-v2.offcanvas.offcanvas-right.offcanvas-on{
    right:25px;
  }
  .chat-offcanvas-v2.offcanvas.offcanvas-right .bg-light{
    border: 1px solid #E3E3E3!important;
    border-radius: 7px!important;
    background-color:#fff!important
  }
  .handbook-tile-wrapper .handbook-tile-item-outer{
    width:calc(33.33% - 14px);
    max-width:calc(33.33% - 14px);
    min-height: 200px;
    position:relative;
  }
  @media (min-width: 1500px) {
  .handbook-tile-wrapper .handbook-tile-item-outer{
    width:calc(25% - 15px);
  }
  }
  .handbook-tile-wrapper .handbook-tile-item-outer .handbook-tile-item {
    position: relative;
    padding: 50px 10px 50px 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 0px 8px rgba(97, 97, 97, 0.12);
    border-radius: 12px;
    border:solid 1px #fff;
    transition:all 0.2s;
  }
  .handbook-tile-wrapper .handbook-tile-item-outer .handbook-tile-item:hover{
    box-shadow: 0px 3px 10px rgba(97, 97, 97, 0.17);
  }
  .handbook-tile-wrapper .handbook-tile-item-outer .handbook-tile-item .handbook-tile-looper-bg {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .handbook-tile-wrapper .handbook-tile-item-outer input ~ .handbook-tile-item .checkbox span{
    background-color:transparent;
  }
  .handbook-tile-wrapper .handbook-tile-item-outer input ~ .handbook-tile-item .checkbox span:after{
    display:none!important
  }
  .handbook-tile-wrapper .handbook-tile-item-outer input:checked ~ .handbook-tile-item .checkbox span:before{
   content:"";
   font-family: "Line Awesome Free";
   font-weight: 900;
   position:absolute;
   left:50%;
   top:50%;
   transform:translate(-50%,-50%);
   font-size:12px;
   color:#2B345F;
  }
 /* tile 1 */
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+1) .handbook-tile-item{
    background-color:#FFF0E9;
    border-color:#FFF0E9;
 }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+1) input:checked ~ .handbook-tile-item,
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+1) .handbook-tile-item .checkbox span{
    border-color:#FFD4C2!important
  }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+1) .handbook-tile-item .btn-handbook-share svg path{
    fill: #A7745E;
 }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+1) .handbook-tile-footer .symbol .symbol-label svg path{
    stroke: #A7745E;
 }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+1) .handbook-tile-item .handbook-tile-looper-bg svg path{
    stroke:#FFD4C2!important;
 }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+1) .handbook-tile-footer .symbol .symbol-label,
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+1) .handbook-tile-item .btn-handbook-share,
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+1) input:checked ~ .handbook-tile-item .checkbox span{
    background-color:#FFD4C2!important
  }
 /* tile 2 */
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+2) .handbook-tile-item{
    background-color:#E6FFF4;
    border-color:#E6FFF4;
 }

 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+2) input:checked ~ .handbook-tile-item,
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+2) .handbook-tile-item .checkbox span{
    border-color:#B1FFDC!important
  }
.handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+2) .handbook-tile-item .btn-handbook-share svg path{
    fill:#5FA183;
 }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+2) .handbook-tile-footer .symbol .symbol-label svg path{
    stroke: #5FA183;
 }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+2) .handbook-tile-item .handbook-tile-looper-bg svg path{
    stroke:#B1FFDC!important;
 }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+2) .handbook-tile-footer .symbol .symbol-label,
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+2) .handbook-tile-item .btn-handbook-share,
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+2) input:checked ~ .handbook-tile-item .checkbox span{
    background-color:#B1FFDC!important
  }
 /* tile 3 */
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+3) .handbook-tile-item{
    background-color:#FFE8FD;
    border-color:#FFE8FD;
 }
  .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+3) input:checked ~ .handbook-tile-item,
  .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+3) .handbook-tile-item .checkbox span{
    border-color:#FFC1F9!important
  }
  .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+3) .handbook-tile-item .btn-handbook-share svg path{
    fill: #B16EAA;
 }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+3) .handbook-tile-footer .symbol .symbol-label svg path{
    stroke: #B16EAA;
 }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+3) .handbook-tile-item .handbook-tile-looper-bg svg path{
    stroke:#FFC1F9!important;
 }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+3) .handbook-tile-footer .symbol .symbol-label,
   .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+3) .handbook-tile-item .btn-handbook-share,
  .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+3) input:checked ~ .handbook-tile-item .checkbox span{
    background-color:#FFC1F9!important
  }
 /* tile 4 */
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+4) .handbook-tile-item{
    background-color:#F4EAFF;
    border-color:#F4EAFF;
 }
  .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+4) input:checked ~ .handbook-tile-item,
  .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+4) .handbook-tile-item .checkbox span{
    border-color:#E5CEFF!important
  }
  .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+4) .handbook-tile-item .btn-handbook-share svg path{
    fill: #9070B3;
 }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+4) .handbook-tile-footer .symbol .symbol-label svg path{
    stroke: #9070B3;
 }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+4) .handbook-tile-item .handbook-tile-looper-bg svg path{
    stroke:#E5CEFF!important;
 }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+4) .handbook-tile-footer .symbol .symbol-label,
  .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+4) .handbook-tile-item .btn-handbook-share,
  .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+4) input:checked ~ .handbook-tile-item .checkbox span{
    background-color:#E5CEFF!important
  }
 /* tile 5 */
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+5) .handbook-tile-item{
    background-color:#ECF9FF;
    border-color:#ECF9FF;
 }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+5) input:checked ~ .handbook-tile-item,
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+5) .handbook-tile-item .checkbox span{
    border-color:#BDEBFF!important
  }
  .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+5) .handbook-tile-item .btn-handbook-share svg path{
    fill: #6797AB;
 }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+5) .handbook-tile-footer .symbol .symbol-label svg path{
    stroke: #6797AB;
 }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+5) .handbook-tile-item .handbook-tile-looper-bg svg path{
    stroke:#BDEBFF!important;
 }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+5) .handbook-tile-footer .symbol .symbol-label,
  .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+5) .handbook-tile-item .btn-handbook-share,
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+5) input:checked ~ .handbook-tile-item .checkbox span{
    background-color:#BDEBFF!important
  }
 /* tile 6 */
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+6) .handbook-tile-item{
    background-color:#FFE8E8;
    border-color:#FFE8E8;
 }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+6) input:checked ~ .handbook-tile-item,
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+6) .handbook-tile-item .checkbox span{
    border-color:#FFC6C6!important
  }
  .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+6) .handbook-tile-item .btn-handbook-share svg path{
    fill: #AD6363;
 }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+6) .handbook-tile-footer .symbol .symbol-label svg path{
    stroke: #AD6363;
 }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+6) .handbook-tile-item .handbook-tile-looper-bg svg path{
    stroke:#FFC6C6!important;
 }
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+6) .handbook-tile-footer .symbol .symbol-label,
  .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+6) .handbook-tile-item .btn-handbook-share,
 .handbook-tile-wrapper .handbook-tile-item-outer:nth-child(6n+6) input:checked ~ .handbook-tile-item .checkbox span{
    background-color:#FFC6C6!important
  }
  .handbook-share-svg {
    height: 14px;
  }
  .handbook-tile-wrapper .handbook-tile-item-outer .handbook-tile-header{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    padding:10px;
  }
  .handbook-tile-wrapper .handbook-tile-item-outer .handbook-tile-header .label-white{
    box-shadow: 0px 0px 8px rgba(97, 97, 97, 0.12);
  }
  .handbook-tile-wrapper .handbook-tile-item-outer .handbook-tile-footer{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:10px;
  }
  .handbook-details-offcanvas.offcanvas.offcanvas-right{
    width:1100px;
    max-width:80%;
    right: -1100px;
  }
  .handbook-details-offcanvas.offcanvas.offcanvas-right.offcanvas-on{
    right:0;
  }
  .share-modal-v2 .input-group{
    box-shadow: 0px 0px 8px rgba(97, 97, 97, 0.12);
    border-radius: 12px;
  }
.placeholder-dark::-webkit-input-placeholder { color: #7E8299; }
.placeholder-dark::-moz-placeholder { color: #7E8299; }
.placeholder-dark:-ms-input-placeholder { color: #7E8299; }
.placeholder-dark::-ms-input-placeholder { color: #7E8299; }
.placeholder-dark::placeholder { color: #7E8299; }
.share-modal-v2 ul li{
    padding:10px 0;
    border-top:solid 1px rgba(43, 52, 95, 0.1)
}
.share-modal-v2 ul li:first-child{
    padding-top:0px;
    border-top:0
}
.share-v2-list-carausel .owl-stage {
    display: flex;
}
.share-v2-list-carausel .share-v2-member{
    padding:23px 7px 7px 7px;
    background-color: #F9FBFF;
    border: 0.953216px solid #C3D4F6;
    border-radius: 5.7193px;
}
.share-v2-list-carausel.share-v3-list-carausel .share-v2-member{
    padding:7px;
}
.share-v2-list-carausel .share-v2-member .btn{
    position:absolute;
    top:10px;
    right:10px;
    line-height:0;
}
.share-v2-list-carausel.share-v3-list-carausel .share-v2-member .btn {
    width: 16px;
    height: 16px;
    background-color: #FFEFEF;
    display: flex;
    align-items: center;
    border-radius: 100px;
    justify-content: center;
    border: solid 1px rgba(255, 0, 28, 0.2) !important;
    opacity:0;
    transition:all 0.2s;
  }
  .share-v2-list-carausel.share-v3-list-carausel .share-v2-member:hover .btn{opacity:1}
  .share-v2-list-carausel.share-v3-list-carausel .share-v2-member .btn i {
    color: #F64E60;
    font-size: 11px !important;
  }
.policy-v3-faq-list{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}
.policy-v3-faq-list .Pv3-FAQ-item {
    width: calc(25% - 12px);
    max-width: calc(25% - 12px);
    box-shadow: 0px 0px 8px rgba(97, 97, 97, 0.12);
    border-radius:7px;
    transition:all 0.2s;
  }
  .policy-v3-faq-list .Pv3-FAQ-item:hover{
    box-shadow: 0px 0px 12px rgba(97, 97, 97, 0.24);
  }
  .policy-v3-faq-list .Pv3-FAQ-item .Pv3-FAQ-body{
    padding:10px;
    border-radius:0 0 7px 7px;
    height: calc(100% - 130px);
  }
.policy-v3-faq-list .Pv3-FAQ-item figure {
  height: 130px;
  background-size: cover;
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: center;
  border-radius:7px 7px 0 0;
}
.policy-v3-faq-full-banner{
    background-size:cover;
    background-position:center center;
}
.policy-v3-faq-details-body .accordion .card-header .card-title {
    padding-left: 0;
    background-color: transparent !important;
    font-size: 15px;
    font-weight: 400;
    color:#4785FF!important;
  }
.policy-v3-faq-details-body .accordion .card-header .card-title.collapsed{
    color: #2b345f !important;
}
.policy-v3-faq-details-body .accordion .card-header,
.policy-v3-faq-details-body .accordion .card{
    background-color:transparent;
    box-shadow:none;
    margin:0;
}
.policy-v3-faq-details-body .accordion .card:not(:first-child){
    border-top:solid 1px var(--border-light-v2)
}
.handbook-tile-wrapper.handbook-tile-img-wrapper .handbook-tile-item{
    background-size:cover;
    overflow:hidden;
    z-index:1;
}
.handbook-tile-wrapper.handbook-tile-img-wrapper .handbook-tile-item-outer .handbook-tile-item::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(13, 20, 54,0.8);
    z-index: -1;
  }
.handbook-tile-wrapper.handbook-tile-img-wrapper .handbook-tile-item-outer .handbook-tile-footer .symbol .symbol-label,
.handbook-tile-wrapper.handbook-tile-img-wrapper .handbook-tile-item-outer .handbook-tile-item .btn-handbook-share{
    background-color:#fff!important
}
 /* tile 1 */
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+1) .handbook-tile-item{
    background-color:#D8EFFF;
    border-color:#D8EFFF;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+1) .handbook-tile-item .btn-handbook-share svg path{
    fill: #2B345F;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+1) .handbook-tile-footer .symbol .symbol-label svg path{
    stroke: #2B345F;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+1) .handbook-tile-footer .symbol .symbol-label,
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+1) .handbook-tile-item .btn-handbook-share{
    background-color:#BFE4FF!important
  }
  /* tile 2 */
  .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+2) .handbook-tile-item{
    background-color:#FDF3F3;
    border-color:#FDF3F3;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+2) .handbook-tile-item .btn-handbook-share svg path{
    fill: #9E6969;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+2) .handbook-tile-footer .symbol .symbol-label svg path{
    stroke: #9E6969;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+2) .handbook-tile-footer .symbol .symbol-label,
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+2) .handbook-tile-item .btn-handbook-share{
    background-color:#FFD5D5!important
  }
  /* tile 3 */
  .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+3) .handbook-tile-item{
    background-color:#FFE8E8;
    border-color:#FFE8E8;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+3) .handbook-tile-item .btn-handbook-share svg path{
    fill: #AD6363;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+3) .handbook-tile-footer .symbol .symbol-label svg path{
    stroke: #AD6363;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+3) .handbook-tile-footer .symbol .symbol-label,
  .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+3) .handbook-tile-item .btn-handbook-share{
    background-color:#FFC6C6!important
  }
 /* tile 4 */
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+4) .handbook-tile-item{
    background-color:#D8EFFF;
    border-color:#D8EFFF;
 }
  .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+4) .handbook-tile-item .btn-handbook-share svg path{
    fill: #589B9A;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+4) .handbook-tile-footer .symbol .symbol-label svg path{
    stroke: #589B9A;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+4) .handbook-tile-footer .symbol .symbol-label,
.handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+4) .handbook-tile-item .btn-handbook-share{
    background-color:#ADE6E5!important
  }
 /* tile 5 */
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+5) .handbook-tile-item{
    background-color:#F4F6D4;
    border-color:#F4F6D4;
 }
  .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+5) .handbook-tile-item .btn-handbook-share svg path{
    fill: #A9AC6A;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+5) .handbook-tile-footer .symbol .symbol-label svg path{
    stroke: #A9AC6A;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+5) .handbook-tile-footer .symbol .symbol-label,
.handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+5) .handbook-tile-item .btn-handbook-share{
    background-color:#E0E3AA!important
  }
 /* tile 6 */
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+6) .handbook-tile-item{
    background-color:#E9FFDB;
    border-color:#E9FFDB;
 }
  .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+6) .handbook-tile-item .btn-handbook-share svg path{
    fill: #73965E;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+6) .handbook-tile-footer .symbol .symbol-label svg path{
    stroke: #73965E;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+6) .handbook-tile-footer .symbol .symbol-label,
.handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+6) .handbook-tile-item .btn-handbook-share{
    background-color:#C8E7B5!important
  }
 /* tile 7 */
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+7) .handbook-tile-item{
    background-color:#FAF6E9;
    border-color:#FAF6E9;
 }
  .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+7) .handbook-tile-item .btn-handbook-share svg path{
    fill: #9F9571;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+7) .handbook-tile-footer .symbol .symbol-label svg path{
    stroke: #9F9571;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+7) .handbook-tile-footer .symbol .symbol-label,
.handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+7) .handbook-tile-item .btn-handbook-share{
    background-color:#E5DAB4!important
  }
 /* tile 8 */
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+8) .handbook-tile-item{
    background-color:#F5F5F5;
    border-color:#F5F5F5;
 }
  .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+8) .handbook-tile-item .btn-handbook-share svg path{
    fill: #A3A3A3;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+8) .handbook-tile-footer .symbol .symbol-label svg path{
    stroke: #A3A3A3;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+8) .handbook-tile-footer .symbol .symbol-label,
.handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+8) .handbook-tile-item .btn-handbook-share{
    background-color:#E3E3E3!important
  }
 /* tile 9 */
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+9) .handbook-tile-item{
    background-color:#ECE8D9;
    border-color:#ECE8D9;
 }
  .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+9) .handbook-tile-item .btn-handbook-share svg path{
    fill: #8F8665;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+9) .handbook-tile-footer .symbol .symbol-label svg path{
    stroke: #8F8665;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+9) .handbook-tile-footer .symbol .symbol-label,
.handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+9) .handbook-tile-item .btn-handbook-share{
    background-color:#D7CDAB!important
  }
 /* tile 10 */
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+10) .handbook-tile-item{
    background-color:#E9E5F2;
    border-color:#E9E5F2;
 }
  .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+10) .handbook-tile-item .btn-handbook-share svg path{
    fill: #745A91;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+10) .handbook-tile-footer .symbol .symbol-label svg path{
    stroke: #745A91;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+10) .handbook-tile-footer .symbol .symbol-label,
.handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+10) .handbook-tile-item .btn-handbook-share{
    background-color:#C5BFD8!important
  }
 /* tile 11 */
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+11) .handbook-tile-item{
    background-color:#ECF9FF;
    border-color:#ECF9FF;
 }
  .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+11) .handbook-tile-item .btn-handbook-share svg path{
    fill: #6797AB;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+11) .handbook-tile-footer .symbol .symbol-label svg path{
    stroke: #6797AB;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+11) .handbook-tile-footer .symbol .symbol-label,
.handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+11) .handbook-tile-item .btn-handbook-share{
    background-color:#BDEBFF!important
  }
 /* tile 12 */
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+12) .handbook-tile-item{
    background-color:#E7E6FF;
    border-color:#E7E6FF;
 }
  .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+12) .handbook-tile-item .btn-handbook-share svg path{
    fill: #2B345F;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+12) .handbook-tile-footer .symbol .symbol-label svg path{
    stroke: #2B345F;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+12) .handbook-tile-footer .symbol .symbol-label,
.handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+12) .handbook-tile-item .btn-handbook-share{
    background-color:#BCBBE2!important
  }
 /* tile 13 */
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+13) .handbook-tile-item{
    background-color:#DDE4ED;
    border-color:#DDE4ED;
 }
  .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+13) .handbook-tile-item .btn-handbook-share svg path{
    fill: #7E8C9F;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+13) .handbook-tile-footer .symbol .symbol-label svg path{
    stroke: #7E8C9F;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+13) .handbook-tile-footer .symbol .symbol-label,
.handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+13) .handbook-tile-item .btn-handbook-share{
    background-color:#B0BED1!important
  }
 /* tile 14 */
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+14) .handbook-tile-item{
    background-color:#FFF2DB;
    border-color:#FFF2DB;
 }
  .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+14) .handbook-tile-item .btn-handbook-share svg path{
    fill: #928163;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+14) .handbook-tile-footer .symbol .symbol-label svg path{
    stroke: #928163;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+14) .handbook-tile-footer .symbol .symbol-label,
.handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+14) .handbook-tile-item .btn-handbook-share{
    background-color:#EEE0C7!important
  }
 /* tile 15 */
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+15) .handbook-tile-item{
    background-color:#FFFDE4;
    border-color:#FFFDE4;
 }
  .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+15) .handbook-tile-item .btn-handbook-share svg path{
    fill: #918F6B;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+15) .handbook-tile-footer .symbol .symbol-label svg path{
    stroke: #918F6B;
 }
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+15) .handbook-tile-footer .symbol .symbol-label,
 .handbook-tile-wrapper.handbook-tile-wrapper-1 .handbook-tile-item-outer:nth-child(15n+15) .handbook-tile-item .btn-handbook-share{
    background-color:#E8E6CB!important
  }

  .select2-container .select2-selection--multiple .select2-selection__rendered{
    display:flex!important;
    flex-wrap:wrap;
  }
  .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{
    float:none
  }
  .caption-bottom-center{
    position:absolute;
    left:50%;
    bottom:0;
    transform: translateX(-50%);
    /* top:50%;
    transform:translateY(-50%) */
  }
  .caption-center{
    position:absolute;
    left:50%;
    transform: translate(-50%, -50%);
    top:50%;
    text-align:center;
   }
  .EJC-item-caption{
    padding:15px 70px;
    color:#fff;
    z-index:1;
    max-width:650px;
    width:100%;
    font-size:28px;
    font-weight:normal!important;
  }
  .conversation-studio-card .EJ-carousel-wrapper .EJC-item .figure{position:relative}
  .chat-offcanvas-v2 .EJ-carousel-wrapper .EJC-item .figure::before,
  .conversation-studio-card .EJ-carousel-wrapper .EJC-item .figure:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5)
  }
  .chat-offcanvas-v2 .EJC-item-caption{font-size:17px}

  .chat-offcanvas-v2 .chat-add-comment.task-info-add-comment .emojionearea{
    border:0!important;
  }
  .chat-offcanvas-v2 .ask-chat ul.lightgallery li{
    width: calc(50% - 10px);
    position:relative;
  }
  .filter-wrapper-v2 .tagify .tagify__tag div{
    padding-top:2px;
    padding-bottom:2px;
    font-size:13px;
  }
  .filter-wrapper-v2 .tagify__input {
    padding: 3px 5px;
    height: 26px;
  }
  .max-h-38px{max-height:38px;}
  .min-h-38px{min-height:38px;}
  .h-38px{height:38px;}

  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.all-tab-link,
  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.all-tab-link *{
    border-color:#4785FF!important;
    color:#4785FF!important;
  }

  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.all-tab-link.active{
    border-color:#F1F5FF!important;
    background-color:#F1F5FF!important;
    color:#4785FF!important;
  }

  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.ongoing-tab-link,
  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.ongoing-tab-link *{
    border-color:#EDA313!important;
    color:#EDA313!important;
  }
  .label.ongoing-label,
  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.ongoing-tab-link.active{
    border-color:#FFFAEF!important;
    background-color:#FFFAEF!important;
    color:#EDA313!important;
  }

  .text-ongoing{color:#EDA313!important;}

  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.not-started-tab-link,
  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.not-started-tab-link *{
    border-color:#6B718F!important;
    color:#6B718F!important;
  }
  .label.not-started-label,
  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.not-started-tab-link.active{
    border-color:#EFF2FF!important;
    background-color:#EFF2FF!important;
    color:#6B718F!important;
  }

  .text-not-started{color:#6B718F!important;}

  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.completed-tab-link,
  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.completed-tab-link *{
    border-color:#32D0A5!important;
    color:#32D0A5!important;
  }
  .label.completed-label,
  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.completed-tab-link.active{
    border-color:#DEF9EE!important;
    background-color:#DEF9EE!important;
    color:#32D0A5!important;
  }

  .text-completed{color:#32D0A5!important;}

  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.hold-suspended-tab-link,
  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.hold-suspended-tab-link *{
    border-color:#FF9153!important;
    color:#FF9153!important;
  }
  .label.hold-suspended-label,
  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.hold-suspended-tab-link.active{
    border-color:#FFEFE7!important;
    background-color:#FFEFE7!important;
    color:#FF9153!important;
  }
  .text-hold-suspended{ color:#FF9153!important;}
  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.draft-tab-link,
  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.draft-tab-link *{
    border-color:#AEAEAE!important;
    color:#AEAEAE!important;
  }
  .label.draft-label,
  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.draft-tab-link.active{
    border-color:#F5F5F5!important;
    background-color:#F5F5F5!important;
    color:#AEAEAE!important;
  }
  .text-draft,
  .text-darft{color:#AEAEAE!important;}

  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.under-approval-tab-link,
  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.under-approval-tab-link *{
    border-color:#E9C40F!important;
    color:#E9C40F!important;
  }
  .label.under-approval-label,
  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.under-approval-tab-link.active{
    border-color:#FFFBE8!important;
    background-color:#FFFBE8!important;
    color:#E9C40F!important;
  }
  .text-under-approval{color:#E9C40F!important;}
  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.trash-tab-link,
  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.trash-tab-link *{
    border-color:#E74E4E!important;
    color:#E74E4E!important;
  }
  .label.trash-label,
  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link.trash-tab-link.active{
    border-color:#FFEFEF!important;
    background-color:#FFEFEF!important;
    color:#E74E4E!important;
  }
  .text-trash{color:#E74E4E!important;}
  .strategy-list-card .border-bottom-tabs-3.border-bottom-tabs li .nav-link .label{
    padding: 3px 5px;
    height:18px;
  }
  .h-13px{
    height:13px!important
  }
  .swal2-popup.swal-wide {
    width:auto!important;
    max-width:900px;
    min-width: 28em;
  }
  .swal2-popup.swal-wide .swal2-html-container{
    max-height:none!important;
  }
  @media screen and (min-device-width: 1150px) and (max-device-width: 1480px) {
    .kanban-summary-wrapper .col-xxl-3.col-md-6{
        -ms-flex: 0 0 25%!important;
        flex: 0 0 25%!important;
        max-width: 25%!important;
    }
}
.orgchart .hidden, .orgchart ~ .hidden {
  visibility: hidden;
  pointer-events: none;
  display: block !important;
}

.reward-configuration-card .keyresult-milestone-list-v2 ul li .strategy-v2-keyresult-list::after,
.reward-configuration-card .keyresult-milestone-list-v2 ul ul li .strategy-v2-keyresult-list::after,
.reward-configuration-card .keyresult-milestone-list-v2 ul > li::before{
    display:none
}
.reward-payment-opt2 .keyresult-milestone-list-v2 ul ul li .strategy-v2-keyresult-list::after,
.reward-configuration-card .keyresult-milestone-list-v2 ul ul > li::before{
    display:block
}

#reward-status .select2-dropdown,
#payment-attr-status .select2-dropdown{
    left:unset;
    right:0;
    min-width: 110px !important;
}
#reward-status .select2-container--default .select2-results > .select2-results__options,
#payment-attr-status .select2-container--default .select2-results > .select2-results__options
{
    min-height:90px;
    overflow: hidden;
}
.reward-select-country .selectpicker ~ .btn.dropdown-toggle,
.payment-select-countryy .selectpicker ~ .btn.dropdown-toggle{
    padding:0;
    border:0;
}
.reward-select-country .selectpicker ~ .dropdown-menu,
.payment-select-country .selectpicker ~ .dropdown-menu{
    width:200px;
    min-width:200px;
}
.RCC-delete-collapse {
  position: absolute;
  right: 0;
  bottom: 0;
}
.RCC-delete-collapse .default-arrow-collapse::after{
    font-size:13px;
    color:#181C32;
}
.RCC-add-btn-main, .RCC-payment-add-btn-main {
    padding-bottom: 20px;
    position: relative;
    left: -7px;
    display: inline-block;
  }
  .RCC-add-btn-main::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    transform: translateX(-50%);
    width: 0px;
    border-left: solid 2px rgba(43, 52, 95,0.6);
    height: 24px;
  }
  .RCC-payment-add-btn-main::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    transform: translateX(-50%);
    width: 0px;
    border-left: solid 2px rgba(43, 52, 95,0.6);
    height: 24px;
  }
  .RCC-inner-level-wrapper .RCCI-level {
    width: calc(33.33% - 10px);
    min-height:160px;
    position:relative;
  }
  .RCCI-level.RCCI-level-add::after {
    content: "";
    position: absolute;
    top: -20px;
    height: 21px;
    border-left: solid 1px var(--border-light);
    left: 21px;
  }
  .reward-configuration-card .accordion.accordion-toggle-arrow .card .card-header .card-title:not(.collapsed),
  .reward-configuration-card .accordion.accordion-toggle-arrow .card .card-header .card-title:not(.collapsed)::after{
    color:#000!important
  }
  .svg-guidline-offcanvas{
    z-index:1099;
  }
  .svg-guidline-offcanvas ~ .offcanvas-overlay{
    z-index:1098;
  }
  .reward-configuration-card .RCC-delete-btn{
    opacity:0;
    pointer-events:none;
    transition:0.2s;
  }

  .reward-configuration-card .str-list-item .RCC-delete-btn {
    width: 0px;
    overflow: hidden;
    margin-left: -2px;
    border-radius: 100px;
    background-color: #ffefef;
  }
   .reward-configuration-card .str-list-item:hover .RCC-delete-btn{
    width:20px;
    height:20px;
    overflow:hidden;
    margin-left: 0px;
   }
  .reward-payment-opt1 .RP-opt1-item:hover .RCC-delete-btn,
  .reward-configuration-card .str-list-item:hover .RCC-delete-btn,
  .reward-configuration-card .RCCI-level:hover .RCC-delete-btn,
  .reward-configuration-card .SV2KR-item:hover .RCC-delete-btn{
    opacity:1;
    pointer-events:auto;
  }
  .CJL-task-group-list ul .btn-add-reward-child,
  .SA-form-flex .SAF-tabs ul.nav .btn-add-reward-child,
  .reward-configuration-card .btn-add-reward-child,
  .reward-configuration-card .btn-add-payment-child{
    display: inline-flex;
    padding: 10px 10px 0 10px;
    margin-bottom:-3px;
    position: relative;
    font-size: 20px;
    /* width:41px; */
  }
  .CJL-task-group-list ul .btn-add-reward-child::before,
  .SA-form-flex .SAF-tabs ul.nav .btn-add-reward-child::before,
  .reward-configuration-card .btn-add-reward-child::before,
  .reward-configuration-card .btn-add-payment-child::before {
    content: "";
    position: absolute;
    left: 19px;
    height: 10px;
    border-left: dashed 1px #7e8299;
    top: 0px;
  }
  .CJL-task-group-list ul .btn-add-reward-child,
  .CJL-task-group-list ul .btn-add-payment-child{
    padding-top:0;
  }
  .CJL-task-group-list ul .btn-add-reward-child::before,
  .CJL-task-group-list ul .btn-add-payment-child::before{
    height: 10px;
    top: -10px;
  }
  .reward-payment-opt1 .RP-opt1-item{
    width: calc(33.33% - 10px);
    min-height:140px;
    background-color:#eff7ff;
    position:relative;
    overflow:hidden;
    z-index:1;
  }
  .RP-opt1-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
    height: 100%;
    z-index:-1;
  }
  .RP-opt1-bg img {
    width: 150px;
    position: absolute;
    right: 0;
    bottom: 0;
    height: auto;
  }
  .reward-configuration-card .str-list-item{
    border-radius:13px;
  }
  @media (max-width: 1520px) {
  .reward-configuration-card .str-list-item{
    max-width: calc(33.33% - 20px);
    width: calc(33.33% - 20px);
  }
}
  .reward-configuration-card .str-list-item.dark-theme{
    position:relative;
    z-index:0;
    background-size:cover;
    background-position:center;
}
  .reward-configuration-card .str-list-item.dark-theme:after{
    content:"";
    z-index:-1;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(13, 20, 54,0.65);
    border-radius:13px;
  }
  .reward-configuration-card .TCL-select-priority .select2-container--default .select2-selection--single{
    background-color:transparent!important;
  }
  .reward-configuration-card .shadow-v2{
    box-shadow:0px 3px 8px rgba(0,0,0,0.15);
    transition:all 0.2s;
}
.policy-v3-faq-list .Pv3-FAQ-item .Pv3-FAQ-body a h6,
.hrms-ext-course-list .h6.hrms-ext-course-title,
.handbook-tile-wrapper .handbook-tile-item-outer .handbook-tile-header a h3,

.policy-v3-faq-list .Pv3-FAQ-item .Pv3-FAQ-body a h6:after,
.hrms-ext-course-list .h6.hrms-ext-course-title:after,
.handbook-tile-wrapper .handbook-tile-item-outer .handbook-tile-header a h3:after,
.str-item-title:after,
.str-item-title,
.title-hover-effect{
    position:relative;
}
.title-hover-effect:after{
    content:"";
    width:0px;
    height:1px;
    transition:all 0.5s;
    position:absolute;
    left:0;
    bottom:-1px;
    background-color: currentcolor;
}
.title-hover-effect:hover:after{
    width:100%;
}
.policy-v3-faq-list .Pv3-FAQ-item:hover .Pv3-FAQ-body a h6:after,
.milestone-table-card-inner:hover .str-item-title:after,
.hrms-ext-course-list .hrms-ext-course-item:hover .h6.hrms-ext-course-title:after,
.handbook-tile-wrapper .handbook-tile-item-outer:hover .handbook-tile-header a h3:after,
.str-list-item:hover .str-item-title:after,
.str-item-title:hover:after,

.reward-configuration-card .strategy-v2-keyresult-list.trategy-v2-milestone-list {
    position:relative
}
.reward-configuration-card .config-tabs-left .nav-item .nav-link{
    width:100%;
}
.offcanvas.offcanvas-right.offcanvas-attach-RCC-attribute{
    width:500px;
    right:-500px;
}
.offcanvas.offcanvas-right.offcanvas-add-RCC-attribute {
    width: 700px;
    max-width: 100%;
    right:-700px;
    z-index:1002;
  }
  .offcanvas.offcanvas-right.offcanvas-add-RCC-attribute ~ .offcanvas-overlay{
    z-index:1001
  }
  .offcanvas.offcanvas-right.offcanvas-attach-RCC-attribute.offcanvas-on,
  .offcanvas-add-RCC-attribute.offcanvas.offcanvas-right.offcanvas-on{
    right:0;
  }
  .reward-configuration-card .offcanvas-add-RCC-attribute .keyresult-milestone-list-v2 ul > li:not(:first-child)::after {
    content: "";
    height: 20px;
    width: 1px;
    display: inline-block;
    position: absolute;
    top: -20px;
    border-left: solid 1px var(--border-light);
    left: 6px;
  }
   .reward-payment-opt1 .RP-opt1-item input{display:none}
   .reward-payment-opt1 .RP-opt1-item input ~ .rp-check,
  .RCCA-item-inner .RCCA-item-header .RCCA-check {
    border: solid 1px #ddd;
    width: 17px;
    min-width: 17px;
    height: 18px;
    border-radius: 100px;
    margin-top: 2px;
    position:relative;
  }
  .RCCA-item-item .reward-payment-opt1 .RP-opt1-item{cursor:pointer}
   .reward-payment-opt1 .RP-opt1-item input ~ .rp-check{
    border-color:#dde8f2;
    border-radius: 5px;
  }
   .reward-payment-opt1 .RP-opt1-item input:checked ~ .rp-check,
  .RCC-atrribute-list input:checked ~ .RCCA-item-inner .RCCA-item-header .RCCA-check{
    border-color:#4785ff;
    position:relative;
  }
   .reward-payment-opt1 .RP-opt1-item input:checked ~ .rp-check{
    background-color:#4785ff
  }
  .RCC-atrribute-list input:checked ~ .RCCA-item-inner {
    box-shadow:0px 3px 10px rgba(0,0,0,0.1)!important
  }
   .reward-payment-opt1 .RP-opt1-item input:checked ~ .rp-check:after,
  .RCC-atrribute-list input:checked ~ .RCCA-item-inner .RCCA-item-header .RCCA-check:after{
    content:"";
    font-family: "Ki";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    color:#4785ff;
    font-size: 10px;
    line-height: 0;
  }
   .reward-payment-opt1 .RP-opt1-item input:checked ~ .rp-check:after{
    color:#fff;
  }
  .offcanvas-attach-RCC-attribute .RCCA-item-item .reward-payment-opt1{
    gap:15px;
  }
  .RCCA-item-item .reward-payment-opt1 .RP-opt1-item {
    width: calc(25% - 12px);
    min-height: 65px;
    margin: 0;
  }
  .SAF-tabs ul.nav li,
  .config-tabs-left .nav-item{position:relative;}
  .SA-form-flex .SAF-tabs ul.nav li.nav-item a:hover ~ .CPS2-element-actions,
  .SA-form-flex .SAF-tabs ul.nav li.nav-item a ~ .CPS2-element-actions:hover,
  .config-tabs-left .nav-item:hover .CPS2-element-actions{
  right: unset;
  bottom: -10px;
  z-index: 2;
  opacity: 1;
  transition: all 0.35s;
}
.SA-form-flex .SAF-tabs ul.nav li.nav-item a ~ .CPS2-element-actions:hover,
.SA-form-flex .SAF-tabs ul.nav li.nav-item a:hover ~ .CPS2-element-actions{
    left:10px;
    bottom: -15px;
}
  .config-tabs-left .nav-item:hover .CPS2-element-actions{
  left:0;
}
.SA-form-flex .SAF-tabs ul.nav li > .collapse-SAF-tabs-list > ul {
    margin-left: 21px;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    gap: 12px 8px;
    position:relative;
  }
  .SA-form-flex .SAF-tabs ul.nav li > .collapse-SAF-tabs-list > ul::before {
    content: "";
    position: absolute;
    left: 0px;
    top: -14px;
    border-left: solid 1px var(--border-light-v2);
    bottom: -11px;
  }
  .SA-form-flex .SAF-tabs ul.nav li > .collapse-SAF-tabs-list > ul li a {
    padding: 5px 10px;
    background-color: #fff;
    border-radius: 4px;
    border: solid 1px var(--border-light-v2);
    position: relative;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.03);
    font-size:14px;
  }
  .SA-form-flex .SAF-tabs ul.nav li > .collapse-SAF-tabs-list > ul li a.nav-link:hover{
    color:#4785FF!important;
    background-color: #edf4ff!important;
    border-color:#edf4ff!important;
  }
  .SA-form-flex .SAF-tabs ul.nav li > .collapse-SAF-tabs-list > ul li a.nav-link:hover img{
    filter: contrast(1)!important;
  }
  .SA-form-flex .SAF-tabs ul.nav li > .collapse-SAF-tabs-list > ul li a.nav-link::before {
    content: "";
    position: absolute;
    left: -10px;
    width: 10px !important;
    top: 50%;
    border-radius: 10px;
    border-bottom: solid 1px var(--border-light-v2);
    z-index: -1;
    bottom: unset;
  }
  .SA-form-flex .SAF-tabs ul.nav li > .collapse-SAF-tabs-list > ul li a.nav-link.active{
    background-color: #edf4ff;
  }
  .SA-form-flex .SAF-tabs ul.nav li > .collapse-SAF-tabs-list > ul li a.nav-link.active:after{
    right:10px;
  }
  .CJL-task-group ~ div .default-arrow-collapse::after,
  .SA-form-flex .SAF-tabs ul.nav li .default-arrow-collapse::after{
    font-size:11px;
  }
  .CJL-inner-task-group{
    margin:15px 0;
  }
  .collapse-SAF-tabs-list > ul {
    position: relative;
    padding-left: 15px;
    margin-left: 20px;
  }
  .collapse-SAF-tabs-list > ul::before {
    content: "";
    position: absolute;
    left: 0px;
    top: -25px;
    border-left: solid 1px var(--border-light-v2);
    bottom: -23px;
  }
  .collapse-SAF-tabs-list > ul > li{position:relative; z-index:1}
  .collapse-SAF-tabs-list > ul > li:before{
    content: "";
    position: absolute;
    left: -15px;
    width: 15px !important;
    top: 50%;
    border-radius: 10px;
    border-bottom: solid 1px var(--border-light-v2);
    z-index: -1;
    bottom: unset;
  }
  .four-tile-handbook .handbook-tile-wrapper .handbook-tile-item-outer,
  .policy-output-v3-card .handbook-tile-wrapper .handbook-tile-item-outer{
    width: calc(25% - 15px);
    max-width: calc(25% - 15px);
  }
  .policy-output-v3-card .POV3-collapse-btn {
    position: absolute !important;
    right: -8px;
    top: 10px;
  }
  .policy-output-v3-card .SA-form-flex .SAF-tabs ul.nav li > .collapse-SAF-tabs-list > ul{margin-left: 15px;}
  .policy-output-v3-card .SA-form-flex .SAF-tabs ul.nav li > .collapse-SAF-tabs-list > ul::before{
    top:-11px;
  }
  .policy-output-v3-card .collapse-SAF-tabs-list > ul::before{top:-14px}
  .iWithT-actions {
    position: absolute;
    right: 120px;
    top: 15px;
    line-height: 0;
    z-index: 3;
    background-color: rgba(0,0,0,0.6);
    padding: 6px 10px;
    border-radius: 100px;
    box-shadow: 0px 0px 14px rgba(255,255,255,0.25);
    border:solid 1px rgba(255,255,255,0.2);
    opacity:0;
    width:0;
    transition:all 0.2s;
  }
  .imgWithText-wrapper .inline-editable-div a,
  .imgWithText-wrapper .inline-editable-div i{color: unset;}
  .imgWithText-wrapper:hover .iWithT-actions{opacity:1;width:83px;}
  .iWithT-actions a img {
    filter: drop-shadow(1px 1px 1px #000);
    width:auto;
    min-width:13px;
  }
.iWithT-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index:1;
}
.imgWithText-opacity-wrapper {
    position: absolute;
    top: 50%;
    width: 300px;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.75);
    padding: 5px 20px 10px 20px;
    border-radius: 100px;
    border: solid 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
  }
  .imgWithText-opacity-wrapper .noUi-target .noUi-connect{
    background:rgba(255,255,255,0.8);
  }
  .imgWithText-opacity-wrapper .noUi-target {
    border: 1px solid rgba(0,0,0,0.1);
    background: rgba(255, 255, 255, 0.1);
}
  .imgWithText-opacity-wrapper .noUi-target.nouislider.nouislider-handle-danger .noUi-handle {
    background:#4785ff;
    box-shadow: 0 3px 6px -3px #4785ff;
}
.bg-tab-content{background-color:#F0F5FF;}
.job-table-v3-card .SA-form-flex .nav .nav-item{border:0;}

.create-journey-wrapper.job-table-v3-card .SA-form-flex .nav .nav-link,
.job-table-v3-card .SA-form-flex .collapse-SAF-tabs-list .nav .nav-link,
.job-table-v3-card .SA-form-flex .nav .nav-link{
    padding: 25px 35px 25px 20px;
    border:none!important;
    border-radius:10px 0 0 10px!important;
}
.job-table-v3-card .SA-form-flex .nav .nav-link.active{
    background-color:#F0F5FF;
}
.job-table-v3-card .SA-form-flex .nav .nav-link.active::after{right:15px;}
.job-table-v3-card .create-journey-wrapper-v2 .CJ-right-wrapper {width: calc(100% - 275px);}
.job-table-v3-card .handbook-tile-wrapper .handbook-tile-item-outer .handbook-tile-item{
    background-size: cover;
    background-position: center center;
    border:0;
}
.PO-caption-settings .bootstrap-select .btn .filter-option-inner-inner *{
    font-size:14px!important
}
.offcanvas.offcanvas-right.PO-caption-settings:not(.offcanvas-on){
    right:-640px;
}
.PO-caption-settings{width:640px;}
.imgWithTextCaption {
    position: absolute;
    z-index: 2;
    padding: 10px;
  }
  .imgWithTextCaption .inline-editable-div.placeholder {
  display: inline-block;
  min-width: 265px;
}
.imgWithTextCaption .inline-editable-div.placeholder::after{
    left:50%;
    transform: translate(-50%,-50%);
    color:rgba(255,255,255,0.8)!important;
    white-space:nowrap;
}
  .imgWithText-wrapper figure{overflow:hidden;}
  .imgWithText-wrapper figure img {
    width: 100%;
    z-index:0;
  }
  .cli-title-with-last-update{
    max-width: calc(100% - 250px);
  }
  .breadcrumb-v3 {
    list-style-type: none;
    padding-left:7px;
    align-self:center;
}
.v2 .breadcrumb-level::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #4785ff;
    transform: skew(-20deg);
    z-index: -1;
    border: solid 1px #4785ff;
    }
.breadcrumb-level {
    display: inline-block;
    position: relative;
}

.breadcrumb-level:last-child a {
    cursor: default;
}

.breadcrumb-level:last-child a::before,
.breadcrumb-level:last-child a::after {
    background: lighten(#4785ff, 10%);
}

.v2 .breadcrumb-level:last-child::before {
    background: rgba(54, 153, 255, 0.08) !important;
    border-color: rgba(54, 153, 255, 0.2) !important;
}
.v2 .breadcrumb-level:last-child a,
.breadcrumb-level a:not([href]):hover{
    color:#4785ff
}
.breadcrumb-level a {
    display: inline-block;
    position: relative;
    line-height: 3;
    padding: 0 5px;
    color: #fff;
    text-decoration: none;
    font-size:10px;
}
.PO-caption-colorpicker input.minicolors-input {
    width: 100%!important;
    height: auto !important;
    max-height: 37px;
    padding-left:30px;
  }
.PO-caption-colorpicker .minicolors-theme-default{
    width:100%!important;
    height:auto;
}
.PO-caption-colorpicker .minicolors-theme-default .minicolors-swatch {
    top: 50%;
    transform: translateY(-50%);
    border-radius: 5px;
    border: 0;
    width: 20px;
    height: 20px;
  }
.PO-caption-colorpicker .minicolors-theme-default .minicolors-swatch .minicolors-swatch-color{
   border-radius:5px;
   border: solid 1px rgba(0,0,0,0.1);
  }
  .offcanvas.offcanvas-right.offcanvas-toolkit-template {
    margin: 25px;
    right: calc(-100% - 50px);
    border-radius:12px;
    background-color:#E4EDFF;
    width:calc(100% - 50px);
  }
  .offcanvas.offcanvas-right.offcanvas-toolkit-template.offcanvas-on{
    right:0;
  }
  .off-toolkit-wrapper {
    margin: -7px;
  }
  .off-toolkit-wrapper .toolkit-item{
    background-color: #D8E5FE;
    position: relative;
    width: calc(20% - 14px);
    margin: 7px;
  }
  @media (min-width: 1481px) {
    .off-toolkit-wrapper .toolkit-item{
        width: calc(16.66% - 14px);
    }
  }
  @media (min-width: 1681px) {
    .off-toolkit-wrapper .toolkit-item{
        width: calc(14.28% - 14px);
    }
  }
  .off-toolkit-category{
    min-width: 225px;
    width: 225px;
  }
  .off-toolkit-wrapper .toolkit-item-add{
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 28px;
    height: 28px;
    background-color: #fff;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .off-toolkit-wrapper .toolkit-item-add.position-relative {
  bottom: unset;
  right: unset;
}
  .dropzone .dz-preview .dz-image img{
    min-width:100%;
  }

  .view-all-card-icons .dropzone .dz-preview.dz-complete .dz-progress{
    display:none
  }

  .view-all-card-icons .dropzone .dz-preview .dz-remove{
    position: absolute;
    top: calc(50% - 0px);
    z-index:25;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 0;
    width: 50px;
    height: 50px;
    background-color: rgba(255, 239, 239, 0.7);
    border-radius: 100px;
  }
  .view-all-card-icons .dropzone .dz-preview .dz-remove::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 20px;
    font-family: "Ki";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: rgba(255,255,255,0.5);
    -webkit-text-stroke: 2.2px #ff6071;
  }
  .offcanvas.offcanvas-right.faq-details-offcanvas{
    width:70%;
    max-width:1200px;
    right:-100%;
  }
  .offcanvas.offcanvas-right.faq-details-offcanvas.offcanvas-on{
    right:0;
  }
  .faq-details-offcanvas .accordion .card .card-header .card-title::after {
    right: 0.5rem;
  }
  .offcanvas-toolkit-template .SA-form-flex .nav .nav-link{
    border-bottom-color: #D8DFEE !important;
  }
  .table-builder-wrapper .ttg-tools figure {
  height: 18px;
}
  .table-builder-wrapper .ttg-tools img {
    max-height: 17px;
    max-width: 18px;
  }
  .table-builder-wrapper .ttg-tools ul .btn{
    min-width: 35px;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .table-builder-wrapper .color-set-wrap > div {
  box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
}

.create-journey-wrapper-v2 .CJ-right-wrapper-inner *{transition:all 0.3s;}
.CJL-task-group .select2-container--default .select2-selection--single{padding:0!important;border:0;background:transparent !important;}
.CJL-task-group .select2-container--default .select2-selection--single:after{right:8px !important;color: rgba(0,0,0,0.25) !important;}

.select2-container--default .right-align.select2-dropdown {
    right: 0 !important; /* Position the dropdown to the right */
    left: auto !important; /* Override the left positioning */
}
.policy-output-v3-card1 li:last-child .CJL-task-group{
    margin-bottom:10px!important;
}
.policy-output-v3-card1 .scroll-tab-parent .inline-editable-div.bb:before{
    bottom:0;
}
.policy-output-v3-card1 .SAF-tabs ul.nav li .policy-v3-tabs-del,
.policy-output-v3-card1 .scroll-tab-parent .nav-item .inline-editable-div.bb ~ .policy-v3-innerTabs-del{
    transition:all 0.2s ease;
    opacity:0;
    overflow:hidden;
    min-width:15px;
}
.policy-output-v3-card1 .SAF-tabs ul.nav li:hover .policy-v3-tabs-del,
.policy-output-v3-card1 .scroll-tab-parent .nav-item:hover .inline-editable-div.bb ~ .policy-v3-innerTabs-del{
    opacity:1;
}

.policy-output-v3-card1 ul.CJL-task-group-list-inner > li .dragHandle,
.policy-output-v3-card1 .SAF-tabs ul.nav li .dragHandle{
    position: absolute;
  left: 7px;
  top: 0;
  z-index: 1;
  bottom: 0;
}
.policy-output-v3-card1 .create-journey-wrapper .SA-form-flex .nav .nav-link .on-hover-sel-icon,
.policy-output-v3-card1 .create-journey-wrapper .SA-form-flex .nav .nav-link .on-hover-sel-icon ~ img{
    transition:all 0.4s ease
}
.policy-output-v3-card1 .create-journey-wrapper .SA-form-flex .nav .nav-link .on-hover-sel-icon,
.policy-output-v3-card1 .create-journey-wrapper .SA-form-flex .nav .nav-link .on-hover-sel-icon:hover ~ img{
    opacity:0;
}
.policy-output-v3-card1 .create-journey-wrapper .SA-form-flex .nav .nav-link .on-hover-sel-icon ~ img,
.policy-output-v3-card1 .create-journey-wrapper .SA-form-flex .nav .nav-link .on-hover-sel-icon:hover{
    opacity:1;
}
.on-hover-sel-icon{
    position:absolute;
    z-index:1;
}
.studio-preview-bg{
    background-size:cover;
    background-position:center center;
    margin-left:auto;
    margin-right:auto;
}
.off-toolkit-imgs-wrapper .toolkit-item{
    width: calc(16.66% - 14px);
    min-height:120px;
}
.off-toolkit-imgs-wrapper .toolkit-item figure{
    height:100%;
    width:100%;
    background-size:cover;
    background-position:center center;
}
.off-toolkit-imgs-wrapper .toolkit-item figure img{
    width:0;
    height:0;
    overflow:hidden;
}

.policy-output-v3-card1 .create-journey-wrapper-v2 .CJ-right-wrapper-inner li div ~ .d-flex.justify-content-between,
.policy-output-v3-card1 .create-journey-wrapper .SA-form-flex .nav .nav-item div ~ .d-flex.justify-content-between {
    transition: all 0.3s ease;
    height: 0;
    overflow: hidden;
  }
.policy-output-v3-card1 .create-journey-wrapper-v2 .CJ-right-wrapper-inner li:hover div ~ .d-flex.justify-content-between{
    height: 22px;
  }
.policy-output-v3-card1 .create-journey-wrapper .SA-form-flex .nav .nav-item:hover div ~ .d-flex.justify-content-between  {
    height: 36.5px;
  }
  .create-journey-wrapper-v2.fullscreen-whole-sec,
  #CJR-sec.fullscreen-sec {
    position: fixed;
    left: 0;
    top: 0;
    max-width: none;
    z-index: 999;
    height: calc(100vh - 0px);
    min-height: auto;
    width: calc(100% - 0px);
    overflow: auto !important;
    margin: 0;
    padding-bottom: 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  #CJR-sec.fullscreen-sec .studio-preview-bg{width:100%}
  .CJ-right-wrapper-inner .studio-preview-bg .codex-editor {
    margin-left: 52px;
  }
  .CJ-right-wrapper-inner .studio-preview-bg .codex-editor.codex-editor--empty {
    z-index:0;
  }
  .CJ-right-wrapper-inner .studio-preview-bg .ce-block__content,
  .CJ-right-wrapper-inner .studio-preview-bg .ce-toolbar__content {
    max-width:100%;
  }
  .CJ-right-wrapper-inner .studio-preview-bg .trumbowyg-box {
    border:none
  }
  .CJ-right-wrapper-inner .studio-preview-bg .codex-editor--narrow .codex-editor__redactor {
    margin-right: 0;
  }
  .CJ-right-wrapper-inner .studio-preview-bg .codex-editor--narrow .ce-toolbar__actions {
    right: calc(100% + 0px) !important;
  }
  .zindex-100{z-index:100!important}
  .editor-block-actions{
    opacity:0;
    top:15px;
    right:15px;
    width:0;
    transition:all 0.2s;
    position: absolute;
    z-index:101;
    border: solid 1px rgba(219, 227, 242,0.2);
    background-color: rgb(248, 250, 253);
    border-radius: 100px;
    height: 25px;
    line-height: 22px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
    pointer-events:none;
    overflow: hidden;
  }
  .editor-block-actions > .d-flex > a {
    align-self: center;
  }
  .studio-preview-bg .studio-preview-block{position:relative;}
  .studio-preview-bg .studio-preview-block:hover .editor-block-actions{
    opacity:1;
    width:100px;
    pointer-events:auto;
  }
  .studio-preview-bg .studio-preview-block .editor-block-edit-action a{
    position:absolute;
    right:15px;
    top:15px;
    transition:all 0.35s
  }
  .studio-preview-bg .studio-preview-block:hover .editor-block-edit-action a{
    right: 125px;
    top: 15px;
  }
  .create-journey-wrapper-v2.fullscreen-whole-sec {
    background-color: #fff;
  }
.TK-img-delete {
  position: absolute;
  top: 10px;
  right: 10px;
  opacity:0;
  transition:all 0.2s;
}
.off-toolkit-imgs-wrapper .toolkit-item:hover .TK-img-delete,
.toolkit-gallery-img-wrapper.off-toolkit-imgs-wrapper .toolkit-item:hover .TK-img-delete{opacity:1}
.TK-img-delete img{
    filter: brightness(100) drop-shadow(-1px 1px 2px rgba(0, 0, 0, 0.7));
}
.ATK-img-DZpreview:after,
.toolkit-gallery-img-wrapper.off-toolkit-imgs-wrapper .toolkit-item figure::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    border-radius: 0.35rem !important;
    transition:all 0.2s
  }
.ATK-img-DZpreview:hover:after,
.toolkit-gallery-img-wrapper.off-toolkit-imgs-wrapper .toolkit-item:hover figure::after {
    background-color: rgba(0,0,0,0.3);
  }
  .toolkit-gallery-img-wrapper.off-toolkit-imgs-wrapper .toolkit-item .checkbox{
    opacity:1;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 16px;
    height: 16px;
  }
.toolkit-gallery-img-wrapper.off-toolkit-imgs-wrapper .toolkit-item .checkbox span{
    background-color:transparent;
    border-color:#fff!important;
    border-radius:4px;
  }
  .toolkit-gallery-img-wrapper.off-toolkit-imgs-wrapper .toolkit-item .checkbox input:checked ~ span{
    border-color:#4785FF !important
  }
  .toolkit-gallery-img-wrapper.off-toolkit-imgs-wrapper .toolkit-item .checkbox input:checked ~ span:after{
    border: none !important;
    content: "";
    font-family: "Line Awesome Free";
    font-weight: 900;
    transform: none;
    color: #fff;
    position: absolute;
    left: 3px;
    top: 1px;
    font-size: 12px;
  }
.toolkit-gallery-img-wrapper.off-toolkit-imgs-wrapper .toolkit-item .TK-img-title {
    position: absolute;
    bottom: 10px;
    left: 10px;
    transition: all 0.2s;
    opacity: 0;
  }
  .toolkit-gallery-img-wrapper.off-toolkit-imgs-wrapper .toolkit-item:hover .TK-img-title{opacity:1;}
  .ATK-img-DZpreview {
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position:relative;
    height:100%;
  }

  .ATK-img-DZpreview .btn{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    opacity:0;
    transition:all 0.2s;
  }
  .ATK-img-DZpreview:hover .btn{opacity:1;}
  .btn-outline-dark-1{
    border: solid 1px #7179A0;
    background-color:rgba(26, 62, 158,0.2);
  }
  .btn-outline-dark-1.btn-hover-light-danger:hover{
    border-color:#F64E60 !important
  }
  .upload-youtube-modal.show ~ .modal-backdrop,
  .upload-vimeo-modal.show ~ .modal-backdrop,
  .start-video-upload.show ~ .modal-backdrop {
    opacity: 0.7;
  }
  .upload-progress-v3 #progress-container {
    display: none;
    position: relative;
    text-align: center;
    margin-top: 50px;
    width: 100%;
    height: 50px;
    margin: 15px auto;
    opacity: 1;
    transition: opacity 1s ease;
}
.upload-progress-v3 #progress-circle {
    width: 100%;
    height: 100%;
}
.upload-progress-v3 .progressbar-text{opacity:0}
.upload-progress-v3 .progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: normal;
    color: #fff;
}
.upload-progress-v3 .checkmark-container {
    display: none;
    text-align: center;
    width: 100%;
    height: 50px;
    margin: 15px auto;
    opacity: 0;
    transition: opacity 1s ease;
}
.upload-progress-v3 .checkmark {
    font-size: 50px;
    color: #0CBC8B;
}
.editor-table,
.plugin-table-outer{padding:15px 25px!important;position:relative;}

.plugin-table-outer .plugin-table-top span,
.plugin-table-outer .plugin-table-bottom span,
.editor-table .plugin-table-top span,
.editor-table .plugin-table-bottom span{
    background-color:#4785FF;
    color:#fff;
    padding:2px 7px;
    border-radius: 2px;
    font-size: 12px;
}
.plugin-table-outer .plugin-table-right span, .plugin-table-outer .plugin-table-left span, .editor-table .plugin-table-right span, .editor-table .plugin-table-left span {
    background-color: #4785FF;
    color: #fff;
    padding: 7px 0px;
    min-width: 20px !important;
    border-radius: 2px;
    font-size: 12px;
  }

.editor-table .plugin-table-left,
.editor-table .plugin-table-right,
.plugin-table-outer .plugin-table-left,
.plugin-table-outer .plugin-table-right {
  position: absolute;
  top: 50%;
  text-orientation: mixed;
  transform: translateY(-50%);
  white-space:nowrap;
}
.editor-table .plugin-table-left,
.plugin-table-outer .plugin-table-left{
    writing-mode: vertical-rl;
    transform-origin: center;
    transform: rotate(180deg) translateY(50%);
    left: 0px;
}
.editor-table .plugin-table-right,
.plugin-table-outer .plugin-table-right{
    writing-mode: vertical-rl;
    transform-origin: center;
    right: 0px;
}
.editor-table .plugin-table-top,
.editor-table .plugin-table-bottom,
.plugin-table-outer .plugin-table-top,
.plugin-table-outer .plugin-table-bottom{
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    white-space:nowrap;
}
.editor-table .plugin-table-top,
.plugin-table-outer .plugin-table-top{
    top:0
}
.editor-table .plugin-table-bottom,
.plugin-table-outer .plugin-table-bottom{
    bottom:0
}
.offcanvas-attach-RCC-attribute .off-toolkit-category{
    min-width: 250px;
    width: 250px;
}
.px-8px{padding-left:8px!important;padding-right:8px!important}


.strategy-step-inner-content .menu-submenu-classic li.menu-item:before{display:none!important}
.keyresult-milestone-list-v2 ul li .strategy-v2-keyresult-list .header-menu .menu-nav > .menu-item .menu-submenu {
    bottom: 0 !important;
    top: unset !important;
    right: unset;
    left: 30px;
  }
  .trategy-v2-milestone-innerContent{
  border-left: solid 1px var(--border-light);
  margin-left: 20px;
  }
  .reward-collect-input-wrap{
    gap:15px
  }
  .reward-collect-input-wrap .RCI-preview{
    width:300px;
  }
.reward-collect-input-wrap .RCI-form{
    width:calc(100% - 300px);
}
.del-milestone-innerContent{
    opacity:0;
    transition:0.2s;
}
.trategy-v2-milestone-innerContent > div:hover .del-milestone-innerContent{
    opacity:1;
}
.hideBg input ~ figure .show-bg,
.hideBg input:checked ~ figure .removed-bg {
    display:block
}
.hideBg input ~ figure .removed-bg,
.hideBg input:checked ~ figure .show-bg {
    display:none
}
.offcanvas-toolkit-template .off-toolkit_outer .d-flex > .tab-content > .tab-pane{height:100%}
.offcanvas-toolkit-template .off-toolkit-wrapper {
    max-height: calc(100% - 80px);
  }
.offcanvas-toolkit-template .off-toolkit-wrapper.off-toolkit-projects-wrapper,
.offcanvas-toolkit-template .off-toolkit-wrapper.toolkit-gallery-img-wrapper {
    max-height: calc(100% - 110px);
  }
  .create-journey-wrapper.job-table-v3-card .SA-form-flex .nav .nav-link{margin-left:0!important}

  .off-toolkit-projects-wrapper .strategy-list-wrapper,
  .offcanvas-toolkit-template .strategy-list-wrapper{gap:15px;}

  .off-toolkit-projects-wrapper .strategy-list-wrapper .milestone-table-card-inner{
    margin: 0;
  }
  .off-toolkit-projects-wrapper .strategy-list-wrapper .milestone-table-card-inner,
  .offcanvas-toolkit-template .strategy-list-wrapper .str-list-item{
    max-width: calc(33.33% - 10px);
    width: calc(33.33% - 10px);
    padding: 12px;
    background-color:#fff;
    border-radius:12px;
  }
  @media only screen and (max-width: 1480px) {
    .offcanvas-toolkit-template .handbook-tile-wrapper .handbook-tile-item-outer{
      width: calc(50% - 14px);
      max-width: calc(50% - 14px);
    }
  }
  @media screen and (min-device-width: 1580px) and (max-device-width:1720px) {
  .offcanvas-toolkit-template .handbook-tile-wrapper .handbook-tile-item-outer{
    width: calc(33.33% - 14px);
    max-width: calc(50% - 14px);
  }
}
/* .offcanvas-toolkit-template .handbook-tile-wrapper .handbook-tile-item-outer .handbook-tile-item .checkbox span,
.offcanvas-toolkit-template .handbook-tile-wrapper .handbook-tile-item-outer .handbook-tile-item .checkbox{
    width:0!important;
    margin:0!important;
    transition:all 0.2s;
}
.offcanvas-toolkit-template .handbook-tile-wrapper .handbook-tile-item-outer:hover .handbook-tile-item .checkbox span{
    width:18px!important;
}
.offcanvas-toolkit-template .handbook-tile-wrapper .handbook-tile-item-outerhover .handbook-tile-item .checkbox{
    width:26px!important;
    margin:unset!important;
}   */
.offcanvas-toolkit-template .handbook-tile-wrapper .handbook-tile-item-outer .handbook-tile-item .checkbox span{
   border-color:#dbe1e6!important;
  }
  .offcanvas-toolkit-template .handbook-tile-wrapper .handbook-tile-item-outer .handbook-tile-item .checkbox > input:checked ~ span {
    border-color: #4785ff !important;
  }
.offcanvas-toolkit-template .str-list-item .str-item-created-by {
    max-width: calc(100% - 100px);
}
.offcanvas-toolkit-template .SA-form-flex .SAF-tabs ul.nav li > .collapse-SAF-tabs-list > ul li a{
    background-color:rgba(255,255,255,0.3);
    margin-right:10px;
    border-radius:10px!important;
    transition:all 0.2s;
}
.offcanvas-toolkit-template .SA-form-flex .SAF-tabs ul.nav li > .collapse-SAF-tabs-list > ul li a.active{
    margin-right:0px;
    border-radius:10px 0 0 10px!important;
}
.offcanvas-toolkit-template .SA-form-flex .SAF-tabs ul.nav li > .collapse-SAF-tabs-list > ul li a.active{
    margin-right:0px;
    border-radius:10px 0 0 10px!important;
}
.offcanvas-toolkit-template .SA-form-flex .nav .nav-link.active .default-arrow-collapse::after{
   color:#4785ff!important;
   opacity:0.5
}
.offcanvas-toolkit-template .SA-form-flex .nav .nav-link.active .default-arrow-collapse[aria-expanded="true"]::after{
   color:#4785ff!important;
   opacity:1
}
.offcanvas-toolkit-template .collapse-SAF-tabs-list > ul > li::before,
.offcanvas-toolkit-template .SA-form-flex .SAF-tabs ul.nav li > .collapse-SAF-tabs-list > ul::before{
    border-color:var(--border-light-primary-v2)!important
}
.editorjs-v2-block .plugin-table-left i.la-times,
.editorjs-v2-block .plugin-table-bottom i.la-times,
.editorjs-v2-block .plugin-table-right i.la-times,
.editorjs-v2-block .plugin-table-top i.la-times{
    display:none!important
}
.studio-preview-bg .CP-accrodion .strategy-okr-accordion > .accordion .accordion > ul > li > .card::before{
    /* left: 20px; */
    z-index:1;
}
.onlyChild.card::before{
    bottom: 17px !important;
}
.CJR-sec .nav.nav-pills.tab-style-1 .nav-link {
    padding-top: 0 !important;
    margin-left: 7px !important;
    padding-bottom: 0 !important;
  }
.CJR-sec .nav.nav-pills.tab-style-1 .nav-link.parent-active span{
    background-color:#D5E3FF!important;
    color:var(--dark)!important;
}
.CJR-sec .nav.nav-pills.tab-style-1 .nav-link.parent-active span i{
    color:#FFA800 !important;
}
.nav.nav-pills.tab-style-2 .nav-link{
    padding:0 4px;
}
.nav.nav-pills.tab-style-2 .nav-link > span,
.CJR-sec .nav.nav-pills.tab-style-1 .nav-link > span {
    padding: 9px 10px;
    margin-bottom: 5px;
    border-radius: 4px;
    min-width:80px;
    max-width:300px;
    text-align:center;
    white-space:nowrap;
    height: calc(100% - 5px);
    display: flex;
    align-items: center;
    justify-content: center;
  }
.nav.nav-pills.tab-style-2 .nav-link.active > span:not(.placeholder span),
.CJR-sec .nav.nav-pills.tab-style-1 .nav-link.active > span:not(.placeholder span) {
    background-color: #deedff;
  }
  .studio-preview-bg .str_collapse_inner_content:not(.show)::after{
    z-index:999;
  }
  .studio-preview-bg .off-toolkit-projects-wrapper .strategy-list-wrapper .milestone-table-card-inner{
    max-width: calc(50% - 10px);
  width: calc(50% - 10px);
  }
  .studio-preview-bg .CP-accrodion .editor_js_multiple{
    position:relative;
    z-index:2;
  }
    /*  */

  .minimize-main-tabs .SA-form-container.SA-form-flex{
    max-width: 80px !important;
    padding-right: 10px;
  }
  .minimize-main-tabs .SA-form-flex .nav .nav-link{
    max-height:72px
  }
  .minimize-tabs-hover .SA-form-container.SA-form-flex{
    max-width: 260px !important;
    padding-right: 0px;
  }
  .minimize-main-tabs .SA-form-container.SA-form-flex .SAF-tabs{
    min-width: 80px !important;
    border-right:solid 1px var(--border-light-v2);
    overflow:hidden;
  }
  .minimize-tabs-hover .SA-form-container.SA-form-flex .SAF-tabs{
    min-width: 260px !important;
    box-shadow: none;
  }
  .minimize-main-tabs .SA-form-container.SA-form-flex .SAF-tabs .add-chp-btn-wrap .btn span:nth-child(1){
    margin:0px!important
  }
  .minimize-tabs-hover .SA-form-container.SA-form-flex .SAF-tabs .add-chp-btn-wrap .btn span:nth-child(1){
    margin:0.5rem !important
  }
  .minimize-main-tabs .SA-form-container.SA-form-flex .SAF-tabs .add-chp-btn-wrap .btn span:nth-child(2){
    display:none
  }
  .minimize-tabs-hover .SA-form-container.SA-form-flex .SAF-tabs .add-chp-btn-wrap .btn span:nth-child(2){
    display:inline-block
  }
  .minimize-main-tabs .SA-form-flex .nav .nav-link img ~ .d-inline-block,
  .minimize-main-tabs .SA-form-flex .nav .nav-link .inline-editable-div,
  .minimize-main-tabs .SA-form-flex .nav .nav-link figure ~ .d-inline-block{
    visibility:hidden;
  }
  .minimize-tabs-hover .SA-form-flex .nav .nav-link .inline-editable-div,
  .minimize-tabs-hover .SA-form-flex .nav .nav-link img ~ .d-inline-block,
  .minimize-tabs-hover .SA-form-flex .nav .nav-link figure ~ .d-inline-block{
    visibility:visible;
  }
  .minimize-main-tabs.create-journey-wrapper-v2 .CJ-right-wrapper{
   width:calc(100% - 80px)
  }
  .minimize-tabs-hover.create-journey-wrapper-v2 .CJ-right-wrapper{
   width:calc(100% - 260px)
  }
  .minimize-main-tabs .SA-form-flex .nav .nav-link.active:not(.minimize-main-tabs.minimize-tabs-hover .active)::after{
    opacity:0;
  }
  /*  */
  .tk-image-title a{
    color:unset
  }
  .SA-form-flex .nav .nav-link .label.label-inline,
  .create-journey-wrapper-v2 .CJL-task-group .label.label-inline{
    padding-left: 0.35rem;
    padding-right: 0.35rem;
    border-radius: 4px;
  }
  .trumbowyg-dropdown{max-height:250px}
  .text-hover-border-bottom{position:relative;}
  .text-hover-border-bottom:before{
    content:"";
    position:absolute;
    left:0;
    height:1px;
    width:0;
    background-color:currentcolor;
    transition:all 0.2s;
    bottom:0;
  }
  .text-hover-border-bottom:hover:before{
    width:100%;
  }
  .add-main-child-circle {
    position: absolute;
    bottom: 2px;
    left: 9px;
    z-index: 1;
}
.ce-popover-item__title {
    font-size: 14px;
    color: #3F4254;
    font-weight: normal;
  }
.ce-popover-item__icon {
    filter:grayscale(1)
  }
.ce-popover-item:hover .ce-popover-item__icon {
    filter:grayscale(0)
  }
  .ce-popover-item:hover .ce-popover-item__title{
    color:#4785FF
  }
  .ce-inline-toolbar__buttons{
    gap:4px
  }
  .ce-inline-toolbar__buttons img.h-15{
    max-height:13px
  }
  .ce-inline-tool img:not(.ce-inline-tool--active img){
    filter:grayscale(1)
  }

  .heatmap-toolkit-table th,
  .heatmap-toolkit-table td{
    padding: 22px 7px 7px 0px;
    min-width: 100px;
    min-height: 90px;
    position:relative;
    }
    .heatmap-toolkit-table th .inline-editable-div,
  .heatmap-toolkit-table td .inline-editable-div{margin:5px 10px;color:currentcolor;max-width:calc(100% - 20px)}
  .heatmap-toolkit-table td .inline-editable-div.placeholder,
  .heatmap-toolkit-table th .inline-editable-div.placeholder{
    border-bottom:dashed 1px currentcolor;
  }

  .heatmap-toolkit-table th .inline-editable-div:focus,
  .heatmap-toolkit-table td .inline-editable-div:focus,
  .heatmap-toolkit-table td .inline-editable-div.placeholder:after,
  .heatmap-toolkit-table th .inline-editable-div.placeholder:after{color:currentcolor!important;opacity:0.7}
  .heatmap-theme-select-wrapper .select2 .select2-selection{
    padding: 0px !important;
    border: 0 !important;
  }
  .heatmap-theme-select-wrapper .level-color-theme .LCT-item{
    margin: 2px!important;
    padding: 1px !important;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.15);
    }
  .heatmap-theme-select-wrapper .level-color-theme .LCT-item i:not(.selected-theme-popover i){
    height:10px;
    width:10px;
  }
  .heatmap-theme-select-wrapper .select2-container--default .select2-selection--single::after{
    display:none!important
  }
  .heatmap-theme-select-wrapper {
    width: 18px;
    display: inline-block;
    position: absolute;
    left: 4px;
    top: 2px;
    overflow:hidden;
  }

  .select2-dropdown.min-w-80px {
    min-width: 37px !important;
  }

 .select2-container--default .select2-dropdown.min-w-80px .select2-results__option{
    padding:0.2rem 0.5rem
 }
 .heatmap-theme-select-wrapper .select2-container--default .select2-selection--single{
    background-color:transparent!important;
    min-width: 18px !important;
 }
 .heatmap-toolkit-caption .HTC-top {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
 .heatmap-toolkit-caption .HTC-bottom {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
 .heatmap-toolkit-caption .HTC-left{
    writing-mode: tb-rl;
    transform: translateY(-50%) rotate(180deg);
    position: absolute;
    left:0;
    top: 50%;
    min-width:21px;
 }
 .heatmap-toolkit-caption .HTC-right{
    writing-mode: tb-rl;
    position: absolute;
    right:0;
    top: 50%;
    transform: translateY(-50%);
    min-width:21px;
 }
 .heatmap-toolkit-caption .HTC-left.inline-editable-div.placeholder::after,
 .heatmap-toolkit-caption .HTC-right.inline-editable-div.placeholder::after{
    transform: translateY(-50%);
    left:unset;
 }

.heatmap-text-align input ~ span{cursor:pointer}
.heatmap-text-align input ~ span img{
    filter:grayscale(1)
}
.heatmap-text-align input:checked ~ span img{
    filter:grayscale(0)
}
.heatmap-toolkit-table th .inline-editable-div.placeholder:after,
.heatmap-toolkit-table td .inline-editable-div.placeholder:after{
        font-size:14px!important
}
.heatmap-toolkit-table th.text-center .inline-editable-div.placeholder:after,
.heatmap-toolkit-table td.text-center .inline-editable-div.placeholder:after{
        left:50%;
        white-space:nowrap
}
.heatmap-toolkit-table th.text-right .inline-editable-div.placeholder:after,
.heatmap-toolkit-table td.text-right .inline-editable-div.placeholder:after{
        left:unset;
        right:10px;
        transform: translate(0%,-50%);
}
.heatmap-toolkit-inner tr td, .heatmap-toolkit-inner tr th {
    border-width: 3px;
    border-color: #f9f9f9 !important;
  }
  .heatmap-toolkit-inner .table-responsive{
    position:relative;
    padding:10px!important
  }
 .studio-preview-bg.owl-carousel .owl-item img{
    width:unset;
    max-width:100%;
  }
  .studio-preview-bg.owl-carousel .owl-prev {
    top: -33px;
    left: 0px;
  }
  .studio-preview-bg.owl-carousel .owl-next {
    top: -33px;
    left: 88px;
  }
  #carouselCounter {
    min-width: 110px;
    text-align:center;
  }
  .studio-preview-bg.owl-carousel .owl-next span,
  .studio-preview-bg.owl-carousel .owl-prev span{
  font-size:0;
  height:22px;
  }
  .studio-preview-bg.owl-carousel .owl-next span:after{
    content:"";
  }
  .studio-preview-bg.owl-carousel .owl-prev span:after{
    content:"";
  }
  .studio-preview-bg.owl-carousel .owl-next span:after,
  .studio-preview-bg.owl-carousel .owl-prev span:after{
    font-family: "Line Awesome Free";
    font-weight: 900;
    position:absolute;
    font-size:12px;
    line-height:12px;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
  }

.owl-carousel-details.studio-preview-bg.owl-carousel .owl-prev,
.owl-carousel-details.studio-preview-bg.owl-carousel .owl-next{
top:-43px
}

  .studio-preview-bg.owl-carousel .owl-top-right .owl-prev span,
  .studio-preview-bg.owl-carousel .owl-top-right .owl-next span {
    height:3px;
  }
  tags.tagify--focus .tagify__input::before {opacity:0!important}

  .heatmap-row-actions-wrapper {
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-60%);
    z-index: 2;
    opacity: 0;
    transition: all 0.2s;
    border-radius: 100px;
    background-color: rgba(255, 255, 255,0.99);
    padding: 6px 2px;
    box-shadow: 0px 0px 3px rgba(55, 80, 128, 0.12);
    gap: 3px;
    align-items:center;
  }
  .heatmap-col-actions-wrapper {
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-60%);
    z-index: 2;
    opacity: 0;
    border-radius: 100px;
    background-color: rgba(255, 255, 255,0.99);
    padding: 2px 6px;
    box-shadow: 0px 0px 3px rgba(55, 80, 128, 0.12);
    gap: 3px;
    align-items:center;
  }
  @keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(-50%);
    }
}
  @keyframes fadeRight {
    to {
        opacity: 1;
        transform: translateX(-50%);
    }
}
  .heatmap-toolkit-table tr th:hover .heatmap-row-actions-wrapper,
  .heatmap-toolkit-table tr td:hover .heatmap-row-actions-wrapper{
    animation: fadeUp 0.2s ease-in-out 0.1s forwards;
  }
  .heatmap-toolkit-table tr th:hover .heatmap-col-actions-wrapper,
  .heatmap-toolkit-table tr td:hover .heatmap-col-actions-wrapper{
    animation: fadeRight 0.2s ease-in-out 0.1s forwards;
  }
.studio-preview-bg.owl-loaded .owl-height{min-height:350px}
.studio-preview-bg.owl-loaded .ce-popover{
    right:unset;
    left:0;
}
.btn-hover-primary.btn-with-primary-img:hover img,
.btn-outline-primary.btn-with-primary-img:hover img{
    filter:brightness(100)
}
.cdx-notifies .cdx-notify__cross{
    width:20px;
    height:20px;
    top:10px;
    right:10px;
}
.inline-image__picture{cursor:pointer}
#inline-image__modal{
    max-height: 100vh;
    background-color: rgba(0,0,0,0.35);
}
#inline-image__modal .modal-content{
    max-height: calc(100vh - 20px);
    width:auto;
}
#inline-image__modal .modal-content .modal-img{
    max-width: 100%;
    width: auto;
    object-fit: contain;
    max-height: calc(100vh - 20px);
}

.modal#inline-image__modal .close {
    position: absolute !important;
    right: 0px;
    outline: none !important;
    color: #B5B5C3;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    padding: 0;
    margin: 0;
    line-height: 0;
    width: 30px;
    height: 30px;
    border-radius: 40px;
    position: relative;
    top: 10px;
    right:10px;
    font-size:0;
  }
  .modal#inline-image__modal .close:hover {
    background-color: #F8F9F9;
}
  .modal#inline-image__modal .close::after {
    content: "\f00d";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 17px;
    position: absolute;
    top: calc(50% - 1px);
    left: 50%;
    transform: translate(-50%,-50%);
  }

  .template-editorjs {
    z-index: 99;
    position: relative;
}
.data-upload-review-table .DURT-item {
  border: solid 1px var(--border-light-v2);
  margin-right: -1px;
  min-width: 70px;
  padding-bottom:7px;
}
.data-upload-review-table .DURT-item:first-child{
    border-radius: 4px 0 0 4px
}
.data-upload-review-table .DURT-item:last-child{
    border-radius: 0 4px 4px 0
}
.data-upload-review-table .DURT-item div{
    padding:2px 10px;
    margin-bottom:7px;
}
.img-hover-primary,
.img-hover-primary img{
  filter: grayscale(1);
}
.img-hover-primary:hover,
.img-hover-primary:hover img{
  filter: grayscale(0);
}
div:not(.ce-editor-menu-open) .ce-conversion-toolbar__tools{
    height:0;
    overflow:hidden
}
.SA-form-flex.with-checkbox .nav li .nav-link.active::after{
    transition:all 0.2s
}
.SA-form-flex.with-checkbox .nav li:hover .nav-link.active::after{
    top: calc(50% - 10px);
}
.SA-form-flex.with-checkbox .nav li .checkbox{
    position: absolute;
    bottom: 18px;
    right: 0px;
  }
.SA-form-flex.with-checkbox .nav li .checkbox{
    position: absolute;
    bottom: 18px;
    right: 0px;
    opacity:0;
    transition:all 0.2s;
  }
  .SA-form-flex.with-checkbox .nav li:hover .checkbox{
    opacity:1
  }
  .level_second_design.with-checkbox .CJL-task-group ~ .checkbox{
    position:absolute;
    right:10px;
    bottom:17px;
    width:0;
    overflow:hidden;
    opacity:0;
    transition:all 0.2s;
  }
  .level_second_design.with-checkbox li .position-relative:hover .checkbox,
  .level_second_design.with-checkbox .CJL-task-group ~ .checkbox:hover,
  .level_second_design.with-checkbox .CJL-task-group:hover ~ .checkbox{
    width:18px;
    overflow:hidden;
    opacity:1
  }
  .level_second_design.with-checkbox li .position-relative:hover .journeyPriority,
  .level_second_design.with-checkbox .CJL-task-group:hover{
    padding-right:1.5rem
  }
  .level_second_design.level_second_nochild .CJL-task-group:not(.level_second_nochild ul .CJL-task-group){border-radius:7px;}
  .level_second_design.level_second_nochild .CJL-task-group.active:not(.level_second_nochild ul .CJL-task-group.active) {
    background-color: #deedff;
    border: solid 1px #E1EAFB;
  }
  .level_second_design.level_second_nochild .CJL-task-group.active:not(.level_second_nochild ul .CJL-task-group.active)::after{
    display:none;
  }
  .level_second_design.level_second_nochild .CJL-task-group-outer:not(.level_second_nochild ul .CJL-task-group-outer) .default-arrow-collapse{
    position: absolute;
    right: 5px;
    z-index: 1;
    bottom: 16px;
  }
  .table-profile-img-h {
    position: relative;
    overflow: hidden;
  }
  .table-profile-img-h img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: calc(100% + 2px);
    width: auto;
    min-width: 100%;
  }
  .create-next-connected {
    position: relative;
}
  .create-next-connected:before {
    content: "";
    width: 30px;
    height: 1px;
    border-bottom: dashed 1px #4683fd;
    top: calc(50% + 1rem);
    transform: translateY(-50%);
    left: -30px;
    position: absolute;
}
/* error toast sweetalert */
.error-toast-sweetalert {
    padding: 0;
    border-radius:3px!important;
    width:20em;
    background-color: rgba(255, 255, 255, 0.95);
  }
.error-toast-sweetalert .swal2-content {
    padding: 20px;
    margin:0;
  }
.error-toast-sweetalert .swal2-timer-progress-bar {
    background: rgb(255, 62, 62);
  }
/* end error toast sweetalert */

body .brand .brand-logo img {
    max-width: 100%;
    max-height: 40px;
    margin-top: 0px;
  }
  .select2-sm ~ .select2 .select2-selection--single{
    min-height: 32.53px;
    line-height: normal;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .ck-powered-by-balloon{opacity:0}
  .studio-preview-block .studio-set-columns {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 13;
    }
  .studio-set-columns input ~ span {
    filter:grayscale(1);
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transform: translateX(-5px); /* Start position off-screen to the left */
     opacity: 0; /* Initially hidden */
     border-radius:0;
     margin-right:-1px;
  }
  .studio-set-columns label:first-child span{border-radius:5px 0 0 5px;}
  .studio-set-columns label:last-child span{border-radius:0 5px 5px 0;}
  .studio-set-columns input:checked ~ span{
    filter:grayscale(0);
  }
  .studio-preview-block:hover .studio-set-columns label:nth-child(1) span{
    animation: slideRight 0.3s linear forwards;
  }
  .studio-preview-block:hover .studio-set-columns label:nth-child(2) span{
    animation: slideRight 0.3s linear 0.1s forwards;
  }
  .studio-preview-block:hover .studio-set-columns label:nth-child(3) span{
    animation: slideRight 0.3s linear 0.2s forwards;
  }
  .studio-preview-block:hover .studio-set-columns label:nth-child(4) span{
    animation: slideRight 0.3s linear 0.3s forwards;
  }
  .studio-preview-block:hover .studio-set-columns label:nth-child(5) span{
    animation: slideRight 0.3s linear 0.4s forwards;
  }
  @keyframes slideRight {
    0% {
      transform: translateX(-5px);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }
  .studio-set-columns input ~ span img{
    height:13px;
  }
  .selected-33_33per .offcanvas-toolkit-template .handbook-tile-wrapper .handbook-tile-item-outer,
  .selected-25per .offcanvas-toolkit-template .handbook-tile-wrapper .handbook-tile-item-outer,
  .selected-50per .offcanvas-toolkit-template .handbook-tile-wrapper .handbook-tile-item-outer,
  .selected-33_33per .off-toolkit-projects-wrapper .strategy-list-wrapper .milestone-table-card-inner,
  .selected-25per .off-toolkit-projects-wrapper .strategy-list-wrapper .milestone-table-card-inner,
  .selected-50per .off-toolkit-projects-wrapper .strategy-list-wrapper .milestone-table-card-inner{
      width: calc(100% - 0px);
      max-width: calc(100% - 0px);
    }
.container-slide-full{width:calc(100% - 10px)!important;margin:5px!important}
.select2-results__group ~ .select2-results__options--nested li{
    padding-left:25px!important
}
.mt-5px{margin-top:5px!important}
.m-5px{margin:5px!important}
.add-EJ-box{border-radius:6px}
.add-EJ-box .add-EJ-header {
    border-radius: 6px 6px 0 0;
  }
.add-EJ-box .add-EJ-body {
    border-width:0px 1px 1px 1px;
    border-radius:0 0 6px 6px
  }
  .EJ-skills-checklist label{margin:10px 0;position:relative}
  .EJ-skills-checklist label span {
    border-radius: 4px;
    padding: 3px 6px;
    overflow: hidden;
    font-size: 13px;
    cursor:pointer;
  }

  .EJ-skills-checklist label span i:not(.skill_checked){
    font-size:13px;
  }
  .EJ-skills-checklist label input:checked ~ span .skill_checked::after {
    content: "\f058";
    font-weight: bold;
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    color: #4785ff;
    top: -6px;
    left: -4px;
    position: absolute;
    font-size: 15px;
    line-height: 15px;
    border-radius: 100px;
    text-shadow: 0px 0px 2px rgb(199, 218, 255);
    display: inline-block;
  }
  .p_level_span {
    width: 26px;
    min-width: 26px;
    height: 26px;
    border-radius: 100px;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    line-height: 22px;
  }
  .p_level_icon {
    gap: 2px;
    display: flex;
    align-items: end;
  }
  .p_level_icon i{
    width:2px;
    background-color:#ccc;
  }
  .add-EJ-body .codex-editor__redactor {
    padding-bottom: 0px !important;
  }
  .EJ-PL-list .EJ-PL-item {
    padding: 10px;
    border: solid 1px var(--border-light-v2);
    border-radius: 10px;
  }
  .SA-form-flex .nav .nav-link ~ .default-arrow-collapse {
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    height: 18px;
    transition:all 0.2s;
  }
  .SA-form-flex .nav .nav-link ~ .default-arrow-collapse:not(.collapsed):after{color:#4785FF}
  .SA-form-flex .nav .nav-link.active ~ .default-arrow-collapse{
    top:12px;
  }
  .SA-form-flex .nav .nav-link ~ .default-arrow-collapse:after{font-size:11px}

  .collapse-add-PL-parent{
    text-align: left;
    background-color: rgba(206, 221, 255,0.25);
  }
  .collapse-add-PL-parent.collapsed{
    background-color: rgba(206, 221, 255,0.15);
  }
  .collapse-add-PL-parent:after{
    top:13px;
    font-size:12px;
  }
  .collapse-add-PL-steps li{margin:0!important;}
  .collapse-add-PL-steps ol.custom-ol{padding-left:32px;}
  .collapse-add-PL-steps ol.custom-ol li::before {
    width: 25px;
    height: 25px;
    top: 12px;
    border: 1px solid #4785ff;
    border-radius: 100px;
    font-size: 14px;
    text-shadow: none;
    line-height: 23px;
    color: #4785ff;
    z-index: 1;
    background-color: #f3f7ff;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
  }
  .collapse-add-PL-steps ol.custom-ol li:not(:last-child)::after {
    content: "";
    left: -20px;
    height: 100%;
    position: absolute;
    top: 100%;
    width: 1px;
    border-left: dashed 1px #c7daff;
    transform: translateY(-50%);
    z-index: 0;
  }
  .collapse-add-PL-steps ol.custom-ol li:not(.done, .current){
    filter:grayscale(1) opacity(1)
  }
  .SA-form-flex .collapse-add-PL-steps ol.custom-ol li.done .nav-link{
    color:#4785FF!important
  }
  .collapse-add-PL-steps ol.custom-ol li.done .add-PL-status:after{
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--success);
    margin-left: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size:16px;
  }
  .str-config-levels-CS .milestone-view-ul ul li:not(.keyresult-milestone-list-v2 li, .dropdown-menu li)::before {
    content: "";
    position: absolute;
    left: -15px;
    height: calc(100% + 3rem);
    width: 15px;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #03396C;
    top: -1.5rem;
  }

.competency-level-wrapper .irs-from,
.competency-level-wrapper .irs-min,
.competency-level-wrapper .irs-max,
.competency-level-wrapper .irs-to,
.competency-level-wrapper .irs-single {
    display: none !important;
}
.keyresult-milestone-list-v2 ul ul li ol.CL-PL-input-list{padding-left:27px}
.keyresult-milestone-list-v2 ul ul li ol.CL-PL-input-list li::before,
ol.CL-PL-input-list li::before {
  width: 25px;
  height: 25px;
  top: 8px;
  border: 1px solid var(--border-form-control);
  border-radius: 100px;
  font-size: 15px;
  text-shadow: none;
  line-height: 22px;
  z-index: 1;
  background-color: #f4f4f4;
  color: #000;
  font-weight: normal;
  content: counter(my-awesome-counter);
  left: -25px;
}
  ol.CL-PL-input-list li .CLPL-prefix {
    min-width: 30px;
    border-right: solid 2px var(--border-light-v2);
    padding: 0 10px;
  }
  .ICD-tiles-wrapper .handbook-tile-item-outer:hover .handbook-tile-footer .readmore-arrow-link i {
    transform: translateX(2px);
    opacity: 1;
  }
  .OCDD-sub-header .OCDD-item{padding-right:15px;margin-right:15px;position:relative}
  .OCDD-sub-header .OCDD-item:not(:first-child)::before {
    content: "";
    position: absolute;
    left: -15px;
    border-right: solid 1px var(--border-light);
    width: 1px;
    height: calc(100% - 15px);
    top: 50%;
    transform: translateY(-50%);
  }
  .ICD-desc-tabInner-items{
    border-top:dashed 1px var(--border-light-primary-v2)
  }
  .ICD-assessment-wrapper .ICD-assessment-item,
  .ICD-profeciency-level-tile-list .ICD-profeciency-level-tile {
    width: calc(33.33% - 25px);
    box-shadow: 0px 0px 8px rgba(97, 97, 97, 0.12);
    padding: 1rem;
    border-radius: 12px;
    margin: 0 25px 25px 0;
    transition:all 0.2s;
  }
  .ICD-profeciency-level-tile .swot-list-ul li{
    font-size:13px;
    margin:5px 0;
    padding-left: 22px;
  }
  .ICD-profeciency-level-tile .swot-list-ul li:after{
    top: 5px;
  width: 16px;
  height: 16px;
  background-size: 16px auto;
  }
  .ICD-assessment-wrapper .ICD-assessment-item:hover{
    box-shadow: 0px 0px 12px rgba(97, 97, 97, 0.22);
  }
.ICD-drawer .assessment-card-dates .ACS-col:last-child{margin-right:0;}
.offcanvas.offcanvas-strategy-details.offcanvas-on.ICD-drawer {
    width: 85%;
    max-width: 1100px;
  }
  .formbuilder-main-tabs .scroll-tab-parent{
    max-width: calc(100% - 126px);margin-bottom: 1px;
  }
  .formbuilder-main-tabs .nav-link .nav-icon{margin-right:5px;}
  .formbuilder-main-tabs .nav-link .nav-icon img {
  max-width: 18px;
  max-height: 18px;
  height: auto !important;
}
  .formbuilder-main-tabs.tab-with-inline-actions .tab-inline-actions-wrapper::before{opacity:0}
  .FB-v3-card .SAF-tabs ul.nav li .policy-v3-tabs-del{
    transition:all 0.2s;
    min-height:17px;
  }
  .FB-v3-card .SAF-tabs ul.nav li .policy-v3-tabs-del:not(.create-journey-wrapper .SA-form-flex .nav .nav-item:hover .policy-v3-tabs-del){
    height: 0px;
    min-height:0px;
    margin-top: -3px;
  }
  .FB-v3-card .SA-form-flex .nav .nav-link .FB-SS-status-actions img{
    filter:contrast(1)
  }
  .FB-studio--v2 .scroll-tab-parent .nav.nav-pills .nav-link:not(.border-bottom-tabs-3 .nav-link){padding-bottom: 1.3rem;}
  .FB-studio--v2 .tab-with-inline-actions .tab-inline-actions-wrapper{height: 25px;bottom:2px;}
  .policy-output-v3-card1 .SAF-tabs ul.nav li .FB-SS-status-actions .dash{
    opacity:0;
  }
  .policy-output-v3-card1 .SAF-tabs ul.nav li:hover .FB-SS-status-actions .dash{
    opacity:1;
  }
  .card-toolbar-v2 {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: rgb(250, 251, 253) !important;
    border-radius: 100px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
    padding: 3px 10px;
    border: solid 1px #fff;
    opacity:0;
    transform:translateY(-3px);
    transition:all 0.2s;
  }
  .element-wrapper:hover .card-toolbar-v2{ transform:translateY(0px);opacity:1}
  .card-toolbar-v2 .btn{
    line-height:normal
  }
  .card-toolbar-v2 .btn i{
    font-size:13px;
  }
  .cursor-grab{cursor:grab!important}
  .SA-form-flex .SAF-tabs .minimize-SS-btn-wrapper .btn i,
  .FB-v3-card .SAF-tabs{transition:all 0.2s;}
  .SAF-tabs.minimized-SS-section{
    min-width: 60px !important;
    width: 60px;
  }
  .SA-form-flex .SAF-tabs.minimized-SS-section .minimize-SS-btn-wrapper h5:not(h5 .btn){
    font-size:0
  }
  .SA-form-flex .SAF-tabs.minimized-SS-section .minimize-SS-btn-wrapper .btn i{
    transform:rotate(180deg) translateX(-8px);
  }
  .SA-form-flex .SAF-tabs.minimized-SS-section .nav-item{pointer-events:none}
  .SA-form-flex .SAF-tabs.minimized-SS-section .nav-link{width:33px}
  .SA-form-flex .SAF-tabs.minimized-SS-section .add-chp-btn-wrap,
  .SA-form-flex .SAF-tabs.minimized-SS-section .nav-link:after{display:none}
  .SA-form-flex .SAF-tabs.minimized-SS-section .nav-link figure ~ *{
    opacity:0;
    pointer-events:none;
  }

  .FB-v3-card .studio-preview-block.selected-col-width {
    margin: 14px;
  }
  .FB-v3-card .draggable-zone.d-flex {
    margin:0 -14px;
    min-width: calc(100% + 28px);
  }
  .FB-v3-card .card-columns.d-flex > * > .card {
    width: calc(50% - 28px);
  }
  .FB-v3-card .card-columns.d-flex > * > .card > .card-header{
    padding-left:1rem;
    padding-right:1rem;
}
.FB-v3-card .card-columns.d-flex > * > .card > .card-body {
  padding: 1.7rem 1rem;
}
.leaflet-container {
    overflow: hidden;
  }
  .mw-100-30,
  .cdx-checklist__item-text {
    max-width: calc(100% - 30px);
  }
.download-view-btns{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}
.download-view-btns > * {
    flex-grow: 1;
  }
  .text-color-unset{color:unset!important}

  .max-w-100-30{
    max-width:calc(100% - 30px)!important;
  }
  .custom-file-1 {
    border: 1px solid #E4E6EF;
    border-radius:0.42rem;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
  }
  .custom-file-1 .form-control{
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border: 0;
  }
  .custom-file-1 .input-group-append .btn{
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
    background-color:#F3F6F9!important;
    color:#3F4254!important;
    border-width:0 0 0 1px;
    border-color: #E4E6EF;
    min-height: 41.19px;
  }
  .custom-file-1 .form-control::-webkit-input-placeholder {
    color: #3F4254;
    opacity: 1;
}
.custom-file-1 .form-control::-moz-placeholder {
    color: #3F4254;
    opacity: 1;
}
.custom-file-1 .form-control:-ms-input-placeholder {
    color: #3F4254;
    opacity: 1;
}
.custom-file-1 .form-control::-ms-input-placeholder {
    color: #3F4254;
    opacity: 1;
}
.import-data-card .custom-file-label{
    white-space: nowrap;
    padding-right: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
    }

.hiring-partners-list span:not(.dot){
    background-color:rgba(255, 255, 255,0.95);
    padding: 3px;
    border-radius: 2px;
}
.LCD-right .course-details-img a{
    height: 100%;
  display: flex;
  background-size: cover;
  background-position: center;
  position: relative;
}
.instructor-details-cards .v1-card-type-video a img,
.LCD-right .course-details-img a img{visibility:hidden}
.course-overview strong {
  font-weight: 500;

}
.benefits-of-course p,
.course-overview p {
  margin-bottom:7px;

}
.CD-what-who-v3 > *{
    width:calc(50% - 7px)
}
.LCD-card-v2 .faq-type1 .accordion > .card:not(:first-child){
    border-top:solid 1px #f5f5f5
}
.hiring-partners-list-carausel .owl-item figure {
    background-color: #fff;
    border-radius: 7px;
    padding: 10px;
    border: solid 1px var(--border-light-v2);
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 10px;
    box-shadow: 0px 1px 8px rgba(0,0,0,0.06);
    margin-bottom: 10px !important;
    min-height: 70px;
    align-items: center;
    justify-content: center;
  }

  .hiring-partners-list-carausel .owl-item img {
    max-width: 90%;
    max-height: 37px;
    width: auto !important;
  }
  .instructor-list-carausel .owl-stage {
    display: flex;
  }
  .instructor-list-carausel .owl-stage .dashboard-v1-ele {
    height:100%;
  }
  .LCD-card-v2 .LCD-desc{max-width:calc(100% - 350px)}
  .instructor-details-cards .v1-card-type-video a{background-size:cover;background-position: center center;}
  .unique-field[class*="bg-palette-"],
  .unique-field .drop-element-inner[class*="bg-palette-"]{
    border-radius: 0.35rem !important;
    padding: 0.5rem !important;
  }
.data-sub-title div img{height:14px;width:auto}

.shadow-v2-light{
  box-shadow:0 0.1rem 5px rgba(0, 0, 0, 0.05) !important
}

.studio-preview-block .cjcourse-search-list-wrapper .cj-course-item{width: calc(33.33% - 14px);}
.JDv2-heading {
  position: relative;
  padding-bottom: 10px;
  display: inline-block!important;
}
.JDv2-heading::before {
  content: "";
  bottom: 1px;
  position: absolute;
  min-width: 40px;
  height: 3px;
  background-color: #4785ff;
  border-radius: 100px;
}

.page-builder-upload-container {
    width: 300px;
    margin: auto;
    padding: 20px;
}

.page-builder-progress-container {
    width: 100%;
    height: 8px;
    background: #e0e0e0;
    border-radius: 5px;
    overflow: hidden;
    display: none;
    position: relative;
    margin-top: 10px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.page-builder-progress-bar {
    width: 0%;
    height: 100%;
    background: linear-gradient(90deg, #4caf50, #81c784);
    border-radius: 5px;
    transition: width 0.4s ease-in-out;
    position: relative;
}

/* Adding Stripes Effect */
.page-builder-progress-bar::after {
    content: "";
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(
        -45deg,
        rgba(255, 255, 255, 0.3) 0px,
        rgba(255, 255, 255, 0.3) 10px,
        rgba(255, 255, 255, 0.1) 10px,
        rgba(255, 255, 255, 0.1) 20px
    );
    position: absolute;
    top: 0;
    left: 0;
    animation: moveStripes 1s linear infinite;
}

/* Animation for Moving Stripes */
@keyframes moveStripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 40px 0;
    }
}

/* Glow Effect */
.page-builder-progress-bar.glow {
    box-shadow: 0px 0px 10px rgba(76, 175, 80, 0.8);
}
.custom-breadcrumb .CB-item a{font-size:13px!important}
.bg-dark-blue{background-color:#00066D!important}
.JDv2-heading {
  position: relative;
  padding-bottom: 10px;
  display: inline-block !important;
}
.JDv2-heading::before {
  content: "";
  bottom: 1px;
  position: absolute;
  min-width: 40px;
  height: 3px;
  background-color: #4785ff;
  border-radius: 100px;
}

.off-toolkit-wrapper .mentor-list-wrapper.jd-mentor-list .jd-mentor-tile {
    width: calc(50% - 10px);
}
.summary-v2{
display:flex;
gap:20px;
}
.summary-v2 > *{
    margin-bottom:0;
    flex-grow:1;
}
.code{
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    background-color: #F3F6F9;
  padding: 0.15rem 0.5rem;
  font-weight: 400;
  border-radius: 0.35rem;
  color: #e83e8c;
}
.offcanvas.offcanvas-right.FB-card-forms-drawer{
    width:70%;
    max-width:500px;
    right:-100%;
  }
  .offcanvas.offcanvas-right.FB-card-forms-drawer.offcanvas-on{
    right:0;
  }
  body .font-14 ~ .select2-container--default .select2-selection--single .select2-selection__placeholder {
      font-size: 14px;
  }

  .radio-type-jd {
  display: flex;
  gap:4px 10px;
  flex-wrap: wrap;
}
.radio-type-jd label span {
  border: solid 1px var(--border-light);
  font-size: 14px;
  color: #000;
  cursor: pointer;
  min-height: 41.3px;
  background-color: #fff;
  box-shadow: 0px 2px 7px rgba(0,0,0,0.04);
}
.radio-type-jd label input:checked ~ span {
  border-color:#4785FF !important;
  color: #4785FF !important;
}
.bg-main-section{background-color: #F5F8FF;}
.h-100 ~ .select2{height: 100%}

body .border-bottom-tabs.border-bottom-tabs-4 li .nav-link {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important;
    margin-left: 0!important;
    margin-right: 0!important;
}
body .border-bottom-tabs.border-bottom-tabs-4 li .nav-link:not(.active):not(:hover){
  color: #2b345f;
  border: 1px solid transparent;
}
body .border-bottom-tabs.border-bottom-tabs-4 li .nav-link:hover{border: 1px solid transparent;}
body .border-bottom-tabs.border-bottom-tabs-4 li .nav-link.active {
  border: 1px solid var(--border-light-primary-v2);
  background-color: #fff !important;
  box-shadow: 0px 2px 10px rgba(0,0,0,0.1);
  border-radius: 6px;
}
.flex-1{flex:1}
.bg-success-dark{background-color: #219d7b}
.chart-zoom-slider .noUi-target.noUi-horizontal .noUi-handle {
    width: 20px;
      height: 20px;
      top: -2px;
}
.text-dark-success{color: #0b9f77 !important;}
.text-dark-danger {
  color: #ff2b42 !important;
}
 @media (min-width: 1500px) {
    .competency-sm .handbook-tile-wrapper .handbook-tile-item-outer{
        width:calc(33.33% - 14px);
        max-width:calc(33.33% - 14px);
    }
}

.bg-main-section .default-arrow-collapse::after{color: #2b2e40;}

.studio-scroll-wrapper .studio-preview-block{
    max-height: calc(100vh - 100px);
    overflow: auto;
  scrollbar-width: thin; /* For Firefox */
  scrollbar-color: #4785ff #f1f1f1; /* thumb + track */
}

/* Chrome, Edge, Safari */
.studio-scroll-wrapper .studio-preview-block::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.studio-scroll-wrapper .studio-preview-block::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
.studio-scroll-wrapper .studio-preview-block::-webkit-scrollbar-thumb {
  background: #4785ff;
  border-radius: 10px;
}
.studio-scroll-wrapper .studio-preview-block::-webkit-scrollbar-thumb:hover {
  background: #3571e8;
}
.template-content-area.owl-theme .owl-stage{display: flex;}
.template-content-area.owl-theme .owl-stage .studio-scroll-wrapper{height: 100%}
.template-content-area.owl-theme .owl-stage .studio-scroll-wrapper .studio-preview-block{max-height: calc(100vh - 135px);}
.bigDropdown .select2-results__options{display: grid}