/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/assets/css/sass/themes/vien.light.blueolympic.scss?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800);
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-toastr/toastr.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/vendor/bootstrap.min.css?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************/
/*!
 * Bootstrap v4.5.3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/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: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}

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

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

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

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

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem
}

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

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

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}

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

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

dt {
  font-weight: 700
}

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

blockquote {
  margin: 0 0 1rem
}

b, strong {
  font-weight: bolder
}

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

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

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

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

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

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

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

figure {
  margin: 0 0 1rem
}

img {
  vertical-align: middle;
  border-style: none
}

svg {
  overflow: hidden;
  vertical-align: middle
}

table {
  border-collapse: collapse
}

caption {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom
}

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

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

button {
  border-radius: 0
}

  button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
  }

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

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

[role=button] {
  cursor: pointer
}

select {
  word-wrap: normal
}

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

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

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

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

textarea {
  overflow: auto;
  resize: vertical
}

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

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

progress {
  vertical-align: baseline
}

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

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

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

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

output {
  display: inline-block
}

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

template {
  display: none
}

[hidden] {
  display: none !important
}

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

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

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

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

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

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

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

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

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2
}

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

.small, small {
  font-size: 80%;
  font-weight: 400
}

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

.list-unstyled {
  padding-left: 0;
  list-style: none
}

.list-inline {
  padding-left: 0;
  list-style: none
}

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

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

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

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

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

  .blockquote-footer::before {
    content: "\2014\00A0"
  }

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

.img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  max-width: 100%;
  height: auto
}

.figure {
  display: inline-block
}

.figure-img {
  margin-bottom: .5rem;
  line-height: 1
}

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

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

a > code {
  color: inherit
}

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

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

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

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

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

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

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

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

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

@media (min-width:1600px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  order: -1
}

.order-last {
  order: 13
}

.order-0 {
  order: 0
}

.order-1 {
  order: 1
}

.order-2 {
  order: 2
}

.order-3 {
  order: 3
}

.order-4 {
  order: 4
}

.order-5 {
  order: 5
}

.order-6 {
  order: 6
}

.order-7 {
  order: 7
}

.order-8 {
  order: 8
}

.order-9 {
  order: 9
}

.order-10 {
  order: 10
}

.order-11 {
  order: 11
}

.order-12 {
  order: 12
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-sm-first {
    order: -1
  }

  .order-sm-last {
    order: 13
  }

  .order-sm-0 {
    order: 0
  }

  .order-sm-1 {
    order: 1
  }

  .order-sm-2 {
    order: 2
  }

  .order-sm-3 {
    order: 3
  }

  .order-sm-4 {
    order: 4
  }

  .order-sm-5 {
    order: 5
  }

  .order-sm-6 {
    order: 6
  }

  .order-sm-7 {
    order: 7
  }

  .order-sm-8 {
    order: 8
  }

  .order-sm-9 {
    order: 9
  }

  .order-sm-10 {
    order: 10
  }

  .order-sm-11 {
    order: 11
  }

  .order-sm-12 {
    order: 12
  }

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

  .offset-sm-1 {
    margin-left: 8.333333%
  }

  .offset-sm-2 {
    margin-left: 16.666667%
  }

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

  .offset-sm-4 {
    margin-left: 33.333333%
  }

  .offset-sm-5 {
    margin-left: 41.666667%
  }

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

  .offset-sm-7 {
    margin-left: 58.333333%
  }

  .offset-sm-8 {
    margin-left: 66.666667%
  }

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

  .offset-sm-10 {
    margin-left: 83.333333%
  }

  .offset-sm-11 {
    margin-left: 91.666667%
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-md-first {
    order: -1
  }

  .order-md-last {
    order: 13
  }

  .order-md-0 {
    order: 0
  }

  .order-md-1 {
    order: 1
  }

  .order-md-2 {
    order: 2
  }

  .order-md-3 {
    order: 3
  }

  .order-md-4 {
    order: 4
  }

  .order-md-5 {
    order: 5
  }

  .order-md-6 {
    order: 6
  }

  .order-md-7 {
    order: 7
  }

  .order-md-8 {
    order: 8
  }

  .order-md-9 {
    order: 9
  }

  .order-md-10 {
    order: 10
  }

  .order-md-11 {
    order: 11
  }

  .order-md-12 {
    order: 12
  }

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

  .offset-md-1 {
    margin-left: 8.333333%
  }

  .offset-md-2 {
    margin-left: 16.666667%
  }

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

  .offset-md-4 {
    margin-left: 33.333333%
  }

  .offset-md-5 {
    margin-left: 41.666667%
  }

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

  .offset-md-7 {
    margin-left: 58.333333%
  }

  .offset-md-8 {
    margin-left: 66.666667%
  }

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

  .offset-md-10 {
    margin-left: 83.333333%
  }

  .offset-md-11 {
    margin-left: 91.666667%
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-lg-first {
    order: -1
  }

  .order-lg-last {
    order: 13
  }

  .order-lg-0 {
    order: 0
  }

  .order-lg-1 {
    order: 1
  }

  .order-lg-2 {
    order: 2
  }

  .order-lg-3 {
    order: 3
  }

  .order-lg-4 {
    order: 4
  }

  .order-lg-5 {
    order: 5
  }

  .order-lg-6 {
    order: 6
  }

  .order-lg-7 {
    order: 7
  }

  .order-lg-8 {
    order: 8
  }

  .order-lg-9 {
    order: 9
  }

  .order-lg-10 {
    order: 10
  }

  .order-lg-11 {
    order: 11
  }

  .order-lg-12 {
    order: 12
  }

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

  .offset-lg-1 {
    margin-left: 8.333333%
  }

  .offset-lg-2 {
    margin-left: 16.666667%
  }

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

  .offset-lg-4 {
    margin-left: 33.333333%
  }

  .offset-lg-5 {
    margin-left: 41.666667%
  }

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

  .offset-lg-7 {
    margin-left: 58.333333%
  }

  .offset-lg-8 {
    margin-left: 66.666667%
  }

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

  .offset-lg-10 {
    margin-left: 83.333333%
  }

  .offset-lg-11 {
    margin-left: 91.666667%
  }
}

@media (min-width:1600px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-xl-first {
    order: -1
  }

  .order-xl-last {
    order: 13
  }

  .order-xl-0 {
    order: 0
  }

  .order-xl-1 {
    order: 1
  }

  .order-xl-2 {
    order: 2
  }

  .order-xl-3 {
    order: 3
  }

  .order-xl-4 {
    order: 4
  }

  .order-xl-5 {
    order: 5
  }

  .order-xl-6 {
    order: 6
  }

  .order-xl-7 {
    order: 7
  }

  .order-xl-8 {
    order: 8
  }

  .order-xl-9 {
    order: 9
  }

  .order-xl-10 {
    order: 10
  }

  .order-xl-11 {
    order: 11
  }

  .order-xl-12 {
    order: 12
  }

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

  .offset-xl-1 {
    margin-left: 8.333333%
  }

  .offset-xl-2 {
    margin-left: 16.666667%
  }

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

  .offset-xl-4 {
    margin-left: 33.333333%
  }

  .offset-xl-5 {
    margin-left: 41.666667%
  }

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

  .offset-xl-7 {
    margin-left: 58.333333%
  }

  .offset-xl-8 {
    margin-left: 66.666667%
  }

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

  .offset-xl-10 {
    margin-left: 83.333333%
  }

  .offset-xl-11 {
    margin-left: 91.666667%
  }
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529
}

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

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

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

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

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

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

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

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

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

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

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

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

.table-hover .table-primary:hover {
  background-color: #9fcdff
}

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

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

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

.table-hover .table-secondary:hover {
  background-color: #c8cbcf
}

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

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

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

.table-hover .table-success:hover {
  background-color: #b1dfbb
}

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

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

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

.table-hover .table-info:hover {
  background-color: #abdde5
}

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

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

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

.table-hover .table-warning:hover {
  background-color: #ffe8a1
}

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

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

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

.table-hover .table-danger:hover {
  background-color: #f1b0b7
}

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

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

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

.table-hover .table-light:hover {
  background-color: #ececf6
}

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

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

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

.table-hover .table-dark:hover {
  background-color: #b9bbbe
}

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

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

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

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

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

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

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

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

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

  .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255,255,255,.05)
  }

  .table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255,255,255,.075)
  }

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

    .table-responsive-sm > .table-bordered {
      border: 0
    }
}

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

    .table-responsive-md > .table-bordered {
      border: 0
    }
}

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

    .table-responsive-lg > .table-bordered {
      border: 0
    }
}

@media (max-width:1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }

    .table-responsive-xl > .table-bordered {
      border: 0
    }
}

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

  .table-responsive > .table-bordered {
    border: 0
  }

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

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

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

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

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

textarea.form-control {
  height: auto
}

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

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

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

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

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

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

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

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

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

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

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: 80%;
  color: #28a745
}

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

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

.form-control.is-valid, .was-validated .form-control:valid {
  border-color: #28a745;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

  .form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
  }

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

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

  .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
  }

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

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

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

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

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

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

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

.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label {
  border-color: #28a745
}

.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: 80%;
  color: #dc3545
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220,53,69,.9);
  border-radius: .25rem
}

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

.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

  .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
  }

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

.custom-select.is-invalid, .was-validated .custom-select:invalid {
  border-color: #dc3545;
  padding-right: calc(.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

  .custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
  }

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
  color: #dc3545
}

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

.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
  color: #dc3545
}

  .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    border-color: #dc3545
  }

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

.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545
}

.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label {
  border-color: #dc3545
}

.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

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

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

@media (min-width:576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0
  }

  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle
  }

  .form-inline .form-control-plaintext {
    display: inline-block
  }

  .form-inline .custom-select, .form-inline .input-group {
    width: auto
  }

  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0
  }

  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: .25rem;
    margin-left: 0
  }

  .form-inline .custom-control {
    align-items: center;
    justify-content: center
  }

  .form-inline .custom-control-label {
    margin-bottom: 0
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

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

.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.btn.disabled, .btn:disabled {
  opacity: .65
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer
}

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

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff
}

  .btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
  }

  .btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38,143,255,.5)
  }

  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
  }

  .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
  }

    .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 .2rem rgba(38,143,255,.5)
    }

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

  .btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
  }

  .btn-secondary.focus, .btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
  }

  .btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
  }

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

    .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
    }

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745
}

  .btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
  }

  .btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72,180,97,.5)
  }

  .btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
  }

  .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
  }

    .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 .2rem rgba(72,180,97,.5)
    }

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8
}

  .btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
  }

  .btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58,176,195,.5)
  }

  .btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
  }

  .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
  }

    .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(58,176,195,.5)
    }

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107
}

  .btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
  }

  .btn-warning.focus, .btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222,170,12,.5)
  }

  .btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
  }

  .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
  }

    .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(222,170,12,.5)
    }

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

  .btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
  }

  .btn-danger.focus, .btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225,83,97,.5)
  }

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

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

    .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(225,83,97,.5)
    }

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

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

  .btn-light.focus, .btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem rgba(216,217,219,.5)
  }

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

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

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

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

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

  .btn-dark.focus, .btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82,88,93,.5)
  }

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

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

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

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff
}

  .btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
  }

  .btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
  }

  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
  }

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

    .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
    }

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

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

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

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

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

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

.btn-outline-success {
  color: #28a745;
  border-color: #28a745
}

  .btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
  }

  .btn-outline-success.focus, .btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
  }

  .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
  }

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

    .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
    }

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8
}

  .btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
  }

  .btn-outline-info.focus, .btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
  }

  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
  }

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

    .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
    }

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

  .btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
  }

  .btn-outline-warning.focus, .btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
  }

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

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

    .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
    }

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

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

  .btn-outline-danger.focus, .btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
  }

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

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

    .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .btn-link:hover {
    color: #0056b3;
    text-decoration: underline
  }

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

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

.btn-group-lg > .btn, .btn-lg {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem
}

.btn-group-sm > .btn, .btn-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem
}

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

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

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

.fade {
  transition: opacity .15s linear
}

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

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

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

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

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

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

.dropdown-toggle {
  white-space: nowrap
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropleft .dropdown-toggle::after {
  display: none
}

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

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

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

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

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

.dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0
}

  .dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
  }

  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
  }

  .dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent
  }

.dropdown-menu.show {
  display: block
}

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

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

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

  .btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    flex: 1 1 auto
  }

    .btn-group-vertical > .btn:hover, .btn-group > .btn:hover {
      z-index: 1
    }

    .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus {
      z-index: 1
    }

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

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

.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) {
  margin-left: -1px
}

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

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

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

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

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

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
  padding-right: .375rem;
  padding-left: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .75rem
}

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

  .btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
    width: 100%
  }

    .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
      margin-top: -1px
    }

    .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) {
      border-top-left-radius: 0;
      border-top-right-radius: 0
    }

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0
}

  .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
  }

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

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

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

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

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

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

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

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

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

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

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

  .input-group-append .btn, .input-group-prepend .btn {
    position: relative;
    z-index: 2
  }

    .input-group-append .btn:focus, .input-group-prepend .btn:focus {
      z-index: 3
    }

    .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text {
      margin-left: -1px
    }

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

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

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

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

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

.input-group-lg > .custom-select, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem
}

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

.input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem
}

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

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

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

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

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

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

  .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
  }

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

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

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

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

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

  .custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px
  }

  .custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%
  }

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

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

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

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0,123,255,.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0,123,255,.5)
}

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

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0,123,255,.5)
}

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

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

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

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

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

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0,123,255,.5)
}

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

  .custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
  }

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

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

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

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

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

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

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

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  margin-bottom: 0
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  margin: 0;
  opacity: 0
}

  .custom-file-input:focus ~ .custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
  }

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

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

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

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem
}

  .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
  }

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

  .custom-range:focus {
    outline: 0
  }

    .custom-range:focus::-webkit-slider-thumb {
      box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
    }

    .custom-range:focus::-moz-range-thumb {
      box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
    }

    .custom-range:focus::-ms-thumb {
      box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem
}

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

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

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

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

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

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

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

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

.nav-link {
  display: block;
  padding: .5rem 1rem
}

  .nav-link:focus, .nav-link:hover {
    text-decoration: none
  }

  .nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
  }

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

  .nav-tabs .nav-item {
    margin-bottom: -1px
  }

  .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
  }

    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
      border-color: #e9ecef #e9ecef #dee2e6
    }

    .nav-tabs .nav-link.disabled {
      color: #6c757d;
      background-color: transparent;
      border-color: transparent
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
      color: #495057;
      background-color: #fff;
      border-color: #dee2e6 #dee2e6 #fff
    }

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

.nav-pills .nav-link {
  border-radius: .25rem
}

  .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff
  }

.nav-fill .nav-item, .nav-fill > .nav-link {
  flex: 1 1 auto;
  text-align: center
}

.nav-justified .nav-item, .nav-justified > .nav-link {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center
}

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

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

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

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

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

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

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

  .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
  }

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

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

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

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

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

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

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

@media (min-width:576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start
  }

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

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

      .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
      }

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

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

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

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

@media (min-width:768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start
  }

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

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

      .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
      }

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

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

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

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

@media (min-width: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: .5rem;
        padding-left: .5rem
      }

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

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

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

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

@media (min-width:1600px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start
  }

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

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

      .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
      }

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

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

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

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

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

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

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

    .navbar-expand .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem
    }

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

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

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

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

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

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

  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.7)
  }

  .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0,0,0,.3)
  }

  .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: rgba(0,0,0,.9)
  }

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

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

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

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

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

.navbar-dark .navbar-brand {
  color: #fff
}

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

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255,255,255,.5)
}

  .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.75)
  }

  .navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255,255,255,.25)
  }

  .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: #fff
  }

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

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
  color: rgba(255,255,255,.5)
}

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

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

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

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

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

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

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

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

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

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

.card-subtitle {
  margin-top: -.375rem;
  margin-bottom: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .card-deck .card {
      flex: 1 0 0%;
      margin-right: 15px;
      margin-bottom: 0;
      margin-left: 15px
    }
}

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

@media (min-width:576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap
  }

    .card-group > .card {
      flex: 1 0 0%;
      margin-bottom: 0
    }

      .card-group > .card + .card {
        margin-left: 0;
        border-left: 0
      }

      .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
      }

        .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
          border-top-right-radius: 0
        }

        .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
          border-bottom-right-radius: 0
        }

      .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
      }

        .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
          border-top-left-radius: 0
        }

        .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
          border-bottom-left-radius: 0
        }
}

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

@media (min-width:576px) {
  .card-columns {
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1
  }

    .card-columns .card {
      display: inline-block;
      width: 100%
    }
}

.accordion {
  overflow-anchor: none
}

  .accordion > .card {
    overflow: hidden
  }

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

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

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

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

.breadcrumb-item {
  display: flex
}

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

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

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

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

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

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

.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6
}

  .page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
  }

  .page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
  }

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6
}

.pagination-lg .page-link {
  padding: .75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: .3rem;
  border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: .3rem;
  border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem
}

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

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

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

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

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

.badge-primary {
  color: #fff;
  background-color: #007bff
}

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

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

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

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

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

.badge-success {
  color: #fff;
  background-color: #28a745
}

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

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

.badge-info {
  color: #fff;
  background-color: #17a2b8
}

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

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

.badge-warning {
  color: #212529;
  background-color: #ffc107
}

a.badge-warning:focus, a.badge-warning:hover {
  color: #212529;
  background-color: #d39e00
}

a.badge-warning.focus, a.badge-warning:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

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

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

a.badge-danger.focus, a.badge-danger:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

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

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

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

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

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

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

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

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

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

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

.alert-heading {
  color: inherit
}

.alert-link {
  font-weight: 700
}

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

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

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff
}

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

  .alert-primary .alert-link {
    color: #002752
  }

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

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

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

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb
}

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

  .alert-success .alert-link {
    color: #0b2e13
  }

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb
}

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

  .alert-info .alert-link {
    color: #062c33
  }

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba
}

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

  .alert-warning .alert-link {
    color: #533f03
  }

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb
}

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

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

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

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

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

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

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

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

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

  to {
    background-position: 0 0
  }
}

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

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

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

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

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

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

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

.media-body {
  flex: 1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:576px) {
  .list-group-horizontal-sm {
    flex-direction: row
  }

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

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

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

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

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

@media (min-width:768px) {
  .list-group-horizontal-md {
    flex-direction: row
  }

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

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

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

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

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

@media (min-width:992px) {
  .list-group-horizontal-lg {
    flex-direction: row
  }

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

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

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

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

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

@media (min-width:1600px) {
  .list-group-horizontal-xl {
    flex-direction: row
  }

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

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

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

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

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

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

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

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

.list-group-item-primary {
  color: #004085;
  background-color: #b8daff
}

  .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
  }

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

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

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

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

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb
}

  .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
  }

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

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb
}

  .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
  }

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

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba
}

  .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
  }

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

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb
}

  .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .toast.showing {
    opacity: 1
  }

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

  .toast.hide {
    display: none
  }

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

.toast-body {
  padding: .75rem
}

.modal-open {
  overflow: hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

  .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: min-content;
    content: ""
  }

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

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

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

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

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

  .modal-backdrop.fade {
    opacity: 0
  }

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

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

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

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

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

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

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

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

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

  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem)
  }

    .modal-dialog-scrollable .modal-content {
      max-height: calc(100vh - 3.5rem)
    }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem)
  }

    .modal-dialog-centered::before {
      height: calc(100vh - 3.5rem);
      height: min-content
    }

  .modal-sm {
    max-width: 300px
  }
}

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

@media (min-width:1600px) {
  .modal-xl {
    max-width: 1140px
  }
}

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

  .tooltip.show {
    opacity: .9
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.popover-header {
  padding: .5rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px)
}

  .popover-header:empty {
    display: none
  }

.popover-body {
  padding: .5rem .75rem;
  color: #212529
}

.carousel {
  position: relative
}

  .carousel.pointer-event {
    touch-action: pan-y
  }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden
}

  .carousel-inner::after {
    display: block;
    clear: both;
    content: ""
  }

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform .6s ease-in-out
}

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

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
  display: block
}

  .active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
  }

  .active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
  }

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none
}

  .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
  }

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
  .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    transition: none
  }
}

.carousel-control-next, .carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: .5;
  transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
  .carousel-control-next, .carousel-control-prev {
    transition: none
  }
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9
}

.carousel-control-prev {
  left: 0
}

.carousel-control-next {
  right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50%/100% 100%
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none
}

  .carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
  }

@media (prefers-reduced-motion:reduce) {
  .carousel-indicators li {
    transition: none
  }
}

.carousel-indicators .active {
  opacity: 1
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg)
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: .25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: .2em
}

@keyframes spinner-grow {
  0% {
    transform: scale(0)
  }

  50% {
    opacity: 1;
    transform: none
  }
}

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem
}

.align-baseline {
  vertical-align: baseline !important
}

.align-top {
  vertical-align: top !important
}

.align-middle {
  vertical-align: middle !important
}

.align-bottom {
  vertical-align: bottom !important
}

.align-text-bottom {
  vertical-align: text-bottom !important
}

.align-text-top {
  vertical-align: text-top !important
}

.bg-primary {
  background-color: #007bff !important
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
  background-color: #0062cc !important
}

.bg-secondary {
  background-color: #6c757d !important
}

a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
  background-color: #545b62 !important
}

.bg-success {
  background-color: #28a745 !important
}

a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
  background-color: #1e7e34 !important
}

.bg-info {
  background-color: #17a2b8 !important
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
  background-color: #117a8b !important
}

.bg-warning {
  background-color: #ffc107 !important
}

a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
  background-color: #d39e00 !important
}

.bg-danger {
  background-color: #dc3545 !important
}

a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
  background-color: #bd2130 !important
}

.bg-light {
  background-color: #f8f9fa !important
}

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
  background-color: #dae0e5 !important
}

.bg-dark {
  background-color: #343a40 !important
}

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
  background-color: #1d2124 !important
}

.bg-white {
  background-color: #fff !important
}

.bg-transparent {
  background-color: transparent !important
}

.border {
  border: 1px solid #dee2e6 !important
}

.border-top {
  border-top: 1px solid #dee2e6 !important
}

.border-right {
  border-right: 1px solid #dee2e6 !important
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important
}

.border-left {
  border-left: 1px solid #dee2e6 !important
}

.border-0 {
  border: 0 !important
}

.border-top-0 {
  border-top: 0 !important
}

.border-right-0 {
  border-right: 0 !important
}

.border-bottom-0 {
  border-bottom: 0 !important
}

.border-left-0 {
  border-left: 0 !important
}

.border-primary {
  border-color: #007bff !important
}

.border-secondary {
  border-color: #6c757d !important
}

.border-success {
  border-color: #28a745 !important
}

.border-info {
  border-color: #17a2b8 !important
}

.border-warning {
  border-color: #ffc107 !important
}

.border-danger {
  border-color: #dc3545 !important
}

.border-light {
  border-color: #f8f9fa !important
}

.border-dark {
  border-color: #343a40 !important
}

.border-white {
  border-color: #fff !important
}

.rounded-sm {
  border-radius: .2rem !important
}

.rounded {
  border-radius: .25rem !important
}

.rounded-top {
  border-top-left-radius: .25rem !important;
  border-top-right-radius: .25rem !important
}

.rounded-right {
  border-top-right-radius: .25rem !important;
  border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
  border-bottom-right-radius: .25rem !important;
  border-bottom-left-radius: .25rem !important
}

.rounded-left {
  border-top-left-radius: .25rem !important;
  border-bottom-left-radius: .25rem !important
}

.rounded-lg {
  border-radius: .3rem !important
}

.rounded-circle {
  border-radius: 50% !important
}

.rounded-pill {
  border-radius: 50rem !important
}

.rounded-0 {
  border-radius: 0 !important
}

.clearfix::after {
  display: block;
  clear: both;
  content: ""
}

.d-none {
  display: none !important
}

.d-inline {
  display: inline !important
}

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

.d-block {
  display: block !important
}

.d-table {
  display: table !important
}

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

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

.d-flex {
  display: flex !important
}

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

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

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

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

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

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

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

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

  .d-sm-flex {
    display: flex !important
  }

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

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

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

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

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

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

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

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

  .d-md-flex {
    display: flex !important
  }

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

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

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

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

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

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

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

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

  .d-lg-flex {
    display: flex !important
  }

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

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

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

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

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

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

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

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

  .d-xl-flex {
    display: flex !important
  }

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

@media print {
  .d-print-none {
    display: none !important
  }

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

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

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

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

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

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

  .d-print-flex {
    display: flex !important
  }

  .d-print-inline-flex {
    display: inline-flex !important
  }
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden
}

  .embed-responsive::before {
    display: block;
    content: ""
  }

  .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
  }

.embed-responsive-21by9::before {
  padding-top: 42.857143%
}

.embed-responsive-16by9::before {
  padding-top: 56.25%
}

.embed-responsive-4by3::before {
  padding-top: 75%
}

.embed-responsive-1by1::before {
  padding-top: 100%
}

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-row-reverse {
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  flex-direction: column-reverse !important
}

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

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

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

.flex-fill {
  flex: 1 1 auto !important
}

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow-1 {
  flex-grow: 1 !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  flex-shrink: 1 !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.justify-content-around {
  justify-content: space-around !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-items-baseline {
  align-items: baseline !important
}

.align-items-stretch {
  align-items: stretch !important
}

.align-content-start {
  align-content: flex-start !important
}

.align-content-end {
  align-content: flex-end !important
}

.align-content-center {
  align-content: center !important
}

.align-content-between {
  align-content: space-between !important
}

.align-content-around {
  align-content: space-around !important
}

.align-content-stretch {
  align-content: stretch !important
}

.align-self-auto {
  align-self: auto !important
}

.align-self-start {
  align-self: flex-start !important
}

.align-self-end {
  align-self: flex-end !important
}

.align-self-center {
  align-self: center !important
}

.align-self-baseline {
  align-self: baseline !important
}

.align-self-stretch {
  align-self: stretch !important
}

@media (min-width:576px) {
  .flex-sm-row {
    flex-direction: row !important
  }

  .flex-sm-column {
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important
  }

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

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

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

  .flex-sm-fill {
    flex: 1 1 auto !important
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-sm-start {
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    justify-content: center !important
  }

  .justify-content-sm-between {
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    justify-content: space-around !important
  }

  .align-items-sm-start {
    align-items: flex-start !important
  }

  .align-items-sm-end {
    align-items: flex-end !important
  }

  .align-items-sm-center {
    align-items: center !important
  }

  .align-items-sm-baseline {
    align-items: baseline !important
  }

  .align-items-sm-stretch {
    align-items: stretch !important
  }

  .align-content-sm-start {
    align-content: flex-start !important
  }

  .align-content-sm-end {
    align-content: flex-end !important
  }

  .align-content-sm-center {
    align-content: center !important
  }

  .align-content-sm-between {
    align-content: space-between !important
  }

  .align-content-sm-around {
    align-content: space-around !important
  }

  .align-content-sm-stretch {
    align-content: stretch !important
  }

  .align-self-sm-auto {
    align-self: auto !important
  }

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

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

  .align-self-sm-center {
    align-self: center !important
  }

  .align-self-sm-baseline {
    align-self: baseline !important
  }

  .align-self-sm-stretch {
    align-self: stretch !important
  }
}

@media (min-width:768px) {
  .flex-md-row {
    flex-direction: row !important
  }

  .flex-md-column {
    flex-direction: column !important
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important
  }

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

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

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

  .flex-md-fill {
    flex: 1 1 auto !important
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-md-start {
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    justify-content: center !important
  }

  .justify-content-md-between {
    justify-content: space-between !important
  }

  .justify-content-md-around {
    justify-content: space-around !important
  }

  .align-items-md-start {
    align-items: flex-start !important
  }

  .align-items-md-end {
    align-items: flex-end !important
  }

  .align-items-md-center {
    align-items: center !important
  }

  .align-items-md-baseline {
    align-items: baseline !important
  }

  .align-items-md-stretch {
    align-items: stretch !important
  }

  .align-content-md-start {
    align-content: flex-start !important
  }

  .align-content-md-end {
    align-content: flex-end !important
  }

  .align-content-md-center {
    align-content: center !important
  }

  .align-content-md-between {
    align-content: space-between !important
  }

  .align-content-md-around {
    align-content: space-around !important
  }

  .align-content-md-stretch {
    align-content: stretch !important
  }

  .align-self-md-auto {
    align-self: auto !important
  }

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

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

  .align-self-md-center {
    align-self: center !important
  }

  .align-self-md-baseline {
    align-self: baseline !important
  }

  .align-self-md-stretch {
    align-self: stretch !important
  }
}

@media (min-width:992px) {
  .flex-lg-row {
    flex-direction: row !important
  }

  .flex-lg-column {
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important
  }

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

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

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

  .flex-lg-fill {
    flex: 1 1 auto !important
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-lg-start {
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    justify-content: center !important
  }

  .justify-content-lg-between {
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    justify-content: space-around !important
  }

  .align-items-lg-start {
    align-items: flex-start !important
  }

  .align-items-lg-end {
    align-items: flex-end !important
  }

  .align-items-lg-center {
    align-items: center !important
  }

  .align-items-lg-baseline {
    align-items: baseline !important
  }

  .align-items-lg-stretch {
    align-items: stretch !important
  }

  .align-content-lg-start {
    align-content: flex-start !important
  }

  .align-content-lg-end {
    align-content: flex-end !important
  }

  .align-content-lg-center {
    align-content: center !important
  }

  .align-content-lg-between {
    align-content: space-between !important
  }

  .align-content-lg-around {
    align-content: space-around !important
  }

  .align-content-lg-stretch {
    align-content: stretch !important
  }

  .align-self-lg-auto {
    align-self: auto !important
  }

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

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

  .align-self-lg-center {
    align-self: center !important
  }

  .align-self-lg-baseline {
    align-self: baseline !important
  }

  .align-self-lg-stretch {
    align-self: stretch !important
  }
}

@media (min-width:1600px) {
  .flex-xl-row {
    flex-direction: row !important
  }

  .flex-xl-column {
    flex-direction: column !important
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important
  }

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

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

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

  .flex-xl-fill {
    flex: 1 1 auto !important
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-xl-start {
    justify-content: flex-start !important
  }

  .justify-content-xl-end {
    justify-content: flex-end !important
  }

  .justify-content-xl-center {
    justify-content: center !important
  }

  .justify-content-xl-between {
    justify-content: space-between !important
  }

  .justify-content-xl-around {
    justify-content: space-around !important
  }

  .align-items-xl-start {
    align-items: flex-start !important
  }

  .align-items-xl-end {
    align-items: flex-end !important
  }

  .align-items-xl-center {
    align-items: center !important
  }

  .align-items-xl-baseline {
    align-items: baseline !important
  }

  .align-items-xl-stretch {
    align-items: stretch !important
  }

  .align-content-xl-start {
    align-content: flex-start !important
  }

  .align-content-xl-end {
    align-content: flex-end !important
  }

  .align-content-xl-center {
    align-content: center !important
  }

  .align-content-xl-between {
    align-content: space-between !important
  }

  .align-content-xl-around {
    align-content: space-around !important
  }

  .align-content-xl-stretch {
    align-content: stretch !important
  }

  .align-self-xl-auto {
    align-self: auto !important
  }

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

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

  .align-self-xl-center {
    align-self: center !important
  }

  .align-self-xl-baseline {
    align-self: baseline !important
  }

  .align-self-xl-stretch {
    align-self: stretch !important
  }
}

.float-left {
  float: left !important
}

.float-right {
  float: right !important
}

.float-none {
  float: none !important
}

@media (min-width:576px) {
  .float-sm-left {
    float: left !important
  }

  .float-sm-right {
    float: right !important
  }

  .float-sm-none {
    float: none !important
  }
}

@media (min-width:768px) {
  .float-md-left {
    float: left !important
  }

  .float-md-right {
    float: right !important
  }

  .float-md-none {
    float: none !important
  }
}

@media (min-width:992px) {
  .float-lg-left {
    float: left !important
  }

  .float-lg-right {
    float: right !important
  }

  .float-lg-none {
    float: none !important
  }
}

@media (min-width:1600px) {
  .float-xl-left {
    float: left !important
  }

  .float-xl-right {
    float: right !important
  }

  .float-xl-none {
    float: none !important
  }
}

.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important
}

.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important
}

.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important
}

.overflow-auto {
  overflow: auto !important
}

.overflow-hidden {
  overflow: hidden !important
}

.position-static {
  position: static !important
}

.position-relative {
  position: relative !important
}

.position-absolute {
  position: absolute !important
}

.position-fixed {
  position: fixed !important
}

.position-sticky {
  position: sticky !important
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030
}

@supports (position:sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal
}

.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
}

.shadow {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
}

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

.w-25 {
  width: 25% !important
}

.w-50 {
  width: 50% !important
}

.w-75 {
  width: 75% !important
}

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

.w-auto {
  width: auto !important
}

.h-25 {
  height: 25% !important
}

.h-50 {
  height: 50% !important
}

.h-75 {
  height: 75% !important
}

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

.h-auto {
  height: auto !important
}

.mw-100 {
  max-width: 100% !important
}

.mh-100 {
  max-height: 100% !important
}

.min-vw-100 {
  min-width: 100vw !important
}

.min-vh-100 {
  min-height: 100vh !important
}

.vw-100 {
  width: 100vw !important
}

.vh-100 {
  height: 100vh !important
}

.m-0 {
  margin: 0 !important
}

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

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

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

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

.m-1 {
  margin: .25rem !important
}

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

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

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

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

.m-2 {
  margin: .5rem !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-5, .my-5 {
  margin-top: 3rem !important
}

.mr-5, .mx-5 {
  margin-right: 3rem !important
}

.mb-5, .my-5 {
  margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
  margin-left: 3rem !important
}

.p-0 {
  padding: 0 !important
}

.pt-0, .py-0 {
  padding-top: 0 !important
}

.pr-0, .px-0 {
  padding-right: 0 !important
}

.pb-0, .py-0 {
  padding-bottom: 0 !important
}

.pl-0, .px-0 {
  padding-left: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.pt-1, .py-1 {
  padding-top: .25rem !important
}

.pr-1, .px-1 {
  padding-right: .25rem !important
}

.pb-1, .py-1 {
  padding-bottom: .25rem !important
}

.pl-1, .px-1 {
  padding-left: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.pt-2, .py-2 {
  padding-top: .5rem !important
}

.pr-2, .px-2 {
  padding-right: .5rem !important
}

.pb-2, .py-2 {
  padding-bottom: .5rem !important
}

.pl-2, .px-2 {
  padding-left: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.pt-3, .py-3 {
  padding-top: 1rem !important
}

.pr-3, .px-3 {
  padding-right: 1rem !important
}

.pb-3, .py-3 {
  padding-bottom: 1rem !important
}

.pl-3, .px-3 {
  padding-left: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.pt-4, .py-4 {
  padding-top: 1.5rem !important
}

.pr-4, .px-4 {
  padding-right: 1.5rem !important
}

.pb-4, .py-4 {
  padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
  padding-left: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

.pt-5, .py-5 {
  padding-top: 3rem !important
}

.pr-5, .px-5 {
  padding-right: 3rem !important
}

.pb-5, .py-5 {
  padding-bottom: 3rem !important
}

.pl-5, .px-5 {
  padding-left: 3rem !important
}

.m-n1 {
  margin: -.25rem !important
}

.mt-n1, .my-n1 {
  margin-top: -.25rem !important
}

.mr-n1, .mx-n1 {
  margin-right: -.25rem !important
}

.mb-n1, .my-n1 {
  margin-bottom: -.25rem !important
}

.ml-n1, .mx-n1 {
  margin-left: -.25rem !important
}

.m-n2 {
  margin: -.5rem !important
}

.mt-n2, .my-n2 {
  margin-top: -.5rem !important
}

.mr-n2, .mx-n2 {
  margin-right: -.5rem !important
}

.mb-n2, .my-n2 {
  margin-bottom: -.5rem !important
}

.ml-n2, .mx-n2 {
  margin-left: -.5rem !important
}

.m-n3 {
  margin: -1rem !important
}

.mt-n3, .my-n3 {
  margin-top: -1rem !important
}

.mr-n3, .mx-n3 {
  margin-right: -1rem !important
}

.mb-n3, .my-n3 {
  margin-bottom: -1rem !important
}

.ml-n3, .mx-n3 {
  margin-left: -1rem !important
}

.m-n4 {
  margin: -1.5rem !important
}

.mt-n4, .my-n4 {
  margin-top: -1.5rem !important
}

.mr-n4, .mx-n4 {
  margin-right: -1.5rem !important
}

.mb-n4, .my-n4 {
  margin-bottom: -1.5rem !important
}

.ml-n4, .mx-n4 {
  margin-left: -1.5rem !important
}

.m-n5 {
  margin: -3rem !important
}

.mt-n5, .my-n5 {
  margin-top: -3rem !important
}

.mr-n5, .mx-n5 {
  margin-right: -3rem !important
}

.mb-n5, .my-n5 {
  margin-bottom: -3rem !important
}

.ml-n5, .mx-n5 {
  margin-left: -3rem !important
}

.m-auto {
  margin: auto !important
}

.mt-auto, .my-auto {
  margin-top: auto !important
}

.mr-auto, .mx-auto {
  margin-right: auto !important
}

.mb-auto, .my-auto {
  margin-bottom: auto !important
}

.ml-auto, .mx-auto {
  margin-left: auto !important
}

@media (min-width:576px) {
  .m-sm-0 {
    margin: 0 !important
  }

  .mt-sm-0, .my-sm-0 {
    margin-top: 0 !important
  }

  .mr-sm-0, .mx-sm-0 {
    margin-right: 0 !important
  }

  .mb-sm-0, .my-sm-0 {
    margin-bottom: 0 !important
  }

  .ml-sm-0, .mx-sm-0 {
    margin-left: 0 !important
  }

  .m-sm-1 {
    margin: .25rem !important
  }

  .mt-sm-1, .my-sm-1 {
    margin-top: .25rem !important
  }

  .mr-sm-1, .mx-sm-1 {
    margin-right: .25rem !important
  }

  .mb-sm-1, .my-sm-1 {
    margin-bottom: .25rem !important
  }

  .ml-sm-1, .mx-sm-1 {
    margin-left: .25rem !important
  }

  .m-sm-2 {
    margin: .5rem !important
  }

  .mt-sm-2, .my-sm-2 {
    margin-top: .5rem !important
  }

  .mr-sm-2, .mx-sm-2 {
    margin-right: .5rem !important
  }

  .mb-sm-2, .my-sm-2 {
    margin-bottom: .5rem !important
  }

  .ml-sm-2, .mx-sm-2 {
    margin-left: .5rem !important
  }

  .m-sm-3 {
    margin: 1rem !important
  }

  .mt-sm-3, .my-sm-3 {
    margin-top: 1rem !important
  }

  .mr-sm-3, .mx-sm-3 {
    margin-right: 1rem !important
  }

  .mb-sm-3, .my-sm-3 {
    margin-bottom: 1rem !important
  }

  .ml-sm-3, .mx-sm-3 {
    margin-left: 1rem !important
  }

  .m-sm-4 {
    margin: 1.5rem !important
  }

  .mt-sm-4, .my-sm-4 {
    margin-top: 1.5rem !important
  }

  .mr-sm-4, .mx-sm-4 {
    margin-right: 1.5rem !important
  }

  .mb-sm-4, .my-sm-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-sm-4, .mx-sm-4 {
    margin-left: 1.5rem !important
  }

  .m-sm-5 {
    margin: 3rem !important
  }

  .mt-sm-5, .my-sm-5 {
    margin-top: 3rem !important
  }

  .mr-sm-5, .mx-sm-5 {
    margin-right: 3rem !important
  }

  .mb-sm-5, .my-sm-5 {
    margin-bottom: 3rem !important
  }

  .ml-sm-5, .mx-sm-5 {
    margin-left: 3rem !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .pt-sm-0, .py-sm-0 {
    padding-top: 0 !important
  }

  .pr-sm-0, .px-sm-0 {
    padding-right: 0 !important
  }

  .pb-sm-0, .py-sm-0 {
    padding-bottom: 0 !important
  }

  .pl-sm-0, .px-sm-0 {
    padding-left: 0 !important
  }

  .p-sm-1 {
    padding: .25rem !important
  }

  .pt-sm-1, .py-sm-1 {
    padding-top: .25rem !important
  }

  .pr-sm-1, .px-sm-1 {
    padding-right: .25rem !important
  }

  .pb-sm-1, .py-sm-1 {
    padding-bottom: .25rem !important
  }

  .pl-sm-1, .px-sm-1 {
    padding-left: .25rem !important
  }

  .p-sm-2 {
    padding: .5rem !important
  }

  .pt-sm-2, .py-sm-2 {
    padding-top: .5rem !important
  }

  .pr-sm-2, .px-sm-2 {
    padding-right: .5rem !important
  }

  .pb-sm-2, .py-sm-2 {
    padding-bottom: .5rem !important
  }

  .pl-sm-2, .px-sm-2 {
    padding-left: .5rem !important
  }

  .p-sm-3 {
    padding: 1rem !important
  }

  .pt-sm-3, .py-sm-3 {
    padding-top: 1rem !important
  }

  .pr-sm-3, .px-sm-3 {
    padding-right: 1rem !important
  }

  .pb-sm-3, .py-sm-3 {
    padding-bottom: 1rem !important
  }

  .pl-sm-3, .px-sm-3 {
    padding-left: 1rem !important
  }

  .p-sm-4 {
    padding: 1.5rem !important
  }

  .pt-sm-4, .py-sm-4 {
    padding-top: 1.5rem !important
  }

  .pr-sm-4, .px-sm-4 {
    padding-right: 1.5rem !important
  }

  .pb-sm-4, .py-sm-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-sm-4, .px-sm-4 {
    padding-left: 1.5rem !important
  }

  .p-sm-5 {
    padding: 3rem !important
  }

  .pt-sm-5, .py-sm-5 {
    padding-top: 3rem !important
  }

  .pr-sm-5, .px-sm-5 {
    padding-right: 3rem !important
  }

  .pb-sm-5, .py-sm-5 {
    padding-bottom: 3rem !important
  }

  .pl-sm-5, .px-sm-5 {
    padding-left: 3rem !important
  }

  .m-sm-n1 {
    margin: -.25rem !important
  }

  .mt-sm-n1, .my-sm-n1 {
    margin-top: -.25rem !important
  }

  .mr-sm-n1, .mx-sm-n1 {
    margin-right: -.25rem !important
  }

  .mb-sm-n1, .my-sm-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-sm-n1, .mx-sm-n1 {
    margin-left: -.25rem !important
  }

  .m-sm-n2 {
    margin: -.5rem !important
  }

  .mt-sm-n2, .my-sm-n2 {
    margin-top: -.5rem !important
  }

  .mr-sm-n2, .mx-sm-n2 {
    margin-right: -.5rem !important
  }

  .mb-sm-n2, .my-sm-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-sm-n2, .mx-sm-n2 {
    margin-left: -.5rem !important
  }

  .m-sm-n3 {
    margin: -1rem !important
  }

  .mt-sm-n3, .my-sm-n3 {
    margin-top: -1rem !important
  }

  .mr-sm-n3, .mx-sm-n3 {
    margin-right: -1rem !important
  }

  .mb-sm-n3, .my-sm-n3 {
    margin-bottom: -1rem !important
  }

  .ml-sm-n3, .mx-sm-n3 {
    margin-left: -1rem !important
  }

  .m-sm-n4 {
    margin: -1.5rem !important
  }

  .mt-sm-n4, .my-sm-n4 {
    margin-top: -1.5rem !important
  }

  .mr-sm-n4, .mx-sm-n4 {
    margin-right: -1.5rem !important
  }

  .mb-sm-n4, .my-sm-n4 {
    margin-bottom: -1.5rem !important
  }

  .ml-sm-n4, .mx-sm-n4 {
    margin-left: -1.5rem !important
  }

  .m-sm-n5 {
    margin: -3rem !important
  }

  .mt-sm-n5, .my-sm-n5 {
    margin-top: -3rem !important
  }

  .mr-sm-n5, .mx-sm-n5 {
    margin-right: -3rem !important
  }

  .mb-sm-n5, .my-sm-n5 {
    margin-bottom: -3rem !important
  }

  .ml-sm-n5, .mx-sm-n5 {
    margin-left: -3rem !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mt-sm-auto, .my-sm-auto {
    margin-top: auto !important
  }

  .mr-sm-auto, .mx-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-auto, .my-sm-auto {
    margin-bottom: auto !important
  }

  .ml-sm-auto, .mx-sm-auto {
    margin-left: auto !important
  }
}

@media (min-width:768px) {
  .m-md-0 {
    margin: 0 !important
  }

  .mt-md-0, .my-md-0 {
    margin-top: 0 !important
  }

  .mr-md-0, .mx-md-0 {
    margin-right: 0 !important
  }

  .mb-md-0, .my-md-0 {
    margin-bottom: 0 !important
  }

  .ml-md-0, .mx-md-0 {
    margin-left: 0 !important
  }

  .m-md-1 {
    margin: .25rem !important
  }

  .mt-md-1, .my-md-1 {
    margin-top: .25rem !important
  }

  .mr-md-1, .mx-md-1 {
    margin-right: .25rem !important
  }

  .mb-md-1, .my-md-1 {
    margin-bottom: .25rem !important
  }

  .ml-md-1, .mx-md-1 {
    margin-left: .25rem !important
  }

  .m-md-2 {
    margin: .5rem !important
  }

  .mt-md-2, .my-md-2 {
    margin-top: .5rem !important
  }

  .mr-md-2, .mx-md-2 {
    margin-right: .5rem !important
  }

  .mb-md-2, .my-md-2 {
    margin-bottom: .5rem !important
  }

  .ml-md-2, .mx-md-2 {
    margin-left: .5rem !important
  }

  .m-md-3 {
    margin: 1rem !important
  }

  .mt-md-3, .my-md-3 {
    margin-top: 1rem !important
  }

  .mr-md-3, .mx-md-3 {
    margin-right: 1rem !important
  }

  .mb-md-3, .my-md-3 {
    margin-bottom: 1rem !important
  }

  .ml-md-3, .mx-md-3 {
    margin-left: 1rem !important
  }

  .m-md-4 {
    margin: 1.5rem !important
  }

  .mt-md-4, .my-md-4 {
    margin-top: 1.5rem !important
  }

  .mr-md-4, .mx-md-4 {
    margin-right: 1.5rem !important
  }

  .mb-md-4, .my-md-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-md-4, .mx-md-4 {
    margin-left: 1.5rem !important
  }

  .m-md-5 {
    margin: 3rem !important
  }

  .mt-md-5, .my-md-5 {
    margin-top: 3rem !important
  }

  .mr-md-5, .mx-md-5 {
    margin-right: 3rem !important
  }

  .mb-md-5, .my-md-5 {
    margin-bottom: 3rem !important
  }

  .ml-md-5, .mx-md-5 {
    margin-left: 3rem !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .pt-md-0, .py-md-0 {
    padding-top: 0 !important
  }

  .pr-md-0, .px-md-0 {
    padding-right: 0 !important
  }

  .pb-md-0, .py-md-0 {
    padding-bottom: 0 !important
  }

  .pl-md-0, .px-md-0 {
    padding-left: 0 !important
  }

  .p-md-1 {
    padding: .25rem !important
  }

  .pt-md-1, .py-md-1 {
    padding-top: .25rem !important
  }

  .pr-md-1, .px-md-1 {
    padding-right: .25rem !important
  }

  .pb-md-1, .py-md-1 {
    padding-bottom: .25rem !important
  }

  .pl-md-1, .px-md-1 {
    padding-left: .25rem !important
  }

  .p-md-2 {
    padding: .5rem !important
  }

  .pt-md-2, .py-md-2 {
    padding-top: .5rem !important
  }

  .pr-md-2, .px-md-2 {
    padding-right: .5rem !important
  }

  .pb-md-2, .py-md-2 {
    padding-bottom: .5rem !important
  }

  .pl-md-2, .px-md-2 {
    padding-left: .5rem !important
  }

  .p-md-3 {
    padding: 1rem !important
  }

  .pt-md-3, .py-md-3 {
    padding-top: 1rem !important
  }

  .pr-md-3, .px-md-3 {
    padding-right: 1rem !important
  }

  .pb-md-3, .py-md-3 {
    padding-bottom: 1rem !important
  }

  .pl-md-3, .px-md-3 {
    padding-left: 1rem !important
  }

  .p-md-4 {
    padding: 1.5rem !important
  }

  .pt-md-4, .py-md-4 {
    padding-top: 1.5rem !important
  }

  .pr-md-4, .px-md-4 {
    padding-right: 1.5rem !important
  }

  .pb-md-4, .py-md-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-md-4, .px-md-4 {
    padding-left: 1.5rem !important
  }

  .p-md-5 {
    padding: 3rem !important
  }

  .pt-md-5, .py-md-5 {
    padding-top: 3rem !important
  }

  .pr-md-5, .px-md-5 {
    padding-right: 3rem !important
  }

  .pb-md-5, .py-md-5 {
    padding-bottom: 3rem !important
  }

  .pl-md-5, .px-md-5 {
    padding-left: 3rem !important
  }

  .m-md-n1 {
    margin: -.25rem !important
  }

  .mt-md-n1, .my-md-n1 {
    margin-top: -.25rem !important
  }

  .mr-md-n1, .mx-md-n1 {
    margin-right: -.25rem !important
  }

  .mb-md-n1, .my-md-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-md-n1, .mx-md-n1 {
    margin-left: -.25rem !important
  }

  .m-md-n2 {
    margin: -.5rem !important
  }

  .mt-md-n2, .my-md-n2 {
    margin-top: -.5rem !important
  }

  .mr-md-n2, .mx-md-n2 {
    margin-right: -.5rem !important
  }

  .mb-md-n2, .my-md-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-md-n2, .mx-md-n2 {
    margin-left: -.5rem !important
  }

  .m-md-n3 {
    margin: -1rem !important
  }

  .mt-md-n3, .my-md-n3 {
    margin-top: -1rem !important
  }

  .mr-md-n3, .mx-md-n3 {
    margin-right: -1rem !important
  }

  .mb-md-n3, .my-md-n3 {
    margin-bottom: -1rem !important
  }

  .ml-md-n3, .mx-md-n3 {
    margin-left: -1rem !important
  }

  .m-md-n4 {
    margin: -1.5rem !important
  }

  .mt-md-n4, .my-md-n4 {
    margin-top: -1.5rem !important
  }

  .mr-md-n4, .mx-md-n4 {
    margin-right: -1.5rem !important
  }

  .mb-md-n4, .my-md-n4 {
    margin-bottom: -1.5rem !important
  }

  .ml-md-n4, .mx-md-n4 {
    margin-left: -1.5rem !important
  }

  .m-md-n5 {
    margin: -3rem !important
  }

  .mt-md-n5, .my-md-n5 {
    margin-top: -3rem !important
  }

  .mr-md-n5, .mx-md-n5 {
    margin-right: -3rem !important
  }

  .mb-md-n5, .my-md-n5 {
    margin-bottom: -3rem !important
  }

  .ml-md-n5, .mx-md-n5 {
    margin-left: -3rem !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mt-md-auto, .my-md-auto {
    margin-top: auto !important
  }

  .mr-md-auto, .mx-md-auto {
    margin-right: auto !important
  }

  .mb-md-auto, .my-md-auto {
    margin-bottom: auto !important
  }

  .ml-md-auto, .mx-md-auto {
    margin-left: auto !important
  }
}

@media (min-width:992px) {
  .m-lg-0 {
    margin: 0 !important
  }

  .mt-lg-0, .my-lg-0 {
    margin-top: 0 !important
  }

  .mr-lg-0, .mx-lg-0 {
    margin-right: 0 !important
  }

  .mb-lg-0, .my-lg-0 {
    margin-bottom: 0 !important
  }

  .ml-lg-0, .mx-lg-0 {
    margin-left: 0 !important
  }

  .m-lg-1 {
    margin: .25rem !important
  }

  .mt-lg-1, .my-lg-1 {
    margin-top: .25rem !important
  }

  .mr-lg-1, .mx-lg-1 {
    margin-right: .25rem !important
  }

  .mb-lg-1, .my-lg-1 {
    margin-bottom: .25rem !important
  }

  .ml-lg-1, .mx-lg-1 {
    margin-left: .25rem !important
  }

  .m-lg-2 {
    margin: .5rem !important
  }

  .mt-lg-2, .my-lg-2 {
    margin-top: .5rem !important
  }

  .mr-lg-2, .mx-lg-2 {
    margin-right: .5rem !important
  }

  .mb-lg-2, .my-lg-2 {
    margin-bottom: .5rem !important
  }

  .ml-lg-2, .mx-lg-2 {
    margin-left: .5rem !important
  }

  .m-lg-3 {
    margin: 1rem !important
  }

  .mt-lg-3, .my-lg-3 {
    margin-top: 1rem !important
  }

  .mr-lg-3, .mx-lg-3 {
    margin-right: 1rem !important
  }

  .mb-lg-3, .my-lg-3 {
    margin-bottom: 1rem !important
  }

  .ml-lg-3, .mx-lg-3 {
    margin-left: 1rem !important
  }

  .m-lg-4 {
    margin: 1.5rem !important
  }

  .mt-lg-4, .my-lg-4 {
    margin-top: 1.5rem !important
  }

  .mr-lg-4, .mx-lg-4 {
    margin-right: 1.5rem !important
  }

  .mb-lg-4, .my-lg-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-lg-4, .mx-lg-4 {
    margin-left: 1.5rem !important
  }

  .m-lg-5 {
    margin: 3rem !important
  }

  .mt-lg-5, .my-lg-5 {
    margin-top: 3rem !important
  }

  .mr-lg-5, .mx-lg-5 {
    margin-right: 3rem !important
  }

  .mb-lg-5, .my-lg-5 {
    margin-bottom: 3rem !important
  }

  .ml-lg-5, .mx-lg-5 {
    margin-left: 3rem !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .pt-lg-0, .py-lg-0 {
    padding-top: 0 !important
  }

  .pr-lg-0, .px-lg-0 {
    padding-right: 0 !important
  }

  .pb-lg-0, .py-lg-0 {
    padding-bottom: 0 !important
  }

  .pl-lg-0, .px-lg-0 {
    padding-left: 0 !important
  }

  .p-lg-1 {
    padding: .25rem !important
  }

  .pt-lg-1, .py-lg-1 {
    padding-top: .25rem !important
  }

  .pr-lg-1, .px-lg-1 {
    padding-right: .25rem !important
  }

  .pb-lg-1, .py-lg-1 {
    padding-bottom: .25rem !important
  }

  .pl-lg-1, .px-lg-1 {
    padding-left: .25rem !important
  }

  .p-lg-2 {
    padding: .5rem !important
  }

  .pt-lg-2, .py-lg-2 {
    padding-top: .5rem !important
  }

  .pr-lg-2, .px-lg-2 {
    padding-right: .5rem !important
  }

  .pb-lg-2, .py-lg-2 {
    padding-bottom: .5rem !important
  }

  .pl-lg-2, .px-lg-2 {
    padding-left: .5rem !important
  }

  .p-lg-3 {
    padding: 1rem !important
  }

  .pt-lg-3, .py-lg-3 {
    padding-top: 1rem !important
  }

  .pr-lg-3, .px-lg-3 {
    padding-right: 1rem !important
  }

  .pb-lg-3, .py-lg-3 {
    padding-bottom: 1rem !important
  }

  .pl-lg-3, .px-lg-3 {
    padding-left: 1rem !important
  }

  .p-lg-4 {
    padding: 1.5rem !important
  }

  .pt-lg-4, .py-lg-4 {
    padding-top: 1.5rem !important
  }

  .pr-lg-4, .px-lg-4 {
    padding-right: 1.5rem !important
  }

  .pb-lg-4, .py-lg-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-lg-4, .px-lg-4 {
    padding-left: 1.5rem !important
  }

  .p-lg-5 {
    padding: 3rem !important
  }

  .pt-lg-5, .py-lg-5 {
    padding-top: 3rem !important
  }

  .pr-lg-5, .px-lg-5 {
    padding-right: 3rem !important
  }

  .pb-lg-5, .py-lg-5 {
    padding-bottom: 3rem !important
  }

  .pl-lg-5, .px-lg-5 {
    padding-left: 3rem !important
  }

  .m-lg-n1 {
    margin: -.25rem !important
  }

  .mt-lg-n1, .my-lg-n1 {
    margin-top: -.25rem !important
  }

  .mr-lg-n1, .mx-lg-n1 {
    margin-right: -.25rem !important
  }

  .mb-lg-n1, .my-lg-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-lg-n1, .mx-lg-n1 {
    margin-left: -.25rem !important
  }

  .m-lg-n2 {
    margin: -.5rem !important
  }

  .mt-lg-n2, .my-lg-n2 {
    margin-top: -.5rem !important
  }

  .mr-lg-n2, .mx-lg-n2 {
    margin-right: -.5rem !important
  }

  .mb-lg-n2, .my-lg-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-lg-n2, .mx-lg-n2 {
    margin-left: -.5rem !important
  }

  .m-lg-n3 {
    margin: -1rem !important
  }

  .mt-lg-n3, .my-lg-n3 {
    margin-top: -1rem !important
  }

  .mr-lg-n3, .mx-lg-n3 {
    margin-right: -1rem !important
  }

  .mb-lg-n3, .my-lg-n3 {
    margin-bottom: -1rem !important
  }

  .ml-lg-n3, .mx-lg-n3 {
    margin-left: -1rem !important
  }

  .m-lg-n4 {
    margin: -1.5rem !important
  }

  .mt-lg-n4, .my-lg-n4 {
    margin-top: -1.5rem !important
  }

  .mr-lg-n4, .mx-lg-n4 {
    margin-right: -1.5rem !important
  }

  .mb-lg-n4, .my-lg-n4 {
    margin-bottom: -1.5rem !important
  }

  .ml-lg-n4, .mx-lg-n4 {
    margin-left: -1.5rem !important
  }

  .m-lg-n5 {
    margin: -3rem !important
  }

  .mt-lg-n5, .my-lg-n5 {
    margin-top: -3rem !important
  }

  .mr-lg-n5, .mx-lg-n5 {
    margin-right: -3rem !important
  }

  .mb-lg-n5, .my-lg-n5 {
    margin-bottom: -3rem !important
  }

  .ml-lg-n5, .mx-lg-n5 {
    margin-left: -3rem !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mt-lg-auto, .my-lg-auto {
    margin-top: auto !important
  }

  .mr-lg-auto, .mx-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-auto, .my-lg-auto {
    margin-bottom: auto !important
  }

  .ml-lg-auto, .mx-lg-auto {
    margin-left: auto !important
  }
}

@media (min-width:1600px) {
  .m-xl-0 {
    margin: 0 !important
  }

  .mt-xl-0, .my-xl-0 {
    margin-top: 0 !important
  }

  .mr-xl-0, .mx-xl-0 {
    margin-right: 0 !important
  }

  .mb-xl-0, .my-xl-0 {
    margin-bottom: 0 !important
  }

  .ml-xl-0, .mx-xl-0 {
    margin-left: 0 !important
  }

  .m-xl-1 {
    margin: .25rem !important
  }

  .mt-xl-1, .my-xl-1 {
    margin-top: .25rem !important
  }

  .mr-xl-1, .mx-xl-1 {
    margin-right: .25rem !important
  }

  .mb-xl-1, .my-xl-1 {
    margin-bottom: .25rem !important
  }

  .ml-xl-1, .mx-xl-1 {
    margin-left: .25rem !important
  }

  .m-xl-2 {
    margin: .5rem !important
  }

  .mt-xl-2, .my-xl-2 {
    margin-top: .5rem !important
  }

  .mr-xl-2, .mx-xl-2 {
    margin-right: .5rem !important
  }

  .mb-xl-2, .my-xl-2 {
    margin-bottom: .5rem !important
  }

  .ml-xl-2, .mx-xl-2 {
    margin-left: .5rem !important
  }

  .m-xl-3 {
    margin: 1rem !important
  }

  .mt-xl-3, .my-xl-3 {
    margin-top: 1rem !important
  }

  .mr-xl-3, .mx-xl-3 {
    margin-right: 1rem !important
  }

  .mb-xl-3, .my-xl-3 {
    margin-bottom: 1rem !important
  }

  .ml-xl-3, .mx-xl-3 {
    margin-left: 1rem !important
  }

  .m-xl-4 {
    margin: 1.5rem !important
  }

  .mt-xl-4, .my-xl-4 {
    margin-top: 1.5rem !important
  }

  .mr-xl-4, .mx-xl-4 {
    margin-right: 1.5rem !important
  }

  .mb-xl-4, .my-xl-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-xl-4, .mx-xl-4 {
    margin-left: 1.5rem !important
  }

  .m-xl-5 {
    margin: 3rem !important
  }

  .mt-xl-5, .my-xl-5 {
    margin-top: 3rem !important
  }

  .mr-xl-5, .mx-xl-5 {
    margin-right: 3rem !important
  }

  .mb-xl-5, .my-xl-5 {
    margin-bottom: 3rem !important
  }

  .ml-xl-5, .mx-xl-5 {
    margin-left: 3rem !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .pt-xl-0, .py-xl-0 {
    padding-top: 0 !important
  }

  .pr-xl-0, .px-xl-0 {
    padding-right: 0 !important
  }

  .pb-xl-0, .py-xl-0 {
    padding-bottom: 0 !important
  }

  .pl-xl-0, .px-xl-0 {
    padding-left: 0 !important
  }

  .p-xl-1 {
    padding: .25rem !important
  }

  .pt-xl-1, .py-xl-1 {
    padding-top: .25rem !important
  }

  .pr-xl-1, .px-xl-1 {
    padding-right: .25rem !important
  }

  .pb-xl-1, .py-xl-1 {
    padding-bottom: .25rem !important
  }

  .pl-xl-1, .px-xl-1 {
    padding-left: .25rem !important
  }

  .p-xl-2 {
    padding: .5rem !important
  }

  .pt-xl-2, .py-xl-2 {
    padding-top: .5rem !important
  }

  .pr-xl-2, .px-xl-2 {
    padding-right: .5rem !important
  }

  .pb-xl-2, .py-xl-2 {
    padding-bottom: .5rem !important
  }

  .pl-xl-2, .px-xl-2 {
    padding-left: .5rem !important
  }

  .p-xl-3 {
    padding: 1rem !important
  }

  .pt-xl-3, .py-xl-3 {
    padding-top: 1rem !important
  }

  .pr-xl-3, .px-xl-3 {
    padding-right: 1rem !important
  }

  .pb-xl-3, .py-xl-3 {
    padding-bottom: 1rem !important
  }

  .pl-xl-3, .px-xl-3 {
    padding-left: 1rem !important
  }

  .p-xl-4 {
    padding: 1.5rem !important
  }

  .pt-xl-4, .py-xl-4 {
    padding-top: 1.5rem !important
  }

  .pr-xl-4, .px-xl-4 {
    padding-right: 1.5rem !important
  }

  .pb-xl-4, .py-xl-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-xl-4, .px-xl-4 {
    padding-left: 1.5rem !important
  }

  .p-xl-5 {
    padding: 3rem !important
  }

  .pt-xl-5, .py-xl-5 {
    padding-top: 3rem !important
  }

  .pr-xl-5, .px-xl-5 {
    padding-right: 3rem !important
  }

  .pb-xl-5, .py-xl-5 {
    padding-bottom: 3rem !important
  }

  .pl-xl-5, .px-xl-5 {
    padding-left: 3rem !important
  }

  .m-xl-n1 {
    margin: -.25rem !important
  }

  .mt-xl-n1, .my-xl-n1 {
    margin-top: -.25rem !important
  }

  .mr-xl-n1, .mx-xl-n1 {
    margin-right: -.25rem !important
  }

  .mb-xl-n1, .my-xl-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-xl-n1, .mx-xl-n1 {
    margin-left: -.25rem !important
  }

  .m-xl-n2 {
    margin: -.5rem !important
  }

  .mt-xl-n2, .my-xl-n2 {
    margin-top: -.5rem !important
  }

  .mr-xl-n2, .mx-xl-n2 {
    margin-right: -.5rem !important
  }

  .mb-xl-n2, .my-xl-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-xl-n2, .mx-xl-n2 {
    margin-left: -.5rem !important
  }

  .m-xl-n3 {
    margin: -1rem !important
  }

  .mt-xl-n3, .my-xl-n3 {
    margin-top: -1rem !important
  }

  .mr-xl-n3, .mx-xl-n3 {
    margin-right: -1rem !important
  }

  .mb-xl-n3, .my-xl-n3 {
    margin-bottom: -1rem !important
  }

  .ml-xl-n3, .mx-xl-n3 {
    margin-left: -1rem !important
  }

  .m-xl-n4 {
    margin: -1.5rem !important
  }

  .mt-xl-n4, .my-xl-n4 {
    margin-top: -1.5rem !important
  }

  .mr-xl-n4, .mx-xl-n4 {
    margin-right: -1.5rem !important
  }

  .mb-xl-n4, .my-xl-n4 {
    margin-bottom: -1.5rem !important
  }

  .ml-xl-n4, .mx-xl-n4 {
    margin-left: -1.5rem !important
  }

  .m-xl-n5 {
    margin: -3rem !important
  }

  .mt-xl-n5, .my-xl-n5 {
    margin-top: -3rem !important
  }

  .mr-xl-n5, .mx-xl-n5 {
    margin-right: -3rem !important
  }

  .mb-xl-n5, .my-xl-n5 {
    margin-bottom: -3rem !important
  }

  .ml-xl-n5, .mx-xl-n5 {
    margin-left: -3rem !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mt-xl-auto, .my-xl-auto {
    margin-top: auto !important
  }

  .mr-xl-auto, .mx-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-auto, .my-xl-auto {
    margin-bottom: auto !important
  }

  .ml-xl-auto, .mx-xl-auto {
    margin-left: auto !important
  }
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0,0,0,0)
}

.text-monospace {
  font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important
}

.text-justify {
  text-align: justify !important
}

.text-wrap {
  white-space: normal !important
}

.text-nowrap {
  white-space: nowrap !important
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.text-left {
  text-align: left !important
}

.text-right {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

@media (min-width:576px) {
  .text-sm-left {
    text-align: left !important
  }

  .text-sm-right {
    text-align: right !important
  }

  .text-sm-center {
    text-align: center !important
  }
}

@media (min-width:768px) {
  .text-md-left {
    text-align: left !important
  }

  .text-md-right {
    text-align: right !important
  }

  .text-md-center {
    text-align: center !important
  }
}

@media (min-width:992px) {
  .text-lg-left {
    text-align: left !important
  }

  .text-lg-right {
    text-align: right !important
  }

  .text-lg-center {
    text-align: center !important
  }
}

@media (min-width:1600px) {
  .text-xl-left {
    text-align: left !important
  }

  .text-xl-right {
    text-align: right !important
  }

  .text-xl-center {
    text-align: center !important
  }
}

.text-lowercase {
  text-transform: lowercase !important
}

.text-uppercase {
  text-transform: uppercase !important
}

.text-capitalize {
  text-transform: capitalize !important
}

.font-weight-light {
  font-weight: 300 !important
}

.font-weight-lighter {
  font-weight: lighter !important
}

.font-weight-normal {
  font-weight: 400 !important
}

.font-weight-bold {
  font-weight: 700 !important
}

.font-weight-bolder {
  font-weight: bolder !important
}

.font-italic {
  font-style: italic !important
}

.text-white {
  color: #fff !important
}

.text-primary {
  color: #007bff !important
}

a.text-primary:focus, a.text-primary:hover {
  color: #0056b3 !important
}

.text-secondary {
  color: #6c757d !important
}

a.text-secondary:focus, a.text-secondary:hover {
  color: #494f54 !important
}

.text-success {
  color: #28a745 !important
}

a.text-success:focus, a.text-success:hover {
  color: #19692c !important
}

.text-info {
  color: #17a2b8 !important
}

a.text-info:focus, a.text-info:hover {
  color: #0f6674 !important
}

.text-warning {
  color: #ffc107 !important
}

a.text-warning:focus, a.text-warning:hover {
  color: #ba8b00 !important
}

.text-danger {
  color: #dc3545 !important
}

a.text-danger:focus, a.text-danger:hover {
  color: #a71d2a !important
}

.text-light {
  color: #f8f9fa !important
}

a.text-light:focus, a.text-light:hover {
  color: #cbd3da !important
}

.text-dark {
  color: #343a40 !important
}

a.text-dark:focus, a.text-dark:hover {
  color: #121416 !important
}

.text-body {
  color: #212529 !important
}

.text-muted {
  color: #6c757d !important
}

.text-black-50 {
  color: rgba(0,0,0,.5) !important
}

.text-white-50 {
  color: rgba(255,255,255,.5) !important
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}

.text-decoration-none {
  text-decoration: none !important
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important
}

.text-reset {
  color: inherit !important
}

.visible {
  visibility: visible !important
}

.invisible {
  visibility: hidden !important
}

@media print {
  *, ::after, ::before {
    text-shadow: none !important;
    box-shadow: none !important
  }

  a:not(.btn) {
    text-decoration: underline
  }

  abbr[title]::after {
    content: " (" attr(title) ")"
  }

  pre {
    white-space: pre-wrap !important
  }

  blockquote, pre {
    border: 1px solid #adb5bd;
    page-break-inside: avoid
  }

  thead {
    display: table-header-group
  }

  img, tr {
    page-break-inside: avoid
  }

  h2, h3, p {
    orphans: 3;
    widows: 3
  }

  h2, h3 {
    page-break-after: avoid
  }

  @page {
    size: a3
  }

  body {
    min-width: 992px !important
  }

  .container {
    min-width: 992px !important
  }

  .navbar {
    display: none
  }

  .badge {
    border: 1px solid #000
  }

  .table {
    border-collapse: collapse !important
  }

    .table td, .table th {
      background-color: #fff !important
    }

  .table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6 !important
  }

  .table-dark {
    color: inherit
  }

    .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
      border-color: #dee2e6
    }

  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6
  }
}
/*# sourceMappingURL=bootstrap.min.css.map */

/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/vendor/bootstrap.rtl.only.min.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************/

.rtl {
  text-align: right;
  direction: rtl;
}

.rtl .nav {
  padding-right: 0;
}

.rtl .navbar-nav .nav-item {
  float: right;
}

.rtl .navbar-nav .nav-item + .nav-item {
  margin-right: 1rem;
  margin-left: inherit;
}

.rtl th {
  text-align: right;
}

.rtl .alert-dismissible {
  padding-right: 1.25rem;
  padding-left: 4rem;
}

.rtl .dropdown-menu {
  right: 0;
  text-align: right;
}

.rtl .checkbox label {
  padding-right: 1.25rem;
  padding-left: inherit;
}


.rtl .custom-control-label::after,
.rtl .custom-control-label::before {
  right: 0;
  left: inherit;
}

.rtl .custom-select {
  padding: 0.375rem 0.75rem 0.375rem 1.75rem;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat left 0.75rem center;
  background-size: 8px 10px;
}

.rtl .custom-control {
  padding-right: 1.5rem;
  padding-left: inherit;
  margin-right: inherit;
  margin-left: 1rem;
}

.rtl .custom-control-indicator {
  right: 0;
  left: inherit;
}

.rtl .custom-file-label::after {
  right: initial;
  left: -1px;
  border-radius: .25rem 0 0 .25rem;
}

.rtl .radio input,
.rtl .radio-inline,
.rtl .checkbox input,
.rtl .checkbox-inline input {
  margin-right: -1.25rem;
  margin-left: inherit;
}

.rtl .list-group {
  padding-right: 0;
  padding-left: 40px;
}

.rtl .close {
  float: left;
}

.rtl .modal-header .close {
  margin: -15px auto -15px -15px;
}

.rtl .modal-footer > :not(:first-child) {
  margin-right: .25rem;
}

.rtl .alert-dismissible .close {
  right: inherit;
  left: 0;
}

.rtl .dropdown-toggle::after {
  margin-right: .255em;
  margin-left: 0;
}

.rtl .form-check-input {
  margin-right: -1.25rem;
  margin-left: inherit;
}

.rtl .form-check-label {
  padding-right: 1.25rem;
  padding-left: inherit;
}

.rtl .offset-1 {
  margin-right: 8.33333%;
  margin-left: 0;
}

.rtl .offset-2 {
  margin-right: 16.66667%;
  margin-left: 0;
}

.rtl .offset-3 {
  margin-right: 25%;
  margin-left: 0;
}

.rtl .offset-4 {
  margin-right: 33.33333%;
  margin-left: 0;
}

.rtl .offset-5 {
  margin-right: 41.66667%;
  margin-left: 0;
}

.rtl .offset-6 {
  margin-right: 50%;
  margin-left: 0;
}

.rtl .offset-7 {
  margin-right: 58.33333%;
  margin-left: 0;
}

.rtl .offset-8 {
  margin-right: 66.66667%;
  margin-left: 0;
}

.rtl .offset-9 {
  margin-right: 75%;
  margin-left: 0;
}

.rtl .offset-10 {
  margin-right: 83.33333%;
  margin-left: 0;
}

.rtl .offset-11 {
  margin-right: 91.66667%;
  margin-left: 0;
}

@media (min-width: 420px) {
  .rtl .offset-xs-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .rtl .offset-xs-1 {
    margin-right: 8.33333%;
    margin-left: 0;
  }
  .rtl .offset-xs-2 {
    margin-right: 16.66667%;
    margin-left: 0;
  }
  .rtl .offset-xs-3 {
    margin-right: 25%;
    margin-left: 0;
  }
  .rtl .offset-xs-4 {
    margin-right: 33.33333%;
    margin-left: 0;
  }
  .rtl .offset-xs-5 {
    margin-right: 41.66667%;
    margin-left: 0;
  }
  .rtl .offset-xs-6 {
    margin-right: 50%;
    margin-left: 0;
  }
  .rtl .offset-xs-7 {
    margin-right: 58.33333%;
    margin-left: 0;
  }
  .rtl .offset-xs-8 {
    margin-right: 66.66667%;
    margin-left: 0;
  }
  .rtl .offset-xs-9 {
    margin-right: 75%;
    margin-left: 0;
  }
  .rtl .offset-xs-10 {
    margin-right: 83.33333%;
    margin-left: 0;
  }
  .rtl .offset-xs-11 {
    margin-right: 91.66667%;
    margin-left: 0;
  }
}

@media (min-width: 576px) {
  .rtl .offset-sm-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .rtl .offset-sm-1 {
    margin-right: 8.33333%;
    margin-left: 0;
  }
  .rtl .offset-sm-2 {
    margin-right: 16.66667%;
    margin-left: 0;
  }
  .rtl .offset-sm-3 {
    margin-right: 25%;
    margin-left: 0;
  }
  .rtl .offset-sm-4 {
    margin-right: 33.33333%;
    margin-left: 0;
  }
  .rtl .offset-sm-5 {
    margin-right: 41.66667%;
    margin-left: 0;
  }
  .rtl .offset-sm-6 {
    margin-right: 50%;
    margin-left: 0;
  }
  .rtl .offset-sm-7 {
    margin-right: 58.33333%;
    margin-left: 0;
  }
  .rtl .offset-sm-8 {
    margin-right: 66.66667%;
    margin-left: 0;
  }
  .rtl .offset-sm-9 {
    margin-right: 75%;
    margin-left: 0;
  }
  .rtl .offset-sm-10 {
    margin-right: 83.33333%;
    margin-left: 0;
  }
  .rtl .offset-sm-11 {
    margin-right: 91.66667%;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .rtl .offset-md-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .rtl .offset-md-1 {
    margin-right: 8.33333%;
    margin-left: 0;
  }
  .rtl .offset-md-2 {
    margin-right: 16.66667%;
    margin-left: 0;
  }
  .rtl .offset-md-3 {
    margin-right: 25%;
    margin-left: 0;
  }
  .rtl .offset-md-4 {
    margin-right: 33.33333%;
    margin-left: 0;
  }
  .rtl .offset-md-5 {
    margin-right: 41.66667%;
    margin-left: 0;
  }
  .rtl .offset-md-6 {
    margin-right: 50%;
    margin-left: 0;
  }
  .rtl .offset-md-7 {
    margin-right: 58.33333%;
    margin-left: 0;
  }
  .rtl .offset-md-8 {
    margin-right: 66.66667%;
    margin-left: 0;
  }
  .rtl .offset-md-9 {
    margin-right: 75%;
    margin-left: 0;
  }
  .rtl .offset-md-10 {
    margin-right: 83.33333%;
    margin-left: 0;
  }
  .rtl .offset-md-11 {
    margin-right: 91.66667%;
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .rtl .offset-lg-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .rtl .offset-lg-1 {
    margin-right: 8.33333%;
    margin-left: 0;
  }
  .rtl .offset-lg-2 {
    margin-right: 16.66667%;
    margin-left: 0;
  }
  .rtl .offset-lg-3 {
    margin-right: 25%;
    margin-left: 0;
  }
  .rtl .offset-lg-4 {
    margin-right: 33.33333%;
    margin-left: 0;
  }
  .rtl .offset-lg-5 {
    margin-right: 41.66667%;
    margin-left: 0;
  }
  .rtl .offset-lg-6 {
    margin-right: 50%;
    margin-left: 0;
  }
  .rtl .offset-lg-7 {
    margin-right: 58.33333%;
    margin-left: 0;
  }
  .rtl .offset-lg-8 {
    margin-right: 66.66667%;
    margin-left: 0;
  }
  .rtl .offset-lg-9 {
    margin-right: 75%;
    margin-left: 0;
  }
  .rtl .offset-lg-10 {
    margin-right: 83.33333%;
    margin-left: 0;
  }
  .rtl .offset-lg-11 {
    margin-right: 91.66667%;
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .rtl .offset-xl-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .rtl .offset-xl-1 {
    margin-right: 8.33333%;
    margin-left: 0;
  }
  .rtl .offset-xl-2 {
    margin-right: 16.66667%;
    margin-left: 0;
  }
  .rtl .offset-xl-3 {
    margin-right: 25%;
    margin-left: 0;
  }
  .rtl .offset-xl-4 {
    margin-right: 33.33333%;
    margin-left: 0;
  }
  .rtl .offset-xl-5 {
    margin-right: 41.66667%;
    margin-left: 0;
  }
  .rtl .offset-xl-6 {
    margin-right: 50%;
    margin-left: 0;
  }
  .rtl .offset-xl-7 {
    margin-right: 58.33333%;
    margin-left: 0;
  }
  .rtl .offset-xl-8 {
    margin-right: 66.66667%;
    margin-left: 0;
  }
  .rtl .offset-xl-9 {
    margin-right: 75%;
    margin-left: 0;
  }
  .rtl .offset-xl-10 {
    margin-right: 83.33333%;
    margin-left: 0;
  }
  .rtl .offset-xl-11 {
    margin-right: 91.66667%;
    margin-left: 0;
  }
}

@media (min-width: 1440px) {
  .rtl .offset-xxl-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .rtl .offset-xxl-1 {
    margin-right: 8.33333%;
    margin-left: 0;
  }
  .rtl .offset-xxl-2 {
    margin-right: 16.66667%;
    margin-left: 0;
  }
  .rtl .offset-xxl-3 {
    margin-right: 25%;
    margin-left: 0;
  }
  .rtl .offset-xxl-4 {
    margin-right: 33.33333%;
    margin-left: 0;
  }
  .rtl .offset-xxl-5 {
    margin-right: 41.66667%;
    margin-left: 0;
  }
  .rtl .offset-xxl-6 {
    margin-right: 50%;
    margin-left: 0;
  }
  .rtl .offset-xxl-7 {
    margin-right: 58.33333%;
    margin-left: 0;
  }
  .rtl .offset-xxl-8 {
    margin-right: 66.66667%;
    margin-left: 0;
  }
  .rtl .offset-xxl-9 {
    margin-right: 75%;
    margin-left: 0;
  }
  .rtl .offset-xxl-10 {
    margin-right: 83.33333%;
    margin-left: 0;
  }
  .rtl .offset-xxl-11 {
    margin-right: 91.66667%;
    margin-left: 0;
  }
}

.rtl .mr-0,
.rtl .mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.rtl .ml-0,
.rtl .mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.rtl .mr-1,
.rtl .mx-1 {
  margin-right: 0 !important;
  margin-left: 0.25rem !important;
}

.rtl .ml-1,
.rtl .mx-1 {
  margin-left: 0 !important;
  margin-right: 0.25rem !important;
}

.rtl .mr-2,
.rtl .mx-2 {
  margin-right: 0 !important;
  margin-left: 0.5rem !important;
}

.rtl .ml-2,
.rtl .mx-2 {
  margin-left: 0 !important;
  margin-right: 0.5rem !important;
}

.rtl .mr-3,
.rtl .mx-3 {
  margin-right: 0 !important;
  margin-left: 1rem !important;
}

.rtl .ml-3,
.rtl .mx-3 {
  margin-left: 0 !important;
  margin-right: 1rem !important;
}

.rtl .mr-4,
.rtl .mx-4 {
  margin-right: 0 !important;
  margin-left: 1.5rem !important;
}

.rtl .ml-4,
.rtl .mx-4 {
  margin-left: 0 !important;
  margin-right: 1.5rem !important;
}

.rtl .mr-5,
.rtl .mx-5 {
  margin-right: 0 !important;
  margin-left: 3rem !important;
}

.rtl .ml-5,
.rtl .mx-5 {
  margin-left: 0 !important;
  margin-right: 3rem !important;
}

.rtl .pr-0,
.rtl .px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.rtl .pl-0,
.rtl .px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.rtl .pr-1,
.rtl .px-1 {
  padding-right: 0 !important;
  padding-left: 0.25rem !important;
}

.rtl .pl-1,
.rtl .px-1 {
  padding-left: 0 !important;
  padding-right: 0.25rem !important;
}

.rtl .pr-2,
.rtl .px-2 {
  padding-right: 0 !important;
  padding-left: 0.5rem !important;
}

.rtl .pl-2,
.rtl .px-2 {
  padding-left: 0 !important;
  padding-right: 0.5rem !important;
}

.rtl .pr-3,
.rtl .px-3 {
  padding-right: 0 !important;
  padding-left: 1rem !important;
}

.rtl .pl-3,
.rtl .px-3 {
  padding-left: 0 !important;
  padding-right: 1rem !important;
}

.rtl .pr-4,
.rtl .px-4 {
  padding-right: 0 !important;
  padding-left: 1.5rem !important;
}

.rtl .pl-4,
.rtl .px-4 {
  padding-left: 0 !important;
  padding-right: 1.5rem !important;
}

.rtl .pr-5,
.rtl .px-5 {
  padding-right: 0 !important;
  padding-left: 3rem !important;
}

.rtl .pl-5,
.rtl .px-5 {
  padding-left: 0 !important;
  padding-right: 3rem !important;
}

.rtl .mr-auto,
.rtl .mx-auto {
  margin-right: 0 !important;
  margin-left: auto !important;
}

.rtl .ml-auto,
.rtl .mx-auto {
  margin-right: auto !important;
  margin-left: 0 !important;
}

@media (min-width: 420px) {
  .rtl .mr-xs-0,
  .rtl .mx-xs-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .rtl .ml-xs-0,
  .rtl .mx-xs-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .rtl .mr-xs-1,
  .rtl .mx-xs-1 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
  }
  .rtl .ml-xs-1,
  .rtl .mx-xs-1 {
    margin-left: 0 !important;
    margin-right: 0.25rem !important;
  }
  .rtl .mr-xs-2,
  .rtl .mx-xs-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
  }
  .rtl .ml-xs-2,
  .rtl .mx-xs-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
  }
  .rtl .mr-xs-3,
  .rtl .mx-xs-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
  }
  .rtl .ml-xs-3,
  .rtl .mx-xs-3 {
    margin-left: 0 !important;
    margin-right: 1rem !important;
  }
  .rtl .mr-xs-4,
  .rtl .mx-xs-4 {
    margin-right: 0 !important;
    margin-left: 1.5rem !important;
  }
  .rtl .ml-xs-4,
  .rtl .mx-xs-4 {
    margin-left: 0 !important;
    margin-right: 1.5rem !important;
  }
  .rtl .mr-xs-5,
  .rtl .mx-xs-5 {
    margin-right: 0 !important;
    margin-left: 3rem !important;
  }
  .rtl .ml-xs-5,
  .rtl .mx-xs-5 {
    margin-left: 0 !important;
    margin-right: 3rem !important;
  }
  .rtl .pr-xs-0,
  .rtl .px-xs-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .rtl .pl-xs-0,
  .rtl .px-xs-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .rtl .pr-xs-1,
  .rtl .px-xs-1 {
    padding-right: 0 !important;
    padding-left: 0.25rem !important;
  }
  .rtl .pl-xs-1,
  .rtl .px-xs-1 {
    padding-left: 0 !important;
    padding-right: 0.25rem !important;
  }
  .rtl .pr-xs-2,
  .rtl .px-xs-2 {
    padding-right: 0 !important;
    padding-left: 0.5rem !important;
  }
  .rtl .pl-xs-2,
  .rtl .px-xs-2 {
    padding-left: 0 !important;
    padding-right: 0.5rem !important;
  }
  .rtl .pr-xs-3,
  .rtl .px-xs-3 {
    padding-right: 0 !important;
    padding-left: 1rem !important;
  }
  .rtl .pl-xs-3,
  .rtl .px-xs-3 {
    padding-left: 0 !important;
    padding-right: 1rem !important;
  }
  .rtl .pr-xs-4,
  .rtl .px-xs-4 {
    padding-right: 0 !important;
    padding-left: 1.5rem !important;
  }
  .rtl .pl-xs-4,
  .rtl .px-xs-4 {
    padding-left: 0 !important;
    padding-right: 1.5rem !important;
  }
  .rtl .pr-xs-5,
  .rtl .px-xs-5 {
    padding-right: 0 !important;
    padding-left: 3rem !important;
  }
  .rtl .pl-xs-5,
  .rtl .px-xs-5 {
    padding-left: 0 !important;
    padding-right: 3rem !important;
  }
  .rtl .mr-xs-auto,
  .rtl .mx-xs-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
  }
  .rtl .ml-xs-auto,
  .rtl .mx-xs-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
  }
}

@media (min-width: 576px) {
  .rtl .mr-sm-0,
  .rtl .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .rtl .ml-sm-0,
  .rtl .mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .rtl .mr-sm-1,
  .rtl .mx-sm-1 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
  }
  .rtl .ml-sm-1,
  .rtl .mx-sm-1 {
    margin-left: 0 !important;
    margin-right: 0.25rem !important;
  }
  .rtl .mr-sm-2,
  .rtl .mx-sm-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
  }
  .rtl .ml-sm-2,
  .rtl .mx-sm-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
  }
  .rtl .mr-sm-3,
  .rtl .mx-sm-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
  }
  .rtl .ml-sm-3,
  .rtl .mx-sm-3 {
    margin-left: 0 !important;
    margin-right: 1rem !important;
  }
  .rtl .mr-sm-4,
  .rtl .mx-sm-4 {
    margin-right: 0 !important;
    margin-left: 1.5rem !important;
  }
  .rtl .ml-sm-4,
  .rtl .mx-sm-4 {
    margin-left: 0 !important;
    margin-right: 1.5rem !important;
  }
  .rtl .mr-sm-5,
  .rtl .mx-sm-5 {
    margin-right: 0 !important;
    margin-left: 3rem !important;
  }
  .rtl .ml-sm-5,
  .rtl .mx-sm-5 {
    margin-left: 0 !important;
    margin-right: 3rem !important;
  }
  .rtl .pr-sm-0,
  .rtl .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .rtl .pl-sm-0,
  .rtl .px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .rtl .pr-sm-1,
  .rtl .px-sm-1 {
    padding-right: 0 !important;
    padding-left: 0.25rem !important;
  }
  .rtl .pl-sm-1,
  .rtl .px-sm-1 {
    padding-left: 0 !important;
    padding-right: 0.25rem !important;
  }
  .rtl .pr-sm-2,
  .rtl .px-sm-2 {
    padding-right: 0 !important;
    padding-left: 0.5rem !important;
  }
  .rtl .pl-sm-2,
  .rtl .px-sm-2 {
    padding-left: 0 !important;
    padding-right: 0.5rem !important;
  }
  .rtl .pr-sm-3,
  .rtl .px-sm-3 {
    padding-right: 0 !important;
    padding-left: 1rem !important;
  }
  .rtl .pl-sm-3,
  .rtl .px-sm-3 {
    padding-left: 0 !important;
    padding-right: 1rem !important;
  }
  .rtl .pr-sm-4,
  .rtl .px-sm-4 {
    padding-right: 0 !important;
    padding-left: 1.5rem !important;
  }
  .rtl .pl-sm-4,
  .rtl .px-sm-4 {
    padding-left: 0 !important;
    padding-right: 1.5rem !important;
  }
  .rtl .pr-sm-5,
  .rtl .px-sm-5 {
    padding-right: 0 !important;
    padding-left: 3rem !important;
  }
  .rtl .pl-sm-5,
  .rtl .px-sm-5 {
    padding-left: 0 !important;
    padding-right: 3rem !important;
  }
  .rtl .mr-sm-auto,
  .rtl .mx-sm-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
  }
  .rtl .ml-sm-auto,
  .rtl .mx-sm-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
  }
}

@media (min-width: 768px) {
  .rtl .mr-md-0,
  .rtl .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .rtl .ml-md-0,
  .rtl .mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .rtl .mr-md-1,
  .rtl .mx-md-1 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
  }
  .rtl .ml-md-1,
  .rtl .mx-md-1 {
    margin-left: 0 !important;
    margin-right: 0.25rem !important;
  }
  .rtl .mr-md-2,
  .rtl .mx-md-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
  }
  .rtl .ml-md-2,
  .rtl .mx-md-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
  }
  .rtl .mr-md-3,
  .rtl .mx-md-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
  }
  .rtl .ml-md-3,
  .rtl .mx-md-3 {
    margin-left: 0 !important;
    margin-right: 1rem !important;
  }
  .rtl .mr-md-4,
  .rtl .mx-md-4 {
    margin-right: 0 !important;
    margin-left: 1.5rem !important;
  }
  .rtl .ml-md-4,
  .rtl .mx-md-4 {
    margin-left: 0 !important;
    margin-right: 1.5rem !important;
  }
  .rtl .mr-md-5,
  .rtl .mx-md-5 {
    margin-right: 0 !important;
    margin-left: 3rem !important;
  }
  .rtl .ml-md-5,
  .rtl .mx-md-5 {
    margin-left: 0 !important;
    margin-right: 3rem !important;
  }
  .rtl .pr-md-0,
  .rtl .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .rtl .pl-md-0,
  .rtl .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .rtl .pr-md-1,
  .rtl .px-md-1 {
    padding-right: 0 !important;
    padding-left: 0.25rem !important;
  }
  .rtl .pl-md-1,
  .rtl .px-md-1 {
    padding-left: 0 !important;
    padding-right: 0.25rem !important;
  }
  .rtl .pr-md-2,
  .rtl .px-md-2 {
    padding-right: 0 !important;
    padding-left: 0.5rem !important;
  }
  .rtl .pl-md-2,
  .rtl .px-md-2 {
    padding-left: 0 !important;
    padding-right: 0.5rem !important;
  }
  .rtl .pr-md-3,
  .rtl .px-md-3 {
    padding-right: 0 !important;
    padding-left: 1rem !important;
  }
  .rtl .pl-md-3,
  .rtl .px-md-3 {
    padding-left: 0 !important;
    padding-right: 1rem !important;
  }
  .rtl .pr-md-4,
  .rtl .px-md-4 {
    padding-right: 0 !important;
    padding-left: 1.5rem !important;
  }
  .rtl .pl-md-4,
  .rtl .px-md-4 {
    padding-left: 0 !important;
    padding-right: 1.5rem !important;
  }
  .rtl .pr-md-5,
  .rtl .px-md-5 {
    padding-right: 0 !important;
    padding-left: 3rem !important;
  }
  .rtl .pl-md-5,
  .rtl .px-md-5 {
    padding-left: 0 !important;
    padding-right: 3rem !important;
  }
  .rtl .mr-md-auto,
  .rtl .mx-md-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
  }
  .rtl .ml-md-auto,
  .rtl .mx-md-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
  }
}

@media (min-width: 992px) {
  .rtl .mr-lg-0,
  .rtl .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .rtl .ml-lg-0,
  .rtl .mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .rtl .mr-lg-1,
  .rtl .mx-lg-1 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
  }
  .rtl .ml-lg-1,
  .rtl .mx-lg-1 {
    margin-left: 0 !important;
    margin-right: 0.25rem !important;
  }
  .rtl .mr-lg-2,
  .rtl .mx-lg-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
  }
  .rtl .ml-lg-2,
  .rtl .mx-lg-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
  }
  .rtl .mr-lg-3,
  .rtl .mx-lg-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
  }
  .rtl .ml-lg-3,
  .rtl .mx-lg-3 {
    margin-left: 0 !important;
    margin-right: 1rem !important;
  }
  .rtl .mr-lg-4,
  .rtl .mx-lg-4 {
    margin-right: 0 !important;
    margin-left: 1.5rem !important;
  }
  .rtl .ml-lg-4,
  .rtl .mx-lg-4 {
    margin-left: 0 !important;
    margin-right: 1.5rem !important;
  }
  .rtl .mr-lg-5,
  .rtl .mx-lg-5 {
    margin-right: 0 !important;
    margin-left: 3rem !important;
  }
  .rtl .ml-lg-5,
  .rtl .mx-lg-5 {
    margin-left: 0 !important;
    margin-right: 3rem !important;
  }
  .rtl .pr-lg-0,
  .rtl .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .rtl .pl-lg-0,
  .rtl .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .rtl .pr-lg-1,
  .rtl .px-lg-1 {
    padding-right: 0 !important;
    padding-left: 0.25rem !important;
  }
  .rtl .pl-lg-1,
  .rtl .px-lg-1 {
    padding-left: 0 !important;
    padding-right: 0.25rem !important;
  }
  .rtl .pr-lg-2,
  .rtl .px-lg-2 {
    padding-right: 0 !important;
    padding-left: 0.5rem !important;
  }
  .rtl .pl-lg-2,
  .rtl .px-lg-2 {
    padding-left: 0 !important;
    padding-right: 0.5rem !important;
  }
  .rtl .pr-lg-3,
  .rtl .px-lg-3 {
    padding-right: 0 !important;
    padding-left: 1rem !important;
  }
  .rtl .pl-lg-3,
  .rtl .px-lg-3 {
    padding-left: 0 !important;
    padding-right: 1rem !important;
  }
  .rtl .pr-lg-4,
  .rtl .px-lg-4 {
    padding-right: 0 !important;
    padding-left: 1.5rem !important;
  }
  .rtl .pl-lg-4,
  .rtl .px-lg-4 {
    padding-left: 0 !important;
    padding-right: 1.5rem !important;
  }
  .rtl .pr-lg-5,
  .rtl .px-lg-5 {
    padding-right: 0 !important;
    padding-left: 3rem !important;
  }
  .rtl .pl-lg-5,
  .rtl .px-lg-5 {
    padding-left: 0 !important;
    padding-right: 3rem !important;
  }
  .rtl .mr-lg-auto,
  .rtl .mx-lg-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
  }
  .rtl .ml-lg-auto,
  .rtl .mx-lg-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
  }
}

@media (min-width: 1200px) {
  .rtl .mr-xl-0,
  .rtl .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .rtl .ml-xl-0,
  .rtl .mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .rtl .mr-xl-1,
  .rtl .mx-xl-1 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
  }
  .rtl .ml-xl-1,
  .rtl .mx-xl-1 {
    margin-left: 0 !important;
    margin-right: 0.25rem !important;
  }
  .rtl .mr-xl-2,
  .rtl .mx-xl-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
  }
  .rtl .ml-xl-2,
  .rtl .mx-xl-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
  }
  .rtl .mr-xl-3,
  .rtl .mx-xl-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
  }
  .rtl .ml-xl-3,
  .rtl .mx-xl-3 {
    margin-left: 0 !important;
    margin-right: 1rem !important;
  }
  .rtl .mr-xl-4,
  .rtl .mx-xl-4 {
    margin-right: 0 !important;
    margin-left: 1.5rem !important;
  }
  .rtl .ml-xl-4,
  .rtl .mx-xl-4 {
    margin-left: 0 !important;
    margin-right: 1.5rem !important;
  }
  .rtl .mr-xl-5,
  .rtl .mx-xl-5 {
    margin-right: 0 !important;
    margin-left: 3rem !important;
  }
  .rtl .ml-xl-5,
  .rtl .mx-xl-5 {
    margin-left: 0 !important;
    margin-right: 3rem !important;
  }
  .rtl .pr-xl-0,
  .rtl .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .rtl .pl-xl-0,
  .rtl .px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .rtl .pr-xl-1,
  .rtl .px-xl-1 {
    padding-right: 0 !important;
    padding-left: 0.25rem !important;
  }
  .rtl .pl-xl-1,
  .rtl .px-xl-1 {
    padding-left: 0 !important;
    padding-right: 0.25rem !important;
  }
  .rtl .pr-xl-2,
  .rtl .px-xl-2 {
    padding-right: 0 !important;
    padding-left: 0.5rem !important;
  }
  .rtl .pl-xl-2,
  .rtl .px-xl-2 {
    padding-left: 0 !important;
    padding-right: 0.5rem !important;
  }
  .rtl .pr-xl-3,
  .rtl .px-xl-3 {
    padding-right: 0 !important;
    padding-left: 1rem !important;
  }
  .rtl .pl-xl-3,
  .rtl .px-xl-3 {
    padding-left: 0 !important;
    padding-right: 1rem !important;
  }
  .rtl .pr-xl-4,
  .rtl .px-xl-4 {
    padding-right: 0 !important;
    padding-left: 1.5rem !important;
  }
  .rtl .pl-xl-4,
  .rtl .px-xl-4 {
    padding-left: 0 !important;
    padding-right: 1.5rem !important;
  }
  .rtl .pr-xl-5,
  .rtl .px-xl-5 {
    padding-right: 0 !important;
    padding-left: 3rem !important;
  }
  .rtl .pl-xl-5,
  .rtl .px-xl-5 {
    padding-left: 0 !important;
    padding-right: 3rem !important;
  }
  .rtl .mr-xl-auto,
  .rtl .mx-xl-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
  }
  .rtl .ml-xl-auto,
  .rtl .mx-xl-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
  }
}

@media (min-width: 1440px) {
  .rtl .mr-xxl-0,
  .rtl .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .rtl .ml-xxl-0,
  .rtl .mx-xxl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .rtl .mr-xxl-1,
  .rtl .mx-xxl-1 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
  }
  .rtl .ml-xxl-1,
  .rtl .mx-xxl-1 {
    margin-left: 0 !important;
    margin-right: 0.25rem !important;
  }
  .rtl .mr-xxl-2,
  .rtl .mx-xxl-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
  }
  .rtl .ml-xxl-2,
  .rtl .mx-xxl-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
  }
  .rtl .mr-xxl-3,
  .rtl .mx-xxl-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
  }
  .rtl .ml-xxl-3,
  .rtl .mx-xxl-3 {
    margin-left: 0 !important;
    margin-right: 1rem !important;
  }
  .rtl .mr-xxl-4,
  .rtl .mx-xxl-4 {
    margin-right: 0 !important;
    margin-left: 1.5rem !important;
  }
  .rtl .ml-xxl-4,
  .rtl .mx-xxl-4 {
    margin-left: 0 !important;
    margin-right: 1.5rem !important;
  }
  .rtl .mr-xxl-5,
  .rtl .mx-xxl-5 {
    margin-right: 0 !important;
    margin-left: 3rem !important;
  }
  .rtl .ml-xxl-5,
  .rtl .mx-xxl-5 {
    margin-left: 0 !important;
    margin-right: 3rem !important;
  }
  .rtl .pr-xxl-0,
  .rtl .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .rtl .pl-xxl-0,
  .rtl .px-xxl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .rtl .pr-xxl-1,
  .rtl .px-xxl-1 {
    padding-right: 0 !important;
    padding-left: 0.25rem !important;
  }
  .rtl .pl-xxl-1,
  .rtl .px-xxl-1 {
    padding-left: 0 !important;
    padding-right: 0.25rem !important;
  }
  .rtl .pr-xxl-2,
  .rtl .px-xxl-2 {
    padding-right: 0 !important;
    padding-left: 0.5rem !important;
  }
  .rtl .pl-xxl-2,
  .rtl .px-xxl-2 {
    padding-left: 0 !important;
    padding-right: 0.5rem !important;
  }
  .rtl .pr-xxl-3,
  .rtl .px-xxl-3 {
    padding-right: 0 !important;
    padding-left: 1rem !important;
  }
  .rtl .pl-xxl-3,
  .rtl .px-xxl-3 {
    padding-left: 0 !important;
    padding-right: 1rem !important;
  }
  .rtl .pr-xxl-4,
  .rtl .px-xxl-4 {
    padding-right: 0 !important;
    padding-left: 1.5rem !important;
  }
  .rtl .pl-xxl-4,
  .rtl .px-xxl-4 {
    padding-left: 0 !important;
    padding-right: 1.5rem !important;
  }
  .rtl .pr-xxl-5,
  .rtl .px-xxl-5 {
    padding-right: 0 !important;
    padding-left: 3rem !important;
  }
  .rtl .pl-xxl-5,
  .rtl .px-xxl-5 {
    padding-left: 0 !important;
    padding-right: 3rem !important;
  }
  .rtl .mr-xxl-auto,
  .rtl .mx-xxl-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
  }
  .rtl .ml-xxl-auto,
  .rtl .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ng-select/ng-select/themes/default.theme.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:#ebf5ff;border-radius:2px;margin-right:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}.ng-select .ng-clear-wrapper:focus .ng-clear{color:#D0021B}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgba(0,0,0,0.54);background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-bootstrap/datepicker/bs-datepicker.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
/* .bs-datepicker */
.bs-datepicker {
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  background: #fff;
  box-shadow: 0 0 10px 0 #aaa;
  position: relative;
  z-index: 1;
  /* button */
  /* .bs-datepicker-head */
  /* .bs-datepicker-body */
  /* .current-timedate */
  /* .bs-datepicker-multiple */
  /* .bs-datepicker-btns */
  /*.bs-datepicker-custom-range */
  /* .bs-datepicker-predefined-btns */
  /* .bs-datepicker-buttons */
}
.bs-datepicker:after {
  clear: both;
  content: "";
  display: block;
}
.bs-datepicker bs-day-picker {
  float: left;
}
.bs-datepicker button:hover,
.bs-datepicker button:focus,
.bs-datepicker button:active,
.bs-datepicker input:hover,
.bs-datepicker input:focus,
.bs-datepicker input:active, .bs-datepicker-btns button:hover, .bs-datepicker-btns button:focus, .bs-datepicker-btns button:active, .bs-datepicker-predefined-btns button:active, .bs-datepicker-predefined-btns button:focus {
  outline: none;
}
.bs-datepicker-head {
  min-width: 270px;
  height: 50px;
  padding: 10px;
  border-radius: 3px 3px 0 0;
  text-align: justify;
  /* .bs-datepicker-head button */
}
.bs-datepicker-head:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.bs-datepicker-head button {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  height: 30px;
  line-height: 30px;
  border: 0;
  background: transparent;
  text-align: center;
  cursor: pointer;
  color: #fff;
  transition: 0.3s;
}
.bs-datepicker-head button[disabled], .bs-datepicker-head button[disabled]:hover, .bs-datepicker-head button[disabled]:active {
  background: rgba(221, 221, 221, 0.3);
  color: #f5f5f5;
  cursor: not-allowed;
}
.bs-datepicker-head button.previous span {
  transform: translate(-1px, -1px);
}
.bs-datepicker-head button.next span {
  transform: translate(1px, -1px);
}
.bs-datepicker-head button.next, .bs-datepicker-head button.previous {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.bs-datepicker-head button.next span, .bs-datepicker-head button.previous span {
  font-size: 28px;
  line-height: 1;
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.bs-datepicker-head button.current {
  border-radius: 15px;
  max-width: 155px;
  padding: 0 13px;
}
.bs-datepicker-head button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.bs-datepicker-head button:active {
  background-color: rgba(0, 0, 0, 0.2);
}
.bs-datepicker-body {
  padding: 10px;
  border-radius: 0 0 3px 3px;
  min-height: 232px;
  min-width: 278px;
  border: 1px solid #e9edf0;
  /* .bs-datepicker-body table */
}
.bs-datepicker-body .days.weeks {
  position: relative;
  z-index: 1;
}
.bs-datepicker-body table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  /* .bs-datepicker-body table.days */
  /* .bs-datepicker-body table.weeks */
}
.bs-datepicker-body table th {
  font-size: 13px;
  color: #9aaec1;
  font-weight: 400;
  text-align: center;
}
.bs-datepicker-body table td {
  color: #54708b;
  text-align: center;
  position: relative;
  padding: 0;
  /* todo: check first :not(.disabled) usage */
}
.bs-datepicker-body table td span {
  display: block;
  margin: 0 auto;
  font-size: 13px;
  border-radius: 50%;
  /*z-index: 1;*/
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) {
  cursor: pointer;
}
.bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) {
  background-color: #e9edf0;
  transition: 0s;
}
.bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) {
  background-color: #e9edf0;
  transition: 0s;
  cursor: pointer;
}
.bs-datepicker-body table td span.disabled, .bs-datepicker-body table td.disabled span {
  color: #9aaec1;
}
.bs-datepicker-body table td span.selected, .bs-datepicker-body table td.selected span {
  color: #fff;
}
.bs-datepicker-body table td span.selected.disabled, .bs-datepicker-body table td.selected.disabled span {
  opacity: 0.3;
}
.bs-datepicker-body table td span.is-other-month, .bs-datepicker-body table td.is-other-month span {
  color: rgba(0, 0, 0, 0.25);
}
.bs-datepicker-body table td.active {
  position: relative;
}
.bs-datepicker-body table td.active.select-start:before {
  left: 35%;
}
.bs-datepicker-body table td.active.select-end:before {
  left: -85%;
}
.bs-datepicker-body table td span.active.select-start:after,
.bs-datepicker-body table td span.active.select-end:after, .bs-datepicker-body table td.active.select-start span:after, .bs-datepicker-body table td.active.select-end span:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  top: 0;
  border-radius: 50%;
}
.bs-datepicker-body table td:before,
.bs-datepicker-body table td span:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 6px;
  bottom: 6px;
  left: -3px;
  right: -2px;
  box-sizing: content-box;
  background: transparent;
}
.bs-datepicker-body table td.active.select-start + td.active:before {
  left: -20%;
}
.bs-datepicker-body table td:last-child.active:before {
  border-radius: 0 3px 3px 0;
  width: 125%;
  left: -25%;
}
.bs-datepicker-body table td span[class*=select-], .bs-datepicker-body table td[class*=select-] span {
  border-radius: 50%;
  color: #fff;
}
.bs-datepicker-body table.days td.active:not(.select-start):not(.disabled):before, .bs-datepicker-body table.days td.in-range:not(.select-start):not(.disabled):before,
.bs-datepicker-body table.days span.active:not(.select-start):not(.disabled):before,
.bs-datepicker-body table.days span.in-range:not(.select-start):not(.disabled):before {
  background: #e9edf0;
}
.bs-datepicker-body table.days span {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.bs-datepicker-body table.days span.select-start {
  z-index: 2;
}
.bs-datepicker-body table.days span.is-highlighted.in-range:before {
  right: 3px;
  left: 0;
}
.bs-datepicker-body table.days span.in-range.select-end:before {
  right: 4px;
  left: 0;
}
.bs-datepicker-body table.days td.select-start + td.select-end:before, .bs-datepicker-body table.days td.select-start + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.select-end:before, .bs-datepicker-body table.days td.in-range + td.is-highlighted:before, .bs-datepicker-body table.days td.in-range + td.select-end:before {
  background: #e9edf0;
  width: 100%;
}
.bs-datepicker-body table.weeks tr td:nth-child(2).active:before {
  border-radius: 3px 0 0 3px;
  left: 0;
  width: 100%;
}
.bs-datepicker-body table:not(.weeks) tr td:first-child:before {
  border-radius: 3px 0 0 3px;
}
.bs-datepicker-body table.years td span {
  width: 46px;
  height: 46px;
  line-height: 45px;
  margin: 0 auto;
}
.bs-datepicker-body table.years tr:not(:last-child) td span {
  margin-bottom: 8px;
}
.bs-datepicker-body table.months td {
  height: 52px;
}
.bs-datepicker-body table.months td span {
  padding: 6px;
  border-radius: 15px;
}
.bs-datepicker .current-timedate {
  color: #54708b;
  font-size: 15px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  border: 1px solid #e9edf0;
  margin-bottom: 10px;
  cursor: pointer;
  text-transform: uppercase;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker .current-timedate span:not(:empty):before {
  content: "";
  width: 15px;
  height: 16px;
  display: inline-block;
  margin-right: 4px;
  vertical-align: text-bottom;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC);
}
.bs-datepicker-multiple {
  border-radius: 4px 0 0 4px;
}
.bs-datepicker-multiple + .bs-datepicker-multiple {
  margin-left: 10px;
}
.bs-datepicker-multiple .bs-datepicker {
  box-shadow: none;
  position: relative;
}
.bs-datepicker-multiple .bs-datepicker:not(:last-child) {
  padding-right: 10px;
}
.bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after {
  content: "";
  display: block;
  width: 14px;
  height: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=);
  position: absolute;
  top: 25px;
  left: -8px;
}
.bs-datepicker-multiple .bs-datepicker .left {
  float: left;
}
.bs-datepicker-multiple .bs-datepicker .right {
  float: right;
}
.bs-datepicker-container {
  padding: 15px;
}
.bs-datepicker .bs-media-container {
  display: flex;
}
@media (max-width: 768px) {
  .bs-datepicker .bs-media-container {
    flex-direction: column;
  }
}
.bs-datepicker .bs-timepicker-in-datepicker-container {
  display: flex;
  justify-content: space-around;
}
.bs-datepicker-custom-range {
  padding: 15px;
  background: #eee;
}
.bs-datepicker-predefined-btns button {
  width: 100%;
  display: block;
  height: 30px;
  background-color: #9aaec1;
  border-radius: 4px;
  color: #fff;
  border: 0;
  margin-bottom: 10px;
  padding: 0 18px;
  text-align: left;
  transition: 0.3s;
}
.bs-datepicker-predefined-btns button:hover {
  background-color: #54708b;
}
.bs-datepicker-buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  padding-top: 10px;
  border-top: 1px solid #e9edf0;
}
.bs-datepicker-buttons .btn-default {
  margin-left: 10px;
}
.bs-datepicker-buttons .btn-today-wrapper {
  display: flex;
  flex-flow: row wrap;
}
.bs-datepicker-buttons .clear-right,
.bs-datepicker-buttons .today-right {
  flex-grow: 0;
}
.bs-datepicker-buttons .clear-left,
.bs-datepicker-buttons .today-left {
  flex-grow: 1;
}
.bs-datepicker-buttons .clear-center,
.bs-datepicker-buttons .today-center {
  flex-grow: 0.5;
}

/* .bs-timepicker */
.bs-timepicker-container {
  padding: 10px 0;
}
.bs-timepicker-label {
  color: #54708b;
  margin-bottom: 10px;
}
.bs-timepicker-controls {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.bs-timepicker-controls button {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 0;
  background-color: #e9edf0;
  color: #54708b;
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
  line-height: 0;
  padding: 0;
  transition: 0.3s;
}
.bs-timepicker-controls button:hover {
  background-color: #d5dadd;
}
.bs-timepicker-controls input {
  width: 35px;
  height: 25px;
  border-radius: 13px;
  text-align: center;
  border: 1px solid #e9edf0;
}
.bs-timepicker .switch-time-format {
  text-transform: uppercase;
  min-width: 54px;
  height: 25px;
  border-radius: 20px;
  border: 1px solid #e9edf0;
  background: #fff;
  color: #54708b;
  font-size: 13px;
}
.bs-timepicker .switch-time-format img {
  vertical-align: initial;
  margin-left: 4px;
}

bs-datepicker-container,
bs-daterangepicker-container {
  z-index: 1080;
}

/* screen size < 1024px */
@media (max-width: 768px) {
  .bs-datepicker {
    width: min-content;
    justify-content: center;
  }
  .bs-datepicker-multiple {
    display: flex;
  }
  .bs-datepicker-multiple + .bs-datepicker-multiple {
    margin-top: 10px;
    margin-left: 0;
  }
}
/* theming */
.theme-default .bs-datepicker-head {
  background-color: #777;
}
.theme-default .btn-today-wrapper .btn-success, .theme-default .btn-clear-wrapper .btn-success {
  background-color: #777;
  border-color: #777;
}
.theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-default .btn-today-wrapper .btn-success:focus, .theme-default .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #616161;
  border-color: #616161;
}
.theme-default .btn-today-wrapper .btn-success:hover, .theme-default .btn-clear-wrapper .btn-success:hover {
  background-color: #6F6E6E;
  border-color: #6F6E6E;
}
.theme-default .bs-datepicker-predefined-btns button.selected {
  background-color: #777;
}
.theme-default .bs-datepicker-body table td span.selected, .theme-default .bs-datepicker-body table td.selected span,
.theme-default .bs-datepicker-body table td span[class*=select-]:after, .theme-default .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #777;
}
.theme-default .bs-datepicker-body table td.week span {
  color: #777;
}
.theme-default .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #777;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

.theme-green .bs-datepicker-head {
  background-color: #5cb85c;
}
.theme-green .btn-today-wrapper .btn-success, .theme-green .btn-clear-wrapper .btn-success {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-green .btn-today-wrapper .btn-success:focus, .theme-green .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #1e7e34;
  border-color: #1e7e34;
}
.theme-green .btn-today-wrapper .btn-success:hover, .theme-green .btn-clear-wrapper .btn-success:hover {
  background-color: #218838;
  border-color: #218838;
}
.theme-green .bs-datepicker-predefined-btns button.selected {
  background-color: #5cb85c;
}
.theme-green .bs-datepicker-body table td span.selected, .theme-green .bs-datepicker-body table td.selected span,
.theme-green .bs-datepicker-body table td span[class*=select-]:after, .theme-green .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #5cb85c;
}
.theme-green .bs-datepicker-body table td.week span {
  color: #5cb85c;
}
.theme-green .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #5cb85c;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

.theme-blue .bs-datepicker-head {
  background-color: #5bc0de;
}
.theme-blue .btn-today-wrapper .btn-success, .theme-blue .btn-clear-wrapper .btn-success {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-blue .btn-today-wrapper .btn-success:focus, .theme-blue .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #2AA8CD;
  border-color: #2AA8CD;
}
.theme-blue .btn-today-wrapper .btn-success:hover, .theme-blue .btn-clear-wrapper .btn-success:hover {
  background-color: #3AB3D7;
  border-color: #3AB3D7;
}
.theme-blue .bs-datepicker-predefined-btns button.selected {
  background-color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td span.selected, .theme-blue .bs-datepicker-body table td.selected span,
.theme-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-blue .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td.week span {
  color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #5bc0de;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

.theme-dark-blue .bs-datepicker-head {
  background-color: #337ab7;
}
.theme-dark-blue .btn-today-wrapper .btn-success, .theme-dark-blue .btn-clear-wrapper .btn-success {
  background-color: #337ab7;
  border-color: #337ab7;
}
.theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-dark-blue .btn-today-wrapper .btn-success:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #266498;
  border-color: #266498;
}
.theme-dark-blue .btn-today-wrapper .btn-success:hover, .theme-dark-blue .btn-clear-wrapper .btn-success:hover {
  background-color: #2C6FA9;
  border-color: #2C6FA9;
}
.theme-dark-blue .bs-datepicker-predefined-btns button.selected {
  background-color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td span.selected, .theme-dark-blue .bs-datepicker-body table td.selected span,
.theme-dark-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-dark-blue .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td.week span {
  color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #337ab7;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

.theme-red .bs-datepicker-head {
  background-color: #d9534f;
}
.theme-red .btn-today-wrapper .btn-success, .theme-red .btn-clear-wrapper .btn-success {
  background-color: #d9534f;
  border-color: #d9534f;
}
.theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-red .btn-today-wrapper .btn-success:focus, .theme-red .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #D23531;
  border-color: #D23531;
}
.theme-red .btn-today-wrapper .btn-success:hover, .theme-red .btn-clear-wrapper .btn-success:hover {
  background-color: #E33732;
  border-color: #E33732;
}
.theme-red .bs-datepicker-predefined-btns button.selected {
  background-color: #d9534f;
}
.theme-red .bs-datepicker-body table td span.selected, .theme-red .bs-datepicker-body table td.selected span,
.theme-red .bs-datepicker-body table td span[class*=select-]:after, .theme-red .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #d9534f;
}
.theme-red .bs-datepicker-body table td.week span {
  color: #d9534f;
}
.theme-red .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #d9534f;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

.theme-orange .bs-datepicker-head {
  background-color: #f0ad4e;
}
.theme-orange .btn-today-wrapper .btn-success, .theme-orange .btn-clear-wrapper .btn-success {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-orange .btn-today-wrapper .btn-success:focus, .theme-orange .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #ED9C29;
  border-color: #ED9C29;
}
.theme-orange .btn-today-wrapper .btn-success:hover, .theme-orange .btn-clear-wrapper .btn-success:hover {
  background-color: #FFAC35;
  border-color: #FFAC35;
}
.theme-orange .bs-datepicker-predefined-btns button.selected {
  background-color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td span.selected, .theme-orange .bs-datepicker-body table td.selected span,
.theme-orange .bs-datepicker-body table td span[class*=select-]:after, .theme-orange .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td.week span {
  color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #f0ad4e;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

/*# sourceMappingURL=bs-datepicker.css.map */

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ladda/dist/ladda.min.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/*!
 * Ladda including the default theme.
 *//*!
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2018 Hakim El Hattab, http://hakim.se
 */@keyframes ladda-spinner-line-fade{0%,100%{opacity:.22}1%{opacity:1}}.ladda-button{position:relative}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;top:50%;margin-top:0;opacity:0;pointer-events:none}.ladda-button .ladda-label{position:relative;z-index:3}.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,.2);display:none;transition:.1s linear all}.ladda-button[data-loading] .ladda-progress{display:block}.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{transition:.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all}.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{transition:.3s ease all}.ladda-button[data-style=expand-right] .ladda-spinner{right:-6px}.ladda-button[data-style=expand-right][data-size=s] .ladda-spinner,.ladda-button[data-style=expand-right][data-size=xs] .ladda-spinner{right:-12px}.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-right][data-loading][data-size=s],.ladda-button[data-style=expand-right][data-loading][data-size=xs]{padding-right:40px}.ladda-button[data-style=expand-left] .ladda-spinner{left:26px}.ladda-button[data-style=expand-left][data-size=s] .ladda-spinner,.ladda-button[data-style=expand-left][data-size=xs] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-left][data-loading][data-size=s],.ladda-button[data-style=expand-left][data-loading][data-size=xs]{padding-left:40px}.ladda-button[data-style=expand-up]{overflow:hidden}.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:0}.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:26px;margin-top:0}.ladda-button[data-style=expand-up][data-loading][data-size=s],.ladda-button[data-style=expand-up][data-loading][data-size=xs]{padding-top:32px}.ladda-button[data-style=expand-up][data-loading][data-size=s] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size=xs] .ladda-spinner{top:4px}.ladda-button[data-style=expand-down]{overflow:hidden}.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:0}.ladda-button[data-style=expand-down][data-size=s] .ladda-spinner,.ladda-button[data-style=expand-down][data-size=xs] .ladda-spinner{top:40px}.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-down][data-loading][data-size=s],.ladda-button[data-style=expand-down][data-loading][data-size=xs]{padding-bottom:32px}.ladda-button[data-style=slide-left]{overflow:hidden}.ladda-button[data-style=slide-left] .ladda-label{position:relative}.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:0}.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-right]{overflow:hidden}.ladda-button[data-style=slide-right] .ladda-label{position:relative}.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:0;left:16px}[dir=rtl] .ladda-button[data-style=slide-right] .ladda-spinner{right:auto}.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-up]{overflow:hidden}.ladda-button[data-style=slide-up] .ladda-label{position:relative}.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:0;margin-top:1em}.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=slide-down]{overflow:hidden}.ladda-button[data-style=slide-down] .ladda-label{position:relative}.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:0;margin-top:-2em}.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=zoom-out]{overflow:hidden}.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:32px;transform:scale(2.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity:0;transform:scale(0.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity:1;margin-left:0;transform:none}.ladda-button[data-style=zoom-in]{overflow:hidden}.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;transform:scale(0.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;transform:scale(2.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;margin-left:0;transform:none}.ladda-button[data-style=contract]{overflow:hidden;width:100px}.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 2000px rgba(0,0,0,0)}.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 2000px rgba(0,0,0,.8)}.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}[dir=rtl] .ladda-spinner>div{left:25% !important}.ladda-button{background:#666;border:0;padding:14px 18px;font-size:18px;cursor:pointer;color:#fff;border-radius:2px;border:1px solid transparent;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ladda-button:hover{border-color:rgba(0,0,0,.07);background-color:#888}.ladda-button[data-color=green]{background:#2aca76}.ladda-button[data-color=green]:hover{background-color:#38d683}.ladda-button[data-color=blue]{background:#53b5e6}.ladda-button[data-color=blue]:hover{background-color:#69bfe9}.ladda-button[data-color=red]{background:#ea8557}.ladda-button[data-color=red]:hover{background-color:#ed956e}.ladda-button[data-color=purple]{background:#9973c2}.ladda-button[data-color=purple]:hover{background-color:#a685ca}.ladda-button[data-color=mint]{background:#16a085}.ladda-button[data-color=mint]:hover{background-color:#19b698}.ladda-button[disabled],.ladda-button[data-loading]{border-color:rgba(0,0,0,.07)}.ladda-button[disabled],.ladda-button[disabled]:hover,.ladda-button[data-loading],.ladda-button[data-loading]:hover{cursor:default;background-color:#999}.ladda-button[data-size=xs]{padding:4px 8px}.ladda-button[data-size=xs] .ladda-label{font-size:.7em}.ladda-button[data-size=s]{padding:6px 10px}.ladda-button[data-size=s] .ladda-label{font-size:.9em}.ladda-button[data-size=l] .ladda-label{font-size:1.2em}.ladda-button[data-size=xl] .ladda-label{font-size:1.5em}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/flag-icons/css/flag-icons.min.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.fib,.fi{background-size:contain;background-position:50%;background-repeat:no-repeat}.fi{position:relative;display:inline-block;width:1.333333em;line-height:1em}.fi:before{content:" "}.fi.fis{width:1em}.fi-xx{background-image:url('xx.svg')}.fi-xx.fis{background-image:url('_-flags-1x1-xx.svg')}.fi-ad{background-image:url('ad.svg')}.fi-ad.fis{background-image:url('_-flags-1x1-ad.svg')}.fi-ae{background-image:url('ae.svg')}.fi-ae.fis{background-image:url('_-flags-1x1-ae.svg')}.fi-af{background-image:url('af.svg')}.fi-af.fis{background-image:url('_-flags-1x1-af.svg')}.fi-ag{background-image:url('ag.svg')}.fi-ag.fis{background-image:url('_-flags-1x1-ag.svg')}.fi-ai{background-image:url('ai.svg')}.fi-ai.fis{background-image:url('_-flags-1x1-ai.svg')}.fi-al{background-image:url('al.svg')}.fi-al.fis{background-image:url('_-flags-1x1-al.svg')}.fi-am{background-image:url('am.svg')}.fi-am.fis{background-image:url('_-flags-1x1-am.svg')}.fi-ao{background-image:url('ao.svg')}.fi-ao.fis{background-image:url('_-flags-1x1-ao.svg')}.fi-aq{background-image:url('aq.svg')}.fi-aq.fis{background-image:url('_-flags-1x1-aq.svg')}.fi-ar{background-image:url('ar.svg')}.fi-ar.fis{background-image:url('_-flags-1x1-ar.svg')}.fi-as{background-image:url('as.svg')}.fi-as.fis{background-image:url('_-flags-1x1-as.svg')}.fi-at{background-image:url('at.svg')}.fi-at.fis{background-image:url('_-flags-1x1-at.svg')}.fi-au{background-image:url('au.svg')}.fi-au.fis{background-image:url('_-flags-1x1-au.svg')}.fi-aw{background-image:url('aw.svg')}.fi-aw.fis{background-image:url('_-flags-1x1-aw.svg')}.fi-ax{background-image:url('ax.svg')}.fi-ax.fis{background-image:url('_-flags-1x1-ax.svg')}.fi-az{background-image:url('az.svg')}.fi-az.fis{background-image:url('_-flags-1x1-az.svg')}.fi-ba{background-image:url('ba.svg')}.fi-ba.fis{background-image:url('_-flags-1x1-ba.svg')}.fi-bb{background-image:url('bb.svg')}.fi-bb.fis{background-image:url('_-flags-1x1-bb.svg')}.fi-bd{background-image:url('bd.svg')}.fi-bd.fis{background-image:url('_-flags-1x1-bd.svg')}.fi-be{background-image:url('be.svg')}.fi-be.fis{background-image:url('_-flags-1x1-be.svg')}.fi-bf{background-image:url('bf.svg')}.fi-bf.fis{background-image:url('_-flags-1x1-bf.svg')}.fi-bg{background-image:url('bg.svg')}.fi-bg.fis{background-image:url('_-flags-1x1-bg.svg')}.fi-bh{background-image:url('bh.svg')}.fi-bh.fis{background-image:url('_-flags-1x1-bh.svg')}.fi-bi{background-image:url('bi.svg')}.fi-bi.fis{background-image:url('_-flags-1x1-bi.svg')}.fi-bj{background-image:url('bj.svg')}.fi-bj.fis{background-image:url('_-flags-1x1-bj.svg')}.fi-bl{background-image:url('bl.svg')}.fi-bl.fis{background-image:url('_-flags-1x1-bl.svg')}.fi-bm{background-image:url('bm.svg')}.fi-bm.fis{background-image:url('_-flags-1x1-bm.svg')}.fi-bn{background-image:url('bn.svg')}.fi-bn.fis{background-image:url('_-flags-1x1-bn.svg')}.fi-bo{background-image:url('bo.svg')}.fi-bo.fis{background-image:url('_-flags-1x1-bo.svg')}.fi-bq{background-image:url('bq.svg')}.fi-bq.fis{background-image:url('_-flags-1x1-bq.svg')}.fi-br{background-image:url('br.svg')}.fi-br.fis{background-image:url('_-flags-1x1-br.svg')}.fi-bs{background-image:url('bs.svg')}.fi-bs.fis{background-image:url('_-flags-1x1-bs.svg')}.fi-bt{background-image:url('bt.svg')}.fi-bt.fis{background-image:url('_-flags-1x1-bt.svg')}.fi-bv{background-image:url('bv.svg')}.fi-bv.fis{background-image:url('_-flags-1x1-bv.svg')}.fi-bw{background-image:url('bw.svg')}.fi-bw.fis{background-image:url('_-flags-1x1-bw.svg')}.fi-by{background-image:url('by.svg')}.fi-by.fis{background-image:url('_-flags-1x1-by.svg')}.fi-bz{background-image:url('bz.svg')}.fi-bz.fis{background-image:url('_-flags-1x1-bz.svg')}.fi-ca{background-image:url('ca.svg')}.fi-ca.fis{background-image:url('_-flags-1x1-ca.svg')}.fi-cc{background-image:url('cc.svg')}.fi-cc.fis{background-image:url('_-flags-1x1-cc.svg')}.fi-cd{background-image:url('cd.svg')}.fi-cd.fis{background-image:url('_-flags-1x1-cd.svg')}.fi-cf{background-image:url('cf.svg')}.fi-cf.fis{background-image:url('_-flags-1x1-cf.svg')}.fi-cg{background-image:url('cg.svg')}.fi-cg.fis{background-image:url('_-flags-1x1-cg.svg')}.fi-ch{background-image:url('ch.svg')}.fi-ch.fis{background-image:url('_-flags-1x1-ch.svg')}.fi-ci{background-image:url('ci.svg')}.fi-ci.fis{background-image:url('_-flags-1x1-ci.svg')}.fi-ck{background-image:url('ck.svg')}.fi-ck.fis{background-image:url('_-flags-1x1-ck.svg')}.fi-cl{background-image:url('cl.svg')}.fi-cl.fis{background-image:url('_-flags-1x1-cl.svg')}.fi-cm{background-image:url('cm.svg')}.fi-cm.fis{background-image:url('_-flags-1x1-cm.svg')}.fi-cn{background-image:url('cn.svg')}.fi-cn.fis{background-image:url('_-flags-1x1-cn.svg')}.fi-co{background-image:url('co.svg')}.fi-co.fis{background-image:url('_-flags-1x1-co.svg')}.fi-cr{background-image:url('cr.svg')}.fi-cr.fis{background-image:url('_-flags-1x1-cr.svg')}.fi-cu{background-image:url('cu.svg')}.fi-cu.fis{background-image:url('_-flags-1x1-cu.svg')}.fi-cv{background-image:url('cv.svg')}.fi-cv.fis{background-image:url('_-flags-1x1-cv.svg')}.fi-cw{background-image:url('cw.svg')}.fi-cw.fis{background-image:url('_-flags-1x1-cw.svg')}.fi-cx{background-image:url('cx.svg')}.fi-cx.fis{background-image:url('_-flags-1x1-cx.svg')}.fi-cy{background-image:url('cy.svg')}.fi-cy.fis{background-image:url('_-flags-1x1-cy.svg')}.fi-cz{background-image:url('cz.svg')}.fi-cz.fis{background-image:url('_-flags-1x1-cz.svg')}.fi-de{background-image:url('de.svg')}.fi-de.fis{background-image:url('_-flags-1x1-de.svg')}.fi-dj{background-image:url('dj.svg')}.fi-dj.fis{background-image:url('_-flags-1x1-dj.svg')}.fi-dk{background-image:url('dk.svg')}.fi-dk.fis{background-image:url('_-flags-1x1-dk.svg')}.fi-dm{background-image:url('dm.svg')}.fi-dm.fis{background-image:url('_-flags-1x1-dm.svg')}.fi-do{background-image:url('do.svg')}.fi-do.fis{background-image:url('_-flags-1x1-do.svg')}.fi-dz{background-image:url('dz.svg')}.fi-dz.fis{background-image:url('_-flags-1x1-dz.svg')}.fi-ec{background-image:url('ec.svg')}.fi-ec.fis{background-image:url('_-flags-1x1-ec.svg')}.fi-ee{background-image:url('ee.svg')}.fi-ee.fis{background-image:url('_-flags-1x1-ee.svg')}.fi-eg{background-image:url('eg.svg')}.fi-eg.fis{background-image:url('_-flags-1x1-eg.svg')}.fi-eh{background-image:url('eh.svg')}.fi-eh.fis{background-image:url('_-flags-1x1-eh.svg')}.fi-er{background-image:url('er.svg')}.fi-er.fis{background-image:url('_-flags-1x1-er.svg')}.fi-es{background-image:url('es.svg')}.fi-es.fis{background-image:url('_-flags-1x1-es.svg')}.fi-et{background-image:url('et.svg')}.fi-et.fis{background-image:url('_-flags-1x1-et.svg')}.fi-fi{background-image:url('fi.svg')}.fi-fi.fis{background-image:url('_-flags-1x1-fi.svg')}.fi-fj{background-image:url('fj.svg')}.fi-fj.fis{background-image:url('_-flags-1x1-fj.svg')}.fi-fk{background-image:url('fk.svg')}.fi-fk.fis{background-image:url('_-flags-1x1-fk.svg')}.fi-fm{background-image:url('fm.svg')}.fi-fm.fis{background-image:url('_-flags-1x1-fm.svg')}.fi-fo{background-image:url('fo.svg')}.fi-fo.fis{background-image:url('_-flags-1x1-fo.svg')}.fi-fr{background-image:url('fr.svg')}.fi-fr.fis{background-image:url('_-flags-1x1-fr.svg')}.fi-ga{background-image:url('ga.svg')}.fi-ga.fis{background-image:url('_-flags-1x1-ga.svg')}.fi-gb{background-image:url('gb.svg')}.fi-gb.fis{background-image:url('_-flags-1x1-gb.svg')}.fi-gd{background-image:url('gd.svg')}.fi-gd.fis{background-image:url('_-flags-1x1-gd.svg')}.fi-ge{background-image:url('ge.svg')}.fi-ge.fis{background-image:url('_-flags-1x1-ge.svg')}.fi-gf{background-image:url('gf.svg')}.fi-gf.fis{background-image:url('_-flags-1x1-gf.svg')}.fi-gg{background-image:url('gg.svg')}.fi-gg.fis{background-image:url('_-flags-1x1-gg.svg')}.fi-gh{background-image:url('gh.svg')}.fi-gh.fis{background-image:url('_-flags-1x1-gh.svg')}.fi-gi{background-image:url('gi.svg')}.fi-gi.fis{background-image:url('_-flags-1x1-gi.svg')}.fi-gl{background-image:url('gl.svg')}.fi-gl.fis{background-image:url('_-flags-1x1-gl.svg')}.fi-gm{background-image:url('gm.svg')}.fi-gm.fis{background-image:url('_-flags-1x1-gm.svg')}.fi-gn{background-image:url('gn.svg')}.fi-gn.fis{background-image:url('_-flags-1x1-gn.svg')}.fi-gp{background-image:url('gp.svg')}.fi-gp.fis{background-image:url('_-flags-1x1-gp.svg')}.fi-gq{background-image:url('gq.svg')}.fi-gq.fis{background-image:url('_-flags-1x1-gq.svg')}.fi-gr{background-image:url('gr.svg')}.fi-gr.fis{background-image:url('_-flags-1x1-gr.svg')}.fi-gs{background-image:url('gs.svg')}.fi-gs.fis{background-image:url('_-flags-1x1-gs.svg')}.fi-gt{background-image:url('gt.svg')}.fi-gt.fis{background-image:url('_-flags-1x1-gt.svg')}.fi-gu{background-image:url('gu.svg')}.fi-gu.fis{background-image:url('_-flags-1x1-gu.svg')}.fi-gw{background-image:url('gw.svg')}.fi-gw.fis{background-image:url('_-flags-1x1-gw.svg')}.fi-gy{background-image:url('gy.svg')}.fi-gy.fis{background-image:url('_-flags-1x1-gy.svg')}.fi-hk{background-image:url('hk.svg')}.fi-hk.fis{background-image:url('_-flags-1x1-hk.svg')}.fi-hm{background-image:url('hm.svg')}.fi-hm.fis{background-image:url('_-flags-1x1-hm.svg')}.fi-hn{background-image:url('hn.svg')}.fi-hn.fis{background-image:url('_-flags-1x1-hn.svg')}.fi-hr{background-image:url('hr.svg')}.fi-hr.fis{background-image:url('_-flags-1x1-hr.svg')}.fi-ht{background-image:url('ht.svg')}.fi-ht.fis{background-image:url('_-flags-1x1-ht.svg')}.fi-hu{background-image:url('hu.svg')}.fi-hu.fis{background-image:url('_-flags-1x1-hu.svg')}.fi-id{background-image:url('id.svg')}.fi-id.fis{background-image:url('_-flags-1x1-id.svg')}.fi-ie{background-image:url('ie.svg')}.fi-ie.fis{background-image:url('_-flags-1x1-ie.svg')}.fi-il{background-image:url('il.svg')}.fi-il.fis{background-image:url('_-flags-1x1-il.svg')}.fi-im{background-image:url('im.svg')}.fi-im.fis{background-image:url('_-flags-1x1-im.svg')}.fi-in{background-image:url('in.svg')}.fi-in.fis{background-image:url('_-flags-1x1-in.svg')}.fi-io{background-image:url('io.svg')}.fi-io.fis{background-image:url('_-flags-1x1-io.svg')}.fi-iq{background-image:url('iq.svg')}.fi-iq.fis{background-image:url('_-flags-1x1-iq.svg')}.fi-ir{background-image:url('ir.svg')}.fi-ir.fis{background-image:url('_-flags-1x1-ir.svg')}.fi-is{background-image:url('is.svg')}.fi-is.fis{background-image:url('_-flags-1x1-is.svg')}.fi-it{background-image:url('it.svg')}.fi-it.fis{background-image:url('_-flags-1x1-it.svg')}.fi-je{background-image:url('je.svg')}.fi-je.fis{background-image:url('_-flags-1x1-je.svg')}.fi-jm{background-image:url('jm.svg')}.fi-jm.fis{background-image:url('_-flags-1x1-jm.svg')}.fi-jo{background-image:url('jo.svg')}.fi-jo.fis{background-image:url('_-flags-1x1-jo.svg')}.fi-jp{background-image:url('jp.svg')}.fi-jp.fis{background-image:url('_-flags-1x1-jp.svg')}.fi-ke{background-image:url('ke.svg')}.fi-ke.fis{background-image:url('_-flags-1x1-ke.svg')}.fi-kg{background-image:url('kg.svg')}.fi-kg.fis{background-image:url('_-flags-1x1-kg.svg')}.fi-kh{background-image:url('kh.svg')}.fi-kh.fis{background-image:url('_-flags-1x1-kh.svg')}.fi-ki{background-image:url('ki.svg')}.fi-ki.fis{background-image:url('_-flags-1x1-ki.svg')}.fi-km{background-image:url('km.svg')}.fi-km.fis{background-image:url('_-flags-1x1-km.svg')}.fi-kn{background-image:url('kn.svg')}.fi-kn.fis{background-image:url('_-flags-1x1-kn.svg')}.fi-kp{background-image:url('kp.svg')}.fi-kp.fis{background-image:url('_-flags-1x1-kp.svg')}.fi-kr{background-image:url('kr.svg')}.fi-kr.fis{background-image:url('_-flags-1x1-kr.svg')}.fi-kw{background-image:url('kw.svg')}.fi-kw.fis{background-image:url('_-flags-1x1-kw.svg')}.fi-ky{background-image:url('ky.svg')}.fi-ky.fis{background-image:url('_-flags-1x1-ky.svg')}.fi-kz{background-image:url('kz.svg')}.fi-kz.fis{background-image:url('_-flags-1x1-kz.svg')}.fi-la{background-image:url('la.svg')}.fi-la.fis{background-image:url('_-flags-1x1-la.svg')}.fi-lb{background-image:url('lb.svg')}.fi-lb.fis{background-image:url('_-flags-1x1-lb.svg')}.fi-lc{background-image:url('lc.svg')}.fi-lc.fis{background-image:url('_-flags-1x1-lc.svg')}.fi-li{background-image:url('li.svg')}.fi-li.fis{background-image:url('_-flags-1x1-li.svg')}.fi-lk{background-image:url('lk.svg')}.fi-lk.fis{background-image:url('_-flags-1x1-lk.svg')}.fi-lr{background-image:url('lr.svg')}.fi-lr.fis{background-image:url('_-flags-1x1-lr.svg')}.fi-ls{background-image:url('ls.svg')}.fi-ls.fis{background-image:url('_-flags-1x1-ls.svg')}.fi-lt{background-image:url('lt.svg')}.fi-lt.fis{background-image:url('_-flags-1x1-lt.svg')}.fi-lu{background-image:url('lu.svg')}.fi-lu.fis{background-image:url('_-flags-1x1-lu.svg')}.fi-lv{background-image:url('lv.svg')}.fi-lv.fis{background-image:url('_-flags-1x1-lv.svg')}.fi-ly{background-image:url('ly.svg')}.fi-ly.fis{background-image:url('_-flags-1x1-ly.svg')}.fi-ma{background-image:url('ma.svg')}.fi-ma.fis{background-image:url('_-flags-1x1-ma.svg')}.fi-mc{background-image:url('mc.svg')}.fi-mc.fis{background-image:url('_-flags-1x1-mc.svg')}.fi-md{background-image:url('md.svg')}.fi-md.fis{background-image:url('_-flags-1x1-md.svg')}.fi-me{background-image:url('me.svg')}.fi-me.fis{background-image:url('_-flags-1x1-me.svg')}.fi-mf{background-image:url('mf.svg')}.fi-mf.fis{background-image:url('_-flags-1x1-mf.svg')}.fi-mg{background-image:url('mg.svg')}.fi-mg.fis{background-image:url('_-flags-1x1-mg.svg')}.fi-mh{background-image:url('mh.svg')}.fi-mh.fis{background-image:url('_-flags-1x1-mh.svg')}.fi-mk{background-image:url('mk.svg')}.fi-mk.fis{background-image:url('_-flags-1x1-mk.svg')}.fi-ml{background-image:url('ml.svg')}.fi-ml.fis{background-image:url('_-flags-1x1-ml.svg')}.fi-mm{background-image:url('mm.svg')}.fi-mm.fis{background-image:url('_-flags-1x1-mm.svg')}.fi-mn{background-image:url('mn.svg')}.fi-mn.fis{background-image:url('_-flags-1x1-mn.svg')}.fi-mo{background-image:url('mo.svg')}.fi-mo.fis{background-image:url('_-flags-1x1-mo.svg')}.fi-mp{background-image:url('mp.svg')}.fi-mp.fis{background-image:url('_-flags-1x1-mp.svg')}.fi-mq{background-image:url('mq.svg')}.fi-mq.fis{background-image:url('_-flags-1x1-mq.svg')}.fi-mr{background-image:url('mr.svg')}.fi-mr.fis{background-image:url('_-flags-1x1-mr.svg')}.fi-ms{background-image:url('ms.svg')}.fi-ms.fis{background-image:url('_-flags-1x1-ms.svg')}.fi-mt{background-image:url('mt.svg')}.fi-mt.fis{background-image:url('_-flags-1x1-mt.svg')}.fi-mu{background-image:url('mu.svg')}.fi-mu.fis{background-image:url('_-flags-1x1-mu.svg')}.fi-mv{background-image:url('mv.svg')}.fi-mv.fis{background-image:url('_-flags-1x1-mv.svg')}.fi-mw{background-image:url('mw.svg')}.fi-mw.fis{background-image:url('_-flags-1x1-mw.svg')}.fi-mx{background-image:url('mx.svg')}.fi-mx.fis{background-image:url('_-flags-1x1-mx.svg')}.fi-my{background-image:url('my.svg')}.fi-my.fis{background-image:url('_-flags-1x1-my.svg')}.fi-mz{background-image:url('mz.svg')}.fi-mz.fis{background-image:url('_-flags-1x1-mz.svg')}.fi-na{background-image:url('na.svg')}.fi-na.fis{background-image:url('_-flags-1x1-na.svg')}.fi-nc{background-image:url('nc.svg')}.fi-nc.fis{background-image:url('_-flags-1x1-nc.svg')}.fi-ne{background-image:url('ne.svg')}.fi-ne.fis{background-image:url('_-flags-1x1-ne.svg')}.fi-nf{background-image:url('nf.svg')}.fi-nf.fis{background-image:url('_-flags-1x1-nf.svg')}.fi-ng{background-image:url('ng.svg')}.fi-ng.fis{background-image:url('_-flags-1x1-ng.svg')}.fi-ni{background-image:url('ni.svg')}.fi-ni.fis{background-image:url('_-flags-1x1-ni.svg')}.fi-nl{background-image:url('nl.svg')}.fi-nl.fis{background-image:url('_-flags-1x1-nl.svg')}.fi-no{background-image:url('no.svg')}.fi-no.fis{background-image:url('_-flags-1x1-no.svg')}.fi-np{background-image:url('np.svg')}.fi-np.fis{background-image:url('_-flags-1x1-np.svg')}.fi-nr{background-image:url('nr.svg')}.fi-nr.fis{background-image:url('_-flags-1x1-nr.svg')}.fi-nu{background-image:url('nu.svg')}.fi-nu.fis{background-image:url('_-flags-1x1-nu.svg')}.fi-nz{background-image:url('nz.svg')}.fi-nz.fis{background-image:url('_-flags-1x1-nz.svg')}.fi-om{background-image:url('om.svg')}.fi-om.fis{background-image:url('_-flags-1x1-om.svg')}.fi-pa{background-image:url('pa.svg')}.fi-pa.fis{background-image:url('_-flags-1x1-pa.svg')}.fi-pe{background-image:url('pe.svg')}.fi-pe.fis{background-image:url('_-flags-1x1-pe.svg')}.fi-pf{background-image:url('pf.svg')}.fi-pf.fis{background-image:url('_-flags-1x1-pf.svg')}.fi-pg{background-image:url('pg.svg')}.fi-pg.fis{background-image:url('_-flags-1x1-pg.svg')}.fi-ph{background-image:url('ph.svg')}.fi-ph.fis{background-image:url('_-flags-1x1-ph.svg')}.fi-pk{background-image:url('pk.svg')}.fi-pk.fis{background-image:url('_-flags-1x1-pk.svg')}.fi-pl{background-image:url('pl.svg')}.fi-pl.fis{background-image:url('_-flags-1x1-pl.svg')}.fi-pm{background-image:url('pm.svg')}.fi-pm.fis{background-image:url('_-flags-1x1-pm.svg')}.fi-pn{background-image:url('pn.svg')}.fi-pn.fis{background-image:url('_-flags-1x1-pn.svg')}.fi-pr{background-image:url('pr.svg')}.fi-pr.fis{background-image:url('_-flags-1x1-pr.svg')}.fi-ps{background-image:url('ps.svg')}.fi-ps.fis{background-image:url('_-flags-1x1-ps.svg')}.fi-pt{background-image:url('pt.svg')}.fi-pt.fis{background-image:url('_-flags-1x1-pt.svg')}.fi-pw{background-image:url('pw.svg')}.fi-pw.fis{background-image:url('_-flags-1x1-pw.svg')}.fi-py{background-image:url('py.svg')}.fi-py.fis{background-image:url('_-flags-1x1-py.svg')}.fi-qa{background-image:url('qa.svg')}.fi-qa.fis{background-image:url('_-flags-1x1-qa.svg')}.fi-re{background-image:url('re.svg')}.fi-re.fis{background-image:url('_-flags-1x1-re.svg')}.fi-ro{background-image:url('ro.svg')}.fi-ro.fis{background-image:url('_-flags-1x1-ro.svg')}.fi-rs{background-image:url('rs.svg')}.fi-rs.fis{background-image:url('_-flags-1x1-rs.svg')}.fi-ru{background-image:url('ru.svg')}.fi-ru.fis{background-image:url('_-flags-1x1-ru.svg')}.fi-rw{background-image:url('rw.svg')}.fi-rw.fis{background-image:url('_-flags-1x1-rw.svg')}.fi-sa{background-image:url('sa.svg')}.fi-sa.fis{background-image:url('_-flags-1x1-sa.svg')}.fi-sb{background-image:url('sb.svg')}.fi-sb.fis{background-image:url('_-flags-1x1-sb.svg')}.fi-sc{background-image:url('sc.svg')}.fi-sc.fis{background-image:url('_-flags-1x1-sc.svg')}.fi-sd{background-image:url('sd.svg')}.fi-sd.fis{background-image:url('_-flags-1x1-sd.svg')}.fi-se{background-image:url('se.svg')}.fi-se.fis{background-image:url('_-flags-1x1-se.svg')}.fi-sg{background-image:url('sg.svg')}.fi-sg.fis{background-image:url('_-flags-1x1-sg.svg')}.fi-sh{background-image:url('sh.svg')}.fi-sh.fis{background-image:url('_-flags-1x1-sh.svg')}.fi-si{background-image:url('si.svg')}.fi-si.fis{background-image:url('_-flags-1x1-si.svg')}.fi-sj{background-image:url('sj.svg')}.fi-sj.fis{background-image:url('_-flags-1x1-sj.svg')}.fi-sk{background-image:url('sk.svg')}.fi-sk.fis{background-image:url('_-flags-1x1-sk.svg')}.fi-sl{background-image:url('sl.svg')}.fi-sl.fis{background-image:url('_-flags-1x1-sl.svg')}.fi-sm{background-image:url('sm.svg')}.fi-sm.fis{background-image:url('_-flags-1x1-sm.svg')}.fi-sn{background-image:url('sn.svg')}.fi-sn.fis{background-image:url('_-flags-1x1-sn.svg')}.fi-so{background-image:url('so.svg')}.fi-so.fis{background-image:url('_-flags-1x1-so.svg')}.fi-sr{background-image:url('sr.svg')}.fi-sr.fis{background-image:url('_-flags-1x1-sr.svg')}.fi-ss{background-image:url('ss.svg')}.fi-ss.fis{background-image:url('_-flags-1x1-ss.svg')}.fi-st{background-image:url('st.svg')}.fi-st.fis{background-image:url('_-flags-1x1-st.svg')}.fi-sv{background-image:url('sv.svg')}.fi-sv.fis{background-image:url('_-flags-1x1-sv.svg')}.fi-sx{background-image:url('sx.svg')}.fi-sx.fis{background-image:url('_-flags-1x1-sx.svg')}.fi-sy{background-image:url('sy.svg')}.fi-sy.fis{background-image:url('_-flags-1x1-sy.svg')}.fi-sz{background-image:url('sz.svg')}.fi-sz.fis{background-image:url('_-flags-1x1-sz.svg')}.fi-tc{background-image:url('tc.svg')}.fi-tc.fis{background-image:url('_-flags-1x1-tc.svg')}.fi-td{background-image:url('td.svg')}.fi-td.fis{background-image:url('_-flags-1x1-td.svg')}.fi-tf{background-image:url('tf.svg')}.fi-tf.fis{background-image:url('_-flags-1x1-tf.svg')}.fi-tg{background-image:url('tg.svg')}.fi-tg.fis{background-image:url('_-flags-1x1-tg.svg')}.fi-th{background-image:url('th.svg')}.fi-th.fis{background-image:url('_-flags-1x1-th.svg')}.fi-tj{background-image:url('tj.svg')}.fi-tj.fis{background-image:url('_-flags-1x1-tj.svg')}.fi-tk{background-image:url('tk.svg')}.fi-tk.fis{background-image:url('_-flags-1x1-tk.svg')}.fi-tl{background-image:url('tl.svg')}.fi-tl.fis{background-image:url('_-flags-1x1-tl.svg')}.fi-tm{background-image:url('tm.svg')}.fi-tm.fis{background-image:url('_-flags-1x1-tm.svg')}.fi-tn{background-image:url('tn.svg')}.fi-tn.fis{background-image:url('_-flags-1x1-tn.svg')}.fi-to{background-image:url('to.svg')}.fi-to.fis{background-image:url('_-flags-1x1-to.svg')}.fi-tr{background-image:url('tr.svg')}.fi-tr.fis{background-image:url('_-flags-1x1-tr.svg')}.fi-tt{background-image:url('tt.svg')}.fi-tt.fis{background-image:url('_-flags-1x1-tt.svg')}.fi-tv{background-image:url('tv.svg')}.fi-tv.fis{background-image:url('_-flags-1x1-tv.svg')}.fi-tw{background-image:url('tw.svg')}.fi-tw.fis{background-image:url('_-flags-1x1-tw.svg')}.fi-tz{background-image:url('tz.svg')}.fi-tz.fis{background-image:url('_-flags-1x1-tz.svg')}.fi-ua{background-image:url('ua.svg')}.fi-ua.fis{background-image:url('_-flags-1x1-ua.svg')}.fi-ug{background-image:url('ug.svg')}.fi-ug.fis{background-image:url('_-flags-1x1-ug.svg')}.fi-um{background-image:url('um.svg')}.fi-um.fis{background-image:url('_-flags-1x1-um.svg')}.fi-us{background-image:url('us.svg')}.fi-us.fis{background-image:url('_-flags-1x1-us.svg')}.fi-uy{background-image:url('uy.svg')}.fi-uy.fis{background-image:url('_-flags-1x1-uy.svg')}.fi-uz{background-image:url('uz.svg')}.fi-uz.fis{background-image:url('_-flags-1x1-uz.svg')}.fi-va{background-image:url('va.svg')}.fi-va.fis{background-image:url('_-flags-1x1-va.svg')}.fi-vc{background-image:url('vc.svg')}.fi-vc.fis{background-image:url('_-flags-1x1-vc.svg')}.fi-ve{background-image:url('ve.svg')}.fi-ve.fis{background-image:url('_-flags-1x1-ve.svg')}.fi-vg{background-image:url('vg.svg')}.fi-vg.fis{background-image:url('_-flags-1x1-vg.svg')}.fi-vi{background-image:url('vi.svg')}.fi-vi.fis{background-image:url('_-flags-1x1-vi.svg')}.fi-vn{background-image:url('vn.svg')}.fi-vn.fis{background-image:url('_-flags-1x1-vn.svg')}.fi-vu{background-image:url('vu.svg')}.fi-vu.fis{background-image:url('_-flags-1x1-vu.svg')}.fi-wf{background-image:url('wf.svg')}.fi-wf.fis{background-image:url('_-flags-1x1-wf.svg')}.fi-ws{background-image:url('ws.svg')}.fi-ws.fis{background-image:url('_-flags-1x1-ws.svg')}.fi-ye{background-image:url('ye.svg')}.fi-ye.fis{background-image:url('_-flags-1x1-ye.svg')}.fi-yt{background-image:url('yt.svg')}.fi-yt.fis{background-image:url('_-flags-1x1-yt.svg')}.fi-za{background-image:url('za.svg')}.fi-za.fis{background-image:url('_-flags-1x1-za.svg')}.fi-zm{background-image:url('zm.svg')}.fi-zm.fis{background-image:url('_-flags-1x1-zm.svg')}.fi-zw{background-image:url('zw.svg')}.fi-zw.fis{background-image:url('_-flags-1x1-zw.svg')}.fi-arab{background-image:url('arab.svg')}.fi-arab.fis{background-image:url('_-flags-1x1-arab.svg')}.fi-cefta{background-image:url('cefta.svg')}.fi-cefta.fis{background-image:url('_-flags-1x1-cefta.svg')}.fi-cp{background-image:url('cp.svg')}.fi-cp.fis{background-image:url('_-flags-1x1-cp.svg')}.fi-dg{background-image:url('dg.svg')}.fi-dg.fis{background-image:url('_-flags-1x1-dg.svg')}.fi-eac{background-image:url('eac.svg')}.fi-eac.fis{background-image:url('_-flags-1x1-eac.svg')}.fi-es-ct{background-image:url('es-ct.svg')}.fi-es-ct.fis{background-image:url('_-flags-1x1-es-ct.svg')}.fi-es-ga{background-image:url('es-ga.svg')}.fi-es-ga.fis{background-image:url('_-flags-1x1-es-ga.svg')}.fi-es-pv{background-image:url('es-pv.svg')}.fi-es-pv.fis{background-image:url('_-flags-1x1-es-pv.svg')}.fi-eu{background-image:url('eu.svg')}.fi-eu.fis{background-image:url('_-flags-1x1-eu.svg')}.fi-gb-eng{background-image:url('gb-eng.svg')}.fi-gb-eng.fis{background-image:url('_-flags-1x1-gb-eng.svg')}.fi-gb-nir{background-image:url('gb-nir.svg')}.fi-gb-nir.fis{background-image:url('_-flags-1x1-gb-nir.svg')}.fi-gb-sct{background-image:url('gb-sct.svg')}.fi-gb-sct.fis{background-image:url('_-flags-1x1-gb-sct.svg')}.fi-gb-wls{background-image:url('gb-wls.svg')}.fi-gb-wls.fis{background-image:url('_-flags-1x1-gb-wls.svg')}.fi-ic{background-image:url('ic.svg')}.fi-ic.fis{background-image:url('_-flags-1x1-ic.svg')}.fi-pc{background-image:url('pc.svg')}.fi-pc.fis{background-image:url('_-flags-1x1-pc.svg')}.fi-sh-ac{background-image:url('sh-ac.svg')}.fi-sh-ac.fis{background-image:url('_-flags-1x1-sh-ac.svg')}.fi-sh-hl{background-image:url('sh-hl.svg')}.fi-sh-hl.fis{background-image:url('_-flags-1x1-sh-hl.svg')}.fi-sh-ta{background-image:url('sh-ta.svg')}.fi-sh-ta.fis{background-image:url('_-flags-1x1-sh-ta.svg')}.fi-un{background-image:url('un.svg')}.fi-un.fis{background-image:url('_-flags-1x1-un.svg')}.fi-xk{background-image:url('xk.svg')}.fi-xk.fis{background-image:url('_-flags-1x1-xk.svg')}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/assets/css/sass/themes/vien.light.blueolympic.scss?ngGlobalStyle (1) ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Vien Main Style

Table of Contents

00.Variables and Imports
01.Base
02.Buttons
03.Widths
04.Borders
05.Badges
06.Breadcrumb
07.Tabs
08.Navbar
09.Menu
10.Apps
11.Chat App
12.Survey App
13.Todo App
14.Main
15.Cards
16.Dashboard
17.Calendar
18.Datatable
19.Alerts
20.Forms
21.Form Wizard
22.Slider(Range)
23.Navs
24.Tooltip and popover
25.Progress
26.Rating
27.Sortable
28.Spinner
29.Modal
30.Authorization
31.Html Editors
32.Icons
33.Loading
34.Context Menu
35.Videojs
36.Prices
37.Tables
38.Invoice Print
39.Profile Page
40.Details Page
41.Blog
42.Rounded
43.Rtl
*/
/* 00.Variables and Imports */
/**Custom variable**/
/**Hover Focus Active mixin**/
/* 01.Base */
html {
  width: 100%;
  height: 100%;
  /*background: $background-color;*/
}

:root {
  --theme-color-1: #57a170;
  --theme-color-2: #73c2fb;
  --theme-color-3: #95c8d9;
  --theme-color-4: #2780a7;
  --theme-color-5: #6fa4cb;
  --theme-color-6: #8aaab4;
  --theme-color-1-10: rgba(87, 161, 112, 0.1);
  --theme-color-2-10: rgba(115, 194, 251, 0.1);
  --theme-color-3-10: rgba(149, 200, 217, 0.1);
  --theme-color-4-10: rgba(39, 128, 167, 0.1);
  --theme-color-5-10: rgba(111, 164, 203, 0.1);
  --theme-color-6-10: rgba(138, 170, 180, 0.1);
  --primary-color: #3a3a3a;
  --foreground-color: white;
  --separator-color: #d7d7d7;
}

body {
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #3a3a3a;
  background: #efefef;
}
body.background {
  height: 100%;
}
body.background main {
  margin: 0 !important;
  height: 100%;
}
body.background main .container {
  height: 100%;
}

app-color-switcher, app-app > div, app-user > div {
  opacity: 0;
}

body.show app-color-switcher, body.show app-app > div, body.show app-user > div {
  opacity: 1;
}

.rtl * {
  text-align: right;
}

.fixed-background {
  background: url('login-bg.jpg') no-repeat center center;
  background-color: #57a170;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100%;
  min-height: 932px;
}

.disable-text-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.scroll {
  position: relative;
  height: 100%;
  max-width: unset;
  width: unset;
  margin-right: -15px;
  padding-right: 15px;
}

perfect-scrollbar > .ps {
  max-width: unset;
  width: unset;
  margin-right: -15px;
  padding-right: 15px;
  margin-left: -15px;
  padding-left: 15px;
}

.dropdown-menu {
  font-size: 0.8rem;
  border-radius: 0.1rem;
  background: white;
  border-color: rgba(58, 58, 58, 0.15);
  padding: 0;
  margin-top: 0;
}

/*::selection {
  background: lighten($theme-color-3, 20%);
}

::-moz-selection {
  background: lighten($theme-color-3, 20%);
}
*/
.ps__thumb-y {
  background-color: #d7d7d7 !important;
  left: 0 !important;
  width: 5px !important;
  right: 0 !important;
}

.ps__rail-y {
  width: 5px !important;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  width: 5px !important;
  left: 0 !important;
}

.ps__thumb-y {
  background-color: #d7d7d7;
}

:focus {
  outline: initial !important;
}

.map-item {
  height: 400px;
  width: 100%;
}
.map-item .map-container-inner {
  height: 400px;
  width: 100%;
}

.logo-single {
  width: 100%;
  height: 75px;
  background-position: center center;
  display: inline-block;
  background-size: contain;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: 1.3;
}

h1 {
  font-size: 1.75rem;
  padding-bottom: 10px;
  display: inline-block;
}
@media (max-width: 767px) {
  h1 {
    font-size: 1.3rem;
    padding-top: 0.25rem;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    padding-bottom: 0.5rem;
  }
}

h2 {
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  h2 {
    font-size: 1.1rem;
  }
}

h3 {
  font-size: 1.3rem;
}
@media (max-width: 767px) {
  h3 {
    font-size: 1rem;
  }
}

h3 {
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  h3 {
    font-size: 1rem;
  }
}

h4 {
  font-size: 1.15rem;
}
@media (max-width: 767px) {
  h4 {
    font-size: 0.9rem;
  }
}

h5 {
  font-size: 1.1rem;
}
@media (max-width: 767px) {
  h5 {
    font-size: 0.9rem;
  }
}

h6 {
  font-size: 1rem;
}
@media (max-width: 767px) {
  h6 {
    font-size: 0.85rem;
  }
}

.depth-1 {
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
}

.depth-2 {
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1);
}

.z-index-1 {
  z-index: 1;
}

.r-0 {
  right: 0;
}

.l-0 {
  left: 0;
}

.list-item-heading {
  font-size: 1rem;
}

.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.min-width-zero {
  min-width: 0;
}

.no-transition {
  transition: none !important;
}

button {
  color: #3a3a3a;
  outline: initial !important;
}

.c-pointer {
  cursor: pointer;
}

@media (max-width: 767px) {
  .display-1 {
    font-size: 2.8rem;
  }
}

@media (max-width: 767px) {
  .display-2 {
    font-size: 2.6rem;
  }
}

@media (max-width: 767px) {
  .display-3 {
    font-size: 2.4rem;
  }
}

@media (max-width: 767px) {
  .display-4 {
    font-size: 2.2rem;
  }
}

.lead {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2rem;
}
@media (max-width: 767px) {
  .lead {
    font-size: 1.1rem;
    line-height: 1.6rem;
  }
}

.mb-5,
.my-5 {
  margin-bottom: 2rem !important;
}

@media (max-width: 575px) {
  .float-none-xs {
    float: initial !important;
  }
}

.main-heading {
  border-bottom: 1px solid #d7d7d7;
}

.separator {
  border-bottom: 1px solid #d7d7d7;
}

.alert-dismissible .close {
  padding: 0.5rem 1.25rem;
}

ul li {
  margin-bottom: 5px;
}
ul li:last-of-type {
  margin-bottom: 0;
}

.rounded {
  border-radius: 0.5rem !important;
}

.rounded-100 {
  border-radius: 100px !important;
}

.video-play-icon {
  width: 100%;
  height: 100%;
  position: absolute;
}
.video-play-icon span {
  position: absolute;
  background: rgba(255, 255, 255, 0.7);
  height: 2.5rem;
  border-radius: 2rem;
  line-height: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.8em;
  width: 3em;
  text-align: center;
  padding-left: 5px;
}
.video-play-icon span:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 12px;
  font-size: 0;
  border-color: transparent transparent transparent #57a170;
}
.video-play-icon:hover span, .video-play-icon:active span {
  background: rgba(255, 255, 255, 0.85);
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-75 {
  opacity: 0.75;
}

a {
  color: #3a3a3a;
  transition: color 200ms;
  outline: initial !important;
}
a:hover, a:active {
  text-decoration: initial;
  color: #57a170;
}

.white {
  color: #fff !important;
}

p {
  font-size: 0.85rem;
  line-height: 1.3rem;
  font-family: "Nunito Sans", sans-serif;
}

.text-large {
  font-size: 1.9rem !important;
}

.text-one {
  font-size: 1rem !important;
}

.text-xlarge {
  font-size: 2.7rem !important;
}

.text-small {
  font-size: 0.76rem !important;
  line-height: 0.9rem !important;
}

.text-white {
  color: #fff !important;
}

.text-zero {
  font-size: 0 !important;
}

.text-extra-small {
  font-size: 0.7rem !important;
}

.text-default {
  color: #3a3a3a !important;
}

.text-muted {
  color: #909090 !important;
}

.text-semi-muted {
  color: #fad733 !important;
}

.font-weight-medium {
  font-weight: 500;
}

.font-weight-semibold {
  font-weight: 600;
}

.color-theme-1 {
  color: #57a170;
}

.color-theme-2 {
  color: #73c2fb;
}

.display-options-container {
  margin-bottom: 0.25rem;
}
@media (max-width: 575px) {
  .display-options-container {
    margin-top: 0.5rem;
  }
}

#displayOptions a {
  cursor: pointer;
}
#displayOptions a.active i {
  color: #57a170;
}
#displayOptions button {
  border-color: #fad733;
  color: #fad733;
}
#displayOptions button:hover {
  background-color: #57a170;
  border-color: #57a170;
  color: #fff;
}
#displayOptions .btn-outline-dark:not(:disabled):not(.disabled):active,
#displayOptions .btn-outline-dark:not(:disabled):not(.disabled).active,
#displayOptions .show > .btn-outline-dark.dropdown-toggle {
  background-color: #57a170;
  border-color: #57a170;
  color: #fff;
}
#displayOptions > span {
  padding-top: 0.1rem;
}
#displayOptions .view-icon svg {
  width: 19px;
}
#displayOptions .view-icon .view-icon-svg {
  fill: #fad733;
}
#displayOptions .view-icon:hover .view-icon-svg, #displayOptions .view-icon.active .view-icon-svg {
  fill: #57a170;
}

@media (max-width: 767px) {
  .time-recording h3 {
    margin: 15px 0 !important;
    float: left;
    width: 100%;
  }
}
@media (min-width: 767px) {
  .collapse.dont-collapse-sm {
    display: block !important;
    height: auto !important;
    visibility: visible;
  }
}
@media (min-width: 767px) {
  .collapse.dont-collapse-sm {
    display: block !important;
    height: auto !important;
    visibility: visible;
  }
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.accordion-content {
  padding-top: 0 !important;
}

.feedback-container a {
  font-size: 1.3em;
  color: #fad733;
  margin: 0.5rem;
}
.feedback-container a:hover, .feedback-container a:active {
  color: #57a170;
}

.border-radius {
  border-radius: 0.1rem;
}

/* 02.Buttons */
button {
  color: #3a3a3a;
  outline: initial !important;
}

.btn-arrow {
  display: inline-block;
  text-align: center;
  border-radius: 30px !important;
  width: 42px;
  height: 42px;
  line-height: 24px;
}

.btn-arrow i {
  font-size: 15px;
  display: inline-block;
  text-align: center;
}

.btn-sm.btn-arrow, .snotify .snotify-prompt .snotifyToast__buttons button.btn-arrow {
  width: 34px;
  height: 34px;
  line-height: 17px;
}

.btn-sm.btn-arrow i, .snotify .snotify-prompt .snotifyToast__buttons button.btn-arrow i {
  font-size: 13px;
  line-height: 10px;
}

.btn {
  border-radius: 0;
  outline: initial !important;
  box-shadow: none !important;
  box-shadow: initial !important;
  font-size: 0.875rem;
  padding: 0.532rem 1.5rem;
  transition: background-color box-shadow 0.1s linear;
  cursor: pointer;
  text-transform: none;
  letter-spacing: 0.02rem;
}

.btn-shadow {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 1px 3px 1px rgba(0, 0, 0, 0.15) !important;
  transition: background-color box-shadow 0.1s linear;
}
.btn-shadow:hover, .btn-shadow:focus {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 4px 6px 2px rgba(0, 0, 0, 0.15) !important;
}

.btn-empty {
  background: transparent !important;
}

.btn-lg,
.btn-group-lg > .btn,
.btn-group-sm > .btn {
  border-radius: 0;
}

.btn.default {
  border-radius: 0.1rem;
}

.btn-primary {
  background-color: #57a170;
  border-color: #57a170;
  color: #fff;
  box-shadow: none !important;
  transition: none !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus {
  background-color: #57a170;
  border-color: #57a170;
  color: #fff;
  box-shadow: none !important;
}
.btn-primary:not([disabled]):not(.disabled):active {
  background-color: #ff5da9;
  border-color: #ff5da9;
  color: #fff;
  box-shadow: none !important;
}
.btn-primary:not([disabled]):not(.disabled):active:focus, .btn-primary:not([disabled]):not(.disabled):active.focus, .btn-primary:not([disabled]):not(.disabled):active:active:focus, .btn-primary:not([disabled]):not(.disabled):active .active {
  color: #fff;
  box-shadow: 0 0 0 0.2rem #b8d9c3 !important;
}

.mcnTextContent a {
  color: #57a170 !important;
}
.mcnTextContent a:hover, .mcnTextContent a:active, .mcnTextContent a:focus, .mcnTextContent a:active:focus {
  color: #ff5da9 !important;
}

.mcnButtonContentContainer {
  background-color: #57a170 !important;
  border-color: #57a170 !important;
  color: #fff !important;
  box-shadow: none !important;
  transition: none !important;
}
.mcnButtonContentContainer:hover, .mcnButtonContentContainer:active, .mcnButtonContentContainer:focus, .mcnButtonContentContainer:active:focus {
  background-color: #ff5da9 !important;
  border-color: #ff5da9 !important;
  color: #fff !important;
  box-shadow: none !important;
}
.mcnButtonContentContainer:not([disabled]):not(.disabled):active {
  background-color: #ff5da9 !important;
  border-color: #ff5da9 !important;
  color: #fff !important;
  box-shadow: none !important;
}
.mcnButtonContentContainer:not([disabled]):not(.disabled):active:focus, .mcnButtonContentContainer:not([disabled]):not(.disabled):active.focus, .mcnButtonContentContainer:not([disabled]):not(.disabled):active:active:focus, .mcnButtonContentContainer:not([disabled]):not(.disabled):active .active {
  color: #fff;
  box-shadow: 0 0 0 0.2rem #b8d9c3 !important;
}
.mcnButtonContentContainer .mcnButtonContent {
  padding: 0 !important;
}
.mcnButtonContentContainer .mcnButtonContent .mcnButton {
  padding: 15px !important;
}
.rounded .mcnButtonContentContainer {
  border-radius: 0.5rem;
}

.dataTables_wrapper .dataTables_paginate > span .paginate_button.last:before, .dataTables_wrapper .dataTables_paginate > span .paginate_button.next:before, .dataTables_wrapper .dataTables_paginate > span .paginate_button.previous:before, .dataTables_wrapper .dataTables_paginate > span .paginate_button.first:before, .dataTables_wrapper .dataTables_paginate > .paginate_button.last:before, .dataTables_wrapper .dataTables_paginate > .paginate_button.next:before, .dataTables_wrapper .dataTables_paginate > .paginate_button.previous:before, .dataTables_wrapper .dataTables_paginate > .paginate_button.first:before {
  font-family: "data-table";
  font-size: 18px;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #3a3a3a;
}
.dataTables_wrapper .dataTables_processing {
  top: 0;
  left: 0;
  height: 100%;
  margin: 0 !important;
  background-color: rgba(255, 255, 255, 0.8);
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0.8) 25%, rgba(255, 255, 255, 0.8) 75%, white 100%);
  color: transparent;
  opacity: 1;
}
.dataTables_wrapper .dataTables_processing:after {
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: text-center;
  border: 5px solid #57a170;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border 0.75s linear infinite;
  font-size: 17px;
  color: transparent !important;
  margin-left: -35px;
  overflow: visible;
  white-space: nowrap;
  padding: 0;
  margin-top: -35px;
  content: "";
  opacity: 1;
}
.dataTables_wrapper .dataTables_info {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #3a3a3a !important;
}
.dataTables_wrapper .dataTables_paginate {
  width: 100%;
  max-width: 414px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 7px;
  float: none;
  text-align: center;
}
.dataTables_wrapper .dataTables_paginate > .paginate_button {
  color: #57a170 !important;
  background-color: white;
  border-color: white;
  box-shadow: none !important;
  transition: none !important;
  border-radius: 0;
  padding: 0 10px;
  min-width: 37px;
  min-height: 29px;
  margin-left: 3px;
  margin-right: 3px;
  float: none;
}
.dataTables_wrapper .dataTables_paginate > .paginate_button.first {
  font-size: 0;
}
.dataTables_wrapper .dataTables_paginate > .paginate_button.first:before {
  content: "r";
}
.dataTables_wrapper .dataTables_paginate > .paginate_button.previous {
  font-size: 0;
}
.dataTables_wrapper .dataTables_paginate > .paginate_button.previous:before {
  content: "o";
}
.dataTables_wrapper .dataTables_paginate > .paginate_button.next {
  font-size: 0;
}
.dataTables_wrapper .dataTables_paginate > .paginate_button.next:before {
  content: "p";
}
.dataTables_wrapper .dataTables_paginate > .paginate_button.last {
  font-size: 0;
}
.dataTables_wrapper .dataTables_paginate > .paginate_button.last:before {
  content: "q";
}
.dataTables_wrapper .dataTables_paginate > .paginate_button:hover, .dataTables_wrapper .dataTables_paginate > .paginate_button:active, .dataTables_wrapper .dataTables_paginate > .paginate_button:focus, .dataTables_wrapper .dataTables_paginate > .paginate_button:active:focus {
  background-color: #ff5da9;
  background: #ff5da9;
  border-color: #ff5da9;
  color: #fff !important;
  box-shadow: none !important;
}
.dataTables_wrapper .dataTables_paginate > .paginate_button:not([disabled]):not(.disabled):active {
  background-color: #ff5da9;
  border-color: #ff5da9;
  color: #fff !important;
  box-shadow: none !important;
}
.dataTables_wrapper .dataTables_paginate > .paginate_button:not([disabled]):not(.disabled):active:focus, .dataTables_wrapper .dataTables_paginate > .paginate_button:not([disabled]):not(.disabled):active.focus, .dataTables_wrapper .dataTables_paginate > .paginate_button:not([disabled]):not(.disabled):active:active:focus, .dataTables_wrapper .dataTables_paginate > .paginate_button:not([disabled]):not(.disabled):active .active {
  color: #fff !important;
  box-shadow: 0 0 0 0.2rem #b8d9c3 !important;
}
.dataTables_wrapper .dataTables_paginate > .paginate_button:disabled, .dataTables_wrapper .dataTables_paginate > .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate > .paginate_button[disabled] {
  background-color: #bbbbbb;
  border-color: #bbbbbb;
  color: white !important;
  cursor: not-allowed;
  font-weight: normal;
  box-shadow: none;
  opacity: 1;
}
.dataTables_wrapper .dataTables_paginate > .paginate_button:disabled:hover, .dataTables_wrapper .dataTables_paginate > .paginate_button:disabled:active, .dataTables_wrapper .dataTables_paginate > .paginate_button:disabled:focus, .dataTables_wrapper .dataTables_paginate > .paginate_button:disabled:active:focus, .dataTables_wrapper .dataTables_paginate > .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate > .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate > .paginate_button.disabled:focus, .dataTables_wrapper .dataTables_paginate > .paginate_button.disabled:active:focus, .dataTables_wrapper .dataTables_paginate > .paginate_button[disabled]:hover, .dataTables_wrapper .dataTables_paginate > .paginate_button[disabled]:active, .dataTables_wrapper .dataTables_paginate > .paginate_button[disabled]:focus, .dataTables_wrapper .dataTables_paginate > .paginate_button[disabled]:active:focus {
  background-color: #bbbbbb !important;
  color: white !important;
  border-color: #bbbbbb;
  font-weight: normal;
  cursor: not-allowed;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate > span {
  display: inline-block;
  float: none;
  position: relative;
  top: -3px;
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button {
  background-color: #57a170;
  border-color: #57a170;
  color: #fff !important;
  box-shadow: none !important;
  transition: none !important;
  border-radius: 0;
  padding: 4px 15px 0;
  min-width: 37px;
  height: 29px;
  margin-left: 3px;
  margin-right: 3px;
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button.first {
  font-size: 0;
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button.first:before {
  content: "r";
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button.previous {
  font-size: 0;
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button.previous:before {
  content: "o";
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button.next {
  font-size: 0;
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button.next:before {
  content: "p";
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button.last {
  font-size: 0;
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button.last:before {
  content: "q";
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button.current {
  background-color: #ff5da9;
  background: #ff5da9 !important;
  border-color: #ff5da9 !important;
  color: #fff !important;
  box-shadow: none !important;
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate > span .paginate_button.current:active, .dataTables_wrapper .dataTables_paginate > span .paginate_button.current:focus, .dataTables_wrapper .dataTables_paginate > span .paginate_button.current:active:focus {
  background-color: #ff5da9;
  background: #ff5da9 !important;
  border-color: #ff5da9 !important;
  color: #fff !important;
  box-shadow: none !important;
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button:hover, .dataTables_wrapper .dataTables_paginate > span .paginate_button:active, .dataTables_wrapper .dataTables_paginate > span .paginate_button:focus, .dataTables_wrapper .dataTables_paginate > span .paginate_button:active:focus {
  background-color: #ff5da9;
  background: #ff5da9;
  border-color: #ff5da9;
  color: #fff !important;
  box-shadow: none !important;
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button:not([disabled]):not(.disabled):active {
  background-color: #ff5da9;
  border-color: #ff5da9;
  color: #fff !important;
  box-shadow: none !important;
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button:not([disabled]):not(.disabled):active:focus, .dataTables_wrapper .dataTables_paginate > span .paginate_button:not([disabled]):not(.disabled):active.focus, .dataTables_wrapper .dataTables_paginate > span .paginate_button:not([disabled]):not(.disabled):active:active:focus, .dataTables_wrapper .dataTables_paginate > span .paginate_button:not([disabled]):not(.disabled):active .active {
  color: #fff !important;
  box-shadow: 0 0 0 0.2rem #b8d9c3 !important;
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button:disabled, .dataTables_wrapper .dataTables_paginate > span .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate > span .paginate_button[disabled] {
  background-color: #bbbbbb;
  border-color: #bbbbbb;
  cursor: not-allowed;
  box-shadow: none;
  cursor: not-allowed;
  color: white;
  opacity: 1;
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button:disabled:hover, .dataTables_wrapper .dataTables_paginate > span .paginate_button:disabled:active, .dataTables_wrapper .dataTables_paginate > span .paginate_button:disabled:focus, .dataTables_wrapper .dataTables_paginate > span .paginate_button:disabled:active:focus, .dataTables_wrapper .dataTables_paginate > span .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate > span .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate > span .paginate_button.disabled:focus, .dataTables_wrapper .dataTables_paginate > span .paginate_button.disabled:active:focus, .dataTables_wrapper .dataTables_paginate > span .paginate_button[disabled]:hover, .dataTables_wrapper .dataTables_paginate > span .paginate_button[disabled]:active, .dataTables_wrapper .dataTables_paginate > span .paginate_button[disabled]:focus, .dataTables_wrapper .dataTables_paginate > span .paginate_button[disabled]:active:focus {
  background-color: #bbbbbb;
  border-color: #bbbbbb;
  cursor: not-allowed;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button:disabled:not([disabled]):not(.disabled):active, .dataTables_wrapper .dataTables_paginate > span .paginate_button.disabled:not([disabled]):not(.disabled):active, .dataTables_wrapper .dataTables_paginate > span .paginate_button[disabled]:not([disabled]):not(.disabled):active {
  background-color: #bbbbbb;
  border-color: #bbbbbb;
  cursor: not-allowed;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_length select {
  min-width: 100px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 0;
  border: 1px solid #d7d7d7;
  color: #3a3a3a;
}
.dataTables_wrapper .dataTables_filter input {
  min-width: 100px;
  margin-left: 10px !important;
  border-radius: 0;
  border: 1px solid #d7d7d7;
  color: #3a3a3a;
}
.rounded .dataTables_wrapper .dataTables_paginate .paginate_button, .rounded .dataTables_wrapper .dataTables_paginate .paginate_button {
  border-radius: 0.5rem;
}
.rounded .dataTables_wrapper .dataTables_length select {
  border-radius: 0.5rem;
}
.rounded .dataTables_wrapper .dataTables_filter input {
  border-radius: 0.5rem;
}

/**custom spinner**/
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.btn-danger {
  background-color: #ff0000;
  border-color: #ff0000;
  color: #fff;
  box-shadow: none !important;
  transition: none !important;
}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-danger:active:focus {
  background-color: #ff4d4d;
  border-color: #ff4d4d;
  color: #fff;
  box-shadow: none;
}
.btn-danger:not([disabled]):not(.disabled):active {
  color: #fff;
  background-color: #ff4d4d;
  border-color: #ff4d4d;
  box-shadow: none;
}
.btn-danger:focus, .btn-danger.focus, .btn-danger:active:focus, .btn-danger .active {
  color: #fff;
  box-shadow: 0 0 0 0.2rem #ff9999 !important;
}

.btn-dark {
  background-color: #808080;
  border-color: #808080;
  color: #fff;
}
.btn-dark:hover, .btn-dark:active, .btn-dark:focus, .btn-dark:active:focus {
  background-color: #9a9a9a;
  border-color: #9a9a9a;
  color: #fff;
  box-shadow: none;
}
.btn-dark:not([disabled]):not(.disabled):active {
  background-color: #9a9a9a;
  border-color: #9a9a9a;
  color: #fff;
  box-shadow: none;
}
.btn-dark:focus, .btn-dark.focus, .btn-dark:active:focus, .btn-dark .active {
  box-shadow: 0 0 0 0.2rem #cdcdcd !important;
}

.check-button {
  cursor: default !important;
  padding-left: 3rem !important;
  min-height: unset !important;
  line-height: unset !important;
  padding-top: 0.5rem !important;
}
.check-button label.custom-control {
  padding-left: initial;
  min-height: initial;
  vertical-align: top;
  margin-top: -2px;
}
.check-button span {
  line-height: unset;
}

.check-button.btn-primary {
  background-color: #57a170 !important;
  border-color: #57a170 !important;
  opacity: 1;
}

.check-button .custom-control {
  min-height: 1.1rem;
  margin-top: -7px;
}

.dropdown-menu {
  font-size: 0.8rem;
  border-radius: 0.1rem;
  background: white;
  border-color: rgba(58, 58, 58, 0.15);
}
.dropdown-menu i {
  margin-right: 0;
  font-size: 16px;
  width: 25px;
}

.dropdown-item {
  padding: 0.5rem 1.25rem;
  color: #3a3a3a;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #57a170;
  color: #fff;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #76b58b;
  color: white;
  text-decoration: none;
}

.dropdown-divider {
  border-color: #d7d7d7;
}

.dropdown-menu.dropdown-menu-sm {
  min-width: 4rem;
}
.dropdown-menu.dropdown-menu-sm .dropdown-item {
  padding: 0.25rem 1rem;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color: #427954;
  border-color: #427954;
  color: #fff;
}

.btn-secondary,
a.btn-secondary:not([href]):not([tabindex]) {
  background-color: #ff5da9;
  border-color: #ff5da9;
  color: #fff;
  box-shadow: none !important;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:active:focus,
a.btn-secondary:not([href]):not([tabindex]):hover,
a.btn-secondary:not([href]):not([tabindex]):focus,
a.btn-secondary:not([href]):not([tabindex]):active,
a.btn-secondary:not([href]):not([tabindex]):active:focus {
  background-color: #57a170;
  border-color: #57a170;
  color: #fff;
  box-shadow: none !important;
  transition: none !important;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  background-color: #57a170;
  border-color: #57a170;
  color: #fff;
  box-shadow: none !important;
  transition: none !important;
}

.btn-primary.btn-primary-gradient {
  background: linear-gradient(to right, #57a170, #3c6f4d);
}
.btn-primary.btn-primary-gradient:hover {
  background: linear-gradient(to right, #57a170, #49875e);
}

.btn-primary-gradient:not(:disabled):not(.disabled):active,
.btn-primary-gradient:not(:disabled):not(.disabled).active,
.show > .btn-primary-gradient.dropdown-toggle {
  background: linear-gradient(to right, #57a170, #3c6f4d);
}

.btn-secondary-gradient {
  background: linear-gradient(to right, #73c2fb, #29a2f9);
}
.btn-secondary-gradient:hover {
  background: linear-gradient(to right, #73c2fb, #4bb1fa);
}

.btn-secondary-gradient:not(:disabled):not(.disabled):active,
.btn-secondary-gradient:not(:disabled):not(.disabled).active,
.show > .btn-secondary-gradient.dropdown-toggle {
  background: linear-gradient(to right, #73c2fb, #29a2f9);
}

.btn-light {
  color: #ff5da9;
  background-color: #ececec;
  border-color: #ececec;
}
.btn-light:hover {
  color: #ff5da9;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
}

.btn-outline-dark {
  color: #ff5da9;
  border-color: #ff5da9;
}
.btn-outline-dark:hover {
  color: white;
  background-color: #ff5da9;
  border-color: #ff5da9;
}

.btn-outline-white {
  color: #fff;
  border-color: #fff;
  background-color: initial;
}
.btn-outline-white:hover {
  color: #57a170;
  background-color: #fff;
}

.btn-outline-light {
  color: #ececec;
  border-color: #ececec;
}
.btn-outline-light:hover {
  color: white;
  background-color: #ececec;
  border-color: #ececec;
}

.btn-outline-primary {
  color: #57a170;
  border-color: #57a170;
}
.btn-outline-primary:hover {
  color: white;
  background-color: #57a170;
  border-color: #57a170;
}

.btn-outline-theme-3 {
  background: unset;
  color: #95c8d9;
  border-color: #95c8d9;
}
.btn-outline-theme-3:hover {
  background-color: #95c8d9;
  border-color: #95c8d9;
  color: white;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  background-color: #57a170;
  border-color: #57a170;
  color: white;
}

.btn-outline-secondary {
  color: #73c2fb;
  border-color: #73c2fb;
}
.btn-outline-secondary:hover {
  background-color: #73c2fb;
  border-color: #73c2fb;
  color: white;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  background-color: #73c2fb;
  border-color: #73c2fb;
  color: white;
}

.btn-header-light {
  color: #d7d7d7;
  border-color: transparent;
  background: transparent;
}
.btn-header-light:hover {
  background-color: transparent;
  border-color: #d7d7d7;
}

.btn-header-primary {
  color: #57a170;
  border-color: transparent;
  background: transparent;
}
.btn-header-primary:hover {
  background-color: transparent;
  border-color: #57a170;
}

.btn-header-secondary {
  color: #73c2fb;
  border-color: transparent;
  background: transparent;
}
.btn-header-secondary:hover {
  background-color: transparent;
  border-color: #73c2fb;
}

.btn-header-primary-light {
  color: #95c8d9;
  border-color: transparent;
  background: transparent;
}
.btn-header-primary-light:hover {
  background-color: transparent;
  border-color: #95c8d9;
}

.btn:disabled,
.btn.disabled,
.btn[disabled] {
  background-color: #bbbbbb;
  border-color: #bbbbbb;
  cursor: not-allowed;
  box-shadow: none;
  cursor: not-allowed;
  color: white;
  opacity: 1;
}
.btn:disabled:hover, .btn:disabled:active, .btn:disabled:focus, .btn:disabled:active:focus,
.btn.disabled:hover,
.btn.disabled:active,
.btn.disabled:focus,
.btn.disabled:active:focus,
.btn[disabled]:hover,
.btn[disabled]:active,
.btn[disabled]:focus,
.btn[disabled]:active:focus {
  background-color: #bbbbbb;
  border-color: #bbbbbb;
  cursor: not-allowed;
  box-shadow: none;
}
.btn:disabled:not([disabled]):not(.disabled):active,
.btn.disabled:not([disabled]):not(.disabled):active,
.btn[disabled]:not([disabled]):not(.disabled):active {
  background-color: #bbbbbb;
  border-color: #bbbbbb;
  cursor: not-allowed;
  box-shadow: none;
}

.btn-xl,
.btn-group-xl > .btn {
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.05rem;
  padding: 1rem 3.5rem 0.9rem;
}

.btn-lg,
.btn-group-lg > .btn {
  line-height: 1.5;
  font-weight: 700;
  padding: 0.6rem 2.5rem 0.6rem 2.5rem;
}
@media (max-width: 575px) {
  .btn-lg,
  .btn-group-lg > .btn {
    padding: 0.5rem 2.5rem 0.5rem 2.5rem;
  }
}

.btn-sm, .snotify .snotify-prompt .snotifyToast__buttons button,
.btn-group-sm > .btn {
  padding: 0.45rem 1rem 0.45rem 1rem;
  font-size: 0.8rem;
  line-height: 1.5;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 0.25rem 0.75rem;
  font-size: 0.76rem;
  line-height: 1.3;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.btn-link {
  color: #57a170;
  text-decoration: initial !important;
  margin-right: 5px;
}

.white-underline-link {
  color: #fff;
  text-decoration: underline;
}
.white-underline-link:hover, .white-underline-link:active {
  color: #fff;
  text-decoration: initial;
}

.btn-link:hover {
  color: rgba(87, 161, 112, 0.7);
}

.btn-multiple-state {
  position: relative;
  transition: opacity 500ms;
}
.btn-multiple-state .spinner,
.btn-multiple-state .icon {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 500ms;
  color: #fff;
  pointer-events: none;
}
.btn-multiple-state .icon i {
  vertical-align: text-bottom;
  font-size: 18px;
}
.btn-multiple-state .label {
  transition: opacity 500ms;
}
.btn-multiple-state.show-spinner .label {
  opacity: 0;
}
.btn-multiple-state.show-spinner .spinner {
  opacity: 1;
  visibility: visible;
}
.btn-multiple-state.show-success .label {
  opacity: 0;
}
.btn-multiple-state.show-success .icon.success {
  opacity: 1;
  visibility: visible;
}
.btn-multiple-state.show-fail .label {
  opacity: 0;
}
.btn-multiple-state.show-fail .icon.fail {
  opacity: 1;
  visibility: visible;
}

.icon-button {
  padding: 0;
  font-size: 14px;
  width: 34px;
  height: 34px;
  line-height: 34px;
}
.icon-button.large {
  width: 44px;
  height: 44px;
  font-size: 18px;
  line-height: 2.5;
}
.icon-button.small-icon {
  font-size: 12px;
  line-height: 32px;
}

.top-right-button-single {
  width: unset;
}
@media (max-width: 991px) {
  .top-right-button-single {
    width: 100%;
  }
}

.top-right-button-container {
  float: right;
  position: relative;
}
.top-right-button-container .check-button .custom-control-label::before {
  border: 1px solid #fff !important;
}
.top-right-button-container .btn .custom-control-input:checked ~ .custom-control-label::before {
  border: 1px solid #fff !important;
}
@media (max-width: 575px) {
  .top-right-button-container {
    float: initial;
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 575px) {
  .top-right-button-container .top-right-button {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
  }
}

/* 03.Widths */
.w-10 {
  width: 10% !important;
}

.w-90 {
  width: 90% !important;
}

.w-12 {
  width: 12% !important;
}

.w-88 {
  width: 88% !important;
}

.w-15 {
  width: 15% !important;
}

.w-85 {
  width: 85% !important;
}

.w-20 {
  width: 20% !important;
}

.w-80 {
  width: 80% !important;
}

.w-30 {
  width: 30% !important;
}

.w-70 {
  width: 70% !important;
}

.w-40 {
  width: 40% !important;
}

.w-60 {
  width: 60% !important;
}

@media (max-width: 767px) {
  .w-xs-100 {
    width: 100% !important;
  }
}

@media (max-width: 991px) {
  .w-sm-100 {
    width: 100% !important;
  }
}

/* 04.Borders */
.border {
  border: 1px solid #f3f3f3 !important;
}

.border-right {
  border-right: 1px solid #f3f3f3 !important;
}

.border-left {
  border-left: 1px solid #f3f3f3 !important;
}

.border-top {
  border-top: 1px solid #f3f3f3 !important;
}

.border-bottom {
  border-bottom: 1px solid #f3f3f3 !important;
}

.border-primary,
.border-theme-1 {
  border-color: #57a170 !important;
}

.border-theme-2 {
  border-color: #73c2fb !important;
}

.border-theme-3 {
  border-color: #95c8d9 !important;
}

.border-secondary {
  border-color: #3a3a3a !important;
}

.border-muted {
  border-color: #909090 !important;
}

.remove-last-border > *:last-child {
  border-bottom: initial !important;
}

.remove-last-margin > *:last-child {
  margin-bottom: initial !important;
}

.remove-last-padding > *:last-child {
  padding-bottom: initial !important;
}

/* Colors */
.text-theme-2 {
  color: #73c2fb !important;
}

.text-theme-3 {
  color: #95c8d9 !important;
}

.text-primary,
.text-theme-1 {
  color: #57a170 !important;
}

.text-secondary {
  color: #000000 !important;
}

/* 05.Badges */
.bg-theme-2,
.badge-theme-2 {
  background-color: #73c2fb !important;
  color: #fff;
}

.bg-theme-3,
.badge-theme-3 {
  background-color: #95c8d9 !important;
  color: #fff;
}

.bg-primary,
.bg-theme-1,
.badge-primary,
.badge-theme-1 {
  background-color: #57a170 !important;
  color: #fff;
}

.bg-secondary,
.badge-secondary {
  background-color: #73c2fb !important;
  color: #fff;
}

.badge-warning {
  background-color: #b69329;
}

.badge-success {
  background-color: #3e884f;
}

.badge-info {
  background-color: #3195a5;
}

.badge-danger {
  background-color: #c43d4b;
}

.badge-success,
.badge-danger,
.badge-warning,
.badge-info {
  color: #fff;
}

.badge {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 32px;
  font-size: 15px;
  padding: 0px;
}
.badge.badge-pill {
  padding-right: 1.25em;
  padding-left: 1.25em;
}
.badge.badge-top-left {
  top: 10px;
  left: -7px;
}
.badge.badge-top-left-2 {
  top: 40px;
  left: -7px;
}
.badge.badge-top-right {
  top: 8px;
  right: -7px;
}
.badge.badge-top-right-2 {
  top: 40px;
  right: -7px;
}

.badge-light {
  background-color: #ececec;
  color: #ff5da9;
}

.badge-dark {
  background-color: #ff5da9;
  color: #ececec;
}

.badge-outline-primary,
.badge-outline-theme-1 {
  background: unset;
  border: 1px solid #57a170;
  color: #57a170;
}

.badge-outline-secondary,
.badge-outline-theme-2 {
  background: unset;
  border: 1px solid #73c2fb;
  color: #73c2fb;
}

.badge-outline-theme-3 {
  background: unset;
  border: 1px solid #95c8d9;
  color: #95c8d9;
}

.badge-outline-success {
  background: unset;
  border: 1px solid #3e884f;
  color: #3e884f;
}

.badge-outline-danger {
  background: unset;
  border: 1px solid #c43d4b;
  color: #c43d4b;
}

.badge-outline-warning {
  background: unset;
  border: 1px solid #b69329;
  color: #b69329;
}

.badge-outline-info {
  background: unset;
  border: 1px solid #3195a5;
  color: #3195a5;
}

.badge-outline-light {
  background: unset;
  border: 1px solid #ececec;
  color: #ececec;
}

.badge-outline-dark {
  background: unset;
  border: 1px solid #ff5da9;
  color: #ff5da9;
}

/* 06.Breadcrumb */
@media (max-width: 991px) {
  .breadcrumb-container .breadcrumb {
    padding: 0;
  }
}

.breadcrumb {
  background-color: transparent;
  margin-bottom: 0;
  padding: 7px 15px;
  margin-left: -15px;
  margin-right: -15px;
  width: auto;
  border-radius: 0;
  margin-bottom: 30px;
}
.breadcrumb h3 {
  margin-bottom: 0;
  font-size: 14px;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "";
  display: none;
}

/* 07.Tabs */
.detail-tabs .panel-heading.card-header {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0.5rem !important;
}
.detail-tabs .panel-heading.card-header button {
  font-weight: 700;
}
.detail-tabs .panel-body.card-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
}

.separator-tabs .nav-tabs {
  border-bottom: 1px solid #d7d7d7 !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background: initial;
}

.nav-tabs.nav-justified .nav-item .nav-link {
  text-align: center !important;
}

/*
.nav-tabs .nav-link.active::before,
.nav-tabs .nav-item.show .nav-link::before {
  content: " ";
  background: $theme-color-1;
  color: $foreground-color;
  border-radius: 10px;
  position: absolute;
  width: calc(100% - 1rem);
  height: 5px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
*/
.separator-tabs .nav-tabs .nav-link.active::before,
.separator-tabs .nav-tabs .nav-item.show .nav-link::before {
  content: " ";
  background: #57a170;
  border-radius: 10px;
  position: absolute;
  width: 100%;
  height: 2px;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  top: unset;
}
.separator-tabs .nav-tabs .nav-link {
  border: 1px solid transparent;
  padding-top: 1rem;
  background: initial;
  padding-left: 0;
  padding-top: 0.5rem;
  padding-right: 0;
  margin-right: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #fad733;
  cursor: pointer;
}

.separator-tabs .nav-tabs {
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 2rem;
}

.separator-tabs .nav-tabs .nav-link.active::before,
.separator-tabs .nav-tabs .nav-item.show .nav-link::before {
  content: " ";
  background: #57a170;
  border-radius: 10px;
  position: absolute;
  width: 100%;
  height: 2px;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  top: unset;
}

.separator-tabs .nav-tabs .nav-link {
  border: initial;
  padding-top: 1rem;
  background: initial;
  padding-left: 0;
  padding-top: 0.5rem;
  padding-right: 0;
  margin-right: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #fad733;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  border: 1px solid transparent;
  position: relative;
  color: #57a170;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border: 1px solid transparent;
}

.card-tabs .nav-tabs {
  border-bottom: initial;
  padding: 0 0.75rem;
}

/* 08.Navbar*/
.header-navebar {
  border-bottom: 1px solid #d7d7d7;
}
.header-navebar.navbar {
  background: white;
  padding: 0;
  box-shadow: 1.5px 2.598px 5px 0px rgba(0, 0, 0, 0.25);
  /*@include depth(1);*/
  border-bottom: 0;
}
.header-navebar.navbar .navbar-toggler {
  border-color: #57a170;
  color: #57a170;
}
.header-navebar.navbar .navbar-contents {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.header-navebar.navbar #notificationDropdown {
  width: 270px;
  padding: 1.5rem;
  height: 280px;
  right: 15px;
}
.header-navebar.navbar #iconMenuDropdown {
  width: 220px;
  padding: 1.5rem 1rem;
  height: 290px;
}
.header-navebar.navbar .icon-menu-item {
  width: 90px;
  display: inline-block;
  text-align: center;
  margin-bottom: 1.7rem;
  color: #6d6d6d;
}
.header-navebar.navbar .icon-menu-item i {
  font-size: 32px;
  line-height: 42px;
}
.header-navebar.navbar .icon-menu-item span {
  text-align: center;
  padding: 0 10px;
  line-height: 14px;
}
.header-navebar.navbar .icon-menu-item:hover, .header-navebar.navbar .icon-menu-item:focus {
  color: #57a170;
}
.header-navebar.navbar .menu-button-mobile {
  color: #ffffff;
  border: 1px solid transparent;
  font-size: 16px;
}
.header-navebar.navbar .menu-button-mobile:hover, .header-navebar.navbar .menu-button-mobile:focus, .header-navebar.navbar .menu-button-mobile:active, .header-navebar.navbar .menu-button-mobile:active:focus {
  color: #ffffff !important;
  border-color: #ffffff;
}
.header-navebar.navbar .language-button {
  background: #efefef;
  border: initial;
  font-size: 0.8rem;
  color: #8f8f8f;
  padding: 0.6rem 1rem;
}
@media (max-width: 575px) {
  .header-navebar.navbar .language-button {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
.header-navebar.navbar .language-button:hover, .header-navebar.navbar .language-button:focus {
  background-color: #e7e7e7;
  border-color: #e7e7e7;
  color: #8f8f8f;
}
.header-navebar.navbar .language-button.btn-light:not(:disabled):not(.disabled):active, .header-navebar.navbar .language-button.btn-light:not(:disabled):not(.disabled).active, .header-navebar.navbar .language-button .show > .btn-light.dropdown-toggle {
  background-color: #e7e7e7;
  border-color: #e7e7e7;
  color: #8f8f8f;
}
.header-navebar.navbar .menu-button {
  font-size: 16px;
  color: #8f8f8f;
  border: 1px solid transparent;
}
.header-navebar.navbar .menu-button:hover, .header-navebar.navbar .menu-button:focus, .header-navebar.navbar .menu-button:active, .header-navebar.navbar .menu-button:active:focus {
  color: #8f8f8f;
  border-color: #57a170;
}
.header-navebar.navbar .navbar-left {
  flex-basis: 40%;
}
.header-navebar.navbar .navbar-right {
  flex-basis: 30%;
  text-align: right;
}
.header-navebar.navbar .search {
  position: relative;
  width: 200px;
  border-radius: 20px;
  background: #efefef;
}
.header-navebar.navbar .search input {
  border: initial;
  background: transparent;
  outline: initial !important;
  font-size: 0.8rem;
  width: 93%;
  color: #3a3a3a;
  padding: 0.4rem 1rem;
  line-height: 2;
}
.header-navebar.navbar .search .search-icon {
  font-size: 17px;
  border-radius: 10px;
  color: #d7d7d7;
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: -10px;
  right: 3px;
  text-align: center;
  cursor: pointer;
}
.header-navebar.navbar .search .search-icon:hover {
  color: #57a170;
}
@media (max-width: 991px) {
  .header-navebar.navbar .search {
    width: 100px;
  }
  .header-navebar.navbar .search input {
    width: 85%;
  }
}
@media (max-width: 575px) {
  .header-navebar.navbar .search {
    width: 30px;
    height: 30px;
    background: initial;
    margin-left: 0.6rem;
    color: #878787;
  }
  .header-navebar.navbar .search input {
    display: none;
  }
  .header-navebar.navbar .search .search-icon {
    font-size: 17px;
    width: 30px;
    height: 30px;
    bottom: -3px;
    right: 0;
    color: inherit;
  }
  .header-navebar.navbar .search.mobile-view {
    display: block;
    width: 100%;
    position: fixed;
    z-index: 2;
    background: white;
    left: 0;
    top: 0;
    height: 145px;
    margin-left: 15px;
  }
  .header-navebar.navbar .search.mobile-view input {
    display: block;
    width: 100%;
    height: 70px;
    padding-left: 0;
  }
  .header-navebar.navbar .search.mobile-view span {
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
  }
}
.header-navebar.navbar .header-icons {
  margin-right: 0.5rem;
}
@media (max-width: 575px) {
  .header-navebar.navbar .header-icons {
    margin-right: 0;
  }
}
.header-navebar.navbar .header-icon {
  font-size: 16px;
  color: #fad733;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  vertical-align: initial;
}
@media (max-width: 575px) {
  .header-navebar.navbar .header-icon {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}
.header-navebar.navbar .header-icon:hover {
  color: #57a170;
}
.header-navebar.navbar .header-icon#notificationButton .count {
  font-size: 9px;
  color: #57a170;
  border: 1px solid #57a170;
  border-radius: 10px;
  position: absolute;
  width: 18px;
  height: 15px;
  text-align: center;
  font-weight: 700;
  top: -4px;
  right: 1px;
  line-height: 14px;
}
@media (max-width: 575px) {
  .header-navebar.navbar .header-icon#notificationButton .count {
    right: -1px;
  }
}
.header-navebar.navbar .custom-control .custom-control-label::before {
  border: 1px solid #d7d7d7 !important;
}
.header-navebar.navbar .custom-control .custom-control-label::after {
  background-color: #fad733;
}
.header-navebar.navbar .user {
  color: #878787;
  position: relative;
}
.header-navebar.navbar .user img {
  margin-left: 10px;
  border-radius: 30px;
  width: 40px;
}
.header-navebar.navbar .user .name {
  color: #878787;
}
@media (max-width: 991px) {
  .header-navebar.navbar .user .name {
    display: none;
  }
}
@media (max-width: 767px) {
  .header-navebar.navbar .user {
    margin-left: initial;
  }
  .header-navebar.navbar .user img {
    width: 30px;
  }
  .header-navebar.navbar .user:after {
    font-size: 11px;
    width: 14px;
    height: 14px;
    bottom: -3px;
    right: -3px;
  }
}
@media (max-width: 1439px) {
  .header-navebar.navbar {
    height: 115px;
  }
}
@media (max-width: 1199px) {
  .header-navebar.navbar {
    height: 90px;
    padding: 12px 0;
  }
}
@media (max-width: 991px) {
  .header-navebar.navbar {
    height: 95px;
  }
}
@media (max-width: 575px) {
  .header-navebar.navbar {
    height: 145px;
  }
}
@media (max-width: 767px) {
  .header-navebar.navbar {
    height: 145px;
  }
}

.logo {
  background-color: #fff;
  text-align: center;
  margin-bottom: 15px;
  width: 100%;
  overflow: hidden;
}
.logo .img-fluid {
  width: 100%;
  display: block;
}
.logo .img-fluid img {
  max-width: 100%;
}
.logo h5 {
  padding: 0;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  margin-top: 0;
  margin-bottom: 30px;
  display: block;
}

.logo-mobile {
  width: 20px;
  height: 35px;
  background-position: center center;
  background-size: contain;
}

#app-container.sub-hidden .menu-button .sub, #app-container.menu-sub-hidden .menu-button .sub {
  fill: #fad733;
}
#app-container.main-hidden .menu-button .main,
#app-container.main-hidden .menu-button .sub, #app-container.menu-hidden .menu-button .main,
#app-container.menu-hidden .menu-button .sub {
  fill: #fad733;
}

/* 09.Menu*/
.sibebar-footer {
  height: 60px;
  width: 200px;
  color: white !important;
  font-size: 12px;
  position: fixed;
  z-index: 99;
  top: auto;
  bottom: 0;
  left: 0;
  padding: 10px 5px 10px 0;
  border-top: 1px solid #fff;
  background: #57a170;
  text-align: center;
}
.sibebar-footer a {
  color: white !important;
  display: inline-block;
}

.menu {
  position: fixed;
  top: 0;
  bottom: 0;
  padding-top: 115px;
  z-index: 5;
  height: 100%;
  transition: border-radius 300ms;
}
.menu .main-menu {
  width: 200px;
  height: calc(100% - 130px);
  background: #57a170;
  z-index: 3;
  position: fixed;
  padding-top: 10px;
  padding-bottom: 10px;
  left: 0;
  box-shadow: none;
}
.menu .main-menu .scroll {
  padding-right: unset;
  margin-right: unset;
  height: 100%;
  --scrollbar-color: transparent;
  --scrollbar-container-color: transparent;
  --scrollbar-thumb-color: rgba(0, 0, 0, 0.2);
  --scrollbar-thumb-hover-color: rgba(0, 0, 0, 0.3);
  --scrollbar-border-radius: 4px;
  --scrollbar-size: 6px;
  --scrollbar-padding: 0px;
  --scroll-view-margin: 0;
  --scroll-view-color: transparent;
}
.menu .main-menu .scroll .ps__thumb-y {
  right: 0;
}
.menu .main-menu ul {
  margin-bottom: initial;
}
.menu .main-menu ul li {
  position: relative;
  margin-bottom: 0;
}
.menu .main-menu ul li span {
  text-align: center;
  padding: 0 10px;
  line-height: 14px;
}
.menu .main-menu ul li a {
  padding: 10px 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  color: white;
  transition: color 300ms;
  transition: background 300ms;
  display: inline-block;
  width: 100%;
}
.menu .main-menu ul li a:hover, .menu .main-menu ul li a:focus {
  color: white !important;
  background-color: #ff5da9;
}
.menu .main-menu ul li i {
  font-size: 16px;
  width: 25px;
}
.menu .main-menu ul li.active a {
  color: white !important;
  background-color: #ff5da9;
}
@media (max-width: 1439px) {
  .menu .main-menu {
    width: 200px;
    height: calc(100% - 90px);
  }
}
@media (max-width: 1199px) {
  .menu .main-menu {
    width: 200px;
    height: calc(100% - 95px);
  }
}
@media (max-width: 575px) {
  .menu .main-menu {
    width: 200px;
    height: calc(100% - 145px);
  }
  .menu .main-menu ul li.active:after {
    width: 3px;
    height: 60px;
  }
}
.menu .sub-menu {
  width: 200px;
  background: white;
  z-index: 2;
  position: fixed;
  left: 200px;
  border-left: 1px solid #f3f3f3;
  height: calc(100% - 130px);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0;
  box-shadow: none;
}
.menu .sub-menu .scroll {
  margin-right: unset;
  padding-right: unset;
  height: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 5px;
}
.menu .sub-menu .scroll .ps__thumb-y {
  right: 0;
}
.menu .sub-menu ul {
  display: none;
}
.menu .sub-menu ul li {
  margin-left: 30px;
  margin-bottom: 0;
  position: relative;
}
.menu .sub-menu ul li a {
  font-size: 13px;
  display: block;
  padding: 8px 0;
  margin-bottom: 10px;
}
.menu .sub-menu ul li a span {
  vertical-align: middle;
  height: 16px;
}
.menu .sub-menu ul li i {
  font-size: 1.3em;
  margin-right: 10px;
  color: #fad733;
  vertical-align: middle;
  display: inline-block;
}
.menu .sub-menu ul li.active i, .menu .sub-menu ul li.active a {
  color: #57a170;
}
.menu .sub-menu ul li.active:after {
  content: " ";
  background: #57a170;
  border-radius: 10px;
  position: absolute;
  width: 4px;
  height: 4px;
  top: 50%;
  transform: translateY(-50%);
  left: -16px;
}
.menu .sub-menu ul.inner-level-menu {
  display: block !important;
}
.menu .sub-menu ul.inner-level-menu li a,
.menu .sub-menu ul.inner-level-menu li i {
  color: #3a3a3a;
}
.menu .sub-menu ul.inner-level-menu li a:hover, .menu .sub-menu ul.inner-level-menu li.active i, .menu .sub-menu ul.inner-level-menu li.active a {
  color: #57a170;
}
.menu .sub-menu ul.inner-level-menu li.active:after {
  left: -22px;
}
.menu .sub-menu .rotate-arrow-icon i {
  transition: transform 200ms;
  transform: rotate(0);
}
.menu .sub-menu .rotate-arrow-icon.collapsed i {
  transform: rotate(-90deg);
}
@media (max-width: 1439px) {
  .menu .sub-menu {
    left: 200px;
    width: 200px;
    height: calc(100% - 90px);
  }
}
@media (max-width: 1199px) {
  .menu .sub-menu {
    left: 200px;
    width: 200px;
    height: calc(100% - 95px);
  }
}
@media (max-width: 575px) {
  .menu .sub-menu {
    left: 200px;
    width: 200px;
    height: calc(100% - 145px);
  }
}
@media (max-width: 1439px) {
  .menu {
    padding-top: 90px;
    height: calc(100% - 90px);
  }
}
@media (max-width: 1199px) {
  .menu {
    padding-top: 95px;
    height: calc(100% - 95px);
  }
}
@media (max-width: 575px) {
  .menu {
    padding-top: 145px;
    height: calc(100% - 145px);
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
  }
}

body.default-transition .menu .sub-menu {
  transition: transform 300ms;
}

body.default-transition .menu .main-menu {
  transition: transform 300ms, border-radius 300ms;
}

.sub-hidden .sub-menu,
.menu-sub-hidden .sub-menu,
.menu-hidden .sub-menu {
  transform: translateX(-200px);
}
@media (max-width: 1439px) {
  .sub-hidden .sub-menu,
  .menu-sub-hidden .sub-menu,
  .menu-hidden .sub-menu {
    transform: translateX(-200px);
  }
}
@media (max-width: 1199px) {
  .sub-hidden .sub-menu,
  .menu-sub-hidden .sub-menu,
  .menu-hidden .sub-menu {
    transform: translateX(-200px);
  }
}
@media (max-width: 767px) {
  .sub-hidden .sub-menu,
  .menu-sub-hidden .sub-menu,
  .menu-hidden .sub-menu {
    transform: translateX(-200px);
  }
}

.main-hidden .main-menu,
.menu-hidden .main-menu {
  transform: translateX(0);
  width: 100px;
  height: 100%;
}
.main-hidden .main-menu .sibebar-footer,
.menu-hidden .main-menu .sibebar-footer {
  display: none;
}
.main-hidden .main-menu ul li a,
.menu-hidden .main-menu ul li a {
  text-align: center;
  padding: 5px;
}
.main-hidden .main-menu ul li a .hide-menu,
.menu-hidden .main-menu ul li a .hide-menu {
  display: none;
}

.main-hidden .sibebar-footer,
.menu-hidden .sibebar-footer {
  display: none;
}

.main-hidden.sub-hidden .sub-menu,
.menu-hidden .sub-menu {
  transform: translateX(-400px);
}
@media (max-width: 1439px) {
  .main-hidden.sub-hidden .sub-menu,
  .menu-hidden .sub-menu {
    transform: translateX(-400px);
  }
}
@media (max-width: 1199px) {
  .main-hidden.sub-hidden .sub-menu,
  .menu-hidden .sub-menu {
    transform: translateX(-400px);
  }
}
@media (max-width: 767px) {
  .main-hidden.sub-hidden .sub-menu,
  .menu-hidden .sub-menu {
    transform: translateX(-400px);
  }
}

.menu-mobile .main-menu {
  transform: translateX(-200px);
}
.menu-mobile .sub-menu {
  transform: translateX(-450px);
}
.menu-mobile .sibebar-footer {
  transition: transform 300ms, border-radius 300ms;
  transform: translateX(-200px);
}

.main-show-temporary .sibebar-footer {
  transition: transform 300ms, border-radius 300ms;
  transform: translateX(0);
}

.main-show-temporary .main-menu {
  transform: translateX(0);
}
.main-show-temporary .sub-menu {
  transform: translateX(-200px);
}
@media (max-width: 1439px) {
  .main-show-temporary .main-menu {
    transform: translateX(0);
  }
  .main-show-temporary .sub-menu {
    transform: translateX(-200px);
  }
}
@media (max-width: 1199px) {
  .main-show-temporary .main-menu {
    transform: translateX(0);
  }
  .main-show-temporary .sub-menu {
    transform: translateX(-200px);
  }
}
@media (max-width: 767px) {
  .main-show-temporary .sub-menu {
    transform: translateX(-200px);
  }
}

.sub-show-temporary .sub-menu,
.menu-mobile.sub-show-temporary .sub-menu {
  transform: translateX(0);
}

/* 10.Apps*/
.app-menu {
  z-index: 1;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
  width: 280px;
  height: 100%;
  float: right;
  background: white;
  transition: transform 300ms;
  position: fixed;
  right: 0;
  top: 115px;
  height: calc(100% - 115px);
}
@media (max-width: 1439px) {
  .app-menu {
    top: 90px;
    height: calc(100% - 90px);
  }
}
@media (max-width: 1199px) {
  .app-menu {
    top: 95px;
    transform: translateX(280px);
    height: calc(100% - 95px);
  }
}
@media (max-width: 575px) {
  .app-menu {
    top: 145px;
    height: calc(100% - 145px);
  }
}
.app-menu .scroll {
  height: 100%;
}
.app-menu .scroll .ps__thumb-y {
  right: 0;
}
.app-menu.shown {
  transform: translateX(0);
}
.app-menu .app-menu-button {
  position: absolute;
  left: -28px;
  background: white;
  top: 15px;
  padding: 12px 8px 12px 5px;
  border-radius: 0.2rem;
  color: #fad733;
  box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.04);
  font-size: 15px;
  line-height: 0;
}
@media (max-width: 1439px) {
  .app-menu .app-menu-button {
    top: 16px;
  }
}
@media (max-width: 1199px) {
  .app-menu .app-menu-button {
    top: 17px;
  }
}
@media (max-width: 767px) {
  .app-menu .app-menu-button {
    top: 13px;
  }
}
.app-menu ul li {
  margin-bottom: 5px;
}
.app-menu ul li a {
  font-size: 13px;
  display: block;
  padding: 3px 0;
}
.app-menu ul li a:hover i {
  color: #57a170;
}
.app-menu ul li i {
  font-size: 1.2em;
  margin-right: 10px;
  color: #fad733;
  vertical-align: unset;
}
@media (max-width: 767px) {
  .app-menu ul li i {
    font-size: 20px;
  }
}
.app-menu ul li.active i, .app-menu ul li.active a {
  color: #57a170;
}

.app-row {
  padding-right: 280px;
}
@media (max-width: 1199px) {
  .app-row {
    padding-right: 0;
  }
}

/* 11.Chat App*/
.chat-app .scroll {
  padding-left: 10px;
  margin-left: -10px;
  padding-right: 10px;
  margin-right: -10px;
  height: calc(100vh - 115px - 270px);
}
@media (max-width: 1439px) {
  .chat-app .scroll {
    height: calc(100vh - 90px - 270px);
  }
}
@media (max-width: 1199px) {
  .chat-app .scroll {
    height: calc(100vh - 95px - 270px);
  }
}
@media (max-width: 575px) {
  .chat-app .scroll {
    height: calc(100vh - 145px - 220px);
  }
}
.chat-app .scroll .ps__thumb-y {
  right: 10px;
}
@media (max-width: 767px) {
  .chat-app .list-item-heading {
    font-size: 0.9rem;
  }
}
@media (max-width: 767px) {
  .chat-app .card .card-body {
    padding: 0.75rem;
  }
}
.chat-app .chat-text-left {
  padding-left: 64px;
}
.chat-app .chat-text-right {
  padding-right: 64px;
}

.chat-input-container {
  width: 100%;
  height: 90px;
  background: white;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
  transition: padding 300ms;
  padding-left: 430px;
  padding-right: 310px;
}
@media (max-width: 1439px) {
  .chat-input-container {
    padding-left: 230px;
    padding-right: 310px;
  }
}
@media (max-width: 1199px) {
  .chat-input-container {
    padding-left: 230px;
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .chat-input-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.chat-input-container input {
  border: initial;
  width: unset;
  height: 90px;
  padding-left: 0;
  display: inline-block;
}
@media (max-width: 991px) {
  .chat-input-container .send-button {
    padding-left: 0.7rem;
    padding-right: 0.7rem;
  }
}

.menu-sub-hidden .chat-input-container,
.sub-hidden .chat-input-container {
  padding-left: 230px;
}
@media (max-width: 1439px) {
  .menu-sub-hidden .chat-input-container,
  .sub-hidden .chat-input-container {
    padding-left: 230px;
  }
}
@media (max-width: 1199px) {
  .menu-sub-hidden .chat-input-container,
  .sub-hidden .chat-input-container {
    padding-left: 230px;
  }
}
@media (max-width: 767px) {
  .menu-sub-hidden .chat-input-container,
  .sub-hidden .chat-input-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.menu-main-hidden .chat-input-container,
.menu-hidden .chat-input-container,
.main-hidden .chat-input-container {
  padding-left: 30px;
}
@media (max-width: 1439px) {
  .menu-main-hidden .chat-input-container,
  .menu-hidden .chat-input-container,
  .main-hidden .chat-input-container {
    padding-left: 30px;
  }
}
@media (max-width: 1199px) {
  .menu-main-hidden .chat-input-container,
  .menu-hidden .chat-input-container,
  .main-hidden .chat-input-container {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .menu-main-hidden .chat-input-container,
  .menu-hidden .chat-input-container,
  .main-hidden .chat-input-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* 12.Survey App*/
.survey-app .answers .badge {
  color: #fad733;
}
.survey-app .answers input {
  padding-right: 70px;
}
.survey-app .question.edit-quesiton .edit-mode {
  display: block;
}
.survey-app .question.edit-quesiton .view-mode {
  display: none;
}
.survey-app .question.edit-quesiton .view-button {
  display: inline-block;
}
.survey-app .question.edit-quesiton .edit-button {
  display: none;
}
.survey-app .question.view-quesiton .edit-mode {
  display: none;
}
.survey-app .question.view-quesiton .view-mode {
  display: block;
}
.survey-app .question.view-quesiton .view-button {
  display: none;
}
.survey-app .question.view-quesiton .edit-button {
  display: inline-block;
}
.survey-app .survey-question-types .btn-group-icon {
  font-size: 21px;
  line-height: 28px;
}
.survey-app .survey-question-types .btn {
  padding-bottom: 0.3rem;
}

.input-icons {
  position: absolute;
  right: 0;
  top: 9px;
}

/* 13.Todo App*/
.heading-icon {
  color: #57a170;
  font-size: 20px;
  line-height: inherit;
  margin-right: 5px;
  vertical-align: middle;
}

.heading-number {
  border: 1px solid #57a170;
  padding: 4px;
  vertical-align: middle;
  margin-right: 10px;
  border-radius: 20px;
  width: 34px;
  height: 34px;
  text-align: center;
  color: #57a170;
}

/* 14.Main*/
main > .container-fluid {
  padding-top: 130px;
  padding-bottom: 71px;
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 1439px) {
  main > .container-fluid {
    padding-top: 130px;
    padding-bottom: 101px;
  }
}
@media (max-width: 1199px) {
  main > .container-fluid {
    padding-top: 105px;
    padding-bottom: 91px;
  }
}
@media (max-width: 991px) {
  main > .container-fluid {
    padding-top: 110px;
    padding-bottom: 101px;
  }
}
@media (max-width: 767px) {
  main > .container-fluid {
    padding-top: 160px;
    padding-bottom: 130px;
  }
}
@media (max-width: 575px) {
  main > .container-fluid {
    padding-top: 160px;
    padding-bottom: 130px;
  }
}

body.default-transition main {
  transition: margin-left 300ms;
}

/* 15.Cards*/
.card {
  border: initial;
  background: white;
  box-shadow: 0px 0px 15px 0px rgba(21, 38, 63, 0.2196078431);
  margin-bottom: 30px;
  border-radius: 0;
}
.card .card-header .card-icon {
  right: 5px;
  top: 5px;
}
.card .card-header .card-icon i {
  font-size: 12px;
  color: #d7d7d7;
}
.card .card-header .handle {
  cursor: default;
}
.card .card-header {
  border-radius: 0;
}
.card .card-body {
  padding: 15px;
  border-radius: 0;
  background-color: #ffffff;
}
.card .card-footer {
  border-radius: 0;
}
.card .card-title {
  margin-bottom: 2rem;
}

.form-card {
  margin-bottom: 30px !important;
}

.card-img {
  border-radius: calc(0.25rem - 1px);
  height: 100%;
  object-fit: cover;
  max-height: 200px;
  width: unset;
}

.card-img-fluid {
  border-radius: calc(0.25rem - 1px);
  object-fit: cover;
}

.card-img-bottom {
  width: 100%;
  border-bottom-left-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
}

.card-img-top {
  width: 100%;
  border-top-left-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
}

.card-img-left {
  width: 100%;
  border-top-left-radius: 0.1rem;
  border-bottom-left-radius: 0.1rem;
  height: 100%;
  object-fit: cover;
}

.card-img-right {
  width: 100%;
  border-top-right-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
  height: 100%;
  object-fit: cover;
}

.card-img-overlay {
  background: rgba(0, 0, 0, 0.5);
  padding: 1.75rem;
}
@media (max-width: 575px) {
  .card-img-overlay {
    padding: 1rem;
  }
}

.card-top-buttons {
  padding: 1.3rem;
  right: 0;
  top: 0;
}
@media (max-width: 575px) {
  .card-top-buttons {
    padding: 0.35rem;
  }
}

.card-header {
  background-color: #000000;
  color: #fff;
  padding: 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.card-header span, .card-header i {
  margin-right: 7px;
}

.card-footer {
  background-color: white;
  border-color: #d7d7d7;
}
.card-footer.fixed-bottom {
  left: 200px;
}

.form-group {
  margin-bottom: 15px;
}
.form-group label {
  margin-bottom: 0;
}

.text-right .btn + .btn, .text-right app-state-button + app-state-button {
  margin-left: 10px;
}

.img-thumbnail {
  border-radius: 0.1rem;
  padding: 0;
  border: initial;
}

.list-thumbnail {
  border-radius: 0.1rem;
  padding: 0;
  border: initial;
  height: auto;
  max-width: unset;
  height: 85px;
  object-fit: cover;
  width: unset;
}
@media (max-width: 991px) {
  .list-thumbnail {
    height: 80px;
  }
}
@media (max-width: 575px) {
  .list-thumbnail {
    height: 70px;
  }
}
@media (max-width: 991px) {
  .list-thumbnail.responsive {
    width: unset;
    height: 135px;
  }
}
@media (max-width: 575px) {
  .list-thumbnail.responsive {
    width: 110px !important;
    height: 100%;
  }
}
@media (max-width: 419px) {
  .list-thumbnail.responsive {
    width: 90px !important;
    height: 100%;
  }
}
.list-thumbnail.small {
  height: 60px;
  font-size: 1rem;
}
@media (max-width: 991px) {
  .list-thumbnail.small {
    height: 55px;
  }
}
@media (max-width: 575px) {
  .list-thumbnail.small {
    height: 50px;
  }
}
.list-thumbnail.xsmall {
  height: 40px;
  font-size: 1rem;
}
@media (max-width: 991px) {
  .list-thumbnail.xsmall {
    height: 40px;
  }
}
@media (max-width: 575px) {
  .list-thumbnail.xsmall {
    height: 40px;
  }
}

.list-thumbnail-letters {
  width: 85px;
  height: 85px;
  background: #57a170;
  align-items: center;
  display: flex;
  justify-content: center;
  font-size: 1.25rem;
  color: #fff;
}
@media (max-width: 991px) {
  .list-thumbnail-letters {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 575px) {
  .list-thumbnail-letters {
    width: 70px;
    height: 70px;
  }
}
.list-thumbnail-letters.small {
  width: 60px;
  height: 60px;
  font-size: 1rem;
}
@media (max-width: 991px) {
  .list-thumbnail-letters.small {
    width: 55px;
    height: 55px;
  }
}
@media (max-width: 575px) {
  .list-thumbnail-letters.small {
    width: 50px;
    height: 50px;
  }
}

.panel-group .card {
  box-shadow: initial;
}
.panel-group .panel-body.card-body {
  padding: 0.5rem 1.75rem 1.25rem;
}
.panel-group .panel-heading.card-header {
  padding: 1rem 1.75rem;
}
.panel-group .panel-heading.card-header .btn {
  padding: initial;
}

/* 16.Dashboard*/
.dashboard-best-sellers {
  height: 488px;
}

.dashboard-line-chart {
  height: 283px;
}

.dashboard-quick-post {
  min-height: 283px;
}

.dashboard-list-with-thumbs {
  height: 496px;
}

.dashboard-logs {
  height: 270px;
}

.dashboard-list-with-user {
  height: 270px;
}

.dashboard-donut-chart {
  height: 270px;
}

.dashboard-small-chart {
  height: 150px;
}
.dashboard-small-chart .chart-container {
  height: 60px;
}
.dashboard-small-chart .lead {
  font-size: 1.4rem;
}

.dashboard-small-chart-analytics {
  height: 180px;
}
.dashboard-small-chart-analytics .chart {
  height: 80px;
}
.dashboard-small-chart-analytics .lead {
  font-size: 1.4rem;
}

.dashboard-filled-line-chart {
  height: 340px;
}
.dashboard-filled-line-chart .chart {
  height: 200px;
}

.dashboard-numbers .owl-nav,
.dashboard-numbers .owl-dots {
  display: none;
}

.dashboard-sq-banner {
  background-image: linear-gradient(to right top, #008ecc, #2e98c5, #39addf);
  background-size: cover;
  height: 385px;
  transition: 0.5s;
  background-size: 350% auto;
  cursor: pointer;
}
.dashboard-sq-banner .card-body {
  width: 270px;
}
.dashboard-sq-banner .lead {
  line-height: 2.3rem;
}
.dashboard-sq-banner:hover {
  background-position: right top;
}

.dashboard-link-list {
  height: 385px;
}

.dashboard-progress {
  height: 385px;
}

.dashboard-top-rated {
  height: 300px;
}
.dashboard-top-rated .glide img {
  height: 120px;
  display: flex;
  object-fit: cover;
  width: 100%;
}

.rounded .border-radius,
.rounded .dashboard-top-rated .glide img,
.rounded .notification,
.rounded .popover,
.rounded .tooltip-inner {
  border-radius: 0.75rem;
}

.dashboard-search {
  height: 650px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: white;
}
.dashboard-search .card-body {
  padding: 120px 50px 30px 50px;
}
@media (max-width: 1439px) {
  .dashboard-search .card-body {
    padding: 80px 30px 30px 30px;
  }
}
.dashboard-search .form-container {
  height: 400px;
  border-radius: 0.1rem;
  box-shadow: 0px -10px 15px 0px rgba(0, 0, 0, 0.04);
  padding: 2rem;
  background-color: white;
}

.icon-cards-row {
  margin-left: -5px;
  margin-right: -5px;
  margin-top: -5px;
}
.icon-cards-row .glide__slides .glide__slide {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.icon-cards-row .card-body {
  padding: 2rem 0.5rem;
}
.icon-cards-row .card-text {
  color: #fad733;
  height: 30px;
  line-height: 26px;
}
.icon-cards-row .lead {
  color: #57a170;
  margin-bottom: 0;
}
.icon-cards-row i {
  font-size: 38px;
  line-height: 66px;
  color: #57a170;
}
.icon-cards-row .card {
  transition: box-shadow 1000ms;
  cursor: pointer;
}
@media (max-width: 1439px) {
  .icon-cards-row .card-text {
    height: 48px;
    line-height: 18px;
  }
  .icon-cards-row .lead {
    font-size: 1.6rem;
  }
  .icon-cards-row i {
    font-size: 32px;
    line-height: 47px;
  }
}

.log-indicator {
  width: 13px;
  height: 13px;
  border: 2px solid #57a170;
  border-radius: 14px;
  display: inline-block;
}

/* 17.Calendar */
.cal-month-view,
.cal-month-view .cal-cell-row:hover {
  background: white !important;
}

mwl-calendar-tooltip-window .cal-tooltip {
  top: -150px !important;
  opacity: 1;
  font-size: 0.85rem;
  left: -3px !important;
}
mwl-calendar-tooltip-window .cal-tooltip .cal-tooltip-inner {
  padding: 0.5rem 0.75rem !important;
  color: #3a3a3a !important;
  background-color: white !important;
  border-radius: 0.5rem !important;
  border: 1px solid #d7d7d7 !important;
}
mwl-calendar-tooltip-window .cal-tooltip .cal-tooltip-arrow {
  border: initial !important;
}
mwl-calendar-tooltip-window .cal-tooltip .cal-tooltip-arrow:before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  bottom: -2px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #d7d7d7;
}
mwl-calendar-tooltip-window .cal-tooltip .cal-tooltip-arrow:after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  bottom: -1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: white;
}

.cal-month-view .cal-cell-row .cal-cell,
.cal-month-view .cal-cell.cal-has-events.cal-open {
  outline: initial !important;
  box-shadow: initial !important;
}

.cal-month-view .cal-day-cell {
  height: 80px;
  min-height: 80px;
}

.cal-month-view .cal-cell-top {
  height: 60px;
  min-height: 60px;
}

.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #f3f3f3;
}

.cal-month-view .cal-open-day-events {
  background-color: #f3f3f3;
  color: #3a3a3a;
  box-shadow: initial;
}

.cal-month-view .cal-day-badge {
  display: none;
}

.cal-month-view .cal-day-number {
  opacity: 1;
  color: #3a3a3a;
}

.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: #d7d7d7;
  opacity: 1;
}

.cal-month-view .cal-day-number {
  font-size: 0.8rem !important;
}

.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  color: #57a170;
  color: #57a170;
  border-radius: 25px;
  width: 28px;
  height: 28px;
  text-align: center;
  padding-top: 4px;
  border: 1px solid #57a170;
  margin-top: 10px;
  margin-right: 12px;
}

.cal-month-view .cal-day-cell.cal-today {
  background-color: initial;
}

.cal-month-view .cal-days {
  border: initial;
}

.cal-month-view .cal-header .cal-cell:not(:last-child) {
  border-right: 1px solid;
  border-color: #f3f3f3;
}

.cal-month-view .cal-header .cal-cell {
  color: #57a170;
}

.cal-month-view .cal-day-cell:not(:last-child) {
  border-color: #f3f3f3;
}

.cal-month-view .cal-days .cal-cell-row {
  border-color: #f3f3f3;
}

.cal-month-view .cal-cell-row {
  border-bottom: 1px solid;
  border-color: #f3f3f3;
}

.cal-month-view .cal-days div:last-of-type .cal-cell-row {
  border: initial;
}

/* 19.Alerts */
.alert {
  border-radius: 0;
}

.alert-primary {
  color: #57a170;
  background-color: #d1dfd6;
  border-color: rgba(87, 161, 112, 0.1);
}

.alert-secondary {
  color: #73c2fb;
  background-color: #d6e6f1;
  border-color: rgba(115, 194, 251, 0.1);
}

.alert-success {
  color: #3e884f;
  background-color: #ccdacf;
  border-color: rgba(62, 136, 79, 0.1);
}

.alert-info {
  color: #3195a5;
  background-color: #c9dde0;
  border-color: rgba(49, 149, 165, 0.1);
}

.alert-warning {
  color: #b69329;
  background-color: #e4ddc7;
  border-color: rgba(182, 147, 41, 0.1);
}

.alert-danger {
  color: #c43d4b;
  background-color: #e6cbce;
  border-color: rgba(196, 61, 75, 0.1);
}

.alert-light {
  color: #828282;
  background-color: #eeeeee;
  border-color: rgba(236, 236, 236, 0.1);
}

.alert-dark {
  color: #ff5da9;
  background-color: #f2d2e1;
  border-color: rgba(255, 93, 169, 0.1);
}

.alert-dismissible .close,
button.close {
  text-shadow: initial;
}

.alert *[data-notify=title] {
  display: block;
  font-size: 0.9rem;
}

div[data-notify=container] {
  padding: 18px;
}

.simple-notification {
  border-radius: 0.1rem;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.simple-notification .icon {
  padding-top: 10px !important;
  width: 40px !important;
  height: 50px !important;
}

.simple-notification .sn-title {
  font-size: 1rem !important;
  line-height: 1 !important;
  margin-bottom: 0.5rem !important;
}

.simple-notification .sn-content {
  font-size: 0.8rem !important;
}

.simple-notification.success {
  color: #3e884f !important;
  background-color: #ccdacf !important;
  border-color: rgba(62, 136, 79, 0.1) !important;
}
.simple-notification.success .icon svg {
  fill: #3e884f !important;
}

.simple-notification .sn-progress-loader {
  margin: 15px 7%;
  height: 2px !important;
  width: 86% !important;
  top: initial !important;
  bottom: 0 !important;
  opacity: 0.75;
}

.simple-notification.success .sn-progress-loader span {
  border-radius: 0.1rem;
}

.simple-notification.bare .icon {
  display: none;
}

.simple-notification.outline.primary {
  background-color: white !important;
  border: 1px solid #57a170 !important;
  color: #3a3a3a !important;
}
.simple-notification.outline.primary .sn-title {
  color: #57a170 !important;
}
.simple-notification.outline.primary .sn-progress-loader span {
  background: #57a170 !important;
}

.simple-notification.outline.secondary {
  background-color: white !important;
  border: 1px solid #73c2fb !important;
  color: #3a3a3a !important;
}
.simple-notification.outline.secondary .sn-title {
  color: #73c2fb !important;
}

.simple-notification.outline.info {
  background-color: white !important;
  border: 1px solid #3195a5 !important;
  color: #3a3a3a !important;
}
.simple-notification.outline.info .sn-title {
  color: #3195a5 !important;
}
.simple-notification.outline.info .icon svg {
  fill: #3195a5 !important;
}

.simple-notification.outline.success {
  background-color: white !important;
  border: 1px solid #3e884f !important;
  color: #3a3a3a !important;
}
.simple-notification.outline.success .sn-title {
  color: #3e884f !important;
}
.simple-notification.outline.success .icon svg {
  fill: #3e884f !important;
}

.simple-notification.outline.warn {
  background-color: white !important;
  border: 1px solid #b69329 !important;
  color: #3a3a3a !important;
}
.simple-notification.outline.warn .sn-title {
  color: #b69329 !important;
}
.simple-notification.outline.warn .icon svg {
  fill: #b69329 !important;
}

.simple-notification.outline.error {
  background-color: white !important;
  border: 1px solid #c43d4b !important;
  color: #3a3a3a !important;
}
.simple-notification.outline.error .sn-title {
  color: #c43d4b !important;
}
.simple-notification.outline.error .icon svg {
  fill: #c43d4b !important;
}

.simple-notification.primary {
  color: #57a170 !important;
  background-color: #d1dfd6 !important;
  border-color: rgba(87, 161, 112, 0.1) !important;
}
.simple-notification.primary .sn-progress-loader {
  background: rgba(87, 161, 112, 0.1) !important;
}
.simple-notification.primary .sn-progress-loader span {
  background: rgba(87, 161, 112, 0.5) !important;
}

.simple-notification.secondary {
  color: #73c2fb !important;
  background-color: #d6e6f1 !important;
  border-color: rgba(115, 194, 251, 0.1) !important;
}
.simple-notification.secondary .sn-progress-loader {
  background: rgba(115, 194, 251, 0.1) !important;
}
.simple-notification.secondary .sn-progress-loader span {
  background: rgba(115, 194, 251, 0.5) !important;
}

.simple-notification.info {
  color: #3195a5 !important;
  background-color: #c9dde0 !important;
  border-color: rgba(49, 149, 165, 0.1) !important;
}
.simple-notification.info .icon svg {
  fill: #3195a5 !important;
}
.simple-notification.info .sn-progress-loader {
  background: rgba(49, 149, 165, 0.1) !important;
}
.simple-notification.info .sn-progress-loader span {
  background: rgba(49, 149, 165, 0.5) !important;
}

.simple-notification.error {
  color: #c43d4b !important;
  background-color: #e6cbce !important;
  border-color: rgba(196, 61, 75, 0.1) !important;
}
.simple-notification.error .icon svg {
  fill: #c43d4b !important;
}
.simple-notification.error .sn-progress-loader {
  background: rgba(196, 61, 75, 0.1) !important;
}
.simple-notification.error .sn-progress-loader span {
  background: rgba(196, 61, 75, 0.5) !important;
}

.simple-notification.success {
  color: #3e884f !important;
  background-color: #ccdacf !important;
  border-color: rgba(62, 136, 79, 0.1) !important;
}
.simple-notification.success .icon svg {
  fill: #3e884f !important;
}
.simple-notification.success .sn-progress-loader {
  background: rgba(62, 136, 79, 0.1) !important;
}
.simple-notification.success .sn-progress-loader span {
  background: rgba(62, 136, 79, 0.5) !important;
}

.simple-notification.warn {
  color: #b69329 !important;
  background-color: #e4ddc7 !important;
  border-color: rgba(182, 147, 41, 0.1) !important;
}
.simple-notification.warn .icon svg {
  fill: #b69329 !important;
}
.simple-notification.warn .sn-progress-loader {
  background: rgba(182, 147, 41, 0.1) !important;
}
.simple-notification.warn .sn-progress-loader span {
  background: rgba(182, 147, 41, 0.5) !important;
}

/* 20.Forms */
.form-check-label,
.custom-control-label {
  line-height: 24px;
  padding-top: 1px;
}

.form-control,
.bootstrap-tagsinput {
  border-radius: 0;
  outline: initial !important;
  box-shadow: initial !important;
  font-size: 0.8rem;
  padding: 0.5rem 0.75rem;
  line-height: 1;
  border: 1px solid #d7d7d7;
  background: white;
  color: #3a3a3a;
  border-color: #d7d7d7;
  height: 36px;
}

.form-control-sm {
  padding: 0.5rem;
  font-size: 0.75rem;
  height: auto !important;
}

.form-control-lg {
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  height: auto !important;
}

select {
  outline: initial !important;
  box-shadow: initial !important;
}

textarea.form-control {
  line-height: 1.5;
}

@keyframes autofill {
  to {
    color: #3a3a3a;
    background: transparent;
  }
}
input:-webkit-autofill {
  animation-name: autofill;
  animation-fill-mode: both;
}

input:-webkit-autofill {
  -webkit-text-fill-color: #3a3a3a !important;
}

.bootstrap-tagsinput input {
  color: #3a3a3a;
}

.has-float-label label::after,
.has-float-label > span::after,
.has-float-label > span::after {
  background: white;
}

.has-float-label > div.error::after {
  background: initial;
}

.form-control:focus {
  background: white;
  color: #3a3a3a;
}

.bootstrap-tagsinput {
  width: 100%;
}

.bootstrap-tagsinput input {
  padding: 0;
}

.bootstrap-tagsinput .tag [data-role=remove] {
  margin-top: -1px;
  display: inline-block;
  vertical-align: top;
}

.bootstrap-tagsinput .tag [data-role=remove]:hover {
  box-shadow: initial;
}

.bootstrap-tagsinput .tag {
  background: #57a170;
  border-radius: 15px;
  padding: 3px 8px;
  margin-bottom: 0px;
  display: inline-block;
  font-size: 12px;
}

.form-control:focus,
.bootstrap-tagsinput.focus {
  border-color: rgba(87, 161, 112, 0.6);
}

.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: rgba(58, 58, 58, 0.25);
}

.custom-control-input:active ~ .custom-control-label::before {
  background-color: transparent;
}

.custom-checkbox .custom-control-label.indeterminate::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23FFFFFF' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

.custom-control-label,
.custom-control-input {
  outline: initial !important;
  box-shadow: initial !important;
}

.custom-control-input {
  left: 1px;
  top: 3px;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}

.custom-control-label::before {
  border: 1px solid #909090 !important;
  background: initial !important;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: #57a170;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #57a170 !important;
  box-shadow: initial !important;
  border: 1px solid #57a170 !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #57a170;
  box-shadow: initial !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #57a170;
  box-shadow: initial !important;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: white;
}

.custom-control-label::after,
.custom-control-label::before {
  box-shadow: initial !important;
}

.custom-control-label::before {
  top: 0.25rem;
}

.custom-control-label::after {
  top: 0.25rem;
}

.btn.rotate-icon-click i {
  transition: transform 0.5s;
}

.btn.rotate i {
  transform: rotate(180deg);
}

.btn .custom-control-label::before {
  border: 1px solid #fff;
}

.btn .custom-control-input:checked ~ .custom-control-label::before {
  border: 1px solid #fff;
}

.btn-group-icon {
  line-height: 22px;
}

.has-float-label {
  display: block;
  position: relative;
}

.has-float-label label,
.has-float-label > span:last-of-type {
  position: absolute;
  cursor: text;
  font-size: 90%;
  opacity: 1;
  top: -0.4em;
  left: 0.75rem;
  z-index: 3;
  line-height: 1;
  padding: 0 1px;
}

.has-float-label label::after,
.has-float-label > span::after {
  content: " ";
  display: block;
  position: absolute;
  height: 5px;
  top: 3px;
  left: -0.2em;
  right: -0.2em;
  z-index: -1;
}

.has-float-label .form-control::placeholder {
  opacity: 1;
}

.has-float-label .form-control:placeholder-shown:not(:focus)::placeholder {
  opacity: 0;
}

.input-group .has-float-label {
  flex-grow: 1;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.input-group .has-float-label .form-control {
  width: 100%;
}

.input-group .has-float-label:not(:last-child),
.input-group .has-float-label:not(:last-child) .form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: 0;
}

.input-group .has-float-label:not(:first-child),
.input-group .has-float-label:not(:first-child) .form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.form-group.has-top-label .form-control,
.form-group.has-top-label .bootstrap-tagsinput {
  padding: 1.7rem 0.75rem 0.5rem 0.75rem;
}

.has-top-label {
  display: block;
  position: relative;
}

.has-top-label label,
.has-top-label > span:last-of-type {
  position: absolute;
  cursor: text;
  font-size: 76%;
  opacity: 1;
  top: 0.7rem;
  left: 0.75rem;
  z-index: 3;
  line-height: 1;
  padding: 0 1px;
  font-weight: 600;
}

.has-top-label label::after,
.has-top-label > span::after {
  content: " ";
  display: block;
  position: absolute;
  height: 2px;
  top: 50%;
  left: -0.2em;
  right: -0.2em;
  z-index: -1;
}

.has-top-label .form-control::placeholder {
  opacity: 1;
}

.has-top-label .form-control:placeholder-shown:not(:focus)::placeholder {
  opacity: 0;
}

.input-group .has-top-label {
  flex-grow: 1;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.form-side .text-center {
  margin-bottom: 20px;
  display: block;
  line-height: 1.5;
}
.form-side .form-horizontal .input-group {
  border-radius: 5px;
  background-color: #e6e6e6;
  margin-bottom: 15px;
}
.form-side .form-horizontal .input-group .input-group-text {
  border: 0;
  border-right: 1px solid #bababa;
  margin-right: 1px;
  width: 44px;
  height: 44px;
  line-height: 34px;
  padding: 5px;
  font-size: 18px;
  text-align: center;
  display: inline-block;
  background-color: #57a170;
  color: #fff;
}
.form-side .form-horizontal .input-group .input-group-text:hover, .form-side .form-horizontal .input-group .input-group-text:active, .form-side .form-horizontal .input-group .input-group-text:focus, .form-side .form-horizontal .input-group .input-group-text:active:focus {
  background-color: #57a170;
  border-color: #57a170;
  color: #fff;
  box-shadow: none !important;
}
.form-side .form-horizontal .input-group .form-control, .form-side .form-horizontal .input-group > .form-control {
  font-size: 14px;
  border: 0 !important;
  background-color: #e6e6e6;
  height: 44px;
  box-shadow: none;
  padding: 6px 13px 5px;
}
.form-side .form-horizontal .input-group .form-control:not(:first-child), .form-side .form-horizontal .input-group > .form-control:not(:first-child) {
  background-color: #e6e6e6;
}
.form-side .form-horizontal .input-group ::placeholder {
  color: #999999 !important;
  opacity: 1 !important;
}
.form-side .form-horizontal .input-group :-ms-input-placeholder {
  color: #999999 !important;
  opacity: 1 !important;
}
.form-side .form-horizontal .input-group ::-ms-input-placeholder {
  color: #999999 !important;
  opacity: 1 !important;
}
.form-side a {
  margin-bottom: 0 !important;
}

.auth-panel .form-horizontal .input-group {
  margin-bottom: 20px !important;
}
.auth-panel .form-horizontal .input-group .input-group-prepend .input-group-text {
  border: 0;
  border-right: 1px solid #bababa;
  background-color: #e6e6e6;
  margin-right: 1px;
  width: 50px;
  padding: 14px 0 0;
  font-size: 18px;
  text-align: center;
  display: inline-block;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.auth-panel .form-horizontal .input-group .form-control {
  font-size: 14px;
  border: 0 !important;
  background-color: #e6e6e6 !important;
  height: 54px !important;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: none;
}
.auth-panel .form-horizontal .input-group input:-webkit-autofill,
.auth-panel .form-horizontal .input-group input:-webkit-autofill:hover,
.auth-panel .form-horizontal .input-group input:-webkit-autofill:active,
.auth-panel .form-horizontal .input-group input:-webkit-autofill:focus {
  background-color: #e6e6e6 !important;
  color: red;
  -webkit-box-shadow: 0 0 0 1000px #e6e6e6 inset !important;
  -webkit-text-fill-color: #4f5467 !important;
}
.auth-panel .form-horizontal label.text-center,
.auth-panel .form-horizontal h5 {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  margin-bottom: 30px;
  display: block;
}
.auth-panel .form-horizontal .form-group .btn {
  border: none;
  border-radius: 5px !important;
  margin: 40px 0;
  font-weight: 400;
  font-size: 18px;
  height: 48px;
}

.link-style {
  color: #57a170;
}
.link-style:hover {
  text-decoration: underline;
}

.error-page {
  text-align: center;
}
.error-page button {
  height: 50px;
}

.input-group .has-top-label .form-control {
  width: 100%;
}

.input-group .has-top-label:not(:last-child),
.input-group .has-top-label:not(:last-child) .form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: 0;
}

.input-group .has-top-label:not(:first-child),
.input-group .has-top-label:not(:first-child) .form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.form-group, .input-group {
  position: relative;
}
.form-group .form-control + .btn, .input-group .form-control + .btn {
  border-color: #d7d7d7;
}
.form-group .form-control + .input-group-prepend .btn, .input-group .form-control + .input-group-prepend .btn {
  border-color: #d7d7d7;
}
.form-group .form-control.ng-touched.ng-invalid, .input-group .form-control.ng-touched.ng-invalid {
  border-color: #d9534f !important;
}
.form-group .form-control.ng-touched.ng-invalid:focus, .input-group .form-control.ng-touched.ng-invalid:focus {
  border-color: #d9534f !important;
  box-shadow: none !important;
}
.form-group .form-control.ng-touched.ng-invalid:focus + .btn, .input-group .form-control.ng-touched.ng-invalid:focus + .btn {
  border-color: #d9534f !important;
}
.form-group .form-control.ng-touched.ng-invalid:focus + .input-group-prepend .btn, .input-group .form-control.ng-touched.ng-invalid:focus + .input-group-prepend .btn {
  border-color: #d9534f;
}
.form-group .form-control.ng-touched.ng-invalid + .btn, .input-group .form-control.ng-touched.ng-invalid + .btn {
  border-color: #d9534f !important;
}
.form-group .form-control.ng-touched.ng-invalid + .input-group-prepend .btn, .input-group .form-control.ng-touched.ng-invalid + .input-group-prepend .btn {
  border-color: #d9534f;
}
.form-group .form-control.ng-dirty, .input-group .form-control.ng-dirty {
  border-color: #fad733 !important;
}
.form-group .form-control.ng-dirty + .input-group-prepend .btn, .input-group .form-control.ng-dirty + .input-group-prepend .btn {
  border-color: #fad733;
}
.form-group .form-control.ng-dirty + .btn, .input-group .form-control.ng-dirty + .btn {
  border-color: #fad733 !important;
}

.input-group label.btn {
  border-color: #d7d7d7;
}
.input-group label.btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}
.input-group label.btn + .btn {
  border-left: 1px solid #ffffff;
}

.ng-select {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
}
.ng-select.ng-select-focused:not(.ng-select-opned) .ng-select-container {
  box-shadow: none !important;
}
.ng-select.ng-touched.ng-invalid .ng-select-container {
  border-color: #d9534f !important;
}
.ng-select.ng-dirty .ng-select-container {
  border-color: #fad733 !important;
}

.form-group.has-top-label .form-control,
.form-group.has-top-label .bootstrap-tagsinput {
  height: calc(3.3rem + 2px);
}

.form-group.has-top-label textarea.form-control {
  min-height: calc(3.3rem + 2px);
  height: initial;
}

.form-group.has-top-label select.form-control:not([size]):not([multiple]) {
  height: calc(3.3rem + 2px);
  padding: 1.7rem 0.75rem 0.5rem 0.5rem;
}

.invalid-tooltip,
.valid-tooltip,
div.error:not(.simple-notification) {
  border-radius: 0.1rem;
  padding: 0.5rem 1rem;
  font-size: 0.76rem;
  color: #3a3a3a;
  background: white;
  border: 1px solid #57a170;
  text-align: center;
  width: unset !important;
  position: absolute;
  z-index: 4;
  margin-top: -0.5rem;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1.5;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
  display: block;
}
.invalid-tooltip::before,
.valid-tooltip::before,
div.error:not(.simple-notification)::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -2.5px;
  margin-left: 50%;
  width: 10px;
  height: 5px;
  border-bottom: solid 5px #57a170;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
}
.invalid-tooltip::after,
.valid-tooltip::after,
div.error:not(.simple-notification)::after {
  content: "";
  position: absolute;
  top: -4px;
  left: -2.5px;
  margin-left: 50%;
  width: 10px;
  height: 5px;
  border-bottom: solid 5px white;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
}

.tooltip-right-bottom .invalid-tooltip,
.tooltip-right-bottom .valid-tooltip,
.tooltip-right-bottom div.error {
  left: initial;
  right: 0;
  transform: translateX(0);
  top: initial;
  bottom: -33px;
}
.tooltip-right-bottom .invalid-tooltip::before, .tooltip-right-bottom .invalid-tooltip::after,
.tooltip-right-bottom .valid-tooltip::before,
.tooltip-right-bottom .valid-tooltip::after,
.tooltip-right-bottom div.error::before,
.tooltip-right-bottom div.error::after {
  left: initial;
  right: 25px;
  margin-left: 0;
}

.tooltip-center-bottom .invalid-tooltip,
.tooltip-center-bottom .valid-tooltip,
.tooltip-center-bottom div.error {
  left: 50%;
  right: initial;
  transform: translateX(-50%);
  top: initial;
  bottom: -33px;
}

.tooltip-left-bottom .invalid-tooltip,
.tooltip-left-bottom .valid-tooltip,
.tooltip-left-bottom div.error {
  left: 0;
  right: initial;
  transform: translateX(0);
  top: initial;
  bottom: -33px;
}
.tooltip-left-bottom .invalid-tooltip::before, .tooltip-left-bottom .invalid-tooltip::after,
.tooltip-left-bottom .valid-tooltip::before,
.tooltip-left-bottom .valid-tooltip::after,
.tooltip-left-bottom div.error::before,
.tooltip-left-bottom div.error::after {
  left: 25px;
  right: initial;
  margin-left: 0;
}

.tooltip-center-top .invalid-tooltip,
.tooltip-center-top .valid-tooltip,
.tooltip-center-top div.error {
  transform: translateX(-50%) translateY(50%);
  bottom: initial;
  top: -17px;
}
.tooltip-center-top .invalid-tooltip::before,
.tooltip-center-top .valid-tooltip::before,
.tooltip-center-top div.error::before {
  content: "";
  position: absolute;
  top: initial;
  bottom: -5px;
  border-top: solid 5px #57a170;
  border-bottom: initial;
}
.tooltip-center-top .invalid-tooltip::after,
.tooltip-center-top .valid-tooltip::after,
.tooltip-center-top div.error::after {
  content: "";
  position: absolute;
  top: initial;
  bottom: -4px;
  border-top: solid 5px white;
  border-bottom: initial;
}

.tooltip-right-top .invalid-tooltip,
.tooltip-right-top .valid-tooltip,
.tooltip-right-top div.error {
  transform: translateX(0) translateY(50%);
  top: initial;
  left: initial;
  right: 0;
  bottom: initial;
  top: -17px;
}
.tooltip-right-top .invalid-tooltip::before,
.tooltip-right-top .valid-tooltip::before,
.tooltip-right-top div.error::before {
  content: "";
  position: absolute;
  top: initial;
  bottom: -5px;
  border-top: solid 5px #57a170;
  border-bottom: initial;
  left: initial;
  right: 25px;
  margin-left: 0;
}
.tooltip-right-top .invalid-tooltip::after,
.tooltip-right-top .valid-tooltip::after,
.tooltip-right-top div.error::after {
  content: "";
  position: absolute;
  top: initial;
  bottom: -4px;
  border-top: solid 5px white;
  border-bottom: initial;
  left: initial;
  right: 25px;
  margin-left: 0;
}

.tooltip-left-top .invalid-tooltip,
.tooltip-left-top .valid-tooltip,
.tooltip-left-top div.error {
  transform: translateX(0) translateY(50%);
  top: initial;
  left: 0;
  right: initial;
  bottom: initial;
  top: -17px;
}
.tooltip-left-top .invalid-tooltip::before,
.tooltip-left-top .valid-tooltip::before,
.tooltip-left-top div.error::before {
  content: "";
  position: absolute;
  top: initial;
  bottom: -5px;
  border-top: solid 5px #57a170;
  border-bottom: initial;
  left: 25px;
  right: initial;
  margin-left: 0;
}
.tooltip-left-top .invalid-tooltip::after,
.tooltip-left-top .valid-tooltip::after,
.tooltip-left-top div.error::after {
  content: "";
  position: absolute;
  top: initial;
  bottom: -4px;
  border-top: solid 5px white;
  border-bottom: initial;
  left: 25px;
  right: initial;
  margin-left: 0;
}

.tooltip-label-right .invalid-tooltip,
.tooltip-label-right .valid-tooltip,
.tooltip-label-right div.error {
  transform: translateX(0) translateY(-50%);
  top: 16px;
  left: 50px;
}
.tooltip-label-right .invalid-tooltip::before,
.tooltip-label-right .valid-tooltip::before,
.tooltip-label-right div.error::before {
  content: "";
  position: absolute;
  left: -5px;
  right: initial;
  margin-left: 0;
  border: initial;
  border-top: solid 5px transparent;
  border-bottom: solid 5px transparent;
  border-right: solid 5px #57a170;
  bottom: initial;
  top: 12px;
  width: 5px;
}
.tooltip-label-right .invalid-tooltip::after,
.tooltip-label-right .valid-tooltip::after,
.tooltip-label-right div.error::after {
  content: "";
  position: absolute;
  top: initial;
  left: -4px;
  right: initial;
  margin-left: 0;
  width: 5px;
  border: initial;
  border-top: solid 5px transparent;
  border-bottom: solid 5px transparent;
  border-right: solid 5px white;
  bottom: initial;
  top: 12px;
  width: 5px;
}

.tooltip-label-right .error-l-0 .invalid-tooltip,
.tooltip-label-right .error-l-0 .valid-tooltip,
.tooltip-label-right .error-l-0 div.error {
  left: 0px;
}
.tooltip-label-right .error-l-25 .invalid-tooltip,
.tooltip-label-right .error-l-25 .valid-tooltip,
.tooltip-label-right .error-l-25 div.error {
  left: 25px;
}
.tooltip-label-right .error-l-50 .invalid-tooltip,
.tooltip-label-right .error-l-50 .valid-tooltip,
.tooltip-label-right .error-l-50 div.error {
  left: 50px;
}
.tooltip-label-right .error-l-75 .invalid-tooltip,
.tooltip-label-right .error-l-75 .valid-tooltip,
.tooltip-label-right .error-l-75 div.error {
  left: 75px;
}
.tooltip-label-right .error-l-100 .invalid-tooltip,
.tooltip-label-right .error-l-100 .valid-tooltip,
.tooltip-label-right .error-l-100 div.error {
  left: 100px;
}
.tooltip-label-right .error-l-125 .invalid-tooltip,
.tooltip-label-right .error-l-125 .valid-tooltip,
.tooltip-label-right .error-l-125 div.error {
  left: 125px;
}
.tooltip-label-right .error-l-150 .invalid-tooltip,
.tooltip-label-right .error-l-150 .valid-tooltip,
.tooltip-label-right .error-l-150 div.error {
  left: 150px;
}
.tooltip-label-right .error-l-175 .invalid-tooltip,
.tooltip-label-right .error-l-175 .valid-tooltip,
.tooltip-label-right .error-l-175 div.error {
  left: 175px;
}
.tooltip-label-right .error-l-200 .invalid-tooltip,
.tooltip-label-right .error-l-200 .valid-tooltip,
.tooltip-label-right .error-l-200 div.error {
  left: 200px;
}
.tooltip-label-right .error-l-225 .invalid-tooltip,
.tooltip-label-right .error-l-225 .valid-tooltip,
.tooltip-label-right .error-l-225 div.error {
  left: 225px;
}
.tooltip-label-right .error-l-250 .invalid-tooltip,
.tooltip-label-right .error-l-250 .valid-tooltip,
.tooltip-label-right .error-l-250 div.error {
  left: 200px;
}
.tooltip-label-right .error-l-275 .invalid-tooltip,
.tooltip-label-right .error-l-275 .valid-tooltip,
.tooltip-label-right .error-l-275 div.error {
  left: 275px;
}
.tooltip-label-right .error-t-negative .invalid-tooltip,
.tooltip-label-right .error-t-negative .valid-tooltip,
.tooltip-label-right .error-t-negative div.error {
  top: -10px;
}

.form-group.is-invalid .invalid-tooltip {
  display: block;
}

.valid-icon {
  position: absolute;
  bottom: 8px;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0;
  font-size: 0.76rem;
  line-height: 1;
  color: white;
  border-radius: 0.2rem;
  right: 4px;
  color: #3e884f;
}

.invalid-icon {
  position: absolute;
  bottom: 2px;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0;
  font-size: 0.875rem;
  line-height: 1;
  color: white;
  border-radius: 0.2rem;
  right: 4px;
  color: #c43d4b;
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #d7d7d7;
  background: initial !important;
  padding: 0.5rem 0.75rem !important;
}

.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #d7d7d7;
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: rgba(87, 161, 112, 0.6);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: rgba(87, 161, 112, 0.6);
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
  background: initial;
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
  color: #3a3a3a;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: #57a170;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
  color: #3a3a3a;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
  background: initial;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  color: white;
  background-color: #57a170;
}

.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.rounded .ng-dropdown-panel.ng-select-bottom .ng-option:last-child {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.ng-select .ng-select-container {
  border-radius: 0;
  border: 1px solid #d7d7d7;
  font-size: 0.8rem;
  padding: 0.15rem;
  line-height: 1;
  outline: initial !important;
  box-shadow: initial !important;
  /*  background-color: $card-header-bg;
  color: $card-header-color;*/
}

.ng-select.ng-select-focused .ng-select-container {
  outline: initial !important;
  box-shadow: initial !important;
  border-color: #d7d7d7 !important;
}

.ng-select.ng-select-opened .ng-select-container {
  border-color: #57a170 !important;
  z-index: 3 !important;
}

.ng-dropdown-panel.ng-select-bottom {
  border-color: #57a170;
  border-top-color: white;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  z-index: 3;
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-top: 3px;
  padding-left: 5px;
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  background: initial;
  border: 1px solid #d7d7d7;
  margin-bottom: 2px;
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  display: inline-block;
  padding: 5px 5px;
}

.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding-left: 0.75rem;
}

.ng-select.ng-select-single .ng-select-container .ng-value-container,
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
  padding-bottom: 3px;
  padding-top: 3px;
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-right: initial;
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  padding: 1px 6px 1px 6px;
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  background-color: initial;
  color: #57a170;
}

.ng-select .ng-select-container .ng-value-container .ng-input > input {
  padding-top: 3px;
  color: #3a3a3a;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
}

.ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #d7d7d7 transparent transparent;
  top: 1px;
}

.ng-select.ng-select-opened > .ng-select-container .ng-arrow {
  border-color: transparent transparent #57a170;
  top: -1px;
}

.ng-select .ng-arrow-wrapper .ng-arrow {
  border-top-color: #57a170;
}
.ng-select .ng-arrow-wrapper:hover .ng-arrow {
  border-top-color: #57a170;
}
.ng-select .ng-clear-wrapper .ng-clear {
  color: #57a170;
}
.ng-select .ng-clear-wrapper:hover .ng-clear {
  color: #57a170;
}
.ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow {
  border-color: transparent transparent #57a170;
}
.ng-select.ng-select-opened .ng-arrow-wrapper:hover .ng-arrow {
  border-color: transparent transparent #b8d9c3;
}
.ng-select.ng-select-opened .ng-clear-wrapper .ng-clear {
  color: #57a170;
}
.ng-select.ng-select-opened .ng-clear-wrapper:hover .ng-clear {
  color: #b8d9c3;
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border: initial;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  color: #3a3a3a;
}

.ng-select.ng-select-opened > .ng-select-container {
  background-color: white !important;
}

.ng-select.ng-select-disabled .ng-select-container, .ng-select.ng-select-opened.ng-select-disabled .ng-select-container {
  background-color: #e9ecef !important;
  cursor: not-allowed;
}
.ng-select.ng-select-disabled .ng-select-container *, .ng-select.ng-select-opened.ng-select-disabled .ng-select-container * {
  cursor: not-allowed !important;
}

.form-group.has-top-label .ng-select .ng-select-container {
  min-height: calc(3.3rem + 2px);
}
.form-group.has-top-label .ng-select .ng-select-container .ng-value-container {
  padding-top: 20px;
}
.form-group.has-top-label .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 23px;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  background-color: white;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: #57a170;
  color: #fff;
}

.input-group-text {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #d7d7d7;
  color: #3a3a3a;
  font-size: 0.8rem;
  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
}

.typeahead.dropdown-menu {
  width: 100%;
}
.typeahead.dropdown-menu .active a {
  background-color: #57a170;
  color: #fff;
}

.bs-datepicker-head button {
  color: #3a3a3a;
  font-size: 0.8rem;
}

.bs-datepicker-head {
  background-color: transparent !important;
}

.bs-datepicker {
  box-shadow: initial !important;
  border: 1px solid #d7d7d7;
  margin-top: 10px;
}

.bs-datepicker-body {
  background-color: transparent !important;
  border: initial;
}

.bs-datepicker-body table td, .bs-datepicker-body table td span, .bs-datepicker-head button span {
  text-align: center !important;
}

.bs-datepicker-head {
  text-align: justify !important;
}

.bs-datepicker-body table td span.disabled,
.bs-datepicker-body table td.disabled span {
  color: rgba(58, 58, 58, 0.4);
}

.bs-datepicker-body table td span.is-other-month,
.bs-datepicker-body table td.is-other-month span {
  color: rgba(58, 58, 58, 0.2);
}

.datepicker-inline .bs-datepicker {
  border: initial !important;
}

.bs-datepicker-container {
  padding: 0;
}

.datepicker-inline .bs-datepicker-head,
.datepicker-inline .bs-datepicker-body {
  min-width: unset;
}

.bs-datepicker {
  border-radius: 0.5rem;
  background-color: white !important;
}

.datepicker-inline {
  width: 100%;
}
.datepicker-inline bs-datepicker-inline-container,
.datepicker-inline .bs-datepicker,
.datepicker-inline .bs-datepicker-container,
.datepicker-inline .bs-media-container,
.datepicker-inline bs-days-calendar-view,
.datepicker-inline bs-month-calendar-view,
.datepicker-inline bs-years-calendar-view {
  width: 100%;
}

.bs-datepicker-body table td {
  color: #3a3a3a;
}

.bs-datepicker-body table td.week span {
  color: #57a170 !important;
}

.bs-datepicker-body table td span.selected,
.bs-datepicker-body table td.selected span,
.bs-datepicker-body table td span[class*=select-]:after,
.bs-datepicker-body table td[class*=select-] span:after {
  background-color: #57a170 !important;
}

.bs-datepicker-body table th {
  color: #d7d7d7 !important;
  font-size: 0.8rem !important;
}

.timepicker .btn.btn-default {
  border: 1px solid #d7d7d7;
  border-radius: 0.1rem;
  padding-left: 15px;
  padding-right: 15px;
}

.timepicker tbody tr:first-of-type .btn {
  padding-top: 0;
  padding-bottom: 0;
}

.timepicker tbody tr:last-of-type .btn {
  padding-top: 0;
  padding-bottom: 0;
}

.timepicker table {
  margin-top: -5px;
}

.bs-timepicker-field.is-invalid {
  border-color: #c43d4b !important;
}

.bs-chevron {
  width: 7px !important;
  height: 7px !important;
  border-width: 1px 0px 0 1px !important;
  color: #3a3a3a !important;
  cursor: pointer;
}
.bs-chevron:hover {
  color: #57a170 !important;
}

dropzone > .dropzone.dz-wrapper {
  min-height: 115px !important;
  border: 1px solid #d7d7d7 !important;
  background: white !important;
  padding: 10px 10px !important;
  border-radius: 0.1rem !important;
  color: #3a3a3a !important;
  height: auto !important;
  overflow: initial !important;
}
dropzone > .dropzone.dz-wrapper .img-thumbnail {
  height: 58px !important;
  width: 100% !important;
  object-fit: cover !important;
}

dropzone > .dropzone.dz-clickable .dz-message,
dropzone > .dropzone.dz-clickable .dz-message * {
  position: relative !important;
  transform: translateY(-50%) !important;
  top: 50% !important;
  margin: 0 !important;
  padding: initial !important;
  width: initial !important;
  min-width: initial !important;
  height: initial !important;
  min-height: initial !important;
  border: initial !important;
  background: initial !important;
  display: block !important;
  max-width: initial !important;
  max-height: initial !important;
  overflow: initial !important;
}

dropzone > .dropzone.dz-clickable .dz-message div {
  top: 55px !important;
  display: inline-block !important;
}

.dropzone .dz-preview {
  margin: 16px !important;
}

dropzone > .dropzone .dz-preview.dz-image-preview,
dropzone > .dropzone .dz-preview.dz-file-preview {
  width: 260px;
  height: 60px;
  min-height: unset;
  border: 1px solid #d7d7d7 !important;
  border-radius: 0.1rem !important;
  background: white !important;
  color: #3a3a3a !important;
}
dropzone > .dropzone .dz-preview.dz-image-preview .preview-container,
dropzone > .dropzone .dz-preview.dz-file-preview .preview-container {
  transition: initial !important;
  animation: initial !important;
  margin-left: 0;
  margin-top: 0;
  position: relative;
  width: 100%;
  height: 100%;
}
dropzone > .dropzone .dz-preview.dz-image-preview .preview-container i,
dropzone > .dropzone .dz-preview.dz-file-preview .preview-container i {
  color: #57a170;
  font-size: 20px;
  position: absolute;
  left: 50%;
  top: 29px;
  transform: translateX(-50%) translateY(-50%) !important;
  height: 22px;
}
dropzone > .dropzone .dz-preview.dz-image-preview strong,
dropzone > .dropzone .dz-preview.dz-file-preview strong {
  font-weight: normal;
}
dropzone > .dropzone .dz-preview.dz-image-preview .remove,
dropzone > .dropzone .dz-preview.dz-file-preview .remove {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #57a170 !important;
}
dropzone > .dropzone .dz-preview.dz-image-preview .dz-details,
dropzone > .dropzone .dz-preview.dz-file-preview .dz-details {
  position: static;
  display: block;
  opacity: 1;
  text-align: left;
  min-width: unset;
  z-index: initial;
  color: #3a3a3a !important;
}
dropzone > .dropzone .dz-preview.dz-image-preview .dz-error-mark,
dropzone > .dropzone .dz-preview.dz-file-preview .dz-error-mark {
  color: #fff !important;
  top: 15px;
  left: 25px;
  margin-left: 0;
  margin-top: 0;
}
dropzone > .dropzone .dz-preview.dz-image-preview .dz-error-mark span,
dropzone > .dropzone .dz-preview.dz-file-preview .dz-error-mark span {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath style='fill:%2357A170;' d='M4.1,23.9A13.51,13.51,0,0,1,0,14,13.52,13.52,0,0,1,4.1,4.1,13.52,13.52,0,0,1,14,0a13.52,13.52,0,0,1,9.9,4.1A13.52,13.52,0,0,1,28,14a13.51,13.51,0,0,1-4.1,9.9A13.52,13.52,0,0,1,14,28,13.52,13.52,0,0,1,4.1,23.9Z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M13.13,19.35V6.17a.88.88,0,1,1,1.75,0V19.35Z'/%3E%3Crect style='fill:%23FFFFFF;' x='13.13' y='21.07' width='1.75' height='1.64'/%3E%3C/svg%3E");
  width: 28px;
  height: 28px;
}
dropzone > .dropzone .dz-preview.dz-image-preview .dz-success-mark,
dropzone > .dropzone .dz-preview.dz-file-preview .dz-success-mark {
  color: #fff;
  top: 15px;
  left: 25px;
  margin-left: 0;
  margin-top: 0;
}
dropzone > .dropzone .dz-preview.dz-image-preview .dz-success-mark span,
dropzone > .dropzone .dz-preview.dz-file-preview .dz-success-mark span {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath style='fill:%2357A170;' d='M4.1,23.9A13.51,13.51,0,0,1,0,14,13.52,13.52,0,0,1,4.1,4.1,13.52,13.52,0,0,1,14,0a13.52,13.52,0,0,1,9.9,4.1A13.52,13.52,0,0,1,28,14a13.51,13.51,0,0,1-4.1,9.9A13.52,13.52,0,0,1,14,28,13.52,13.52,0,0,1,4.1,23.9Z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M20.14,8.81A.77.77,0,0,1,21.2,9a.81.81,0,0,1,.25.61.83.83,0,0,1-.25.62L12.48,19l-.11.1a.82.82,0,0,1-1.23,0L6.79,14.74l-.11-.16a.49.49,0,0,1-.08-.18,1.06,1.06,0,0,1,0-.19.61.61,0,0,1,0-.19,1.16,1.16,0,0,1,0-.18,1.26,1.26,0,0,1,.08-.18,1,1,0,0,1,.11-.15.87.87,0,0,1,1.26,0l3.69,3.7L19.94,9A.72.72,0,0,1,20.14,8.81Z'/%3E%3C/svg%3E");
  width: 28px;
  height: 28px;
}
dropzone > .dropzone .dz-preview.dz-image-preview .dz-progress,
dropzone > .dropzone .dz-preview.dz-file-preview .dz-progress {
  width: 84%;
  margin-left: 0;
  margin-top: 0;
  right: 0;
  height: 5px !important;
  left: 15px;
}
dropzone > .dropzone .dz-preview.dz-image-preview .dz-progress .dz-upload,
dropzone > .dropzone .dz-preview.dz-file-preview .dz-progress .dz-upload {
  width: 100%;
  background: #57a170 !important;
}
dropzone > .dropzone .dz-preview.dz-image-preview .dz-error-message,
dropzone > .dropzone .dz-preview.dz-file-preview .dz-error-message {
  border-radius: 15px;
  background: #c43d4b !important;
  top: 60px;
}
dropzone > .dropzone .dz-preview.dz-image-preview .dz-error-message:after,
dropzone > .dropzone .dz-preview.dz-file-preview .dz-error-message:after {
  border-bottom: 6px solid #c43d4b !important;
}
dropzone > .dropzone .dz-preview.dz-image-preview [data-dz-name],
dropzone > .dropzone .dz-preview.dz-file-preview [data-dz-name] {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 90%;
  display: inline-block;
  overflow: hidden;
}

.dropzone .dz-preview.dz-file-preview .img-thumbnail {
  display: none;
}

dropzone > .dropzone.dz-wrapper.dz-multiple.dz-started .dz-message {
  display: none !important;
}

.dropzone .dz-error.dz-preview.dz-file-preview .preview-icon {
  display: none;
}
.dropzone .dz-error.dz-preview.dz-file-preview .dz-error-mark,
.dropzone .dz-error.dz-preview.dz-file-preview .dz-success-mark {
  color: #57a170 !important;
}

.dropzone .dz-preview.dz-image-preview .preview-icon {
  display: none;
}
@keyframes pulse-inner {
  0% {
    transform: scale(1, 1);
  }
  10% {
    transform: scale(0.8, 1);
  }
  20% {
    transform: scale(1, 1);
  }
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  animation: pulse-inner 3s ease infinite;
}

.input-group-text {
  border-radius: 0.1rem;
}

.noUi-target {
  background: white;
  border-color: #d7d7d7;
  box-shadow: initial;
}

.noUi-tooltip {
  background: white;
  color: #3a3a3a;
  border-color: #d7d7d7;
}

.form-control-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  border-radius: 0.1rem;
}

.form-control-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  border-radius: 0.1rem;
}

.custom-select {
  border-radius: 0.1rem;
  padding: 0.5rem 0.75rem;
  height: initial;
  font-size: 0.8rem;
  background: white;
  border-color: #d7d7d7;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  outline: initial !important;
  box-shadow: initial !important;
}

select.form-control {
  height: initial;
}

.custom-select:focus {
  border-color: #57a170;
}

.custom-file-input {
  box-shadow: initial !important;
}

.custom-file-label {
  box-shadow: initial !important;
  border-radius: 0.1rem;
  height: calc(2em + 0.8rem);
  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
  background: white;
  border-color: #d7d7d7;
}

.custom-file {
  height: calc(2em + 0.8rem);
}

.custom-file-label:focus,
.custom-file-input:focus {
  border-color: rgba(87, 161, 112, 0.6);
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: rgba(87, 161, 112, 0.6);
  box-shadow: initial;
}

.custom-file-input:focus ~ .custom-file-label::after {
  border-color: rgba(87, 161, 112, 0.6);
}

.custom-file-label:after,
.input-group > .custom-select:not(:first-child),
.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:first-child),
.input-group > .form-control:not(:last-child) {
  outline: initial !important;
  box-shadow: initial !important;
}

.custom-file-label::after {
  height: calc(2em + 0.8rem);
  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
  color: #3a3a3a;
  border-color: #d7d7d7;
  background: transparent;
}

.input-group > .custom-select:not(:first-child),
.input-group > .form-control:not(:first-child) {
  background: white;
  color: #3a3a3a;
  border-color: #d7d7d7;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  background: white;
  color: #3a3a3a;
  border-color: #d7d7d7;
}

.input-group > .input-group-prepend > .btn-group .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn-group .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .input-group-prepend:first-child > .btn-group:not(:first-child) .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend .btn + .btn-group .btn {
  margin-left: -1px;
}

.input-group-append .btn + .btn-group .btn {
  margin-left: -1px;
}

.jumbotron {
  background: initial;
}

/* 21.Form Wizard */
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li .step-indicator {
  top: initial;
  bottom: -17px;
}

aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li:not(:last-child):before {
  top: initial;
  bottom: -9px;
}

aw-wizard-navigation-bar.horizontal.small ul.steps-indicator {
  padding-top: 0;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

aw-wizard-navigation-bar ul.steps-indicator li a .label {
  text-transform: initial;
}

aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.optional .step-indicator,
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li .step-indicator,
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li .step-indicator {
  background-color: #f3f3f3;
  border: 4px solid #f3f3f3;
  width: 19px !important;
  height: 19px !important;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.optional .step-indicator:after,
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li .step-indicator:after,
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li .step-indicator:after {
  content: "";
  background: initial;
}

aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable a:hover .step-indicator,
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable a:hover .step-indicator {
  background-color: #f3f3f3 !important;
}

aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li:not(:last-child):before,
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li:not(:last-child):before {
  background-color: #f3f3f3;
}

aw-wizard-navigation-bar.horizontal ul.steps-indicator li a .label,
aw-wizard-navigation-bar.vertical ul.steps-indicator li a .label {
  padding-top: 0;
  padding-bottom: 10px;
}

aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.done .step-indicator,
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.done .step-indicator {
  background-color: #f3f3f3;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.done .step-indicator:after,
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.done .step-indicator:after {
  content: " ";
  position: relative;
  background: initial;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2357A170' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
  display: block;
}

aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.current .step-indicator,
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.current .step-indicator {
  background-color: #57a170;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.current .step-indicator:after,
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.current .step-indicator:after {
  content: "";
  background: initial;
}

aw-wizard.horizontal aw-wizard-step {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

aw-wizard.horizontal .complete-message-centered {
  top: calc(50% - 20px);
  position: relative;
  transform: translateY(-50%);
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator {
  padding-top: 40px;
  padding-bottom: 15px;
}

aw-wizard-navigation-bar.vertical.small ul.steps-indicator li:not(:last-child):before {
  left: -5px;
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li .step-indicator {
  border-width: 1px !important;
  left: calc(50% - 20px) !important;
  width: 40px !important;
  height: 40px !important;
  line-height: 40px !important;
  top: -40px !important;
  border-color: #f3f3f3;
  font-size: 16px;
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li a .label {
  padding-top: 10px;
  padding-bottom: 0px;
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li:not(:last-child):before {
  background-color: #f3f3f3;
  width: calc(100% - 40px);
  top: -20px;
  left: calc(50% + 20px);
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.editing .step-indicator {
  border-color: #57a170;
  color: #57a170;
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.current .step-indicator {
  border-color: #57a170;
  color: #57a170;
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.done .step-indicator {
  color: #d7d7d7;
  border-color: #d7d7d7;
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.done.current .step-indicator {
  border-color: #57a170;
  color: #57a170;
}

aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable a:hover .step-indicator,
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable.done a:hover .step-indicator {
  border-color: #57a170;
  color: #57a170;
}

/* 22.Slider(Range) */
.noUi-connect {
  background: #57a170;
}

.noUi-connects {
  border-radius: 0.1rem;
}

.noUi-handle:after,
.noUi-handle:before {
  content: "";
  display: none;
}

.noUi-handle {
  outline: initial;
  box-shadow: initial !important;
}

.noUi-horizontal {
  height: 8px;
}

.noUi-horizontal .noUi-handle {
  width: 16px;
  height: 16px;
  border-radius: 20px;
  top: -6px;
  right: -13px;
  border-color: #d7d7d7;
  background: white;
}

.noUi-horizontal .noUi-tooltip {
  top: 120%;
  bottom: unset;
  padding-left: 10px;
  padding-right: 10px;
}

/* 23.Navs */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: white !important;
  background-color: #57a170;
}

.nav-pills .nav-link {
  border-radius: 50px;
}

.nav-link {
  padding: 0.5rem 1rem;
  cursor: pointer;
}
@media (max-width: 767px) {
  .nav-link {
    padding: 0.5rem 0.5rem;
  }
}
.nav-link.active {
  color: #57a170;
}

.page-item {
  padding: 10px;
}
@media (max-width: 767px) {
  .page-item {
    padding: 3px;
  }
}
.page-item .page-link {
  outline: initial !important;
  box-shadow: initial !important;
  line-height: 1.7;
  border-radius: 40px !important;
  min-width: 38px;
  text-align: center;
  height: 38px;
  padding: 0.55rem 0;
}
@media (max-width: 575px) {
  .page-item .page-link {
    min-width: 30px;
    height: 30px;
    line-height: 0.9;
    font-size: 0.76rem;
  }
}
.page-item.active .page-link {
  background: transparent;
  border: 1px solid #57a170;
  color: #57a170;
}
.page-item.disabled .page-link {
  border-color: #d7d7d7;
  color: #d7d7d7;
  background: transparent;
}

.page-item.pagination-next .page-link,
.page-item.pagination-prev .page-link {
  background: #57a170;
  color: white;
  border: 1px solid #57a170;
}
.page-item.pagination-next .page-link:hover,
.page-item.pagination-prev .page-link:hover {
  background-color: transparent;
  border-color: #76b58b;
  color: #57a170;
}

.page-item.pagination-last .page-link,
.page-item.pagination-first .page-link {
  background: transparent;
  color: #57a170;
  border: 1px solid #57a170;
  border-radius: 30px;
}
.page-item.pagination-last .page-link:hover,
.page-item.pagination-first .page-link:hover {
  background: #57a170;
  color: white;
  border: 1px solid #57a170;
}

.page-link {
  background-color: transparent;
  border-color: transparent;
  color: #3a3a3a;
}

.page-link:hover {
  background: #57a170;
  color: white;
  border: 1px solid #57a170;
}

.btn-sm.page-link, .snotify .snotify-prompt .snotifyToast__buttons button.page-link {
  padding: 0.5rem 0.5rem;
}

.pagination-lg .page-item {
  padding: 15px;
}
@media (max-width: 767px) {
  .pagination-lg .page-item {
    padding: 3px;
  }
}
.pagination-lg .page-item .page-link {
  min-width: 50px;
  height: 50px;
}
@media (max-width: 767px) {
  .pagination-lg .page-item .page-link {
    min-width: 38px;
    height: 38px;
    padding: 0.55rem 0;
    line-height: 1.5;
    font-size: 0.8rem;
  }
}
@media (max-width: 575px) {
  .pagination-lg .page-item .page-link {
    min-width: 30px;
    height: 30px;
    line-height: 0.9;
    font-size: 0.76rem;
  }
}

.pagination-sm .page-item {
  padding: 6px;
}
@media (max-width: 767px) {
  .pagination-sm .page-item {
    padding: 3px;
  }
}
.pagination-sm .page-item .page-link {
  min-width: 30px;
  height: 30px;
  line-height: 0.9;
  font-size: 0.75rem;
  padding: 0.5rem 0;
}

/* 24.Tooltip and popover */
.popover {
  border-radius: 0.1rem;
  background-color: white;
  border-color: #d7d7d7;
}
.popover .popover-body {
  color: #3a3a3a;
}

.popover-header {
  background-color: transparent;
  border-bottom: initial;
}

.tooltip-inner {
  padding: 0.5rem 0.75rem;
  color: #3a3a3a;
  background-color: white;
  border-radius: 0.1rem;
  border: 1px solid #d7d7d7;
}

.tooltip.show {
  opacity: 1;
}

.bs-popover-right .arrow::before,
.bs-popover-auto[x-placement^=right] .arrow::before {
  border-right-color: #d7d7d7;
}

.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^=right] .arrow::after {
  border-right-color: white;
}

.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^=left] .arrow::before {
  border-left-color: #d7d7d7;
}

.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^=left] .arrow::after {
  border-left-color: white;
}

.bs-popover-bottom .arrow::before,
.bs-popover-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #d7d7d7;
}

.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^=bottom] .arrow::after {
  border-bottom-color: white;
}

.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^=top] .arrow::before {
  border-top-color: #d7d7d7;
}

.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^=top] .arrow::after {
  border-top-color: white;
}

.tooltip .arrow::before,
.tooltip .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::after,
.bs-tooltip-auto[x-placement^=right] .arrow::after {
  border-width: 0.5rem 0.5rem 0.5rem 0;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before {
  left: 0;
  border-right-color: #d7d7d7;
}

.bs-tooltip-right .arrow::after,
.bs-tooltip-auto[x-placement^=right] .arrow::after {
  left: 1px;
  border-right-color: white;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::after,
.bs-tooltip-auto[x-placement^=right] .arrow::after {
  border-width: 0.4rem 0.4rem 0.4rem 0;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before {
  bottom: 0;
  border-top-color: #d7d7d7;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::after,
.bs-tooltip-auto[x-placement^=top] .arrow::after {
  border-width: 0.5rem 0.5rem 0;
}

.bs-tooltip-top .arrow::after,
.bs-tooltip-auto[x-placement^=top] .arrow::after {
  bottom: 1px;
  border-top-color: white;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::after,
.bs-tooltip-auto[x-placement^=top] .arrow::after {
  border-width: 0.4rem 0.4rem 0;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::after,
.bs-tooltip-auto[x-placement^=bottom] .arrow::after {
  border-width: 0 0.5rem 0.5rem 0.5rem;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  top: 0;
  border-bottom-color: #d7d7d7;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::after,
.bs-tooltip-auto[x-placement^=bottom] .arrow::after {
  border-width: 0 0.5rem 0.5rem 0.5rem;
}

.bs-tooltip-bottom .arrow::after,
.bs-tooltip-auto[x-placement^=bottom] .arrow::after {
  top: 1px;
  border-bottom-color: white;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::after,
.bs-tooltip-auto[x-placement^=left] .arrow::after {
  border-width: 0.5rem 0 0.5rem 0.5rem;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before {
  right: 0;
  border-left-color: #d7d7d7;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::after,
.bs-tooltip-auto[x-placement^=left] .arrow::after {
  border-width: 0.5rem 0 0.5rem 0.5rem;
}

.bs-tooltip-left .arrow::after,
.bs-tooltip-auto[x-placement^=left] .arrow::after {
  right: 0;
  border-left-color: white;
}

.search-sm {
  position: relative;
}
.search-sm input {
  background: none;
  outline: initial !important;
  border-radius: 15px;
  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
  font-size: 0.76rem;
  line-height: 1.3;
  border: 1px solid #d7d7d7;
  color: #3a3a3a;
}
.search-sm:after {
  font-family: "simple-line-icons";
  content: "\e090";
  font-size: 14px;
  color: #fad733;
  position: absolute;
  right: 10px;
  text-align: center;
  cursor: pointer;
  top: 2px;
}

div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0;
}

/* 25.Progress */
.progress {
  height: 3px;
  background-color: #f3f3f3;
}

.progress-bar {
  background-color: #57a170;
}

.progressbar-text {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  color: #3a3a3a !important;
}

.progress-bar-circle {
  width: 54px;
  height: 54px;
}
.progress-bar-circle svg circle:first-of-type {
  opacity: 0.5;
}
.progress-bar-circle svg path:first-of-type,
.progress-bar-circle svg circle:first-of-type {
  stroke: #d7d7d7 !important;
}
.progress-bar-circle svg path:last-of-type {
  stroke: #57a170 !important;
}
.progress-bar-circle.progress-bar-banner svg path:first-of-type {
  stroke: #89bd9b !important;
}
.progress-bar-circle.progress-bar-banner svg path:last-of-type {
  stroke: #fff !important;
}

.progress-banner {
  height: 200px;
  background-image: linear-gradient(to right top, #008ecc, #2e98c5, #39addf) !important;
  transition: 0.5s;
  background-size: 200% auto;
  cursor: pointer;
}
.progress-banner .lead {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 1199px) {
  .progress-banner .lead {
    font-size: 1.2rem;
    margin-bottom: 0.2rem;
  }
}
.progress-banner i {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}
@media (max-width: 1199px) {
  .progress-banner i {
    font-size: 2rem;
    margin-bottom: 0.2rem;
  }
}
.progress-banner .progress-bar-circle.progress-bar-banner {
  width: 120px;
  height: 120px;
}
@media (max-width: 1199px) {
  .progress-banner .progress-bar-circle.progress-bar-banner {
    width: 80px;
    height: 80px;
  }
}
.progress-banner .progress-bar-banner svg path:first-of-type,
.progress-banner .progress-bar-banner svg circle:first-of-type {
  stroke: #3c6f4d !important;
}
.progress-banner .progress-bar-banner svg path:last-of-type {
  stroke: #e6e6e6 !important;
}
.progress-banner .progress-bar-banner .progressbar-text {
  color: #fff !important;
  font-size: 1.7rem;
  width: 100%;
  font-weight: 300;
}
@media (max-width: 1199px) {
  .progress-banner .progress-bar-banner .progressbar-text {
    font-size: 1.2rem;
    margin-bottom: 0.2rem;
  }
}
.progress-banner:hover {
  background-position: right top;
}

/* 26.Rating */
rating span {
  outline: initial !important;
}

.bs-rating-star {
  font-family: "simple-line-icons";
  font-size: 16px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  margin-right: 2px;
}

.bs-rating-star:after {
  content: "\e09b";
  color: #d7d7d7;
}

.bs-rating-star.active:after {
  color: #57a170;
  font-weight: 900;
}

/* 27.Sortable */
.sortable {
  cursor: default;
}

.sortable span {
  vertical-align: middle;
}

.sortable-ghost {
  opacity: 0.5;
}

/* 28.Spinner */
.btn-multiple-state .spinner {
  width: 36px;
  text-align: center;
}
.btn-multiple-state .spinner > div {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  animation: sk-bouncedelay 1.2s infinite ease-in-out both;
}
.btn-multiple-state .spinner .bounce1 {
  animation-delay: -0.32s;
}
.btn-multiple-state .spinner .bounce2 {
  animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    opacity: 0;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}
/* 29.Modal */
.modal .modal-header,
.modal .modal-body,
.modal .modal-footer {
  padding: 1.75rem;
}
.modal .modal-header {
  border-bottom: 1px solid #d7d7d7;
}
.modal .modal-footer {
  border-top: 1px solid #d7d7d7;
}
.modal .close {
  color: #3a3a3a;
  text-shadow: initial;
}
.modal .modal-content {
  border: initial;
  border-radius: 0.1rem;
  background: white;
}

.modal-right {
  padding-right: 0 !important;
}
.modal-right.modal-dialog {
  margin: 0 auto;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  max-width: 380px;
}
.modal-right .modal-content {
  min-height: 100%;
  border-radius: 0.1rem !important;
}
.modal-right .modal-header {
  flex: 0 0 115px;
}
@media (max-width: 1439px) {
  .modal-right .modal-header {
    flex: 0 0 90px;
  }
}
@media (max-width: 1199px) {
  .modal-right .modal-header {
    flex: 0 0 95px;
  }
}
@media (max-width: 575px) {
  .modal-right .modal-header {
    flex: 0 0 145px;
  }
}
.modal-right .modal-footer {
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
.modal.fade .modal-right {
  transform: translate(25%, 0);
}
.modal.show .modal-right {
  transform: translate(0, 0);
}

.modal-left {
  padding-left: 0 !important;
}
.modal-left.modal-dialog {
  margin: 0 auto;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  max-width: 380px;
}
.modal-left .modal-content {
  min-height: 100%;
  border-radius: 0.1rem !important;
}
.modal-left .modal-header {
  flex: 0 0 115px;
}
@media (max-width: 1439px) {
  .modal-left .modal-header {
    flex: 0 0 90px;
  }
}
@media (max-width: 1199px) {
  .modal-left .modal-header {
    flex: 0 0 95px;
  }
}
@media (max-width: 575px) {
  .modal-left .modal-header {
    flex: 0 0 145px;
  }
}
.modal-left .modal-footer {
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
.modal.fade .modal-left {
  transform: translate(-25%, 0);
}
.modal.show .modal-left {
  transform: translate(0, 0);
}

.login-page .justify-content-md-center {
  margin-right: -10px;
  margin-left: -10px;
}
.login-page .justify-content-md-center > .col,
.login-page .justify-content-md-center > [class*=col-] {
  padding-right: 10px;
  padding-left: 10px;
}
.login-page .container, .login-page .container-lg, .login-page .container-md, .login-page .container-sm, .login-page .container-xl {
  max-width: 1100px;
}

/* 30.Authorization */
.auth-card {
  display: flex;
  flex-direction: row;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
  padding: 50px;
  border: 1px solid #d7d7d7;
}
.auth-card .image-side {
  width: 40%;
  background-size: cover;
  padding: 80px 40px;
}
.auth-card .image-side .h3 {
  line-height: 0.8rem;
}
.auth-card .form-side {
  width: 100%;
}
.auth-card .form-control-feedback {
  color: #f62d51;
  margin-bottom: 15px;
  display: block;
  line-height: normal;
  float: left;
  width: 100%;
  font-size: 14px;
  margin-top: 2px;
}
.auth-card .btn {
  border: none;
  font-weight: 400;
  font-size: 18px;
  height: 48px;
  width: 100%;
}
.auth-card .text-black {
  font-size: 14px;
  color: #3a3a3a;
  border-bottom: 0;
}
.auth-card .text-black:hover {
  color: #57a170;
  text-decoration: none !important;
  border-bottom: 1px solid #57a170;
  padding-bottom: 2px;
}
@media (max-width: 1439px) {
  .auth-card {
    padding: 1.5rem;
  }
}
@media (max-width: 991px) {
  .auth-card {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .auth-card p.h2 {
    font-size: 1.6rem;
  }
}
@media (max-width: 575px) {
  .auth-card {
    flex-direction: column;
  }
  .auth-card .image-side {
    padding: 35px 30px;
  }
  .auth-card .logo-single {
    margin-bottom: 20px;
  }
  .auth-card p.h2 {
    font-size: 1.4rem;
  }
}

.index-card .card-body {
  padding: 80px;
}
@media (max-width: 991px) {
  .index-card .card-body {
    padding: 60px;
  }
}
@media (max-width: 575px) {
  .index-card .card-body {
    padding: 35px 30px;
  }
}

/* 31.Html Editors */
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #57a170;
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #57a170;
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-mitter,
.ql-snow .ql-toolbar button:hover .ql-stroke-mitter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-mitter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-mitter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-mitter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-mitter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-mitter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-mitter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-mitter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-mitter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-mitter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-mitter {
  stroke: #57a170;
}

.ql-toolbar.ql-snow {
  border-color: #d7d7d7;
}

.ql-container.ql-snow {
  border-color: #d7d7d7;
}

.html-editor-bubble .ql-editor {
  border: 1px solid #d7d7d7;
}

.ql-tooltip {
  z-index: 10;
}

.ql-editor {
  height: 200px !important;
}

.ql-container.ql-bubble {
  border: 1px solid #d7d7d7;
}

/* 32.Icons */
.simple-line-icons .glyph,
.mind-icons .glyph {
  width: 14.28%;
  text-align: center !important;
  float: left;
  height: 100px;
}
.simple-line-icons .glyph .glyph-icon,
.simple-line-icons .glyph .fa,
.mind-icons .glyph .glyph-icon,
.mind-icons .glyph .fa {
  font-size: 32px;
  text-align: center !important;
}
.simple-line-icons .glyph .class-name,
.mind-icons .glyph .class-name {
  font-size: 0.76rem;
  color: #909090 !important;
  text-align: center !important;
}
@media (max-width: 1199px) {
  .simple-line-icons .glyph,
  .mind-icons .glyph {
    width: 16.66%;
  }
}
@media (max-width: 991px) {
  .simple-line-icons .glyph,
  .mind-icons .glyph {
    width: 20%;
  }
}
@media (max-width: 767px) {
  .simple-line-icons .glyph,
  .mind-icons .glyph {
    width: 25%;
  }
}
@media (max-width: 575px) {
  .simple-line-icons .glyph,
  .mind-icons .glyph {
    width: 50%;
  }
}

.chart-container {
  height: 300px;
}

.theme-colors {
  width: 280px !important;
  position: fixed;
  z-index: 1030;
  top: 50%;
  right: 0;
  background: white;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
  transform: translate(280px, -50%);
  padding-top: 10px;
  padding-bottom: 10px;
}

.theme-button {
  position: absolute;
  left: -32px;
  background: white;
  padding: 13px 7px 13px 7px;
  border-radius: 0.2rem;
  color: #3a3a3a;
  box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.04);
  font-size: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #57a170;
}

.theme-color {
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 20px;
  transition: background 0.25s;
}
.theme-color.active, .theme-color:hover {
  background: white;
}
.theme-color.shown {
  transform: translate(0, calc(-50% + 0.5px));
  transition: transform 0.4s ease-out;
}
.theme-color.hidden {
  transform: translate(280px, -50%);
  transition: transform 0.4s ease-out;
}

.theme-color-purplemonster {
  border: 3px solid #922c88;
  background: #922c88;
}

.theme-color-blueyale {
  border: 3px solid #145388;
  background: #145388;
}

.theme-color-blueolympic {
  border: 3px solid #31a6a8;
  background: #31a6a8;
}

.theme-color-bluenavy {
  border: 3px solid #00365a;
  background: #00365a;
}

.theme-color-orangecarrot {
  border: 3px solid #ed7117;
  background: #ed7117;
}

.theme-color-greenmoss {
  border: 3px solid #576a3d;
  background: #576a3d;
}

.theme-color-greenlime {
  border: 3px solid #6fb327;
  background: #6fb327;
}

.theme-color-redruby {
  border: 3px solid #900604;
  background: #900604;
}

.theme-color-greysteel {
  border: 3px solid #48494b;
  background: #48494b;
}

.theme-color-yellowgranola {
  border: 3px solid #c0a145;
  background: #c0a145;
}

/* 33.Loading */
.loading {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid rgba(87, 161, 112, 0.2);
  border-radius: 50%;
  border-top-color: #57a170;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  position: fixed;
  z-index: 1;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
/* 34.Context Menu */
.context-menu-list {
  box-shadow: initial;
  border-radius: 0.1rem;
  background: white;
  border-color: rgba(58, 58, 58, 0.15);
  padding: 0.5rem 0;
}

.context-menu-item {
  padding: 0.75rem 1.5rem;
  background: white;
  color: #3a3a3a;
}
.context-menu-item.context-menu-hover {
  color: #3a3a3a;
  text-decoration: none;
  background-color: #efefef;
}

.context-menu-item span {
  font-family: "Nunito Sans", sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  margin-left: 0.5rem;
  display: inline-block;
}

.list .card.context-menu-active,
.list .card.active {
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1);
}

/* 35.Videojs */
.video-js .vjs-big-play-button {
  background: white;
  height: 1.2em;
  border-radius: 0.75em;
  line-height: initial;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 3.5em;
  width: 2.5em;
  border: 0.06666em solid white;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder {
  color: #57a170;
}

.vjs-poster,
.vjs-tech {
  border-radius: 0.1rem;
}

.vjs-tech {
  background: initial;
  object-fit: cover;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}

.vjs-control {
  text-shadow: initial !important;
  outline: initial !important;
}

.video-js .vjs-control-bar {
  background: initial;
  margin: 1.75rem;
  width: calc(100% - 3.5rem);
}
.video-js .vjs-control-bar .vjs-control.vjs-button,
.video-js .vjs-control-bar .vjs-remaining-time,
.video-js .vjs-control-bar .vjs-volume-panel {
  margin-right: 0.5em;
  background: white;
  color: #57a170;
  border-radius: 15px;
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1);
}
.video-js .vjs-control-bar .vjs-progress-control.vjs-control {
  background: white;
  border-radius: 15px;
  margin-right: 0.5em;
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1);
}
.video-js .vjs-control-bar .vjs-mute-control.vjs-control {
  box-shadow: initial;
}
.video-js .vjs-control-bar .vjs-progress-holder {
  height: 3px;
  font-size: 1.6em !important;
}
.video-js .vjs-control-bar .vjs-load-progress,
.video-js .vjs-control-bar .vjs-load-progress div {
  background-color: rgba(87, 161, 112, 0.2);
}
.video-js .vjs-control-bar .vjs-play-progress:before {
  font-size: 0.55em;
  top: -0.2em;
}
.video-js .vjs-control-bar .vjs-progress-holder {
  margin: 0 17px;
}
.video-js .vjs-control-bar .vjs-slider {
  text-shadow: initial !important;
  outline: initial !important;
  background-color: #dadada;
}
.video-js .vjs-control-bar .vjs-play-progress {
  background: #57a170;
}
.video-js .vjs-control-bar .vjs-play-progress:before {
  color: #57a170;
}
.video-js .vjs-control-bar .vjs-volume-horizontal {
  margin-left: -1.5em;
  width: 4em;
}
.video-js .vjs-control-bar .vjs-volume-panel .vjs-volume-level {
  background: #57a170;
}

.video-js.audio {
  background: initial;
}
.video-js.audio .vjs-big-play-button {
  display: none;
}
.video-js.audio .vjs-control-bar {
  display: flex;
}
.video-js.audio .vjs-fullscreen-control {
  display: none;
}
.video-js.audio .vjs-control-bar {
  margin-bottom: 0;
}
.video-js.audio .vjs-control.vjs-button,
.video-js.audio .vjs-remaining-time,
.video-js.audio .vjs-volume-panel {
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.15), 0 0px 1px rgba(0, 0, 0, 0.2);
}
.video-js.audio .vjs-progress-control.vjs-control {
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.15), 0 0px 1px rgba(0, 0, 0, 0.2);
}
.video-js.audio .vjs-mute-control {
  box-shadow: initial !important;
}
.video-js.audio .vjs-loading-spinner {
  display: none !important;
}

.video-js.side-bar-video {
  width: 100%;
  height: 280px;
  background-color: #efefef;
  overflow: hidden;
}
.video-js.side-bar-video video {
  object-fit: cover;
}
.video-js.side-bar-video .vjs-poster {
  background-size: cover;
}

.video-js.video-content {
  width: 100%;
  height: 400px;
  background-color: #efefef;
  overflow: hidden;
  max-height: unset;
}
.video-js.video-content video {
  object-fit: cover;
}
.video-js.video-content .vjs-poster {
  background-size: cover;
}

/* 36.Prices */
.equal-height-container .col-item .card {
  height: 100%;
}
@media (max-width: 991px) {
  .equal-height-container .col-item .card-body {
    text-align: left;
  }
}
@media (max-width: 575px) {
  .equal-height-container .col-item .card-body {
    text-align: center;
  }
}
.equal-height-container .col-item .price-top-part {
  text-align: center;
}
.equal-height-container .col-item .price-top-part * {
  text-align: center !important;
}
@media (max-width: 991px) {
  .equal-height-container .col-item .price-top-part {
    padding-left: 0;
    padding-right: 0;
    width: 40%;
  }
}
@media (max-width: 575px) {
  .equal-height-container .col-item .price-top-part {
    width: initial;
  }
}
.equal-height-container .col-item .price-feature-list {
  justify-content: space-between;
}
.equal-height-container .col-item .price-feature-list ul {
  margin: 0 auto;
  align-self: flex-start;
  margin-bottom: 1rem;
}
.equal-height-container .col-item .price-feature-list ul li p {
  text-align: center !important;
}

.table-heading {
  box-shadow: initial;
  background: initial;
}

i.large-icon {
  font-size: 38px;
  line-height: 90px;
  color: #57a170;
}
@media (max-width: 767px) {
  i.large-icon {
    line-height: 70px;
  }
}

.large-icon.initial-height {
  line-height: initial;
}
@media (max-width: 767px) {
  .large-icon.initial-height {
    line-height: initial;
  }
}

/* 37.Tables */
.table {
  color: #3a3a3a;
}

.table th,
.table td {
  border-color: #d2d2d2 !important;
}

.table .thead-light th {
  background-color: #f3f3f3 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #76b58b !important;
}

.feature-row {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .feature-row {
    margin-top: 40px;
  }
}

/* 38.Invoice Print */
@media print {
  body {
    background: white;
    height: 100%;
  }
  main {
    margin: 0 !important;
  }
  .navbar,
  .menu,
  .theme-colors {
    display: none;
  }
  main .container-fluid .row:not(.invoice) {
    display: none;
  }
  .invoice {
    width: 100%;
    max-width: 100%;
  }
  .invoice.row {
    margin: 0;
  }
  .invoice [class*=col] {
    padding: 0;
  }
  .invoice .invoice-contents {
    width: 100%;
    max-width: 100% !important;
    height: 1370px !important;
  }
}
/* 39.Profile Page */
.social-header {
  width: 100%;
  height: 380px;
  object-fit: cover;
  max-height: 380px;
}

.social-profile-img {
  height: 120px;
  border: 3px solid white;
  position: absolute;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  top: -75px;
}

.social-icons ul {
  margin-bottom: 0;
}
.social-icons li {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.social-icons li a {
  color: #fad733;
  font-size: 1.2rem;
}
.social-icons li a:hover, .social-icons li a:active {
  color: rgba(250, 215, 51, 0.7);
}

.post-icon i {
  font-size: 1.1rem;
  vertical-align: middle;
}
.post-icon span {
  display: inline-block;
  padding-top: 3px;
  vertical-align: middle;
}

.comment-likes {
  text-align: right;
  flex-basis: 90px;
  flex-shrink: 0;
}

.comment-contaiener input {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  padding-left: 20px;
}

.social-image-row [class*=col-] {
  margin-bottom: 1rem;
}
.social-image-row [class*=col-]:nth-last-child(-n+2) {
  margin-bottom: 0;
}
.social-image-row [class*=col-]:nth-child(odd) {
  padding-right: 0.5rem;
}
.social-image-row [class*=col-]:nth-child(even) {
  padding-left: 0.5rem;
}

.gallery-page.row {
  margin-left: -5px;
  margin-right: -5px;
}
.gallery-page.row [class*=col-] {
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

.col-left {
  padding-right: 20px;
}
@media (max-width: 991px) {
  .col-left {
    padding-right: 15px;
  }
}

.col-right {
  padding-left: 20px;
}
@media (max-width: 991px) {
  .col-right {
    padding-left: 15px;
  }
}

/* 40.Details Page */
.glide.details img {
  margin-bottom: 0;
}
.glide.details .glide__slides {
  margin-bottom: 0;
}

.glide.thumbs {
  cursor: pointer;
  width: 340px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .glide.thumbs {
    width: 300px;
  }
}
@media (max-width: 575px) {
  .glide.thumbs {
    width: calc(100% - 80px);
  }
}
.glide.thumbs li {
  text-align: center;
  opacity: 0.4;
  transition: opacity 200ms;
}
.glide.thumbs li.active, .glide.thumbs li:hover {
  opacity: 1;
}
.glide.thumbs li img {
  width: 60px;
  margin-bottom: 0;
}
.glide.thumbs .glide__slides {
  margin-bottom: 0;
}
.glide.thumbs .glide__arrows {
  width: 100%;
}
.glide.thumbs .glide__arrows .glide__arrow--left {
  border: initial;
  background: initial;
  box-shadow: initial;
  top: 23px;
  left: -50px;
  font-size: 20px;
  color: #57a170;
  position: absolute;
  transform: translateY(-50%);
  line-height: 1;
  text-transform: uppercase;
  padding: 9px 12px;
  cursor: pointer;
}
.glide.thumbs .glide__arrows .glide__arrow--right {
  border: initial;
  background: initial;
  box-shadow: initial;
  top: 23px;
  right: -50px;
  font-size: 20px;
  color: #57a170;
  position: absolute;
  transform: translateY(-50%);
  line-height: 1;
  text-transform: uppercase;
  padding: 9px 12px;
  cursor: pointer;
}

.glide__slides {
  white-space: initial;
}
.glide__slides .glide__slide {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.glide__slide {
  display: flex;
  height: unset;
}
.glide__slide .card {
  display: flex;
  flex-grow: 1;
}
.glide__slide .card .w-50 {
  display: flex;
}
.glide__slide .card .card-body {
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}

.slider-nav {
  text-align: center;
}
.slider-nav .left-arrow,
.slider-nav .right-arrow {
  padding-top: 7px;
  font-size: 20px;
  color: #57a170;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  border: initial;
  position: initial;
  transform: initial;
  top: initial;
  left: initial;
  right: initial;
  padding-left: 5px;
  padding-right: 5px;
}
.slider-nav .glide__arrow {
  padding-top: 15px;
}
.slider-nav .slider-dot-container {
  display: inline-block;
  position: initial;
  text-align: center;
  transform: initial;
  left: initial;
}
.slider-nav .btn:hover, .slider-nav .btn:focus, .slider-nav .btn:active {
  text-decoration: initial;
}

.slider-dot {
  width: 6px;
  height: 6px;
  border-radius: 10px;
  background: #d7d7d7;
  outline: initial !important;
  border: initial;
  margin: 0 3px;
  padding: 0;
  cursor: pointer;
  box-shadow: initial;
}
.slider-dot.glide__bullet:hover, .slider-dot.glide__bullet:focus {
  background: #d7d7d7;
  border: initial;
}
.slider-dot.glide__bullet--active {
  background: #57a170 !important;
}

.glide .card-img {
  width: 100%;
  height: auto;
}

.glide.details img {
  margin-bottom: 0;
}
.glide.details .glide__slides {
  margin-bottom: 0;
}
.glide.details .glide__slide {
  padding: initial;
}

.glide.thumbs {
  cursor: pointer;
  width: 340px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .glide.thumbs {
    width: 300px;
  }
}
@media (max-width: 575px) {
  .glide.thumbs {
    width: calc(100% - 80px);
  }
}
.glide.thumbs .glide__slide {
  padding: initial;
}
.glide.thumbs li {
  text-align: center;
  opacity: 0.4;
  transition: opacity 200ms;
  height: 45px;
  object-fit: cover;
}
.glide.thumbs li.active, .glide.thumbs li:hover {
  opacity: 1;
}
.glide.thumbs li img {
  width: 60px;
  margin-bottom: 0;
  object-fit: cover;
}
.glide.thumbs .glide__slides {
  margin-bottom: 0;
}
.glide.thumbs .glide__arrows {
  width: 100%;
}
.glide.thumbs .glide__arrows .glide__arrow--left {
  border: initial;
  background: initial;
  box-shadow: initial;
  top: 20px;
  left: -50px;
  font-size: 20px;
  color: #57a170;
}
.glide.thumbs .glide__arrows .glide__arrow--right {
  border: initial;
  background: initial;
  box-shadow: initial;
  top: 20px;
  right: -50px;
  font-size: 20px;
  color: #57a170;
}

.lightbox {
  margin-top: -140px;
  text-align: center !important;
}

.lb-loader {
  text-align: center !important;
}

.lightbox .lb-image {
  border: initial;
}

.lb-outerContainer {
  background: initial;
}

.lb-dataContainer {
  position: absolute;
  top: -50px;
  right: 20px;
}

.lightboxOverlay {
  min-width: 100%;
  margin-top: -200px;
  min-height: 100%;
}

.lb-data .lb-close,
.lb-nav a.lb-next,
.lb-nav a.lb-prev {
  background: initial;
  font-family: "simple-line-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 28px;
  color: #fff !important;
}

.lb-data .lb-close:before {
  content: "\e082";
}

.lb-loader .lb-cancel {
  background: initial;
  display: inline-block;
  vertical-align: text-bottom;
  border: 0.25em solid #57a170;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border 0.75s linear infinite;
}

.lb-nav a.lb-next:before {
  content: "\e079";
  right: 10px;
  position: absolute;
  top: 50%;
  margin-top: -28px;
}

.lb-nav a.lb-prev:before {
  content: "\e07a";
  left: 10px;
  position: absolute;
  top: 50%;
  margin-top: -28px;
}

app-profile-who-to-follow app-user-follow:last-of-type > div {
  border-bottom: initial !important;
}

/* 41.Blog */
.listing-card-container .listing-heading {
  height: 45px;
  overflow: hidden;
}
@media (max-width: 575px) {
  .listing-card-container .listing-heading {
    height: 40px;
  }
}
.listing-card-container .listing-desc {
  height: 60px;
  overflow: hidden;
  line-height: 1.4;
}
@media (max-width: 1199px) {
  .listing-card-container .listing-desc {
    height: 60px;
  }
}

/* 42.Rounded */
.rounded .input-group label.btn:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded .control-panel {
  border-radius: 0.5rem;
}
.rounded .form-control,
.rounded .bootstrap-tagsinput,
.rounded .ng-select .ng-select-container {
  border-radius: 0.5rem;
}
.rounded .snotify .snotify-prompt {
  border-radius: 0.5rem;
}
.rounded .snotify .snotify-prompt .snotifyToast__inner {
  background-color: transparent;
}
.rounded .snotify .snotify-prompt .custom-div {
  border-radius: 0.5rem;
  background-color: #fff;
}
.rounded .badge.rounded {
  border-radius: 50% !important;
}
.rounded .menu-button, .rounded .menu-button-mobile {
  border-radius: 0.5rem;
}
.rounded .snotify .snotify-prompt .snotifyToast__buttons button {
  border-radius: 0.5rem;
}
.rounded .card {
  border-radius: 0.5rem;
}
.rounded .card .card-header:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded .card .card-body {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded .card .card-footer:last-child {
  border-radius: 0 0 0.5rem 0.5rem;
}
.rounded .login-container .card.auth-card {
  border-radius: 0.5rem;
}
.rounded .modal .modal-content {
  border-radius: 0.5rem;
}
.rounded .simple-notification {
  border-radius: 0.5rem;
}
.rounded .popover,
.rounded .tooltip-inner {
  border-radius: 0.5rem;
}
.rounded .border-radius {
  border-radius: 0.5rem;
}
.rounded .vjs-poster,
.rounded .vjs-tech {
  border-radius: 0.5rem;
}
.rounded .best-rated-items .owl-stage img {
  border-radius: 0.5rem;
}
.rounded .app-menu {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded .sub-menu {
  border-radius: 0 0.5rem 0.5rem 0;
}
.rounded .auth-card .image-side {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
@media (max-width: 991px) {
  .rounded .auth-card .image-side {
    border-bottom-right-radius: initial;
    border-bottom-left-radius: initial;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
}
.rounded .card-img,
.rounded .card-img-fluid,
.rounded .card-img-overlay {
  border-radius: 0.5rem;
}
.rounded .input-group .input-group-text {
  border-radius: 0.5rem 0 0 0.5rem;
}
.rounded .input-group .form-control {
  border-radius: 0.5rem;
}
.rounded .input-group > .form-control:not(:first-child),
.rounded .input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}
.rounded .input-group > .form-control:not(:last-child),
.rounded .input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.rounded .input-group > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rounded .input-group > .btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rounded .input-group > .input-group-append > .btn,
.rounded .input-group > .input-group-append > .input-group-text,
.rounded .input-group > .input-group-prepend:not(:first-child) > .btn,
.rounded .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.rounded .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.rounded .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rounded .btn {
  border-radius: 0.5rem;
}
.rounded .dropdown-menu, .rounded .form-side app-state-button button, .rounded .error-page button, .rounded .breadcrumbPanel .breadcrumb-item {
  border-radius: 0.5rem;
}
.rounded .dropdown-menu .dropdown-item:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded .dropdown-menu .dropdown-item:last-child {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded .sub-show-temporary .main-menu {
  border-radius: initial;
}
.rounded .dropdown-menu {
  border-radius: 0.5rem;
}
.rounded .btn.default {
  border-radius: 0.1rem;
}
.rounded .list-thumbnail {
  border-radius: 0.5rem;
}
.rounded .card-img-bottom,
.rounded .card-img-bottom .vjs-poster,
.rounded .card-img-bottom .vjs-tech {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-top-left-radius: initial;
  border-top-right-radius: initial;
}
.rounded .card-img-top,
.rounded .card-img-top .vjs-poster,
.rounded .card-img-top .vjs-tech {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: initial;
}
.rounded .card-img-left {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-top-right-radius: initial !important;
  border-bottom-right-radius: initial !important;
}
.rounded .card-img-right {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-top-left-radius: initial !important;
  border-bottom-left-radius: initial !important;
}
.rounded .card.auth-card {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}
@media (max-width: 991px) {
  .rounded .card.auth-card {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
  }
}
.rounded .invalid-tooltip,
.rounded .valid-tooltip,
.rounded div.error {
  border-radius: 10px;
}
.rounded .data-table-rows table tbody tr {
  border-radius: 0.5rem;
}
.rounded .data-table-rows table td {
  background: white;
}
.rounded .data-table-rows table td:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded .data-table-rows table td:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

/* 43.Rtl */
.rtl {
  direction: rtl;
}
.rtl .text-center p,
.rtl .text-center div,
.rtl .text-center span,
.rtl .text-center i,
.rtl .text-center a,
.rtl .text-center h1,
.rtl .text-center h2,
.rtl .text-center h3,
.rtl .text-center h4,
.rtl .text-center h5,
.rtl .text-center h6 {
  text-align: center;
}
.rtl .list-unstyled {
  padding-right: 0;
}
.rtl .breadcrumb-item + .breadcrumb-item {
  padding-left: initial;
  padding-right: 0.5rem;
}
.rtl .breadcrumb-item + .breadcrumb-item::before {
  padding-left: 0.5rem;
  padding-right: initial;
}
.rtl .glide__arrow.glide__arrow--left .simple-icon-arrow-left:before {
  content: "\e605";
}
.rtl .glide__arrow.glide__arrow--right .simple-icon-arrow-right:before {
  content: "\e606";
}
.rtl .dropdown-menu:not(.datepicker-dropdown) {
  right: initial !important;
}
.rtl .dropdown-menu-right {
  right: initial !important;
  left: 0 !important;
}
.rtl .dropdown-menu-left {
  right: 0 !important;
  left: initial !important;
}
.rtl .btn-group > .btn:first-child {
  margin-left: -1px;
}
.rtl .top-right-button-container {
  float: left;
}
@media (max-width: 575px) {
  .rtl .top-right-button-container {
    float: initial;
  }
}
.rtl .col-left {
  padding-left: 20px;
  padding-right: 15px;
}
@media (max-width: 991px) {
  .rtl .col-left {
    padding-left: 15px;
  }
}
.rtl .col-right {
  padding-right: 20px;
  padding-left: 15px;
}
@media (max-width: 991px) {
  .rtl .col-right {
    padding-right: 15px;
  }
}
.rtl .search-sm::after {
  left: 7px;
  right: initial;
  text-align: initial;
  top: 3px;
}
.rtl .newsletter-input-container input {
  border-top-left-radius: 0.1rem;
  border-bottom-left-radius: 0.1rem;
  border-top-right-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
}
.rtl .custom-control-label::after,
.rtl .custom-control-label::before {
  left: initial;
  right: -1.5rem;
}
.rtl .context-menu-item span {
  margin-left: initial;
  margin-right: 0.5rem;
}
.rtl .dropdown-toggle-split:after,
.rtl .dropright .dropdown-toggle-split:after,
.rtl .dropup .dropdown-toggle-split:after {
  margin-left: 2px;
  margin-right: 2px;
}
.rtl .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .rtl .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .rtl .input-group > .input-group-append:not(:last-child) > .btn, .rtl .input-group > .input-group-append:not(:last-child) > .input-group-text, .rtl .input-group > .input-group-prepend > .btn, .rtl .input-group > .input-group-prepend > .input-group-text {
  border-radius: 0.1rem;
}
.rtl .btn-group.dropleft .dropdown-toggle-split {
  border-radius: 0.1rem;
}
.rtl .fc-toolbar.fc-header-toolbar .btn-group .fc-next-button.btn,
.rtl .fc-toolbar.fc-header-toolbar .btn-group .fc-prev-button.btn {
  border-radius: 40px !important;
}
.rtl .input-group-append .btn + .btn,
.rtl .input-group-append .btn + .input-group-text,
.rtl .input-group-append .input-group-text + .btn,
.rtl .input-group-append .input-group-text + .input-group-text,
.rtl .input-group-prepend .btn + .btn,
.rtl .input-group-prepend .btn + .input-group-text,
.rtl .input-group-prepend .input-group-text + .btn,
.rtl .input-group-prepend .input-group-text + .input-group-text {
  margin-left: 0px;
  margin-right: -1px;
}
.rtl .input-group > .input-group-append > .btn, .rtl .input-group > .input-group-append > .input-group-text, .rtl .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .rtl .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .rtl .input-group > .input-group-prepend:not(:first-child) > .btn, .rtl .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
  border-radius: 0.1rem;
}
.rtl .input-group-text {
  border-radius: 0.1rem !important;
}
.rtl .input-group-prepend {
  margin-right: 0;
  margin-left: -1px;
}
.rtl .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .rtl .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .rtl .input-group > .input-group-append:not(:last-child) > .btn, .rtl .input-group > .input-group-append:not(:last-child) > .input-group-text, .rtl .input-group > .input-group-prepend > .btn, .rtl .input-group > .input-group-prepend > .input-group-text {
  border-radius: 50px;
}
.rtl .input-group > .input-group-append > .btn, .rtl .input-group > .input-group-append > .input-group-text, .rtl .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .rtl .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .rtl .input-group > .input-group-prepend:not(:first-child) > .btn, .rtl .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
  border-radius: 50px;
}
.rtl .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .rtl .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .rtl .input-group > .input-group-append:not(:last-child) > .btn, .rtl .input-group > .input-group-append:not(:last-child) > .input-group-text, .rtl .input-group > .input-group-prepend > .btn, .rtl .input-group > .input-group-prepend > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rtl .input-group > .input-group-prepend:first-child > .btn:not(:first-child) {
  border-radius: 0 !important;
}
.rtl .input-group > .input-group-append > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rtl .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rtl .sw-main.sw-theme-check > ul.step-anchor > li > a:after,
.rtl .sw-main.sw-theme-dots > ul.step-anchor > li > a:after {
  left: 0;
  right: 50%;
  transform: translateX(50%);
}
.rtl .tooltip-label-right .invalid-tooltip::before,
.rtl .tooltip-label-right .valid-tooltip::before {
  left: initial;
  right: -5px;
  border-right: initial;
  border-left: solid 5px #57a170;
}
.rtl .tooltip-label-right .invalid-tooltip::after,
.rtl .tooltip-label-right .valid-tooltip::after {
  right: -4px;
  left: initial;
  border-left: solid 5px white;
  border-right: initial;
}
.rtl .tooltip-label-right .invalid-tooltip,
.rtl .tooltip-label-right .valid-tooltip {
  left: initial;
  right: 50px;
}
.rtl .tooltip-label-right .invalid-tooltip:after,
.rtl .tooltip-label-right .valid-tooltip:after,
.rtl .tooltip-label-right div.error:after {
  left: auto;
  right: -9px;
  border-right: 5px solid transparent;
  border-left: 5px solid white;
}
.rtl .tooltip-label-right .invalid-tooltip:before,
.rtl .tooltip-label-right .valid-tooltip:before,
.rtl .tooltip-label-right div.error:before {
  left: auto;
  right: -10px;
  border-right: 5px solid transparent;
  border-left: 5px solid #57a170;
}
.rtl .tooltip-label-right .invalid-tooltip,
.rtl .tooltip-label-right .valid-tooltip,
.rtl .tooltip-label-right div.error {
  left: initial;
  right: 50px;
}
.rtl .tooltip-label-right .error-l-0 .invalid-tooltip,
.rtl .tooltip-label-right .error-l-0 .valid-tooltip,
.rtl .tooltip-label-right .error-l-0 div.error {
  right: 0px;
  left: initial;
}
.rtl .tooltip-label-right .error-l-25 .invalid-tooltip,
.rtl .tooltip-label-right .error-l-25 .valid-tooltip,
.rtl .tooltip-label-right .error-l-25 div.error {
  left: initial;
  right: 25px;
}
.rtl .tooltip-label-right .error-l-50 .invalid-tooltip,
.rtl .tooltip-label-right .error-l-50 .valid-tooltip,
.rtl .tooltip-label-right .error-l-50 div.error {
  left: initial;
  right: 50px;
}
.rtl .tooltip-label-right .error-l-75 .invalid-tooltip,
.rtl .tooltip-label-right .error-l-75 .valid-tooltip,
.rtl .tooltip-label-right .error-l-75 div.error {
  left: initial;
  right: 75px;
}
.rtl .tooltip-label-right .error-l-100 .invalid-tooltip,
.rtl .tooltip-label-right .error-l-100 .valid-tooltip,
.rtl .tooltip-label-right .error-l-100 div.error {
  left: initial;
  right: 100px;
}
.rtl .tooltip-label-right .error-l-125 .invalid-tooltip,
.rtl .tooltip-label-right .error-l-125 .valid-tooltip,
.rtl .tooltip-label-right .error-l-125 div.error {
  left: initial;
  right: 125px;
}
.rtl .tooltip-label-right .error-l-150 .invalid-tooltip,
.rtl .tooltip-label-right .error-l-150 .valid-tooltip,
.rtl .tooltip-label-right .error-l-150 div.error {
  left: initial;
  right: 150px;
}
.rtl .tooltip-label-right .error-l-175 .invalid-tooltip,
.rtl .tooltip-label-right .error-l-175 .valid-tooltip,
.rtl .tooltip-label-right .error-l-175 div.error {
  left: initial;
  right: 175px;
}
.rtl .tooltip-label-right .error-l-200 .invalid-tooltip,
.rtl .tooltip-label-right .error-l-200 .valid-tooltip,
.rtl .tooltip-label-right .error-l-200 div.error {
  left: initial;
  right: 200px;
}
.rtl .tooltip-label-right .error-l-225 .invalid-tooltip,
.rtl .tooltip-label-right .error-l-225 .valid-tooltip,
.rtl .tooltip-label-right .error-l-225 div.error {
  left: initial;
  right: 225px;
}
.rtl .tooltip-label-right .error-l-250 .invalid-tooltip,
.rtl .tooltip-label-right .error-l-250 .valid-tooltip,
.rtl .tooltip-label-right .error-l-250 div.error {
  left: initial;
  right: 250px;
}
.rtl .tooltip-label-right .error-l-275 .invalid-tooltip,
.rtl .tooltip-label-right .error-l-275 .valid-tooltip,
.rtl .tooltip-label-right .error-l-275 div.error {
  left: initial;
  right: 275px;
}
.rtl .invalid-icon,
.rtl .valid-icon {
  right: initial;
  left: 4px;
}
.rtl .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell.sortable .datatable-header-cell-template-wrap {
  padding-right: 0;
  padding-left: 30px;
}
.rtl .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell.sortable .datatable-header-cell-template-wrap:before {
  right: initial;
  left: 3em;
}
.rtl .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell.sortable .datatable-header-cell-template-wrap:after {
  right: initial;
  left: 2.5em;
}
.rtl .data-table-rows .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell, .rtl .data-table-rows .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell {
  padding-right: 1.5rem;
  padding-left: initial;
}
.rtl .data-table-rows .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell.sortable .datatable-header-cell-template-wrap:before {
  left: initial;
  right: 2em;
}
.rtl .data-table-rows .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell.sortable .datatable-header-cell-template-wrap:after {
  left: initial;
  right: 1.5em;
}
.rtl .data-table-rows .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell.sortable .datatable-header-cell-template-wrap {
  padding-right: 40px;
  padding-left: initial;
}
.rtl .data-table-responsive .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-row-center datatable-body-cell:first-of-type .glyph-icon {
  left: initial;
  right: 12px;
}
.rtl .data-table-responsive .datatable-row-detail .detail-content {
  padding-right: 47px;
}
.rtl .ck-editor {
  direction: rtl;
}
.rtl .glide__arrows.slider-nav {
  direction: ltr;
}
.rtl .glide__bullets.slider-dot-container {
  direction: rtl;
}
.rtl .btn-group > .btn:not(:first-child),
.rtl .btn-group > .btn-group:not(:first-child) > .btn {
  border-radius: initial;
}
.rtl .btn-group > .btn:first-child {
  border-top-right-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rtl .btn-group > button.btn:last-of-type {
  border-top-left-radius: 50px !important;
  border-bottom-left-radius: 50px !important;
}
.rtl .btn-group > label.btn:last-of-type {
  border-top-left-radius: 50px !important;
  border-bottom-left-radius: 50px !important;
}
.rtl .top-right-button-container .check-button label.custom-control {
  margin-left: -0.25rem;
}
.rtl .list .flex-row.card .custom-control {
  padding-left: 2.5rem !important;
}
.rtl .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  right: initial;
  left: 0;
}
.rtl .datepicker-dropdown {
  right: initial;
}
.rtl .card .card-header .card-icon {
  left: 10px;
  right: initial;
}
.rtl .custom-control {
  padding-right: 1.5rem;
  padding-left: inherit;
  margin-right: inherit;
  margin-left: initial;
}
.rtl .custom-control.custom-switch {
  padding-right: 2rem;
}
.rtl .custom-control.custom-switch .custom-control-label::after, .rtl .custom-control.custom-switch .custom-control-label::before {
  right: -2rem;
}
.rtl .custom-control.custom-switch .custom-control-label::after {
  right: -1.15rem;
}
.rtl .pagination .page-link.prev i::before {
  content: "\e606";
}
.rtl .pagination .page-link.next i::before {
  content: "\e605";
}
.rtl .pagination .page-link.first i::before {
  content: "\e074";
}
.rtl .pagination .page-link.last i::before {
  content: "\e06f";
}
.rtl .nav,
.rtl .pagination {
  padding-right: 0;
}
.rtl .separator-tabs .nav-tabs .nav-link {
  margin-left: 1.5rem;
  margin-right: 0;
}
.rtl .heading-number {
  margin-right: 0;
  margin-left: 10px;
}
.rtl .card-top-buttons {
  right: initial;
  left: 0;
}
.rtl .comment-likes {
  text-align: left;
}
.rtl .comment-contaiener input {
  border-top-left-radius: initial;
  border-bottom-left-radius: initial;
  border-top-right-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
  padding-left: inherit;
  padding-right: 20px;
}
.rtl .social-image-row [class*=col-]:nth-child(odd) {
  padding-left: 0.5rem;
  padding-right: 15px;
}
.rtl .social-image-row [class*=col-]:nth-child(even) {
  padding-left: 15px;
  padding-right: 0.5rem;
}
.rtl .app-row {
  padding-right: initial;
  padding-left: 280px;
}
@media (max-width: 1199px) {
  .rtl .app-row {
    padding-left: 0;
  }
}
.rtl .app-menu {
  left: 0;
  right: initial;
}
@media (max-width: 1199px) {
  .rtl .app-menu {
    transform: translateX(-280px);
  }
}
.rtl .app-menu.shown {
  transform: translateX(0);
}
.rtl .app-menu .app-menu-button {
  left: calc(280px - 2px);
  box-shadow: 4px 0 5px rgba(0, 0, 0, 0.04);
}
.rtl .fc-toolbar.fc-header-toolbar .fc-prev-button {
  margin-right: 0;
}
.rtl .fc-toolbar.fc-header-toolbar .fc-next-button {
  margin-right: 5px;
}
.rtl .float-right {
  float: left !important;
}
.rtl .float-left {
  float: right !important;
}
@media (min-width: 1439px) {
  .rtl .float-xxl-left {
    float: right !important;
  }
  .rtl .float-xxl-right {
    float: left !important;
  }
}
@media (min-width: 1199px) {
  .rtl .float-xl-left {
    float: right !important;
  }
  .rtl .float-xl-right {
    float: left !important;
  }
}
@media (min-width: 991px) {
  .rtl .float-lg-left {
    float: right !important;
  }
  .rtl .float-lg-right {
    float: left !important;
  }
}
@media (min-width: 767px) {
  .rtl .float-md-left {
    float: right !important;
  }
  .rtl .float-md-right {
    float: left !important;
  }
}
@media (min-width: 575px) {
  .rtl .float-sm-left {
    float: right !important;
  }
  .rtl .float-sm-right {
    float: left !important;
  }
}
@media (min-width: 419px) {
  .rtl .float-xs-left {
    float: right !important;
  }
  .rtl .float-xs-right {
    float: left !important;
  }
}
.rtl .badge.badge-top-left {
  left: initial;
  right: -7px;
}
.rtl .badge.badge-top-left-2 {
  left: initial;
  right: -7px;
}
.rtl .badge.badge-top-right {
  left: -7px;
  right: initial;
}
.rtl .badge.badge-top-right-2 {
  left: -7px;
  right: initial;
}
.rtl .r-0 {
  left: 0;
  right: initial;
}
.rtl .form-check {
  padding-left: 0;
  padding-right: 1.25rem;
}
.rtl .has-float-label label,
.rtl .has-float-label > span:last-of-type {
  right: 0.75rem;
  left: initial;
}
.rtl .has-top-label label,
.rtl .has-top-label > span:last-of-type {
  right: 0.75rem;
  left: initial;
}
.rtl .has-top-label label,
.rtl .has-top-label > span,
.rtl .has-float-label label,
.rtl .has-float-label > span {
  color: rgba(58, 58, 58, 0.7);
}
.rtl .nav-pills .nav-link {
  text-align: center;
}
.rtl .custom-switch .custom-switch-input + .custom-switch-btn:after {
  left: 0;
}
.rtl .custom-switch .custom-switch-input:checked + .custom-switch-btn:after {
  left: -28px;
}
.rtl .custom-switch-small .custom-switch-input:checked + .custom-switch-btn:after {
  left: -18px;
}
.rtl .bootstrap-tagsinput .tag {
  padding-right: 10px;
  padding-left: 20px;
}
.rtl .bootstrap-tagsinput .tag span {
  margin-left: 0px;
  position: relative;
}
.rtl .bootstrap-tagsinput .tag span:after {
  position: absolute;
  top: -2px;
  left: -15px;
}
.rtl .text-right {
  text-align: left !important;
}
.rtl .text-left {
  text-align: right !important;
}
.rtl .ps__rail-y {
  right: initial !important;
  left: 0 !important;
}
.rtl perfect-scrollbar > .ps.ps--active-y > .ps__rail-y {
  right: initial !important;
  left: 0 !important;
}
.rtl perfect-scrollbar > .ps {
  margin-left: -15px;
  padding-left: 15px;
  margin-right: -10px;
  padding-right: 10px;
}
.rtl .scroll {
  margin-left: -15px;
  padding-left: 15px;
  margin-right: -10px;
  padding-right: 10px;
}
.rtl .menu .scroll {
  margin-left: initial;
  padding-left: initial;
  margin-right: initial;
  padding-right: initial;
}
.rtl .modal .modal-header,
.rtl .modal .modal-body,
.rtl .modal .modal-footer {
  padding: 1.75rem;
}
@media (max-width: 575px) {
  .rtl .modal .modal-header,
  .rtl .modal .modal-body,
  .rtl .modal .modal-footer {
    padding: 1.5rem;
  }
}
.rtl .select-from-library .modal-body.scroll {
  margin-left: 0;
}
.rtl .select-from-library .modal-body.scroll .ps__rail-y {
  left: 10px !important;
}
.rtl .select-from-library .sfl-item-container .card-body {
  padding-right: 1.75rem !important;
}
@media (max-width: 575px) {
  .rtl .select-from-library .sfl-item-container .card-body {
    padding: 1.5rem !important;
  }
}
.rtl .select-from-library .sfl-item-container .custom-control {
  padding-left: 0.25rem !important;
}
.rtl .menu .sub-menu .scroll .ps__thumb-y,
.rtl .menu .main-menu .scroll .ps__thumb-y {
  right: -4px;
}
.rtl .dropzone .dz-preview.dz-image-preview .dz-progress {
  right: 50%;
  left: initial;
  transform: translateX(50%);
}
.rtl .dropzone .dz-preview.dz-file-preview .remove,
.rtl .dropzone .dz-preview.dz-image-preview .remove {
  right: initial;
  left: 5px;
}
.rtl .chart {
  direction: ltr;
}
.rtl .chart canvas {
  direction: rtl;
}
.rtl .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -10px;
}
.rtl .icon-button {
  text-align: center;
}
.rtl aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li:not(:last-child):before {
  right: calc(50% + 7px);
  left: initial;
}
.rtl aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li:not(:last-child):before {
  left: initial;
  right: calc(50% + 20px);
}
.rtl .menu {
  right: 0;
  left: initial;
}
.rtl .menu .main-menu {
  left: initial;
  right: 0;
}
.rtl .menu .main-menu ul li {
  position: relative;
}
.rtl .menu .main-menu ul li.active:after {
  content: " ";
  left: initial;
  right: 0;
}
.rtl .menu .sub-menu {
  left: initial;
  right: 200px;
  border-right: 1px solid #f3f3f3;
}
.rtl .menu .sub-menu ul li {
  margin-left: initial;
  margin-right: 30px;
}
.rtl .menu .sub-menu ul li i {
  margin-right: initial;
  margin-left: 10px;
}
.rtl .menu .sub-menu ul li.active:after {
  left: initial;
  right: -16px;
}
.rtl .menu .sub-menu ul.inner-level-menu li.active:after {
  left: initial;
  right: -22px;
}
@media (max-width: 1439px) {
  .rtl .menu .sub-menu {
    left: initial;
    right: 200px;
  }
}
@media (max-width: 1199px) {
  .rtl .menu .sub-menu {
    left: initial;
    right: 200px;
  }
}
@media (max-width: 767px) {
  .rtl .menu .sub-menu {
    left: initial;
    right: 200px;
  }
}
.rtl main {
  overflow: initial !important;
}
@media (max-width: 575px) {
  .rtl main {
    margin-bottom: 0;
  }
}
.rtl.default-transition main {
  transition: margin-right 300ms;
}
.rtl .navbar .navbar-right {
  text-align: left;
}
.rtl .navbar .menu-button-mobile {
  margin-left: 10px;
  margin-left: initial;
}
.rtl .navbar .menu-button {
  text-align: center;
}
.rtl .navbar .icon-menu-item {
  text-align: center;
}
.rtl .navbar .icon-menu-item i {
  text-align: center;
}
.rtl .navbar .icon-menu-item span {
  text-align: center;
}
.rtl .navbar .search .search-icon {
  right: initial;
  left: 5px;
}
@media (max-width: 767px) {
  .rtl .navbar .search {
    margin-right: 0.6rem;
    margin-left: initial;
  }
  .rtl .navbar .search input {
    display: none;
  }
  .rtl .navbar .search.mobile-view {
    margin-left: initial;
    margin-right: 15px;
  }
  .rtl .navbar .search.mobile-view input {
    display: block;
    width: 100%;
    height: 70px;
    padding-left: 0;
  }
  .rtl .navbar .search.mobile-view span {
    left: 15px;
    right: initial;
  }
}
.rtl .navbar .navbar-right {
  text-align: left;
}
.rtl .navbar .navbar-right .user {
  margin-left: 30px;
  margin-right: 0;
}
@media (max-width: 1439px) {
  .rtl .navbar .navbar-right .user {
    margin-left: 30px;
    margin-right: 0;
  }
}
@media (max-width: 1199px) {
  .rtl .navbar .navbar-right .user {
    margin-left: 30px;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .rtl .navbar .navbar-right .user {
    margin-left: 15px;
    margin-right: 0;
  }
}
.rtl .navbar .navbar-right .user img {
  margin-right: 10px;
  margin-left: initial;
}
.rtl .navbar .navbar-right .header-icons {
  margin-right: initial;
  margin-left: 0.5rem;
}
@media (max-width: 575px) {
  .rtl .navbar .navbar-right .header-icons {
    margin-left: 0;
  }
}
.rtl .navbar .navbar-right #notificationButton .count {
  text-align: center;
}
@media (max-width: 575px) {
  .rtl .navbar .navbar-right #notificationButton .count {
    left: -1px;
  }
}
.rtl .navbar .navbar-right #userDropdown,
.rtl .navbar .navbar-right #userDropdown * {
  text-align: left;
}
.rtl .heading-icon {
  margin-right: initial;
  margin-left: 5px;
}
.rtl .survey-app .answers input {
  padding-right: 0.75rem;
  padding-left: 70px;
}
.rtl .input-icons {
  left: 0;
  right: initial;
}
.rtl .simple-icon-arrow-left:before {
  content: "\e606";
}
.rtl .simple-icon-arrow-right:before {
  content: "\e605";
}
.rtl .sub-hidden .sub-menu,
.rtl .menu-sub-hidden .sub-menu,
.rtl .menu-hidden .sub-menu {
  transform: translateX(200px);
}
@media (max-width: 1439px) {
  .rtl .sub-hidden .sub-menu,
  .rtl .menu-sub-hidden .sub-menu,
  .rtl .menu-hidden .sub-menu {
    transform: translateX(200px);
  }
}
@media (max-width: 1199px) {
  .rtl .sub-hidden .sub-menu,
  .rtl .menu-sub-hidden .sub-menu,
  .rtl .menu-hidden .sub-menu {
    transform: translateX(200px);
  }
}
@media (max-width: 767px) {
  .rtl .sub-hidden .sub-menu,
  .rtl .menu-sub-hidden .sub-menu,
  .rtl .menu-hidden .sub-menu {
    transform: translateX(200px);
  }
}
.rtl .main-hidden .main-menu,
.rtl .menu-hidden .main-menu {
  transform: translateX(200px);
}
@media (max-width: 1439px) {
  .rtl .main-hidden .main-menu,
  .rtl .menu-hidden .main-menu {
    transform: translateX(200px);
  }
}
@media (max-width: 1199px) {
  .rtl .main-hidden .main-menu,
  .rtl .menu-hidden .main-menu {
    transform: translateX(200px);
  }
}
@media (max-width: 767px) {
  .rtl .main-hidden .main-menu,
  .rtl .menu-hidden .main-menu {
    transform: translateX(200px);
  }
}
.rtl .main-hidden.sub-hidden .sub-menu,
.rtl .menu-hidden .sub-menu {
  transform: translateX(400px);
}
@media (max-width: 1439px) {
  .rtl .main-hidden.sub-hidden .sub-menu,
  .rtl .menu-hidden .sub-menu {
    transform: translateX(400px);
  }
}
@media (max-width: 1199px) {
  .rtl .main-hidden.sub-hidden .sub-menu,
  .rtl .menu-hidden .sub-menu {
    transform: translateX(400px);
  }
}
@media (max-width: 767px) {
  .rtl .main-hidden.sub-hidden .sub-menu,
  .rtl .menu-hidden .sub-menu {
    transform: translateX(400px);
  }
}
.rtl .menu-main-hidden .main-menu {
  width: 0;
}
.rtl .menu-main-hidden .sub-menu {
  right: 0;
}
.rtl .menu-mobile .main-menu {
  transform: translateX(200px);
}
.rtl .menu-mobile .sub-menu {
  transform: translateX(450px);
}
.rtl .main-show-temporary .main-menu {
  transform: translateX(0);
}
.rtl .main-show-temporary .sub-menu {
  transform: translateX(200px);
}
@media (max-width: 1439px) {
  .rtl .main-show-temporary .main-menu {
    transform: translateX(0);
  }
  .rtl .main-show-temporary .sub-menu {
    transform: translateX(200px);
  }
}
@media (max-width: 1199px) {
  .rtl .main-show-temporary .main-menu {
    transform: translateX(0);
  }
  .rtl .main-show-temporary .sub-menu {
    transform: translateX(200px);
  }
}
@media (max-width: 767px) {
  .rtl .main-show-temporary .sub-menu {
    transform: translateX(200px);
  }
}
.rtl .sub-show-temporary .sub-menu,
.rtl .menu-mobile.sub-show-temporary .sub-menu,
.rtl .menu-main-hidden.menu-mobile.main-show-temporary .sub-menu {
  transform: translateX(0);
}
.rtl .chat-input-container {
  padding-right: 430px;
  padding-left: 310px;
}
@media (max-width: 1439px) {
  .rtl .chat-input-container {
    padding-right: 430px;
    padding-left: 310px;
  }
}
@media (max-width: 1199px) {
  .rtl .chat-input-container {
    padding-right: 430px;
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .rtl .chat-input-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.rtl.menu-sub-hidden .chat-input-container, .rtl.sub-hidden .chat-input-container {
  padding-right: 230px;
}
@media (max-width: 1439px) {
  .rtl.menu-sub-hidden .chat-input-container, .rtl.sub-hidden .chat-input-container {
    padding-right: 230px;
  }
}
@media (max-width: 1199px) {
  .rtl.menu-sub-hidden .chat-input-container, .rtl.sub-hidden .chat-input-container {
    padding-right: 230px;
  }
}
@media (max-width: 767px) {
  .rtl.menu-sub-hidden .chat-input-container, .rtl.sub-hidden .chat-input-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.rtl.menu-main-hidden .chat-input-container, .rtl.menu-hidden .chat-input-container, .rtl.main-hidden .chat-input-container {
  padding-right: 30px;
}
@media (max-width: 1439px) {
  .rtl.menu-main-hidden .chat-input-container, .rtl.menu-hidden .chat-input-container, .rtl.main-hidden .chat-input-container {
    padding-right: 30px;
  }
}
@media (max-width: 1199px) {
  .rtl.menu-main-hidden .chat-input-container, .rtl.menu-hidden .chat-input-container, .rtl.main-hidden .chat-input-container {
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .rtl.menu-main-hidden .chat-input-container, .rtl.menu-hidden .chat-input-container, .rtl.main-hidden .chat-input-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.rtl .sub-hidden main,
.rtl .menu-sub-hidden main,
.rtl .menu-hidden main {
  margin-right: 230px;
}
.rtl .main-hidden main,
.rtl .menu-hidden main {
  margin-right: 30px;
}
.rtl .menu-main-hidden main {
  margin-right: 230px;
}
.rtl .menu-main-hidden.menu-hidden main {
  margin-right: 30px;
}
@media (max-width: 1439px) {
  .rtl .sub-hidden main,
  .rtl .menu-sub-hidden main,
  .rtl .menu-hidden main {
    margin-right: 230px;
  }
  .rtl .main-hidden main,
  .rtl .menu-hidden main {
    margin-right: 30px;
  }
  .rtl .menu-main-hidden main {
    margin-right: 230px;
  }
  .rtl .menu-main-hidden.menu-hidden main {
    margin-right: 30px;
  }
}
@media (max-width: 1199px) {
  .rtl .sub-hidden main,
  .rtl .menu-sub-hidden main,
  .rtl .menu-hidden main {
    margin-right: 230px;
  }
  .rtl .main-hidden main,
  .rtl .menu-hidden main {
    margin-right: 30px;
  }
  .rtl .menu-main-hidden main {
    margin-right: 230px;
  }
  .rtl .menu-main-hidden.menu-hidden main {
    margin-right: 30px;
  }
}
.rtl .theme-colors {
  transform: translate(-280px, -50%);
  left: 0;
  right: initial;
}
.rtl .theme-colors .theme-button {
  left: 278px;
  box-shadow: 3px 0 5px rgba(0, 0, 0, 0.04);
}
.rtl .theme-colors.shown {
  transform: translate(0, -50%);
}
.rtl.rounded .app-menu {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rtl.rounded .sub-menu {
  border-radius: 0.5rem 0 0 0.5rem;
}
.rtl.rounded .auth-card .image-side {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rtl.rounded .card-img,
.rtl.rounded .card-img-fluid,
.rtl.rounded .card-img-overlay {
  border-radius: 0.5rem;
}
.rtl.rounded .sub-hidden .main-menu,
.rtl.rounded .menu-sub-hidden .main-menu {
  border-radius: 0.5rem 0 0 0.5rem;
}
.rtl.rounded .sub-show-temporary .main-menu {
  border-radius: initial;
}
.rtl.rounded .card-img-left {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
  border-top-left-radius: initial !important;
  border-bottom-left-radius: initial !important;
}
.rtl.rounded .card-img-right {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
  border-top-right-radius: initial !important;
  border-bottom-right-radius: initial !important;
}
.rtl.rounded .card.auth-card {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.rtl.rounded .auth-card .image-side {
  border-top-left-radius: initial;
  border-bottom-left-radius: initial;
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.rtl.rounded .data-table-rows table td {
  border-radius: initial;
}
.rtl.rounded .data-table-rows table td:first-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rtl.rounded .data-table-rows table td:last-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

body {
  position: relative;
}
body.no-footer {
  padding-bottom: initial;
}
body.no-footer footer {
  display: none;
}

footer.page-footer {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #d7d7d7;
  width: 100%;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 90px;
}
footer.page-footer .breadcrumb {
  padding-left: 0;
  padding-right: 0;
}
footer.page-footer .breadcrumb-item + .breadcrumb-item::before {
  color: #57a170;
}
footer.page-footer .footer-content {
  margin-left: 430px;
  margin-right: 30px;
}
@media (max-width: 1439px) {
  footer.page-footer .footer-content {
    margin-left: 430px;
    margin-right: 30px;
  }
}
@media (max-width: 1199px) {
  footer.page-footer .footer-content {
    margin-left: 430px;
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  footer.page-footer .footer-content {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}

.right-menu footer.page-footer {
  padding-right: 280px;
}
@media (max-width: 1199px) {
  .right-menu footer.page-footer {
    padding-right: 0;
  }
}

#app-container.sub-hidden .footer-content, #app-container.menu-sub-hidden .footer-content, #app-container.menu-hidden .footer-content {
  margin-left: 200px;
}
#app-container.main-hidden .footer-content, #app-container.menu-hidden .footer-content {
  margin-left: 30px;
}
#app-container.menu-main-hidden .footer-content {
  margin-left: 230px;
}
#app-container.menu-main-hidden.menu-hidden .footer-content {
  margin-left: 30px;
}
@media (max-width: 1439px) {
  #app-container.sub-hidden .footer-content, #app-container.menu-sub-hidden .footer-content, #app-container.menu-hidden .footer-content {
    margin-left: 230px;
  }
  #app-container.main-hidden .footer-content, #app-container.menu-hidden .footer-content {
    margin-left: 30px;
  }
  #app-container.menu-main-hidden .footer-content {
    margin-left: 230px;
  }
  #app-container.menu-main-hidden.menu-hidden .footer-content {
    margin-left: 30px;
  }
}
@media (max-width: 1199px) {
  #app-container.sub-hidden .footer-content, #app-container.menu-sub-hidden .footer-content, #app-container.menu-hidden .footer-content {
    margin-left: 230px;
  }
  #app-container.main-hidden .footer-content, #app-container.menu-hidden .footer-content {
    margin-left: 30px;
  }
  #app-container.menu-main-hidden .footer-content {
    margin-left: 230px;
  }
  #app-container.menu-main-hidden.menu-hidden .footer-content {
    margin-left: 30px;
  }
}

.menu .sub-menu ul li.has-sub-item.active:after {
  content: " ";
  background: initial;
}

.cursor-pointer {
  cursor: pointer;
}

.chat-app-tab-pane-contacts {
  height: calc(100vh - 220px);
}

.chat-app-tab-pane-messages {
  height: calc(100vh - 170px);
}

.rtl footer.page-footer .footer-content {
  margin-right: 430px;
  margin-left: 30px;
}
@media (max-width: 1439px) {
  .rtl footer.page-footer .footer-content {
    margin-right: 430px;
    margin-left: 30px;
  }
}
@media (max-width: 1199px) {
  .rtl footer.page-footer .footer-content {
    margin-right: 430px;
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .rtl footer.page-footer .footer-content {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
}
.rtl #app-container.sub-hidden .footer-content, .rtl #app-container.menu-sub-hidden .footer-content, .rtl #app-container.menu-hidden .footer-content {
  margin-right: 230px;
  margin-left: 30px;
}
.rtl #app-container.main-hidden .footer-content, .rtl #app-container.menu-hidden .footer-content {
  margin-right: 30px;
  margin-left: 30px;
}
.rtl #app-container.menu-main-hidden .footer-content {
  margin-right: 230px;
  margin-left: 30px;
}
.rtl #app-container.menu-main-hidden.menu-hidden .footer-content {
  margin-right: 30px;
  margin-left: 30px;
}
@media (max-width: 1439px) {
  .rtl #app-container.sub-hidden .footer-content, .rtl #app-container.menu-sub-hidden .footer-content, .rtl #app-container.menu-hidden .footer-content {
    margin-right: 230px;
    margin-left: 30px;
  }
  .rtl #app-container.main-hidden .footer-content, .rtl #app-container.menu-hidden .footer-content {
    margin-right: 30px;
    margin-left: 30px;
  }
  .rtl #app-container.menu-main-hidden .footer-content {
    margin-right: 230px;
    margin-left: 30px;
  }
  .rtl #app-container.menu-main-hidden.menu-hidden .footer-content {
    margin-right: 30px;
    margin-left: 30px;
  }
}
@media (max-width: 1199px) {
  .rtl #app-container.sub-hidden .footer-content, .rtl #app-container.menu-sub-hidden .footer-content, .rtl #app-container.menu-hidden .footer-content {
    margin-right: 230px;
    margin-left: 30px;
  }
  .rtl #app-container.main-hidden .footer-content, .rtl #app-container.menu-hidden .footer-content {
    margin-right: 30px;
    margin-left: 30px;
  }
  .rtl #app-container.menu-main-hidden .footer-content {
    margin-right: 230px;
    margin-left: 30px;
  }
  .rtl #app-container.menu-main-hidden.menu-hidden .footer-content {
    margin-right: 30px;
    margin-left: 30px;
  }
}
.rtl.right-menu footer.page-footer {
  padding-left: 280px;
  padding-right: initial;
}
@media (max-width: 1199px) {
  .rtl.right-menu footer.page-footer {
    padding-left: 0;
  }
}

/*=== custom style ===*/
.navBarnd {
  padding-left: 15px;
  width: 200px;
}

.breadcrumbPanel {
  background-color: #f3f3f3;
  padding: 15px;
  margin-bottom: 10px;
  margin-left: -15px;
  margin-right: -15px;
}
.breadcrumbPanel.fixed-top {
  top: 115px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  z-index: 6;
  height: 64px;
  border-bottom: 1px solid #d2d2d2;
}

.breadcrumbPanel .breadcrumb-item {
  background-color: #57a170;
  padding: 5px 15px;
  margin-right: 5px;
}
.breadcrumbPanel .breadcrumb-item a {
  color: white;
  font-size: 16px;
}
.breadcrumbPanel .breadcrumb-item:hover {
  background-color: #ff5da9;
}
.breadcrumbPanel .breadcrumb-item:hover a {
  color: white !important;
}

.breadcrumbPanel .breadcrumb-item:last-child {
  background-color: #ff5da9;
  color: white;
  font-size: 16px;
}

.show-pass {
  position: absolute;
  right: 1px;
  top: 0;
  z-index: 99;
  padding: 14px 10px 0;
  margin: 0;
  width: auto !important;
  font-size: 14px !important;
  text-decoration: underline;
  vertical-align: middle;
  height: 100%;
  background: 0 0;
  cursor: pointer;
}

.show-pass:hover, .show-pass:focus {
  text-decoration: underline;
}

/*Password hint*/
.password-hint {
  padding: 15px;
  border: 1px solid #d7d7d7;
  background-color: white;
  color: grey;
  position: relative;
  margin-top: 13px;
}
.password-hint li {
  font-family: "Nunito Sans", sans-serif;
  font-weight: normal;
  font-size: 13px;
  margin-bottom: 7px;
  list-style: none;
  display: block;
}
.password-hint li:after, .password-hint li:before {
  position: absolute;
  content: "";
  left: 7px;
  border-width: 10px;
  border-style: solid;
}
.password-hint li:before {
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: 3px;
  font-weight: normal;
}
.password-hint li:after {
  border-color: transparent transparent white transparent;
  top: -19px;
  z-index: 99;
}
.password-hint li:before {
  border-color: transparent transparent #CCC transparent;
  top: -21px;
}
.password-hint .fa {
  color: green;
  margin-right: 5px;
}
.password-hint strong {
  margin-left: 5px;
}
.password-hint .fa-times {
  color: red;
}

.ml-0 {
  margin-left: 0 !important;
}

@media (max-width: 767px) {
  .menu .main-menu {
    top: 100px;
    height: calc(100% - 100px);
  }
  .fixed-background {
    min-height: 400px;
  }
  main {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .login-container {
    background-size: 100% auto;
    background-color: #57a170;
    height: auto !important;
    min-height: 100%;
  }
  .login-container container, .login-container .container-lg, .login-container .container-md, .login-container .container-sm, .login-container .container-xl {
    max-width: 1140px;
  }
  .login-container .mobile-logo {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
  }
  .login-container .mobile-logo .img-fluid {
    max-width: 300px;
    padding: 5px 0;
    display: inline-block;
  }
  .login-container .form-side .text-center {
    margin-top: 15px;
  }
  .login-container .form-side .text-center.form-group {
    margin-top: 15px;
  }
  .navBarnd {
    width: 100%;
    background-color: #fff;
    padding: 10px 10px 10px 15px;
    margin-left: 10px;
  }
  .navBarnd > img {
    max-width: 100%;
  }
  .navBarnd .mobile-user .user-img {
    height: 60px;
    width: 60px;
    display: inline-block;
    float: left;
  }
  .navBarnd .mobile-user .name {
    display: table-cell;
    width: 50%;
    height: 60px;
    vertical-align: middle;
    padding: 0 10px;
  }
  .navBarnd .mobile-user .name * {
    margin-bottom: 0;
  }
}
ngx-loading-bar .ngx-spinner .ngx-spinner-icon {
  color: #57a170 !important;
}
ngx-loading-bar .ngx-bar {
  background-color: #57a170 !important;
}

.icon-logo {
  display: none;
}

.main-logo {
  display: block;
}

.menu-default.sub-hidden.main-hidden .navBarnd {
  width: 100px;
  text-align: center;
  padding-left: 0;
}
.menu-default.sub-hidden.main-hidden .navBarnd .icon-logo {
  display: inline-block;
}
.menu-default.sub-hidden.main-hidden .navBarnd .main-logo {
  display: none;
}

.header-navebar .navbar {
  box-shadow: none;
}
.header-navebar .navbar .navbar-nav .nav-item {
  padding: 0 10px;
  position: relative;
}
.header-navebar .navbar .navbar-nav .nav-item > .nav-link {
  font-size: 14px;
  padding: 3px 0;
  font-weight: 400;
  border-bottom: 2px solid transparent;
  text-transform: uppercase;
}
.header-navebar .navbar .navbar-nav .nav-item.active > .nav-link {
  color: #57a170;
  border-color: #57a170;
  text-decoration: none;
  border-bottom: none;
}
.header-navebar .navbar .navbar-nav .nav-item .dropdown-menu {
  left: 0 !important;
  right: auto !important;
  margin-top: 10px;
}

.custom-table {
  margin-bottom: 15px;
}
.custom-table tr, .custom-table th {
  background-color: #efefef;
  font-size: 14px;
  font-weight: 400;
}
.custom-table tr.table-bg-primary, .custom-table th.table-bg-primary {
  background-color: #57a170;
  color: white;
}
.custom-table tr td, .custom-table th td {
  border-color: white !important;
  padding: 7px 10px;
  font-weight: bold;
  color: #000;
  font-size: 12px;
}
.custom-table tr td:last-child, .custom-table th td:last-child {
  text-align: right;
}

.custom-primary-table {
  margin-bottom: 15px;
}
.custom-primary-table tr, .custom-primary-table th {
  background-color: #eaf4ed;
  border-color: white !important;
  font-size: 14px;
  font-weight: 400;
}
.custom-primary-table tr:last-child, .custom-primary-table th:last-child {
  background-color: #000000;
  color: white;
}
.custom-primary-table tr td, .custom-primary-table th td {
  border-color: white !important;
}
.custom-primary-table tr td:last-child, .custom-primary-table th td:last-child {
  text-align: right;
}

.text-primary-darken {
  color: #ea27ff;
}

.text-primary-light {
  color: #c7ff03;
}

.label-color {
  color: #142b5a !important;
  margin-left: 3px;
}

.vr {
  border-left: 1px solid #d7d7d7;
  height: 46px;
  display: inline-block;
  width: 1px;
}

.table-striped thead {
  background-color: #57a170;
  color: white;
}
.table-striped thead tr th {
  border: 0 !important;
  font-weight: 500;
  vertical-align: middle;
}
.table-striped tbody tr {
  font-size: 14px;
  font-weight: 400;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: white !important;
}
.table-striped tbody tr:nth-of-type(even) {
  background-color: #b8d9c3 !important;
}
.table-striped tbody tr td, .table-striped tbody tr th {
  vertical-align: middle;
  padding: 3px 5px;
  height: 25px;
  border: 0 !important;
  vertical-align: middle;
}
.table-striped tbody tr td p:last-child, .table-striped tbody tr th p:last-child {
  margin-bottom: 0;
}
.table-striped tbody tr td:first-child, .table-striped tbody tr th:first-child {
  text-align: center;
}
.table-striped tbody tr td:first-child .document-dropdown, .table-striped tbody tr th:first-child .document-dropdown {
  width: auto;
  display: inline-block;
}
.table-striped tbody tr td:first-child .document-dropdown .btn, .table-striped tbody tr th:first-child .document-dropdown .btn {
  font-size: 12px;
}
.table-striped tbody tr th {
  font-weight: 500;
}

.rounded-border {
  border: 1px solid #57a170;
  color: #57a170;
  border-radius: 50%;
  text-align: center;
  padding: 2px 2px 1px;
  font-size: 12px;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #d7d7d7;
}

.btn-close {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 25px;
  height: 25px;
  padding: 0;
  text-align: center;
}

.italic-bold-text {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 14px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th.dtr-control:before {
  color: #57a170;
  border: 0.15em solid #57a170;
  box-shadow: 0 0 0.2em white;
  background-color: white;
}

.messages-card .card-dody .angular-editor-textarea {
  border-top: 0 !important;
  margin-top: 0;
}
.rounded .messages-card {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.rounded .messages-card .card-dody .angular-editor-textarea {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.ngx-pagination {
  margin-bottom: 0 !important;
  padding: 0;
}
.ngx-pagination li {
  margin-bottom: 0;
}
.ngx-pagination li + li:not(:last-child) {
  margin-left: 3px;
  margin-right: 3px;
}
.ngx-pagination li + li:not(:last-child) a {
  background-color: #57a170;
  border-color: #57a170;
  color: #fff !important;
  box-shadow: none !important;
  transition: none !important;
  height: 29px;
  min-width: 37px;
  text-align: center;
  padding: 4px 15px 0;
}
.ngx-pagination li + li:not(:last-child) a:hover, .ngx-pagination li + li:not(:last-child) a:active, .ngx-pagination li + li:not(:last-child) a:focus, .ngx-pagination li + li:not(:last-child) a:active:focus {
  background-color: #ff5da9;
  border-color: #ff5da9;
  color: #fff;
  box-shadow: none !important;
}
.ngx-pagination li + li:not(:last-child) a:not([disabled]):not(.disabled):active {
  background-color: #ff5da9;
  border-color: #ff5da9;
  color: #fff;
  box-shadow: none !important;
}
.ngx-pagination li + li:not(:last-child) a:not([disabled]):not(.disabled):active:focus, .ngx-pagination li + li:not(:last-child) a:not([disabled]):not(.disabled):active.focus, .ngx-pagination li + li:not(:last-child) a:not([disabled]):not(.disabled):active:active:focus, .ngx-pagination li + li:not(:last-child) a:not([disabled]):not(.disabled):active .active {
  color: #fff;
  box-shadow: 0 0 0 0.2rem #b8d9c3 !important;
}
.ngx-pagination li + li:not(:last-child).current {
  background-color: #ff5da9;
  background: #ff5da9 !important;
  border-color: #ff5da9 !important;
  color: #fff !important;
  box-shadow: none !important;
  margin-bottom: 0;
  height: 29px;
  min-width: 37px;
  text-align: center;
  padding: 4px 15px 0;
}
.ngx-pagination li + li:not(:last-child).current:hover, .ngx-pagination li + li:not(:last-child).current:active, .ngx-pagination li + li:not(:last-child).current:focus, .ngx-pagination li + li:not(:last-child).current:active:focus {
  background-color: #ff5da9;
  background: #ff5da9 !important;
  border-color: #ff5da9 !important;
  color: #fff !important;
  box-shadow: none !important;
}
.ngx-pagination li:first-child, .ngx-pagination li:last-child {
  position: relative;
  top: 4px;
}
.ngx-pagination li:first-child a, .ngx-pagination li:last-child a {
  padding: 0;
}
.ngx-pagination li:first-child a:hover, .ngx-pagination li:first-child a:active, .ngx-pagination li:first-child a:focus, .ngx-pagination li:first-child a:active:focus, .ngx-pagination li:last-child a:hover, .ngx-pagination li:last-child a:active, .ngx-pagination li:last-child a:focus, .ngx-pagination li:last-child a:active:focus {
  background-color: transparent;
}
.ngx-pagination li:first-child a:hover:after, .ngx-pagination li:first-child a:hover:before, .ngx-pagination li:first-child a:active:after, .ngx-pagination li:first-child a:active:before, .ngx-pagination li:first-child a:focus:after, .ngx-pagination li:first-child a:focus:before, .ngx-pagination li:first-child a:active:focus:after, .ngx-pagination li:first-child a:active:focus:before, .ngx-pagination li:last-child a:hover:after, .ngx-pagination li:last-child a:hover:before, .ngx-pagination li:last-child a:active:after, .ngx-pagination li:last-child a:active:before, .ngx-pagination li:last-child a:focus:after, .ngx-pagination li:last-child a:focus:before, .ngx-pagination li:last-child a:active:focus:after, .ngx-pagination li:last-child a:active:focus:before {
  background-color: #ff5da9;
  border-color: #ff5da9;
  color: #fff;
  box-shadow: none !important;
}
.ngx-pagination li.pagination-previous a, .ngx-pagination li.pagination-next a {
  color: #57a170;
}
.ngx-pagination li.pagination-previous a, .ngx-pagination li.pagination-previous.disabled {
  font-size: 0;
}
.ngx-pagination li.pagination-previous a:before, .ngx-pagination li.pagination-previous a::before, .ngx-pagination li.pagination-previous.disabled:before, .ngx-pagination li.pagination-previous.disabled::before {
  content: "o";
  font-family: "data-table";
  font-size: 18px;
  height: 29px;
  min-width: 37px;
  line-height: 29px;
  margin-left: 0px;
  margin-right: 0;
}
.ngx-pagination li.pagination-previous a span, .ngx-pagination li.pagination-previous.disabled span {
  display: none;
}
.ngx-pagination li.pagination-next a, .ngx-pagination li.pagination-next.disabled {
  font-size: 0;
}
.ngx-pagination li.pagination-next a:after, .ngx-pagination li.pagination-next a::after, .ngx-pagination li.pagination-next.disabled:after, .ngx-pagination li.pagination-next.disabled::after {
  content: "p";
  font-family: "data-table";
  font-size: 18px;
  height: 29px;
  min-width: 37px;
  line-height: 29px;
  margin-left: 0px;
  margin-right: 0;
}
.ngx-pagination li.pagination-next a span, .ngx-pagination li.pagination-next.disabled span {
  display: none;
}
.ngx-pagination li:disabled, .ngx-pagination li.disabled, .ngx-pagination li[disabled] {
  background-color: #bbbbbb;
  border-color: #bbbbbb;
  cursor: not-allowed;
  box-shadow: none;
  cursor: not-allowed;
  color: white !important;
  opacity: 1;
  padding: 0 !important;
}
.ngx-pagination li:disabled:hover, .ngx-pagination li:disabled:active, .ngx-pagination li:disabled:focus, .ngx-pagination li:disabled:active:focus, .ngx-pagination li.disabled:hover, .ngx-pagination li.disabled:active, .ngx-pagination li.disabled:focus, .ngx-pagination li.disabled:active:focus, .ngx-pagination li[disabled]:hover, .ngx-pagination li[disabled]:active, .ngx-pagination li[disabled]:focus, .ngx-pagination li[disabled]:active:focus {
  background-color: #bbbbbb;
  border-color: #bbbbbb;
  cursor: not-allowed;
  box-shadow: none;
}
.ngx-pagination li:disabled:not([disabled]):not(.disabled):active, .ngx-pagination li.disabled:not([disabled]):not(.disabled):active, .ngx-pagination li[disabled]:not([disabled]):not(.disabled):active {
  background-color: #bbbbbb;
  border-color: #bbbbbb;
  cursor: not-allowed;
  box-shadow: none;
}

.app-froote {
  background-color: #000000;
  color: #fff;
  padding: 15px;
  height: 71px;
}
.app-froote a {
  color: white;
}
.app-froote a:hover, .app-froote a:focus, .app-froote a:active {
  color: #57a170;
  text-decoration: underline;
}
.app-froote a.active {
  color: #57a170;
  text-decoration: none;
}
.app-froote a .active:hover, .app-froote a .active:focus, .app-froote a .active:active {
  text-decoration: underline;
  color: #57a170;
}
@media (max-width: 1199px) {
  .app-froote {
    height: 61px;
  }
}
@media (max-width: 991px) {
  .app-froote {
    height: 71px;
  }
}
@media (max-width: 767px) {
  .app-froote {
    height: 100px;
  }
}
@media (max-width: 575px) {
  .app-froote {
    height: 100px;
  }
}

.ngx-datatable.bootstrap {
  width: 100%;
}
.ngx-datatable.bootstrap .datatable-header {
  background-color: #57a170;
  border-color: #57a170;
  color: white;
  font-weight: 500;
  font-size: 14px;
}
.ngx-datatable.bootstrap .datatable-header .datatable-header-cell {
  font-size: 14px;
  padding: 10px;
}
.ngx-datatable.bootstrap .datatable-header .datatable-header-cell .datatable-header-cell-label {
  white-space: break-spaces !important;
}
.ngx-datatable.bootstrap .datatable-body {
  font-weight: 400;
  font-size: 14px;
}
.ngx-datatable.bootstrap .datatable-body .datatable-body-row {
  background-color: #eaf4ed;
  border-color: #eaf4ed;
}
.ngx-datatable.bootstrap .datatable-body .datatable-body-row .datatable-row-group .datatable-body-cell {
  white-space: nowrap;
  padding: 10px;
}
.ngx-datatable.bootstrap .datatable-body .datatable-body-row.datatable-row-even {
  background-color: white;
  border-color: white;
}
.ngx-datatable.bootstrap .datatable-body .empty-row {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
}
.ngx-datatable.bootstrap .datatable-footer {
  color: #57a170;
  background-color: white;
  margin-top: -6px;
  display: none;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-footer-inner {
  height: auto !important;
  min-height: 50px;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager .pages a {
  background-color: #57a170 !important;
  border-color: #57a170;
  color: #fff !important;
  box-shadow: none !important;
  transition: none !important;
  line-height: 19px;
  border-radius: 0;
  padding: 5px 15px;
  height: auto;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager .pages:hover a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager .pages:active a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager .pages:focus a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager .pages:active:focus a {
  background-color: #ff5da9 !important;
  border-color: #ff5da9;
  color: #fff !important;
  font-weight: normal;
  box-shadow: none !important;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager .pages:not([disabled]):not(.disabled):active a {
  background-color: #ff5da9 !important;
  border-color: #ff5da9;
  color: #fff !important;
  box-shadow: none !important;
  font-weight: normal;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager .pages:not([disabled]):not(.disabled):active a:focus, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager .pages:not([disabled]):not(.disabled):active a.focus, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager .pages:not([disabled]):not(.disabled):active a:active:focus, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager .pages:not([disabled]):not(.disabled):active a .active {
  color: #fff !important;
  box-shadow: 0 0 0 0.2rem #b8d9c3 !important;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager .pages.active a {
  background-color: #ff5da9 !important;
  border-color: #ff5da9 !important;
  color: #fff !important;
  font-weight: normal;
  box-shadow: none !important;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager .pages.active:hover a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager .pages.active:active a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager .pages.active:focus a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager .pages.active:active:focus a {
  background-color: #ff5da9 !important;
  border-color: #ff5da9 !important;
  color: #fff !important;
  font-weight: normal;
  box-shadow: none !important;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li a {
  border-radius: 0;
  padding: 5px 5px 0px;
  height: auto;
  background-color: white;
  color: #57a170;
  line-height: 20px;
  font-weight: normal;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li a > i {
  line-height: normal !important;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li:hover a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li:active a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li:focus a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li:active:focus a {
  background-color: #ff5da9 !important;
  border-color: #ff5da9;
  color: #fff;
  box-shadow: none !important;
  font-weight: normal;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li:disabled a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li.disabled a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li[disabled] a {
  background-color: #bbbbbb;
  border-color: #bbbbbb;
  cursor: not-allowed;
  font-weight: normal;
  box-shadow: none;
  color: white;
  opacity: 1;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li:disabled:hover a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li:disabled:active a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li:disabled:focus a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li:disabled:active:focus a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li.disabled:hover a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li.disabled:active a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li.disabled:focus a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li.disabled:active:focus a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li[disabled]:hover a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li[disabled]:active a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li[disabled]:focus a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li[disabled]:active:focus a {
  background-color: #bbbbbb !important;
  border-color: #bbbbbb;
  font-weight: normal;
  cursor: not-allowed;
  box-shadow: none;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li:disabled:not([disabled]):not(.disabled):active a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li.disabled:not([disabled]):not(.disabled):active a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li[disabled]:not([disabled]):not(.disabled):active a {
  background-color: #bbbbbb;
  border-color: #bbbbbb;
  cursor: not-allowed;
  font-weight: normal;
  box-shadow: none;
}
.ngx-datatable.bootstrap .datatable-footer .page-count {
  flex: 1 1 100px;
  line-height: normal;
  height: auto;
  padding: 0 15px;
  display: inline-block;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager {
  flex: 1 1 100%;
  text-align: center;
  margin: 0 15px;
}

.collapse-btn {
  cursor: pointer;
}
.collapse-btn:before {
  float: right;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f055";
}
.collapse-btn[aria-expanded=true]:before {
  content: "\f056";
}

.modal-dialog .dataTables_length,
.modal-dialog .dataTables_filter {
  display: none;
}

.document-card {
  min-height: 200px;
}
.document-card a {
  position: relative;
  display: block;
  cursor: pointer;
}
.document-card a > img {
  max-width: 100%;
}
.document-card a .document-hover {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 15px;
  text-align: center;
}
.document-card a .document-hover > img {
  position: absolute;
  bottom: 10px;
  margin-left: -20px;
  max-width: 30px;
  left: 50%;
}
.document-card a:hover .document-hover {
  display: block;
}

.angular-editor-wrapper .angular-editor-textarea *[style="color:#000000;"] {
  color: #3a3a3a !important;
}

.dataTables_wrapper {
  width: 100%;
}
.dataTables_wrapper .dataTable {
  width: 100% !important;
}

table.dataTable.row-border thead tr th:last-child,
table.dataTable.row-border thead tr td:last-child,
table.dataTable.display thead tr th:last-child,
table.dataTable.display thead tr td:last-child {
  text-align: center;
}

table.dataTable.row-border tbody tr th:last-child,
table.dataTable.row-border tbody tr td:last-child,
table.dataTable.display tbody tr th:last-child,
table.dataTable.display tbody tr td:last-child {
  text-align: center;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: normal;
  vertical-align: middle;
}

/*table.dataTable thead {
  .sorting,
  .sorting_desc,
  .sorting_asc {
    position: relative;
    background: none !important;

    &:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      border-width: 9px 5px;
      border-style: solid;
      right: 4px;
      left: auto;
      top: 50%;
      margin-top: -2px;
    }
  }

  .sorting {
    &:after {
      border-color: $foreground-color transparent transparent transparent;
      margin-top: 0px;
    }

    &:before {
      content: '';
      position: absolute;
      left: auto;
      right: 4px;
      margin-top: 2px;
      top: 0;
      border-width: 9px 5px;
      border-style: solid;
      border-color: transparent transparent $foreground-color transparent;
    }
  }

  .sorting_desc {
    &:after {
      border-color: $foreground-color transparent transparent transparent;
    }

    &:before {
      display: none;
    }
  }

  .sorting_asc {
    &:after {
      border-color: transparent transparent $foreground-color transparent;
      margin-top: -17px;
    }
  }
}
*/
.link-active {
  color: #57a170;
  font-weight: 500;
}
.link-active:hover, .link-active:focus, .link-active:active, .link-active:focus:active {
  text-decoration: underline;
}

@media (max-width: 991px) {
  .header-navebar .navbar .navbar-collapse {
    padding: 0;
    position: absolute;
    top: 78px;
    background-color: white;
    border: 1px solid #d7d7d7;
    width: 100%;
  }
}
@media (max-width: 991px) and (max-width: 575px) {
  .header-navebar .navbar .navbar-collapse {
    top: 78px;
  }
}
@media (max-width: 991px) {
  .header-navebar .navbar .navbar-collapse .nav-item {
    padding: 1px 0;
  }
  .header-navebar .navbar .navbar-collapse .nav-item .nav-link {
    padding: 7px 15px;
  }
  .header-navebar .navbar .navbar-collapse .nav-item.active .nav-link {
    background-color: #57a170;
    color: white;
    border: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-navebar .navbar .navbar-nav .nav-item {
    padding: 0 7px;
  }
  .ml-3, .mx-3 {
    margin-left: 10px !important;
  }
  .mr-3, .mx-3 {
    margin-right: 10px !important;
  }
}
.rounded .ngx-pagination li + li:not(:last-child) a {
  border-radius: 0.5rem !important;
}
.rounded .ngx-pagination li + li:not(:last-child).current {
  border-radius: 0.5rem !important;
}
.rounded .ngx-pagination li:disabled, .rounded .ngx-pagination li.disabled, .rounded .ngx-pagination li[disabled] {
  border-radius: 0.5rem !important;
}
.rounded .ngx-pagination li:first-child a:hover:after, .rounded .ngx-pagination li:first-child a:hover:before, .rounded .ngx-pagination li:first-child a:active:after, .rounded .ngx-pagination li:first-child a:active:before, .rounded .ngx-pagination li:first-child a:focus:after, .rounded .ngx-pagination li:first-child a:focus:before, .rounded .ngx-pagination li:first-child a:active:focus:after, .rounded .ngx-pagination li:first-child a:active:focus:before, .rounded .ngx-pagination li:last-child a:hover:after, .rounded .ngx-pagination li:last-child a:hover:before, .rounded .ngx-pagination li:last-child a:active:after, .rounded .ngx-pagination li:last-child a:active:before, .rounded .ngx-pagination li:last-child a:focus:after, .rounded .ngx-pagination li:last-child a:focus:before, .rounded .ngx-pagination li:last-child a:active:focus:after, .rounded .ngx-pagination li:last-child a:active:focus:before {
  border-radius: 0.5rem !important;
}
.rounded .angular-editor-wrapper {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.rounded .angular-editor-wrapper .angular-editor-textarea {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
  resize: none;
}
.rounded .angular-editor-wrapper .angular-editor-textarea:after {
  display: none !important;
}
.rounded .card .card-header[aria-expanded=false] {
  border-radius: 0.5rem;
}
.rounded .ngx-datatable.bootstrap .datatable-footer {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager .pages a {
  border-radius: 0.5rem;
}
.rounded .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager .pages.active a {
  border-radius: 0.5rem;
}
.rounded .ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li a {
  border-radius: 0.5rem;
}

.document-list {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #d7d7d7;
  padding: 15px;
}
.document-list:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.document-list .document-icon {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  font-size: 70px;
  color: #57a170;
  padding: 0 10px;
  position: relative;
}
.document-list .document-icon i {
  float: left;
}
.document-list .document-icon .new {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  font-size: 11px;
  position: absolute;
  top: -3px;
  left: -4px;
  padding: 10px 0;
  text-align: center;
  background-color: #000;
  color: #fff;
}
.document-list .document-details {
  position: relative;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  padding: 0 10px;
}
.document-list .document-details h3 {
  margin-bottom: 5px;
}
.document-list .document-details .document-dropdown {
  min-width: 100px;
  text-align: right;
}
.document-list .document-details .document-dropdown .dropdown-menu {
  left: auto !important;
  right: 20px !important;
}

.document-dropdown {
  position: relative;
}
.document-dropdown > button {
  font-size: 30px;
  color: #57a170;
}
.document-dropdown .dropdown-menu {
  min-width: 100px;
  top: 0 !important;
  border-color: #57a170;
  left: 20px !important;
}
.document-dropdown .dropdown-menu .dropdown-item {
  padding: 0.3rem 1rem;
  font-size: 14px;
  /*&:hover, &:active, &:focus, &:active:focus {
        background-color: $theme-color-1;
        color: $foreground-color;
      }*/
}
.document-dropdown .dropdown-menu .dropdown-item:first-child {
  background-color: #57a170;
  color: white;
}

.document-panel {
  height: calc(100% - 84px);
}

.pagination-controls {
  width: 100%;
  float: left;
  text-align: center;
}
.pagination-controls pagination-template ul {
  margin-top: 15px;
  padding: 15px 15px 5px;
  border-top: 1px solid #d7d7d7;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .header-navebar.navbar .user .name {
    display: none;
  }
}
@media (max-width: 480px) {
  .dataTables_wrapper .dataTables_paginate > .paginate_button {
    display: none !important;
  }
}
iframe.image-preview {
  width: 100% !important;
  min-height: 300px;
}
@media (min-height: 600px) {
  iframe.image-preview {
    min-height: 500px;
  }
}

.toast-container {
  max-width: 400px;
  width: 100%;
}
.toast-container .ngx-toastr {
  border-radius: 0;
  width: 100%;
}
.rounded .toast-container .ngx-toastr {
  border-radius: 0.5rem;
}

.border-spacing-10 td {
  border-top-width: 5px;
}

.custom-checkbox {
  display: block;
  position: relative;
  height: 25px;
  width: 25px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  user-select: none;
}
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 25px;
  width: 25px;
  left: 0;
  z-index: 999;
}
.custom-checkbox input + .checkmark {
  background-color: #c9e2d1;
}
.custom-checkbox input:checked + .checkmark:after {
  display: block;
}
.custom-checkbox input:checked + .checkmark {
  background-color: #c9e2d1;
}
.custom-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border: 1px solid #57a170;
}
.custom-checkbox .checkmark:after {
  position: absolute;
  display: none;
}
.custom-checkbox .checkmark:after {
  left: 6px;
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  top: -5px;
  font-size: 23px;
  color: #182d1f;
}

.card-table .card-body {
  padding: 5px;
}

.body-header {
  background-color: #e0e0e0;
  padding: 10px 15px;
  margin-bottom: 15px;
}
.body-header h3 {
  margin-bottom: 0;
}

.custom-card {
  height: 100%;
  margin-bottom: 30px;
}
.custom-card .card-body {
  padding: 5px;
}

.highcharts-credits {
  display: none !important;
}

.navbar-brand {
  width: 164px;
}
.navbar-brand .main-logo {
  width: 100%;
}

.card-body investment-history .highcharts-legend-item {
  display: none !important;
}

a.show-pass-change-password.btn,
.input-group-append .btn {
  border-radius: 0 !important;
}

.tab-container .fix-nav-tabs {
  /*    display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: space-around;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 5px;
  margin-bottom: 30px;*/
  /*
  @media (max-width: 991px) {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-end;
    align-items: flex-start;

    .nav-tabs {
      width: 100%;
    }

    .button-list {
      justify-content: flex-end;
      width: 100%;
    }
  }*/
}
.tab-container .fix-nav-tabs .nav-tabs {
  border-bottom: 0;
  margin-bottom: 15px;
}
.tab-container .fix-nav-tabs .nav-tabs .nav-item {
  border: 1px solid transparent;
  border-bottom-color: #ddd;
  margin-left: -1px;
}
.tab-container .fix-nav-tabs .nav-tabs .nav-item .nav-link {
  padding: 10px 7px;
  border: 1px solid transparent;
  color: #57a170;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  top: 2px;
  font-size: 14px;
  font-weight: normal;
  font-family: "Nunito Sans";
}
.tab-container .fix-nav-tabs .nav-tabs .nav-item .nav-link.active {
  border: 1px solid #ddd;
  border-bottom: transparent;
  color: #3a3a3a;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #fff;
  /*font-weight: 400;*/
}

.btn-success .nav-item {
  border: 0 !important;
}

.button-list {
  display: flex;
  grid-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  flex-direction: row;
}

.inner-title {
  font-size: 16px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.justify-content-between .tab-container .fix-nav-tabs .nav-tabs .nav-item {
  margin-bottom: 0 !important;
  border: 0 !important;
}

.tab-body {
  min-height: 400px;
  overflow-y: auto;
  padding-right: 15px;
  padding-left: 12px;
  border: 1px solid #ddd;
}

@media (max-width: 1920px) and (min-width: 1600px) {
  .tab-body {
    max-height: 440px;
  }
}
@media (min-height: 1080px) {
  .tab-body {
    max-height: 519px;
  }
}
@media (min-width: 1600px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1500px;
  }
}
body {
  background-color: #fff;
  font-family: "Nunito Sans", sans-serif;
  color: #3f3f3f !important;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  color: #333;
  padding-bottom: 10px;
  line-height: 1em;
  font-weight: 500;
}

p {
  font-weight: 400;
  font-family: "Nunito Sans", sans-serif;
}

.custom-table tr td, .custom-table th td {
  color: #3f3f3f !important;
  font-weight: 400;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.pl-45 {
  padding-left: 45px;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.time-recording {
  padding: 15px 0;
}
.time-recording h2 {
  position: relative;
  top: 5px;
  min-width: 170px;
  text-align: center;
}

.rounded .time-recording {
  border-radius: 0.5rem;
}

.table thead th.active {
  background-color: #7db991 !important;
}

.required-denote {
  line-height: normal;
  color: red !important;
  position: relative;
  left: 3px;
  top: -1px;
}

.modal-dialog .card .card-header .close {
  color: #ffffff;
  opacity: 1;
}
.modal-dialog .card .card-block {
  padding: 15px;
}
.modal-dialog .card .card-block p:last-child {
  margin-bottom: 0;
}

.about-fix {
  position: fixed;
  top: 50%;
  text-align: center;
  display: block;
  width: 100%;
  left: 0px;
  margin-top: -57.5px;
  padding: 30px;
}

.customAppLink {
  color: #57a170 !important;
  cursor: pointer;
}
.customAppLink:hover {
  color: #57a170 !important;
  text-decoration: underline;
}

.hide-input {
  width: 0;
  padding-right: 0;
  padding-left: 0;
  border: 0;
}

.snotify .custom-div h3 {
  transform: rotate(270deg);
}

.snotify .custom-div h3 {
  transform-origin: 0 0;
}

.snotify-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: 0;
  z-index: 9998;
  transition: opacity 0.3s;
}

.snotify {
  display: block;
  position: fixed;
  width: 300px;
  z-index: 9999;
  box-sizing: border-box;
  pointer-events: none;
  right: 15px;
  top: 15px;
}
.snotify.snotify-centerTop {
  width: 50%;
  left: 25%;
}
@media (max-width: 1199px) {
  .snotify.snotify-centerTop {
    width: 70%;
    left: 15%;
  }
}
@media (max-width: 991px) {
  .snotify.snotify-centerTop {
    width: 96%;
    left: 2%;
  }
}
.snotify.snotify-rightTop {
  width: 400px;
}
.snotify .custom-div {
  width: 100%;
  position: relative;
  border: 2px solid #ed7d31;
  border-left: 40px solid #ed7d31;
  padding: 15px;
  color: rgba(0, 0, 0, 0.5);
  font-size: small;
  display: inline-block;
  height: 250px;
}
.snotify .custom-div h3 {
  font-size: 1rem;
  color: white;
  text-transform: uppercase;
  letter-spacing: 3px;
  position: absolute;
  bottom: 20px;
  left: 0;
  margin-left: -30px;
}
.snotify .custom-div .content {
  height: 174px;
  overflow: auto;
}
.snotify .snotify-prompt {
  border-radius: 0;
  z-index: 9999;
  margin-bottom: 34px;
  position: relative;
  background-color: transparent;
}
.snotify .snotify-prompt .snotifyToast__inner {
  padding: 0;
  background-color: #fff;
}
.snotify .snotify-prompt .snotifyToast__buttons {
  background-color: transparent;
  text-align: center;
  padding: 0;
  border: 0;
  display: block;
  position: absolute;
  width: 100%;
  bottom: 15px;
}
.snotify .snotify-prompt .snotifyToast__buttons button {
  width: auto;
  font-weight: normal;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #57a170;
  border-color: #57a170;
  color: #fff;
  border: 0px;
}
.snotify .snotify-prompt .snotifyToast__buttons button:hover, .snotify .snotify-prompt .snotifyToast__buttons button:focus, .snotify .snotify-prompt .snotifyToast__buttons button:active, .snotify .snotify-prompt .snotifyToast__buttons button:focus:active {
  color: #fff;
  background-color: #57a170;
  border-color: #57a170;
  opacity: 0.8;
  border: 0px;
  box-shadow: none;
  outline: none;
}

.show-pass {
  position: absolute;
  right: 1px;
  top: 1px;
  z-index: 99;
  padding: 12px 10px;
  margin: 0;
  width: auto !important;
  font-size: 14px !important;
  text-decoration: underline !important;
  vertical-align: middle;
  height: 40px;
  background: transparent;
  cursor: pointer;
}

.btn-icon {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.table-calendar tr th, .table-calendar tr td {
  vertical-align: middle;
  position: relative;
  padding: 10px;
  line-height: normal;
}
@media (min-width: 991px) and (max-width: 1480px) {
  .table-calendar tr th, .table-calendar tr td {
    padding: 5px;
  }
}
.table-calendar .notification-panel {
  position: absolute;
  left: 3px;
  top: 25px;
  z-index: 0;
  bottom: 25px;
  right: 3px;
  border-radius: 5px;
  overflow: hidden;
}
.table-calendar .notification-panel .notification {
  display: inline-block;
  height: 100%;
  width: 50%;
  border-radius: 0;
}
.table-calendar .notification-panel-calendar {
  position: absolute;
  left: 4px;
  top: 8px;
  z-index: 0;
  bottom: 8px;
  right: 4px;
  border-radius: 5px;
  overflow: hidden;
}
.table-calendar .notification-panel-calendar .notification {
  display: inline-block;
  height: 100%;
  width: 50%;
  border-radius: 0;
}
.table-calendar .notification-data {
  z-index: 1;
  position: relative;
  min-height: 30px;
  line-height: 30px;
}

.team-card {
  background-color: #f3f3f3;
}
.team-card .table tr th {
  border-color: #d2d2d2 !important;
  border-top: 0;
}
.team-card .table tr td {
  border-color: #d2d2d2 !important;
}

.team-info {
  position: relative;
  margin-bottom: 5px;
}
.team-info .user {
  border: 1px solid #d2d2d2;
  border-radius: 50%;
  padding: 17px 0;
  width: 60px;
  height: 60px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background-color: #fff;
  font-weight: normal;
  font-size: 18px;
}
.team-info .user-info {
  position: absolute;
  top: -5px;
  left: -10px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-align: center;
  display: block;
  padding: 6px 0px;
  font-size: 12px;
  font-weight: normal;
}
@media (min-width: 991px) and (max-width: 1480px) {
  .team-info .user-info {
    left: -5px;
    top: 0;
  }
}

.team-details {
  padding-left: 0;
  height: 60px;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.table-time-recording thead {
  background-color: #57a170;
  color: #ffffff;
}
.table-time-recording thead tr th {
  padding: 5px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}
.table-time-recording thead tr th:not(:first-child) {
  border-left-color: #fff !important;
}
.table-time-recording thead tr th:not(:last-child) {
  border-right-color: #fff !important;
}
.table-time-recording thead tr th:hover {
  background-color: #ff5da9;
}
.table-time-recording thead tr th.no-hover, .table-time-recording thead tr th.no-hover:hover {
  cursor: default;
  background-color: #57a170;
}
@media (max-width: 767px) {
  .table-time-recording thead tr th {
    white-space: nowrap;
  }
  .table-time-recording thead tr th:not(:last-child) {
    min-width: 100px;
  }
}
.table-time-recording tbody tr td {
  padding: 10px;
  vertical-align: middle;
}
.table-time-recording tbody tr td.time-details {
  vertical-align: middle;
  text-align: right;
  font-size: 28px;
  color: #6f6f6f;
  padding-right: 15px;
}
.table-time-recording tbody tr td.time-details > span {
  margin-left: 80px;
}
@media (max-width: 1400px) {
  .table-time-recording tbody tr td.time-details {
    font-size: 25px;
  }
  .table-time-recording tbody tr td.time-details > span {
    margin-left: 40px;
  }
}
@media (max-width: 1200px) {
  .table-time-recording tbody tr td.time-details {
    font-size: 24px;
  }
  .table-time-recording tbody tr td.time-details > span {
    margin-left: 30px;
  }
}
@media (max-width: 991px) {
  .table-time-recording tbody tr td.time-details {
    font-size: 22px;
  }
  .table-time-recording tbody tr td.time-details > span {
    margin-left: 30px;
  }
}

.recording-footer {
  background-color: white !important;
  border-top: 0;
  padding-right: 0;
  padding-top: 19px;
}

.pl-15 {
  padding-left: 15px !important;
}

.custom-btn-group .btn {
  padding: 4px 15px;
}
.custom-btn-group .btn + .btn {
  border-left: 1px solid #ffffff;
  margin-left: 0;
}

.btn-link {
  cursor: pointer;
}

.bs-datepicker-body .days .today-class {
  border: 1px solid #57a170;
  color: #57a170;
}
.bs-datepicker-body .days .today-class.selected {
  color: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.85);
}

.calendar-row > .col, .calendar-row > [class*=col-] {
  border-right: 1px solid #e4e4e4;
}
.calendar-row > .col:last-child, .calendar-row > [class*=col-]:last-child {
  border-right: 0;
}

.backdrop, .spinner-three-bounce {
  position: fixed !important;
}

.mt--54 {
  margin-top: -51px !important;
}

/*custom table*/
.table-container .table thead tr th, .table-container .table thead tr td {
  font-size: 15px;
  vertical-align: middle;
  border-top: 0;
  border-bottom: 0;
  color: #57a170;
  padding: 5px;
}
.table-container .table thead tr th h3, .table-container .table thead tr td h3 {
  font-size: 15px;
  font-weight: normal;
}
.table-container .table tbody tr td {
  padding: 5px;
  position: relative;
  font-size: 15px;
  vertical-align: middle;
}
.table-container .table.time-table thead tr th {
  padding: 5px 5px;
  font-size: 15px;
  font-weight: normal;
  line-height: normal;
}
.table-container .table.time-table thead tr th:last-child {
  text-align: right;
}
.table-container .table.time-table tbody tr td {
  padding: 13px 5px;
  font-size: 15px;
  line-height: 32px;
  font-weight: normal;
}
.table-container .table.time-table tbody tr td h3, .table-container .table.time-table tbody tr td h4 {
  font-weight: normal;
  font-size: 15px;
  line-height: normal;
  margin-bottom: 0;
}
.table-container .table.time-table tbody tr td span {
  display: block;
}
.table-container .table.time-table tbody tr td:last-child {
  text-align: right;
}

.border-span {
  border: 3px solid #57a170;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  width: 100px;
  left: 40px;
}

.show-pass-change-password {
  padding: 2px 10px 0;
  margin: 0;
  width: auto;
  font-size: 14px;
  vertical-align: middle;
  height: 36px;
  line-height: 33px;
  background: transparent;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  background: white;
  color: #57a170;
  border-color: #d7d7d7;
}
.show-pass-change-password:hover {
  background: white;
  color: #57a170;
  border-color: #d7d7d7;
}
.show-pass-change-password:not(:first-child) {
  border-left: 0;
}
.show-pass-change-password:not(:last-child) {
  border-right: 0;
}

.required, .form-control-feedback {
  color: #f62d51;
}

.footer-button-panel .btn:not(:last-child) {
  margin-right: 10px;
}

.panel-footer {
  position: fixed;
  z-index: 9999;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 30px;
  border-radius: 0 !important;
  background-color: #000000;
}
#app-container.main-hidden main .panel-footer {
  left: 100px;
}

bs-datepicker-container,
bs-daterangepicker-container {
  z-index: 5;
}

.rounded .table-border-rounded {
  border-radius: 0.5rem;
  border-bottom: 1px solid #dee2e6;
}
.rounded .table-border-rounded .table {
  border-radius: 0.5rem;
  margin-bottom: 0;
}
.rounded .table-border-rounded .table thead:first-child tr:first-child > th:first-child,
.rounded .table-border-rounded .table tbody:first-child tr:first-child > td:first-child,
.rounded .table-border-rounded .table tbody:first-child tr:first-child > th:first-child {
  border-top-left-radius: 0.5rem;
  -moz-border-radius-topleft: 0.5rem;
}
.rounded .table-border-rounded .table thead:last-child tr:last-child > th:first-child,
.rounded .table-border-rounded .table tbody:last-child tr:last-child > td:first-child,
.rounded .table-border-rounded .table tbody:last-child tr:last-child > th:first-child,
.rounded .table-border-rounded .table tfoot:last-child tr:last-child > td:first-child,
.rounded .table-border-rounded .table tfoot:last-child tr:last-child > th:first-child {
  border-bottom-left-radius: 0.5rem;
  -moz-border-radius-bottomleft: 0.5rem;
}
.rounded .ng-dropdown-panel.ng-select-bottom {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  overflow: hidden;
}
.rounded .ng-dropdown-panel.ng-select-bottom .scroll-host {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.dashboard-calendar {
  position: relative;
}
@media (max-width: 1589px) and (min-width: 1281px) {
  .dashboard-calendar h2 {
    font-size: 18px;
  }
  .dashboard-calendar .btn {
    padding: 5px 10px 3px;
    font-size: 11px;
  }
}
@media (max-width: 1280px) and (min-width: 992px) {
  .dashboard-calendar {
    padding-top: 40px !important;
    padding-bottom: 10px;
  }
  .dashboard-calendar h2 {
    position: absolute;
    top: 0px;
    width: 100%;
    text-align: center;
    left: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .dashboard-calendar h2 + .btn {
    margin-left: 10px !important;
  }
}
@media (max-width: 567px) {
  .dashboard-calendar {
    padding-top: 40px !important;
    padding-bottom: 10px;
  }
  .dashboard-calendar h2 {
    position: absolute;
    top: 0px;
    width: 100%;
    text-align: center;
    left: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .dashboard-calendar h2 + .btn {
    margin-left: 10px !important;
  }
}

.rows-3 {
  height: 156px !important;
}

.rows-4 {
  height: 216px !important;
}

.ngx-datatable.material {
  width: 100%;
}
.ngx-datatable.material .datatable-header {
  background-color: #f3f3f3;
  border: 0;
}
.ngx-datatable.material .datatable-header .datatable-header-cell {
  color: #000;
  padding: 0;
  line-height: normal;
  height: 50px;
  display: table;
  vertical-align: middle;
}
.ngx-datatable.material .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
  font-size: 14px;
  font-weight: 500;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  padding: 0 6px;
  font-weight: normal;
  white-space: normal;
}
.ngx-datatable.material .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap * + .resize-handle {
  display: none;
}
.ngx-datatable.material .datatable-body {
  background-color: #fff;
}
.ngx-datatable.material .datatable-body .datatable-body-row > div {
  width: 100% !important;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  overflow: visible;
  padding: 0 10px;
  word-break: break-word;
  font-weight: 400;
  border-right: 1px solid #d2d2d2;
  display: table;
  height: 35px !important;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell .datatable-body-cell-label {
  display: table-cell;
  vertical-align: middle;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell .datatable-body-cell-label > span {
  display: table-cell;
  height: 35px;
  vertical-align: middle;
  line-height: normal;
}
.ngx-datatable.material .datatable-body .datatable-group-header {
  border-bottom: 0;
  background-color: #d2d2d2;
  border-top: 0;
  color: #ffffff;
}
.ngx-datatable.material .datatable-body .datatable-group-header b {
  padding: 0.9rem 1.2rem;
  margin-bottom: 0;
  display: block;
}
.ngx-datatable.material .datatable-body .table-red-row .datatable-row-group {
  height: 40px !important;
  background-color: #F05051 !important;
}
.ngx-datatable.material .datatable-body .table-red-row .datatable-body-cell {
  background-color: #f05050;
}
.ngx-datatable.material .datatable-body .table-orange-row .datatable-row-group {
  height: 40px !important;
  background-color: #fb8c00 !important;
}
.ngx-datatable.material .datatable-body .table-orange-row .datatable-body-cell {
  background-color: #fb8c00;
}
.ngx-datatable.material .datatable-body .table-light-grey-row .datatable-row-center {
  background-color: #d3d3d3;
}
.ngx-datatable.material .datatable-body .table-light-grey-row .datatable-row-center:hover {
  background-color: #d3d3d3;
}
.ngx-datatable.material .datatable-body .table-light-grey-row .datatable-row-center .datatable-body-cell {
  border-right: 1px solid #d2d2d2;
}
.ngx-datatable.material .datatable-footer {
  font-size: 14px;
}
.ngx-datatable.material .datatable-footer .datatable-footer-inner {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 15px;
  text-align: right;
}

.rounded .ngx-datatable.material > div {
  width: 100%;
}
.rounded .ngx-datatable.material .datatable-footer {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.custom-progressbar {
  height: 7px !important;
}

.w-50px {
  width: 50px !important;
}

.total-ammount {
  /*background-color: adjust_hue(desaturate(lighten($theme-color-1, 34), 15), -4);*/
  background-color: #dfffe5;
}
.total-ammount td {
  padding-top: 5px !important;
  padding-bottom: 3px !important;
}

.p-15 {
  padding: 15px;
}

.img-picker-height img {
  max-width: 100%;
}

@media (max-width: 1199px) {
  .breadcrumbPanel.fixed-top {
    position: static;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  #app-container.sub-hidden main {
    padding-left: 0 !important;
  }
  .mt--54 {
    margin-top: 0 !important;
  }
}
.progressbar-container {
  position: relative;
  height: 150px;
  width: 40px;
  display: block;
  text-align: center;
  margin-bottom: 15px;
}
.progressbar-container .progress-bar-vertical {
  position: absolute;
  border-radius: 0;
  width: 150px;
  height: 40px;
  display: block;
  transform: rotate(-90deg);
  left: -54px;
  top: 59px;
  bottom: -50px;
  margin: 0;
}
.progressbar-container .progress-bar-vertical .progress-bar {
  color: #000;
}

.p-5px {
  padding: 5px !important;
}

progressbar.progress {
  height: 25px;
}
progressbar.progress .progress-bar {
  color: #000;
}

.input-group-prepend .btn,
.input-group-append .btn {
  height: 36px;
}

.login-page .container,
.login-page .container-fluid,
.login-page .container-lg,
.login-page .container-md,
.login-page .container-sm,
.login-page .container-xl {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}

.card-deck {
  margin-bottom: 30px;
}

.pdf-container {
  width: 100%;
  overflow: auto;
}
.pdf-container .custom-table {
  background-color: white !important;
}
.pdf-container .pdf-card {
  padding: 0 50px;
  margin-bottom: 20px;
  width: 1840px;
}
.pdf-container .pdf-card .card {
  background-color: white !important;
}
.pdf-container .pdf-card .card .card-body {
  display: block;
  background-color: white !important;
}
.pdf-container .pdf-card .header {
  border-bottom: 1px solid #57a170;
  margin-bottom: 20px;
  padding: 20px 0;
}
.pdf-container .pdf-card .footer {
  border-top: 1px solid #57a170;
  margin-top: 20px;
  padding: 20px 0;
}
.pdf-container .pdf-card .card-deck {
  display: flex;
  flex-flow: row wrap;
}
.pdf-container .pdf-card .card-deck .card {
  flex: 1 0 0%;
}
.pdf-container .custom-table tr td,
.pdf-container .custom-table th td {
  padding: 7px;
}

.mb-10 {
  margin-bottom: 10px !important;
}

@media (min-width: 767px) {
  .control-panel {
    background-color: white;
    border: 1px solid #d7d7d7;
    padding-right: 3px !important;
    height: 36px;
  }
  .control-panel .ng-select .ng-select-container {
    border-color: #57a170 !important;
    min-height: 28px !important;
    height: 28px !important;
    margin-top: 3px;
    padding: 0 !important;
    background-color: #57a170;
  }
  .control-panel .text-right {
    font-weight: 500;
    text-transform: uppercase;
  }
}
@media (min-width: 1100px) {
  .modal-lg, .modal-xl {
    max-width: 1050px;
  }
}
@media (min-width: 1600px) {
  .modal-lg, .modal-xl {
    max-width: 1140px;
  }
}

.holds-the-iframe {
  background: url('loader.gif') no-repeat center center;
}

.custom-list {
  list-style-type: none;
  padding-left: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.custom-list li {
  position: relative;
}
.custom-list li:before {
  content: "-";
  margin-right: 5px;
}

.signature {
  font-family: "a_agreement_signatureregular";
  font-size: 24px;
  padding: 2px 10px 0;
}

.mt-70 {
  margin-top: 70px;
}

.header-navebar.navbar {
  border-bottom: 1px solid #d1d1d1;
  box-shadow: none;
}

.navbar-brand {
  max-width: 376px;
  padding-top: 0;
  height: 90px;
}
.navbar-brand > img {
  max-height: 100%;
  object-fit: contain;
}

.card {
  box-shadow: none;
}

.card-header {
  background-color: #fff;
  color: #3f3f3f !important;
  font-size: 28px;
  border-bottom: 0;
  margin-bottom: 14px;
  padding-left: 0 !important;
  font-family: "Merriweather", serif;
  font-weight: 500;
}

.card-body {
  box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
}

.btn {
  cursor: pointer !important;
  border-radius: 0 !important;
  letter-spacing: 0.02rem !important;
  text-transform: none !important;
  padding: 0.532 rem 1.5 rem !important;
}

.btn-info {
  color: #fff;
  background-color: #57a170;
  border-color: #57a170;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #f54e00;
  border-color: #e84a00;
  box-shadow: 0 0 0 0.2rem #ffc1a4 !important;
}

.btn-info.focus, .btn-info:focus {
  color: #fff;
  background-color: #ff5303;
  border-color: #f54e00;
  /*box-shadow: 0 0 0 0.2rem rgb(255 131 73 / 50%);*/
}

.navbar-expand-lg .navbar-collapse {
  flex-basis: auto;
}

.highcharts-button path {
  fill: #000 !important;
  stroke: #000 !important;
  stroke-width: 3;
  d: path("M 3 3.5 L 23 3.5 M 3 11.5 L 23 11.5 M 3 19.5 L 23 19.5");
}

.btn-primary, .btn-secondary, .btn-success, .owl-dialog-container .owl-dt-container-buttons .owl-dt-container-control-button, .snotify .snotify-prompt .snotifyToast__buttons button, .timepicker-overlay .timepicker .timepicker__actions button {
  background-color: #57a170;
  border-color: #57a170;
  box-shadow: none !important;
  transition: none !important;
  color: #fff;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary.dropdown-toggle, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary.dropdown-toggle, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .btn-success.dropdown-toggle, .owl-dialog-container .owl-dt-container-buttons .owl-dt-container-control-button:not(:disabled):not(.disabled).active, .owl-dialog-container .owl-dt-container-buttons .owl-dt-container-control-button:not(:disabled):not(.disabled):active, .owl-dialog-container .owl-dt-container-buttons .owl-dt-container-control-button.dropdown-toggle, .snotify .snotify-prompt .snotifyToast__buttons button:not(:disabled):not(.disabled).active, .snotify .snotify-prompt .snotifyToast__buttons button:not(:disabled):not(.disabled):active, .snotify .snotify-prompt .snotifyToast__buttons button.dropdown-toggle, .timepicker-overlay .timepicker .timepicker__actions button:not(:disabled):not(.disabled).active, .timepicker-overlay .timepicker .timepicker__actions button:not(:disabled):not(.disabled):active, .timepicker-overlay .timepicker .timepicker__actions button.dropdown-toggle {
  background-color: #57a170;
  border-color: #57a170;
  box-shadow: none !important;
  transition: none !important;
  color: #fff;
}

.btn-primary .active, .btn-primary:active:focus, .btn-primary:focus, .btn-secondary .active, .btn-secondary:active:focus, .btn-secondary:focus, .btn-success .active, .btn-success:active:focus, .btn-success:focus, .focus.btn-primary, .focus.btn-secondary, .focus.btn-success, .owl-dialog-container .owl-dt-container-buttons .focus.owl-dt-container-control-button, .owl-dialog-container .owl-dt-container-buttons .owl-dt-container-control-button .active, .owl-dialog-container .owl-dt-container-buttons .owl-dt-container-control-button:active:focus, .owl-dialog-container .owl-dt-container-buttons .owl-dt-container-control-button:focus, .snotify .snotify-prompt .snotifyToast__buttons button .active, .snotify .snotify-prompt .snotifyToast__buttons button.focus, .snotify .snotify-prompt .snotifyToast__buttons button:active:focus, .snotify .snotify-prompt .snotifyToast__buttons button:focus, .timepicker-overlay .timepicker .timepicker__actions button .active, .timepicker-overlay .timepicker .timepicker__actions button.focus, .timepicker-overlay .timepicker .timepicker__actions button:active:focus, .timepicker-overlay .timepicker .timepicker__actions button:focus {
  box-shadow: 0 0 0 0.2rem #ffd5c2 !important;
}

.confirm-btn-container .btn-success:hover {
  background-color: #218838;
  border-color: #218838;
  box-shadow: none !important;
}

.confirm-btn-container .btn-success:not([disabled]):not(.disabled):active, .confirm-btn-container .btn-success:focus {
  background-color: #218838;
  border-color: #218838;
  box-shadow: #ffd5c2;
}

.confirm-btn-container .btn-outline-secondary {
  background-color: grey;
  border-color: grey;
  color: #fff;
}

.confirm-btn-container .btn-outline-secondary:hover {
  background-color: #9a9999 !important;
  border-color: #9a9999 !important;
  color: #fff !important;
}

.confirm-btn-container .btn-outline-secondary:focus, .confirm-btn-container .btn-outline-secondary:not(:disabled):not(.disabled):active {
  background-color: #9a9999 !important;
  border-color: #9a9999 !important;
  color: #fff !important;
  box-shadow: 0 0 0 0.2rem #cdcccc !important;
}

.highcharts-menu li:hover {
  background: #57a170 !important;
}

form .text-left button {
  margin-top: 25px;
}

.ng-select.ng-dirty .ng-select-container {
  border-color: #d7d7d7 !important;
}

.custom-table th, .custom-table tr {
  background-color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.table td {
  border-bottom: 1px solid #DEE2E6 !important;
}

.custom-table tr:first-child td {
  border: none;
}

.highcharts-legend-item {
  white-space: normal !important;
}
.highcharts-legend-item text {
  white-space: normal !important;
}
.highcharts-legend-item text tspan,
.highcharts-legend-item text title {
  white-space: normal !important;
}

.borderd-table tr td {
  border-bottom: 1px solid #57a170 !important;
}

.ck-editor__editable_inline {
  min-height: 250px;
}

.dropdown-item {
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.ngx-datatable .datatable-header .datatable-header-cell:last-child {
  text-align: left;
}

.btn-dark-green {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.btn-dark-green:hover {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.text-size {
  font-size: 19px;
}

.text-size-set {
  font-size: 18px;
}

.header-prompt {
  background-color: #4e9f67;
  color: #fff;
  padding: 10px 15px;
  border-radius: 0;
  text-transform: none;
}

.editor-height > .e-rte-content {
  min-height: 226px !important;
}

.editor-height1 > .e-rte-content {
  min-height: 113px !important;
}

.e-rte-character-count {
  margin-bottom: -23px !important;
  margin-right: -1px !important;
  font-weight: bold;
}

@media (max-width: 1600px) and (min-width: 1200px) {
  .heading-height-md {
    min-height: 118px;
  }
  .container {
    max-width: 1100px;
  }
  .custom-card {
    height: auto !important;
  }
}
@media (max-width: 1199px) {
  .custom-card {
    height: auto !important;
  }
}
@media (max-width: 991px) {
  .navbar-nav {
    width: 100%;
  }
  .hidden-md-down {
    display: none !important;
  }
  .panel-footer {
    padding: 15px 30px;
  }
  .navbar-brand {
    width: 210px;
    height: 60px;
  }
  .header-navebar.navbar {
    padding: 5px 0;
  }
  .card-header {
    font-size: 28px;
  }
}
@media (max-width: 576px) {
  .navbar-brand {
    width: 180px;
    height: auto;
    margin-right: 0 !important;
    padding-top: 10px;
  }
  .mb-xs-3 {
    margin-bottom: 15px !important;
  }
  .panel-footer .float-left {
    width: 100% !important;
    text-align: left;
    margin-bottom: 10px;
  }
  .row.justify-content-left.justify-content-md-start.mb-30 {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 340px) {
  .navbar-brand {
    width: 160px;
    height: 60px;
  }
}
.merriweather {
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 300;
  font-size: 17px;
  line-height: 2em;
  color: #3f3f3f;
}

.hide-desktop {
  display: none;
}

@media all and (max-width: 1599px) {
  .hide-desktop {
    display: block;
  }
  .hide-mobile {
    display: none;
  }
  .highcharts-legend-item, .highcharts-legend-item text, .highcharts-legend-item text title, .highcharts-legend-item text tspan {
    white-space: nowrap !important;
  }
}
.mb-0 {
  margin-bottom: 0 !important;
}

.card .card-title {
  position: relative;
  font-weight: 600;
  font-size: 1.5rem;
  font-family: "Nunito Sans", sans-serif;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: #F1F1F1;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #C1C1C1;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #A8A8A8;
}

::-webkit-scrollbar-thumb:horizontal {
  border-top: 2px solid #F1F1F1;
  border-bottom: 2px solid #F1F1F1;
}

::-webkit-scrollbar-thumb:vertical {
  border-left: 2px solid #F1F1F1;
  border-right: 2px solid #F1F1F1;
}

::-webkit-scrollbar-thumb:active {
  background-color: #787878;
}

::-webkit-scrollbar-track {
  background-color: #F1F1F1;
  border-radius: 5px;
}

::-webkit-scrollbar-button {
  background-color: #F1F1F1;
  background-repeat: no-repeat;
  background-size: 7px;
  background-position: center;
  height: 17px;
  width: 17px;
}

::-webkit-scrollbar-button:disabled {
  background-color: #333;
}

::-webkit-scrollbar-button:hover {
  background-color: #d2d2d2;
}

::-webkit-scrollbar-button:active {
  background-color: #787878;
}

::-webkit-scrollbar-button:vertical:decrement {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23505050'><polygon points='50,30 100,80 0,80'/></svg>");
}

::-webkit-scrollbar-button:vertical:decrement:active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23FFFFFF'><polygon points='50,30 100,80 0,80'/></svg>");
}

::-webkit-scrollbar-button:vertical:decrement:hover {
  border-color: transparent transparent #505050 transparent;
}

::-webkit-scrollbar-button:vertical:increment {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23505050'><polygon points='0,15 100,15 50,75'/></svg>");
}

::-webkit-scrollbar-button:vertical:increment:hover {
  border-color: #505050 transparent transparent transparent;
}

::-webkit-scrollbar-button:horizontal:decrement {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23505050'><polygon points='15,50 75,100 75,0'/></svg>");
}

::-webkit-scrollbar-button:horizontal:decrement:hover {
  border-color: transparent #505050 transparent transparent;
}

::-webkit-scrollbar-button:horizontal:increment {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23505050'><polygon points='15,0 15,100 75,50'/></svg>");
}

::-webkit-scrollbar-button:horizontal:increment:hover {
  border-color: transparent transparent transparent #505050;
}

footer .btn-success {
  margin-right: 10px;
}

footer button:last-child {
  margin-left: 0 !important;
}

.tox-notifications-container {
  display: none !important;
}

.tox-statusbar__path-divider {
  display: none !important;
}

.tox-statusbar__path-item {
  display: none !important;
}

.tox-statusbar__wordcount {
  text-align: right !important;
  margin-bottom: 5px !important;
  margin-right: 9px !important;
}

.tox .tox-statusbar__text-container {
  display: none !important;
}

.modal-md .modal-sm {
  max-width: 500px;
}

.toast-container.toast-top-full-width {
  max-width: initial;
}
.toast-container.toast-top-full-width .ngx-toastr {
  max-width: 350px;
}
.toast-container .ngx-toastr {
  background-position: 10px 15px !important;
}
.toast-container .toast-warning {
  background-color: #F69224;
}
.toast-container .toast-warning .toast-close-button {
  color: #fff;
  cursor: pointer;
  background: transparent;
  border: 0;
  top: -2px;
  right: 0;
  font-size: 14px;
}
.toast-container .toast-warning .toast-close-button:hover, .toast-container .toast-warning .toast-close-button:focus, .toast-container .toast-warning .toast-close-button:active, .toast-container .toast-warning .toast-close-button:focus:active {
  color: #fff;
  outline: none;
  opacity: 1;
}
.toast-container .toast-warning .toast-message {
  padding-top: 5px;
}
.toast-container .toast-warning .toast-message .error-message {
  margin-bottom: 5px;
}
.toast-container .toast-warning .toast-message .error-message:last-child {
  margin-bottom: 0;
}
.toast-container .toast-warning .toast-message .btn-info-circle {
  border: 0;
  background-color: transparent;
  padding: 0;
  float: right;
  color: #fff;
}
.toast-container .toast-warning .toast-message .btn-info-circle:hover, .toast-container .toast-warning .toast-message .btn-info-circle:focus, .toast-container .toast-warning .toast-message .btn-info-circle:active, .toast-container .toast-warning .toast-message .btn-info-circle:focus:active {
  color: #fff;
  outline: none;
  opacity: 1;
}
.toast-container .toast-warning .toast-message .srcipt-error {
  padding: 10px;
  color: #fff;
  background-color: #FF0000;
}
.toast-container .toast-warning .toast-message .app-error {
  padding: 10px;
  color: #000;
  background-color: #FFAA4D;
}
.toast-container .toast-message {
  padding-top: 5px;
}
.toast-container .toast-success {
  background-size: 20px !important;
}
.toast-container .toast-success .toast-close-button {
  top: 4px;
  right: 0;
  font-size: 13px;
  font-weight: normal;
}

.toast-container .ngx-toastr.toast-success {
  background-position: left 12px top 17px;
}

.toast-close-button {
  font-size: 14px;
}

.backdrop-modal-custom {
  z-index: 1049 !important;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
/* Importing Bootstrap SCSS file. */

/*# sourceMappingURL=styles.css.map*/