.Alla-matcher-container{
    display: flex;
}

.Alla-matcher-container div[slutspelrunda]{
    margin-right: 20px;
}

[final-item]{
    margin-top: 20px;
}

.Alla-matcher-container table tr[ny-match] td{
    border-top: 1px solid black !important;
}

table[table="slutspel"]{
    background-color: rgb(234, 234, 234);
    border-collapse: separate;
    border-spacing: 0 !important;
    text-align: left;

    border: 1px solid white;
}


table[table="slutspel"] tr th{
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-right: 2px solid;
}


table[table="slutspel"] tr{
    border: 1px solid rgb(213, 213, 213);
    background-color: rgb(213, 213, 213);
    margin: 0;
}

table[table="slutspel"] tr[selected_plats] td{
    background-color: rgb(139, 205, 139) !important;
    text-align: center !important;
    font-weight: bold;
}

table[table="slutspel"] tr[fixed-tr-1] th{
    position: sticky;
    top: 134px;
    z-index: 2;
}



table[table="slutspel"] th:not([th_for]){
    background-color: rgb(40, 40, 40);
    color: white;
    text-align: left;
    border: 1px solid rgb(40, 40, 40);

}
table[table="slutspel"] th[th_for]{
    background-color: rgb(40, 40, 40);
    color: white;
    text-align: center;
    border: 1px solid rgb(40, 40, 40);

}
table[table="slutspel"] th[th_for="uttagen"]{
    background-color: rgb(2, 68, 0);
    border: 1px solid rgb(2, 68, 0);
}
table[table="slutspel"] th[th_for="tillganglig"]{
    background-color: rgb(0, 34, 55);
    border: 1px solid rgb(0, 34, 55);
}

table[table="slutspel"] th[th_type="Allmänt"]{
    background-color: rgb(55, 55, 55) !important;
}
table[table="slutspel"] th[th_type="uppgifter"],
table[table="slutspel"] th[col="perssonnummer"],
table[table="slutspel"] th[col="bank"],
table[table="slutspel"] th[col="kontonr"]{
    background-color: rgb(26, 26, 26) !important;
}


table[table="slutspel"] th[th_type="matcher"]{
    background-color: rgb(55, 55, 55) !important;
}





table[table="slutspel"] th[col="match-tot"],
table[table="slutspel"] th[th_type="arvode-extra"],
table[table="slutspel"] th[col="km"],
table[table="slutspel"] th[col="biljett_kostnader"],
table[table="slutspel"] th[col="avdrag"],
table[table="slutspel"] th[col="tillagg"]
{
    background-color: rgb(26, 26, 26) !important;
}

table[table="slutspel"][noborder] tr td{
    border: none !important;
}

table[table="slutspel"] tr td[col_namn="Personnummer"],
table[table="slutspel"] tr td[col_namn="specifik"],
table[table="slutspel"] tr td[col_namn="arvode-matcher"]{
    border-left: 1px solid black !important;
}


table[table="slutspel"] tr:nth-child(odd) td[col_namn="Personnummer"],
table[table="slutspel"] tr:nth-child(odd) td[col_namn="Bank"],
table[table="slutspel"] tr:nth-child(odd) td[col_namn="Kontonr"],

table[table="slutspel"] tr:nth-child(odd) td[col_namn="arvode-matcher"],
table[table="slutspel"] tr:nth-child(odd) td[col_namn="Resa Km"],
table[table="slutspel"] tr:nth-child(odd) td[col_namn="Biljett Kostnader"],
table[table="slutspel"] tr:nth-child(odd) td[col_namn="Avdrag"],
table[table="slutspel"] tr:nth-child(odd) td[col_namn="Tillägg"]

{
    background-color: rgb(209, 209, 209) !important;
}





table[table="slutspel"] tr:nth-child(even) td[col_namn="Personnummer"],
table[table="slutspel"] tr:nth-child(even) td[col_namn="Bank"],
table[table="slutspel"] tr:nth-child(even) td[col_namn="Kontonr"],

table[table="slutspel"] tr:nth-child(even) td[col_namn="arvode-matcher"],
table[table="slutspel"] tr:nth-child(even) td[col_namn="Resa Km"],
table[table="slutspel"] tr:nth-child(even) td[col_namn="Biljett Kostnader"],
table[table="slutspel"] tr:nth-child(even) td[col_namn="Avdrag"],
table[table="slutspel"] tr:nth-child(even) td[col_namn="Tillägg"]
{
    background-color: rgb(192, 192, 192) !important;
}



table[table="slutspel"] tr td[col_namn="specifik"],
table[table="slutspel"] tr td[col_namn="normal"],
table[table="slutspel"] tr td[col_namn="totalt"]{
    text-align: center;
}


table[table="slutspel"] th[col="tot"]{
    background-color: rgb(186, 124, 0) !important;
}
table[table="slutspel"] tr td[col_namn="totalt"]{
    font-weight: bold;
}
table[table="slutspel"] tr:nth-child(odd) td[col_namn="totalt"]{
    background-color: rgb(255, 250, 225) !important;
}
table[table="slutspel"] tr:nth-child(even) td[col_namn="totalt"]{
    background-color: rgb(255, 245, 193) !important;
}





table[table="slutspel"] th[col="match-tot"]{
    background-color: rgb(0, 75, 5) !important;
}
table[table="slutspel"] tr td[col_namn="arvode-matcher"]{
    font-weight: bold;
}
table[table="slutspel"] tr:nth-child(odd) td[col_namn="arvode-matcher"]{
    background-color: rgb(228, 255, 230) !important;
}
table[table="slutspel"] tr:nth-child(even) td[col_namn="arvode-matcher"]{
    background-color: rgb(199, 255, 203) !important;
}



table[table="slutspel"] th[col="arvode-tot"]{
    background-color: rgb(0, 75, 5) !important;
}
table[table="slutspel"] tr td[col_namn="arvode-full-totalt"]{
    font-weight: bold;
}
table[table="slutspel"] tr:nth-child(odd) td[col_namn="arvode-full-totalt"]{
    background-color: rgb(228, 255, 230) !important;
}
table[table="slutspel"] tr:nth-child(even) td[col_namn="arvode-full-totalt"]{
    background-color: rgb(199, 255, 203) !important;
}











table[table="slutspel"] td[subTh]{
    font-weight: bold !important;
    color: white !important;
    background-color: rgb(40, 40, 40) !important;
    border: none !important;
}


table[table="slutspel"] td

table[table="slutspel"] tr:nth-child(even) td{
    background-color: rgb(213, 213, 213);
    border: 1px solid rgb(213, 213, 213);
}
table[table="slutspel"] tr:nth-child(odd) td{
    background-color: rgb(234, 234, 234);
    border: 1px solid rgb(234, 234, 234);
}


table[table="slutspel"] tr td[td_for="uttagen"],
table[table="slutspel"] tr td[td_for="tillganglig"]{
    text-align: center;
}


table[table="slutspel"] tr:nth-child(even) td[td_for="uttagen"]{
    background-color: rgb(159, 217, 157);
    border: 1px solid rgb(159, 217, 157);
}
table[table="slutspel"] tr:nth-child(odd) td[td_for="uttagen"]{
    background-color: rgb(159, 201, 157);
    border: 1px solid rgb(159, 201, 157);
}

table[table="slutspel"] tr:nth-child(even) td[td_for="tillganglig"]{
    background-color: rgb(157, 185, 216);
    border: 1px solid rgb(157, 185, 216);
}
table[table="slutspel"] tr:nth-child(odd) td[td_for="tillganglig"]{
    background-color: rgb(177, 197, 211);
    border: 1px solid rgb(177, 197, 211);
}




table[table="slutspel"] td,
table[table="slutspel"] th{
    white-space: nowrap;
    width: fit-content;
    padding: 4px;
}


table[table="slutspel"] td textarea {
    border: none;
    background-color: transparent;
    outline: none;
    min-width: 100%;
    width: fit-content;
}
table[table="slutspel"] td textarea:hover {
    background-color: rgb(203, 203, 203);
}


table[table="slutspel"] td input[type="text"], table[table="slutspel"] td input[type="email"], table[table="slutspel"] td input[type="number"], table[table="slutspel"] td input[type="password"] {
    all: unset;
    border: none;
    padding: 2px;
    border-radius: 0;
    white-space: nowrap;
    background-color: transparent;
}
table[table="slutspel"] td input[type="text"]:hover,table[table="slutspel"] td input[type="email"]:hover,table[table="slutspel"] td input[type="number"]:hover,table[table="slutspel"] td input[type="password"]:hover
table[table="slutspel"] td input[type="text"]:focus,table[table="slutspel"] td input[type="email"]:focus,table[table="slutspel"] td input[type="number"]:focus,table[table="slutspel"] td input[type="password"]:focus,
table[table="slutspel"] td input[type="text"]::after, table[table="slutspel"] td input[type="email"]::after, table[table="slutspel"] td input[type="number"]::after, table[table="slutspel"] td input[type="password"]::after {
    background-color: rgba(9, 9, 9,0.1)
}




table[table="slutspel"] td select{
    width: 90%;
    color: black;
    padding: 4px;
    padding-left: 5px;
    border: none;
    background-color: rgba(255, 255, 255, 0.5);
}

table[table="slutspel"] td select:hover{
    background-color: rgba(183, 183, 183, 0.5);
}


table[table="slutspel"] td input[type="date"], table[table="slutspel"] td input[type="time"], table[table="slutspel"] td input[type="datetime-local"]  {
    all: unset;
    border: none;
    padding: 2px;
    border-radius: 0;
    white-space: nowrap;
    background-color: transparent;

    color: rgba(0, 0, 0,1);
}
table[table="slutspel"] td input[type="date"]:hover, table[table="slutspel"] td input[type="time"]:hover, table[table="slutspel"] td input[type="datetime-local"]:hover,
table[table="slutspel"] td input[type="date"]:focus, table[table="slutspel"] td input[type="time"]:focus,table[table="slutspel"] td input[type="datetime-local"]:focus,
table[table="slutspel"] td input[type="date"]::after,table[table="slutspel"] td input[type="time"]::after ,table[table="slutspel"] td input[type="datetime-local"]::after  {
    background-color: rgba(9, 9, 9,0.1)
}

table[table="slutspel"] td input[type="date"][value=""] {
    color: rgba(0, 0, 0, 0.3);
}

table[table="slutspel"] td[cell_size="short"] input,
table[table="slutspel"] td[cell_size="short"] select{
    width: 90px;
}
table[table="slutspel"] td[cell_size="medium"] input, table[table="slutspel"] td[cell_size="medium"] select{
    width: 120px;
}
table[table="slutspel"] td[cell_size="medium-2"] input, table[table="slutspel"] td[cell_size="medium-2"] select{
    width: 150px;
}

table[table="slutspel"] td[cell_size="medium-3"] input, table[table="slutspel"] td[cell_size="medium-3"] select{
    width: 180px;
}

table[table="slutspel"] td[cell_size="long"] input, table[table="slutspel"] td[cell_size="long"] select{
    width: 240px;
}


table[table="slutspel"] th[col_namn="Domare"]{
    z-index: 4;
}
table[table="slutspel"] td[col_namn="Domare"] input{
    width: fit-content !important;
}
table[table="slutspel"] td[col_namn="Domare"]{
    width: fit-content !important;
}



.checkbox_contain{
    text-align: left;
}
table[table="slutspel"] td input[type="checkbox"]{
    width: 20px;
    height: 20px;
}

table[table="slutspel"] td input[type="checkbox"]:hover{
    cursor: pointer;
}

table[table="slutspel"] td[customTd="date"]{
    background-color: black !important;
    color: white !important;
    text-align: center;
}
table[table="slutspel"] td[customTd="plats"]{
    background-color: gold !important;
    color: rgb(0, 0, 0) !important;
    text-align: center;
}
table[table="slutspel"] td[customTd="bil"]{
    background-color: rgb(0, 140, 255) !important;
    color: rgb(0, 0, 0) !important;
    text-align: center;
}








table[table="slutspel"] tr[ban-kort="tr-item"]{
    background-color: rgb(54, 0, 0) !important;
    color: white !important;
}

table[table="slutspel"] tr[ban-kort="tr-item"] td{
    background-color: rgb(54, 0, 0) !important;
    color: white !important;
}


table[table="slutspel"] tr[ban-kort="tr-item"] td[ban-kort="spelare-hemma-ban"],
table[table="slutspel"] tr[ban-kort="tr-item"] td[ban-kort="spelare-borta-ban"]
{
    text-align: center !important;
}

table[table="slutspel"] tr[ban-kort="tr-item"] td img[ban-kort="hemma-ban-kort"],
table[table="slutspel"] tr[ban-kort="tr-item"] td img[ban-kort="borta-ban-kort"]
{
    width: 20px !important;

}




table[table="slutspel"] tr[ban-kort="tr-item"] td[ban-kort="ingen"]{
    color: rgba(255, 255, 255, 0.2) !important;
    font-style: italic;
}