/* RESET */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.transition-fade {
  transition: 0.4s;
  opacity: 1; }

html.is-animating .transition-fade {
  opacity: 0; }

a {
  color: #6E6C6C !important; }

a:hover {
  color: #6E6C6C !important;
  text-decoration: none !important; }

/* FONT */
body {
  background-color: #F4F7FD;
  font-family: 'Muli';
  color: #6E6C6C; }

/* AJAX OVERLAY */
#ajax-overlay::before {
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border: 3px solid #d0d0d0;
  border-left: 3px solid #707070;
  border-radius: 50%;
  border-top: 3px solid #707070;
  bottom: 0;
  content: "";
  display: block;
  height: 28px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
}

#ajax-overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  cursor: wait;
  z-index: 2000;
  background-color: rgba(0,0,0,0.3);
  width: 100%;
  height: 100%;
}

@-webkit-keyframes spin{0{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin{0{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}

/* VARIABILI */
.glacom {
  color: #003FFF !important; }

/*WORKERS COLORS:*/
/*.w1 {
  background-color: #00b894; }

.w2 {
  background-color: #00cec9; }

.w3 {
  background-color: #0984e3; }

.w4 {
  background-color: #6c5ce7; }

.w5 {
  background-color: #b2bec3; }

.w6 {
  background-color: #fdcb6e; }

.w7 {
  background-color: #e17055; }

.w8 {
  background-color: #ff7675; }

.w9 {
  background-color: #fd79a8; }

.w10 {
  background-color: #FFCA28; }*/

/* BOTTONI */
.dropdown-item:active{
  background-color: #f8f9fa !important;
}
/* CAROSELLI */
/* TAGS */
.attivo::before,
.non_attivo::before,
.da_iniziare::before,
.in_corso::before,
.stand_by::before,
.terminato::before,
.sempre_aperto::before{
  content: '';
  display: inline-block;
  width: 20px;
  height: 10px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat; }

.add_report{
  background-color: #003FFF;
  padding-left: 12px !important;
  cursor: pointer;
  top: 20px !important;
  right: 15px !important;
}
.add_report i{
  font-size: 0.75rem;
}

.da_iniziare,
.non_attivo {
  background-color: #FC6042; }

.da_iniziare::before,
.attivo::before {
  background-image: url("../img/play.svg"); }

.in_corso {
  background-color: #2C82C9; }

.in_corso::before {
  width: 24px;
  height: 13px;
  background-image: url("../img/playing.svg"); }

.stand_by {
  background-color: #FCB941; }

.stand_by::before {
  background-image: url("../img/standby.svg"); }

.non_attivo::before {
  background-image: url("../img/stop.svg"); }

.terminato,
.attivo {
  background-color: #2CC990; }

.terminato::before {
  width: 24px;
  height: 11px;
  background-image: url("../img/check.svg"); }

.sempre_aperto {
  background-color: #00BCD4; }

.sempre_aperto::before {
  width: 24px;
  height: 11px;
  background-image: url("../img/infinite.svg"); }

.btn:focus{box-shadow: 0 0 0 0;}
/* NAVBAR */
nav.navbar {
  width: calc(100% - 75px);
  height: 75px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1030;
  background-color: white;
  border-bottom: 1px solid #D8D9DF;
  display: flex;
  justify-content: flex-end; }

nav.navbar h6{
  color: #212529;margin-right: auto;padding-left: 25px;
}

nav.navbar .dropdown {
  font-size: 1.1rem;
  font-weight: 200; }

.dropdown .btn
.dropdown .dropdown-item {
  color: #6E6C6C; }

.dropdown .btn.focus,
.dropdown .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0; }

.dropdown-toggle::after {
  border: 0;
  background-image: url("../img/dropdown.svg");
  width: 15px;
  height: 10px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: unset;
  margin-left: 8px; }

/* SIDEBAR */
nav.sidebar {
  width: 75px;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: white;
  border-right: 1px solid #D8D9DF;
  z-index: 100;
  transition-duration: 0.3s; }

nav.sidebar .menu-tile,
nav.sidebar ul a {
  width: 75px;
  height: 75px;
  display: block;
  padding: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  position: relative; }

nav.sidebar ul li {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  transition: background-image 0.3s, all 0.3s;
   }

nav.sidebar .menu-tile {
  background-image: url("../img/menu.svg");
  border-bottom: 1px solid #D8D9DF;
  cursor: pointer; }

nav.sidebar ul a:hover li,
nav.sidebar ul a.active li {
  box-shadow: 0 0px 15px 5px rgba(0, 0, 0, 0.2);
  border-radius: 4px; }

nav.sidebar ul a li + span {
  min-width: intrinsic;
  min-width: -webkit-max-content;
  min-width: max-content;
  visibility: hidden;
  opacity: 0;
  display: flex;
  color: white;
  position: absolute;
  top: 15px;
  left: 75px;
  z-index: 2;
  height: calc(100% - 30px);
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  padding: 0 20px;
  text-transform: capitalize;
  transition: visibility 0s opacity 0.3s;
  box-shadow: 0 0px 15px 5px rgba(0, 0, 0, 0.2);
  transition-duration: 0.3s; }

nav.sidebar ul a:hover li + span {
  visibility: visible;
  opacity: 1 !important; }

nav.sidebar ul li[data-page="home"] {
  background-image: url("../img/home.svg"); }

nav.sidebar ul a:hover li[data-page="home"],
nav.sidebar ul a.active li[data-page="home"] {
  background-color: #003FFF;
  background-image: url("../img/home-white.svg"); }

nav.sidebar ul a li[data-page="home"] + span {
  background-color: #003FFF; }

nav.sidebar ul li[data-page="susanna"] {
  background-image: url("../img/back.svg"); }

nav.sidebar ul a:hover li[data-page="susanna"],
nav.sidebar ul a.active li[data-page="susanna"] {
  background-color: #003FFF;
  background-image: url("../img/back-white.svg"); }

nav.sidebar ul a li[data-page="susanna"] + span {
  background-color: #003FFF; }

nav.sidebar ul li[data-page="planning"] {
  background-image: url("../img/planning.svg"); }

nav.sidebar ul a:hover li[data-page="planning"],
nav.sidebar ul a.active li[data-page="planning"] {
  background-color: #185590;
  background-image: url("../img/planning-white.svg"); }

nav.sidebar ul a li[data-page="planning"] + span {
  background-color: #185590; }

nav.sidebar ul li[data-page="clienti"] {
  background-image: url("../img/clienti_.svg"); }

nav.sidebar ul a:hover li[data-page="clienti"],
nav.sidebar ul a.active li[data-page="clienti"] {
  background-color: #85BAB5;
  background-image: url("../img/clienti-white_.svg"); }

nav.sidebar ul a li[data-page="clienti"] + span {
  background-color: #85BAB5; }

nav.sidebar ul li[data-page="progetti"] {
  background-image: url("../img/progetti.svg"); }

nav.sidebar ul a:hover li[data-page="progetti"],
nav.sidebar ul a.active li[data-page="progetti"] {
  background-color: #D25A5E;
  background-image: url("../img/progetti-white.svg"); }

nav.sidebar ul a li[data-page="progetti"] + span {
  background-color: #D25A5E; }

nav.sidebar ul li[data-page="worker"] {
  background-image: url("../img/worker.svg"); }

nav.sidebar ul a:hover li[data-page="worker"],
nav.sidebar ul a.active li[data-page="worker"] {
  background-color: #EBB700;
  background-image: url("../img/worker-white.svg"); }

nav.sidebar ul a li[data-page="worker"] + span {
  background-color: #EBB700; }

nav.sidebar ul li[data-page="timetracking"] {
  background-image: url("../img/timetracking.svg"); }

nav.sidebar ul a:hover li[data-page="timetracking"],
nav.sidebar ul a.active li[data-page="timetracking"] {
  background-color: #2D95C1;
  background-image: url("../img/timetracking-white.svg"); }

nav.sidebar ul a li[data-page="timetracking"] + span {
  background-color: #2D95C1; }





nav.sidebar ul li[data-page="process_managment"] {
  background-image: url("../img/timetracking.svg"); }

nav.sidebar ul a:hover li[data-page="process_managment"],
nav.sidebar ul a.active li[data-page="process_managment"] {
  background-color: rgba(96, 208, 113, 1);
  background-image: url("../img/timetracking-white.svg");
}

nav.sidebar ul a li[data-page="process_managment"] + span {
  background-color: rgba(96, 208, 113, 1);
}

nav.sidebar ul li[data-page="report"] {
  background-image: url("../img/report.svg"); }

nav.sidebar ul a:hover li[data-page="report"],
nav.sidebar ul a.active li[data-page="report"] {
  background-color: rgba(244, 202, 92, 1);
  background-image: url("../img/report-white.svg");
}

nav.sidebar ul a li[data-page="report"] + span {
  background-color: rgba(244, 202, 92, 1);
}

nav.sidebar ul li[data-page="profiles"] {
  background-image: url("../img/clienti.svg"); }

nav.sidebar ul a:hover li[data-page="profiles"],
nav.sidebar ul a.active li[data-page="profiles"] {
  background-color: rgba(248, 139, 25, 1);
  background-image: url("../img/clienti-white.svg");
}

nav.sidebar ul a li[data-page="profiles"] + span {
  background-color: rgba(248, 139, 25, 1);
}

nav.sidebar ul li[data-page="academy"] {
  background-image: url("../img/academy.svg"); }

nav.sidebar ul a:hover li[data-page="academy"],
nav.sidebar ul a.active li[data-page="academy"] {
  background-color: rgba(110, 50, 251, 1);
  background-image: url("../img/academy-white.svg");
}

nav.sidebar ul a li[data-page="academy"] + span {
  background-color: rgba(110, 50, 251, 1);
}

nav.sidebar ul li[data-page="business"] {
  background-image: url("../img/business.svg"); }

nav.sidebar ul a:hover li[data-page="business"],
nav.sidebar ul a.active li[data-page="business"] {
  background-color: rgba(76, 121, 250, 1);
  background-image: url("../img/business-white.svg");
}

nav.sidebar ul a li[data-page="business"] + span {
  background-color: rgba(76, 121, 250, 1);
}

nav.sidebar ul li[data-page="cost_accounting"] {
  background-image: url("../img/cost.svg"); }

nav.sidebar ul a:hover li[data-page="cost_accounting"],
nav.sidebar ul a.active li[data-page="cost_accounting"] {
  background-color: rgba(239, 103, 106, 1);
  background-image: url("../img/cost-white.svg");
}

nav.sidebar ul a li[data-page="cost_accounting"] + span {
  background-color: rgba(239, 103, 106, 1);
}

nav.sidebar ul li[data-page="hosting"] {
  background-image: url("../img/hosting.svg"); }

nav.sidebar ul a:hover li[data-page="hosting"],
nav.sidebar ul a.active li[data-page="hosting"] {
  background-color: rgb(32, 186, 247);
  background-image: url("../img/hosting-white.svg");
}

nav.sidebar ul a li[data-page="hosting"] + span {
  background-color: rgb(32, 186, 247);
}

nav.sidebar ul li[data-page="invoice"] {
  background-image: url("../img/invoice.svg"); }

nav.sidebar ul a:hover li[data-page="invoice"],
nav.sidebar ul a.active li[data-page="invoice"] {
  background-color: rgb(32, 36, 66);
  background-image: url("../img/invoice-white.svg");
}

nav.sidebar ul a li[data-page="invoice"] + span {
  background-color: rgb(32, 36, 66);
}

nav.sidebar ul li[data-page="K9"] {
  background-image: url("../img/k9.svg"); }

nav.sidebar ul a:hover li[data-page="K9"],
nav.sidebar ul a.active li[data-page="K9"] {
  background-color: rgb(96, 208, 113);
  background-image: url("../img/k9-white.svg");
}

nav.sidebar ul a li[data-page="K9"] + span {
  background-color: rgb(96, 208, 113);
}



nav.sidebar.open {
  width: 280px;
  background-color: white;
  box-shadow: 10px 0 35px 0 rgba(0, 0, 0, 0.15); }

nav.sidebar.open ul a li + span {
  opacity: 0;
  color: #D8D9DF;
  visibility: visible;
  background-color: unset;
  box-shadow: 0 0 0 0; }

/* HOME */
.home,
.progetti,
.planning,
.clienti,
.worker,
.worker_detail,
.progetto_detail,
.timetracking {
  width: calc(100% - 75px);
  background-color: #F4F7FD;
  position: relative;
  left: 75px;
  min-height: calc(100vh - 75px);
  padding: 25px;
  top: 75px; }

.home{padding-top: 35px;}

.home h1,
.worker h1 {
  font-size: 2rem;
  font-weight: 200;
  margin-bottom: 15px; }

.home .card {
  width: calc(100% / 5);
  border: 0;
  padding: 15px;
  background-color: unset;
  opacity: 0; }

.home .card:after {
  content: ' ';
  padding-top: 100%;
  display: table; }

.home .card .card-body {
  min-height: 100%;
  max-height: 100%;
  border: 1px solid #D8D9DF;
  border-radius: 5px;
  background-color: white;
  display: flex;
  align-items: center;
  transition-duration: 0.3s; }

.home .card .card-body a {
  color: #6E6C6C;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

.home .card .card-body a:hover {
  text-decoration: none; }

.home .card .card-body:hover {
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.15); }

.home .card .card-body h2 {
  font-size: 1.6rem;
  font-weight: 500;
  text-transform: capitalize;
  text-align: center;
  font-weight: 200; }

.home .card .round {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center; }

.home .card .round img {
  width: 27px;
  height: 27px;
  min-width: 27px;
  min-height: 27px; }

.home .card.PROF .card-body .round {
  background-color: rgba(248, 139, 25, 0.2);
}

.home .card.PMNG .card-body .round,
.home .card.K9 .card-body .round {
  background-color: rgba(96, 208, 113, 0.2);
}

.home .card.BSNS .card-body .round {
  background-color: rgba(76, 121, 250, 0.2);
}

.home .card.ACAD .card-body .round {
  background-color: rgba(110, 50, 251, 0.2);
}

.home .card.COAC .card-body .round {
  background-color: rgba(239, 103, 106, 0.2);
}

.home .card.HOST .card-body .round {
  background-color: rgba(32, 186, 247, 0.2);
}

.home .card.INVO .card-body .round {
  background-color: rgba(32, 36, 66, 0.2);
}

.home .card.REPO .card-body .round {
  background-color: rgba(244, 202, 92, 0.2);
}

/*RESPONSIVE*/
@media (max-width: 1299.98px) {
  .home .card {
    width: calc(100% / 4); } }

@media (max-width: 1049.98px) {
  .home .card {
    width: calc(100% / 3); } }

@media (max-width: 699.98px) {
  .home .card {
    width: calc(100% / 2); } }

@media (max-width: 499.98px) {
  .home .card {
    width: 100%;
    height: 200px !important; } }

/*PLANNING*/
.planning .inner {
  max-width: 1100px; }
.planning .filter_wrapper{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.planning #planning_worker,
.planning #planning_project,
.clienti #client_worker,
.clienti #client_client,
.clienti #client_type,
.clienti #client_status,
.worker #worker_type,
.worker #worker_worker,
.worker_detail #worker_detail_customer,
.progetti .filter_wrapper .custom-select{
  min-width: 150px;
  max-width: 150px;
  background-color: unset;
  border: 0;
  background: transparent url("../img/dropdown.svg") no-repeat right .1rem center/15px 20px;
  text-overflow: ellipsis;
  white-space:nowrap;
  overflow:hidden
}

#calendar {
  margin-top: 25px;
  margin-bottom: 100px; }
#calendar .fc-header-toolbar{
  flex-wrap: wrap;
}
#calendar .fc-view-container{
  overflow-x: scroll;
}
#calendar .fc-dayGridMonth-view{
  min-width: 1000px;
}
.fc-dayGridWeek-view{
  min-width: 800px;
}
#calendar .fc-toolbar h2,
#foglio_presenze .fc-toolbar h2 {
  margin-left: 0;
  text-align: center;
  font-weight: 200; }

#calendar .fc-toolbar h2::first-letter,
#foglio_presenze .fc-toolbar h2::first-letter {
  text-transform: uppercase; }

#calendar .fc-event,
#foglio_presenze .fc-event {
  border-radius: 6px; }

#calendar .deadline {
  color: white !important;
  background-color: #FC6042; }

#calendar .appointment {
  color: white !important;
  background-color: #003FFF; }

#calendar .appointment.fc-day-grid-event .fc-content {
  overflow: visible; }

#calendar .appointment.fc-day-grid-event .fc-time {
  position: absolute;
  top: -24px;
  right: 0; }

#calendar .fc-day-grid-event .fc-time {
  font-size: 0.75rem; }

#calendar .appointment:not(.fc-list-item)::before {
  content: '';
  display: block;
  position: relative;
  display: inline-block;
  background-image: url("../img/flag.svg");
  width: 20px;
  height: 20px; }

#calendar .fc-time, #foglio_presenze .fc-time {
  display: block; }

#calendar .fc-day, #foglio_presenze .fc-day {
  background-color: white; }

#calendar .fc-day.fc-other-month, #foglio_presenze .fc-day.fc-other-month {
  background-color: #F7F7F7; }

#calendar .fc-event,
#calendar .fc-event .fc-content,
#foglio_presenze .fc-event,
#foglio_presenze .fc-event .fc-content {
  border: 0; }

#calendar .fc-list-item-title a,
#foglio_presenze .fc-list-item-title a {
  color: white !important;
  text-transform: uppercase; }

.fc-unthemed .fc-list-item:hover td {
  background-color: inherit !important; }

#calendar .fc-button,
#foglio_presenze .fc-button {
  /*height: 40px;
  border-radius: 45px;
  background-color: white;
  border: 1px solid #D8D9DF;
  color: #6E6C6C;
  padding-left: 15px;
  padding-right: 15px;
  transition-duration: 0.3s;*/
  height: 35px;
  border-radius: 0;
  background-color: unset;
  transition-duration: 0.3s;
  border: 0;
  color: #6E6C6C;
  border-bottom: 2px solid transparent;
  }

#calendar .fc-button-active,
#calendar .fc-button:not([disabled]):hover,
#foglio_presenze .fc-button-active,
#foglio_presenze .fc-button:not([disabled]):hover {
  /*background-color: rgba(0, 63, 255, 0.05);*/
  color: #003FFF;
  border-color: #003FFF; }

/*#calendar .fc-next-button,
#foglio_presenze .fc-next-button {
  margin-left: 10px !important; }*/
#calendar .fc-toolbar .fc-center,
#foglio_presenze .fc-toolbar .fc-center{
  display: flex;
}
#calendar .fc-toolbar .fc-center{
  margin-left: 200px;
}
.worker_detail #calendar .fc-toolbar .fc-center{
  margin-left: 0;
}
@media screen and (max-width: 991.98px){
  #calendar .fc-toolbar .fc-center{
  margin-left: 0px;
}
}
#calendar .fc-next-button,
#calendar .fc-prev-button,
#foglio_presenze .fc-next-button,
#foglio_presenze .fc-prev-button {
  margin: 0;
  padding: 0 !important;
  width: 40px; }
.fc-prev-button,
.fc-next-button,
.fc-prev-button:hover,
.fc-next-button:hover{
  border-bottom: 0 !important;
}
#calendar .fc-event,
#foglio_presenze .fc-event {
  padding: 5px 8px;
  text-transform: capitalize;
  cursor: pointer; }
#foglio_presenze .fc-event {cursor: default;}
#calendar .fc-title,
#foglio_presenze .fc-title {
  white-space: normal;
  font-size: 0.85rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: capitalize;
  hyphens: auto;
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  display: block; }

#calendar thead th,
#foglio_presenze thead th {
  /*background-color: #6E6C6C;
  padding: 10px 5px;
  color: white;
  text-transform: uppercase;
  font-weight: 700;*/
  background-color: white;

padding: 14px 10px;

color: #ACAEBC;

text-transform: uppercase;

font-weight: 600;

letter-spacing: 0.5px;

border: 0;

font-size: 0.9rem;
}

#calendar .fc-day-top,
#foglio_presenze .fc-day-top {
  padding: 10px !important; }

.popup {
  padding: 25px;
  display: none;
  position: absolute;
  width: 250px;
  background-color: red;
  opacity: 0;
  z-index: 11;
  border-radius: 5px;
  border: 1px solid #D8D9DF;
  background-color: white;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.15); }

.popup.dayGridMonth::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #fff;
  left: 0;
  right: 0;
  top: 100%;
  margin: 0 auto;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.15); }

.popup.dayGridWeek::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid #fff;
  left: 0;
  right: 0;
  top: -15px;
  margin: 0 auto;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.15); }

.planning + .popup {
  display: block; }

.popup .close {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 0.85rem;
  cursor: pointer; }

.popup .title {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 5px; }

.popup p.note {
  font-size: 0.8rem;
  padding-top: 10px; }

.popup p.note::first-letter {
  text-transform: uppercase; }

.popup > span {
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 5px; }

#detailEventModal .people .round,
.popup .people .round {
  border-radius: 100%;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.7rem;
  font-weight: 600; }
#detailEventModal .people .round{
  width: 45px;
  height: 45px;
  font-size: 1rem;
}
#detailEventModal .people,
.popup .people {
  display: flex;
  justify-content: flex-end;
  margin-top: 25px;
  text-transform: uppercase; }
#detailEventModal .people{
  margin-top: 5px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#detailEventModal .people .round + span,
.popup .people .round + span {
  margin-top: 4px;
  font-size: 0.55rem;
  display: block;
  text-align: center; }

#detailEventModal .people-inner,
.popup .people-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 5px; }
#detailEventModal .people-inner{
  margin-right: 10px;
  margin-bottom: 5px;
}
#detailEventModal .modal-title{
  text-transform: capitalize;
  line-height: 1.2;
}
#detailEventModal .modal-title.appointment{
  padding-left: 35px;
}
#detailEventModal .modal-title.appointment::before {
  content: '';
  position: absolute;
  left: 20px;
  display: inline-block;
  background-image: url("../img/flag-blue.svg");
  width: 25px;
  height: 25px;
  top: 19px}
#detailEventModal .custom-select:disabled,
#detailEventModal .form-control[readonly]{
  background-color: unset;
  color: #495057;
  background: unset;
  text-transform: capitalize;
}
#addEventModal .form-group > label,
#detailEventModal .form-group > label,
#editEventModal .form-group > label,
#editTracking .input-group > label,
#formProject .form-group > label{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.8rem;
    color: rgba(0, 0, 0, 0.4);
    margin-bottom: 5px;
}
#detailEventModal .modal-body > .row:nth-of-type(1) .form-group > label,
#detailEventModal .modal-body > .row:nth-of-type(2) .form-group > label,
#editEventModal .modal-body > .row:nth-of-type(1) .form-group > label,
#editEventModal .modal-body > .row:nth-of-type(2) .form-group > label{
  margin-bottom: 10px;
}
#addEventModal .form-row{
  padding-left: 15px;
  padding-right: 15px;
}
#addEventModal textarea,
#detailEventModal textarea,
#editEventModal textarea,
#editTracking textarea{
  display: block;
  border: 1px solid #D8D9DF;
  resize: none;
  font-size: 0.9rem;
  width: 100%;
  padding: 8px;
  border-radius: 5px;
  margin-top: 5px;
  -webkit-appearance: none;
  line-height: 1.2;
}
#addEventModal input,
#detailEventModal input,
#editEventModal input{
  -webkit-appearance: none;
}
::-webkit-input-placeholder { line-height: normal; }
#editTracking form{
  padding: 5px 10px;
}
#addEventModal .new_ev_type,
#editEventModal .edit_ev_type{
  display: flex;
  justify-content: space-between;
}
#addEventModal .btn-group-toggle,
#editEventModal .btn-group-toggle{
  margin-top: 5px;
}
#addEventModal .new_ev_type > label,
#editEventModal .edit_ev_type > label{
  width: calc(50% - 5px);
  border-color: #6E6C6C;
  color: #6E6C6C;
  background-color: rgba(110, 108, 108, 0.05);
  border-radius: 45px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#addEventModal .new_ev_type > label.focus,
#addEventModal .new_ev_type > label:focus,
#addEventModal .form-control:focus,
#addEventModal .custom-select:focus,
#editEventModal .edit_ev_type > label.focus,
#editEventModal .edit_ev_type > label:focus,
#editEventModal .form-control:focus,
#editEventModal .custom-select:focus,
#detailEventModal .form-control:focus,
#detailEventModal .custom-select:focus{
  box-shadow: 0 0 0 0;
}
#editEventModal .edit_ev_type > label.active,
#addEventModal .new_ev_type > label.active{
  background-color: rgba(0, 63, 255, 0.05);
  border-color: #003FFF;
  color: #003FFF;
}
#addEventModal .people,
#editEventModal .people,
#formProject .people{
  display: flex;
  flex-wrap: wrap;
}
#addEventModal .round,
#editEventModal .round,
#formProject .round{
  border-radius: 50%;
  color: white;
  font-weight: 600;
  min-width: 45px;
  min-height: 45px;
  width: 45px;
  height: 45px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  opacity: 0.8;
}
#addEventModal .round.focus,
#addEventModal .round:focus,
#editEventModal .round.focus,
#editEventModal .round:focus,
#formProject .round.focus,
#formProject .round:focus{
  box-shadow: 0 0 0 0;
}
#addEventModal .round:nth-of-type(8),
#editEventModal .round:nth-of-type(8){
  margin-right: 0;
}
#addEventModal .round:nth-of-type(n + 9),
#editEventModal .round:nth-of-type(n + 9){
  margin-top: 10px;
}
#addEventModal .round.active,
#editEventModal .round.active,
#formProject .round.active{
  /*background-image: url('../img/check-blue.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60%;*/
  opacity: 1;
  border: 2px solid #003FFF;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
#detailEventModal .modal-body > .row{
  padding-left: 10px;
  padding-right: 10px;
}
#editEventModal form > .form-row{
  padding-left: 15px;
  padding-right: 15px;
}
.modal-title{
  font-weight: 200;
  font-size: 1.6rem;
}

/*CLIENTI*/
.clienti .filter_wrapper,
.progetti .filter_wrapper,
.worker .filter_wrapper{
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.clienti .card {
  opacity: 0; }

.clienti .card .card-body {
  border: 1px solid #D8D9DF;
  border-radius: 5px;
  background-color: white;
  padding: 2.25rem; }

.clienti .card .card-body {
  cursor: pointer;
  transition-duration: 0.3s; }

.clienti .card .card-body * {
  transition-duration: 0.3s; }

.clienti .card .card-body:hover {
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.15); }

.clienti .card .card-body .main_info h2 {
  font-size: 2rem;
  font-weight: 600;
  display: inline-block; }

.clienti .card .card-body .show_more {
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url("../img/menu-down.svg");
  width: 25px;
  height: 16px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat; }

.clienti .card .detail {
  padding: 50px;
  padding-bottom: 0; }

.clienti .card .detail:last-of-type {
  padding-bottom: 20px; }

.clienti .card .card-body .detail.open .show_more {
  transform: rotate(180deg); }

.clienti .card .card-body .detail .detail_head {
  padding: 30px;
  border: 1px solid #D8D9DF;
  border-radius: 5px;
  background-color: #FAFAFA; }

.clienti .card .card-body .detail .detail_head h3 {
  font-size: 1.4rem;
  font-weight: 200;
  display: inline-block; }

.clienti .card .chart_cont {
  margin-top: 25px;
  width: 200px;
  position: relative;
  opacity: 0; }

.clienti .card .detail.open .chart_cont {
  opacity: 1; }

.clienti .card .chart_cont span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center; }

.clienti .card .more_info .people {
  display: flex;
  justify-content: flex-end;
  margin-top: 25px;
  opacity: 0; }

.clienti .card .detail.open .more_info .people {
  opacity: 1; }

.clienti .card .more_info .data {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.clienti .card .more_info .useful_data {
  align-self: flex-end;
  opacity: 0; }

.clienti .card .detail.open .more_info .useful_data {
  opacity: 1; }

.clienti .card .more_info .people .round {
  border-radius: 100%;
  color: white;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.95rem;
  margin-left: -8px;
  border: 2px solid white;
  font-weight: 600; }

.clienti .tag {
  display: inline-block;
  color: white;
  padding: 7px 12px 7px 5px;
  border-radius: 20px;
  font-size: 0.8rem;
  margin-left: 25px;
  text-transform: uppercase;
  bottom: 5px;
  position: relative; }

.progetti .inner,
.clienti .inner,
.worker .inner,
.worker_detail .inner,
.progetto_detail .inner {
  max-width: 980px; }

.progetti > .inner > .top-menu,
.clienti > .inner > .top-menu,
.worker > .inner > .top-menu {
  justify-content: space-between; }

.progetti .searchbar,
.clienti .searchbar,
.worker .searchbar {
  padding: 0 15px;
  padding-bottom: 10px; }

.progetti .searchbar form,
.clienti .searchbar form,
.worker .searchbar form {
  display: flex; }

.progetti .searchbar form button,
.clienti .searchbar form button,
.worker .searchbar form button {
  height: 50px;
  background-image: url("../img/search.svg");
  border: 0;
  padding: 0;
  width: 50px;
  position: relative;
  right: 50px;
  background-color: unset;
  background-size: 40%;
  background-position: center;
  background-repeat: no-repeat; }

.progetti .searchbar input,
.clienti .searchbar input,
.worker .searchbar input {
  border: 1px solid #D8D9DF;
  height: 50px;
  border-radius: 45px;
  padding-left: 35px;
  padding-right: 35px;
  width: 450px; }

.progetti .filter,
.clienti .filter,
.worker .filter {
  display: flex; }

.progetti .card * {
  transition-duration: 0.3s; }

.progetti .card,
.progetto_detail .card,
.clienti .card,
.worker .card,
.worker_detail .card {
  border: 0;
  margin-bottom: 25px;
  padding: 15px;
  background-color: unset;
  opacity: 0; }

.progetti .card .card-body {
  border: 1px solid #D8D9DF;
  border-radius: 5px;
  background-color: white;
  z-index: 2;
  padding: 2.25rem; }

.progetti .card .card-body {
  cursor: pointer; }

.progetti .card.closed .card-body:hover,
.progetti .card.open .card-body {
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.15); }

.progetti .card .card-body .show_more {
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url("../img/menu-down.svg");
  width: 25px;
  height: 16px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat; }

.progetti .card.open .card-body .show_more {
  transform: rotate(180deg); }

.progetti .card .card-body .main_info a {
  color: #6E6C6C; }

.progetti .card .card-body .main_info a:hover {
  text-decoration: none; }

.progetti .card .card-body .main_info h2 {
  font-size: 2rem;
  font-weight: 600;
  display: inline-block; }

.progetti .card .card-body .main_info h3 {
  font-size: 1.4rem;
  font-weight: 200;
  margin-top: 20px; }

.progetti .card .card-body .main_info h3:before {
  content: '';
  display: block;
  width: 50px;
  height: 1px;
  background-color: #D8D9DF;
  position: relative;
  margin-bottom: 20px; }

.progetti .card .chart_cont {
  margin-top: 25px;
  width: 200px;
  position: relative;
  opacity: 0; }

.progetti .card.open .chart_cont {
  opacity: 1; }

.progetti .card .chart_cont span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center; }

.progetti .card .main_info2 {
  opacity: 0;
  margin-left: auto;
  text-align: right; }

.progetti .card.open .main_info2 {
  opacity: 1; }

.progetti .card .more_info .people {
  display: flex;
  justify-content: flex-end;
  margin-top: 25px;
  opacity: 0; }

.progetti .card.open .more_info .people {
  opacity: 1; }

.progetti .card .more_info .data {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.progetti .card .more_info .useful_data {
  align-self: flex-end;
  opacity: 0; }

.progetti .card.open .more_info .useful_data {
  opacity: 1; }

.progetti .card .more_info .people .round {
  border-radius: 100%;
  color: white;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.95rem;
  margin-left: -8px;
  border: 2px solid white;
  font-weight: 600; }

.progetti .tag {
  display: inline-block;
  color: white;
  padding: 7px 12px 7px 5px;
  border-radius: 20px;
  font-size: 0.8rem;
  margin-left: 25px;
  text-transform: uppercase;
  bottom: 5px;
  position: relative; }

/*PROGETTO WEB*/
.progetto_web .inner,
.progetto_seo .inner,
.progetto_standard .inner {
  max-width: 1100px; }

.progetto_web .card-body,
.progetto_seo .card-body,
.progetto_standard .card-body {
  transition-duration: 0.3s; }

.progetto_web .card-body:hover,
.progetto_seo .card-body:hover,
.progetto_standard .card-body:hover {
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.15); }

.progetto_web .card-body > span,
.progetto_seo .card-body > span,
.progetto_standard .card-body > span {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.4); }

.progetto_web .card-body h5,
.progetto_seo .card-body h5,
.progetto_standard .card-body h5 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-top: 15px; }

.progetto_web .situazione .chart_container,
.progetto_seo .situazione .chart_container,
.progetto_standard .situazione .chart_container {
  width: 100%;
  height: 35px;
  background-color: rgba(54, 162, 235, 0.2);
  border: 1px solid #36a2eb;
  margin-top: 15px;
  position: relative; }

.progetto_web .situazione .chart_container .perc,
.progetto_seo .situazione .chart_container .perc,
.progetto_standard .situazione .chart_container .perc {
  position: absolute;
  right: 10px;
  margin: auto 0;
  top: 0;
  bottom: 0;
  font-size: 1.1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  color: #6E6C6C; }

.progetto_web .situazione .chart_container .chart_fill,
.progetto_seo .situazione .chart_container .chart_fill,
.progetto_standard .situazione .chart_container .chart_fill {
  background-color: #36a2eb;
  height: 33px; }

.progetto_web .budget .chart_container .chart_fill,
.progetto_seo .budget .chart_container .chart_fill,
.progetto_standard .budget .chart_container .chart_fill {
  background-color: #ff6384;
  display: inline-block; }

.progetto_web .budget .chart_container .chart_fill.external,
.progetto_seo .budget .chart_container .chart_fill.external,
.progetto_standard .budget .chart_container .chart_fill.external {
  background-color: #c04b55; }

.progetto_web .budget .chart_container,
.progetto_seo .budget .chart_container,
.progetto_standard .budget .chart_container {
  background-color: rgba(255, 99, 132, 0.2);
  border: 1px solid #ff6384; }

.progetto_web .situazione .chart_info {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px; }

.progetto_web .situazione .chart_info span {
  display: inline-block;
  margin-right: 10px; }

.progetto_web .situazione .chart_info span:last-of-type {
  margin-right: 0; }

.progetto_web #fullcalendarTimeTracking .modal-title,
.progetto_standard #fullcalendarTimeTracking .modal-title{
  display: block;
}
.progetto_web #calendar,
.progetto_standard #calendar{
  margin-top: 10px;
  margin-bottom: 0;
}
.progetto_web #calendar .fc-toolbar .fc-center,
.progetto_standard #calendar .fc-toolbar .fc-center {
  margin-left: 0;
}

.progetto_web .switch_wrapper,
.progetto_standard .switch_wrapper {
  position: relative; }

.progetto_web .switch_wrapper .switch_view_1,
.progetto_web .switch_wrapper .switch_view_2,
.progetto_standard .switch_wrapper .switch_view_1,
.progetto_standard .switch_wrapper .switch_view_2,
.progetto_web .switch_wrapper .gantt_view_1,
.progetto_web .switch_wrapper .gantt_view_2 {
  opacity: 0;
  display: none; }

.progetto_web .switch_wrapper .switch_view_1.visible,
.progetto_web .switch_wrapper .switch_view_2.visible,
.progetto_standard .switch_wrapper .switch_view_1.visible,
.progetto_standard .switch_wrapper .switch_view_2.visible,
.progetto_web .switch_wrapper .gantt_view_1.visible,
.progetto_web .switch_wrapper .gantt_view_2.visible {
  opacity: 1;
  display: flex; }

/*SWITCH*/
.progetto_web .switch_wrapper .switch_btn,
.progetto_standard .switch_wrapper .switch_btn {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 99; }

.progetto_web .switch_wrapper .switch,
.progetto_standard .switch_wrapper .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 28px; }

.progetto_web .switch_wrapper .switch input,
.progetto_standard .switch_wrapper .switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.progetto_web .switch_wrapper .slider,
.progetto_standard .switch_wrapper .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s; }

.progetto_web .switch_wrapper .slider:before,
.progetto_standard .switch_wrapper .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

.progetto_web .switch_wrapper input:checked + .slider,
.progetto_standard .switch_wrapper input:checked + .slider {
  background-color: #003FFF; }

.progetto_web .switch_wrapper input:focus + .slider,
.progetto_standard .switch_wrapper input:focus + .slider {
  box-shadow: 0 0 1px #003FFF; }

.progetto_web .switch_wrapper input:checked + .slider:before,
.progetto_standard .switch_wrapper input:checked + .slider:before {
  -webkit-transform: translateX(32px);
  -ms-transform: translateX(32px);
  transform: translateX(32px); }

.progetto_web .switch_wrapper .slider.round,
.progetto_standard .switch_wrapper .slider.round {
  border-radius: 34px; }

.progetto_web .switch_wrapper .slider.round:before,
.progetto_standard .switch_wrapper .slider.round:before {
  border-radius: 50%; }

.progetto_web table,
.progetto_standard table,
.worker_detail .deadlines table,
.progetto_seo .deadlines table,
.worker_detail .projects_history table,
#formProject table {
  width: 100%;
  transition-duration: 0.3s; }

.worker_detail .projects_history table td,
.worker_detail .projects_history table th,
.worker_detail .deadlines table td,
.worker_detail .deadlines table th,
.progetto_seo .deadlines table td,
.progetto_seo .deadlines table th,
.progetto_web .switch_view_1 table td,
.progetto_web .switch_view_1 table th,
.progetto_web .switch_view_2 table td,
.progetto_web .switch_view_2 table th,
.progetto_web .scadenze_interne table td,
.progetto_web .scadenze_interne table th,
.progetto_standard .switch_view_1 table td,
.progetto_standard .switch_view_1 table th,
.progetto_standard .switch_view_2 table td,
.progetto_standard .switch_view_2 table th,
.progetto_standard .scadenze_interne table td,
.progetto_standard .scadenze_interne table th {
  border: 1px solid #D8D9DF;
  text-align: left;
  padding: 20px;
  background-color: white; }

.worker_detail .projects_history table tr:first-of-type th,
.worker_detail .deadlines table tr:first-of-type th,
.progetto_seo .deadlines table tr:first-of-type th,
.progetto_web .switch_view_1 table tr:first-of-type th,
.progetto_web .switch_view_2 table tr:first-of-type th,
.progetto_web .scadenze_interne table tr:first-of-type th,
.progetto_standard .switch_view_1 table tr:first-of-type th,
.progetto_standard .switch_view_2 table tr:first-of-type th,
.progettprogetto_standardo_web .scadenze_interne table tr:first-of-type th {
  font-weight: 700; }

.worker_detail .projects_history table tr:first-of-type th,
.worker_detail .projects_history table tr:first-of-type td,
.worker_detail .deadlines table tr:first-of-type th,
.worker_detail .deadlines table tr:first-of-type td,
.progetto_seo .deadlines table tr:first-of-type th,
.progetto_seo .deadlines table tr:first-of-type td,
.progetto_web .switch_view_1 table tr:first-of-type th,
.progetto_web .switch_view_1 table tr:first-of-type td,
.progetto_web .switch_view_2 table tr:first-of-type th,
.progetto_web .switch_view_2 table tr:first-of-type td,
.progetto_web .scadenze_interne table tr:first-of-type th,
.progetto_web .scadenze_interne table tr:first-of-type td,
.progetto_standard .switch_view_1 table tr:first-of-type th,
.progetto_standard .switch_view_1 table tr:first-of-type td,
.progetto_standard .switch_view_2 table tr:first-of-type th,
.progetto_standard .switch_view_2 table tr:first-of-type td,
.progetto_standard .scadenze_interne table tr:first-of-type th,
.progetto_standard .scadenze_interne table tr:first-of-type td {
  border-top: 0; }

.worker_detail .projects_history table tr td,
.worker_detail .deadlines table tr td,
.progetto_seo .deadlines table tr td,
.progetto_web .switch_view_1 table tr td,
.progetto_web .switch_view_2 table tr td,
.progetto_web .scadenze_interne table tr td,
.progetto_standard .switch_view_1 table tr td,
.progetto_standard .switch_view_2 table tr td,
.progetto_standard .scadenze_interne table tr td {
  vertical-align: middle; }

.worker_detail .projects_history table tr:first-of-type th:first-of-type,
.worker_detail .deadlines table tr:first-of-type th:first-of-type,
.progetto_seo .deadlines table tr:first-of-type th:first-of-type,
.progetto_web .switch_view_1 table tr:first-of-type th:first-of-type,
.progetto_web .switch_view_2 table tr:first-of-type th:first-of-type,
.progetto_web .scadenze_interne table tr:first-of-type th:first-of-type,
.progetto_standard .switch_view_1 table tr:first-of-type th:first-of-type,
.progetto_standard .switch_view_2 table tr:first-of-type th:first-of-type,
.progetto_standard .scadenze_interne table tr:first-of-type th:first-of-type {
  border-left: 0; }

.worker_detail .projects_history table tr:first-of-type th:last-of-type,
.worker_detail .deadlines table tr:first-of-type th:last-of-type,
.progetto_seo .deadlines table tr:first-of-type th:last-of-type,
.progetto_web .switch_view_1 table tr:first-of-type th:last-of-type,
.progetto_web .switch_view_2 table tr:first-of-type th:last-of-type,
.progetto_web .scadenze_interne table tr:first-of-type th:last-of-type,
.progetto_standard .switch_view_1 table tr:first-of-type th:last-of-type,
.progetto_standard .switch_view_2 table tr:first-of-type th:last-of-type,
.progetto_standard .scadenze_interne table tr:first-of-type th:last-of-type {
  border-right: 0; }

.worker_detail .projects_history table tr:last-of-type td:first-of-type,
.worker_detail .deadlines table tr:last-of-type td:first-of-type,
.progetto_seo .deadlines table tr:last-of-type td:first-of-type,
.progetto_web .switch_view_1 table tr:last-of-type td:first-of-type,
.progetto_web .switch_view_2 table tr:last-of-type td:first-of-type,
.progetto_web .scadenze_interne table tr:last-of-type td:first-of-type,
.progetto_standard .switch_view_1 table tr:last-of-type td:first-of-type,
.progetto_standard .switch_view_2 table tr:last-of-type td:first-of-type,
.progetto_standard .scadenze_interne table tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 10px;
  border-left: 0; }

.worker_detail .projects_history table tbody tr:last-of-type td,
.worker_detail .deadlines table tbody tr:last-of-type td,
.progetto_seo .deadlines table tbody tr:last-of-type td,
.progetto_web .switch_view_1 table tbody tr:last-of-type td,
.progetto_web .switch_view_2 table tbody tr:last-of-type td,
.progetto_web .scadenze_interne table tbody tr:last-of-type td,
.progetto_standard .switch_view_1 table tbody tr:last-of-type td,
.progetto_standard .switch_view_2 table tbody tr:last-of-type td,
.progetto_standard .scadenze_interne table tbody tr:last-of-type td {
  border-bottom: 0; }

.worker_detail .projects_history table tr:last-of-type td:last-of-type,
.worker_detail .deadlines table tr:last-of-type td:last-of-type,
.progetto_seo .deadlines table tr:last-of-type td:last-of-type,
.progetto_web .switch_view_1 table tr:last-of-type td:last-of-type,
.progetto_web .switch_view_2 table tr:last-of-type td:last-of-type,
.progetto_web .scadenze_interne table tr:last-of-type td:last-of-type,
.progetto_standard .switch_view_1 table tr:last-of-type td:last-of-type,
.progetto_standard .switch_view_2 table tr:last-of-type td:last-of-type,
.progetto_standard .scadenze_interne table tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 10px;
  border-right: 0; }

.worker_detail .projects_history table tr td:first-of-type,
.worker_detail .deadlines table tr td:first-of-type,
.progetto_seo .deadlines table tr td:first-of-type,
.progetto_web .switch_view_1 table tr td:first-of-type,
.progetto_web .switch_view_2 table tr td:first-of-type,
.progetto_web .scadenze_interne table tr td:first-of-type,
.progetto_standard .switch_view_1 table tr td:first-of-type,
.progetto_standard .switch_view_2 table tr td:first-of-type,
.progetto_standard .scadenze_interne table tr td:first-of-type {
  border-left: 0; }

.worker_detail .projects_history table tr td:last-of-type,
.worker_detail .deadlines table tr td:last-of-type,
.progetto_seo .deadlines table tr td:last-of-type,
.progetto_web .switch_view_1 table tr td:last-of-type,
.progetto_web .switch_view_2 table tr td:last-of-type,
.progetto_web .scadenze_interne table tr td:last-of-type,
.progetto_standard .switch_view_1 table tr td:last-of-type,
.progetto_standard .switch_view_2 table tr td:last-of-type,
.progetto_standard .scadenze_interne table tr td:last-of-type {
  border-right: 0;
  vertical-align: middle; }

.progetto_web .people .round,
.progetto_standard .people .round {
  border-radius: 100%;
  color: white;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9rem; }

.progetto_web .esterne .people-inner,
.progetto_web .switch_view_1 .people-inner,
.progetto_standard .esterne .people-inner,
.progetto_standard .switch_view_1 .people-inner {
  text-transform: uppercase;
  font-size: 0.9rem;
  display: flex;
  align-items: center; }

.progetto_web .esterne .people-inner span,
.progetto_web .switch_view_1 .people-inner span,
.progetto_standard .esterne .people-inner span,
.progetto_standard .switch_view_1 .people-inner span {
  margin-left: 7px;
  text-transform: none; }

.progetto_web table .hours,
.progetto_standard table .hours {
  display: flex;
  justify-content: space-between;
  width: 100%; }

.progetto_web .switch_view_2 table .people,
.progetto_standard .switch_view_2 table .people {
  display: flex; }

.progetto_web .switch_view_2 .people .round,
.progetto_standard .switch_view_2 .people .round {
  margin-left: -8px;
  border: 2px solid white; }

.progetto_web .people.scadenze,
.progetto_seo .people.scadenze,
.progetto_standard .people.scadenze {
  display: flex; }

.progetto_web .people.scadenze .round,
.progetto_seo .people.scadenze .round,
.progetto_standard .people.scadenze .round {
  width: 33px;
  height: 33px;
  font-size: 0.8rem;
  margin-bottom: 3px; }

.progetto_web .people.scadenze .people-inner,
.progetto_seo .people.scadenze .people-inner,
.progetto_standard .people.scadenze .people-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 10px; }
.progetto_seo .people.scadenze .people-inner{
  text-transform: capitalize;
}
.progetto_web .people.scadenze .people-inner:last-of-type,
.progetto_seo .people.scadenze .people-inner:last-of-type,
.progetto_standard .people.scadenze .people-inner:last-of-type {
  margin-right: 0; }

.progetto_web .people.scadenze .people-inner span,
.progetto_seo .people.scadenze .people-inner span,
.progetto_standard .people.scadenze .people-inner span {
  text-align: center;
  font-size: 0.7rem; }

.progetto_web .gantt_switch_btn {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 99; }

/*PROGETTO SEO*/
.progetto_detail .card {
  opacity: 1; }

.progetto_detail .card .card-body {
  border: 1px solid #D8D9DF;
  border-radius: 5px;
  background-color: white;
  padding: 25px; }

.progetto_detail h2.section_title {
  font-size: 1.8rem;
  font-weight: 200;
  padding-bottom: 15px; }

.progetto_seo,
.progetto_standard,
.progetto_web {
  padding-top: 50px;
  padding-bottom: 150px; }

.progetto_seo .info h1,
.progetto_standard .info h1,
.progetto_web .info h1 {
  font-size: 2.4rem;
  font-weight: 200;
  padding-bottom: 10px; }

.progetto_seo .tag,
.progetto_standard .tag,
.progetto_web .tag {
  position: absolute !important;
  right: 0;
  top: 0;
  display: flex;
  height: 27px;
  color: white;
  padding: 7px 12px 7px 5px;
  border-radius: 20px;
  font-size: 0.8rem;
  margin-left: 25px;
  text-transform: uppercase;
  bottom: 5px;
  position: relative;
  margin-left: 0; }

.progetto_seo .card.date span {
  font-size: 1.4rem;
  font-weight: 600;
  margin-top: 10px;
  display: block; }

.progetto_seo .card.lingue strong {
  font-weight: 700;
  font-size: 1.5rem; }

.progetto_seo .lingue table {
  width: 100%;
  transition-duration: 0.3s; }

.progetto_seo .lingue table td,
.progetto_seo .lingue table th {
  border: 1px solid #D8D9DF;
  text-align: left;
  padding: 20px;
  background-color: white; }

.progetto_seo .lingue table tr:first-of-type th {
  font-weight: 700; }

.progetto_seo .lingue table tr:first-of-type th,
.progetto_seo .lingue table tr:first-of-type td {
  border-top: 0; }

.progetto_seo .lingue table tr td {
  vertical-align: middle; }

.progetto_seo .lingue table tr:first-of-type th:first-of-type {
  border-left: 0; }

.progetto_seo .lingue table tr:first-of-type th:last-of-type {
  border-right: 0; }

.progetto_seo .lingue table tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 10px;
  border-left: 0; }

.progetto_seo .lingue table tbody tr:last-of-type td {
  border-bottom: 0; }

.progetto_seo .lingue table tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 10px;
  border-right: 0; }

.progetto_seo .lingue table tr td:first-of-type {
  border-left: 0; }

.progetto_seo .lingue table tr td:last-of-type {
  border-right: 0;
  vertical-align: middle; }

.progetto_seo .lingue table .flag-icon {
  height: 35px;
  width: 100%; }

.progetto_seo .card .chart_cont {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  flex-wrap: wrap; }

.progetto_seo .card:not(.ore_consumate) .chart_cont span {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center; }

.progetto_seo .tag.budget {
  background-color: #808080;
  font-size: 0.8rem !important;
  top: 15px;
  right: 15px;
  align-items: center;
  justify-content: center;
  padding-left: 12px;
  font-weight: 400; }

.progetto_seo .tag.budget strong {
  font-size: 0.8rem; }

.progetto_seo .people .round {
  border-radius: 100%;
  color: white;
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1rem;
  margin: 0 auto;
  margin-bottom: 7px; }

.progetto_seo .people-inner {
  text-transform: uppercase;
  font-size: 0.8rem;
  text-align: center; }

.progetto_seo .card.ore_consumate .people {
  display: flex;
  flex-wrap: wrap;
  align-self: flex-end;
  justify-content: center; }

.progetto_seo .card.ore_consumate .people-inner {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  margin-left: 20px; }

.progetto_seo .card.ore_consumate .people-inner:first-of-type {
  margin-left: 0; }

.progetto_seo .card.ore_consumate .people-inner span {
  text-align: left;
  margin-left: 8px; }

.progetto_seo .card.ore_consumate .people-inner span strong {
  font-weight: 700; }

.progetto_seo .card.ore_consumate .people .round {
  width: 35px;
  height: 35px;
  font-size: 0.8rem;
  margin-bottom: 0; }

.progetto_seo .card .tile {
  margin-top: 20px;
  border-radius: 45px;
  border: 1px solid #D8D9DF;
  padding: 8px 20px;
  box-shadow: inset 0 0 15px rgba(55, 84, 170, 0), inset 0 0 20px rgba(255, 255, 255, 0), 7px 7px 15px rgba(55, 84, 170, 0.15), -7px -7px 20px white, inset 0px 0px 4px rgba(255, 255, 255, 0.2); }

.progetto_seo .card .tile:first-of-type {
  margin-top: 0; }

.progetto_seo .card .tile .custom-control-label {
  padding-top: 3px; }

.progetto_seo .card .reports .tile {
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.progetto_seo .card .reports .actions,
.progetto_seo .card .reports .tile .actions {
  display: flex; }

.progetto_seo .card .reports .actions  div{
  width: 20px;
  height: 20px;
  background-image: url("../img/view-gray.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer; }

.progetto_seo .card .reports .actions .download,
.progetto_seo .card .reports .actions .delete{
  margin-left: 10px; }

.progetto_seo .card .reports .actions .download{
  background-image: url("../img/download-gray.svg"); }

.progetto_seo .card .reports .actions .delete{
  background-image: url("../img/delete-gray.svg"); }

#addSEOreport .form-group > label{
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.4);
}
#addSEOreport input {
    border: 1px solid #D8D9DF;
    margin-left: 1px;
    height: 40px;
    border-radius: 45px;
    padding: 0 15px;
    width: 100%;
    font-size: 0.95rem;
    margin-top: 10px;
}
#addSEOreport .custom-file{
  margin-top: 10px;
  font-size: 0.95rem;
}
#addSEOreport .custom-file label{
  height: 40px;
    border-radius: 45px;
    padding-left: 15px;
}
#addSEOreport .custom-file-label::after {
  height: auto;
  content: '';
  border-top-right-radius: 45px;
  border-bottom-right-radius: 45px;
  width: 40px;
  background-image: url('../img/attach-gray.svg');
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
}

/*PROGETTO STANDARD*/
.progetto_standard .card.date span {
  font-size: 1.4rem;
  font-weight: 600;
  margin-top: 10px;
  display: block; }

/*WORKER*/
.worker .card,
.worker_detail .card {
  opacity: 1;
  margin-bottom: 0; }

.worker .card .card-body,
.worker_detail .card .card-body {
  border: 1px solid #D8D9DF;
  border-radius: 5px;
  background-color: white;
  padding: 2.25rem;
  transition-duration: 0.3s; }

.worker .card .card-body:hover,
.worker_detail .card .card-body:hover {
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.15); }

.worker .card .card-body h2,
.worker_detail .card .card-body h2 {
  font-size: 2rem;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  padding-bottom: 25px; }

.worker .card .picture {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: rgba(0, 63, 255, 0.05);
  background-position: center;
  background-size: cover;
  border: 1px solid #003FFF; }

.worker .card .info {
  padding-left: 50px; }

.worker .tag,
.worker_detail .tag {
  position: absolute !important;
  right: 0;
  top: 0;
  display: block;
  height: 27px;
  color: white;
  padding: 7px 12px 7px 5px;
  border-radius: 20px;
  font-size: 0.8rem;
  margin-left: 25px;
  text-transform: uppercase;
  bottom: 5px;
  position: relative;
  margin-left: 0; }

/*WORKER DETAIL*/
.worker_detail_i .inner {
  max-width: 1100px; }

.worker_detail {
  padding-top: 50px;
  padding-bottom: 150px; }

.worker_detail .info {
  padding-left: 50px; }

.worker_detail .info h1 {
  font-size: 2rem;
  font-weight: 200;
  text-transform: uppercase;
  padding-bottom: 10px; }

.worker_detail .inner .picture {
  width: 90px;
  min-width: 90px;
  min-height: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: rgba(0, 63, 255, 0.05);
  background-position: center;
  background-size: cover;
  border: 1px solid #003FFF; }

.worker_detail .info > div:nth-of-type(1),
.worker_detail .info > div:nth-of-type(2) {
  padding-bottom: 10px; }

.worker_detail .info > div:nth-of-type(2) {
  font-size: 0.9rem; }

.worker_detail .info > div:nth-of-type(3) {
  font-size: 0.9rem;
  font-weight: 200;
  padding-right: 245px; }

.worker_detail h2.section_title {
  font-size: 1.8rem;
  font-weight: 200;
  margin-top: 75px;
  padding-bottom: 3px; }

.worker_detail .card .budget {
  background-color: gray;
  padding-left: 12px; }

.worker_detail .card .budget strong {
  font-weight: 700; }

.worker_detail .card .card-body h2 {
  font-size: 1.5rem; }

.worker_detail .card .card-body .title h2 + span {
  font-size: 1.2rem;
  font-weight: 200;
  padding-left: 5px; }

.worker_detail .card .info {
  padding-left: 0;
  padding-bottom: 25px;
  font-size: 0.9rem;
  font-weight: 200;
  padding-right: 300px; }

.worker_detail .card h6 {
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: 2px; }

.worker_detail .card .tile {
  margin-top: 20px;
  margin-right: 20px;
  border-radius: 45px;
  border: 1px solid #D8D9DF;
  padding: 8px 20px;
  box-shadow: inset 0 0 15px rgba(55, 84, 170, 0), inset 0 0 20px rgba(255, 255, 255, 0), 7px 7px 15px rgba(55, 84, 170, 0.15), -7px -7px 20px white, inset 0px 0px 4px rgba(255, 255, 255, 0.2); }

.worker_detail .card .tile .custom-control-label {
  padding-top: 3px; }

.worker_detail .projects_history .title h2 {
  padding-bottom: 0; }

.worker_detail .payments table {
  margin-top: 15px;
  width: 100%;
  transition-duration: 0.3s; }

.worker_detail .payments table:hover {
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.15); }

.worker_detail .payments table td,
.worker_detail .payments table th {
  border: 1px solid #D8D9DF;
  text-align: left;
  padding: 20px;
  background-color: white; }

.worker_detail .payments table thead th {
  font-weight: 700;
  background-color: #D8D9DF;
  border-color: white; }

.worker_detail .payments table tr td:first-of-type,
.worker_detail .payments table tr th:first-of-type {
  text-align: center; }

.worker_detail .payments table tr th:first-of-type {
  border-top-left-radius: 10px;
  border-left: 0; }

.worker_detail .payments table tr th:last-of-type {
  border-top-right-radius: 10px;
  border-right: 0; }

.worker_detail .payments table tr th {
  border-top: 0; }

.worker_detail .payments table tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 10px;
  border-left: 0; }

.worker_detail .payments table tbody tr:last-of-type td {
  border-bottom: 0; }

.worker_detail .payments table tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 10px;
  border-right: 0; }

.worker_detail .payments table tr td:first-of-type {
  border-left: 0; }

.worker_detail .payments table tr td:last-of-type {
  border-right: 0; }

/*INTERNO*/
.worker_detail .tab_wrapper {
  margin-top: 50px; }

.worker_detail .tab_wrapper .tab {
  width: 180px;
  height: 45px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #D8D9DF;
  border: 1px solid #D8D9DF;
  border-right: 0;
  border-bottom: 0;
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 10px;
  justify-content: center;
  font-weight: 600;
  background-color: #FAFAFA;
  cursor: pointer;
  transition-duration: 0.3s; }

.worker_detail .tab_wrapper .tab:first-of-type {
  margin-left: 0; }

.worker_detail .tab_wrapper .tab::after {
  content: '';
  display: block;
  width: 20px;
  height: 100%;
  background-color: #FAFAFA;
  float: right;
  border: 1px solid #D8D9DF;
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  -ms-transform: skew(25deg, 0deg);
  -webkit-transform: skew(25deg, 0deg);
  transform: skew(25deg, 0deg);
  position: absolute;
  right: -10px;
  border-top-right-radius: 10px;
  transition-duration: 0.3s; }

.worker_detail .tab_wrapper .tab img {
  width: 20px;
  margin-right: 10px; }

.worker_detail .tab_wrapper .tab.active {
  color: #003FFF;
  background-color: white;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.15);
  cursor: default;
  z-index: 1; }

.worker_detail .tab_wrapper .tab.active::after {
  background-color: white; }

.worker_detail .tab_wrapper + .row .cover {
  position: absolute;
  width: 199px;
  height: 1px;
  background-color: white;
  top: 0;
  left: 1px;
  z-index: 11; }

.worker_detail .tab_wrapper + .row .filter {
  display: flex;
  justify-content: space-between;
  height: 100px;
  background-color: white;
  z-index: 10;
  border: 1px solid #D8D9DF;
  border-bottom: 0;
  border-top-right-radius: 10px;
  position: relative;
  padding: 25px; }

.worker_detail .tab_wrapper + .row .filter > form {
  display: flex;
  justify-content: flex-end; }

.worker_detail .tab_wrapper + .row .filter form > input {
  border: 1px solid #D8D9DF;
  height: 40px;
  border-radius: 45px;
  padding: 0 15px;
  width: 150px;
  text-align: center;
  margin-left: 20px; }

.worker_detail .tab_wrapper + .row .filter > form > input:first-of-type {
  margin-left: 0; }

.worker_detail .tab_wrapper + .row .filter > form > input::placeholder {
  color: #D8D9DF; }

.worker_detail .tab_wrapper + .row .filter > form > button {
  border-radius: 100%;
  margin-left: 20px;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  border: 1px solid #003FFF;
  background-color: rgba(0, 63, 255, 0.05);
  background-image: url("../img/filter-blue.svg");
  background-size: 54%;
  background-position: center;
  background-repeat: no-repeat;
  transition-duration: 0.3s; }

.worker_detail .tab_wrapper + .row .filter > form > button:hover {
  background-image: url("../img/filter-white.svg");
  background-color: #003FFF; }

.picker-switch {
  font-weight: 700; }

.picker-switch:first-letter {
  text-transform: uppercase; }

th.dow {
  font-weight: 600; }

.tabs_wrapper {
  border: 1px solid #D8D9DF;
  border-top: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: white; }

.tabs_wrapper .tab_inner {
  opacity: 0;
  display: none;
  padding: 25px;
  padding-top: 0; }

.tabs_wrapper .tab_inner.active {
  display: block;
  opacity: 1; }

.tabs_wrapper .tab_inner #calendar {
  margin-top: 0;
  margin-bottom: 15px; }

.worker_detail_i #upper_form{
  width: 100%;
}
.worker_detail_i #upper_form select{
  margin-right: auto;
  min-width: 180px;
}

.worker_detail_i .card .tile:first-of-type {
  margin-top: 0; }

.worker_detail_i .card .tile {
  margin-right: 0; }

.worker_detail_i h2.section_title {
  padding-bottom: 15px;
  margin-top: 60px; }

.worker_detail_i .amministrative table {
  width: 100%;
  transition-duration: 0.3s; }

.worker_detail_i .amministrative table td,
.worker_detail_i .amministrative table th {
  border: 1px solid #D8D9DF;
  text-align: left;
  padding: 20px;
  background-color: white; }

.worker_detail_i .amministrative table tr:first-of-type td {
  border-top: 0; }

.worker_detail_i .amministrative table tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 10px;
  border-left: 0; }

.worker_detail_i .amministrative table tbody tr:last-of-type td {
  border-bottom: 0; }

.worker_detail_i .amministrative table tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 10px;
  border-right: 0; }

.worker_detail_i .amministrative table tr td:first-of-type {
  border-left: 0; }

.worker_detail_i .amministrative table tr td:last-of-type {
  border-right: 0;
  font-weight: 600; }

.worker_detail_i .projects_history .card {
  padding-top: 0; }

.custom-control-label:hover {
  cursor: pointer; }

.worker_detail_i .tab-2 table,
.worker_detail_i .tab-3 table,
.worker_detail_i .tab-4 table,
#fullcalendarTimeTracking table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 5px; }

.worker_detail_i .tab-2 thead,
.worker_detail_i .tab-3 thead,
.worker_detail_i .tab-4 thead,
#fullcalendarTimeTracking thead {
  font-weight: 600; }

.worker_detail_i .tab-2 table td,
.worker_detail_i .tab-2 table th,
.worker_detail_i .tab-4 table td,
#fullcalendarTimeTracking table td {
  text-align: left;
  padding: 10px 20px;
  border: 0; }

.worker_detail_i .tab-2 table th,
.worker_detail_i .tab-4 table th,
#fullcalendarTimeTracking table th {
  padding-top: 0;
  padding-bottom: 15px; }

#fullcalendarTimeTracking table thead th {
  padding-left: 15px; }

.worker_detail_i .tab-2 table tbody tr td,
.worker_detail_i .tab-4 table tbody tr td,
#fullcalendarTimeTracking table tbody tr td {
  transition-duration: 0.3s; }

.worker_detail_i .tab-2 table tbody tr:nth-of-type(odd) td,
.worker_detail_i .tab-4 table tbody tr:nth-of-type(odd) td,
#fullcalendarTimeTracking table tbody tr:nth-of-type(odd) td {
  background-color: rgba(0, 63, 255, 0.05); }

.worker_detail_i .tab-2 table tbody tr:nth-of-type(odd):hover td,
.worker_detail_i .tab-4 table tbody tr:nth-of-type(odd):hover td,
#fullcalendarTimeTracking table tbody tr:nth-of-type(odd):hover td {
  background-color: rgba(0, 63, 255, 0.1); }

.worker_detail_i .tab-2 table tbody tr:nth-of-type(even) td,
.worker_detail_i .tab-4 table tbody tr:nth-of-type(even) td,
#fullcalendarTimeTracking table tbody tr:nth-of-type(even) td {
  background-color: #FAFAFA; }

.worker_detail_i .tab-2 table tbody tr:nth-of-type(even):hover td,
.worker_detail_i .tab-4 table tbody tr:nth-of-type(even):hover td,
#fullcalendarTimeTracking table tbody tr:nth-of-type(even):hover td {
  background-color: #EEE; }

.worker_detail_i .tab-2 table thead tr th:last-of-type,
.worker_detail_i .tab-3 table thead tr th:last-of-type {
  text-align: right; }

.worker_detail_i .tab-2 table tbody,
.worker_detail_i .tab-4 table tbody,
#fullcalendarTimeTracking table tbody {
  font-size: 0.9rem;
  font-weight: 400; }

.worker_detail_i .tab-2 table tbody tr td:first-of-type,
.worker_detail_i .tab-4 table tbody tr td:first-of-type,
#fullcalendarTimeTracking table tbody tr td:first-of-type {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px; }

.worker_detail_i .tab-2 table tbody tr td:last-of-type,
.worker_detail_i .tab-4 table tbody tr td:last-of-type,
#fullcalendarTimeTracking table tbody tr td:last-of-type {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px; }

.worker_detail_i .tab-2 table tbody tr td,
#fullcalendarTimeTracking table tbody tr td {
  vertical-align: middle; }

.worker_detail_i .tab-2 table tbody strong,
#fullcalendarTimeTracking table tbody strong {
  font-weight: 600;
  margin-top: 4px; }

.worker_detail_i .tab-3 .card {
  border: 1px solid #D8D9DF;
  margin-top: 25px;
  transition-duration: 0.3s;
  padding: 25px; }

.worker_detail_i .tab-2 .card,
.worker_detail_i .tab-4 .card {
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #EEE;
  border-radius: 0; }

.worker_detail_i .tab-2 .card:first-of-type,
.worker_detail_i .tab-4 .card:first-of-type {
  border-top: 0;
  padding-top: 15px; }

.worker_detail_i .tab-3 .card:hover {
  box-shadow: 0 0px 20px 5px rgba(0, 0, 0, 0.15); }

.worker_detail_i .tab-2 .card:first-of-type,
.worker_detail_i .tab-3 .card {
  margin-top: 0; }

.worker_detail_i .tab-3 > .row > .col-12:nth-of-type(n+3) {
  margin-top: 30px; }

.worker_detail_i .tab-3 {
  padding-bottom: 30px; }

#foglio_presenze .ore_lavorate,
#foglio_presenze .ferie,
#foglio_presenze .malattia,
#foglio_presenze .permesso {
  color: white !important; }

#foglio_presenze .ore_lavorate:not(.fc-list-item) span::before {
  content: '';
  display: block;
  position: relative;
  display: inline-block;
  background-image: url("../img/orelavorate-white.svg");
  width: 20px;
  height: 20px;
  margin-right: 5px; }

#foglio_presenze .ferie:not(.fc-list-item) span::before {
  content: '';
  display: block;
  position: relative;
  display: inline-block;
  background-image: url("../img/ferie-white.svg");
  width: 20px;
  height: 20px;
  margin-right: 5px; }

#foglio_presenze .malattia:not(.fc-list-item) span::before {
  content: '';
  display: block;
  position: relative;
  display: inline-block;
  background-image: url("../img/malattia-white.svg");
  width: 20px;
  height: 20px;
  margin-right: 5px; }

#foglio_presenze .permesso:not(.fc-list-item) span::before {
  content: '';
  display: block;
  position: relative;
  display: inline-block;
  background-image: url("../img/permesso-white.svg");
  width: 20px;
  height: 20px;
  margin-right: 5px; }

#foglio_presenze .ore_lavorate:not(.fc-list-item) span,
#foglio_presenze .ferie:not(.fc-list-item) span,
#foglio_presenze .malattia:not(.fc-list-item) span,
#foglio_presenze .permesso:not(.fc-list-item) span {
  display: flex;
  align-items: center; }

#calendar .ore_lavorate,
#foglio_presenze .ore_lavorate {
  background-color: #4DA8D9;
  color: white !important; }

#foglio_presenze .ferie {
  background-color: #E4BE55; }

#foglio_presenze .malattia {
  background-color: #B1332C; }

#foglio_presenze .permesso {
  background-color: #240E67; }

#foglio_presenze .fc-title {
  font-size: 0.9rem;
  text-transform: none !important; }

#fullcalendarTimeTracking .modal-title {
  padding-left: 30px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-right: 10px; }

#fullcalendarTimeTracking .modal-title strong {
  font-weight: 600; }

/*TIMETRACKING*/
.timetracking {
  padding-top: 40px;
  padding-bottom: 100px; }

#addEventModal input,
#detailEventModal input,
#editEventModal input,
#formProject input,
#timetracking input,
#editTracking input {
  border: 1px solid #D8D9DF;
  margin-left: 1px;
  height: 40px;
  border-radius: 45px;
  padding: 0 15px;
  width: 100%;
  font-size: 0.95rem; }

.timetracking .card-body {
  padding: 25px; }

.timetracking .form-row > [class*="col-"] {
  padding-right: 10px;
  padding-left: 10px; }

#editTracking .form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px; }

#addEventModal .input-group-text,
#detailEventModal .input-group-text,
#editEventModal .input-group-text,
#formProject .input-group-text,
.timetracking .input-group-text {
  padding-left: 14px;
  border-top-left-radius: 45px;
  border-bottom-left-radius: 45px;
  font-size: 0.95rem;
  height: 40px; }
#addEventModal .input-group-text,
#detailEventModal .input-group-text,
#editEventModal .input-group-text,
#formProject .input-group-text,
#editTracking .input-group-text{
  width: 90px;
  justify-content: center;
  padding-left: 14px;
}
#addEventModal .form-group:nth-of-type(5) .input-group-text,
#addEventModal .modal-body form > .form-row .form-group .input-group-text,
#editEventModal .form-group:nth-of-type(5) .input-group-text,
#editEventModal .modal-body form > .form-row .form-group .input-group-text,
#editTracking #h_from_modify .input-group-text,
#detailEventModal .modal-body > .row:nth-of-type(2) .input-group-text,
#formProject .date .input-group-text,
#editTracking #h_to_modify .input-group-text,
.phase .input-group-text{
  width: 45px;
}
.phase .input-group-text{
  width: 45px !important;
}
#addEventModal .custom-select,
#editEventModal .custom-select,
#detailEventModal .custom-select,
#formProject .custom-select,
.timetracking .custom-select {
  border-top-right-radius: 45px;
  border-bottom-right-radius: 45px;
  font-size: 0.95rem;
  height: 40px; }
.custom-select:focus{
  box-shadow: 0 0 0 0;
}
.timetracking .custom-checkbox {
  font-size: 0.95rem; }

.timetracking form button {
  border-radius: 100%;
  margin-left: auto;
  min-width: 40px;
  width: 40px;
  min-height: 40px;
  height: 40px;
  border: 1px solid #003FFF;
  background-color: rgba(0, 63, 255, 0.05);
  background-image: url("../img/plus-blue.svg");
  /*background-size: 50%;*/
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s, background-image 0.3s;
}

.timetracking form button:hover {
  background-color: #003FFF;
  background-image: url("../img/plus-white.svg"); }

.timetracking table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 5px; }

.timetracking thead {
  font-weight: 600; }

.timetracking table td,
.timetracking table th {
  text-align: left;
  padding: 10px 20px;
  border: 0; }
.timetracking .bootstrap-datetimepicker-widget table td,.timetracking .bootstrap-datetimepicker-widget table th{padding: 0 !important}
.timetracking table .dow{text-transform: capitalize;}

.timetracking table th {
  padding-top: 0;
  padding-bottom: 15px; }

.timetracking table tbody tr td {
  transition-duration: 0.3s; }

.timetracking .row.mt-5 .card-body{
  min-width: 1100px;
}
.timetracking .row.mt-5 .card{
  overflow-x: scroll;
}

.timetracking .row.mt-5 table tbody tr:nth-of-type(odd) td {
  background-color: rgba(0, 63, 255, 0.05); }

.timetracking .row.mt-5 table tbody tr:nth-of-type(odd):hover td {
  background-color: rgba(0, 63, 255, 0.1); }

.timetracking .row.mt-5 table tbody tr:nth-of-type(even) td {
  background-color: #FAFAFA; }

.timetracking .row.mt-5 table tbody tr:nth-of-type(even):hover td {
  background-color: #EEE; }

.timetracking .row.mt-5 table thead tr th:last-of-type {
  text-align: right; }

.timetracking table tbody {
  font-size: 0.9rem;
  font-weight: 400; }

.timetracking .row.mt-5 table tbody tr td:first-of-type {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px; }

.timetracking .row.mt-5 table tbody tr td:last-of-type {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px; }

.timetracking table tbody tr td {
  vertical-align: middle; }

.timetracking table tbody strong {
  display: block;
  max-width: 350px;
  font-weight: 600;
  margin-top: 4px; }

.timetracking table .actions {
  display: flex;
  justify-content: flex-end; }

.timetracking table .actions .smartwork {
  width: 20px;
  height: 20px;
  margin-right: 15px;
}
.timetracking table .actions .smartwork.true,
.worker_detail table .smartwork.true{
  background-image: url("../img/smartwork.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 92%;
}
.worker_detail table .smartwork.true{
  width: 20px;
  height: 20px;
  margin-left: auto;
}
.timetracking table .actions .view {
  width: 20px;
  height: 20px;
  background-image: url("../img/view-gray.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 92%;
  cursor: pointer; }

.timetracking table .actions .modify {
  width: 20px;
  height: 20px;
  background-image: url("../img/modify-gray.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 92%;
  cursor: pointer;
  /*margin-left: 15px;*/ }

.timetracking table .actions .delete {
  width: 20px;
  height: 20px;
  background-image: url("../img/delete-gray.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 92%;
  cursor: pointer;
  margin-left: 15px; }

#detailEventModal #det_ev_date input,
#detailEventModal #det_ev_h_from input,
#detailEventModal #det_ev_h_to input,
#addEventModal #date input,
#addEventModal #h_from input,
#addEventModal #h_to input,
#editEventModal #edit_date input,
#editEventModal #edit_h_from input,
#editEventModal #edit_h_to input,
#formProject #project_name,
#formProject #date_start,
#formProject #exp_date,
#formProject #date_end,
#formProject #budget,
#formProject input[name="prj_cost_desc[]"],
#formProject input[name="prj_cost_price[]"],
#formProject input[name="prj_seo_cost_price[]"],
.timetracking #date input,
.timetracking #h_from input,
.timetracking #h_to input,
.timetracking #h_from_modify input,
.timetracking #h_to_modify input,
#formProject #addProject_contract{
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.timetracking .input-group-prepend{
  z-index: 1;
}
.timetracking .form-control:focus{
  box-shadow: 0 0 0 0 !important;
}
.timetracking #viewTracking .modal-body span{
  padding: 10px 0;
  display: block;
}

/*ALERT*/
.worker_detail .alert,
.progetto_detail .alert,
.timetracking .alert,
.planning .alert{
  position: fixed;
  bottom: 5px;
  z-index: 9999;
  width: calc(100% - 120px);
  font-size: 0.95rem;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.15);
  line-height: 1.2;
}
.worker_detail .alert strong,
.progetto_detail .alert strong,
.timetracking .alert strong,
.planning .alert strong{
  font-weight: 700;
}
.worker_detail .alert .close span,
.progetto_detail .alert .close span,
.timetracking .alert .close span,
.planning .alert .close span{
  display: block;
  position: relative;
  top: -5px;
}

/* LOGIN */
main.login{
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-color: #F4F7FD;
}
main.login .card{
  max-width: 401px;
  width: 401px;
}
main.login .card-body{
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.15);
  padding: 45px;
}
main.login .card-body label,
main.login .card-body .login-forget a{
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.4);
  margin-bottom: 5px;
}
main.login .card-body input{
  border: 0;
  border-bottom: 1px solid #003FFF;
  border-radius:0;
  font-weight: 300;
  font-size: 0.95rem;
}
main.login .card-body input:focus{
  box-shadow: 0 0 0 0;
}

main.login .card-body .btn,
.progetto_seo .modal-footer button,
#addEventModal .modal-footer button,
#detailEventModal .modal-footer button,
#editEventModal .modal-footer button,
#addProjectModal .modal-footer button,
#deleteTracking .modal-footer button,
#editTracking .modal-footer button{
  background-color: rgba(0, 63, 255, 0.05);
  border-color: #003FFF;
  color: #003FFF;
  border-radius: 45px;
  padding: 7px 35px;
  transition-duration: 0.3s;
}
.progetto_seo .modal-footer button.btn-secondary,
#addEventModal .modal-footer button.btn-secondary,
#detailEventModal .modal-footer button.btn-secondary,
#editEventModal .modal-footer button.btn-secondary,
#addProjectModal .modal-footer button.btn-secondary,
#deleteTracking .modal-footer button.btn-secondary,
#editTracking .modal-footer button.btn-secondary{
  border-color: #6E6C6C;
  color: #6E6C6C;
  background-color: rgba(110, 108, 108, 0.05);
}
#editEventModal .modal-footer button.btn-danger,
#addProjectModal .modal-footer button.btn-danger{
  border-color: #D25A5E;
  color: #D25A5E;
  background-color: rgba(210, 90, 94, 0.05);
}
.progetto_seo .modal-footer button:hover,
#addEventModal .modal-footer button:hover,
#detailEventModal .modal-footer button:hover,
#editEventModal .modal-footer button:hover,
#addProjectModal .modal-footer button:hover,
#deleteTracking .modal-footer button:hover,
#editTracking .modal-footer button:hover,
main.login .card-body .btn:hover{
  color: white;
  background-color: #003FFF;
}
.progetto_seo .modal-footer button.btn-secondary:hover,
#addEventModal .modal-footer button.btn-secondary:hover,
#detailEventModal .modal-footer button.btn-secondary:hover,
#editEventModal .modal-footer button.btn-secondary:hover,
#addProjectModal .modal-footer button.btn-secondary:hover,
#deleteTracking .modal-footer button.btn-secondary:hover,
#editTracking .modal-footer button.btn-secondary:hover{
  background-color: #6E6C6C;
}
#editEventModal .modal-footer button.btn-danger:hover,
#addProjectModal .modal-footer button.btn-danger:hover{
  background-color: #D25A5E;
}
main.login .card-body .show-password{
  position: absolute;
  right: 0;
  top: 30px;
  cursor: pointer;
}
main.login .card-body .show-password i:last-of-type{
  display: none;
}
main.login .card-body .show-password i{
  color: rgba(0, 0, 0, 0.4);
}
main.login .card-body .custom-control-label{
  color: #6E6C6C;
  margin-top: 3px;
}
main.login .card-body .custom-control-label::before {
  top: -0.12rem;
}

main.login .card-body .custom-control-label::after {
  top: -0.12rem;
}
main.login .card-body .form-action{
  display: flex;
  justify-content: flex-end;
  margin-top: 25px;
}
main.login .card-body .form-sub{
  margin-top: 30px;
}
main.login .card-body .login-account.has_error{
  margin-top: 30px;
  text-align: center;
}
main.login .card-body img{
  height: 28px;
  margin: 0 auto;
  display: block;
  margin-bottom: 40px;
}
@media screen and (max-width: 991.98px){
  .timetracking #timetracking >.form-row:nth-of-type(2) .input-group-text{
    width: 90px;
    justify-content: center;
    padding-left: 14px;
  }
  .timetracking #timetracking >.form-row:nth-of-type(1) .input-group-text{
    width: 45px;
    justify-content: center;
    padding-left: 14px;
  }
  .planning #calendar .fc-header-toolbar > div{
    width: 100%;
    display:flex;
    justify-content: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
  }
  .planning #calendar .fc-header-toolbar > div:last-of-type{
    margin-bottom: 0;
  }
  .planning #calendar .fc-header-toolbar .fc-left{
    display: none;
  }
  .progetto_detail .card-body{
    overflow-x: scroll;
  }
  .worker .card .info {
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
  }
  .worker .card .card-body h2,
  .worker_detail .card .card-body h2{
    hyphens: auto;
  }
  .worker .card .card-body h2{
    padding-bottom: 8px;
  }
}
@media screen and (max-width: 575.98px){
  main.login .card-body .btn{
    width: 100%;
  }
  .home, .progetti, .planning, .clienti, .worker, .worker_detail, .progetto_detail, .timetracking, .form{
    width: 100%;
    left: 0;
    padding: 5px;
    padding-top: 20px;
    padding-bottom: 120px;
    top: 65px;
  }
  nav.sidebar{
    width: 100%;
    height: 73px;
    top: auto;
    bottom: 0;
    border-right: 0;
    border-top: 1px solid #D8D9DF;
    display: flex;
    background-color: white;
    box-shadow: 0 0px 20px rgba(0,0,0,0.1);
    padding-left: 10px;
    padding-right: 10px;
    display: none;
  }
  nav.sidebar .menu{
    display: flex;
    width: 100%;
    justify-content: space-around;
    padding-top: 4px;
  }
  nav.sidebar .menu-tile{
    display: none;
  }
  nav.sidebar ul a {
    min-width: 52px;
    width: 52px;
    height: 52px;
    padding: 5px;
  }
  nav.sidebar ul a li + span{
    display: none !important;
  }
  nav.navbar{
    width: 100%;
    left: 0;
    height: 65px;
  }
  nav.navbar h6{
    padding-left: 7px;
  }
  .timetracking .form-row > [class*="col-"]{
    padding-left: 5px;
    padding-right: 5px;
  }
  .worker_detail .alert,
  .progetto_detail .alert,
  .timetracking .alert,
  .planning .alert{
    bottom: 60px;
    width: calc(100% - 10px);
  }
  .planning #addEventModal .round,
  .planning #editEventModal .round{
    margin-top: 0;
  }
  .planning #addEventModal .round:nth-of-type(8),
  .planning #editEventModal .round:nth-of-type(8){
    margin-right: 10px;
  }
  .planning #addEventModal .round:nth-of-type(9),
  .planning #editEventModal .round:nth-of-type(9){
    margin-right: 0;
  }
  .planning #addEventModal .round:nth-of-type(n + 10),
  .planning #editEventModal .round:nth-of-type(n + 10){
    margin-top: 10px;
  }
  .planning .filter_wrapper{
    justify-content: flex-end;
  }
  .planning .filter_wrapper > button span{
    display: none;
  }
  .planning .filter_wrapper > button{
    width: 48px;
    height: 48px;
    background-image: url('../img/plus-white.svg');
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    background-color: #003FFF;
    position: fixed;
    bottom: 90px;
    right: 20px;
    z-index: 15;
    box-shadow: 0 0px 15px 5px rgba(0, 0, 0, 0.2);
  }
  .worker_detail .alert,
  .progetto_detail .alert,
  .timetracking .alert,
  .planning .alert{
    bottom: 62px;
    width: calc(100% - 10px);
  }
}
@media screen and (max-width: 474.98px){
  
}
@media screen and (max-width: 419.98px){
  nav.sidebar ul a:first-of-type,nav.sidebar ul a:last-of-type{display: none;}
  .worker .card .card-body{
    padding: 2rem;
  }
}
/*@media screen and (max-width: 123456788.98px){
  .planning #calendar .fc-header-toolbar > div:last-of-type button{
    margin-left: 0;
    width: calc(50% - 10px);
    margin-top: 10px;
  }
  .planning #calendar .fc-header-toolbar > div:last-of-type button{
    margin-right: 10px;
  }
  .planning #calendar .fc-header-toolbar > div:last-of-type button:nth-of-type(even){
    margin-right: 0;
  }
}*/

/*@media (prefers-color-scheme: dark) {
  nav.sidebar,
  nav.navbar{
    background-color: black;
  }
  nav.navbar h6,
  nav.navbar button{
    color: white;
  }
  .home, .progetti, .planning, .clienti, .worker, .worker_detail, .progetto_detail, .timetracking{
    background-color: rgba(0,0,0,0.3);
  }
}*/

/* tempusdominus-bootstrap-4.min.css | https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.1/css/tempusdominus-bootstrap-4.min.css */

.bootstrap-datetimepicker-widget table td.day {
  /* height: 20px; */
  /* line-height: 20px; */
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  line-height: 25px !important;
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  /* background-color: #007bff; */
  background-color: #003FFF !important;
}

.bootstrap-datetimepicker-widget table td.today::before {
  /* border-width: 0 0 7px 7px; */
  border-width: 0 0 6px 6px !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  /* width: 14rem; */
  width: 15rem !important;
}
.planning #date .bootstrap-datetimepicker-widget.dropdown-menu {
  width: 280px !important;
}
.planning #date .table th,
.planning #date .table td{
  border: 0 !important;
}
@media screen and (max-width: 991.98px){
  .bootstrap-datetimepicker-widget.dropdown-menu{
    /*width: 280px !important;*/
    width: 100% !important;
  }
  .planning #date .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 100% !important;
  }
  .clienti .card .detail .more_info .useful_data{
    margin-top: 25px;
    align-self: flex-start;
  }
  .clienti .card .more_info .people {
    justify-content: flex-start;
  }
}

.form-control[readonly][data-toggle]{
  background-color: white !important;
}

@media screen and (max-width: 767.98px){
  .clienti .card .detail {
    padding: 20px;
    padding-top: 40px;
  }
  .clienti .tag {
    display: block;
    margin-left: 0;
    max-width: max-content;
    margin-top: 20px;
  }
}
@media screen and (max-width: 576.98px){
  .clienti .card .detail {
    padding: 5px;
    padding-top: 30px;
  }
}

@media screen and (max-width: 564.98px){
  .planning #addEventModal .round:nth-of-type(8),
  .planning #editEventModal .round:nth-of-type(8){
    margin-right: 0;
  }
  .planning #addEventModal .round:nth-of-type(9),
  .planning #editEventModal .round:nth-of-type(9){
    margin-right: 10px;
  }
  .planning #addEventModal .round:nth-of-type(n + 9),
  .planning #editEventModal .round:nth-of-type(n + 9){
    margin-top: 10px;
  }
}
@media screen and (max-width: 509.98px){
  .planning #addEventModal .round:nth-of-type(7),
  .planning #editEventModal .round:nth-of-type(7){
    margin-right: 0;
  }
  .planning #addEventModal .round:nth-of-type(8),
  .planning #editEventModal .round:nth-of-type(8){
    margin-right: 10px;
  }
  .planning #addEventModal .round:nth-of-type(n + 8),
  .planning #editEventModal .round:nth-of-type(n + 8){
    margin-top: 10px;
  }
}
@media screen and (max-width: 454.98px){
  .planning #addEventModal .round:nth-of-type(6),
  .planning #editEventModal .round:nth-of-type(6){
    margin-right: 0;
  }
  .planning #addEventModal .round:nth-of-type(7),
  .planning #editEventModal .round:nth-of-type(7){
    margin-right: 10px;
  }
  .planning #addEventModal .round:nth-of-type(n + 7),
  .planning #editEventModal .round:nth-of-type(n + 7){
    margin-top: 10px;
  }
  #editEventModal .modal-footer button{
    padding: 7px 22px;
  }
}
@media screen and (max-width: 399.98px){
  .planning #addEventModal .round:nth-of-type(5),
  .planning #addEventModal .round:nth-of-type(10),
  .planning #editEventModal .round:nth-of-type(5),
  .planning #editEventModal .round:nth-of-type(10){
    margin-right: 0;
  }
  .planning #addEventModal .round:nth-of-type(6),
  .planning #editEventModal .round:nth-of-type(6){
    margin-right: 10px;
  }
  .planning #addEventModal .round:nth-of-type(n + 6),
  .planning #editEventModal .round:nth-of-type(n + 6){
    margin-top: 10px;
  }
}
@media screen and (max-width: 354.98px){
  #editEventModal .modal-footer button{
    padding: 7px 20px;
  }
}
@media screen and (max-width: 344.98px){
  .planning #addEventModal .round:nth-of-type(4),
  .planning #addEventModal .round:nth-of-type(8),
  .planning #editEventModal .round:nth-of-type(4),
  .planning #editEventModal .round:nth-of-type(8){
    margin-right: 0;
  }
  .planning #addEventModal .round:nth-of-type(5),
  .planning #addEventModal .round:nth-of-type(10),
  .planning #editEventModal .round:nth-of-type(5),
  .planning #editEventModal .round:nth-of-type(10){
    margin-right: 10px;
  }
  .planning #addEventModal .round:nth-of-type(n + 5),
  .planning #editEventModal .round:nth-of-type(n + 5){
    margin-top: 10px;
  }
}

/* Elemento | http://susanna.glacom.com/new/planning.php */

th.fc-day-header:nth-child(1) {
  border-top-left-radius: 8px;
}

/* Elemento | http://susanna.glacom.com/new/planning.php */

th.fc-day-header:nth-child(7) {
  border-top-right-radius: 8px;
}
.fc-head-container.fc-widget-header{
  border-color: transparent;
  border-bottom: 0;
}
.fc-day-number {
    font-size: 0.9rem;
    color: #676A73;
}
.fc-other-month .fc-day-number {
  color: #A4A8B5;
}
.fc-today span{color: rgb(0, 63, 255);}
.fc-today span:before{
  content: '';
  position: absolute;
  width: 23.7px;
  height: 23.7px;
  background-color: rgba(0, 63, 255, 0.05);
  z-index: -1;
  border: 1px solid rgb(0, 63, 255);
  margin-top: -4.2px;
  margin-left: -4.2px;
  border-radius: 50%;
}
.fc td, .fc th {
  border-style: 1px solid #E9EAEE;
}
.fc-view-container{
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}






#add_project_cost {
 position: absolute;
 right: 5px;
 font-size: 0.8rem;
 text-transform: uppercase;
 color: rgb(0, 63, 255) !important;
}
.cost > td:nth-child(2),
.cost > td:nth-child(3),
.cost > td:nth-child(4),
.seo_cost > td:nth-child(2),
.seo_cost > td:nth-child(3),
.seo_cost > td:nth-child(4),
.phase > td:nth-child(2),
.phase > td:nth-child(3),
.phase > td:nth-child(4){
 padding-top: 10px;
 padding-right: 10px;
}
.phase > td:nth-child(2),
.phase > td:nth-child(3),
.phase > td:nth-child(4){
 padding-top: 0;
}
/*.cost .add_project_cost{
  display: none;
}
.cost:last-of-type .add_project_cost{
  display: block;
}*/



#formProject .form-row{
  padding: 10px;
}
#formProject table tr td{vertical-align: middle;}
#formProject .actions{
  display: flex;
  padding-top: 10px;
}
#formProject .phase .actions{
  padding-top: 0;
}
#formProject .actions .rem_project_cost,
#formProject .actions .add_project_cost,
#formProject .actions .rem_project_seo_cost,
#formProject .actions .add_project_seo_cost,
#formProject .rem_project_phase,
#formProject .add_project_phase {
  font-size: 1.2rem;
  /*color: rgb(0,63,255);*/
  color: #D8D9DF;
  background-color: unset;
  border: 0;
  transition-duration: 0.3s;
}
#formProject .rem_project_phase:hover,
#formProject .rem_project_seo_cost:hover,
#formProject .actions .rem_project_cost:hover{
  color: #D25A5E;
}
#formProject .actions .add_project_cost:hover,
#formProject .actions .add_project_seo_cost:hover,
#formProject  .add_project_phase:hover{
  color: rgb(0,63,255);
}

#addProjectModal .modal-footer{
  display: none;
}

#formProject .people{
  min-height: 50px;
  align-items: center; 
}

.gen_phases table td,
.gen_phases table th {
  text-align: left;
  padding: 5px 20px;
  border: 0; }

.gen_phases table th {
  padding-top: 10px;
  padding-bottom: 0; }

.gen_phases table tbody tr td {
  transition-duration: 0.3s; }

.gen_phases table tbody tr td:first-of-type {
  border-top-left-radius: 35px;
  border-bottom-left-radius: 35px;
}
.gen_phases table tbody tr td:last-of-type {
  border-top-right-radius: 35px;
  border-bottom-right-radius: 35px;
}

.gen_phases table tbody tr:nth-of-type(odd) td {
  background-color: rgba(0, 63, 255, 0.05); }

.gen_phases table tbody tr:nth-of-type(odd):hover td {
  background-color: rgba(0, 63, 255, 0.1); }

.gen_phases table tbody tr:nth-of-type(even) td {
  background-color: #FAFAFA; }

.gen_phases table tbody tr:nth-of-type(even):hover td {
  background-color: #EEE; }

.gen_phases table thead tr th:last-of-type {
  text-align: right; }

.gen_phases table tbody {
  font-size: 0.9rem;
  font-weight: 400; }

.gen_phases table tbody tr td {
  vertical-align: middle; }

.gen_phases table tbody strong {
  display: block;
  font-weight: 600;
  margin-top: 4px; }

.gen_phases table thead th,
#cont_phase > thead > tr > th{
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.4);
  margin-bottom: 5px;
}

#addProjectModal .people .round{
  min-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
  margin-left: 7px;
  margin-right: 0;
  opacity: 0.85;
  font-size: 0.9rem;
  margin-top: 3px;
  margin-bottom: 3px;
}


.gen_phases,
.phases_wrapper,
.seo_costs_wrapper{
  display: none;
}
#addProjectModal .date0 input{
  position: relative;
}

#gen_phases,
#cont_phase {
 border-collapse: separate;
 border-spacing: 0 5px;
}

#btn_gen_phases{
  border: 0;
  background-color: unset;
  color: #003FFF;
}












#projectListEdit{
  background-color: rgba(0, 63, 255, 0.85);
  color: white;
  text-transform: uppercase;
  padding: 6px 0 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-top: -3px;
  border: 1px solid #D8D9DF;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.15);
  font-weight: 700;
  font-size: 0.85rem;
}
#projectListEdit:hover{
  background-color: rgba(0, 63, 255, 1);
}










#other_month{
  display: none;
  width: auto;
 border: 0;
 border-bottom: 1px solid #003FFF;
 border-radius: 0;
 padding: 0;
 padding-top: 5px;
 padding-right: 12px;
 height: 30px;
 margin-top: 11px;
 background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .25rem bottom/8px 23px;
}
.seo_month_filter .btn{
  border-radius: 0;
  padding:0;
  margin-top: 15px;
  margin-right: 15px;
}
.seo_month_filter .btn.active{
  border-bottom-color: #003FFF;
  color: #003FFF;
}
.seo_month_filter .btn.focus,
.seo_month_filter .btn:focus{
  box-shadow: 0 0 0 0;
}

.progetto_seo .legenda{
  margin-top: 15px;
  justify-content: center;
}
.progetto_seo .legenda div{
  margin: 5px;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.progetto_seo .legenda div span{
  border-radius: 50%;
  width: 22px;
  height: 22px;
  background-color: red;
  display: inline-block;
  margin-right: 5px;
}
.progetto_seo .legenda div:first-of-type span{
  background-color: #FF6384;
}
.progetto_seo .legenda div:last-of-type span{
  background-color: #C04B55;
}

















.form {
  width: calc(100% - 75px);
  background-color: #F4F7FD;
  position: relative;
  left: 75px;
  min-height: calc(100vh - 75px);
  padding: 25px;
  top: 75px;
  padding-top: 40px;
  padding-bottom: 100px;
}
.form table .actions {
  display: flex;
  justify-content: flex-end;
}
.form table .actions .view {
  width: 20px;
  height: 20px;
  background-image: url("../img/view-gray.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 92%;
  cursor: pointer;
}
.form table .actions .edit {
  width: 20px;
  height: 20px;
  background-image: url("../img/modify-gray.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 92%;
  cursor: pointer;
  margin-left: 15px;
}
.form table .actions .delete {
  width: 20px;
  height: 20px;
  background-image: url("../img/delete-gray.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 92%;
  cursor: pointer;
  margin-left: 15px;
}
.form table .actions .contact {
  width: 20px;
  height: 20px;
  background-image: url("../img/contacts-gray.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 92%;
  cursor: pointer;
  margin-right: 15px;
}


.form table#table_list {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 5px; }

.form #table_list thead {
  font-weight: 600; }

.form table#table_list td,
.form table#table_list th {
  text-align: left;
  padding: 10px 20px;
  border: 0; }

.form table#table_list th {
  padding-top: 0;
  padding-bottom: 15px; }

.form table#table_list tbody tr td {
  transition-duration: 0.3s; }
.form table#table_list tbody tr:nth-of-type(odd) td {
  background-color: rgba(0, 63, 255, 0.05); }

.form table#table_list tbody tr:nth-of-type(odd):hover td {
  background-color: rgba(0, 63, 255, 0.1); }

.form table#table_list tbody tr:nth-of-type(even) td {
  background-color: #FAFAFA; }

.form table#table_list tbody tr:nth-of-type(even):hover td {
  background-color: #EEE; }

.form table#table_list thead tr th:last-of-type {
  text-align: right; }

.form table#table_list tbody {
  font-size: 0.9rem;
  font-weight: 400; }

.form table#table_list tbody tr td:first-of-type {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px; }

.form table#table_list tbody tr td:last-of-type {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px; }

.form table#table_list tbody tr td {
  vertical-align: middle; }
table.dataTable{border-spacing: 0 5px !important;}

.form .card-header{
  background-color: white;
  border-bottom: 0;
}
.form .round {
  border-radius: 100%;
  color: white;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.7rem;
  font-weight: 600; }
.form label,
#table_list_info {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.8rem;
    color: rgba(0, 0, 0, 0.4);
    margin-bottom: 5px;
}
.form input:not([type="radio"]) {
    border: 1px solid #D8D9DF;
    margin-left: 1px;
    height: 40px;
    border-radius: 45px;
    padding: 0 15px;
    width: 100%;
    font-size: 0.95rem;
}

.form #color {
 padding: 0;
 overflow: hidden;
}
.form .form-control:focus{
  box-shadow: 0 0 0 0;
}
.form .add_user,
.form .add_profile,
.form .add_customer,
.form .add_provider{
  margin-left: auto;
  color: white;
  background-color: #003FFF;
  border:0;
  margin-top: 15px;
  padding: 7px 11px;
  border-radius: 20px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.85rem;
  border: 2px solid #033FFF;
  transition-duration: 0.3s;
}
.form .add_user:hover,
.form .add_profile:hover,
.form .add_customer:hover,
.form .add_provider:hover{
  background-color: white;
  color: #003FFF;
}
.form .input-group-text {
    padding-left: 14px;
    border-top-left-radius: 45px;
    border-bottom-left-radius: 45px;
    font-size: 0.95rem;
    height: 40px;
}
.form .input-group-prepend > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.form .custom-file-label::after {
    height: auto;
    content: '';
    border-top-right-radius: 45px;
    border-bottom-right-radius: 45px;
    width: 40px;
    background-image: url('../img/attach-gray.svg');
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
}

.form .custom-file input,
.form .custom-file-label {
    border: 1px solid #D8D9DF;
    height: 40px;
    border-radius: 45px;
    padding: 0 15px;
    width: 100%;
    font-size: 0.95rem;
}
.form .custom-file-label {
  text-transform: unset;
  color: #495057;
  line-height: 2.5;
}
.form .custom-select{
  border-radius: 45px;
}

#userFormModal .modal-header,
#userFormModal .modal-body,
#profileFormModal .modal-header,
#profileFormModal .modal-body,
#profileFormModal .modal-header,
#profileFormModal .modal-body,
#customerFormModal .modal-header,
#customerFormModal .modal-body,
#providerFormModal .modal-header,
#providerFormModal .modal-body{
  padding-left: 25px;
  padding-right: 25px;
}
#userFormModal .modal-footer button,
#profileFormModal .modal-footer button,
#customerFormModal .modal-footer button,
#providerFormModal .modal-footer button,
.form input[type="submit"],
.form #btn_save,
.form .chiudi_lista,
.form .add_contact{
    background-color: rgba(0, 63, 255, 0.05);
    border-color: #003FFF;
    color: #003FFF;
    border-radius: 45px;
    padding: 7px 35px;
    transition-duration: 0.3s;
}
#userFormModal button.btn-secondary,
#profileFormModal button.btn-secondary,
#customerFormModal button.btn-secondary,
#providerFormModal button.btn-secondary,
.form input[type="reset"],
.form input.indietro,
.form .chiudi_lista{
    border-color: #6E6C6C;
    color: #6E6C6C;
    background-color: rgba(110, 108, 108, 0.05);
    transition-duration: 0.3s;
}
#userFormModal .modal-footer button:hover,
#profileFormModal .modal-footer button:hover,
#customerFormModal .modal-footer button:hover,
#providerFormModal .modal-footer button:hover,
.form input[type="submit"]:hover,
.form #btn_save:hover,
.form .add_contact:hover{
    color: white;
    background-color: #003FFF;
}
#userFormModal button.btn-secondary:hover,
#profileFormModal button.btn-secondary:hover,
#customerFormModal button.btn-secondary:hover,
#providerFormModal button.btn-secondary:hover,
.form input[type="reset"]:hover,
.form input.indietro:hover{
    background-color: #6E6C6C;
    color: white !important;
}
#userFormModal .d-flex.mt-3 input{
  display: none;
}
.form .add_contact{
  border: 1px solid #003FFF;
}
.form input[type="reset"],
.form input[type="submit"],
.form input.indietro,
.form #btn_save{
  max-width: max-content;
}
.form input[type="reset"],
.form input.indietro,
.form .chiudi_lista {
  padding-left: 35px;
  padding-right: 35px;
  margin-right: 8px;
}
.form .chiudi_lista{
  height: 40px;
  border-width: 1px;
}

.paginate_button.page-item.active .page-link{
  background-color: #003FFF;
  color: white !important;
}
.page-link:focus{
  box-shadow: 0 0 0 0;
}
.form h1{
  font-size: 1.8rem;
  font-weight: 200;
  padding-top: 10px;
}
.form .alert{
  position: fixed;
  bottom: 5px;
  z-index: 9999;
  width: calc(100% - 120px);
  font-size: 0.95rem;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.15);
  line-height: 1.2;
  display: none;
}
.form .alert strong{
  font-weight: 700;
}
.form .alert .close span{
  display: block;
  position: relative;
  top: -5px;
}
.form .accessright{
  color:#495057;
  font-size: 1.05rem;
}
.form .tipologia_accessright{
  padding-top: 10px;
  padding-bottom: 10px;
}
.form .tipologia_accessright .custom-control{
  margin-right: 15px;
}
.form .tipologia_accessright .custom-control-label{
  text-transform: unset;
  color: #495057;
  font-weight: 400;
  line-height: 1.6;
  font-size: 0.95rem;
}


.form .form-control[readonly]{
  background-color: #e9ecef !important;
}

.form #formUser.inner{
  max-width: 1100px;
  margin: 0 auto;
}




.form .tiles .card {
  width: calc(100% / 5);
  border: 0;
  padding: 15px;
  background-color: unset;
  opacity: 0; }

.form .tiles .card:after {
  content: ' ';
  padding-top: 100%;
  display: table; }

.form .tiles .card .card-body {
  min-height: 100%;
  max-height: 100%;
  border: 1px solid #D8D9DF;
  border-radius: 5px;
  background-color: white;
  display: flex;
  align-items: center;
  transition-duration: 0.3s; }

.form .tiles .card .card-body a {
  color: #6E6C6C;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

.form .tiles .card .card-body a:hover {
  text-decoration: none; }

.form .tiles .card .card-body:hover {
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.15); }

.form .tiles .card .card-body h2 {
  font-size: 1.6rem;
  font-weight: 500;
  text-transform: capitalize;
  text-align: center;
  font-weight: 200; }

.form .tiles .card .round {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center; }

.form .tiles .card .round img {
  width: 27px;
  height: 27px;
  min-width: 27px;
  min-height: 27px; }

.form .tiles .card.users .card-body .round {
  background-color: rgba(46, 118, 197, 0.2);
}
.form .tiles .card.users_profiles .card-body .round {
  background-color: rgba(85, 192, 228, 0.2);
}
.form .tiles .card.customer .card-body .round {
  background-color: rgba(58, 201, 59, 0.2);
}
.form .tiles .card.provider .card-body .round {
  background-color: rgba(58, 201, 59, 0.2);
}


/*RESPONSIVE*/
@media (max-width: 1299.98px) {
  .form .tiles .card {
    width: calc(100% / 4); } }

@media (max-width: 1049.98px) {
  .form .tiles .card {
    width: calc(100% / 3); } }

@media (max-width: 699.98px) {
  .form .tiles .card {
    width: calc(100% / 2); } }

@media (max-width: 575.98px){
  .form{
    width: 100%;
    left: 0;
    padding: 5px;
    padding-top: 20px;
    padding-bottom: 120px;
    top: 65px;
  }
}

@media (max-width: 499.98px) {
  .form .tiles .card {
    width: 100%;
    height: 200px !important; } }



select{
  font-family: 'Muli', sans-serif;
}