@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700&display=swap');

html {
	scroll-behavior: smooth;
	width:  100%;
	overflow-x:  hidden;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	width:  100%;
	position: relative;
}


h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
}

a, a:hover {
	text-decoration: none;
}

#sidebar {
	position: fixed;
	width:  250px;
	height:  100vh;
   	z-index:  10;
   	background: #212135;
}

#sidebar .nav-link {
	color:  rgba(255, 255, 255, 0.70);
	font-size: 0.90em;
}

#sidebar .nav-link:hover, #sidebar .nav-link.active {
	background:  rgba(0, 0, 0, 0.35);
	color:  #fff;
}

#sidebar .nav-link i {
	margin-right:  10px;
	font-size:  1.2em;
}

.select2-container--open {
		z-index: 9999999;
} 

#topbar .btn {
	width: 40px;
	height: 40px;
	padding: 0;
	font-size: 1.4em;
}
.logo {
	height: 100px;
	width: 100px;
	display: block;
	border-radius:  50%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	vertical-align: middle;
}
.descricao {
	color: #696969;
	font-size: 0.80em;
	line-height: 0.90em;
	padding-top: 4px;
}


/* REESCREVENDO O BOOTSTRAP ORIGINAL ============================================================================================================= */

.dropdown-menu {
		padding:  0;
		box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
		border:  none;
}

.dropdown-menu li a {
		padding: 15px;
		font-size:  0.90em;
}

.dropdown {
		position: static;
}

.table thead tr th {
		color: #696969;
		font-size: 0.85em;
		font-weight: normal;
}
.table tbody tr td {
		vertical-align: middle;
}

/* DASHBOARD ============================================================================================================= */
.dashboard-icon {
	font-size: 2.5em;
	position: absolute;
	right:  20px;
	top:  27%;
}
/* ======================================================================================================================= */








@media (max-width:  768px) {
	.logo {
		height: 30px;
		width: 30px;
	}
	select[name="destinatarios[]"] {
		min-height: 200px;
	}
}



@media (min-width:  1200px) {
	#conteudo {
		width:  calc(100% - 250px);
		margin-left:  auto;
		min-height:  100vh;
	}
	select[name="destinatarios[]"] {
		min-height: 350px;
	}
}