﻿.row { /* margin-right: 0; margin-left: 0;*/}

#prep_notice {
	display: none;
	border:1px solid #e37222;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #e37222;
	padding:0.5em 3em;
	font-weight:bold;
	font-size:12pt;
    position:absolute;
	top: 1.2em;
    left: 5em;}

fieldset > span {color: red;}
	
.carousel-item {
  height: 150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom right;
}

.item0 {
  background-image: url("../jpg/00ov09.jpg");
  background-position: center -180px;}
  
.item1 {
  background-image: url("../jpg/01yu6a.jpg");
  background-position: 0px -417px;}
  
.item2 {
  background-image: url("../jpg/02np2x.jpg");
  background-position: 0px -200px;}

.carousel-caption { right: -35%;}

.carousel-indicators li {
  /*width: 15px;
  height: 15px;*/
  border-radius: 50%;}
hr { margin-top: 1.5px; margin-bottom: 1.5rem; border: none;}

.card {/*min-height: 517px;*/ background-color: #fff; border: 0px;}
.card-icons {background-color: transparent; /*margin-left: 2rem;*/}
.blue-card { background-color: #0b4372; color: white;}
.blue-card > .card-body {padding-top: 7.2rem;} 

.card-title {min-height: auto; background-color: transparent; margin-bottom: 3rem;}
.card-title-icons { margin-bottom: 1rem;}
.support {margin-bottom: -3rem;}
.supplier-access {margin-bottom: 2rem; }
.card-body { text-align: left; padding-top: 2rem; padding-bottom: 0.5rem; padding-left: 4rem; padding-right: 9rem;}
.card-body-icons { padding-left: 0; padding-right: 1.3rem;}
.blue-card a { color: #00b0db!important;}
.blue-card p {font-size: 1rem; margin-right: -6rem;}
.logo {width: 223px; margin-bottom: 30px;}

.icons {/*text-align: center;*/}
.icons img { max-width: 110px; margin-bottom: 20px;}

.icons p {font-size: 0.9rem; text-align: justify!important;}

.icons-center {text-align: center;}

.btn-primary, .btn-secondary {font-weight: bold;}

.btn-primary {
    background-color: white;
    border-color: white;
	border-radius: 1.5rem;
	color: #0b4372!important;
	width: auto;
}
.btn-primary:hover {
    background-color: #00b0db;
	border-color: #00b0db;
	color: #0b4372!important;
}

#IDM-buttons a {color: #0b4372!important;}

.btn-secondary {
    color: #fff!important;
	border-radius: 1.5rem;
    background-color: #0b4372;
    border-color: #0b4372;
	text-decoration: none!important;
	width: 7rem;}
	
.btn-secondary:hover {
    background-color: #00b0db;
	border-color: #00b0db;
	color: white;}

body { background-color: #fbf5ef; color: black}
a { color: #004372!important;}
a:hover { color: #ed8b00; text-decoration: none;}
a.underline {text-decoration: underline;}
h4 {font-size: 1.2rem; font-weight: bold; margin-top: 0.8rem; margin-bottom: 3rem;}
h5 {font-size: 1.7rem; font-weight: normal; margin-top: 0.8rem;}
h6 {/*text-align: center;*/}

.text-blue { color: #004372!important;}
.dark-widget h5 { color: #fd7e14; }
.font-09 { font-size: 0.9rem;}
.ml-15px { margin-left: 15px!important;}

.dark-widget { background: #53565a; }
.dark-widget p, .dark-widget a { color: white; }
.red {color: red;}


ul {margin-top: 1rem;}
ul li { margin-left: -40px; list-style-type: none;}

.social-media > .card-body  { padding-right: 0rem;}
.social-media > .card-body  ul li {display: inline-block; margin-right: 4rem;}
.social-media p { text-transform: uppercase; margin-top: 1rem;}


footer {background-color: white;}
footer .container { margin-top: 9rem;}
footer .card { min-height: auto;}
.wave {background-color: #f7f7f7; padding-top: 0.1rem; background-image: url("../png/wave-backgroundpz0t.png"); background-size: 100%; background-repeat: repeat-x; margin-top: -5rem;}
.box-last-footer { background-color: #f7f7f7; padding:0px; color: #575756;}
.box-last-footer a { color: #575756; text-decoration: underline;}
.box-last-footer ul { margin-top:0px;}
.box-last-footer img { width:193px;}
.less-ml {margin-left: -65px;}

/*     second home pages    */

.bg-beige {background-color: #fbf5ef;}
.bg-beige-left { border-right: 15px solid white; }

.icon-2hp {width: 50px;}
.title-2hp{ margin-top: 1rem; font-weight: bold;}
.box-icons-2hp-a { background-color: #fbf5ef; width: 21%; float: left; margin-left: 0.5rem; margin-right: 0.5rem;}
.supplier-tab-width { background-color: #fbf5ef; width: 21%; float: left; margin-left: 0.5rem; margin-right: 0.5rem;}
.box-icons-2hp-b { background-color: #fbf5ef; width: 33%; float: left; margin-left: 0.5rem; margin-right: 0.5rem;}
.bg-color { background-color: #00b0db; }
.buyer-2hp {margin-top: 6rem; margin-left: 8rem;}
.pb-4 {padding-bottom: 4rem;}

.carousel-control-prev, .carousel-control-next {z-index: 11!important;}


/*   fa parte del carosello:  non so se servono in situazioni particolari    */

@media (min-width: 2500px) {
  .carousel-item {
    background-position: center center !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

				/*    MEDIA QUERY    */


/* mobile  */
@media (min-width: 320px) and (max-width:  480px) {
	.carousel-item { height: 150px; }
}

/* ipad, tablet  */
@media (min-width: 481px) and (max-width: 768px)  {
	.carousel-item { height: 150px; }
}

/* schermi piccoli, laptop  */
@media (min-width: 769px) and (max-width: 1024px)  {
	.carousel-item { height: 150px; }
}

/* computer desktop, schermi grandi  */
@media (min-width: 1025px) and (max-width:  1200px)  {
	.carousel-item { height: 170px; }
}

/* schermi extra large, TV  */
@media (min-width: 1201px)  {
	.carousel-item { height: 180px;	}
	footer .container { margin-top: 12rem;}
}





/* 1280 - visualizzazione 1920 al 150%  */
@media (min-width: 1152px) and (max-width: 1930px) {
	.buyer-2hp { margin-top: 1rem; }
	/*.buyer-tab-width { width: 17%;}
	.supplier-tab-width { width: 17%;} */
}

/*  1536 - visualizzazione 1920 al 125%  */
@media (min-width: 1536px) and (max-width: 1930px) {
	.buyer-2hp { margin-top: 3rem; }
}


/************     RISOLUZIONE AD HOC PER QUESTA CLASSE   buyer-tab-width ********************/
@media (min-width: 1294px) and (max-width: 1930px) {
	.buyer-tab-width { width: 17%;}
}

/* 1280 - visualizzazione 1920 al 150%  */
@media (min-width: 1152px) and (max-width: 1930px) {
	.buyer-tab-width { width: 16%; }
}

/*  1536 - visualizzazione 1920 al 125%  */
@media (min-width: 1536px) and (max-width: 1930px) {
	.buyer-tab-width { width: 19%; }
}



/************     RISOLUZIONE AD HOC PER QUESTA CLASSE   supplier-tab-width  ********************/

@media (min-width: 769px) and (max-width: 865px) {
	.supplier-tab-width { width: 15%;}
}


@media (min-width: 866px) and (max-width: 1153px) {
	.supplier-tab-width { width: 15%;}
}


@media (min-width: 1154px) and (max-width: 1390px) {
	.supplier-tab-width { width: 16%;}
}

@media (min-width: 1390px) and (max-width: 2048px) {
	.supplier-tab-width { width: 17%;}
}

@media (min-width: 2049px)  {
	.supplier-tab-width { width: 18%;}
}



