/* start color */

.siah {
    background: #000;
    color: white;
    padding: 3px;
    border-radius: 3px;
    min-width: 45px;
    text-align: center;
    font-family: inherit;
    display: inline-block;
}

.tosi {
    background: #DDDDDD;
    color: #111111;
    padding: 3px;
    border-radius: 3px;
    min-width: 45px;
    text-align: center;
    font-family: inherit;
    display: inline-block;
}

.noghrei {
    background: #FFFFFF;
    color: black;
    padding: 3px;
    border-radius: 3px;
    min-width: 45px;
    text-align: center;
    font-family: inherit;
    display: inline-block;
}

.sefid {
    background: white;
    color: black;
    padding: 3px;
    border-radius: 3px;
    min-width: 45px;
    text-align: center;
    font-family: inherit;
    display: inline-block;
}

.abiroshan {
    background: #7FDBFF;
    color: #fff;
    padding: 3px;
    border-radius: 3px;
    min-width: 45px;
    text-align: center;
    font-family: inherit;
    display: inline-block;
}

.abi {
    background: #0074D9;
    color: white;
    padding: 3px;
    border-radius: 3px;
    min-width: 45px;
    text-align: center;
    font-family: inherit;
    display: inline-block;
}

.abitire {
    background: #001F3F;
    color: white;
    padding: 3px;
    border-radius: 3px;
    min-width: 45px;
    text-align: center;
    font-family: inherit;
    display: inline-block;
}

.sabzroshan {
    background: #01FF70;
    color: #0C1111;
    padding: 3px;
    border-radius: 3px;
    min-width: 45px;
    text-align: center;
    font-family: inherit;
    display: inline-block;
}

.sabz {
    background: #2ECC40;
    color: black;
    padding: 3px;
    border-radius: 3px;
    min-width: 45px;
    text-align: center;
    font-family: inherit;
    display: inline-block;
}

.sabztire {
    background: #3D9970;
    color: black;
    padding: 3px;
    border-radius: 3px;
    min-width: 45px;
    text-align: center;
    font-family: inherit;
    display: inline-block;
}

.zard {
    color: black;
    background: #FFDC00;
    padding: 3px;
    border-radius: 3px;
    min-width: 45px;
    text-align: center;
    font-family: inherit;
    display: inline-block;
}

.narenji {
    background: #FF851B;
    color: black;
    padding: 3px;
    border-radius: 3px;
    min-width: 45px;
    text-align: center;
    font-family: inherit;
    display: inline-block;
}

.ghermez {
    background: #FF4136;
    display: inline-block;
    color: white;
    padding: 3px;
    border-radius: 3px;
    min-width: 45px;
    text-align: center;
    font-family: inherit;
    display: inline-block;
}

.sorati {
    background: #B10DC9;
    color: white;
    padding: 3px;
    border-radius: 3px;
    min-width: 45px;
    text-align: center;
    font-family: inherit;
    display: inline-block;
}

.banafsh {
    background: #85144B;
    color: white;
    padding: 3px;
    border-radius: 3px;
    min-width: 45px;
    text-align: center;
    font-family: inherit;
    display: inline-block;
}

.zereshki {
    background: #F0F0F0;
    color: white;
    padding: 3px;
    border-radius: 3px;
    min-width: 45px;
    text-align: center;
    font-family: inherit;
    display: inline-block;
}

.mamoli {
    background: #e8e8e8;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
    border-radius: 3px;
    min-width: 45px;
    text-align: center;
    font-family: inherit;
    display: inline-block;
}




/* end color */


/* start oder */
.panel {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px;
    background: #f6f6f6;
}