:root {
  --BASE-1: rgb(0, 131, 62);
  --BASE-1-7: rgba(0, 131, 62, .7);
  --BASE-2: rgb(198, 198, 198);
  --BASE-3: rgb(156, 158, 159);
  --BASE-3-8: rgba(255, 203, 0, .8);
  --BASE-3-6: rgba(255, 203, 0, .6);
  --BASE-4: rgb(0, 83, 159);
  --BASE-5: rgb(0, 149, 221);
  --BASE-6: rgb(51, 30, 84);
  --BASE-7: rgb(0, 33, 71);
  --BASE-1-TEXT: rgb(36, 36, 36);
  --BASE-1-LIGTH: rgb(66, 66, 66);
  --BASE-1-DARK: rgb(26, 26, 26);
}

/* .row:before,.row:after {display: none !important;} X SAFARI */

@keyframes autofill {
  to {
    color: #666;
    background: transparent;
  }
}

input:-webkit-autofill {
  -webkit-animation-name: autofill;
  animation-name: autofill;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* Elimina gli outline dai campi */

textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, [type=text].form-control:focus, [type=password].form-control:focus, [type=email].form-control:focus, [type=tel].form-control:focus, [contenteditable].form-control:focus, .btn:focus {
  box-shadow: inset 0 -1px 0 #ddd;
  outline: none;
  outline-offset: -2px;
}

/* PRELOAD */

#preloader {
  z-index: 99999999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: var(--BASE-1-7);
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: var(--BASE-1-7);
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}

#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: var(--BASE-1);
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

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

/* TEXT */

.text-default, .text-base-1 {color: var(--BASE-1) !important;}
.text-base-2 {color: var(--BASE-2);}
.text-base-3 {color: var(--BASE-3) !important;}
.text-base-4 {color: var(--BASE-4) !important;}
.text-base-5 {color: var(--BASE-5) !important;}
.text-base-6 {color: var(--BASE-6) !important;}
.text-base-7 {color: var(--BASE-7) !important;}
.text-base-white {color: #fff !important;}
.text-dark {color: var(--BASE-1-DARK) !important;}

.bg-default-1, .bg-base-1{background-color:var(--BASE-1);}
.bg-default-2, .bg-base-2{background-color:var(--BASE-2);}
.bg-default-3, .bg-base-3{background-color:var(--BASE-3);}

.btn-base-1{background-color:var(--BASE-1);color:#fff;font-weight: 600;}
.btn-base-1:hover{background-color:var(--BASE-3);color:#fff;font-weight: 600;}
.btn-base-2{background-color:var(--BASE-2);}
.btn-base-3{background-color:var(--BASE-3);}
.btn-base-4{background-color:#fff; color:var(--BASE-1);font-weight: 600;}
.btn-base-4:hover{background-color:var(--BASE-2);color:var(--BASE-1);}
.u {text-decoration: underline !important;}

/* CERCHI */

.circle-80 {
  border-radius: 200px;
  width: 80px;
  height: 80px;
  text-align: center !important;
  padding: 5px !important;
  margin-top: -5px;
}

.circle-60 {
  border-radius: 200px;
  width: 60px;
  height: 60px;
  text-align: center !important;
  padding: 5px !important;
  margin-top: -5px;
}

.circle-40 {
  border-radius: 200px;
  width: 40px;
  height: 40px;
  text-align: center !important;
  padding: 5px !important;
  margin-top: -1px;
}

.circle-30 {
  border-radius: 200px;
  width: 30px;
  height: 30px;
  text-align: center !important;
  padding: 5px !important;
  margin-top: -1px;
}

.circle-25 {
  border-radius: 200px;
  width: 25px;
  height: 25px;
  text-align: center !important;
  padding: 5px !important;
  margin-top: -5px;
}

/* CURSOR */

.cursor-move {
  cursor: move !important;
}

.cursor-help {
  cursor: help !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-zoomin {
  cursor: url('/media/static/image/zoom.ico'), auto !important;
}

/* ROW TEXT */

.one_row {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

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

.three_row {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* RESET */

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

li::marker {
  unicode-bidi: none;
  font-variant-numeric: unset;
  text-transform: none;
}

/* TEXT-SHADOW */

.text-shadow-sm {
  text-shadow: 1px 1px 2px rgba(120, 120, 120, 1);
}

.text-shadow {
  text-shadow: 2px 1px 2px rgba(120, 120, 120, 1);
}

.text-shadow-lg {
  text-shadow: 3px 1px 2px rgba(120, 120, 120, 1);
}

/* BLINK */

.blink_me {
  animation: blinker 1s linear;
  animation-iteration-count: 3;
}

@keyframes blinker {
  50% {
    opacity: 0.3;
  }
}

/* TRASPARENZA */

.opacity-9 {
  opacity: 0.9 !important;
}

.opacity-8 {
  opacity: 0.8 !important;
}

.opacity-7 {
  opacity: 0.7 !important;
}

.opacity-6 {
  opacity: 0.6 !important;
}

.opacity-5 {
  opacity: 0.5 !important;
}

.opacity-4 {
  opacity: 0.4 !important;
}

.opacity-3 {
  opacity: 0.3 !important;
}

.opacity-2 {
  opacity: 0.2 !important;
}

.opacity-1 {
  opacity: 0.1 !important;
}

.opacity-0 {
  opacity: 0 !important;
}

[data-background-async] {
  display: block;
}

.rotate-1 {
  transform: rotate(1deg);
}

.rotate-2 {
  transform: rotate(2deg);
}

.rotate-3 {
  transform: rotate(3deg);
}

.rotate-4 {
  transform: rotate(4deg);
}

.rotate-5 {
  transform: rotate(5deg);
}

.rotate--1 {
  transform: rotate(-1deg);
}

.rotate--2 {
  transform: rotate(-2deg);
}

.rotate--3 {
  transform: rotate(-3deg);
}

.rotate--4 {
  transform: rotate(-4deg);
}

.rotate--5 {
  transform: rotate(-5deg);
}

.fit-initial {
  object-fit: initial;
}

.fit-contain {
  object-fit: contain;
}

.fit-cover {
  object-fit: cover;
}

.fit-scale-down {
  object-fit: scale-down;
}

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

.text-justify {
  text-align: justify !important;
  text-justify: inter-word !important;
}

.fs-6{font-size:18px;}.fs-7{font-size:16px;}.fs-8{font-size:14px;}.fs-9{font-size:12px;}.fs-10{font-size:10px;}
.fw-1{font-weight: 100;}.fw-2{font-weight: 200;}.fw-3{font-weight: 300;}.fw-5{font-weight: 500;}.fw-6{font-weight: 600;}.fw-7{font-weight: 700;}.fw-8{font-weight: 800;}
/* HEADER */

#header {background-color: var(--BASE-5);}
#header .logos {width: 65px;margin-top: 20px;border: 4px solid #fff;}
.toggle-sidebar-btn{margin-left:30px;}
.header .toggle-sidebar-btn{color:#fff;font-size:40px;}
.header .search-bar-toggle{color:#fff;}
.header-nav .nav-icon{color: #fff;}
.header-nav .nav-profile{color: #fff;}

/* ************* GENERALE ****************** */
body{background-image: url('../../images/bg.svg');background-position: top center;background-repeat: no-repeat;background-size: contain;}
a{color:var(--BASE-1);text-decoration: underline;}
a:hover, a:link{color:var(--BASE-1-7);}
.no-decoration{text-decoration: none !important;}
/* ************* BODY ********************** */
/* LOGIN */
.register{padding-top:10px;}

/* INTESTAZIONE */
.intestazione{background-color:var(--BASE-1);padding:20px;padding-right:60px;}
.intestazione img{width: 310px;}
/* TITLE */
.line-height-39{line-height: 39px;}
/* BOX */
.square-all{border-radius: 0px;}
/* SLIDE */
.img-slide h5{color: #fff;text-shadow: 0 1px 0 #333333, 0 2px 0 #343434, 0 3px 0 rgba(68, 68, 68, 0.473);}
.img-slide p{color: #fff;text-shadow: 0 1px 0 #333333, 0 2px 0 #343434, 0 3px 0 rgba(68, 68, 68, 0.473);}
.artist{height:350px;right:0;left:0;}
/* TOOLTIP */
.tooltip-inner { background-color: #fff; box-shadow: 0px 0px 4px rgb(112, 112, 112); opacity: .9 !important;}
.tooltip-arrow{border-color: #fff;}
.tooltip.bs-tooltip-right .tooltip-arrow::before {border-right-color: #fff !important;}
.tooltip.bs-tooltip-left .tooltip-arrow::before {border-left-color: #fff !important;}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {border-bottom-color: #fff !important;}
.tooltip.bs-tooltip-top .tooltip-arrow::before {border-top-color: #fff !important;}

/* ADMIN PANEL */
.customers-card{background:#fefefe;}
.customers-card:hover{background:#efefef;}
.dashboard .customers-card .card-icon{color:#fff;background:var(--BASE-1);}
.dashboard .customers-card:hover .card-icon{background:var(--BASE-3);}
.impostazione-immagine{border-left:10px solid #f6f9ff;background-image: url('/static/image/zoom-in.svg');background-size: 35px 35px;background-position: 97% 14px;background-repeat: no-repeat;}
.impostazione-immagine img{width:250px;border:3px solid #fff;}
.breadcrumb .breadcrumb-item{font-size:20px;color:var(--BASE-3);}
.card-title{color:var(--BASE-1);font-size: 20px;font-weight: 600;}
.ddash > h6, .ddash > span{color:var(--BASE-3) !important;font-size:16px;}
.form-check-input:checked {
  background-color: var(--BASE-1);
  border-color: var(--BASE-1);
}
.tooltip-inner {
  background-color: var(--BASE-1);
  box-shadow: 0px 0px 4px #fff;
  opacity: 1 !important;
}
.tooltip.bs-tooltip-right .tooltip-arrow::before {
  border-right-color: var(--BASE-1) !important;
}
.tooltip.bs-tooltip-left .tooltip-arrow::before {
  border-left-color: var(--BASE-1) !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: var(--BASE-1) !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: var(--BASE-1) !important;
}
/* MOBILE */
@media(min-width: 1200px) {
  .ml-28{margin-left:-28px;}
}
@media(max-width: 799px) {
  .impostazione-immagine{border-left:none;border-top:10px solid #f6f9ff;}
}
@media(max-width: 1699px) {
  .ml-28{margin-left:-28px;}
  .three_row_m {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}