body {
			background-color: #fff!important;
			overflow-x: hidden;
		}
	.sidebar {
		width: 220px;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		background-color: #111;
		padding-top: 60px;
		z-index: 1030;
	}

	.sidebar a {
		display: block;
		padding: 10px 20px;
		color: white;
		text-decoration: none;
	}

	.sidebar a:hover {
		background-color: #333;
	}
	.menu-link {
		display: flex;
		align-items: center;
		padding: 12px 20px;
		color: #fff;
		text-decoration: none;
		transition: background-color 0.2s;
	}

	.menu-link:hover {
		background-color: #343a40;
		text-decoration: none;
	}

	.menu-link.active {
		background-color: #0d6efd;
		color: #fff;
	}
	.sidebar a.active {
		background-color: #c00;
		color: #fff;
	}
	.main-content {
		margin-left: 220px;
		padding: 20px;
	}

	.menu-link {
		display: block;
		padding: 10px 20px;
		color: #fff;
		text-decoration: none;
		background-color: #111;
		border-bottom: 1px solid #333;
	}

	.menu-link:hover {
		background-color: #333;
	}
	.sidebar .nav-header {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		background-color: #212529;
		display: flex;
		align-items: center;
		justify-content: center;
		border-bottom: 1px solid #444;
	}
	.sidebar .nav-header img {
		height: 80px;
	}
	.main-content {
		margin-left: 220px;
		padding: 30px;
	}
		
	.btn-tile {
		font-size: 1.2rem;
		padding: 12px 24px;
		width: 100%;
	}
	.btn-head
	{
		padding: .5rem 1rem;
		font-size: 0.90rem;
		border-radius: .3rem;
		margin-left:10px;
	}
	button:focus, button:active, .btn:focus, .btn:active 
	{
		outline: none !important;
		box-shadow: none !important;
	}
	.vu-meter {
	  display: flex;
	  gap: 2px;
	  height: 20px;
	  width: 20px;
	  align-items: flex-end;
	}
	.vu-meter span {
	  display: block;
	  width: 4px;
	  height: 5px;
	  background-color: lime;
	  transition: height 0.1s linear;
	}
	.page 
	{
		margin:50px auto;
	}
	.header, .center
	{
		text-align:center;
	}
	.menuhead
	{
		font-size:30px;
		cursor:default;
		margin-top:20px;
	}
	
	.tabStyleMenu
	{
		width: 160px; 
		text-align: left;
		outline: none;
	}
	.tabStyleLeft
	{
		width: 70px; 
		text-align: left;
		outline: none;
	}
	.tabStyleCenter
	{
		width: 50%; 
		text-align: left;
		outline: none;
	}
	
	.formclass 
	{
		display:block;
		padding:10px;
		background-color:#eee;
		width:600px;
		margin:0 auto;
		outline: none;
		border-radius:8px;
    }
	
     h1 
	{
		font-size:2.4em;
    }
	.modulo
    {
		text-align:center;
		width:100%;
    }
    .cell1 
	{
		display:table-cell;
		text-align:right;
		width:50%;
		font-size:1.3em;
    }
    .cell2 
	{
		display:table-cell;
		width:50%;
    }
  
    .cell2 input 
	{
		background:#E0E0E0;
		color:#000;
		padding:1px 6px;
		font-size:1.2em;
		border:0px solid #E0E0E0;
		border-radius: 8px;
		margin-left:4px;
	}
    
	.cell3 
	{
		display:table-cell;text-align:center; display:block; width:100%; margin: 0 30%;
    }
    
	.cell4 
	{
		font-size:1.3em;
		display:block;
		text-align:center;
		width:100%;
    }
	.cell5 
	{
		position:absolute;
		display:table-cell;
		width:359px;
		margin-left:21px;
		font-size:1.3em;
    }
	.cell6 
	{
		position:absolute;
		display:table-cell;
		max-width:264px;
		margin-left:25px;
		margin-top:-8px;
		outline: none;
		
    }
	.formclass2 
	{
		display:block;
		padding:10px;
		background-color:#EEE;
		width:90%;
		max-width:560px;
		padding: 20px;
		margin:0 auto;
		border-radius:8px;
		outline:none;
		
    }
	.link{ 
		font-size: 0.8em; 
	}
    .tr 
	{
		display:block;margin:8px; width:100%; display:block; text-align:center; 
	}
   
    .tr1 
	{
		display:block;margin:20px 0 20px 0;width:100%;display:block;
	}
    
	
	input{outline:none;}
	.buttonfake
	{
		background:#F0F0F0!important;
		padding:8px 8px!important;
		margin:4px!important;
		text-decoration:none!important;
		color:#000!important;
		border-radius:4px!important;
		border:1px solid #F0F0F0!important;
		cursor:pointer!important;
		font-size:1em!important;
		text-transform:uppercase!important;
		outline: none!important;
		min-width:120px!important;
	}
	
	
	.error { color:red!important; }
	.displayBadge{
            margin-top: 5%; 
            text-align :center;
    }
	/**input.button, a.button {background:#ffff00;padding:8px 8px;margin:4px;text-decoration:none;color:#000;border-radius:4px;border:1px solid #ffff00;cursor:pointer;font-size:1em;text-transform:uppercase;outline: none; min-width:120px;}
	
	input.button:hover, a.button:hover {background:#ff0000;color:#fff;border:1px solid #000;outline: none;}**/
	span.button {background:#E0E0E0;padding:4px 8px;margin:4px;color:#000;border-radius:4px;border:1px solid #E0E0E0;cursor:default;outline: none;}
	label.date{margin:0 10px 0 30px;font-weight:bold;color:#fff;outline: none;}
    .selected 
	{
		background:#ff0000!important;
		color:#fff!important;
		border:1px solid #000!important;
		outline: none!important;
	}
    a.circle {color:#ffff00;text-decoration:none;cursor:pointer;font-size:140%;outline: none;}
    a.circle:hover {color:#ff0000;outline: none;}
	form.actions {white-space: nowrap;}
   
	table.impostazioni {width:100%;outline: none;}
	table.impostazioni td {width:50%;text-align:right;padding:4px;font-size:1.1em;outline: none;}
	table.impostazioni input[type=text] {width:90%;padding:0;outline: none;}
	table.impostazioni input[type=email] {width:90%;padding:0;outline: none;}
	table.impostazioni input[type=search] {width:90%;padding:0;outline: none;}
    table.impostazioni select {width:90%;padding:0;outline: none;}
    /**table.impostazioni input[type=submit]
	{
		text-transform: uppercase;
		font-family:sans-serif;
		font-size:1em;
		color:#000;
		background:#E0E0E0;
		border:1px solid #E0E0E0;
		padding:2px 40px;
	}
	
	table.impostazioni input[type=button]
	{
		text-transform: uppercase;
		font-family:sans-serif;
		font-size:1em;
		color:#000;
		background:#E0E0E0;
		border:1px solid #E0E0E0;
		padding:2px 40px;
	}**/
	
	/**.inputfile
	{
		text-transform: uppercase;
		font-family:sans-serif;
		font-size:1em;
		color:#000;
		background:#E0E0E0;
		border:1px solid #E0E0E0;
		padding:2px 40px;
		cursor:default;
	}**/
	.dropzone
	{
		width: 100%;
		height: 200px;
		border: 2px dashed #ccc;
		color: #999;
		line-height: 28px;
		text-align: center;
	}
	.imagezone
	{
		margin-top:11px;
		padding-top:2px;
		padding-right:2px;
		width: 260px;
		height: 260px;
		border: none;
		color: #999;
		background-color:#000;
	}
	.dropzone.dragover
	{
		border-color: #000;
		color: #000;
	}
	textarea {
		resize: none;
		outline: none;
	}
	td.addteam {text-align:center;outline: none;}
	td.addteam input {width:200px;display:inline;outline: none;}
	textarea {
		resize: none;
	}

	.min-width-label-input
	{
		min-width:140px;
	}
	.alert
	{
		color:red;
	}
	.alert-hidden
	{
		display:none;
	}
	.main
	{
		background-color:#f2f7ff;
	}
	.footer-fixed
	{
		position: fixed;
		padding: 10px 10px 0px 10px;
		bottom: 0;
		width: 100%;
		height: 40px;
		background-color:#f2f7ff;
	}
	.logoimage
	{
		width:200px; 
		height:66px!important;
	}
	.auth-font-size{ font-size:0.7em; font-family:nunito; font-weight:bold; color:black; pointer:default;}

	 .card.card-img-holder {
		position: relative; }
		.card.card-img-holder .card-img-absolute {
		  position: absolute;
		  top: 0;
		  right: 0;
		  height: 100%; }
	  .card.bg-services-gradient {
		background: -webkit-gradient(linear, left top, right top, from(#065efd), to(#6f79fc));
		background: linear-gradient(to right, #000080, #0000ea);
		color: #fff; }
	 .card.bg-devices-gradient {
		background: -webkit-gradient(linear, left top, right top, from(#4b0082), to(#7b68ee));
		background: linear-gradient(to right, #4b0082, #7b68ee);
		color: #fff; }
	 .card.bg-users-gradient {
		background: -webkit-gradient(linear, left top, right top, from(#cc7702), to(#ffd700));
		background: linear-gradient(to right, #cc7702, #ffd700);
		color: #fff; }
	 .card.bg-apps-gradient {
		background: -webkit-gradient(linear, left top, right top, from(#800000), to(#f00000));
		background: linear-gradient(to right, #800000, #f00000);
		color: #fff; }
	  .card.bg-sites-gradient {
		background: -webkit-gradient(linear, left top, right top, from(#ff4500), to(#ff7f50));
		background: linear-gradient(to right, #ff4500, #ff7f50);
		color: #fff; }
	  .card.bg-servers-gradient {
		background: -webkit-gradient(linear, left top, right top, from(#2e8b57), to(#3cb371));
		background: linear-gradient(to right, #2e8b57, #20b2aa);
		color: #fff; }
	  .card.card-no-shadow {
		-webkit-box-shadow: none;
		box-shadow: none; }
		.card-inverse-primary {
	  background: rgba(182, 109, 255, 0.2);
	  border: 1px solid #a764eb;
	  color: #8a53c2; }

	.card-inverse-secondary {
	  background: rgba(195, 189, 189, 0.2);
	  border: 1px solid #b3aeae;
	  color: #949090; }

	.card-inverse-success {
	  background: rgba(27, 207, 180, 0.2);
	  border: 1px solid #19bea6;
	  color: #159d89; }

	.card-inverse-info {
	  background: rgba(25, 138, 227, 0.2);
	  border: 1px solid #177fd1;
	  color: #1369ad; }

	.card-inverse-warning {
	  background: rgba(254, 215, 19, 0.2);
	  border: 1px solid #eac611;
	  color: #c1a30e; }

	.card-inverse-danger {
	  background: rgba(254, 124, 150, 0.2);
	  border: 1px solid #ea728a;
	  color: #c15e72; }

	.card-inverse-light {
	  background: rgba(248, 249, 250, 0.2);
	  border: 1px solid #e4e5e6;
	  color: #bcbdbe; }

	.card-inverse-dark {
	  background: rgba(62, 75, 91, 0.2);
	  border: 1px solid #394554;
	  color: #2f3945; }

	.stretch-card {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: stretch;
	  -ms-flex-align: stretch;
	  align-items: stretch;
	  -webkit-box-pack: stretch;
	  -ms-flex-pack: stretch;
	  justify-content: stretch; }
	  .stretch-card > .card {
		width: 100%;
		min-width: 100%; }

	.bg-gradient-primary {
	  background: -webkit-gradient(linear, left top, right top, from(#da8cff), to(#9a55ff)) !important;
	  background: linear-gradient(to right, #da8cff, #9a55ff) !important; }

	.bg-gradient-secondary {
	  background: -webkit-gradient(linear, left top, right top, from(#e7ebf0), to(#868e96)) !important;
	  background: linear-gradient(to right, #e7ebf0, #868e96) !important; }

	.bg-gradient-success {
	  background: -webkit-gradient(linear, left top, right top, from(#84d9d2), to(#07cdae)) !important;
	  background: linear-gradient(to right, #84d9d2, #07cdae) !important; }

	.bg-gradient-info {
	  background: -webkit-gradient(linear, left top, right top, from(#90caf9), color-stop(99%, #047edf)) !important;
	  background: linear-gradient(to right, #90caf9, #047edf 99%) !important; }

	.bg-gradient-warning {
	  background: -webkit-gradient(linear, left top, right top, from(#f6e384), to(#ffd500)) !important;
	  background: linear-gradient(to right, #f6e384, #ffd500) !important; }

	.bg-gradient-danger {
	  background: -webkit-gradient(linear, left top, right top, from(#ffbf96), to(#fe7096)) !important;
	  background: linear-gradient(to right, #ffbf96, #fe7096) !important; }

	.bg-gradient-light {
	  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#e4e4e9)) !important;
	  background: linear-gradient(to bottom, #f4f4f4, #e4e4e9) !important; }

	.bg-gradient-dark {
	  background: linear-gradient(89deg, #5e7188, #3e4b5b) !important; }
	.controlswitch {
		padding:20px;
		margin-top:10px;
		font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	}
	.switch {
	  position: relative;
	  display: inline-block;
	  width: 60px;
	  height: 34px;
	}

	/* Hide default HTML checkbox */
	.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;
	}
	.slider.round {
	  border-radius: 34px;
	}

	.slider.round:before {
	  border-radius: 50%;
	}
	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);
	}
	.dataTable-table {width:100%; margin-top:40px;}


	.dataTable-table tr td {border-bottom:1px solid lightgrey;padding:10px}
	.dataTable-table tr td + td  {width:10% !important;border-bottom:1px solid lightgrey;padding:10px}
	.dataTable-table tr td + td + td {width:30% !important;border-bottom:1px solid lightgrey;padding:10px}

	.titlea { 
		text-decoration: none;
	}
	.titlea:link {
		text-decoration: none;
	}
	.titleaa:visited {
		text-decoration: none;
	}
	.titleaa:hover {
		text-decoration: underline;
	}
	.titleaa:active {
		text-decoration: none;
	} 
	.stylea:link {
		color: black;
	}
	.stylea {
		color: black;
	}
	.stylea:visited {
		color: black;
	}
	.stylea:hover {
		color: black;
		text-decoration: none;
	}
	.stylea:active {
		color: black;
		text-decoration: none;
	} 
	.styleb {
		color: silver;
		text-decoration: none;
	}
	.styleb:link {
		color: silver;
		text-decoration: none;
	}
	.styleb:visited {
		color: silver;
		text-decoration: none;
	}
	.styleb:hover {
		color: silver;
		text-decoration: none;
	}
	.styleb:active {
		color: silver;
		text-decoration: none;
	} 
	@media (max-width: 768px) {
		.sidebar {
			width: 100%;
			height: auto;
			position: relative;
		}
		.main-content {
			margin-left: 0;
		}
		.container-fluid:
		{
			padding: 0px!important;
		}
	}
	.grayscale {
		filter: grayscale(100%);
	}

	@media screen and (max-height: 450px) {
	  .sidenav {padding-top: 15px;outline: none;}
	  .sidenav a {font-size: 18px;outline: none;}
	}

	.cover-editor img, .cover-preview img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  border-radius: 8px;
	  border: 1px solid #ccc;
	  background: #eee;
	}

	.media-preview-player .player-preview-wrap {
	  min-height: 140px;
	  background: #222;
	  border-radius: 10px;
	  position: relative;
	}
	.player-preview-custom {
	  width: 100%;
	  height: 100%;
	  display: flex;
	  flex-direction: column;
	  justify-content: flex-end;
	  align-items: center;
	  position: relative;
	}
	.player-preview-custom .play-btn {
	  position: absolute;
	  top: 50%; left: 50%;
	  transform: translate(-50%,-50%);
	  z-index: 2;
	  background: rgba(20,20,20,0.86);
	  color: #fff;
	  border: none;
	  border-radius: 50%;
	  font-size: 2.3rem;
	  width: 50px; height: 50px;
	  display: flex; align-items: center; justify-content: center;
	  transition: background 0.2s;
	}
	.player-preview-custom .play-btn:active, .player-preview-custom .play-btn:focus { background: #ffeb3b; color: #111; }
	.player-preview-custom .trackbar-wrap {
	  width: 92%; position: absolute; bottom: 10px; left: 4%; right: 4%;
	  display: flex; align-items: center; gap: 6px; z-index: 2;
	}
	.player-preview-custom input[type="range"] {
	  flex: 1 1 90px;
	  min-width: 40px;
	  max-width: 90%;
	  height: 4px;
	  accent-color: #ffc107;
	}
	.player-preview-custom .time-label { font-size: 0.98em; color: #fff; min-width:44px; text-align:center; }
	@media (max-width: 700px) {
	  .cover-editor { width: 120px !important; }
	  .cover-preview { width:100px !important;height:60px !important;}
	  .media-preview-player { min-width:130px;max-width:100vw;}
	  .player-preview-wrap { height:92px !important; min-height:80px;}
	}
	@media (max-width: 767px) {
	  #episodeModal .col-12.col-md-6 {
		max-width: 100%!important;
		flex: 0 0 100%!important;
	  }
	  #episodeModal .gap-4 {
		gap: 1rem!important;
	  }
	}
  .scroll-4 { max-height: 8.5rem; overflow-y: auto; } /* ~4 voci */
  .dropdown-menu li > button { width:100%; text-align:left; }
  .filtered-out { transition: filter .3s, opacity .3s; }
  #backgroundList img { transition: filter .3s, opacity .3s; }
  #tilesContainer img { transition: filter .3s, opacity .3s; }

  #episodesContainer {
	overflow-y: auto !important;
	max-height: calc(88vh - 140px) !important;
  }