@import "/css/fontsource/nunito/latin.css";
@import "/vendor/fontawesome-free/css/all.min.css" ;
@import "/vendor/font-awesome/css/font-awesome.min.css" ;
@import "/css/bootstrap441.css" ;
@import "/vendor/select2/css/select2.css";
@import "/css/select2-bootstrap.css";

/* fix para window resize distorcendo tamanho do select2 
https://stackoverflow.com/questions/37943730/how-can-i-dynamically-resize-a-select2-input-to-be-the-same-width-as-the-selecte
*/
.select2-container {
    width: 100% !important;
}

.select-compact { 
	padding: 0.25rem 0.5rem; font-size: 0.750rem; height: auto; 
} 

/* estilo para multiselect do select2 compativel com bootstrap. Sobrescreveo estilo em select2-bootstrap.css 
https://stackoverflow.com/questions/45655817/select2-multiple-select-changing-style-of-selected-values
*/

.select2-selection__choice{
    margin-top: 5px!important;
	margin-bottom: 5px!important;
    padding-right: 10px!important;
    padding-left: 10px!important;
	padding-top: 5px!important;
	padding-bottom: 5px!important;
    background-color: transparent!important;
    border:none!important;
    border-radius: 4px!important;
    background-color: rgba(0, 139, 139, 0.09) !important;
}

.select2-selection__choice__remove{
    border: none!important;
    border-radius: 0!important;
	background-color: transparent!important;
    padding: 0 2px!important;
}

.select2-selection__choice__remove:hover{
    background-color: transparent!important;
    color: #ef5454 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #6c757d; /* Bootstrap muted text */
    font-style: italic;
}

.select2-search__field {
	font-family: var(--bs-font-sans-serif) !important; 
	padding-top: 0.5rem !important;
}


/* estilos para upload de arquivos */

.custom-file-input { 
	display: none; 
} 

.custom-file-label { 
	border: 1px solid #ccc; 
	border-radius: 5px; 
	padding: 6px 12px; 
	cursor: pointer; 
} 

/* estilo de badge para JW, cor do JW Library. */
.badge-purple {
  color: #fff;
  background-color: #5b3c88;
}

a.badge-purple:hover,
a.badge-purple:focus {
  color: #fff;
  background-color: #412b66; /* darker shade for hover/focus */
}

a.badge-purple:focus,
a.badge-purple.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(91, 60, 136, 0.5); /* purple glow */
}

a.text-decoration-none.hover-no-underline:hover {
	text-decoration: none !important;
}