﻿.config-options .labelNoOk{display: inline-block; border-radius: 10px;border:2px solid #000000; font-weight: 600;padding: 12px 10px 12px 10px;}


.ToggleSelected {
  color: #fff !important;
  background-color: #b4cb19;
}

.linkBlank{font-family: 'Open Sans', sans-serif;font-size:13px;color:#fff;text-decoration:none;  -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;}


.buttonGeneric
{
	transition:all 0.6s;
	background-color: #b4cb19;
	border: 1px solid #ddd;
	padding: 9px 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	border-radius: 4px;
	color:#ffffff;
	text-transform: uppercase;
	font-size: 13px; 
}

.buttonGeneric:hover {
	background:#99cc4c !important;
}


.buttonBlue
{
	transition:all 0.6s;
	background-color: #0000FF;
	border: 1px solid #ddd;
	padding: 9px 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	border-radius: 4px;
	color:#ffffff;
	text-transform: uppercase;
	font-size: 13px; 
}

    .buttonBlue:hover {
        background: #0000FF;
    }

.buttonRed
{
	transition:all 0.6s;
	background-color: #FF0000;
	border: 1px solid #ddd;
	padding: 9px 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	border-radius: 4px;
	color:#ffffff;
	text-transform: uppercase;
	font-size: 13px; 
}

/*
.op-pannel{border-left:1px solid #f5f5f5;}
.op-pannel li{list-style: none; float: left; width: 15%;text-align: center; border-right:1px solid #e6e6e6;}
.op-pannel li:nth-child(1){width: 20%;}
.op-pannel li:nth-child(5){width: 28%;}
.op-pannel li p{color: #000000; padding: 23px 0; font-weight: 400; margin: 0; border-bottom:1px solid #e6e6e6;}
.op-pannel li p span{color: #5e5e5e; font-size: 16px; font-weight: 400; display: inline-block;padding: 0.8px 0;}
.op-pannel li .stato{display: inline-block; height: 13px; width: 13px; background: url('../images/select.png')center center no-repeat;}
.op-pannel p.gray{background: #f3f3f3;}
.op-pannel p.white{background: #ffffff; }
.op-pannel div.white{background: #ffffff; padding: 19px 0 20px 0;text-align: center;  border-bottom:1px solid #e6e6e6;}
.op-pannel div.gray{background: #f3f3f3; padding: 19px 0 20px 0;text-align: center; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
*/

.table-space {
	float: left;
	background-color: #fff;
	border: 1px solid #dddddd;
	margin-bottom: 20px;
}
.table-space td {
	padding: 13px 10px;
	text-align: left;
}

.table-list {
	float: left;
	background-color: #fff;
	border: 1px solid #dddddd;
	margin-bottom:20px;
	width: 100%;
	Padding: 5px;
	word-spacing:5px;
}
.table-list th {
	padding: 18px 10px;
	background-color: #f3f3f3;
}
.table-list td {
	padding: 13px 10px;
	text-align: left;
}
.table-list tr:hover td {
	background-color: #f9f9f9;
}

.table-list tr {
    background-color: #f3f3f3;
}
.table-list tr:nth-child(even) {
	background-color: #ffffff;
}

.table-list .leftTd {
	padding: 13px 10px;
	text-align: left;
	font-size: 15px;
	font-weight:600;
}

.table-More-Row {
	float: left;
	background-color: #fff;
	border: 1px solid #dddddd;
	margin-bottom:20px;
	width: 100%;
	Padding: 5px;
	word-spacing:5px;
}
.table-More-Row th {
	padding: 18px 10px;
	background-color: #f3f3f3;
}
.table-More-Row td {
	padding: 13px 10px;
	text-align: left;
}
.tr-More-Row-Gray {
	background-color: #f9f9f9;
}

.tr-More-Row-White {
	background-color: #ffffff;
}


article.green .month{width: 35%}
article.green .year{width: 25%}

.onoffSwitchPrivacy {
    position: relative; width: 90px; 
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffSwitchNewsLetter {
    position: relative; width: 90px; 
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffSwitchHight {
    position: relative; 
    width: 90px; 
    -webkit-user-select:none; 
    -moz-user-select:none;
     -ms-user-select: none;
}



#steps-area ul{	padding: 0;margin: 0; position: relative;}
ul.stepsGray{background: url('../images/grad-light.png') left 10px repeat-x; width: 100%;border-radius: 10px;}
ul.stepsGray.inprocess{background: url('../images/grad-light.png') left 10px repeat-x; width: 100%;border-radius: 10px;}
ul.stepsGray.pakages{background: url('../images/grad-light.png') left 10px repeat-x;}
ul.stepsGray li{float: left; list-style: none; padding: 0 35px; position: relative; background: url('../images/grad-green.png') left 10px repeat-x; }
ul.stepsGray li.working .desc{color: #b4cb19;}
ul.stepsGray li .desc{font-weight: 400; font-size: 17px}
ul.stepsGray li.completed{background: url('../images/grad-gray.png') left 10px repeat-x;}
ul.stepsGray li.completed p span{background: #727272;}
ul.stepsGray li.next{background:url('../images/grad-light.png') left 10px repeat-x;}
ul.stepsGray li.next p span{background:  #cfcfcf;}
ul.stepsGray li.next .desc{color:  #cfcfcf;}
ul.stepsGray li:nth-child(1){padding-left: 0;}
ul.stepsGray .left{position: absolute;left: 0; top: 10px;}
ul.stepsGray .right{position: absolute;right: 0; top: 10px; }
ul.stepsGray li p{text-align: center; margin: 0;border-radius: 10px;}
ul.stepsGray li p span{display: inline-block;font-size: 20px;color: #ffffff; border-radius: 100px; padding:1px 7px; background: #b4cb19;}
ul.stepsGray li span.desc{color: #252525; font-size: 14px; display: inline-block; }


a.myTooltip 
{
	outline:none;
}
a.myTooltip strong {line-height:30px;}
a.myTooltip:hover {text-decoration:none;} 
a.myTooltip span {
    z-index:10;
    display:none; 
    padding:14px 20px;
    margin-top:-50px;
     margin-left:30px;
    width:300px;
     line-height:18px;
     color:#000;
    font-family:'Open Sans', sans-serif;
    font-size:12px;
}
a.myTooltip:hover span
{
    display:inline; 
    position:absolute; 
    
    border:1px solid #D0D0D0;
     background:#F3F3F3;
    }
a.myTooltip1 
{
	outline:none;
}
a.myTooltip1 strong {line-height:30px;}
a.myTooltip1:hover {text-decoration:none;} 
a.myTooltip1 span {
    z-index:10;
    display:none; 
    padding:14px 20px;
    margin-top:-30px;
     margin-left:30px;
    width:300px;
     line-height:18px;
     color:#000;
    font-family:'Open Sans', sans-serif;
    font-size:12px;
}
a.myTooltip1:hover span
{
    display:inline; 
    position:absolute; 
    
    border:1px solid #D0D0D0;
     background:#F3F3F3;
    }    
    
.callout 
{
	z-index:20;position:absolute;top:30px;border:0;left:-12px;
}
    

/*CSS3 extras*/
a.myTooltip span
{
    border-radius:4px;
}



.table-avvisi {
	float: left;
	background-color: #fff;
	border: 1px solid #dddddd;
	margin-bottom:20px;
	width: 100%;
	Padding: 5px;
	word-spacing:5px;
}
.table-avvisi .tdLeft {
	padding: 13px 10px;
	text-align: left;
	font-size: 15px;
	font-weight:600;
	width:80%;	
}
.table-avvisi .tdLeft span {
	font-size:24px;
}
.table-avvisi tr:hover td {
	background-color: #f9f9f9;
}

.table-avvisi tr {
    background-color: #f3f3f3;
}
.table-avvisi tr:nth-child(even) {
	background-color: #ffffff;
}

.table-avvisi .tdRight {
	padding: 13px 10px;
	text-align: center;
	width:20%;	
}


.table-avvisi .tdLeft3 {
	padding: 13px 10px;
	text-align: left;
	font-size: 15px;
	font-weight:600;
	width:40%;	
}
.table-avvisi .tdCenter3 {
	padding: 13px 10px;
	text-align: center;
	width:20%;	
}

.table-avvisi .tdRight3 {
	padding: 13px 10px;
	text-align: center;
	width:20%;	
}




.table-prefix {
	background-color: #fff;
	border: 1px solid #dddddd;
	margin-bottom:20px;
	width: 100%;
	Padding: 5px;
	word-spacing:5px;
}
.table-prefix td {
	padding: 13px 10px;
	text-align: left;
}
.table-prefix tr:hover td {
	background-color: #f9f9f9;
}

.table-prefix tr {
    background-color: #f3f3f3;
}


.table-prefix .topTd {
	padding: 13px 10px;
	vertical-align: top;
	font-size: 15px;
	font-weight:600;
}

.linkSmall
{
	float:left;
	font-size:12px;
	color:Black;
	text-decoration:underline;
}

.linkSmall:hover
{
	color:red;
}



.cookie-pop {
    background-color: #000;
    border-bottom: 1px solid #fff;
    color: #fff;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999;
    overflow:hidden;
    display:block;
    font-size:14px;
    padding: 10px 15px 10px 15px;  
}
.cookie-pop a{
    font-size:14px;
}
 
.cookie-popButton
{
    margin: 10px;
}

.table-numeri {
	width:80%;
}

.table-numeri td {
	text-align: center;
	width:14%;
}
.strongLabel
{
	font-weight:bold;
}

.aRedStrong
{
	font-weight:bold;
}
@media (max-width:580px) {
.cookie-pop {
    font-size:12px;
}
.cookie-pop a{
    font-size:12px;
}
}


@media (max-width:470px) {
.cookie-pop {
    font-size:10px;
}
.cookie-pop a{
    font-size:10px;
}
}

.divInsertPersonalNumber
{
	background-color:#F3F3F3;
	padding:10px;
}


.package .box-numero-verde-mini ul li 
{
	list-style-type: none; 
	list-style:none;
	box-sizing: border-box;     
	padding-right: 20px; 
	line-height: 24px; 
	padding-top: 13px; 
	padding-bottom: 13px;
	border-bottom: 1px solid #adb28a; 
	background: url(https://www.gloobobusiness.com/images/add_to_shopping_cart_60.png); 
	background-repeat: no-repeat;
	background-position: 150px 10px;
}

.package .box-numero-verde-mini a.numero-verde
{
	text-decoration: none; 
	font-size:20px; 
	color: #696d4e;
	font-weight:500;
	padding:0 45px 0 15px;
}

a.tab11 
{
	width:200px; 
	height:38px; 
	display:block;
	background:#000;
	border-radius:5px;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
	color:#fff;
	padding-top:8px; 
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	margin-top:40px;
	font-weight:400; 
	margin:0 auto; 
	margin-top:25px;
}
a.tab11:hover 
{
	 color:#b4cb19; 
	 text-decoration:none;
}

@media (max-width: 1000px) 
{ 
.package .box-numero-verde-mini ul li {background-position: 100px 10px;}
.package .box-numero-verde-mini a.numero-verde
 {
 	padding:0 65px 0 15px;
	font-size:16px; 
}
a.tab11 {width:160px; }
}


@media (max-width: 767px) 
{ 
.package .box-numero-verde-mini ul li {background-position: 380px 10px;}
.package .box-numero-verde-mini a.numero-verde {padding:0 65px 0 15px;}
a.tab11 {width:300px; }

}

@media(max-width: 740px){
.package .box-numero-verde-mini ul li {background-position: 360px 10px;}
}

@media(max-width: 700px){
.package .box-numero-verde-mini ul li {background-position: 340px 10px;}
}



@media(max-width: 650px){
.package .box-numero-verde-mini ul li {background-position: 315px 10px;}
}

@media(max-width: 580px){
.package .box-numero-verde-mini ul li {background-position: 290px 10px;}
}
@media (max-width:540px) {
.package .box-numero-verde-mini ul li {background-position: 265px 10px;}
}
@media (max-width:470px) {
.package .box-numero-verde-mini ul li {background-position: 235px 10px;}
}
@media(max-width: 430px){
.package .box-numero-verde-mini ul li {background-position: 215px 10px;}
}
@media(max-width: 370px){
.package .box-numero-verde-mini ul li {background-position: 185px 10px;}
}


.drp-triple-control {
  width: 20%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.drp-triple-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}


.drp-double-control {
  width: 30%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.drp-double-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}



article.greenUpdate {background: #b4cb19; padding: 5px 30px 20px 15px;}
article.greenUpdate label{color: #ffffff; font-size: 16px ;font-weight:400;}
article.greenUpdate .form-control{width: 23%;float: left; margin-right: 5px;}
article.greenUpdate .number{width: 47.5%;}
article.greenUpdate .holder{width: 97%;}
article.greenUpdate .verify{width: 50%;}
article.greenUpdate .row{margin-bottom: 10px;}
article.greenUpdate .expiry{margin-bottom: 0;}
.proceedLittle{font-size: 10px;text-transform: uppercase;margin: 30px 0 0 0;display: block;text-align: center;color: #ffffff;width: 60%; margin: 20px auto;border-radius: 5px;background: #000000;padding: 10px 0;}


.tcMiddleAlign
{
	vertical-align:middle;
}



.tcBorderMiddleAlign
{
	vertical-align:middle;
	border-style:solid;
	border-width:1px;
	border-color:Black;
	padding:5px;
}

.tcRight {
	text-align: right;
	padding-right:15px;
}

.form-control-short 
{
	  background-color:#FFFFFF;
  background-image:none;
  border:1px solid #CCCCCC;
  border-radius:4px;
  box-shadow:rgba(0, 0, 0, 0.0745098) 0 1px 1px inset;
  color:#555555;
  font-size:14px;
  height:34px;
  line-height:1.42857;
  padding:6px 12px;
  transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

.h2NoLine
{
  color:#494949;
  font-family:"Open Sans", sans-serif;
  font-size:50px;
  line-height:60px;
  margin:0;
  padding:0;
  margin-bottom:10px;
}


.table-link {
    background-color: #fff;
    border: 1px solid #dddddd;
    margin-bottom: 20px;
    width: 100%;
    Padding: 5px;
    word-spacing: 5px;
}

    .table-link th {
        padding: 18px 10px;
        background-color: #f3f3f3;
    }

    .table-link td {
        padding: 13px 10px;
        text-align: left;
    }

    .table-link tr:hover td {
        background-color: #f9f9f9;
    }

    .table-link tr {
        background-color: #f3f3f3;
    }

        .table-link tr:nth-child(even) {
            background-color: #ffffff;
        }

    .table-link .leftTd {
        padding: 13px 10px;
        text-align: left;
        font-size: 15px;
        font-weight: 600;
    }