@import url('https://fonts.googleapis.com/css?family=Inconsolata');


/*templete boostrap*/

html, body {
  overflow-x: hidden;
  padding-bottom: 3rem;
  /* Prevent scroll on narrow devices */

}

body {
  /*padding-top: 10rem;*/
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.no_link:hover {
  text-decoration: none!important;
}


@media (max-width: 767.98px) {
  .offcanvas-collapse {
    position: fixed;
    top: 56px;
    /* Height of navbar */
    bottom: 0;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    background-color: var(--gray-dark);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  .offcanvas-collapse.open {
    -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem);
    /* Account for horizontal padding on navbar */
  }
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: var(--secondary);
}

.nav-underline .nav-link:hover {
  color: var(--blue);
}

.nav-underline .active {
  font-weight: 500;
  color: var(--gray-dark);
}

/*.text-white-50 { color: rgba(255, 255, 255, .5); }*/

.bg-purple {
  background-color: var(--purple);
}

.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .20);
}

.lh-100 {
  line-height: 1;
}

.lh-125 {
  line-height: 1.25;
}

.lh-150 {
  line-height: 1.5;
}

.col-md-8 {
  max-width: 100% !important;
}

.order-md-1 {
  margin-top: 1.5rem;
}

.accordion {
  margin-top: 1rem;
}

.btn {
  /*margin-right: 0.5rem !important;*/
  /*margin-left: 10%;
  margin-bottom: 0.5rem !important;
  width: 80%;
  height: 3.2rem;
  white-space: normal !important;
  height: auto;*/
}

.prod {
  display: inline-block;
}

.riepilogo {
  /*position: fixed;*/
  margin: 0.5rem;
  bottom: 2rem;
  right: 2rem;
  z-index: 99;
  width: auto;
}

.left {
  display: inline-block;
  margin-right: 2rem;
}

.right {
  display: inline-block;
  float: right;
  /*margin-right: 0.7rem;*/
}

.riep_lat {
  width: auto;
  position: fixed;
  bottom: 2rem;
  margin-right: 0.5rem !important;
  background: yellow;
  right: 2rem;
  max-height: 70%;
  height: auto;
  overflow: auto;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem;
  z-index: 99;
}

.elenco {
  list-style-type: none;
  padding: 1rem;
  padding-bottom: 0;
  margin-bottom: 0;
}



.carousel-control-prev, .carousel-control-next {
  width: 5% !important;
  color: black;
}

.separatore {
  padding-left: 1rem;
  font-size: 1.3rem;
  border-left: 6px solid #007bff;
  margin-bottom: 0;
}

.desc {
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.pos-f-t{
  position: fixed;
  z-index: 99;
  width: 100%;
  height: auto;
  overflow: auto;
}

.table_riepilogo{
  margin-bottom: 0!important;
  max-height: 17rem;

}

.text-muted{
  margin-bottom: 3rem;
}

.no_prod{
  width: 100%;
text-align: center;
margin: 5rem;
font-size: 2rem;
}


.btn-outline-success{
  margin-top: 4rem;
  font-size: 1.6rem!important;
}

.unitamisura{
  display: inline-block;
padding: .75rem 0;
margin-bottom: 0!important;
}

.quantita{
  margin-right: 0!important;
    margin-left: 0!important;
    margin-bottom: 1.5rem;
}

.bg-info{
  font-size: 2rem;
  text-align: center;
  width: 100%;
  margin-bottom: 0!important;
}

.divisore{
      background: rgba(255, 204, 128, 0.88)!important;
      text-align: center;
      font-size: 2rem;
      position: relative;
      top: -40px;
}

.divisore-dark{
      background: rgba(255, 204, 128, 1)!important;
      text-align: center;
      font-size: 2rem;
      position: relative;
      top: -40px;
}

.list_prod{
  display: inline-block;
  /*width: 38%;
  /*margin-left: 1rem;*/
  padding: 0!important;
  /*position: absolute!important;
  top: 4rem;*/
  margin-top: 2rem;
  height: 100%;
max-height: 100%;
}

#prod_choose{
  display: inline-block;

  padding: 0!important;

  margin-top: 2rem;
}

.list_cat{
  display: inline-block;
  /*position: absolute!important;
  top: 4rem;*/
  padding: 0!important;
  /*width: 18%;
  /*margin-left: 1rem;*/
  margin-top: 2rem;
}

/*.container{
  position: absolute!important;
  top: 4rem;
}*/

.badge{
  font-size: 1.4rem!important;
  margin: 0.4rem;
}

.fa-arrow-right{
  font-size: 1.5rem!important;
    border-radius: 1rem;
    padding: 0.3rem;
    margin-right: 0.3rem;
}

.fas:hover{
  /*background: grey;*/

}



.zoom{
  transition: transform .2s; /* Animation */
  z-index: 99;
}

.zoom:hover {
    transform: scale(1.01); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.listino{
  width: 100%;
}


.none{
  display: none!important;
}

.card{
  border-radius: 0rem!important;
  text-align: center;
  border: 0!important;
}

#prodotti_categ{
      border: 1px solid rgba(0,0,0,0);
}

.overflow{
  padding: 0;
  border-radius: 0rem;
  display: table;

}

.overflow > .collapsed:hover{

  background: #ffe6c0;
}


.focus_caratteristiche{
  background: #ffe6c0;
}

.btn2 {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    border: 2px white!important;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    /* border-radius: .25rem; */
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.btn2 {
    /* margin-right: 0.5rem !important; */
    /* margin-bottom: 0.5rem !important; */
    width: 80%;
    height: 3.2rem;
    white-space: normal !important;
    height: auto;
    width: 100%;
}


.logo .active > a {
    background-color: #00bcd4;
    -webkit-box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
  }

  .logo .nav-item p {
    margin: 0;
    margin-bottom: 0!important;
    line-height: 30px;
    font-size: 14px;
    position: relative;
    display: block;
    height: auto;
    white-space: nowrap;
  }

  .logo .active{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .logo .nav-item i {
    font-size: 24px;
    float: left;
    margin-right: 15px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    color: #a9afbb;
}


.sidebar .logo .sidebar-wrapper {
    position: relative;
    height: auto;
    overflow: auto;
    width: 260px;
    z-index: 4;
    padding-bottom: 30px;
}


/*nav bar speciale*/

/*.crea_listino{
  position: relative;
    bottom: 1rem;
    left: 25%;
    width: 50%;
    margin-top:2rem;
}*/

.div_invia{
  /*position: fixed;*/
  bottom: 0;
  left: 0;
  width: 100%;
}

.focus{
  /*background: #e9ecef!important;*/
  /*background: #ced4da!important;*/
  background: #577698!important;
  color:white!important;
  text-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, 0.45);
}

/*radio speciale*/


.inputGroup {
  background-color: #fff;
  display: block;
  margin: 10px 0;
  position: relative;
}

.inputGroup label {
  padding: 12px 30px;
  width: 100%;
  display: block;
  text-align: left;
  color: #3C454C;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
}

.inputGroup label:before {
  width: 18px;
  height: 10px;
  border-radius: 50%;
  content: '';
  background-color: #5562eb;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}

.inputGroup label:after {
  width: 32px;
  height: 32px;
  content: '';
  border: 2px solid #D1D7DC;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}

.inputGroup input:checked ~ label {
  color: #fff;
}

.inputGroup input:checked ~ label:before {
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}

.inputGroup input:checked ~ label:after {
  background-color: #54E0C7;
  border-color: #54E0C7;
}

.inputGroup input {
  width: 32px;
  height: 32px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}

.form {
  padding: 0 16px;
  max-width: 550px;
  margin: 50px auto;
  font-size: 18px;
  font-weight: 600;
  line-height: 36px;
}

body {
  background-color: #D1D7DC;
  font-family: 'Fira Sans', sans-serif;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

code {
  background-color: #9AA3AC;
  padding: 0 8px;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.inline-block{
  display: inline-block!important;
}

.show{

  padding-right: 0!important;
}

#page-top{
  padding-right: 0!important;
}

.custom-radio, .form-check{
  margin-bottom: 0.5rem!important;
}

#info_note{
  padding-bottom: 3rem;
}
.su{
  top: -30px;
position: relative;
}


.breadcrumb{
  /*background-color: #ffe6c0!important;*/
  background-color: #ffffff!important;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .10);

}
 a{
   /*color: chocolate!important;*/


 }

 .sfondo_azzurro{

   background-color: cadetblue!important;


 }

 .text-white{
   text-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, 0.45);
 }

 .btn-outline-success {
    color: rgba(255, 204, 128, 0.88)!important;
    text-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, 0.45);
    width: 80%;
    margin-left: 10%;
    border-color: rgba(255, 204, 128, 0.88)!important;
}

.btn-outline-success:hover {
    color: #fff!important;
    background-color:  rgba(255, 204, 128, 0.88)!important;
    border-color:  rgba(255, 204, 128, 0.88)!important;
}

.intestazione{
  margin-left: 3%;
}

.logo_img{
  position: relative;
  top: -3.2rem;
}

.logo{
  font-family: 'Inconsolata', monospace;
  color: white!important;
  font-size: 2.3rem;
  position: relative;
  text-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, 0.45);
  top: 1rem;
  margin-top: 2rem;
  margin-left: 2rem;
  width: auto;
}
.logo:hover{
  text-decoration: none!important;
}

.link-logout{
  font-family: 'Inconsolata', monospace;
  text-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, 0.45);
  position: relative;
  top: 1rem;
  /* margin-right: 3rem; */
  color: white!important;
  font-size: 1.5rem;
  /* margin-top: 2rem; */
  margin-left: 1rem;
}

.button_pieno{
    color: rgba(0, 0, 0, 0.5)!important;
    text-shadow: 0 0.05rem 0.05rem #e9ecef!important;
    background-color: #c0ffcb;
    border-color: #c0ffcb!important;

}

.button_pieno:hover{
  color: rgba(0, 0, 0, 0.5)!important;
  background-color: #fff;
  border-color: #c0ffcb!important;

}

.color-primario{
  background-color: rgba(255, 204, 128, 0.88)!important;
}

.color-listino{
  background-color: #a4cc8a!important;
}

.color-elencocli{
  background-color: #76b0d0!important;
}

.color-elencorap{
  background-color: #abcac8!important;
}

.color-elencoprod{
  background-color: #58b987!important;
}

.gest-ordini{
  background-color: #577698!important;
}

.calendario{
  background-color: #667775!important;
}


.fas{
  font-size: 18px

}

.btn-table{
  width: 46%;
}


/*radio speciale*/
@import 'https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.0/css/bootstrap.min.css'

.funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  margin-top: 2em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5bc0de;
}


.add_client{
  width: 100%;
  margin-bottom: 2rem;
  margin-top: 3rem;
  height: 1rem;
}


.selezionato_condividi{
  color: rgba(0, 0, 0, 0.5)!important;
  background-color: #fff;
  border-color: #c0ffcb!important;
}

.no_link:focus { outline: none; }


.promo {
  font-size: 1.2rem;
  text-align: left;
  padding: 0 1rem;
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #ffc107b3;
}

.btn-success.focus,
.btn-success:focus {
  box-shadow: 0 0 0 0.2rem #ffc107b3;
}