﻿@charset "UTF-8";
:root {
		--chiaro: #52ace7;
    --medio: #4285f4;
		--scuro: #2E6081;
		--scuroTXT: #000000;
		--grigiochiaro: #eceff1;
}

html, body {
		height: 100%;
		margin: 0px;
		padding: 0px;
		border: none;
		text-align: center;
		color: var(--scuro)!important;
		background-color: #FFFFFF;
		font-family: 'Roboto', sans-serif;
		font-weight:500;
}

.bgSelected {
  border-bottom: 12px solid;
  box-shadow: 0px 1px 2px #FFFFFF;
  text-shadow: 1px 1px 1px #FFFFFF;
  color: #000000;
}

.md-toast {
  border-radius: 5px;
}

.basketIcon {
  background-color:#FFFFFF;
  height:100%;
  line-height:18px;
}

.basketIcon:hover {
  background-color: #bad5fa;
  cursor:pointer;
}

.flipImg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.redBG {
		background-color: #ffa6a6!important;
}
.red2BG {
  background-color: #ffd0d0 !important;
}
.yellowBG {
		background-color: #ffd5a4!important;
}
.yellow2BG {
  background-color: #fff4a4 !important;
}
.grayBG {
		background-color: #dfdfdf!important;
}
.greenBG {
		background-color: #99ffc2!important;
}

.nascondi{
		display: none!important;
}

/*Paginazione*/
.paginazione,.paginazione td {border-bottom:0px!important; padding-top:20px; padding-bottom:20px;}
.paginazione a, .paginazione span
{
    height: 15px;
    width: 15px;
    text-align: center;
    font-weight: bold;
				text-decoration: none;
				margin-top:20px;
				margin-left:10px;
				margin-bottom:20px;
				padding-bottom: 4px;
				padding-left: 8px;
				padding-right: 8px;
				font-size:20px;
}
.paginazione a
{
    background-color: #f5f5f5;
    color: #969696;
}
.paginazione span
{
    background-color: #DDDDDD;
    color: #000;
    border: 2px solid #AAAAAA;
				border-radius: 4px;
}

.ellipsis {
		visibility: visible;
  -webkit-line-clamp: 2;
  overflow : hidden!important;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
/*End Paginazione*/

/*Datapicker Box*/
.tab-content { z-index: unset; } .nav-tabs { z-index: 1; }

/*font size*/
.summernote {
		font-size: 16px !important;
}

.font-xs {
		font-size: 13px!important;
		line-height: 16px!important;
		xdisplay: block;
}
.font-sm {
		font-size: 14px!important;
		line-height: 17px!important;
		xdisplay: block;
}

.font-md {
		font-size: 16px!important;
		line-height: 19px!important;
		xdisplay: block;
}

.font-lg {
		font-size: 18px!important;
		line-height: 28px!important;
		xdisplay: block;
}

.font-xl {
		font-size: 20px!important;
		line-height: 26px!important;
		xdisplay: block;
}

.font-xxl {
		font-size: 24px!important;
		line-height: 26px!important;
		xdisplay: block;
}


.font-icons {
		font-size: 30px!important;
		line-height: 33px!important;
		xdisplay: block;
}

/*Font weight*/
.font-light {
		font-weight: 200!important;
}

.font-Mlight {
		font-weight: 300!important;
}


.font-medium {
		font-weight: 400!important;
}

.font-bold {
		font-weight: 600!important;
}

/*font size*/
.trascinabile {
		cursor: pointer !important;
}

.innerTXT {
		color: var(--scuro)!important;
		font-size:18px;
}

.rowDifetti {
		height:65px;
		padding-top:10px;
		border-bottom: 1px solid #CCCCCC;!important;
}

.rowDifettiNew {
		padding-top:10px;
		padding-bottom:10px;
}

.input-group-text:hover{
		cursor: pointer;
}

#dialog {
		z-index:2000!important;
}

.bg-scuro {
		background-color: var(--scuro)!important;
}

.bg-light2 {
		background-color:#f5f7f8!important;
}

.d-none 
{
		display:none;
}

.dropdown-menu {
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: 100% !important;
}

.mainHeader {
		background-color: rgba(160, 200, 255, 0.0);
    z-index:1!important;
}

.bg_Master { 
  background: url("../images/background.jpg") no-repeat center center fixed;
  height: 100%; 
		min-height: 100%;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg_R { 
		background-color: rgba(255, 255, 255, 0.5);
		/*background: url("../images/background-TW.png") no-repeat center center fixed;
		opacity:0.5;!important;*/
}

.xbg_R::after { 
		content: "";
  background: url("../images/background.jpg") no-repeat center center fixed;
  opacity: 0.2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

.bg_L { 
  background: url("../images/background.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.xbg { 
  background: url("../images/background.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

/*STAMPA*/
div.stampa {
		page-break-inside: avoid;
}
.ui-widget-overlay { 
    position: absolute!important; 
    top: 0!important; 
    left: 0!important; 
    width: 100%!important; 
    height: 100%!important; 
    background: #aaaaaa!important;
    opacity: 0.5!important;
}
/*MULTISELECT*/
.select-wrapper.disable-toggle-all  .select-toggle-all {
    display: none;
}

/*Select Autocomplete*/
select-wrapper {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.select-dropdown {
  margin-bottom: 0px !important;
  border: 0px !important;
  margin-top:-5px!important;
  margin-left:-5px!important;
}

.caret {
  padding-right: 5px !important;
  transform: scale(1, 0.7);
}

.dropdown-content {
  top: 5px !important;
  left: 5px !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
/*FINE SAC*/
/*Optgroup*/
.optgroup {
  font-weight: bold !important;
  color: var(--scuro) !important;
}

/*DIALOG*/
#dialog {
    position: relative;
			 overflow-x: hidden!important;
}

.ui-dialog
{
    text-align: center;
}

.ui-dialog-titlebar {
    display: none;
}

.ui-widget-content
{
		color: var(--scuro) !important;
}

/*Modal*/
.modal-content{
      xborder-radius: 5px!important;
}

.modal-sm {
  
}

.modal-md {

}

.modal-lg {

}

.modal-xl {

}

/*File uploader*/
/*.dm-uploader:hover {
  cursor: pointer;
}*/ 


/*Tooltip*/
.tooltip {
  z-index: 1060 !important;
}
.tooltip-inner {background-color: #fff!important; border-color: #f00!important; border: 1px solid!important; color: #f00!important; font-size:14px!important; font-weight:600!important}
.tooltip .arrow:before { border-top-color:#f00!important;}
.tooltip.show {opacity: 1!important;} 

/*DatePicker*/
.picker__holder {
  position: fixed!important;
  z-index:999999!important;
  /*margin-top:120px;*/
}

.picker__button--clear{
  display:none!important;
}

.picker__date-display {
	 display: flex;
}
 .picker__date-display .picker__month-display {
	 order: 3;
}
 .picker__date-display .picker__weekday-display {
	 order: 1;
}
 .picker__date-display .picker__day-display {
	 order: 2;
}

@media screen and (max-width: 767px) {
    .picker__holder {
      margin-top: 200px!important;
    }
}

@media screen and (max-width: 435px) {
  .picker__holder {
    margin-top: 200px !important;
  }
}

/*ErrorLine*/
.errorline {
		font-weight:400;
		color:#FF0000;
}

.btn-sm-fixedwidth {
		width: 20px;
		white-space: nowrap;
}

.btn-fixedwidth {
		width: 200px;
		white-space: nowrap;
}

.btn-md-fixedwidth {
		width: 300px;
		white-space: nowrap;
}

.btn-lg-fixedwidth {
		width: 415px;
		white-space: nowrap;
}

.boxshadow 
{
  -moz-box-shadow: 6px 6px 8px #535353;
  -webkit-box-shadow: 6px 6px 8px #535353;       
  box-shadow: 6px 6px 8px #535353;
}

.semitransparent {
		opacity: 0.9!important;
}

.no-wrap {
    white-space: nowrap;
}

/*TEXT*/
.medium-text {
		font-size:18px;
}

.big-text {
		font-size:22px;
}

.minitext {
		font-size:15px;
		font-weight:normal!important;
}

.font-normal {
		font-weight:normal!important;
}

.font-bold {
		font-weight:bold!important;
}

/*BORDER COLOR*/
.border-gray {
		border-color:#2d628a!important;
}

/*SUMMERNOTE*/
.summernote {
    font-size:22px!important;
}

/*MDB SELECT*/
mdb-select .single {
  height: calc(1.8125rem + 2px);
  font-size: 0.9rem !important;
}

mdb-select .multiple {
  height: calc(1.8125rem + 2px);
  font-size: 0.9rem !important;
}

/*MDB switch*/
/* Switch info */
.switch-info label input[type=checkbox]:checked+.lever {
  background-color: #33b5e5;
}

.switch-info label input[type=checkbox]:checked+.lever:after {
  background-color: #0099CC;
}

/* Switch danger */
.switch-danger label input[type=checkbox]:checked+.lever {
  background-color: #ff4444;
}

.switch-danger label input[type=checkbox]:checked+.lever:after {
  background-color: #CC0000;
}

/* Switch warning */
.switch-warning label input[type=checkbox]:checked+.lever {
  background-color: #ffbb33;
}

.switch-warning label input[type=checkbox]:checked+.lever:after {
  background-color: #FF8800;
}

/* Switch success */
.switch-success label input[type=checkbox]:checked+.lever {
  background-color: #00C851;
}

.switch-success label input[type=checkbox]:checked+.lever:after {
  background-color: #007E33;
}

/*HREF*/
a {
    color: var(--scuro) !important;
    text-decoration: none !important;
}

a:hover {
    color: var(--chiaro) !important;
}

/*LINKWHITE*/
a.linkWhite {
    color: #FFFFFF!important;
    text-decoration: none !important;
}

a.linkWhite:hover {
    color: #EEEEEE !important;
}

/*FOOTER*/
a.footer {
    color: var(--chiaro) !important;
    text-decoration: none !important;
}

a.footer:hover {
    color: var(--scuro) !important;
}

img {
    border: none;
}

/*Boxes*/
.TitleBox {
		font-size:18px;
		font-weight:bold;
		color:var(--scuro);
}

.TitleBox2 {
		font-size:18px;
		font-weight:bold;
		background-color:var(--medio);
    color:#FFFFFF;
}

.TitleBox3 {
		font-size:18px;
		font-weight:bold;
		color:var(--medio);
}

/*POWEREDBY*/
.poweredby1 {
		font-weight:bold;
		color: #666666;
}

.poweredby2 {
		font-family:Arial;
		font-weight:bold;
		color: #00AEEF;
}

@media (max-width: 767px) {
  .Header1 { text-align: center; }
  .Header2 { text-align: center; }
}

@media (min-width: 768px) {
  .Header1 { text-align: left; }
  .Header2 { text-align: right; }
}