/* custom style for Cassa Forense website */
/* fix bootstrap css */
.row > * {
  width: auto;
}

.row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}

.q-chip {
  flex-wrap: nowrap;
}

/* footer links */

a.text-white:hover,
.list-group-footer li a:hover {
  color: #c1ebff !important;
  text-decoration: underline;
}

/* menu servizio custom per quasar */

.menu-servizio a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
  padding-right: 0.3em;
}

.menu-servizio .q-btn {
  font-size: inherit;
  font-weight: 700;
}

.menu-servizio .q-btn {
  text-transform: uppercase;
}

.menu-servizio
  span.q-btn__content.text-center.col.items-center.q-anchor--skip.justify-center.row.no-wrap.text-no-wrap
  .block {
  width: auto;
  padding: 0 0.5em;
}

.menu-servizio
  span.q-btn__content.text-center.col.items-center.q-anchor--skip.justify-center.row.no-wrap.text-no-wrap
  i.q-icon.notranslate.material-icons.q-btn-dropdown__arrow.q-btn-dropdown__arrow-container {
  width: auto;
  padding: 0;
}

.menu-servizio .q-btn-dropdown--simple * + .q-btn-dropdown__arrow {
  margin-left: 0;
}

/* footer */
.bg-extradark {
  background-color: var(--q-dark-page) !important;
}

.list-group-footer {
  list-style-type: none;
  padding: 0.5em 0;
}

.list-group-footer li {
  padding-bottom: 0.5em;
}

.list-group-footer li a,
.list-inline-item .text-white {
  color: var(--bs-white);
  text-decoration: none;
}

.nav-primary .q-btn,
.q-btn {
  text-transform: initial;
}

.nav-primary .q-btn {
  font-weight: 700;
  padding-right: 0;
}

/* background colors and gradients */
.bg-light-gradient {
  background: rgb(255, 255, 255);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(240, 252, 255, 1) 100%
  );
}

.bg-dark-gradient {
  background: rgb(92, 108, 129);
  background: linear-gradient(
    0deg,
    rgba(92, 108, 129, 1) 0%,
    rgba(2, 46, 95, 1) 100%
  );
}

.bg-celeste {
  background: #c1ebff;
}

/* leggi di più expantion panel custom */
.read-more .q-item__label {
  font-weight: bold;
}

.read-more .q-item.q-item-type.text-primary {
  padding-left: 0;
}

.read-more .q-item__section--side > .q-icon {
  color: var(--bs-primary);
}

.read-more .cursor-pointer {
  display: inline-flex;
}

/* quasar custom */
.q-chip {
  background: #f0fcff;
  border: 1px solid #82d7ff;
}

.q-btn {
  font-weight: 700;
}

.q-img__content > div {
  background: rgba(0, 98, 176, 0.7);
}

/* carousel evidenza */
.q-carousel.custom-carousel {
  height: auto;
}

.custom-carousel .q-carousel__slide {
  padding-left: 0;
}

.card-evidenza .q-card__section--horiz > div:not(:last-child) {
  border-radius: 0;
}

/* equal cards height */
.row.align-items-stretch .q-card {
  height: 100%;
}

/* area piattaforme */
.bg-piattaforme {
  background: url(/assets/js/umbracoLib/img/attivita/Piattaforme.png) center
    center no-repeat;
  background-color: #022e5f;
  object-fit: cover;
}

.row > * {
  width: auto;
}

.row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}

.q-chip {
  flex-wrap: nowrap;
}

/* footer links */

a.text-white:hover,
.list-group-footer li a:hover {
  color: #c1ebff !important;
  text-decoration: underline;
}

a.q-btn:hover .block {
  text-decoration: underline;
}

a.q-btn:hover {
  text-decoration: none !important;
}

/* menu servizio custom per quasar */

.menu-servizio a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
}

.menu-servizio .q-btn {
  font-size: inherit;
  font-weight: 700;
}

.menu-servizio .q-btn {
  text-transform: uppercase;
}

.menu-servizio
  span.q-btn__content.text-center.col.items-center.q-anchor--skip.justify-center.row.no-wrap.text-no-wrap
  .block {
  width: auto;
  padding: 0 0.5em;
}

.menu-servizio
  span.q-btn__content.text-center.col.items-center.q-anchor--skip.justify-center.row.no-wrap.text-no-wrap
  i.q-icon.notranslate.material-icons.q-btn-dropdown__arrow.q-btn-dropdown__arrow-container {
  width: auto;
  padding: 0;
}

.menu-servizio .q-btn-dropdown--simple * + .q-btn-dropdown__arrow {
  margin-left: 0;
}

/* footer */
.bg-extradark {
  background-color: var(--q-dark-page) !important;
}

.list-group-footer {
  list-style-type: none;
  padding: 0.5em 0;
}

.list-group-footer li {
  padding-bottom: 0.5em;
}

.list-group-footer li a,
.list-inline-item .text-white {
  color: var(--bs-white);
  text-decoration: none;
}

.nav-primary .q-btn,
.q-btn {
  text-transform: initial;
}

.nav-primary .q-btn {
  font-weight: 700;
  padding-right: 0;
}

/* background colors and gradients */
.bg-light-gradient {
  background: rgb(255, 255, 255);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(240, 252, 255, 1) 100%
  );
}

.bg-dark-gradient {
  background: rgb(92, 108, 129);
  background: linear-gradient(
    0deg,
    rgba(92, 108, 129, 1) 0%,
    rgba(2, 46, 95, 1) 100%
  );
}

.bg-blue-gradient {
  background: rgb(0, 98, 176);
  background: linear-gradient(
    90deg,
    rgba(0, 98, 176, 1) 0%,
    rgba(2, 46, 95, 1) 100%
  );
}

.bg-celeste {
  background: #c1ebff;
}

.bg-lightgrey {
  background: #eff2f5;
}

/* leggi di più expantion panel custom */
.read-more .q-item__label {
  font-weight: bold;
}

/* .read-more .q-item.q-item-type.text-primary {
  padding-left: 0;
} */

.read-more .q-item__section--side > .q-icon {
  color: var(--bs-primary);
}

.read-more .cursor-pointer {
  display: inline-flex;
}

/* quasar custom */
.q-chip {
  background: #f0fcff;
  border: 1px solid #82d7ff;
}

.q-btn {
  font-weight: 700;
}

.q-img__content > div {
  background: rgba(0, 98, 176, 0.7);
}

/* carousel evidenza */
.q-carousel.custom-carousel {
  height: auto;
}

.custom-carousel .q-carousel__slide {
  padding-left: 0;
}

.card-evidenza .q-card__section--horiz > div:not(:last-child) {
  border-radius: 0;
}

/* equal cards height */
.row.align-items-stretch .q-card {
  height: 100%;
}

.q-card.border-card {
  border-top: 0.3em solid #c1ebff;
  border-left: 0.07em solid #c1ebff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.card-cfnews-in-home {
  border-left: 0.07em solid #e0e0e0;
}

.q-card.border-card .q-card__actions {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.q-card.border-card.q-card-mb-3 {
  height: 100%;
  display: inline-block;
}

.q-card__section.q-card__section--horiz.row {
  margin-bottom: 0;
}

/* area piattaforme */
.bg-piattaforme {
  background: url(/assets/js/umbracoLib/img/attivita/Piattaforme.png) center
    center no-repeat;
  background-color: #022e5f;
  object-fit: cover;
}

/* custom cards */
.q-card.my-card.info-card {
  border: 0.1em solid #82d7ff;
}

.q-card.my-card.info-card .info-card-icon {
  padding: 0.5em;
  background-color: #82d7ff;
  border-radius: 0;
  height: 100%;
}

.card-approfondimenti {
  min-height: 22em;
}

/* btn section contatti */
.btn-icon-right .q-btn__content {
  justify-content: normal;
}

.btn-icon-right .q-icon {
  margin-right: 0;
  margin-left: auto;
}

.input-newsletter .q-field__control {
  padding-right: 0;
}

.btn-input {
  margin-left: auto;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-input .block {
  padding: 0 1.4em;
}

/* list-group & list-group icons */

ul.list-group,
ul.list-group-icon {
  list-style-type: none;
  padding-left: 0;
}

ul.list-group li,
ul.list-group-icon li {
  padding: 0.4em 0;
}

ul.list-group li,
ul.list-group-icon li a {
  position: relative;
}

ul.list-group li,
ul.list-group-icon li a .icon {
  position: absolute;
  top: 0.6em;
}

ul.list-group li,
ul.list-group-icon li a .text {
  display: block;
  padding-left: 1.8em;
}

ul.list-style-none {
  padding-left: 0;
  list-style-type: none;
}

/* card approfondimenti */
.bg-gradient-darkblue {
  background: rgb(2, 46, 95);
  background: linear-gradient(
    90deg,
    rgba(2, 46, 95, 1) 0%,
    rgba(0, 98, 176, 1) 100%
  );
}

.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.min-h-22em {
  min-height: 22em;
}

.q-chip__icon--remove {
  margin-top: -0.2em !important;
}

.sub-category-convenzioni {
  color: var(--bs-primary);
  text-transform: uppercase;
}

ol.ordered-list {
  list-style: none;
  counter-reset: my-awesome-counter;
  padding-left: 0;
}

ol.ordered-list li {
  counter-increment: my-awesome-counter;
}

ol.ordered-list li::before {
  content: counter(my-awesome-counter) ". ";
  color: var(--bs-primary);
  font-weight: bold;
}

.figure-rounded img {
  background-size: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

/* aside menu custom */
nav.aside-menu h3,
nav.aside-menu h3 a {
  color: var(--bs-secondary);
  font-size: 1.2em;
  text-decoration: none;
  text-transform: uppercase;
}

nav.aside-menu h3 {
  padding: 0.2em 0;
  border-bottom: 0.2em solid #2889d6;
}

nav.aside-menu a {
  text-decoration: none;
  font-weight: 700;
}

/* breadcrumbs custom */
.q-breadcrumbs a.q-link {
  font-weight: 700;
}

.q-breadcrumbs a.q-link:hover {
  text-decoration: underline;
}

.border-lightblue {
  border-color: #c1ebff !important;
}

ol.anchor-list {
  font-size: 1.2em;
  color: var(--bs-primary);
  font-weight: bold;
}

ol.anchor-list li {
  font-size: 1em;
}

.q-card.no-shadow.bg-transparent .q-tab-panels {
  background: transparent;
}

.q-card.no-shadow.bg-transparent .q-tab-panels .q-item__label,
.q-card.no-shadow.bg-transparent .q-tab__label {
  font-weight: 700;
}

.q-card.no-shadow.bg-transparent .q-tab__label {
  font-size: 1.3em;
}

.title-card-icon {
  display: flex;
  width: 100%;
}

.title-card-icon .bg-celeste,
.title-card-icon .bg-primary {
  margin-left: auto;
  width: 4em;
}

.btn-group-custom .q-btn.q-btn-item {
  padding: 0.5em 1em !important;
}

nav.anchor-menu ul li {
  display: inline-block;
}

h3 {
  font-size: 1.2em;
}

.titolo-menu-cfnews {
  color: white;
  font-size: medium;
  font-weight: 300;
}

ol > li {
  margin-bottom: -0.8em;
}

ol {
  display: block;
  list-style-type: none;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: -15px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
}

ol > li {
  margin-bottom: 0.20000000000000018em;
}

.card-full-heigth {
  height: 100%;
}

.card-argomento {
  display: flex;
  background-image: linear-gradient(
    to top,
    rgb(87, 104, 127),
    rgb(76, 96, 123),
    rgb(65, 88, 119),
    rgb(53, 81, 114),
    rgb(41, 73, 110)
  );
  flex-wrap: nowrap;
  justify-content: center;
  padding: 5%;
  margin-bottom: 50px;
}

.div-contenitore-botton-in-basso {
  display: flex;
  flex-direction: column;

  height: 100%;
}

.btn-in-basso {
  margin-top: auto;
  justify-content: flex-end;
  align-items: flex-start;
}

.bandi-righe-bottom {
  border-bottom: #2889d6 1px solid;
  margin-left: 20px;
  margin-right: 20px;
}

.bandi-righe-ultimo {
  margin-left: 20px;
  margin-right: 20px;
}

.headerPaginaBandi {
  color: #022e5f;
  padding: 10px;
  margin-bottom: 20px;
}

.titolo-bando {
  color: #0062b0;
  font-size: 1.5em;
  font-weight: 700;
}

#q-app
  > div
  > div
  > main
  > div.container.py-4
  > div
  > div
  > div.container
  > div:nth-child(n + 2) {
  margin-top: 40px;
}

.intestazioneBando {
  color: #022e5f;
  font-size: 1.2em;
  font-weight: 400;
}

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  -webkit-box-orient: vertical;
}

.text-overflow-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.colonna-allineata {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.prima-colonna-allineata-cfnews {
  padding-bottom: 40px;
}

.accordion-top {
  border-top: 2px solid blue;
}

.accordion-contenitore {
  background-color: white;
  /* box-shadow: 10px 13px 16px #00000029; */
  display: flex;
  /* height: 252px; */
  /* left: 0; */
  /* top: 0; */
  flex-wrap: wrap;
  flex-direction: row;
  align-content: space-around;
  /* justify-content: space-around; */
  align-items: center;
}

.accordion-card {
  align-items: flex-start;
  background-color: white;
  border: 1px solid;
  border-color: #022e5f;
  border-radius: 6px;
  box-shadow: 3px 3px 6px #00000029;
  display: flex;
  /* left: 392px; */
  /* min-width: 359px; */
  /* padding: 20px; */
  margin-left: 35px;
  margin-bottom: 30px;
  /* max-height: 70px; */
  /* position: absolute; */
  /* top: 118px; */
  /* flex-wrap: wrap;*/
}

.testo-accordion {
  color: black;
  font-weight: 600;
}

ul.no-bullets {
  list-style-type: none;
}

.ricerca-avanzata-not-found {
  display: inline-block;
  margin: 0 0.5rem;

  animation: heartBeat;
  animation-duration: 2s;
}

.titolo-sliders {
  font-size: medium;
  font-weight: 600;
}

.riga-ricerca {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.ricerca-anno {
  margin-left: 10px;
}

.ricerca-bottone {
  margin-left: 10px;
}

div.q-carousel__slides-container .q-chip__content {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.titolo-leggi-di-piu {
  font-size: medium;
  font-weight: 600;
}

.leggi-di-piu-cfrisponde {
  font-size: 0.87em;
  font-weight: 600;
}

.intestazione-home {
  margin-top: 15px;
  border-top: 1px solid #0000001f;
  border-left: 1px solid #0000001f;
  border-right: 1px solid #0000001f;
  border-bottom: none;
  margin-bottom: -30px;
  position: relative;
  z-index: 9999;
}

.blocco-cfnews-home {
  border-top: none;
}

.blocco-ultimissime-home {
  border-top: none;
  border-left: 1px solid #0000001f;
  /* border-right: 1px solid #0000001f;
  border-bottom: 1px solid #0000001f;  */
}
.container-border-color-no-top {
  border-left: 1px solid #cfdce6 !important;
  border-bottom: 1px solid #cfdce6 !important;
  border-right: 1px solid #cfdce6 !important;
  box-shadow: 3px 3px 6px #00000029;
}

.padding-scheda-tab {
  padding-left: 2em;
  padding-top: 0.5em;
}

.padding-left-1em {
  padding-left: 1em;
}

.head-grey {
  color: #5c6c81;
  font-family: "PT Sans", Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

.border-card-piattaforma-web {
  border-top: 0.3em solid #c1ebff !important;
  /* border-left: 0.07em solid #c1ebff; */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.approfontimenti-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}

.approfondimenti-bottone {
  margin-top: auto;
}

.label-ricerche {
  color: #2477b9;
  margin-left: 6px;
  font-weight: 700;
}

.titolo-card-news {
  font-size: medium;
  font-weight: 600;
}

.card-news {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
}

.bottone-card-news {
  margin-top: auto;
}

.hand {
  cursor: pointer;
}

.no-hand {
  cursor: default;
}

div.q-chip__content {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.card-unisalute {
  border-top: 0.3em solid #c1ebff !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  margin-left: auto;
  background-color: #f9f9fa;
}

.m-top-negative {
  margin-top: -15px;
  background-color: #f9f9fa;
}

.ordinamento-ricerca {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.card-ultime-notizie {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-end;
  height: 100%;
}

.titolo-news-cfinforma {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4; /* number of lines to show */
  line-clamp: 4;
  -webkit-box-orient: vertical;
  height: auto;
}

#ImageSegnalazione {
  width: 154px;
  padding: 20px;
  font-weight: 400;
  height: 70px;
  -webkit-user-select: none;
  user-select: none;
  text-decoration: line-through;
  font-style: italic;
  font-size: x-large;
  border: red 2px solid;
  margin-left: 20px;
}

/* .mod__condizioni {
  border: 1px solid #000
} */

.mod__hd {
  padding: 20px 0;
}

.mod__hd p {
  margin: 0;
  padding: 0;
}

.mod__title {
  margin: 0;
}

.mod__title + p {
  margin-top: 10px;
}

.item__list {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0 10px;
}

.c-list {
  overflow: hidden;
  padding: 0;
}

.c-list__convenzione-vantaggi .list__title {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0;
  padding: 10px 10px 10px 0px;
}

/* .c-list__convenzione-vantaggi .list__title:before {
  content: "#";
  color: #fff;
  text-align: center;
  float: left;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50px;
  line-height: 50px;
  min-height: 50px;
  height: auto !important;
  height: 50px;
  margin-right: 10px;
  border-right: 1px solid #fff;
} */

.list__convenzione-vantaggi {
  margin-top: 0;
}

.e-content .list__convenzione-vantaggi {
  padding-left: 0;
}

.list__convenzione-vantaggi .item__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}

.list__convenzione-vantaggi .item__list:nth-child(odd) {
  background: #f0f3f4;
}

.list__convenzione-vantaggi .item__list strong {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 50px;
  flex: 1 0 50px;
  text-align: center;
  float: left;
  max-width: 50px;
  line-height: 50px;
  min-height: 50px;
  height: auto !important;
  height: 50px;
  margin-right: 10px;
  border-right: 1px solid #fff;
}

.list__convenzione-vantaggi .item__list strong + span {
  display: block;
  overflow: hidden;
  padding: 10px 0;
}

.mod__note ul {
  padding-left: 20px;
}

.mod__note ul > li {
  background: url(img/icon_list.png) no-repeat 0 8px;
  padding-left: 15px;
  margin: 10px 0;
}

#trasparenza .q-card {
  box-shadow: none !important;
}

#trasparenza .q-icon {
  color: #0062b0 !important;
}

#trasparenza .q-item__label {
  color: #0062b0 !important;
  font-weight: 700;
}

/* #trasparenza .q-expansion-item__container .q-item.q-item--clickableq-link.cursor-pointer {
  color: #0062b0 !important;
  font-weight: 700;
  border-bottom: 1px solid #0062b0 !important;
} */

#trasparenza
  .q-item.q-item-type.row.no-wrap.q-item--clickable.q-link.cursor-pointer.q-focusable.q-hoverable.text-primary {
  color: #0062b0 !important;
  font-weight: 700;
  border-bottom: 1px solid #c1d9eb !important;
}

mark {
  background: yellow;
  color: black;
}

.indice-regolamento {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  align-content: space-between;
  justify-content: space-between;
}

.indice-regolamento-generico {
  display: flex;
  flex-direction: column;
}

#indiceRegolamento .q-card {
  box-shadow: none !important;
}

#indiceRegolamento .q-icon {
  color: #0062b0 !important;
}

#indiceRegolamento .q-item__label {
  color: #0062b0 !important;
  font-weight: 700;
}

#indiceRegolamento
  .q-item.q-item-type.row.no-wrap.q-item--clickable.q-link.cursor-pointer.q-focusable.q-hoverable.text-primary {
  color: #0062b0 !important;
  font-weight: 700;
  border-bottom: 1px solid #c1d9eb !important;
}

.gruppo-cfnews {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}

.img_dettaglio_convenzioni{
  height: auto;
}

.iframe-container {
  position: relative;
  height: 100%;
  min-height: 100vh;
  iframe {
    height: 100%;
    width: 100%;    
    left: 0;
    top: 0;
    position: absolute;
    overflow: hidden;
    ::-webkit-scrollbar {
      display: none;
    }
    body,html {
      height: 100%;
      overflow: hidden;
      background: transparent;
    }
  }
}

iframe {
  width: 100%;
  height: 100vh;
}

.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  visibility: hidden;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}