@import "colors.css";

@font-face {
  font-family: DefaultIvolve-light;
  src: url(/fonts/TitilliumWeb-Light.ttf);
  font-weight: lighter;
  font-style: normal;
}

@font-face {
  font-family: DefaultIvolve;
  src: url(/fonts/TitilliumWeb-Regular.ttf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: DefaultIvolve-bold;
  src: url(/fonts/TitilliumWeb-SemiBold.ttf);
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: DefaultIvolve-bolder;
  src: url(/fonts/TitilliumWeb-Bold.ttf);
  font-weight: bolder;
  font-style: normal;
}

:root {
    --pf-font-main-light: DefaultIvolve-light, sans-serif;
    --pf-font-main: DefaultIvolve, sans-serif;
    --pf-font-main-bold: DefaultIvolve-bold, sans-serif;
    --pf-font-main-bolder: DefaultIvolve-bolder, sans-serif;
    --pf-login-background: url(/images/ContourPattern.svg);
    --pf-login-background-blur: blur(0px);
    --pf-banner-logo: url(/images/ivolve-rgb-logo.svg);
    --pf-banner-logo-width: 180px;
    --pf-banner-logo-height: 50px;
    --admin-side-panel: #eeeeee;
    --admin-banner-logo: url(/images/ivolve-rgb-logo-white.svg);
    --admin-banner-logo-width: 300px;
    --admin-banner-logo-height: 40px;
    --admin-main-panel: #ffffff;
    --admin-main-panel-cards: #ffffff;
    --admin-modal-body: #ffffff;
    --admin-modal-footer: #eeeeee;
    --pf-primary: #f8bc1d;
    --pf-primary-rgb: 248, 188, 29;
    --pf-primary-compliment: #000;
    --light-background: #eeeeee;
    --text-color: rgba(0,0,0,0.9);
    --text-color-raw: 0,0,0;
    --white-grey: rgba(0,0,0,0.1);
    --login-card-bg: rgba(255,255,255,1);
    --pf-border-radius: 15px;
    --dark-background: #000000;
    --dark-grey: #212121;
    --normal-grey: #414140;
    --contour-shade: #000000;
    --loginbox-shadow: 0 2.8px 2.2px rgb(0 0 0 / 3%), 0 6.7px 5.3px rgb(0 0 0 / 5%), 0 12.5px 10px rgb(0 0 0 / 6%), 0 22.3px 17.9px rgb(0 0 0 / 7%), 0 41.8px 33.4px rgb(0 0 0 / 9%), 0 100px 80px rgb(0 0 0 / 12%);
    --button-shadow: 0 2.8px 2.2px rgb(var(--pf-primary-rgb) / 3%), 0 6.7px 5.3px rgb(var(--pf-primary-rgb) / 5%), 0 12.5px 10px rgb(var(--pf-primary-rgb) / 6%), 0 22.3px 17.9px rgb(var(--pf-primary-rgb) / 7%), 0 41.8px 33.4px rgb(var(--pf-primary-rgb) / 9%), 0 100px 80px rgb(var(--pf-primary-rgb) / 12%);
    --button-shadow-hover: 0 2.8px 2.2px rgb(var(--pf-primary-rgb) / 6%), 0 6.7px 5.3px rgb(var(--pf-primary-rgb) / 10%), 0px 11px 10px rgb(var(--pf-primary-rgb) / 12%), 0px 7px 17.9px rgb(var(--pf-primary-rgb) / 14%), 0px 14px 33.4px rgb(var(--pf-primary-rgb) / 18%), 0 100px 80px rgb(var(--pf-primary-rgb) / 24%);
    --waffle-iron-highlight: var(--pf-primary) !important;
    --waffle-logo-filter: none;
    --input-background: rgb(255, 255, 255, 0.25);
    --error-icon: url(/images/Error-page-icon-light.svg);
    transition: 1s all ease-in-out;
    --ivolve-logo: url(/images/ivolve-rgb-logo.svg);
    --admin-side-panel-text: black;
    --secondary-color: #f8bc1d !important;
    --ivolve-white-logo: url(/images/ivolve-rgb-logo.svg);
    --profile-container: #F6F6F6;
}

.dark-theme:root {
    --light-background: var(--dark-background);
    --pf-login-background: url(/images/ContourPatternDark.svg);
    --login-card-bg: var(--dark-grey);
    --pf-banner-logo: url(/images/ivolve-rgb-logo-white.svg);
    --input-background: rgba(255,255,255,0);
    --text-color: #ffffff;
    --text-color-raw: 255,255,255;
    --admin-side-panel: var(--login-card-bg);
    --admin-main-panel: var(--normal-grey);
    --admin-main-panel-cards: var(--login-card-bg);
    --admin-modal-body: var(--login-card-bg);
    --admin-modal-footer: var(--normal-grey);
    --white-grey: rgba(255,255,255,0.1);
    --error-icon: url(/images/Error-page-icon.svg);
    --pf-primary: #f8bc1d;
    --ivolve-logo: url(/images/ivolve-rgb-logo-white.svg);
    --profile-container: var(--admin-side-panel);
    --admin-side-panel-text: white;
    --ivolve-white-logo: url(/images/ivolve-rgb-logo-white.svg);
    /*--loginbox-shadow: 0 2.8px 2.2px rgb(88 88 88 / 3%), 0 6.7px 5.3px rgb(78 78 78 / 5%), 0 12.5px 10px rgb(86 86 86 / 6%), 0 22.3px 17.9px rgb(96 96 96 / 7%), 0 41.8px 33.4px rgb(98 98 98 / 9%), 0 100px 80px rgb(90 90 90 / 12%);*/
}

html,
body {
  margin: 0;
  height: 100%;
  overflow: hidden;
  color: var(--text-color);
}

input,
textarea,
select,
button,
a,
span,
h1,
h2,
h3,
h4,
h5,
h6,
img,
svg {
  transition: all 0.1s cubic-bezier(0.5, 0, 0.5, 1);
}
ul,
div,
.dropdown-menu {
  transition: none;
}





@media screen and (max-width: 576px) {
  .login-card-body {
    padding: 3rem !important;
  }
  .login-form {
    padding-top: 15%;
  }
  .input {
    padding-top: 1rem;
  }
  .links {
    padding-top: 2rem;
  }
  .btn-container {
    padding-top: 4rem;
  }
}

.main-container {
  background: #fff;
  width: 100vw;background: var(--light-background);
height: 100%;overflow: hidden;}

.body-container {
  height: 100%;
  width: 100%;
  font-family: var(--pf-font-main);
  max-width: 100%;
  padding: 0;
  letter-spacing: 0.01em;
}

.body-container.auth-page {
  background: var(--light-background);
  background-image: var(--pf-login-background) !important;
  overflow-y: hidden;
  background-size: cover;
  animation: fadeIn 0.5s ease-in;
  -webkit-animation: fadeIn 0.5s ease-in;
  -moz-animation: fadeIn 0.5s ease-in;
  -ms-animation: fadeIn 0.5s ease-in;
  -o-animation: fadeIn 0.5s ease-in;
  top: 0 !important;
}

.welcome-page li {
  list-style: none;
  padding: 4px;
}

.logged-out-page iframe {
  display: none;
  width: 0;
  height: 0;
}

.card {
    background-color: var(--admin-side-panel);
}

.grants-page .card {
    margin-top: 20px;
    border-bottom: 1px solid lightgray;
}
.grants-page .card .card-title {
  font-size: 120%;
  font-weight: bold;
}
.grants-page .card .card-title img {
  width: 100px;
  height: 100px;
}
.grants-page .card label {
  font-weight: bold;
}

.logo-container {
  background-image: var(--pf-banner-logo) !important;
  background-repeat: no-repeat;
  background-position: center;
  width: var(--pf-banner-logo-width);
  height: var(--pf-banner-logo-height);
}

.login-page {
  height: 100%;
  font: medium;
  backdrop-filter: var(--pf-login-background-blur);
  overflow-x: hidden;
  overflow-y: hidden;
}

.login-outer {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
}

.login-middle {
  display: table-cell;
  vertical-align: middle;
}

.login-inner {
}

.login-btn {
  font-weight: normal;
  background-color: var(--pf-primary);
  color: var(--pf-primary-compliment) !important;
  border: none;
  border-radius: calc(var(--pf-border-radius) / 2);
  box-shadow: var(--button-shadow);
}

.login-btn:hover,
.login-btn:active,
.login-btn:focus {
  box-shadow: var(--button-shadow-hover);
  background-color: var(--pf-primary) !important;
  color: var(--pf-primary-compliment);
  filter: brightness(0.8);
}

.login-btn:active {
  box-shadow: none;
}

.btn {
    border: none;
    box-shadow: none;
    font-weight: normal;
    transition: all 0.15s cubic-bezier(0.5, 0, 0.5, 1);
    color: var(--admin-side-panel-text);
}

.btn:hover,
.btn:focus {
  background: transparent;
  color:var(--text-color);
}

.btn:active {
}

.btn.btn-shadow {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgb(0, 0, 0, 0.1);
}
    .btn.btn-shadow > i {
        background: transparent;
    }

.btn.btn-shadow:hover,
.btn.btn-shadow:focus {
  box-shadow: 0 3px 8px 0 rgb(0, 0, 0, 0.1);
}

.btn.btn-shadow:active {
  box-shadow: 0 0 0 rgb(0, 0, 0, 0.1);
}

.primary-btn {
    background-color: var(--pf-primary);
    color: var(--pf-primary-compliment);
}
.primary-btn:hover,
.primary-btn:focus {
    background-color: var(--pf-primary);
    filter: brightness(0.9);
    color: var(--pf-primary-compliment);
    ;
}
.primary-btn:active,
.show > .primary-btn.dropdown-toggle {
      border-color: rgba(0, 0, 0, 0.1);
      background-color: var(--pf-primary);
      filter: brightness(0.7);
      color: var(--pf-primary-compliment);
}

.secondary-btn {
  background-color: white;
  color: black;
}
.secondary-btn:hover,
.secondary-btn:focus {
  background-color: white;
  filter: brightness(0.9);
  color: black;
}
.secondary-btn:active,
.show > .secondary-btn.dropdown-toggle {
  border-color: rgba(0, 0, 0, 0.1);
  background-color: white;
  filter: brightness(0.7);
  color: black;
}

.danger-btn {
  background-color: #dc6565;
  color: white;
}
.danger-btn:hover,
.danger-btn:focus {
  background-color: #dc6565;
  filter: brightness(0.9);
  color: white;
}
.danger-btn:active,
.show > .danger-btn.dropdown-toggle {
  border-color: rgba(0, 0, 0, 0.1);
  background-color: #dc6565;
  filter: brightness(0.7);
  color: white;
}

.success-btn {
  background-color: #6ec753;
  color: black;
}
.success-btn:hover,
.success-btn:focus {
  background-color: #6ec753;
  filter: brightness(0.9);
  color: black;
}
.success-btn:active,
.show > .success-btn.dropdown-toggle {
  border-color: rgba(0, 0, 0, 0.1);
  background-color: #6ec753;
  filter: brightness(0.7);
  color: black;
}

.btn-link {
  border: none;
  padding: 0px !important;
  color: var(--secondary-color);
  cursor: default;
  text-decoration: none;
  background: transparent;
}
.btn-link:not(.no-arrow):after {
  content: "\f138";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: bold !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  position: relative;
  transform: translateX(-10px);
  opacity: 0;
  transition: all 0.25s ease-out;
  -moz-osx-font-smoothing: grayscale;
}
.btn-link:hover {
  color: var(--secondary-color);
  filter: saturate(0.5);
  text-decoration: none;
  cursor: pointer;
}
.btn-link:not(.dropdown-toggle):hover:after,
.btn-link:not(.dropdown-toggle):focus:after {
  transform: translate(6px, 1px);
  opacity: 1;
}
.btn-link:not(.dropdown-toggle):hover:active:after {
  transform: translate(2px, 1px);
  opacity: 1;
}

.login-card-body {
  padding: 5rem;
  /*opacity: 0;
    transform: translate(120%, 0);*/
  animation: slideIn 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -webkit-animation: slideIn 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-animation: slideIn 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -ms-animation: slideIn 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -o-animation: slideIn 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  -ms-animation-delay: 0.7s;
  -o-animation-delay: 0.7s;
  -webkit-animation-fill-mode: forwards;
}

/*.login-card-body.card-ready {
        animation: slideIn .5s cubic-bezier(.5, 0, .5, 1);
        -webkit-animation: slideIn .5s cubic-bezier(.5, 0, .5, 1);
        -moz-animation: slideIn .5s cubic-bezier(.5, 0, .5, 1);
        -ms-animation: slideIn .5s cubic-bezier(.5, 0, .5, 1);
        -o-animation: slideIn .5s cubic-bezier(.5, 0, .5, 1);
        animation-delay: .7s;
        -webkit-animation-delay: .7s;
        -moz-animation-delay: .7s;
        -ms-animation-delay: .7s;
        -o-animation-delay: .7s;
        -webkit-animation-fill-mode: forwards;
    }*/

.login-card {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-bottom: 28px;
  box-shadow: var(--loginbox-shadow);
  border-radius: var(--pf-border-radius);
  border: 1px solid rgba(112, 112, 112, 0.25);
  overflow: hidden;
  max-width: 550px;
  width: 100%;
  min-width: 450px;
  min-height: 400px;
  opacity: 0;
  animation: fadeIn 0.25s ease-in;
  -webkit-animation: fadeIn 0.25s ease-in;
  -moz-animation: fadeIn 0.25s ease-in;
  -ms-animation: fadeIn 0.25s ease-in;
  -o-animation: fadeIn 0.25s ease-in;
  animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  -webkit-animation-fill-mode: forwards;
  background: var(--login-card-bg);
}
@media screen and (max-width: 576px) {
  .login-middle {
    height: 100%;
  }

  .login-card-body {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -ms-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
  }

  .login-card {
    height: 100%;
    min-width: 250px;
    margin: 0 !important;
    box-shadow: none;
    border-radius: 0;
    opacity: 1;
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
  }

  .body-container.auth-page {
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
  }
}

@media screen and (max-width: 600px) {
    .user-profile-card {
    width: 100% !important;
  }
  .user-profile-card .user-profile-username-row {
    flex-direction: column;
    text-align: center;
  }
  .user-profile-card
    .user-profile-username-row
    > div:not(div.user-profile-card-icon) {
    padding: 18px 0 0 0 !important;
  }
}

.float-right-div {
  float: right;
}

.login-errors {
  color: red;
}

.input,
.input:hover,
.input:focus {
  border-radius: 0px;
  border: none !important;
  box-shadow: none;
  border-bottom: 1px solid gray !important;
  background: var(--input-background) !important;
  color: var(--text-color);

}

    .input:active {
        background: var(--input-background) !important;
    }

.input:focus {
  border-bottom: 1px solid var(--pf-primary) !important;
}

.link {
  color: darkgoldenrod !important;
  display: inline;
}

.disabledLink {
  color: gray !important;
}

.float-right-div {
  float: right;
}

.disableContent {
  pointer-events: none;
  opacity: 0.4;
  display: none !important;
}

.partitioned,
.partitioned:hover,
.partitioned:focus {
  padding-left: 15px;
  letter-spacing: 43px;
  border: 0;
  background-image: linear-gradient(
    to left,
    black 70%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: bottom;
  background-size: 50px 1px;
  background-repeat: repeat-x;
  background-position-x: 35px;
  width: 330px;
  min-width: 330px;
  box-shadow: none !important;
  outline: 0 !important;
}

.inputs input {
  width: 40px;
  height: 40px;
}

*:focus {
  box-shadow: none !important;
}

.divInner {
  left: 0;
  position: sticky;
}

.divOuter {
  width: 285px;
  overflow: hidden;
  margin: auto;
}

.show-leave-enter,
.show-enter-active {
  display: none;
  transition: all 0.25s cubic-bezier(0.5, 0, 0.5, 1);
}

.show-enter {
  opacity: 1;
  transform: translateX(120%);
  transition: all 0.25s cubic-bezier(0.5, 0, 0.5, 1);
}

.show-leave-to {
  opacity: 0;
  transform: translateX(-120%);
  transition: all 0.25s cubic-bezier(0.5, 0, 0.5, 1);
}

.slide-leave-active {
  transition: all 0.25s cubic-bezier(0.5, 0, 0.5, 1);
}

.slide-enter {
  transform: translate(120%, 0);
}

.slide-leave-to {
  transform: translate(-120%, 0);
}

.slideback-leave-active,
.slideback-enter-active {
  transition: all 0.25s cubic-bezier(0.5, 0, 0.5, 1);
}

.slideback-enter {
  transform: translate(-120%, 0);
}

.slideback-leave-to {
  transform: translate(120%, 0);
}

.dx-toast-content {
  max-width: 450px;
  overflow: unset !important;
}

.toast-snack {
  min-width: 100px;
  background-color: var(--admin-main-panel);
  color: var(--text-color);
  text-align: left;
  border-radius: 2px;
  padding: 22px;
  line-height: 1;
  font-size: 16px;
  font-weight: n;
}

.toast-wrap {
  width: 150px;
  height: 40px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  box-shadow: 0 12px 42px rgb(0 0 0 / 10%);
  overflow: hidden;
}

.toast-title {
  width: 100%;
  padding: 2px 12px;
  background-color: rgba(0, 0, 0, 0.1);
  text-align: left;
  color: rgb(0 0 0 / 60%);
  font-weight: normal;
}

.toast-title.toast-error {
  background-color: rgba(168, 0, 0, 0.2);
}
.toast-title.toast-success {
  background-color: rgba(0, 175, 0, 0.2);
}
.toast-title.toast-warning {
  background-color: rgba(248, 188, 29, 0.2);
}

.pullout-leave-active,
.pullout-enter-active {
  transition: all 0.25s cubic-bezier(0.5, 0, 0.5, 1);
}

.pullout-enter-from {
  transform: translate(120%, 0);
}

.pullout-leave-to {
  transform: translate(120%, 0);
}

@media (min-width: 991.98px) {
  main {
    /*padding-left: 240px;*/
  }
}

#adminPage {
  background-color: transparent;
  height: 100%;
}

body {
  background-color: black;
}

.sidebar-wrapper .collpasebtn {
    text-align: right;
}

.sidebar-wrapper.active .collpasebtn {
    padding-right: 0px;
}

.sidebar-wrapper .btn:hover {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: black;
    border-radius: 0 !important;
}

.sidebar-wrapper.active .footer-image-ivolve {
    background: transparent;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 30px;
    margin: 0 10px !important;
    height: 30px;
    padding: 0px !important;
}

.sidebar-wrapper.active .powered-content
{
    padding: 0px !important;
}

.sidebar-wrapper.active .version-div {
    padding-bottom: 0px;
    width: 50px;
}

.sidebar-wrapper.active {
    min-width: 50px;
    max-width: 50px;
    text-align: left;
}

.sidebar-wrapper .nav-item {
    width: 100%;
    list-style-type: none;
    cursor: not-allowed;
    pointer-events: all !important;
    color: var(--admin-side-panel-text) !important;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
    border-color: transparent !important;
}

.sidebar-wrapper {
    width: 250px;
    background-color: var(--admin-side-panel);
    overflow-x: hidden;
    padding: 22px 0px 22px 0px;
    overflow: hidden;
    color: var(--admin-side-panel-text);
}

.mobile-nav-container .sidebar-wrapper {
  padding-top: 0;
}

@media only screen and (max-width: 1000px) {
  .sidebar-wrapper {
    width: 100%;
    margin: 0;
    padding-bottom: 0;
  }
  .sidebar-wrapper {
    margin: 0;
  }
}

.body-container {
    position: fixed;
    top: calc(var(--waffle-iron-height));
    left: 0;
}

.list-group-item {
  background-color: lightgrey !important;
  font-weight: 800;
  border: none;
}

.sidebar-heading {
  padding-left: 20px;
  font-size: 12px;
  color: rgb(0, 0, 0, 0.3);
}

.mobile-nav-container {
  background-color: #eeeeee;
  padding: 0;
}
.pullout-tabs .nav-pills {
  box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  margin: 0;
  padding: 0;
}
.pullout-tabs .card-header {
  padding: 8px 12px;
  display: none;
}
.pullout-tabs .card-body {
  padding: 0;
}
.pullout-tabs .nav-item {
  margin: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0);
  transition: all 0.15s cubic-bezier(0.5, 0, 0.5, 1);
}
.pullout-tabs .nav-item:hover {
  filter: brightness(0.9);
  background: rgba(255, 255, 255, 1);
}
.pullout-tabs .nav-link {
  color: rgba(0, 0, 0, 0.6);
  border-radius: 0;
  transition: all 0.15s cubic-bezier(0.5, 0, 0.5, 1);
}

.pullout-tabs .nav-link.active {
  background-color: rgb(var(--pf-primary-rgb), 1);
  color: var(--pf-primary-compliment);
}
.pullout-tabs .nav-item:first-of-type .nav-link {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pullout-tabs .nav-item:last-of-type .nav-link {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/*.sidebar .nav-link.active .nav-inner {
    border-left: solid;
    border-color: #f8bc1d;*/ /*Orange*/
/*}*/

.sidebar-wrapper .nav-link::before {
  content: "";
  display: block;
  position: absolute;
  height: 32px;
  transform: translate(-6px, -4px);
  left: 10px;
  border-radius: 4px;
  width: 4px;
  background-color: transparent;
  -webkit-transition: all 0.467s cubic-bezier(0.1, 0.9, 0.2, 1) 34ms;
  -moz-transition: all 0.467s cubic-bezier(0.1, 0.9, 0.2, 1) 34ms;
  -o-transition: all 0.467s cubic-bezier(0.1, 0.9, 0.2, 1) 34ms;
  transition: all 0.467s cubic-bezier(0.1, 0.9, 0.2, 1) 34ms;
}

.sidebar-wrapper .nav-link.active::before {
  background-color: var(--secondary-color);
  transform: translate(0px, -4px);
}

.sidebar-wrapper .nav-link .nav-inner {
  margin-left: 10px;
}

.sidebar-wrapper .nav-link.active {
  background-color: transparent;
  border-color: transparent;
}

.sidebar-wrapper .nav-item:hover {
  color: black !important;
  background-color: var(--secondary-color);
  border-color: transparent;
}

.sidebar-wrapper .nav-link {
  padding: 0.75rem 1rem;
  width: 100%;
  border-radius: 0px 8px 8px 0px;
  align-content: flex-start;
  text-align: left;
  font-family: var(--pf-font-main-bold);
  color: inherit !important;
}

.navbar {
    background-color: black !important;
}

.navbar-brand {
  color: white !important;
}

.navbar-toggler {
  width: 47px;
  height: 34px;
  background-color: black;
  border: none;
}

.navbar-toggler .line {
  width: 100%;
  float: left;
  height: 2px;
  background-color: #fff;
  margin-bottom: 5px;
}

.sidebar-wrapper .nav {
  flex: 0 0 320px;
  align-items: flex-start;
  /* background-color: lightgray; */
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  /* background-color: #eeeeee; */
}

.sidebar-wrapper .nav-pills .nav-link.active,
.sidebar .nav-pills .show > .nav-link {
  color: black;
  background-color: transparent;
  width: 100%;
}

.dummy-tab-content {
  display: none;
  height: 0;
  padding: 0;
}

.admin-body-container {
  width: 100%;
  height: Calc(100vh - var(--waffle-iron-height));
  font-family: var(--pf-font-main);
  max-width: 100%;
  padding: 0;
  letter-spacing: 0.01em;
}

.tab-content {
  padding: 50px;
  height: Calc(100vh - 70px);
  overflow: auto;
  background: var(--admin-main-panel);
}

@media screen and (max-width: 576px) {
  .tab-content {
    padding: 0px 18px;
    height: 100%;
    overflow: s;
  }
}

.user-profile-details-row.overflow-auto .tab-content {
  overflow: auto;
}

.sidebar-wrapper tabs .nav-link.active {
  border-color: black; /*Orange*/
}

.sidebar-wrapper .tabs {
  height: 100%;
}

.admin-body-container .tabs.sidebar .tab-content {
  overflow: auto;
}

.remove-overflow {
  overflow: unset !important;
}

table {
  border: 2px solid gray;
  border-radius: 3px;
  background-color: #fff;
}

th {
  background-color: black;
  color: rgba(255, 255, 255, 0.66);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

td {
  background-color: #f9f9f9;
}

th,
td {
  min-width: 120px;
  padding: 10px 20px;
}

th.active {
  color: #fff;
}

th.active .arrow {
  opacity: 1;
}

.navbar-light .navbar-nav .nav-link {
  color: white;
}

/*Account Overview*/
.account-overview {
  font-size: 18px;
}

.change-password-container button {
  color: var(--dark-grey);
  border-color: rgba(0, 0, 0, 0.11);
}

.change-password-container button:hover {
  color: #fff;
  background-color: var(--pf-primary);
  border-color: var(--pf-primary);
}

.profile-info-title {
  margin: 0;
  font-family: var(--pf-font-main-bold);
}

.account-overview-heading {
  margin-bottom: 20px;
}

.account-overview {
  font-size: 18px;
}

.account-overview .row {
  padding: 0;
}

.profile-info {
  border-style: solid;
  border-width: 1px;
  border-radius: 8px;
  border-color: rgba(var(--text-color-raw), 0.1);
  padding: 0;
  box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
  margin: 0;
  width: 100%;
  flex-direction: column;
  background: var(--profile-container);
  /* height: 100%; */
}
.profile-info .row {
  padding: 0;
  margin: 0;
}

.profile-info > .profile-info-header {
}

.profile-info > .profile-info-body {
  flex-direction: row;
}
.profile-info > .profile-info-body > * {
  display: flex;
  flex-direction: column;
border-color: rgba(var(--text-color-raw), 0.1) !important;}
@media (max-width: 1199.98px) {
  /*extra large and up*/
  .profile-info > .profile-info-body {
    flex-direction: column;
  }
  .profile-info > .profile-info-body > * {
    width: 100% !important;
  }
  .profile-grid-description {
    font-size: 16px;
  }
}

.profile-grid-title {
  /* padding-left: 20px; */
  width: 175px;
  flex-shrink: 0;
  flex-grow: 0;
}

.profile-grid-value {
  flex-grow: 1;
  min-width: 300px;
}

.profile-grid-description {
  flex-grow: 1;
  font-size: 16px;
}

.profile-grid-value p {
  font-family: var(--pf-font-main-bolder);
  /* word-wrap: break-word; */
  /* min-width: 300px; */
}

.profile-grid-description p {
  color: rgba(var(--text-color-raw), 0.33);
}

.profile-grid-value p > i {
    color: rgba(var(--text-color-raw), 0.5) !important;
}

.info-container .row {
  /* height: 33.3%; */
  border-style: solid none none solid;
  border-width: 1px;
  border-color: rgba(var(--text-color-raw), 0.1);
}

.info-container .row div {
  display: flex;
  align-items: center;
}

.info-container .row div p {
  margin: 0;
}

.profile-info-image-container {
  text-align: center;
  padding: 22px;
  border-top-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.1);
  min-height: 300px;
  width: 400px;
  flex-grow: 0;
  flex-shrink: 0;
  background: var(--admin-side-panel);
}

.profile-info-image-container img,
.profile-info-image-container .profile-info-image {
  margin-top: 12px;
  border-radius: 75px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.1);
  border: none;
  text-decoration: none;
  margin: auto;
  width: 150px;
  height: 150px;
  background-size: cover;
  background-position: center;
  background-image: url("data:image/png;base64,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");
}

.profile-info-image-container img[src=""] {
  content: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.profile-info-image-container h2 {
  margin-top: 18px;
}

.info-container {
  flex-shrink: 1;
  font-size: 17px;
  padding: 0;
  min-height: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  width: calc(100% - 400px);
}

.info-container .row {
  padding: 12px 12px;
  height: 33.33%;
  overflow: hidden;
}

.profile-info-image {
  font-size: 170px;
  -webkit-text-stroke: 1px black;
}

.change-password-container {
  text-align: end;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.close {
  color: black;
  border: none;
  background: none;
  padding: 0 1rem;
  font-size: 42px;
}

.close:hover {
  color: white;
  background-color: rgb(255, 0, 0, 0.7);
}

.user-popout-header {
  text-align: center;
  font-size: 80px;
}

.user-card {
  position: relative;
  margin: 12px 8px;
  margin-bottom: 12px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-left-color: #8bc356;
  border-left-width: 6px;
  min-height: 120px;
  max-width: 100%;
  min-width: 300px;
  box-shadow: 0 1px 2px rgb(0, 0, 0, 0.1);
  cursor: pointer;
}

.user-card:focus {
  box-shadow: 0 2px 6px rgb(0, 0, 0, 0.15);
}

.user-card-icon {
  padding: 0px 20px 0px 20px;
  font-size: 70px;
  color: #949493;
  display: flex;
  align-items: center;
}

.clear-left {
  clear: left;
  float: left;
}

.user-card-info {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.user-card-name {
  font-family: var(--pf-font-main-bold);
  font-size: 18px;
  margin-bottom: 0;
}

.user-card-end {
  padding-right: 0;
  text-align: end;
}

.user-card .subtext {
  font-size: 14px;
  color: rgb(0, 0, 0, 0.5);
  margin-bottom: 0;
}

.user-card-dropdown i {
  color: rgb(0, 0, 0, 0.3);
  padding: 10px 15px;
  border-top-right-radius: 8px;
}

.user-card-dropdown i:hover {
  background-color: rgb(0, 0, 0, 0.05);
}

.dropdown ul {
    text-align: right;
    border-radius: 12px;
    padding: 18px;
    box-shadow: 0px 6px 12px rgb(0 0 0 / 15%) !important;
    border: 1px solid var(--white-grey);
    min-width: 250px;
    background-color: var(--admin-main-panel);
}

.dropdown-item{
    color: var(--text-color);
}

.dropdown .delete-user-button .dropdown-item {
    background-color: #da6463;
    color: white;
}

.dropdown .dropdown-item {
  font-family: var(--pf-font-main-bold);
  padding: 16px;
  margin-bottom: 0;
  border-radius: 10px;
}

.dropdown ul li:last-of-type .dropdown-item {
  margin-bottom: 0 !important;
}

.dropdown ul li:not(.delete-user-button) .dropdown-item:hover,
.dropdown ul li:not(.delete-user-button) .dropdown-item:focus {
}
.dropdown ul li:not(.delete-user-button) .dropdown-item:active {
  background: rgba(0, 0, 0, 0.2) !important;
  color: black;
}
.dropdown ul li.delete-user-button .dropdown-item:hover,
.dropdown ul li.delete-user-button .dropdown-item:focus {
  filter: brightness(0.9);
}
.dropdown ul li.delete-user-button .dropdown-item:active {
  filter: brightness(0.7);
}

.user-dropdown {
  color: black;
  padding: 12px 16px 12px 16px;
  min-width: 200px;
  font-size: 16px;
  border-radius: 8px;
  background-color: white;
  width: fit-content;
  margin-left: auto;
  border: 1px solid lightgrey;
  box-shadow: 0px 1px 2px rgb(0, 0, 0, 0.1);
  z-index: 3;
  display: flex !important;
  position: absolute;
  right: 40px;
}

.user-dropdown-item {
  padding: 20px;
  border-radius: 12px;
  background-color: white;
  border: none;
  color: black;
  min-width: 200px;
}

.user-dropdown-item:hover {
  background-color: lightgray;
  color: black;
}

.user-profile-card {
    /* background: white; */
    min-height: calc(100% - var(--waffle-iron-height));
    max-height: calc(100% - var(--waffle-iron-height));
    margin-left: auto;
    width: 600px;
    height: calc(100% - var(--waffle-iron-height));
    z-index: 1000;
    top: 0;
    right: 0;
    position: absolute;
    background-color: var(--admin-side-panel);
    /*backdrop-filter: blur(20px);*/
    box-shadow: -4px 0px 12px rgb(0, 0, 0, 0.15);
    color: var(--admin-side-panel-text);
    /* padding: 0px 40px 0px 40px; */
}

.user-profile-card .form-group > div > *:not(hr) {
  padding: 20px 40px 40px 40px;
}
.user-profile-card .form-group > div > hr {
  width: 90%;
  margin: auto;
  opacity: 0.15;
}
.user-profile-card .pull-out-searchbar {
  padding: 20px 40px 0 40px !important;
}
.user-profile-card .pull-out-searchbar::before {
  content: "\F52A";
  position: relative;
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: bold !important;
  font-variant: normal;
  text-transform: none;
  opacity: 0.5;
  line-height: 0;
  width: 20px;
  height: auto;
  transform: translate(8px, 24px);
}

.user-profile-card .pull-out-searchbar input {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    padding: 12px 12px 12px 33px;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: var(--admin-side-panel);
    color: var(--text-color);
}

.user-profile-card .pull-out-searchbar input:focus,
.user-profile-card .pull-out-searchbar input:active,
.user-profile-card .pull-out-searchbar input:not(:placeholder-shown) {
  border-bottom: 1.25px solid rgba(var(--pf-primary-rgb), 1) !important;
}

.user-profile-card .form-group > div > h1,
.user-profile-card .form-group > div > h2,
.user-profile-card .form-group > div > h3,
.user-profile-card .form-group > div > h4,
.user-profile-card .form-group > div > h5,
.user-profile-card .form-group > div > h6 {
  padding-top: 40px;
  padding-bottom: 0;
  margin-bottom: 0;
}

.user-profile-card .user-profile-username-row > div > * {
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: block;
  line-height: 1em; /* a */
  max-height: 2em; /* a x number of line to show (ex : 2 line)  */
}

.user-profile-card-icon {
    --upci-size: 150px;
    height: var(--upci-size);
    width: var(--upci-size);
    background: var(--white-grey);
    border-radius: calc(var(--upci-size) / 2);
    min-width: var(--upci-size);
    min-height: var(--upci-size);
}

.user-profile-username-row {
    width: auto;
    padding: 0 40px;
    min-height: 120px;
    flex-grow: 0;
    border-bottom: 1px solid var(--white-grey);
    flex-shrink: 0;
    padding-bottom: 40px;
    padding-top: 40px;
}

.user-profile-username-row:after {
  content: "";
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
  transform: translateY(110px);
}

.user-profile-username-row span {
  margin: 8px 0 22px 0;
  color: var(--admin-side-panel-text);
}

.group-profile-row:after {
  background: rgba(0, 0, 0, 0.1);
  transform: translateY(60px);
}

.user-profile-details-row {
  width: auto;
  overflow: auto;
  height: 100%;
  max-height: 100%;
  padding-top: 40px;
}
.user-profile-details-row .card .pullout-tabs {
  flex-grow: 1;
  flex-direction: column;
  height: 100%;
}
.user-profile-details-row .tab-content {
  overflow: auto;
  padding: 0;
  height: 100%;
}
.user-profile-details-row > * {
  width: 100% !important;
}

.user-profile-details-row .user-profile-details-container {
  padding: 40px;
  padding-top: 0px;
}

.modal:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.modal-dialog {
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0 12px 42px rgb(0 0 0 / 10%);
  border-radius: 12px;
  overflow: hidden;
  border: 0;
}

.modal {
  font-family: var(--pf-font-main);
  justify-content: center;
  align-items: center;
  display: flex !important;
}
.modal-body {
    background: var(--login-card-bg);
}
.modal-content {
    background-color:transparent;
    border: 1px solid rgba(var(--text-color-raw),0.5);
}
.modal-body h4 {
  font-family: var(--pf-font-bold);
}
.modal-body .modal-action-container {
  padding: 15px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.modal-body .modal-action-container h5 {
  font-weight: bold;
}

.modal-footer {
  justify-content: center;
  background-color: var(--admin-side-panel);
  padding: 25px;
  flex-wrap: nowrap;
  -webkit-touch-callout: none;
  border-top: 1px solid var(--white-grey);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.red-div {
  background-color: rgb(218, 100, 99, 1);
  color: white;
}

.clear-button {
  border: none;
  background: transparent;
}

.modal-footer button,
.modal-footer .btn,
.modal-footer *[type="button"] {
  width: 100%;
  margin: 0;
}

.modal-footer button:not(:first-of-type),
.modal-footer .btn:not(:first-of-type),
.modal-footer *[type="button"]:not(:first-of-type) {
  margin-left: 18px;
}

.user-form,
.group-form,
.modal .modal-body form {
  padding: 20px;
  
color: var(--text-color);}

.user-form .user-form-container,
.user-form .user-form-container .user-form-row,
.user-form .user-form-container .user-form-row > * {
  display: flex;
  flex-direction: column;
}
.user-form .user-form-container {
}
.user-form .user-form-container .user-form-row {
}
.user-form .user-form-container .user-form-row > * {
  flex-direction: row;
}
.user-form .user-form-container .user-form-row > * > *:not(:last-child) {
  margin-right: 12px;
}
.user-form .user-form-container .user-form-row > *:not(:first-child) {
  margin-top: 12px;
}
.user-form .user-form-container .user-form-row:not(:first-of-type) {
  margin-top: 22px;
}

.user-form .user-form-container .user-form-row {
}

.section-header {
  color: var(--white-grey-4);
  opacity: 0.4;
}

.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
}

.modal-input {
  border-bottom: 1px solid grey;
}

.modal-general {
  border-radius: 8px;
  border: 1px solid lightgrey;
  box-shadow: 0px 12px 42px rgb(0, 0, 0, 0.1);
}

.modal-header {
    color: var(--text-color);
    font-size: 16px;
    background-color: var(--admin-modal-footer);
    padding: 0px;
    --modal-header-height: 50px;
    height: var(--modal-header-height);
}

.modal-header .btn,
.modal-header button,
.modal-header .user-profile-header-close {
  height: var(--modal-header-height);
  width: var(--modal-header-height);
}

.modal-title {
  padding: 0 16px;
}

.modal-content {
  min-width: 500px;
  border: none;
}

.user-profile-input-edit {
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1) !important;
    background: rgb(255, 255, 255, 0.25) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding-right: 1.25rem;
    color: var(--admin-side-panel-text);
}

.user-profile-input-edit:not(:placeholder-shown) {
    border-bottom: 2px solid var(--pf-primary) !important;
    color: var(--admin-side-panel-text);
}

.user-profile-input-edit:focus {
  border-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  border-bottom: 2px solid var(--pf-primary) !important;
  background: transparent !important;
}

.settings-profile-input-edit {
    border-radius: 4px;
    border: none;
    box-shadow: none;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important;
    background: transparent;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding-right: 1.25rem;
    color: var(--text-color);
}

.settings-profile-input-edit:focus {
    border-color: transparent;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    border-bottom: 2px solid var(--pf-primary) !important;
    background: transparent !important;
    color: var(--text-color);
}

.settings-profile-input-view {
    border-radius: 0px;
    box-shadow: none;
    background: transparent !important;
    pointer-events: none;
    color: var(--text-color);
    opacity: 0.5;
    border: none;
    border-bottom: 2px solid var(--white-grey) !important;
}

    .url-input:focus {
    background: transparent !important;
}

.url-input:not(:placeholder-shown) {
    color: var(--text-color);
}

.user-profile-input-view {
    border-radius: 0px;
    border: none !important;
    box-shadow: none;
    background: transparent !important;
    padding-left: 0px;
    padding-right: 0px;
    pointer-events: none;
    color: var(--admin-side-panel-text);
}

.user-profile-label {
    font-size: 14px;
    color: var(--admin-side-panel-text);
    opacity: 0.5;
}

.user-profile-footer {
  width: 100%;
  /* border-top: 1px solid rgba(0,0,0,0.1); */
}

.user-profile-footer button.user-profile-btn {
    width: 100%;
    height: 60px;
    margin: 0 !important;
    border-radius: 0px;
    border-top: 1px solid var(--white-grey);
    background-color: var(--admin-side-panel);
}
.user-profile-footer button.user-profile-btn:not(:first-of-type) {
    border-left: 1px solid var(--white-grey);
}
.user-profile-footer button.user-profile-btn {
  font-size: 16px !important;
}
.user-profile-footer button.user-profile-btn i {
  margin-right: 0.5rem;
  font-size: 18px;
}

.user-profile-footer button.user-profile-btn:hover,
.user-profile-footer button.user-profile-btn:focus {
  background-color: var(--pf-primary);
  color: var(--pf-primary-compliment);
}

.user-profile-footer button.user-profile-btn.btn-fill.danger {
  background-color: rgb(218, 100, 99, 1);
  color: #fff;
}
.user-profile-footer button.user-profile-btn.btn-fill.danger:hover,
.user-profile-footer button.user-profile-btn.btn-fill.danger:focus {
  filter: brightness(0.9);
}
.user-profile-footer button.user-profile-btn.danger:hover,
.user-profile-footer button.user-profile-btn.danger:focus {
  background-color: rgb(218, 100, 99, 1);
  color: #fff;
}

.user-profile-footer button.user-profile-btn.btn-fill.success {
  background-color: rgb(139, 195, 86, 1);
  color: #fff;
}
.user-profile-footer button.user-profile-btn.btn-fill.success:hover,
.user-profile-footer button.user-profile-btn.btn-fill.success:focus {
  filter: brightness(0.9);
}
.user-profile-footer button.user-profile-btn.success:hover,
.user-profile-footer button.user-profile-btn.success:focus {
  background-color: rgb(139, 195, 86, 1);
  color: #fff;
}

.user-profile-footer button.user-profile-btn:active {
  filter: brightness(0.7);
}

.user-profile-card .pullout-bta {
  height: 100%;
  width: 100%;
  z-index: 10;
  overflow: hidden;
  position: absolute;
  transition: all 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.user-profile-card .pullout-bta::before {
  backdrop-filter: blur(18px);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.user-profile-card .pullout-bta .pullout-bta-container {
  width: 50%;
  height: auto;
  position: absolute;
  display: inline-block;
  text-align: center;
  color: white;
}

.user-profile-card .pullout-bta .pullout-bta-container .pullout-bta-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0.5rem;
  margin-top: 3rem;
}

.user-profile-card
  .pullout-bta
  .pullout-bta-container
  .pullout-bta-actions
  > button.btn {
  position: relative;
  padding: 0 8px !important;
}
.user-profile-card
  .pullout-bta
  .pullout-bta-container
  .pullout-bta-actions
  > button.btn.btn-link:before {
  content: "";
  position: absolute;
  width: 0%;
  height: 2px;
  margin: auto;
  transform: translateY(2px);
  bottom: 0;
  left: 0;
  transition: all 0.2s ease-in-out 0.2s;
  background: var(--pf-primary);
}
.user-profile-card
  .pullout-bta
  .pullout-bta-container
  .pullout-bta-actions
  > button.btn.btn-link:hover:before,
.user-profile-card
  .pullout-bta
  .pullout-bta-container
  .pullout-bta-actions
  > button.btn.btn-link:focus:before {
  width: 100%;
}

.user-profile-card
  .pullout-bta
  .pullout-bta-container
  .pullout-bta-actions
  > button.btn.btn-link:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0%;
  margin: auto;
  transform: translateY(2px);
  bottom: 0;
  left: 0;
  transition: all 0.2s ease-in-out;
  background: rgba(var(--pf-primary-rgb), 0.3);
}
.user-profile-card
  .pullout-bta
  .pullout-bta-container
  .pullout-bta-actions
  > button.btn.btn-link:hover:after,
.user-profile-card
  .pullout-bta
  .pullout-bta-container
  .pullout-bta-actions
  > button.btn.btn-link:focus:after {
  height: 100%;
}

.user-profile-card
  .pullout-bta
  .pullout-bta-container
  .pullout-bta-actions
  > button:not(:first-of-type) {
  margin-top: 1rem;
}

.user-profile-card
  .pullout-bta
  .pullout-bta-container
  .pullout-bta-actions
  > button.btn.btn-important {
  font-size: x-large;
  font-weight: bolder;
}
.user-profile-card
  .pullout-bta
  .pullout-bta-container
  .pullout-bta-actions
  > button.btn:not(.btn-important) {
  opacity: 0.75;
}

.user-profile-card .pullout-bta .pullout-bta-container .pullout-bta-icon {
  font-size: xxx-large;
}

.user-profile-card .pullout-bta .pullout-bta-container .circle-loader {
  margin-bottom: 3.5em;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-left-color: var(--pf-primary);
  animation: loaderSpin 1.2s infinite linear;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 7em;
  height: 7em;
}
.user-profile-card .pullout-bta .pullout-bta-container .load-complete {
  -webkit-animation: none;
  animation: none;
  border-color: var(--pf-primary);
  transition: border 500ms ease-out;
}
.user-profile-card
  .pullout-bta
  .pullout-bta-container
  .circle-loader
  .checkmark {
  display: none;
}

.user-profile-card
  .pullout-bta
  .pullout-bta-container
  .circle-loader
  .checkmark.draw:after {
  animation-duration: 800ms;
  animation-timing-function: ease;
  animation-name: checkmark;
  transform: scaleX(-1) rotate(135deg);
}
.user-profile-card
  .pullout-bta
  .pullout-bta-container
  .circle-loader
  .checkmark:after {
  opacity: 1;
  height: 3.5em;
  width: 1.75em;
  transform-origin: left top;
  border-right: 3px solid var(--pf-primary);
  border-top: 3px solid var(--pf-primary);
  content: "";
  left: 1.75em;
  top: 3.5em;
  position: absolute;
}

.user-profile-header {
  --pullout-header-height: 60px;
  height: var(--pullout-header-height);
}

.user-profile-header .btn {
  transition: all 0.1s cubic-bezier(0.5, 0, 0.5, 1);
  --uph-btn-fadeInDuration: 0.25s;
  animation: fadeIn linear var(--uph-btn-fadeInDuration);
  -webkit-animation: fadeIn linear var(--uph-btn-fadeInDuration);
  -moz-animation: fadeIn linear var(--uph-btn-fadeInDuration);
  -o-animation: fadeIn linear var(--uph-btn-fadeInDuration);
  -ms-animation: fadeIn linear var(--uph-btn-fadeInDuration);
}

.user-profile-header .btn:not(.user-profile-header-close) {
  width: var(--pullout-header-height);
  font-size: 25px !important;
  transition: all 0.1s cubic-bezier(0.5, 0, 0.5, 1);
  background-color: rgba(var(--pf-primary-rgb), 0);
  border-radius: 0;
}
.user-profile-header .btn:not(.user-profile-header-close):hover,
.user-profile-header .btn:not(.user-profile-header-close):focus {
  background-color: rgb(var(--pf-primary-rgb), 1);
  color: var(--pf-primary-compliment);
}
.user-profile-header .btn:not(.user-profile-header-close):active {
  background-color: rgb(var(--pf-primary-rgb), 1);
  color: var(--pf-primary-compliment);
  filter: brightness(0.8);
}

.user-profile-header-close {
  width: var(--pullout-header-height);
  font-size: 35px !important;
  transition: all 0.1s cubic-bezier(0.5, 0, 0.5, 1);
  background-color: rgb(218, 100, 99, 0);
  border-radius: 0;
  margin-left: auto;
}
.user-profile-header-close:hover,
.user-profile-header-close:focus {
  background-color: rgb(218, 100, 99, 1);
  color: #fff;
}
.user-profile-header-close:active {
  background-color: rgb(218, 100, 99, 1);
  color: #fff;
  filter: brightness(0.8);
}

.search-box {
  border: 1px solid lightgrey;
  background-color: white !important;
  padding: 16px 8px 16px 8px;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgb(0, 0, 0, 0.1);
  margin-right: 8px;
  padding: 0px;
}

.search-input {
  width: 30rem;
  padding: 8px 18px;
  color: rgb(0, 0, 0, 0.5);
}

.search-icon {
  color: rgb(0, 0, 0, 0.5);
}

.custom-control-label {
  padding-left: 0.2rem;
}

.custom-control-input:checked {
  background-color: black;
}

.custom-control-label code {
    margin-left: 36px;
    display: inline-block;
    width: 100%;
    color: var(--text-color);
    opacity:0.5;
}

.plus-btn {
  font-weight: bolder;
  background-color: var(--pf-primary);
  color: black;
  border-radius: 4px;
  border: none;
  height: 100%;
  line-height: 2;
}

.plus-btn i {
  color: black !important;
  padding-left: 0px !important;
  border-top-right-radius: 0px !important;
}

.file-selection {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgb(0, 0, 0, 0.5);
  border: 1px dashed rgb(0, 0, 0, 0.5);
  border-radius: 12px;
  height: 75px;
  margin: 8px 0;
  border-width: 2px;
}

.file-selection > input#file {
    color: var(--text-color);
}

input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
}

.download-link {
  width: fit-content;
  font-size: 12px;
  margin-top: 6px;
  text-align: right !important;
}

.popup-inner {
  background: #fff;
  padding: 32px;
}

.user-profile-card .dual-column #user-groups-checkboxes {
  /* padding: 40px; */
  position: relative;
  display: flex;
  /* flex-direction: column !important; */
  flex-flow: wrap;
  justify-content: space-between;
}

.custom-control {
  margin: 6px 0px;
  background-color: rgba(0, 0, 0, 0);
  font-family: var(--pf-font-main-bold);
  font-size: 18px;
  padding: 8px 8px;
  transition: all 0.1s cubic-bezier(0.5, 0, 0.5, 1);
}
.custom-control:hover {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.custom-control {
  position: relative;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* flex: 1 1 auto; */
  width: 100%;
}
.dual-column .custom-control {
  position: relative;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* flex: 1 1 auto; */
  width: 50%;
}

.dual-column .custom-control:only-child {
  width: 100% !important;
}

.custom-control input[type="checkbox"] {
  display: none;
}

.custom-control label {
    color: var(--admin-side-panel-text);
    font-weight: normal;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    word-break: break-word;
}

.custom-control label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 12px 3px 0;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
  box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
  cursor: pointer;
}

.custom-control input[type="checkbox"]:checked + label:before {
  background-color: var(--pf-primary);
}

.custom-control input[type="checkbox"]:checked + label:after {
  left: 18px;
  top: 15px;
  width: 6px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: " ";
  display: block;
  position: absolute;
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 2px solid lightgray;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 1px;
  /*bottom: 2px;*/
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background-color: var(--pf-primary);
}

input:checked + .slider {
  background-color: var(--pf-primary);
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--pf-primary);
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  left: -7px;
  background-color: white;
}

.change-cursor {
  cursor: pointer;
}

.reduce-opacity {
  color: rgba(0, 0, 0, 0.25);
}

.disabled-input {
  width: 60px;
  padding-right: 0px;
  border: none;
  background-color: transparent !important;
  color: var(--text-color);
}

.url-input {
  border: none;
  padding-left: 0px;
  background: transparent;
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.nav-tabs {
  border-bottom: none !important;
}

.theme {
    color: var(--text-color);
    background: var(--admin-main-panel);
}

.version-div {
  position: fixed;
  bottom: 0;
  padding-left: 0px;
  padding-bottom: 5px;
  color: rgba(var(--text-color-raw), 0.2);
  text-align: center;
  background: transparent;
  width: 250px;
}

.ivolve-roller-container {
  display: none;
}
.ivolve-roller-container.waiting {
  width: 100%;
  top: 0;
  height: 100%;
  left: 0;
  z-index: 999999999;
  position: absolute;
  background: rgba(0, 0, 0, 0.25);
  display: table-cell;
  animation: fadeIn 0.75s ease-in-out;
  -webkit-animation: fadeIn 0.75s ease-in-out;
  -moz-animation: fadeIn 0.75s ease-in-out;
  -ms-animation: fadeIn 0.75s ease-in-out;
  -o-animation: fadeIn 0.75s ease-in-out;
}
.ivolve-roller-container .ivolve-roller {
  display: none;
}
.ivolve-roller-container.waiting .ivolve-roller {
  display: block;
  position: relative;
  width: 80px;
  margin: auto;
  height: 80px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ivolve-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.ivolve-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}

.ivolve-roller div:nth-child(1) {
  animation-delay: -0.036s;
}

.ivolve-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}

.ivolve-roller div:nth-child(2) {
  animation-delay: -0.072s;
}

.ivolve-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}

.ivolve-roller div:nth-child(3) {
  animation-delay: -0.108s;
}

.ivolve-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}

.ivolve-roller div:nth-child(4) {
  animation-delay: -0.144s;
}

.ivolve-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}

.ivolve-roller div:nth-child(5) {
  animation-delay: -0.18s;
}

.ivolve-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}

.ivolve-roller div:nth-child(6) {
  animation-delay: -0.216s;
}

.ivolve-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}

.ivolve-roller div:nth-child(7) {
  animation-delay: -0.252s;
}

.ivolve-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}

.ivolve-roller div:nth-child(8) {
  animation-delay: -0.288s;
}

.ivolve-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}

@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }

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

/**
    ANIMATIONS BELOW
*/
/*FADE IN*/
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
/*INITAL SLIDE IN*/
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translate(120%, 0);
  }

  to {
    opacity: 1;
    transform: translate(0%, 0);
  }
}

@-o-keyframes slideIn {
  from {
    opacity: 0;
    transform: translate(120%, 0);
  }

  to {
    opacity: 1;
    transform: translate(0%, 0);
  }
}

@-moz-keyframes slideIn {
  from {
    opacity: 0;
    transform: translate(120%, 0);
  }

  to {
    opacity: 1;
    transform: translate(0%, 0);
  }
}

@-webkit-keyframes slideIn {
  from {
    opacity: 0;
    transform: translate(120%, 0);
  }

  to {
    opacity: 1;
    transform: translate(0%, 0);
  }
}

@-ms-keyframes slideIn {
  from {
    opacity: 0;
    transform: translate(120%, 0);
  }

  to {
    opacity: 1;
    transform: translate(0%, 0);
  }
}

/* Checkmark Animations */
@keyframes loaderSpin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 1.75em;
    opacity: 1;
  }
  40% {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }
  100% {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }
}

.fade-enter-active,
.fade-leave-active {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.fade-enter-from,
.fade-leave-active {
  opacity: 0;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.1);
}

.footer-image-ivolve {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
    width: 80px;
    background: var(--ivolve-white-logo);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
    margin:auto;
}

.powered-content {
    color: var(--admin-side-panel-text);
}

.password-submit {
    position: absolute;
    right: 10%;
    top: 70%;
}

.dropdown ul li:not(.delete-user-button) .dropdown-item:hover, .dropdown ul li:not(.delete-user-button) .dropdown-item:focus {
    background-color: var(--primary-color) !important;
    color: var(--text-color) !important;
}

.modal-body .custom-control-label{
    color: var(--text-color) !important;
}

.modal-dialog .modal-footer {
    background-color: var(--admin-modal-footer);
    border-top: 1px solid rgba(var(--text-color-raw),.1);
}

.form-text{
    margin-bottom: 0.25rem;
}

#passwordHelp{
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.red-border-bottom {
    border-color: #dc6565 !important;
}

.hide{
    display: none !important;
}

.passwordnomatch {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    color: #990000;
    background-color: #FFCCCC;
    border-radius: 4px;
    margin: 0.5rem 1.5rem;
}

.disabled{
    pointer-events: none;
    opacity: 0.7;
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.card-footer {
    background-color: transparent !important;
}

option {
    background: var(--admin-side-panel) !important;
    color: var(--admin-side-panel-text) !important;
}

.group-permission{
    pointer-events: none;
    opacity: 0.7;
}