.btn_mp {
    zoom: 90%;
}

.content {
    padding-bottom: 0px !important;
}

.tippy-box[data-theme~="ui-tippy-blackonwhite"] {
  background-color: rgb(255,255,255);
  color: black;
  border: 1px solid rgba(0, 0, 0, .5);
  box-shadow: 0 4px 14px -2px rgba(0, 8, 16, .08)
}

.table-super-condensed>thead>tr>th,
.table-super-condensed>tbody>tr>th,
.table-super-condensed>tfoot>tr>th,
.table-super-condensed>thead>tr>td,
.table-super-condensed>tbody>tr>td,
.table-super-condensed>tfoot>tr>td {
    padding: 2px 5px 2px 5px;
    zoom: 90%;
}

.ui-table-borderless>tbody>tr>td, 
.ui-table-borderless>tbody>tr>th, 
.ui-table-borderless>tfoot>tr>td, 
.ui-table-borderless>tfoot>tr>th, 
.ui-table-borderless>thead>tr>td, 
.ui-table-borderless>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
}

.fs_is_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' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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);
}

.fs_invalid_feedback {
    width: 100%;
    margin-top: 0.25rem;
    font-size: .875em;
    color: #dc3545;
}

// V3 dash colors
//:root, :root.light, :root .light {
//  --falcon-soft-primary: rgb(184,218,255);
//  --falcon-soft-success: rgb(195,230,203);
//  --falcon-soft-danger:  rgb(245,198,203);
//  --falcon-soft-warning: rgb(255,238,186);
//}

:root, :root.light, :root .light {
  --falcon-soft-primary: rgb(219,236,255);
  --falcon-soft-success: rgb(225,242,229);
  --falcon-soft-danger:  rgb(250,226,229);
  --falcon-soft-warning: rgb(255,246,220);
}

.dark {
  --falcon-soft-primary: rgb(0,19,40);
  --falcon-soft-success: rgb(6,26,11);
  --falcon-soft-danger:  rgb(34,8,11);
  --falcon-soft-warning: rgb(40,30,1);
}

.ui-ripple-shadow:hover, .ui-ripple-shadow:active, .ui-ripple-shadow:active:hover {
  box-shadow: 0 5px 5px -3px rgba(0,0,0,0.2), 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12);
}

.uiripple{
  position: absolute;
  top:0; left:0; bottom:0; right:0;
  overflow: hidden;
  -webkit-transform: translateZ(0); /* to contain zoomed uiripple */
  transform: translateZ(0);
  border-radius: inherit; /* inherit from parent (rounded buttons etc) */
  pointer-events: none; /* allow user interaction */
          animation: uiripple-shadow 0.4s forwards;
  -webkit-animation: uiripple-shadow 0.4s forwards;
}
.uirippleWave{
  backface-visibility: hidden;
  position: absolute;
  border-radius: 50%;
  transform: scale(0.7); -webkit-transform: scale(0.7);
  background: rgba(255,255,255, 1);
  opacity: 0.45;
          animation: uiripple 2s forwards;
  -webkit-animation: uiripple 2s forwards;
}
@keyframes uiripple {
  to {transform: scale(24); opacity:0;}
}
@-webkit-keyframes uiripple {
  to {-webkit-transform: scale(24); opacity:0;}
}

.ui-fixed-columns {
  background-color: whitesmoke !important; 
}

.dark .ui-fixed-columns {
  background-color: #181818 !important; 
}

.ui-fixed-column {
  position: sticky !important; 
  z-index: 2 !important; 
  background-color: white !important; 
}

.dark .ui-fixed-column {
  position: sticky !important; 
  z-index: 2 !important; 
  background-color: black !important; 
}