:root {
  --bg-color-fb: #3b5998;
  --bg-color-tw: #55acee;
  --bg-color-ig: #dd297b;
  --bg-color-yt: #FF0000;
  --bg-color-tt: #69C9D0;
  --bg-color-input: #aaa;
}


body {
  background: #f1f4f7;
  /* padding-top: 60px; */
  font-size: 14px;
  color: #444444;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

/* SIDEBAR */

#sidenav {
  height: 100%; /* Full-height: remove this if you want "auto" height */
  width: 240px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #111; /* Black */
  overflow-x: hidden; /* Disable horizontal scroll */
  box-shadow: 0px 0px 12px #aaaaaa;
}
#nav-header{
  padding:0;
  margin:0;
  width: 240px;
  height: 60px;
}

/* TUTTE LE PAGINE */
#main{
  padding-left:240px;
  width:100%;
}

/* DASHBOARD */
#panel-body-dash{
  display: flex; 
  height: 30em;
}

.panel-divisible-2{
  display: flex;
  align-items: center;
  justify-content: center;
}

#modal_wrong{
  z-index: 999999;
}
/* ----------------------------------------- */
/* DISPLAY */
.display-block{
  display: block; 
}
.display-flex{
  display: flex;
}

.flex-justify-align-center{
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

/* ----------------------------------------- */
.context-new-account{
  display: grid;
  vertical-align: middle;
  justify-content: center;
  height: 100%;
}



/* ----------------------------------------- */
/* WIDTH */
.width-40{
  width:40%;
}
.width-60{
  width:60%;
}

.width-input{
  width: 12em;
}
/* ----------------------------------------- */

textarea:focus, input:focus{
  outline: none;
}

/* ----------------------------------------- */

/* PADDING */
.padding-25{
  padding:25px;
}

.padding-20{
  padding:20px;
}

.padding-left-right-20{
  padding:0;
  padding-left:20px;
  padding-right:20px;
}

/* ACCOUNT SINGLE INFO */
#player_custom_menu{
  margin-bottom: 20px;
}


/* MENU ACCOUNT PROFILE */
.nav-account-profile{
  width:80%;
}

/* TABLE ACCOUNT PROFILE PARENT (account) */
#tablePlayersTeam td img:hover {
  visibility: visible;
}

#tablePlayersTeam tr td:nth-child(1){
  text-align: center;
}



.social-link-account-profile{
  height: 58px;
  width: 20%;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
/* ----------------------------------------- */
/* TOOLTIP ACCOUNT PROFILE (account) */
#main .tooltip-aggregato + .tooltip > .tooltip-inner{
  height: 40px !important;
}
#main .tooltip-aggregato + .tooltip > .tooltip-arrow{
  border-top-color: #444444 !important; /* black */
}

/* ----------------------------------------- */
p {
  color: #777; }

a, a:hover, a:focus {
  color: #30a5ff; }

h1, h2, h3, h4, h5, h6 {
  color: #444444; }

h1 {
  font-weight: 300;
  font-size: 40px; }

h2 {
  font-weight: 300;
  margin-bottom: 20px; }

h3, h4 {
  font-weight: 300; }

.large {
  font-size: 2em; }

.text-muted {
  color: #c5c7cc; }

.color-white {
    color: #ffffff; }
  
.color-gray {
  color: #444444; }

.color-blue {
  color: #30a5ff; }

.color-teal {
  color: #1ebfae; }

.color-orange {
  color: #ffb53e; 
}

.color-red {
  color: #f9243f; 
}

.color-fb, .color-fb:focus {
  color: var(--bg-color-fb) !important; 
}
.color-tw, .color-tw:focus {
  color: var(--bg-color-tw) !important; 
}
.color-ig, .color-ig:focus {
  color: var(--bg-color-ig) !important;
}
.color-yt, .color-yt:focus {
  color: var(--bg-color-yt) !important; 
}

.bg-color-wrong{
  background-color: #881d15;
}
.bg-color-success{
  background-color: #096b0d;
}

.no-padding {
  padding: 0;
  margin: 0; 
}

.fa-xl {
  font-size: 2em; }

input.form-control {
  border: 1px solid #ddd;
  box-shadow: none;
  height: 46px; }

.bootstrap-table input.form-control {
  height: 34px; }

.input-group-btn .btn {
  height: 46px; }

.form-control:focus {
  border: 1px solid #30a5ff;
  outline: 0;
  box-shadow: inset 0px 0px 0px 1px #30a5ff; }

.has-success .form-control, .has-success .form-control:focus {
  border: 1px solid #8ad919; }

.has-warning .form-control, .has-warning .form-control:focus {
  border: 1px solid #ffb53e; }

.has-error .form-control, .has-error .form-control:focus {
  border: 1px solid #f9243f; }

.navbar-custom {
  background: #222;
}

.navbar-header .navbar-brand {
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
  height: 60px;
  padding-top: 18px; }

.navbar-header .navbar-brand span {
  color: #30a5ff; }

.navbar-toggle {
  background: rgba(255, 255, 255, 0.1);
  padding: 12px;
  margin-top: 10px; }

.navbar-toggle:hover {
  background: rgba(255, 255, 255, 0.05); }

.icon-bar {
  background: #fff; }

.dropdown {
  background: rgba(255, 255, 255, 0.1);
  float: left;
  margin: 10px 8px;
  padding: 0px;
  border-radius: 4px; }

.dropdown a.dropdown-toggle {
  color: #fff;
  height: 40px;
  width: 40px;
  padding-top: 11px;
  padding-left: 9px; }

.dropdown:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.2); }

.dropdown .label {
  top: -4px;
  left: 22px;
  padding-top: 4px;
  padding-bottom: 4px;
  position: absolute;
  border-radius: 9999px; }

.navbar-top-links li:last-child {
  margin-right: 15px; }

.nav > li > a:hover, .nav > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.2);
  background: none; }

.dropdown-messages {
  border: 1px solid #fff;
  width: 360px;
  background: rgba(255, 255, 255, 0.9);
  color: #444;
  font-size: 0.9em; }

.dropdown-messages img {
  margin: 5px 10px;
  float: left; }

.dropdown-messages .message-body {
  margin: 5px;
  float: left;
  width: 280px; }

.dropdown small {
  color: #999; }

.dropdown em {
  margin: 0 5px; }

.dropdown-menu > li > a {
  padding: 5px 10px; }

.dropdown-menu li .message-body a {
  color: #444; }

.dropdown-menu li a:hover {
  color: #30a5ff;
  text-decoration: none;
  background: none; }

.divider, .clear {
  clear: both; }

.dropdown-alerts {
  border: 1px solid #fff;
  width: 260px;
  background: rgba(255, 255, 255, 0.9);
  color: #444;
  font-size: 0.9em; }

.all-button a {
  text-align: center;
  color: #444;
  font-size: 12px;
  text-transform: uppercase;
  display: block; }

a.btn:hover, button:hover {
  opacity: 0.8; }

a.btn:active, button:active {
  box-shadow: inset 0px 0px 500px rgba(0, 0, 0, 0.1);
  opacity: 1; }

.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default, .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
  background-color: #e9ecf2;
  border-color: #e9ecf2;
  color: #1b3548; }

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
  background-color: #30a5ff;
  border-color: #30a5ff; }

.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success, .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
  background-color: #8ad919;
  border-color: #8ad919; }

.btn-warning, .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning, .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
  background-color: #ffb53e;
  border-color: #ffb53e; }

.btn-danger, .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger, .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
  background-color: #f9243f;
  border-color: #f9243f; }

.btn-link, .page-link, .text-primary {
  color: #30a5ff !important; }

.btn-link:focus, .btn-link:hover, .page-link:focus, .page-link:hover, a.text-primary:focus, a.text-primary:hover {
  color: #50b3ff !important; }

.bg-primary {
  color: #1b3548;
  background-color: #e9ecf2; }

a.bg-primary:hover {
  background-color: #e9ecf2; }

.bg-success, .bg-green {
  color: #fff;
  background-color: #8ad919; }

a.bg-success:hover, a.bg-green:hover {
  background-color: #8ad919; }

.bg-success a, .bg-green a {
  color: rgba(255, 255, 255, 0.75); }

.bg-teal {
  color: #fff;
  background-color: #1ebfae; }

a.bg-teal:hover {
  background-color: #1ebfae; }

.bg-teal a {
  color: rgba(255, 255, 255, 0.75); }

.bg-info, .bg-blue {
  color: #fff;
  background-color: #30a5ff; }

a.bg-info:hover, a.bg-blue:hover {
  background-color: #30a5ff; }

.bg-info a, .bg-blue a {
  color: rgba(255, 255, 255, 0.75); }

.bg-warning, .bg-orange {
  color: #fff;
  background-color: #ffb53e; }

a.bg-warning:hover, a.bg-orange:hover {
  background-color: #ffb53e; }

.bg-warning a, .bg-orange a {
  color: rgba(255, 255, 255, 0.75); }

.bg-danger, .bg-red {
  color: #fff;
  background-color: #f9243f; }

a.bg-danger:hover, a.bg-red:hover {
  background-color: #f9243f; }

.bg-danger a, .bg-red a {
  color: rgba(255, 255, 255, 0.75); }

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label:empty {
  display: none; }

.btn .label {
  position: relative;
  top: -1px; }

.label-default {
  background-color: #777; }

.label-default[href]:hover, .label-default[href]:focus {
  background-color: #5e5e5e; }

.label-primary {
  color: #1b3548;
  background-color: #e9ecf2; }

.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #e9ecf2; }

.label-success {
  background-color: #8ad919; }

.label-success[href]:hover, .label-success[href]:focus {
  background-color: #8ad919; }

.label-info {
  background-color: #30a5ff; }

.label-info[href]:hover, .label-info[href]:focus {
  background-color: #30a5ff; }

.label-warning {
  background-color: #ffb53e; }

.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #ec971f; }

.label-danger {
  background-color: #f9243f; }

.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #f9243f; }

.panel {
  border: 0; }

.panel-container {
  padding-top: 20px; }

.panel-heading .fa-toggle-up, .panel-heading .fa-toggle-down {
  font-size: 17px; }

.panel-primary > .panel-heading {
  background-color: #30a5ff;
  color: #fff;
  border: none; }

.panel-success > .panel-heading {
  background-color: #8ad919;
  color: #fff;
  border: none; }

.panel-info > .panel-heading {
  background-color: #30a5ff;
  color: #fff;
  border: none; }

.panel-warning > .panel-heading {
  background-color: #ffb53e;
  color: #fff;
  border: none; }

.panel-danger > .panel-heading {
  background-color: #f9243f;
  color: #fff;
  border: none; }

.panel-primary .panel-settings, .panel-primary .panel-toggle, .panel-success .panel-settings, .panel-success .panel-toggle, .panel-info .panel-settings, .panel-info .panel-toggle, .panel-warning .panel-settings, .panel-warning .panel-toggle, .panel-danger .panel-settings, .panel-danger .panel-toggle {
  border: none;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2); }

.panel-primary .panel-settings:hover, .panel-primary .panel-toggle:hover, .panel-success .panel-settings:hover, .panel-success .panel-toggle:hover, .panel-info .panel-settings:hover, .panel-info .panel-toggle:hover, .panel-warning .panel-settings:hover, .panel-warning .panel-toggle:hover, .panel-danger .panel-settings:hover, .panel-danger .panel-toggle:hover {
  border: none;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.4); }

.panel-blue {
  background: #30a5ff;
  color: #fff; }

.panel-teal {
  background: #1ebfae;
  color: #fff; }

.panel-orange {
  background: #ffb53e;
  color: #fff; }

.panel-red {
  background: #f9243f;
  color: #fff; }

.dark-overlay {
  background: rgba(0, 0, 0, 0.05); }

.panel-blue p, .panel-teal p, .panel-orange p, .panel-red p {
  color: rgba(255, 255, 255, 0.75); }

.panel-heading {
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.025em;
  height: 60px;
  line-height: 38px; }

.panel-default .panel-heading {
  background: #fff;
  border-bottom: 1px solid #e9ecf2;
  color: #444444; }

.panel-footer {
  background: #fff;
  border-top: 1px solid #e9ecf2; }

.panel-widget {
  position: relative;
  box-shadow: none;
  border-radius: 0;
  background: none;
  text-align: center;
  color: #333; 
}

.panel-widget .panel-footer {
  border: 0;
  text-align: center; }

.panel-footer .input-group {
  padding: 0px;
  margin: 0 -5px; }

.panel-footer .input-group-btn:last-child > .btn, .panel-footer .input-group-btn:last-child > .btn-group {
  margin: 0; }

.panel-widget .panel-footer a {
  color: #999; }

.panel-widget .panel-footer a:hover {
  color: #666;
  text-decoration: none; }

.panel-widget .text-muted {
  margin-top: -6px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8em; }

.panel-widget .large {
  color: #373b45;
  font-size: 3em; }

.panel-settings {
  list-style: none;
  padding: 0;
  margin: 0; }

.panel-settings .dropdown a.dropdown-toggle, .panel-settings a {
  padding: 0;
  background: none;
  color: #7c7c7c; }

.panel-settings a, .panel-toggle {
  width: 40px;
  padding: 2px 0 0 0; }

.panel-settings:hover, .panel-toggle:hover, .panel-settings .dropdown a.dropdown-toggle:hover, .panel-settings:active, .panel-toggle:active, .panel-settings .dropdown a.dropdown-toggle:active, .panel-settings:focus, .panel-toggle:focus, .panel-settings .dropdown a.dropdown-toggle:focus {
  background: #f1f4f7;
  color: #444444; }

.panel-settings, .panel-toggle {
  display: inline-block;
  margin: -1px -5px 0 15px !important;
  border-radius: 4px;
  text-align: center;
  border: 1px solid #e9ecf2;
  color: #7c7c7c;
  background: #fff;
  width: 42px; }

.panel-settings {
  width: 42px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.panel-settings li.dropdown {
  margin: 0;
  padding: 0; }

.dropdown-settings {
  border: 1px solid #fff;
  width: 220px;
  font-size: 0.9em;
  padding: 0; }

.dropdown-settings li {
  list-style: none;
  padding: 0 10px;
  width: 220px;
  height: 26px;
  line-height: 26px; }

.dropdown-settings .divider {
  margin: 7px 0; }

.dropdown-settings li a {
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 100%;
  color: #444444; }

.clickable {
  cursor: pointer; }

.panel-heading span {
  margin: 0px;
  font-size: 14px; }

.panel-button-tab-right {
  margin-left: 4px !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.panel-button-tab-left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.border-top {
  border-top: 1px solid #dadbda; }

.border-right {
  border-right: 1px solid #dadbda; }

.border-bottom {
  border-bottom: 1px solid #dadbda; }

.border-left {
  border-left: 1px solid #dadbda; }

.border-fb{
  border-bottom: 1px solid var(--bg-color-fb)!important;
}
.border-tw{
  border-bottom: 1px solid var(--bg-color-tw)!important;
}
.border-ig{
  border-bottom: 1px solid var(--bg-color-ig)!important;
}
.border-yt{
  border-bottom: 1px solid var(--bg-color-yt)!important;
}

.border-input{
  border-color: var(--bg-color-input)!important;
}

.panel .border-top, .panel .border-right, .panel .border-bottom, .panel .border-left {
  border-color: #e9ecf2; }

.article {
  padding: 10px 0; }

.article:first-child {
  padding: 0 0 10px 0; }

.article h4 {
  margin-bottom: 10px; }

.article .date {
  text-align: center;
  margin: 5px auto;
  display: block; }

.article .date .text-muted {
  margin-top: -5px; }

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative; }

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 2px;
  background-color: #e9ecf2;
  left: 25px;
  margin-right: -1.5px; }

.timeline > li {
  margin-bottom: 20px;
  position: relative; }

.timeline > li:before, .timeline > li:after {
  content: " ";
  display: table; }

.timeline > li:after {
  clear: both; }

.timeline > li > .timeline-panel {
  width: calc( 100% - 65px );
  float: right;
  border: 1px solid #edeeed;
  border-radius: 2px;
  padding: 10px 20px;
  position: relative;
  box-shadow: none; }

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  left: -11px;
  display: inline-block;
  border-top: 11px solid transparent;
  border-right: 11px solid #edeeed;
  border-left: 0 solid #edeeed;
  border-bottom: 11px solid transparent;
  content: " "; }

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  left: -10px;
  display: inline-block;
  border-top: 10px solid transparent;
  border-right: 10px solid #fff;
  border-left: 0 solid #fff;
  border-bottom: 10px solid transparent;
  content: " "; }

.timeline > li > .timeline-badge {
  color: #fff;
  width: 46px;
  height: 46px;
  line-height: 51px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 0px;
  margin-right: -25px;
  background-color: #999999;
  z-index: 100;
  border-radius: 9999px; }

.timeline-badge.primary {
  background-color: #30a5ff !important; }

.timeline-badge.success {
  background-color: #8ad919 !important; }

.timeline-badge.warning {
  background-color: #ffb53e !important; }

.timeline-badge.danger {
  background-color: #f9243f !important; }

.timeline-badge.info {
  background-color: #30a5ff !important; }

.progress {
  height: 12px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f2f3f2;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #30a5ff;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: width .6s ease;
  transition: width .6s ease; }

.progress-bar-success {
  background-color: #8ad919;
  background-image: none; }

.progress-bar-info, .progress-bar-blue {
  background-color: #30a5ff;
  background-image: none; }

.progress-bar-warning, .progress-bar-orange {
  background-color: #ffb53e;
  background-image: none; }

.progress-bar-danger, .progress-bar-red {
  background-color: #f9243f;
  background-image: none; }

.progress-bar-teal {
  background-color: #1ebfae;
  background-image: none; }

.jumbotron {
  background: #fff;
  border-bottom: 1px solid #e9ecf2;
  color: #444444; }

.panel .tabs {
  margin: 0;
  padding: 0; }

.nav-tabs {
  background: #f2f3f2;
  border: 0; }

.nav-tabs li a:hover {
  background: #fff; }

.nav-tabs li a, .nav-tabs li a:hover, .nav-tabs li.active a, .nav-tabs li.active a:hover {
  border: 0;
  padding: 15px 20px; }

.nav-tabs li.active a {
  color: #30a5ff; }

.nav-tabs li a {
  color: #999; }

.nav-pills {
  padding: 15px;
  padding-bottom: 0; }

.nav-pills li a, .nav-pills li a:hover, .nav-pills li.active a, .nav-pills li.active a:hover {
  border: 0;
  padding: 7px 15px; }

.nav-pills li.active a, .nav-pills li.active a:hover {
  background: #30a5ff; }

.tab-content {
  padding: 15px; }

.navbar {
  border: 0; }

.navbar input {
  border: 0;
  background: #444;
  color: #fff; }

.navbar input:focus {
  color: #fff;
  background: #555;
  border: 1px solid #30a5ff;
  outline: 0;
  box-shadow: inset 0px 0px 0px 1px #30a5ff; }

.user-menu {
  display: inline-block;
  margin-top: 14px;
  margin-right: 10px;
  float: right;
  list-style: none;
  padding: 0; }

.user-menu a {
  color: #fff; }

.user-menu a:hover, .user-menu a:focus {
  text-decoration: none; }

.sidebar {
  display: block;
  padding: 0;
  
  box-shadow: none;
  background: #fff; }


.sidebar form {
  padding: 10px 0 0 0;
  margin: 10px 10px 20px 10px; }

@media (min-width: 768px) {
  .sidebar {
    display: block;
    position: fixed;
    top: 60px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto; }

  .navbar-header {
    width: 100%; 
  } 
}
.sidebar ul.nav a:hover, .sidebar ul.nav li.parent ul li a:hover {
  text-decoration: none;
  background-color: #30a5ff;
  color: #fff; }

.sidebar ul.nav .active a, .sidebar ul.nav li.parent a.active, .sidebar ul.nav .active > a:hover, .sidebar ul.nav li.parent a.active:hover, .sidebar ul.nav .active > a:focus, .sidebar ul.nav li.parent a.active:focus {
  color: #fff;
  background-color: #30a5ff; }

.sidebar ul.nav ul, .sidebar ul.nav ul li {
  list-style: none;
  list-style-type: none; }

.sidebar ul.nav li a {
  height: 50px;
  font-size: 15px;
  line-height: 2em;
  color: #444444; }

.sidebar ul.nav ul.children {
  width: auto;
  padding: 0;
  margin: 0;
  background: #f9f9f9; }

.sidebar ul.nav ul.children li a {
  height: 40px;
  background: #f1f4f7;
  color: #444444; }

.sidebar ul.nav li.current a {
  background-color: #30a5ff;
  color: #fff !important; }

.sidebar ul.nav li.parent ul li a {
  border: none;
  display: block;
  padding-left: 30px;
  line-height: 40px;
  border-radius: 0; }

.sidebar ul.nav li.divider {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin: 0px 0; }

.profile-sidebar {
  padding: 10px 0;
  border-bottom: 1px solid #e9ecf2; }

.indicator {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 9999px;
  margin-right: 5px; }

.profile-userpic img {
  float: left;
  margin: 10px 0px 0px 15px;
  width: 50px;
  height: 50px;
  border-radius: 9999px !important; }

.profile-usertitle {
  float: left;
  text-align: left;
  margin: 10px 0 0 12px; }

.profile-usertitle-name {
  font-size: 20px;
  margin-bottom: 0px; }

.profile-usertitle-status {
  text-transform: uppercase;
  color: #AAA;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 15px; }

.breadcrumb {
  border-radius: 0;
  padding: 10px 15px 10px 15px;
  background: #e9ecf2;
  margin: 0; }

h1.page-header {
  margin-top: 20px;
  border-bottom: 0; }

.main-chart {
  background: #fff; }

.easypiechart-panel {
  text-align: center;
  padding: 1px 0;
  margin-bottom: 20px; }

.placeholder h2 {
  margin-bottom: 0px; }

.donut {
  width: 100%; }

.easypiechart {
  position: relative;
  text-align: center;
  width: 120px;
  height: 120px;
  margin: 20px auto 10px auto; }

.easypiechart .percent {
  display: block;
  position: absolute;
  font-size: 26px;
  top: 38px;
  width: 120px; }

#easypiechart-fb .percent {
  color:var(--bg-color-fb);
}
#easypiechart-tw .percent {
  color:var(--bg-color-tw);
}
#easypiechart-ig .percent {
  color:var(--bg-color-ig);
}
#easypiechart-yt .percent {
  color:var(--bg-color-yt);
}

#easypiechart-blue .percent {
  color: #30a5ff; }

#easypiechart-teal .percent {
  color: #1ebfae; }

#easypiechart-orange .percent {
  color: #ffb53e; }

#easypiechart-red .percent {
  color: #ef4040; }

#calendar, .datepicker-inline {
  width: 100%; }

#calendar table {
  width: 100%; }

.datepicker-switch {
  font-size: 16px;
  height: 46px !important; }

.datepicker table tr td.old, .datepicker table tr td.new {
  color: #c5c7cc; }

.datepicker table tr td {
  padding: 10px !important; }

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #30a5ff;
  text-shadow: none;
  border-color: #285e8e; }

.datepicker table tr td span:hover, .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
  background: rgba(0, 0, 0, 0.05); }

.todo-list {
  padding: 0;
  margin: -15px;
  background: #fff;
  color: #444444; }

.todo-list .checkbox input[type=checkbox] {
  margin: 0; }

.todo-list .checkbox {
  display: inline-block;
  margin: 0px; }

.panel-body input[type=checkbox]:checked + label {
  text-decoration: line-through;
  color: #777; }

.todo-list-item {
  list-style: none;
  line-height: 0.9;
  padding: 14px 15px 8px 15px; }

.todo-list-item:hover, a.todo-list-item:focus {
  text-decoration: none;
  background-color: #f6f6f6; }

.todo-list .fa-trash {
  color: #444444; }

.todo-list .fa-trash:hover {
  color: #ef4040; }

.chat .panel-body ul {
  list-style: none;
  margin: -15px;
  padding: 15px; }

.chat .panel-body ul li {
  margin-bottom: 10px;
  padding: 15px 5px;
  border-bottom: 1px solid #e9ecf2; }

.chat ul li.left .chat-body {
  margin-left: 80px; }

.chat ul li.right .chat-body {
  margin-right: 80px; }

.chat ul li .chat-body p {
  margin: 0; }

.chat .panel-body {
  overflow-y: scroll;
  height: 300px; }

.chat-body small {
  margin-left: 5px; }

.table {
  background: #fff; }

.fixed-table-container {
  border: 1px solid #e9ecf2; }

.fixed-table-container thead th {
  background: #f7f7f8;
  border-color: #ddd;
  color: #444444;
  font-weight: 300;
  font-size: 16px; }

.fixed-table-container tbody td {
  border: 1px solid #e9ecf2; }

.fixed-table-container tbody td:last-child {
  border-right: none; }

.table > thead > tr > th {
  border-bottom: 1px solid #e6e7e8;
  vertical-align: middle;
  height: 50px; }

.fixed-table-pagination .pagination {
  margin-top: 10px;
  margin-bottom: 0px; }

.fixed-table-pagination .pagination-detail {
  margin-top: 20px; }
  
p.back-link {
  text-align: center;
  margin-bottom: 20px;
  font-size: 12px;
  text-transform: uppercase; }
h1.page-header{
  text-transform: uppercase;
  font-size:20px;
  font-weight: bolder;
}

/*-----------------------------------*/
/*------------ DASHBOARD ------------*/
/*-----------------------------------*/
#account_totali{
  padding-top: 0px;
  padding-bottom: 0px;
}

#dashboard-numero-account{
  margin-top: 17em;
}

#numero_account{
  font-weight: bolder;
}
#text_numero_account{
  margin-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 10px;
}

.link_account_classifica{
  color: #444444;
}
.link_account_classifica:hover{
  color: #444444;
}
.text-muted{
  color: #777;
}
#team_custom_menu{
  height: 58px;
}

#titolo{
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bolder;
  float: left;
  display: flex;
  justify-content: left;
  padding-left: 15px;
  height: 100%;
  align-items: center;
}
.number_social{
  padding-bottom: 10px;
}
th{
  font-weight: 500;
}
.titolo_account_top {
  border-top: 1px solid #e9ecf2;
  padding-left: 23px;
  padding-right: 23px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top-left-radius: 2em 0.5em;
  border-top-right-radius: 1em 3em;
}
.account_top{
  padding-top: 0px;
  padding-bottom: 0px;
}
.titolo_account_top .fa{
  width: 25px;
  height: 25px !important;
  text-align: center;
  padding-top: 5px;
  height: 16px;
  border-radius: 17px;
  color: white;
  text-align: center;
}
.fa-twitter{
  background-color: #55acee;
}
.fa-facebook{
  background-color: #3c5998;
}
.fa-instagram{
  background-color: #dd2a7b;
}

/* IMG SOCIAL */
.imgFb{
  width: 25px;
  height: 25px !important;
  text-align: center;
  padding-top: 5px;
  height: 16px;
  border-radius: 17px;
  color: white;
  text-align: center;
}
.imgTw{
  width: 25px;
  height: 25px !important;
  text-align: center;
  padding-top: 5px;
  height: 16px;
  border-radius: 17px;
  color: white;
  text-align: center;
}
.imgIg{
  width: 25px;
  height: 25px !important;
  text-align: center;
  padding-top: 5px;
  height: 16px;
  border-radius: 17px;
  color: white;
  text-align: center;
}
.imgYt{
  width: 25px;
  height: 25px !important;
  text-align: center;
  padding-top: 5px;
  height: 16px;
  border-radius: 17px;
  color: white;
  background-color: #ff0000;
  text-align: center;
}


table{
  margin: 0 auto;
  width : 90%;
  border-bottom-color: lightgray;
  border-radius: 6px;
}
.rank{
  margin-bottom: 40px;
}
thead tr td {
  font-weight: 800;
  text-align:center; 
  vertical-align:middle;
}
tbody tr td {
  text-align:center; 
  vertical-align:middle;
}

/* VARIAZIONI */
.positive{
  color: #0fc712;
}
.negative{
  color: orangered;
}

/* NAVBAR */
.navbar {
  border-radius: 0px !important;
}
.li_menu_team{
  width: 125px;
  text-align: center;
  padding-top: 0px;
  margin-top: 8px;
}
.a_menu_team{
  padding: 0 0 10px;
  transition: 0.4s;
  text-decoration: none;
}
.a_menu_team:hover {
  padding: 20px 0 10px;
  transition: 0.4s;
  text-decoration: none;
}
li.section-title-menu{
  margin-top: 12px;
  margin-bottom: 12px;
}
li.section-title-menu span{
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bolder;
  float: left;
  line-height: 34px;
  display: block;
  margin-right: 25px;
}

/*
li.li_menu_team.active{
  background-image: url("/assets/amcharts/images/menu_click.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 0px;
  margin-top: 8px;
}
li.li_menu_team.active:hover{
  background-image: url("/assets/amcharts/images/menu_click.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 0px;
  margin-top: 8px;
}
li.li_menu_team:hover{
   background-image: url("/assets/amcharts/images/menu_click.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 0px;
  margin-top: 8px;

}
*/
li.li_menu_team.active{
  -webkit-clip-path: polygon(calc(100% - 15px) 0, 100% 15px, 100% 100%, 0 100%, 0 0);
  clip-path: polygon(calc(100% - 15px) 0, 100% 15px, 100% 100%, 0 100%, 0 0);
  background-color: #f1f4f7;
  background-position: center;
  padding-top: 0px;
  margin-top: 8px;
}
li.li_menu_team.active:hover{
  background-color: #ebeff3;
  background-position: center;
  padding-top: 0px;
  margin-top: 8px;
}
li.li_menu_team:hover{
  -webkit-clip-path: polygon(calc(100% - 15px) 0, 100% 15px, 100% 100%, 0 100%, 0 0);
  clip-path: polygon(calc(100% - 15px) 0, 100% 15px, 100% 100%, 0 100%, 0 0);
  background-position: center;
  background-color: #ebeff3;
  padding-top: 0px;
  margin-top: 8px;
}

.navbar{
  margin: 0;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #555;
  background-color: transparent !important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #555;
  background-color: transparent !important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #555;
  background-color: transparent !important;
}

.giocatore_hidden{
  margin-left: 10px;
  margin-top: 12px;
  margin-bottom: 12px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bolder;
  float: left;
  line-height: 34px;
  display: block;
  margin-right: 25px;
}


/*------ TOOLTIP MENU PLAYER ------*/
#main .tooltiptext_menu{
  top: 0px !important;
  height: 25px;
}
#main  .tooltip_menu .tooltiptext_menu {
  font-size: 12px;
  visibility: hidden;
  width: 120px;
  background-color: #444444;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
}
#main .tooltip_menu:hover .tooltiptext_menu,
#accounbody-accounttSingle .tooltip_menu:hover .tooltiptext_menu {
  visibility: visible;
}
/*TOOLTIP SOCIAL*/
#main .tooltiptext_social{
  top: 0px !important;
  height: 25px;
}
#main .tooltip_social .tooltiptext_social {
  font-size: 12px;
  visibility: hidden;
  width: 120px;
  background-color: #444444;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;

}
#main .tooltip_social:hover .tooltiptext_social {
  visibility: visible;
}

/* TOOLTIP  */
#main .tooltip > .tooltip-inner {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  top: 0px !important;
  width: 120px;
  height: 25px;
  font-size: 12px;
  background-color: #444444;
  color: #fff;
  text-align: center;
  border-radius: 6px;
}
#main .test + .tooltip.top > .tooltip-arrow {
  visibility: hidden;
}

.info{
  line-height: 3em;
}
.info_result{
  font-weight: bold;
}
.info_social{
  margin-top: 40px;
  font-size: 20px;
  font-weight: 500;
}

/* BUTTON DISABLE */
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{ 
  background-color: #30a4ff;
  color:white;
}
.data_rilevamento{
  float: right;
  font-weight: 700;
}

/* SETTING :id */
#titolo.titoloPadre{
  margin-top: 12px;
  margin-bottom: 12px;
}
#accountCorrelati{
  background-color: white;
  margin-top: 40px;
  margin-bottom: 20px;
}
#accountCorrelati #titolo{
  margin-top: 12px;
  margin-bottom: 12px;
}
.accountSocialInterlinea{
  line-height: 2.7;
}   
#infoAccountSocial{
  margin-top: 20px;
  margin-bottom: 40px;
}
#infoAccountSocial h3{
  margin-bottom: 20px;
}

/* BUTTON SOCIAL */
button.connect{
  border-radius: 2em;
}
#infoAccountSocial .connect .img-circle {
  width: 30px;
  height: 30px;
}
.connect#connectFB{
  color: #fff;
  background-color: #3d5897;
  border-color: white;
}
.connect#connectTW{
  color: #fff;
  background-color: #55acef;
  border-color: white;
}
.connect#connectIG{
  color: #fff;
  background-color: #dd2a7b;
  border-color: white;
}

#connectFB .text-primary{
  color:#3d5897 !important;
}
#connectTW .text-primary{
  color:#55acef !important;
}
#connectIG .text-primary{
  color:#dd2a7b !important;
}
#infoAccountSocial .icon-btn {
  padding: 1px 15px 3px 2px;
  border-radius: 50px;
  margin: 10px;
}
#infoAccountSocial .btn-glyphicon {
  padding: 8px;
  background: #ffffff;
  margin-right: 4px;
}
#infoAccountSocial .glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#infoAccountSocial .img-circle {
  border-radius: 50%;
}

/* BUTTON EFFECT */
#infoAccountSocial .connect#connectFB:hover{
  color: #3d5897;
  background-color: white;
  border-color: #3d5897;
}
#infoAccountSocial .connect#connectTW:hover{
  color: #55acef;
  background-color: white;
  border-color: #55acef;
}
#infoAccountSocial .connect#connectIG:hover{
  color: #dd2a7b;
  background-color: white;
  border-color: #dd2a7b;
}
#infoAccountSocial .connect#connectFB:hover .btn-glyphicon{
  color: #3d5897 !important;
}
#infoAccountSocial .connect#connectFB:hover .btn-glyphicon{
  background: #3d5897 !important;
}
#infoAccountSocial .connect#connectFB:hover .text-primary {
  color: white !important;
}
#infoAccountSocial .connect#connectTW:hover .btn-glyphicon{
  color: #55acef !important;
}
#infoAccountSocial .connect#connectTW:hover .btn-glyphicon{
  background: #55acef !important;
}
#infoAccountSocial .connect#connectTW:hover .text-primary {
  color: white !important;
}
#infoAccountSocial .connect#connectIG:hover .btn-glyphicon{
  color: #dd2a7b !important;
}
#infoAccountSocial .connect#connectIG:hover .btn-glyphicon{
  background: #dd2a7b !important;
}
#infoAccountSocial .connect#connectIG:hover .text-primary {
  color: white !important;
}

/*------------------*/
/*-----DASHBOARD----*/
/*------------------*/
.selectOrd{ 
  text-align: center;
}
.imgSelectOrd:hover{
  background-color:#999;
  text-decoration: none;
  color:white;
}
.totSelectOrd:hover{
  filter: opacity(0.5) grayscale(0.8);
}
.totSelectOrd{
  color:#444444;
}
a img .tooltip{
  opacity:1 !important;
  background-color: red;
}
#dashboard table tbody tr td:nth-child(2) {
  text-align:left;
}
#dashboard table tbody tr td{
  text-align:center;
}
#dashboard .tooltip > .tooltip-inner {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  top: 0px !important;
  
  font-size: 12px;
  background-color: #444444;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  font-weight: bold;
  border-color: black;
  border-style: solid;
  border-width: 5px;
}
#dashboard .test + .tooltip.top > .tooltip-arrow {
}
/*-----------------------*/
/*-----TABLE GENERALI----*/
/*-----------------------*/
table tbody tr td{
  text-align:center;
}
table tbody tr td:nth-child(1) {
  text-align:left;
}


/*----------------------*/
/*-----LISTA ACCOUNT----*/
/*----------------------*/
#listAccount table tbody tr td{
  text-align:center;
}
#listAccount table tbody tr td:nth-child(1) {
  text-align:left;
}
#listAccount .tooltip > .tooltip-inner {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  top: 0px !important;
  font-size: 12px;
  background-color: #444444;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  font-weight: bold;
  border-color: black;
  border-style: solid;
  border-width: 2px;
}

/*----------------------*/
/*-----LISTA SETTING----*/
/*----------------------*/
#listaSetting table tbody tr td{
  text-align:center;
}
#listaSetting table tbody tr td:nth-child(1) {
  text-align:left;
  padding-left: 20px;
  padding-right: 20px;
}
#listaSetting .tooltip > .tooltip-inner {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  top: 0px !important;
  font-size: 12px;
  background-color: #444444;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  font-weight: bold;
  border-color: black;
  border-style: solid;
  border-width: 2px;
}



/*----------------------*/
/*----ACCOUNT SINGLE----*/
/*----------------------*/
/*BUTTON GENERAL*/
.btn.btn-social-icon {
  margin-left: 7px;
  margin-right: 7px;
  float: left;
}

/*BUTTON INSTAGRAM*/
.btn-instagram {
  color: #fff;
  background-color: #bb0657 !important;
  border-color: rgba(0,0,0,0.2);
}

/*BUTTON YOUTUBE*/
.btn.btn-social-icon.btn-youtube {
  color: red;
  background-color: white;
  border-color: rgba(0,0,0,0.2);
}


/*----------------------*/
/*---fbCallbackUserul---*/
/*----------------------*/
#fbCallbackUser .a {
  list-style-type: circle;
}
#fbCallbackUser pre{
  font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
#fbCallbackUser .btn-success {
  color: #fff;
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
}


/*----------------------*/
/*-----CallBackPage-----*/
/*----------------------*/
#CallBackPage ul.a {
  list-style-type: circle;
}
#CallBackPage pre{
  font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
#CallBackPage .btn-success {
  color: #fff;
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
}



/*----------------------------*/
/*-----BUTTON BACK EFFECT-----*/
/*----------------------------*/
.marginButtonEffectBack{
  margin-top:10px;
}
/* <a> TESTO DEL BOTTONE CON EFFETTO </a>*/
.buttonBack{
  transform: translateX(0px);
  transition: all 1s ease-in-out;
  line-height: 40px;
  text-align: center;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  z-index:10;
}
.button16:hover .buttonBack{
  transform: translateX(-30px);
  transition: all 1s ease-in-out;
  z-index:100;
}
/*BUTTON BACK*/
.sim-button.button16{
  height: 42px;
  width: 147px;
  border-radius:30px;
}
.sim-button{
  cursor: pointer;
}
/*SFONDO BUTTON EFFECT*/
.button16 {
  color: rgba(255,255,255,1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  /*border: 1px solid #444444;*/
  background-color: #9696963d;
  overflow: hidden;
}
.button16 a{
  color: rgba(51,51,51,1);
  text-decoration: none;
  display: block;
}

.button16::before, .button16::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(165, 164, 164, 0.25);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 1s;
  -webkit-transform: translate(100%,0);
  transform: translate(100%,0);
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.75, 0.72);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button16:hover::before, .button16:hover::after{
  z-index:-100;
  transform: translate(0,0);	
}


/*--------------------------------------------*/

/* PANEL PANEL-BODY DELETE MARGIN RIGHT/LEFT*/
.panel, .panel.panel-default, .panel-heading, .panel-body{
  margin-right: 0px;
  margin-left: 0px;
}
.row.panel.panel-default{
  margin-top:20px;
}
.row.panel .panel-body{
  word-break:break-all; /*tutto il testo all'interno del panel*/
}

/*--------------------------------------------*/
/*------------- RANGE DATE -------------------*/
/*--------------------------------------------*/
/*RANGE DATE*/
.range_date{
  float:right;
  padding-top:5px;
  padding-bottom:5px;
  width: 400px;
}
.range_date .text_range_date{
  background-color: #ffffff;
  color: #444444;
}
.text_range_date:visited{
  background-color: #f1f4f7;
  color: #444444;
}
.navbar input.text_range_date{
  width: 118px;
  background-color: #ffffff;
  color: #444444;
}   
.range_date .input-group{
  border: solid #cccccc;
  border-radius: 4px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 0px;
}
.input-group .input-group-addon{
  border-width: 0px;
  background-color: #f1f4f7;
}   
.input-group-addon.text_range_date{
  padding-right: 3px;
  padding-left: 3px;
}  
.form-control.text_range_date{
  width: 159px;
}
.text_range_date:active{
  /*background-color: blue;*/
}
#spanDateFrom{
  color:#444444;
} 
#spanDateTo{
  color:#444444;   
}
#avvia_date{
  float: right;
  padding-top: 13px;
  padding-bottom: 13px;
  border-radius: 4px;
}
.sottotitoli {
  color: white;
  height: 58px;
  background-color: #30a4ff;
}
.sottotitoli_testo {
  padding-top: 15px;
  padding-bottom: 15px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bolder;
}
.sottotitoli_testo .table_csv {
  color: white;
}
.table_csv {
  color: #444444;
  float: right;
  font-weight: 100;
  text-transform: lowercase;
}
/*--------------------------------------------*/
/*---------- BUTTON REPORT BASKET ------------*/
/*--------------------------------------------*/
.buttonCarica{
  background-color: #5bbcf5;
  width: 100%;
  color: whitesmoke;
}

/*-----------------------------------------*/
/*-----------------------------------------*/
/*-----------------------------------------*/

.overflow-x-scroll{
  overflow-x:scroll;
}
.overflow-y-scroll{
  overflow-y:scroll;
}

#listadmin_paginate, 
#tableIbi2018_paginate, 
#tableVolley2018_paginate,
#tableSuperBowl_paginate,
#tableRugby_paginate,
#tableFormula1_paginate,
#tableMotogp_paginate,
#tableBasketSerieATeam_paginate,
.dataTables_paginate.paging_simple_numbers
{
  overflow-x:scroll;
}

/*-----------------------------------------*/
/*----------  MODIFICHE BASKET ------------*/
/*-----------------------------------------*/


.noPadding{
  padding-left: 0px;
  padding-right: 0px;
}
.noMargin{
  margin: 0px;
}

.noMarginLR{
  margin-right: 0px;
  margin-left: 0px;
}

.noMarginTB{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* ALTEZZA DELLA BODY MODAL */
.height_modal{
  height: 10em;
}

/* ALTEZZA DIV */
.div_height_modal{
  height: 4em;
}

.input_modal_height{
  border-radius: 3px;
  height: 60%;
  float: right;
  margin-right: 300px;
}

.label_modal_margin{
  margin-left: 200px;
}

/* DIMENSIONI INPUT */
.dimension_modal{
  height: 40px !important;
  width: 130px;
}


/* DIMENSIONE TOOLTIP */
#basket_player_transf .tooltip > .tooltip-inner,
#basket_player_new .tooltip > .tooltip-inner
{
  width: 300px;
  max-width: 300px;
  height: 50px;
}


#basket_player_transf .player_db + span,
#basket_player_transf .team_db + span{
  width: 300px !important;
}

/*----------------------------------------------*/
/*----------  TRANSFERIMENTI BASKET ------------*/
/*----------------------------------------------*/
#basket_player_transf form table tbody tr td, 
#basket_player_transf table tbody tr td  
{
  width: 15em;
  text-align: left;
}

#basket_player_transf .trasf_succ > img {
  width: 10%;
  height: auto;
  margin: 0 auto;
  display: block;
}

#basket_player_transf #player_transf_succ img{
  width: 3em;
}


/*--------------------------------------------*/
/*----------  Paginazione Tabelle ------------*/
/*--------------------------------------------*/
.dataTables_paginate > .pagination > li{
  padding: 0.5em !important;

}


/*--------------------------------------------*/
/*----------  NEW PLAYER - BASKET ------------*/
/*--------------------------------------------*/
#new_player table tr{
  height: 3em;
}

#new_player table tbody tr td {
  text-align:left;
}

#new_player table > tbody > tr > td{
  width: 50%;
}

#new_player table > tbody > tr > td > input,
#new_player table > tbody > tr > td:nth-child(2) > span
{
  width: 16em !important;
  
}

#input_conferma{
  text-align: center !important;   
}

#input_conferma input{ 
  margin-bottom: 1em;
}



#new_player {
  display: flex;
  align-items: center;
  justify-content: center;
  
}
#new_player > button {
  width: 10em;
  height: 4em;
  border-radius: 2em;
  margin: 2em;
}

button,
#input-submit{
  border-radius: 2em;
}

input{
  border-radius: 0.3em;
}

#add_account{
  height: 12em;
}


/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* BUTTON TECH BRAND -- TORTA */

#saveButton{
  background-color: #5bbcf5;
  color: white;
  width: 100%;
  height: 40px;
  border-width: 0;
  
  margin-top: 20px;
  margin-bottom: 20px;

  border-radius: 5px;
  white-space: nowrap;
  box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.05);
  transition-property: background-color, box-shadow;
  transition-duration: 150ms;
  transition-timing-function: ease-in-out;
  padding: 0;
}

#saveButton:focus,
#saveButton:hover {
  box-shadow: 1px 4px 5px 1px rgba(0,0,0,0.1);
}

#saveButton:active {
  background-color: #3182bd;
  box-shadow: none;
  transition-duration: 10ms;
}


/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* BUTTON TECH BRAND -- TORTA */

.text_value{
  /* align SVG text with CSS */
  text-anchor: middle; /* align center */
  dominant-baseline: middle; /* vertical alignment fix */
}

g image{
  text-anchor: middle; /* align center */
  dominant-baseline: middle; /* vertical alignment fix */
}

svg{
  /* width:1500px;
  height:1200px;
  margin-left:5%;
  margin-right:5%; */
}

.nav-custom{
  width: 100%;
  display: flex;
  justify-content: center;
}
.nav-custom li{
  width : 150px;
  background: #ffffff;
  text-align:center;
}
.nav-custom li a{
  color: #777;
}

/* ACTIVE */
.nav-custom li.active{
  text-decoration:underline;
  background: #2d7ba8;
}
.nav-custom li.active a{
  color:white;
}

/* ACTIVE HOVER */
.nav-custom li.active:hover{
  text-decoration:underline;
  background: #2d7ba8d1;
}
.nav-custom li.active:hover a{
  color:white;
}


/* HOVER */
.nav-custom li:hover{
  background-color: #2d7ba8;
}
.nav-custom li a:hover{
  text-decoration:underline;
  color: white;
}

.nav-custom li:hover, .nav-custom li:focus {
  box-shadow: 1px 4px 5px 1px rgba(0, 0, 0, 0.1);
}

/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* BUTTON TORTA */
#chart{
  width: 1000px;
  height: 1000px;
  position: relative;   
}

svg {
  background: #FEFDFC;
  width: 100%;
  height: 100%;
}

path.slice{
  stroke-width:2px;
}

polyline{
  opacity: .3;
  stroke: black;
  stroke-width: 2px;
  fill: none;
}

.input-group .input-group-addon{
  background-color: #e2e2e2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.input-group.date{
  display:flex;
  justify-content: center;
  /* width: 15%; */
  margin: auto;
}

.federationOption {
  height: 37px;
  padding: 12px 14px;
  background-color: #fff;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #e2eded;
  border-color: #eaf1f1 #e4eded #dbe7e7 #e4eded;
}


/* ------------------------------------------------------ */
/* ------------------- BUTTON HOVER --------------------- */
/* ------------------------------------------------------ */
.button_hover:hover, .button_hover:focus {
  box-shadow: 1px 4px 5px 1px rgba(0, 0, 0, 0.1);
}

.btn-custom{
  border-color: #5bbcf5;
  color: #5bbcf5;
}
.btn-custom:hover, .btn-custom:focus{
  background-color: #5bbcf5;
  color: white;
}

/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* DISPLAY POSITION */
.col-left{
  display: flex;
  justify-content: flex-start;
}

.col-center{
  display: flex;
  justify-content: center;
}

.col-right{
  display: flex;
  justify-content: flex-end;
}

/* ------------------------------------------------------ */
/* ------------------- TEXT ALIGN ----------------------- */
/* ------------------------------------------------------ */
/* DISPLAY POSITION */
.text-align-center {
  text-align: center !important;
}

.text-align-right {
  text-align: right !important;
}

.text-align-left {
  text-align: left !important;
}

/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/* ROW CENTER */
.row-center{
  display: flex;
  justify-content: center;
}  

.row-center-align{
  display: flex;
  align-items: center;
}

.row-right{
  display: flex;
  justify-content: flex-end;
  align-content: center;
}  


/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/* MARGIN */
.margin-top-50{
  margin-top: 50%;
}

@media screen and (max-width: 767px) {
  .margin-top-50{
    margin-top: 0;
  }
}

.margin-bottom-15{
  margin-bottom: 15px;
}

.margin-bottom-20{
  margin-bottom: 20px;
}

.margin-bottom-30{
  margin-bottom: 30px;
}

.margin-bottom-5{
  margin-bottom: 5px;
}

.margin-top-bottom-10{
  margin-top: 10px;
  margin-bottom: 10px;
}

.margin-top-bottom-12{
  margin-top: 12px;
  margin-bottom: 12px;
}



.margin-0{
  margin:0 !important;
}
.margin-top-15{
  margin-top: 15px !important;
}
.margin-top-30{
  margin-top: 30px !important;
}


.margin-left-15{
  margin-left: 15px !important;
}
.margin-right-15{
  margin-right: 15px !important;
}

/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/* Width */
.width-50{
  width: 50% !important;
}
.width-90{
  width: 90% !important;
}
.width-100{
  width: 100% !important;
}

.height-100{
  height: 100% !important;
}


/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* MENU OFFICIAL APP */

.official_app .li_menu_team,
.tech_brand .li_menu_team{
  width: 146px;
}

.official_app table thead tr th,
.official_app table tbody tr td,
.tech_brand table thead tr th,
.tech_brand table tbody tr td {
  text-align: center;
  width: calc(100%/4);
}

.official_app .panel-heading span,
.tech_brand .panel-heading span{
  font-size: 22px;
  color: #444444;
}

.official_app li.section-title-menu,
.tech_brand li.section-title-menu {
  width: 370px;
}


.official_app th{
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;

}
.official_app td{ 
  text-align:center;
  
}
.official_app .td-mobile label{
  margin-top: 5px;
}
.official_app .td-mobile{
  text-align:center;
  
}
.official_app li.section-title-menu {
  width: 370px;
}

.volley.official_app li.section-title-menu {
  width: 410px;
}

.custom_tr input {
  background: #fff;
  border: 1px solid #dfe1e5;
  box-shadow: none;
  width: 100%;
  border-radius: 24px;
  z-index: 3;
  height: 44px;
  margin: 0 auto;
  display: flex;
  padding: 5px 4px 0 16px;
  padding-left: 20px;
}

.table>tbody>tr.custom_tr>td{
  text-align: center;
  vertical-align: middle;
}
.table>tbody>tr>td, 
.table>tbody>tr>th{
  vertical-align: middle !important;
}
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* PANEL */
.panel.panel-default, .panel-footer {
  border-radius: 12px;
  box-shadow: 0 6px 10px -4px rgba(0,0,0,.15);
  background-color: #fff;
  position: relative;
}
.panel.panel-default .panel-heading {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}
.panel-default .panel-heading {
  background: #fff;
  border-bottom: 1px solid #e9ecf2;
  color: #444444;
}

.panel-heading, .panel-body {
  padding: 20px;
}

#body-account-profile .panel-heading{
  display: block;
}

/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ACCOUNT DASHBOARD */
.text-chart-andamento {
  font-size: 1.57em;
  line-height: 1.4em;
  font-weight: 400;
  color: #9a9a9a;
}
/* TITOTLO ANDAMENTO SOCIAL player/teams/federations */
.text-chart-andamento-data{
  font-size: 1em;
  font-weight: 400;
  color: #9a9a9a;
}


.title-account-profile{
  margin:0;
  display: flex;
  justify-content: left;
  align-items: center;
  font-size: 22px;
  color: #444444;
  font-weight: 400;
  width: 100%;
  height: 100%;
}
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* CHECKBOX SLIDER */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

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

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

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* MESSAGE SUCCESS/ERROR */
.image-success-wrong{
  width: 10%;
  height: 10%;
}

/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/* DISPLAY RIGHT */
.display-right{
  display: flex;
  justify-content: flex-end;
  align-content: center;
}

.display-left-align-center{
  display: flex;
  justify-content: flex-start;
  align-content: center;
}

.display-center-align-center{
  display: flex;
  justify-content: center;
  align-content: center;
}
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* MODALE SUCCESS */
#modal_success{
  z-index: 9999999;
}


/* ---------------------------------------------------------------- */
/* --------------------- VOLLEY ----------------------------------- */
/* ---------------------------------------------------------------- */
/* VOLLEY player/team*/
.volley .li_menu_team{
  width: 176px;
}

.volley .sottotitoli{
  color: white;
  height:58px;
  background-color:#30a4ff;
  
}
.volley .sottotitoli_testo {
  padding-top: 15px;
  padding-bottom: 15px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bolder;
}
.volley .sottotitoli_testo .table_csv {
  color: white;
}
.volley .table_csv {
  color: #444444;
  float: right;
  font-weight: 100;
  text-transform: lowercase;
}
.volley .pie_pagina{
  font-size: 9px;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}

/* VOLLEY tech brand */
.volley.tech_brand .team_modify th{
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;

}
.volley.tech_brand .team_modify td{
  text-align:center;
  padding-top: 15px;
  padding-bottom: 15px;
  
}
.volley.tech_brand .td-mobile label{
  margin-top: 5px;
}
.volley.tech_brand .td-mobile{
  text-align:center;
  
}


/* ---------------------------------------------------------------------------------------------------- */
/* TABELLA VOLLEY player/team */
#tableVolleySerieA tbody tr td:nth-child(1):hover, #tableVolleySerieATeam tbody tr td:nth-child(1):hover{
  font-weight: 700;
}

/* BORDO TABELLA FACEBOOK */
#tableVolleySerieA tbody tr td:nth-child(2), #tableVolleySerieATeam tbody tr td:nth-child(2){
  border-left: 5px solid #3457a3;
}
#tableVolleySerieA tbody tr td:nth-child(4), #tableVolleySerieATeam tbody tr td:nth-child(4){
  border-right: 5px solid #3457a3;
}

/* BORDO TABELLA TWITTER */
#tableVolleySerieA tbody tr td:nth-child(5), #tableVolleySerieATeam tbody tr td:nth-child(5){
  border-left: 5px solid #00aced;
}
#tableVolleySerieA tbody tr td:nth-child(7), #tableVolleySerieATeam tbody tr td:nth-child(7){
  border-right: 5px solid #00aced;
}

/* BORDO TABELLA INSTAGRAM */
#tableVolleySerieA tbody tr td:nth-child(8), #tableVolleySerieATeam tbody tr td:nth-child(8){
  border-left: 5px solid #fbad50;
}
#tableVolleySerieA tbody tr td:nth-child(10), #tableVolleySerieATeam tbody tr td:nth-child(10){
  border-right: 5px solid #fbad50;
}

/* BORDO TABELLA TOTALE */
#tableVolleySerieA tbody tr td:nth-child(11), #tableVolleySerieATeam tbody tr td:nth-child(11){
  border-left: 5px solid #607d8b;
}
#tableVolleySerieA tbody tr td:nth-child(13), #tableVolleySerieATeam tbody tr td:nth-child(13){
  border-right: 5px solid #607d8b;
}


/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* TRANSFERIMENTI */
.trasferimenti .select2-container--default .select2-selection--single .select2-selection__arrow{
  position: relative;
}

.trasferimenti .select2-container--default .select2-selection--single{
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;

}

.trasferimenti .arrow_transferimenti{
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}



/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------- TECH BRAND VOLLEY ----------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
.menu-primary .navbar{
  margin:0;
}
.menu-secondary{
  background-color: white;
  height: 60px;
}
.menu-secondary .nav{
  height:100%;
}
.menu-secondary .nav-custom-2{
  align-items: center;
  height:100%;
  width: 100%;
  display: flex;
  justify-content: center;
}
.menu-secondary .nav-custom-2 li{
  width: 50%;
}
.menu-secondary .nav-custom-2 li a {
  width: 100%;
}

.menu-secondary .nav-custom-2 li,
.menu-secondary .nav-custom-2 li a{
  
  height:100%;
  display:flex;
  align-items: center;
  justify-content: center;
  color: #777;
}
.menu-secondary .nav-custom-2 li.active{
  background-color: #2D7BA8;
}
.menu-secondary .nav-custom-2 li.active a{
  color:white;
}
.menu-secondary .nav-custom-2 li.active:hover{
  background-color: #2d7ba8d1;
}
.menu-secondary .nav-custom-2 li:hover{
  background-color: #2D7BA8;
  box-shadow: 1px 4px 5px 1px rgba(0, 0, 0, 0.2);
}
.menu-secondary .nav-custom-2 li:hover a {
  color:white;
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------- LINK/BUTTON SOCIAL ----------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
.btn-facebook.button-social-link:hover .fa-facebook.icon-social-link {
  color: var(--bg-color-fb);
  background-color: white;
}

.btn-twitter.button-social-link:hover .fa-twitter.icon-social-link {
  color: var(--bg-color-tw);
  background-color: white;
}

.btn-instagram.button-social-link:hover .fa-instagram.icon-social-link {
  color: var(--bg-color-ig);
  background-color: white;
}

.btn-youtube.button-social-link:hover .fa-youtube.icon-social-link {
  color: var(--bg-color-yt);
  background-color: white;
}

.button-social-link .icon-social-link {
  font-size: 15px;
}

.btn.btn-social-icon {
  margin-left: 7px;
  margin-right: 7px;
  float: left;
}

.button-social-link {
  border-radius: 20px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------- PANEL CUSTOM PER SOCIAL ----------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

.panel-border-custom{
  border-radius: 12px;
}

.panel-border-custom .panel-footer{
  border-radius: 0 0 12px 12px;
  font-size:15px;
  text-align: center;
  font-weight: 500;
}

.panel-border-custom.panel-border-fb{
  border-left: .55rem solid var(--bg-color-fb);
}
.panel-border-custom.panel-border-tw{
  border-left: .55rem solid var(--bg-color-tw);
}
.panel-border-custom.panel-border-ig{
  border-left: .55rem solid var(--bg-color-ig);
}
.panel-border-custom.panel-border-yt{
  border-left: .55rem solid var(--bg-color-yt);
}

.panel-variazione{
  display: flex;
  justify-content: center;
  align-items: center;
}

#variazion_up_fb, #variazion_up_tw, #variazion_up_ig, #variazion_up_yt{
  width: 2em;
  margin: 15px;
}
.panel-variazione h1{
  margin: 15px;
}


.icon-social-account{
  font-size: 40px;
  background-color: transparent;
}


/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------- PAGE NEW ACCOUNT ----------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
#add_account .modal-body, #add_account .modal-footer{
  padding:0;
}
#add_account .modal-body tr td{
  padding: 5px 15px;
}
#add_account .modal-body tr td label{
  margin:0;
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: left;
}

#add_account table > tbody > tr > td > input,
#add_account table > tbody > tr > td:nth-child(2) > span{
  width: 100% !important;
}

#add_account .modal-content{
  margin:0;
}

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

.tr-input{
  border-color: var(--bg-color-input);
}
.tr-fb{
  color:var(--bg-color-fb);
  border-color: var(--bg-color-fb);
}

.tr-tw{
  color:var(--bg-color-tw);
  border-color: var(--bg-color-tw);
}

.tr-ig{
  color:var(--bg-color-ig);
  border-color: var(--bg-color-ig);
}

.tr-yt{
  color:var(--bg-color-yt);
  border-color: var(--bg-color-yt);
}

.tr-tt{
  color:var(--bg-color-tt);
  border-color: var(--bg-color-tt);
}

.new-player-td-input{
  height: 35px;
  border: solid 1px;
}

/* INVALID INPUT */
.invalid{
  border: 2px solid red !important;
}
.valid{
  border: 1px solid #aaa !important;
}


/* -------------------------------------- */
#conferma-account-image-profile{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

#conferma-account-image-profile img{
  width:6em;
}

#conferma_account{
  background-color: #0000005c;
}



.button-conferma-account{
  height: 4em;
  border-radius: 2em;
  margin: 1em; 
}
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------- PAGE MODIFY ACCOUNT HISTORY-------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
tbody .editable:hover, tbody .change_editable:hover{
  font-weight: 700;
  text-decoration: line-through !important;
  color: orange !important;
}


.dataTables_scrollHeadInner, 
.dataTables_scrollHeadInner{
  width: 100% !important;
  margin: auto;
}



/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------- ACCOUNT -------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
.type_db + .select2-container{
  width:100% !important;
}

.discipline_db + .select2-container{
  width:100% !important;
}

.parent_db + .select2-container{
  width:100% !important;
}

.tech_brand_db + .select2-container{
  width:100% !important;

}


/* ---------------------------------------------------------------------------------------------------- */
/* ------------------------------------ LOGIN ------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
#particles-js{
  
}


/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .nav-account-profile{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
  }

  .modal-body{
    overflow-x:auto;
  }

  #search_account {

  }

  /* MENU SEZIONE CON SUBMENU */
  .navbar-collapse.in{
    overflow-y: visible;
  }
  .range_date{
    width:100%;
  }

  .button-avvia-date{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #avvia_date{
    width:100%;
  }


  .section-title-menu{

  }

  .li_menu_team{
    margin:auto;
  }
  .navbar-collapse.navbar-menubuilder.collapse.in{
    background-color: #ffffff;
  }

  #team_custom_menu .section-title-menu #titolo_menu{
    font-size: large;
    font-weight: 600;
    line-height: 3em;
  }

}