.container-index-home{
    position: relative;
    width: 100%;
    float: left;
    height: calc(100% - 17vw);
    overflow: hidden;
}

.button-float-home,
.nav-menu-v2,
.container-option-detail-status-driver,
.center-camera-map-position,
.close-menu-v2{
    display: none;
}
.container-prepaid-driver {
    display:none;
}

.container-prepaid-driver.active{
    display: flex;
    margin-bottom: -2vh;
    font-weight: bolder;
    color: #fff;
    background-color: green;
    justify-content: center;
    align-items: center;
}

body.v2 .button-float-home{
    position: absolute;
    bottom: 21vw;
    z-index: 30;
    display:flex;
    justify-content:center;
    align-items:center;
    height: 25vw;
    width: 25vw;
    background-color:var(--main-color);
    margin: auto;
    right: 0;
    left: 0;
    border-radius: 100%;
    box-shadow: 0 0 10px #9f9f9f;
}

body.v2 .button-float-home > input{
    width:100%;
    height:100%;
    position:absolute;
    border-radius: 100%;
}

body.v2 .button-float-home > span{
    font-size: 14pt;
    color: #fff;
    font-weight: 600;
}

body.v2 .button-float-home.hidden{
    display: none;
}
body.v2 .button-float-home:before{
    content:"";
    position:absolute;
    height:65%;
    width:65%;
    border:2px solid #fff0;
    border-radius:100%;
    animation:  pulse-button-border-inner 2s linear infinite;
}


body.v2 .button-float-home.preloader:before{
    animation:unset;
    height:90%;
    width:90%;
    border: 2px solid #f6f6f68c;
}

body.v2 .button-float-home.preloader:after{
    content:"";
    position:absolute;
    height:90%;
    width:90%;
    border:2px solid transparent;
    border-top-color:#fff;
    border-radius:100%;
    animation: spin 2s linear infinite;

}

@keyframes pulse-button-border-inner{
    0%{
        height:65%;
        width:65%;
    }
    50%{
        border:2px solid #fff;
    }
    90%{
        border-color:#fff0;
    }
    100%{
        height:90%;
        width:90%;
    }
}

body.v2 .map.disabled:before,
body.v2 .map.disabled:after,
body.v2 .toggle-button{
    display: none;
}

body.v2 .footer-race{
    background-color:#fff;
    box-shadow:0 0 10px #b1b1b1;
    border-radius:10px 10px 0 0;
    flex-direction: column;
    height: 100%;
    display: flex !important;
    padding-top: 20%;
    transform: translateY(90%);
}


body.v2 .footer-race.active.min-v2{
    height:unset;
    background-color:var(--main-color);
    padding-top: 5vw;
}

body.v2 .footer-race.active{
    transform: translateY(0);
    z-index: 202;
}

body.v2 .footer-arrow{
    left: 3vw;
    right:unset;
    top: 15px;
    box-shadow:unset;
    width: 95%;
    background-color: unset;
    justify-content: left;
    z-index: 1000;
    padding: 4vw 0;
    height: 15vw;
}

body.v2 .footer-arrow > i{
    animation:unset;
    color:#000;
}

body.v2 .toggle-status-driver > p{
    color:#000;
    font-size:16pt;
    font-weight:600;
    border-bottom: 1px solid #ccc;
    padding-bottom: 4vw;
    position: absolute;
    top: -13vw;
    margin: 0;
    width: 100%;
    z-index: 10;
}

body.v2 .footer-race > .toggle-status-driver > .container-return-driver,
body.v2 .footer-race > .toggle-status-driver > .container-detail-driver > li{
    background-color: var(--main-color);
}

body.v2 .footer-race > .toggle-status-driver > .count-item-detail > li.active{
    background-color: var(--main-color);
}

body.v2 .footer-race > .toggle-status-driver > .count-item-detail > li{
    background-color:#b9b8b8;
}

body.v2 .move-map{
    bottom: 25vw;
    display: none;
}

body.v2 .menu-home-v1{
    display:none;
}

body.v2 .container-index-home{
    height: 100%;
}

body.v2 .preload-request.active{
    transform: translateY(0);
    padding: 0;
    font-size: 7pt;
}

body.v2 .preload-request > .icon-preload > li:nth-child(1) > .loader{
    height:2vw;
    width:2vw
}

body.v2 .preload-request > .icon-preload > li > i{
    font-size:6pt
}

body.v2 .preload-request.info,
body.v2 .preload-request.success {
    animation-name: animation-info-preload-v2;
    padding: 0;
    font-size: 7pt;
}

@keyframes animation-info-preload-v2 {
    0%{
        max-height:100px;
        transform:translateY(0);
        opacity: 1;
    }
    95%{
        max-height:100px;
        transform:translateY(0);
        opacity: 1;
    }
    100%{
        max-height:0;
        opacity: 0;
    }
}

body.v2 .footer-race.active > .footer-arrow{
    transform:none;
}

body.v2 .footer-race > .footer-arrow > i{
    transform:rotate(0deg);
    transition:0.5s;
}

body.v2 .footer-race.active > .footer-arrow > i{
    transform:rotate(180deg);
    transition:0.5s;
}

body.v2 .nav-menu-v2{
    position: absolute;
    margin-top: 5vw;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

body.v2 .nav-menu-v2 > .menu-profile-drive{
    position: absolute;
    right: 2.5vw;
    width: 14.5vw;
    height: 14.5vw;
    background-color: #848484;
    box-shadow: 0 0 10px #ccc;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 2.5px solid #fff;
}

body.v2  .nav-menu-v2 > .container-balance-today{
    box-shadow: 0 0 10px #aaa;
    background-color:#000;
    color: #fff;
    font-size: 17pt;
    font-weight: 600;
    padding: 0 5vw;
    border-radius: 7vw;
    border: 2.5px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height:12vw;
    width:35vw;
}

body.v2  .nav-menu-v2 > .container-balance-today.hidden > i.updateBalanceNow{
    display:none;
}

body.v2  .nav-menu-v2 > .container-balance-today.hidden > i.updateBalanceNow.active{
    display:none;
}

body.v2  .nav-menu-v2 > .container-balance-today > i.updateBalanceNow.active{
    display:block;
    font-size:15pt;
}

body.v2  .nav-menu-v2 > .container-balance-today > i{
    display:none;
}


body.v2  .nav-menu-v2 > .container-balance-today.hidden > i{
    display:block;
    font-size:22pt
}

body.v2  .nav-menu-v2 > .container-balance-today.hidden > span{
    display:none;
}

body.v2  .nav-menu-v2 > .container-balance-today > span:first-child{
    color: var(--text-color-main);
}


body.v2 .footer-race > .container-option-detail-status-driver > div {
    display: flex;
    flex-direction: column;
    align-items: center;
}


body.v2 .footer-race > .container-option-detail-status-driver > div > span{
    font-size:12pt;
    margin-top:5px;
}

body.v2 .footer-race > .container-option-detail-status-driver > div > .button-float-home{
    position:relative;
    bottom: unset;
    background-color: #e82727;
    margin: 0;
}

body.v2 .footer-race > .container-option-detail-status-driver > div > .button-float-home.offline{
    background-color: #999999;
    pointer-events: none;
}


body.v2 .footer-race > .container-option-detail-status-driver > div > .button-float-home.offline:before{
    content:"";
    animation:unset;
    border-color:#ececec;
    width:90%;
    height:90%;
}

body.v2 .footer-race > .container-option-detail-status-driver >  div > .button-float-home > i{
    color:#fff;
    font-size:10vw;
    position: relative;
    right: 4px;
}

body.v2 .footer-race > .container-option-detail-status-driver{
    padding:2vw 0;
    display: flex;
    justify-content: space-around;
    border-top: 1px solid #ccc;
}

body.v2 .toggle-status-driver{
    display:block;
    position: relative;
    flex: 1;
    background-color: #e5e5e5;
}

body.v2 .container-qrcode-driver{bottom: 20vw;}

body.v2 .container-qrcode-driver.active-schedule{
    bottom:42vw;
}

body.v2 .container-qrcode-driver > div:after{
    display:none;
}


body.v2 .container-qrcode-driver > div{
    width:100%;
}

body.v2 .container-qrcode-driver.active{
    width:100%;
    height:100%;
}


body.v2 .container-qrcode-driver.active > div:after{
    display:block;
}

body.v2 .footer-race.active > .container-qrcode-driver.active{
    transform: translateY(-2%);
}

body.v2 .in-trip-active + .apps-route + .center-camera-map-position{
    transform: translateY(-90.5vw);
}

.center-camera-map-position{
    width: 14vw;
    height: 14vw;
    position: absolute;
    z-index: 100;
    background-color: #fff;
    box-shadow: 0 0 10px #ccc;
    transform: translateY(-40vw);
    transition: 0.3s transform;
    bottom: 0;
    display: none;
    border-radius: 100%;
    left: 1vw;
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../../img/svg/gps-fixed-indicator.svg");
}

.footer-race:not(.active) ~ .center-camera-map-position{
    transform: translateY(-50vw);
}


.center-camera-map-position.active{
    display: block;
}

body.v2 .close-menu-v2{
    display: block;
    color: var(--text-color-main);
    position: absolute;
    font-size: 12vw;
    top: 1vw;
    left: 1vw;
}

body.v2 .container-cancel-trip{
    top: 0;
    height: 100%;
}

body.v2 .modal-finish{
    height:100%;
    top:0;
}
.v2 .schedule-bar{
    background-color:#fff;
    color:#000;
    top:unset;
    bottom:0;
    transform: translateY(-16vw);
    border-radius:15px 15px 0 0;
    box-shadow: 2px -7px 10px #ccc;
    /* border-bottom: 1px solid #ececec; */
    z-index: 201;
}

.v2 .btn-security-drive{
    bottom: 22vw;
}

.v2 .active-schedule ~ .btn-security-drive{
    transform:translateY(-20vw);
}

.v2 .active-schedule ~ .button-float-home{
    transform:translateY(-20vw);
}

.v2 .active-schedule ~ .center-camera-map-position{
    transform:translateY(-42.5vw);
}

.v2 .footer-race.active + .btn-security-drive{
    bottom: 34vw;
}

.footer-race.active.minimize + .btn-security-drive + .apps-route + .center-camera-map-position{
    transform: translateY(-46vw);
}

.footer-race.active + .btn-security-drive + .apps-route + .center-camera-map-position{
    transform: translateY(-98vw);
}

.v2 .name-client {
    top:5px;
}

.v2 .map.disabled-map-corporate ~ .footer-race,
.v2 .map.disabled-map-corporate ~ .footer-race.active.min-v2{
    height:100%;
}