.calendar{
	margin-bottom: 10px;
    line-height: 14px;
}

.floatLeft { width: 50%; float: left; }
.floatRight {width: 50%; float: right; }

.calendar table{
	table-layout:fixed;	
	background-color: rgb(255, 255, 255);
	border-spacing: 0px;
	border-color: lightgray;	
	width: 100%;	
	font-size: 85%;
}

table.colorCodes td {
	padding: 0px;
	border-color: lightgray;
	height: 22px  !important;
	border: 1px !important;
    color: black;
    font-size: 12px;
}


/**** calendar = courtnames above and colorCodes under scheme ***/
.calendar th.today {
	font-weight: bold;
	text-align: center;
	font-size: 110%;	
}

.calendar th.radrubrik {
	height: 32px  !important;
	background-color: rgb(238, 238, 238);
	border: 1px solid lightgray;
	font-weight: bold;
	text-align: center;
	word-break: normal;
	overflow:hidden;
	font-size: 100%;	
}

.calendar th.radrubrikmobile {
	height: 32px  !important;
	background-color: rgb(238, 238, 238);
	border: 1px solid lightgray;
	font-weight: bold;
	text-align: center;
	word-break: normal;
	overflow:hidden;
	font-size: 80%;	
}

.calendar tr.radrubrik {
	border-right: 0px;
}


.calendar td {
    height: 20px;
	padding: 0.0em;
	margin: 0.8em;
	text-align: center;
	vertical-align: middle;		
	border: 1px solid;
	border-color: lightgray;	
	overflow:hidden;	
}

/**** klockslagen to the left****/
.calendar td.time {
	position: relative;
	top: 0em;
	vertical-align:25px;
	padding-left: 0.1em;
	padding-right: 0.1em;
	border: none;
	/*width:50px;*/
}

.calendar td.nu {
    /*background-color: #A1CBE1;*/
    color: black;
    position: relative;
    font-weight: bold;
    top: 0em;
    vertical-align:25px;
    padding-left: 0.1em;
    padding-right: 0.1em;
    border: none;
}

.calendar td.emptyCell {
	border: none;
	width:50px;					
}

.calendar td a
{
    text-align: center;
    vertical-align:25px;
    display: table;
    width: 100%;
	color: black;
	font-weight: normal;	
	text-decoration: none;
    vertical-align:middle;
    line-height: 1.1em;
}

.calendar span {
    display: table-cell;
    vertical-align: middle;
}

.calendar th {
	text-align: center;
	font-weight: normal;
	padding-left: 0.3em;
	padding-right: 0.4em;					
}

.calendar td.bokad{
	background-color: #f8c9c4;
	border: 1px solid #6db26d;		
}

.calendar td.ligaspel a{
	background-color: #8eaaf0;
	border: 1px solid #6db26d;
}

.calendar td.justnu.ledig{
background-color: #7CCD7C;
border: 1px solid #6db26d;
}

.calendar td.justnu.upptagen{
color: white;
background-color: #CD4F39;
border: 2px solid #96180F;
opacity: 0.9;
}

td.ledig{
	background-color: #7CCD7C;
	border: 1px solid #6db26d;/*green*/
}

/*alla länktexter*/
.calendar a{
	/*background-color: #7CCD7C;*/
	word-break: normal;
}

.calendar a.justnu{
	color: white;
    background-color: #CD4F39;/*vinröd*/
}

.calendar td.avboka {
	background-color: rgb(251, 231, 106);
	/*border: 1px solid #e7ca12;*//*darkyellow*/
	border: 1px solid #6db26d;/*green*/	
}

/*--- highLighted -------------------*/
table td.ledig a.highlighted{
	background-color:  #449d44;
	border: 2px solid #126912;
}

.calendar td.bokad a.highlightedWatch{
    background-color: #5bc0de;            
   	border: 2px solid #126912;    
}

.calendar td.ligaspel a.highlightedWatch{
    background-color: #5bc0de;
    border: 2px solid #126912;    
}

.calendar td.abonnemang a.highlightedWatch{
    background-color: #5bc0de;
    border: 2px solid #126912;    
}

.calendar td.avboka a.highlighted{
	background-color: hsl(36, 100%, 49%) !important;
	border: 2px solid #126912;
}

.calendar td.justnu a.highlighted{
	background-color: hsl(36, 100%, 49%) !important;		
	border: 1px solid #126912;
}

.calendar td.abonnemang  a.highlighted{	
	background-color: hsl(36, 100%, 49%);/*brandgul*/
	border: 2px solid #126912;	   
}

.calendar td.watch a.highlighted{
    background-color: #5bc0de; /*lightBlue*/
	border: 2px solid #126912;
}

/*--- hover  -------------------*/
.calendar td.bokad a:hover{
    background-color: #5bc0de;
    background-color:#fbed05;/*lightyellow*/     
    background-color: hsl(36, 100%, 49%) !important;/*orange*/
}

.calendar td.avboka a:hover{
    background-color: #5bc0de;
    background-color:#fbed05;/*light yellow*/ 
    background-color: hsl(36, 100%, 49%) !important;/*orange*/ 	   	  	
}

.calendar td.ligaspel a:hover{
    background-color: #5bc0de;    
}

.calendar td.abonnemang a:hover{        
    background-color: hsl(36, 100%, 49%) /*orange*/
}

.calendar td.ledig a:hover {
	background-color: #449d44;/*green*/
	/*height: 60px;*/
	opacity: 0.8;
}

.calendar td.watch a:hover{
    background-color: #5bc0de; /*lightBlue*/    
}


/*--- ------------------*/
.calendar td.avboka a{
background-color: rgb(251, 231, 106);/*yellow*/ 
}

.bokad td{
    background-color: rgb(251, 231, 106);    
    border: 1px solid #6d8ee2;
}

.bokad a{
    background-color: #f8c9c4;    
}

.calendar .ligaspel {
    background-color: #8eaaf0;
    border: 1px solid #6d8ee2;
    
}

.calendar .bokad {
	background-color: rgb(251, 231, 106);
	border: 3px solid #6d8ee2;	
}

.calendar .avboka a{
	background-color: rgb(251, 231, 106);	
}

.calendar td.abonnemang {
	background-color: rgb(219, 121, 114);
	background-color: #ed9b95;
	opacity: 1.0;
	/*border: 1px solid #96180F;*//*darkred*/
	border: 1px solid #6db26d;/*green*/
	
}

.calendar td.abonnemang a{
	background-color: rgb(219, 121, 114);
	background-color: #ed9b95;
	opacity: 0.95;
}


.calendar td.disable {
	background-color: rgb(255, 255, 255);	
}

table td.disable.highlighted {
	background-color:#999;			
}

.calendar td.competition {
	background-color: #f0c357;
	border: 1px solid lightgray;
}
.ledig .tooltip > .tooltip-inner {
	background-color: rgb(15 130 50 / 95%);
	color: #FFFFFF;
	border: 2px solid green;
	padding: 3px;
	font-size: 14px;
}

.btn-book {
  background-color: hsl(110, 56%, 31%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#68ce53", endColorstr="#317b22");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#68ce53), to(#317b22));
  background-image: -moz-linear-gradient(top, #68ce53, #317b22);
  background-image: -ms-linear-gradient(top, #68ce53, #317b22);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68ce53), color-stop(100%, #317b22));
  background-image: -webkit-linear-gradient(top, #68ce53, #317b22);
  background-image: -o-linear-gradient(top, #68ce53, #317b22);
  background-image: linear-gradient(#68ce53, #317b22);
  border-color: #317b22 #317b22 hsl(110, 56%, 24.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.42);
  -webkit-font-smoothing: antialiased;
}

/*boka-knappen*/
.btn-boka{
	background-color:  #449d44  !important;;
	color: white;
}

.btn-avboka{
	background-color: hsl(36, 100%, 49%)  !important;;
	color: white;  	
}

.btn-unbook {
  background-color: hsl(36, 100%, 49%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffbf60", endColorstr="#f99500");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffbf60), to(#f99500));
  background-image: -moz-linear-gradient(top, #ffbf60, #f99500);
  background-image: -ms-linear-gradient(top, #ffbf60, #f99500);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffbf60), color-stop(100%, #f99500));
  background-image: -webkit-linear-gradient(top, #ffbf60, #f99500);
  background-image: -o-linear-gradient(top, #ffbf60, #f99500);
  background-image: linear-gradient(#ffbf60, #f99500);
  border-color: #f99500 #f99500 hsl(36, 100%, 44%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
  -webkit-font-smoothing: antialiased;
}