@charset "UTF-8";
/*!
 * Elementi custom del tema EPRO 2.0
 *
 * © Edizioni Centro Studi Erickson S.p.A.
 */

/* default */

a{text-decoration: none;}
[data-bs-theme=dark] a{text-decoration: none;}

[data-bs-theme=dark] .search-container .erk.form {
  border: none 0 transparent !important;
}

[data-bs-theme=dark].erk.avatar {
  background:transparent !important;
  border: 0 none transparent !important;
}

.erk.avatar {
  background:transparent !important;
  border: 0 none transparent !important;
}

[data-bs-theme=dark] .erk .form-control{background-color:white!important; color: #333;}

[data-bs-theme=dark] .text-notifyepro{
  font-size: 1rem;
  color:var(--bs-gray-500) !important;
}

[data-bs-theme=dark] .text-notifyepro:hover{
  font-size: 1rem;
  color:var(--bs-gray-600) !important;
}
[data-bs-theme=dark] ul.dropdown-menu.show li a:hover{ background: var(--bs-gray-300) !important; color:var(--bs-gray-800) !important;}

.text-notifyepro{  font-size: 1rem;}

[data-bs-theme=dark] .text-date-epro{ font-size: 0.8rem; color:var(--bs-gray-600)}

.text-date-epro{font-size: 0.8rem; color:var(--bs-gray-600)}

[data-bs-theme=dark].erk.btn{background-color:var( --bs-body-bg)}
[data-bs-theme=dark] .notify-grid-item{ color:var(--bs-gray-600) !important;}

[data-bs-theme=dark] .search-container .erk.btn { background-color: var(--bs-body-color);
  border-left: 10px solid var(--bs-body-bg) !important;
  border-right: 10px solid var(--bs-body-bg) !important;
  color:#333;
}
[data-bs-theme=dark] a.guida-black{
  color: white;
}

[data-bs-theme=dark] a.guida-black:hover{
  color: var(--bs-gray-800);
}

.bg-badge { background: #9ec5fe;}
[data-bs-theme=dark] .bg-badge{
  background-color: #407da1;
}

.bg-working {background:#f8da76;}
[data-bs-theme=dark] .bg-working{
  background-color: #f39302;
}



.card-img-top{padding: 0 30px;}


/* fine dafault*/


/* Inizio notifiche */
.badge-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem;
}

.badgeNotification{
  position: relative;
}
.badgeNotification .badge{
  position: absolute !important;
  top: 0px;
  right: 0px;
  display: block;
  color: var(--bs-white);
  background-color: red;
  border-radius: 50%;
}

.dropdown-menu.notify-drop {
  min-width: 360px;
  background-color: var(--bs-body-bg);
  min-height: 360px;
  max-height: 360px;
}
.dropdown-menu.notify-drop .notify-drop-title {
  border-bottom: 1px solid #e2e2e2;
  padding: 5px 15px 10px 15px;
  color: black;
}
.dropdown-menu.notify-drop .drop-content {
  min-height: 280px;
  max-height: 280px;
  overflow-y: scroll;
}

/*
.dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-track
{
  background-color: #F5F5F5;
}
.dropdown-menu.notify-drop .drop-content::-webkit-scrollbar{
  width: 8px;
  background-color: #F5F5F5;
}
.dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-thumb {
  background-color: #ccc;
}*/

.dropdown-menu.notify-drop .drop-content > li {
  border-bottom: 1px solid #e2e2e2;
  padding: 10px 0px 5px 0px;
  background-color: var(--bs-body-bg);
}
/*.dropdown-menu.notify-drop .drop-content > li:nth-child(2n+0) {
  background-color: #fafafa;
}*/
.dropdown-menu.notify-drop .drop-content > li:after {
  content: "";
  clear: both;
  display: block;
}
.dropdown-menu.notify-drop .drop-content > li:hover {
  background-color: #fcfcfc;
}
.dropdown-menu.notify-drop .drop-content > li:last-child {
  border-bottom: none;
}
.dropdown-menu.notify-drop .drop-content > li .notify-img {
  float: left;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 0px 7px 7px 3px;
  color:blue;
}
/* Icon bootstrap*/
.dropdown-menu.notify-drop .drop-content > li .notify-img > i{
  font-size: calc(1.325rem + 1.9vw) !important;
  margin: 0px 7px 5px 8px;
}

.dropdown-menu.notify-drop .allRead {
  margin-right: 7px;
}
.dropdown-menu.notify-drop .rIcon {
  float: right;
  color: #999;
}
.dropdown-menu.notify-drop .rIcon:hover {
  color: #333;
}
.dropdown-menu.notify-drop .drop-content > li a {
  font-size: 12px;
  font-weight: normal;
}
.dropdown-menu.notify-drop .drop-content > li {
  font-weight: bold;
}
.dropdown-menu.notify-drop .drop-content > li hr {
  margin: 5px 0;
  width: 70%;
  border-color: #e2e2e2;
}
.dropdown-menu.notify-drop .drop-content .pd-l0 {
  padding-left: 0;
}
.dropdown-menu.notify-drop .drop-content > li p {
  color: #666;
  font-weight: normal;
  margin: 3px 0;
}
.dropdown-menu.notify-drop .drop-content > li p.time {
  font-size: 10px;
  font-weight: 600;
  top: -6px;
  margin: 8px 0px 0px 0px;
  padding: 0px 3px;
  border: 1px solid #e2e2e2;
  position: relative;
  background-image: linear-gradient(#fff,#f2f2f2);
  display: inline-block;
  border-radius: 2px;
  color: #B97745;
}
.dropdown-menu.notify-drop .drop-content > li p.time:hover {
  background-image: linear-gradient(#fff,#fff);
}
.dropdown-menu.notify-drop .notify-drop-footer {
  border-top: 1px solid var(--bs-gray-200);
  bottom: 0;
  position: relative;

}
.dropdown-menu.notify-drop .notify-drop-footer a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: none;
  padding: 5px 15px;
  display: block;
}
.dropdown-menu.notify-drop .notify-drop-footer a:hover {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
}

ul.dropdown-menu.dropdown-menu-end.show {
  background: var(--bs-gray-200) !important;
}

.dropdown-menu {
  background-color: var(--bs-body-bg) !important;
}
[data-bs-theme=dark] .dropdown-menu {
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg) !important;
  border: 1px solid var(--bs-body-color)!important;
}


.notify-grid{
  display: grid;
  grid-template-columns: auto auto ;
}

/* Fine notifiche */


/* Inizio Guide on line */

.guida-drop-title {
  border-bottom: 1px solid #e2e2e2;
  padding: 5px 15px 10px 15px;
  color: black;
  }

.dropdown-menu.notify-drop .drop-content {
    text-decoration: none;
    background: white;
  }
[data-bs-theme=dark] .dropdown-menu.notify-drop .drop-content {
  text-decoration: none;
  background: var(--bs-gray-800);
}

/* Inizio Guide on line */

/* profilo */
[data-bs-theme=dark] .erk-menu-profile .dropdown-menu.dropdown-menu-end.bg-primary.show{
  color: #333;
}
[data-bs-theme=dark] .erk-menu-profile .dropdown-menu.dropdown-menu-end.bg-primary.show a:hover{
  color: #333;
  background: var(--bs-gray-300);
}

[data-bs-theme=dark] .user-test-epro{  color: #333;
  background: var(--bs-gray-300);
}
.user-test-epro{  color: #333;
  background: var(--bs-gray-300);
}

/* fine profilo */


/* Avatar */
.erk.avatar {
   background-color: transparent;
   border: transparent; 
}

a.nome-card{
text-decoration: none;
}

a .item-hover.erk ul:hover{
background: var(--bs-primary-border-subtle)!important;
text-decoration: none;
}
[data-bs-theme=dark] a .item-hover.erk ul:hover{
  background: var(--bs-focus-ring-color) !important;
  color: var(--bs-primary-bg-subtle) !important;
  text-decoration: none;
  }

.card-body img:hover{
transform: scale(1.2); /* Standard syntax */
transition-duration: 500ms;
-ms-transform: scale(1.2); /* IE 9 */
-webkit-transform: scale(1.2); /* Safari */
-webkit-transition-duration: 500ms;
}

/* Fine Avatar */

/* Inizio dropDown User */

.dropdown-menu .dropdown-item {
  text-align: left;
  min-width: 330px;
  background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] .dropdown-item.item-account:hover{
  background: var(--bs-gray-600) !important;
  color:var(--bs-gray-100) !important;
}
.dropdown-item.item-tema{
  background: var(--bs-gray-200) !important;
  color: #333 !important;
}
[data-bs-theme=dark] .dropdown-item.item-tema{
  background: var(--bs-gray-200) !important;
  color: #333 !important;
}
.dropdown-item.item-tema > div{
  margin-top: -8px;
}


[data-bs-theme=dark] .dropdown-item.item-exit-account:hover{
  background: var(--bs-gray-600) !important;
  color:var(--bs-gray-100) !important;
}
/* Fine dropDown User */


/* Inizio Card esercizi */
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
}

.text-truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--bs-card-title-color);
}

.badge.color-materia {
  color: var(--bs-link-hover-color) !important;
  font-size: 1rem; 
}


[data-bs-theme=dark] .card-body{
  text-decoration: none;
  background: var(--bs-gray-800);
  }

[data-bs-theme=dark] .item-hover.erk ul>li{
    text-decoration: none;
    color: var(--bs-gray-600) !important;
 
    }

/* Fine Card esercizi */

/* Inizio footer esercizi completato */
.fixed-footer{
  color: var(--bs-card-title-color);
  background-color: var(--bs-gray-300);
}
.fixed-footer span{
  align-content: flex-end;
}

[data-bs-theme=dark] .fixed-footer {
  color: var(--bs-white);
  border-top: 1px solid var(--bs-white);
  background-color: var(--bs-body-bg);
}
/* Fine footer esercizi completato*/

.progress {
  display: flex;
  height: 1.5rem;
  overflow: hidden;
  font-size: 0.6375rem;
  background-color: #e9ecef;
  border-radius: 0;
}


/* Inzio Header Dark */
[data-bs-theme=dark] .btn-light, .btn-light:hover {
  --bs-btn-bg: var(--bs-body-bg);
  --bs-btn-border-color: var(--bs-body-bg);
}

[data-bs-theme=dark] .dropdown-toggle .bi {
  color: var(--bs-body-color) !important;
}

.logo {
  /*background-color: var(--bs-gray-100) !important;*/
  padding: 5px;
  height: 45px;
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 

  /* logo scritta erickson */
  .px-2.align-middle.d-lg-none{
    display: none;
  }

  /* Box notifiche */
  .dropdown-menu.dropdown-menu-end.bg-primary.notify-drop.show{
    left: -192px;
  }

  /* Box guida on line */
  .dropdown-menu.dropdown-menu-end.notify-drop.show{
    left: -247px;
  }

  .row.g-0.justify-content-evenly.justify-content-sm-center.align-items-center > .col-auto:nth-child(3n){
    width: 150px;
    /* word-wrap: break-word;*/
  }


 }

 @media (min-width: 768px) and (max-width: 1199.98px) {

  .row.g-0.justify-content-evenly.justify-content-sm-center.align-items-center > .col-auto:nth-child(3n){
    word-wrap: break-word;
  }
}
 @media (max-width: 1199.98px) { 
      /* Avatar e scritte */
      .col-2.pt-4.ps-4{
        flex: 0 0 auto;
        width: 33.33333333%;
      }
 
}


.logoDark{
  display: none;
}

[data-bs-theme="dark"] .logoDark{
  display: initial;
}
[data-bs-theme="dark"] .logoLight{
  display: none;
}


[data-bs-theme=dark] .navbar {
  color: var(--bs-white);
  border-bottom: 1px solid var(--bs-white);
  background-color: var(--bs-body-bg) !important;
}
/* Fine Header Dark */

.btn-block {
  display: block;
  width: 100%;
}



/* Inizio Bottone Assegna */

.btn-assegna.assegna{
  /*background-color: var(--bs-success);*/
  animation: onClick 1s forwards;
}
.btn-assegna.assegna > .testo{
  display: none;
  animation: activeTesto 1s forwards;
}
.btn-assegna.assegna > .icona{
  display: initial !important;
}

@keyframes onClick {
  from {
    stroke-width: 1px;
  }
  to {
    stroke-width: 10px;
    background-color: var(--bs-success)
  }
}

/* Fine Bottone Assegna */



/* Inzio footer */

footer{
  border-top: 1px solid;
}
/* Fine footer */



/* Inizio userheader */

.userheader{
  margin-top: 4rem !important;
  margin-bottom: -3rem !important;
  background: var(--bs-gray-300);
}

@media (min-width: 992px) { 
  .userheader{
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
    background: var(--bs-gray-300);
  }
 }

/* Fine userheader */

/* Inizio user navbar */

.erk-nav .active{
  color: var(--bs-nav-pills-link-active-color);
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
/* Fine user navbar */


/* Inizio Riepilogo conteggi navbar */
.bg-green {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-rgb), var(--bs-bg-opacity)) !important;
}

.bg-purple {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-40 {
  --bs-bg-opacity: 0.4;
}
/* Fine Riepilogo conteggi navbar */



.breadcrumb .breadcrumb-item a {
  color: #5f5f5f;
}

[data-bs-theme=dark] .breadcrumb .breadcrumb-item a {
  color: white;
}



/* Inizio area badge */

.medaglia {

}
.medaglia-disabled img {
  opacity: 0.5;
}

.medaglia .card-text {
  min-height: 4rem;
}

.medaglia .card-text-date{
  margin-bottom: 0.3rem;
}

.medaglia .card-body-disabled{
  display: none;
}
.medaglia .card-body-active{
  display: block;
}


.medaglia-disabled .card-body-disabled {
  display: block;
}
.medaglia-disabled .card-body-active {
  display: none;
}

.medaglia .card-body img {
  width: 100%;
  height: 100%;
}

.medaglia .card-body img:hover {
  transform:none;
  -ms-transform: none;
  -webkit-transform: none;
}
/* Fine area badge */


/* Studenti Ordina per */

.ordinaper a{
  color: black !important;
}

.ordinaper span{
  font-weight: 700;
}

[data-bs-theme=dark] .ordinaper a{
  color: whitesmoke !important;
}

.ordinaper ul{
  padding-left: 10px;
  border: 1px solid rgba(0, 0, 0, .15) !important;
}

/* FINE Studenti Ordina per */