@charset "utf-8";

#painel .submissos { float: right; width: 92%; padding: 5px 2% 20px; margin: 0 0 10px; background-color: rgb(90 90 90 / 10%); -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;}

#painel .itens { float: left; width: 100%;}
#painel .itens .item { float: left; width: 100%; padding: 10px 110px 10px 0; border-bottom: 1px solid rgb(200 0 0 / 25%); position: relative;}
#painel .itens .item .ordem { float: left; width: 60px; margin: 0 5px;}
#painel .itens .item .ordem .campo { float: left; width: 100%; height: 25px; outline: 1px solid rgb(90 90 90 / 90%); outline-offset: -1px; text-align: center; font-size: 0.9em;}
#painel .itens .item .ordem .button { float: left; width: 100%; padding: 11px 0 10px; margin: 3px 0 0; background-color: rgb(90 90 90 / 90%); text-transform: uppercase; font-weight: bold; font-size: 0.9em; color: rgb(250 250 250);}
#painel .itens .item .ordem .button:hover { background-color: rgb(90 90 90);}
#painel .itens .item .nome { float: left; margin: 0 0 0 5px;}
#painel .itens .item .nome b { font-weight: bold; font-size: 1.1em;}
#painel .itens .item .nome em { font-style: normal;}
#painel .itens .item .nome em.vermelho { color: rgb(200 40 40);}
#painel .itens .item .nome em.verde { color: rgb(15 169 77);}
#painel .itens .item .nome em.roxo { color: rgb(206 51 255);}
#painel .itens .item .opcoes { position: absolute; top: 50%; right: 5px; margin: -15px 0 0;}
#painel .itens .item .opcoes .button { float: left; padding: 16px 10px 14px; margin: 0 0 0 2px; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 0.9em; color: rgb(250 250 250); line-height: 0;}
#painel .itens .item .opcoes .button.b1 { background-color: rgb(0 150 130);}
#painel .itens .item .opcoes .button.b1:hover { background-color: rgb(0 170 100);}
#painel .itens .item .opcoes .button.b2 { padding: 16px 15px 14px; background-color: rgb(200 40 40); background-image: url('../../../imagens/painel/geral/branco-itens-lixeira.png'); background-position: 50%; background-repeat: no-repeat;}
#painel .itens .item .opcoes .button.b2:hover { background-color: rgb(200 0 0);}

#painel .unidades { float: left; width: 100%;}
#painel .unidades .unidade { float: left; width: 100%; padding: 15px; margin: 11px 0 0; position: relative;}
#painel .unidades .unidade .nome { float: left; width: 100%; padding: 0 0 8px; margin: 0 0 8px; border-bottom: 1px solid rgb(90 90 90 / 30%);}
#painel .unidades .unidade .nome b { font-size: 1.1em;}
#painel .unidades .unidade .nome em { font-style: normal;}
#painel .unidades .unidade .nome a:hover { color: rgb(60 140 180)}
#painel .unidades .unidade .opcoes { float: left; width: 100%;}
#painel .unidades .unidade .opcoes .button { float: left; padding: 13px 10px 11px; margin: 2px; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 0.9em; color: rgb(250 250 250); line-height: 0;}
#painel .unidades .unidade .opcoes .button.b1 { background-color: rgb(55 55 55);}
#painel .unidades .unidade .opcoes .button.b1:hover { background-color: rgb(90 90 90);}

#painel .convites { float: left; width: 100%;}
#painel .convites .convite { float: left; width: 94%; padding: 20px 3%; margin: 5px 0 0; outline: 1px solid rgb(90 90 90 / 10%); outline-offset: -1px; background-color: rgb(90 90 90 / 5%); text-align: center;}
#painel .convites .convite .nome { float: left; width: 100%;}
#painel .convites .convite .permissoes { float: left; width: 100%; margin: 11px 0; line-height: 1.8;}
#painel .convites .convite .permissoes b { padding: 2px 5px; margin: 2px; outline: 1px solid rgb(90 90 90 / 20%); background-color: rgb(90 90 90 / 5%); font-weight: normal;}
#painel .convites .convite .opcoes { float: left; width: 100%; text-align: center;}
#painel .convites .convite .opcoes .dados { display: contents;}
#painel .convites .convite .opcoes .dados .submit { padding: 15px 20px 14px; margin: 1px; text-transform: uppercase; font-weight: bold; font-size: 1em;}
#painel .convites .convite .opcoes .dados .submit.aceitar { background-color: rgb(0 150 130);}
#painel .convites .convite .opcoes .dados .submit.aceitar:hover { background-color: rgb(0 170 100);}
#painel .convites .convite .opcoes .dados .submit.recusar { background-color: rgb(200 40 40);}
#painel .convites .convite .opcoes .dados .submit.recusar:hover { background-color: rgb(200 0 0);}

#painel .completos { float: left; width: 100%;}
#painel .completos .completo { float: left; width: 100%; padding: 10px; margin: 5px 0 0; outline: 1px solid rgb(90 90 90 / 40%); outline-offset: -1px;}
#painel .completos .completo .nome { float: left; width: 100%;}
#painel .completos .completo .nome b { float: left; width: 100%; font-size: 1.2em;}
#painel .completos .completo .nome strong { float: left; font-weight: normal; padding: 7px 10px; margin: 2px 2px 0 0; outline: 1px solid rgb(90 90 90 / 30%); outline-offset: -1px; background-color: rgb(90 90 90 / 5%);}
#painel .completos .completo .nome strong.verde { background-color: rgb(15 169 77); color: rgb(250 250 250);}
#painel .completos .completo .nome em { float: left; width: 100%; margin: 5px 0 0; font-style: normal; font-size: 0.9em;}