@charset "UTF-8";


html {
	font-size: 16px;
	font-family: 'Barlow', sans-serif;
	font-weight: 400;
	color: #000;
}

body {
	font-family: 'Barlow', sans-serif;
	font-weight: 400;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	color: #000;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}



h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0px;
	padding: 0px;
}
input {
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

img {
	vertical-align: bottom;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

figure {
	margin: 0
}

a {
	color: #2185D0;
}
.responsive-img {
	width: 100%;
	height: auto;
}


/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
.font-bold {
	font-weight: 700;
}
.font-thin {
	font-weight: 300;
}
.font-regular {
	font-weight: 400;
}
.color-grey-ultra-dark {
	color: #333333;
}
.color-grey-dark {
	color: #4d4d4d;
}
.color-grey-light {
	color: #706F6F;
}
.color-white {
	color: #FFF;
}
.color-orange {
	color: #ECA500!important;
}
.color-green {
	color: #00834D;
}
.color-black {
	color: #000;
}


.size-1-plus {
	font-size: 2rem; /* 32 */
}
.size-1 {
	font-size: 1.75rem; /* 28 */
}
.size-3 {
	font-size: 1.5rem; /* 24 */
}
.size-4 {
	font-size: 1.125rem; /* 18 */
}
.size-5 {
	font-size: 1rem; /* 16 */
}
.size-6 {
	font-size: 0.875rem; /* 14 */
}
.size-7 {
	font-size: 0.75rem; /* 14 */
}

.size-8 {
	font-size: 0.65rem; /* 14 */
}
.text-center {
	text-align: center;
}


/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
.wrapper {
	width: 90%;
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
}
	.wrapper a {
		color: #4d4d4d;
		text-decoration: none;
	}
	.wrapper a:hover {
		color: #2185D0;
		text-decoration: underline;
	}
	header {
		display: flex;
		justify-content: space-between;
		margin: 40px 0px;
	}
	header .logo img {
		width: 203px;
		height: auto;
	}
	header .nav ul,
	header .nav ul li {
		margin: 0px;
		padding: 0px;
	}
	header .nav ul li {
		margin-right: 15px;
		list-style-type: none;
		display: inline-block;
	}
	header .nav ul li a {
		font-size: 12px;
		font-weight: 700;
	}
	.breadcrumb {
		font-size: 14px;
		margin-bottom: 25px;
	}
	.breadcrumb a {
		padding: 0px 5px;
	}
		.breadcrumb a:first-child {
			padding-left: 0px;
		}
	.breadcrumb a:hover {
		color: #E30613;
	}
	.breadcrumb a:last-child {
		color: #E30613;
	}
	.breadcrumb a:first-child {
		color: #000;
	}
	.pre-content {
		margin-bottom: 12px;
		min-height: 22px;
		display: block;
	}

.back-login {
	width: 100vw;
	height: 100vh;
	background-image: url(https://selleitalia.s3.eu-central-1.amazonaws.com/sfondo-login.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-justify-content: center;
	-webkit-align-items: center;
}
.login-fly {
	padding: 45px 70px;
	background-color: #FFF;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
	.login-fly .logo {
		text-align: center;
	}
	.login-fly .logo img {
		width: 203px;
		height: auto;
	}
	.login-fly .red-box {
		width: 50px;
		height: 8px;
		background-color: #E30613;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		display: block;
	}
	.login-fly .title {
		margin-top: 7px;
		text-align: center;
		font-size: 1.125rem;
	}
	.login-fly .text {
		margin-top: 10px;
		text-align: center;
		margin: 35px auto 20px auto;
		font-size: 1rem;
	}
	.login-fly label {
		font-size: 12px;
		font-weight: 700;
		color: #4d4d4d;
	}
		.login-fly .login-form #username{
			margin-bottom: 28px;
		}
	.login-fly .form,
	.configurator .second-panel .form,
	.btn-login,
	.btn-red,
	.btn-green {
		display: block;
		width: 100%;
		min-width: 260px;
		height: 38px;
		line-height: 38px;
		padding-right: 15px;
		padding-left: 15px;
		font-size: 12px;
		border: 1px solid #DEDEDF;
		margin: 8px 0px 0px 0px;
	}
    
.btn-preorder, .btn-green {margin-top:10px!important;}

			.btn-large-pad {
				padding-right: 30px;
				padding-left: 30px;
			}
	.configurator .second-panel .form {
		min-width: inherit;
		font-size: 1.125rem;
		font-weight: 400;
	}
	

	.btn-login,
	.btn-red,
	.btn-green {
		background-color: #E30613;
		color: #FFF;
		text-align: center;
		border: 0px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		font-weight: 700;
		-webkit-transition: background-color ease 0.35s;
		-moz-transition: background-color ease 0.35s;
		-o-transition: background-color ease 0.35s;
		transition: background-color ease 0.35s;
	}
	.btn-login:hover,
	.btn-red:hover,
	.btn-green:hover{
		background-color: #000;
		cursor: pointer;
	}

	.btn-green {
		background-color: #00834D;
	}

	.btn-red,
	.btn-green {
		width: inherit;
		display: inline-block;
		color: #FFFFFF!important;
		text-decoration: none;
		min-width: inherit;
		font-size: 14px;
		border-radius: 5px;
		margin-top: inherit;
	}
	.btn-red:hover {
		text-decoration: none!important;
	}
	.btn-green:hover {
		text-decoration: none!important;
		cursor: pointer;
	}

.btn-full {
	display: block;
	width: 100%;
}



.login-fly .action-login {
		display: flex;
		justify-content: space-between;
		margin-top: 22px;
		margin-bottom: 43px;
	}
	.login-fly .action-login .remember-me  {
		display: flex;
		align-items: center;
	}
	.login-fly .action-login .remember-me label {
		font-weight: 400;
		font-size: 14px;
	}
	.login-fly .action-login .rembe {
		width: 18px;
		height: 18px;
		margin: 0px 7px 0px 0px;
		padding: 0px;
		font-weight: 400;
	}
	.login-fly .action-login .forgot a {
		font-size: 14px;
	}
	.special-footer {
		position: fixed;
		bottom: 35px;
		left: 0px;
		right: 0px;
		width: 100vw;
		text-align: center;
	}
	.special-footer h6 {
		color: #FFF;
	}

	.special-footer a {
		color: #FFF!important;
	}





/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/



.main-content  {
	display: flex;
	justify-content: space-between;
}

.main-content {
	display: flex;
	justify-content: space-between;
}
.main-content .activity,
.configurator .first-row .main-content {
	-webkit-width: calc(63% - 15px);
	width: calc(63% - 15px);
}
	.configurator .main-content {
		flex-direction: column;
	}
	.main-content .activity .rebox:first-child {
		margin-bottom: 15px;
	}

	.main-content .inside-line {
		border: 1px solid #DDDDDD;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}



.main-recontent .box-lined {
	display: flex;
	justify-content: space-between;
}


	.main-recontent .box-lined .tab {
		display: flex;
	}

		.main-recontent .tab .filler {
			width: auto;
			border-bottom: 1px solid #DDDDDD;
			padding: 12px 30px;
		}
		.main-recontent .tab ul {
			display: flex;
			transform: translateY(10px);
			background-color: #FFF;
		}
		.main-recontent .tab ul,
		.main-recontent .tab ul li {
			margin: 0px;
			padding: 0px;
		}
		.main-recontent .tab ul li {
			display: inline-flex;
			list-style-type: none;
			border: 1px solid #FFF;
			border-bottom: 1px solid #DDDDDD;
			/*padding: 12px 31px;*/
			
		}
			.main-recontent .tab ul .active,
			.main-recontent .tab ul li:hover {
				border: 1px solid #DDDDDD;
				border-bottom: 0px;
				/*padding: 12px 30px;*/
				-webkit-border-top-right-radius: 10px;
				-webkit-border-top-left-radius: 10px;
				-moz-border-radius-topright: 10px;
				-moz-border-radius-topleft: 10px;
				border-top-right-radius: 10px;
				border-top-left-radius: 10px;
			}

		.main-recontent .tab ul li a  {
			border-bottom: 2px solid #000;
			padding-left: 5px;
			padding-right: 5px;
			padding-bottom: 3px;
			padding-top: 3px;
			margin: 12px 30px;
			display: block;
			font-size: 0.875rem;
			text-decoration: none;
			font-weight: 700;
		}
			.main-recontent .tab ul li a:hover  {
				text-decoration: none;
				color: inherit;
			}
		.main-recontent .tab ul li:last-child {
			flex: auto;
			border-top: 0px!important;
			border-left: 0px!important;
			border-right: 0px!important;
			border-bottom: 1px solid #DDDDDD!important;
		}



.configurator .list-selection,
.configurator .list-selection li {
	margin: 0px;
	padding: 0px;
}
.configurator .list-selection li {
	list-style-type: none;
	border-top: 1px solid #DDDDDD;
	padding: 15px 5px;
}
.configurator .list-selection li:hover {
	cursor: pointer;
}
	.configurator .can-open .list-content{
		height: 0px;
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
	}
		.configurator .can-open .list-content .pro {
			position: relative;
			margin-right: 10px;
			margin-bottom: 10px;
		}
		.configurator .can-open .list-content .pro .retitle {
			position: absolute;
			bottom: 10px;
			left: 10px;
			color: #4d4d4d;
			font-size: 0.875rem;
		}

		.retitle-white {
			color: #FFFFFF!important;
		}
	.configurator .open .list-content{
		height: auto;
		overflow: hidden;
		-webkit-transition: transform ease 0.35s;
		-moz-transition: transform ease 0.35s;
		-o-transition: transform ease 0.35s;
		transition: transform ease 0.35s;
	}

.configurator .list-selection li .title,
.configurator .list-selection .left-and-right .left,
.configurator .list-selection .left-and-right .right {
	font-size: 1.125rem;
	font-weight: 700;
	padding-left: 10px;
	padding-right: 40px;
	background-image: url(https://selleitalia.s3.eu-central-1.amazonaws.com/tria_left.svg);
	background-repeat: no-repeat;
	background-position: right+20px top+7px;
	background-size: 8px;
}
	.configurator .list-selection .left-and-right .left,
	.configurator .list-selection .left-and-right .right {
		background-image: none;
	}
	.configurator .list-selection .left-and-right .right {
		font-weight: 400;
		padding-right: 20px;
	}
.configurator .list-selection .open .title {
	background-image: url(https://selleitalia.s3.eu-central-1.amazonaws.com/tria_down.svg);
	background-position: right+20px top+7px;
	background-size: 12px;
	margin-bottom: 15px;
}
.configurator .list-selection .list-content {
	overflow: hidden;
}
	.configurator .alert {
		text-align: center;
		margin-top: 25px;
	}
.configurator ul .no-border {
	border-top: 0px;
}

.configurator-top {
	margin-top: 15px;
}
.main-content .your-panel,
.configurator .second-panel,
.configurator .first-panel {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 33px 15px;
}
.main-content .your-panel,
.configurator .first-panel,
.configurator .second-panel{
	width: 37%;
	background-color: #1F2522;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 33px 15px;
	display: flex;
	flex-direction: column;
}

		.configurator .second-panel,
		.configurator .first-panel {
			border: 1px solid #DDDDDD;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			padding: 33px 15px;
		}
		.configurator .first-panel {
			background-color: #FFF;
			overflow: hidden;
			overflow-y: auto;
		}
		.configurator .left-and-right {
			display: flex;
			justify-content: space-between;
		}
		.configurator .second-panel .input-list {
			display: flex;
			flex-wrap: wrap;
		}
		.configurator .second-panel .input-list .box {
			width: -webkit-calc(50% - 5px);
            /*width: calc(50% - 5px);*/
            width: calc(50% - 10px);
            /*margin-right: 10px;*/
            margin-left: 10px;
		}
		.configurator .second-panel .input-list .box-full {
			width: 100%;
			margin-right: 0px;
		}
		.configurator .second-panel .input-list .box label {
			color: #FFF;
		}
		.configurator .second-panel .input-list .box:nth-child(2n) {
			margin-right: 0px;
		}

		.configurator .second-panel .input-list .box:nth-child(3),
		.configurator .second-panel .input-list .box:nth-child(4){
			margin-top: 20px;
		}
		.configurator .second-panel .input-list .bottom-align {
			display: flex;
			align-items: flex-end;
		}
		.configurator .second-panel .input-list .btn-login {
			min-width: inherit;
			font-size: 1rem;
		}

.configurator .dotted-top {
	border-top: 1px dotted #DDDDDD;
}
.configurator .coda {
	display: flex;
	margin-top: 15px;
}
.configurator .coda .category {
	border-bottom: 1px solid #706F6F;
	display: table;
	margin-top: 5px;
}
.configurator .coda .box:first-child{
	width: 40%;
}
.configurator .coda .box:nth-child(2){
	width: 20%;
}
.configurator .coda .box:nth-child(3){
	width: calc(40% - 100px);
	margin-left: 100px;
}
.configurator .coda .icon-list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 35px;
}
	.configurator .coda .icon-list-small-margin {
		margin-top: 15px;
	}
	.configurator .coda .icon-list .rebox {
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.configurator .coda .icon-list .rebox img {
		width: auto;
		height: 48px;
	}

		.configurator .box table tr {
			margin-bottom: 15px;
		}
		.configurator .box table tr td:first-child,
		.configurator .box table tr td:nth-child(2){
			font-size: 0.875rem;
			color: #706F6F;
			font-weight: 400;
			padding: 2px 0px;
		}
			.configurator .box table tr td:nth-child(2) {
				color: #000;
				padding-left: 10px;
			}

		.configurator .coda .title {
			font-size: 1.5rem;
			font-weight: 700;
			text-align: left;
		}
		.figures .box .position .new {
			margin-left: 12px;
		}
		.figures .box .position .img {
			height: 22px;
			width: auto;
		}



		.main-content .your-panel .bottom-part a {
			color: #DDDDDD;
			font-size: 0.875rem; 
		}
		.main-content .your-panel .bottom-part div {
			margin-top: 15px;
		}

	.main-content .activity .rebox {
		position: relative;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		overflow: hidden;
	}
	.main-content .activity .rebox .hover-shadow {
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		background-image: url(https://selleitalia.s3.eu-central-1.amazonaws.com/hover-shadow.png);
		background-repeat: repeat-x;
		background-position: top;
		background-size: contain;
		padding: 33px;
	}
	.main-content .activity .rebox .hover-shadow h4,
	.main-content .your-panel h4,
	.configurator .first-row .first-panel h4{
		margin-top: 5px;
		margin-bottom: 20px;
	}


.tabbelar {
	border: 1px solid #DDDDDD;
	border-radius: 5px;
}
.tabbelar-large {
	padding: 0px 15px;
	border: 0px;
	padding-bottom: 40px;
}

.tabbelar ul,
.tabbelar ul li {
	margin: 0px;
	padding: 0px;
}
.tabbelar ul li {
	list-style-type: none;
	display: flex;
	padding: 10px 15px;
}
.tabbelar ul li:first-child {
	width: 33%;
}
.tabbelar ul li:nth-child(2) {
	width: 33%;
	justify-content: center;
}
.tabbelar ul li:nth-child(3) {
	width: 33%;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	align-items: center;
}
.tabbelar-large ul li,
.tabbelar-large ul li:first-child,
.tabbelar-large ul li:nth-child(2),
.tabbelar-large ul li:nth-child(3) {
	width: 44%;
	padding: 20px 15px;
	align-items: center;
}
.tabbelar-large ul li:first-child,
.tabbelar-large ul li:nth-child(3) {
	width: 28%;
}

.tabbelar-large ul li:nth-child(3) {
	text-align: right;
	justify-content: flex-end;
}
.tabbelar ul {
	border-bottom: 1px solid #DDDDDD;
	display: flex;
}
.tabbelar ul:last-child {
	border-bottom: 0px;
}
.title-tabbelar-large {
	border-bottom: 0px!important;
}
	.title-tabbelar-large li:first-child {
		padding-left: 0px!important;
	}
	.title-tabbelar-large li:nth-child(3) {
		text-align: right;
		justify-content: flex-end;
		padding-right: 0px!important;
	}
.red-circle-arrow,
.red-circle-arrow img {
	width: 24px;
	height: 24px;
}
.wrap-back-to {
	margin-top: auto;
	justify-content: flex-end;
	padding-bottom: 20px;
	text-align: right;
}


.make-column {
	display: flex;
	flex-direction: column;
}

footer {
	margin-top: 90px;
	margin-bottom: 35px;
	text-align: center;
}



.artwork-upload {
	background-image: url(https://selleitalia.s3.eu-central-1.amazonaws.com/artwork-upload.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 30px;;
	padding-left: 30px;
}
.icon-pdf {
	background-image: url(https://selleitalia.s3.eu-central-1.amazonaws.com/icon-pdf.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 39px;
	padding-left: 30px;
}
.wrap-upload .drag-here .icon-pdf{
	height: 40px;
	line-height: 40px;
	padding-left: 50px;
	margin-bottom: 10px;
}

.overlay-upload {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: transform ease 0.35s;
	-moz-transition: transform ease 0.35s;
	-o-transition: transform ease 0.35s;
	transition: transform ease 0.35s;
	z-index: 1;
}
.overlay-upload-open {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}
.wrap-upload {
	width: 100%;
	max-width: 650px;
	background-color: #E30613;
	padding: 40px 30px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.wrap-upload .drag-spacer {
	margin: 20px auto 15px auto;
}

.drag-here {
	width: 100%;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 2px dotted #FFFFFF;
	height: 75px;
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	align-content: center;
	align-items: center;
	padding: 10px;
	overflow-y: auto;
}

.drag-textarea {
	width: 100%;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #FFFFFF;
	height: 60px;
	background-color: transparent;
	resize: none;
	padding: 5px 15px;
	text-align: center;
}

.wrap-upload .button-wrap {
	display: flex;
	justify-content: space-between;
	margin-top: 25px;
}

.button-wrap-home {
	display: flex;
	justify-content: center;
	margin-top: 25px;
}
.btn-border {
	display: inline-block;
	background-color: #E30613;
	width: 40%;
	padding: 10px 15px;
	font-size: 1.3rem;
	font-weight: 700;
	border: 1px solid #FFF;
	margin: 8px 0px 0px 0px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #FFF;
	text-align: center;
}
.btn-border:hover {
	background-color: #FFF;
	color: #E30613;
	cursor: pointer;
	-webkit-transition: background-color ease 0.35s,color ease 0.35s ;
	-moz-transition: background-color ease 0.35s,color ease 0.35s;
	-o-transition: background-color ease 0.35s,color ease 0.35s;
	transition: background-color ease 0.35s,color ease 0.35s;
}




.figures {
	width: 100%;
		border: 1px solid #DDDDDD;
		border-top: 0px;
/*		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;*/
	border-radius: 10px;
	border: 1px solid #DDDDDD;
	border-top: 0px;
	padding: 30px;
	display: flex;
	flex-wrap: wrap;
}
	.figures .box {
		-webkit-width: calc(25% - 15px);
		width: calc(25% - 15px);
		margin-right: 20px;
		margin-bottom: 20px;
		background-color: #FAFAFA;
		text-align: center;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}
		.figures .box:hover {
			text-decoration: none;
			color: inherit;
		}
		.figures .box .pro-img {
			-webkit-transform: scale(1);
			transform: scale(1);
			-webkit-transition: transform ease 0.35s;
			-moz-transition: transform ease 0.35s;
			-o-transition: transform ease 0.35s;
			transition: transform ease 0.35s;
		}
				.figures .box .pro-img:hover {
					-webkit-transform: scale(1.15);
					transform: scale(1.15);
				}
		.figures .box .position {
			position: absolute;
			bottom: 15px;
			left: 15px;
			font-size: 1.2rem;
			font-weight: 700;
			text-align: left;
/*			display: flex;
			align-items: flex-end;*/
		}
		.figures .box .position .new,
		.configurator .coda .new {
			margin-left: 12px;
		}
		.figures .box .position .img,
		.configurator .coda .mew img {
			height: 22px;
			width: auto;
		}
		

	.figures .box:before {
		content: "";
		float: left;
		padding-top: 100%; 	/* initial ratio of 1:1*/
	}
	.figures .box:nth-child(4n) {
		margin-right: 0px;
	}


.performance {
	border-color: #e30613!important; ;
}

.triathlon {
	border-color: #009fe3!important;
}

.off-road {
	border-color: #df490e!important;
}

.lady {
	border-color: #e6007e!important;
}

.vintage {
	border-color: #94969a!important;
}

.sportouring {
	border-color: #a0d4cb!important;
}

.accessories {
	border-color: #706f6f!important;
}








.configurator .first-row {
	display: flex;
	justify-content: space-between;
}
.configurator .first-row .main-content .list-codes {
	position: relative;
}
	.configurator .first-row .main-content .list-codes  .starter {
		z-index: 9;
	}
	.configurator .first-row .main-content .list-codes img {
		width: 100%;
		height: auto;
	}
.configurator .first-row .main-content .img-finale {
	opacity: 0;
	z-index: 10;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
		-webkit-transition: opacity ease 0.35s;
		-moz-transition: opacity ease 0.35s;
		-o-transition: opacity ease 0.35s;
		transition: opacity ease 0.35s;
}
	.configurator .first-row .main-content .img-show  {
		opacity: 1;
		-webkit-transition: opacity ease 0.35s;
		-moz-transition: opacity ease 0.35s;
		-o-transition: opacity ease 0.35s;
		transition: opacity ease 0.35s;
	}

.conf-icon {
	width: 60px;
	height: auto;
}

.standard-label {
	margin-top: 20px!important;
}

.order-title {
	margin-top: 20px!important;
	margin-bottom: 20px!important;
}

.alert-danger {
	color: #ff0000;
	margin-top: 20px;
	margin-bottom: 20px;
}
.unselected-option {
	border: 2px solid transparent;
}
.selected-option {
	border: 2px solid #AC0000;
}

.unselected-option-circular {
	margin: 3px;
	padding: 1px;
	border-radius: 50%;

}
.selected-option-circular {
	outline: 0;
	margin: 3px;
	padding: 1px;
	box-shadow: 0 0 0 2pt red;
}

.your-panel {
	max-height: 705px!important;
	overflow-y: auto;
}
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/