@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
	font-family: 'Roboto', sans-serif !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	height: auto !important;
	min-height: 100vh !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

/* Remover min-height do body quando menu está condensado para evitar barra de rolagem desnecessária */
@media (min-width: 768px) {
	body[data-leftbar-size="condensed"]:not([data-layout="compact"]) {
		min-height: unset !important;
	}
}

html {
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

h1, h2, h3, h4, h5, h6, p, small, a {
	font-family: 'Roboto', sans-serif !important;
}

/*========= Input =========*/
.form-control {
	border-radius: 5px;
}
.form-group label {
	letter-spacing: 1px;
	font-size: 15px;
}
/*========= Input =========*/

/*========= Menu =========*/
/* O template Adminto gerencia os estilos do navbar-custom e logo-box */
/* Removendo estilos customizados que conflitam com o template */
.navigation-menu>li>a {
	color: #6c757d !important;
	font-weight: 600;
	letter-spacing: 1px;
}
.navigation-menu>li>a:hover {
	color: #235098 !important;
}
#topnav .has-submenu.active>a {
	color: #1351b4 !important;
}
.navigation-menu>li .submenu li a {
	font-weight: 600;
}
.navigation-menu>li .submenu li a:hover {
	color: #235098;
}
#topnav .has-submenu.active .submenu li.active>a {
	color: #1351b4;
}
/*========= Menu =========*/

/*========= Cards =========*/
.card {
	border-radius: 0px;
}
.card-box {
	border-radius: 10px;
}
/*========= Cards =========*/

/*========= Others =========*/
hr {
	border-top: 1px solid #ececec;
}
/*========= Others =========*/

/*========= Login =========*/
.login h1 {
	font-size: 20px;
	letter-spacing: 2px;
}
.login label {
	color: #416092;
}
.login label i {
	font-size: 20px;
}
.login .btn {
	font-size: 20px;
}
/*========= Login =========*/

/*========= Dashboard =========*/
.dashboard .card-box {
    transition: all .2s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    height: 100%;
}
.dashboard .card-box h1{
	font-size: 40px;
	color: #0c326f;
}
.dashboard .card-box h4{
	font-size: 18px;
	color: #0c326f;
}
.dashboard .card-box h1 + h4 {
    margin-top: 12px;
}
.dashboard a .card-box:hover {
	transform: scale(.98);
}
/*========= Dashboard =========*/

/*========= Candidato =========*/
.candidato h6 {
	font-size: 16px;
	letter-spacing: 2px;
	color: #0c326f;
}
.candidato .badge {
	font-size: 14px;
}
.table-actions {
	font-size: 20px;
}
.link-view {
	color: #1351b4;
}
.candidato h5 {
	color: #777;
}
.candidato-profile {
	border-radius: 10px;
	width: 100%;
}
/*========= Candidato =========*/

.table thead th {
	vertical-align: middle;
}

/*========= Alertas =========*/
.alert.alert-success {
	background-color: #2464ec !important;
	border-color: #2464ec !important;
	color: #ffffff !important;
}
.alert.alert-success .alert-link {
	color: #e6eeff !important;
}
/*========= Alertas =========*/

/*========= Sucesso Global =========*/
.bg-success,
.modal-content.bg-success {
	background-color: #2464ec !important;
	border-color: #2464ec !important;
	color: #ffffff !important;
}

/* Toastr e jQuery Toast */
.toast-success {
	background-color: #2464ec !important;
	border-color: #2464ec !important;
	color: #ffffff !important;
}
.jq-toast-single.jq-has-icon.jq-icon-success,
.jq-toast-single.toast-success {
	background-color: #2464ec !important;
	border-color: #2464ec !important;
	color: #ffffff !important;
}
/*========= Sucesso Global =========*/

/*========= Paginacao (global) =========*/
.pagination {
    flex-wrap: wrap; /* evita corte quando o espaço horizontal é pequeno */
}

.pagination .page-link {
    white-space: nowrap; /* mantém os rótulos "Anterior"/"Próximo" inteiros */
}

.pagination .page-item {
    overflow: visible; /* garante que o conteúdo não seja ocultado */
}
/*========= Paginacao (global) =========*/

/*========= SweetAlert2 - Fonte Padrão =========*/
.swal2-popup,
.swal2-title,
.swal2-html-container,
.swal2-content,
.swal2-confirm,
.swal2-cancel,
.swal2-deny {
	font-family: 'Roboto', sans-serif !important;
}

.swal2-title {
	font-weight: 600 !important;
}
/*========= SweetAlert2 - Fonte Padrão =========*/

/*========= Sidebar Layout =========*/
/* Garantir que o conteúdo não sobreponha o sidebar */
/* O template usa 240px de largura para o sidebar */

/* Navbar deve começar após o sidebar (não sobrepor) */
.navbar-custom {
	right: 0 !important;
	z-index: 1001 !important;
}

/* Content page precisa de margin */
.content-page,
.wrapper {
	margin-left: 240px !important;
}

/* Ajustar overflow para não cortar cards e espaçamento padrão */
.content-page {
	overflow-y: auto !important;
	overflow-x: hidden !important;
	padding: 0 !important;
	margin-top: 70px !important; /* Espaço fixo do header em todas as páginas */
	height: calc(100vh - 70px) !important;
	min-height: auto !important;
}

/* Quando menu está recolhido, ajustar overflow e altura para evitar barra desnecessária */
body[data-leftbar-size="condensed"] .content-page {
	overflow-y: auto !important;
	overflow-x: hidden !important;
	height: auto !important;
	max-height: calc(100vh - 70px) !important;
}

/* Container dentro do content-page - PADRÃO PARA TODAS AS PÁGINAS */
.content-page > .container-fluid,
.content-page .container-fluid {
	padding-top: 20px !important;
	padding-bottom: 40px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	min-height: auto !important;
}

/* Quando menu está recolhido, reduzir padding-bottom para evitar rolagem desnecessária */
body[data-leftbar-size="condensed"] .content-page > .container-fluid,
body[data-leftbar-size="condensed"] .content-page .container-fluid {
	padding-bottom: 20px !important;
}

/* Garantir que os cards não sejam cortados */
.content-page .card,
.content-page .card-box {
	margin-bottom: 20px !important;
}

/* Remover qualquer padding/margin extra que possa existir */
.content-page .row {
	margin-top: 0 !important;
}

/* Page title box padrão */
.content-page .page-title-box {
	margin-bottom: 20px !important;
	padding-top: 0 !important;
}

/* Sidebar deve preencher toda a altura */
.left-side-menu {
	top: 0 !important;
	height: 100vh !important;
	/* Fica ACIMA da navbar para que o submenu não fique atrás do botão de recolher no modo condensed */
	z-index: 1100 !important;
}

/* Logo no sidebar */
.left-side-menu .user-box {
	display: block !important;
	padding: 20px 10px !important;
	text-align: center !important;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 10px;
}

.left-side-menu .user-box img {
	max-width: 180px;
	height: auto;
}

/* Sobrescrever a variável CSS do template Adminto */
:root {
	--ct-menu-item-active: #2464ec !important;
}

/* Cor dos itens do menu lateral - hover e selecionados */
#side-menu > li > a:hover,
#side-menu > li > a:focus,
#side-menu > li > a:active,
#side-menu > li.menuitem-active > a,
#side-menu > li > a.active {
	color: #2464ec !important;
}

/* Submenu items - FORÇA a cor #2464ec sobrescrevendo o app.min.css */
.sidebar-menu .menuitem-active > a,
.left-side-menu .menuitem-active > a,
#sidebar-menu .menuitem-active > a,
#side-menu .menuitem-active > a,
#side-menu .nav-second-level li.menuitem-active > a,
#side-menu .nav-second-level > li > a:hover,
#side-menu .nav-second-level > li > a:focus,
#side-menu .nav-second-level > li > a:active,
#side-menu .nav-second-level > li.active > a,
#side-menu .nav-second-level > li > a.active,
#side-menu .nav-second-level > li.menuitem-active > a {
	color: #2464ec !important;
	background-color: transparent !important;
}

/* Garantir que o background do item ativo do submenu seja transparente */
#side-menu .nav-second-level > li.active,
#side-menu .nav-second-level > li.menuitem-active {
	background-color: transparent !important;
}

/* Font weight para item ativo */
#side-menu .nav-second-level > li.active > a,
#side-menu .nav-second-level li.active a,
#side-menu .nav-second-level > li.menuitem-active > a {
	color: #2464ec !important;
	background-color: transparent !important;
	font-weight: 500 !important;
}

/* Mobile: sidebar oculto por padrão */
@media (max-width: 991.98px) {
	.navbar-custom {
		left: 0 !important;
	}
	
	.content-page,
	.wrapper {
		margin-left: 0 !important;
	}
	
	/* Quando o sidebar está aberto no mobile, não precisa de margin */
	body.sidebar-enable .content-page,
	body.sidebar-enable .wrapper {
		margin-left: 0 !important;
	}
}


/* Botão de toggle sidebar */
.button-menu-condensed {
	background-color: transparent;
	border: none;
	color: #6c757d;
	font-size: 20px;
	cursor: pointer;
	padding: 0 12px;
	height: 70px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	margin-left: 5px;
	border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.button-menu-condensed:hover {
	color: #2464ec;
	background-color: rgba(36, 100, 236, 0.08);
}

.button-menu-condensed:focus {
	outline: none;
	box-shadow: none;
}

.button-menu-condensed i {
	font-size: 20px;
}

/* Destacar o botão quando o menu está condensed */
body[data-leftbar-size="condensed"] .button-menu-condensed {
	background-color: rgba(36, 100, 236, 0.1);
	color: #2464ec;
}

/* Esconder o botão de toggle em mobile */
@media (max-width: 991.98px) {
	.button-menu-condensed {
		display: none !important;
	}
}

/* Modo condensed - ajustes no sidebar */
body[data-leftbar-size="condensed"] .left-side-menu {
	position: absolute;
	padding-top: 0;
	width: 70px !important;
	z-index: 1000 !important;
	overflow: visible !important;
}

/* Simplebar overflow para permitir submenus aparecerem */
body[data-leftbar-size="condensed"] .left-side-menu .simplebar-mask,
body[data-leftbar-size="condensed"] .left-side-menu .simplebar-content-wrapper,
body[data-leftbar-size="condensed"] .left-side-menu .simplebar-content {
	overflow: visible !important;
}

/* Garantir que o container do menu não corte os submenus */
body[data-leftbar-size="condensed"] #sidebar-menu,
body[data-leftbar-size="condensed"] #side-menu,
body[data-leftbar-size="condensed"] #side-menu > li,
body[data-leftbar-size="condensed"] #side-menu > li > a {
	overflow: visible !important;
	position: relative;
}

/* Garantir que o wrapper não corte os submenus */
body[data-leftbar-size="condensed"] #wrapper {
	overflow: visible !important;
}

body[data-leftbar-size="condensed"] .left-side-menu .simplebar-scrollbar,
body[data-leftbar-size="condensed"] .left-side-menu .simplebar-scrollbar:before {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
}

/* Esconder completamente a scrollbar e seus elementos */
body[data-leftbar-size="condensed"] .left-side-menu .simplebar-track,
body[data-leftbar-size="condensed"] .left-side-menu .simplebar-track-vertical,
body[data-leftbar-size="condensed"] .left-side-menu .simplebar-track-horizontal,
body[data-leftbar-size="condensed"] .left-side-menu [data-simplebar-vertical],
body[data-leftbar-size="condensed"] .left-side-menu [data-simplebar-horizontal] {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	pointer-events: none !important;
}

/* Esconder qualquer elemento de scrollbar */
body[data-leftbar-size="condensed"] .left-side-menu *[class*="scrollbar"],
body[data-leftbar-size="condensed"] .left-side-menu *[class*="track"] {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

body[data-leftbar-size="condensed"] .left-side-menu .simplebar-offset {
	bottom: 0 !important;
}

/* Transições suaves para o sidebar */
.left-side-menu {
	transition: width 0.3s ease;
}

.navbar-custom {
	transition: left 0.3s ease;
}

.content-page,
.wrapper {
	transition: margin-left 0.3s ease;
}

body[data-leftbar-size="condensed"] .left-side-menu .user-box {
	padding: 15px 5px !important;
}

body[data-leftbar-size="condensed"] .left-side-menu .user-box img {
	max-width: 50px !important;
	height: auto;
}

body[data-leftbar-size="condensed"] #sidebar-menu .menu-title {
	display: none;
}

body[data-leftbar-size="condensed"] #sidebar-menu > li > a > span {
	display: none;
}

/* MAS mostrar spans dentro dos submenus */
body[data-leftbar-size="condensed"] #sidebar-menu .collapse li a span {
	display: inline !important;
	white-space: nowrap !important;
}

/* Esconder TODAS as setas por padrão no modo condensed */
body[data-leftbar-size="condensed"] #sidebar-menu > ul > li > a > .menu-arrow,
body[data-leftbar-size="condensed"] #side-menu > li > a > .menu-arrow {
	display: none !important; /* Por padrão escondido, JavaScript mostrará apenas para itens com submenu */
}

/* Garantir que itens SEM submenu não mostrem seta */
body[data-leftbar-size="condensed"] #side-menu > li:not(.has-submenu) > a > .menu-arrow,
body[data-leftbar-size="condensed"] #sidebar-menu > ul > li:not(.has-submenu) > a > .menu-arrow {
	display: none !important;
}

/* Mostrar seta apenas para itens que têm submenu (classe adicionada via JS) */
body[data-leftbar-size="condensed"] #side-menu > li.has-submenu > a > .menu-arrow,
body[data-leftbar-size="condensed"] #sidebar-menu > ul > li.has-submenu > a > .menu-arrow,
body[data-leftbar-size="condensed"] #side-menu > li.has-submenu > a .menu-arrow,
body[data-leftbar-size="condensed"] #sidebar-menu > ul > li.has-submenu > a .menu-arrow {
	display: inline-block !important;
	position: absolute !important;
	right: 10px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	font-size: 0.875rem !important;
	color: #8391a2 !important;
	opacity: 0.6 !important;
	visibility: visible !important;
}

/* Garantir que o link tenha position relative para a seta funcionar */
body[data-leftbar-size="condensed"] #side-menu > li.has-submenu > a,
body[data-leftbar-size="condensed"] #sidebar-menu > ul > li.has-submenu > a {
	position: relative !important;
}

body[data-leftbar-size="condensed"] #sidebar-menu .badge,
body[data-leftbar-size="condensed"] #sidebar-menu .label {
	display: none !important;
}

body[data-leftbar-size="condensed"] #sidebar-menu .nav.collapse {
	height: inherit !important;
}

/* Itens principais do menu */
body[data-leftbar-size="condensed"] #sidebar-menu > ul > li,
body[data-leftbar-size="condensed"] #side-menu > li {
	position: relative;
	white-space: nowrap;
	overflow: visible !important;
}

body[data-leftbar-size="condensed"] #sidebar-menu > ul > li > a,
body[data-leftbar-size="condensed"] #side-menu > li > a {
	padding: 15px 20px;
	min-height: 54px;
	transition: none;
}

body[data-leftbar-size="condensed"] #sidebar-menu > ul > li > a:hover,
body[data-leftbar-size="condensed"] #sidebar-menu > ul > li > a:active,
body[data-leftbar-size="condensed"] #sidebar-menu > ul > li > a:focus,
body[data-leftbar-size="condensed"] #side-menu > li > a:hover,
body[data-leftbar-size="condensed"] #side-menu > li > a:active,
body[data-leftbar-size="condensed"] #side-menu > li > a:focus {
	color: #2464ec;
}

body[data-leftbar-size="condensed"] #sidebar-menu > ul > li > a i,
body[data-leftbar-size="condensed"] #side-menu > li > a i {
	font-size: 1rem;
	margin-right: 20px;
	margin-left: 5px;
}

body[data-leftbar-size="condensed"] #sidebar-menu > ul > li > a span,
body[data-leftbar-size="condensed"] #side-menu > li > a span {
	display: none;
	padding-left: 25px;
}

/* Hover no item principal - expande (mantém apenas o submenu, sem título) */
body[data-leftbar-size="condensed"] #sidebar-menu > ul > li:hover > a,
body[data-leftbar-size="condensed"] #side-menu > li:hover > a {
	position: relative;
	width: calc(190px + 70px);
	color: #2464ec;
	background-color: #f8f9fa;
}

/* NÃO mostrar o texto/título do item principal no modo condensed */
body[data-leftbar-size="condensed"] #sidebar-menu > ul > li:hover > a span,
body[data-leftbar-size="condensed"] #side-menu > li:hover > a span {
	display: none !important;
}

/* Mostrar submenus no hover */
body[data-leftbar-size="condensed"] #sidebar-menu > ul > li:hover > .collapse,
body[data-leftbar-size="condensed"] #sidebar-menu > ul > li:hover > .collapsing,
body[data-leftbar-size="condensed"] #side-menu > li:hover > .collapse,
body[data-leftbar-size="condensed"] #side-menu > li:hover > .collapsing {
	display: block !important;
	height: auto !important;
	transition: none !important;
}

/* Mostrar submenus quando a classe show é adicionada pelo JavaScript */
body[data-leftbar-size="condensed"] #sidebar-menu > ul > li > .collapse.show,
body[data-leftbar-size="condensed"] #side-menu > li > .collapse.show {
	display: block !important;
	height: auto !important;
	transition: none !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Garantir que o collapse não esteja oculto quando show está presente */
body[data-leftbar-size="condensed"] #side-menu > li > .collapse {
	display: none;
}

body[data-leftbar-size="condensed"] #side-menu > li > .collapse.show {
	display: block !important;
}

body[data-leftbar-size="condensed"] #sidebar-menu > ul > li:hover > .collapse > ul,
body[data-leftbar-size="condensed"] #sidebar-menu > ul > li:hover > .collapsing > ul,
body[data-leftbar-size="condensed"] #side-menu > li:hover > .collapse > ul,
body[data-leftbar-size="condensed"] #side-menu > li:hover > .collapsing > ul {
	display: block !important;
	left: 70px;
	top: 0; /* alinhar o submenu na MESMA LINHA do item do menu, como no Adminto (sem título) */
	position: absolute;
	width: 190px;
	box-shadow: 0 0 35px 0 rgba(49, 57, 66, 0.5);
	z-index: 9999;
}

/* Mostrar submenu quando a classe show é adicionada */
body[data-leftbar-size="condensed"] #sidebar-menu > ul > li > .collapse.show > ul,
body[data-leftbar-size="condensed"] #side-menu > li > .collapse.show > ul {
	display: block !important;
	left: 70px !important;
	top: 0 !important;
	position: absolute !important;
	width: 190px !important;
	box-shadow: 0 0 35px 0 rgba(49, 57, 66, 0.5) !important;
	z-index: 10000 !important;
	background-color: #fafbfe !important;
	visibility: visible !important;
	opacity: 1 !important;
	margin: 0 !important;
	padding: 5px 0 !important;
}

/* Garantir que o collapse.show esteja visível e posicionado corretamente */
body[data-leftbar-size="condensed"] #side-menu > li > .collapse.show {
	display: block !important;
	position: fixed !important;
	left: 70px !important;
	z-index: 10000 !important;
	width: 190px !important;
	background-color: #fafbfe !important;
	box-shadow: 0 0 35px 0 rgba(49, 57, 66, 0.5) !important;
	visibility: visible !important;
	opacity: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
}

body[data-leftbar-size="condensed"] #sidebar-menu > ul > li:hover > .collapse > ul a,
body[data-leftbar-size="condensed"] #sidebar-menu > ul > li:hover > .collapsing > ul a {
	box-shadow: none;
	padding: 8px 20px;
	position: relative;
	width: 190px;
	z-index: 6;
}

body[data-leftbar-size="condensed"] #sidebar-menu > ul > li:hover > .collapse > ul a:hover,
body[data-leftbar-size="condensed"] #sidebar-menu > ul > li:hover > .collapsing > ul a:hover {
	color: #2464ec;
}

/* Submenus (ul dentro de ul) */
body[data-leftbar-size="condensed"] #sidebar-menu > ul ul,
body[data-leftbar-size="condensed"] #side-menu ul.nav-second-level {
	padding: 5px 0;
	z-index: 9999;
	display: none;
	background-color: #fafbfe;
}

/* Mostrar submenu quando a classe show está presente */
body[data-leftbar-size="condensed"] #side-menu > li > .collapse.show > ul.nav-second-level {
	display: block !important;
	position: absolute !important;
	left: 70px !important;
	top: 0 !important;
	width: 190px !important;
	box-shadow: 0 0 35px 0 rgba(49, 57, 66, 0.5) !important;
	z-index: 99999 !important;
	background-color: #fafbfe !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Submenu de terceiro nível */
body[data-leftbar-size="condensed"] #sidebar-menu > ul ul li:hover > .collapse,
body[data-leftbar-size="condensed"] #sidebar-menu > ul ul li:hover > .collapsing {
	display: block !important;
	height: auto !important;
	transition: none !important;
}

body[data-leftbar-size="condensed"] #sidebar-menu > ul ul li:hover > .collapse > ul,
body[data-leftbar-size="condensed"] #sidebar-menu > ul ul li:hover > .collapsing > ul {
	display: block;
	left: 190px;
	margin-top: -36px;
	position: absolute;
	width: 190px;
}

body[data-leftbar-size="condensed"] #sidebar-menu > ul ul li.active a,
body[data-leftbar-size="condensed"] #sidebar-menu > ul ul li.menuitem-active a {
	color: #2464ec;
}


/*========= Sidebar Layout =========*/

/*========= Análise Jurídica =========*/
.filters-analise-juridica {
	flex-wrap: wrap;
	gap: 12px;
}

.filters-analise-juridica > .d-flex {
	gap: 12px;
}

.action-buttons-mobile {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

@media (max-width: 991.98px) {
	.filters-analise-juridica {
		flex-direction: column;
		align-items: stretch !important;
	}

	.filters-analise-juridica > .d-flex {
		flex-direction: column;
		align-items: stretch !important;
	}

	.filters-analise-juridica .form-group {
		width: 100%;
		margin-right: 0 !important;
	}

	.filters-analise-juridica .form-control {
		width: 100% !important;
	}

	.filters-analise-juridica .btn {
		width: 100%;
	}
}

@media (max-width: 575.98px) {
	.action-buttons-mobile .btn {
		flex: 1 1 100%;
	}

	.filters-analise-juridica .btn {
		width: 100%;
	}
}

.required-field::after {
	content: " *";
	color: #dc3545;
	font-weight: bold;
}

/* Remover efeito de hover das tabelas dos módulos do menu Geral - regras com alta especificidade */
.table-hover tbody tr:hover,
table.table-hover tbody tr:hover,
.table.table-hover tbody tr:hover,
.table-hover.table tbody tr:hover,
.table.advanced-table tbody tr:hover,
table.advanced-table tbody tr:hover,
#advanced-table tbody tr:hover,
.table.advanced-table.table-hover tbody tr:hover,
/* Sobrescrever regras do Adminto que aplicam estilos aos elementos filhos */
.table-hover > tbody > tr:hover,
.table-hover > tbody > tr:hover > *,
table.table-hover tbody tr:hover,
table.table-hover tbody tr:hover > *,
table.table-hover thead tr:hover > *,
table.table-hover tbody tr:hover > * {
	background-color: transparent !important;
	background: transparent !important;
}