body,html {
      background: rgb(204,204,204); 
}
button {
    border:1px solid #333;
    padding:10px;
    margin:5px;
    color:#000;
    background:rgba(0,0,0,0.1);
}
button:hover {
    color:#333;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.1);

}

page {
    background: white;
    display: block;
    margin: 0px auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.1);
    color:#000;
    line-height:1.2;
}

page[size="A4"] {  
    width: 21cm;
    height: 29.1cm; 
}

page[size="A4"][layout="portrait"] {
    width: 29.7cm;
    height: 21cm;  
    overflow:hidden;
}

table.dataTable > tbody > tr > th, table.dataTable > tbody > tr > td {
    padding: 0px 6px;
}

div.page_topic {
    text-align:center;
    
    display:block;
    margin-left: 0px;
    margin-top:0px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color:#eeeeee;
    font-weight:bold;
    font-size: 1.2em;
}

div.page_content {
    margin:10px;
}
button {
    margin-left:2px;
    margin-right:2px;
}

img.srl3 {
    display:block;
    float:right;
    position:relative;
    right:55px;
    z-index:99;
    width:120px;


}

form#new-player-form label {
    display: inline-block;
    width: 90px;
    text-align: right;
    margin: 6px;
}

.tips{
    border-left: 3px solid #00cc00;
    background-color: #e6ffe6;
    background-image: url('../img/x.png');
    background-position:top 4px right 4px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    right:10px;
    float: left;
    position:absolute;
    
    margin: 0px auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
    padding:7px;
    padding-right:20px;

    font-size: 0.8em;
    z-index:100;
}

.back{
    //border-right: 3px solid #00cc00;
    //background-color: #e6ffe6;
    //backgroUnd-position:top 4px right 4px;
    //background-repeat: no-repeat;
    //background-size: 16px 16px;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    //box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
    //padding:7px;
    //padding-right:20px;
    font-size: 0.8em;
}

page table th tr{
    color: #111;
}

page h1 {
    text-align:center;
    
    display:block;
    margin-left: 0px;
    margin-top:0px;
    padding-top: 30px;
    font-size: 1.2em;
}

page p {
    padding-left:40px;
    font-size: 0.76em;
    margin-top:8px;
    margin-bottom:8px;
}
page p.fineprint {
    padding-left:40px;
    padding-right:40px;
    text-align:justify; 
    font-size:0.5em;
    margin-top:4px;
    margin-bottom:4px;
}
page p input {
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 1px solid black;

    margin-left:10px;
    margin-right:10px;
}

page table.teamsheet {
    border-collapse: collapse;
    margin: 0 auto;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    color:#000;
}

page table.teamsheet th {
    border-left: 1pX solid #666;
    border-bottom: 1px solid #666;
    font-size: 0.7em;
    color:#000;
    padding-left:2px;
    padding-right:2px;
}

page table.teamsheet  td {
    border-left: 1px solid #666;
    border-bottom: 1px solid #666;
    color:#000;
    font-size: 0.8em;
}

page table.teamsheet tr {

}

page table.teamsheet tr.odd {

}

page table.teamsheet tr.even {
    background-color: #dedac5;
    background-color: #f5f1df;
}

page table.teamsheet tr.even2 {
    background-color: #dadada;

}

page table.teamsheet input {
    border: 0;
    outline: 0;
    background: transparent;
}


@media only screen and (max-width: 1145px) {
      /* For mobile phones: */
    page {

    }

    page[size="A4"][layout="portrait"] {
        width: 100%;
    }



}

@media print {
    body, page {
        margin: 0px !important;
        box-shadow: none !important;
    }
    .tips {
        display:none !important;
    }
    .back {
        display:none !important;
    }
    page table.teamsheet tr.even {
        background-color: #f6f5ef !important;
        background-color: #f5f1dF !important;
        -webkit-print-color-adjust: exact; 
    }

    page table.teamsheet tr.even2 {
        background-color: #f2f2f2 !important;
        -webkit-print-color-adjust: exact; 
    }
}