@import "../node_modules/tinper-bee-core/scss/minxin-variables";
@import "../node_modules/tinper-bee-core/scss/minxin-mixins";

.u-radio {
	line-height: 22px;
	&.disabled .u-radio-label{
		cursor: not-allowed;
		opacity: 0.5;
	}
	input[type='radio']{
		display: none;
	    cursor: pointer;
	}
	&.is-checked {
		.u-radio-label:before{
			-moz-box-shadow: inset 0 0 0 10px $radio-color;
		    -webkit-box-shadow: inset 0 0 0 10px $radio-color;
		    box-shadow: inset 0 0 0 10px $radio-color;
		    border-color:$radio-color;
		}
		.u-radio-label:after {
			position: absolute;
		    top: 9px;
		    border-radius: 4px;
		    height: 8px;
		    width: 8px;
		    background: #fff;
		    margin-left: 5px;
		}
	} 
	.u-radio-label {
		cursor: pointer;
	    display: inline-block;
	    position: relative;
	    padding-left: 25px;
	    margin-right: 10px;
	    color: $radio-color;
	    &:before {
		    -moz-border-radius: 50%;
		    -webkit-border-radius: 50%;
		    border-radius: 50%;
		    border: 1px solid;
		    background-color: #fafafa;
		    -moz-transition: all 0.3s ease-in-out;
		    -o-transition: all 0.3s ease-in-out;
		    -webkit-transition: all 0.3s ease-in-out;
		    transition: all 0.3s ease-in-out;
		    content: '';
		    font-family: 'uf';
		    display: inline-block;
		    width: 18px;
		    height: 18px;
		    left: 0;
		    bottom: 0;
		    text-align: center;
		    position: absolute;
		}
		&:after {
			content: '';
		    font-family: 'uf';
		    display: inline-block;
		    width: 18px;
		    height: 18px;
		    left: 0;
		    bottom: 0;
		    text-align: center;
		    position: absolute;
		}
	}
}



// Modifier: `radio-success`
// -------------------------

.u-radio.u-radio-success {
	&.is-checked {
		.u-radio-label:before{
			-moz-box-shadow: inset 0 0 0 10px $radio-success-bg;
		    -webkit-box-shadow: inset 0 0 0 10px $radio-success-bg;
		    box-shadow: inset 0 0 0 10px $radio-success-bg;
		    border-color:$radio-success-bg;
		}
	} 
	.u-radio-label {
	    color: $radio-success-bg;
	    
	}
}
// Modifier: `radio-warning`
// -------------------------

.u-radio.u-radio-warning {
	&.is-checked {
		.u-radio-label:before{
			-moz-box-shadow: inset 0 0 0 10px $radio-warning-bg;
		    -webkit-box-shadow: inset 0 0 0 10px $radio-warning-bg;
		    box-shadow: inset 0 0 0 10px $radio-warning-bg;
		    border-color:$radio-warning-bg;
		}
	} 
	.u-radio-label {
	    color: $radio-warning-bg;
	    
	}
}
// Modifier: `radio-danger`
// -------------------------

.u-radio.u-radio-danger {
	&.is-checked {
		.u-radio-label:before{
			-moz-box-shadow: inset 0 0 0 10px $radio-danger-bg;
		    -webkit-box-shadow: inset 0 0 0 10px $radio-danger-bg;
		    box-shadow: inset 0 0 0 10px $radio-danger-bg;
		    border-color:$radio-danger-bg;
		}
	} 
	.u-radio-label {
	    color: $radio-danger-bg;
	    
	}
}
// Modifier: `radio-warning`
// -------------------------

.u-radio.u-radio-dark {
	&.is-checked {
		.u-radio-label:before{
			-moz-box-shadow: inset 0 0 0 10px $radio-dark-bg;
		    -webkit-box-shadow: inset 0 0 0 10px $radio-dark-bg;
		    box-shadow: inset 0 0 0 10px $radio-dark-bg;
		    border-color:$radio-dark-bg;
		}
	} 
	.u-radio-label {
	    color: $radio-dark-bg;
	    
	}
}
// Modifier: `radio-info`
// -------------------------

.u-radio.u-radio-info {
	&.is-checked {
		.u-radio-label:before{
			-moz-box-shadow: inset 0 0 0 10px $radio-info-bg;
		    -webkit-box-shadow: inset 0 0 0 10px $radio-info-bg;
		    box-shadow: inset 0 0 0 10px $radio-info-bg;
		    border-color:$radio-info-bg;
		}
	} 
	.u-radio-label {
	    color: $radio-info-bg;
	    
	}
}