.label-clicavel {
	cursor: pointer;
}
.text-muted {
	color: #CCC;
}
.ajax-1 {
	display: none;
	margin-left: 5px;
}
.glyphicon-edit {
	display: none;
	font-size: 14px;
	margin-left: 5px;
	color: #999;
}
.area-nome-filesystem {
	width: 210px;
	margin-right: 10px;
}
.area-nome-filesystem span {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.span-chk-arquivo-versao {
	display: inline-block;
	width: 20px;
}
.documento_vigente { 
	background-color: #55a08d;
	border: 1px solid #4e8473;
	color: #fff;
}

.possui_treinamento {
	background-color: #55a08d;
	border: 3px solid #4e4b4e !important;
	color: #000;
}
.documento_obsoleto { 
	background-color: #f38221;
	border: 1px solid #f4935d;
	color: #fff;
}
.documento_obsoleto_possui_treinamento {
	background-color: #f38221;
	border: 3px solid #4e4b4e !important;
	color: #000;
}

.documento_inativo {
	background-color: #ec1f25;
	border: 1px solid #ee403d;
	color: #fff;
}

.documento_inativo_possui_treinamento {
	background-color: #ec1f25; 
	border: 3px solid #4e4b4e !important;
	color: #000;
}

.texto {
	display: block;
	padding-top: 7px;
}

#lista-usuarios-treinamento thead tr th {
	background-color: #EEE;
}
#lista-usuarios-treinamento thead tr th:nth-child(1) {
	width: 6%;
}
#lista-usuarios-treinamento thead tr th:nth-child(2) {
	width: 47%;
}
#lista-usuarios-treinamento thead tr th:nth-child(3) {
	width: 47%;
}
#lista-usuarios-treinamento tbody tr td span.remover {
	display: none;
	background: #CCC;
	border-radius: 50%;
	font-size: 11px;
	vertical-align: text-bottom;
	margin-right: 7px;
	width: 15px;
	height: 15px;
	position: relative;
	font-weight: bold;
	cursor: pointer;
}
#lista-usuarios-treinamento.edicao tbody tr td span.remover {
	display: block;
	margin: 3px auto 0 auto;
}
#lista-usuarios-treinamento tbody tr td span.remover:before {
	content: "x";
	position: absolute;
	top: -1px;
	left: 4px;
}

/* Pagina enviar documento por e-mail*/
#tab-cliente, #tab-fornecedor, #tab-outros {
	cursor: pointer;
}

.select2-container{
	width: 100% !important;
}
.select2-selection {
	padding: 0px 8px!important;
}
.btn-expandir-campo {
	border-radius: 15%;
    font-size: 10px;
    padding: 5px 10px;
}

#plus { display: none}

.label-plus {
	display: block;
    position: relative;
    background: #cfbfbf;
    text-align: center;
    border-radius: 5px;
    width: 30px;
    padding: 1px 5px;
    margin-left: 5px;
}

.label-plus::after {
	content: '+';
	font-size: 20px;
	font-weight: 500;
}
input[type="checkbox"]:checked + .label-plus::after {
	content: '-';
	font-size: 20px;
	font-weight: 500;
}

.cor-legenda {
	width: 20px;
    height: 20px;
	margin: 5px;
}

.arquivo-nao-possui-distribuicao { 
	background: #ff1c00;
    border: 1px solid #ce2a16;
    color: #fff;
	width: 9rem !important;
	animation:blink 2.2s infinite;
}

.arquivo-expirado { 
    background: #cee37a;
    border: 1px solid #c7dd6f;
    color: #856404;
	width: 11rem !important;
	animation:blink 2.2s infinite;
}

@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

.container-legenda {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
    margin: 0;
    padding: 0 40px;
	align-items: center;
}

.tbl-legenda {
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #ccc;
}

.tbl-legenda th, 
.tbl-legenda td {
	border: 1px solid #ccc;
	padding: 2px 10px;
}

.container-legendas {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	font-size: 12px;
    font-weight: 600;
}

.container-legendas > span { margin: 0px 5px; }

input::-webkit-color-swatch { border: none; }

.input-color {
  border-color: transparent;
  height: 15px;
  width: 15px;
  margin: 5px 0px;
}

.col-left-lista-modal {
    width: 40%;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;	
}

.col-right-lista-modal {
    width: 60%;
    margin-left: 15px;
    margin-right: 15px;
	text-align: center;
}

.label-lista {
	padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-align: center;
    white-space: nowrap;
    border-radius: 0.25em;
}

#info-cache-gerado-em {
	font-weight: 600;
    vertical-align: bottom;
    margin-left: 5px;
    font-size: 12px;
}

.border-legenda {
	border: 1px solid #ccc;
}

.grid-container-legenda {
	display: grid;
	grid-template-columns: 90% 10%;
	border: 1px solid #ccc;
}

.doc-expirado-notif {
    background-color: red;
    border-radius: 50%;
    color: #FFF;
    width: 15px;
    height: 15px;
    text-align: center;
    font-size: 11px;
    margin: -1px 5px;
	line-height: 16px;
	cursor: pointer;
}

.doc-expira-em-notif {
	color: #856404;
    text-align: center;
    font-size: 12px;
    margin: -1px 5px;
    cursor: pointer;
    width: 15px;
	height: 15px;
    background: #f2ea0a;
	line-height: 16px;
    clip-path: polygon(0% 100%, 50% 0%, 100% 100%)
}

.doc-expira-em-notif b:first-child,
.doc-expirado-notif b:first-child {
	animation:blink 1.4s infinite;
	font-weight: bolder;
}

/* Pagina editar documento */
.tab { cursor: pointer; }

.tab > a { 
	user-select: none;
	border-top: 1px solid #d7a8a859 !important;
	border-left: 1px solid #d7a8a859 !important;
	border-right: 1px solid #d7a8a859 !important;
}

.revisao-container .documento-atributo.label-revisao:not(.arquivo_externo) {
	cursor: pointer;
}
#modal_configurar_revisao_arquivo .modal-body .form-horizontal {
	margin-top: 15px;
}

#table-documentos-info th, 
#table-documentos-info td  {
    padding: 5px 3px;
    font-weight: 600;
    font-size: 14px;
    vertical-align: middle;
}

.small-info {
	font-size: 0.9em;
    color: rgb(22, 22, 22, 0.9);
    font-weight: 500;
    line-height: 1.3;
    padding: 1em;
    word-spacing: 0.1em;
}