.vv-mytrev-btpa { 
    float:right;height:15px;padding:4px;margin-right:5px;border:2px solid #000;border-radius: 5px; color:#000; background-color:#fff;cursor:pointer;
    transition: background-color 0.5s ease-out, color 0.5s ease-out;
}
.vv-mytrev-btpa--selected { color:#fff; background-color:#000; }

.vv-mytrev--ctt { display:none; }
.vv-mytrev--ctt-show { display:block; }

.vv-mytrev--do { position:relative; width:93%; height:90%; margin:4%; background-color:#fff; }
.vv-mytrev--cat { width:calc(100% - 10px);border-top:2px solid #000;margin:5px 5px; }
.vv-mytrev--item-disabled { opacity:0.5; }

.vv-mytrev--add { float:left;width:30px;height:30px; }
.vv-mytrev--osdco2 { width:100%;height:45%;overflow:auto; }

.vv-mytrev--item-h { display:none; }
.vv-mytrev--item--d { display:flex!important; }
.vv-mytrev--item { width:99%;height:35px;border-top:1px black solid;padding:2px; }
.vv-mytrev--bin { float:right;width:30px;padding-right:2px; }
.vv-mytrev--edit { float:right;width:30px;position:relative; }
.vv-mytrev--type { float:left; margin-right:5px; }
.vv-mytrev--km { float:left; margin-right:5px; }
.vv-mytrev--date { float:left; margin-right:5px; }
.vv-mytrev--freq { float:left; margin-right:5px; }
.vv-mytrev--qtt { float:left; margin-right:5px; }

@keyframes vv-rotation {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.vv-mytrev--wait { 
    transform-origin: center;
    animation: vv-rotation 2s linear infinite;
}
.vv-mytrev--wait-bg { position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0;pointer-events:none;z-index:1000; }
.vv-mytrev--wait-magic { 
    transition: opacity 0.5s ease-in-out;
}

/* Extra small devices (phones, 600px and down) */
@media (width < 600px) {
    label { display:inline-block; min-width: 80px; text-align:right; }

    .vv-mytrev--item--d { display:block!important; }
    .vv-mytrev--item { width:99%;height:unset;border-top:1px black solid;padding:2px; }
    .vv-mytrev--bin { float:right;padding-right:2px; }
    .vv-mytrev--edit { float:none;position:relative; }
    .vv-mytrev--type { float:none; margin-right:5px; }
    .vv-mytrev--km { float:none; margin-right:5px; }
    .vv-mytrev--date { float:none; margin-right:5px; }
    .vv-mytrev--freq { float:none; margin-left:80px; margin-right:0px; }
}