@import "../build/assets/app-c7f4ddcb.css";
@import "app.css";

.failed-box{
    color: white;
    background-color: #949d94;
    border-radius: 5px 5px 5px 5px;
    border: 2px solid #cccdd0;
}

/* .home-header-shadow{
    filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.75))
            drop-shadow(0px 70px 0px #ff5a00);
    text-shadow: 0 0 0;
} */

.home-header{
    background-color: #1d2f43;
    width: 100%;
    height: 350px;
    clip-path: polygon(100% 0, 100% 50%, 0 90%, 0 0);
    /* box-shadow: 0px 10px 70px 10px rgba(0,0,0,0.75), 0px 100px 0px 0px #ff5a00;
    -webkit-box-shadow: 0px 10px 70px 10px rgba(0,0,0,0.75), 0px 100px 0px 0px #ff5a00;
    -moz-box-shadow: 0px 10px 70px 10px rgba(0,0,0,0.75), 0px 100px 0px 0px #ff5a00; */
    
}

.header-shadow{
    position: absolute;
    z-index: -1;
    content: "";
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 350px;
    top: 5px;
    filter : blur(5px);
    clip-path: polygon(100% 0, 100% 50%, 0 90%, 0 0);
    -webkit-clip-path: polygon(100% 0, 100% 50%, 0 90%, 0 0);
}

.header-orange-line{
    position: absolute;
    z-index: -2;
    content: "";
    background: #ff5a00;
    width: 100%;
    height: 400px;
    top: 20px;
    /* filter : blur(5px); */
    clip-path: polygon(100% 0, 100% 50%, 0 90%, 0 0);
    -webkit-clip-path: polygon(100% 0, 100% 50%, 0 90%, 0 0);
}

a.orange-button{
    background-color: #ff5a00;
    color: white;
    height: min-content;
    display: block;
    text-decoration: none;
}

a.orange-button:hover{
    box-shadow: 0px 0px 2px 2px #ff5a00;
    color: white;
    text-decoration: none;
}

a.orange-button:focus{
    box-shadow: 0px 0px 2px 2px #ff5a00;
}

a.orange-button:active{
    box-shadow: 0px 0px 2px 2px #ff5a00;
}

.orange-text{
    color: #ff5a00;
}

.orange-background{
    background-color: #ff5a00;
}

.gray-background{
    background-color: #949da6;
}

.dark-blue-background{
    background-color: #1d2f43;
}


.orange-fields-box-shadow:focus{
    border-color: #ff5a00;
    box-shadow: 0px 0px 2px 2px #ff5a00;
}

.orange-fields-box-shadow:active{
    border-color: #ff5a00;
    box-shadow: 0px 0px 2px 2px #ff5a00;
}

.footer-links{
    color: white;
    list-style: none;
    text-align: center;
}

.footer-links li{
    margin-top: 10px;
}

.footer-lnk{
    color: white;
    text-decoration: none;
}

.footer-lnk:hover{
    color: white;
    text-decoration: none;
}

.abs-center{
    position: absolute;
    top: 40%;
}

#card-form-header{
    background-color: #ff5a00;
}

button.card-orange-button{
    background-color: #ff5a00;
    color: white;
}

button.card-orange-button:focus{
    box-shadow: 0px 0px 2px 2px #ff5a00;
}

button.card-orange-button:active{
    box-shadow: 0px 0px 2px 2px #ff5a00;
}

a.card-form-link{
    color: #ff5a00;
    text-decoration: none;
}

a.card-form-link:hover{
    color: #1d2f43;
}

a.card-form-link:focus{
    color: #1d2f43;
    box-shadow: 0px 0px 2px 2px transparent;
}

a.card-form-link:active{
    color: #1d2f43;
    box-shadow: 0px 0px 2px 2px transparent;
}

input.fields-box-shadow:focus{
    border-color: #1d2f43;
    box-shadow: 0px 0px 2px 2px #1d2f43;
}

input.fields-box-shadow:active{
    border-color: #1d2f43;
    box-shadow: 0px 0px 2px 2px #1d2f43;
}

select.fields-box-shadow:focus{
    border-color: #1d2f43;
    box-shadow: 0px 0px 2px 2px #1d2f43;
}

select.fields-box-shadow:active{
    border-color: #1d2f43;
    box-shadow: 0px 0px 2px 2px #1d2f43;
}

a.dark-blue-button{
    background-color: #1d2f43;
    color: white;
}

a.dark-blue-button:hover{
    background-color: #1d2f43;
    color: white;
}

a.dark-blue-button:focus{
    box-shadow: 0px 0px 2px 2px #1d2f43;
}

a.dark-blue-button:active{
    box-shadow: 0px 0px 2px 2px #1d2f43;
}


div.card-shadow{
    border: 0px solid transparent;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.2);
}

div.full-height{
    min-height: 100vh;
    height: 100vh;
}

.text-justified-center{
    -ms-text-align-last: center;
    -moz-text-align-last: center;
    text-align-last: center;
}

.twitter-link{
    width: 40px;
    height: 40px;
    background: url('../images_assets/twitter.png') no-repeat 0 center;
    background-size: contain;
    display: block;
    background-color: transparent;
}

.whatsapp-link{
    width: 40px;
    height: 40px;
    background: url('../images_assets/whatsapp.png') no-repeat 0 center;
    background-size: contain;
    display: block;
    background-color: transparent;
}

.elenode-link{
    color: white;
    text-decoration: none;
}

.elenode-link:hover{
    color: white;
    text-decoration: none;
}

.white-hr{
    border-top: 2px solid white;
}

.google-play-link{
    width: 40px;
    height: 40px;
    background: url('../images_assets/google-play.png') no-repeat 0 center;
    background-size: contain;
    display: block;
    background-color: transparent;
}

.huawei-link{
    width: 40px;
    height: 40px;
    background: url('../images_assets/huawei.png') no-repeat 0 center;
    background-size: contain;
    display: block;
    background-color: transparent;
}

@media (min-width: 1090px) {
    .header-truck-image{
        position: absolute;
        top: -20px;
    }
}