/* ==========================================================================
  CMD DESIGN WEB 2.0 - CHI SI FERMA QUI E' PERDUTO...
   ========================================================================== */
html,
body { height: 100%; }
body {
  display: table;
  width: 100%;
    }

@media only screen and (max-width: 800px) {
    .changelog{display:none;}
	.input-group-addon, .input-group-btn{
		width:30% !important;
	}
    /* 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% !important; 
		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); }
}	
	
.modal-footer{
	 border-top: none !important;
 }	
.page-row {
  display: table-row;
  height: 1px;
    }

.page-row-expanded { height: 100%; }
#res-cat ul {
    padding: 0; 
    margin: 0;
    list-style-type: none;
    }
#res-cat ul li {
	cursor:pointer;
    width: 220px;
    height: 170px;
    background-color: #f0f0f0;
    border-radius: 25px;
    font-size: 16px;
    border: 2px solid #f95b13;
	text-align:center;
	padding:5px 2px;
    float: left;
	margin:5px;
    }

.single-item {	border: 2px solid #73AD21 !important; }
.tr-click td    { cursor: pointer;  }
.tr-click:hover { background: rgb(255, 220, 145); }
.modal { overflow-y: scroll !important; }
.iva,.qta,.stock,.scortaMin,.um{width:80px ; }
.mw{ width:100% !important;}
.prezzo {width:100px ;}
input,.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    line-height:2em !important;
    padding: 3px 10px !important;
    width: 100%;
    }

.btn-25 {
    padding:8px 20px;
    line-height: 2.5em;
    }
.input25{line-height:2.5em !important;font-size: 14px !important;}
input[type="checkbox"]{ width: 20px !important;}
input[type="date"]{   width: 200px !important;}


.table td, .table th{
    text-align:center;
    border:1px solid #ddd;
	padding: 2px 5px 2px 5px !important;
	line-height:1.2em !important;
    }

.navbar-fixed-top, .navbar-fixed-bottom {   z-index:1 !important;}
.material-icons{vertical-align: middle;}
.list-group-item{  cursor:pointer;}
.border-right{ border-right:1px solid #000;}
.table-fix thead, .table-fix tfoot, .table-fix tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
    }
.table-130 tbody{
    height: 130px;
    table-layout: fixed;
    overflow: auto;
    display: block;
    width: 100%;
    }

.table-200 tbody{
    height: 200px;
    table-layout: fixed;
    overflow: auto;
    display: block;
    width: 100%;
    }

.table-300 tbody{
    height:300px;
    table-layout: fixed;
    overflow: auto;
    display: block;
    width: 100%;
    }

.table-50vh tbody{
    height:50vh;
    table-layout: fixed;
    overflow: auto;
    display: block;
    width: 100%;
    }
@media only screen and (min-width: 800px) {
	.input-group-addon, .input-group-btn{ width:15% !important; padding : 0 px;}
.input-group{
    display:flex !important;
    width:95%;
    }
.w-50{  width:50px !important;  }
.w-80{  width:80px !important;  }
.w-100{ width:100px !important; }
.w-150{ width:150px !important; }
.w-200{ width:200px !important; }
.w-250{ width:250px !important; }
.w-300{ width:300px !important; }
.w-350{ width:350px !important; }
.w-400{ width:400px !important; }
.w-450{ width:450px !important; }
.w-500{ width:500px !important; }
.h-100{ height:100px !important; }
.h-150{ height:150px !important; }
.h-350{ height:350px !important; }
.h-400{ height:400px !important; }
}
.row{
    margin-left:0!important;
    margin-right:0!important;
    }

.float-left{   float:left;}
.decimal{   font-weight:bold;}
.terzodecimale{
    font-size:10px;
    font-weight:normal !important;
    }

	
.changelog{
    position:relative;
	}

.dropdown-notify {
    display:inline-block;
    margin-left:20px;
    padding:10px;
  }


.glyphicon-bell {
   
    font-size:1.5rem;
  }

.notifications {
   min-width:420px; 
  }
  
  .notifications-wrapper {
     overflow:auto;
      max-height:250px;
    }
    
 .menu-title {
     color:#ff7788;
     font-size:1.5rem;
      display:inline-block;
      }
 
.glyphicon-circle-arrow-right {
      margin-left:10px;     
   }
  
   
 .notification-heading, .notification-footer  {
 	padding:2px 10px;
       }
      
        
.dropdown-menu.divider {
  margin:5px 0;          
  }

.item-title {
  
 font-size:1.3rem;
 color:#000;
    
    }

.big-button{

    padding: 0.3em 1.8em !important;
    line-height: 3em;
    }

.notifications a.content {
 text-decoration:none;
 background:rgb(235, 235, 235);

 }
    
.notification-item {
 padding:10px;
 margin:5px;
 background:#f3e6d1;
 border-radius:4px;
 }

.bg-1{ background :#eeffff; }
.bg-2{ background :#ffffcc; }
.bg-3{ background :#f0ffe8; }
.bg-4{ background :#f9f2e7; }
.bg-5{ background :#ffe5bd; }
.bg-6{ background :#e8feff; }
.bg-7{ background :#c4ffc0; }


.bg-red{
    background: rgba(255,0,0,0.60)  !important;
    }

.img-sm{
    object-fit: contain;
    width:  100px !important;
    height: 100px !important;
    }
.img-50{
    object-fit: contain;
    width:80px !important;
    height: 50px !important;
    }
.img-div{
    height: 156px;
    width: 217px;
    background-size:contain !important;
    }

.side-left{
	position: fixed;
    transform: rotate(-90deg);
    left: 0;
    top: 54%;
    z-index: 99;
    background: #ffe000;
    margin-left: -219px;
    font-weight: bold;
    border-radius: 0px 0px 10px 10px;
    letter-spacing: 5px;
    font-size: 18px;
    width: 50vh;
    text-align: center;

	}	
	
.item-content{
    background: rgba(255,255,255,0.76);
    color: #ad3400;
    font-weight: bold;
    position: absolute;
    height: 90px;
    margin-top: 70px;
    width: 212px;
    border-radius: 25px;
    }
.loader{
    text-align:center;
}
.navbar-default{ background: linear-gradient(to top, #f3e2c7 0%,#e9d4b3 100%); }
.navbar-default ul li { text-align:center; font-size:18px }
.navbar-default ul li:hover{ background:#fff; }
.logo{
    margin-top: 20px;
    line-height:80px;
    height:55px;
    float:left;
    object-fit:contain;
    display: table-cell; 
    vertical-align: middle;
    }

.sub-header{
      background: linear-gradient(to right, rgba(242, 225, 198,0.6) 0%,rgba(243,226,199,0) 100%);
    padding:8px;
    }



.circle-div{
    width: 100px;
	height: 100px;
    border:2px solid #f95b13;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
    float:left;
    margin:5px;
    }
.count{
    vertical-align: middle;
    text-align: center;
    line-height: 89px;
    }
.count-after{
    vertical-align: middle;
    text-align: center;
    line-height: 89px;
    }
.stock-item{
    position: absolute !important;
    bottom: 0px;
    left: 0px;

}
.stock-item::after{
    width: 54px !important;
    right: -57px !important;
    top: -31px !important;
    height: 29px !important;
    font-size: 17px !important;
    }
	
.custom-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 0;
}

/* Each of the items in the list */
.custom-menu li {
    padding: 8px 12px;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
    user-select: none;
}

.custom-menu li:hover {
    background-color: #DEF;
}