/*MAIN*/
#main{
    margin-left: 300px;
}
@media screen and (max-width: 1199px) {
    #main {
        margin-left: 0px;
    }
  }


/*LOGIN*/
.pulsante-login{
    background-color: #fff !important;
    border: 1px solid #ec7623 !important;
    border-radius: 0;
    color: #ec7623 !important;
    font-size: 15px !important;
}
.pulsante-login:hover, .pulsante-login:active{
    background-color: #ec7623 !important;
    color: #fff !important;
}
.form-control{
  border-radius: 0;
}
.form-control:focus, .form-check-input:focus{
  border-color: #ec7623;
  box-shadow: none;
}
.form-check-input:checked[type=checkbox]{
  background-color: #ec7623;
}
.form-check-input:checked{
    background-color: #fff;
    border: 2px solid #fff;
}
.form-check-input, .form-check-input:focus {
  border-color: #ec7623;
  box-shadow: none;
}
.form-check-input[type=checkbox]{
  border-radius: 0;
}
.bordo-login{
  border: 2px solid #ec7623;
}
@media screen and (max-width: 1599px) {
  .mobile {
    width: 60% !important;
  }
}
@media screen and (max-width: 1199px) {
  .pulsante-login {
    width: fit-content;
  }
}
@media screen and (max-width: 767px) {
  .mobile {
    width: 90% !important;
  }
}
@media screen and (max-width: 767px) {
  .img-mobile {
    width: 200px;
  }
}


/*SIDEBAR*/
.sidebar{
    position: fixed;
    left: 0;
    max-width: 300px;
    width: 100%;
    top: 0;
    bottom: 0;
    overflow: auto;
    z-index: 1030;
    display: flex;
    flex-direction: column;
    color: #fff;
}
.bg-sidebar{
  background-color: #ec7623;
}
@media screen and (max-width: 1199px) {
  .sidebar {
    display: none;
  }
}
/*link*/
.bg-sidebar .no-link{
  color: #fff;
}
.no-link, .no-link:hover{
    color: #000;
    text-decoration: none;
}
.nav-link:hover, .nav-link:focus, .active{
    color: #ec7623 !important;
    background-color: #fff;
}
/*utente*/
.icona-utente{
  width: 40px; 
  height: 40px; 
  background-color: #fff;
  color: #000; 
  border-radius: 50%;
}
.utente-dropdown{
  position: fixed !important;
  left:0 !important; 
  bottom: 70px !important; 
  border-radius: unset; 
  transform: none !important; 
  border:none; 
  width: 297px;
}
.account{
  transition: none !important;
  color: #fff;
}
.account:focus{
  outline: none !important;
  border: none;
}
.account:hover{
  outline: none !important;
  border: none;
  color:#ec7623 !important;
}
.logout:hover{
  color: #ec7623 !important;
}
.dropup .dropdown-toggle::after{
  transform: rotate(180deg);
}
.show::after{
  transform: rotate(0) !important;
}
/*soluzione privacy*/
.bg-sidebar-privacy{
  background-color: #1665c0;
}
.color-privacy{
  color: #fff;
}
.nav-link:hover.privacy, .nav-link:focus.privacy, .active.privacy{
  color: #1665c0 !important;
  background-color: #fff;
}

/*SOLUZIONE PRIVACY*/
hr.privacy{
  border-top: 2px solid #1665c0;
  opacity: 0.50;
}
.pulsante-login.privacy{
  background-color: #fff !important;
  border: 1px solid #1665c0 !important;
  border-radius: 0;
  color: #1665c0 !important;
  font-size: 15px !important;
}
.pulsante-login:hover.privacy, .pulsante-login:active.privacy{
  background-color: #1665c0 !important;
  color: #fff !important;
}
.form-control:focus.privacy{
  border-color: #1665c0;
  box-shadow: none;
}



  /*OFF CANVAS*/
.offcanvas-header{
  justify-content: center;
}
.mobile-menu .btn-close{
  width: .85em;
  height: .85em;
  position: fixed;
  left: 32px;
  top: 30px;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}
.mobile-menu .btn-close:focus{
  opacity: .5;
  box-shadow: none;
}
.sidebar-toggler{
    background-color: transparent;
    border: none;
    font-size: 25px;
    position: absolute;
    top: 12px;
    right: 10px;
}
.sidebar-toggler-icon {
  position: fixed;
  right: 20px;
  top: 20px;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-color: #fff;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  color: #212529;
}
@media screen and (max-width: 1199px) {
  .modal-backdrop{
    z-index: 0;
  }
}
@media screen and (max-width: 425px) {
    .sidebar-toggler{
        left: 315px !important;
    }
  }
@media screen and (min-width: 1200px) {
    .mobile-menu {
      display: none;
    }
  }
@media screen and (max-width: 1200px) {
    .margine-mobile-main {
      margin-top: 0rem !important;
    }
  }
@media screen and (max-width: 1200px) {
    .utente-dropdown {
      transform: translate3d(-64px, -42px, 0px) !important;
      bottom: 12px !important;  
      position: absolute !important;
      width: calc(100% + 64px);
    }
  }


/*ASSOCIATI*/
.link-associati{
  text-decoration: none;
  color: #000 !important;
}
.cambio-background:hover{
  background-color: #f7f7f7;
  transition: 0.3s;
}
.paginate_button.page-item.active a{
  background-color: #ec7623 ;
  color: #fff !important;
  border-color: #ec7623;
}
.page-item a{
  color: #ec7623 !important;
}
.page-link:focus{
  box-shadow: none;
}
.paginate_button.page-item.next a{
  color: #ec7623;
}
.page-item:first-child .page-link{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.page-item:last-child .page-link{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.non-pagamenti{
  width: 25px; 
  height: 25px; 
  color: #fff; 
  border-radius: 50%;
  font-weight: 600;
  font-size: 16px !important;
}
hr{
  border-top: 2px solid #ec7623;
  opacity: 0.50;
}
#tableAssociati_info, #tableAssociati_paginate, #tableAssociatiLegale_info, #tableAssociatiLegale_paginate, #tableAssociatiEffettivi_info, #tableAssociatiEffettivi_paginate{
  margin-top: 28px !important;
}
#tableAssociati_length, #tableAssociatiLegale_length, #tableAssociatiEffettivi_length{
  margin-bottom: 25px !important;
}
.bonifico-permanente{
  width: 10px; 
  height: 10px; 
  border-radius: 50%;
  flex: 0 0 auto;
}
@media screen and (max-width: 1818px) {
  .dimensione-mobile{
    font-size: 14px !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .margin-button-mobile{
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 1199px){
  .margin-button-mobile{
    margin-left: 10px !important;
  }
}
@media screen and (max-width: 1199px) {
  .margin-icon-mobile{
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 1199px) {
  .pulsanti-menu-mobile{
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .select-home{
    justify-content: flex-start !important;
  }
}
@media screen and (max-width: 1199px) {
  .select-home-margin{
    margin-left: 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .paginate_button.page-item.next, .paginate_button.page-item.previous{
    display: none;
  }
}
.dtr-data{
  display: flex;
  align-items: baseline;
}








/*SCHEDA ASSOCIATO*/
.fs-7{
  font-size: 1.15rem !important;
}
.mostra-piu{
  text-decoration: none;
  color: #000;
  font-weight: 600;
}
.mostra-piu:hover{
  color: #000;
}
.visualizza{
  color: #ec7623;
}
.visualizza:hover{
  color: #ec7623;
}
.elimina{
  color: #ab0a0a;
}
.elimina:hover{
  color: #ab0a0a;
}



/*MODAL*/
.email-modal{
  color: #000;
  text-decoration: none;
}
.email-modal:hover{
  color: #fff;
}
.bg-modal{
  background-color: #f7f7f7;
}
.bg-modal:hover{
  background-color: #858484;
}
.modal-header .btn-close{
  display: none !important;
}
.modal-footer .btn{
  border-radius: 0 !important;
}
.bg-modal-export{
  background-color: #f7f7f7;
}
.bg-modal-export:hover{
  background-color: #198654;
}



/*AGGIUNGI ASSOCIATO*/
.form-select{
  border-radius: 0;
}
.form-select:focus{
  border-color: #ec7623;
  box-shadow: none;
}
.bg-modal.modal-associato:hover{
  background-color: #ab0a0a !important;
}


/*REGISTRA PAGAMENTO*/

.btn-collapse{
  background-color: #ec7623;
  color: #fff;
  border-radius: 2px;
}
.btn-collapse:hover{
  background-color: #fff;
  color: #ec7623;
  border: 1px solid #ec7623;
}

.form-switch .form-check-input:focus{
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPSdyZ2JhKDAsIDAsIDAsIDAuMjUpJy8+PC9zdmc+);
}
.switches.form-check-input[type=checkbox]{
  border-radius: 2em;
}
/*MOBILE*/
@media screen and (max-width: 1199px) {
  .width-mobile{
    width: 100% !important;
  }
}
@media screen and (max-width: 1199px) {
  .padding-mobile{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

/*scheda-associato*/
@media screen and (max-width: 1199px) {
  .spacing-mobile-start{
    padding-left: 0 !important;
    margin-left: 1rem !important ;
  }
}
@media screen and (max-width: 1199px) {
  .spacing-mobile-end{
    padding-right: 0 !important;
    margin-right: 0 !important ;
  }
}
@media screen and (max-width: 1199px) {
  .scheda-associato-mobile{
    font-size: 1rem !important;
    margin-bottom: 0.5rem!important;
    margin-top: 0.8rem!important;
  }
}
@media screen and (max-width: 1199px) {
  .pulsante-centrato-mobile{
    display: flex;
    justify-content: center;
  }
}

/*home*/
  .button-mobile{
    display: flex;
    flex-direction: row;
  }
@media screen and (max-width: 1818px) {
  .button-modifica-mobile{
    margin-top: 0 !important;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .button-mobile{
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 1440px) {
  .button-modifica-mobile{
    margin-top: 0.5rem !important;
  }
}