Tema Wikimee - Condor by rogeriobeatz

/* ==UserStyle==
@name           Tema Condor - Wikimee
@namespace      https://rogerio.design
@version        1.0.0
@description    A new userstyle
@author         Rogério Gonçalves
==/UserStyle== */

@-moz-document domain("https://wikimee.condor.com.br") {
* {
  font-family: Montserrat;
  letter-spacing: 0.02em;
}
body {
  background: #171721 !important;
}

hr {
  border: 1px solid #ffffff20;
  margin: 10px 0 20px 0;
}

.header {
  background-color: rgba(0 0 0 / 0.0) !important; 
}
.search {
  width: 700px;
}
.search input {
  width: 500px !important;
  background: #23232d !important;
  border-radius: 100px !important;
  font-size: 0.9em;
  margin: 0 0 0 -300px !important;
  font-weight: 300;
}
.titulo {
  text-align: left !important;
  text-transform: uppercase;
  font-size: 1em !important;
  margin: 20px 5px 0 5px;
}
.left-menu, .menu, .menu li, .gallery, .lista-items th{
  background: rgba(0 0 0 / 0.0) !important;
}
.menu li{
  padding: 8px 5px 8px 5px !important;
  text-transform: uppercase;
}
.menu li a {
  color: #aab4b9 !important;
}
div.menu div.left-menu ul li:hover {
  background: rgb(44,70,71) !important;
background-color: linear-gradient(90deg, rgba(44,70,71,1) 0%, rgba(29,38,67,1) 100%) !important;
  transition: background-color 0.2s;
}
div.menu div.left-menu ul li a.select {
  color: #a9ded8 !important;
  font-weight: 800;
}


.thumb-contato, .middle{
  border-radius:100px !important;
  border: 0px !important;
}

.gallery ::-webkit-scrollbar-thumb {
  background-color: blue;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid orange;  /* creates padding around scroll thumb */
}

.gallery-nav {
  border-radius: 5px !important;
}
  

div.chat {
  background: rgb(44,70,71) !important;
background: linear-gradient(90deg, rgba(44,70,71,1) 0%, rgba(29,38,67,1) 100%) !important;
}
.gallery-nav {
  background: linear-gradient(90deg, rgba(44,70,71,1) 0%, rgba(29,38,67,1) 100%) !important;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.6) !important;

}
.nav-ini, .nav-mid, .nav-end {
  background: rgba(0 0 0 / 0.0) !important;
}
.gallery-nav-option a{
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1em !important;
  
  width: 100px;
  
}
.nav-mid .navigation{
  text-transform: uppercase;
}
.botao-postar{
  background: #d6f1f3 !important;
  color: #171821;
  border-radius: 100px;
  padding: 5px 26px;
  font-size: 0.9em;
  text-transform: uppercase;
  font-weight: 800; 
}
.botao-postar:hover{
  background-color: #10ead8 !important;
  transition: background-color 0.2s;
}
.right .botao-clipboard{
  background: #2f303b !important;
  color: #a2a1a8;
  border-radius: 100px;
  padding: 5px 15px;
  font-size: 0.9em;
  text-transform: uppercase;
  font-weight: 800; 
}
#uploadifive-file-upload-scrap{
  background: #2e2e3d !important;
  color: #ffffff;
  border-radius: 100px;
  font-size: 0.9em;
  text-transform: uppercase;
  font-weight: 800;
  padding: 5px 15px;
  height: 18px !important;
  line-height: 1.8 !important;
}
#tabs-informacoes, .tab-informacoes, #tabs-acoes, #tabs-wikimails, #tabs-ativos, #tabs-scraps, #tabs-pessoas, #tabs-catalogos, #tabs-despesas {
  height: 650px !important;
}

#tabs-informacoes::-webkit-scrollbar {
width: 10px;
}
#tabs-informacoes::-webkit-scrollbar-track {
  background: #252531;        /* color of the tracking area */
}
#tabs-informacoes::-webkit-scrollbar-thumb {
  background-color: #9bcbc9;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
}

.gallery::-webkit-scrollbar {
width: 10px;
}
.gallery::-webkit-scrollbar-track {
  background: #252531;        /* color of the tracking area */
}
.gallery::-webkit-scrollbar-thumb {
  background-color: #9bcbc9;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
}
.ui-tabs-panel {
  background: radial-gradient(ellipse at top left, #2c4745, transparent),
            radial-gradient(ellipse at bottom right, #23232e, transparent) !important;
}
.ui-tabs-panel h3 {
 font-size:1.3em; 
}
.info .tag-adicao {
  float: left;
  margin: 6px;
  padding: 6px
}
.info-app{
  background: #23232e !important;
  box-shadow: 0 0 20px #000000;
  border: 0;
  padding: 20px !important;
  height: auto !important;
}
.tarefa-informacao-tab, .ui-tabs-nav{
  background: #23232e !important;
  border: 0;
}

.ui-state-default {
  background: #23232e !important;
  border: 0 !important;
}
.ui-state-default a {
  color: #868693 !important;
}
.ui-state-active {
 background: #2c4745 !important;
 
}
.ui-state-active a{
  color: #ffffff !important;
}
.app-header {
  font-size: 2em !important;
  color: #d5f0f2;
  text-transform: uppercase;
  font-weight: 800;
  padding: 15px  5px !important;
}
.app-header img {
  mix-blend-mode: lighten;
  height: 20px !important;
}

li.alert a{
background: linear-gradient(30deg, rgba(35,35,46,1) 50%, rgba(255,104,7,1) 100%) !important;
  border-radius: 4px 4px 0 0;
  margin: 0;
  color: #868693 !important;
}
.chat {
  box-shadow: 0px 0px 50px #054f49;
  border-radius: 20px 
  border: 1px solid #335653;
  
}
.chat .titulo{
  margin: 0 0 20px 0;
  background-color: #00000000 !important;
  font-weight: 800;
  font-size: 1.4em !important;
  color: #63ada6 !important;
}
.chat .titulo:hover {
  color: #ffffff !important;
  transition: color 0.2s;
}
.chat .users {
  width: auto !important;
} 
.users::-webkit-scrollbar {
width: 10px;
}
.users::-webkit-scrollbar-track {
  background: #252531;        /* color of the tracking area */
}
.users::-webkit-scrollbar-thumb {
  background-color: #9bcbc9;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
}
.users{
  height: 500px !important; 
}
.users ul {
  height: auto !important;
}
.user {
   border:solid #171821 !important;
  border-width: 0 0 1px 0 !important;
}
.users .user {
  margin: 10px 0 10px 0;
  color: #fff;
  
}
.users .user .foto {
  border-radius: 100px;
  height: 30px;
  width: 30px;
}
.users .error {
  color: #fff;
}
.users .user .nome {
  float: left !important;
  width: 70%;
  font-weight: 400;
  letter-spacing: 0;
  padding: 5px;
}
.users .user .status {
  width: 5px;
  float: right;
  background: #00000000;
  
}
.users .user .status img {
  width: 10px;
  height: 10px;
}
.conversa.ui-droppable .titulo{
  background: linear-gradient(90deg, rgba(44,70,71,1) 0%, rgba(29,38,67,1) 100%) !important;
  
}
input[name=filtro] {
  background: #ffffff;
  color: #000 !important;
  padding: 20px 15px !important;
  margin: -10px 0 0 0!important;
  box-shadow: 0 -10px 10px #000;
  border-radius: 15px 15px 0 0;
  font-weight: bold;
}
input[name=filtro]::placeholder {
  color: #71717c;
}

/* Início de: Configurações da aba de Mensagens em tarefa */

.tarefa-informacao-tab table.info tr.novoScrap td:first-child {
  background: #00000000 !important;
  padding: 10px;
  border: 0;
}

.tarefa-informacao-tab table.info tr.novoScrap td:nth-child(2) {
  background: #ffffff15 !important;
  border-radius: 0 15px 15px 15px;
  padding: 15px;
  box-shadow: 0 0 20px #00000030;
  border: 0;
}

.tarefa-informacao-tab table.info tr.novoScrap td:nth-child(3) {
  background: #00000000 !important;
  border: 0;
  width: 10px;
}
.tarefa-informacao-tab table.info tr.novoScrap td:nth-child(3) img{
  width: 20px;
  margin: 0 0 0 10px;
  filter: invert(1);
  
}

.tarefa-informacao-tab table.info tr.novoScrap td span:first-child {
  font-size: 1.2em;
  line-height: 1.5;
  color: #d6f1f3;
}

.tarefa-informacao-tab table.info tr.divisor td {
  border: none;
  padding: 10px !important;
}
/* Final de: Configurações da aba de Mensagens em tarefa */

}