input[type="radio"] {
    width: 30px;
    height: 30px;
}
input[type="checkbox"] {
    width: 30px;
    height: 30px;
}

label{
    font-size: 25px;
}

.temselec{
    width: 90%;
}

.tema {
    align-items: center;
    padding: 10px;
    border: 3px solid #ff6600;
    border-radius: 5px;
    background-color: #002fbd;
    margin-bottom: 5px;
    width: 100%;
}

/* Estilo para a classe "temasel" */
.temasel {
    background-color: #0088ff;
    border: 2px solid #e1ff00;
}



div[class^="b"], div[class^="e"], div[class^="p"], div[class^="g"], div[class^="f"] {
    display:inline-block;
    margin-bottom:-4px;
    height: auto;
    width: auto;
    padding: 15px;
    max-width: 0px;
}

div[class^="b"] {
    background-color: #000070;
    border: 1px solid #000070;
}

div[class^="e"] {
    background-color: #808080;
    border: 1px solid #525252;
}

div[class^="p"] {
    background-color: #ffbb00;
    border: 1px solid #574800;
}

div[class^="g"] {
    background-color: #00ffee;
    border: 1px solid #0008ff;
}

div[class^="f"] {
    background-color: #004cff;
    border: 1px solid #a1a1a1;
}

.p3 {
background-color: #d60068 !important;
border: 1px solid #4b0372 !important;
}

.g3 {
background-color: #d6c800 !important;
border: 1px solid #336600 !important;
}

.f3 {
background-color: #8f7000 !important;
border: 1px solid #82ff05 !important;
}

.b3{
background-color: #002300 !important;
border: 1px solid #002300 !important;
}

.e3 {
background-color: #3cfb3c !important;
border: 1px solid #2dab2b !important;
}

.p5 {
background-color: #00ff00 !important;
border: 1px solid #007000 !important;
}

.g5 {
background-color: #380000 !important;
border: 1px solid #ff0000 !important;
z-index: 55;
}

.f5 {
background-color: #ff0000 !important;
border: 1px solid #ab6363 !important;
}

.b5 {
background-color: #003000 !important;
border: 1px solid #003000 !important;
}

.e5 {
background-color: #000000 !important;
border: 1px solid #00ff00 !important;
}

.p4 {
background-color: #ffffff !important;
border: 1px solid #b0b0b0 !important;
}

.g4 {
background-color: #707070 !important;
border: 1px solid #606060 !important;
}

.f4 {
background-color: #355c5f !important;
border: 1px solid #ffffff !important;
}

.b4{
background-color: #000000 !important;
border: 1px solid #000000 !important;
}

.e4{
background-color: #252525 !important;
border: 1px solid #000000 !important;
}

.p2{
background-color: #d18e29 !important;
border: 1px solid #b57a21 !important;
}

.g2{
background-color: #A0522D !important;
border: 1px solid #924B26 !important;
}

.f2{
background-color: #8f0000 !important;
border: 1px solid #570000 !important;
}

.b2{
background-color: #291b00 !important;
border: 1px solid #291b00 !important;
}

.e2{
background-color: #F5DEB3 !important;
border: 1px solid #E5CF9E !important;
}

.g6 {
background-color: #fff !important;
border: 1px solid #bbb !important;
    background-image: url(levels/emoji/oc.png) !important;
    background-size: 30px !important;
    background-position-y: -2px !important;
}
.p6 {
background-color: #ffffff !important;
border: 1px solid #b0b0b0 !important;
background-image: url(levels/emoji/ros.png) !important;
    background-size: 30px !important;
    background-position-y: -2px !important;
}

.f6 {
background-color: #fff !important;
border: 1px solid #bbb !important;
    background-image: url(levels/emoji/rosoc.png) !important;
    background-size: 30px !important;
    background-position-y: -2px !important;
}

.b6{
background-color: #000 !important;
border: 1px solid #000 !important;
}

.e6 {
background-color: #ffffff !important;
border: 1px solid #b0b0b0 !important;
}