/* * {
    box-sizing: border-box;
} */

body {
    background-color: #F2F2F2;
}

div.background:before{
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background-image: url(../immagini/backgroundDashboard.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    z-index: -1;
}

div.background .container-fluid{
    position: relative;
}

.fa-user:before {
    content: "\f007";
    font-size: 16px;
}

#calendar .fc-event-title {
    white-space: normal;
}

.navbar {
    background-color: #ffffff;
}

nav{
    height:10%;
    border: 1px solid #ced4da;
    background-color:#001c40;
}

.btn-main{
    background-color:#001c40;
    color:white;
}

ul li{
    list-style-type:none;
}

/*.card{
    background-color:#001c40;
}

.card_link{
    color: white;
}

.container-card-group{
    position: relative;
    top:50px;
}*/

.nav-link{
    color:rgb(136, 136, 136);
}

.btn-primary{
    color: white;
}

.nav-item{
    color:white;
}
.nav-link:active{
    color:white;
}

/*icona indexGestionale*/
.fas{
    color:white;
}

.far{
    color: white;
}
/*loginForm*/
.formLogin {
    position: absolute;
    top: 30%;
    background-color: #dcd6d6;
    border: 1px solid #7abaff;
    border-radius: 5px;
}

.linea {
    border-bottom: 1px solid #ced4da;
}

.fc-day-sat, .fc-day-sun{
    z-index: -1;
    background-color: #dee9f2;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  

/* footer {
    width: 100%;
} */

/*gestioneUtenti*/
.mul-select{
    width: 100%;
}

/*hrRapportini*/
#paginazione a{
    font-size: 18px;
}

.bollini a{
    /* position: relative; */
	display: inline-block;
	margin: 0 2px;
	padding: 5px;
	width: 0;
	border-radius: 50%;
	background: yellow;
	/* -webkit-box-shadow: inset 0 0 0 1px #fff;
	box-shadow: inset 0 0 0 1px #fff; */
    background: yellow;
	padding: 6px;
	/* -webkit-box-shadow: none;
	box-shadow: none; */

}
#nomeUtente{
    color: white;
}

#pickPersonModalBody li:hover{
    border-width: 0 0;
    background-color: #0d6efd;
    color : #FFFFFF;
    cursor: pointer;
}

#logout{
    position: relative;
    
}

#bottoneModal{
    max-width: 28px;
    position: relative;
    left: -5px;
    max-height: 33px;
    bottom: -34px;
}

#bottoneEliminaRapportino{
    position: sticky;
    right: 75.5%;
}

#selectStato{
    width: 220px;
}

#areaTesto{
    padding: 1%;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 100px;
}

#TxtArea{
    margin-top: 0px;
    margin-bottom: 0px;
    min-height: 210px;
    max-height: 210px;
}

#SaveButton{
    font-size: 16px;
    color: white;
    position: sticky;
}

#btnDeleteUser{
    width: 59px;
}

#deleteTitle{
    position: relative;
    right: 12px;
}

#aggiungiUtente{
    position: relative;
    top: 70%;
}

.tooltip-inner {
    background-color:#5c5c5c;
}

.img-profile{
    position: relative;
    left: 22.5%;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    margin-bottom: 10px;
    object-fit: cover;
}

.img-profile-small{
 
    left: 0;
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
    top: 20px;
}

.img-profile-assenze-odierne{
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 50%;
}

.img-corsi{
    width: 50%;
    height: 100%;
}

:root {
    --grey: #d3eaff;
  }
  
  img.framed {
    box-shadow:
      -50px -50px 0 -45px  var(--grey),
      50px 50px 0 -45px  var(--grey);
  }  

.loading-icon{
    display: none;
}

.spinner-border{
    height: 20px;
    width: 20px;
}

#spinner{
    position: fixed;
    top: 50%;
    left: 50%;
}

.rapportino_durataAttivitaCard{
    margin-top: 10px;
    border-radius: 15px; 
    background-color: white;
    height: 110px;
}

.MClass{
    color: #1c1c1c; 
    font-size: 15px; 
    text-align: center; 
    position: relative; 
    top:13%;
}
.replica_calendar td{
    border: 1px solid #DEDEDE;
    padding: 7px 29px ;
    color: #333333;
    text-align: center;
}

.replica_calendar .heading-row td{
    font-weight: 700;
    color: #777777;
}

.replica_calendar td.row-selector-full{
    padding: 7px 0px;
}

.replica_calendar td .fas{
    color: #777777;
}

.replica_calendar td.weekend-cell{
    background: #ECECEC;
}

.replica_calendar td.replica_cell_disabled{
    background: #CCCCCC;
    color: #666666;
}

.replica_calendar td.replica_cell.selected{
    background: #1266f1;
    color: white;
}

.replica_calendar td.replica_cell.selectedToRemove{
    background: #1266f1 !important;
    color: white;
}
.replica_calendar td.replica_cell.currentDay{
    background: #00b74a !important;
    color: white;
}

.replica_calendar td.blocked-cell{
    background: #ff2b41 !important;
    color: white;
}

.replica_calendar td.blocked-cell-permessi{
    background: #ffa900;
    color: white;
}

.replica_calendar td.warning-cell{
    background: #fbff2b !important;
    color: white;
}

.replica_calendar td.replica_cell.weekend-cellblocked-cell{
    background: #ff2b41 !important;
    color: white;
}

.btnPage{
    height: 82px;
    font-size: 20px;
}

.btnPageDashboardPortali{
    height: 82px;
    font-size: 20px;
    background: #ffffff;
    transition: 0.25s;
}

.TblColor {
     background-color: rgba(0,0,0,0.03);
}

.fc .fc-daygrid-day-bg .fc-non-business{
    z-index: initial;
}

.fc .fc-daygrid-bg-harness{
    right: initial !important;
}

.fc-daygrid-day:not(.fc-day-other):hover{
   background-color: #E4E4E4;
   box-shadow: grey 0px 20px 30px -10px;
   cursor: pointer;
}

.fc-daygrid-day.mouseoverEvent:not(.fc-day-other):hover{
    background-color: #dadada;
    cursor: pointer;
 }

.fc-day-other:hover{
    cursor: no-drop;
}

.fc-daygrid-day:not(.fc-day-other , .notHover):hover div.fc-daygrid-day-frame::before {
    position: absolute;
    content: "\2b";
    color: #ffffff;
    left: calc(50% - 14.18px);
    top: calc(50% - 40px);
    font-size: 50px;
    z-index: 100;
    text-shadow: 2px 2px 4px grey;
}

.fc-daygrid-day.disabledPlus:not(.fc-day-other , .notHover):hover div.fc-daygrid-day-frame::before {
    position: absolute;
    content: "";
    left: calc(50% - 14.18px);
    top: calc(50% - 40px);
    z-index: 100;
}

.fc-daygrid-day:not(.fc-day-other , .notHover):hover div .fc-daygrid-event-harness {
   opacity: 0.3;
}

#calendar .fc-daygrid-event-harness:hover {
    opacity: unset;
}

#navbar_title:hover{
    cursor: pointer;
}

.messageContainer .error-message {
    border: 1px solid #811211;
    border-radius: 4px;
    color: #811211;
    background-color: #fcd3d2;
    padding: 12px;
    align-content: center;
}

.messageContainer .success-message {
    border: 1px solid #3ea66d;
    border-radius: 4px;
    color: #3ea66d;
    background-color: #dcf8e7;
    padding: 12px;
    align-content: center;
}

.marginBottom{
    margin-bottom: 15px;
}

.required:after {
    content:" *";
    color: red;
    font-size: 20px;
}

.containerDocumenti{
    /* height: 470px; */
    overflow-y: scroll;
    display: block;
}

#carouselAnnunci{
    /* top : 80%; */
    height: 100%;
    -moz-transition: height 0.5s ease-in-out, transform 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out, transform 0.5s ease-in-out;
    -webkit-transition: height 0.5s ease-in-out, transform 0.5s ease-in-out;
    transition: height 0.5s ease-in-out, transform 0.5s ease-in-out;
    -webkit-box-shadow: 0px -1px 10px 0px #0000002b;
    -moz-box-shadow: 0px -1px 10px 0px #0000002b;
    -o-box-shadow: 0px -1px 10px 0px #0000002b;
    box-shadow: 0px -1px 10px 0px #0000002b;
}

 #carouselAnnunci:hover {
    /* top : 25%; */
    height: 640px;
    -moz-transition: height 0.5s ease-in-out, transform 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out, transform 0.5s ease-in-out;
    -webkit-transition: height 0.5s ease-in-out, transform 0.5s ease-in-out;
    transition: height 0.5s ease-in-out, transform 0.5s ease-in-out;
    -webkit-box-shadow: 0px -1px 100px 0px #0000002b;
    -moz-box-shadow: 0px -1px 100px 0px #0000002b;
    -o-box-shadow: 0px -1px 100px 0px #0000002b;
    box-shadow: 0px -1px 100px 0px #0000002b;
    transform: translateY(-50%);
} 

#carouselAnnunci .carousel-indicators{
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 60%);
    padding-top: 40px;
    margin-bottom: 0rem;
    padding-bottom: 10px;
}

#carouselAnnunci .carousel-caption{
    bottom : initial;
}

.carousel-inner{
    height : 100%;
}

.carousel-item{
    height : 100%;
}

.vertical-center{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

div.accordion-item{
    border-radius: 20px !important;

}

button.accordion-button{
    border-radius: 20px !important;
}

.marginBottom0{
    margin-bottom: 0;
}

.btnPageDashboardPortali:hover, .raise:focus {
    box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
    transform: translateY(-0.25em);
}

.btn1 {
    --color: #007bff;
    --hover: #007bff;
}

.btn2 {
    --color: #00b74a;
    --hover: #00b74a;
}

.btn3 {
    --color: #39c0ed;
    --hover: #39c0ed;
}

.btn4:hover, .raise:focus {
    box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
    transform: translateY(-0.25em);
    color: #454CBD;
}

.btn4 {
    --color: #454CBD;
    --hover: #454CBD;
    color: #454CBD;
    border-color: #454CBD;
}

.btn5 {
    --color: #ffa900;
    --hover: #ffa900;
}

.btn6:hover, .raise:focus {
    box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
    transform: translateY(-0.25em);
    color: #117f7c;
}

.btn6 {
    --color: #117f7c;
    --hover: #117f7c;
    color: #117f7c;
    border-color: #117f7c;
}

.btn7:hover, .raise:focus {
    box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
    transform: translateY(-0.25em);
    color: #03791e;
}

.btn7 {
    --color: #03791e;
    --hover: #03791e;
    color: #03791e;
    border-color: #03791e;
}

.btn8:hover, .raise:focus {
    box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
    transform: translateY(-0.25em);
    color: #08bfbc;
}

.btn8 {
    --color: #08bfbc;
    --hover: #08bfbc;
    color: #08bfbc;
    border-color: #08bfbc;
}

.btnPageDashboardPortali:hover, .btnPageDashboardPortali:focus {
    background-color: #ffffff;
    border-color: var(--hover);
}

.cardsCorsi:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.16), 0 4px 10px rgba(0,0,0,0.23);
    cursor: pointer;
}

#spinnerAggiungiSezione {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3.5rem;
    height: 3.5rem;
    /* transform: translate(-50%, -50%); */
    /* display: none; */
 }

.spinner-container{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    align-items: center;
    justify-content: center;
    background-color: #0707076e;
    z-index: 9999;
    width: 100%;
    left: 0;
}

.bottone-cartella{
    background: transparent;
    border: none;
}

.freccia{
    float: right;
    margin-top: 15px;
    margin-right: 15px;
}

.box-cartella{
    min-height: 55px;
    cursor:pointer !important;
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 25px;
}

.box-cartella:last-child{
    border-bottom: none !important;
}

.box-cartella .card-header{
    border: none;
}

.icona-cartella{
    color: goldenrod!important;
}