html ,body { 
    margin: 0; 
    padding: 0;
    overscroll-behavior: none;
    overflow-x: hidden;
    overflow-y: auto;
}

.v-sheet.view { width:100%; height: 100%; border-radius: 0px; display: flex; padding-bottom: 10px; padding-top:5px; background: transparent !important; }

html::-webkit-scrollbar-track ,body::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: transparent; }
html::-webkit-scrollbar ,body::-webkit-scrollbar{ width: 1px; background-color: transparent; }
/*html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb{ background-color: #000000; } */

element { display: contents; }
.hidden { display: none; }
.hidden-force { display: none !important; }
.pointer { cursor: pointer; }
.uhover:hover { text-decoration: underline; }
.uhover:hover { text-decoration: underline; }
.bhover:hover { background-color: #e4edf8; }
.nohover{ pointer-events: none; }
.round, .rounded { border-radius: 50%; }
.noround, .norounded { border-radius: 0px; }

.h100{ height: 100%; }
.height100{ height: 100%; }

.w100{ width: 100%; }
.width100{ width: 100%; }

/* input elemets gets smaller */
.compact-form .v-text-field--filled > .v-input__control > .v-input__slot, 
.compact-form .v-text-field--full-width > .v-input__control > .v-input__slot, 
.compact-form .v-text-field--outlined > .v-input__control > .v-input__slot,
.compact-form.v-text-field--filled > .v-input__control > .v-input__slot, 
.compact-form.v-text-field--full-width > .v-input__control > .v-input__slot, 
.compact-form.v-text-field--outlined > .v-input__control > .v-input__slot {
    min-height: 45px;
}
.compact-form .v-text-field--filled > .v-input__control > .v-input__slot .v-label, 
.compact-form .v-text-field--full-width > .v-input__control > .v-input__slot .v-label, 
.compact-form .v-text-field--outlined > .v-input__control > .v-input__slot .v-label,
.compact-form.v-text-field--filled > .v-input__control > .v-input__slot .v-label, 
.compact-form.v-text-field--full-width > .v-input__control > .v-input__slot .v-label, 
.compact-form.v-text-field--outlined > .v-input__control > .v-input__slot .v-label {
    top: 15px;
}

.white-form .v-text-field--outlined > .v-input__control > .v-input__slot { background: white; }

.absolute-center {
    margin: 0; 
    position: absolute; 
    left:50%; 
    -ms-transform: translate(-50%); 
    transform: translate(-50%);
}
.absolute-middel-center {
    margin: 0; 
    position: absolute; 
    top: 50%; 
    left:50%; 
    -ms-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%);
}

.turn90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.css-loader {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

    /* Safari */
    @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

/* Chrome: input field - type number hide up down buttons */
    /* Chrome, Safari, Edge, Opera */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    }
    /* Firefox */
    input[type=number] { -moz-appearance: textfield; }

/* Chrome: Clear Autofill-in style */
    input:-webkit-autofill,
    input:-webkit-autofill:hover, 
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus {
        animation-name: onAutoFillStart;
        transition: background-color 50000s ease-in-out 0s;
        background-color: white !important;
    }
    input:not(:-webkit-autofill) { animation-name: onAutoFillCancel; }



.readonly .v-input label { color: black !important; }
.readonly .v-input input { color: black !important; }
/* .readonly .v-input .v-input__slot:before { border: 0px !important; }
.readonly .v-input .v-text-field__details { display: none; } /* add hide-details */
.readonly .v-input .v-input__slot { background-color: transparent !important; }