/*-- Main --*/
.main-body {
  margin-left: 70px;
  margin-top: calc(10vh + 40px);
  padding: 0 40px;
  transition: 0.3s;
}

.fixed-open-sidebar .main-body {
  margin-left: 260px;
  width: calc(100% - 260px);
}

@media only screen and (min-width: 992px) {
  .fixed-close-sidebar .main-body {
    width: calc(100% - 70px);
  }
}

@media only screen and (max-width: 991px) {
  .main-body {
    width: 100% !important;
    margin-left: 0px !important;
    padding: 0 25px;
  }
}

.main-body .section-heading .heading-path h4 {
  font-weight: 400 !important;
  color: var(--pathColor) !important
}

/*-- Dashboard --*/
.main-body .menu-summary {
  width: 100%;
}

.main-body .menu-summary .summary-card {
  width: calc(100% / 4.2);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
  border-radius: 1px;
}

@media only screen and (max-width: 991px) {
  .main-body .menu-summary {
    flex-wrap: wrap;
  }

  .main-body .menu-summary .summary-card {
    width: calc(100% / 2.05);
  }

  .main-body .menu-summary .summary-card:first-child, .main-body .menu-summary .summary-card:nth-child(2) {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .main-body .menu-summary .summary-card {
    width: 100%;
  }

  .main-body .menu-summary .summary-card:nth-child(3) {
    margin-bottom: 15px;
  }
}

.main-body .menu-summary .summary-card .card-title {
  padding-top: 30px;
  margin-bottom: 0 !important
}

.main-body .menu-summary .summary-card .card-title i {
  font-size: 45px;
}

.main-body .menu-summary .summary-card .card-title i, .main-body .menu-summary .summary-card .card-title h4 {
  color: var(--brandColor500);
}

.main-body .menu-summary .summary-card .card-title h4 {
  text-align: center;
}

.main-body .menu-summary .summary-card .card-content {
  background-color: var(--brandColor300);
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}

.main-body .menu-summary .summary-card .card-content .card-text {
  padding: 8px 20px;
}

.main-body .menu-summary .summary-card .card-text i, .main-body .menu-summary .summary-card .card-text {
  color: var(--white)
}

main .layer {
  width: 0;
  height: 100vh;
  background-color: var(--popupLayer);
  position: fixed;
  top: 10vh;
  z-index: 998;
}

/*--*** Login ***--*/
main .login-background div {
  width: 100%;
  height: 100%;
}

main .login-form .login-form-content .input-group input {
  border-radius: 1px;
  border: 1px solid var(--brandColor300);
  box-shadow: none;
  color: var(--brandColor);
  padding: 10px 20px;
  font-family: "Montserrat", "FontAwesome";
}

main .login-form .login-form-content form {
  width: 100%;
}

main .login-form .login-form-content .button-group .btn-login {
  width: 100%;
  border-radius: 1px;
  background-color: var(--brandColor300);
  color: var(--white);
  padding: 10px 20px;
}

main .login-form .login-right {
  width: 100%;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%, -10px);
}

main .login-form .login-right img {
  max-width: 150px;
}

@media only screen and (max-width: 575px) {
  main .login-form .login-right img {
    max-width: 120px;
  }
}

/*-- Login form content --*/
@media only screen and (min-width: 1200px) {
  main .login-form .login-form-content {
    width: 45%;
  }
}

@media only screen and (max-width: 1199px) {
  main .login-form .login-form-content {
    width: 55%;
  }
}

@media only screen and (min-width: 992px) {
  main .login-background {
    width: 35%;
    height: 100vh;
  }

  main .login-background div {
    background-image: url("../images/v_sfondo.png");
    background-position: right;
    background-size: cover;
  }

  main {
    flex-direction: row;
  }

  main .login-form {
    width: 65%;
    height: 100vh;
    position: relative;
  }

  main .login-form .login-form-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  main .login-form .login-form-content img {
    width: 300px;
  }
}

@media only screen and (max-width: 991px) {
  main .login-background {
    width: 100%;
    height: 35vh;
  }

  main .login-background div {
    background-image: url("../images/h_sfondo.png");
    background-position: bottom;
    background-size: cover;
  }

  main {
    flex-direction: column;
  }

  main .login-form {
    width: 100%;
    height: 65vh;
    position: relative;
  }

  main .login-form .login-form-content {
    width: 45%;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -20%);
  }

  main .login-form .login-form-content img {
    width: 250px;
  }
}

@media only screen and (max-width: 767px) {
  main .login-form .login-form-content {
    width: 65%;
  }
}

@media only screen and (max-width: 575px) {
  main .login-form .login-form-content {
    width: 85%;
  }
}

/*--*** Contratti ***--*/
/*-- Filtri di ricerca --*/
.search-filters-dropdwon {
  background-color: var(--white);
}

.search-filters-dropdwon .dropdwon-header {
  background-color: var(--filterColor);
  border: 1px solid var(--filterBorderColor);
  padding: 15px 20px;
}

.search-filters-dropdwon .dropdwon-header h5 {
  color: var(--brandColor);
  font-weight: 400;
}

.search-filters-dropdwon .dropwdown-content {
  border-bottom: 1px solid var(--filterBorderColor);
  border-left: 1px solid var(--filterBorderColor);
  border-right: 1px solid var(--filterBorderColor);
}

.search-filters-dropdwon .dropwdown-content .form-horizontal {
  width: 100%;
  padding: 20px;
}

.search-filters-dropdwon .dropwdown-content input {
  width: 100%;
  border: 1px solid var(--filterBorderColor);
  padding: 10px 20px;
}

.search-filters-dropdwon .dropwdown-content select {
  width: 100%;
  border: 1px solid var(--filterBorderColor);
  padding: 12px 20px;
}

@media only screen and (min-width: 768px) {

  .search-filters-dropdwon .dropwdown-content .col-md-4:not(:first-child):not(:last-child),
  .search-filters-dropdwon .dropwdown-content .col-md-6:not(:first-child):not(:last-child),
  .search-filters-dropdwon .dropwdown-content .col-md-8:not(:first-child):not(:last-child) {
    padding: 0 5px;
  }

  .search-filters-dropdwon .dropwdown-content .col-md-2:last-child,
  .search-filters-dropdwon .dropwdown-content .col-md-4:first-child,
  .search-filters-dropdwon .dropwdown-content .col-md-6:first-child,
  .search-filters-dropdwon .dropwdown-content .col-md-8:first-child {
    padding-right: 5px;
  }

  .search-filters-dropdwon .dropwdown-content .col-md-2 {
    padding: 0 5px
  }

  .search-filters-dropdwon .dropwdown-content .col-md-2:last-child,
  .search-filters-dropdwon .dropwdown-content .col-md-4:last-child,
  .search-filters-dropdwon .dropwdown-content .col-md-6:last-child,
  .search-filters-dropdwon .dropwdown-content .col-md-8:last-child {
    padding-left: 5px;
  }

  .search-filters-dropdwon .dropwdown-content .col-md-3:last-child {
    padding-left: 10px;
  }
}

@media only screen and (min-width: 768px) {
  .search-filters-dropdwon .dropwdown-content .row {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .search-filters-dropdwon .dropwdown-content .row>div {
    margin-bottom: 10px;
  }

  .search-filters-dropdwon .dropwdown-content .form-button {
    margin-top: 0;
  }

  .search-filters-dropdwon .dropwdown-content .form-button button {
    width: 100%;
    margin-right: 0 !important;
    margin-top: 10px;
    font-size: 15px;
  }
}

.search-filters-dropdwon .dropwdown-content .form-button button {
  background-color: var(--white);
  border: 1px solid var(--filterBorderColor);
  color: var(--brandColor);
  padding: 10px 20px;
  transition: 0.5s;
}

@media (pointer:fine) {
  .search-filters-dropdwon .dropwdown-content .form-button button:hover {
    background-color: var(--filterColor)
  }
}

/*-- Dropwdown Elementi --*/
.table-action .table-length .dataTables_length label select {
  border: 1px solid var(--filterBorderColor);
  box-shadow: none;
  padding: 7px;
  margin: 0 5px;
}

@media only screen and (max-width: 1203px) {
  .fixed-open-sidebar #tab_contratti_wrapper .table-action .table-length {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1013px) {
  .fixed-close-sidebar #tab_contratti_wrapper .table-action .table-length {
    margin-bottom: 20px;
  }
}

.table-action .table-button .btn {
  border-radius: 3px;
  font-size: 14px;
  padding: 10px 15px;
}

@media only screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
    text-align: left !important;
  }
}

@media only screen and (max-width: 991px) {
  .table-action {
    flex-direction: column;
  }

  .dataTables_wrapper:not(.modal .dataTables_wrapper) .table-action .table-length {
    margin-bottom: 20px;
  }

  #tab_distinte_wrapper .table-action .table-length {
    margin-bottom: 0px !important
  }

  .table-action .table-button {
    justify-content: flex-start !important;
  }
}

/*-- Table --*/
.dataTables_wrapper .table {
  /*width: 100% !important;*/
  margin-bottom: 0;
  overflow-x: scroll;
}

.dataTables_wrapper .table thead tr th {
  width: auto;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px !important;
  padding-left: 0;
  white-space: nowrap;
}

.dataTables_wrapper .table:not(#tab_distinta):not(#tab_file):not(#tab_file_pratica) tbody tr td {
  padding: 10px;
  white-space: nowrap;
}

.dataTables_wrapper #tab_file tbody tr td {
  cursor: default !important;
}

#tab_distinta tbody span i{
  line-height: 2em;
}

#tab_distinta thead tr th {
  text-align: left !important;
}

@media only screen and (min-width: 992px)
{
  #modal_dis .modal-dialog{
    max-width: 1500px !important;
    width: 88% !important;
  }
}


/*.dataTables_wrapper #tab_riepilogo tbody tr td,
.dataTables_wrapper #tab_file tbody tr td,
.dataTables_wrapper #tab_incarico_bolli tbody tr td,
.dataTables_wrapper #tab_distinta tbody tr td,
.dataTables_wrapper #tab_pagaoltrescad_det tbody tr td {
  cursor: default;
}
*/
#tab_contratti .btn {
  border: 0 !important
}

.dataTables_wrapper .table:not(#tab_riepilogo):not(#tab_file):not(#tab_incarico_bolli):not(#tab_pagaoltrescad_det):not(#tab_file_pratica) tbody tr td {
  cursor: pointer;
}

/*-- Table Pagination --*/
@media only screen and (max-width: 767px) {
  .dataTables_wrapper .table-information {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .dataTables_wrapper .table-information .dataTables_info {
    margin-bottom: 20px;
  }
}

.dataTables_wrapper .dataTables_paginate .pagination .paginate_button {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
  border-radius: 1px;
  padding: 10px 15px;
  transition: 0.5s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dataTables_wrapper .dataTables_paginate .pagination .paginate_button {
    padding: 9px 14px;
  }
}

@media only screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_paginate .pagination .paginate_button {
    padding: 8px 13px;
  }
}

.dataTables_wrapper .dataTables_paginate .pagination .disabled {
  background: #f0f0f0
}

.dataTables_wrapper .dataTables_paginate .pagination .paginate_button:not(.disabled) {
  cursor: pointer
}

.dataTables_wrapper .dataTables_paginate .pagination .active {
  background-color: var(--btn-primary) !important;
}

.dataTables_wrapper .dataTables_paginate .pagination .active a {
  color: var(--white) !important
}

.dataTables_wrapper .dataTables_paginate .pagination .paginate_button:hover:not(.disabled) {
  background-color: var(--btn-primary) !important;
  box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .pagination .paginate_button:hover:not(.disabled) a {
  color: var(--white) !important
}

.dataTables_wrapper .dataTables_paginate .pagination .paginate_button {
  margin: 0 3px;
}

.dataTables_wrapper .dataTables_paginate .pagination .paginate_button:first-child {
  margin-left: 0;
}

.dataTables_wrapper .dataTables_paginate .pagination .paginate_button:last-child {
  margin-right: 0;
}

/*-- Legenda --*/
.legenda .legenda-body {
  display: inline-block;
}

.legenda .legenda-body li h6 {
  color: #666;
  font-style: italic;
  font-size: 14px !important;
}

.legenda .legenda-body .fa-circle-exclamation {
  color: red;
}

.legenda .legenda-body .fa-circle-check {
  color: green
}

.legenda .legenda-body .fa-ghost {
  color: #a4b7c1;
  margin-left: 2px;
}

/*---*** Popup ***---*/
.form-horizontal .titpar hr {
  margin-top: 10px !important;
  color: var(--brandColor)
}

.form-horizontal .titpar .form-group {
  margin-top: 10px !important;
}

.form-horizontal .titpar .form-group div .popup-form-control {
  width: 100%;
  border: 1px solid var(--filterBorderColor);
  padding: 5px 15px;
}

#modal_stoveic #parcli1 .accordion-body input, #modal_stoveic #parcli1 .accordion-body select {
  width: 100%;
  border: 1px solid var(--filterBorderColor);
  padding: 5px 15px;
}

#modal_stoveic #parcli1 .accordion-body hr {
  margin-top: 10px !important;
  color: var(--brandColor);
}

#modal_stoveic #parcli1 .accordion-body .form-group {
  margin-top: 10px !important;
}

@media only screen and (max-width: 767px) {
  #modal_stoveic #parcli1 .accordion-body .form-group>div {
    padding: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  #modal_contr .modal-dialog .modal-body .row>div {
    padding: 0 !important;
  }
}

/*--*** Scrollbar ***--*/
.dataTables_wrapper ::-webkit-scrollbar, #modal_stoveic ::-webkit-scrollbar {
  width: 100px;
  height: 10px;
}

.dataTables_wrapper ::-webkit-scrollbar-track, #modal_stoveic ::-webkit-scrollbar-track {
  border-radius: 0px;
}

.dataTables_wrapper ::-webkit-scrollbar-thumb, #modal_stoveic ::-webkit-scrollbar-thumb {
  background: var(--brandColorScroll);
  border-radius: 2px;
}

/*--*** Accordion Button ***--*/
.accordion-item .accordion-header button>div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.accordion-item .accordion-header button>div h5, .accordion-item .accordion-header button>div h6 {
  font-weight: 400 !important
}

@media only screen and (max-width: 991px) {
  .accordion-item .accordion-header button>div {
    flex-direction: column;
  }
}

.accordion-button::after {
  margin-left: -1.25rem !important;
}