.btn-start {
	display: block;
	width: 100%;
	background-color: #058acd;
	color: #FFF !important;
	border-radius: 6px;
	padding: 10px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.btn-start:hover {
	background-color: #1e4477 !important;
	color: #fff !important;
	
}
.config-margin {
	margin: 20px 0px;
}
.btn-avanti-full {
	display: block;
	width: 100%;
	height: 50px;
	background-color: #058acd;
	color: #FFF !important;
	padding: 10px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
  	bottom: 0px;
	border-radius: 0px 0px 3px 3px;
	margin-top: -25px;
}
.btn-avanti-full:hover {
	background-color: #1e4477 !important;
}

.config-btn-group { 
	display:table;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	height: 50px;
}
.config-btn-group > label {
	display:table-cell; 
	padding:0;
	border:none; border-radius:0;
	border-right:1px solid rgba(0,0,0,.08);
	cursor: pointer;
	vertical-align: middle;
}
.config-btn-group > label:first-child {
	border-radius: 0px 0 0 5px;
}
.config-btn-group > label:last-child {
	border-radius: 0 0px 5px 0;
	border-right:0;
}
.config-btn { 
	display:inline-block;
	padding:8px 16px; 
	background-color:transparent;
	border-radius:5px;
	border:1px solid transparent;
	font-weight: bold;
	color: #fff !important;
	text-transform: uppercase;
}
.config-btn-group label .config-btn { 
	border:0; 
	border-radius:0;
	width:100%;
	text-align:center;
}
.config-box {
	padding: 20px;
	border: solid thin #ededed;
	margin: 10px 0px 20px -10px;
}
.config-btn-avanti{
	background-color: #058acd;
}
.config-btn-avanti:hover{
	background-color: #1e4477;
}
.config-btn-indietro{
	background-color: #BCCAD1;
}
.config-btn-indietro:hover{
	background-color: #7C97A5;
}
@media only screen and (max-width: 600px){
	.config-box {
		margin: 5px;
	}
}
.config-title{
	background: #EDEDED 0% 0% no-repeat padding-box;
	width: 100%;
	padding: 10px;
}
@media only screen and (max-width: 600px){
	.config-title{
		font-size: 15px !important;
	}
}
.config-radio-group {
	padding: 20px 10px 10px 10px;
}
@media only screen and (max-width: 600px) {
	.config-radio-group {
		overflow:scroll;
		height:247px;
	}
}
@media only screen and (min-width: 600px) {
	.config-radio-group {
		overflow:auto;
		height:255px;
	}
}
.config-radio-group::-webkit-scrollbar {
 width: 10px;
 height: 10px;
}
.config-radio-group::-webkit-scrollbar-thumb {
	background-color:rgba(237,237,237,0.60);
	border-radius: 2px;
	opacity: 0.5;
}
.config-radio-group::-webkit-scrollbar-thumb:hover{
	background-color:rgba(237,237,237,0.60);
}
.config-radio-group::-webkit-scrollbar-track{
	background: #ffffff;
	border-radius: 5px;
}

.config-container-form {
  display: block;
  position: relative;
  padding-left: 35px;
  /*padding-bottom: 10px;
  margin-bottom: 12px;*/
  cursor: pointer;
  font-size: 17px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.classecheckbox { padding-bottom: 10px;  margin-bottom: 12px;
}
@media only screen and (max-width: 600px){
	.config-container-form {
		font-size: 14px;
	}
}
.config-container-form input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.config-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
  cursor:pointer;
}
input:hover ~ label > .config-checkmark {
  background-color: #ccc;
}
input:checked ~ label > .config-checkmark {
    background-color: #2196F3;
}
.config-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
input:checked ~ label > .config-checkmark:after {
  display: block;
}
.config-checkmark:after {
    top: 7px;
    left: 7px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: white;
}
.config-box-price {
	background-color: #EDEDED;
	height: 47px;
	width: 100%;
	margin-top: -25px;
	padding-top: 12px;
}
.config-price-totale{
	padding-left: 50px;
	float: left;
	font-weight: bold;
	font-size: 18px;
}
@media only screen and (max-width:600px){
	.config-price-totale {
		padding-left: 10px;
	}
}
.config-table, .table th, .table td {
	padding: 0.2rem !important;
	font-size: 12px;
}
@media only screen and (max-width:600px) {
	.only-desktop {
		display: none;
	}
}
.iscroll {
	float: right;
	width: auto;
	height: 20px;
	vertical-align: middle;
	opacity: 0.3;
}
@media only screen and (min-width:600px){
	.iscroll {
		display: none;
	}
}
.config-check-group {
    padding: 20px 10px 10px 10px;
}

@media only screen and (max-width: 600px) {
    .config-check-group {
        overflow: scroll;
        height: 247px;
    }
}

@media only screen and (min-width: 600px) {
    .config-check-group {
        overflow: auto;
        height: 255px;
    }
}

.config-check-group::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.config-check-group::-webkit-scrollbar-thumb {
    background-color: rgba(237,237,237,0.60);
    border-radius: 2px;
    opacity: 0.5;
}

    .config-check-group::-webkit-scrollbar-thumb:hover {
        background-color: rgba(237,237,237,0.60);
    }

.config-check-group::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 5px;
}

.config-checkmark-check {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

.config-container-form:hover input ~ label > .config-checkmark-check {
    background-color: #ccc;
}

.config-container-form input:checked ~ label > .config-checkmark-check {
    background-color: #2196F3;
}

.config-checkmark-check:after {
    content: "";
    position: absolute;
    display: none;
}

.config-container-form input:checked ~ label > .config-checkmark-check:after {
    display: block;
}

.config-container-form .config-checkmark-check:after {
    top: 5px;
    left: 5px;
    width: 15px;
    height: 15px;
    background: url('http://www.idroponica.it/db_img/img/uploads/check-27012021104648.svg');
    background-position: center;
}

.config-info {
    padding-left: 10px;
    font-weight: lighter;
    font-style: italic;
    color: #058acd;
}
.config-btn-add {
    background-color: #FFAC1E;
}

.config-riassunto {
    overflow-y: scroll;
    height: 300px;
    margin-bottom: 20px;
}

    .config-riassunto tr td {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .config-riassunto::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    .config-riassunto::-webkit-scrollbar-thumb {
        background-color: rgba(237,237,237,0.60);
        border-radius: 2px;
        opacity: 0.5;
    }

        .config-riassunto::-webkit-scrollbar-thumb:hover {
            background-color: rgba(237,237,237,0.60);
        }

    .config-riassunto::-webkit-scrollbar-track {
        background: #ffffff;
        border-radius: 5px;
    }

.config-img-intro {
    width: 500px;
    -webkit-animation: pulsate-fwd 2s ease-in-out infinite both;
    animation: pulsate-fwd 2s ease-in-out infinite both;
}

@media only screen and (max-width: 600px) {
    .config-img-intro {
        width: 100%;
    }
}

@-webkit-keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.config-box-price-riassunto {
    background-color: #EDEDED;
    height: 110px;
    width: 100%;
    margin-top: -25px;
    padding-top: 12px;
}

.config-price-parziale {
    padding-left: 50px;
    float: left;
    font-size: 18px;
}

@media only screen and (max-width:600px) {
    .config-price-parziale {
        padding-left: 10px;
    }
}

.config-sconto {
    float: left;
    padding-left: 50px;
    padding-right: 10px;
    color: #fff;
    font-size: 0.9rem;
    background-color: #d40a5c;
    border-radius: 0px 5px 5px 0px;
    text-transform: uppercase;
    font-weight: bold;
}

@media only screen and (max-width:600px) {
    .config-sconto {
        padding-left: 10px;
    }
}

.config-box-price-riassunto tr td p {
    margin-bottom: 5px !important;
}

.tableline tr td {
    border-bottom: solid 1px #EDEDED;
}

.config-box-price-riassunto .config-price-totale {
    font-size: 1.3rem;
}

.config-title2 {
    font-size: 0.7rem;
    font-weight: bold;
    padding-right: 10px;
}

@media only screen and (min-width:600px) {
    .config-title2 {
        font-size: 0.8rem;
    }
}

.config-title2 > i {
    padding-right: 5px;
}