.radiobutton-row {


	// ----------------------------------------------------------------
	// basic button style

	@extend %clearfix;

	// hide input
	input {
		@extend %hidden-element;
	}

	// label
	label {
		transition: all .125s;
		cursor: pointer;
		padding: 12px 16px;
		// border
		border: $border;
		border-right-width: 0;
		border-color: $color-steel-grey;
		// background
		background-color: $color-paper-white;
		background: $color-white;
		line-height: 12px;
		height:40px;
		// layout
		float: left;
	    margin-top:0;

		// icon
		.icon {
			margin-right: .6em;
			vertical-align: middle;
			display: inline-block;
			margin-top: 0;
		}
	}

	// ----------------------------------------------------------------
	// first and last child

	label:nth-child(2) {
		border-radius: $radius-button 0 0 $radius-button;
	}

	label:last-child {
		border-radius: 0 $radius-button $radius-button 0;
		border-right: $border;
	}

	// ----------------------------------------------------------------
	// hover

	input:hover + label {
		border-color: $color-steel-grey;
		//border-right-color: transparent;
		background: $color-white;

		&:last-child {
			border-right-color: $color-steel-grey;
		}
	}

	// ----------------------------------------------------------------
	// focus

	input:focus + label {
		//border-color: $color-steel-grey;
		background:$color-paper-white;
		box-shadow:inset 3px 4px 3px 0px rgba(209,209,209,0.35);
	}

	// ----------------------------------------------------------------
	// checked

	input:checked:hover + label,
	input:checked + label {
		//background-color: $color-telenor-green;
		//background: $gradient-green;
		//color: $color-white;
		//border-color: $color-green-dark;
		//border-right-color: $color-green-dark;
		background:$color-paper-white;
		box-shadow:inset 3px 4px 3px 0px rgba(209,209,209,0.35);
	}

	// ----------------------------------------------------------------
	// small

	&.radiobutton-row {
		&--small {
			label {
				padding: 9px 13px;
				height: 32px;
			}
		}

		&--icons-only {
			.icon {
				margin-right: 0;
			}
		}
	}

   //---------------------------------------------------------------------

  	// type


	  &.radiobutton-row--type input{
		&:checked+label,
		&:checked:hover+label,
		&:focus+label{
		  @include gradient-directional($deg:0deg,$start-color: $color-white, $end-color: $color-smoke-grey, $start-percent: 3%, $end-percent: 100%);
		  box-shadow: none;
		}
	  }

  //---------------------------------------------------------------------


    //type color

	  &.radiobutton-row--typecolor{
		label,
		input:hover+label{
		  @include gradient-vertical($start-color: #fff, $end-color: #f5f5f5);
		}
	  }

	  &.radiobutton-row--typecolor input{

		&:checked+label,
		&:checked:hover+label,
	  	&:focus+label{
		  @include gradient-directional($deg:-179deg,$start-color: $color-telenor-green, $end-color:$color-telenor-green-dark, $start-percent: 2%, $end-percent: 100%);
		  border-color: $color-green-dark;
		  color: $color-white;
		  box-shadow: none;
		}

	  }

}