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

body, html{
    overflow-x: hidden;
}
body {
    overflow-x: hidden;
    background: #f1f4f7;
    padding-top: 60px;
    font-size: 14px;
    color: #444444;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
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; }

.position-fixed{
  position: fixed;
}


.large {
  font-size: 2em; }

.text-muted {
  color: #c5c7cc; }

.color-gray {
  color: #444444; }

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

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

.color-orange {
  color: #ffb53e; }

.color-red {
  color: #f9243f !important; }

.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;
  height: 60px; }

.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: #444444; 
}
.btn-default[disabled] {
  color: #fff;
  background-color: #1b65a0;
}
.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; }

.label-example{
  color: black;
  font-weight: 400;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.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 {
  padding: 10px 0;
  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; }

.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;
  display: none;
  box-shadow: none;
  background: #fff; }

.sidebar ul {
  margin: 20px 0px; }

.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-blue .percent {
  color: #3C5A99; 
}
#easypiechart-teal .percent {
  color: #1ebfae; 
}
#easypiechart-orange .percent {
  color: #55acee; 
}
#easypiechart-red .percent {
  color: #dd2a7b; 
}

.easypiechart-facebook .percent {
  color: var(--bg-color-fb); 
}
.easypiechart-twitter .percent {
  color:var(--bg-color-tw); 
}
.easypiechart-instagram .percent {
  color: var(--bg-color-ig); 
}
.easypiechart-youtube .percent {
  color: var(--bg-color-yt); 
}

#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;
}






    .navbar {
        border-radius: 0px !important;
    }
    .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.hidden-xs, 
    li.title{
        margin-top: 12px;
        margin-bottom: 12px;
    }

    li.hidden-xs span, 
    li.title span{
        text-transform: uppercase;
        font-size: 20px;
        font-weight: bolder;
        float: left;
        line-height: 34px;
        display: block;
        margin-right: 25px;
    }

    .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 ------*/
    .tooltiptext_menu{
        top: 0px !important;
        height: 25px;
    }
    .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;
    }
    .tooltip_menu:hover .tooltiptext_menu {
        visibility: visible;
    }
    /*TOOLTIP SOCIAL*/
    .tooltiptext_social{
        top: 0px !important;
        height: 25px;
    }
    .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;

    }
    .tooltip_social:hover .tooltiptext_social {
        visibility: visible;
    }
    .info{
        line-height: 3em;
    }
    .info_result{
        font-weight: bold;
    }
  

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*-------------------TEAM e PLAYER SINGLE --------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/* FEDERAZIONE TEAM */
.table{
  background: #fff;
  border-radius: 6px;
}
.table > thead > tr > th{
  height: 25px;
}
#teams table th{
  text-align:center;
}
#teams table tbody td:nth-child(2){
  text-align:center;
}
/*------------------*/

/* LOGHI FEDERAZIONE E TEAM*/
    .loghi tbody tr td img{
        height: 100px;
    }
    .loghi tbody tr td{
        text-align: center;
    }
    .cellpadding {
       padding-left: 5px;
       padding-right: 5px;
    }
/* DATA ACQUISIZIONE SU TEAM e PLAYER SINGLE */
    .dataAcqu{
        float: right;
    }
    .navbar {
        border-radius: 0px !important;
    }
    
    .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;
    }
   
    .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;

    }
    
/*------ TOOLTIP MENU PLAYER ------*/
    .tooltiptext_menu{
        top: 0px !important;
        height: 25px;
    }
    .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; 
    }
    .tooltip_menu:hover .tooltiptext_menu {
        visibility: visible;
    }
    /*TOOLTIP SOCIAL*/
    .tooltiptext_social{
        top: 0px !important;
        height: 25px;
    }
    .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;
    }
    .tooltip_social:hover .tooltiptext_social {
        visibility: visible;
    }    
    .tooltip > .tooltip-inner {
        font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
        top: 0px !important;
        width: 120px;
        height: auto;
        font-size: 12px;
        background-color: #444444;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        /* TODO: verificare modifica */
        /* font-weight: bold; */

    }
    .tooltip.top > .tooltip-arrow{
      border-top-color: #444444;
    }

    .test + .tooltip.top > .tooltip-arrow {
      visibility: hidden;
    }


/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*-------------------REPORT TEAM------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/


/*------------*/
/*--SIDEBAR--*/
/*------------*/
.report_team{
  padding-left: 40px !important;
  background: #ffffff !important;
}
.report_team:hover{
  padding-left: 60px !important;
  background-color: #30a5ff !important;
}
#team_plus{
  padding-right: 15px;
}
.brandPlayerTeam{
  padding-left: 40px;
  background: #ffffff;
}
.brandPlayerTeam:hover{
  padding-left: 60px;
  background-color: #30a5ff;
}
.brandPlayerTeam i{
  font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#brandPT{
  padding-right: 15px;
  padding-left: 30px;
  text-decoration: none;
}



/*------------*/
/*--MENU NAV--*/
/*------------*/
    
    .navbar {
        border-radius: 0px !important;
    }
    .li_menu_team{
        text-align: center;
        padding-top: 0px;
        margin-top: 8px;
        width: 125px;
    }
    .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.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: #f1f4f7;
        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: #f5f8fb;
        padding-top: 0px;
        margin-top: 8px;
    }
    .li_menu_team.li_1{
      margin-left: 22rem;
      position: absolute;
    }
    .li_menu_team.li_2{
        position: absolute;
        margin-left: calc(22rem + 125px);
    }
    .li_menu_team.li_3{
        position: absolute;
        margin-left: calc(22rem + (2*125px));
    }
    .li_menu_team.li_4{
        position: absolute;
        margin-left: calc(22rem + (3*125px));
    }
    .li_menu_team.li_5{
        position: absolute;
        margin-left: calc(22rem + (4*125px));
    }
    .li_menu_team.li_6{
        position: absolute;
        margin-left: calc(22rem + (5*125px));
    }

    /*--------------------------------*/
    /*------------ NAVBAR ------------*/
    /*--------------------------------*/
    .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;

    }
    /*-------------*/
    /*FINE MENU NAV*/
    /*-------------*/ 
    th{
        text-align: left;
        font-weight: 500;
    }
    td{
        
        font-weight: 300;
        text-align: left;
    }
    .link_team_classifica{
        color: #444444;
    }
    .link_team_classifica:hover{
        color: #444444;
    }
    #titolo_menu{
        padding-left:10px;                                       
        text-transform: uppercase;
        font-size: 20px;
        font-weight: bolder;         
        float: left;
        line-height: 34px;
        display: block;
        margin-right: 25px;
    }
    .titolo_team{
        text-transform: uppercase;
        font-size: 20px;
        font-weight:bolder;
        border-top:0px;
        border-bottom:1px solid #e9ecf2;
        text-align:center;
        border-top-right-radius: 2em;
        border-top-left-radius: 2em;
    }
    #titolo_social{
        text-align: center;
    }
    .team_diversi{
        color:darkorange;
    }
    /*---------------------ULTIME MODIFICHE---------------*/
    .titolo_team_single{
        text-transform: uppercase;
        font-size: 20px;
        font-weight:bolder;
        border-top:0px;
        border-bottom:1px solid #e9ecf2;
        text-align:center;
        border-radius: 5px;
        height: 49px !important;
    }
    .team_single_var{
        font-weight: 300;
        font-size: 20px;
        text-align: center;
    }
    .variazione_pos{
        color: #0faf0f;
    }
    .variazione_neg{
        color: red;
    }
    /*--------------INIZIO TOOLTIP---------------*/    
    /*tooltiip legenda*/
    .tooltip_info_menu{
        top: 0px !important;
        height: 25px;
    }
    .tooltip_info_menu .tooltip_info {
        font-size: 12px;
        visibility: hidden;
        width: 13em;
        background-color: #444444;
        color: #fff;
        text-align: left;
        border-radius: 6px;
        padding: 5px 0;
        font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
        padding: 5px 5px;
        
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        bottom: 100%;
        right: 50%;
        text-transform: none !important;
        
    }
    .tooltip_info_menu:hover .tooltip_info{
        visibility: visible;
    }
    .glyphicon.glyphicon-info-sign{
         font-size: 14px !important;
    }
    /*tooltip valore per intero*/
    .tooltiptext_menu{
        top: 0px !important;
        height: 25px;
    }
    .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;
        top:25em;
        bottom: 0px;
        text-transform: capitalize !important;
       
    }
    .tooltip_menu:hover .tooltiptext_menu {
        visibility: visible;
        left: 50%;
    }
    /*FINE TOOLTIP*/
    /*CLASSIFICHE*/
    .link_team_classifica_social{
        color: #444444;
    }
    .link_team_classifica_social:hover{
        color: #444444;
    }
    /*FINE CLASSIFICHE*/
    /*SOTTOTITOLI*/
    .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;
    }
    /*FINE SOTTOTITOLI*/
    /*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;
    }
    /*CLASSIFICA SOCIAL FOLLOWERS*/
    .classifica_social_followers{
        text-align: right;
    }
    tr th.classifica_social_title{
        width: 100px;
        text-align: right;
    }
    /*BUTTON CENTER RANK TEAM SOCIAL*/
    #rank_team{
        background-color: white;
    }
    #rank_team li{
        background-color: #d8d8d8;
        float:left;
        position:relative;
        border-style: solid;
        
        border-bottom-color: #d8d8d8;
        border-top-color: #d8d8d8;
        border-right-color: #d8d8d8;
        border-left-color: #d8d8d8;
        border-top-right-radius: 2em;
        border-top-left-radius: 0.2em;
    }
    #rank_team a{
        text-decoration:none;
        margin:10px;
        float:left;
        color:#444444;
        padding:2px 5px;
        text-align:center;
        white-space:nowrap;
    }
    #rank_team li:hover{
        background:#f1f4f7; 
        border-bottom-color: #f1f4f7;
        border-top-right-radius: 2em;
        border-top-left-radius: 0.2em;
    }
    #rank_team li:hover a{
        color:black;
    }
    #rank_team li.active{
        border-color: #f1f4f7;
        background:#f1f4f7; 
        border-top-color: #d8d8d8;
        border-right-color: #d8d8d8;
        border-left-color: #d8d8d8;
        border-top-right-radius: 2em;
        border-top-left-radius: 0.2em;
    }
    #rank_team li.active a{
        color:black;
    }
    #rank_team li.active:hover{
        border-bottom-color: #f1f4f7;
        border-top-color: #d8d8d8;
        border-right-color: #d8d8d8;
        border-left-color: #d8d8d8;
        border-top-right-radius: 2em;
        border-top-left-radius: 0.2em;
    }
    .ranking_social_all{
        padding-top: 14px;
        margin-left: 12%;
        margin-right: 12%;
    }
    
    /*FINE BUTTON CENTER RANK TEAM SOCIAL*/

    /* NUOVO ACCOUNT SOCIAL TEAMS */
    .logo_teams_new_account{
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: auto;
    }
    .name_teams_new_account{
      display: flex;
      justify-content: center;
      margin: 0;
    }



    .value_right{
        text-align: right;
    }
    /*SQUADRE VARIAZIONE DEI FAN*/
    .team_single_var_pos{
        color: #0faf0f;
    }
    .team_single_var_neg{
        color: red;
    }
    .hidden {
        visibility: hidden;
    }
    .table_csv{
        color: #444444;
        float: right;
        font-weight: 100;
        font-size: 25px;
        text-transform: lowercase;
    }
    .table_csv:hover{
      text-decoration: none;
      font-weight: 500;
    }
    /*MENU INGHILTERRA*/
    #premier{
        padding-left: 0px;
        padding-right: 0px;
    }
    .li_menu_team .a_menu_team{
        padding-left: 0px;
        padding-right: 0px;
    }
    /*RANK VARIAZIONE*/
    .rank_variazione{
        background-color: white;
    }
    .rank_variazione li{
        width: 200px;
        background-color: #d8d8d8;
        float:left;
        position:relative;
        border-style: solid;
        border-bottom-color: #d8d8d8;
        border-top-color: #d8d8d8;
        border-right-color: #d8d8d8;
        border-left-color: #d8d8d8;
        border-top-right-radius: 2em;
        border-top-left-radius: 0.2em;
    }
    .rank_variazione a{
        text-align: center;
        width: 175px;
        text-decoration:none;
        margin:10px;
        float:left;
        color:#444444;
        padding:2px 5px;
        text-align:center;
        white-space:nowrap;
    }
    .rank_variazione li:hover{
        background:#f1f4f7; 
        border-bottom-color: #f1f4f7;
        border-top-right-radius: 2em;
        border-top-left-radius: 0.2em;
    }
    .rank_variazione li:hover a{
        color:black;
    }
    .rank_variazione li.active{
        
        border-color: #f1f4f7;
        background:#f1f4f7; 
        border-top-color: #d8d8d8;
        border-right-color: #d8d8d8;
        border-left-color: #d8d8d8;
        border-top-right-radius: 2em;
        border-top-left-radius: 0.2em;
        
    }
    .rank_variazione li.active a{
        color:black;
    }
    .rank_variazione li.active:hover{
        border-bottom-color: #f1f4f7;
        border-top-color: #d8d8d8;
        border-right-color: #d8d8d8;
        border-left-color: #d8d8d8;
        border-top-right-radius: 2em;
        border-top-left-radius: 0.2em;
    }
    .rank_variazione .ranking_social_all{
        left: 18%;
    }
    /*FINE RANK VARIAZIONE*/

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------DASHBOARD PLAYER VAR----------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
.selectOrd{ 
  text-align: center;
}
.totSelectOrd{
  color:#444444;
}
.imgSelectOrd:hover{
  background-color:#999;
  text-decoration: none;
  color:white;
}
/* 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;
  text-align: center;
  background-color: #ff0000;
}

.fa-twitter{
  background-color: #55acee;
}
.fa-facebook{
  background-color: #3c5998;
}
.fa-instagram{
  background-color: #dd2a7b;
}

.tableDashboard tbody tr td{
  text-align: right;
}
.tableDashboard tbody tr td:nth-child(1){
  text-align: center;
}
.tableDashboard tbody tr td:nth-child(2):hover{
  text-align: left;
  font-weight: 500;
  color:#30a5ff;
}
.tableDashboard tbody tr td:nth-child(2){
  text-align: left;
  font-weight: 500;
}
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------DASHBOARD BIRTHDAY-------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
#playerBirthday{
  color: #777777;
}
#playerBirthday:hover{
  /* font-weight: 500; */
  text-decoration: none;
  color: #30a5ff;
}
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*-------------------REPORT PLAYER----------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
#team_custom_menu,
#federation_custom_menu
{
  background:white;
}

/* CSV */
.sottotitoli_testo .table_csv{
  color: white;
}
.sottotitoli_testo .fa.fa-download{
  color: white;
}
/* VARIAZIONI */
.positive{
  color: #0fc712;
}
.negative{
  color: orangered;
}


/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*-------------------REPORT BRAND TABLE-----------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
.reportBrandP table thead th{
  text-align:center;
}    
.reportBrandP table tbody tr td{
  text-align:right;
}
.reportBrandP table tbody tr td:nth-child(1), .reportBrandP table tbody tr td:nth-child(3), .reportBrandP table tbody tr td:nth-child(8), .reportBrandP table tbody tr td:nth-child(9), .reportBrandP table tbody tr td:nth-child(10), .reportBrandP table tbody tr td:nth-child(11){
  text-align:center;
}
.reportBrandP table tbody tr td:nth-child(2){
  text-align:left;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*----------------REPORT BRAND PLAYER TABLE-------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

#reportBrandPlayer table tr td:nth-child(2){
  font-weight: 500;
}
#reportBrandPlayer table tr td:nth-child(2):hover{
  color: #38a2ff;
  font-weight: 500;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*---------------------REPORT TEAM----------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/* TABELLA IN REPORTPLAYER e REPORTTEAM */
table thead > tr > th{
  text-align: center;
}
.tableReportTeam thead tr td{
  text-align: center;
}
.tableReportTeam tbody tr td{
  text-align: center;
}
.tableReportTeam tbody tr td:nth-child(1) {
  text-align: center;
}
.tableReportTeam tbody tr td:nth-child(2) {
  text-align: left;
  padding-left:35px !important;
  font-weight: 500 !important;
}
.tableReportTeam tbody tr td:nth-child(3) {
  text-align: left;
  padding-left:15px !important;
}
.tableReportTeam tbody tr td:nth-child(4){
  text-align: right;
  padding-right:25px !important;
}
.tableReportTeam tbody tr td:nth-child(5) {
  text-align: center;
}
.tableReportTeam tbody tr td:nth-child(6){
  text-align: right;
  padding-right:50px !important;
}
.tableReportTeamGeneral tbody tr td{
  text-align: center;
}
.tableReportTeamGeneral tbody tr td:nth-child(2){
  text-align: left;
}

.tableReportTeamGeneral tr td:nth-child(2){
  font-weight: 500 !important;
}
.tableReportTeamGeneral tr td:nth-child(2):hover{
  color: #38a2ff;
  font-weight: 500 !important;
}
.tableReportTeamGeneral tr th:nth-child(2){
  width: 98px;
}

#tablePlayerGlob tbody td:nth-child(5){
  border-right: 2px solid #38a3ff;
  border-left: 2px solid #38a3ff;
}
#tablePlayerGlob tbody td:nth-child(6){
  border-right: 2px solid #297ec7;
  border-left: 2px solid #297ec7;
}
#tablePlayerGlob tbody td:nth-child(7){
  
  border-left: 2px solid #1f5f96;
}
#tablePlayerGlob tbody td:nth-child(8){
  border-right: 2px solid #1f5f96;
}


#tablePlayerGlobApprox tbody td:nth-child(5){
  border-right: 2px solid #38a3ff;
  border-left: 2px solid #38a3ff;
}
#tablePlayerGlobApprox tbody td:nth-child(6){
  border-right: 2px solid #297ec7;
  border-left: 2px solid #297ec7;
}
#tablePlayerGlobApprox tbody td:nth-child(7){
  border-right: 2px solid #1f5f96;
  border-left: 2px solid #1f5f96;
}


/* REPORT TEAM TABLE SECONDA COLONNA LINK CUSTOM */
#tablePlayerFb tr td:nth-child(2), 
#tablePlayerTw tr td:nth-child(2), 
#tablePlayerIg tr td:nth-child(2), 
#tablePlayer tr td:nth-child(2){
  font-weight: 500 !important;
}
#tablePlayerFb tr td:nth-child(2):hover,
#tablePlayerTw tr td:nth-child(2):hover, 
#tablePlayerIg tr td:nth-child(2):hover,
#tablePlayer tr td:nth-child(2):hover{
    color: #38a2ff;
    font-weight: 500 !important;
}
#tableBrand tr td:nth-child(2){
    font-weight: 500 !important;
}
#tableBrand tr td:nth-child(2):hover{
    color: #38a2ff;
    font-weight: 500 !important;
}

/*-------------*/
/* REPORT TEAM */
/*-------------*/
.tableInfo.dataTable{
  border-collapse: collapse;
}
.tableInfo thead tr td, .tableInfo tbody tr td{
  width:150px !important;
}


#tableRankEuropa thead > tr > th,
  #tableRankEuropa tbody > tr > td,
  #tableInfoSocial thead > tr > th,
  #tableInfoSocial tbody th, 
  #tableInfoSocial tbody td,
  #tableInfoSocial2 thead > tr > th,
  #tableInfoSocial2 tbody th, 
  #tableInfoSocial2 tbody td,
  #tableInfoSocial3 thead > tr > th,
  #tableInfoSocial3 tbody th, 
  #tableInfoSocial3 tbody td,
  #tableInfoSocialMultiAccount thead > tr > th,
  #tableInfoSocialMultiAccount tbody th, 
  #tableInfoSocialMultiAccount tbody td,
  #tableInfo thead > tr > th,
  #tableInfo tbody th, 
  #tableInfo tbody td{
      text-align: center;
  }

/* FEDERAZIONE */
#tableInfo tr td:nth-child(1) {
    border: 2px solid #FF5951;
}
/* CLUB */
#tableInfo tr td:nth-child(2) {
    border: 2px solid #15B24F;
}
/* BRAND */
#tableInfo tr td:nth-child(3) {
    border: 2px solid #FFA312;
}

/* YOUTUBE */
#tableInfoSocial tr td:nth-child(1) {
  border-bottom: 2px solid #cc181e;
  border-top: 2px solid #cc181e;
  border-left: 2px solid #cc181e;
}
#tableInfoSocial tr td:nth-child(2) {
  border-bottom: 2px solid #cc181e;
  border-top: 2px solid #cc181e; 
}
#tableInfoSocial tr td:nth-child(3) {
  border-bottom: 2px solid #cc181e;
  border-top: 2px solid #cc181e;
}
#tableInfoSocial tr td:nth-child(4) {
  border-bottom: 2px solid #cc181e;
  border-top: 2px solid #cc181e;
  border-right: 2px solid #cc181e;   
}

/*FACEBOOK*/
#tableInfoSocial tr td:nth-child(5) {
  border-bottom: 2px solid #3B5998;
  border-top: 2px solid #3B5998;
  border-left: 2px solid #3B5998;
}
#tableInfoSocial tr td:nth-child(6) {
  border-bottom: 2px solid #3B5998;
  border-top: 2px solid #3B5998;   
}
#tableInfoSocial tr td:nth-child(7) {
  border-bottom: 2px solid #3B5998;
  border-top: 2px solid #3B5998; 
}
#tableInfoSocial tr td:nth-child(8) {
  border-bottom: 2px solid #3B5998;
  border-top: 2px solid #3B5998;
  border-right: 2px solid #3B5998;
}

/*TWITTER*/
#tableInfoSocial2 tr td:nth-child(1) {
  border-bottom: 2px solid #1dcaff;
  border-top: 2px solid #1dcaff;
  border-left: 2px solid #1dcaff;
}
#tableInfoSocial2 tr td:nth-child(2) {
  border-bottom: 2px solid #1dcaff;
  border-top: 2px solid #1dcaff;  
}
#tableInfoSocial2 tr td:nth-child(3) {
  border-bottom: 2px solid #1dcaff;
  border-top: 2px solid #1dcaff;
}
#tableInfoSocial2 tr td:nth-child(4) {
  border-bottom: 2px solid #1dcaff;
  border-top: 2px solid #1dcaff;
  border-right: 2px solid #1dcaff;
}

/*INSTAGRAM*/
#tableInfoSocial2 tr td:nth-child(5) {
  border-bottom: 2px solid #fbad50;
  border-top: 2px solid #fbad50;
  border-left: 2px solid #fbad50;
}
#tableInfoSocial2 tr td:nth-child(6) {
  border-bottom: 2px solid #fbad50;
  border-top: 2px solid #fbad50;
}
#tableInfoSocial2 tr td:nth-child(7) {
  border-bottom: 2px solid #fbad50;
  border-top: 2px solid #fbad50;
}
#tableInfoSocial2 tr td:nth-child(8) {
  border-bottom: 2px solid #fbad50;
  border-top: 2px solid #fbad50;
  border-right: 2px solid #fbad50;
}

/* MULTI TWITTER */
#tablePlayerTwExt tbody tr td:nth-child(4){
  border-left: 2px solid #38a3ff;
  
}
#tablePlayerTwExt tbody tr td:nth-child(5){
  border-right: 2px solid #38a3ff;
}
#tablePlayerTwExt tbody tr td:nth-child(6){
  border-left: 2px solid #287ec7;
}
#tablePlayerTwExt tbody tr td:nth-child(9){
  border-right: 2px solid #287ec7;
}
#tablePlayerTwExt tbody tr td:nth-child(10){
  border-left: 2px solid #1e5f96;
}
#tablePlayerTwExt tbody tr td:nth-child(13){
  border-right: 2px solid #1e5f96;
}

/* MULTI SOCIAL */
#tableInfoSocialTotaleExtGlob tbody tr td{
  text-align: center;
}
#tableInfoSocialTotaleExtGlob tbody tr td:nth-child(1){
  border-bottom: 2px solid #38a3ff;
  border-top: 2px solid #38a3ff;
  border-left: 2px solid #38a3ff;
}
#tableInfoSocialTotaleExtGlob tbody tr td:nth-child(2) {
  border-bottom: 2px solid #38a3ff;
  border-top: 2px solid #38a3ff; 
}
#tableInfoSocialTotaleExtGlob tbody tr td:nth-child(3) {
  border-bottom: 2px solid #38a3ff;
  border-top: 2px solid #38a3ff; 
}
#tableInfoSocialTotaleExtGlob tbody tr td:nth-child(4) {
  
  border-bottom: 2px solid #38a3ff;
  border-top: 2px solid #38a3ff;
  border-right: 2px solid #38a3ff;
}
#tableInfoSocialTotaleExtGlob tbody tr td:nth-child(5){
  border-bottom: 2px solid #38a3ff;
  border-top: 2px solid #38a3ff;
  border-left: 2px solid #38a3ff;
}
#tableInfoSocialTotaleExtGlob tbody tr td:nth-child(6) {
  border-bottom: 2px solid #38a3ff;
  border-top: 2px solid #38a3ff; 
}
#tableInfoSocialTotaleExtGlob tbody tr td:nth-child(7) {
  border-bottom: 2px solid #38a3ff;
  border-top: 2px solid #38a3ff; 
}
#tableInfoSocialTotaleExtGlob tbody tr td:nth-child(8) {
  
  border-bottom: 2px solid #38a3ff;
  border-top: 2px solid #38a3ff;
  border-right: 2px solid #38a3ff;
}

/*SOCIAL*/
#tableInfoSocial3 tr td:nth-child(1) {
  border-bottom: 2px solid #38a3ff;
  border-top: 2px solid #38a3ff;
  border-left: 2px solid #38a3ff;
}
#tableInfoSocial3 tr td:nth-child(2) {
  border-bottom: 2px solid #38a3ff;
  border-top: 2px solid #38a3ff; 
}
#tableInfoSocial3 tr td:nth-child(3) {
  border-bottom: 2px solid #38a3ff;
  border-top: 2px solid #38a3ff; 
}
#tableInfoSocial3 tr td:nth-child(4) {
  
  border-bottom: 2px solid #38a3ff;
  border-top: 2px solid #38a3ff;
  border-right: 2px solid #38a3ff;
}

/*MULTI TWITTER*/
#tableInfoSocialMultiAccount tr td:nth-child(1) {
  border-bottom: 2px solid #1dcaff;
  border-top: 2px solid #1dcaff;
  border-left: 2px solid #1dcaff;
}
#tableInfoSocialMultiAccount tr td:nth-child(2) {
  border-bottom: 2px solid #1dcaff;
  border-top: 2px solid #1dcaff;  
}
#tableInfoSocialMultiAccount tr td:nth-child(3) {
  border-bottom: 2px solid #1dcaff;
  border-top: 2px solid #1dcaff;
}
#tableInfoSocialMultiAccount tr td:nth-child(5) {
  border-bottom: 2px solid #1dcaff;
  border-top: 2px solid #1dcaff;
}
#tableInfoSocialMultiAccount tr td:nth-child(6) {
  border-bottom: 2px solid #1dcaff;
  border-top: 2px solid #1dcaff;
}
#tableInfoSocialMultiAccount tr td:nth-child(7) {
  border-bottom: 2px solid #1dcaff;
  border-top: 2px solid #1dcaff;
}
#tableInfoSocialMultiAccount tr td:nth-child(4), #tableInfoSocialMultiAccount tr td:nth-child(8) {
  border-bottom: 2px solid #1dcaff;
  border-top: 2px solid #1dcaff;
  border-right: 2px solid #1dcaff;
}
/*-------------*/
/*-------------*/
/*-------------*/


/* SOCIAL YOUTUBE */
.btn.btn-social-icon.btn-youtube:hover{
    color: red;
    background-color: white;
    border-color: rgba(0,0,0,0.2);
}
.btn.btn-social-icon.btn-youtube{
  color: white;
  background-color: red;
  border-color: rgba(0,0,0,0.2);
}
.btn.btn-social-icon{
    margin-left: 7px;
    margin-right: 7px;
    float: left;
}

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

/* TEAMS_SINGLE_INFO */
#datiTeam,
#socialTeam{
    width: 100%;
}
#datiTeam tbody tr,
#socialTeam tbody tr{
    height: 2.5em;
}
#datiTeam tbody tr td:nth-child(2),
#socialTeam tbody tr td:nth-child(2),
#socialTeam .account_social{
    font-weight: bold;
}

#socialTeam .text-overflow-ellipsis{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#logoMD{
    margin: auto;
    width: 25%;
}

/*---------------------------------------*/
/*---------------------------------------*/
/*---------------------------------------*/
/* IMAGE LOGO teams */
.div-img-logo-team{
  width: 100px;
}

.img-logo-team{
  width: 100%;
}

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

.navbar {
    border-radius: 0px !important;
}
.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.hidden-xs{
    margin-top: 12px;
    margin-bottom: 12px;
}
li.hidden-xs span{
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bolder;
    float: left;
    line-height: 34px;
    display: block;
    margin-right: 25px;
}

.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;

}

/*------ TOOLTIP MENU PLAYER / TEAM ------*/
.tooltiptext_menu{
    top: 0px !important;
    height: 25px;
}
.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;
}
.tooltip_menu:hover .tooltiptext_menu {
    visibility: visible;
}

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

/*----------------PLAYER------------*/
#test{
  padding-left:10px;                                       
  padding-top:10px;                                           
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bolder;         
  float: left;
  line-height: 34px;
  display: block;
  margin-right: 25px;
}
/*-----------------------------------*/ 
/*---------PLAYER SINGLE INFO---------*/
#fieldXS{
    margin: auto;
    width: 100%;
    padding: 10px;
}
#fieldMD{
    display: block;
    margin: auto;
    width: 50%;
}
#datiPlayer,
#ruoloPlayer{
    width: 100%;
}
#datiPlayer tbody tr,
#ruoloPlayer tbody tr{
    height: 2.5em;
}
#datiPlayer tbody tr td:nth-child(2),
#ruoloPlayer tbody tr td:nth-child(2){
    font-weight: bold;
}
/*-------------------------------------*/ 

/*---------PLAYER SINGLE CAREER---------*/
#tablePlayerCareer .icon{
    width: 25px;
    height: 25px !important;
    text-align: center;
    padding-top: 5px;
    height: 16px;
    border-radius: 17px;
    text-align: center;
    background-color: white;
}
#tablePlayerCareer .icon#reti{
    color:darkgreen;
}
#tablePlayerCareer .icon#assist{
    color:cornflowerblue;
}
#tablePlayerCareer .icon#autoreti{
    color:red;
}
#tablePlayerCareer .icon#dueAmmonizioni{
    color: #d6d626;
}
#tablePlayerCareer .icon#ammonizioni{
    color: #d6d626;
}
#tablePlayerCareer .icon#espulsioni{
    color:red;
}
#tablePlayerCareer .icon#entrate{
    color: darkgreen; 
}
#tablePlayerCareer .icon#sostituzioni{
    color:red;
}
#tablePlayerCareer th{
    text-align: center;
} 
/*-------------------------------------*/ 


/*---------FOOTBALL BRAND PLAYER ---------*/
#brandPlayer table{
  width:90%;
}
#brandPlayer table thead th{
  text-align:center;
}
#brandPlayer table tbody td{
  text-align:right;
  padding-right: 30px;
  padding-left: 30px;
  vertical-align: middle;
}
#brandPlayer table tbody td:nth-child(1){
  text-align:center;
}
#brandPlayer table tbody td:nth-child(2){
  text-align:left;
}
#brandPlayer table tbody td:nth-child(2):hover{
  color: #30a5ff;
  font-weight: 700;
}
/*---------------------------------------*/ 


/*---------FOOTBALL BRAND PLAYER INFO---------*/
#brandPlayerDettaglio table{
  width:95%;
}
#brandPlayerDettaglio table thead th{
  text-align:center;
}
#brandPlayerDettaglio table tbody td{
  text-align:right;
  padding-right: 30px;
  padding-left: 30px;
  vertical-align: middle;
}
#brandPlayerDettaglio table tbody td:nth-child(1){
  text-align:center;
}
#brandPlayerDettaglio table tbody td:nth-child(2), #brandPlayerDettaglio table tbody td:nth-child(3){
  text-align:left;
}
#brandPlayerDettaglio table tbody td:nth-child(2):hover , #brandPlayerDettaglio table tbody td:nth-child(3):hover{
  font-weight: 700;
  color: #30a5ff;
}
/*--------------------------------------------*/ 

/*---------FOOTBALL BRAND PLAYER ---------*/
#brandTeam table{
  width:90%;
}
#brandTeam table thead th{
  text-align:center;
}
#brandTeam table tbody td{
  text-align:right;
  padding-right: 30px;
  padding-left: 30px;
  vertical-align: middle;
}
#brandTeam table tbody td:nth-child(1), #brandTeam table tbody td:nth-child(3){
  text-align:center;
}
#brandTeam table tbody td:nth-child(2){
  text-align:left;
}
#brandTeam table tbody td:nth-child(2):hover{
  font-weight: 700;
  color: #30a5ff;
}
/*---------------------------------------*/ 


/*---------FOOTBALL BRAND PLAYER INFO---------*/
#brandTeamDettaglio table{
  width:95%;
}
#brandTeamDettaglio table thead th{
  text-align:center;
}
#brandTeamDettaglio table tbody td{
  text-align:right;
  padding-right: 30px;
  padding-left: 30px;
  vertical-align: middle;
}
#brandTeamDettaglio table tbody td:nth-child(1){
  text-align:center;
}
#brandTeamDettaglio table tbody td:nth-child(2), #brandTeamDettaglio table tbody td:nth-child(3){
  text-align:left;
}
#brandTeamDettaglio table tbody td:nth-child(2):hover , #brandTeamDettaglio table tbody td:nth-child(3):hover{
  font-weight: 700;
  color: #30a5ff;
}

/*--------------------------------------------*/ 
/*DETTAGLI OPERAZIONI INSERIMENTO PLAYER+TEAM*/
#formSocial{
  margin-top:1em;
  margin-bottom:3em;
}
.col-operationSelectTeam{
  margin-left:15px;
}
.operationSelectTeam{
  width:185px;
}
#input-valuePlace_social{
  width: 117px;
}

.button-operation-crea-nuovo{
  width: 40%;
  height: 4em;
  border-radius: 2em;
  margin-top: 10%;
}
#operationAccount{
  float: right;
}
#input-submit{
  border-radius: 5px;
  /* height:100%; */
}
/* MODIFICA PLAYER*/
#col-player-operation-modify{
  right:12px;
}

/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/* SEZIONE PLAYER/TEAM/FEDERATION */
/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/*--------------------------------------------*/ 

/* ---------------------------- */
/* COMUNE A TUTTI */
.content-body{
  /* width: calc(100% - 50px); */
  width: calc(100% - 75px);
  min-height: 100vh;
  transition: all 0.3s;
  /* margin-left:50px; */
  margin-left:75px;
}

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

/* TITOLI H5 */
.text-chart-andamento{
  font-size: 1.57em;
  line-height: 1.4em;
  font-weight: 400;
  color: #9a9a9a;
}

span.text-chart-andamento{
  font-size:22px;
  color: #444444;
}
/*--------------------------------------------*/ 
/*--------------------------------------------*/ 

.color-facebook{
  color:#3C5A99;
  font-weight: 500;
}

.color-twitter{
  color:#55acee;
  font-weight: 500;
}

.color-instagram{
  color: #dd2a7b;
  font-weight: 500;
}

.color-youtube{
  color:red;
  font-weight: 500;
}

.background-color-twitter{
  background-color: #55acee;
}
.background-color-facebook{
  background-color: #3c5998;
}
.background-color-instagram{
  background-color: #dd2a7b;
}
.background-color-youtube{
  background-color: #cc181e;
}

.background-color-general{
  background-color: #9e9e9e;
}


.border-left-fb{
  border-left: .45rem solid #3C5A99;
}

.border-left-tw{
  border-left: .45rem solid #55acee;
}
.border-left-ig{
  border-left: .45rem solid #dd2a7b;
}
.border-left-yt{
  border-left: .45rem solid red;
}
/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/* ICONE SOCIAL */
.icon-likes{
  color:#3C5A99;
}

.icon-follower-tw{
  /* background-color: #55acee; */
  background-color: transparent;
  color:#55acee;
}

.icon-follower-ig{
  background-color: transparent;
  color: #dd2a7b;
}

.icon-follower-yt{
  background-color: transparent;
  color:red;
}

.icon-follower-aggregate{
  background: linear-gradient(to left, #3C5A99 0%, #55acee 50%, red 100% );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

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

.btn.btn-instagram{
  background-color: #e51774;
}
.btn.btn-tiktok{
  background-color: #5bd7d6;
  border-color: #42a9a8;
}

/* HOVER */
.btn-facebook.button-social-link:hover .fa-facebook.icon-social-link{
  color: #3b5998;
  background-color: white ;
}
.btn-twitter.button-social-link:hover .fa-twitter.icon-social-link{
  color: #55acee;
  background-color: white ;
}
.btn-instagram.button-social-link:hover .fa-instagram.icon-social-link{
  color: #e51774;
  background-color: white ;
}

.btn-tiktok.button-social-link:hover .icon-social-link{
  color: #e51774;
  background-color: white ;
}
/*--------------------------------------------*/ 
/*--------------------------------------------*/ 

/* PANEL/PANEL DEFAULT */
.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-heading, .panel-body {
  padding: 20px;
}

/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
.width-90{
  width: 90%;
}
.width-100{
  width: 100%;
}
.width-12-em{
  width: 12em;
}

.width-10-em{
  width: 10em;
}

/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/* 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;
}  

/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/* ROW CENTER */
.justify-content-center{
  justify-content:center !important;
}
.justify-content-right{
  justify-content:right !important;
}
.justify-content-left{
  justify-content:left !important;
}

/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
.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-right{

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

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

/* ACCOUNT SOCIAL BOLD */
.account{
  font-weight: 600;
}
/* ACCOUNT SOCIAL COLOR */
.account.fb{
    color: #3c5997;
}
.account.tw{
    color:#55acee;
}
.account.ig{
    color:#dd2a7b;
}

.account.aggregato::selection{
  color:#777777;
}


/*--------------------------------------------*/ 
/*-------------- COLOR SOCIAL ----------------*/ 
/*--------------------------------------------*/ 
.fb{
  color: var(--bg-color-fb);
}
.tw{
  color: var(--bg-color-tw);
}
.ig{
  color: var(--bg-color-ig);
}
.yt{
  color: var(--bg-color-yt);
}
.tt{
  color: var(--bg-color-tt);
}
.aggregato{
  color:#777777;
}


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

.padding-15{
  padding:15px;
}

.padding-top-bottom-12{
  padding-top: 12px;
  padding-bottom: 12px;
}
.padding-top-bottom-5{
  padding-top: 5px;
  padding-bottom: 5px;
}

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

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

.padding-left-right-15{
  padding-left:15px;
  padding-right: 15px;
}

#removeTr .padding-top-20{
  padding-top: 20px;
}
/* .removeTr .padding-top-20{
  padding-top: 20px;
} */

/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
.width-min-modal{
  min-width: 167px;
}



/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/* 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;
}



/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
.font-size-12{
  font-size : 12px;
}

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

/* ICONE SOCIAL FOLLWERS player/teams/federations */
.col-icon-custom{
  min-height: 94px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.col-icon-custom i{
  font-size: 50px;
}
/* ICONE SOCIAL FOLLWERS VARIAZIONI player/teams/federations */
.col-icon-custom-variazione{
  min-height: 94px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  
}

.col-icon-custom-variazione i{
  font-size: 40px;
}

.col-value-custom{
  
}
.col-value-custom h1{
  font-weight: 400;
}

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

/* MARGINE ANDAMENTO SOCIAL player/teams/federations */
.row-margin-chart-andamento{
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 1rem;
  margin-bottom: 4rem;
}


/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/* al click dettaglio del player */
.dettaglio_player:hover{
  font-weight: 600;
  color:#30a5ff;
}

/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
#removeTr 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;
}

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

.input-custom{
  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;
}

.select-custom{
  background: #fff;
  border: 1px solid #dfe1e5;
  box-shadow: none;
  display: flex;
  padding: 5px 4px 0 16px;
  padding-left: 20px;
}



#removeTr td#player_id_history,
#removeTr td#player_id_modify,
#removeTr td#player_name,
#removeTr td#player_date,
#removeTr td#team_id_tech_brand,
#removeTr td#team_name_tech_brand
{
  padding: 20px;
}

#removeTr td{
  text-align: center;
  vertical-align: middle;
}

.removeTr{
  height: 50px;
}

.removeTr td,
.removeTr th{
  text-align: center;
  vertical-align: middle;
}

.removeTr th{
  text-align: left;
}

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


/* ICONA Variazione Negativa */
.variazione-negative{
  transform: scaleY(-1);
}

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

.team-account-button-plus{
  background: #fff;
  border: 1px solid #dfe1e5;
  box-shadow: none;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  display: flex;
  transition: 1.5s;
}
.display-hide {
  display: none; 
}
.display-block {
  display: block;
}

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

.button-width-custom{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100px;
}


/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/* SUDDIVISIONE DELLA LARGHEZZA IN 5 PARTE */
.col-custom-width-5{
  width: calc(100%/5);
}
/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/*--------------------------------------------*/ 
/* MARGIN */
.margin-bottom-15{
  margin-bottom: 15px;
}

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

.margin-bottom-5{
  margin-bottom: 5px;
}
.margin-top-bottom-12{
  margin-top: 12px;
  margin-bottom: 12px;
}
.margin-auto{
  margin:auto !important;
}

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

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

/*--------------------------------------------*/ 
/*--------------- TEAM FORM NEW ACCOUNT-----------------------------*/ 
/*--------------------------------------------*/ 
/* TEAM - LABEL FORM NEW ACCOUNT */
.label_new_account{
  font-weight: 600;
  color: #444444;
}

/* PANEL BODY PADDING - FORM NEW ACCOUNT */
.modal-body.height_modal{
  padding: 30px;
}

/* NAME TEAM SELECTED - FORM NEW ACCOUNT */
.team_id_selection{
  margin-top: 12px;
  margin-bottom: 12px;
}


/*--------------------------------------------------------------*/ 
/*--------------- TEAM TABLE ACCOUNT HISTORY -------------------*/ 
/*--------------------------------------------------------------*/ 
#tableTeamHistory .border-fb,
#tableMultiSocial .border-fb,
.table > thead > tr > th.border-fb{
  border-bottom: 2px solid #3c5998;
}
#tableTeamHistory .border-tw,
#tableMultiSocial .border-tw,
.table > thead > tr > th.border-tw{
  border-bottom: 2px solid #55acee;
}
#tableTeamHistory .border-ig,
#tableMultiSocial .border-ig,
.table > thead > tr > th.border-ig{
  border-bottom: 2px solid #dd2a7b;
}
#tableTeamHistory .border-yt,
#tableMultiSocial .border-yt,
.table > thead > tr > th.border-yt{
  border-bottom: 2px solid red;
}


.border-fb{
  border-bottom: 2px solid #3c5998;
}
.border-tw{
  border-bottom: 2px solid #55acee;
}
.border-ig{
  border-bottom: 2px solid #dd2a7b;
}
.border-yt{
  border-bottom: 2px solid red;
}
.border-tt{
  border-bottom: 2px solid #5ad7d6 !important;
}

.border-bottom-table{
  border-bottom:1pt solid #d1d1d1;
}

.modal-border-social{
  padding: 5px;
  margin: 10px;
  height: 8em;
  align-items: center;
  display: grid;
  border-radius: 10px !important;
}

.modal-border-fb{
  border: 2px solid #3c5998 !important;
  
}
.modal-border-tw{
  border: 2px solid #55acee !important;
  
}
.modal-border-ig{
  border: 2px solid #dd2a7b !important;
  
}
.modal-border-yt{
  border: 2px solid red !important;
}
.modal-border-tt{
  border: 2px solid #5ad7d6 !important;
}

.modal-border-aggregato{
  border: 2px solid #777777 !important;
}

.group-modal{
  display: flex;
  align-items: center;
}
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* MODAL INSERISCI NEW ACCOUNT - DIMENSIONI INPUT (team/federation) */
.dimension_modal{
  height: 44px !important;
  width: 100%;
}

.dimension_modal_input{
  /* margin-top:10px; */
  margin-bottom: 10px;
  width: 100%;
}

.row-height-new-account-social{
  height: 5em;
}

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

.modal-custom-width{
  width: 100%;
  margin: 0;
  padding: 0;
}

.modal-custom-width-1000{
  min-width: 1000px;
}

/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
.modal-width-100{
  width: 100%;
  margin: 0;
  padding: 0;
}

.modal-width-50{
  width: 50%;
  margin: 0;
  padding: 0;
  margin-left: 25%;
}
#modal_success, #modal_wrong,
#modal_success.modal.fade.modal_team.in,
#modal_wrong.modal.fade.modal_team.in{
  z-index: 1051;
}

/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
.table_custom > thead th,
.table_custom > tbody td{
  font-size: 14px;
}
.table_custom > tbody > tr > td,
.vertical_align_middle > tbody > tr > td{
  vertical-align: middle;
}
.table_custom tbody td {
  text-align: center;
}

/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
.table_custom_hover > thead th,
.table_custom_hover > tbody td{
  font-size: 14px;
}
.table_custom_hover > tbody > tr > td,
.vertical_align_middle > tbody > tr > td{
  vertical-align: middle;
}
.table_custom_hover tbody td {
  text-align: center;
}
.table_custom_hover tbody tr:hover{
  color: #ff9800;
  font-weight: 500;
}
.table_custom_hover tbody .value_social:hover{
  font-weight: 800;
  color: #ff9800;
}

.table_custom_hover tbody .value_social{
  text-align: right;
}

.account_social_link:hover{
  color:#30a5ff;
  font-weight: 500;
}

.value_social{
  text-align: right;
}
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
#tableFederationHistory tbody td{
  width: calc(100% / 8);
}

/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
.vertical_align_middle{
  vertical-align: middle;
}



.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
  vertical-align: middle;
  border-top: 0;
}

/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* SEZIONE CHECKDATI: paragrafi senza margini */
.result-account p{
  margin:0;
}


/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* 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%;
}
/* --------------------------- */
/* --------------------------- */
/* --------------------------- */

/* CALCIOMERCATO - MENU federazione */
.menu-federation:nth-child(1) {
  border-top-left-radius: 10px;
}
.menu-federation:nth-child(6) {
  border-top-right-radius: 10px;
}
.menu-federation{
  /* background-image: linear-gradient(gainsboro, #f2f4f7); */
  /* border: 1px solid ; */
  /* border-top-right-radius:15px;
  border-top-left-radius:4px;
  border-bottom-right-radius:0;
  border-bottom-left-radius:0; */
  
  background-color: white;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border-bottom: 1px solid gainsboro; */
}
.menu-federation:hover{
  box-shadow: 1px 4px 5px 2px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.menu-federation a{
  color: #777;
}

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

.menu-federation.active{
  /* background-color: gainsboro;
  background-image:none; */
  border-bottom: 3px solid #30a5ff;
  box-shadow: 1px 4px 5px 1px rgba(0, 0, 0, 0.1);
}

.menu-federation:hover{
  border-bottom: 3px solid #30a5ff;
  /* background-color: gainsboro;
  background-image:none; */
  
}

/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* DASHBOARD */
.dashboard-info{
  margin-bottom: 5rem;
}


.dashboard-birthday{
  position: fixed;
  z-index: 1;
  right:15px;
  box-shadow: 0 6px 10px -4px rgba(0,0,0,.15);
}
.dashboard-birthday .row{
  background-color: #fff;
  height: 58px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.dashboard-birthday .row .col-dashboard-birth{
  height: 100%;
  display: flex;
  align-items: center;
  background-color: transparent;
}

#dt_update{
  text-transform: uppercase;
}
.dashboard-info .panel-body {
  padding: 10px;
}

/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* 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 TORTA - seleziona federazione */
.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 SHADOW BUTTON */
.button_hover:hover, .button_hover:focus{
  box-shadow: 1px 4px 5px 1px rgba(0, 0, 0, 0.1);
}
.btn-custom{
  background-color: #5bbcf5;
  color: white;
}

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

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


/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* BUTTON SHADOW BUTTON */
.border-error{
  border: 2px solid red;
}

.border-success{
  border: 2px solid green;
}
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* REPORT GRAPHIC => SUB MENU TECH BRAND | TORTE */
.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;
}

.nav-custom li.active{
  text-decoration:underline;
  background: #e8e8e8;
}
.nav-custom li.active{
 
 background: #e8e8e8;
}
.nav-custom li a:hover{
  text-decoration:underline;
  color: #30a5ff;
}

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



/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* SPONSOR/TECH BRAND - BUTTON NEW SPONSOR  */
.button_new_sponsor{
  border-radius: 30px;
}


/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------- 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-border-custom.panel-border-tt{
  border-left: .55rem solid var(--bg-color-tt);
}
.panel-border-custom.panel-border-tot{
  border-left: .55rem solid var(--bg-color-tot);
}


/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* SELECT2 Modale - NEW ACCOUNT SOCIAL */
/* SELECT2 OPTION SU MODALE */
.select2-selection.select2-selection--single{
  height: 3em;
}
.select2-selection__rendered, .select2-selection__arrow{
  height: 100%!important;
  display: flex !important;
  align-items: center;
  justify-content: center;   
}
.select2.select2-container{
  width: 100% !important;
}


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

.col-width-pdf-custom{
  height: 23em;
}
.width-png-custom{
  width: 33em;
}


/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
@media screen and (max-width: 992px) {
  .col-icon-custom-variazione{
    min-height: 94px;
    display: flex;
    justify-content: center;
    align-items: center;
    
  }

  .col-value-custom{
    text-align:center;
  }

  .col-icon-custom{
    justify-content: center;
  }
}