.vv-mt--icons { width:30px;height:30px; }
.vv-mt--add { cursor:pointer; }
.vv-mt--remove { cursor:pointer; }
.vv-mt--validate { cursor:pointer; }
.vv-mt--edit { cursor:pointer; }
.vv-mt--save { cursor:pointer; }
.vv-mt--load { cursor:pointer; }
.vv-mt--report { cursor:pointer; }

.vv-year, .vv-year--add { position:relative; float:left;width:fit-content;padding:5px;border:solid 2px #000;border-radius: 5px 5px 0 0; margin-right:2px; cursor:pointer; z-index:6666; }
.vv-year--first { margin-left:2px; }
.vv-year--selected { border-bottom:solid 2px #fff; }

.vv-trev-action { 
    position:fixed;bottom:0;left:-100%;
    width:100%;
    height:100%;
    background-color: rgba(100,100,100,0.2);
    transition: left 0.25s ease-out;
    z-index:1000;
}
.vv-trev-action--close { position:absolute;top:0;right:0;width:40px;height:40px;padding-top:5px;padding-right:5px;cursor: pointer; z-index:1000; }
.vv-trev-do { width:93%; height:90%; margin:4%; padding:5px; background-color:#fff; }

.vv-elt--add { cursor:pointer; }

.vv-sim {
    position: relative;
    width: 90%;
    height: calc(98% - 150px);
    margin-top: 100px;
    margin-right: 5%;
    margin-left: 5%;
    z-index:666;
}

.vv-trev-report--ctt { border-top:2px solid #000;text-align:center;margin-top:10px;padding-top:10px;opacity:0.2; }
.vv-trev-report--od {}
.vv-trev-report--chf {}

.vv-trev--v { position:absolute;bottom:0;left:0;font-family:courier;font-size:9px; }

/* Medium devices (landscape tablets, 768px and up) */
@media (width >= 768px) {
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media (768px > width >= 600px) {
}
/* Extra small devices (phones, 600px and down) */
@media (width < 600px) {
    .vv-trev-do { width:90%; }
}