.radio {
    display: inline-block;
    line-height: 31px;
    cursor: pointer;
}
.radio:hover .inner {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    opacity: .5;
}
.radio input {
    width: 1px;
    height: 1px;
    opacity: 0;
}
.radio input:checked + .outer .inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.radio input:checked + .outer {
    /*border: 1px solid #f08b3b; */
}
.radio input:focus + .outer .inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    background-color: #0085B2;
}
.radio .outer {
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin: 5px 7px 5px 0;
    border: 1px solid #A2A2A2;
    border-radius: 50%;
    background: linear-gradient(#EEEEEE, #E9E9E9, #EBEBEB);
}
.radio .inner,
.radio .xls,
.radio .csv,
.radio .xml {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 12px;
    height: 12px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    display: block;
    margin: 3px;
    border-radius: 50%;
    opacity: 0;
}
.radio .inner {
    background-color: #0085B2;
}
.radio .xls {
    background-color: #49A02C !important;
}
.radio .csv {
    background-color: #157EFB !important;
}
.radio .xml {
    background-color: #FF7F00 !important;
}