/*========================================================
        COLORED THEME
=========================================================*/
/* ::-webkit-calendar-picker-indicator {
  filter: invert(1);
} */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: auto;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.startTimeEmployeeMap{
  margin-left:1rem;
  border: none;
  border-radius: 0.5rem;
  color: var(--theme-color);
}
.startTimeEmployeeMap i{
  color: var(--theme-color);
}
.employeeSchedulingMapSelected{
  background-color: rgba(var(--theme-color),0.13);
  border-radius: 0.5rem;
}
.employeeSchedulingMapSelected label{
  color:rgba(var(--theme-color), 0.73);
  font-weight: bold;;
}
.emergenceElement{
  padding:1rem;
  background-color:rgba(var(--theme-color),0.17);
  /* background-color: #ffffff98; */
  border-radius:1rem;
  margin:0.5rem;
}
.emergenceElement label{
  color:rgba(var(--theme-color),0.87);
  font-size: 1.3rem;
  text-transform: uppercase;
}
.emergenceElement i{
  color:rgba(var(--theme-color),0.87);
  font-size: 1.3rem;
}
.emergenceElementSelected{
  padding:1rem;
  background-color:rgba(var(--theme-color),0.87);
  border-radius:1rem;
  margin:0.5rem;
}
.emergenceElementSelected label{
  color:#FFF;
  font-size: 1.3rem;
  text-transform: uppercase;
}
.emergenceElementSelected i{
  color:#FFF;
  font-size: 1.3rem;
}
.padding-zero{
  padding:0rem!important;
}
.margin-zero{
  margin:0rem!important;
}
body .cardAssTypes {
  padding: 0px 10px !important;
  color: #000;
  border: 0px !important;
  margin-bottom: 1rem;
  border-radius: 0rem !important;
  text-align: center !important; }

body .cardAssTypes:hover {
  padding-left: 10px !important;
  padding-right: 10px !important;
  color: #000;
  border: 0px !important;
  border-radius: 0rem !important;
  margin-bottom: 1rem;
  cursor: pointer;
  text-align: center !important; }

body .cardAssTypes .card-header {
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: block;
  border-radius: 0rem !important; }

body .cardAssTypes .card-header h3 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0px;
  color: #FFF; }

body .cardAssTypes h4 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0px;
  color: #000;
  font-size: 1rem; }

body .cardAssTypes #cardAssTypesDesc label {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0px;
  color: #000; }

body .cardAssTypes .card-header label {
  color: #FFF; }

body .cardAssTypes .card-content {
  border-right: 1px solid #ebebeb;
  border-left: 1px solid #EBEBEB; }

body .cardAssTypes .card-footer {
  color: #FFF;
  padding: 0px;
  margin: 0px;
  border-radius: 0rem !important; }

body .cardAssTypesBtn {
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 0rem !important;
  padding-bottom: 1rem !important; }

body .cardAssTypesBtn:hover {
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 0rem !important;
  padding-bottom: 1rem !important;
  text-decoration: underline; }

body .cardAssTypesSelected {
  box-shadow: 10px 4px 8px 10px #00000050, 10px 10px 20px 10px #00000070 !important;
  padding: 0px !important;
  color: #000;
  margin-bottom: 1rem;
  text-align: center !important; }

body .cardAssTypesSelected:hover {
  box-shadow: 10px 4px 8px 10px #00000050, 10px 10px 20px 10px #00000070 !important;
  padding: 0px !important;
  color: #000;
  margin-bottom: 1rem;
  text-align: center !important; }

body .cardAssTypesSelected .card-header {
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: block;
  border-radius: 0rem !important; }

body .cardAssTypesSelected .card-header h3 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0px;
  color: #FFF; }

body .cardAssTypesSelected h4 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0px;
  color: #000;
  font-size: 1rem; }

body .cardAssTypesSelected #cardAssTypesDesc label {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0px;
  color: #000; }

body .cardAssTypesSelected .card-header label {
  color: #FFF; }

body .cardAssTypesSelected .card-content {
  border-right: 1px solid #ebebeb;
  border-left: 1px solid #EBEBEB; }

body .cardAssTypesSelected .card-footer {
  color: #FFF;
  padding: 0px;
  margin: 0px;
  border-radius: 0rem !important; }
.assReqCard{
  background-color: rgba(var(--theme-color), 0.16)!important;
  border-radius: 0.5rem;
  color: rgba(var(--theme-color), 0.76)!important;
  text-align: center;
  padding: 1rem;
}
.assReqCard i{
  font-size: 2rem;;
}
.assReqCard h3,p{
  color: rgba(var(--theme-color), 0.76)!important;
}
.assReqCardSelected{
  background-color: rgba(var(--theme-color), 0.76)!important;
  padding: 1rem;
  border-radius: 0.5rem;
  color: #FFF!important;
  text-align: center;
}
.assReqCardSelected i{
  font-size: 2rem;;
}
.assReqCardSelected h3,p{
  color: #FFF!important;
}
.closeActivityHours{
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  background-color: rgba(var(--theme-color), 0.46)!important;
  border: none;
}
.select2ThemeEdition_container{
  background-color: rgba(var(--theme-color), 0.16)!important;
  
}
.select2ThemeEdition_container span{
  color:rgba(var(--theme-color), 0.76)!important;;
  font-weight: bold;
}
.select2ThemeEdition_selection {
  color: rgba(var(--theme-color), 0.76)!important;
  
  font-weight: bold;
}
.inputSpinnerContainer input{
  border-radius: 0.3rem;
  border: 1px solid #FFF!important;
  color: rgba(var(--theme-color), 0.85)!important;
  background-color: rgba(var(--theme-color), 0.25)!important;
  text-align: center!important;
  font-weight: bold!important;
  font-size: 1.2rem!important;
}
.btn-increment{
  background-color: rgba(255,255,255, 1);
  border: 1px solid #FFF;
  border-radius: 0px 0.3rem 0.3rem 0rem;
  color: rgba(var(--theme-color), 1);
  font-size: 1.5rem;
}

.btn-decrement{
  background-color: rgba(255,255,255, 1);
  border: 1px solid #FFF;
  border-radius: 0.3rem 0rem 0rem 0.3rem;
  color: rgba(var(--theme-color), 1);
  font-size: 1.5rem;
}


.hover-pointer:hover{
  cursor: pointer;;
}
.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.gu-hide {
  display: none !important;
}
.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

#projectContainer{

}
#projectContainer {
  
}

html body .content.app-content {
 overflow: visible;
}

.text-color-theme{
  color:rgba(var(--theme-color), 0.73)!important;
}
.containerTabActive{
  padding: 0.5rem;
  background-color:  rgba(var(--theme-color), 0.63);
  color:#FFF;
  border-radius: 0.3rem 0.3rem 0rem 0rem;
}
.tableThinRows thead tr th{
  padding:0.5rem;
  text-transform: lowercase;
  background-color: rgba(var(--theme-color), 0.17);
  color: rgba(var(--theme-color), 0.73);
  font-weight: normal;
  border: none;
}
.tableThinRows thead tr {
  border: none;
}
.tableThinRowsBlack thead tr th{
  padding:0.5rem;
  text-transform: lowercase;
  background-color: #ebebeb;
  color: black;
  font-weight: normal;
  border: none;
}
.tableThinRowsBlack thead tr {
  border: none;
}
/*========= BACKGROUND =========*/
html body {
  background-color: rgba(var(--theme-color), 0.12);
}

.modal-dialog-scrollable{
  min-height: calc(100% - 3.5rem)!important;
}
/* @media (min-width: 1400px) {
  .modal-dialog-scrollable{
    min-height: calc(180% - 3.5rem)!important; } }
  @media (min-width: 1900px) {
    .modal-dialog-scrollable{
      min-height: calc(150% - 3.5rem)!important; } }

  @media (min-width: 2000px) {
    .modal-dialog-scrollable{
      min-height: calc(100% - 3.5rem)!important; } } */

/*=================================*/
.tabNotSelected{
  padding: 0.5rem;
  background-color:  #FFF;
  color:rgba(var(--theme-color), 0.63);
  border-radius: 0.3rem 0.3rem 0rem 0rem;
}
.tabNotSelected label, .tabNotSelected i{
  color:rgba(var(--theme-color), 0.63);
  font-size:1rem;
}

.tabSelected{
  background-color:  rgba(var(--theme-color), 0.63);
  color:#FFF;
}

.tabSelected{
  padding: 0.5rem;
  background-color:  rgba(var(--theme-color), 0.63);
  color:#FFF;
  border-radius: 0.3rem 0.3rem 0rem 0rem;
}
.tabSelected label, .tabSelected i{
  color:#FFF;
  font-size:1rem;
}

.employeeToImportUnselected{
background-color: transparent;}

.employeeToImportSelected{
background-color: rgba(var(--theme-color), 0.7);
}

.serviceToImportUnselected{
  background-color: transparent;}
  
  .serviceToImportSelected{
  background-color: rgba(var(--theme-color), 0.7);
  }

  .roomToImportUnselected{
    background-color: transparent;}
    
    .roomToImportSelected{
    background-color: rgba(var(--theme-color), 0.7);
    }

    .equipmentToImportUnselected{
      background-color: transparent;}
      
      .equipmentToImportSelected{
      background-color: rgba(var(--theme-color), 0.7);
      }
      .elementToLinkUnselected{
        background-color: transparent;}
        
        .elementToLinkSelected{
        background-color: rgba(var(--theme-color), 0.7);
        }
/*========= FORM CONTROL =========*/

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: rgba(var(--theme-color), 0.8);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-color), 0.25);}

/*========= HEADER MENU =========*/
.horizontal-menu .header-navbar {
  /* background: linear-gradient(180deg, rgba(var(--theme-color), 0.4) 44%, rgba(var(--theme-color), 0.3) 73%, rgba(var(--theme-color), 0.2)); */
  /* background: rgba(var(--theme-color), 0.3); */
  background: rgba(var(--theme-color), 0.63);
}
.horizontal-menu-calendar{
position: static!important; 
}

#bookmark-icons li.active a i {
  color: rgba(var(--theme-color), 0.7);
}
.header-navbar .navbar-container ul.nav li > a.nav-link {
  color: rgba(255,255,255, 0.9);
}

/*========= PAGE LIST HEADER =========*/
.pageListHeaderContainer{
  margin-bottom: 0.5rem!important;
  background: rgba(var(--theme-color), 0.47);
}

/*========= SELECT 2=========*/
.select2ColoredTheme-container--default .select2ColoredTheme-selection--single {
  background-color: rgba(var(--theme-color), 0.7);
}

.select2ColoredTheme-container--classic .select2ColoredTheme-selection--single, .select2ColoredTheme-container--default .select2ColoredTheme-selection--single {
  border: 1px solid rgba(var(--theme-color), 0.8);
}

.select2ColoredTheme-container{
  color: #FFF;
}

.select2ColoredTheme-container--default .select2ColoredTheme-selection--single .select2ColoredTheme-selection__rendered {
  color: #FFF;
}

.select2ColoredTheme-dropdown {
  background-color: rgba(var(--theme-color), 0.2);
  border: 1px solid rgba(var(--theme-color), 0.8);
}

.select2ColoredTheme-container--default .select2ColoredTheme-search--dropdown .select2ColoredTheme-search__field {
  border: 1px solid rgba(var(--theme-color), 0.8);
}

.select2ColoredTheme-container--default .select2ColoredTheme-selection--single .select2ColoredTheme-selection__arrow b {
  border-color: #FFF transparent transparent transparent
}

.select2ColoredTheme-container--default .select2ColoredTheme-results__option[aria-selected=true] {
  background-color: rgba(var(--theme-color), 0.7);
}
.select2ColoredTheme-container--default.select2ColoredTheme-container--open .select2ColoredTheme-selection--single .select2ColoredTheme-selection__arrow b {
  border-color: transparent transparent #fff transparent;
  border-width: 0 4px 5px 4px;
}
.selselect2ColoredThemeect2-container--default .select2ColoredTheme-results__option--highlighted[aria-selected] {
  background-color: rgba(var(--theme-color), 0.8);
  color: white;
}


.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: rgba(var(--theme-color), 0.6) !important;
  background-color: rgba(var(--theme-color), 0.6) !important;
}
/*========= SWITCH=========*/
.custom-switch-primary .custom-control-input:checked ~ .custom-control-label::before {
  background-color: rgba(var(--theme-color), 0.6) !important;
}
.custom-switch-primary .custom-control-label::before {
  border: none;
  background-color: rgba(var(--theme-color), 0.17) !important;
}
/*========= TEXT/ELEMENT PRIMARY COLOR =========*/
.primary {
  color: rgba(var(--theme-color), 0.6) !important;
}

.primaryStrong {
  color: rgba(var(--theme-color), 0.8) !important;
}


/*========= BUTTON=========*/
.btnSmall-1-theme-color{
  padding: 0.6rem 1rem!important;
  text-transform: uppercase;
  font-size: 0.8rem;
  background-color: rgba(var(--theme-color), 0.43) !important;
}

.btn-success-small{
  padding: 0.5rem 1rem;
  margin: 0rem!important;
  /* border:1px solid rgba(var(--theme-color), 0.8) !important; */
  background-color: rgba(var(--theme-color), 0.6) !important;
  color: #fff;
  font-size: 0.9rem;
}
.btn-success-small i{
font-size: 0.9rem;
}
.btn-success-small:hover{
  box-shadow: 0px 4px 25px 0px rgba(var(--theme-color), 0.6)!important; 
  color: #fff!important;
}
.btn-success-small i:hover{
  color: #fff!important;
}


/*========= DATA TABLE=========*/
table.dataTable{
  text-align: center;
}

table.dataTable thead tr {
  
  background-color: rgba(var(--theme-color), 0.15)!important;
  color: #5c5c5c;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
  right: 1rem!important;
  color: #5c5c5c!important;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before {
  right: 1rem!important;
  color: #5c5c5c!important;
}

.pagination .page-item.active .page-link {
 
  background-color: rgba(var(--theme-color), 0.6);
  color: #fff;
}

/*========= FULL CALENDAR========*/
.fc .fc-event {
  border: 1px solid rgba(var(--theme-color), 0.6);
  background: rgba(var(--theme-color), 0.6);
}

.fc-event-vert {
  min-height: 25px;
}

.unavailability{
 /* background-image:url(https://admin.appuntamelo.com/app-assets/images/appuntamelo/background-unavailability-1.gif)!important;
  background-repeat:repeat!important; */
  background: repeating-linear-gradient( 45deg, #dcdcdca1, #ffffff2b 10px, #ffffff 0px, #ffffff52 7px )!important;
    
  border: 1px solid #d1cdcd!important;
  margin-left:0px!important;

  /* background: #00000010!important;
    border: 1px solid #00000030!important; */
}
.unavailability .fc-event-title{
  color: #00000060!important;
  font-weight: bold!important;
  text-transform: uppercase!important;
  text-align: center!important;
}
.unavailability .fc-event-main-frame{
  color: #00000060!important;
  font-weight: normal!important;
  text-align: center!important;
}
.unavailability .fc-event-time{
  font-weight: bold!important;
}
.unavailability  .fc-event-title-container{
  font-weight: bold;
    /* text-transform: uppercase; */
    font-size: 0.9rem;
}
.unavailability .fc-time{
  color:#000!important;
  font-size: 1rem!important;
}
.unavailability .fc-time span{
  color:#000!important;
  font-size: 1rem!important;
}

.unavailability .fc-title{
  padding-left:0px!important;
  font-weight: bold;
  font-size: 0.9rem;
}

.fc-now-indicator {
  position: absolute;
  border: 0 solid  ;
  border-color: rgba(var(--theme-color), 0.8)!important;
}

.fastBookingAddingIcon{
  font-size: 1rem;
  background-color: rgba(var(--theme-color), 0.27)!important;
  color: #FFF;
  padding: 0.5rem 1rem;
  border-radius: 0.3rem 0.3rem 0rem 0rem;
}

.fastBookingAddingIcon label{
    color: #FFF;
    text-transform: lowercase!important;
    margin-left: 0rem;
    font-family: "Montserrat", Helvetica, Arial, serif;
    font-size: 0.9rem;
  }

  .fastBookingAddingContainer{
    background-color: rgba(var(--theme-color), 0.27)!important;
    padding: 0.3rem;
    margin: 0rem;
    color: #FFF;
    border-radius: 0rem 0.3rem 0.3rem 0.3rem;
  }
  .fastBookingAddingContainer label{
    color:#FFF;
  }

  .fc .fc-view-container .fc-head .fc-head-container thead .fc-day-header.fc-today {
    color: rgba(var(--theme-color), 0.56)!important;
    background-color: rgba(var(--theme-color), 0.16)!important;
}

.fc .fc-header-toolbar {
  /* background-color: rgba(var(--theme-color), 0.10); */
  padding: 1rem 0rem!important;
  color: #626262!important;
  border-radius: 0.3rem!important;
}
.fc .fc-button, .fc .fc-button.btn-primary {
  color: rgba(var(--theme-color), 0.66);
  float: left!important;
}
.btn-primary{
  background-color: rgba(var(--theme-color), 0.76)!important;
}
.fc .fc-button:not(:disabled).fc-button-active {
  color: rgba(var(--theme-color), 0.66);
  font-size: 1.2rem!important;
  font-weight: bold;
}
.fc-right{
  padding: 0.5rem;
    background-color: rgba(var(--theme-color), 0.56);
    border-radius: 0.3rem;
}
/* .fc .fc-header-toolbar .fc-right div:first-child h2 {
  color: #FFF;
  font-size: 1rem;
}
.fc .fc-header-toolbar .fc-right .fc-button.fc-prev-button {
  color: #FFF;
}
.fc .fc-header-toolbar .fc-right .fc-button.fc-next-button {
  color: #FFF;
}

.fc .fc-header-toolbar .fc-right .fc-button.fc-next-button:hover {
  background:none
}


.fc .fc-header-toolbar .fc-right .fc-button.fc-prev-button:hover {
  background:none
} */
.fc-prev-button {
  background-color: rgba(var(--theme-color), 0.56)!important;
  border-radius: 0.3rem 0rem 0rem 0.3rem!important;
  color: #FFF!important;
}
.fc-next-button {
  background-color: rgba(var(--theme-color), 0.56)!important;
  border-radius: 0rem 0.3rem 0.3rem 0rem!important;
  color: #FFF!important;
}
.fc-prev-button .fc-button .fc-button-primary{
  padding: 0.5rem!important;
    margin: 0px!important;
    
}
.fc-toolbar-title{
  background-color: rgba(var(--theme-color), 0.56)!important;
  color: #FFF;
  font-weight: normal!important;
  font-size: 1.3rem!important;
  float: left!important;
  text-transform: capitalize;
  padding: 0.7rem 1rem 0.5rem;
}
.fc-next-button .fc-button .fc-button-primary{
  float: left!important;
    padding: 0.5rem!important;
    margin: 0px!important;
}

.fc-openFastbooking-button{
  margin:0px!important;
  padding: 0px 4rem 0rem 0rem!important;
}

.fc-daygrid-day-number{
  color:rgba(var(--theme-color), 0.8)!important;
}
.fc-icon-selected {
  background-color: rgba(var(--theme-color), 0.56)!important;
    border-radius: 0.3rem!important;
    box-shadow: 0px 4px 4px 3px rgb(0 0 0 / 20%)!important;
}
.fc-icon-selected .calendarLeftIcon{color:#FFF!important} 
.calendarLeftIcon{
  font-size:1.8rem;
  color: rgba(var(--theme-color), 0.76);
}
.calendarLeftIcon:hover{
  color: rgba(var(--theme-color), 10.56);
  background: transparent!important;
}
.fc-btnTod-button{
  padding-right:1.5rem!important;
}
.fc-button:hover{
/* background:transparent!important; */
}
.fc-addNewMeeting-button{
  padding-right:1.6rem!important;
}
.fc-btnWeeklyView-button{
  padding-right: 0.4rem!important;
  margin-right: 0px!important;
}
.fc-resourceEmployees-button .fc-icon{
  padding-right:2rem;
}
.fc-timeline-slot-frame a{
  font-weight:normal;
  color: rgba(var(--theme-color), 0.76);
}
.fc-timeline-event{
  height: 3modalrem;
}
/* .fc-timeline-slot-cushion {
  font-weight:normal;
  color: rgba(var(--theme-color), 0.76);
}

.fc-timeline-slot-cushion a:hover{
  font-weight:normal;
  color: rgba(var(--theme-color), 0.76);
} */
/*======== DASHBOARD ===== */

.iconSelected{
  background-color:rgba(var(--theme-color), 0.56)!important;
  color:#FFF!important;
  border-radius:0.3rem!important;
  padding:0.5rem 0.5rem 0.3rem 0.5rem!important;
  margin: 0.8rem 0.5rem 0.3rem 0rem!important;
  font-size: 1.3rem;
}
.iconUnselected{
  font-size: 1.3rem;
  background-color: #FFF;
  color: rgba(var(--theme-color), 0.67);
  margin: 0.8rem 0.5rem 0.3rem 0rem!important;
  border-radius: 0.3rem!important;
}

.bottomFiltersContainer{
padding: 0px; 

}
.bottomFiltersContainer .bottomFilter{
  color: rgba(var(--theme-color), 0.56);margin-left: 0.5rem;margin-bottom: 0rem;
  padding-top: 1rem;
}
.bottomFiltersContainer .bottomFilter i{
  color: rgba(var(--theme-color), 0.56);margin-left: 0rem;margin-bottom: 0rem;font-size: 1rem;
}
.bottomFiltersContainer .bottomFilter label{
  color: rgba(var(--theme-color), 0.56);font-size:0.8rem;font-weight: normal;text-transform:uppercase;
}

.bottomFiltersContainer .bottomFilterSelected{
  background-color: rgba(var(--theme-color), 0.16);
  color: rgba(var(--theme-color), 0.56);margin-left: 1rem;margin-bottom: 0rem;font-size: 1.5rem;
  border-radius: 0.3rem 0.3rem 0rem 0rem!important;
  padding-top: 0.5rem;
}
.bottomFiltersContainer .bottomFilterSelected i{
  color: rgba(var(--theme-color), 0.56);margin-left: 0rem;margin-bottom: 0rem;font-size: 1rem;
}
.bottomFiltersContainer .bottomFilterSelected label{
  color: rgba(var(--theme-color), 0.56);font-size:0.8rem;font-weight: normal;text-transform:uppercase;
}
.filtersContainer{
  padding: 1rem 1.5rem;background-color: rgba(var(--theme-color), 0.16)!important;border-radius: 0rem 0.3rem 0.3rem 0.3rem;
  /* box-shadow: 5px 5px 5px #ebebeb; */
}
.filtersContainer i{
  color: rgba(var(--theme-color), 0.56);margin-left: 0.5rem;margin-bottom: 1rem;font-size: 1.5rem;
}
.filtersContainer label{
  color: rgba(var(--theme-color), 0.56);font-size:0.8rem;font-weight: normal;text-transform:uppercase;
}
.filtersContainer .filtersContainerElement{
  padding: 0.5rem;
  border-radius:0.3rem;
}




.filtersContainer .filtersContainerElement:hover{
  background-color: rgba(50, 111, 215, 0.57);
  color:#FFF;
}
.filtersContainer .filtersContainerElement h4{
font-size:1rem;margin-bottom: 0px;color: rgba(var(--theme-color), 0.56);
}
.filtersContainer .filtersContainerElement label{
  color: rgba(var(--theme-color), 0.56);margin-top: 0px; font-size:0.8rem; padding-top: 0px;line-height: 0.8rem;text-transform: lowercase;
}
.filtersContainer .filtersContainerElement img{
  width: 32px; height: 32px;margin-right:0.5rem!important;
}

.employeesFilterSelected{
  background-color: rgba(50, 111, 215, 0.57);
  color:#FFF;
}

.employeesFilterSelected label{
  
  color:#FFF;
}
.employeesFilterSelected h4{
  
  color:#FFF;
}

.servicesFilterSelected{
  background-color: rgba(50, 111, 215, 0.57);
  color:#FFF;
}

.equipmentsFilterSelected{
  background-color: rgba(50, 111, 215, 0.57);
  color:#FFF;
}

.roomsFilterSelected{
  background-color: rgba(50, 111, 215, 0.57);
  color:#FFF;
}

.vehiclesFilterSelected{
  background-color: rgba(50, 111, 215, 0.57);
  color:#FFF;
}

/*=========ANALYTICS ================*/
.analytics .btnViewModeSelected {
  background-color: rgba(var(--theme-color), 0.56);
  color: #FFF; }

.analytics .btnViewModeUnselected {
  background-color: #FFF;
  color: rgba(var(--theme-color), 0.56);
  border: 1px solid rgba(var(--theme-color), 0.56)
}

body.appuntamelo-layout .btnViewModeSelected {
  background-color: rgba(var(--theme-color), 0.56);
  color: #FFF;
  border: 1px solid rgba(var(--theme-color), 0.56); }

body.appuntamelo-layout .btnViewModeUnselected {
  background-color: #FFF;
  color: rgba(var(--theme-color), 0.56);
  border: 0px; }

  .dropdown .dropdown-menu-right{
    background-color: rgba(var(--theme-color), 0.86);
  }
  .dropdown .dropdown-menu .dropdown-item{
    color:#FFF!important;
  }

  .modal-header{
    background-color: rgba(var(--theme-color), 0.67)!important;
    border-radius:0px!important;
  }
  .modal-title{
    color:#FFF!important;
    padding: 0.3rem 0rem 0rem 1rem!important;
  }

  .modal-header .close { margin: 0rem 1rem 0rem 0rem}

  .elementSelected{
    /* background-color: rgba(var(--theme-color), 0.11)!important;
    box-shadow: 0px 4px 25px 0px rgb(0 0 0 / 10%); */
    
    box-shadow: 0px 4px 25px 0px rgb(0 0 0 / 10%);
    border: 1px solid rgba(var(--theme-color), 0.61)!important;
    border-radius: 0.3rem;
  }
  .elementSelected label{ 
    /* font-weight:bold; */
  }
  ::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: rgba(var(--theme-color), 0.17)!important;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background:rgba(var(--theme-color), 0.67)!important;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--theme-color), 0.47)!important;
  }

  .disabledDay{
    /* background-color: #EBEBEB;; */
  }

  .locationContainer{
    padding: 1rem;
    border-radius: 0.3rem 0.3rem 0rem 0rem;
    /* color:rgba(var(--theme-color), 0.67)!important; */
   
  }
  .locationContainer h4, p, h3{
    /* color:rgba(var(--theme-color), 0.67)!important; */
  }
  .locationSelected{
    background-color:  rgba(var(--theme-color), 0.47)!important;
    /* background-color: #c7c7c796!important; */
    color:rgba(var(--theme-color), 0.67)!important;
    font-weight: bold;
  }
  .locationSelected label, .locationSelected i{
    /* color:rgba(var(--theme-color), 0.67)!important;
    font-weight: bold; */
    color: #FFF!important;
    font-weight: bold!important;
  }
  .timeTable{

  } 
  .timeTableSelected{
      box-shadow: 0px 4px 25px 0px rgba(var(--theme-color), 0.67)!important;
    }
 
  .fc .fc-non-business {
    /* background: rgba(var(--theme-color), 0.10)!important;  */
    background: #EBEBEB60!important;
  } 

  .form-section {
    color: rgba(var(--theme-color), 0.67)!important; ;
    line-height: 3rem;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(var(--theme-color), 0.67)!important;
}
.form-section > i + span{
  margin-left:0px!important;
}
.fc-col-header-cell-cushion{
  /* color:rgba(var(--theme-color), 0.8)!important; */
  color:#626262!important;
  font-weight: bold!important;
  padding: 0.5rem!important;
    font-size: 1.0rem!important;
  
}
.fc-day-today  .fc-scrollgrid-sync-inner{
  
  background-color: rgba(var(--theme-color), 0.26)!important;
}

.fc-day-today  .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion {
  color: rgba(var(--theme-color), 0.56)!important;
}

.fc .fc-timegrid-col.fc-day-today{
  background-color: rgba(var(--theme-color), 0.03)!important;
}

.fc .fc-timegrid-now-indicator-line {

  border-color: rgba(var(--theme-color), 1)!important;
  border-style: dotted!important;
  border-width: 2px 0 0!important;
}

.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
  border-width: 10px 0 10px 15px!important;
  
}
.fc .fc-timegrid-now-indicator-arrow {
  margin-top: -10px!important;
  border-style: solid!important;;
  border-color: rgba(var(--theme-color), 1)!important;
  border-color: rgba(var(--theme-color), 1)!important;
  border-top-color: transparent!important;
    border-bottom-color: transparent!important;
}
.fc-timegrid-event .fc-event-time {
  font-weight: normal;
  font-size: 1rem;
  padding: 0px;
  margin: 0px;
}

.fc-v-event .fc-event-title {
  color: #FFF;
  font-size:0.75rem;
  font-weight: 500;
  line-height: 12px;
}


.adminDashboardSingleElement{
  float:left;
  text-align:center;
  padding:0.5rem;
  margin:1rem;
  border-radius: 0.3rem;;
}
.adminDashboardSingleElementCreated{
  border: 1px solid #2e9023ad!important;
}
.adminDashboardSingleElementCreated h3, .adminDashboardSingleElementCreated h5{
  color: #2e9023ad!important;
}
.adminDashboardSingleElementDeleted{
  border: 1px solid #e53a3aad!important;
}
.adminDashboardSingleElementDeleted h3, .adminDashboardSingleElementDeleted h5{
  color: #e53a3aad!important;
}
.adminDashboardSingleElementModified{
  border: 1px solid #6490fead!important;
}
.adminDashboardSingleElementModified h3, .adminDashboardSingleElementModified h5{
  color: #6490fead!important;
}
.adminDashboardSingleElementScheduled{
  border: 1px solid #ff9f30ad!important;
}
.adminDashboardSingleElementScheduled h3, .adminDashboardSingleElementScheduled h5{
  color: #ff9f30ad!important;
}
.adminDashboardSingleElement h3{
  color: #FFF;
 font-size: 2rem;
 font-weight: bold;
}
.adminDashboardSingleElement h5{
  color: #FFF;
  text-transform: uppercase;
  font-size: 0.8rem;
 font-weight: normal;
}

@media (max-width: 1199.98px){
  body.horizontal-layout .header-navbar {
    background: rgba(var(--theme-color), 0.63)!important;
}
}
@media (max-width: 1199.98px){
  body.horizontal-layout .content .content-wrapper {
    margin-top: 3rem;
    padding-left:0px!important;
  }
}

.fc-theme-standard .fc-list-day-cushion {
  background-color: rgba(var(--theme-color), 0.3)!important;
  color:rgba(var(--theme-color), 0.67)!important;
  font-weight: 500!important;
  font-size: 0.9rem!important;
}
.fc-list-event{
  background-color: #FFF!important;
  font-weight: 500!important;
  font-size: 0.9rem!important;
}
.fc-list-day.fc-list-day-cushion a{
  color:rgba(var(--theme-color), 0.67)!important;
}
.fc-list-day-text{
  color:rgba(var(--theme-color), 0.67)!important;
  font-weight: 500!important;
}

.calendar-employe-page .fc-button-group{
  padding-bottom: 1.5rem;
}

/* .calendar-employe-page .fc-title{
  padding-bottom: 1.5rem;
} */
.calendar-employe-page .fc-prev-button {
  background-color: rgba(var(--theme-color), 0.56)!important;
  border-radius: 0.3rem 0rem 0rem 0.3rem!important;
  color: #FFF!important;
  font-size: 0.8rem;
}
.calendar-employe-page .fc-next-button {
  background-color: rgba(var(--theme-color), 0.56)!important;
  border-radius: 0rem 0.3rem 0.3rem 0rem!important;
  color: #FFF!important;
  font-size: 0.8rem;
}
.calendar-employe-page .fc-prev-button .fc-button .fc-button-primary{
  padding: 0.5rem!important;
    margin: 0px!important;
    
}
.calendar-employe-page .fc-toolbar-title{
  background-color: rgba(var(--theme-color), 0.56)!important;
  color: #FFF;
  font-weight: normal!important;
  font-size: 1.0rem!important;
  float: left!important;
  text-transform: capitalize;
  padding: 0.7rem 1rem 0.5rem;
}
.calendar-employe-page .fc-next-button .fc-button .fc-button-primary{
  float: left!important;
    padding: 0.5rem!important;
    margin: 0px!important;
}
.calendarEmployeesFilter{
  margin-top: 0.5rem;
  margin-right: 1rem;
  background-color: #FFF;
  border-radius: 0.3rem;
  box-shadow: 0px 4px 4px 3px rgb(0 0 0 / 10%)!important;
  margin-bottom: 0rem;
}
.calendarFilterSelected{
  background-color:rgba(var(--theme-color), 0.46)!important;
  box-shadow: 0px 5px 11px 4px rgba(var(--theme-color), 0.26)!important
}
.calendarFilterSelected h4{
  color: #FFF;
}
.calendarFilterSelected h5{
  color: #FFF;
}
.calendarFilterSelected i{
  color: #FFF!important;
}

.calendarEmployeesFilter i{
  color: #000;
}
.calendarEmployeesFilter img{
  width:32px;
  height: 32px;
  margin-right: 0px!important;
}
.calendarEmployeesFilter h4{
  font-size: 0.8rem;
  margin-bottom: 0px;
  font-weight: normal;
}
.calendarEmployeesFilter h5{
  font-size: 0.7rem;
    margin-bottom: 0px;
    font-weight: normal;
}
.accessPassFormContainer{
  padding: 1rem;
  margin: 0rem;
}
.accessPassFormContainerSelected{
  padding: 1rem;
  background-color: rgba(var(--theme-color),0.17);
  margin: 0rem;
  border-radius: 0.3rem;
}
.resourcesPlannerEmployeesList{
  margin-top: 1rem;
  margin-right: 1rem;
  background-color: #FFF;
  border-radius: 0.3rem;
  box-shadow: 0px 4px 4px 3px rgb(0 0 0 / 40%)!important;
  margin-bottom: 0rem;
}
.resourcesPlannerEmployeesList h4{
  font-size: 0.8rem;
  margin-bottom: 0px;
  font-weight: normal;
}
.resourcesPlannerEmployeesList h5{
  font-size: 0.7rem;
    margin-bottom: 0px;
    font-weight: normal;
}
.wizardAppType{
  /* background-color: rgba(var(--theme-color), 0.17); */
  background-color: #FFFFFF90;
  border-radius: 0.3rem;
  padding: 0.75rem;
}
.wizardAppType i{
  color:rgba(var(--theme-color), 0.77);
  font-size: 2rem;
  font-weight: normal;
}
.wizardAppType p{
  color:rgba(var(--theme-color), 0.77);
  font-size: 1rem;
  font-weight: normal;
  margin-bottom:0px;
}
.wizardAppTypeSelected{
  background-color: rgba(var(--theme-color), 0.67)!important;
  border-radius: 0.3rem;
  padding: 0.75rem;
  color:#FFF!important;
}
.wizardAppTypeSelected i{
  color:#FFF!important;
  font-size: 2rem;
  font-weight: 500;
}
.wizardAppTypeSelected p{
  color:#FFF!important;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom:0px;
}
.appointment-wizard-component label{
  color:#FFF;
}


.appointment-wizard-component  .tab-pane {
  background-color: rgba(var(--theme-color), 0.5);padding: 0.5rem;margin: 0.75rem 0rem;
}

.rent-wizard-component label{
  color:#FFF;
}


.rent-wizard-component  .tab-pane {
  background-color: rgba(var(--theme-color), 0.5);padding: 0.5rem;margin: 0.75rem 0rem;
}

#summaryBody h4, #summaryBody h6,#summaryBody span,#summaryBody label,#summaryBody i{
  color:#FFF;
}




.customerTabPanelElement{
  background-color: #FFF;
}

.customerTabPanelElement h4{
  margin-top:0.5rem;
  
}
  .customerTabPanelElement h4 span{
  text-transform: uppercase;
  font-weight: normal;
  font-size:1rem;
  color:rgba(var(--theme-color), 0.73)!important;
}

.customerTabPanelElement i{
  color:rgba(var(--theme-color), 0.73)!important;
  margin-right:0.5rem;
}

.customerTabPanelElementSelected{
  background-color:  rgba(var(--theme-color), 0.73)!important;
}

.customerTabPanelElementSelected h4{
  margin-top:0.5rem;
}
.customerTabPanelElementSelected h4 span{
  text-transform: uppercase;
  font-size:1rem;
  color:#FFF;
}

.customerTabPanelElementSelected i{
  color:#FFF;
  margin-right:0.5rem;
}

.beautyFormElement{
  background-color: #FFF;
  margin-top: 1.5rem;margin-bottom: 1.5rem;margin-right: 2rem;margin-left: 1rem;
}

.beautyFormElement h4{
  padding: 0.5rem;
  margin: 0px;
  
}
  .beautyFormElement h4 label{
  text-transform: uppercase;
  font-weight: normal;
  font-size:1rem;
  color:rgba(var(--theme-color), 0.73)!important;
}

.beautyFormElement i{
  color:rgba(var(--theme-color), 0.73)!important;
  margin-right:0.5rem;
}

.beautyFormElementSelected{
  /* background-color:  rgba(var(--theme-color), 0.73)!important; */
  margin-top: 1.5rem;margin-bottom: 1.5rem;margin-right: 2rem;margin-left: 1rem;
  border-radius: 0.3rem;;
  border:1px solid  rgba(var(--theme-color), 0.73)!important;
}

.beautyFormElementSelected h4{
  padding: 0.5rem;
  margin: 0px;
}
.beautyFormElementSelected h4 label{
  text-transform: uppercase;
  font-size:1rem;
  color:rgba(var(--theme-color), 0.73)!important;
}

.beautyFormElementSelected i{
  color:rgba(var(--theme-color), 0.73)!important;
  margin-right:0.5rem;
}


.cassoniPlanner_Tedeschi_elementSelected{
  background-color: rgba(var(--theme-color), 0.73)!important;
  color:#FFF;
}
.cassoniPlanner_Tedeschi_elementSelected label{
  color:#FFF;
}