/*
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 : 19-giu-2020, 18.43.48
    Author     : Fabio
*/
/*
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 : 7-lug-2020, 12.34.16
    Author     : Fabio
*/
/* SCSS HEX */
#header {
  width: 100%;
  height: 70px;
  padding: 12px 40px;
  flex-direction: row;
  justify-content: space-around;
  background-color: transparent !important;
}
#header .navbar-brand img {
  width: 90px;
}
#header .grower {
  flex-grow: 1;
}
#header .navbar-collapse {
  justify-content: flex-end;
}
#header .navbar-collapse img {
  width: 40px;
}

.page-container {
  display: flex;
  color: #6a7a8c;
}
.page-container #sidebar {
  padding: 20px 0;
  width: 18%;
  background-color: #1b3b5d !important;
  min-height: calc(100vh - 70px);
}
.page-container #sidebar * {
  color: white;
}
.page-container .content {
  padding: 20px 40px;
  width: 82%;
  background-color: #f2f4f5;
  display: flex;
  flex-direction: column;
}

#footer {
  /*background-color: #eee;*/
  width: 100%;
  margin: 0;
  /*position: fixed;*/
  /*bottom:0;*/
  align-self: flex-end;
  padding: 0 15px;
  margin: 20px 0;
}
#footer #btn-stt {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Fixed/sticky position */
  bottom: 75px;
  /* Place the button at the bottom of the page */
  right: 30px;
  /* Place the button 30px from the right */
  z-index: 99;
  /* Make sure it does not overlap */
  border: none;
  /* Remove borders */
  outline: none;
  /* Remove outline */
  background-color: red;
  /* Set a background color */
  color: white;
  /* Text color */
  cursor: pointer;
  /* Add a mouse pointer on hover */
  padding: 15px;
  /* Some padding */
  border-radius: 10px;
  /* Rounded corners */
  font-size: 18px;
  /* Increase font size */
}
#footer #btn-stt:hover {
  background-color: #555;
  /* Add a dark-grey background on hover */
}

@media only screen and (max-width: 1200px) {
  #page-container, .page-container {
    display: block;
  }
  #page-container .content, .page-container .content {
    padding: 40px 10px !important;
  }

  #sidebar {
    width: 100% !important;
    min-height: initial !important;
  }

  #content {
    width: 100% !important;
  }
}
/*
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-lug-2020, 17.32.43
    Author     : Fabio
*/
#sidebar .nav {
  position: sticky;
  top: 0;
}
#sidebar .nav-header h2 {
  padding: 0.6rem 1rem 0.6rem 30px;
}
#sidebar .nav-link {
  /*        border-top:1px solid $base-bg;
          border-top:1px solid $base-bg;*/
  font-size: 1rem;
  padding: 0px !important;
}
#sidebar .nav-link:hover, #sidebar .nav-link:active {
  background-color: #012437;
}
#sidebar .nav-link a {
  display: block;
  text-decoration: none;
  padding: 0.6rem 1rem 0.6rem 30px;
}
#sidebar .nav-link i {
  margin-right: 15px;
}
#sidebar .nav-link.active {
  font-weight: bold;
  border-left: 6px solid #eae2b7;
  padding: 0.6rem 1rem 0.6rem 24px;
}
#sidebar .nav-link.active i, #sidebar .nav-link.active span {
  /*            color: $lemon-meringue;*/
}
#sidebar .nav-link.dropdown.active {
  border-left: none;
}
#sidebar .dropdown.show:hover, #sidebar .dropdown.show:active {
  background-color: transparent;
}
#sidebar .dropdown.show:hover *, #sidebar .dropdown.show:active * {
  background-color: transparent;
}
#sidebar .dropdown.show .dropdown-toggle:focus {
  outline-width: 0 !important;
}
#sidebar .dropdown.show .dropdown-menu {
  width: 100%;
}
#sidebar .dropdown.show .dropdown-menu .dropdown-item:hover {
  background-color: #012437 !important;
}
#sidebar .dropdown.show .dropdown-menu .dropdown-item.active, #sidebar .dropdown.show .dropdown-menu .dropdown-item:active {
  background-color: transparent;
}
#sidebar .dropdown.show .dropdown-menu.show {
  position: relative !important;
  transform: none !important;
  background-color: transparent;
}

.dropdown-menu {
  z-index: 9999 !important;
  position: absolute !important;
}

.dataTables_wrapper {
  margin: 20px 0;
  background-color: white;
  padding: 30px 16px;
}
.dataTables_wrapper #percorsiTable_length, .dataTables_wrapper #percorsiTable_filter {
  margin-bottom: 30px;
  padding: 0 15px;
}
.dataTables_wrapper #percorsiTable_length label {
  display: none;
}
.dataTables_wrapper #percorsiTable_filter input {
  color: #afb5c1 !important;
  border: 2px solid rgba(0, 0, 0, 0.1);
}
.dataTables_wrapper #percorsiTable_filter input:focus, .dataTables_wrapper #percorsiTable_filter input:hover, .dataTables_wrapper #percorsiTable_filter input:active {
  border: 2px solid rgba(0, 0, 0, 0.3) !important;
  outline: none;
}
.dataTables_wrapper .dataTable {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.dataTables_wrapper .dataTable thead th {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  padding: 24px 18px;
  color: #afb5c1 !important;
  font-weight: 600;
  font-size: 17px;
}
.dataTables_wrapper .dataTable tbody tr td {
  padding: 10px 18px;
}
.dataTables_wrapper .dataTable tbody tr td .btn {
  padding: 14px 16px;
  border-radius: 10px;
  border: none;
}
.dataTables_wrapper .dataTable tbody tr td .btn i {
  color: white;
}
.dataTables_wrapper .dataTable tbody tr td p {
  margin-bottom: 5px;
}
.dataTables_wrapper .dataTable tbody tr td p:last-child {
  margin-bottom: 0;
}
.dataTables_wrapper .dataTable tbody tr .details-control {
  padding: 14px 18px;
}
.dataTables_wrapper .dataTables_paginate {
  margin-top: 30px;
  padding: 0 15px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
  background: #ADD5FF !important;
  border: none !important;
  color: white !important;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button {
  border: none !important;
  border-radius: 25px;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button:hover, .dataTables_wrapper .dataTables_paginate span .paginate_button:active, .dataTables_wrapper .dataTables_paginate span .paginate_button:focus {
  background: #ADD5FF;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button.current {
  border: none;
  background: #007bff;
  color: white !important;
  border-radius: 25px;
}

.alertjsCnt {
  border-radius: 25px;
}
.alertjsCnt .swal-button--confirm {
  background-color: #d62828;
}
.alertjsCnt .swal-button--confirm:hover, .alertjsCnt .swal-button--confirm:active, .alertjsCnt .swal-button--confirm:focus {
  background-color: #1b3b5d;
}

/* frontend */
body.frontend {
  background: url("../../../UNIFARE/assets/img/bg/bg-unicam.jpg");
  background-repeat: repeat-x;
}
body.frontend > .page-container {
  height: 100%;
}
body {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.navbar-dark {
  background-color: #1b3b5d;
}
a .logo {
  width: fit-content;
}

footer {
  /*
  				border-top: 5px solid $color-primary;
  				margin-top: auto !important;
  */
  margin-top: auto !important;
  padding: 15px;
  background-color: #E5E5E5;
  border-top: 1px solid #fe2e2e;
}
.subfooter {
  font-size: 80%;
  border-top: 5px solid #1b3b5d;
}

@media only screen and (max-width: 768px) {
  body {
    padding: 0px !important;
  }
}
@media only screen and (max-width: 576px) {
  a main, .logo {
    padding: 0px 20px;
  }
}
body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  height: 100%;
}

td {
  vertical-align: middle !important;
}

/*
.row {
    margin:0;
}
*/
.fade {
  /*    opacity: 0;   
    -webkit-transition: opacity .3s linear;      
    transition: opacity .3s linear;*/
}

.fc-title {
  color: black;
}

.nav {
  flex-direction: column;
}

h1 {
  font-weight: 700;
}

.form-group {
  margin: 30px 0;
}
.form-group input {
  border: none;
  border-bottom: 1px solid #ced4da;
}

select {
  width: 100%;
  min-height: 38px;
}

span[id*=spazio_] .combobox-container {
  margin-top: 15px;
}

#index {
  background-color: #1b3b5d;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
#index::before {
  content: "";
  background-color: #333;
  opacity: 0.3;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}
#index .login {
  width: 1024px;
  margin: 0 auto;
}
#index .login .login-content {
  border-radius: 25px;
  display: flex;
  background-color: white;
  justify-content: center;
}
#index .login .login-content .login-pres {
  background: url("../img/copertina.jpg") no-repeat center center;
  background-size: cover;
  border-radius: 25px 0 0 25px;
}
#index .login .login-content .login-form {
  padding: 64px 40px;
  border-radius: 25px 0 0 25px;
}
#index .login .login-content .login-form h1 {
  margin-bottom: 20px;
}
#index .login .login-content .login-form .btn-block {
  margin: 20px 0;
  background-color: #d62828;
  color: white;
}

.tipologia-utente {
  background-color: #f2f4f5;
  padding: 80px 0;
  justify-content: center;
  min-height: calc(100% - 134px);
}
.tipologia-utente .content {
  background-color: transparent;
}
.tipologia-utente .content h1 {
  text-align: center;
  margin-bottom: 40px;
}
.tipologia-utente .content .rolesCnt {
  justify-content: center;
  position: relative;
  animation: animateleft 0.8s;
}
.tipologia-utente .content .rolesCnt .ruolo {
  box-shadow: 1px 0px 13px 9px #cfcfcf;
  margin: 10px 20px;
  height: 500px;
  border-radius: 25px;
  color: white;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
  /*                &:hover {
              background-color:$base-bg;
          }*/
}
.tipologia-utente .content .rolesCnt .ruolo form {
  padding: 60px 40px;
  text-align: center;
}
.tipologia-utente .content .rolesCnt .ruolo form img {
  border-radius: 50%;
  width: 140px;
}
.tipologia-utente .content .rolesCnt .ruolo form p {
  font-size: 1.4rem;
  font-weight: 400;
  margin: 20px 0;
}
.tipologia-utente .content .rolesCnt .ruolo form .descrizione {
  text-align: start;
  font-size: 1.2rem;
}
.tipologia-utente .content .rolesCnt .ruolo:hover {
  cursor: pointer;
}
.tipologia-utente .content .rolesCnt .ruolo:hover form::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 25px;
}

.selezione-modulo {
  background-color: #f2f4f5;
  padding: 80px 0;
  justify-content: center;
  min-height: calc(100% - 134px);
}
.selezione-modulo .content {
  background-color: transparent;
}
.selezione-modulo .content h1 {
  text-align: center;
  margin-bottom: 40px;
}
.selezione-modulo .content .rolesCnt {
  justify-content: center;
  position: relative;
  animation: animateleft 0.8s;
}
.selezione-modulo .content .rolesCnt .ruolo {
  box-shadow: 1px 0px 13px 9px #cfcfcf;
  margin: 10px 20px;
  height: 500px;
  border-radius: 25px;
  color: white;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
}
.selezione-modulo .content .rolesCnt .ruolo form {
  padding: 60px 40px;
  text-align: center;
}
.selezione-modulo .content .rolesCnt .ruolo form img {
  border-radius: 50%;
  width: 150px;
}
.selezione-modulo .content .rolesCnt .ruolo form p {
  font-size: 1.4rem;
  font-weight: 400;
  margin: 20px 0;
}
.selezione-modulo .content .rolesCnt .ruolo form .descrizione {
  text-align: start;
  font-size: 1.2rem;
}
.selezione-modulo .content .rolesCnt .ruolo:hover {
  background-color: #f2f4f5;
}
.selezione-modulo .content .rolesCnt .ruolo:hover {
  cursor: pointer;
}
.selezione-modulo .content .rolesCnt .ruolo:hover form::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 25px;
}

.orari-percorsi-selection .card {
  position: relative;
  margin: 20px 0;
  margin-right: 5%;
}
.orari-percorsi-selection .card form {
  height: 100%;
  margin: 0;
}
.orari-percorsi-selection .card form .card-img-top {
  height: 400px;
  background-size: cover;
}
.orari-percorsi-selection .card form .card-body {
  height: calc(100% - 400px);
  align-items: center;
  justify-content: center;
  display: flex;
}
.orari-percorsi-selection .card form .card-body .card-title {
  margin: 0;
  text-align: center;
}
.orari-percorsi-selection .card:nth-child(3n) {
  margin-right: 0;
}
.orari-percorsi-selection .card:hover {
  cursor: pointer;
}
.orari-percorsi-selection .card:hover::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  position: absolute;
}

.orari-percorsi-action .card {
  position: relative;
  width: 30%;
  margin: 20px 0;
  margin-right: 5%;
}
.orari-percorsi-action .card form {
  height: 100%;
  margin: 0;
}
.orari-percorsi-action .card form .card-body {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.orari-percorsi-action .card form .card-body .card-title {
  margin: 0;
  text-align: center;
}
.orari-percorsi-action .card form .card-body p {
  margin-top: 10px;
  text-align: justify;
}
.orari-percorsi-action .card:nth-child(3n) {
  margin-right: 0;
}
.orari-percorsi-action .card:hover {
  cursor: pointer;
}
.orari-percorsi-action .card:hover::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  position: absolute;
}

.choose-block {
  /*padding:0;*/
  /*margin: 0 -15px;*/
}

@keyframes animateleft {
  from {
    left: -300px;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}
/* FIX CROPPER */
.img-container {
  max-width: 100%;
}

.img-container img {
  width: 100%;
}

/* FULL CALENDAR RESPONSIVE */
@media only screen and (max-width: 768px) {
  .fc .fc-toolbar {
    flex-direction: column;
  }

  .fc .fc-toolbar .fc-toolbar-chunk {
    margin: 10px 0px;
  }
}
/* chosen */
.group-result {
  font-size: 120%;
  color: black !important;
}

.group-result em,
.active-result em {
  font-weight: bold;
  color: inherit !important;
}

.chosen-results {
  max-height: 500px !important;
}

.chosen-container .chosen-results li.result-selected {
  font-weight: bold !important;
}

.btn-primary,
.btn-primary:disabled,
.btn-primary.disabled {
  background-color: #144372 !important;
  border-color: #144372 !important;
}

.btn-primary:hover,
.btn-primary.active {
  background-color: #1b3b5d !important;
  border-color: #1b3b5d !important;
}

/* Fix globale per menu a tendina che viene coperto dal contenuto */
.dropdown-menu {
    z-index: 9999 !important;
    position: absolute !important;
}

.navbar .dropdown-menu {
    z-index: 9999 !important;
    position: absolute !important;
}

/* Footer in fondo alla finestra quando il contenuto è poco alto (pag. eventi, ecc.) */
body.flex-sticky-footer {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body.flex-sticky-footer main {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
body.flex-sticky-footer main footer.footer-site {
  margin-top: auto;
  flex-shrink: 0;
}

/* Messaggio “in fase di definizione” (eventi, AJAX listaAgende/listaEventi) */
.eventi-msg-definizione-wrap {
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  padding: 0.35rem 0.95rem;
}
.card-body .eventi-msg-definizione-wrap {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
}
.eventi-msg-definizione {
  margin-bottom: 0;
  padding: 1.35rem 1.35rem !important;
  border-radius: 0.35rem !important;
  border: 1px solid rgba(20, 67, 114, 0.18) !important;
  border-left: 4px solid #144372 !important;
  background-color: #e8f2f9 !important;
  box-shadow: 0 0.15rem 0.65rem rgba(0, 52, 107, 0.07);
  color: #0c2f5c !important;
}
.eventi-msg-definizione.alert-info .eventi-msg-definizione__icon {
  color: #144372;
}
.eventi-msg-definizione__icon {
  font-size: 1.85rem;
  flex-shrink: 0;
  line-height: 1.15;
  margin-right: 1rem;
  margin-top: 0.1rem;
  opacity: 0.92;
}
.eventi-msg-definizione__text {
  flex: 1;
  text-align: left;
  font-size: 1.0625rem;
  line-height: 1.6;
}
.eventi-msg-definizione__text p {
  margin-bottom: 0;
}
.eventi-msg-definizione__text p:first-child {
  margin-bottom: 0.65rem;
}

aside .sidebar-guida-attestato {
  margin-top: 24px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
aside .sidebar-guida-attestato__testo {
  margin: 0 0 12px 0;
  font-size: 14px;
  font-weight: 700;
  color: #c0392b;
  line-height: 1.45;
}
aside a.sidebar-guida-attestato__btn {
  display: block;
  width: 100%;
  padding: 12px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #fff !important;
  background-color: #b7322a !important;
  border: none !important;
  border-radius: 0;
  text-align: center;
  line-height: 1.4;
  white-space: normal;
  text-decoration: none !important;
  box-shadow: none;
}
aside a.sidebar-guida-attestato__btn:hover,
aside a.sidebar-guida-attestato__btn:focus {
  background-color: #8f261f !important;
  color: #fff !important;
  text-decoration: none !important;
}
aside a.sidebar-guida-attestato__btn .fa {
  margin-right: 6px;
}

.registrazione-guide-banner {
  padding: 22px 28px;
  background: linear-gradient(135deg, #f8fafc 0%, #eef3f8 100%);
  border: 1px solid #d6e0ea;
  border-left: 4px solid #c0392b;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 51, 102, 0.06);
}
.registrazione-guide-banner__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.registrazione-guide-banner__row + .registrazione-guide-banner__row {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #d6e0ea;
}
.registrazione-guide-banner__testo h4 {
  margin: 0;
  font-weight: 700;
  color: #c0392b;
  font-size: 20px;
  line-height: 1.35;
}
.registrazione-guide-banner__azione {
  flex-shrink: 0;
  width: 360px;
}
.registrazione-guide-banner__azione .btn-guide-banner {
  display: block;
  width: 100%;
  font-weight: 600;
  border-radius: 4px !important;
  white-space: normal;
  line-height: 1.35;
  text-align: center;
  color: #fff !important;
  border: none;
}
.btn-guide-registrazione {
  background-color: #00695c !important;
}
.btn-guide-registrazione:hover,
.btn-guide-registrazione:focus {
  background-color: #004d40 !important;
  color: #fff !important;
}
.btn-guide-attestato {
  background-color: #b7322a !important;
}
.btn-guide-attestato:hover,
.btn-guide-attestato:focus {
  background-color: #8f261f !important;
  color: #fff !important;
}
@media (max-width: 767.98px) {
  .registrazione-guide-banner {
    padding: 18px 16px;
  }
  .registrazione-guide-banner__row {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }
  .registrazione-guide-banner__azione {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  aside .sidebar-guida-attestato__testo {
    font-size: 15px;
  }
  aside a.sidebar-guida-attestato__btn {
    font-size: 14px;
    padding: 13px 16px;
  }
}