/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 13-mar-2022, 10.43.27
    Author     : ciccio
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 11-apr-2022, 20.52.38
    Author     : ciccio
*/
/* Important part */
/*.modal-dialog-scroll{
    overflow-y: initial !important
}*/
/*@import url("https://fonts.googleapis.com/css?family=Reenie+Beanie");
html, body {
  font-family: 'Montserrat', sans-serif;
  font-size: medium;
  font-weight: 400;
}*/

.popover {
  width: 500px;
  max-width: 500px; }

.alert {
  padding: 2px 3px; }

mark {
  background: #fdfd86;
  color: black; }

.modal-body-scroll {
  height: 90vh;
  overflow-y: auto; }

.navbar {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  background-color: #1877f2; }

.navbar-name {
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
  top: -1px;
  height: 63px;
  width: 20%; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.fadein {
  -webkit-animation: fadein 300ms ease-in-out;
  /* Chrome, Safari, Opera */
  animation: fadein 300ms ease-in-out; }

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 1px 5px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #428bca;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px; }

.modal-xlg .modal-dialog {
  max-width: 85%; }

.modal-super-xlg .modal-dialog {
  max-width: 92%; }

.container {
  max-width: 100%; }

.modalalert {
  width: 600px;
  height: 150px;
  margin: 0 auto;
  display: table;
  position: absolute;
  left: 0;
  right: 0;
  top: 300px;
  border: 1px solid graytext;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.modalalert .modal-header {
  background: rgba(255, 210, 150, 0.3); }

.modalalert .modal-body {
  background: rgba(255, 210, 150, 0.3); }

.loadmess {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  opacity: 0.8;
  position: absolute;
  left: 38vw;
  top: 50vh;
  z-index: 99999; }

/* Selezione della linea di tabella */
.selected {
  background-color: #f5b13d !important; }

.fa-disabled {
  opacity: 0.6;
  color: graytext;
  cursor: not-allowed; }

/* Input invalid */
input.ng-invalid {
  background-color: #f0dddb; }

.edit-form > .modal-body {
  background-color: #fff; }

.list-form > .modal-body {
  background-color: #def3fa; }

.carrello > .modal-body {
  background-color: #dfecec; }

.truncate {
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.truncate-line {
  max-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  padding: 5px;
  text-overflow: ellipsis; }

/* test per il drag and drop, vedi gruppi merceologici */
.table.row-move td:hover {
  cursor: move; }

.table.table-sm-sm th,
.table.table-sm-sm td {
  padding: 0;
  margin: 0; }

/* Pannello ToDo */
.paneltodo {
  /*background: #ffff88;*/
  opacity: 0.95;
  height: 100%; }
  .paneltodo .table {
    border: red; }

.modal-todo {
  animation-name: slidein;
  animation-duration: 0.5s; }

@keyframes slidein {
  from {
    transform: translateX(100%) scale(2.2); }
  to {
    transform: translateX(0) scale(1); } }
/*@import url('https://fonts.googleapis.com/css2?family=Square+Peg&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');*/
.sticky {
  line-height: 1;
  text-align: center;
  width: 250px;
  margin: 25px;
  min-height: 200px;
  /*max-height: 250px;*/
  padding: 15px;
  position: relative;
  border: 1px solid #E8E8E8;
  border-top: 2px solid #fdfd86;
  font-family: 'Reenie Beanie', cursive;
  /*font-family: 'Square Peg', cursive;
  font-family: 'Shadows Into Light', cursive;*/
  font-size: 34px;
  border-bottom-right-radius: 60px 6px;
  /*display: inline-block;*/
  display: inline-flex;
  background: #ffff88;
  /*   transform: rotate(-1deg); */ }
  .sticky:after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -0px;
    bottom: 20px;
    width: 240px;
    height: 25px;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 2px 15px 5px rgba(0, 0, 0, 0.4);
    -moz-transform: matrix(-1, -0.1, 0, 1, 0, 0);
    -webkit-transform: matrix(-1, -0.1, 0, 1, 0, 0);
    -o-transform: matrix(-1, -0.1, 0, 1, 0, 0);
    -ms-transform: matrix(-1, -0.1, 0, 1, 0, 0);
    transform: matrix(-1, -0.1, 0, 1, 0, 0); }
  .sticky:hover {
    cursor: pointer; }

.cart-basket {
  font-size: .8rem;
  right: -5px;
  width: 18px;
  height: 18px;
  color: #fff;
  /*background-color: #418deb;*/
  background-color: #6F0101;
  border-radius: 60%; }

.caret-icon {
  position: relative; }
  .caret-icon:before {
    content: "\f0da";
    display: inline;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: .3em; }
    @supports (-moz-appearance: none) {
      .caret-icon:before {
        top: 16px; } }

.caret-icon-left:after {
  content: "\f0d9";
  display: inline;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 0;
  left: 102%;
  /*@supports (-moz-appearance:none) {
  	top: 16px;
  }*/ }

.dropdown-menu {
  width: max-content; }

.dropdown-menu li {
  position: relative; }

.nav-item .submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: -7px; }

.nav-item .submenu-left {
  display: none;
  position: absolute;
  right: 100%;
  top: -7px; }

.nav-item .submenu-center {
  display: none;
  position: absolute;
  right: 60%;
  top: 2em; }

.dropdown-menu > li:hover {
  background-color: #f1f1f1; }

.dropdown-menu > li:hover > .submenu {
  display: block; }

.dropdown-menu > li:hover > .submenu-left {
  display: block; }

@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu {
    top: 2em;
    left: 20%; }

  .caret-icon:before {
    display: none; }

  .caret-icon-left:after {
    display: none; } }
.card {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); }

/*.card{
    padding-top: 10px;
    height: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
}
.bi{
    text-align: right;
    padding-right: 10px;
    font-size: 26px;
    cursor: pointer;
}
h5{
    padding-top: 15px;
}
.btn{
    padding: 5px 25px;
    margin-top: 10px;
}
@media(max-width: 768px){
    img{
        height: 100%;
    }
}
@media(max-width: 575px){
    .container{
        width: 90%;
    }
}*/

/*# sourceMappingURL=main.css.map */

.popover-header {
	/*background-color: #4d94ff;	Azzurro */
	background-color: #cc8800;
	color: #f9f9f9;
	height: 22px;
	padding: 2px;
}