/*

compile: sass app.scss ../css/app.css

*/

:root {

  --bs-body-font-size: 0.85rem;

}



a, a:link, a:hover, a:visited {

  color: #000000;

}



.form-label {

  margin-bottom: 0.25rem;

}



.btn {

  --bs-btn-font-size: 0.85rem;

}



.btn-primary {

  --bs-btn-color: #fff;

  --bs-btn-bg: #35B50E;

  --bs-btn-border-color: #35B50E;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #35B50E;

  --bs-btn-hover-border-color: #35B50E;

  --bs-btn-focus-shadow-rgb: 49,132,253;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #35B50E;

  --bs-btn-active-border-color: #35B50E;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;

  --bs-btn-disabled-bg: #35B50E;

  --bs-btn-disabled-border-color: #35B50E;

}



a.btn-primary, a.btn-primary:link, a.btn-primary:hover, a.btn-primary:visited {

  color: #DDFADD;

}



a.btn-secondary, a.btn-secondary:link, a.btn-secondary:hover, a.btn-secondary:visited {

  color: white;

}



a.navbar-brand, a.navbar-brand:link, a.navbar-brand:hover, a.navbar-brand:visited {

  color: white;

}



.form-control {

  font-size: 0.85rem;

}



.card {

  box-shadow: 3px 3px 6px 0px #4E4E4E;

}



input[required] {

  background-color: #DDFADD;

}



html,

body {

  overflow-x: hidden;

  /* Prevent scroll on narrow devices */

}

button.accordion-button{
  height: 120px;
}

body {

  padding-top: 56px;

}

.body-auth {

  padding-left: 250px;

}



.bg-dark {

  background-color: #4E4E4E !important;

}



.banner {

  background-color: #D9D9D9;

  color: #374151;

}



@media (max-width: 1199px) {

  .body-auth {

    padding-left: 0;

  }

}

.navbar-toggler {

  margin-right: 15px;

}



.offcanvas-start {

  width: 250px !important;

}



.offcanvas .card-header {

  background-color: #35B50E;

  color: #DDFADD;

}



.offcanvas-header {

  align-items: self-start;

}



.offcanvas .btn-close {

  background: #4E4E4E;

}



.offcanvas .btn-close:after {

  content: "X";

  color: #D9D9D9;

}



.transaction-deleted {

  text-decoration: line-through;

}



.autocompleteBS-items {

  top: auto !important;

}

button.carousel-control-prev,
button.carousel-control-next{
  background-color: #000000;
}

.denominations_icon{
  height: 20px;
  width: 35px;
  margin: 0 auto;
  object-fit: cover;
}


@media print {

  .offcanvas, .navbar, .form-movement, .btn-save, .btn-print, .fa-trash, #opChart, #agChart {

    display: none !important;

  }



  .col-6 {

    width: 100%;

  }

}

.abbonamento{transition:0.3s all linear;}
.abbonamento.active{
  border-color:#35B50E;
  box-shadow: 3px 3px 6px 0px #35B50E;
}

.i_tuoi_abbonamenti{
  text-transform: uppercase;
  font-size:20px;font-weight: 700;
  margin-top:3rem;
  margin-bottom:1.5rem
}

#subscriptions .single_subscription{
  width: calc(50% - 15px);
    border: 2px solid #888;
    padding: 20px;
    border-radius: 7px;
}
#subscriptions .account_subscription_title{
  text-transform:uppercase;
  font-weight:700;
  font-size:17px;
  font-style: italic;
}
#subscriptions .account_subscription_state{
  margin-bottom: 10px;
  font-size: 15px;
}
#subscriptions .account_subscription_state span{
  font-weight:600;
}
#subscriptions .account_subscription_date{
  margin-bottom: 10px;
  font-size: 15px;
}
#subscriptions .account_subscription_date span{
  font-weight:600;
}
#subscriptions .account_subscription_link{
  margin-bottom: 5px;
  font-size: 15px;
}
#subscriptions .single_subscription .btn_divider{
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  border-top: 2px solid #ccc;
  padding-top: 15px;
}


.loader {
  position: relative;
  width: 120px;
  height: 90px;
  margin: 0 auto;
}
.loader:before {
  content: "";
  position: absolute;
  bottom: 30px;
  left: 50px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #FF3D00;
  animation: loading-bounce 0.5s ease-in-out infinite alternate;
}
.loader:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 7px;
  width: 45px;
  border-radius: 4px;
  box-shadow: 0 5px 0 #fff, -35px 50px 0 #fff, -70px 95px 0 #fff;
  animation: loading-step 1s ease-in-out infinite;
}

@keyframes loading-bounce {
  0% { transform: scale(1, 0.7)}
  40% { transform: scale(0.8, 1.2)}
  60% { transform: scale(1, 1)}
  100% { bottom: 140px }
}
@keyframes loading-step {
  0% {
    box-shadow: 0 10px 0 rgba(0,0,0,0),
                0 10px 0 #fff,
              -35px 50px 0 #fff,
              -70px 90px 0 #fff;
  }
  100% {
    box-shadow: 0 10px 0 #fff,
              -35px 50px 0 #fff,
              -70px 90px 0 #fff,
              -70px 90px 0 rgba(0,0,0,0);
  }
}

.loading_div{
  background: #00000070;
  position: absolute;
  top: 0;
  left: 125px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*# sourceMappingURL=app.css.map */

.table.dataTable,.dataTables_scrollHeadInner{
  width:100% !important
}