html[data-layout="topnav"][data-topbar-color="light"] {
  --ct-menu-bg:                           #ffffff;
  --ct-topbar-user-bg:                    #ffffff;
  --ct-topbar-bg:                         #ffffff;
  --ct-topbar-item-color:                 #6c757d;
  --ct-topbar-item-hover-color:           #15639b;
  --ct-topbar-search-bg:                  tint-color(#eef2f7, 10%);
  --ct-topbar-user-border:                #eef2f7;
  --ct-menu-item-active-color:            #15639b; }

html[data-topbar-color="dark"] {
  --ct-topbar-bg:                  #313a46;
  --ct-topbar-item-color:          #8391a2;
  --ct-topbar-item-hover-color:    #bccee4;
  --ct-topbar-search-bg:           #464f5b;
  --ct-topbar-user-bg:             #3c4655;
  --ct-topbar-user-border:         #414d5d; }
.nav-tabs.transparent .nav-link.active,
.nav-tabs.transparent .nav-tabs .nav-item.show .nav-link {
  background-color: transparent !important; }

.dropdown-menu {
  box-shadow: none !important;
  border-top: 0 !important; }

.no-legend fieldset.radio_buttons {
  margin-top: 2rem; }
  .no-legend fieldset.radio_buttons legend {
    display: none; }

.form-check {
  display: block; }
  .form-check .form-check-input.radio_buttons, .form-check .form-check-input.check_boxes {
    float: left;
    margin-left: 0 !important;
    margin-right: 0.5rem; }

.side-nav .menuitem-active > a {
  color: var(--ct-menu-item-active-color) !important; }

.side-nav .side-nav-link {
  white-space: wrap !important; }

.to-fade {
  opacity: 0; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes slideIn {
  from {
    transform: translateY(8px);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }

@keyframes slideOut {
  from {
    transform: translateY(0);
    opacity: 0; }
  to {
    transform: translateY(8px);
    opacity: 1; } }

.bordered-header {
  border-bottom: 1px solid var(--ct-border-color);
  margin-top: 2rem;
  padding-bottom: 0.5rem; }

.no-min-width .leftside-menu {
  min-width: 0 !important; }

.card-title {
  font-weight: 400 !important; }

.blue-fade {
  background-image: linear-gradient(#fff 60%, #586cf566); }
  .blue-fade footer {
    background: var(--ct-body-bg);
    bottom: calc(var(--ct-footer-height) * -1); }
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */