@font-face {
    font-family: feather;
    font-display: swap;
    src: url(/static/app-assets/fonts/feather.eot?t=1525787366991);
    src: url(/static/app-assets/fonts/feather.eot?t=1525787366991#iefix) format('embedded-opentype'),url(/static/app-assets/fonts/feather/fonts/feather.woff?t=1525787366991) format('woff'),url(/static/app-assetsfonts/feather.ttf?t=1525787366991) format('truetype'),url(/static/app-assetsfonts/feather.svg?t=1525787366991#feather) format('svg')
}
[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
}
.ft-arrow-right:before {
    content: "\e829"
}
.ft-clock:before {
    content: "\e84d"
}
.ft-grid:before {
    content: "\e878"
}
.ft-home:before {
    content: "\e87a"
}

.ft-github:before {
    content: "\e87b"
}
.ft-target:before {
    content: "\e8d4"
}
.ft-toggle-left:before{content:"\e8d8"}
.ft-toggle-right:before {
    content: "\e8d9"
}
.ft-maximize:before {
    content: "\e908"
}
.ft-arrow-up:before {
    content: "\e82d";
}
.ft-check-square:before {
    content: "\e840";
}
.ft-menu:before {
    content: "\e88f";
}
.ft-x:before {
    content: "\e8f6";
}
.ft-gitlab:before {
    content: "\e909";
}
.ft-award:before {
    content: "\e82e";
}
.ft-eye:before {
    content: "\e86a";
}
.ft-eye-off:before {
    content: "\e86e";
}
.ft-user:before {
    content: "\e8e9";
}
.ft-edit:before {
    content: "\e867";
}
.ft-edit-1:before {
    content: "\e868";
}
.ft-edit-2:before {
    content: "\e866";
}
.ft-airplay:before {
    content: "\e820";
}
.ft-log-out:before {
    content: "\e888";
}
.ft-log-in:before {
    content: "\e885";
}
.ft-power:before {
    content: "\e8b4";
}
.tags a {
    float: left;
    position: relative;
    width: auto;
    height: 30px;
    margin-left: 20px;
    padding: 0 12px;
    line-height: 30px;
    background: #1f8dd6;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;    
  }

  .tags a:before {
    content: "";
    position: absolute;
    top: 0;   
    width: 0;
    height: 0;    
    border-style: solid;    
  }
  .hoverimg {
    padding-left: 10px !important;
    cursor: pointer;
    animation-name: bounce;
    -moz-animation-name: bounce;
    position: absolute;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}.pdr {
    padding-right: 10px !important;
}
.clrbtn{
  color: #ffffff !important;
}
.imgres{
    border-radius: 50% !important;
}
#keyboardlogofile{
    background: url(/static/app-assets/img/keyboardlogo.svg) 0 0;
}
.bgpopular{
   background: #1E1E1E !important;
}
.cardefffect{
            cursor: pointer;
            box-shadow: 5px 10px 14px 0 #888888 !important;
        }
        .cardefffect:hover{
            box-shadow: 5px 10px 14px 0 #66a956 !important;
            border-radius: 25px;
        }
         .br25{
    border-radius: 25px !important;
 }
 .sitebuttonchoice{
             margin: 0;
   position: absolute;              
   top: 50%;                       
   transform: translate(0, -50%)
        }
 .card1 {
    box-shadow: -8px 8px 14px 0 rgb(25 42 70 / 11%);
}
 @media (min-width: 1200px){
.col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
}
    }
    @media (min-width: 992px)
    {
.col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
}
}
.col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }

.keyboard {
    text-align: center;
    font-size: 14px;
    font-family: sans-serif;
}

.keyboard__row {
    display: inline-block;
    height: 3em;
    margin: 0.2em;
}

.keyboard__row--h1 {
    height: 1.7em;
    line-height: 1.4em;
}

.keyboard__row--h3 {
    height: 3.3em;
}

.keyboard__row > * {
    position: relative;
    background: #333;
    text-align: center;
    color: #eee;
    float: left;
    border-radius: 0.3em;
    margin: 0.2em;
    padding: 0.2em;
    width: 3.3em;
    height: 100%;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-user-select: none;
    border: 1px solid #444;
    box-shadow: 0 0.2em 0 0.05em #222;
    border-bottom-color: #555;
}

.keyboard__row--h1 > div {
    width: 3.5em;
}

.keyboard__row > div[data-pressed],
.keyboard__row > div:active {
    background: #ef0b0bbf;
    color: #aaa;
    position: relative;
    top: 0.2em;
    box-shadow: 0 0 0 0.05em black;
}

.key--w3 {
    width: 4.6em;
}

.key--w4 {
    width: 6em;
}

.key--w5 {
    width: 6.5em;
}

.key--w6 {
    width: 8.3em;
}

.key--space {
    width: 18em;
}

.key--double > * {
    padding-top: 0.1em;
}

.key--letter {
    line-height: 2.8em;
}

.key--bottom-left > * {
    position: absolute;
    text-align: left;
    bottom: 0.4em;
    left: 0.4em;
}

.key--bottom-right > * {
    position: absolute;
    text-align: right;
    bottom: 0.4em;
    right: 0.4em;
}

.key--fn > * {
    font-size: 0.6em;
    line-height: 1em;
    padding-top: 1.2em;
    padding-right: 0.2em;
    text-align: right;
    float: right;
}

.key--word > * {
    font-size: 0.8em;
}

.key--arrow--tall > *,
.key--arrow > * {
    font-size: 0.5em;
    line-height: 3em;
}

.key--arrow {
    height: 1.8em;
    margin-top: 1.7em;
    line-height: 0.5em;
}

.key--arrow--tall > * {
    padding-top: 0.2em;
}

.keyboard > .keyboard__row {
    text-align: center;
}







/* Import Google Font - Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}
/*
body{
  display: flex;
  padding: 0 10px;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: #17A2B8;
}
::selection{
  color: #fff;
  background: #17A2B8;
}

.wrapper1{
  width: 770px;
  padding: 35px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 15px rgba(0,0,0,0.05);
}*/
.wrapper1 .input-field{
  opacity: 0;
  z-index: -999;
  position: absolute;
}
.wrapper1 .content-box{
  padding: 13px 20px 0;
  /*border-radius: 10px;
  border: 6px solid #bfbfbf;*/
}

.viewport{
  border-radius: 10px;
  border: 6px solid #bfbfbf;
}
.content-box .typing-text{
      min-height: 330px;
      font-weight: bold;
  /*max-height: 256px;*/
}
.typing-text::-webkit-scrollbar{
  width: 0;
}
.typing-text p{
  font-size: 21px;
  text-align: justify;
  letter-spacing: 1px;
  word-break: break-all;
}
.typing-text p span{
  position: relative;
}
.typing-text p span.correct{
  color: #56964f;
}
.typing-text p span.incorrect{
  color: #cb3439;
  /*outline: 1px solid #fff;
  background: #ffc0cb;*/
  text-decoration: underline;
  border-radius: 4px;
}
.typing-text p span.active{
  color: #17A2B8;
}
.typing-text p span.active::before{
  position: absolute;
  content: "";
  height: 2px;
  width: 100%;
  bottom: 0;
  left: 0;
  opacity: 0;
  border-radius: 5px;
  background: #17A2B8;
  animation: blink 1s ease-in-out infinite;
}
@keyframes blink{
  50%{ 
    opacity: 1; 
  }
}
.content-box .content{
  margin-top: 17px;
  display: flex;
  padding: 12px 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #bfbfbf;
}
.content button{
  outline: none;
  border: none;
  width: 105px;
  color: #fff;
  padding: 8px 0;
  font-size: 16px;
  cursor: pointer;
  border-radius: 5px;
  background: #17A2B8;
  transition: transform 0.3s ease;
}
.content button:active{
  transform: scale(0.97);
}
.content .result-details{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: calc(100% - 140px);
  justify-content: space-between;
}
.result-details li{
  display: flex;
  height: 20px;
  list-style: none;
  position: relative;
  align-items: center;
}
.result-details li:not(:first-child){
  padding-left: 22px;
  border-left: 1px solid #bfbfbf;
}
.result-details li p{
  font-size: 19px;
  padding-top: 14px;
}
.result-details li span{
  display: block;
  font-size: 20px;
  margin-left: 10px;
}
li span b{
  font-weight: 500;
}
li:not(:first-child) span{
  font-weight: 500;
}
@media (max-width: 745px) {
  .wrapper1{
    padding: 20px;
  }
  .content-box .content{
    padding: 20px 0;
  }
  .content-box .typing-text{
    max-height: 100%;
  }
  .typing-text p{
    font-size: 19px;
    text-align: left;
  }
  .content button{
    width: 100%;
    font-size: 15px;
    padding: 10px 0;
    margin-top: 20px;
  }
  .content .result-details{
    width: 100%;
  }
  .result-details li:not(:first-child){
    border-left: 0;
    padding: 0;
  }
  .result-details li p, 
  .result-details li span{
    font-size: 17px;
  }
}
@media (max-width: 518px) {
  .wrapper1 .content-box{
    padding: 10px 15px 0;
    padding-bottom: 20px;
  }
  .typing-text p{
    font-size: 18px;
  }
  .result-details li{
    margin-bottom: 10px;
  }
  .content button{
    margin-top: 10px;
  }
}


/*mackbook code */
.macbook {
  padding: 4% 6%;
  margin: 0 auto;
  max-width: 800px;
}

.screen {
  border-radius: 3% 3% 0.5% 0.5% / 5%;
  margin: 0 auto;
  /* for aspect ratio */
  position: relative;
  width: 82%;
}

.screen:before {
  border-radius: 3% 3% 0.5% 0.5% / 5%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.8) inset, 0 0 1px 2px rgba(255, 255, 255, 0.3) inset;
  display: block;
  /* for aspect ratio ~67:100 */
  padding-top: 67%;
}

.screen:after {
  content: "";
  border-top: 2px solid rgba(255, 255, 255, 0.15);
  position: absolute;
  bottom: 0.75%;
  left: 0.5%;
  padding-top: 1%;
  width: 99%;
}

.viewport {
  position: unset;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: 0% 0%;
  background: #333;
}

.base {
  /* for aspect ratio */
  position: relative;
  width: 100%;
}

.base:before {
  content: "";
  display: block;
  /* for aspect ratio ~33:1000*/
  padding-top: 3.3%;
  /* stylin */
  background: linear-gradient(#eaeced, #edeef0 55%, #fff 55%, #8a8b8f 56%, #999ba0 61%, #4B4B4F 84%, #262627 89%, rgba(0, 0, 0, .01) 98%);
  border-radius: 0 0 10% 10%/ 0 0 50% 50%;
}

.base::after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.8) 0.5%, rgba(0, 0, 0, 0.4) 3.3%, transparent 15%, rgba(255, 255, 255, 0.8) 50%, transparent 85%, rgba(0, 0, 0, 0.4) 96.7%, rgba(255, 255, 255, 0.8) 99.5%, rgba(0, 0, 0, 0.5) 100%);
  content: "";
  height: 53%;
  position: absolute;
  top: 0;
  width: 100%;
}

.notch {
  background: #ddd;
  border-radius: 0 0 7% 7% / 0 0 95% 95%;
  box-shadow: -5px -1px 3px rgba(0, 0, 0, 0.2) inset, 5px -1px 3px rgba(0, 0, 0, 0.2) inset;
  margin-left: auto;
  margin-right: auto;
  margin-top: -3.5%;
  z-index: 2;
  /* for aspect ratio */
  position: relative;
  width: 14%;
}

.notch:before {
  content: "";
  display: block;
  /* for aspect ratio ~1:10 */
  padding-top: 10%;
}


/* Screenshot Hover Scroll Additions
-------------------------------------------------------------- */

.macbook .viewport {
  transition: background-position 3s ease;
  background-position: 0 0;
  background-size: 100% auto;
  border-radius: 20px;
  cursor: pointer;
}

.macbook:hover .viewport {
  background-position: 0 100%;
}

.macbook .viewport:after {
  bottom: 0;
  content: "";
  left: 0;
  /*position: absolute;*/
  right: 0;
  top: 0;
}
.btn.bg-light-primary:hover {
    background-color: #975AFF !important;
    color: #fff !important;
    border-color: #975AFF;
}
  

.fa,.fa-stack {
    display: inline-block
}
.fa {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.fa-home:before {
    content: "\f015"
}
/* perfect-scrollbar.min.css */
/*!
 * perfect-scrollbar v1.4.0
 * (c) 2018 Hyunje Jun
 * @license MIT
 */
.ps__rail-x,.ps__rail-y {
    display: none;
    opacity: 0;
    position: absolute
}

.ps {
    overflow: hidden!important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    height: 15px;
    bottom: 0
}

.ps__rail-y {
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    width: 15px;
    right: 0
}

.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y {
    display: block;
    background-color: transparent
}
.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y {
    opacity: .6
}
.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover {
    background-color: #eee;
    opacity: .9
}
.ps__thumb-x,.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    position: absolute
}

.ps__thumb-x {
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px
}

.ps__thumb-y {
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px
}
.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y {
    background-color: #999;
    width: 11px
}
/* .ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}} */
/* /static/app-assets/css/bootstrap.css */
/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #975AFF;
    --secondary: #616D89;
    --success: #40C057;
    --info: #2F8BE6;
    --warning: #F77E17;
    --danger: #F55252;
    --light: #DBDEE5;
    --dark: #1A051D;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Montserrat", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

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

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

body {
    margin: 0;
    font-family: "Montserrat", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #342E49;
    text-align: left;
    background-color: #F7F7F8;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.75rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}
ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol, ul ul, ol ul, ul ol {
    margin-bottom: 0;
}
b, strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}
a {
    color: #975AFF;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: #8741ff;
    text-decoration: none;
}

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

a:not([href]):hover {
    color: inherit;
    text-decoration: none;
}
svg {
    overflow: hidden;
    vertical-align: middle;
}
img {
    vertical-align: middle;
    border-style: none;
}
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;
}
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;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.75rem;
    font-family: "Montserrat", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: #17102F;
}

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

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

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

h4, .h4 {
    font-size: 1.5rem;
}
h5, .h5 {
    font-size: 1.25rem;
}

h6, .h6 {
    font-size: 1rem;
}
small, .small {
    font-size: 90%;
    font-weight: 400;
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

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

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

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

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

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    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;
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: center;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}
.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 768px) {
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
      .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
     .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
 .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
     .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
     .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    }
.btn {
    display: inline-block;
    font-weight: 400;
    color: #342E49;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.4rem 1.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    border-radius: 0.35rem;
    transition: color 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;
}
@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.btn:hover {
    color: #342E49;
    text-decoration: none;
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(151, 90, 255, 0.25);
}

.btn.disabled, .btn:disabled {
    opacity: 0.65;
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none;
}

.btn-primary {
    color: #fff;
    background-color: #975AFF;
    border-color: #975AFF;
}
.btn-primary:hover {
    color: #fff;
    background-color: #7f34ff;
    border-color: #7727ff;
}
.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #7f34ff;
    border-color: #7727ff;
    box-shadow: 0 0 0 0.2rem rgba(167, 115, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #975AFF;
    border-color: #975AFF;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #7727ff;
    border-color: #6f1aff;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(167, 115, 255, 0.5);
}
.btn-secondary {
    color: #fff;
    background-color: #616D89;
    border-color: #616D89;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #515b73;
    border-color: #4c556b;
}

.btn-secondary:focus, .btn-secondary.focus {
    color: #fff;
    background-color: #515b73;
    border-color: #4c556b;
    box-shadow: 0 0 0 0.2rem rgba(121, 131, 155, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #616D89;
    border-color: #616D89;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #4c556b;
    border-color: #474f64;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(121, 131, 155, 0.5);
}

.btn-success {
    color: #fff;
    background-color: #40C057;
    border-color: #40C057;
}

.btn-success:hover {
    color: #fff;
    background-color: #36a44a;
    border-color: #339a45;
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #36a44a;
    border-color: #339a45;
    box-shadow: 0 0 0 0.2rem rgba(93, 201, 112, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #40C057;
    border-color: #40C057;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #339a45;
    border-color: #309141;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(93, 201, 112, 0.5);
}

.btn-dark {
    color: #fff;
    background-color: #1e1b1b;
    border-color: #1e1b1b;
}
.btn-dark:hover {
    color: #fff;
    background-color: #572a5c;
    border-color: #572a5c;
}

.btn-dark:focus, .btn-dark.focus {
    color: #fff;
    background-color: black;
    border-color: black;
    box-shadow: 0 0 0 0.2rem rgba(60, 43, 63, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #1A051D;
    border-color: #1A051D;
}

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

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(60, 43, 63, 0.5);
}
.btn-block {
    display: block;
    width: 100%;
}

.btn-block + .btn-block {
    margin-top: 0.5rem;
}
.fade {
    transition: opacity 0.15s linear;
}
.fade:not(.show) {
    opacity: 0;
}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
    text-decoration: none;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1.5rem;
}

.navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}
@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

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

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

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 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 {
        flex-wrap: nowrap;
    }
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 0.35rem;
}
.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.5rem;
}

.card-title {
    margin-bottom: 1.5rem;
}
.card-header {
    padding: 1.5rem 1.5rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 0 solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
    border-radius: 0.35rem 0.35rem 0 0;
}
.alert {
    position: relative;
    padding: 0.95rem 1.45rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.35rem;
}
.alert-dismissible {
    padding-right: 4.4rem;
}

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

.media-body {
    flex: 1;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    appearance: none;
}
.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 {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}
.modal.show .modal-dialog {
    transform: none;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: 0.35rem;
    outline: 0;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

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

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

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}
.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #E0E0E0;
    border-bottom-right-radius: calc(0.35rem - 1px);
    border-bottom-left-radius: calc(0.35rem - 1px);
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
}

.modal-footer > * {
    margin: 0.25rem;
}


.border-top {
    border-top: 1px solid #E0E0E0 !important;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

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

@media (min-width: 576px) {
.d-sm-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-block {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }
    .d-xl-block {
        display: block !important;
    }
    }
.justify-content-center {
    justify-content: center !important;
}
.align-items-center {
    align-items: center !important;
}
.float-left {
    float: left !important;
}
.m-0 {
    margin: 0 !important;
}
.mb-0, .my-0 {
    margin-bottom: 0 !important;
}
.mb-1, .my-1 {
    margin-bottom: 0.375rem !important;
}
.mr-2, .mx-2 {
    margin-right: 0.75rem !important;
}

.mb-2, .my-2 {
    margin-bottom: 0.75rem !important;
}
.pt-0, .py-0 {
    padding-top: 0 !important;
}
.pb-0, .py-0 {
    padding-bottom: 0 !important;
}
.pb-1, .py-1 {
    padding-bottom: 0.375rem !important;
}
.p-3 {
    padding: 1.5rem !important;
}
.text-justify {
    text-align: justify !important;
}
.text-center {
    text-align: center !important;
}
.text-muted {
    color: #BDBDBD !important;
}

/* /static/app-assets/css/bootstrap-extended.css */
/* Shadows (from mdl http://www.getmdl.io/) */
.alert > * {
  color: inherit !important; }

.alert.alert-light {
  color: inherit !important; }

.alert .alert-link {
  color: #fff !important; }
  .alert .alert-link:hover {
    text-decoration: underline; }

.alert .close {
  color: #fff;
  font-size: 2rem;
  line-height: 1rem;
  top: 0; }
  .alert .close:hover, .alert .close:focus {
    opacity: 0.85 !important; }
  .alert .close:focus {
    outline: none; }

.alert[class*=bg-] .alert-link {
  color: inherit !important; }

.alert[class*=bg-] .close {
  color: inherit;
  opacity: 0.7;
  text-shadow: none; }
  .alert[class*=bg-] .close:hover, .alert[class*=bg-] .close:focus {
    opacity: 1 !important; }

.alert .alert-icon-left {
  display: flex;
  align-items: center; }

.alert .alert-icon-right {
  display: flex;
  align-items: center;
  justify-content: space-between; }

html {
  font-size: 15px; }

body {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100); }

.wrapper.wrapper-full-page {
  height: auto;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100); }

.content-wrapper {
  padding: 0 30px; }

.serif-font {
  font-family: "Montserrat", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

a:focus {
  color: #8741ff;
  text-decoration: none; }

a.text-info:hover, a.text-info:focus {
  color: #1b7ee1; }

p {
  letter-spacing: 0.3px; }

@media (max-width: 576px) {
  .main-panel .main-content .content-wrapper {
    padding: 0 15px; } }

.collapse-icon .card-header {
  position: relative; }

.collapse-icon a[data-toggle="collapse"]:after {
  position: absolute;
  top: 40%;
  right: 20px;
  margin-top: -4px;
  font-family: 'feather';
  content: "\e897";
  transition: all 300ms linear 0s; }

.collapse-icon a[data-toggle="collapse"]:before {
  position: absolute;
  top: 40%;
  right: 20px;
  margin-top: -4px;
  font-family: 'feather';
  content: "\e8b1";
  transition: all 300ms linear 0s; }

.collapse-icon.left a {
  padding-left: 28px; }
  .collapse-icon.left a:before, .collapse-icon.left a:after {
    left: 20px;
    right: auto; }

.collapse-icon a[aria-expanded="true"]:before {
  opacity: 0; }

.collapse-icon a[aria-expanded="false"]:after {
  opacity: 0; }

.collapse-icon.accordion-icon-rotate a[aria-expanded="true"]:before {
  transform: rotate(180deg); }

.collapse-icon.accordion-icon-rotate a[aria-expanded="false"]:after {
  transform: rotate(-180deg); }

.badge {
  letter-spacing: 0.3px;
  background-color: #975AFF;
  color: #fff; }
  .badge.badge-light {
    color: #342E49; }
  .badge.badge-round {
    padding: 6px 8px; }

.btn {
  box-shadow: none; }
  .btn:focus, .btn.focus, .btn:active {
    box-shadow: none !important; }
  .btn:hover {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.28);
    cursor: pointer; }

.btn-warning {
  color: #fff; }

.btn-light {
  color: #342E49; }

.btn-group-vertical .btn[class*="btn-"] {
  margin-bottom: 0; }

.input-group {
  margin-bottom: 1rem; }
  .input-group .btn[class*="btn-"] {
    margin-bottom: 0; }

.btn-icon.round {
  padding: 0.465rem 0.72rem; }

.btn[class*="btn-"]:not(:disabled):not(.disabled):active,
.btn[class*="btn-"]:not(:disabled):not(.disabled).active,
.show > .btn[class*="btn-"].dropdown-toggle {
  box-shadow: none; }

button:focus {
  outline: none; }

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

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

.btn-group span:not(:last-child):not(:first-child) .btn.dropdown-toggle, .input-group span:not(:last-child):not(:first-child) .btn.dropdown-toggle {
  border-radius: 0; }

.card {
  margin: 15px 0;
  box-shadow: -8px 8px 14px 0 rgba(25, 42, 70, 0.11); }
  .card[class*="gradient-"] .card-header,
  .card[class*="gradient-"] .card-footer {
    background-color: initial; }
  .card .card-header {
    padding-bottom: 0;
    border-bottom: none;
    background-color: transparent; }
  .card .card-subtitle {
    margin-top: 10px;
    margin-bottom: 10px; }
  .card .card-bordered {
    border: 1px solid rgba(0, 0, 0, 0.06); }
  .card.card-transparent {
    background-color: transparent !important; }
  .card .card {
    box-shadow: none; }
  .card .card-img {
    position: relative; }
    .card .card-img .card-title {
      color: #fff;
      position: absolute;
      bottom: 0;
      left: 0;
      max-width: 100%;
      padding: 24px; }
    .card .card-img.overlap {
      margin-top: -30px; }
  .card .btn-floating {
    display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    background-color: #975AFF;
    border-radius: 50%;
    transition: 0.3s;
    cursor: pointer;
    vertical-align: middle;
    font-size: 1rem;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
    .card .btn-floating.btn {
      margin: 0; }
    .card .btn-floating i {
      width: inherit;
      display: inline-block;
      text-align: center;
      color: #fff;
      font-size: 2rem;
      line-height: 40px; }
    .card .btn-floating.btn-large {
      width: 56px;
      height: 56px; }
      .card .btn-floating.btn-large.halfway-fab {
        bottom: -28px; }
      .card .btn-floating.btn-large i {
        line-height: 56px; }
    .card .btn-floating.halfway-fab {
      position: absolute;
      right: 24px;
      bottom: -20px; }
  .card .card-reveal {
    padding: 24px;
    position: absolute;
    background-color: #fff;
    width: 100%;
    overflow-y: auto;
    left: 0;
    top: 100%;
    height: 100%;
    z-index: 3;
    transition: height 1s ease-in-out;
    display: none; }
    .card .card-reveal .card-title {
      cursor: pointer; }
  .card .card-title {
    letter-spacing: 0.03rem;
    font-size: 1.25rem;
    margin-bottom: 0.25rem; }
  .card .card-footer {
    padding: 1rem 1.5rem;
    background: transparent;
    overflow: hidden; }
  .card.card-inverse .card-blockquote .blockquote-footer,
  .card.card-inverse .card-link,
  .card.card-inverse .card-subtitle,
  .card.card-inverse .card-text,
  .card.card-inverse .card-title,
  .card.card-inverse .card-footer,
  .card.card-inverse a,
  .card.card-inverse a:hover,
  .card.card-inverse label,
  .card.card-inverse span,
  .card.card-inverse .form-group:hover,
  .card.card-inverse div,
  .card.card-inverse input {
    color: #fff; }
  .card.card-inverse .form-group.is-focused .checkbox label,
  .card.card-inverse .form-group.is-focused label.checkbox-inline,
  .card.card-inverse .form-group.is-focused .radio label,
  .card.card-inverse .form-group.is-focused label.radio-inline {
    color: #fff; }
  .card.card-inverse hr {
    border-color: #fff; }
  .card.card-inverse .checkbox label {
    color: #fff; }
    .card.card-inverse .checkbox label .checkbox-decorator .check {
      border-color: rgba(255, 255, 255, 0.54); }
  .card.card-inverse input::-webkit-input-placeholder, .card.card-inverse input::-moz-placeholder, .card.card-inverse input:-ms-input-placeholder, .card.card-inverse input:-moz-placeholder {
    color: #fff; }

.dropdown .dropdown-menu,
.dropup .dropdown-menu,
.dropright .dropdown-menu,
.dropleft .dropdown-menu {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15); }
  .dropdown .dropdown-menu .dropdown-header,
  .dropup .dropdown-menu .dropdown-header,
  .dropright .dropdown-menu .dropdown-header,
  .dropleft .dropdown-menu .dropdown-header {
    margin-top: 0.4rem;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: 600; }
  .dropdown .dropdown-menu .dropdown-item,
  .dropup .dropdown-menu .dropdown-item,
  .dropright .dropdown-menu .dropdown-item,
  .dropleft .dropdown-menu .dropdown-item {
    width: auto; }
    .dropdown .dropdown-menu .dropdown-item:active,
    .dropup .dropdown-menu .dropdown-item:active,
    .dropright .dropdown-menu .dropdown-item:active,
    .dropleft .dropdown-menu .dropdown-item:active {
      background-color: #975AFF !important; }
  .dropdown .dropdown-menu .dropdown-submenu,
  .dropup .dropdown-menu .dropdown-submenu,
  .dropright .dropdown-menu .dropdown-submenu,
  .dropleft .dropdown-menu .dropdown-submenu {
    position: relative; }
    .dropdown .dropdown-menu .dropdown-submenu:hover .dropdown-menu,
    .dropup .dropdown-menu .dropdown-submenu:hover .dropdown-menu,
    .dropright .dropdown-menu .dropdown-submenu:hover .dropdown-menu,
    .dropleft .dropdown-menu .dropdown-submenu:hover .dropdown-menu {
      display: block; }
    .dropdown .dropdown-menu .dropdown-submenu > a.dropdown-item,
    .dropup .dropdown-menu .dropdown-submenu > a.dropdown-item,
    .dropright .dropdown-menu .dropdown-submenu > a.dropdown-item,
    .dropleft .dropdown-menu .dropdown-submenu > a.dropdown-item {
      border-top-left-radius: 0.35rem;
      border-top-right-radius: 0.35rem; }
    .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu,
    .dropup .dropdown-menu .dropdown-submenu .dropdown-menu,
    .dropright .dropdown-menu .dropdown-submenu .dropdown-menu,
    .dropleft .dropdown-menu .dropdown-submenu .dropdown-menu {
      top: 0;
      left: 100%;
      margin-top: -2px;
      margin-left: -1px; }
      .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu.open-left,
      .dropup .dropdown-menu .dropdown-submenu .dropdown-menu.open-left,
      .dropright .dropdown-menu .dropdown-submenu .dropdown-menu.open-left,
      .dropleft .dropdown-menu .dropdown-submenu .dropdown-menu.open-left {
        left: auto;
        right: 100%; }
    .dropdown .dropdown-menu .dropdown-submenu:last-child > .dropdown-item:first-child,
    .dropup .dropdown-menu .dropdown-submenu:last-child > .dropdown-item:first-child,
    .dropright .dropdown-menu .dropdown-submenu:last-child > .dropdown-item:first-child,
    .dropleft .dropdown-menu .dropdown-submenu:last-child > .dropdown-item:first-child {
      border-bottom-left-radius: calc(0.35rem - 1px);
      border-bottom-right-radius: calc(0.35rem - 1px); }
    .dropdown .dropdown-menu .dropdown-submenu > a:after,
    .dropup .dropdown-menu .dropdown-submenu > a:after,
    .dropright .dropdown-menu .dropdown-submenu > a:after,
    .dropleft .dropdown-menu .dropdown-submenu > a:after {
      font-family: 'FontAwesome';
      content: "\f105" !important;
      right: 14px;
      top: -10px;
      font-size: 1.2rem;
      float: right;
      border: none;
      margin-top: 1.15rem;
      position: absolute; }
  .dropdown .dropdown-menu .disabled,
  .dropup .dropdown-menu .disabled,
  .dropright .dropdown-menu .disabled,
  .dropleft .dropdown-menu .disabled {
    color: #adb5bd; }

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

.dropdown-menu.arrow {
  margin-top: 12px; }
  .dropdown-menu.arrow:after, .dropdown-menu.arrow:before {
    position: absolute;
    left: 10px;
    display: inline-block;
    width: 0;
    height: 0;
    content: '';
    border: 7px solid transparent;
    border-top-width: 0; }
  .dropdown-menu.arrow:before {
    top: -7px;
    border-bottom-color: #E0E0E0; }
  .dropdown-menu.arrow:after {
    top: -6px;
    border-bottom-color: #fff; }

.dropdown-menu .arrow-left {
  margin-left: 7px !important; }
  .dropdown-menu .arrow-left:after, .dropdown-menu .arrow-left:before {
    position: absolute;
    top: 15px;
    display: inline-block;
    width: 0;
    height: 0;
    content: '';
    border: 7px solid transparent;
    border-left-width: 0; }
  .dropdown-menu .arrow-left:before {
    left: -8px;
    border-right-color: #E0E0E0; }
  .dropdown-menu .arrow-left:after {
    left: -7px;
    border-right-color: #fff; }

.dropdown-menu .arrow-right {
  margin-right: 7px !important; }
  .dropdown-menu .arrow-right:after, .dropdown-menu .arrow-right:before {
    position: absolute;
    top: 15px;
    display: inline-block;
    width: 0;
    height: 0;
    content: '';
    border: 7px solid transparent;
    border-right-width: 0; }
  .dropdown-menu .arrow-right:before {
    right: -8px;
    border-left-color: #b3b3b3; }
  .dropdown-menu .arrow-right:after {
    right: -7px;
    border-left-color: #fff; }

.dropup .dropdown-submenu .dropdown-menu {
  bottom: auto; }

.show > .dropdown-menu {
  transform: scale(1, 1);
  opacity: 1;
  display: block; }

.navbar-horizontal .dropdown-submenu .dropdown-toggle::after {
  top: -9px !important;
  margin-top: 1.25rem;
  right: 10px; }

.carousel-inner > .carousel-item > img {
  max-width: 100%;
  height: auto; }

.modal-content {
  overflow: hidden; }
  .modal-content .modal-header {
    border-radius: 0; }
    .modal-content .modal-header[class*="bg-"] > * {
      color: #fff; }
  .modal-content .modal-footer .btn {
    margin: 0; }
    .modal-content .modal-footer .btn + .btn {
      margin-left: 8px; }

@media (max-width: 575.98px) {
  .modal-open .modal {
    padding: 0 .5rem !important; } }

.nav-vertical {
  overflow: hidden; }
  .nav-vertical .nav-left.nav-tabs {
    float: left;
    border-bottom: 0;
    border-radius: 0;
    display: table; }
    .nav-vertical .nav-left.nav-tabs li.nav-item {
      margin: 0; }
      .nav-vertical .nav-left.nav-tabs li.nav-item a.nav-link {
        min-width: 6.5rem;
        border-right: 1px solid #dee2e6; }
        .nav-vertical .nav-left.nav-tabs li.nav-item a.nav-link.active {
          border-right: 2px solid #975AFF !important;
          border-bottom: 0; }
  .nav-vertical .nav-left ~ .tab-content .tab-pane {
    display: none;
    padding-left: 1rem;
    overflow-y: auto; }
    .nav-vertical .nav-left ~ .tab-content .tab-pane.active {
      display: block; }
  .nav-vertical .nav-right.nav-tabs {
    float: right;
    border-bottom: 0;
    border-radius: 0;
    display: table; }
    .nav-vertical .nav-right.nav-tabs li.nav-item {
      margin: 0; }
      .nav-vertical .nav-right.nav-tabs li.nav-item a.nav-link {
        border-left: 1px solid #dee2e6;
        min-width: 6.5rem; }
        .nav-vertical .nav-right.nav-tabs li.nav-item a.nav-link.active {
          border-left: 2px solid #975AFF !important;
          border-bottom: 0; }
  .nav-vertical .nav-right ~ .tab-content .tab-pane {
    display: none;
    padding-right: 1rem;
    overflow-y: auto; }
    .nav-vertical .nav-right ~ .tab-content .tab-pane.active {
      display: block; }

.tab-content {
  padding: 0.375rem; }

.nav-tabs .nav-link {
  height: 100%;
  border: 0;
  border-radius: 0; }
  .nav-tabs .nav-link.active {
    border-bottom: 2px solid #975AFF; }

.nav-tabs .nav-item.show .nav-link {
  background-color: transparent;
  border-bottom-color: #fff; }

.vertical-layout.navbar-sticky.page-scrolled:not(.layout-dark) nav.header-navbar {
  background-color: #fff;
  box-shadow: -8px 8px 14px 0 rgba(25, 42, 70, 0.11); }

nav.navbar.header-navbar {
  padding: 0.3rem 1rem 0.3rem 1.5rem !important; }
  nav.navbar.header-navbar .container-fluid {
    padding-left: 0; }

.navbar {
  z-index: 4;
  border: 0;
  border-radius: 0;
  padding: .7rem 1rem 0.7rem 1.5rem !important; }
  .navbar .navbar-brand {
    position: relative; }
  .navbar .navbar-brand-center .navbar-nav {
    padding-top: 0; }
  .navbar .navbar-brand-center .navbar-header {
    width: 120px !important;
    position: absolute;
    left: 50%;
    top: 0;
    padding: 0;
    margin: 0;
    transform: translate(-50%, 0); }
    .navbar .navbar-brand-center .navbar-header .logo .logo-text {
      text-transform: uppercase;
      padding: 7px 0;
      display: block;
      font-size: 1.6rem;
      letter-spacing: 2px;
      text-align: left;
      font-weight: 400; }
    .navbar .navbar-brand-center .navbar-header .logo .logo-img {
      width: 30px;
      display: inline-block;
      max-height: 30px;
      margin-right: 15px; }
  .navbar .navbar-nav {
    display: block;
    margin-right: -18px; }
    .navbar .navbar-nav .dropdown-menu {
      position: absolute; }
    .navbar .navbar-nav .nav-search .nav-link-search {
      float: left; }
    .navbar .navbar-nav .nav-search .search-input .search-input-icon {
      display: none;
      position: absolute;
      left: 2rem;
      top: 1.44rem;
      cursor: pointer; }
    .navbar .navbar-nav .nav-search .search-input .input {
      width: 0;
      border: none;
      background: none;
      line-height: 1rem; }
    .navbar .navbar-nav .nav-search .search-input .search-input-close {
      z-index: 101;
      display: none;
      position: absolute;
      right: 2rem;
      top: 32%;
      cursor: pointer; }
    .navbar .navbar-nav .nav-search .search-input .search-list {
      position: absolute;
      top: 100%;
      left: 0;
      background: #fff;
      width: 100%;
      margin-top: 1rem;
      padding-left: 0;
      border-radius: 0.267rem;
      display: none;
      z-index: 1200; }
      .navbar .navbar-nav .nav-search .search-input .search-list.show {
        display: block;
        overflow: hidden;
        width: 100%; }
      .navbar .navbar-nav .nav-search .search-input .search-list li a {
        padding: 0.8rem 1rem;
        color: #342E49; }
      .navbar .navbar-nav .nav-search .search-input .search-list li:first-child, .navbar .navbar-nav .nav-search .search-input .search-list li:last-child {
        border-top-left-radius: 0.35rem;
        border-top-right-radius: 0.35rem; }
      .navbar .navbar-nav .nav-search .search-input .search-list li:hover, .navbar .navbar-nav .nav-search .search-input .search-list li.current_item {
        background-color: #f5f5f5; }
    .navbar .navbar-nav .nav-search .search-input:not(.open) {
      overflow: hidden; }
    .navbar .navbar-nav .nav-search .search-input.open {
      position: absolute;
      left: 0;
      background: #fff;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 115;
      margin-top: -1px;
      box-shadow: -8px 12px 18px 0 rgba(0, 0, 0, 0.13); }
      .navbar .navbar-nav .nav-search .search-input.open .search-input-icon,
      .navbar .navbar-nav .nav-search .search-input.open .search-input-close {
        display: block; }
      .navbar .navbar-nav .nav-search .search-input.open .search-input-close {
        margin-top: 0.1rem; }
      .navbar .navbar-nav .nav-search .search-input.open .input {
        width: 100%;
        padding: 1.37rem 4.3rem; }
  .navbar .navbar-toggle {
    background-color: transparent;
    border: none; }
  .navbar .navbar-container .navbar-nav .dropdown-toggle::after {
    content: none; }
  .navbar .navbar-container .navbar-nav .notification-dropdown {
    border: transparent;
    width: 25rem; }
    .navbar .navbar-container .navbar-nav .notification-dropdown.dropdown-menu {
      padding: 0; }
    .navbar .navbar-container .navbar-nav .notification-dropdown .dropdown-menu-header .dropdown-header {
      text-transform: none; }
    .navbar .navbar-container .navbar-nav .notification-dropdown .scrollable-container {
      position: relative;
      max-height: 20rem; }
      .navbar .navbar-container .navbar-nav .notification-dropdown .scrollable-container .ps__rail-x {
        display: none; }
      .navbar .navbar-container .navbar-nav .notification-dropdown .scrollable-container .read-notification {
        background-color: #f5f5f5; }
    .navbar .navbar-container .navbar-nav .notification-dropdown .media {
      width: 100%;
      padding: 1rem;
      border-bottom: 1px solid #E0E0E0; }
    .navbar .navbar-container .navbar-nav .notification-dropdown .noti-text {
      color: #6c757d;
      font-size: 0.8rem; }
    .navbar .navbar-container .navbar-nav .notification-dropdown .noti-footer:hover, .navbar .navbar-container .navbar-nav .notification-dropdown .noti-footer:focus {
      color: #975AFF !important;
      text-decoration: none; }
  .navbar .navbar-container .navbar-nav .user {
    flex-direction: column;
    line-height: 1.1rem; }
  .navbar .navbar-container .notification {
    position: relative;
    top: -15px;
    right: 14px;
    padding: 0.25rem 0.4rem; }
  .navbar .notification-dropdown .dropdown-item.active i, .navbar .notification-dropdown .dropdown-item.active .noti-title, .navbar .notification-dropdown .dropdown-item.active .noti-text, .navbar .notification-dropdown .dropdown-item:active i, .navbar .notification-dropdown .dropdown-item:active .noti-title, .navbar .notification-dropdown .dropdown-item:active .noti-text {
    color: #fff !important; }
  .navbar .langimg {
    width: 26px;
    margin-right: 5px; }

@media (min-width: 1200px) {
  .vertical-layout.navbar-sticky.nav-collapsed nav.header-navbar {
    width: calc(100% - 60px) !important; }
  .vertical-layout.navbar-sticky.sidebar-sm nav.header-navbar {
    width: calc(100% - 220px); }
  .vertical-layout.navbar-sticky.sidebar-lg nav.header-navbar {
    width: calc(100% - 280px); }
  .vertical-layout.navbar-sticky nav.header-navbar {
    width: calc(100% - 250px); } }

@media (min-width: 992px) {
  .navbar.header-navbar .navbar-nav {
    display: flex;
    align-items: center; } }

@media (max-width: 991.98px) {
  .header-navbar .navbar-container ul.navbar-nav .dropdown-language {
    margin-top: 0.4rem; }
  .header-navbar .navbar-container ul.navbar-nav .dropdown-notification {
    margin-top: 1.2rem !important; }
  .navbar .navbar-brand-center .navbar-header {
    width: 30px !important; }
    .navbar .navbar-brand-center .navbar-header .logo .logo-img {
      margin-right: 0; }
    .navbar .navbar-brand-center .navbar-header .logo .logo-text .text {
      display: none; } }

@media (max-width: 767.98px) {
  .header-navbar .navbar-container ul.navbar-nav .dropdown-language {
    margin-top: 0.8rem; } }

@media (max-width: 575.98px) {
  nav.navbar.header-navbar {
    padding: .3rem .5rem !important; } }

@media (max-width: 525px) {
  .header-navbar .navbar-container .notification-dropdown {
    right: -2rem;
    width: 350px !important; } }

@media (max-width: 420px) {
  .header-navbar .navbar-container .notification-dropdown {
    right: -3rem;
    width: calc(100vw - 1.7rem) !important; } }

.popover {
  box-shadow: -8px 8px 14px 0 rgba(25, 42, 70, 0.11); }
  .popover .popover-header {
    border-top-left-radius: 0.35rem;
    border-top-right-radius: 0.35rem; }
  .popover.bs-popover-bottom > .arrow::after {
    border-bottom-color: #F7F7F8; }

.progress .progress-bar {
  border-radius: 1.28rem; }

.toast-bs-container {
  z-index: 1060;
  position: fixed;
  top: 4rem;
  right: 2rem;
  width: calc(100% - 4rem); }
  .toast-bs-container .toast-position {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap-reverse; }
    .toast-bs-container .toast-position .toast.show {
      z-index: 1060; }

.toast {
  display: none; }
  .toast.toast-translucent {
    opacity: 1;
    display: block; }

.toast-placement .toast {
  position: absolute;
  top: 2rem;
  z-index: 1060; }

.toast-body {
  color: #342E49; }

blockquote footer, blockquote small, blockquote .small, .blockquote footer, .blockquote small, .blockquote .small {
  font-size: 80%;
  padding-left: 0; }

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

h2.title {
  margin-bottom: 3rem; }

.text-warning {
  color: #F77E17 !important; }

.text-primary {
  color: #975AFF !important; }

.text-danger {
  color: #F55252 !important; }

.text-success {
  color: #40C057 !important; }

.text-info {
  color: #2F8BE6 !important; }

.font-small-1 {
  font-size: 0.7rem !important; }

.font-small-2 {
  font-size: 0.8rem !important; }

.font-small-3 {
  font-size: 0.9rem !important; }

.font-medium-1 {
  font-size: 1.1rem !important; }

.font-medium-2 {
  font-size: 1.2rem !important; }

.font-medium-3 {
  font-size: 1.3rem !important; }

.font-medium-4 {
  font-size: 1.4rem !important; }

.font-medium-5 {
  font-size: 1.5rem !important; }

.font-large-1 {
  font-size: 2rem !important;
  line-height: 2rem; }

.font-large-2 {
  font-size: 3rem !important;
  line-height: 2.95rem; }

.font-large-3 {
  font-size: 4rem !important;
  line-height: 3.5rem; }

.font-large-4 {
  font-size: 5rem !important;
  line-height: 4.2rem; }

.font-large-5 {
  font-size: 6rem !important;
  line-height: 5.2rem; }

.text-bold-300 {
  font-weight: 300; }

.text-bold-400 {
  font-weight: 400; }

.text-bold-500 {
  font-weight: 500; }

.text-bold-600 {
  font-weight: 600; }

.text-bold-700 {
  font-weight: 700; }

.text-italic {
  font-style: italic; }

.text-highlight {
  padding: 4px 6px; }

#equal-width .bd-example .row [class^="col-"],
#equal-width .bd-example .row .col,
#setting-one-column-width .bd-example .row [class^="col-"],
#setting-one-column-width .bd-example .row .col,
#variable-width-content .bd-example .row [class^="col-"],
#variable-width-content .bd-example .row .col,
#equal-width-multi-row .bd-example .row [class^="col-"],
#equal-width-multi-row .bd-example .row .col,
#all-breakpoints .bd-example .row [class^="col-"],
#all-breakpoints .bd-example .row .col,
#stacked-to-horizontal .bd-example .row [class^="col-"],
#stacked-to-horizontal .bd-example .row .col,
#alignment .bd-example .row [class^="col-"],
#alignment .bd-example .row .col,
#vertical-alignment .bd-example .row [class^="col-"],
#vertical-alignment .bd-example .row .col,
#horizontal-alignment .bd-example .row [class^="col-"],
#horizontal-alignment .bd-example .row .col,
#column-wrapping .bd-example .row [class^="col-"],
#column-wrapping .bd-example .row .col,
#column-breaks .bd-example .row [class^="col-"],
#column-breaks .bd-example .row .col,
#reordering .bd-example .row [class^="col-"],
#reordering .bd-example .row .col,
#offsetting-columns .bd-example .row [class^="col-"],
#offsetting-columns .bd-example .row .col,
#margin-utilities .bd-example .row [class^="col-"],
#margin-utilities .bd-example .row .col,
#nesting .bd-example .row [class^="col-"],
#nesting .bd-example .row .col {
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: rgba(86, 61, 124, 0.15);
  border: 1px solid rgba(86, 61, 124, 0.2); }

#equal-width .bd-example .row + .row,
#setting-one-column-width .bd-example .row + .row,
#variable-width-content .bd-example .row + .row,
#equal-width-multi-row .bd-example .row + .row,
#all-breakpoints .bd-example .row + .row,
#stacked-to-horizontal .bd-example .row + .row,
#alignment .bd-example .row + .row,
#vertical-alignment .bd-example .row + .row,
#horizontal-alignment .bd-example .row + .row,
#column-wrapping .bd-example .row + .row,
#column-breaks .bd-example .row + .row,
#reordering .bd-example .row + .row,
#offsetting-columns .bd-example .row + .row,
#margin-utilities .bd-example .row + .row,
#nesting .bd-example .row + .row {
  margin-top: 1rem; }

code {
  padding: 0.1rem 0.4rem;
  background-color: #eee;
  border-radius: 0.2rem; }

pre code {
  padding: 0;
  text-shadow: none !important; }
  pre code .token.operator,
  pre code .token.url {
    background: transparent; }

pre[class*="language-"] {
  border-radius: 0.35rem; }

.list-group-item-primary {
  color: #4f2f85 !important;
  background-color: #e2d1ff !important; }
  .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #4f2f85 !important;
    background-color: #d2b8ff !important; }

.list-group-item-secondary {
  color: #323947 !important;
  background-color: #d3d6de !important; }
  .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #323947 !important;
    background-color: #c4c8d3 !important; }

.list-group-item-success {
  color: #21642d !important;
  background-color: #caedd0 !important; }
  .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color: #21642d !important;
    background-color: #b7e7bf !important; }

.list-group-item-info {
  color: #184878 !important;
  background-color: #c5dff8 !important; }
  .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #184878 !important;
    background-color: #aed2f5 !important; }

.list-group-item-warning {
  color: #80420c !important;
  background-color: #fddbbe !important; }
  .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #80420c !important;
    background-color: #fccda5 !important; }

.list-group-item-danger {
  color: #7f2b2b !important;
  background-color: #fccfcf !important; }
  .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: #7f2b2b !important;
    background-color: #fbb7b7 !important; }

.list-group-item-light {
  color: #727377 !important;
  background-color: #f5f6f8 !important; }
  .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color: #727377 !important;
    background-color: #e6e9ee !important; }

.list-group-item-dark {
  color: #0e030f !important;
  background-color: #bfb9c0 !important; }
  .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
    color: #0e030f !important;
    background-color: #b3acb4 !important; }

.list-group i {
  display: inline-block; }

.users-list li + li {
  margin-left: -0.65rem; }

.users-list li img {
  border: 2px solid #fff; }

form label {
  letter-spacing: 0.5px; }

form .form-section {
  color: #17102F;
  line-height: 3rem;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
  font-weight: 400;
  margin-bottom: 20px;
  border-bottom: 1px solid #E0E0E0; }
  form .form-section i {
    font-size: 20px;
    margin-left: 5px;
    margin-right: 5px; }

form .form-body {
  overflow: hidden; }

form .form-actions {
  border-top: 1px solid #dcdce0;
  padding: 20px 0;
  margin-top: 20px; }
  form .form-actions.filled {
    background-color: #F7F7F8; }
  form .form-actions.center {
    text-align: center; }
  form .form-actions.right {
    text-align: right; }
  form .form-actions.top {
    border-top: 0;
    border-bottom: 1px solid #dcdce0;
    margin-top: 0;
    margin-bottom: 20px; }
  @media (max-width: 767.98px) {
    form .form-actions .buttons-group {
      float: left !important;
      margin-bottom: 10px; } }

form.form-bordered .form-group {
  margin: 0;
  border-bottom: 1px solid #E0E0E0; }
  form.form-bordered .form-group .label-control {
    padding-top: 1.5rem; }
  form.form-bordered .form-group > div {
    padding: 1.2rem;
    border-left: 0; }
    @media (min-width: 768px) {
      form.form-bordered .form-group > div {
        border-left: 1px solid #E0E0E0; } }
  form.form-bordered .form-group.last {
    border-bottom: 0; }

form.striped-rows .form-group {
  margin: 0; }
  form.striped-rows .form-group .label-control {
    padding-top: 1.5rem; }
  form.striped-rows .form-group > div {
    padding: 1.2rem; }
  form.striped-rows .form-group:nth-child(even) {
    background-color: #F7F7F8; }

form label,
.form-group label {
  text-transform: uppercase;
  font-size: 0.85rem;
  font-weight: 500; }

.form-control {
  background-clip: inherit;
  /* Firefox 18- */
  /* Firefox 19+ */ }
  .form-control:focus::placeholder {
    transform: translate(5px);
    transition: all .3s ease; }
  .form-control:focus ~ .form-control-position i {
    color: #975AFF; }
  .form-control:not(:focus)::placeholder {
    transition: all .3s ease; }
  .form-control::-webkit-input-placeholder {
    color: #BDBDBD; }
  .form-control:-moz-placeholder {
    color: #BDBDBD; }
  .form-control::-moz-placeholder {
    color: #BDBDBD; }
  .form-control:-ms-input-placeholder {
    color: #BDBDBD; }
  .form-control[class*="is-"] ~ [class*="-feedback"] i:before {
    font-size: 0.5rem;
    margin-right: 2px;
    position: relative;
    top: -1px; }

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

.has-icon-left .form-control-position {
  right: auto; }

.has-icon-left .form-control {
  padding-left: 2.8rem; }

.has-icon-right .form-control {
  padding-right: 2.8rem; }

.has-icon-right .form-control-position {
  right: 0; }

.needs-validation .valid-tooltip,
.needs-validation .invalid-tooltip {
  margin-top: 0.2rem; }

.input-group-prepend .checkbox label:before, .input-group-prepend .checkbox label:after, .input-group-append .checkbox label:before, .input-group-append .checkbox label:after {
  top: 4px !important;
  left: 5px !important; }

.input-group-prepend .checkbox input:checked ~ label:after, .input-group-append .checkbox input:checked ~ label:after {
  top: 8px !important;
  left: 8px !important; }

.input-group-prepend .radio label::before, .input-group-append .radio label::before {
  margin-right: 0; }

.input-group button {
  line-height: 1; }

.custom-control.inline {
  display: inline; }

.custom-checkbox input.custom-control-input ~ .custom-control-label:before {
  width: 1.1rem;
  height: 1.1rem;
  top: 0.125rem;
  left: -1.6rem;
  border-radius: 0.3rem; }

.custom-checkbox input.custom-control-input ~ .custom-control-label:after {
  top: 0.15rem;
  left: -1.55rem; }

.form-control:disabled, .form-control[readonly] {
  border-color: #e0e0e0; }

.custom-select {
  -moz-appearance: none;
  -webkit-appearance: none; }

.radio input[type="radio"] {
  /* Basic Bootstrap Radio Buttons Hide */
  display: none; }
  .radio input[type="radio"]:checked ~ label::after {
    opacity: 1;
    transform: scale(1);
    transition: all 0.3s cubic-bezier(0.35, 0.9, 0.4, 0.9); }
  .radio input[type="radio"]:disabled ~ label {
    color: #adb5bd; }
  .radio input[type="radio"]:disabled ~ label::before {
    background-color: #F7F7F8 !important;
    border: 1px solid #E0E0E0 !important; }
  .radio input[type="radio"]:disabled ~ label::after {
    background-color: #bdbdbd; }

.radio label {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 0; }
  .radio label::before {
    content: "";
    border: 1px solid #975AFF;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-right: 0.5rem; }
  .radio label::after {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    background-color: #975AFF;
    border-radius: 50%;
    left: 4px;
    opacity: 0;
    transform: scale(3.6); }

.radio.radio-sm input ~ label::before {
  width: 15px;
  height: 15px; }

.radio.radio-sm input ~ label::after {
  width: 9px;
  height: 9px;
  left: 3px; }

.checkbox {
  position: relative; }
  .checkbox input[type='checkbox'] {
    display: none; }
    .checkbox input[type='checkbox']:checked ~ label:after {
      border-top-style: none;
      border-right-style: none;
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      height: 0.4rem;
      width: 0.8rem;
      border-color: #975AFF;
      border-radius: 0;
      border-width: 2px;
      top: 6px;
      left: 4px; }
    .checkbox input[type='checkbox']:disabled ~ label {
      color: #adb5bd; }
      .checkbox input[type='checkbox']:disabled ~ label:before {
        background-color: #F7F7F8 !important;
        box-shadow: none !important; }
    .checkbox input[type='checkbox']:disabled:checked ~ label:after {
      border-color: #bdbdbd; }
  .checkbox label {
    margin-left: 1.75rem;
    margin-bottom: 0; }
    .checkbox label:before {
      content: '';
      height: 20px;
      width: 20px;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 0.35rem;
      border: 1px solid #E0E0E0; }
    .checkbox label:after {
      content: ' ';
      height: 20px;
      width: 20px;
      border: 1px solid #E0E0E0;
      position: absolute;
      border-radius: 0.35rem;
      top: 0px;
      left: 0;
      transition: 100ms ease-in-out; }
  .checkbox.checkbox-sm input:checked ~ label:after {
    height: 5px;
    width: 8px;
    top: 7px;
    left: 6px; }
  .checkbox.checkbox-sm label::before, .checkbox.checkbox-sm label::after {
    width: 15px;
    height: 15px;
    top: 3px;
    left: 3px; }

.custom-switch input[type='checkbox']:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #adb5bd; }

.custom-switch input[type='checkbox'] ~ label:before {
  top: 0;
  height: 1.5rem;
  border-radius: 1rem;
  background-color: transparent; }

.custom-switch input[type='checkbox'] ~ label:after {
  top: 2px;
  left: -2.9rem;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 1rem;
  transition: all .25s ease; }

.custom-switch input[type='checkbox']:checked ~ label:after {
  left: -3.5rem;
  background-color: #fff !important; }

.form-control.tagging {
  height: auto; }
  .form-control.tagging .tag {
    padding: 4px 28px 6px 0;
    margin: 5px 10px 5px 0;
    background: #EFDEFF;
    color: #975AFF;
    border-radius: 0.35rem; }
    .form-control.tagging .tag span {
      padding: 5px 12px 8px;
      background: #975AFF;
      color: #EFDEFF;
      border-bottom-left-radius: 0.35rem;
      border-top-left-radius: 0.35rem; }
    .form-control.tagging .tag .tag-i {
      font-size: 1.5rem;
      top: 0.95rem;
      right: 0.65rem;
      color: #975AFF;
      text-decoration: none; }
  .form-control.tagging input.type-zone {
    min-width: 0;
    background-color: transparent; }

.ql-editor pre.ql-syntax {
  border-radius: 0.35rem; }
/* /static/app-assets/css/colors.css */
.gradient-mint {
    background-image: linear-gradient(45deg, #226CC5, #6CD975);
    background-repeat: repeat-x;
}
.btn.gradient-mint {
    border: none;
    color: #fff;
}

.btn.gradient-mint:active, .btn.gradient-mint.active {
    background-image: linear-gradient(45deg, #226CC5, #6CD975);
    background-repeat: repeat-x;
}
.gradient-pomegranate {
    background-image: linear-gradient(45deg, #465375, #F55252);
    background-repeat: repeat-x;
}
.btn.gradient-pomegranate {
    border: none;
    color: #fff;
}

.btn.gradient-pomegranate:active, .btn.gradient-pomegranate.active {
    background-image: linear-gradient(45deg, #465375, #F55252);
    background-repeat: repeat-x;
}
.gradient-king-yna {
    background-image: linear-gradient(45deg, #7441DB, #F9877C);
    background-repeat: repeat-x;
}
.btn.gradient-king-yna {
    border: none;
    color: #fff;
}

.btn.gradient-king-yna:active, .btn.gradient-king-yna.active {
    background-image: linear-gradient(45deg, #7441DB, #F9877C);
    background-repeat: repeat-x;
}
.gradient-ibiza-sunset {
    background-image: linear-gradient(45deg, #B02940, #FCC173);
    background-repeat: repeat-x;
}
.btn.gradient-ibiza-sunset {
    border: none;
    color: #fff;
}

.btn.gradient-ibiza-sunset:active, .btn.gradient-ibiza-sunset.active {
    background-image: linear-gradient(45deg, #B02940, #FCC173);
    background-repeat: repeat-x;
}

.gradient-purple-bliss {
    background-image: linear-gradient(45deg, #562DB7, #60AFF0);
    background-repeat: repeat-x;
}
.btn.gradient-purple-bliss {
    border: none;
    color: #fff;
}

.btn.gradient-purple-bliss:active, .btn.gradient-purple-bliss.active {
    background-image: linear-gradient(45deg, #562DB7, #60AFF0);
    background-repeat: repeat-x;
}

.gradient-purple-love {
    background-image: linear-gradient(45deg, #7441DB, #C89CFF);
    background-repeat: repeat-x;
}
.btn.gradient-purple-love {
    border: none;
    color: #fff;
}

.btn.gradient-purple-love:active, .btn.gradient-purple-love.active {
    background-image: linear-gradient(45deg, #7441DB, #C89CFF);
    background-repeat: repeat-x;
}

.white {
    color: #ffffff !important;
    margin-bottom: 0rem !important;
}
.bg-light-primary {
    background-color: #EFDEFF !important;
    color: #975AFF !important;
    border-color: #EFDEFF;
}
/* /static/app-assets/css/themes/layout-dark.css */
/* Shadows (from mdl http://www.getmdl.io/) */
html body.layout-dark:not(.layout-transparent) {
  background-color: #101010;
  color: #B2B1B5;
  height: 100%;
}

html body.layout-dark:not(.layout-transparent) .card {
  box-shadow: -8px 8px 14px 0 rgba(0, 0, 0, 0.25);
}

html body.layout-dark:not(.layout-transparent).vertical-layout.navbar-sticky.page-scrolled nav.header-navbar {
  background-color: #1E1E1E;
  box-shadow: -8px 8px 14px 0 rgba(0, 0, 0, 0.25);
}

html body.layout-dark:not(.layout-transparent).auth-page {
  background-image: repeating-linear-gradient(135deg, rgba(19, 19, 19, 0.02) 0px, rgba(19, 19, 19, 0.02) 132px, rgba(233, 233, 233, 0.02) 132px, rgba(233, 233, 233, 0.02) 257px, rgba(87, 87, 87, 0.02) 257px, rgba(87, 87, 87, 0.02) 356px, rgba(139, 139, 139, 0.02) 356px, rgba(139, 139, 139, 0.02) 449px, rgba(107, 107, 107, 0.02) 449px, rgba(107, 107, 107, 0.02) 540px, rgba(141, 141, 141, 0.02) 540px, rgba(141, 141, 141, 0.02) 606px, rgba(197, 197, 197, 0.02) 606px, rgba(197, 197, 197, 0.02) 754px, rgba(79, 79, 79, 0.02) 754px, rgba(79, 79, 79, 0.02) 851px), repeating-linear-gradient(135deg, rgba(152, 152, 152, 0.02) 0px, rgba(152, 152, 152, 0.02) 76px, rgba(91, 91, 91, 0.02) 76px, rgba(91, 91, 91, 0.02) 199px, rgba(68, 68, 68, 0.02) 199px, rgba(68, 68, 68, 0.02) 298px, rgba(216, 216, 216, 0.02) 298px, rgba(216, 216, 216, 0.02) 378px, rgba(254, 254, 254, 0.02) 378px, rgba(254, 254, 254, 0.02) 438px, rgba(79, 79, 79, 0.02) 438px, rgba(79, 79, 79, 0.02) 523px, rgba(47, 47, 47, 0.02) 523px, rgba(47, 47, 47, 0.02) 590px, rgba(241, 241, 241, 0.02) 590px, rgba(241, 241, 241, 0.02) 730px), repeating-linear-gradient(135deg, rgba(39, 39, 39, 0.02) 0px, rgba(39, 39, 39, 0.02) 109px, rgba(131, 131, 131, 0.02) 109px, rgba(131, 131, 131, 0.02) 202px, rgba(18, 18, 18, 0.02) 202px, rgba(18, 18, 18, 0.02) 329px, rgba(217, 217, 217, 0.02) 329px, rgba(217, 217, 217, 0.02) 405px, rgba(93, 93, 93, 0.02) 405px, rgba(93, 93, 93, 0.02) 487px, rgba(194, 194, 194, 0.02) 487px, rgba(194, 194, 194, 0.02) 551px, rgba(202, 202, 202, 0.02) 551px, rgba(202, 202, 202, 0.02) 614px, rgba(224, 224, 224, 0.02) 614px, rgba(224, 224, 224, 0.02) 747px), linear-gradient(90deg, #343434, #333333);
}

html body.layout-dark:not(.layout-transparent).auth-page .auth-img .auth-img-bg {
  background-color: #212121;
}

html body.layout-dark.layout-transparent {
  color: #D6D5D8;
}

html body.layout-dark.layout-transparent[class*=bg-glass-],
html body.layout-dark.layout-transparent [class*=bg-glass-] {
  background-size: cover;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-image 0.3s;
}

html body.layout-dark.layout-transparent[class*=bg-glass-] {
  background-attachment: fixed;
}

html body.layout-dark.layout-transparent.bg-glass-1,
html body.layout-dark.layout-transparent .bg-glass-1 {
  background-color: #2e3738;
}

html body.layout-dark.layout-transparent.bg-glass-2,
html body.layout-dark.layout-transparent .bg-glass-2 {
  background-image: linear-gradient(238deg, rgba(4, 4, 4, 0.05) 0%, rgba(4, 4, 4, 0.05) 56%, rgba(211, 211, 211, 0.05) 56%, rgba(211, 211, 211, 0.05) 100%), linear-gradient(223deg, rgba(96, 96, 96, 0.05) 0%, rgba(96, 96, 96, 0.05) 58%, rgba(161, 161, 161, 0.05) 58%, rgba(161, 161, 161, 0.05) 100%), linear-gradient(263deg, rgba(232, 232, 232, 0.05) 0%, rgba(232, 232, 232, 0.05) 65%, rgba(243, 243, 243, 0.05) 65%, rgba(243, 243, 243, 0.05) 100%), linear-gradient(90deg, #cc52fc, #111f76);
}

html body.layout-dark.layout-transparent.bg-glass-3,
html body.layout-dark.layout-transparent .bg-glass-3 {
  background-image: radial-gradient(circle at 17% 1%, rgba(198, 198, 198, 0.03) 0%, rgba(198, 198, 198, 0.03) 50%, rgba(42, 42, 42, 0.03) 50%, rgba(42, 42, 42, 0.03) 100%), radial-gradient(circle at 8% 81%, rgba(253, 253, 253, 0.03) 0%, rgba(253, 253, 253, 0.03) 50%, rgba(36, 36, 36, 0.03) 50%, rgba(36, 36, 36, 0.03) 100%), radial-gradient(circle at 83% 29%, rgba(164, 164, 164, 0.03) 0%, rgba(164, 164, 164, 0.03) 50%, rgba(60, 60, 60, 0.03) 50%, rgba(60, 60, 60, 0.03) 100%), radial-gradient(circle at 96% 62%, rgba(170, 170, 170, 0.03) 0%, rgba(170, 170, 170, 0.03) 50%, rgba(169, 169, 169, 0.03) 50%, rgba(169, 169, 169, 0.03) 100%), linear-gradient(338deg, #028dd5, #05ac51);
}

html body.layout-dark.layout-transparent.bg-glass-4,
html body.layout-dark.layout-transparent .bg-glass-4 {
  background-image: linear-gradient(245deg, rgba(27, 27, 27, 0.04) 0%, rgba(27, 27, 27, 0.04) 93%, rgba(92, 92, 92, 0.04) 93%, rgba(92, 92, 92, 0.04) 100%), linear-gradient(44deg, rgba(11, 11, 11, 0.04) 0%, rgba(11, 11, 11, 0.04) 39%, rgba(186, 186, 186, 0.04) 39%, rgba(186, 186, 186, 0.04) 100%), linear-gradient(134deg, rgba(178, 178, 178, 0.04) 0%, rgba(178, 178, 178, 0.04) 95%, rgba(237, 237, 237, 0.04) 95%, rgba(237, 237, 237, 0.04) 100%), linear-gradient(322deg, rgba(56, 56, 56, 0.04) 0%, rgba(56, 56, 56, 0.04) 58%, rgba(232, 232, 232, 0.04) 58%, rgba(232, 232, 232, 0.04) 100%), linear-gradient(139deg, rgba(51, 51, 51, 0.04) 0%, rgba(51, 51, 51, 0.04) 62%, rgba(35, 35, 35, 0.04) 62%, rgba(35, 35, 35, 0.04) 100%), linear-gradient(252deg, rgba(9, 9, 9, 0.04) 0%, rgba(9, 9, 9, 0.04) 39%, rgba(174, 174, 174, 0.04) 39%, rgba(174, 174, 174, 0.04) 100%), linear-gradient(229deg, rgba(241, 241, 241, 0.04) 0%, rgba(241, 241, 241, 0.04) 2%, rgba(140, 140, 140, 0.04) 2%, rgba(140, 140, 140, 0.04) 100%), linear-gradient(223deg, rgba(82, 82, 82, 0.04) 0%, rgba(82, 82, 82, 0.04) 36%, rgba(229, 229, 229, 0.04) 36%, rgba(229, 229, 229, 0.04) 100%), linear-gradient(90deg, #f51011, #b145cf);
}

html body.layout-dark.layout-transparent.bg-glass-hibiscus,
html body.layout-dark.layout-transparent .bg-glass-hibiscus {
  background-image: linear-gradient(to right bottom, #f05f57, #c83d5c, #99245a, #671351, #360940);
}

html body.layout-dark.layout-transparent.bg-glass-purple-pizzazz,
html body.layout-dark.layout-transparent .bg-glass-purple-pizzazz {
  background-image: linear-gradient(to right bottom, #662d86, #8b2a8a, #ae2389, #cf1d83, #ed1e79);
}

html body.layout-dark.layout-transparent.bg-glass-blue-lagoon,
html body.layout-dark.layout-transparent .bg-glass-blue-lagoon {
  background-image: linear-gradient(to right bottom, #144e68, #006d83, #008d92, #00ad91, #57ca85);
}

html body.layout-dark.layout-transparent.bg-glass-electric-violet,
html body.layout-dark.layout-transparent .bg-glass-electric-violet {
  background-image: linear-gradient(to left top, #4a00e0, #600de0, #7119e1, #8023e1, #8e2de2);
}

html body.layout-dark.layout-transparent.bg-glass-portage,
html body.layout-dark.layout-transparent .bg-glass-portage {
  background-image: linear-gradient(to left top, #97abff, #798ce5, #5b6ecb, #3b51b1, #123597);
}

html body.layout-dark.layout-transparent.bg-glass-tundora,
html body.layout-dark.layout-transparent .bg-glass-tundora {
  background-image: linear-gradient(to left top, #ef4673, #ffc846);
}

html body.layout-dark.layout-transparent .header-navbar {
  background-attachment: fixed;
}

html body.layout-dark.layout-transparent .alert.alert-light {
  color: #101010 !important;
}

html body.layout-dark.layout-transparent.vertical-layout.navbar-sticky.page-scrolled nav.header-navbar {
  box-shadow: -8px 8px 14px 0 rgba(25, 42, 70, 0.11);
}

html body.layout-dark.layout-transparent .nav-tabs .nav-link.active,
html body.layout-dark.layout-transparent .nav-tabs .nav-item.show .nav-link {
  color: #EFDEFF;
}

html body.layout-dark.layout-transparent .nav-tabs .nav-link.active {
  border-bottom-color: #EFDEFF;
}

html body.layout-dark.layout-transparent .nav-vertical .nav-left.nav-tabs .nav-link.active {
  border-right-color: #EFDEFF !important;
}

html body.layout-dark.layout-transparent .nav-vertical .nav-right.nav-tabs .nav-link.active {
  border-left-color: #EFDEFF !important;
}

html body.layout-dark.layout-transparent.nav-collapsed.menu-collapsed .sidebar-background {
  background: transparent;
}

html body.layout-dark.layout-transparent.nav-collapsed .app-sidebar.expanded .sidebar-background {
  opacity: 0.9;
  background: #000;
  transition: all 0.5s ease;
}

html body.layout-dark.layout-transparent .app-sidebar .sidebar-background:after {
  background: none;
}

html body.layout-dark.layout-transparent.auth-page .auth-img .auth-img-bg {
  background-color: rgba(0, 0, 0, 0.12);
}

html body.layout-dark.layout-transparent .language-markup,
html body.layout-dark.layout-transparent .language-css,
html body.layout-dark.layout-transparent .language-js,
html body.layout-dark.layout-transparent .language-javascript,
html body.layout-dark.layout-transparent .ql-syntax {
  background-color: rgba(0, 0, 0, 0.12) !important;
}

html body.layout-dark.layout-transparent .email-application .email-list-text {
  color: #9e9e9e;
}

html body.layout-dark.layout-transparent a.fc-more {
  color: #fff;
}

@media (min-width: 1199px) {
  html body.layout-dark.layout-transparent .app-sidebar {
    background: transparent !important;
  }
}

@media (max-width: 1199px) {
  html body.layout-dark.layout-transparent .app-sidebar {
    background: rgba(0, 0, 0, 0.8) !important;
  }
}

html body.layout-dark.layout-transparent .app-content-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}

@media (max-width: 1199.98px) {
  html body.layout-dark.layout-transparent .email-app-sidebar {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
}

@media (max-width: 767.98px) {
  html body.layout-dark.layout-transparent .chat-sidebar {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
}

html body.layout-dark.layout-transparent .customizer .sb-color-options,
html body.layout-dark.layout-transparent .customizer .sb-options,
html body.layout-dark.layout-transparent .customizer .sb-bg-img,
html body.layout-dark.layout-transparent .customizer .toggle-sb-bg-img {
  display: none !important;
}

html body.layout-dark.layout-transparent .customizer .tl-color-option,
html body.layout-dark.layout-transparent .customizer .cz-tl-bg-color,
html body.layout-dark.layout-transparent .customizer .tl-bg-img {
  display: block !important;
}

html body.layout-dark.layout-transparent .kb-categories-text {
  color: #adb5bd;
}

html body.layout-dark.layout-transparent .kb-overlay.show {
  background-color: rgba(0, 0, 0, 0.7);
}

.layout-transparent a {
  color: #EFDEFF;
}

.layout-transparent a:hover {
  color: #e3c5ff;
}

html body.layout-dark.layout-transparent h1, html body.layout-dark.layout-transparent
h2, html body.layout-dark.layout-transparent
h3, html body.layout-dark.layout-transparent
h4, html body.layout-dark.layout-transparent
h5, html body.layout-dark.layout-transparent
h6, html body.layout-dark.layout-transparent
.h1, html body.layout-dark.layout-transparent
.h2, html body.layout-dark.layout-transparent
.h3, html body.layout-dark.layout-transparent
.h4, html body.layout-dark.layout-transparent
.h5, html body.layout-dark.layout-transparent
.h6, html body.layout-dark.layout-transparent
.content-header, html body.layout-dark.layout-transparent
.table th {
  color: #E9E9EA;
}

html body.layout-dark:not(.layout-transparent) h1, html body.layout-dark:not(.layout-transparent)
h2, html body.layout-dark:not(.layout-transparent)
h3, html body.layout-dark:not(.layout-transparent)
h4, html body.layout-dark:not(.layout-transparent)
h5, html body.layout-dark:not(.layout-transparent)
h6, html body.layout-dark:not(.layout-transparent)
.h1, html body.layout-dark:not(.layout-transparent)
.h2, html body.layout-dark:not(.layout-transparent)
.h3, html body.layout-dark:not(.layout-transparent)
.h4, html body.layout-dark:not(.layout-transparent)
.h5, html body.layout-dark:not(.layout-transparent)
.h6, html body.layout-dark:not(.layout-transparent)
.content-header, html body.layout-dark:not(.layout-transparent)
.table th {
  color: #BFBEC2;
}

html body.layout-dark.layout-transparent .content-sub-header, html body.layout-dark.layout-transparent
.table td {
  color: #D6D5D8;
}

html body.layout-dark:not(.layout-transparent) .content-sub-header, html body.layout-dark:not(.layout-transparent)
.table td {
  color: #B2B1B5;
}

html body.layout-dark.layout-transparent .blockquote-footer, html body.layout-dark.layout-transparent
.text-muted {
  color: #C3C2C5 !important;
}

html body.layout-dark:not(.layout-transparent) .blockquote-footer, html body.layout-dark:not(.layout-transparent)
.text-muted {
  color: #848484 !important;
}

html body.layout-dark.layout-transparent .disabled {
  color: #9E9E9E;
}

html body.layout-dark:not(.layout-transparent) .disabled {
  color: #626164;
}

html body.layout-dark.layout-transparent .logo-text {
  color: #E9E9EA;
}

html body.layout-dark:not(.layout-transparent) .logo-text {
  color: #BFBEC2;
}

html body.layout-dark.layout-transparent .border {
  border-color: rgba(238, 238, 238, 0.2) !important;
}

html body.layout-dark:not(.layout-transparent) .border {
  border-color: #474748 !important;
}

html body.layout-dark.layout-transparent .border-top {
  border-top-color: rgba(238, 238, 238, 0.2) !important;
}

html body.layout-dark:not(.layout-transparent) .border-top {
  border-top-color: #474748 !important;
}

html body.layout-dark.layout-transparent .border-right {
  border-right-color: rgba(238, 238, 238, 0.2) !important;
}

html body.layout-dark:not(.layout-transparent) .border-right {
  border-right-color: #474748 !important;
}

html body.layout-dark.layout-transparent .border-bottom {
  border-bottom-color: rgba(238, 238, 238, 0.2) !important;
}

html body.layout-dark:not(.layout-transparent) .border-bottom {
  border-bottom-color: #474748 !important;
}

html body.layout-dark.layout-transparent .border-left {
  border-left-color: rgba(238, 238, 238, 0.2) !important;
}

html body.layout-dark:not(.layout-transparent) .border-left {
  border-left-color: #474748 !important;
}

html body.layout-dark.layout-transparent hr {
  border-color: rgba(238, 238, 238, 0.2) !important;
}

html body.layout-dark:not(.layout-transparent) hr {
  border-color: #474748;
}

html body.layout-dark:not(.layout-transparent) code {
  background-color: #101010;
}

html body.layout-dark.layout-transparent pre {
  background: rgba(0, 0, 0, 0.12);
}

html body.layout-dark:not(.layout-transparent) pre {
  background: #101010;
}

html body.layout-dark.layout-transparent pre code {
  color: #D6D5D8;
}

html body.layout-dark:not(.layout-transparent) pre code {
  color: #B2B1B5;
}

html body.layout-dark.layout-transparent pre code[class*="language-"] {
  background-color: transparent !important;
}

html body.layout-dark.layout-transparent .table thead th, html body.layout-dark.layout-transparent
.table thead td, html body.layout-dark.layout-transparent
.table tfoot th, html body.layout-dark.layout-transparent
.table tfoot td {
  background-color: rgba(0, 0, 0, 0.12);
  border-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .table thead th, html body.layout-dark:not(.layout-transparent)
.table thead td, html body.layout-dark:not(.layout-transparent)
.table tfoot th, html body.layout-dark:not(.layout-transparent)
.table tfoot td {
  background-color: #101010;
  border-color: #474748;
}

html body.layout-dark.layout-transparent .table th, html body.layout-dark.layout-transparent
.table td {
  border-top-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .table th, html body.layout-dark:not(.layout-transparent)
.table td {
  border-top-color: #474748;
}

html body.layout-dark.layout-transparent .table.table-bordered {
  border-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .table.table-bordered {
  border-color: #474748;
}

html body.layout-dark.layout-transparent .table.table-bordered th, html body.layout-dark.layout-transparent
.table.table-bordered td {
  border-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .table.table-bordered th, html body.layout-dark:not(.layout-transparent)
.table.table-bordered td {
  border-color: #474748;
}

html body.layout-dark.layout-transparent .table.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(33, 33, 33, 0.1);
}

html body.layout-dark:not(.layout-transparent) .table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #212121;
}

html body.layout-dark.layout-transparent .table.dataTable tr.group {
  background-color: rgba(66, 66, 66, 0.2);
}

html body.layout-dark:not(.layout-transparent) .table.dataTable tr.group {
  background-color: #424242;
}

html body.layout-dark.layout-transparent .card:not([class*="gradient-"]) {
  background: rgba(0, 0, 0, 0.12);
}

html body.layout-dark:not(.layout-transparent) .card:not([class*="gradient-"]) {
  background: #1E1E1E;
}

html body.layout-dark.layout-transparent .dropdown-menu {
  background-color: rgba(16, 16, 16, 0.92);
}

html body.layout-dark:not(.layout-transparent) .dropdown-menu {
  background-color: #101010;
}

html body.layout-dark.layout-transparent .dropdown-menu .dropdown-item:not(:active) {
  color: #D6D5D8;
}

html body.layout-dark:not(.layout-transparent) .dropdown-menu .dropdown-item:not(:active) {
  color: #B2B1B5;
}

html body.layout-dark.layout-transparent .media-bordered .media {
  border-top-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .media-bordered .media {
  border-top-color: #474748;
}

html body.layout-dark.layout-transparent .pagination .page-item .page-link {
  background-color: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12);
  color: #D6D5D8;
}

html body.layout-dark:not(.layout-transparent) .pagination .page-item .page-link {
  background-color: #1E1E1E;
  border-color: #474748;
}

html body.layout-dark.layout-transparent .pagination .page-item.disabled .page-link {
  color: #757575;
}

html body.layout-dark:not(.layout-transparent) .pagination .page-item.disabled .page-link {
  color: #757575;
}

html body.layout-dark.layout-transparent .progress {
  background: rgba(0, 0, 0, 0.12);
}

html body.layout-dark:not(.layout-transparent) .progress {
  background: #101010;
}

html body.layout-dark.layout-transparent .modal-content {
  background: rgba(16, 16, 16, 0.92);
}

html body.layout-dark:not(.layout-transparent) .modal-content {
  background: transparent;
}

html body.layout-dark.layout-transparent .modal-content .modal-header {
  background: transparent;
  border-bottom: 1px solid rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .modal-content .modal-header {
  background: #1E1E1E;
  border-bottom: 1px solid #474748;
}

html body.layout-dark.layout-transparent .modal-content .modal-body {
  background: transparent;
}

html body.layout-dark:not(.layout-transparent) .modal-content .modal-body {
  background: #1E1E1E;
}

html body.layout-dark.layout-transparent .modal-content .modal-footer {
  background: transparent;
  border-top: 1px solid rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .modal-content .modal-footer {
  background: #1E1E1E;
  border-top: 1px solid #474748;
}

html body.layout-dark.layout-transparent .list-group .list-group-item {
  border-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .list-group .list-group-item {
  border-color: #474748;
}

html body.layout-dark.layout-transparent .list-group button {
  color: #D6D5D8 !important;
}

html body.layout-dark:not(.layout-transparent) .list-group button {
  color: #B2B1B5 !important;
}

html body.layout-dark.layout-transparent .popover {
  background-color: rgba(16, 16, 16, 0.92);
  border-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .popover {
  background: transparent;
  box-shadow: -8px 8px 14px 0 rgba(0, 0, 0, 0.25);
  border-color: #474748;
}

html body.layout-dark.layout-transparent .popover .popover-header {
  background: transparent;
  color: #E9E9EA;
  border-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .popover .popover-header {
  background: #101010;
  color: #BFBEC2;
  border-color: #474748;
}

html body.layout-dark.layout-transparent .popover .popover-body {
  background: transparent;
  color: #E9E9EA;
}

html body.layout-dark:not(.layout-transparent) .popover .popover-body {
  background: #1E1E1E;
  color: #BFBEC2;
  border-bottom-left-radius: 0.35rem;
  border-bottom-right-radius: 0.35rem;
}

html body.layout-dark.layout-transparent .popover.bs-popover-bottom > .arrow:after {
  border-bottom-color: rgba(16, 16, 16, 0.92);
}

html body.layout-dark:not(.layout-transparent) .popover.bs-popover-bottom > .arrow:after {
  border-bottom-color: #101010;
}

html body.layout-dark.layout-transparent .popover.bs-popover-bottom > .arrow:before {
  border-bottom-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .popover.bs-popover-bottom > .arrow:before {
  border-bottom-color: #474748;
}

html body.layout-dark.layout-transparent .popover.bs-popover-bottom .popover-header::before {
  border-bottom-color: rgba(16, 16, 16, 0.92);
}

html body.layout-dark:not(.layout-transparent) .popover.bs-popover-bottom .popover-header::before {
  border-bottom-color: #101010;
}

html body.layout-dark.layout-transparent .popover.bs-popover-top > .arrow:after {
  border-top-color: rgba(16, 16, 16, 0.92);
}

html body.layout-dark:not(.layout-transparent) .popover.bs-popover-top > .arrow:after {
  border-top-color: #1E1E1E;
}

html body.layout-dark.layout-transparent .popover.bs-popover-top > .arrow:before {
  border-top-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .popover.bs-popover-top > .arrow:before {
  border-top-color: #474748;
}

html body.layout-dark.layout-transparent .popover.bs-popover-left > .arrow:after {
  border-left-color: rgba(16, 16, 16, 0.92);
}

html body.layout-dark:not(.layout-transparent) .popover.bs-popover-left > .arrow:after {
  border-left-color: #1E1E1E;
}

html body.layout-dark.layout-transparent .popover.bs-popover-left > .arrow:before {
  border-left-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .popover.bs-popover-left > .arrow:before {
  border-left-color: #474748;
}

html body.layout-dark.layout-transparent .popover.bs-popover-right > .arrow:after {
  border-right-color: rgba(16, 16, 16, 0.92);
}

html body.layout-dark:not(.layout-transparent) .popover.bs-popover-right > .arrow:after {
  border-right-color: #1E1E1E;
}

html body.layout-dark.layout-transparent .popover.bs-popover-right > .arrow:before {
  border-right-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .popover.bs-popover-right > .arrow:before {
  border-right-color: #474748;
}

html body.layout-dark.layout-transparent .nav-tabs {
  border-bottom-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .nav-tabs {
  border-bottom-color: #474748;
}

html body.layout-dark.layout-transparent .nav-vertical .nav-tabs.nav-left .nav-item .nav-link {
  border-right: 1px solid rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .nav-vertical .nav-tabs.nav-left .nav-item .nav-link {
  border-right: 1px solid #474748;
}

html body.layout-dark.layout-transparent .nav-vertical .nav-tabs.nav-right .nav-item .nav-link {
  border-left: 1px solid rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .nav-vertical .nav-tabs.nav-right .nav-item .nav-link {
  border-left: 1px solid #474748;
}

html body.layout-dark.layout-transparent .navbar .navbar-nav .nav-item, html body.layout-dark.layout-transparent
.navbar .nav-link, html body.layout-dark.layout-transparent
.navbar .navbar-toggle {
  color: #E9E9EA;
}

html body.layout-dark:not(.layout-transparent) .navbar .navbar-nav .nav-item, html body.layout-dark:not(.layout-transparent)
.navbar .nav-link, html body.layout-dark:not(.layout-transparent)
.navbar .navbar-toggle {
  color: #BFBEC2;
}

html body.layout-dark.layout-transparent .form-control {
  border-color: rgba(238, 238, 238, 0.2);
  color: #D6D5D8;
}

html body.layout-dark:not(.layout-transparent) .form-control {
  border-color: #474748;
  color: #B2B1B5;
}

html body.layout-dark.layout-transparent .form-control::placeholder {
  color: #C3C2C5;
}

html body.layout-dark:not(.layout-transparent) .form-control::placeholder {
  color: #848484;
}

html body.layout-dark.layout-transparent .form-control:disabled, html body.layout-dark.layout-transparent .form-control[readonly] {
  background-color: rgba(0, 0, 0, 0.12);
}

html body.layout-dark:not(.layout-transparent) .form-control:disabled, html body.layout-dark:not(.layout-transparent) .form-control[readonly] {
  background-color: #101010;
}

html body.layout-dark.layout-transparent .form-control:focus {
  border-color: #975AFF;
}

html body.layout-dark:not(.layout-transparent) .form-control:focus {
  border-color: #975AFF;
}

html body.layout-dark.layout-transparent .form-control.tagging .type-zone {
  color: #D6D5D8;
}

html body.layout-dark:not(.layout-transparent) .form-control.tagging .type-zone {
  color: #B2B1B5;
}

html body.layout-dark.layout-transparent .custom-file-label {
  border-color: rgba(238, 238, 238, 0.2);
  color: #D6D5D8;
}

html body.layout-dark:not(.layout-transparent) .custom-file-label {
  border-color: #474748;
  color: #B2B1B5;
}

html body.layout-dark.layout-transparent form.form-bordered .form-group > div {
  border-left-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) form.form-bordered .form-group > div {
  border-left-color: #474748;
}

html body.layout-dark.layout-transparent form.form-bordered .form-group {
  border-bottom-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) form.form-bordered .form-group {
  border-bottom-color: #474748;
}

html body.layout-dark.layout-transparent form .form-actions {
  border-top-color: rgba(238, 238, 238, 0.2);
  border-bottom-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) form .form-actions {
  border-top-color: #474748;
  border-bottom-color: #474748;
}

html body.layout-dark.layout-transparent form .form-section {
  border-bottom-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) form .form-section {
  border-bottom-color: #474748;
}

html body.layout-dark.layout-transparent form.striped-rows .form-group:nth-child(even) {
  background: rgba(0, 0, 0, 0.12);
}

html body.layout-dark:not(.layout-transparent) form.striped-rows .form-group:nth-child(even) {
  background: #101010;
}

html body.layout-dark.layout-transparent .input-group-append .input-group-text, html body.layout-dark.layout-transparent
.input-group-prepend .input-group-text {
  background: rgba(0, 0, 0, 0.12);
  border-color: rgba(238, 238, 238, 0.2);
  color: #D6D5D8;
}

html body.layout-dark:not(.layout-transparent) .input-group-append .input-group-text, html body.layout-dark:not(.layout-transparent)
.input-group-prepend .input-group-text {
  background: #101010;
  border-color: #474748;
  color: #B2B1B5;
}

html body.layout-dark.layout-transparent .radio input[type="radio"]:disabled ~ label {
  color: #9E9E9E;
}

html body.layout-dark:not(.layout-transparent) .radio input[type="radio"]:disabled ~ label {
  color: #626164;
}

html body.layout-dark.layout-transparent .radio input[type="radio"]:disabled ~ label:before {
  background-color: rgba(0, 0, 0, 0.12) !important;
}

html body.layout-dark:not(.layout-transparent) .radio input[type="radio"]:disabled ~ label:before {
  background-color: #101010 !important;
}

html body.layout-dark:not(.layout-transparent) .checkbox label:before, html body.layout-dark:not(.layout-transparent)
.checkbox input[type='checkbox']:not(:checked) ~ label:after {
  border-color: #474748;
}

html body.layout-dark.layout-transparent .checkbox input[type='checkbox']:disabled ~ label {
  color: #9E9E9E;
}

html body.layout-dark:not(.layout-transparent) .checkbox input[type='checkbox']:disabled ~ label {
  color: #626164;
}

html body.layout-dark.layout-transparent .checkbox input[type='checkbox']:disabled ~ label:before {
  background-color: rgba(0, 0, 0, 0.12) !important;
}

html body.layout-dark:not(.layout-transparent) .checkbox input[type='checkbox']:disabled ~ label:before {
  background-color: #101010 !important;
}

html body.layout-dark.layout-transparent .custom-radio .custom-control-input:disabled:not(:checked) ~ .custom-control-label:before, html body.layout-dark.layout-transparent
.custom-checkbox .custom-control-input:disabled:not(:checked) ~ .custom-control-label:before, html body.layout-dark.layout-transparent
.custom-switch .custom-control-input:disabled:not(:checked) ~ .custom-control-label:before {
  background-color: rgba(0, 0, 0, 0.12);
}

html body.layout-dark:not(.layout-transparent) .custom-radio .custom-control-input:disabled:not(:checked) ~ .custom-control-label:before, html body.layout-dark:not(.layout-transparent)
.custom-checkbox .custom-control-input:disabled:not(:checked) ~ .custom-control-label:before, html body.layout-dark:not(.layout-transparent)
.custom-switch .custom-control-input:disabled:not(:checked) ~ .custom-control-label:before {
  background-color: #101010;
}

html body.layout-dark.layout-transparent .custom-control-input:disabled ~ .custom-control-label {
  color: #9E9E9E;
}

html body.layout-dark:not(.layout-transparent) .custom-control-input:disabled ~ .custom-control-label {
  color: #626164;
}

html body.layout-dark.layout-transparent .custom-select {
  color: #D6D5D8;
  border-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .custom-select {
  color: #B2B1B5;
  border-color: #474748;
}

html body.layout-dark.layout-transparent .select2-selection--single, html body.layout-dark.layout-transparent
.select2-selection--multiple {
  border-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .select2-selection--single, html body.layout-dark:not(.layout-transparent)
.select2-selection--multiple {
  border-color: #474748;
}

html body.layout-dark.layout-transparent .select2-selection--single .select2-selection__rendered, html body.layout-dark.layout-transparent
.select2-selection--multiple .select2-selection__rendered {
  color: #D6D5D8;
}

html body.layout-dark:not(.layout-transparent) .select2-selection--single .select2-selection__rendered, html body.layout-dark:not(.layout-transparent)
.select2-selection--multiple .select2-selection__rendered {
  color: #B2B1B5;
}

html body.layout-dark.layout-transparent .select2-selection--single .select2-selection__arrow b, html body.layout-dark.layout-transparent
.select2-selection--multiple .select2-selection__arrow b {
  border-color: rgba(238, 238, 238, 0.2) transparent;
}

html body.layout-dark:not(.layout-transparent) .select2-selection--single .select2-selection__arrow b, html body.layout-dark:not(.layout-transparent)
.select2-selection--multiple .select2-selection__arrow b {
  border-color: #474748 transparent;
}

html body.layout-dark.layout-transparent .handle {
  background-color: rgba(0, 0, 0, 0.12) !important;
}

html body.layout-dark:not(.layout-transparent) .handle {
  background-color: #424242 !important;
}

html body.layout-dark.layout-transparent .picker--opened .picker__holder {
  border-color: rgba(238, 238, 238, 0.2);
  background-color: #1E1E1E;
}

html body.layout-dark:not(.layout-transparent) .picker--opened .picker__holder {
  border-color: #474748;
  background-color: #1E1E1E;
}

html body.layout-dark.layout-transparent .picker--opened .picker__holder .picker__day--today {
  background-color: #101010;
}

html body.layout-dark:not(.layout-transparent) .picker--opened .picker__holder .picker__day--today {
  background-color: #101010;
}

html body.layout-dark.layout-transparent .picker--opened .picker__holder .picker__day--infocus:hover, html body.layout-dark.layout-transparent
.picker--opened .picker__holder .picker__day--outfocus:hover, html body.layout-dark.layout-transparent
.picker--opened .picker__holder .picker__nav--prev:hover, html body.layout-dark.layout-transparent
.picker--opened .picker__holder .picker__nav--next:hover, html body.layout-dark.layout-transparent
.picker--opened .picker__holder .picker__footer button:hover, html body.layout-dark.layout-transparent
.picker--opened .picker__holder .picker__footer button:focus, html body.layout-dark.layout-transparent
.picker--opened .picker__holder .picker__day--disabled, html body.layout-dark.layout-transparent
.picker--opened .picker__holder .picker__day--disabled:hover, html body.layout-dark.layout-transparent
.picker--opened .picker__holder .picker__list-item:hover, html body.layout-dark.layout-transparent
.picker--opened .picker__holder .picker__list-item:focus, html body.layout-dark.layout-transparent
.picker--opened .picker__holder .picker__list-item--disabled, html body.layout-dark.layout-transparent
.picker--opened .picker__holder .picker__list-item--disabled:hover, html body.layout-dark.layout-transparent
.picker--opened .picker__holder .picker--focused .picker__list-item--disabled {
  background-color: #101010;
  color: #D6D5D8;
}

html body.layout-dark:not(.layout-transparent) .picker--opened .picker__holder .picker__day--infocus:hover, html body.layout-dark:not(.layout-transparent)
.picker--opened .picker__holder .picker__day--outfocus:hover, html body.layout-dark:not(.layout-transparent)
.picker--opened .picker__holder .picker__nav--prev:hover, html body.layout-dark:not(.layout-transparent)
.picker--opened .picker__holder .picker__nav--next:hover, html body.layout-dark:not(.layout-transparent)
.picker--opened .picker__holder .picker__footer button:hover, html body.layout-dark:not(.layout-transparent)
.picker--opened .picker__holder .picker__footer button:focus, html body.layout-dark:not(.layout-transparent)
.picker--opened .picker__holder .picker__day--disabled, html body.layout-dark:not(.layout-transparent)
.picker--opened .picker__holder .picker__day--disabled:hover, html body.layout-dark:not(.layout-transparent)
.picker--opened .picker__holder .picker__list-item:hover, html body.layout-dark:not(.layout-transparent)
.picker--opened .picker__holder .picker__list-item:focus, html body.layout-dark:not(.layout-transparent)
.picker--opened .picker__holder .picker__list-item--disabled, html body.layout-dark:not(.layout-transparent)
.picker--opened .picker__holder .picker__list-item--disabled:hover, html body.layout-dark:not(.layout-transparent)
.picker--opened .picker__holder .picker--focused .picker__list-item--disabled {
  background-color: #101010;
  color: #B2B1B5;
}

html body.layout-dark.layout-transparent .picker--opened .picker__holder .picker__footer button, html body.layout-dark.layout-transparent
.picker--opened .picker__holder .picker__list {
  background-color: #1E1E1E;
  color: #D6D5D8;
}

html body.layout-dark:not(.layout-transparent) .picker--opened .picker__holder .picker__footer button, html body.layout-dark:not(.layout-transparent)
.picker--opened .picker__holder .picker__list {
  background-color: #1E1E1E;
  color: #B2B1B5;
}

html body.layout-dark.layout-transparent .picker--opened .picker__holder .picker__day--outfocus {
  color: #9E9E9E;
}

html body.layout-dark:not(.layout-transparent) .picker--opened .picker__holder .picker__day--outfocus {
  color: #626164;
}

html body.layout-dark.layout-transparent .picker--opened .picker__holder .picker__button--clear {
  background-color: #1E1E1E;
  color: #D6D5D8;
  border-top-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .picker--opened .picker__holder .picker__button--clear {
  background-color: #1E1E1E;
  color: #B2B1B5;
  border-top-color: #474748;
}

html body.layout-dark.layout-transparent .picker--opened .picker__holder .picker__button--clear:hover, html body.layout-dark.layout-transparent .picker--opened .picker__holder .picker__button--clear:focus {
  background-color: #101010;
}

html body.layout-dark:not(.layout-transparent) .picker--opened .picker__holder .picker__button--clear:hover, html body.layout-dark:not(.layout-transparent) .picker--opened .picker__holder .picker__button--clear:focus {
  background-color: #101010;
}

html body.layout-dark.layout-transparent .noUi-target {
  background-color: rgba(0, 0, 0, 0.12);
}

html body.layout-dark:not(.layout-transparent) .noUi-target {
  background-color: #424242;
}

html body.layout-dark.layout-transparent .dropzone {
  background-color: rgba(0, 0, 0, 0.12);
}

html body.layout-dark:not(.layout-transparent) .dropzone {
  background-color: #101010;
}

html body.layout-dark.layout-transparent .context-menu-list {
  background-color: rgba(30, 30, 30, 0.92);
}

html body.layout-dark:not(.layout-transparent) .context-menu-list {
  background-color: #1E1E1E;
}

html body.layout-dark.layout-transparent .context-menu-list .context-menu-submenu:after {
  border-color: transparent #D6D5D8 !important;
}

html body.layout-dark:not(.layout-transparent) .context-menu-list .context-menu-submenu:after {
  border-color: transparent #B2B1B5 !important;
}

html body.layout-dark.layout-transparent .context-menu-list .context-menu-item {
  background-color: transparent;
  color: #D6D5D8;
}

html body.layout-dark:not(.layout-transparent) .context-menu-list .context-menu-item {
  background-color: #1E1E1E;
  color: #B2B1B5;
}

html body.layout-dark.layout-transparent .context-menu-list .context-menu-item:hover {
  background-color: rgba(16, 16, 16, 0.7) !important;
}

html body.layout-dark:not(.layout-transparent) .context-menu-list .context-menu-item:hover {
  background-color: #101010 !important;
}

html body.layout-dark.layout-transparent .wizard > .steps > ul > li a {
  color: #D6D5D8;
}

html body.layout-dark:not(.layout-transparent) .wizard > .steps > ul > li a {
  color: #B2B1B5;
}

html body.layout-dark.layout-transparent .wizard > .steps > ul > li.current:after {
  background-color: rgba(16, 16, 16, 0.1);
}

html body.layout-dark:not(.layout-transparent) .wizard > .steps > ul > li.current:after {
  background-color: #101010;
}

html body.layout-dark.layout-transparent .wizard > .steps > ul > li.current ~ li:before, html body.layout-dark.layout-transparent .wizard > .steps > ul > li.current ~ li:after {
  background-color: rgba(16, 16, 16, 0.1);
}

html body.layout-dark:not(.layout-transparent) .wizard > .steps > ul > li.current ~ li:before, html body.layout-dark:not(.layout-transparent) .wizard > .steps > ul > li.current ~ li:after {
  background-color: #101010;
}

html body.layout-dark.layout-transparent .wizard > .steps > ul > li .step {
  border-color: rgba(16, 16, 16, 0.5);
  background-color: rgba(30, 30, 30, 0.8);
}

html body.layout-dark:not(.layout-transparent) .wizard > .steps > ul > li .step {
  border-color: #101010;
  background-color: #1E1E1E;
}

html body.layout-dark.layout-transparent .users-list li img {
  border-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .users-list li img {
  border-color: #474748;
}

html body.layout-dark:not(.layout-transparent) .app-sidebar {
  box-shadow: 6px 0px 20px 0 rgba(0, 0, 0, 0.35);
}

html body.layout-dark.layout-transparent .app-sidebar {
  box-shadow: 6px 0px 20px 0 rgba(25, 42, 70, 0.15);
}

html body.layout-dark.layout-transparent .read-notification {
  background-color: rgba(30, 30, 30, 0.6) !important;
}

html body.layout-dark:not(.layout-transparent) .read-notification {
  background-color: #1E1E1E !important;
}

html body.layout-dark.layout-transparent .notification-sidebar {
  background-color: rgba(30, 30, 30, 0.92) !important;
  box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.38) !important;
}

html body.layout-dark:not(.layout-transparent) .notification-sidebar {
  background-color: #1E1E1E !important;
  box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.38) !important;
}

html body.layout-dark.layout-transparent .notification-sidebar .notification-note {
  background-color: rgba(16, 16, 16, 0.5) !important;
}

html body.layout-dark:not(.layout-transparent) .notification-sidebar .notification-note {
  background-color: #101010 !important;
}

html body.layout-dark.layout-transparent .notification-sidebar .checkbox label:before, html body.layout-dark.layout-transparent
.notification-sidebar .checkbox input[type='checkbox']:not(:checked) ~ label:after {
  border-color: #474748;
}

html body.layout-dark.layout-transparent .customizer {
  background-color: rgba(30, 30, 30, 0.92);
}

html body.layout-dark:not(.layout-transparent) .customizer {
  background-color: #1E1E1E;
}

html body.layout-dark.layout-transparent .customizer .checkbox label:before, html body.layout-dark.layout-transparent
.customizer .checkbox input[type='checkbox']:not(:checked) ~ label:after {
  border-color: #474748;
}

html body.layout-dark.layout-transparent .Stackbarchart .ct-series-b .ct-bar {
  stroke: rgba(0, 0, 0, 0.12);
}

html body.layout-dark:not(.layout-transparent) .Stackbarchart .ct-series-b .ct-bar {
  stroke: #101010;
}

html body.layout-dark.layout-transparent .ct-label {
  color: #C3C2C5;
}

html body.layout-dark:not(.layout-transparent) .ct-label {
  color: #848484;
}

html body.layout-dark:not(.layout-transparent) .lineAreaDashboard .ct-series .ct-point-circle {
  fill: #1E1E1E;
}

html body.layout-dark:not(.layout-transparent) .lineChart1Shadow {
  -webkit-filter: drop-shadow(0px 15px 4px rgba(0, 0, 0, 0.6));
  filter: drop-shadow(0px 15px 4px rgba(0, 0, 0, 0.6));
}

html body.layout-dark.layout-transparent .ct-chart-donut .ct-series.ct-outstanding .ct-slice-donut {
  stroke: rgba(0, 0, 0, 0.12);
}

html body.layout-dark:not(.layout-transparent) .ct-chart-donut .ct-series.ct-outstanding .ct-slice-donut {
  stroke: #101010;
}

html body.layout-dark:not(.layout-transparent) .lineChart2 .ct-series .ct-point-circle, html body.layout-dark:not(.layout-transparent)
.lineAreaChart .ct-series .ct-point-circle {
  fill: #1E1E1E;
}

html body.layout-dark:not(.layout-transparent) .dash2-user .avatar {
  background-color: #1E1E1E;
}

html body.layout-dark.layout-transparent .email-application .email-app-sidebar, html body.layout-dark.layout-transparent
.email-application .email-app-list-mails, html body.layout-dark.layout-transparent
.email-application .email-app-mail-content, html body.layout-dark.layout-transparent
.email-application .email-search-box {
  background-color: rgba(0, 0, 0, 0.12);
  border-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .email-application .email-app-sidebar, html body.layout-dark:not(.layout-transparent)
.email-application .email-app-list-mails, html body.layout-dark:not(.layout-transparent)
.email-application .email-app-mail-content, html body.layout-dark:not(.layout-transparent)
.email-application .email-search-box {
  background-color: #1E1E1E;
  border-color: #474748;
}

html body.layout-dark.layout-transparent .email-application .compose-new-mail-sidebar {
  background-color: rgba(0, 0, 0, 0.9);
}

html body.layout-dark:not(.layout-transparent) .email-application .compose-new-mail-sidebar {
  background-color: #1E1E1E;
}

html body.layout-dark.layout-transparent .email-application .compose-new-mail-sidebar .ql-editor:before {
  color: #D6D5D8 !important;
}

html body.layout-dark:not(.layout-transparent) .email-application .compose-new-mail-sidebar .ql-editor:before {
  color: #B2B1B5 !important;
}

@media (max-width: 767.98px) {
  html body.layout-dark.layout-transparent .email-application .email-app-mail-content {
    background-color: rgba(0, 0, 0, 0.9);
  }
}

.email-application .list-group-item.active {
  color: #fff;
}

html body.layout-dark.layout-transparent .email-application .list-group-item-action {
  color: #D6D5D8 !important;
}

html body.layout-dark:not(.layout-transparent) .email-application .list-group-item-action {
  color: #B2B1B5 !important;
}

html body.layout-dark.layout-transparent .email-application .list-group-item-action:hover {
  background-color: rgba(0, 0, 0, 0.12);
}

html body.layout-dark:not(.layout-transparent) .email-application .list-group-item-action:hover {
  background-color: #101010 !important;
}

html body.layout-dark.layout-transparent .email-application .list-group-item-action.email-app-sender, html body.layout-dark.layout-transparent .email-application .list-group-item-action.selected-email {
  background-color: rgba(0, 0, 0, 0.12);
}

html body.layout-dark:not(.layout-transparent) .email-application .list-group-item-action.email-app-sender, html body.layout-dark:not(.layout-transparent) .email-application .list-group-item-action.selected-email {
  background-color: #101010 !important;
}

html body.layout-dark.layout-transparent .chat-application .chat-app-window, html body.layout-dark.layout-transparent
.chat-application .chat-sidebar, html body.layout-dark.layout-transparent
.chat-application .chat-name, html body.layout-dark.layout-transparent
.chat-application .chat-app-form {
  background-color: rgba(0, 0, 0, 0.12);
}

html body.layout-dark:not(.layout-transparent) .chat-application .chat-app-window, html body.layout-dark:not(.layout-transparent)
.chat-application .chat-sidebar, html body.layout-dark:not(.layout-transparent)
.chat-application .chat-name, html body.layout-dark:not(.layout-transparent)
.chat-application .chat-app-form {
  background-color: #1E1E1E;
}

html body.layout-dark.layout-transparent .chat-application .selected-chat {
  background-color: rgba(0, 0, 0, 0.12);
}

html body.layout-dark:not(.layout-transparent) .chat-application .selected-chat {
  background-color: #101010 !important;
}

html body.layout-dark.layout-transparent .chat-application .chat-name, html body.layout-dark.layout-transparent
.chat-application .chat-sidebar, html body.layout-dark.layout-transparent
.chat-application .chat-fixed-search, html body.layout-dark.layout-transparent
.chat-application .chat-app-form {
  border-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .chat-application .chat-name, html body.layout-dark:not(.layout-transparent)
.chat-application .chat-sidebar, html body.layout-dark:not(.layout-transparent)
.chat-application .chat-fixed-search, html body.layout-dark:not(.layout-transparent)
.chat-application .chat-app-form {
  border-color: #474748;
}

html body.layout-dark.layout-transparent .chat-application .chat-app-window {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%236f76a1' fill-opacity='0.5'%3E%3Cpath d='M24.37 16c.2.65.39 1.32.54 2H21.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06A5 5 0 0 1-17.45 28v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H-20a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1L.9 19.22a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0L2.26 23h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM-13.82 27l16.37 4.91L18.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H-13.1z'/%3E%3Cpath id='path6_fill-copy' d='M284.37 16c.2.65.39 1.32.54 2H281.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06a5 5 0 0 1-2.24-8.94v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H240a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM246.18 27l16.37 4.91L278.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H246.9z'/%3E%3Cpath d='M159.5 21.02A9 9 0 0 0 151 15h-42a9 9 0 0 0-8.5 6.02 6 6 0 0 0 .02 11.96A8.99 8.99 0 0 0 109 45h42a9 9 0 0 0 8.48-12.02 6 6 0 0 0 .02-11.96zM151 17h-42a7 7 0 0 0-6.33 4h54.66a7 7 0 0 0-6.33-4zm-9.34 26a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-7a7 7 0 1 1 0-14h42a7 7 0 1 1 0 14h-9.34zM109 27a9 9 0 0 0-7.48 4H101a4 4 0 1 1 0-8h58a4 4 0 0 1 0 8h-.52a9 9 0 0 0-7.48-4h-42z'/%3E%3Cpath d='M39 115a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm6-8a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-3-29v-2h8v-6H40a4 4 0 0 0-4 4v10H22l-1.33 4-.67 2h2.19L26 130h26l3.81-40H58l-.67-2L56 84H42v-6zm-4-4v10h2V74h8v-2h-8a2 2 0 0 0-2 2zm2 12h14.56l.67 2H22.77l.67-2H40zm13.8 4H24.2l3.62 38h22.36l3.62-38z'/%3E%3Cpath d='M129 92h-6v4h-6v4h-6v14h-3l.24 2 3.76 32h36l3.76-32 .24-2h-3v-14h-6v-4h-6v-4h-8zm18 22v-12h-4v4h3v8h1zm-3 0v-6h-4v6h4zm-6 6v-16h-4v19.17c1.6-.7 2.97-1.8 4-3.17zm-6 3.8V100h-4v23.8a10.04 10.04 0 0 0 4 0zm-6-.63V104h-4v16a10.04 10.04 0 0 0 4 3.17zm-6-9.17v-6h-4v6h4zm-6 0v-8h3v-4h-4v12h1zm27-12v-4h-4v4h3v4h1v-4zm-6 0v-8h-4v4h3v4h1zm-6-4v-4h-4v8h1v-4h3zm-6 4v-4h-4v8h1v-4h3zm7 24a12 12 0 0 0 11.83-10h7.92l-3.53 30h-32.44l-3.53-30h7.92A12 12 0 0 0 130 126z'/%3E%3Cpath d='M212 86v2h-4v-2h4zm4 0h-2v2h2v-2zm-20 0v.1a5 5 0 0 0-.56 9.65l.06.25 1.12 4.48a2 2 0 0 0 1.94 1.52h.01l7.02 24.55a2 2 0 0 0 1.92 1.45h4.98a2 2 0 0 0 1.92-1.45l7.02-24.55a2 2 0 0 0 1.95-1.52L224.5 96l.06-.25a5 5 0 0 0-.56-9.65V86a14 14 0 0 0-28 0zm4 0h6v2h-9a3 3 0 1 0 0 6H223a3 3 0 1 0 0-6H220v-2h2a12 12 0 1 0-24 0h2zm-1.44 14l-1-4h24.88l-1 4h-22.88zm8.95 26l-6.86-24h18.7l-6.86 24h-4.98zM150 242a22 22 0 1 0 0-44 22 22 0 0 0 0 44zm24-22a24 24 0 1 1-48 0 24 24 0 0 1 48 0zm-28.38 17.73l2.04-.87a6 6 0 0 1 4.68 0l2.04.87a2 2 0 0 0 2.5-.82l1.14-1.9a6 6 0 0 1 3.79-2.75l2.15-.5a2 2 0 0 0 1.54-2.12l-.19-2.2a6 6 0 0 1 1.45-4.46l1.45-1.67a2 2 0 0 0 0-2.62l-1.45-1.67a6 6 0 0 1-1.45-4.46l.2-2.2a2 2 0 0 0-1.55-2.13l-2.15-.5a6 6 0 0 1-3.8-2.75l-1.13-1.9a2 2 0 0 0-2.5-.8l-2.04.86a6 6 0 0 1-4.68 0l-2.04-.87a2 2 0 0 0-2.5.82l-1.14 1.9a6 6 0 0 1-3.79 2.75l-2.15.5a2 2 0 0 0-1.54 2.12l.19 2.2a6 6 0 0 1-1.45 4.46l-1.45 1.67a2 2 0 0 0 0 2.62l1.45 1.67a6 6 0 0 1 1.45 4.46l-.2 2.2a2 2 0 0 0 1.55 2.13l2.15.5a6 6 0 0 1 3.8 2.75l1.13 1.9a2 2 0 0 0 2.5.8zm2.82.97a4 4 0 0 1 3.12 0l2.04.87a4 4 0 0 0 4.99-1.62l1.14-1.9a4 4 0 0 1 2.53-1.84l2.15-.5a4 4 0 0 0 3.09-4.24l-.2-2.2a4 4 0 0 1 .97-2.98l1.45-1.67a4 4 0 0 0 0-5.24l-1.45-1.67a4 4 0 0 1-.97-2.97l.2-2.2a4 4 0 0 0-3.09-4.25l-2.15-.5a4 4 0 0 1-2.53-1.84l-1.14-1.9a4 4 0 0 0-5-1.62l-2.03.87a4 4 0 0 1-3.12 0l-2.04-.87a4 4 0 0 0-4.99 1.62l-1.14 1.9a4 4 0 0 1-2.53 1.84l-2.15.5a4 4 0 0 0-3.09 4.24l.2 2.2a4 4 0 0 1-.97 2.98l-1.45 1.67a4 4 0 0 0 0 5.24l1.45 1.67a4 4 0 0 1 .97 2.97l-.2 2.2a4 4 0 0 0 3.09 4.25l2.15.5a4 4 0 0 1 2.53 1.84l1.14 1.9a4 4 0 0 0 5 1.62l2.03-.87zM152 207a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6 2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-11 1a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-6 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3-5a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-8 8a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm0 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5-2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5 4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-5-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-24 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm16 5a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm7-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0zm86-29a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1 246 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM275 214a29 29 0 0 0-57.97 0h57.96zM72.33 198.12c-.21-.32-.34-.7-.34-1.12v-12h-2v12a4.01 4.01 0 0 0 7.09 2.54c.57-.69.91-1.57.91-2.54v-12h-2v12a1.99 1.99 0 0 1-2 2 2 2 0 0 1-1.66-.88zM75 176c.38 0 .74-.04 1.1-.12a4 4 0 0 0 6.19 2.4A13.94 13.94 0 0 1 84 185v24a6 6 0 0 1-6 6h-3v9a5 5 0 1 1-10 0v-9h-3a6 6 0 0 1-6-6v-24a14 14 0 0 1 14-14 5 5 0 0 0 5 5zm-17 15v12a1.99 1.99 0 0 0 1.22 1.84 2 2 0 0 0 2.44-.72c.21-.32.34-.7.34-1.12v-12h2v12a3.98 3.98 0 0 1-5.35 3.77 3.98 3.98 0 0 1-.65-.3V209a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4v-24c.01-1.53-.23-2.88-.72-4.17-.43.1-.87.16-1.28.17a6 6 0 0 1-5.2-3 7 7 0 0 1-6.47-4.88A12 12 0 0 0 58 185v6zm9 24v9a3 3 0 1 0 6 0v-9h-6z'/%3E%3Cpath d='M-17 191a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2H4zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1-14 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM15 214a29 29 0 0 0-57.97 0h57.96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

html body.layout-dark:not(.layout-transparent) .chat-application .chat-app-window {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%236f76a1' fill-opacity='0.25'%3E%3Cpath d='M24.37 16c.2.65.39 1.32.54 2H21.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06A5 5 0 0 1-17.45 28v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H-20a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1L.9 19.22a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0L2.26 23h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM-13.82 27l16.37 4.91L18.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H-13.1z'/%3E%3Cpath id='path6_fill-copy' d='M284.37 16c.2.65.39 1.32.54 2H281.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06a5 5 0 0 1-2.24-8.94v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H240a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM246.18 27l16.37 4.91L278.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H246.9z'/%3E%3Cpath d='M159.5 21.02A9 9 0 0 0 151 15h-42a9 9 0 0 0-8.5 6.02 6 6 0 0 0 .02 11.96A8.99 8.99 0 0 0 109 45h42a9 9 0 0 0 8.48-12.02 6 6 0 0 0 .02-11.96zM151 17h-42a7 7 0 0 0-6.33 4h54.66a7 7 0 0 0-6.33-4zm-9.34 26a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-7a7 7 0 1 1 0-14h42a7 7 0 1 1 0 14h-9.34zM109 27a9 9 0 0 0-7.48 4H101a4 4 0 1 1 0-8h58a4 4 0 0 1 0 8h-.52a9 9 0 0 0-7.48-4h-42z'/%3E%3Cpath d='M39 115a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm6-8a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-3-29v-2h8v-6H40a4 4 0 0 0-4 4v10H22l-1.33 4-.67 2h2.19L26 130h26l3.81-40H58l-.67-2L56 84H42v-6zm-4-4v10h2V74h8v-2h-8a2 2 0 0 0-2 2zm2 12h14.56l.67 2H22.77l.67-2H40zm13.8 4H24.2l3.62 38h22.36l3.62-38z'/%3E%3Cpath d='M129 92h-6v4h-6v4h-6v14h-3l.24 2 3.76 32h36l3.76-32 .24-2h-3v-14h-6v-4h-6v-4h-8zm18 22v-12h-4v4h3v8h1zm-3 0v-6h-4v6h4zm-6 6v-16h-4v19.17c1.6-.7 2.97-1.8 4-3.17zm-6 3.8V100h-4v23.8a10.04 10.04 0 0 0 4 0zm-6-.63V104h-4v16a10.04 10.04 0 0 0 4 3.17zm-6-9.17v-6h-4v6h4zm-6 0v-8h3v-4h-4v12h1zm27-12v-4h-4v4h3v4h1v-4zm-6 0v-8h-4v4h3v4h1zm-6-4v-4h-4v8h1v-4h3zm-6 4v-4h-4v8h1v-4h3zm7 24a12 12 0 0 0 11.83-10h7.92l-3.53 30h-32.44l-3.53-30h7.92A12 12 0 0 0 130 126z'/%3E%3Cpath d='M212 86v2h-4v-2h4zm4 0h-2v2h2v-2zm-20 0v.1a5 5 0 0 0-.56 9.65l.06.25 1.12 4.48a2 2 0 0 0 1.94 1.52h.01l7.02 24.55a2 2 0 0 0 1.92 1.45h4.98a2 2 0 0 0 1.92-1.45l7.02-24.55a2 2 0 0 0 1.95-1.52L224.5 96l.06-.25a5 5 0 0 0-.56-9.65V86a14 14 0 0 0-28 0zm4 0h6v2h-9a3 3 0 1 0 0 6H223a3 3 0 1 0 0-6H220v-2h2a12 12 0 1 0-24 0h2zm-1.44 14l-1-4h24.88l-1 4h-22.88zm8.95 26l-6.86-24h18.7l-6.86 24h-4.98zM150 242a22 22 0 1 0 0-44 22 22 0 0 0 0 44zm24-22a24 24 0 1 1-48 0 24 24 0 0 1 48 0zm-28.38 17.73l2.04-.87a6 6 0 0 1 4.68 0l2.04.87a2 2 0 0 0 2.5-.82l1.14-1.9a6 6 0 0 1 3.79-2.75l2.15-.5a2 2 0 0 0 1.54-2.12l-.19-2.2a6 6 0 0 1 1.45-4.46l1.45-1.67a2 2 0 0 0 0-2.62l-1.45-1.67a6 6 0 0 1-1.45-4.46l.2-2.2a2 2 0 0 0-1.55-2.13l-2.15-.5a6 6 0 0 1-3.8-2.75l-1.13-1.9a2 2 0 0 0-2.5-.8l-2.04.86a6 6 0 0 1-4.68 0l-2.04-.87a2 2 0 0 0-2.5.82l-1.14 1.9a6 6 0 0 1-3.79 2.75l-2.15.5a2 2 0 0 0-1.54 2.12l.19 2.2a6 6 0 0 1-1.45 4.46l-1.45 1.67a2 2 0 0 0 0 2.62l1.45 1.67a6 6 0 0 1 1.45 4.46l-.2 2.2a2 2 0 0 0 1.55 2.13l2.15.5a6 6 0 0 1 3.8 2.75l1.13 1.9a2 2 0 0 0 2.5.8zm2.82.97a4 4 0 0 1 3.12 0l2.04.87a4 4 0 0 0 4.99-1.62l1.14-1.9a4 4 0 0 1 2.53-1.84l2.15-.5a4 4 0 0 0 3.09-4.24l-.2-2.2a4 4 0 0 1 .97-2.98l1.45-1.67a4 4 0 0 0 0-5.24l-1.45-1.67a4 4 0 0 1-.97-2.97l.2-2.2a4 4 0 0 0-3.09-4.25l-2.15-.5a4 4 0 0 1-2.53-1.84l-1.14-1.9a4 4 0 0 0-5-1.62l-2.03.87a4 4 0 0 1-3.12 0l-2.04-.87a4 4 0 0 0-4.99 1.62l-1.14 1.9a4 4 0 0 1-2.53 1.84l-2.15.5a4 4 0 0 0-3.09 4.24l.2 2.2a4 4 0 0 1-.97 2.98l-1.45 1.67a4 4 0 0 0 0 5.24l1.45 1.67a4 4 0 0 1 .97 2.97l-.2 2.2a4 4 0 0 0 3.09 4.25l2.15.5a4 4 0 0 1 2.53 1.84l1.14 1.9a4 4 0 0 0 5 1.62l2.03-.87zM152 207a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6 2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-11 1a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-6 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3-5a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-8 8a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm0 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5-2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5 4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-5-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-24 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm16 5a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm7-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0zm86-29a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1 246 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM275 214a29 29 0 0 0-57.97 0h57.96zM72.33 198.12c-.21-.32-.34-.7-.34-1.12v-12h-2v12a4.01 4.01 0 0 0 7.09 2.54c.57-.69.91-1.57.91-2.54v-12h-2v12a1.99 1.99 0 0 1-2 2 2 2 0 0 1-1.66-.88zM75 176c.38 0 .74-.04 1.1-.12a4 4 0 0 0 6.19 2.4A13.94 13.94 0 0 1 84 185v24a6 6 0 0 1-6 6h-3v9a5 5 0 1 1-10 0v-9h-3a6 6 0 0 1-6-6v-24a14 14 0 0 1 14-14 5 5 0 0 0 5 5zm-17 15v12a1.99 1.99 0 0 0 1.22 1.84 2 2 0 0 0 2.44-.72c.21-.32.34-.7.34-1.12v-12h2v12a3.98 3.98 0 0 1-5.35 3.77 3.98 3.98 0 0 1-.65-.3V209a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4v-24c.01-1.53-.23-2.88-.72-4.17-.43.1-.87.16-1.28.17a6 6 0 0 1-5.2-3 7 7 0 0 1-6.47-4.88A12 12 0 0 0 58 185v6zm9 24v9a3 3 0 1 0 6 0v-9h-6z'/%3E%3Cpath d='M-17 191a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2H4zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1-14 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM15 214a29 29 0 0 0-57.97 0h57.96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

html body.layout-dark.layout-transparent .app-taskboard .users-list li img {
  border-color: rgba(0, 0, 0, 0.12);
}

html body.layout-dark:not(.layout-transparent) .app-taskboard .users-list li img {
  border-color: #1E1E1E;
}

html body.layout-dark.layout-transparent td.fc-other-month.fc-past:not([class*=fc-day-top]) {
  background-color: rgba(0, 0, 0, 0.12);
}

html body.layout-dark:not(.layout-transparent) td.fc-other-month.fc-past:not([class*=fc-day-top]) {
  background-color: #212121;
}

html body.layout-dark.layout-transparent .fc-view > table th, html body.layout-dark.layout-transparent
.fc-view > table td, html body.layout-dark.layout-transparent
.fc-events-container {
  border-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .fc-view > table th, html body.layout-dark:not(.layout-transparent)
.fc-view > table td, html body.layout-dark:not(.layout-transparent)
.fc-events-container {
  border-color: #474748;
}

html body.layout-dark.layout-transparent .fc-popover {
  background-color: rgba(16, 16, 16, 0.92);
  border-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .fc-popover {
  background-color: #101010;
  border-color: #474748;
}

html body.layout-dark.layout-transparent .fc-popover .fc-header {
  background-color: rgba(16, 16, 16, 0.92);
  border-bottom: 1px solid rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .fc-popover .fc-header {
  background-color: #101010;
  border-bottom: 1px solid #474748;
}

html body.layout-dark.layout-transparent .faq-wrapper .faq-search input, html body.layout-dark.layout-transparent
.faq-wrapper .swiper-wrapper .swiper-slide {
  background-color: rgba(0, 0, 0, 0.12);
  color: #D6D5D8;
}

html body.layout-dark:not(.layout-transparent) .faq-wrapper .faq-search input, html body.layout-dark:not(.layout-transparent)
.faq-wrapper .swiper-wrapper .swiper-slide {
  background-color: #1E1E1E;
  color: #B2B1B5;
}

html body.layout-dark.layout-transparent .search-wrapper .page-search-input input, html body.layout-dark.layout-transparent
.search-wrapper .video-result-swiper .swiper-slide {
  background-color: rgba(0, 0, 0, 0.12);
  color: #D6D5D8;
}

html body.layout-dark:not(.layout-transparent) .search-wrapper .page-search-input input, html body.layout-dark:not(.layout-transparent)
.search-wrapper .video-result-swiper .swiper-slide {
  background-color: #1E1E1E;
  color: #B2B1B5;
}

html body.layout-dark.layout-transparent .kb-wrapper .kb-search-input input {
  background-color: rgba(0, 0, 0, 0.12);
  color: #D6D5D8;
}

html body.layout-dark:not(.layout-transparent) .kb-wrapper .kb-search-input input {
  background-color: #1E1E1E;
  color: #B2B1B5;
}

@media (max-width: 767.98px) {
  html body.layout-dark.layout-transparent .kb-sidebar {
    background-color: rgba(0, 0, 0, 0.9);
  }
  html body.layout-dark:not(.layout-transparent) .kb-sidebar {
    background-color: #1E1E1E;
  }
}

html body.layout-dark.layout-transparent .timeline .events li a {
  color: #D6D5D8 !important;
}

html body.layout-dark:not(.layout-transparent) .timeline .events li a {
  color: #B2B1B5 !important;
}

html body.layout-dark:not(.layout-transparent) .timeline .events li a:not(.selected):after {
  background-color: #1E1E1E;
}

html body.layout-dark.layout-transparent .timeline .timeline-line {
  background-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .timeline .timeline-line {
  background-color: #474748;
}

html body.layout-dark.layout-transparent .timeline .timeline-line.tline-t-none {
  background-color: transparent;
}

html body.layout-dark.layout-transparent .timeline .timeline-item:after {
  border-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark:not(.layout-transparent) .timeline .timeline-item:after {
  border-color: #474748;
}

html body.layout-dark:not(.layout-transparent) .timeline .cd-timeline-navigation a {
  background-color: #1E1E1E;
}

@media (max-width: 991px) {
  html body.layout-dark.layout-transparent .timeline-center .timeline .timeline-line {
    background-color: transparent;
  }
  html body.layout-dark.layout-transparent .timeline-center .timeline .timeline-item .bg-transparent {
    background-color: transparent !important;
  }
  html body.layout-dark:not(.layout-transparent) .timeline-center .timeline .timeline-item .bg-transparent {
    background-color: #101010 !important;
  }
}

html body.layout-dark.layout-transparent .apexcharts-legend-text {
  color: #D6D5D8 !important;
}

html body.layout-dark:not(.layout-transparent) .apexcharts-legend-text {
  color: #B2B1B5 !important;
}

body.layout-dark .dropdown-menu {
  border-color: #474748;
}

body.layout-dark .dropdown-menu .dropdown-header {
  color: #fff;
}

body.layout-dark .dropdown-menu .dropdown-item:hover, body.layout-dark .dropdown-menu .dropdown-item:focus {
  background-color: #1E1E1E !important;
}

body.layout-dark .dropdown-menu .dropdown-divider {
  border-top-color: #474748;
}

body.layout-dark .dropdown-menu .arrow:after,
body.layout-dark .dropdown-menu .arrow-left:after,
body.layout-dark .dropdown-menu .arrow-right:after {
  border-right-color: #101010;
}

body.layout-dark .pagination .page-item.active .page-link {
  background-color: #975AFF !important;
  border-color: #975AFF !important;
}

body.layout-dark .modal-content .close {
  color: #fff;
}

body.layout-dark .list-group .list-group-item {
  background-color: inherit;
}

body.layout-dark .list-group .list-group-item.active {
  background-color: #975AFF;
  border-color: #975AFF !important;
}

body.layout-dark .nav-tabs .nav-item.dropdown.show a.nav-link.dropdown-toggle {
  color: #fff;
}

body.layout-dark .nav-tabs.nav-right .nav-item a.nav-link, body.layout-dark .nav-tabs.nav-left .nav-item a.nav-link {
  border-radius: 0;
}

body.layout-dark select option {
  background-color: #1E1E1E;
}

body.layout-dark .select2.select2-container .select2-selection--multiple .select2-selection__rendered .select2-search__field {
  color: inherit;
}

body.layout-dark .select2-container .select2-dropdown {
  background-color: #1E1E1E;
}

body.layout-dark .select2-container .select2-dropdown .select2-search__field {
  background-color: #1E1E1E;
  border-color: #474748;
  color: inherit;
}

body.layout-dark .select2-container .select2-results .select2-results__options .select2-results__option .select2-results__group {
  background-color: #101010;
}

body.layout-dark .tooltip {
  color: #BFBEC2 !important;
}

body.layout-dark .swal2-modal h2 {
  color: #342E49 !important;
}

body.layout-dark .heading-elements {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}

body.layout-dark .heading-elements ul li span {
  background: #1E1E1E;
}

body.layout-dark .media-wrapper .plyr--audio .plyr__controls .plyr__time--current.plyr__time {
  color: #fff;
}

body.layout-dark .bootstraptreeview .colorful-treeview .list-group .list-group-item {
  background-color: #975AFF;
}

body.layout-dark .bootstraptreeview .colorful-treeview .list-group .list-group-item:hover {
  background-color: #B583FF;
}

body.layout-dark .bootstraptreeview .override-treeview .list-group .list-group-item {
  background-color: #FEEFD0;
}

body.layout-dark .bootstraptreeview .override-treeview .list-group .list-group-item:hover {
  background-color: #FEDBA1;
}

body.layout-dark .context-menu-list {
  border: none;
  box-shadow: -8px 8px 14px 0 rgba(0, 0, 0, 0.25);
}

body.layout-dark .context-menu-list .context-menu-item {
  border: none;
}

body.layout-dark .context-menu-list .context-menu-item.context-menu-hover {
  background-color: #975AFF !important;
  color: #fff;
}

body.layout-dark .ql-toolbar.ql-snow .ql-formats .ql-picker {
  color: #fff !important;
}

body.layout-dark .ql-toolbar.ql-snow .ql-formats .ql-picker-options {
  color: #342E49;
}

body.layout-dark .ql-toolbar.ql-snow .ql-formats svg {
  stroke: transparent;
}

body.layout-dark .ql-toolbar.ql-snow .ql-formats svg .ql-stroke {
  stroke: #fff;
}

body.layout-dark .ql-toolbar.ql-snow .ql-formats svg .ql-fill {
  fill: #fff;
}

body.layout-dark .ql-toolbar.ql-snow .ql-formats .ql-active {
  border: 1px solid #fff;
}

body.layout-dark .nav-search .search-input.open {
  background: #1E1E1E !important;
}

body.layout-dark .nav-search .search-input.open .input {
  color: #B2B1B5;
}

body.layout-dark .nav-search .search-input.open .search-list {
  background: #101010;
}

body.layout-dark .nav-search .search-input.open .search-list li.current_item {
  background: #1E1E1E;
}

body.layout-dark .nav-search .search-input.open .search-list li a {
  color: #B2B1B5;
}

body.layout-dark .notification-dropdown .media {
  border-bottom-color: #474748 !important;
}

body.layout-dark .customizer .cz-bg-color .selected,
body.layout-dark .customizer .cz-bg-image .selected,
body.layout-dark .customizer .cz-tl-bg-color .selected {
  border-color: #1E1E1E;
}

body.layout-dark svg {
  stroke: #BFBEC2;
}

body.layout-dark .apexcharts-toolbar svg {
  stroke: none;
}

body.layout-dark .ct-grid {
  stroke: rgba(255, 255, 255, 0.22);
}

body.layout-dark .users-view .table-borderless td {
  border: none;
}

html body.layout-dark:not(.layout-transparent).horizontal-layout.page-scrolled.navbar-sticky nav.header-navbar {
  background-color: #1E1E1E;
  border-bottom-color: rgba(71, 71, 72, 0.4);
}

html body.layout-dark:not(.layout-transparent).horizontal-layout.page-scrolled div.header-navbar {
  box-shadow: -8px 8px 14px 0 rgba(0, 0, 0, 0.25);
}

html body.layout-dark:not(.layout-transparent).horizontal-layout nav.header-navbar {
  background-color: #101010;
  border-bottom-color: #474748;
}

html body.layout-dark:not(.layout-transparent).horizontal-layout div.navbar-horizontal {
  background-color: #101010;
}

html body.layout-dark:not(.layout-transparent).horizontal-layout div.navbar-horizontal li.nav-item.show .dropdown-menu .dropdown-item:active, html body.layout-dark:not(.layout-transparent).horizontal-layout div.navbar-horizontal li.nav-item.show .dropdown-menu .dropdown-item:focus {
  background-color: #1E1E1E !important;
  color: #B2B1B5 !important;
}

html body.layout-dark:not(.layout-transparent).horizontal-layout div.navbar-horizontal li.nav-item.show li.active.dropdown-submenu {
  background-color: #1E1E1E !important;
  color: #B2B1B5 !important;
}

html body.layout-dark:not(.layout-transparent).horizontal-layout div.navbar-horizontal li.nav-item.show li.show {
  background-color: #1E1E1E !important;
  color: #B2B1B5 !important;
}

html body.layout-dark:not(.layout-transparent).horizontal-layout div.navbar-horizontal li.nav-item.show li:active.dropdown-item {
  background-color: #1E1E1E !important;
  color: #B2B1B5 !important;
}

html body.layout-dark:not(.layout-transparent).horizontal-layout div.navbar-horizontal .main-menu-content > ul > li:hover:not(.active) {
  background-color: #1E1E1E;
}

html body.layout-dark.layout-transparent.horizontal-layout.page-scrolled div.header-navbar {
  box-shadow: -8px 8px 14px 0 rgba(25, 42, 70, 0.11);
}

html body.layout-dark.layout-transparent.horizontal-layout nav.header-navbar {
  background-color: transparent;
  border-bottom-color: rgba(238, 238, 238, 0.2);
}

html body.layout-dark.layout-transparent.horizontal-layout div.navbar-horizontal {
  background-color: transparent;
}

html body.layout-dark.layout-transparent.horizontal-layout div.navbar-horizontal li.nav-item:hover:not(.active) {
  background-color: rgba(0, 0, 0, 0.12);
}

html body.layout-dark.layout-transparent.horizontal-layout div.navbar-horizontal li.nav-item.show li.show {
  background-color: #101010 !important;
  color: #B2B1B5 !important;
}

/* /static/app-assets/css/components.css */
/* Shadows (from mdl http://www.getmdl.io/) */
.wrapper.show-overlay .content-overlay {
  z-index: 16;
  opacity: 1; }

.wrapper .content-overlay {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: calc(100% + 54px);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  transition: all 0.7s;
  z-index: -1;
  visibility: visible; }

.w-100 {
  width: 100% !important; }

.h-100 {
  height: 100% !important; }

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

a {
  cursor: pointer; }

.fonticon-wrap {
  width: 2%;
  float: left;
  margin: 0.25rem; }
  .fonticon-wrap i.fa {
    font-size: 1.35rem !important; }

.round {
  border-radius: 1.5rem; }

.square {
  border-radius: 0; }

img.img-border {
  border: 5px solid #fff; }

ul.no-list-style {
  list-style: none; }

.shadow-z-1 {
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); }

.shadow-z-1-hover {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.shadow-z-2 {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.shadow-z-3 {
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }

.shadow-z-4 {
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }

.shadow-z-5 {
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); }

.big-shadow {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); }

.shadow-big {
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }

.shadow-big-navbar {
  box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }

.sidebar-shadow {
  box-shadow: 6px 0px 20px 0 rgba(25, 42, 70, 0.35); }

.card-shadow {
  box-shadow: -8px 8px 14px 0 rgba(25, 42, 70, 0.11); }

.cursor-pointer {
  cursor: pointer; }

.cursor-move {
  cursor: move; }

.cursor-default {
  cursor: default; }

.cursor-progress {
  cursor: progress; }

.cursor-not-allowed {
  cursor: not-allowed; }

.cursor-grab {
  cursor: grab; }

.overflow-x-scroll {
  overflow-x: scroll; }

.overflow-y-scroll {
  overflow-y: scroll; }

.bullets-inside {
  list-style: inside; }

.list-style-circle {
  list-style: circle; }

.list-style-square {
  list-style: square; }

.list-style-icons {
  padding-left: 10px;
  margin-left: 0;
  list-style: none; }
  .list-style-icons > li i {
    float: left;
    width: 1em;
    margin: 5px 12px 0 0; }

.border-2 {
  border: 2px solid; }

.border-top-2 {
  border-top: 2px solid; }

.border-bottom-2 {
  border-bottom: 2px solid; }

.border-left-2 {
  border-left: 2px solid; }

.border-right-2 {
  border-right: 2px solid; }

.border-3 {
  border: 3px solid; }

.border-top-3 {
  border-top: 3px solid; }

.border-bottom-3 {
  border-bottom: 3px solid; }

.border-left-3 {
  border-left: 3px solid; }

.border-right-3 {
  border-right: 3px solid; }

.no-border-top-radius {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important; }

.no-border-bottom-radius {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.no-border-top-left-radius {
  border-top-left-radius: 0 !important; }

.no-border-top-right-radius {
  border-top-right-radius: 0 !important; }

.no-border-bottom-left-radius {
  border-bottom-left-radius: 0 !important; }

.no-border-bottom-right-radius {
  border-bottom-right-radius: 0 !important; }

.box-shadow-0 {
  box-shadow: none !important; }

.box-shadow-1 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.box-shadow-2 {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.box-shadow-3 {
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }

.box-shadow-4 {
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }

.box-shadow-5 {
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); }

.fit {
  max-width: 100% !important; }

.half-width {
  width: 50% !important; }

.full-width {
  width: 100% !important; }

.full-height {
  height: 100% !important; }

.full-height-vh {
  height: 100vh !important;
  height: calc(var(--vh, 1vh) * 100) !important; }

.width-50 {
  width: 50px !important; }

.width-100 {
  width: 100px !important; }

.width-150 {
  width: 150px !important; }

.width-200 {
  width: 200px !important; }

.width-250 {
  width: 250px !important; }

.width-300 {
  width: 300px !important; }

.width-350 {
  width: 350px !important; }

.width-400 {
  width: 400px !important; }

.width-450 {
  width: 450px !important; }

.width-500 {
  width: 500px !important; }

.width-550 {
  width: 550px !important; }

.width-600 {
  width: 600px !important; }

.width-650 {
  width: 650px !important; }

.width-700 {
  width: 700px !important; }

.width-750 {
  width: 750px !important; }

.width-800 {
  width: 800px !important; }

.width-5-per {
  width: 5% !important; }

.width-10-per {
  width: 10% !important; }

.width-15-per {
  width: 15% !important; }

.width-20-per {
  width: 20% !important; }

.width-25-per {
  width: 25% !important; }

.width-30-per {
  width: 30% !important; }

.width-35-per {
  width: 35% !important; }

.width-40-per {
  width: 40% !important; }

.width-45-per {
  width: 45% !important; }

.width-50-per {
  width: 50% !important; }

.width-55-per {
  width: 55% !important; }

.width-60-per {
  width: 60% !important; }

.width-65-per {
  width: 65% !important; }

.width-70-per {
  width: 70% !important; }

.width-75-per {
  width: 75% !important; }

.width-80-per {
  width: 80% !important; }

.width-90-per {
  width: 90% !important; }

.width-95-per {
  width: 95% !important; }

.height-0 {
  height: 0 !important; }

.height-50 {
  height: 50px !important; }

.height-75 {
  height: 75px !important; }

.height-100 {
  height: 100px !important; }

.height-150 {
  height: 150px !important; }

.height-200 {
  height: 200px !important; }

.height-250 {
  height: 250px !important; }

.height-300 {
  height: 300px !important; }

.height-350 {
  height: 350px !important; }

.height-400 {
  height: 400px !important; }

.height-450 {
  height: 450px !important; }

.height-500 {
  height: 500px !important; }

.height-550 {
  height: 550px !important; }

.height-600 {
  height: 600px !important; }

.height-650 {
  height: 650px !important; }

.height-700 {
  height: 700px !important; }

.height-750 {
  height: 750px !important; }

.height-800 {
  height: 800px !important; }

.height-5-per {
  height: 5% !important; }

.height-10-per {
  height: 10% !important; }

.height-15-per {
  height: 15% !important; }

.height-20-per {
  height: 20% !important; }

.height-25-per {
  height: 25% !important; }

.height-30-per {
  height: 30% !important; }

.height-35-per {
  height: 35% !important; }

.height-40-per {
  height: 40% !important; }

.height-45-per {
  height: 45% !important; }

.height-50-per {
  height: 50% !important; }

.height-55-per {
  height: 55% !important; }

.height-60-per {
  height: 60% !important; }

.height-65-per {
  height: 65% !important; }

.height-70-per {
  height: 70% !important; }

.height-75-per {
  height: 75% !important; }

.height-80-per {
  height: 80% !important; }

.line-height-0 {
  line-height: 0 !important; }

.line-height-1 {
  line-height: 1 !important; }

.line-height-2 {
  line-height: 1.5 !important; }

.line-height-2 {
  line-height: 2 !important; }

.rotate-45 {
  transform: rotate(45deg); }

.rotate-45-inverse {
  transform: rotate(-45deg); }

.rotate-90 {
  transform: rotate(45deg); }

.rotate-90-inverse {
  transform: rotate(-45deg); }

.rotate-180 {
  transform: rotate(45deg); }

.rotate-180-inverse {
  transform: rotate(-45deg); }

.pull-up {
  transition: all 0.25s ease; }
  .pull-up:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0px 14px 24px rgba(62, 57, 107, 0.2);
    z-index: 30; }

.spinner {
  display: inline-block;
  animation: spin 1s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.spinner-reverse {
  display: inline-block;
  animation: spin-reverse 1s linear infinite; }

@keyframes spin-reverse {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(-360deg); } }

.bg-cover {
  background-size: cover !important; }

.bg-repeat {
  background-repeat: repeat !important; }

.bg-no-repeat {
  background-repeat: no-repeat !important; }

.img-xl {
  width: 64px !important;
  height: 64px !important; }

.img-lg {
  width: 44px !important;
  height: 44px !important; }

.img-sm {
  width: 36px !important;
  height: 36px !important; }

.img-xs {
  width: 32px !important;
  height: 32px !important; }

.customizer {
  width: 400px;
  right: -400px;
  padding: 0;
  background-color: #fff;
  z-index: 1052;
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  transition: right 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
  backface-visibility: hidden;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }
  .customizer.open {
    right: 0; }
  .customizer .customizer-content {
    position: relative;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100); }
  .customizer .customizer-close {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 7px;
    width: auto;
    z-index: 10; }
  .customizer .customizer-toggle {
    position: absolute;
    top: 45%;
    width: 2.7rem;
    height: 2.7rem;
    left: -2.75rem;
    text-align: center;
    line-height: 2.7rem;
    cursor: pointer;
    border-top-left-radius: 0.35rem;
    border-bottom-left-radius: 0.35rem;
    box-shadow: -3px 0px 8px rgba(0, 0, 0, 0.1); }
    .customizer .customizer-toggle i.spinner {
      animation-duration: 2s; }
  .customizer .color-options a {
    white-space: pre; }
  .customizer .cz-bg-color {
    margin: 0 auto; }
    .customizer .cz-bg-color [class*="gradient-"] {
      transform: rotate(90deg); }
    .customizer .cz-bg-color > .row {
      padding-left: 4px; }
  .customizer .cz-bg-color .selected,
  .customizer .cz-tl-bg-color .selected {
    box-shadow: 0 0 1px 1px #975AFF;
    border: 3px solid #fff; }
  .customizer .cz-bg-color span:hover,
  .customizer .cz-tl-bg-color span:hover {
    cursor: pointer; }
  .customizer .cz-bg-image {
    padding-left: 5px;
    padding-right: 3px; }
    .customizer .cz-bg-image img.rounded {
      height: 80px;
      width: 40px; }
      .customizer .cz-bg-image img.rounded.selected {
        border: 3px solid #fff;
        box-shadow: 0 0 1px 1px #975AFF; }
      .customizer .cz-bg-image img.rounded:hover {
        cursor: pointer; }
  .customizer .togglebutton .checkbox {
    margin-right: -8px; }
  .customizer .tl-color-option,
  .customizer .cz-tl-bg-color,
  .customizer .tl-bg-img {
    display: none; }
  .customizer .cz-tl-bg-image {
    padding-right: 5px; }
    .customizer .cz-tl-bg-image .ct-glass-bg {
      height: 100px;
      width: 70px; }
      .customizer .cz-tl-bg-image .ct-glass-bg.selected {
        border: 3px solid #1E1E1E;
        box-shadow: 0 0 1px 1px #975AFF; }
      .customizer .cz-tl-bg-image .ct-glass-bg:hover {
        cursor: pointer; }
  .customizer .cz-tl-bg-color [class*=bg-] {
    background-size: cover;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    transition: background .3s; }
  .customizer .cz-tl-bg-color .bg-glass-hibiscus {
    background-image: linear-gradient(to right bottom, #f05f57, #c83d5c, #99245a, #671351, #360940); }
  .customizer .cz-tl-bg-color .bg-glass-purple-pizzazz {
    background-image: linear-gradient(to right bottom, #662d86, #8b2a8a, #ae2389, #cf1d83, #ed1e79); }
  .customizer .cz-tl-bg-color .bg-glass-blue-lagoon {
    background-image: linear-gradient(to right bottom, #144e68, #006d83, #008d92, #00ad91, #57ca85); }
  .customizer .cz-tl-bg-color .bg-glass-electric-violet {
    background-image: linear-gradient(to left top, #4a00e0, #600de0, #7119e1, #8023e1, #8e2de2); }
  .customizer .cz-tl-bg-color .bg-glass-portage {
    background-image: linear-gradient(to left top, #97abff, #798ce5, #5b6ecb, #3b51b1, #123597); }
  .customizer .cz-tl-bg-color .bg-glass-tundora {
    background-image: linear-gradient(to left top, #ef4673, #ffc846); }

.media-bordered .media {
  border-top: 1px solid #E0E0E0; }
  .media-bordered .media:first-child {
    border-top: 0; }

.media {
  padding: 1rem 0; }

.page-link {
  border-radius: 0.35rem;
  margin-left: 5px; }

ul.list-inline i {
  line-height: 18px; }

.circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 2s ease-in-out infinite;
  stroke-linecap: round; }

legend {
  border-bottom: 0; }

* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent; }
  *:focus {
    outline: 0; }

a:focus, a:active,
button:active, button:focus, button:hover,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  outline: 0 !important; }

.table-borderless tbody tr td, .table-borderless tbody tr th {
  border: 0; }

.dragdrop-container {
  min-height: 200px; }

.content-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: block;
  z-index: 2;
  visibility: hidden; }
  .content-overlay.show {
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.6); }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

@keyframes color {
  0% {
    stroke: #975AFF; }
  50% {
    stroke: #F77E17; }
  100% {
    stroke: #975AFF; } }

.btn-social, .btn-social-icon {
  position: relative;
  padding-left: 4rem;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff !important; }
  .btn-social > :first-child, .btn-social-icon > :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3.2rem;
    line-height: 2.7rem;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center; }
  .btn-social.btn-lg, .btn-lg.btn-social-icon {
    padding-left: 3.2rem; }
    .btn-social.btn-lg > :first-child, .btn-lg.btn-social-icon > :first-child {
      line-height: 2.2rem;
      width: 2.2rem;
      font-size: 1.8em; }
  .btn-social.btn-sm, .btn-sm.btn-social-icon {
    padding-left: 2.55rem; }
    .btn-social.btn-sm > :first-child, .btn-sm.btn-social-icon > :first-child {
      line-height: 1.8rem;
      width: 1.8rem;
      font-size: 1.4em; }
  .btn-social.btn-xs, .btn-xs.btn-social-icon {
    padding-left: 3.15rem; }
    .btn-social.btn-xs > :first-child, .btn-xs.btn-social-icon > :first-child {
      line-height: 2.4rem;
      width: 2.4rem;
      font-size: 1.2em; }

.btn-social-icon {
  height: 2.75rem;
  width: 2.75rem;
  padding: 0; }
  .btn-social-icon > :first-child {
    border: none;
    text-align: center;
    width: 100% !important; }
  .btn-social-icon.btn-lg {
    height: 2.2rem;
    width: 2.2rem;
    padding-left: 0;
    padding-right: 0; }
  .btn-social-icon.btn-sm {
    height: 2rem;
    width: 2rem;
    padding-left: 0;
    padding-right: 0;
    font-size: 0.75rem; }
  .btn-social-icon.btn-xs {
    height: 4.4rem;
    width: 4.4rem;
    padding-left: 0;
    padding-right: 0; }

.btn-adn {
  background-color: #d87a68;
  border: 1px solid #d87a68; }

.btn-bitbucket {
  background-color: #205081;
  border: 1px solid #205081; }

.btn-dropbox {
  background-color: #1087dd;
  border: 1px solid #1087dd; }

.btn-facebook {
  background-color: #3b5998;
  border: 1px solid #3b5998; }

.btn-flickr {
  background-color: #ff0084;
  border: 1px solid #ff0084; }

.btn-foursquare {
  background-color: #f94877;
  border: 1px solid #f94877; }

.btn-github {
  background-color: #444444;
  border: 1px solid #444444; }

.btn-google {
  background-color: #dd4b39;
  border: 1px solid #dd4b39; }

.btn-instagram {
  background-color: #3f729b;
  border: 1px solid #3f729b; }

.btn-linkedin {
  background-color: #007bb6;
  border: 1px solid #007bb6; }

.btn-microsoft {
  background-color: #2672ec;
  border: 1px solid #2672ec; }

.btn-odnoklassniki {
  background-color: #f4731c;
  border: 1px solid #f4731c; }

.btn-openid {
  background-color: #f7931e;
  border: 1px solid #f7931e; }

.btn-pinterest {
  background-color: #cb2027;
  border: 1px solid #cb2027; }

.btn-reddit {
  background-color: #eff7ff;
  border: 1px solid #eff7ff; }

.btn-soundcloud {
  background-color: #ff5500;
  border: 1px solid #ff5500; }

.btn-tumblr {
  background-color: #2c4762;
  border: 1px solid #2c4762; }

.btn-twitter {
  background-color: #55acee;
  border: 1px solid #55acee; }

.btn-vimeo {
  background-color: #1ab7ea;
  border: 1px solid #1ab7ea; }

.btn-vk {
  background-color: #587ea3;
  border: 1px solid #587ea3; }

.btn-yahoo {
  background-color: #720e9e;
  border: 1px solid #720e9e; }

.btn-outline-adn {
  border: 1px solid #d87a68 !important;
  color: #d87a68 !important; }

.btn-outline-bitbucket {
  border: 1px solid #205081 !important;
  color: #205081 !important; }

.btn-outline-dropbox {
  border: 1px solid #1087dd !important;
  color: #1087dd !important; }

.btn-outline-facebook {
  border: 1px solid #3b5998 !important;
  color: #3b5998 !important; }

.btn-outline-flickr {
  border: 1px solid #ff0084 !important;
  color: #ff0084 !important; }

.btn-outline-foursquare {
  border: 1px solid #f94877 !important;
  color: #f94877 !important; }

.btn-outline-github {
  border: 1px solid #444444 !important;
  color: #444444 !important; }

.btn-outline-google {
  border: 1px solid #dd4b39 !important;
  color: #dd4b39 !important; }

.btn-outline-instagram {
  border: 1px solid #3f729b !important;
  color: #3f729b !important; }

.btn-outline-linkedin {
  border: 1px solid #007bb6 !important;
  color: #007bb6 !important; }

.btn-outline-microsoft {
  border: 1px solid #2672ec !important;
  color: #2672ec !important; }

.btn-outline-odnoklassniki {
  border: 1px solid #f4731c !important;
  color: #f4731c !important; }

.btn-outline-openid {
  border: 1px solid #f7931e !important;
  color: #f7931e !important; }

.btn-outline-pinterest {
  border: 1px solid #cb2027 !important;
  color: #cb2027 !important; }

.btn-outline-reddit {
  border: 1px solid #ff4500 !important;
  color: #ff4500 !important; }

.btn-outline-soundcloud {
  border: 1px solid #ff5500 !important;
  color: #ff5500 !important; }

.btn-outline-tumblr {
  border: 1px solid #2c4762 !important;
  color: #2c4762 !important; }

.btn-outline-twitter {
  border: 1px solid #55acee !important;
  color: #55acee !important; }

.btn-outline-vimeo {
  border: 1px solid #1ab7ea !important;
  color: #1ab7ea !important; }

.btn-outline-vk {
  border: 1px solid #587ea3 !important;
  color: #587ea3 !important; }

.btn-outline-yahoo {
  border: 1px solid #720e9e !important;
  color: #720e9e !important; }

.btn-outline-adn:hover {
  color: #fff !important;
  border: 1px solid #d87a68;
  background-color: #d87a68; }

.btn-outline-bitbucket:hover {
  color: #fff !important;
  border: 1px solid #205081;
  background-color: #205081; }

.btn-outline-dropbox:hover {
  color: #fff !important;
  border: 1px solid #1087dd;
  background-color: #1087dd; }

.btn-outline-facebook:hover {
  color: #fff !important;
  border: 1px solid #3b5998;
  background-color: #3b5998; }

.btn-outline-flickr:hover {
  color: #fff !important;
  border: 1px solid #ff0084;
  background-color: #ff0084; }

.btn-outline-foursquare:hover {
  color: #fff !important;
  border: 1px solid #f94877;
  background-color: #f94877; }

.btn-outline-github:hover {
  color: #fff !important;
  border: 1px solid #444444;
  background-color: #444444; }

.btn-outline-google:hover {
  color: #fff !important;
  border: 1px solid #dd4b39;
  background-color: #dd4b39; }

.btn-outline-instagram:hover {
  color: #fff !important;
  border: 1px solid #3f729b;
  background-color: #3f729b; }

.btn-outline-linkedin:hover {
  color: #fff !important;
  border: 1px solid #007bb6;
  background-color: #007bb6; }

.btn-outline-microsoft:hover {
  color: #fff !important;
  border: 1px solid #2672ec;
  background-color: #2672ec; }

.btn-outline-odnoklassniki:hover {
  color: #fff !important;
  border: 1px solid #f4731c;
  background-color: #f4731c; }

.btn-outline-openid:hover {
  color: #fff !important;
  border: 1px solid #f7931e;
  background-color: #f7931e; }

.btn-outline-pinterest:hover {
  color: #fff !important;
  border: 1px solid #cb2027;
  background-color: #cb2027; }

.btn-outline-reddit:hover {
  color: #fff !important;
  border: 1px solid #ff4500;
  background-color: #ff4500; }

.btn-outline-soundcloud:hover {
  color: #fff !important;
  border: 1px solid #ff5500;
  background-color: #ff5500; }

.btn-outline-tumblr:hover {
  color: #fff !important;
  border: 1px solid #2c4762;
  background-color: #2c4762; }

.btn-outline-twitter:hover {
  color: #fff !important;
  border: 1px solid #55acee;
  background-color: #55acee; }

.btn-outline-vimeo:hover {
  color: #fff !important;
  border: 1px solid #1ab7ea;
  background-color: #1ab7ea; }

.btn-outline-vk:hover {
  color: #fff !important;
  border: 1px solid #587ea3;
  background-color: #587ea3; }

.btn-outline-yahoo:hover {
  color: #fff !important;
  border: 1px solid #720e9e;
  background-color: #720e9e; }

.btn-adn-flat {
  color: #d87a68 !important;
  background-color: transparent !important;
  border: none !important; }
  .btn-adn-flat span {
    border: none !important; }
  .btn-adn-flat:hover {
    color: #993a28 !important;
    background-color: transparent !important; }

.btn-bitbucket-flat {
  color: #205081 !important;
  background-color: transparent !important;
  border: none !important; }
  .btn-bitbucket-flat span {
    border: none !important; }
  .btn-bitbucket-flat:hover {
    color: #07111b !important;
    background-color: transparent !important; }

.btn-dropbox-flat {
  color: #1087dd !important;
  background-color: transparent !important;
  border: none !important; }
  .btn-dropbox-flat span {
    border: none !important; }
  .btn-dropbox-flat:hover {
    color: #073e66 !important;
    background-color: transparent !important; }

.btn-facebook-flat {
  color: #3b5998 !important;
  background-color: transparent !important;
  border: none !important; }
  .btn-facebook-flat span {
    border: none !important; }
  .btn-facebook-flat:hover {
    color: #17233c !important;
    background-color: transparent !important; }

.btn-flickr-flat {
  color: #ff0084 !important;
  background-color: transparent !important;
  border: none !important; }
  .btn-flickr-flat span {
    border: none !important; }
  .btn-flickr-flat:hover {
    color: #800042 !important;
    background-color: transparent !important; }

.btn-foursquare-flat {
  color: #f94877 !important;
  background-color: transparent !important;
  border: none !important; }
  .btn-foursquare-flat span {
    border: none !important; }
  .btn-foursquare-flat:hover {
    color: #bb0636 !important;
    background-color: transparent !important; }

.btn-github-flat {
  color: #444444 !important;
  background-color: transparent !important;
  border: none !important; }
  .btn-github-flat span {
    border: none !important; }
  .btn-github-flat:hover {
    color: #040404 !important;
    background-color: transparent !important; }

.btn-google-flat {
  color: #dd4b39 !important;
  background-color: transparent !important;
  border: none !important; }
  .btn-google-flat span {
    border: none !important; }
  .btn-google-flat:hover {
    color: #802216 !important;
    background-color: transparent !important; }

.btn-instagram-flat {
  color: #3f729b !important;
  background-color: transparent !important;
  border: none !important; }
  .btn-instagram-flat span {
    border: none !important; }
  .btn-instagram-flat:hover {
    color: #1a2f40 !important;
    background-color: transparent !important; }

.btn-linkedin-flat {
  color: #007bb6 !important;
  background-color: transparent !important;
  border: none !important; }
  .btn-linkedin-flat span {
    border: none !important; }
  .btn-linkedin-flat:hover {
    color: #002537 !important;
    background-color: transparent !important; }

.btn-microsoft-flat {
  color: #2672ec !important;
  background-color: transparent !important;
  border: none !important; }
  .btn-microsoft-flat span {
    border: none !important; }
  .btn-microsoft-flat:hover {
    color: #0c3b87 !important;
    background-color: transparent !important; }

.btn-odnoklassniki-flat {
  color: #f4731c !important;
  background-color: transparent !important;
  border: none !important; }
  .btn-odnoklassniki-flat span {
    border: none !important; }
  .btn-odnoklassniki-flat:hover {
    color: #8a3c07 !important;
    background-color: transparent !important; }

.btn-openid-flat {
  color: #f7931e !important;
  background-color: transparent !important;
  border: none !important; }
  .btn-openid-flat span {
    border: none !important; }
  .btn-openid-flat:hover {
    color: #905005 !important;
    background-color: transparent !important; }

.btn-pinterest-flat {
  color: #cb2027 !important;
  background-color: transparent !important;
  border: none !important; }
  .btn-pinterest-flat span {
    border: none !important; }
  .btn-pinterest-flat:hover {
    color: #5d0f12 !important;
    background-color: transparent !important; }

.btn-reddit-flat {
  color: #ff4500 !important;
  background-color: transparent !important;
  border: none !important; }
  .btn-reddit-flat span {
    border: none !important; }
  .btn-reddit-flat:hover {
    color: #802300 !important;
    background-color: transparent !important; }

.btn-soundcloud-flat {
  color: #ff5500 !important;
  background-color: transparent !important;
  border: none !important; }
  .btn-soundcloud-flat span {
    border: none !important; }
  .btn-soundcloud-flat:hover {
    color: #802b00 !important;
    background-color: transparent !important; }

.btn-tumblr-flat {
  color: #2c4762 !important;
  background-color: transparent !important;
  border: none !important; }
  .btn-tumblr-flat span {
    border: none !important; }
  .btn-tumblr-flat:hover {
    color: #04070a !important;
    background-color: transparent !important; }

.btn-twitter-flat {
  color: #55acee !important;
  background-color: transparent !important;
  border: none !important; }
  .btn-twitter-flat span {
    border: none !important; }
  .btn-twitter-flat:hover {
    color: #126db2 !important;
    background-color: transparent !important; }

.btn-vimeo-flat {
  color: #1ab7ea !important;
  background-color: transparent !important;
  border: none !important; }
  .btn-vimeo-flat span {
    border: none !important; }
  .btn-vimeo-flat:hover {
    color: #0b5e79 !important;
    background-color: transparent !important; }

.btn-vk-flat {
  color: #587ea3 !important;
  background-color: transparent !important;
  border: none !important; }
  .btn-vk-flat span {
    border: none !important; }
  .btn-vk-flat:hover {
    color: #2b3e50 !important;
    background-color: transparent !important; }

.btn-yahoo-flat {
  color: #720e9e !important;
  background-color: transparent !important;
  border: none !important; }
  .btn-yahoo-flat span {
    border: none !important; }
  .btn-yahoo-flat:hover {
    color: #1d0429 !important;
    background-color: transparent !important; }

.btn-adn-flat.active,
.btn-adn-flat:active,
.btn-adn-flat:focus,
.btn-adn-flat:active:focus,
.btn-adn-flat:active:hover {
  background-color: transparent !important; }

.btn-bitbucket-flat.active,
.btn-bitbucket-flat:active,
.btn-bitbucket-flat:focus,
.btn-bitbucket-flat:active:focus,
.btn-bitbucket-flat:active:hover {
  background-color: transparent !important; }

.btn-dropbox-flat.active,
.btn-dropbox-flat:active,
.btn-dropbox-flat:focus,
.btn-dropbox-flat:active:focus,
.btn-dropbox-flat:active:hover {
  background-color: transparent !important; }

.btn-facebook-flat.active,
.btn-facebook-flat:active,
.btn-facebook-flat:focus,
.btn-facebook-flat:active:focus,
.btn-facebook-flat:active:hover {
  background-color: transparent !important; }

.btn-flickr-flat.active,
.btn-flickr-flat:active,
.btn-flickr-flat:focus,
.btn-flickr-flat:active:focus,
.btn-flickr-flat:active:hover {
  background-color: transparent !important; }

.btn-foursquare-flat.active,
.btn-foursquare-flat:active,
.btn-foursquare-flat:focus,
.btn-foursquare-flat:active:focus,
.btn-foursquare-flat:active:hover {
  background-color: transparent !important; }

.btn-github-flat.active,
.btn-github-flat:active,
.btn-github-flat:focus,
.btn-github-flat:active:focus,
.btn-github-flat:active:hover {
  background-color: transparent !important; }

.btn-google-flat.active,
.btn-google-flat:active,
.btn-google-flat:focus,
.btn-google-flat:active:focus,
.btn-google-flat:active:hover {
  background-color: transparent !important; }

.btn-instagram-flat.active,
.btn-instagram-flat:active,
.btn-instagram-flat:focus,
.btn-instagram-flat:active:focus,
.btn-instagram-flat:active:hover {
  background-color: transparent !important; }

.btn-linkedin-flat.active,
.btn-linkedin-flat:active,
.btn-linkedin-flat:focus,
.btn-linkedin-flat:active:focus,
.btn-linkedin-flat:active:hover {
  background-color: transparent !important; }

.btn-microsoft-flat.active,
.btn-microsoft-flat:active,
.btn-microsoft-flat:focus,
.btn-microsoft-flat:active:focus,
.btn-microsoft-flat:active:hover {
  background-color: transparent !important; }

.btn-odnoklassniki-flat.active,
.btn-odnoklassniki-flat:active,
.btn-odnoklassniki-flat:focus,
.btn-odnoklassniki-flat:active:focus,
.btn-odnoklassniki-flat:active:hover {
  background-color: transparent !important; }

.btn-openid-flat.active,
.btn-openid-flat:active,
.btn-openid-flat:focus,
.btn-openid-flat:active:focus,
.btn-openid-flat:active:hover {
  background-color: transparent !important; }

.btn-pinterest-flat.active,
.btn-pinterest-flat:active,
.btn-pinterest-flat:focus,
.btn-pinterest-flat:active:focus,
.btn-pinterest-flat:active:hover {
  background-color: transparent !important; }

.btn-reddit-flat.active,
.btn-reddit-flat:active,
.btn-reddit-flat:focus,
.btn-reddit-flat:active:focus,
.btn-reddit-flat:active:hover {
  background-color: transparent !important; }

.btn-soundcloud-flat.active,
.btn-soundcloud-flat:active,
.btn-soundcloud-flat:focus,
.btn-soundcloud-flat:active:focus,
.btn-soundcloud-flat:active:hover {
  background-color: transparent !important; }

.btn-tumblr-flat.active,
.btn-tumblr-flat:active,
.btn-tumblr-flat:focus,
.btn-tumblr-flat:active:focus,
.btn-tumblr-flat:active:hover {
  background-color: transparent !important; }

.btn-twitter-flat.active,
.btn-twitter-flat:active,
.btn-twitter-flat:focus,
.btn-twitter-flat:active:focus,
.btn-twitter-flat:active:hover {
  background-color: transparent !important; }

.btn-vimeo-flat.active,
.btn-vimeo-flat:active,
.btn-vimeo-flat:focus,
.btn-vimeo-flat:active:focus,
.btn-vimeo-flat:active:hover {
  background-color: transparent !important; }

.btn-vk-flat.active,
.btn-vk-flat:active,
.btn-vk-flat:focus,
.btn-vk-flat:active:focus,
.btn-vk-flat:active:hover {
  background-color: transparent !important; }

.btn-yahoo-flat.active,
.btn-yahoo-flat:active,
.btn-yahoo-flat:focus,
.btn-yahoo-flat:active:focus,
.btn-yahoo-flat:active:hover {
  background-color: transparent !important; }

@media (min-width: 1200px) {
  .vertical-menu .main-panel .main-content {
    margin-left: 250px; }
  .vertical-menu .navbar {
    margin-left: 250px;
    transition: all 0.3s ease; }
    .vertical-menu .navbar .container-fluid {
      padding-left: 0; }
  .vertical-menu footer.footer {
    margin-left: 250px; }
  .vertical-menu.sidebar-sm .navbar,
  .vertical-menu.sidebar-sm .main-panel .main-content {
    margin-left: 220px; }
  .vertical-menu.sidebar-sm.nav-collapsed .navbar,
  .vertical-menu.sidebar-sm.nav-collapsed .main-panel .main-content {
    margin-left: 60px; }
  .vertical-menu.sidebar-sm .navbar {
    padding-left: 1.5rem;
    margin-left: 220px;
    transition: all 0.3s ease; }
    .vertical-menu.sidebar-sm .navbar .navbar-container {
      padding-left: 220px; }
  .vertical-menu.sidebar-sm footer.footer {
    margin-left: 220px; }
  .vertical-menu.sidebar-lg .navbar,
  .vertical-menu.sidebar-lg .main-panel .main-content {
    margin-left: 280px; }
  .vertical-menu.sidebar-lg.nav-collapsed .navbar,
  .vertical-menu.sidebar-lg.nav-collapsed .main-panel .main-content {
    margin-left: 60px; }
  .vertical-menu.sidebar-lg .navbar {
    padding-left: 1.5rem;
    margin-left: 280px;
    transition: all 0.3s ease; }
    .vertical-menu.sidebar-lg .navbar .navbar-container {
      padding-left: 280px; }
  .vertical-menu.sidebar-lg footer.footer {
    margin-left: 280px; }
  footer.footer {
    text-align: center; } }

footer.footer {
  padding: 1rem 2.2rem; }

.vertical-layout[data-col="1-column"].nav-collapsed,
.vertical-layout[data-col="1-column"] .navbar,
.vertical-layout[data-col="1-column"] .main-content {
  margin: 0 !important; }

.horizontal-layout[data-col="1-column"] .main-panel {
  margin-top: 4rem !important; }

.horizontal-layout[data-col="1-column"].blank-page .wrapper {
  min-height: calc(var(--vh, 1vh) * 100); }

.horizontal-layout[data-col="1-column"].blank-page .main-panel {
  margin-top: 0 !important; }

@media (max-width: 1200px) {
  .app-sidebar {
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .navbar {
    padding: 0 25px; }
  .navbar-toggle {
    display: block; }
  .navbar-header .navbar-toggle {
    margin: 8px 17px 0 6px;
    cursor: pointer; }
  .navbar-header .navbar-collapse-toggle,
  .navbar-header .open-collapse-toggle {
    margin: 20px 0px 10px 15px; }
  .navbar-form {
    margin-top: .75rem !important; }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  @-moz-keyframes fadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  @keyframes fadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  .bar1,
  .bar2,
  .bar3 {
    outline: 1px solid transparent; }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  @-moz-keyframes fadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  @keyframes fadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } } }

@media (min-width: 320px) {
  .navbar-header {
    float: left; }
  .navbar-right {
    float: right !important; }
  .navbar-nav > li {
    float: left; } }

@media (max-width: 320px) {
  .navbar-right {
    display: none; } }

@media (max-width: 640px) {
  .navbar-form {
    display: none; } }

@media (max-width: 767px) {
  #navbar-mobile.navbar-collapse .navbar-nav {
    margin: 0;
    flex-flow: row wrap; }
    #navbar-mobile.navbar-collapse .navbar-nav .dropdown-menu {
      position: absolute; }
    #navbar-mobile.navbar-collapse .navbar-nav .nav-item {
      float: left; } }

@media (max-width: 991.98px) {
  .navbar .navbar-nav {
    margin-right: -5px; }
  .header-navbar .navbar-container ul.navbar-nav {
    float: right !important; }
    .header-navbar .navbar-container ul.navbar-nav li > a.nav-link {
      padding: 0.5rem 0.5rem; } }

@media (max-width: 359px) {
  .i18n-dropdown {
    display: none; } }

@media (max-width: 991.98px) {
  [dir="rtl"] .header-navbar .navbar-container ul.navbar-nav li {
    float: left !important; } }

.main-content .color-palette .color-group li {
  list-style-type: none; }
  .main-content .color-palette .color-group li.color {
    padding: 10px 15px 11px;
    margin: 0; }
    .main-content .color-palette .color-group li.color.main-color .name {
      display: block;
      margin-bottom: 53px;
      font-size: 2rem; }
    .main-content .color-palette .color-group li.color .hex {
      float: right;
      text-transform: uppercase;
      display: block; }

.main-content .color-palette .color-group:last-child li.color {
  padding: 10px 15px 11px;
  margin: 0; }
  .main-content .color-palette .color-group:last-child li.color.main-color .name {
    display: block;
    margin-bottom: 53px;
    font-size: 2rem; }
  .main-content .color-palette .color-group:last-child li.color .hex {
    float: right;
    text-transform: uppercase;
    display: block; }

.main-content .color-palette .dark span {
  color: #342E49; }

.main-content .color-palette span {
  color: rgba(255, 255, 255, 0.87);
  font-size: 14px;
  font-weight: 500; }
  .main-content .color-palette span.light-strong {
    color: #fff; }
  .main-content .color-palette span.dark {
    color: #342E49; }

.main-content .bd-highlight,
.main-content .width-example {
  background-color: rgba(86, 61, 124, 0.15);
  border: 1px solid rgba(86, 61, 124, 0.15); }

.main-content .height-example-wrapper {
  background-color: rgba(255, 0, 0, 0.1);
  height: 100px; }
  .main-content .height-example-wrapper .height-example {
    background-color: rgba(0, 0, 255, 0.1);
    width: 120px; }

.main-content .fonticon-container > .fonticon-wrap {
  float: left;
  width: 60px;
  height: 60px;
  line-height: 4.8rem;
  text-align: center;
  border-radius: 0.1875rem;
  margin-right: 1rem;
  margin-bottom: 1.5rem; }
  .main-content .fonticon-container > .fonticon-wrap > i {
    font-size: 2.28rem;
    transition: all .2s ease-in-out; }
    .main-content .fonticon-container > .fonticon-wrap > i.fa {
      font-size: 2.28rem !important; }
  .main-content .fonticon-container > .fonticon-wrap.youtube {
    width: 100px; }

.main-content .fonticon-container:hover i {
  color: #975AFF;
  font-size: 2.9rem;
  transform: scale(1.3); }

.main-content .fonticon-container > .fonticon-classname,
.main-content .fonticon-container > .fonticon-unit {
  display: block;
  font-size: 1.5rem;
  line-height: 1.2; }

.main-content .fonticon-container > .fonticon-unit {
  font-size: 1rem;
  font-style: italic; }

.buy-now {
  position: fixed;
  bottom: 4%;
  right: 5.8rem;
  z-index: 1039; }

.scroll-top {
  position: fixed;
  z-index: 1039;
  bottom: 4%;
  right: 2rem;
  padding: 0.4rem 0.8rem;
  display: none; }

@media (max-width: 575.98px) {
  #media-object img {
    width: 45px;
    height: 45px; }
  .carousel-caption p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dropzone.dropzone-area .dz-message {
    font-size: 1.5rem; }
    .dropzone.dropzone-area .dz-message:before {
      font-size: 3rem;
      height: 50px; } }

#iconForm .form-control-position {
  top: 1px; }

.doc-sidebar-wrapper {
  position: fixed;
  right: 1rem; }
  .doc-sidebar-wrapper .doc-sidebar {
    margin-left: 4.5rem; }
  body.page-scrolled .doc-sidebar-wrapper {
    top: 1.5rem; }

ul.doc-sidebar-nav-list {
  list-style: none;
  padding-left: 0; }

@media (max-width: 1199.98px) {
  .doc-sidebar-wrapper .doc-sidebar {
    margin-left: 0.5rem; } }

.avatar {
  white-space: nowrap;
  background-color: #E0E0E0;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  color: #616161;
  display: inline-flex;
  font-size: 0.75rem;
  text-align: center;
  vertical-align: middle; }
  .avatar img {
    border-radius: 50%; }
    .avatar img + .avatar-content {
      width: 0 !important;
      height: 0 !important; }
  .avatar .avatar-content {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .avatar .avatar-content .avatar-icon {
      font-size: 1.1rem; }
    .avatar .avatar-content .badge {
      position: absolute;
      top: -8px;
      right: -9px;
      font-size: 0.62rem; }
  .avatar[class*="bg-"] {
    color: #fff; }
  .avatar.avatar-xl {
    font-size: 1.5rem; }
    .avatar.avatar-xl img {
      width: 70px;
      height: 70px; }
    .avatar.avatar-xl .avatar-content {
      height: 70px;
      width: 70px; }
      .avatar.avatar-xl .avatar-content .avatar-icon {
        font-size: 3rem; }
  .avatar.avatar-lg {
    font-size: 1.2rem; }
    .avatar.avatar-lg img {
      width: 50px;
      height: 50px; }
    .avatar.avatar-lg .avatar-content {
      width: 50px;
      height: 50px; }
      .avatar.avatar-lg .avatar-content .avatar-icon {
        font-size: 2rem; }
  .avatar.avatar-md {
    font-size: 1rem; }
    .avatar.avatar-md img {
      width: 40px;
      height: 40px; }
    .avatar.avatar-md .avatar-content {
      width: 40px;
      height: 40px; }
      .avatar.avatar-md .avatar-content .avatar-icon {
        font-size: 1.5rem; }
  .avatar.avatar-sm .avatar-content {
    width: 24px;
    height: 24px; }
    .avatar.avatar-sm .avatar-content .avatar-icon {
      font-size: 0.9rem; }
  .avatar.avatar-sm img {
    width: 24px;
    height: 24px; }
  .avatar [class*="avatar-status-"] {
    border-radius: 50%;
    width: 11px;
    height: 11px;
    position: absolute;
    right: -1px;
    bottom: -1px;
    border: 1px solid #fff; }
    .avatar [class*="avatar-status-"].avatar-status-lg {
      width: 17px;
      height: 17px;
      border-width: 2px; }
  .avatar .avatar-status-online {
    background-color: #40C057; }
  .avatar .avatar-status-busy {
    background-color: #F55252; }
  .avatar .avatar-status-away {
    background-color: #F77E17; }
  .avatar .avatar-status-offline {
    background-color: #616D89; }

@media screen and (min-width: 0px) {
  head {
    font-family: "xs 0px"; }
  body:after {
    content: "xs - min-width: 0px"; } }

@media screen and (min-width: 544px) {
  head {
    font-family: "sm 544px"; }
  body:after {
    content: "sm - min-width: 544px"; } }

@media screen and (min-width: 768px) {
  head {
    font-family: "md 768px"; }
  body:after {
    content: "md - min-width: 768px"; } }

@media screen and (min-width: 992px) {
  head {
    font-family: "lg 992px"; }
  body:after {
    content: "lg - min-width: 992px"; } }

@media screen and (min-width: 1200px) {
  head {
    font-family: "xl 1200px"; }
  body:after {
    content: "xl - min-width: 1200px"; } }

head {
  clear: both; }
  head title {
    font-family: "xs 0px, sm 544px, md 768px, lg 992px, xl 1200px"; }

body:after {
  display: none; }

*[data-usn-if] {
  display: none; }

.select2-container--classic:focus,
.select2-container--default:focus {
  outline: none; }

.select2-container--classic .select2-selection--single,
.select2-container--default .select2-selection--single {
  min-height: calc(1.5em + 0.75rem + 3px);
  border: 1px solid #E0E0E0;
  background-color: transparent;
  border-radius: 0.35rem; }
  .select2-container--classic .select2-selection--single:focus,
  .select2-container--default .select2-selection--single:focus {
    outline: 0;
    border-color: #975AFF !important;
    box-shadow: none !important; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered,
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 100%;
    color: #342E49;
    line-height: calc(1.5em + 0.75rem + 3px);
    padding-left: 0.75rem;
    padding-right: 2rem; }
    .select2-container--classic .select2-selection--single .select2-selection__rendered i,
    .select2-container--default .select2-selection--single .select2-selection__rendered i {
      margin-right: 0.5rem; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow,
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(calc(1.5em + 0.75rem + 3px) - 2px);
    width: 25px; }

.select2-container--classic.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #975AFF !important;
  outline: 0; }

.select2-container--classic.select2-container--focus,
.select2-container--default.select2-container--focus {
  outline: 0; }
  .select2-container--classic.select2-container--focus .select2-selection--multiple,
  .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #975AFF !important;
    outline: 0; }

.select2-container--classic .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
  min-height: calc(1.5em + 0.75rem + 3px);
  border: 1px solid #E0E0E0;
  background-color: transparent;
  border-radius: 0.35rem;
  line-height: 1; }
  .select2-container--classic .select2-selection--multiple:focus,
  .select2-container--default .select2-selection--multiple:focus {
    outline: 0;
    border-color: #975AFF !important;
    box-shadow: none !important; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered,
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 8px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
    .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
      background-color: #975AFF !important;
      border-color: #7441DB !important;
      color: #fff;
      line-height: 1.5;
      border-radius: 0.35rem; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove,
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
    float: right;
    margin-left: 0.5rem; }
  .select2-container--classic .select2-selection--multiple i,
  .select2-container--default .select2-selection--multiple i {
    margin-right: 0.5rem;
    font-size: 0.9rem; }

.select2-container--classic .select2-results__options .select2-results__option i,
.select2-container--default .select2-results__options .select2-results__option i {
  margin-right: 0.5rem; }

.select2-container--classic .select2-results__options .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected] {
  background-color: #975AFF; }

.select2-container--classic .select2-results__options .select2-results__option .select2-results__group,
.select2-container--default .select2-results__options .select2-results__option .select2-results__group {
  background-color: #F7F7F8; }

.select2-container--classic .select2-results__options .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__options .select2-results__option[aria-selected=true] {
  background-color: #975AFF;
  color: #fff; }

.select2-container--classic .select-lg,
.select2-container--default .select-lg {
  min-height: calc(1.5em + 0.75rem + 3px) !important;
  font-size: 1.25rem; }

.select2-container--classic .select-sm,
.select2-container--default .select-sm {
  min-height: calc(1.5em + 0.5rem + 2px) !important;
  font-size: 0.75rem; }
  .select2-container--classic .select-sm.select2-selection--single .select2-selection__rendered,
  .select2-container--default .select-sm.select2-selection--single .select2-selection__rendered {
    line-height: calc(calc(1.5em + 0.5rem + 2px) - 2px); }
  .select2-container--classic .select-sm.select2-selection--multiple .select2-selection__rendered,
  .select2-container--default .select-sm.select2-selection--multiple .select2-selection__rendered {
    padding-left: 5px; }
    .select2-container--classic .select-sm.select2-selection--multiple .select2-selection__rendered li,
    .select2-container--default .select-sm.select2-selection--multiple .select2-selection__rendered li {
      margin-top: 2px;
      line-height: 1.2rem; }
  .select2-container--classic .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field,
  .select2-container--default .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field {
    margin-top: 0; }

.select2-result-repository__avatar img {
  width: 50px; }

input[class*="pickadate"],
input[class*="pickatime"],
input[class*="birthdate"] {
  background-color: transparent !important; }

.picker--opened .picker__holder {
  border-radius: 0.35rem;
  margin-top: 0.5rem;
  box-shadow: -8px 8px 14px 0 rgba(25, 42, 70, 0.11); }

.input-group > .input-group-prepend ~ .form-control.picker__input {
  border-top-right-radius: .35rem;
  border-bottom-right-radius: .35rem; }

.picker__day {
  border-radius: 0.35rem; }

.picker__day--highlighted,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  background-color: #975AFF !important;
  border-radius: 0.35rem; }

.picker__day--today:before {
  top: 4px;
  right: 4px;
  border-top-color: #975AFF; }

.picker__day--highlighted:before {
  border-top-color: #fff; }

.picker__button--today:before {
  border-top-color: #975AFF; }

.picker__button--close:before {
  font-family: feather;
  content: "\e8f6";
  font-weight: 700; }

.picker__list-item--highlighted,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  background-color: #975AFF !important; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .picker {
    left: 0; } }

table.dataTable {
  margin-bottom: 0.75rem !important; }
  table.dataTable thead th {
    text-transform: uppercase;
    font-size: 0.85rem;
    font-weight: 600; }
    table.dataTable thead th[class*="sorting"]:not(.sorting_disabled):before {
      content: "\e845";
      font-family: feather;
      top: 0.8rem; }
    table.dataTable thead th[class*="sorting"]:not(.sorting_disabled):after {
      content: "\e842";
      font-family: feather;
      top: 1.6rem;
      right: 0.85rem; }
  table.dataTable tbody tr.group {
    background: rgba(0, 0, 0, 0.03); }
  table.dataTable tbody tr td.details-control {
    background: url("../../app-assets/img/datatables/details_open.png") no-repeat center center; }
  table.dataTable tbody tr.shown td.details-control {
    background: url("../../app-assets/img/datatables/details_close.png") no-repeat center center; }
  table.dataTable tbody tr.selected {
    background-color: #EFDEFF; }
  table.dataTable tfoot th {
    font-size: 1rem;
    font-weight: 600; }
  table.dataTable.table-striped tbody tr td {
    border-top: 0; }

.vertical-layout.navbar-sticky .header-navbar {
  position: fixed;
  top: 0;
  width: 100%; }
  .vertical-layout.navbar-sticky .header-navbar.navbar-shadow {
    box-shadow: rgba(25, 42, 70, 0.11) -8px 8px 14px 0px; }

.vertical-layout.navbar-sticky .main-panel {
  margin-top: 3.95rem; }

.blank-page .wrapper .main-panel {
  margin: 0;
  padding: 0; }
  .blank-page .wrapper .main-panel .main-content {
    padding: 0 !important;
    margin: 0; }
    .blank-page .wrapper .main-panel .main-content .content-wrapper {
      padding: 0; }

  .wrapper .content-header {
    font-weight: 500;
    font-size: 1.6rem;
    margin-top: 1.5rem;
    margin-bottom: 0.25rem; }
  .wrapper .content-sub-header {
    color: #342E49; }
  .wrapper.menu-collapsed .app-sidebar .navigation li.has-sub > a:after {
    display: none; }

body.nav-collapsed .app-sidebar:hover .nav li.has-sub > a:after {
  display: inherit; }

body.nav-collapsed .app-sidebar:hover .menu-title,
body.nav-collapsed .app-sidebar:hover .badge,
body.nav-collapsed .app-sidebar:hover .logo .text {
  opacity: 1;
  display: inline-block; }

body.nav-collapsed .app-sidebar:hover .nav-toggle {
  display: block !important; }

body.nav-collapsed .app-sidebar .menu-title,
body.nav-collapsed .app-sidebar .badge,
body.nav-collapsed .app-sidebar .logo .text {
  opacity: 0;
  display: none; }

body.nav-collapsed .app-sidebar .nav-toggle {
  display: none !important; }

body.nav-collapsed .app-sidebar .nav-close {
  display: none !important; }

body.nav-collapsed .app-sidebar:not(.expanded) .navigation li.has-sub a:after {
  content: none; }

.menu-hide .app-sidebar {
  box-shadow: none; }

.menu-open .app-sidebar {
  transform: translate3d(0, 0, 0);
  width: 250px;
  left: 0; }

body .app-sidebar .navigation li > a:before {
  content: "";
  display: block;
  z-index: -1;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  border-right: solid 5px #F55252;
  background: rgba(224, 224, 224, 0.2);
  transition: 0.35s ease left; }

body .app-sidebar .navigation li.sidebar-group-active:not(.open) {
  border-right: solid 5px #F55252;
  background: rgba(224, 224, 224, 0.2); }

body[data-menu="vertical-menu"] .app-sidebar .navigation li.active:not(.open) > a:before {
  left: 0; }

body[data-menu="vertical-menu"] .app-sidebar .navigation li.active > a:before {
  content: "";
  display: block;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-right: solid 5px #F55252;
  background: rgba(224, 224, 224, 0.2);
  transition: 0.35s ease left; }

body[data-menu="horizontal-menu"] .app-sidebar .navigation li.active > a:before {
  left: 0; }

.app-sidebar {
  font-family: "Montserrat", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 998;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  box-shadow: 6px 0px 20px 0 rgba(25, 42, 70, 0.35);
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
  white-space: nowrap;
  visibility: visible; }
  .menu-expanded .app-sidebar {
    left: 0;
    width: 250px; }
  .app-sidebar .sidebar-content {
    position: relative;
    height: calc((var(--vh, 1vh) * 100) - 62px) !important;
    z-index: 4; }
    .app-sidebar .sidebar-content .ps__rail-y {
      background-color: transparent;
      width: 10px !important; }
      .app-sidebar .sidebar-content .ps__rail-y:hover .ps__thumb-y, .app-sidebar .sidebar-content .ps__rail-y.ps--clicking .ps__thumb-y {
        background-color: rgba(255, 255, 255, 0.6);
        width: 8px !important; }
    .app-sidebar .sidebar-content .ps__thumb-x, .app-sidebar .sidebar-content .ps__thumb-y {
      background-color: rgba(255, 255, 255, 0.5); }
  .app-sidebar .logo-img {
    width: 60px;
    display: inline-block;
    max-height: 30px;
    margin-right: 15px; }
  .app-sidebar .navigation {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none; }
    .app-sidebar .navigation li {
      position: relative;
      display: block; }
      .app-sidebar .navigation li.has-sub > a:after {
        content: "\e844";
        font-family: "feather";
        font-size: 1rem;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 10px;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        transition: all 200ms linear; }
      .app-sidebar .navigation li.has-sub > a {
        margin-bottom: 0; }
      .app-sidebar .navigation li.open > a:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); }
      .app-sidebar .navigation li.open > a {
        background: rgba(224, 224, 224, 0.2); }
      .app-sidebar .navigation li > a {
        display: block;
        overflow: hidden;
        line-height: 2rem;
        padding: 10px 30px 10px 14px;
        margin: 5px 0;
        background-color: transparent;
        color: #fff;
        transition: all 300ms linear;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .app-sidebar .navigation li:not(.open) > ul {
        display: none; }
      .app-sidebar .navigation li:hover > a, .app-sidebar .navigation li.active > a {
        background: rgba(224, 224, 224, 0.2); }
      .app-sidebar .navigation li ul {
        padding: 0;
        margin: 0;
        overflow: hidden;
        font-size: 1rem; }
        .app-sidebar .navigation li ul li a {
          display: block;
          padding: 8px 18px 8px 40px; }
        .app-sidebar .navigation li ul li ul li a {
          padding: 8px 18px 8px 60px; }
    .app-sidebar .navigation .menu-title {
      margin: 0;
      font-size: 0.95rem;
      font-weight: 400;
      letter-spacing: 0.6px;
      opacity: 1;
      height: auto;
      -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
      transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); }
    .app-sidebar .navigation .badge.badge-pill {
      position: absolute;
      right: 28px;
      padding: 4px 8px;
      font-weight: 300;
      -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
      transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); }
    .app-sidebar .navigation i {
      font-size: 1.2rem;
      float: left;
      margin-right: 10px;
      line-height: 2rem;
      width: 30px;
      text-align: center;
      opacity: 0.8; }
      .app-sidebar .navigation i.submenu-icon {
        font-size: 0.8rem;
        width: inherit; }
  .app-sidebar .sidebar-background {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center; }
    .app-sidebar .sidebar-background:after {
      position: absolute;
      z-index: 3;
      width: 100%;
      height: 100%;
      content: "";
      display: block;
      background: #fff;
      background-repeat: repeat-x;
      opacity: 0.95; }
  .app-sidebar .logo {
    position: relative;
    padding: 0.5rem 0 0.5rem .95rem;
    z-index: 4; }
    .app-sidebar .logo p {
      float: left;
      font-size: 20px;
      margin: 10px 10px;
      color: #fff;
      line-height: 20px;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .app-sidebar .logo .logo-text {
      text-transform: uppercase;
      padding: 5px 0;
      display: block;
      font-size: 0.8rem;
      letter-spacing: 2px;
      color: #fff;
      text-align: left;
      font-weight: 400; }
  .app-sidebar:after, .app-sidebar:before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2; }
  .app-sidebar:before {
    opacity: 0.33; }
  .app-sidebar:after {
    z-index: 3;
    opacity: 1; }
  .app-sidebar[data-image]:after, .app-sidebar.has-image:after {
    opacity: 0.77; }
  .app-sidebar[data-background-color="white"] {
    background-color: #fff; }
    .app-sidebar[data-background-color="white"] .sidebar-background:after {
      background: #fff;
      opacity: 0.9; }
    .app-sidebar[data-background-color="white"] .navigation i, .app-sidebar[data-background-color="white"] .navigation li > a {
      color: #000; }
    .app-sidebar[data-background-color="white"] .logo-text {
      color: #000; }
    .app-sidebar[data-background-color="white"] .sidebar-header a.nav-toggle {
      color: #000; }
    .app-sidebar[data-background-color="white"] .sidebar-header a.nav-close {
      color: #000; }
  .app-sidebar[data-background-color="black"] {
    background-color: #000; }
    .app-sidebar[data-background-color="black"] .sidebar-background:after {
      background: #000;
      opacity: 0.85; }
    .app-sidebar[data-background-color="black"] .navigation i, .app-sidebar[data-background-color="black"] .navigation li > a {
      color: #fff; }
    .app-sidebar[data-background-color="black"] .logo-text {
      color: #fff; }
    .app-sidebar[data-background-color="black"] .sidebar-header a.nav-toggle {
      color: #fff; }
    .app-sidebar[data-background-color="black"] .sidebar-header a.nav-close {
      color: #fff; }
  .app-sidebar[data-background-color="primary"] {
    background-color: #7441DB; }
    .app-sidebar[data-background-color="primary"] .sidebar-background:after {
      background: #7441DB;
      opacity: 0.95; }
    .app-sidebar[data-background-color="primary"] .navigation i, .app-sidebar[data-background-color="primary"] .navigation li > a {
      color: #fff; }
    .app-sidebar[data-background-color="primary"] .logo-text {
      color: #fff; }
    .app-sidebar[data-background-color="primary"] .sidebar-header a.nav-toggle {
      color: #fff; }
    .app-sidebar[data-background-color="primary"] .sidebar-header a.nav-close {
      color: #fff; }
  .app-sidebar[data-background-color="info"] {
    background-color: #226CC5; }
    .app-sidebar[data-background-color="info"] .sidebar-background:after {
      background: #226CC5;
      opacity: 0.95; }
    .app-sidebar[data-background-color="info"] .navigation i, .app-sidebar[data-background-color="info"] .navigation li > a {
      color: #fff; }
    .app-sidebar[data-background-color="info"] .logo-text {
      color: #fff; }
    .app-sidebar[data-background-color="info"] .sidebar-header a.nav-toggle {
      color: #fff; }
    .app-sidebar[data-background-color="info"] .sidebar-header a.nav-close {
      color: #fff; }
  .app-sidebar[data-background-color="success"] {
    background-color: #2EA54F; }
    .app-sidebar[data-background-color="success"] .sidebar-background:after {
      background: #2EA54F;
      opacity: 0.95; }
    .app-sidebar[data-background-color="success"] .navigation i, .app-sidebar[data-background-color="success"] .navigation li > a {
      color: #fff; }
    .app-sidebar[data-background-color="success"] .logo-text {
      color: #fff; }
    .app-sidebar[data-background-color="success"] .sidebar-header a.nav-toggle {
      color: #fff; }
    .app-sidebar[data-background-color="success"] .sidebar-header a.nav-close {
      color: #fff; }
  .app-sidebar[data-background-color="warning"] {
    background-color: #D46010; }
    .app-sidebar[data-background-color="warning"] .sidebar-background:after {
      background: #D46010;
      opacity: 0.95; }
    .app-sidebar[data-background-color="warning"] .navigation i, .app-sidebar[data-background-color="warning"] .navigation li > a {
      color: #fff; }
    .app-sidebar[data-background-color="warning"] .logo-text {
      color: #fff; }
    .app-sidebar[data-background-color="warning"] .sidebar-header a.nav-toggle {
      color: #fff; }
    .app-sidebar[data-background-color="warning"] .sidebar-header a.nav-close {
      color: #fff; }
  .app-sidebar[data-background-color="danger"] {
    background-color: #D23B48; }
    .app-sidebar[data-background-color="danger"] .sidebar-background:after {
      background: #D23B48;
      opacity: 0.95; }
    .app-sidebar[data-background-color="danger"] .navigation i, .app-sidebar[data-background-color="danger"] .navigation li > a {
      color: #fff; }
    .app-sidebar[data-background-color="danger"] .logo-text {
      color: #fff; }
    .app-sidebar[data-background-color="danger"] .sidebar-header a.nav-toggle {
      color: #fff; }
    .app-sidebar[data-background-color="danger"] .sidebar-header a.nav-close {
      color: #fff; }
  .app-sidebar[data-background-color="mint"] {
    background-image: linear-gradient(135deg, #1750A5, #40C057);
    background-repeat: repeat-x; }
    .app-sidebar[data-background-color="mint"] .sidebar-background:after {
      background-image: linear-gradient(135deg, #1750A5, #40C057);
      background-repeat: repeat-x;
      opacity: 0.95; }
    .app-sidebar[data-background-color="mint"] .navigation i, .app-sidebar[data-background-color="mint"] .navigation li > a {
      color: #fff; }
    .app-sidebar[data-background-color="mint"] .logo-text {
      color: #fff; }
    .app-sidebar[data-background-color="mint"] .sidebar-header a.nav-toggle {
      color: #fff; }
    .app-sidebar[data-background-color="mint"] .sidebar-header a.nav-close {
      color: #fff; }
  .app-sidebar[data-background-color="king-yna"] {
    background-image: linear-gradient(135deg, #562DB7, #F55252);
    background-repeat: repeat-x; }
    .app-sidebar[data-background-color="king-yna"] .sidebar-background:after {
      background-image: linear-gradient(135deg, #562DB7, #F55252);
      background-repeat: repeat-x;
      opacity: 0.95; }
    .app-sidebar[data-background-color="king-yna"] .navigation i, .app-sidebar[data-background-color="king-yna"] .navigation li > a {
      color: #fff; }
    .app-sidebar[data-background-color="king-yna"] .logo-text {
      color: #fff; }
    .app-sidebar[data-background-color="king-yna"] .sidebar-header a.nav-toggle {
      color: #fff; }
    .app-sidebar[data-background-color="king-yna"] .sidebar-header a.nav-close {
      color: #fff; }
  .app-sidebar[data-background-color="ibiza-sunset"] {
    background-image: linear-gradient(135deg, #8E1A38, #FAA750);
    background-repeat: repeat-x; }
    .app-sidebar[data-background-color="ibiza-sunset"] .sidebar-background:after {
      background-image: linear-gradient(135deg, #8E1A38, #FAA750);
      background-repeat: repeat-x;
      opacity: 0.95; }
    .app-sidebar[data-background-color="ibiza-sunset"] .navigation i, .app-sidebar[data-background-color="ibiza-sunset"] .navigation li > a {
      color: #fff; }
    .app-sidebar[data-background-color="ibiza-sunset"] .logo-text {
      color: #fff; }
    .app-sidebar[data-background-color="ibiza-sunset"] .sidebar-header a.nav-toggle {
      color: #fff; }
    .app-sidebar[data-background-color="ibiza-sunset"] .sidebar-header a.nav-close {
      color: #fff; }
  .app-sidebar[data-background-color="flickr"] {
    background-image: linear-gradient(135deg, #D46010, #226CC5);
    background-repeat: repeat-x; }
    .app-sidebar[data-background-color="flickr"] .sidebar-background:after {
      background-image: linear-gradient(135deg, #D46010, #226CC5);
      background-repeat: repeat-x;
      opacity: 0.95; }
    .app-sidebar[data-background-color="flickr"] .navigation i, .app-sidebar[data-background-color="flickr"] .navigation li > a {
      color: #fff; }
    .app-sidebar[data-background-color="flickr"] .logo-text {
      color: #fff; }
    .app-sidebar[data-background-color="flickr"] .sidebar-header a.nav-toggle {
      color: #fff; }
    .app-sidebar[data-background-color="flickr"] .sidebar-header a.nav-close {
      color: #fff; }
  .app-sidebar[data-background-color="purple-bliss"] {
    background-image: linear-gradient(135deg, #3B1C93, #2F8BE6);
    background-repeat: repeat-x; }
    .app-sidebar[data-background-color="purple-bliss"] .sidebar-background:after {
      background-image: linear-gradient(135deg, #3B1C93, #2F8BE6);
      background-repeat: repeat-x;
      opacity: 0.95; }
    .app-sidebar[data-background-color="purple-bliss"] .navigation i, .app-sidebar[data-background-color="purple-bliss"] .navigation li > a {
      color: #fff; }
    .app-sidebar[data-background-color="purple-bliss"] .logo-text {
      color: #fff; }
    .app-sidebar[data-background-color="purple-bliss"] .sidebar-header a.nav-toggle {
      color: #fff; }
    .app-sidebar[data-background-color="purple-bliss"] .sidebar-header a.nav-close {
      color: #fff; }
  .app-sidebar[data-background-color="man-of-steel"] {
    background-image: linear-gradient(135deg, #2F3EA0, #AE342D);
    background-repeat: repeat-x; }
    .app-sidebar[data-background-color="man-of-steel"] .sidebar-background:after {
      background-image: linear-gradient(135deg, #2F3EA0, #AE342D);
      background-repeat: repeat-x;
      opacity: 0.95; }
    .app-sidebar[data-background-color="man-of-steel"] .navigation i, .app-sidebar[data-background-color="man-of-steel"] .navigation li > a {
      color: #fff; }
    .app-sidebar[data-background-color="man-of-steel"] .logo-text {
      color: #fff; }
    .app-sidebar[data-background-color="man-of-steel"] .sidebar-header a.nav-toggle {
      color: #fff; }
    .app-sidebar[data-background-color="man-of-steel"] .sidebar-header a.nav-close {
      color: #fff; }
  .app-sidebar[data-background-color="purple-love"] {
    background-image: linear-gradient(135deg, #562DB7, #C89CFF);
    background-repeat: repeat-x; }
    .app-sidebar[data-background-color="purple-love"] .sidebar-background:after {
      background-image: linear-gradient(135deg, #562DB7, #C89CFF);
      background-repeat: repeat-x;
      opacity: 0.95; }
    .app-sidebar[data-background-color="purple-love"] .navigation i, .app-sidebar[data-background-color="purple-love"] .navigation li > a {
      color: #fff; }
    .app-sidebar[data-background-color="purple-love"] .logo-text {
      color: #fff; }
    .app-sidebar[data-background-color="purple-love"] .sidebar-header a.nav-toggle {
      color: #fff; }
    .app-sidebar[data-background-color="purple-love"] .sidebar-header a.nav-close {
      color: #fff; }
  .app-sidebar.menu-native-scroll .main-menu-content {
    overflow-y: scroll; }

.sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: calc(var(--vh, 1vh) * 100);
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 997;
  display: none; }

.drag-target {
  height: 100%;
  width: 40px;
  position: fixed;
  top: 0;
  left: -20px;
  z-index: 1036; }

.sidebar-header a.nav-toggle {
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  right: 14px;
  top: 25px;
  color: rgba(255, 255, 255, 0.55); }

.sidebar-header a.nav-close {
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  right: 14px;
  top: 24px;
  color: #fff; }

.main-panel {
  position: relative;
  z-index: 2;
  float: right;
  transition: 0.33s, cubic-bezier(0.685, 0.0473, 0.346, 1); }
  .main-panel .main-content {
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    min-height: calc((var(--vh, 1vh) * 100) - 7.39rem); }
  .main-panel div .footer {
    border-top: 1px solid #eee; }
  .main-panel > .navbar {
    margin-bottom: 0; }

.bootstrap-navbar .navigation {
  margin-top: 20px;
  float: none; }

.main-panel {
  width: 100%; }

.sidebar-sm.menu-expanded .app-sidebar, .sidebar-sm.menu-open .app-sidebar {
  width: 220px;
  left: 0; }

.sidebar-lg.menu-expanded .app-sidebar, .sidebar-lg.menu-open .app-sidebar {
  width: 280px;
  left: 0; }

@media (min-width: 1200px) {
  .app-sidebar {
    left: 0;
    width: 250px; } }

@media (max-width: 991.98px) {
  body.nav-collapsed:not(.sidebar-sm) .navbar, body.nav-collapsed:not(.sidebar-lg) .navbar {
    margin-left: 0; }
  body.nav-collapsed:not(.sidebar-sm) .main-panel .main-content, body.nav-collapsed:not(.sidebar-lg) .main-panel .main-content {
    padding-left: 0; } }

@media (min-width: 1200px) {
  .drag-target {
    z-index: 0; }
  body.nav-collapsed .app-sidebar {
    width: 60px; }
  body.nav-collapsed:not(.sidebar-sm):not(.sidebar-lg) .app-sidebar:hover {
    width: 250px; }
  body.nav-collapsed.sidebar-sm .app-sidebar:hover {
    width: 220px; }
  body.nav-collapsed.sidebar-lg .app-sidebar:hover {
    width: 280px; }
  body.nav-collapsed:not(.horizontal-layout) .navbar {
    margin-left: 60px; }
  body.nav-collapsed:not(.horizontal-layout) .main-panel .main-content {
    margin-left: 60px; }
  body.nav-collapsed:not(.horizontal-layout) footer.footer {
    margin-left: 60px; } }

@media (max-width: 1199.98px) {
  .app-sidebar {
    transform: translate3d(-100%, 0, 0); } }

#notification-sidebar {
  width: 400px;
  right: -405px;
  padding: 0;
  background-color: #fff;
  z-index: 1051;
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  transition: right 0.6s cubic-bezier(0.05, 0.74, 0.2, 0.99);
  backface-visibility: hidden; }
  #notification-sidebar.open {
    right: 0;
    box-shadow: -8px 8px 14px 0 rgba(25, 42, 70, 0.11); }
  #notification-sidebar .notification-sidebar-close {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 7px;
    width: auto;
    z-index: 10; }
  #notification-sidebar .notification-sidebar-content {
    position: relative;
    height: 100%;
    padding: 10px; }
    #notification-sidebar .notification-sidebar-content .timeline-left {
      padding-left: 1.3rem; }
      #notification-sidebar .notification-sidebar-content .timeline-left .timeline-line {
        width: 1px;
        margin-bottom: 4rem; }
      #notification-sidebar .notification-sidebar-content .timeline-left .timeline-item {
        padding-bottom: 1rem; }
        #notification-sidebar .notification-sidebar-content .timeline-left .timeline-item:after {
          border: none; }
        #notification-sidebar .notification-sidebar-content .timeline-left .timeline-item .activity-list-text {
          margin-top: 0.7rem;
          padding-left: 1rem;
          padding-right: 1rem; }
          #notification-sidebar .notification-sidebar-content .timeline-left .timeline-item .activity-list-text .notification-note {
            background-color: #f5f5f5;
            border-radius: 0.35rem; }
    #notification-sidebar .notification-sidebar-content .notification-tab-content {
      position: relative;
      height: calc(100vh - 3.333333rem);
      height: calc(var(--vh, 1vh)*100 - 3.333333rem); }
      #notification-sidebar .notification-sidebar-content .notification-tab-content .ps__rail-y {
        right: 5px; }

.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  transition: opacity 0.2s; }
  .cd-horizontal-timeline::before {
    content: "mobile";
    display: none; }
  .cd-horizontal-timeline.loaded {
    opacity: 1; }
  .cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    width: 90%;
    margin: 0 auto; }
    .cd-horizontal-timeline .timeline:before, .cd-horizontal-timeline .timeline:after {
      display: none; }
    .cd-horizontal-timeline .timeline ul li,
    .cd-horizontal-timeline .timeline ol li {
      list-style: none; }
    .cd-horizontal-timeline .timeline .events-wrapper {
      position: relative;
      height: 100%;
      margin: 0 40px;
      overflow: hidden; }
      .cd-horizontal-timeline .timeline .events-wrapper .events {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 49px;
        height: 2px;
        background: #EFDEFF;
        transition: transform 0.4s; }
        .cd-horizontal-timeline .timeline .events-wrapper .events .filling-line {
          position: absolute;
          z-index: 1;
          left: 0;
          top: 0;
          height: 100%;
          width: 100%;
          background-color: #975AFF;
          transform: scale(0);
          transform-origin: left center;
          transition: transform 0.3s; }
  .cd-horizontal-timeline .events a {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    padding-bottom: 15px;
    color: #342E49; }
    .cd-horizontal-timeline .events a::after {
      content: "";
      position: absolute;
      left: 50%;
      right: auto;
      transform: translateX(-50%);
      transition: all 0.25s ease;
      bottom: -5px;
      height: 12px;
      width: 12px;
      border-radius: 50%;
      border: 2px solid #EFDEFF;
      background-color: #fff;
      transition: background-color 0.3s, border-color 0.3s; }
    .cd-horizontal-timeline .events a:hover::after {
      background-color: #975AFF !important;
      border-color: #975AFF; }
    .cd-horizontal-timeline .events a.selected {
      pointer-events: none; }
      .cd-horizontal-timeline .events a.selected::after {
        background-color: #975AFF;
        border-color: #975AFF; }
    .cd-horizontal-timeline .events a.older-event::after {
      border-color: #975AFF; }
  @media only screen and (min-width: 1100px) {
    .cd-horizontal-timeline {
      margin: 4rem auto; }
      .cd-horizontal-timeline::before {
        content: "desktop"; } }
  .cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    margin: 2rem 0;
    overflow: hidden;
    transition: height 0.4s; }
    .cd-horizontal-timeline .events-content li {
      list-style: none;
      position: absolute;
      z-index: 1;
      width: 100%;
      left: 0;
      top: 0;
      transform: translateX(-100%);
      transition: all 0.25s ease;
      padding: 0 5%;
      opacity: 0;
      animation-duration: 0.4s;
      animation-timing-function: ease-in-out; }
      .cd-horizontal-timeline .events-content li.selected {
        position: relative;
        z-index: 2;
        opacity: 1;
        transform: translateX(0); }
      .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
        animation-name: cd-enter-right; }
      .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
        animation-name: cd-enter-left; }
      .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
        animation-direction: reverse; }
    .cd-horizontal-timeline .events-content li > * {
      margin: 0 auto; }
    .cd-horizontal-timeline .events-content p {
      line-height: 1.6; }

.cd-timeline-navigation a {
  position: absolute;
  z-index: 1;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #EFDEFF;
  background-color: #fff;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  transition: border-color 0.3s; }
  .cd-timeline-navigation a::after {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    transform: translate(-50%, -50%);
    transition: all 0.25s ease;
    background: url(../img/svg/cd-arrow.svg) no-repeat 0 0; }
  .cd-timeline-navigation a.prev {
    top: 60%;
    left: 25px;
    transform: translateY(-50%) rotate(180deg); }
  .cd-timeline-navigation a.next {
    top: 43%;
    right: 8px; }
  .cd-timeline-navigation a:hover {
    border-color: #975AFF; }
  .cd-timeline-navigation a.inactive {
    cursor: not-allowed; }
    .cd-timeline-navigation a.inactive::after {
      background-position: 0 -16px; }
    .cd-timeline-navigation a.inactive:hover {
      border-color: #EFDEFF; }

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%); } }

@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%); } }

@keyframes cd-enter-right {
  0% {
    opacity: 0;
    transform: translateX(100%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }

@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%); } }

@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%); } }

@keyframes cd-enter-left {
  0% {
    opacity: 0;
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }

.timeline {
  position: relative;
  margin: 0;
  padding: 10px 0; }
  .timeline:after {
    content: "";
    display: table;
    clear: both; }
  .timeline:before {
    content: "";
    display: table; }
  .timeline > li:nth-child(even) {
    float: left;
    clear: left; }
  .timeline > li:nth-child(odd) {
    float: right;
    clear: right; }
  .timeline .timeline-line {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #E0E0E0;
    transform: translate(-50%, 0); }
  .timeline .timeline-group {
    display: block;
    position: relative;
    text-align: center;
    float: none !important;
    z-index: 1; }
  .timeline .timeline-item {
    position: relative;
    display: inline-block;
    line-height: inherit; }
    .timeline .timeline-item .timeline-card .progress .progress-bar {
      border-radius: 0; }
    .timeline .timeline-item > .timeline-badge {
      position: absolute;
      top: 12px;
      z-index: 1; }
      .timeline .timeline-item > .timeline-badge > span {
        cursor: pointer;
        display: inline-block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        text-align: center;
        transition: all ease 0.3s; }
        .timeline .timeline-item > .timeline-badge > span:active, .timeline .timeline-item > .timeline-badge > span:focus, .timeline .timeline-item > .timeline-badge > span:hover {
          transform: scale(1.1); }
        .timeline .timeline-item > .timeline-badge > span i {
          font-size: 1.4rem;
          line-height: 40px; }

.timeline-center .timeline-line {
  left: 50%; }

.timeline-center .timeline-item {
  width: 50%;
  padding: 0 50px 35px; }
  .timeline-center .timeline-item:nth-child(even) {
    padding: 0px 35px 30px 0px; }
    .timeline-center .timeline-item:nth-child(even):after {
      content: "";
      position: absolute;
      right: 14px;
      top: 32px;
      width: 1.4rem;
      z-index: 0;
      border: 1px dashed #E0E0E0; }
    .timeline-center .timeline-item:nth-child(even) > .timeline-badge {
      right: -20px; }
  .timeline-center .timeline-item:nth-child(odd) {
    padding: 0px 0px 30px 35px; }
    .timeline-center .timeline-item:nth-child(odd):after {
      content: "";
      position: absolute;
      left: 20px;
      top: 32px;
      width: 1rem;
      z-index: 0;
      border: 1px dashed #e0e0e0; }
    .timeline-center .timeline-item:nth-child(odd) > .timeline-badge {
      left: -20px; }
  .timeline-center .timeline-item.center-block {
    width: 100%;
    margin-top: 5px;
    padding: 0 0 30px !important; }
    .timeline-center .timeline-item.center-block > .timeline-badge {
      top: -28px;
      right: auto !important;
      width: 100%;
      text-align: center; }
    .timeline-center .timeline-item.center-block:after {
      display: none; }

.timeline-right .timeline-line {
  right: 12px; }

.timeline-right .timeline-group {
  text-align: right; }

.timeline-right .timeline-item {
  width: 100%;
  padding: 0px 3.2rem 2.333333rem 0px; }
  .timeline-right .timeline-item:after {
    content: "";
    position: absolute;
    right: 32px;
    top: 32px;
    width: 1rem;
    z-index: 0;
    border: 1px dashed #E0E0E0; }
  .timeline-right .timeline-item > .timeline-badge {
    right: -8px; }
  .timeline-right .timeline-item.right-block:after {
    right: 15px;
    width: 2.2rem; }

.timeline-left .timeline-line {
  left: 12px; }

.timeline-left .timeline-group {
  text-align: left; }

.timeline-left .timeline-item {
  width: 100%;
  padding: 0 0 2.333333rem 3.2rem; }
  .timeline-left .timeline-item:after {
    content: "";
    position: absolute;
    left: 32px;
    top: 32px;
    width: 1rem;
    z-index: 0;
    border: 1px dashed #E0E0E0; }
  .timeline-left .timeline-item > .timeline-badge {
    left: -8px; }
  .timeline-left .timeline-item.left-block:after {
    left: 13px;
    width: 2.3rem; }

@media (max-width: 991px) {
  .timeline-center .timeline-item {
    display: block !important;
    padding: 20px 0 20px !important;
    width: 100% !important;
    margin-top: 0 !important;
    float: none !important;
    clear: both !important; }
    .timeline-center .timeline-item:after, .timeline-center .timeline-item:before {
      display: none; }
    .timeline-center .timeline-item > .timeline-badge {
      top: -12px !important;
      right: auto !important;
      left: auto !important;
      width: 100%;
      text-align: center; }
    .timeline-center .timeline-item .bg-transparent {
      background-color: #F7F7F8 !important; } }

@media (max-width: 575px) {
  .timeline-wrapper {
    padding: 0; } }

/* /static/assets/css/style.css */
.posiunset {
    position: unset !important;
}

.sitebtn {
    font-size: 1.4rem !important;
    line-height: 1rem !important;
}

.text-center {
    text-align: center !important;
}
#clickarea {
    width: 98%;
    height: 98%;
    background: black;
    font-size: 20px;
    text-align: center;
    margin: 0 auto;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 2px;
    position: relative;
}

#start {
    border: 0;
    line-height: 4;
    padding: 0% 15%;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    background-color: black;
}

.ripple {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    animation: rippleEffect .88s 1;
    opacity: 0;
}

@keyframes rippleEffect {
    0% {
        transform: scale(1);
        opacity: 0.4;
    }

    100% {
        transform: scale(100);
        opacity: 0;
    }
}

.container {
    overflow: hidden;
    outline: none;
    border: none;
    color: #fff;
    border-radius: 2px;
    padding: 8px 16px;
    /* margin: 8px; */
    font-size: 14px;
    font-family: inherit;
    cursor: pointer;
}

.zone {
    height: 295px;
    background: #000;
    box-shadow: 0 0 5px -1px inset, 0 0 5px #fff;
    border-radius: 8px;
    transition: box-shadow .5s;
}

.zone:hover {
    box-shadow: 0 0 5px -1px inset, 0 0 5px #fff, 0 0 5px 1px #007 inset;
}

#counter {
    font-weight: bold;
    transition: opacity .5s;
}

#counter::before {
    content: '';
    font-weight: normal;
}

.alert {
    position: relative;
    padding: 0;
    margin-bottom: 1rem;
    border: none;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
    border-radius: .25rem;
}

/*
html body.layout-dark.layout-transparent h1, html body.layout-dark.layout-transparent h2, html body.layout-dark.layout-transparent h3, html body.layout-dark.layout-transparent h4, html body.layout-dark.layout-transparent h5, html body.layout-dark.layout-transparent h6, html body.layout-dark.layout-transparent .h1, html body.layout-dark.layout-transparent .h2, html body.layout-dark.layout-transparent .h3, html body.layout-dark.layout-transparent .h4, html body.layout-dark.layout-transparent .h5, html body.layout-dark.layout-transparent .h6, html body.layout-dark.layout-transparent .content-header, html body.layout-dark.layout-transparent .table th{
	    color: #000000 !important;
}*/

.textcolorchange{
	color: #000000 !important;
}

@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,700;0,900;1,500;1,700 &display=swap);

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

body {
	background: #f1f2f6
}

li {
	list-style: none
}

.theHeader {
	background: #fff;
	margin-bottom: 25px;
	padding: 30px 0
}

.theHeader .theHeader__container {
	max-width: 950px;
	margin: 0 auto
}

.theHeader .theHeader__logo {
	font-family: Roboto, sans-serif;
	font-size: 30px;
	font-weight: 700;
	padding-left: 15px
}

.theHeader .theHeader__logo a {
	text-decoration: none;
	color: #333
}

.spendBill {
	background: #fff;
	text-align: center;
	margin: 0 auto 10px;
	padding: 30px 20px;
	border-radius: 25px;
	max-width: 950px
}

.spendBill .spendBill__image {
	border-radius: 50%;
	width: 125px;
	height: 125px;
	margin-bottom: 25px
}

.spendBill .spendBill__title {
	color: #333;
	font-family: Roboto, sans-serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.6em
}

.moneyLeft {
	box-sizing: border-box;
	background: #67ad85;
	max-width: 950px;
	margin: 0 auto 10px;
	position: -webkit-sticky;
	position: sticky;
	border-radius: 25px;
	top: 0
}

.moneyLeft p {
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	text-align: center;
	padding: 20px
}

.itemsList,
.moneyLeft p {
	font-family: Roboto, sans-serif
}

.itemsList {
	color: #333;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	max-width: 983px;
	margin: 0 auto
}

.itemsList .itemsList__list {
	background: #fff;
	padding: 20px 15px;
	width: 100%; 
	border-radius: 25px;
}

.itemsList .itemsList__cost,
.itemsList .itemsList__name {
	text-align: center
}

.itemsList .itemsList__name {
	font-size: 22px;
	font-weight: 700
}

.itemsList div {
	text-align: center
}

.itemsList div .itemsList__image {
	height: 135px;
	text-align: center;
	padding: 15px 10px 10px
}

.itemsList .itemsList__cost {
	color: #2ecc71;
	font-size: 20px;
	font-weight: 700
}

.shoppingSpree {
	max-width: 950px;
	margin: 10px auto 0;
	text-align: center;
	background-color: #fff;
	font-size: 18px;
	border-radius: 25px;
	padding: 15px
}

.shoppingSpree .shoppingSpree__image {
	max-height: 50px;
	max-width: 50px;
	margin-right: 7px;
	display: inline
}

.shoppingSpree .shoppingSpree__title {
	background-color: #fff;
	color: #2ecc71;
	font-weight: 700;
	font-family: Roboto, sans-serif;
	font-size: 28px;
	text-align: center;
	padding: 15px
}

.shoppingSpree .shoppingSpree__items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px 0
}

.shoppingSpree .shoppingSpree__items .shoppingSpree__item {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center
}

.shoppingSpree .shoppingSpree__items .shoppingSpree__item .shoppingSpree__amount,
.shoppingSpree .shoppingSpree__items .shoppingSpree__item .shoppingSpree__name {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	display: inline
}

.shoppingSpree .shoppingSpree__items .shoppingSpree__item .shoppingSpree__amount {
	font-weight: 700;
	margin-left: 5px
}

.commandButtons {
	display: grid;
	font-size: 20px;
	font-weight: 700;
	gap: 10px;
	grid-template-columns: repeat(3, 0fr);
	margin-top: 25px
}

.commandButtons .commandButtons__buttonSell {
	font-size: 16px;
	cursor: pointer;
	text-align: center;
	color: #fff;
	font-weight: 700;
	border-radius: 3px;
	border-style: none;
	width: 67px;
	background-color: #f53b57
}

.commandButtons .commandButtons__buttonSell disabled {
	background-color: #f1f2f6
}

@media only screen and (max-width:900px) {
	.commandButtons .commandButtons__buttonSell {
		width: 128px
	}
}

.commandButtons .commandButtons__buttonBuy {
	font-size: 16px;
	cursor: pointer;
	text-align: center;
	color: #fff;
	font-weight: 700;
	border-radius: 3px;
	border-style: none;
	width: 67px;
	background-color: #2ecc71
}

.commandButtons .commandButtons__buttonBuy disabled {
	background-color: #f1f2f6
}

@media only screen and (max-width:900px) {
	.commandButtons .commandButtons__buttonBuy {
		width: 128px
	}
}

.commandButtons .commandButtons__input {
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #b2bec3;
	color: #333;
	font-size: 16px;
	font-family: Roboto, sans-serif;
	padding: 9px 12px;
	text-align: center;
	width: 126px;
	margin: 0
}

.commandButtons .commandButtons__buttonSell--disabled {
	background: #f1f2f6;
	color: #333
}

.theFooter {
	background-color: #fff;
	font-family: Roboto, sans-serif;
	margin-top: 10px;
	padding: 30px 20px 45px;
	text-align: center
}

.theFooter .theFooter__ad {
	font-size: 22px;
	font-weight: 700;
	color: #333
}

.theFooter .theFooter__ad img {
	max-width: 100%
}

.theFooter .theFooter__ad div {
	margin: 0 auto;
	max-width: 920px
}

.theFooter .theFooter__copyright {
	font-size: 18px;
	color: #333;
	font-weight: 700;
	margin-bottom: 20px
}

.theFooter .theFooter__copyright a {
	color: #333
}

.theFooter .theFooter__link {
	font-size: 26px;
	font-weight: 700
}

.theFooter .theFooter__link a {
	text-decoration: none;
	color: #333
}

@media only screen and (max-width:900px) {
	.itemsList {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media only screen and (max-width:600px) {
	.itemsList {
		grid-template-columns: repeat(1, 1fr)
	}
}