/* 	GLOBAL STYLES HS 
	logo color #0077ad
*/

body {
    font-family: 'PT Sans', sans-serif;
	color:#333;
	font-size:18px;
}

pre {
    background-color: #eee;
    padding: 10px;
}

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-right: 30px;
    padding-left: 30px;
}

.text-decoration-line-through {
	text-decoration: line-through;
}

.h1-white {
    font-size: 34px;
    color: #FFFFFF;
}

/* table-info*/
.table-info, .table-info > td, .table-info > th {
    background-color: #eff4fb;
}

/* bottoni */
/* btnscopri per btn in blocchi hs
.btnscopri{
    min-width: 180px;
    margin: auto;
	padding:10px;
}
*/

.btn-hs-div{
    min-width: 180px;
    margin: auto;
	padding:10px;
}

.btn-hs-featurette{
    width: 180px;
	padding:10px;
}

.btn-hs {
    color: #fff;
    background-color: #0077ad;
    border-color: #0077ad;
	font-size:20px;
	width:100%;
}

.btn-hs:hover{
	color: #eee;
	text-decoration: none;
}

/* btn-hs-scopri: da utilizzare in div con btn-hs-div 
	inizialmente uguale a btn-hs-neg
*/
.btn-hs-scopri {
    color: #0077ad;
    background-color: #fff;
    border-color: #0077ad;
	font-size:20px;
	width:100%;
}
.btn-hs-scopri:hover {
    color: #418bac;
    text-decoration: none;
}
.btn-hs-neg-lst {
    color: #0077ad;
    background-color: #fff;
    border-color: #0077ad;
	margin-bottom:10px;
}
.btn-hs-neg-lst:hover {
    color: #418bac;
    text-decoration: none;
}

.btn-hs-neg {
    color: #0077ad;
    background-color: #fff;
    border-color: #0077ad;
	font-size:20px;
	width:100%;
}

.btn-hs-neg:hover {
    color: #418bac;
    text-decoration: none;
}
.btn-hs-neg-v {
    color: #83a539;
    background-color: #fff;
    border-color: #83a539;
	font-size:20px;
}
.btn-hs-neg-v:hover {
    color: #83a539;
    text-decoration: none;
}
/* ---- form cerca dominio 

	background-color: #bbb;
    border: 1px solid #bbb;---- */

.bg-frmdom{
	background-color:#ddd;
}

.www-txt{
	color:#fff;
	font-size:1.3rem;
	background-color: #000;
}

.fs-canone-hs{
	font-size:1.3rem;
	font-weight:bold;
	color: #0077ad;
}
.form-control-hs {
	font-size: 1.3rem;
}
/* alert */

.alert-info {
    color: #0c5460;
    background-color: #eff4fb;
    border-color: #eff4fb;
}

/* BLOCCHI SERVIZI */
.row-blocchihs {
	padding-bottom:20px
}

.bloccohs {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}

.bloccohs-h2 {
	padding-left:15px;
	font-size:2.5rem;
}

.bloccohs-price {
	font-style:italic;
	padding-left:15px;
	font-size:1.6rem;
}

.bloccohs-list {
	padding-left:15px;
	padding-top:15px;
	font-size: 1.3rem;
	overflow: hidden;
}

.bloccohs-subtitle {
	font-size: 60%;
	font-weight: 400;
}

/* FOR HOME */

.service-block-home {
	background-color:#fff;
	color:#000; 
	padding-top: 15px;
	min-width: max-content;
}

.blog-news {
	padding-top:20px;
	border-top: 1px solid #ddd;	
}


.featurette {
	/*max-width: 90%;*/
	margin: auto;
	padding-top: 40px;
}

.featurette-image {
	 max-height:500px;
}

.low-banner {
	margin: 60px 0 60px 0;
	text-align:center;
	/*padding: 20px;*/
}

/* font-size custom */
.text-xxxl {
	font-size:50px;
}

/*#slidebanner .carousel-inner {
	height:500px;
}*/
/*-------------------*/

/* --- Blocchi servizi OLD - DA ELIMINARE----*/
.hs-blocks {
	min-width:400px;
	min-height:200px;
	padding:5px;
}

.hs-pkg-blocks {
	/*padding-right: 5px;
    padding-left: 5px; */
	padding: 5px;
}

.hs-block-services{
    border-style: solid;
    border-width: 2px;
    padding: 5px;
    margin-bottom: 5px;
    height: 100%;
}

.hs-block-services-noborder{
    border-width: 0;
    padding: 5px;
    margin-bottom: 5px;
    height: 100%;
}


.hs-header-block-service{    
    /*padding-left: 5px;
    padding-right: 5px;*/
	padding: 5px;
    margin-top: 5px;
	text-align: left; /*center;*/
	font-size:2.8em;
}

.hs-header-block-price{
	font-style: italic;
	text-align:right; /*center;*/
	/*padding:10px;*/
	padding:2px 10px 2px 2px ;
	background-color:#EEE;
}

.hs-caratt-blocks {
	padding-right: 5px;
    padding-left: 5px; 
}

/* per gli elenchi puntati nei blocchi*/
.hs-block-list{
	padding-left:0px;
	padding-top:10px;
	line-height:1.8;
	font-size: 1.2em;
	min-height: 230px;
}

/* per i bottoni nei blocchi*/
.hs-block-btn{
	line-height:1.8;
	font-size: 1.2em;
}
/* --- Blocchi servizi OLD - FINE - DA ELIMINARE----*/


/* elenchi puntati */
ul.bulletlist > li, ol.bulletlist > li{
	padding-top:10px;
}


.img-border{
	border: 1px solid #B2B2B2;
}

/*equiv img-fluid*/
.img-responsive{
	max-width: 100%;
	height: auto;
}

.space-img {
	margin:15px auto;
}

.shadow-bottom {
	box-shadow:10px 0px 15px #777;
}
/*  'no-gutters' removes the negative margins from .row and 
the horizontal padding from all immediate children columns. */
.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

.pointer {
	cursor:pointer;
}

a.color-white:hover {
    color: #eee;

}
/*
a.no-dec {
	text-decoration: none;
	outline: none;
}
*/
.btn-link {
    color: #0077ad;
    text-decoration: none;
    background-color: transparent;
}

.btn-link:hover {
    color: #0077ad;
    text-decoration: none;
}

a {
    color: #0077ad;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #0077ad;
    text-decoration: none;
}
/* altezza minima per form dominio verticale */
.hs-formdominio-vert{
    min-height: 115px;
}

/*** card ***/
.text-muted-neg {
	color: #dedfe0 !important;
}

.card-body {
	background-color:#fff;
}

.card-header {
	background-color: #eff4fb;
}
/***** BORDER RADIUS = 0 ******/
.card {
	border: 0;
    border-radius: 0;
}

/* ---- input text ---- */
.input-group-text {
    border-radius: 0;
}

/* --- form controls ---- */
 .form-control {
    border-radius: 0;
}

/* ----- btn ---- */
.btn {
     border-radius: 0;
}

/*----- alert (from scss) ------*/
.alert {
     border-radius: 0;
}

/* topnavbar menu */
.megamenu {
  position: static;
}

.megamenu .dropdown-menu {
  background: none;
  border: none;
  /*width: 100%;*/
	left:auto;
	width:auto;/*1200px;*/
}
.text-uppercase {
  letter-spacing: 0.08em;
}

.nav-item:hover{
    background-color:#eff4fb;
    }

.col-megamenu{
	min-width:250px;
}

.mw-megamenu-2col{
	min-width:650px;
}

.mw-megamenu-col{
	min-width:400px;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(55,119,172, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	border: 1px solid #0077ad;
}
/* ------ CALLOUT (from scss)------- */

.callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 0px;
}
.callout  h4 {
    margin-top: 0;
    margin-bottom: 5px;
  }
.callout p:last-child {
    margin-bottom: 0;
  }
.callout code {
    border-radius: 3px;
  }
.callout & + .bs-callout {
    margin-top: -5px;
  }

/*@each $name,$color in (default,#777),(primary,#428bca),(success,#5cb85c),(danger,#d9534f),(warning,#f0ad4e),(info,#5bc0de), (bdc,#29527a) {*/
.callout-default {
    border-left-color:#777
}
.callout-default h4 {
      color: #777
}

.callout-primary {
    border-left-color:#428bca
}
.callout-primary h4 {
      color: #428bca
}

.callout-success {
    border-left-color:#5cb85c
}
.callout-success h4 {
      color: #5cb85c
}

.callout-danger {
    border-left-color:#d9534f
}
.callout-danger h4 {
      color: #d9534f
}

.callout-warning {
    border-left-color:#f0ad4e
}
.callout-warning h4 {
      color: #f0ad4e
}

.callout-info {
    border-left-color:#5bc0de
}
.callout-info h4 {
      color: #5bc0de
}

.callout-bdc {
    border-left-color:#29527a
}
.callout-bdc h4 {
      color: #29527a
}

/*--------- COLORI -----------------*/

.bg-blocchihs {
	background-color: #eff4fb;
}

.bg-celeste-active {
	background-color: #eff4fb;
}
.celeste-active {
	color: #eff4fb;
}

.msgerr {
    color: #9c1111;
}

.title-price {
    color: #0077ad;
    font-weight: bold;
	font-style: italic;
    font-size: 2rem;
	padding-top: 20px;
}
.price {
    color: #0077ad;
    font-weight: bold;
	font-style: italic;
    font-size: 2rem;
}

.textdark-color {
	color: #424141;
}
.textgray-color {
	color: #666;
}
.color-celestehs{
	color:#0077ad; /*007EAB;*/
}

.border-celestehs{
	border:1px solid #0077ad; /*007EAB;*/;
}

.bg-celestehs{
	background-color:#0077ad; /*007EAB;*/;
}

.bg-chiarohs{
	background-color: #eff4fb;
}

.col-nero{
	color:#000; /*007EAB;*/;
}

.color-verdehs{
	color: #86a315; /*#DBDB83;*/
}

.border-verdehs{
	border-color: #86a315; 
}

.bg-verdehs{
	background-color: #88a720; 
}

.email-bgcolor {
	background-color:#618f35;
}

.email-color {
	color:#618f35;
}

.email-bdcolor {
	border-color:#618f35;
}
.vps-bgcolor{
	background-color:#f3ef94;
}
.color-dedicato-ss{
	color:#92252A;
}

.bgcolor-dedicato-ss{
	background-color:#92252A;
}

.bdrcolor-dedicato-ss{
	border-color:#92252A;
}

.color-dedicato-ent{
	color:#3476ac; /*007EAB;*/;
}

.bgcolor-dedicato-ent{
	background-color:#3476ac; /*007EAB;*/;
}

.bdrcolor-dedicato-ent{
	border-color:#3476ac; /*007EAB;*/;
}

.color-sitegen{
	color:#7c3b53;
}

/*  -- COLORI WINDOWS - LINUX -- */
.color-windows{
	color:#0F4454;
}

.bgcolor-windows{
	background-color:#0F4454;
}

.bdrcolor-windows{
	border-color:#0F4454;
}

.color-linux{
	color:#861B0A;
}

.bgcolor-linux{
	background-color:#861B0A;
}

.bdrcolor-linux{
	border-color:#861B0A;
}

.color-cms{
	color:#B6594D;
}

.bgcolor-cms{
	background-color:#DDD;
}

.bdrcolor-cms{
	border-color:#DDD;
}

.color-white{
	color:#FFF;
}

.bgcolor-white{
	background-color:#FFF;
}

.box-note{
	padding:5px;
	background-color:#f0f8ff;
}

.cwhite{
	color:#FFF;
}

/* usato per fa-check */ 
.cgreen {
	color:#52a156;/*#b73c44*/
}

/* usato per fa-remove */ 
.cred {
	color:#b73c44;
}

.cgray {
	color:#AAA;
}

.corange {
	color:#da8619;/*#eaa54b;*/
}

.bg-eee{
	background-color:#EEE;
}

/* OFFICE */
.c-office{ 
    color: #d9451d; /*#eb3d01;*/
}

.bgc-office{ 
    background-color:#d9451d; /*#eb3d01;*/
}

.border-office{ 
    border-color: #d9451d; /*#eb3d01;*/
}

.c-exchange{ 
    color: #3770b8;
}

.bgc-exchange{
    background-color:#3770b8;
}

.border-exchange{
    border-color: #3770b8;
}

.spacenowrap {	
	white-space: nowrap;
}

.boldsoft{	
	font-weight: 600;
	color:#6f6e6e;
}

/*  -- fine COLORI  -- */
/* INPUT */

input[type="radio"] {
	padding-bottom:10px;
	vertical-align: text-bottom;
}
input[type="number"] {
	vertical-align: text-bottom;
	height:1.5em;
	font-size:1.2em;
	text-align:right;
	display: inline-block;
	width: 70px;
}
input[type=checkbox], input[type=radio] {
	display: inline-block;
	/*margin-top: 0;*/
	width:auto; 
	/*height:1.5em;*/
}
/* ---------------- */

.subtitle{
	/*font-size:0.80em;*/
	color: #31708f;
}

.row-row1 {
    margin-top: 0px;
	background-color:#EEE;
}

.row-h1 {
    padding-bottom:20px;
}

/* primo paragrafo sotto row1*/
.p1 {
    padding-top: 20px;
}

/*--- liste domini --- */

.panel-default > .listdom-level1,.panel-default > .listdom-level2{
	background-color: #337ab7;
    color: #fff;
}

.numeric{
	text-align:right;
}

.flag{
	text-align:center;
}

/*bottone info nelle liste di estensioni*/
.btn-info-hs{
    padding: 3px 6px;
}

.zonageo {
	font-size:0.8rem;
	color: #337ab7;
}

/*.form-inline > fieldset {
	padding-left:20px;
	padding-right:20px;
}*/

/* ---- form domini -----
@media (min-width: 768px) {
	.form-inline > fieldset {
		padding:20px;
	}
}
*/

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #eee;
}

/*
.input-group[class*="col-"] {
    padding-right: 15px;
    padding-left: 15px;
    }
*/
.del-padding-lr{
    padding-right: 0px;
    padding-left: 0px;	
}

.del-padding-tb{  
    padding-top: 0px;
    padding-bottom: 0px;	
}

.del-padding{ 
    padding: 0px;	
}


.valignb{
	vertical-align: bottom;
}

.cpointer{
    cursor: pointer;
}

.czoom {
    cursor: zoom-in;
}

.float-r{
	float: right;
}

.cdefault{
	cursor:default;
}


.section-banner {
	background-position: center;
	text-align:center;
	background-size:cover;
}

/* ------------- MEDIA --------------------------*/
/*@media (max-width: 991px) {*/
@media (max-width: 1199px) {

	.section-banner {
		margin-top: 5rem !important;
	}

	.navbar-alone{
		text-align:left;
	}

 }

/*@media (min-width: 768px) {
@media (min-width: 992px) {*/
@media (min-width: 1200px) {

	.navbar-alone{
		text-align:center;
	}

	.section-banner {
		/*height: 500px;*/
		max-height: 500px;
	}
	.min-centro {
		text-align: center;
	}
	.panel-group .panel+.panel {
		margin-top: 0px;
	}

}



/*@media only screen and (max-width: 767px) {
@media only screen and (max-width: 992px) {*/
@media only screen and (max-width: 1199px) {

/* nel mobile, riduzione della spaziatura 
	a sx degli elenchi puntati */    

ul{
	padding-left:20px;
}

/* --- 
	gestione tabelle responsive tramite trasposizione. 
	id contenitore: no-more-tables 
	(in alternativa usare classe table-responsive)
*/
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}

/* ---- menu size:md, lg----*/
.primopiano {
    z-index: 100;
}

/* --- bootstrap custom ----*/
.row {
    margin-right: 0px;
    margin-left: 0px;
}