﻿.radio-control {
    padding:5px;
}

.radio-header {
    font-size:14px;
    margin-left:10px;
    width:calc(100% - 20px);
    border-bottom:solid 1px #999;
    line-height:18px;
}

.radio-option {
    float: left;
    padding: 3px;
    box-sizing: border-box;
    cursor: pointer;
}

.radio-option-circle {
    float:left;
    margin:3px;
    width:25px;
    height:25px;
    box-sizing:content-box;
    border-radius:100%;
    border:solid 1px #999;
}

.radio-option-circle-fill {
    display: none;
    background-color: #999;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    margin-top: 5px;
    border-radius: 100%;
    box-sizing: border-box;
}

.radio-option:hover > .radio-option-circle {
    border: solid 1px #333;
}

.radio-option:hover > .radio-option-circle > .radio-option-circle-fill {
    display:block;
}

.radio-option.selected > .radio-option-circle > .radio-option-circle-fill {
    color:#0094ff;
    display:block;
}

.radio-option-text {
    float:left;
    line-height:35px;
    padding-left:3px;
}