body.facelift .card-irregular {
  padding: 24px 24px 32px 24px;
}

body.facelift .card-regular {
  padding: 24px;
}

body.facelift .card {
  display: grid;
}

body.facelift .card.cardNavegacao {
  width: 33%;
  align-items: center;
  text-align: center;
}

body.facelift .card.card-1x1-pequeno {
  height: 72px;
}

body.facelift .card.card-1x1-pequeno .title-medio {
  color: #FFFFFF;
  float: left;
}

body.facelift .card.card-1x1-pequeno .cabecalho {
  vertical-align: middle;
  display: table-cell;
  height: 40px;
}

body.facelift .card.card-1x1-medio {
  min-height: 80px;
  max-height: 88px;
}

body.facelift .card.card-1x1-grande {
  height: 188px;
}

body.facelift .card.card-2x1-medio {
  height: 136px;
}

body.facelift .card.card-2x1-medio .imagem {
  height: 40px;
  margin-bottom: 16px;
}

body.facelift .card.card-2x1-medio .title-medio {
  color: #FFFFFF;
}

body.facelift .card.card-2x1-grande {
  height: 216px;
}

body.facelift .card.card-2x1-grande .imagem {
  height: 40px;
  margin-bottom: 8px;
}

body.facelift .card.card-3x1-pequeno {
  height: 72px;
  text-align: center;
}

body.facelift .card.card-3x1-pequeno .imagem {
  height: 40px;
}

body.facelift .card .cardList {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #FFFFFF;
  max-width: 936px !important;
}

body.facelift .card .cardList .container-imagem {
  float: left;
}


body.facelift .card .cardList .container-imagem .imagem {
  min-height: 40px;
  max-height: 48px;
  margin-right: 16px;
  vertical-align: middle;
}

body.facelift .card .cardList.card-roxo {
  border: 1px solid #E4E5E9;
  border-left-width: 8px;
  border-left-color: #73308B;
}

body.facelift .card .cardList.card-rosa-escuro {
  border: 1px solid #E4E5E9;
  border-left-width: 8px;
  border-left-color: #B41A83;
}

.card .cardList.card-rosa-claro {
  border: 1px solid #E4E5E9;
  border-left-width: 8px;
  border-left-color: #F36279;
}

.card .cardList.card-azul {
  border: 1px solid #E4E5E9;
  border-left-width: 8px;
  border-left-color: #2B469C;
}

.card .cardList.card-cinza {
  border: 1px solid #E4E5E9;
  border-left-width: 8px;
  border-left-color: #6D6E71;
}

.card-gradiente-azul-escuro {
  background-image: linear-gradient(to right, #2B71B5, #2B479C);
  color: #FFFFFF;
}

.card-gradiente-azul-claro {
  background-image: linear-gradient(to right, #499ED0, #177CB8);
  color: #FFFFFF;
}

.card-gradiente-azul {
  background-image: linear-gradient(to right, #518CFD, #466DB9);
  color: #FFFFFF;
}

.card-gradiente-roxo {
  background-image: linear-gradient(to right, #9868BC, #73308B);
  color: #FFFFFF;
}

.card-gradiente-rosa {
  background-image: linear-gradient(to right, #DE53AA, #B21480);
  color: #FFFFFF;
}

.card-gradiente-vermelho {
  background-image: linear-gradient(to right, #F36178, #E1173F);
  color: #FFFFFF;
}

.card-gradiente-salmao {
  background-image: linear-gradient(to right, #EF828F, #E34B64);
  color: #FFFFFF;
}

.helper {
  vertical-align: middle;
  height: 100%;
  display: inline-block;
}


body.facelift .card-pontilhado {
    border: 2px #a7a8ac dotted;
    justify-content: center;
    display: flex;
    padding: 24px;
}

body.facelift  .card-pontilhado:hover {
    background: #f0f1f5
}

body.facelift .card-pontilhado.drop-arquivo {
    border: 1px #3B69FF solid;
    background: #EBF0FF
    
}


/** CARD COLORIDO **/
body.facelift .card .cardList.salmao {
 background: #F36279;
}
body.facelift .card .cardList.vermelho {
 background: #E1173F;
}
body.facelift .card .cardList.violeta {
 background: #B41A83;
}  
body.facelift .card .cardList.roxa {
 background: #73308B;
}
body.facelift .card .cardList.azul-marinho {
 background: #2B469C;
}   

/**CADRD COM BORDAS **/
body.facelift .card .cardList.borda-salmao {
 border-left: 4px solid #F36279;
}
body.facelift .card .cardList.borda-vermelho {
 border-left: 4px solid #E1173F;
}
body.facelift .card .cardList.borda-violeta {
 border-left: 4px solid #B41A83;
}  
body.facelift .card .cardList.borda-roxa {
 border-left: 4px solid #73308B;
}
body.facelift .card .cardList.borda-azul-marinho {
 border-left: 4px solid #2B469C;
}  



/*** CARD SINALIZADOR **/
body.facelift .card .cardList.sucesso {
 background: #0BCC56;
}
body.facelift .card .cardList.alerta {
 background: #FFBC00;
}
body.facelift .card .cardList.ativo {
 background: #3B69FF;
}  
body.facelift .card .cardList.inativo {
 background: #A7A8AC;
}  
body.facelift .card .cardList.cancelado {
 background: #E1173F;
}  

/**CARD BORDA SINALIZADORA**/

body.facelift .card .cardList.borda-sucesso {
 border-left: 4px solid #0BCC56;
}
body.facelift .card .cardList.borda-alerta {
 border-left: 4px solid #FFBC00;
}
body.facelift .card .cardList.borda-ativo {
 border-left: 4px solid #3B69FF;
}  
body.facelift .card .cardList.borda-inativo {
 border-left: 4px solid #A7A8AC;
}
body.facelift .card .cardList.borda-cancelado {
 border-left: 4px solid #E1173F;
}