@import url("bootstrap.min.css");
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100&display=swap');

html,
body {
    height: 100%;
    font-family: 'Poppins', sans-serif!important;
}
.ghost{
  display: none;
}
h1,h2,h3,h4,h5,h6,a,p{
  font-family: 'Poppins', sans-serif!important;
}
/* a{
  color: #3d3d3d;
  transition: .1s ease-in-out;
  transition-property: color,background-color,border-color,box-shadow;
  position: relative;
  z-index: 1;
  font-weight: 400;
} */

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;

    background-color: #f6f6f6;
}

.wrap > .container {
    padding: 20px 15px 20px;
}

.container-fluid h1, .container-fluid * + h1 {
	font-size: 3rem;
	margin-top:15px;
	margin-bottom: 20px;
	/*font-weight: bold;*/
}

/*-- Jumbotron tweaks --*/

.jumbotron {
    text-align: center;
}

.footer {
    background-color: #fFFFFF;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
.magilla-firma{
	font-size: 80%;
	text-align: center
}
.magilla-firma img{
	max-height:70px;
}
.ficr-firma img{
	max-height:90px;
}
.not-set {
    color: #c55;
    font-style: italic;
}

/*-- Sorting --*/

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

/*-- Other --*/

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* add red asterisk to required form fields */
div.required label:after {
    content: " *";
    color: #e13431;
}

/*-- GridView options display tweaks --*/

.user-index td:last-child,
.articles-admin td:last-child {
    width: 68px;
}

.article-view th {
    min-width: 90px;
}

/*-- Css for nicer display of boolean yes/no values --*/

.boolean-true {
    font-weight: bold;
    color: green;
}

.boolean-false {
    font-weight: bold;
    color: #e13431;
}

/*-- Css for nicer display of user roles --*/

.role-theCreator {
    font-weight: bold;
    color: black;
}

.role-admin {
    font-weight: bold;
    color: #c4a500;
}

.role-editor {
    font-weight: bold;
    color: #800080;
}

.role-support {
    font-weight: bold;
    color: #009d00;
}

.role-premium {
    font-weight: bold;
    color: #4c4cff;
}

.role-member {
    font-weight: bold;
}

/*-- Colors used for various data presentation purposes --*/

.blue {
    font-weight: bold;
    color: #7373ff;
}

.green {
    font-weight: bold;
    color: #009d00;
}

.gold {
    font-weight: bold;
    color: #c4a500;
}

hr.top {
    margin-top: 0px;
    border-width: 1px;
    border-color: #333;
    text-align: left;
}

hr.article-devider {
    border-width: 1px;
    border-color: #444;
    border-style: dashed;
    text-align: left;
}

/*-- Password strength --*/

/* hide strength meter so we can fade it in nicely with jQuery */
.nz-meter-container {
    display: none;
}

/*----------------------*/
/* CUSTOM */
/*----------------------*/

.uk-button {
  font-size: 1.35rem;
}

.fi-tile-white, .navbar-main-white {
  background: #FFF;
  color: #333;
}

.dev .fi-tile-white, .dev .navbar-main-white {
  background: #FFEFA5;
  color: #333;
}

.fi-tile-blue, .navbar-main-blue {
  background: #007AFF;
  color: #fff;
}
.fi-tile-red, .navbar-main-red {
  background: #dd4b39;
  color: #fff;
}
.fi-tile-green, .navbar-main-green {
  background: #236202;
  color: #fff;
}
.fi-logo {
  margin: 0 auto;
  padding-bottom: 20px;
  padding-right: 40px;
}
.navbar-main-blue *, .navbar-main-red *, .navbar-main-green *{
  color: #fff;
}
.navbar-main-white *{
  color: #3d3d3d;
}
.navbar-main-blue, .navbar-main-red, .navbar-main-green {
  border-radius: 0;
}
.nav>li>a:focus, .nav>li>a:hover {
  background: none; 
  color: #3d3d3d; 
  opacity: .8;
  
}

.navbar-main .navbar-toggle .icon-bar{
  background-color: #3d3d3d;
}

.navbar-main .navbar-toggle {
  padding-top:19px;
}

.badge-rossodiretto {
    color: #fff;
    background-color: #6a0000;
}

.bg-red-diretto {
    color: #fff;
    background-color: #6a0000;
}

/* ----BANDIERINE ----*/
.multilanguage {
    padding: 27px 15px;
}
.multilanguage .active .lang-flag, .multilanguage .lang-flag:hover {
    opacity: 1;
}
.multilanguage .lang-flag {
    opacity: 0.8;
}

.box .nav>li>a:hover {
  background: #007AFF;
  color: #fff; 
  opacity: 1;
}
.nav>li>a{
  /*color: #3d3d3d;*/
  transition: .1s ease-in-out;
  transition-property: color,background-color,border-color,box-shadow;
  position: relative;
  z-index: 1;
  display: flex;
    justify-content: center;
    align-items: center;
    column-gap: .25em;
    box-sizing: border-box;
    min-height: 50px;
    padding: 0 26px;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}
.nav>li>a:focus{
  outline: 0;
}
.nav>li:hover>a::before{
  right: 26px;
  height: 2px;
}
.nav>li>a::before{
  content: '';
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 16px;
    height: 0;
    background-color: #09a5dc;
    transition: .2s ease-in-out;
    transition-property: background-color,border-color,box-shadow,height,left,right,opacity;
    left: 22px;
    right: calc(102% - 22px);
}

.uk-navbar-container .uk-navbar-nav > li > a {min-height: 50px; color:#fff;}

.no-footer .kv-panel-after, .no-footer .panel-footer {display: none;}

/*----------------------*/
/* CARDS HOME */
/*----------------------*/
.bandiera-squadra {
  min-height: 145px;
}

.partita-ora, .partita-campionato {
  font-size: 1.5em;
}
/*----------------------*/
/* CUSTOM Karitk */
/*----------------------*/

.select2-container--krajee .select2-selection--single .select2-selection__clear {
	top:0;
	right: 24px;
}

/*----------------------------*/
/* CARD */
/*----------------------------*/
.profile-atleta-img{
  margin: 0 auto;
  width: 100px;
  padding: 3px;
  border: none;
}

.padding-right{
  padding-right: 25px;
}
.card {
  background-color: #EFEFF4;
  border: 1px solid #007AFF;
  border-radius: 4px;
  text-align: center;
  font-size: 10px;
  letter-spacing: -0.5px;
  position: relative;
  background: #EFEFF4;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.20);
  margin-bottom: 12px;
}
.card .card-body{ display: table; width: 100%; padding: 8px; }
.card .card-header{ border-radius: 4px 4px 0 0; padding: 5px 0px; background-color: #fff; border-bottom: 1px solid #007AFF;}
.card .card-left{ position: relative; float: left;}
.card .card-right{ position: relative; float: right;}
.card .card-row {margin: 4px 0;}
.fi-strong, .fi-nome-squadra, .fi-numero-partita {font-weight: 600;}
.card-label {
  border-radius: 50px!important;
  text-transform: uppercase;
}
.card .col-xs-4, .card  .col-xs-6, .card .col-xs-12 {padding-left: 0; padding-right: 0;}
.fi-text-lg {font-size: 14px;}
.fi-align-left {text-align: left;}
.fi-align-right {text-align: right;}
.fi-data-partita { font-size: 20px; font-weight: 600; margin-bottom: 12px; text-transform: uppercase; text-align: center; padding-top: 10px;padding-bottom: 20px;}
.mobile-container { margin: 0 8px;}

.navbar-toggle .icon-bar{
  background-color: #fff;
}

/*NAVBAR INTERNA PARTITE GIRONI CLASSIFICHE */
nav.navbar.navbar-expand-sm.bg-primary.navbar-main-blue.custom-navbar {
  width: 20%;
  float: right;
  background-color: #033c73;
  border-radius: 10px;
}
nav.navbar.navbar-expand-sm.bg-primary.navbar-main-blue.custom-navbar ul li{
list-style: none;
}
.custom-bar{
  margin-top:13px;
}
.custom-bar li{
  margin-top:13px;
}

/*CARD MANIFESTAZIONE*/
.card-manifestazione .list-group{
  margin-bottom: 0;
  border-radius: 0;
}
.card-manifestazione .list-group .list-group-item{
  border-radius: 0;
}
a.btn.btn-lg.btn-block.manifestazione-button {
  padding: 5px;
  border-radius: 0;
}
.navbar-manifestazione{
  text-align: center;
}
/*BANNER*/
.banner {
    margin: 0;
}
.widget-header .banner-header{
/*   margin-top: 5px; */
  width: 100%;
  height: 250px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.widget-header .banner-header > h1 {
  color: #fff;
  position: absolute;
  top: 60px;
  margin-left: 250px;
}

.widget-header .banner-header .widget-logo-image{
  width: 170px;
}

.widget-header .banner-header .widget-logo-image > img{
  border: 4px solid #fff;
  margin: 15px;
}

.logo-manifestazione {
	border: 4px solid #fff;
	width: 50px;
}

/* ! PROFILO ATLETA */
.view-anagrafica .widget-user .widget-user-header{
	height: 200px;
}
.view-anagrafica .widget-user-header.bg-aqua-active h3,.view-anagrafica .widget-user-header.bg-aqua-active h5{
	color:#fff;
}

.view-anagrafica .widget-user .widget-user-image {
	margin-left: -90px;
}

.view-anagrafica .widget-user .widget-user-image > img{
	width: 170px;
}

/* ! PROGRESS BAR */
.progress-bar-green{
	background-color: #00a65a;
}
.progress-bar-aqua, .progress-bar-info {
    background-color: #00c0ef;
}
.progress-bar-blue{
	background-color:#3c8dbc
}
.progress-bar-yellow{
	background-color:#f39c12
}
.progress-bar-red{
	background-color:#f56954
}
.progress-bar-gray{
	background-color:#d2d6de
}
.progress-bar-navy{
	background-color:#001F3F
}
.progress-bar-teal{
	background-color:#39CCCC
}
.progress-bar-purple{
	background-color:#605ca8
}
.progress-bar-orange{
	background-color:#ff851b
}
.progress-bar-maroon{
	background-color:#D81B60
}
.progress-bar-black{
	background-color:#111111;
}

/* ----BANDIERINE ----*/
.multilanguage {
    padding: 13px 15px;
}
.multilanguage .active .lang-flag, .multilanguage .lang-flag:hover {
    opacity: 1;
}
.multilanguage .lang-flag {
    opacity: 0.8;
}

/* MEDIA QUERY */
@media all and (max-width: 1000px){
  #partite_desk {display: none;}
  #manifestazione_desk {display: none;}
  #squadre_desk {display: none;}
}
@media all and (min-width: 1000px){
  #partite_mob {display: none;}
  #manifestazione_mob {display: none;}
  #squadre_mob {display: none;}
}
@media all and (min-width: 700px) {
  .card {font-size: 18px;}
  .fi-text-lg {font-size: 22px;}
}
@media all and (max-width: 461px) and (min-width: 699px) {
  .card {font-size: 14px;}
  .fi-text-lg {font-size: 18px;}
}
@media all and (max-width: 460px) {
  .card {font-size: 3.2vw;}
  .fi-text-lg {font-size: 3.3vw;}
  .table-responsive>.table>tbody>tr>td, .table-responsive .form-control {
   		padding: 4px;
   		font-size: 0.8em;
	    line-height: 1.1em;
  }
  .table-responsive .form-control {
	    height: 2.3em;
  }
  .padding-remove-xs {
	  padding: 0 !important;
  }
}
@media all and (max-width: 767px) {
	.container-fluid h1, .container-fluid * + h1 {
		font-size: 1.5rem;
	}
	h2{font-size: 1.4rem}
	h3{font-size: 1.3rem}
	h4{font-size: 1.2rem}
	h5{font-size: 1.1rem}

	.navbar-collapse {width:100vw;}
  .nav>li:hover>a::before {
    height: 0;
  }
  .nav>li>a {
    min-height: 35px;
  }
  
	.info-box-icon {
		height: 45px;
		width: 45px;
		font-size: 22px;
		line-height: 45px;
	}
	.info-box {
		 min-height: 45px;
	}
	.info-box-content {
		margin-left: 45px;
		padding: 3px 7px
	}
	.info-box-text {
		line-height: 12px;
	}
	.info-box-number {
		line-height: 23px;
	}
	
	.small-box .icon {
		display: block;
	}
	
	.small-box {
		text-align: left;
	}
}

/*----------------------------------*/
/* BASE */
/*----------------------------------*/
/* body {
  /* height: 2000px; */ /* Cos'è?? spazzatura!! */ 
/* } */
/* * {font-family: 'Raleway', sans-serif !important;} */ /* ARGHHHH!!  QUESTO HA DISRUTTO TUTTE LE ICONE!!! */

.cp-logo-light {font-weight: 300;}
.cp-logo-bold {font-weight: 700;}
.uk-logo {color: #fff !important;}

h2 {letter-spacing: 4px; font-weight: 600;}

/*----------------------------------*/
/* NAVBAR */
/*----------------------------------*/

.navbar-right li{
  /* min-height: 50px; */
}
.multilanguage li{
  margin-top: 0;
}

.navbar-main .navbar-brand {
  height: auto;
  padding-top:0;
  padding-bottom: 0;
}

.logo.navbar-brand img {
  max-width: 177px;
  max-height: 70px;
}

.navbar-brand>img {
  display: inline-block;
  margin: 5px 5px 5px 0;
}

.logo.navbar-brand .logo-lg {
  /* display: none; */
  font-size: 1.5em;
}

.uk-nav li a {color: #fff !important;}
.uk-nav li a {position: relative;}
.uk-nav>li>a:after {
  content: '';
  width: 0%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  opacity: 0;
  transition: all .2s ease-out;
}
.uk-nav>li>a:hover:after {
  width: 100%;
  opacity: 1;
  transition: all .2s ease-out;
}

/*----------------------------------*/
/* ACCORDION */
/*----------------------------------*/
.cp-border {border: 1px solid #39f;}
.uk-accordion>:nth-child(n+2) {margin-top: 3px;}
.uk-accordion-title {
  color: #fff!important;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 14px;
  font-weight: 600;
}
.uk-accordion-title::before {
  background-size: 18px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
.uk-open>.uk-accordion-title::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
}


/*----------------------------------*/
/* CARD PLAYERS */
/*----------------------------------*/
.uk-card-body .uk-card-header {padding: 20px; }
.cp-nome {
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 0px;
}
.uk-card-title.cp-nome {
    font-size: 1.2rem;
}
.cp-squadra {
  font-size: 14px;
  color: #8E8E93;
  line-height: 1.4;
  /*padding: 10px;*/
}
.cp-ruolo {
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.cp-serie {
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 300;
  text-shadow: 0 1px 2px rgba(0,0,0,.2);
  opacity: 0.8;
}
.cp-stat {
  color: #333;
  font-size: 14px;
  text-transform: uppercase;
}
.cp-dotnav.uk-dotnav li a {border-color: #333;}
.cp-dotnav.uk-dotnav li a:hover {border-color: #333;}
.cp-dotnav.uk-dotnav li.uk-active a {background: #333;}
.cp-slidenav {color: #333!important; opacity: 1; transition: opacity .1s ease-out;}
.cp-slidenav:hover {opacity: .5; transition: opacity .2s ease-out;}

.cp-icon {
  position: absolute;
  top: -14px;
  left: 7px;
  width: 60px;
  height: 60px;
}

.cp-icon-fa {
	font-size: 60px;
	line-height: 0;
	left:0;
}
.cp-border-player-m {
  border: 3px solid #39f;
  width: 120px;
  height: 120px;
  object-fit: cover;
}
.cp-border-player-f {
  border: 3px solid #E882C6;
  width: 120px;
  height: 120px;
  object-fit: cover;
}
.cp-background-f {background: #E882C6;}

.campionato-SW{
  border-bottom: 2px solid #ff5555;
}
.campionato-SM{
  border-bottom: 2px solid #007099;
}
.campionato-U21{
  border-bottom: 2px solid #00baff;
}
.campionato-WU21{
  border-bottom: 2px solid #ffaaaa;
}
.sponsor-items>div{
max-width: 100px;
}
.footer-primary{
  background-color: #00ACEA;
}
.uk-text-primary{
  color: #00ACEA!important;
}

/*----------------------------*/
/* STREAMING PAGE */
/*----------------------------*/

.stream-body{
  height: 100vh;
  background-color: #00af50;
}
.cp-streaming-b{
  background-color: #ffffff;
}
.cp-streaming-card{
  background-color: #001541;
}
.avatar-giocatore{
  border: 1px solid white;
  border-radius: 50%;
}
#cartellino-giallo{
  background-color: #ffee04;
  border-radius: 8%;
  width: 2vw;
  height: 3vw;
  color: #ffee04;
  border: 1px solid #ffffff69;

}
#cartellino-verde{
  background-color: #51fc0c;
  border-radius: 8%;
  width: 2vw;
  height: 3vw;
  color: #00b52d;
  border: 1px solid #ffffff69;

}
#cartellino-rosso{
  background-color: #ce0000;
  border-radius: 8%;
  width: 2vw;
  height: 3vw;
  color: #ce0000;
  border: 1px solid #ffffff69;
}

#cartellino-rosso-diretto{
  background-color: #6a0000;
  border-radius: 8%;
  width: 2vw;
  height: 3vw;
  color: #6a0000;
  border: 1px solid #ffffff69;
}

.txt-white{
  color: white;
}
.event-stream{
  position:fixed;
  bottom:80px;
  width:100vw;
}
#streaming-page:before {
  content: url('../images/logo-campionati-europei.png');
  position: fixed;
  top:80px;
  right: 60px;
  width:120px;
}

.score-stream {
  position:fixed;
  top:80px;
  left:20px;
  width:100vw;
}
.score-stream .card-stream {
  width: 29vw;
  padding: 0px 7px;
  font-size:2vw;
}

.event-stream .event-text-stream {
  font-size:2vw;
}
.event-text-stream {
  font-size:2vw;
}

.score-stream img, .event-text-stream img {
  height:2.5vw;
  width: auto;
  padding:1px;
  border-radius: 0px;
}
.card-stream{
  background-color: #00ACEA;
  color: white!important;
}
.card-stream.card-stream-event {
  /* padding-top:10px; */
}
.event-icon {
  width:30px;
  transform:translate(-1vw, -10px) scale(1.5);
}
.formazioni-stream {
  margin-top: 7vw;
}

.formazioni-stream .uk-card-body {
  padding-top:0; 
}
.formazioni-stream .card-stream{
  background-color: transparent;
  width:35vw;
}

.formazioni-stream .event-text-stream{
text-shadow: 2px 2px 0px #000000;
 font-size:1.9vw;
}

.formazioni-stream-img {
  height:3.5vw;
  width: 3.5vw;
}
.card-sp{
  padding: 5px 10px ;
}
.box-risultato{
  background-color: white;
  margin-bottom: -1px;
}
.card-bc{
  border-bottom: 4px solid #ffffff;
}
.goal-ball{
  position: absolute;
  left: -5%;
  top: -20%;
}
.goal-ball2{
  position: absolute;
  left: -4%;
  top: -38%;
}
.marcatori-bc{
  border-bottom: 3px solid transparent;
}

@media all and (max-width: 460px) {
  
  .logo.navbar-brand img {
    max-width: 120px;
    max-height: 60px;
  }
  
  .navbar-brand {
    padding-left:0;
  }
}