/* Change style for the checkbox input */

.radio-checkbox-via .ui-checkboxradio-label .ui-icon-background {
    box-shadow: none;
    border-radius: 0px;
    border: 1px solid #1B1B1B;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
}
.radio-checkbox-via .ui-checkboxradio-checked .ui-icon.ui-icon-background, .radio-checkbox-via .ui-checkboxradio-checked:hover .ui-icon.ui-icon-background {
    background: #1B1B1B;
    position: relative;
}
.radio-checkbox-via .ui-checkboxradio-checked .ui-icon.ui-icon-background::after, .radio-checkbox-via .ui-checkboxradio-checked:hover .ui-icon.ui-icon-background::after {
    content: '';
    position: absolute;
    width: 100%; 
    height: 100%;
    top: 0;
    left: 0;
    background: url(images/checkbox.png) no-repeat center;
}

/* Change style for the radio input */

.radio-checkbox-via .ui-checkboxradio-label.ui-checkboxradio-radio-label .ui-icon-background {
    border-radius: 16px;
}
.radio-checkbox-via .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .radio-checkbox-via .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    border: 2px solid #1B1B1B;
    background: transparent;
    width: 16px;
    height: 16px;
}
.radio-checkbox-via .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon::after, .radio-checkbox-via .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon::after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #1B1B1B;
}

/* Reset jquery-ui template CSS that overide the style of the website */

.radio-checkbox-via .ui-widget {
    font-family: inherit;
    font-size: inherit;
}
.radio-checkbox-via .ui-state-default a, .radio-checkbox-via .ui-state-default a:link, .radio-checkbox-via .ui-state-default a:visited, a.radio-checkbox-via .ui-button, a:link.radio-checkbox-via .ui-button, a:visited.radio-checkbox-via .ui-button, .radio-checkbox-via .ui-button {
    color: inherit;
    border: none;
    background: none;
    font-weight: inherit;
}
.radio-checkbox-via .ui-state-active, .radio-checkbox-via .ui-widget-content .ui-state-active, .radio-checkbox-via .ui-widget-header .ui-state-active, a.radio-checkbox-via .ui-button:active, .radio-checkbox-via .ui-button:active, .radio-checkbox-via .ui-button.ui-state-active:hover {
    border: none;
    background: none;
    font-weight: inherit;
    color: inherit;
}
.radio-checkbox-via .ui-state-hover, .radio-checkbox-via .ui-widget-content .ui-state-hover, .radio-checkbox-via .ui-widget-header .ui-state-hover, .radio-checkbox-via .ui-state-focus, .radio-checkbox-via .ui-widget-content .ui-state-focus, .radio-checkbox-via .ui-widget-header .ui-state-focus, .radio-checkbox-via .ui-button:hover, .radio-checkbox-via .ui-button:focus {
    border: none;
    background: none;
    font-weight: inherit;
    color: inherit;
}
.radio-checkbox-via .ui-button {
    padding: 0;
    margin: 0;
    text-align: inherit;
}
.radio-checkbox-via .ui-button .ui-icon {
    background: none;
}
.radio-checkbox-via .ui-state-hover .ui-icon, .radio-checkbox-via .ui-state-focus .ui-icon, .radio-checkbox-via .ui-button:hover .ui-icon, .radio-checkbox-via .ui-button:focus .ui-icon {
    background: none;
}
.radio-checkbox-via .ui-corner-all, .radio-checkbox-via .ui-corner-bottom, .radio-checkbox-via .ui-corner-right, .radio-checkbox-via .ui-corner-br {
    border-bottom-right-radius: 0px;
}
.radio-checkbox-via .ui-corner-all, .radio-checkbox-via .ui-corner-bottom, .radio-checkbox-via .ui-corner-left, .radio-checkbox-via .ui-corner-bl {
    border-bottom-left-radius: 0px;
}
.radio-checkbox-via .ui-corner-all, .radio-checkbox-via .ui-corner-top, .radio-checkbox-via .ui-corner-right, .radio-checkbox-via .ui-corner-tr {
    border-top-right-radius: 0px;
}
.radio-checkbox-via .ui-corner-all, .radio-checkbox-via .ui-corner-top, .radio-checkbox-via .ui-corner-left, .radio-checkbox-via .ui-corner-tl {
    border-top-left-radius: 0px;
}