/* -- Menu lateral -- */
.sidenav-container {
	display: flex;
	position: fixed;
	flex-direction: column;
	flex-shrink: 0;
	width: 0px;
	height: 100vh;
	top: 0;
	left: 0;
	transition: width 200ms;
	font-size: 12pt;
	background-color: white;
	z-index: 2000;
	box-sizing: content-box;
	
}

.sidenav-container.visible {
	width: 260px;
}

.sidenav-container .overlay {
	position: absolute;
	width: 100vw;
	height: 100vh;
	opacity: 0;
	transition: opacity 200ms;
	background: rgba(0, 0, 0, 0.3);
	pointer-events: none;
}

.sidenav-container.visible .overlay {
	opacity: 1;
}

.sidenav {
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	background: white;
}

.sidenav .logo {
	padding: 1rem 0 4px 1rem;
}

.sidenav .nav {
	flex-grow: 1;
	flex-wrap: nowrap;
	overflow-y: auto;
}

.sidenav .menu-title {
	margin: 1rem 0;
	padding: 0 0 0 2.4rem;
	position: relative;
	color: #AAB;
}

.sidenav .menu-title::before {
	position: absolute;
	content: "";
	width: 20px;
	height: 1px;
	left: 0;
	top: 12px;
	border-bottom: solid 1px #BBC;
}

.sidenav .nav-item {
	border-radius: 6px;
	margin: 0 8px 4px 1rem;
	color: #567;
}

.sidenav .nav-item:hover {
	background-color: rgba(139, 29, 40, 0.16);
	font-weight: 600;
}

.sidenav .nav-link {
	display: flex;
	align-items: center;
	white-space: nowrap;
}

.sidenav .bx {
	margin-right: 8px;
	vertical-align: middle;
}
.sidenav .fa {
	margin-right: 8px;
	vertical-align: middle;
}

.sidenav-container .toggle-button {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	right: -15px;
	top: 5%;
	width: 30px;
	height: 30px;
	background-color: var(--red);
	color: #fff;
	opacity: 0;
	transition: opacity 200ms;
}

.sidenav-container.visible .toggle-button {
	opacity: 1;
}

.notifications {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	right: 0;
	padding: 1rem;
        z-index: 9;
}

.notifications .alert {
	flex-grow: 1;
	max-width: 600px;
}

/* END */

/* Definiçoes Gerais */
.topbar #sidebarToggleTop {
	padding: 0.4375rem 0.4375rem 0.2375rem;
}

a {
	color: var(--red);
}

label {
	font-weight: bold;
}

.text-danger {
	color: var(--red) !important;
}

.avatar.avatar-online i.menu-icon {
	background-color: rgba(139, 29, 40, 0.16);
	padding: 10px;
	color: var(--red);
}

.nav .nav-link:hover,
.nav .nav-link:focus {
	color: var(--red);
}

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus {
	background-color: var(--red);
	box-shadow: 0 2px 4px 0 #8b1d2866;
}

.form-control:focus,
.form-select:focus {
	border-color: var(--red);
	box-shadow: 0 0 0.25rem 0.05rem #8b1d281a;
}

.pauta-step-menu-item {
	border-radius: 5px;
}

.pauta-step-active {
	background-color: var(--red) !important;
	color: #fff !important;
}

.personagens-nuvem-tags .badge {
    color: var(--red) !important; 
}
.personagens-nuvem-tags .badge:hover {
	 color: #fff !important;
	background-color: var(--red) !important; 
}
/* END - Definiçoes Gerais */


/* Select2 */
.select2-container--default .select2-selection--single {
	border: 1px solid #d9dee3;
}
.select2-container .select2-selection--single {
	height: 36.5px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 34px;
}
/* END - Select2 */


/* Fotos */
.acoes-em-lote {
	margin-left: auto;
	margin-right: 3%;
}

.ordem-exibicao-filtro {
	margin-right: 5%;
}

.personagem {
	border-radius: calc(0.35rem - 1px);
}

.foto-botoes .btn-gray {
	border: 0;
	box-shadow: none;
}
.envio-form-botoes .btn-gray {
	border: 0;
	box-shadow: none;
}

.custom-keywords {
	background: #EEEEEE !important;
	padding: 5px !important;
	font-size: 0.8em !important;
	margin-bottom: 8px !important;
	margin-right: 10px !important;
	transition: all ease-in 0.1s !important;
	justify-content: space-around !important;
	align-items: center !important;
}
.custom-keywords:hover {
	background-color: #E6E6E6 !important;
}
/* END - Fotos */


/* Cliente */
.input-group-text {
	padding: calc(0.4375rem - 1px) 0.875rem;
}
/* END - Cliente */

/*Labels*/
.label-primary{
    padding: 3px !important;
}
/*END Labels*/


.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
	color: #fff !important;
	background-color: var(--red) !important;
}

.input-group-addon {
	border: 1px solid #ddd;
	padding: 5px;
	/* margin-left: 5px !important; */
	padding-left: 10px;
	padding-right: 10px !important;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}

.titulo-pauta-topbar {
	/* color: red !important; */
	font-size: 1.2em;
}

button{
    text-transform: capitalize !important;
}

@media only screen and (min-width: 991px) {
    .modal-lg, .modal-xl {
	max-width: 60rem !important;
    }
}