:root {
  --primary: #05445E;
  --secondary: #189AB4;
  --light: #D4F1F4;
  --dark: #05445E;
}

[data-theme=dark] {
  --primary: #1C2544;
  --secondary: #8DC33E;
  --dark: #D4F1F4;
  --image-filter: grayscale(20%);
}

.main-title{
  color: var(--primary);
}

body.index,
.modal#primaryMenu {
  background: rgb(235, 242, 255);
  background: -moz-linear-gradient(90deg, rgb(235, 242, 255) 0%, rgb(228, 250, 246) 100%);
  background: -webkit-linear-gradient(90deg, rgb(235, 242, 255) 0%, rgb(228, 250, 246) 100%);
  background-image: url("../img/texture.png"), linear-gradient(90deg, rgb(235, 242, 255) 0%, rgb(228, 250, 246) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebf2ff",endColorstr="#e4faf6",GradientType=1);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

body {
  background: rgb(228, 250, 246);
  background: -moz-linear-gradient(90deg, rgb(228, 250, 246) 0%, rgb(235, 242, 255) 100%);
  background: -webkit-linear-gradient(90deg, rgb(228, 250, 246) 0%, rgb(235, 242, 255) 100%);
  background: linear-gradient(90deg, rgb(228, 250, 246) 0%, rgb(235, 242, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e4faf6",endColorstr="#ebf2ff",GradientType=1);
}

@media (min-width: 992px) {
  body.index .site-header {
    display: none;
  }
}

.fixed-sidebar {
  z-index: 9999;
  position: fixed;
  top: 0px;
  bottom: 0;
  left: 0;
  min-height: calc(100vh - 100px);
  height: auto;
  width: 300px;
  background-color: white;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

.side-navigation {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: scroll;
}
.side-navigation__menu {
  margin: 0;
  list-style-type: none;
  /* LM */
  /* font-size: 1.125rem; */
  font-size: 1.0rem;
}
.side-navigation .side-navigation-item {
  margin-bottom: 2rem;
}
.side-navigation .side-navigation-item.has-children > .side-navigation-link {
  position: relative;
}
.side-navigation .side-navigation-item.has-children > .side-navigation-link:before {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 0px;
  top: 50%;
  transform-origin: center;
  transform: translateY(-50%) rotate(180deg);
  transition: all 0.15s linear;
  font-size: 85%;
}
.side-navigation .side-navigation-item.has-children > .side-navigation-link.collapsed:before {
  transform-origin: center;
  transform: translateY(-50%) rotate(0deg);
}
.side-navigation .side-navigation-link {
  text-decoration: none;
  color: #AEB1B2;
  display: block;
  padding: 0.75rem 0;
}
.side-navigation ul.side-submenu {
  list-style-type: none;
  margin: 0;
  /* LM */
  /* padding: 0 0 0 2rem; */
  padding: 0 0 0 0.8rem;
}
.side-navigation ul.side-submenu li a {
  text-decoration: none;
  outline: none;
  color: var(--primary);
}

/* --------------------------------------------------------------------------------------------------------------
 * Navbar custom
 --------------------------------------------------------------------------------------------------------------*/
.site-header{
  transition: all 0.3s linear;
}
.site-header.is-scrolled{
  background-color: #fff;
}

.navbar-modalBtn > button{
  width: 48px;
  height: 48px;
  padding: 0;
}

.logo {
  max-width: 280px;
}

.breadcrumbs {
  background-color: #707070;
  color: white;
}

.breadcrumbs__item {
  font-size: 0.9rem;
  font-weight: normal;
  margin: 0;
  padding: 0.5rem 1rem;
  line-height: 1;
}

body.highlights .breadcrumbs {
  background-color: #8CC63F;
  color: white;
}

body.break-even-point .breadcrumbs {
  background-color: #05445E;
  color: white;
}

.breadcrumb .breadcrumb-item a {
  opacity: 0.55;
  text-decoration: none;
  outline: none;
}

.breadcrumb .breadcrumb-item.active a,
.breadcrumb .breadcrumb-item a:hover {
  opacity: 1;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: none;
}

.content {
  padding: 8rem 5rem;
}


.wrapper-login {
  width: 100%;
  height: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wrapper-login__intro {
  padding-right: 5rem;
  height: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.wrapper-login__form {
  padding-left: 5rem;
  height: 100%;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.page-wrapper {
  display: flex;
}

.page-wrapper--dashboard {
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.page-wrapper__sidebar {
  z-index: 9999;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 240px;
  background: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  height: 100%;
  min-height: 100%;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.page-wrapper__main {
  height: 100%;
  padding: 4rem;
  width: 100%;
  margin-left: 240px;
}


.dashboard{
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.focus-link {
  font-size: 4rem;
  color: var(--testi-bottoni-light);
  text-align: center;
  color: var(--primary);
  text-decoration: none;
  transition: all 0.15s ease-in-out;
  padding: 1rem 0;
}
.focus-link:hover {
  transform: scale(1.25);
}

.most-used-action{
  background: #fff;
  padding: 1.5rem 2rem;
  height: 120px;
}
.most-used-action > a{
  padding: 1rem;
  min-width: 48px;
  min-height: 48px;
}
.most-used-action .most-used-action__icon {
  font-size: 20px;
  line-height: 1;
  color: #159AB4;
}
.most-used-action .most-used-action__text {
  font-size: 12px;
  line-height: 1;
  color: #159AB4;
}


.most-used-action.all-action{
  padding: 1.5rem 0.5rem;
}
.most-used-action.all-action > a{
  padding: 6px;
  width: 42px;
  height: 42px;
}
.most-used-action.all-action .most-used-action__icon {
  font-size: 18px;
  line-height: 1;
  color: #159AB4;
}
.most-used-action.all-action .most-used-action__text {
  font-size: 7px;
  line-height: 1;
  color: #159AB4;
}


.most-used-action .bilancio .most-used-action__icon,
.most-used-action .bilancio .most-used-action__text,
.most-used-action .forecast .most-used-action__icon,
.most-used-action .forecast .most-used-action__text{
  color: #05445E
}
.most-used-action .bep .most-used-action__icon,
.most-used-action .bep .most-used-action__text{
  color: #AEB1B2
}


/* Tabelle */
.match-table-wrapper{
  background-color: #fff;
}
.match-table tr{
  cursor: pointer;
  transition: all 0.3s linear;
}
.match-table tr:hover{
  background-color: #c3dee1;
}

.copy{
  background-color: #fff;
}

.highlights-btn{
  position: fixed;
  bottom: 90px;
  left: 50%;
  width: 120px;
  /* border: 1px solid red; */
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
  background: white;
  border-radius: 1000px;
}

.modal-header,
.modal-footer{
  border-bottom: none;
}
#secondaryMenu .modal-content{
  background-color: white;
}

[data-theme=dark] #secondaryMenu .modal-content{
  background-color: #1c2544;
}
[data-theme=dark] .btn-close{
  filter: invert(1);
}




[data-theme=dark] .site-header.is-scrolled{
  background-color: #1c2544;
}
[data-theme=dark] .navbar-nav .nav-link,
[data-theme=dark] .navbar-modalBtn > button{
  color: #b2b7c2;
}

[data-theme=dark] .navbar-dropdown .dropdown-toggle::after,
[data-theme=dark] .avatar-name{
  color: #b2b7c2;
}

[data-theme=dark] .dropdown-menu{
  background-color: #414e7b;
}

[data-theme=dark] .match-table-wrapper,
[data-theme=dark] .match-table-mobile{
  background-color: #1c2544;
}
[data-theme=dark] .match-table th, 
[data-theme=dark] .match-table td{
  color: #b2b7c2;
}

[data-theme=dark] a,
[data-theme=dark] body,
[data-theme=dark] p,
[data-theme=dark] h1, 
[data-theme=dark] h2, 
[data-theme=dark] h3, 
[data-theme=dark] h4, 
[data-theme=dark] h5, 
[data-theme=dark] h6,
[data-theme=dark] .main-title,
[data-theme=dark] .widget-title{
  color: #b2b7c2;
}

[data-theme=dark] .copy{
  background-color: #1c2544;
}









/* --------------------------------------------------------------------------------------------------------------
 * Theme Color - Dark
 --------------------------------------------------------------------------------------------------------------*/
[data-theme=dark] body.index,
[data-theme=dark] .modal#primaryMenu {
  background: rgb(28, 37, 68);
  background: -moz-linear-gradient(90deg, rgb(28, 37, 68) 0%, rgb(42, 95, 171) 100%);
  background: -webkit-linear-gradient(90deg, rgb(28, 37, 68) 0%, rgb(42, 95, 171) 100%);
  background-image: url("../img/texture-dark.png"), linear-gradient(90deg, rgb(28, 37, 68) 0%, rgb(42, 95, 171) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c2544",endColorstr="#2a5fab",GradientType=1);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

[data-theme=dark] body {
  background: rgb(28, 37, 68);
  background: -moz-linear-gradient(90deg, rgb(28, 37, 68) 0%, rgb(42, 95, 171) 100%);
  background: -webkit-linear-gradient(90deg, rgb(28, 37, 68) 0%, rgb(42, 95, 171) 100%);
  background: linear-gradient(90deg, rgb(28, 37, 68) 0%, rgb(42, 95, 171) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c2544",endColorstr="#2a5fab",GradientType=1);
}

[data-theme=dark] .btn-secondary {
  background-color: #8DC33E;
  border-color: #8DC33E;
}

[data-theme=dark] .focus-link {
  color: #FFFFFF;
}

[data-theme=dark] .page-wrapper__sidebar {
  background-color: #1C2544;
}

[data-theme=dark] .side-navigation .side-navigation-link {
  color: #AEB1B2;
}

[data-theme=dark] .side-navigation ul.side-submenu li a {
  color: #FFFFFF;
}

[data-theme=dark] .match-table-mobile{

  background-color: #c3dee1; 
}





/* --------------------------------------------------------------------------------------------------------------
 * Media Query
 --------------------------------------------------------------------------------------------------------------*/

@media (max-width: 991px) {
  .page-wrapper__main {
    margin-left: inherit;
    padding: 2rem 2rem 8rem 2rem;
  }
  .focus-link {
    font-size: 2.5rem;
  }
  
}

@media (max-width: 768px) {
  
  .logo{
    max-width: 180px;
  }
  .content {
    padding: 2rem 2rem 15rem;
  }
  .focus-link {
    font-size: 2rem;
  }
  
}



@media (max-width: 350px) {
  .focus-link {
    font-size: 1.5rem;
  }
  .most-used-action__text{
    display: none;
  }
}




@media (min-width: 991px) {
  .navbar-brand,
  .navbar-collapse,
  .navbar-settings,
  .navbar-modalBtn {
    width: 100%;
    max-width: 33.3333%;
    flex: 1;
  }
}