:root {
    --cellheight: 25px; /* min 20 */
    --primary: #1a1a1a; 
    --secondary: #9d9d9d;
    --accent: #d10019;
    --accent2: #28566e;
    --primarybg: #5e5e5e;
    --secondarybg: #dadada;
}

html, body { 
    /*min-width: 800px;*/
}
.css-loader { border-top: 8px solid var(--accent); }

#app .v-btn { text-transform: none; }

/*.view { background: #dadada !important;}*/

#app.theme--dark ::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

.pointer.v-input * {
    cursor: pointer !important;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}

/* input */
.expand-width {
    width: 100%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
  }
/* input */
.collapse-width {
    width: 0px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.v-dialog { 
    display: table; 
    box-shadow: none !important;
}

/*.tdcard { display: contents; } */
.tdcard.v-expansion-panel.v-expansion-panel--active { margin-top: 34px }
.tdcard .card-header {
    background: var(--accent);
    color: white;
    _box-shadow: 0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important;
    box-shadow: none;
    padding: 0px 4px;
    position: relative;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}
.tdcard .card-header .v-card__subtitle { color: white !important; }

.tdcard.v-expansion-panel .card-header {
    top: 0px;
    border-radius: 0px;
    margin: 0px 0px 0px 0px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}


.tdcard.v-card .card-header, .tdcard.v-expansion-panel.v-expansion-panel--active .card-header {
    top: -20px;
    
    margin: 20px 20px -10px 20px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
.tdcard.v-card .card-header { border-radius: 10px !important; }
.tdcard.v-expansion-panel.v-expansion-panel--active .card-header {
    top: -40px;
    border-radius: 10px;
}

.tdcard .card-header > .v-card__title { color: white;  }
.tdcard .card-header > .v-card__subtitle { color: hsla(0,0%,100%,.8);  }
.tdcard .card-header .v-expansion-panel-header__icon .v-icon { color: white !important; }
/*
.tdcard .card-body {
    height: auto;
    overflow: hidden;
    _transform: scaleY(1);
    _transform-origin: top;
    transition: all 500ms ease;
}
.tdcard.collapse .card-body {
    height: 0px;
    transition: all 500ms ease;
}
*/

/*
.tdcard .card-footer {
    height: auto;
    transform: scaleY(1);
    transform-origin: top;
    transition: all 500ms ease-in;
}
.tdcard.collapse .card-footer {
    height: 0px;
    transform: scaleY(1);
    transition: all 500ms ease-out;
}
*/