@charset "utf-8";

/* TEMA CLARO */
.tema.clear { background-color: rgb(245 245 245); color: rgb(20 20 20);}
.tema.clear a { color: rgb(20 20 20);}
.tema.clear a:link { text-decoration: none; color: rgb(20 20 20);}
.tema.clear a:visited { color: rgb(20 20 20);}
.tema.clear a:active { color: rgb(20 20 20);}
.tema.clear a:hover { color: rgb(20 20 20);}
.tema.clear input { color: rgb(20 20 20);}
.tema.clear select { color: rgb(20 20 20);}
.tema.clear textarea { color: rgb(20 20 20);}
.tema.clear textarea::placeholder { color: rgb(90 90 90 / 90%);}
.tema.clear button { color: rgb(20 20 20);}
.tema.clear input::placeholder { color: rgb(90 90 90 / 90%);}
.tema.clear input[type="submit"] { cursor: pointer; color: rgb(250 250 250);}
.tema.clear input[type="submit"].disabled { outline: 1px solid rgb(90 90 90 / 30%); background-color: rgb(200 200 200) !important; color: rgb(90 90 90) !important; cursor: default !important;}

/* TEMA ESCURO */
.tema.dark { background-color: rgb(14 23 30); color: rgb(225 225 225);}
.tema.dark a { color: rgb(225 225 225);}
.tema.dark a:link { text-decoration: none; color: rgb(225 225 225);}
.tema.dark a:visited { color: rgb(225 225 225);}
.tema.dark a:active { color: rgb(225 225 225);}
.tema.dark a:hover { color: rgb(225 225 225);}
.tema.dark input { color: rgb(225 225 225);}
.tema.dark select { color: rgb(225 225 225);}
.tema.dark select option { background-color: rgb(11 17 21);}
.tema.dark textarea { color: rgb(225 225 225);}
.tema.dark textarea::placeholder { color: rgb(150 150 150);}
.tema.dark button { color: rgb(225 225 225);}
.tema.dark input::placeholder { color: rgb(150 150 150);}
.tema.dark input[type="submit"] { cursor: pointer; color: rgb(250 250 250);}
.tema.dark input[type="submit"].disabled { outline: 1px solid rgb(90 90 90 / 30%); background-color: rgb(200 200 200) !important; color: rgb(90 90 90) !important; cursor: default !important;}

/* esquerda */
.tema.clear .esquerda { background-color: rgb(230 230 230);}
.tema.dark .esquerda { background-color: rgb(11 17 21);}

/* domo */
.tema.clear .domo { background-color: rgb(255 255 255);}
.tema.dark .domo { background-color: rgb(25 34 42);}

/* linkh */
.tema.clear .linkh:hover { color: rgb(0 116 232) !important;}
.tema.clear .linkh.ativo { color: rgb(0 116 232) !important;}
.tema.clear .linkh.ativo:hover { text-decoration: underline;}
.tema.dark .linkh:hover { color: rgb(86 231 255) !important;}
.tema.dark .linkh.ativo { color: rgb(86 231 255) !important;}
.tema.dark .linkh.ativo:hover { text-decoration: underline;}

/* campo */
.tema.clear .campo { outline: 1px solid rgb(90 90 90 / 50%);}
.tema.dark .campo { outline: 1px solid rgb(90 90 90);}

/* carregando */
.tema.clear .carregando { background-color: rgb(250 250 250 / 50%);}
.tema.dark .carregando { background-color: rgb(90 90 90 / 50%);}

/* obrigatorio */
.tema.clear .obrigatorio { color: rgb(255 0 0);}
.tema.dark .obrigatorio { color: rgb(255 255 255);}