@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;700&display=swap");
/*COLORI*/
body {
  font-family: "League Spartan", sans-serif;
  /*    .dt-empty {
      display: none;
  }*/
}
body .modal .btn-close {
  position: absolute;
  right: 17px;
  top: 17px;
  z-index: 1;
}
body .input-group #toggleConfrmPasswordRegisterFormImg, body .input-group #togglePasswordRegisterFormImg {
  position: absolute;
  cursor: pointer;
  right: 20px;
  top: 20%;
  /*class ="position-absolute end-0 mw-100 mh-100"*/
}
body .container {
  padding-top: 130px;
  min-height: calc(100dvh - 130px);
  /*padding-bottom: calc(130px + 3rem);*/
  padding-bottom: 3rem;
}
@media (min-width: 768px) and (max-width: 1200px) {
  body .container {
    padding-top: 40px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body [data-id=e0324b2] .edublink-elementor-mobile-hamburger-menu {
    display: none !important;
  }
}
@media (max-width: 1200px) and (min-width: 992px) {
  body [data-id=e0324b2] .edublink-elementor-mobile-hamburger-menu {
    display: none !important;
  }
  body [data-id="3aabc52"] {
    display: none !important;
  }
}
body #sidebar-menu {
  height: calc(100dvh - 130px);
  overflow-y: auto;
}
@media (max-width: 767px) {
  body .container {
    padding-top: 95px !important;
    min-height: calc(100dvh - 99px);
  }
  body #sidebar-menu {
    transition: all 0.3s ease-in-out;
    right: -100%;
    height: calc(100dvh - 95px);
    transition: all 0.3s ease-in-out;
    left: 100%;
    width: 100%;
    z-index: 100;
  }
  body #sidebar-menu.is-open {
    left: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  body #sidebar-menu {
    height: calc(100dvh - 40px);
    transition: all 0.3s ease-in-out;
    left: 100%;
    width: 100%;
    z-index: 100;
  }
  body #sidebar-menu.is-open {
    left: 0 !important;
  }
}
body #Operatori-SEPratictioner .title-operatorsSep {
  font-size: 60px;
  font-weight: 400;
}
body #Operatori-SEPratictioner #operatorsListTable_wrapper {
  padding-top: 20px;
  /*            .dt-layout-table {
      overflow-x: scroll;
  }*/
}
body #Operatori-SEPratictioner #operatorsListTable_wrapper .dt-info {
  display: none;
}
body #Operatori-SEPratictioner #operatorsListTable_wrapper .dt-search {
  padding-bottom: 20px;
}
body #Operatori-SEPratictioner #operatorsListTable_wrapper .dt-search label {
  display: none;
}
body #Operatori-SEPratictioner #operatorsListTable_wrapper .dt-search input {
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  width: 300px;
}
body #Operatori-SEPratictioner #operatorsListTable_wrapper tbody {
  background-color: #FFFFFF;
}
body #Operatori-SEPratictioner #operatorsListTable_wrapper tbody :hover {
  background-color: #F0F0F2;
}
body #Operatori-SEPratictioner #operatorsListTable_wrapper tbody td {
  cursor: pointer;
  padding: 10px;
  border: 1px solid #D9D9D9;
}
body #Operatori-SEPratictioner #operatorsListTable_wrapper thead {
  background-color: #FCFCFC;
  /*
  th.dt-orderable-asc.dt-orderable-desc{
      display:flex!important;
  }*/
}
body #Operatori-SEPratictioner #operatorsListTable_wrapper thead tr th {
  /*display: flex !important;*/
  padding: 10px;
  border: 1px solid #D9D9D9;
  position: relative;
}
body #Operatori-SEPratictioner #operatorsListTable_wrapper thead tr th .dt-column-order {
  /* margin-left: auto; */
  float: right;
  top: 3px;
}
body #Operatori-SEPratictioner #operatorsListTable_wrapper thead tr th .dt-column-order::before, body #Operatori-SEPratictioner #operatorsListTable_wrapper thead tr th .dt-column-order::after {
  display: inline-block !important;
}
body #operatorRow .modal-header button {
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 1;
}
body .sticky-button-bot-right {
  position: fixed;
  bottom: 30px;
  right: 30px;
}
@media (max-width: 767px) {
  body .sticky-button-bot-right {
    bottom: 10px;
    right: 10px;
    width: calc(100% - 20px);
  }
}
body .radio-as-checkbox input[type=radio] {
  appearance: none;
  border: 1px solid rgb(206, 212, 218);
  border-radius: 5px;
  width: 20px;
  height: 20px;
}
body .radio-as-checkbox input[type=radio]:checked {
  appearance: none;
  border: 1px solid rgb(13, 110, 253);
  padding: 0;
  content: none;
  background: #52358A url(/images/check.svg);
  background-size: cover;
  content: "";
}
body input::placeholder {
  font-size: 17px;
  color: #A4A4A4 !important;
}
body textarea::placeholder {
  font-size: 17px;
  color: #A4A4A4 !important;
}
body .upload-area {
  display: block;
  min-width: 100%; /* Puoi cambiare la dimensione dell'area */
  height: 200px; /* Puoi cambiare la dimensione dell'area */
  border: 1px solid; /* Linea tratteggiata per l'area di upload */
  border: 1px solid rgb(206, 212, 218); /* Linea tratteggiata per l'area di upload */
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
body .inner-upload-area {
  position: absolute;
  top: 50%; /* position the top  edge of the element at the middle of the parent */
  left: 50%; /* position the left edge of the element at the middle of the parent */
  transform: translate(-50%, -50%);
}
body #plusAddDataCourse {
  cursor: pointer;
}
body #editCourseModal label {
  font-weight: bold;
}
body .form-check input {
  margin: 0;
}
body .reversed-image {
  transform: rotateY(-180deg);
}
body .bg-p-color {
  background-color: #52358A !important;
}
body .bg-p-color p {
  color: white !important;
}
body .bg-p-color a {
  color: white !important;
}
body .to-white-image {
  filter: brightness(0);
  filter: invert(1);
}
body .nav {
  background-color: #FCFCFC;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0588235294);
}
body .nav .nav-item {
  min-width: 100%;
  max-width: 100%;
}
body .nav .nav-item:active {
  text-decoration: underline;
  text-decoration-color: white;
}
body button {
  border-radius: 8px !important;
}
body button:not(.btn-close):not(.btn-danger):not(.btn-print):not(.btn-success):not(.iubenda-tp-btn) {
  background-color: #52358A !important;
}
body div.dt-processing {
  margin-top: 0px;
}
body div .dt-processing > div:last-child > div {
  background-color: #52358A;
}
body .form-floating label {
  color: #A4A4A4;
}
body .form-group label {
  font-weight: bold;
}
body .text-grey {
  color: #A4A4A4;
}
body .form-control {
  border-radius: 8px;
}
body .btn:hover, body .btn:focus {
  background-color: #52358A;
}
body p {
  margin: 0;
  font-weight: bold;
}
body .modal-content {
  border-radius: 15px;
}
body .register-form {
  background-color: #FCFCFC;
  border-radius: 14px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0588235294);
}
body .register-form .anchor-as-button {
  border-radius: 9px;
  background-color: #52358A !important;
  border-color: transparent;
}
body .form-check-input {
  min-width: 16px;
}
body .form-check-input:checked {
  background-color: #52358A;
}
body .form-check-input-lg {
  width: 20px !important;
  height: 20px;
  margin-top: 0px;
}
body .p-color {
  color: #52358A !important;
}
body div.dt-container.dt-empty-footer tbody > tr:last-child > * {
  border-bottom: none;
}
body #materialsTable_wrapper .dt-search, body #coursesTable_wrapper div div .dt-search {
  display: none;
}
body #operatorsTable_wrapper div div .dt-search label {
  display: none;
}
body #operatorsTable_wrapper div div .dt-search input {
  padding-top: 10px;
  padding-left: 10px;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  width: 300px;
  outline: none;
}
body #materialsTable_wrapper .dt-length, body #materialsTable_wrapper .dt-info, body #coursesTable_wrapper .dt-length, body #coursesTable_wrapper .dt-info, body #operatorsTable_wrapper div div .dt-length, body #operatorsTable_wrapper div div .dt-info {
  display: none;
}
body #materialsTable_wrapper .dt-paging nav button, body #coursesTable_wrapper .dt-paging nav button, body #operatorsTable_wrapper div div .dt-paging nav button {
  color: white !important;
  padding: 8px;
  min-width: 40px;
  margin-right: 3px;
  margin-top: 20px;
}
body #materialsTable_wrapper #coursesTable thead, body #coursesTable_wrapper #coursesTable thead, body #operatorsTable_wrapper div div #coursesTable thead {
  display: none;
}
body .image-circle {
  overflow: hidden;
  aspect-ratio: 1/1;
  border-radius: 50%;
  cursor: pointer;
  width: 200px;
}
body .image-upload-true {
  position: absolute;
  top: 50%; /* position the top  edge of the element at the middle of the parent */
  left: 50%; /* position the left edge of the element at the middle of the parent */
  transform: translate(-50%, -50%);
}
body .cell-content {
  display: flex;
  align-items: flex-start !important;
  padding: 10px;
  margin-top: 20px !important;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  min-width: 100% !important;
  max-width: 100%;
}
body .cell-content img {
  max-width: 32px;
}
@media (max-width: 991px) {
  body .cell-content {
    min-width: 870px !important;
    max-width: unset !important;
  }
  body .dt-container {
    overflow-x: auto;
  }
}
body .cell-content:hover {
  cursor: pointer;
  background-color: #F0F0F2; /* Light gray background on hover */
  transition: background-color 0.3s ease-in-out;
  transition: border 0.3s ease-in-out;
  border-color: #52358A;
}
body .cell-content:hover img {
  content: url("/images/matita-viola-sm.svg"); /* Swap to purple icon on hover */
}
body #profile-image-container .profile-image-uploaded {
  display: none;
}
body #profile-image-container .profile-image-not-uploaded {
  display: block;
}
body #profile-image-container.uploaded .profile-image-not-uploaded {
  display: none;
}
body #profile-image-container.uploaded .profile-image-uploaded {
  display: block;
}

@media (max-width: 767px) {
  .w-100-mobile {
    width: 100%;
  }
  #Operatori-SEPratictioner .title-operatorsSep {
    font-size: 40px !important;
    font-weight: 400;
  }
  #Operatori-SEPratictioner #operatorsListTable_wrapper .dt-layout-table {
    overflow-x: scroll;
  }
}