.border{
    border: 1px dotted black;
    margin-right: 5px;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
  margin-top:0px;
  }
body {
  /* Margin bottom by footer height */
  
}
.margin-top{ 
    margin-top:35px;
}
.footer {
  position: absolute;
  text-align:right;
  padding-right:20px;
  bottom: 0px;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 25px;
  background-color:black;
  color:white;
}
.container .text-muted {
  margin: 20px 0;
}

code {
  font-size: 80%;
}

.pointer{
	cursor: pointer;	
}



/* kilpailija taulu*/

    th, td {
        padding: 1px 10px;
        border: 1px solid #999;
        font-size: 10px;
    }
    th {
        background-color: #eee;
    }
    th[data-sort]{
        cursor:pointer;
    }

    /* just some random additional styles for a more real-world situation */
    #msg {
        color: #0a0;
        text-align: center;
    }
    td.name {
        font-weight: bold;
    }
    td.email {
        color: #666;
        text-decoration: underline;
    }
    /* zebra-striping seems to really slow down Opera sometimes */
    tr:nth-child(even) > td {
        background-color: #f9f9f7;
    }
    tr:nth-child(odd) > td {
        background-color: #ffffff;
    }
    .disabled {
        opacity: 0.5;
    }

    /* Autocomplete näkymä*/
    #keyword {
        width: 200px;
        font-size: 1em;
    }

    #results {
        display: none;
        width: 204px;
        display: absolute;
        position: absolute;
        border: 1px solid #c0c0c0;
        background-color:white;
        z-index: 10;
        top: 100;
        left: 200;
    }
    
    #results .item {
        padding: 3px;
        font-family: Helvetica;
        border-bottom: 1px solid #c0c0c0;
    }

    #results .item:last-child {
        border-bottom: 0px;
    }

    #results .item:hover {
        background-color: #f2f2f2;
        cursor: pointer;
    }