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

.spinner {
  animation: anim-rotate 2s infinite linear; }

.themeSelector {
  cursor: pointer;
  border: 0.3rem solid #f7f7f9;
  width: 3rem;
  height: 3rem;
  border-radius: 0.5rem;
  margin: 0.5rem;
  display: inline-block; }

.themeSelector#blue {
  background-color: #30328b; }

.themeSelector#pink {
  background-color: #8B3048; }

.themeSelector#green {
  background-color: #308b32; }

.themeSelector#red {
  background-color: #8d1c1c; }

.themeSelector#default {
  background-color: #222222; }

/* BOOTSTRAP DEFAULTS OVERRIDE */
html {
  font-size: 12px; }

body {
  background-color: #E6E9ED;
  background-image: url("../Media/noize.png");
  background-repeat: repeat; }

table.v-middle td, table.v-middle th {
  vertical-align: middle; }
  table.v-middle td p, table.v-middle th p {
    margin: 0; }

/*&.flex-vertical { //add vertical align to element with height set
    display: flex;
    align-items: center;

    &.text-left {
        justify-content: flex-start !important;
    }

    &.text-center {
        justify-content: center !important;
    }

    &.text-right {
        justify-content: flex-end !important;
    }
}*/
.card-pct-100 {
  max-width: calc(100% - 1.25rem);
  width: calc(100% - 1.25rem); }

.card-pct-75 {
  max-width: calc(75% - 1.25rem);
  width: calc(75% - 1.25rem); }

.card-pct-50 {
  max-width: calc(50% - 1.25rem);
  width: calc(50% - 1.25rem); }

.card-pct-25 {
  max-width: calc(25% - 1.25rem);
  width: calc(25% - 1.25rem); }

.card {
  overflow: auto;
  color: #434A54;
  background-color: #F5F7FA; }

.card-header {
  color: #434A54;
  background-color: #CCD1D9 !important; }

.cell-pct-5 {
  width: 5%;
  max-width: 5%;
  min-width: 5%;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.cell-pct-10 {
  width: 10%;
  max-width: 10%;
  min-width: 10%;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.cell-pct-15 {
  width: 15%;
  max-width: 15%;
  min-width: 15%;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.cell-pct-20 {
  width: 20%;
  max-width: 20%;
  min-width: 20%;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.cell-pct-25 {
  width: 25%;
  max-width: 25%;
  min-width: 25%;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.cell-pct-30 {
  width: 30%;
  max-width: 30%;
  min-width: 30%;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.cell-pct-35 {
  width: 35%;
  max-width: 35%;
  min-width: 35%;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.cell-pct-40 {
  width: 40%;
  max-width: 40%;
  min-width: 40%;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.cell-pct-45 {
  width: 45%;
  max-width: 45%;
  min-width: 45%;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.cell-pct-50 {
  width: 50%;
  max-width: 50%;
  min-width: 50%;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.cell-pct-55 {
  width: 55%;
  max-width: 55%;
  min-width: 55%;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.cell-pct-60 {
  width: 60%;
  max-width: 60%;
  min-width: 60%;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.cell-pct-65 {
  width: 65%;
  max-width: 65%;
  min-width: 65%;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.cell-pct-70 {
  width: 70%;
  max-width: 70%;
  min-width: 70%;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.cell-pct-75 {
  width: 75%;
  max-width: 75%;
  min-width: 75%;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.cell-pct-80 {
  width: 80%;
  max-width: 80%;
  min-width: 80%;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.cell-pct-85 {
  width: 85%;
  max-width: 85%;
  min-width: 85%;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.cell-pct-90 {
  width: 90%;
  max-width: 90%;
  min-width: 90%;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.cell-pct-95 {
  width: 95%;
  max-width: 95%;
  min-width: 95%;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.table {
  table-layout: fixed;
  overflow: hidden; }
  .table.half-vh {
    height: 100px;
    max-height: 100px; }
    .table.half-vh tbody {
      overflow: auto; }

.cell-fixed {
  max-width: 5px !important;
  min-width: 5px !important; }

/*fontsize*/
.x150 {
  font-size: 1.5rem; }

.x200 {
  font-size: 2rem; }

.point {
  cursor: pointer; }

.select2-container {
  width: 100% !important;
  max-width: 500px;
  padding: 0; }

.select2-selection__choice {
  color: #434A54 !important;
  margin: 3px 0 0 3px !important;
  width: 80% !important;
  background-color: #E6E9ED !important;
  border: 1px solid #E6E9ED !important; }

.select2-results__option[aria-selected=true] {
  color: #434A54 !important; }

.select2-results__option--highlighted[aria-selected] {
  background-color: #E6E9ED !important;
  color: #434A54 !important; }

.input-group-addon {
  display: table-cell; }

.table-hover tbody tr:hover {
  background-color: #E6E9ED; }

#head-bar.fixed-headbar {
  z-index: 100;
  position: fixed;
  width: 100vw; }

#head-bar .row {
  background-color: #434A54;
  color: #f7f7f9; }
  #head-bar .row .logo-div {
    background-color: #434A54;
    min-height: calc(1rem * 5);
    max-height: calc(1rem * 5);
    height: calc(1rem * 5);
    width: 15vw; }
    #head-bar .row .logo-div img {
      width: 90%; }
  #head-bar .row .menu-div {
    width: 70vw; }
    #head-bar .row .menu-div a {
      color: #eceeef;
      text-decoration: none;
      margin-left: 1rem;
      font-size: 2rem; }
      #head-bar .row .menu-div a:hover, #head-bar .row .menu-div a:visited, #head-bar .row .menu-div a:focus, #head-bar .row .menu-div a:active {
        color: #b8b8b8; }
  #head-bar .row .user-div {
    width: 15vw;
    padding-top: 10px; }
    #head-bar .row .user-div .dropdown-toggle:hover {
      color: #f0ad4e; }
    #head-bar .row .user-div .dropdown-toggle:after {
      border: 0; }

#side-bar {
  transition-timing-function: ease-in;
  transition: all .5s;
  height: calc(100vh - 5rem);
  min-height: calc(100vh - 5rem);
  z-index: 150;
  overflow-y: auto;
  margin-top: calc(1rem * 5);
  background-color: #434A54;
  background-image: url("../Media/menu.png");
  background-position-y: bottom;
  background-position-x: left;
  background-size: contain;
  background-repeat: no-repeat;
  position: fixed;
  font-size: 1.5rem;
  color: #b8b8b8;
  width: 2.5vw;
  overflow-x: hidden; }
  #side-bar .menu-item {
    height: 1.8em;
    border-bottom: 0.1em solid #b8b8b8;
    cursor: pointer; }
    #side-bar .menu-item .col-xs-9 {
      transition-timing-function: ease-in;
      transition: all 0.2s;
      opacity: 0; }
  #side-bar .menu-item:hover {
    background-color: #eceeef;
    color: #141414; }
  #side-bar.open-menu {
    width: 15vw; }
    #side-bar.open-menu .menu-item .col-xs-9 {
      transition-timing-function: ease-in;
      transition: all 0.2s;
      opacity: 1; }

#body-box {
  transition-timing-function: ease-in;
  transition: all .5s;
  margin-top: calc(1rem * 5);
  height: calc(100vh - 5rem);
  min-height: calc(100vh - 5rem);
  overflow-y: auto;
  width: calc(100vw - 2.5vw);
  margin-left: 2.5vw; }
  #body-box.open-menu {
    width: calc(100vw - 15vw);
    margin-left: 15vw; }

button.close {
  color: #eceeef !important;
  text-shadow: 0 1px 0 #000 !important;
  opacity: 0.9 !important; }

.user-icon {
  font-size: 2em;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer; }

.table-header-row {
  min-height: 45px;
  background-color: #E6E9ED;
  padding-top: 10px;
  border-bottom: 1px groove #141414;
  margin-bottom: 10px; }

.table-row {
  min-height: 35px;
  border-bottom: 1px dashed #E6E9ED;
  margin-bottom: 5px; }
  .table-row.confirmed {
    background-color: #A0D468;
    border-bottom-color: #8CC152; }

.bb-success {
  border-left: 7px ridge #5cb85c !important;
  /*border-bottom: 1px solid $brand-success !important;*/
  color: #5cb85c !important; }

.bb-warning {
  border-left: 7px ridge #f0ad4e !important;
  /*border-bottom: 1px solid $brand-warning !important;*/
  color: #f0ad4e !important; }

.bb-info {
  border-left: 7px ridge #5bc0de !important;
  /*border-bottom: 1px solid $brand-info !important;*/
  color: #5bc0de !important; }

.bb-danger {
  border-left: 7px ridge #d9534f !important;
  /*border-bottom: 1px solid $brand-danger !important;*/
  color: #d9534f !important; }

.bb-1 {
  border-bottom: 2px solid #b8b8b8; }

.table-row:hover {
  background-color: #E6E9ED; }
  .table-row:hover.bb-success {
    background-color: #5cb85c;
    color: #f7f7f9 !important; }
  .table-row:hover.bb-warning {
    background-color: #f0ad4e;
    color: #f7f7f9 !important; }
  .table-row:hover.bb-info {
    background-color: #5bc0de;
    color: #f7f7f9 !important; }
  .table-row:hover.bb-danger {
    background-color: #d9534f;
    color: #f7f7f9 !important; }

.modal-content {
  background-color: #F5F7FA;
  border: 1px solid #f7f7f9;
  color: #434A54; }

.modal-header {
  background-color: #434A54; }

.cursor-pointer {
  cursor: pointer; }

.deletedRowColor {
  background-color: #434A54; }

.border-red {
  border-color: #d9534f !important; }

#logoImg {
  height: 66px;
  width: auto !important; }

.inline {
  display: inline; }

.uscite-input[disabled] {
  color: #f7f7f9;
  background-color: #b8b8b8;
  cursor: pointer; }

.icon-wait {
  font-size: 5em;
  margin-top: 5em; }

#pleasewait-dialog {
  padding-top: 15%; }

.hidden {
  display: none; }

.dashboard h2 {
  font-size: 3rem; }

.dashboard .money {
  background-image: url("/Media/money.png");
  background-position: 130% top;
  background-repeat: no-repeat;
  background-size: contain; }

.dashboard .card-footer {
  background-color: transparent !important; }

.user-row {
  border-left: 10px solid #434A54 !important; }
  .user-row.user-admin-row {
    border-left-color: #5cb85c !important; }
  .user-row.user-techfitness-row {
    border-left-color: #f0ad4e !important; }
  .user-row.user-deleted-row {
    border-left-color: #373a3c !important;
    color: #b8b8b8; }

.has-error {
  color: #d9534f !important; }

.help-block {
  color: #d9534f !important; }

@media only screen and (max-width: 1025px) {
  #side-bar {
    height: calc(100vh - 5rem);
    min-height: calc(100vh - 5rem);
    z-index: 150;
    overflow-y: auto;
    margin-top: calc(1rem * 5);
    font-size: 1.2rem;
    width: 40px; }
    #side-bar.open-menu {
      width: 40vw; }
  .hideOnMobile {
    display: none; } }

.modal-right .modal-dialog {
  position: absolute !important;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0; }
  .modal-right .modal-dialog .modal-content {
    position: absolute !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto; }

.modal-right.modal-full .modal-dialog {
  width: calc(100vw - 15vw) !important; }

.modal-xl {
  width: calc(100vw - 15vw) !important; }

.modal-fullscreen {
  position: absolute !important;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  width: calc(100vw) !important; }
  .modal-fullscreen .modal-content {
    position: absolute !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto; }
  .modal-fullscreen .modal-header {
    max-height: 60px; }
  .modal-fullscreen .modal-footer {
    max-height: 60px; }
  .modal-fullscreen .modal-body {
    height: calc(100vh - 120px);
    overflow-y: auto; }

.table-container {
  max-height: 45em !important;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0;
  padding: 0; }

.table-container::-webkit-scrollbar {
  width: 0px; }

.agenda {
  margin: 0;
  padding: 0; }
  .agenda tbody tr td {
    height: 4em !important;
    max-height: 4em !important;
    overflow: visible !important;
    padding: 0; }

.card-agenda {
  position: absolute !important;
  margin: 0;
  width: 98% !important;
  padding: 0.2em;
  height: 4em !important;
  overflow: visible; }

/* 15 minuti */
.ah1 {
  height: 4em !important; }

/* 30 minuti */
.ah2 {
  height: 8em !important; }

/* 45 minuti */
.ah3 {
  height: 12em !important; }

/* 60 minuti */
.ah4 {
  height: 16em !important; }

/* 75 minuti */
.ah5 {
  height: 20em !important; }

/* 90 minuti */
.ah6 {
  height: 24em !important; }

/* 120 minuti */
.ah8 {
  height: 32em !important; }

/* 180 minuti */
.ah12 {
  height: 48em !important; }

/* 240 minuti */
.ah16 {
  height: 64em !important; }

/* 300 minuti */
.ah20 {
  height: 80em !important; }

/* 360 minuti */
.ah24 {
  height: 96em !important; }

/* 420 minuti */
.ah28 {
  height: 112em !important; }

/* 480 minuti */
.ah32 {
  height: 128em !important; }

/* 540 minuti */
.ah36 {
  height: 144em !important; }

/* 600 minuti */
.ah40 {
  height: 160em !important; }

/* 660 minuti */
.ah44 {
  height: 176em !important; }

/* 720 minuti */
.ah48 {
  height: 192em !important; }

.bg-today {
  background-color: rgba(240, 173, 78, 0.4) !important; }

/*.bg-led {
    background-color: rgba(240, 173, 78, 0.4) !important;
}*/
.bg-proskin {
  color: #fff !important;
  background-color: #A64232 !important; }

.bg-prova {
  background-color: #FBE983 !important; }

.bg-laser {
  color: #fff !important;
  background-color: #9C3CE4 !important; }

/* Tooltip container */
.agendatooltip {
  position: relative;
  display: inline-block;
  height: 100%; }

/* Tooltip text */
.agendatooltip .tooltiptext {
  visibility: hidden;
  width: 350px;
  background-color: black;
  color: #fff;
  text-align: left;
  padding: 5px 2px;
  margin-top: -2em;
  margin-left: 5px;
  border-radius: 6px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 99999; }

.agendatooltip .tooltiptextleft {
  right: 105%; }

/* Show the tooltip text when you mouse over the tooltip container */
.agendatooltip:hover .tooltiptext {
  visibility: visible; }

.bt-1 {
  border-top: 2px solid #a7a7a7 !important; }

.br-1 {
  border-right: 2px solid #a7a7a7 !important; }

.bb-1 {
  border-bottom: 2px solid #a7a7a7 !important; }

.bl-1 {
  border-left: 2px solid #a7a7a7 !important; }

.bb-2 {
  border-bottom: 3px solid #a7a7a7 !important; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #e3f2f2; }