.buton,
input[type="submit"],
button {
    
    transition-duration: 1s;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 2px 2px 2px 2px;
    border: medium none;
    text-decoration: none;
    font-family: "Roboto"!important;
    line-height: 1;
    cursor: pointer;    
    padding: 0.9em 1.45em 0.75em 1.45em;
    

}

.buton:hover,
button {
    
    text-decoration:none!important;
    
}

.buton.portocaliu,input[type="submit"].portocaliu {
    
    box-shadow: 0px 0px 5px #FF741F inset, 0px 1px 1px rgb(238, 238, 238);
    background-color: #FF741F;
    color: rgb(255, 255, 255) !important;
    
}

.buton.portocaliu:hover,
input[type="submit"].portocaliu:hover {
    
    box-shadow: 0px 0px 5px #FFA46C inset, 0px 1px 1px rgb(238, 238, 238);
    transition-duration: 1s;
    background:#FFA46C;
    
}

.buton.verde,
.buton_mare_mobil.verde,
input[type="submit"],
button.verde {
    
    box-shadow: 0px 0px 5px rgb(164, 207, 108) inset, 0px 1px 1px rgb(238, 238, 238);
    background-color: #97CB56;
    color: rgb(255, 255, 255) !important;
    
}

.buton.verde:hover,
input[type="submit"]:hover,
button.verde:hover {
    
    transition-duration: 0.5s;
    background:#AED67B;
    
}

.buton.rosu,
.buton_mare_mobil.rosu,
button.rosu {
    
    background-color: #F05433;
    box-shadow: 0px 0px 5px rgb(239, 127, 101) inset, 0px 1px 1px rgb(238, 238, 238);
    color: rgb(255, 255, 255) !important;
    
}

.buton.rosu:hover,
button.rosu:hover {
    
    transition-duration: 0.5s;
    background:#F58E79;
    
}

.buton.albastru {
    
    background-color: #58C7F1; 
    box-shadow: 0px 0px 5px #84D6F4 inset, 0px 1px 1px rgb(238, 238, 238);
    color: rgb(255, 255, 255) !important;
    
}

.buton.albastru:hover {
    
    transition-duration: 0.5s;
    background:#84D6F4;
    
}

.buton.albastru_deschis {
    
    background-color: #A3E0F8; 
    box-shadow: 0px 0px 5px #A3E0F8 inset, 0px 1px 1px rgb(238, 238, 238);
    color: rgb(255, 255, 255) !important;
    
}

.buton.albastru_deschis:hover {
    
    transition-duration: 0.5s;
    background:#58C7F1;
    
}

.buton.alb {
    
    background-color: #FFFFFF; 
    
}

.buton.dashed {
    
    border: 1px dashed #898989!important;
    color: #292733!important;   
    padding: 0.8em 1.45em 0.65em 1.45em!important;   

}


.buton.dashed:hover {
    
    border: 1px dashed #FFFFFF!important;    
    transition-duration: 0.5s;
    background:#58C7F1;
    color: #FFFFFF!important; 
    
}

.buton.dashed_selected {
    
    border: 1px dashed #FFFFFF!important;
    transition-duration: 0.5s;
    background:#58C7F1;
    color: #FFFFFF!important;
    padding: 0.8em 1.45em 0.65em 1.45em!important; 
    
}

.buton.dashed_selected:hover {
    
    border: 1px dashed #FFFFFF!important;
    transition-duration: 0.5s;
    background:#58C7F1;
    color: #FFFFFF!important;
    
}

/* buton Rate Start */

.buton.rate_dashed {

    border: 1px dashed #898989!important;
    color: #292733!important;
    padding: 0.4em 0.5em 0.4em 0.5em!important;

}


.buton.rate_dashed:hover {

    border: 1px dashed #FFFFFF!important;
    transition-duration: 0.5s;
    background:#58C7F1;
    color: #FFFFFF!important;

}

.buton.rate_dashed_selected {

    border: 1px dashed #FFFFFF!important;
    transition-duration: 0.5s;
    background:#58C7F1;
    color: #FFFFFF!important;
    padding: 0.4em 0.5em 0.4em 0.5em!important;

}

.buton.rate_dashed_selected:hover {

    border: 1px dashed #FFFFFF!important;
    transition-duration: 0.5s;
    background:#58C7F1;
    color: #FFFFFF!important;

}


/* buton Rate Stop */


.buton.gri {
    
    background-color: #F5F5F5;
    border: solid 1px #DFDFDF!important;
    color: #4A4A4A!important;
    
}

.buton.gri:hover {
    
    transition-duration: 0.5s;
    background:#E0E0E0;
    
}



/* Pentru 6/12 luni la CASCO pentru fiecare */

.buton_v4 {

    -webkit-box-shadow: #FEFFFF 0px 1px 1px ;
    -moz-box-shadow: #FEFFFF 0px 1px 1px ; 
    box-shadow: #FEFFFF 0px 1px 1px ; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:13px;
    font-family:arial, helvetica, sans-serif; 
    padding: 10px 10px 10px 10px; 
    text-decoration:none; 
    display:inline-block;
    font-weight:bold; 
    
}

.gri_v4 {
    
    border:1px solid #CCCCCC;
    color: #4A4A4A!important;
    background-color: #F7F5F6; 

}

.gri_v4:hover{
    
    border:1px solid #ADADAD;
    background-color: #E0E0E0; 
    text-decoration: none!important;

}

.albastru_v4 {
    
    border:1px solid #CCCCCC;
    color: #FFFFFF!important;
    background-color: #49c0f0; 

}

.albastru_v4:hover{
    
    border:1px solid #ADADAD;
    background-color: #1ab0ec; 
    text-decoration: none!important;

}

.buton_mare_mobil {
    
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;    
    color: #FFFFFF!important;
    font-family: "Roboto"!important;
    font-size:18px;
    text-transform: uppercase;
    text-decoration: none!important;
    
}

.buton_mic {
    
    padding: 0.4em 0.7em 0.4em 0.7em!important;
    
}