html { scroll-behavior: smooth; }

.icones { padding: 2px; margin-bottom: 8px; border: 1px solid #e0e0e0; box-shadow: 3px 3px 2px  rgba(30,30,30, 0.1); }
.icones small { color: #333333; }

.pointer { cursor: pointer; }

.fixar-topo { position: sticky; top: 0; background: white; transition: box-shadow 0.3s ease; z-index: 14; }

/* .fixar-topo.sombra {
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
} */


.cont { background-color: #D4E6F1; border-bottom: 4px solid #2980B9; }
.cond { background-color: #b9ddf3; border-bottom: 4px solid #1371af; }

.postcriado { background-color: #fff7f6; border-bottom: 4px solid #FF0000; }
.postpublico { background-color: #D4E6F1; border-bottom: 4px solid #2980B9; }
.postremovido { background-color: #cccccc; border-bottom: 4px solid #333333; }

.concriado { background-color: #fff7f6; border-bottom: 4px solid #FF0000; }
.convisto { background-color: #ffebc8; border-bottom: 4px solid #ffa200; }
.conlido { background-color: #D4E6F1; border-bottom: 4px solid #2980B9; }
.conremovido { background-color: #cccccc; border-bottom: 4px solid #333333; }
.conspan { background-color: #eeeeee; border-bottom: 4px solid #666666; }

.cadcriado { background-color: #fff7f6; border-bottom: 4px solid #FF0000; }
.cadativo { background-color: #D4E6F1; border-bottom: 4px solid #2980B9; }
.cadremovido { background-color: #cccccc; border-bottom: 4px solid #333333; }

.comentcoment { background-color: #cccccc; padding-left: 5px; box-shadow: 1px 1px 1px  rgba(30,30,30, 0.3); }
.comentcriado { background-color: #ffe1dd; padding-left: 5px; box-shadow: 1px 1px 1px  rgba(30,30,30, 0.3); }
.comentvisto { background-color: #d2fdd2; padding-left: 5px; box-shadow: 1px 1px 1px  rgba(30,30,30, 0.3); }
.comentlido { background-color: #e7e7e7; padding-left: 5px; box-shadow: 1px 1px 1px  rgba(30,30,30, 0.3); }
.comentretirado { background-color: #cccccc;  padding-left: 5px; box-shadow: 1px 1px 1px  rgba(30,30,30, 0.3); }
.comentcomentario { background-color: #fefefe; padding-left: 5px; box-shadow: 1px 1px 1px  rgba(30,30,30, 0.3); }

.alertcriado { background-color: #fff7f6; border-right: 15px solid #FF0000; }
.alertvisto { background-color: #fcfcfc; border-right: 15px solid #999999; }

.admativo { background-color: #81caed; border-bottom: 4px solid #4a9bd3; }
.admbloqueado { border-bottom: 4px solid #001237; }
.admremovido { border-bottom: 4px solid #333333; }

.tecativo { background-color: #a3dcf7; border-bottom: 4px solid #4a9bd3; }
.tecbloqueado { border-bottom: 4px solid #001237; }
.tecremovido { border-bottom: 4px solid #333333; }

.usercriado { background-color: #a3f7b9; border-bottom: 4px solid #18ec3b; }
.userativo { background-color: #c6e9fc; border-bottom: 4px solid #4a9bd3; }
.userbloqueado { background-color: #a3dcf7; border-bottom: 4px solid #001237; }
.userremovido { background-color: #a3dcf7; border-bottom: 8px solid #333333; }

.colabativo { background-color: #e9f8ff; border-bottom: 4px solid #4a9bd3; }
.colabbloqueado { background-color: #c6e9fc; border-bottom: 4px solid #001237; }
.colabremovido { background-color: #c6e9fc; border-bottom: 4px solid #333333; }

.upload { border:2px dashed #cccccc; padding: 1.5em;}
.upload::file-selector-button  { color: #ffffff; background-color: #ffffff; border: 0; padding: 0; width: 10px; }
.upload::file-selector-button:hover  { color: #ffffff; background-color: #ffffff; }
.upload:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { color: #ffffff; background-color: #ffffff; }

.copiado { background-color: #333333; font-size: 14px; color: #ffffff; padding: 10px; position: fixed; bottom: 20px; right: 20px; border-radius: 5px; display: none; z-index: 200; }
.checando { background-color: #2980B9; font-size: 14px; color: #ffffff; padding: 10px; position: fixed; bottom: 20px; right: 20px; border-radius: 5px; display: none; z-index: 200; }

/* .foto { height: 32px; width: 32px; position: relative; left: -10px; bottom: 25px; } */

.del { box-shadow: 2px 2px 12px  rgba(150,0,0, 0.8); }
.up { box-shadow: 2px 2px 12px  rgba(0,150,0, 0.8); }

.calendario {
  background-image: url("../images/icones/calendar3.svg");
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: 24px;
  cursor: pointer;
}

@media screen and (min-width: 40em) {
    .foto { left: 30%; bottom: 25px; }
}