@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
 
:root {
  /* Cores principais */
  --color-white:        #ffffff;
  --color-lightgray:    #d3d3d3;
  --color-black:        #000000;
  --color-green:        #295e34;
  --color-green-dark:   #1e4d2b;
  --color-inactive:     #d32f2f;
  --color-yellow:       #fdd835;
  --color-orange:       #efc92a;
}

*{
    font-family: "Nunito", sans-serif !important;
}

.fa {
    font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
    font-weight: var(--fa-style, 900) !important;
}

.fa-classic, .fa-regular, .fa-solid, .far, .fas {
    font-family: "Font Awesome 6 Free" !important;
}


.top-bar {
	width: 100%;
	max-width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding: 0 4rem;
	background: linear-gradient(to right, #fdd835, #ffe082);
}

.usuario {
	font-weight: 800 !important;
	color: #333;
	display: flex;
	align-items: center;
	gap: 1rem;
	font-size: 1.325rem !important;
	margin-left: 0;
}

.custom-select-wrapper {
	position: relative;
	width: 260px;
	height: 40px;
	border: 1px solid white;
	border-radius: 999px;
	overflow: hidden;
	background-color: white;
	display: flex;
	align-items: center;
	font-family: 'Inter', sans-serif;
}

.select-display {
	position: absolute;
	left: 16px;
	font-size: 1rem;
	color: #999;
	z-index: 1;
	pointer-events: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 180px;
}

.custom-select {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 3;
	cursor: pointer;
}
select.custom-select{
	background-color: white;
    border: none;
    color: #666;
    font-size: 1rem;
    padding: 0 1rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 999px;
    box-shadow: none;
}

.seta {
	width: 48px;
	height: 100%;
	background-color: #fdd835;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top-right-radius: 999px;
	border-bottom-right-radius: 999px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	pointer-events: none;
}

.seta::after {
	content: "▾";
	color: #1e4d2b;
	font-size: 1.2rem;
}

.seta::before {
	content: "";
	position: absolute;
	left: -12px;
	width: 24px;
	height: 40px;
	background-color: white;
	border-radius: 50%;
	z-index: -1;
}

.nav navbar-nav weblinks {
	background: white;
	border-radius: 32px;
	padding: 0.25rem 0.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	white-space: nowrap;
}

.nav navbar-nav weblinks a {
	text-decoration: none;
	padding: 0.5rem 1.25rem;
	border-radius: 999px;
	color: black;
	font-weight: 600;
	transition: background-color 0.2s;
	cursor: pointer;
}

.nav navbar-nav weblinks a.ativo {
	background-color: #1e4d2b;
}

img[class*="img"] {
	height: 100px !important;
	width: auto !important;
	object-fit: contain !important;
}

.navbar-dark .navbar-nav>li>a,
.navbar-dark .navbar-nav>li.dropdown>a {
	color: #295E34 !important;
}


.navbar-dark .navbar-nav>li>a:hover,
.navbar-dark .navbar-nav>li.dropdown>a:hover {
	color: #1e4d2b !important;
}


.navbar-dark .navbar-nav>li>a.active,
.navbar-dark .navbar-nav>li.dropdown>a.active {
	color: #1e4d2b !important;
	font-weight: bold;
}


.logo {
	font-size: 1.5rem;
	font-weight: bold;
	color: #1e4d2b;
	display: flex;
	justify-content: flex-end;
	margin-right: 0;
}

.tab-title{
	display: none;
}

.xrm-attribute-value img {
    height: 25px !important;
}

@media (min-width: 1200px){
	a{
		text-decoration: none !important;
	}
	ul.nav{
		border-radius: 10px;
		background: white;
	}
	.navbar{
		padding: 0.4rem 3.5rem;
	}
	.navbar-dark .navbar-nav > li > a:hover{
		background-color: var(--color-green) !important;
		color: white !important;
		text-decoration: none !important;
		border-radius: 10px !important;
	}
	.navbar-dark .navbar-nav>li>a, .navbar-dark .navbar-nav>li.dropdown>a{
		border-radius: 10px !important;
	}
	.navbar-dark .navbar-nav>li>a:hover, .navbar-dark .navbar-nav>li.dropdown>a:hover{
		color: white !important;
	}
	.navbar-dark .navbar-nav > li > a:focus{
		background-color: var(--color-green-dark) !important;
		color: white !important;
		text-decoration: none !important;
		border-radius: 10px !important;
	}
	li.weblink, li.weblink > a{
		border-radius: 10px !important;
	}
	.static-top.navbar .menu-bar > .navbar-nav > .divider-vertical{
		height: 20px !important;
	}
}