body,html {
   font-size:100%;
   margin: 0;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   color: #f80;
   background-color: #06519c;
   
   height:100%;
}

h1 {
   font-size:1.4em;
   color: #fa0;
   background-color: transparent;
}

#content {
   width: 770px;
   margin: 0 auto;
   background-color: #fff;
   overflow:hidden;
   padding:20px;
}
.lMenu
{
   float:left;
   width:140px;
}
.rContent
{
   float:left;
   margin-left:20px;
   width:605px;
}   
#szeroki
{

   width:3020px;
   background-color: #06519c;
   padding-bottom:20px;
}

label {
   width: 430px;
   display: block;
   float: left;
}

#formbutton {
   margin-left: 100px;
}

a{
   color: #aa6600;
}

#adresKor
{
   display:none;
   margin: 20px 0;
}


.formLogowanieItem
{
   width:180px;
   height:30px;
   font-size:11px;
   font-weight:bold;
   color:#ff7200;
   margin-bottom:25px; 
   margin-left:34px; 
   float:left;
}

.formItem
{
   width:440px;
   font-size:11px;
   font-weight:bold;
   color:#ff7200;
   border:1px solid #2a60ab;
   margin-bottom:10px; 
   overflow:hidden;
   padding:5px;
   
}
.formItemDesc
{
   width:220px;
   height:30px;
   
   float:left
}
.formItemInput
{
   width:180px;
   height:30px;
   
   float:left;
}
.formItemFl
{
   width:210px;
   height:40px;
   font-size:11px;
   font-weight:bold;
   color:#ff7200;
   float:left;
}
.terminarzItem
{
   width:110px;
   height:40px;
   font-size:11px;
   font-weight:bold;
   color:#ff7200;
   float:left;
}
.terminarzItemSelect
{
   width:110px;
   height:40px;
   margin-top:10px;
   font-size:11px;
   font-weight:bold;
   color:#ff7200;
   float:left;
}
.terminarzItemData
{
   width:70px;
   font-size:11px;
   font-weight:bold;
}
.terminarzItemDataGodz
{
   width:100px;
   font-size:11px;
   font-weight:bold;
}
.terminarzItemWynik
{
   width:20px;
   font-size:11px;
   font-weight:bold;
}
.formDruzyna
{
   width:600px;
   height:50px;
   
}
.formTyper
{
   width:350px;
   height:50px;
   
}
.tabelaHead
{
   font-size:9px;
}
input, select
{
   background-color:#f0f0ff;
   border:1px solid #3881C0;
   color:#000;
   height:20px;
   margin-top:1px;
   padding-bottom:0;
   padding-left:3px;
}
input.btn
{
   background-color:#f0f0ff;
   border:2px outset #3881C0;
   color:#000;
   height:30px;
   margin-top:1px;
   padding:5px;
}


.artInput
{
   background-color:white;
   margin-bottom:20px;
   color:black; 
   font-size:20px;
   height:40px;
   width:500px;   
}

.label
{
   color: #262318;
}
div.menu
{
   height:25px;
   width:100px;
   padding: 10px 0 0 10px;
}
div.menu a
{
   font-weight:bold;
   text-decoration:none;
   display:block;
   font-size:10px;
}
div.menu a:hover
{
   display:block;
   font-weight:bold;
   text-decoration:underline;
   font-size:10px;
}
.changed
{
   color:red;
   margin-bottom: 20px;
}

.wyloguj 
{
   font-size:14px;
   float:right;
   margin-right:10px;
}
table
{
   border: 1px solid white;
}
td
{
   
}
table.term
{
   font-size:10px;
   border:1px solid #4e80bb
}
td.term
{
   border:0;
}
.bold
{
   font-weight:bold;
}
a.czlSort
{
   text-decoration:none;
   font-weight:100;
}
a.czlSort:hover
{
   text-decoration:underline;
   font-weight:100;
}
.darkText
{
   font-size:10px;
}
.rodzczl1
{

   color:#660000;
}
.rodzczl2
{

   color:#006666;
}
.rodzczl3
{
   color:#666666;
}

.tabRzadEve{
   background-color:#fff;
}
.tabRzadOdd{
   background-color:#eee;
}

.highlight{
   background-color:#ddddff !important;
   color:#00386F;   
}

.tabSezonAw
{
   background-color:#004000
}
.tabSezonAwBar
{
   background-color:#207020
}
.tabSezonSp
{
   background-color:#800
}
.tabSezonSpBar
{
   background-color:#400
}


.zawodnik
{
   font-size:10px;
   width:100px;
   height:16px;
   padding:2px;
   margin:3px;
   background-color:#E6E3D8;
   color:black;
   
   cursor:pointer;
}





	body{
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size:0.8em;

	}
	p{
		margin-bottom:0px;
		font-weight:bold;
	}
	
	/* Start layout CSS */
	.tableWidget_headerCell,.tableWigdet_headerCellOver,.tableWigdet_headerCellDown{	/* General rules for both standard column header and mouse on header of sortable columns */
		cursor:pointer;	
		border-bottom:3px solid #C5C2B2;
		border-right:1px solid #ACA899;
		border-left:1px solid #FFF;	
		background-color: #ECE9D8;
	}
	
	.tableWidget_headerCell{	/* Standard column header */
		border-top:2px solid #ECE9D8;
		
	}
	
	.tableWigdet_headerCellOver{	/* Rollover on sortable column header */
		border-top:2px solid #FFC83C;		
	}
	.tableWidget tbody .tableWidget_dataRollOver{	/* Rollover style on mouse over (Data) */
		background-color:#FFF;	/* No mouseover color in this example - specify another color if you want this */
	}
	
	.tableWigdet_headerCellDown{
		border-top:2px solid #FFC83C;	
		background-color:#DBD8C5;
		border-left:1px solid #ACA899;
		border-right:1px solid #FFF;			
	}
	.tableWidget td{
		margin:0px;
		padding:2px;
		border-bottom:1px solid #EAE9E1;	/* Border bottom of table data cells */
		
	}
	.tableWidget tbody{
		background-color:#FFF;
	}
	.tableWidget{
		font-family:arial;
		font-size:12px;	
		width:400px;
	}
		
	/* End layout CSS */
	
	
	div.widget_tableDiv {
		border:1px solid #ACA899;	/* Border around entire widget */
		height: 200px;
		overflow:auto;
		overflow-y:auto;
		overflow:-moz-scrollbars-vertical;
		width:400px;

	}
	
	html>body div.widget_tableDiv {
		overflow: hidden;
		width:400px;
	}

	.tableWidget thead{
		position:relative;
	}
	.tableWidget thead tr{
		position:relative;
		top:0px;
		bottom:0px;
	}



	.tableWidget .scrollingContent{
		overflow-y:auto;
		overflow:-moz-scrollbars-vertical;
		width:100%;

	}
	
	
	table .zwolniony{
      color:#30aa30;
      font-weight:bold;  
   }
.liveItem{
   border:1px solid white;
   padding:10px;
   margin-bottom:20px;
}

.liveItem .livearea{
   width:430px;
   height:100px;
}
.liveItem .subm{
   padding:10px;
   background-color:#eeee22;
   border:1px solid #ffff44;
   cursor:pointer;
   width:50px;
   float:left;
   margin:10px 0 0 0px;
   color:#228822;
   font-weight:bold;
}
.liveItem .delbtn{
   padding:10px;
   background-color:#aa1111;
   border:1px solid #ff4444;
   cursor:pointer;
   width:50px;
   float:left;
   margin:10px 0 0 10px;
}

.pokabtn{
   padding:10px;
   background-color:#11aa11;
   border:1px solid #44ff44;
   cursor:pointer;
   width:150px;
   margin:10px 0 0 10px;
   color:#aa11aa;
   display:none;
}
.finbtn{
   padding:10px;
   background-color:#aa1111;
   border:1px solid #ff4444;
   cursor:pointer;
   width:250px;
   margin:10px 0 0 10px;
}
.okbtn{
   padding:10px;
   background-color:#11aa11;
   border:1px solid #44ff44;
   cursor:pointer;
   margin:10px 0 0 10px;
   width:40px;
   float:left;
}
.stoper{
   font-size:34px;
}
#stoperFieldsec{
   width:410px;
   border:1px solid green;
}

#boisko{
  background-image: url("/public/images/boisko.jpg");
  width:278px;
  height:420px;
  position:relative;
  float:left;
}
#kadraSklad{
  float: left;
  margin-left:10px;
  width:300px;
}

.symbolZaw{   
  position:absolute;
  border: 1px solid white;
  border-radius: 100%;
  background-color: blue;
  color: white;
  width: 17px;
  height: 20px;
  padding: 2px 4px 2px 8px;
  cursor:pointer;
}

#nazwaFormacji{
  width:250px; 
}

#kadraSklad .ui-state-default{
  margin-bottom:5px;
  cursor:move;
}
#kadraSklad .ui-icon,
#cloned-slides .ui-icon{
  display:inline-block;
}

#kadraSklad .delButton,
#cloned-slides .delButton{
  cursor:pointer;
  display:none;
}














.all-slides {
  counter-reset: slides;
  overflow: auto;
}

.slides-title {
  position: fixed;
}

.slide {
  position: relative;
  user-select: none;
}
.slide:before {
  counter-increment: slides;
  content: counter(slides);
}

.ui-sortable-helper {
  transition: none !important;
  animation: pulse 0.4s alternate infinite;
}

.sortable-placeholder {
  width: 5px;
  border-left: 2px solid #4999DA;
  margin: 0 0 0.75rem 0;
  position: relative;
  z-index: 6;
}

@keyframes pulse {
  100% {
    transform: scale(1.1);
  }
}
.cloned-slides .slide {
  position: absolute;
  z-index: 1;
}
.cloned-slides .slide:before {
  content: attr(data-pos);
}