/*===============================
		sweetalert
===============================*/
.swal2-popup {
	width: 37em !important;
	font-size: 15px !important;
}

.swal2-actions {
	padding: 0px 10px 0px 10px !important;
}

/* Geral para todas paginas */
.admin-pesquisa {
	border: var(--border-line) solid;
	border-color: var(--cinza-medio);
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #fbedbc;
}

.form-select {
	height: 40px;
	line-height: unset;
	font-size: 14px;
}

.infoTitulo {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 20px 0;
	align-items: center;
	position: relative;
	display: flex;
}

	.infoTitulo:after {
		content: '';
		width: 50px;
		height: 4px;
		border-radius: 20px;
		background: #d22630;
		display: inline-block;
		position: absolute;
		bottom: -7px;
		left: 0;
	}

@media only screen and (max-width: 768px) {
	nav[aria-label=breadcrumb] ul.breadcrumb li a {
		min-width: unset;
		max-width: unset;
	}
}
/*===============================
		Datepicker
===============================*/
.ui-widget {
	font-size: 1.4em !important;
}


/*===============================
		chosen
===============================*/
.chosen-container a.chosen-single {
	height: 43px !important;
}

	.chosen-container a.chosen-single span {
		height: 100% !important;
	}


/*===============================
		Login Personalizado
===============================*/
#DivValidacaoFalhaLoginModal .modal-backdrop.fade.in {
	display: none;
}

#DivValidacaoFalhaLoginModal .modal-dialog {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	z-index: 999;
	max-width: 100% !important;
	width: 100% !important;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

#DivValidacaoFalhaLoginModal .modal-content {
	background-color: white;
	padding: 30px 30px;
	border-radius: 0.75rem;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	width: -moz-fit-content;
	width: fit-content;
	position: relative;
	transform: translateY(-20px);
	transition: transform 0.3s ease;
	font-family: "Montserrat", sans-serif;
}

	#DivValidacaoFalhaLoginModal .modal-content .modal-header .TituloCadastroUsu {
		color: #D22630;
		font-size: 1.25rem;
		font-weight: 700;
		margin-bottom: 1rem;
		text-align: center;
	}

	#DivValidacaoFalhaLoginModal .modal-content .modal-header .btnCloseBlack {
		position: inherit;
		top: 1rem;
		right: 1rem;
		background: none;
		border: none;
		font-size: 13px;
		cursor: pointer;
		color: #a0aec0;
		line-height: 1;
		margin-right: 0;
		height: 20px;
		padding: 0;
		border-radius: 0;
		font-weight: 400;
	}

		#DivValidacaoFalhaLoginModal .modal-content .modal-header .btnCloseBlack:hover {
			color: #D22630;
			text-decoration: underline;
		}

	#DivValidacaoFalhaLoginModal .modal-content .modal-body label.form-label {
		color: #212121;
		font-size: 15px;
		margin-bottom: 24px;
		text-align: center;
		width: 100%;
	}

	#DivValidacaoFalhaLoginModal .modal-content .modal-body #codigo-container {
		flex-wrap: wrap;
	}

		#DivValidacaoFalhaLoginModal .modal-content .modal-body #codigo-container label[for=txtCodigo] {
			font-size: 13px;
			text-align: center;
			margin: 0 0 10px 0;
			width: 100%;
		}

		#DivValidacaoFalhaLoginModal .modal-content .modal-body #codigo-container .code-input {
			width: 3rem;
			height: 3.5rem;
			text-align: center;
			font-size: 1.5rem;
			font-weight: 600;
			border: 2px solid #D22630;
			border-radius: 0.5rem;
			outline: none;
			transition: border-color 0.2s ease, box-shadow 0.2s ease;
		}

			#DivValidacaoFalhaLoginModal .modal-content .modal-body #codigo-container .code-input:focus {
				border-color: #D22630;
				outline: 3px solid #D22630;
				outline-offset: 2px;
			}

	#DivValidacaoFalhaLoginModal .modal-content .modal-body #spnMensagem {
		color: #212121;
		font-size: 14px;
		margin-top: 10px;
		text-align: center;
		display: block;
	}

	#DivValidacaoFalhaLoginModal .modal-content .modal-footer {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-top: 8px;
		border-top: 1px solid #e5e5e5;
		text-align: center;
		padding: 10px 0 0 0;
	}

		#DivValidacaoFalhaLoginModal .modal-content .modal-footer #btnValidarCodigo {
			background-color: #75C123 !important;
			color: white;
			padding: 0.75rem 1.5rem;
			border-radius: 0.5rem;
			font-weight: 600;
			transition: background-color 0.3s ease;
			cursor: pointer;
			border: none;
			margin-top: 1.5rem;
		}

			#DivValidacaoFalhaLoginModal .modal-content .modal-footer #btnValidarCodigo:hover {
				opacity: 0.6;
			}

		#DivValidacaoFalhaLoginModal .modal-content .modal-footer #linkReenviarCodigo {
			color: #d22630;
			padding: 0.75rem 1.5rem;
			border-radius: 0.5rem;
			font-weight: 600;
			transition: background-color 0.3s ease;
			cursor: pointer;
			border: none;
			margin-top: 1.5rem;
			text-decoration: underline;
		}

			#DivValidacaoFalhaLoginModal .modal-content .modal-footer #linkReenviarCodigo:hover {
				opacity: 0.6;
			}

		#DivValidacaoFalhaLoginModal .modal-content .modal-footer .form-check-label {
			width: 100%;
			text-align: center;
			margin: 10px 0 0 0;
			font-size: 13px;
			font-style: italic;
			font-weight: 500;
		}

.inputRequerido {
	color: #d50000;
}

.text-danger {
	color: #b94a48;
}

.validation {
	width: 600px !important;
	color: #b94a48 !important;
}

.diff_1 {
	color: #b94a48;
}

.desabilitaButton {
	background: #808080 !important;
}

.bt-montar-catalogo-continuar {
	text-decoration: none !important;
}

.bt-prosp-clique-analise {
	color: #ffffff;
	background: #0053d5;
	font-size: 12px;
	padding: 3px;
	text-decoration: none;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

	.bt-prosp-clique-analise :hover {
		font-weight: bold;
		background: #666666;
		text-decoration: none;
	}

.custom-combobox {
	position: relative;
	display: inline-block;
}

.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
}

.custom-combobox-input {
	margin: 0;
	padding: 5px 10px;
}

.vitrine-interna-subcategoria-pg-num .vitrine-interna-subcategoria-pg-num-select-aprovacao {
	background: #ffffff;
	padding: 5px;
	text-decoration: none;
	border: 1px solid #cacaca;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #2e2e2e;
}

	.vitrine-interna-subcategoria-pg-num .vitrine-interna-subcategoria-pg-num-select-aprovacao:hover {
		background: #2e2e2e;
		color: #ffffff;
	}


/*===============================
		tooltip
===============================*/
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

	.tooltip .tooltiptext {
		visibility: hidden;
		width: 120px;
		background-color: black;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px 0;
		position: absolute;
		z-index: 1;
	}

	.tooltip:hover .tooltiptext {
		visibility: visible;
	}


.popup {
	position: relative;
	/* display: inline-block; */
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	/* The actual popup */
	.popup .popuptext {
		visibility: hidden;
		width: 160px;
		background-color: #555;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 8px 0;
		position: absolute;
		z-index: 1;
		bottom: 125%;
		left: 50%;
		margin-left: -80px;
	}

		/* Popup arrow */
		.popup .popuptext::after {
			content: "";
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: #555 transparent transparent transparent;
		}

	/* Toggle this class - hide and show the popup */
	.popup .show {
		visibility: visible;
		-webkit-animation: fadeIn 1s;
		animation: fadeIn 1s;
	}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.custom-combobox-input {
	width: 70% !important;
}

.ui-widget .ui-widget {
	height: 30px !important;
	border: 1px solid #c5c5c5 !important;
}

.custom-combobox {
	width: 90%;
}

.form-cad-imput-selecionar-cliente {
	border: 1px solid #666 !important;
	border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	padding: 0 15px !important;
	font-size: 14px !important;
	color: #666666 !important;
	height: 30px !important;
	width: 88% !important;
	background: #ffffff !important;
}

.data-invisible {
	display: none;
}

/*=============================
          custom-search
 ===============================*/
.custom-search-input {
	padding: 3px;
	border: solid 1px #E4E4E4;
	border-radius: 3px;
	background-color: #fff;
	margin-bottom: 10px;
	min-width: 200px;
}

	.custom-search-input .input-group {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: stretch;
		align-items: stretch;
		width: 100%;
		margin-bottom: 0px;
		height: 50px;
		padding: 5px;
	}

		.custom-search-input .input-group .input-group-btn-left {
			border-right: solid 1px #ccc;
			margin-right: 10px;
		}

		.custom-search-input .input-group .select-left {
			border-radius: 3px 0px 0px 3px;
			border: dashed 1px #E4E4E4;
			margin-right: 2px;
		}

		.custom-search-input .input-group input {
			border: 0;
			box-shadow: none;
			margin: 2px;
		}

		.custom-search-input .input-group .input-group-btn-right {
			border-left: solid 1px #ccc;
			margin-left: 0px;
		}

			.custom-search-input .input-group .input-group-btn-right i {
				cursor: pointer;
			}

		.custom-search-input .input-group i {
			font-size: 23px;
			margin: 0 8px 0 0;
			background: none;
			box-shadow: none;
			border: 0;
			color: #666666;
			padding: 8px 0px 0px 8px;
			border-radius: 0;
			height: 80%;
		}

	.custom-search-input:hover .shopping-AutoComplete {
		transform: translateY(0px);
		opacity: 1;
		visibility: visible;
	}

	.custom-search-input:focus .shopping-AutoComplete {
		transform: translateY(0px);
		opacity: 1;
		visibility: visible;
	}

/*=============================
          scrollUp
 ===============================*/
#scrollUp {
	right: 10px;
	z-index: 33;
	bottom: 10px;
	text-align: center;
	text-decoration: none;
}

	#scrollUp i {
		height: 40px;
		width: 40px;
		line-height: 40px;
		background: transparent;
		background: #939393;
		border-radius: 50px;
		border-color: #222;
		font-size: 25px;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		transition: all 500ms ease;
		display: block;
		color: #fff;
		box-shadow: 0px 4px 19px #00000038;
	}

		#scrollUp i:hover {
			background: Red;
			color: #fff;
		}

/*===============================
	exibida apenas em Debbug
===============================*/
.IsDebbug {
	display: inline-block !important;
	position: relative;
	border-radius: 5px !important;
	color: white !important;
	--dash-color: red !important;
	--dash-width: 3px !important;
	--dash-gap: 40px !important;
	background: linear-gradient(to right, var(--dash-color) 50%, transparent 50%) 0 0 / calc(var(--dash-width) + var(--dash-gap)) var(--dash-width), linear-gradient(to right, var(--dash-color) 50%, transparent 50%) 0 100% / calc(var(--dash-width) + var(--dash-gap)) var(--dash-width), linear-gradient(to bottom, var(--dash-color) 50%, transparent 50%) 0 0 / var(--dash-width) calc(var(--dash-width) + var(--dash-gap)), linear-gradient(to bottom, var(--dash-color) 50%, transparent 50%) 100% 0 / var(--dash-width) calc(var(--dash-width) + var(--dash-gap));
	background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
	animation: IsDebbugdash 1s linear infinite;
	font-size: 10px;
	background-color: #3b3737;
	width: 100%;
	padding: 2px 5px 2px 5px;
}

	.IsDebbug.CardProduto:hover {
		background: #3b3737;
	}

	.IsDebbug.IsFlex {
		display: flex !important;
	}

	.IsDebbug div {
		padding: 0px 10px 1px 10px;
		margin: 2px;
		text-align: left;
	}

		.IsDebbug div * {
			color: white !important;
		}

			.IsDebbug div*:hover {
				color: white !important;
			}

.IsNotDebbug {
	display: none !important;
}

/*=============================
        input-group
 ===============================*/
@media (max-width: 768px) {
	.input-group input.form-control {
		border-top-right-radius: 5px !important;
		border-bottom-right-radius: 5px !important;
	}

	.input-group-text.btn-icon {
		width: 100% !important;
		margin: 3px 0px 0px 0px !important;
		border-top-left-radius: 5px !important;
		border-bottom-left-radius: 5px !important;
	}
}

.btn-icon {
	display: inline-block;
	margin: 3px 3px 3px 3px;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 5px;
	white-space: nowrap;
	padding: 3px 12px;
	font-size: 15px;
	line-height: 1.42857143;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #189d0e;
	color: #ffffff !important;
	text-decoration: none;
}

	.btn-icon .btn-label {
		position: relative;
		left: -8px;
		display: inline-block;
		padding: 5px 0px 5px 5px;
		color: #ffffff;
	}

		.btn-icon .btn-label i {
			font-size: 16px;
			color: #ffffff;
		}

.btn-icon-left {
	float: left;
}

.btn-icon-right {
	float: right;
}

.btn-icon-cinza {
	background-color: #817a7a !important;
}

.btn-icon-preto {
	background-color: #2d2d2d !important;
}

.btn-icon-vermelho {
	background-color: #d22630 !important;
}

.btn-icon-azul {
	background-color: #135fad !important;
}

/*=============================
             modal-custom-clean
 ===============================*/
.modal-custom-clean {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 0px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	cursor: default;
}

	.modal-custom-clean .modal-backdrop {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1050;
		background-color: #000;
	}

		.modal-custom-clean .modal-backdrop.fade.in {
			opacity: 0.7;
			filter: alpha(opacity=50);
		}

	.modal-custom-clean .modal-dialog {
		width: auto;
		margin-top: 40px;
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto;
		z-index: 1060;
	}

		.modal-custom-clean .modal-dialog .modal-content {
			position: relative;
			z-index: 1060;
			background-color: #fff;
			border: 1px solid #999;
			border: 1px solid rgba(0,0,0,.2);
			border-radius: 3px;
			-webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
			box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
			background-clip: padding-box;
			outline: 0;
			width: unset;
			max-width: inherit;
			padding: 5px;
			background-color: #ededed !important;
		}

			.modal-custom-clean .modal-dialog .modal-content .modal-header {
				padding: 8px;
				border-bottom: 1px solid #afa8a8;
				min-height: 16.43px;
			}

				.modal-custom-clean .modal-dialog .modal-content .modal-header .modal-title {
					font-size: 18px;
					font-weight: bold;
					padding: 6px;
					background-color: unset;
					color: unset;
				}


			.modal-custom-clean .modal-dialog .modal-content .modal-body {
				position: relative;
				padding: 10px;
				min-height: 150px;
			}

				.modal-custom-clean .modal-dialog .modal-content .modal-body .form-switch .form-check-label {
					display: inline;
				}

				.modal-custom-clean .modal-dialog .modal-content .modal-body .form-switch .form-check-input {
					font-size: 16px !important;
					margin-right: 5px !important;
					width: 2.2em !important;
					margin-left: -2.1em !important;
					background-image: var(--bs-form-switch-bg);
					background-position: left center;
					border-radius: 1em;
					transition: background-position .15s ease-in-out;
				}

					.modal-custom-clean .modal-dialog .modal-content .modal-body .form-switch .form-check-input:checked {
						font-size: 16px !important;
						margin-right: 5px !important;
						width: 2.2em !important;
						margin-left: -2.1em !important;
						background-image: var(--bs-form-switch-bg);
						background-position: left center;
						border-radius: 1em;
						transition: background-position .15s ease-in-out;
						background-position: right center;
						background-color: #198754;
						border-color: #198754;
					}

				.modal-custom-clean .modal-dialog .modal-content .modal-body .input-group .textareaCounter {
					background-color: smoke;
					margin-top: -20px;
					margin-right: 5px;
				}

			.modal-custom-clean .modal-dialog .modal-content .modal-footer {
				padding: 8px;
				text-align: right;
				border-top: 1px solid #afa8a8;
				display: block;
			}

/*===============================
          divLoading GIF
 ===============================*/
.divLoading {
	display: none;
}

	.divLoading .divLoadingBackGround {
		background: #3d3d3d;
		width: 100%;
		height: 100%;
		opacity: 0.8;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9998;
	}

	.divLoading .divLoadingContainer {
		z-index: 9999;
		position: relative;
		text-align: center;
		color: white;
	}

		.divLoading .divLoadingContainer .divLoadingImg {
			position: fixed;
			background: url('../Content/img/LoadingGimbaEmpresas.gif') no-repeat;
			height: 210px;
			/*width: 270px;*/
			left: 0;
			top: -100px;
			right: 0;
			bottom: 0;
			margin: auto;
			z-index: 9999;
		}

		.divLoading .divLoadingContainer .divLoadingMsg {
			position: fixed;
			left: 50%;
			transform: translate(-50%, -50%);
			margin-top: 540px;
			font-size: 23px;
			letter-spacing: -.02rem;
			font-style: italic;
			z-index: 9999;
		}


.CamposForm .row h4 {
	font-size: 14px;
	display: flex;
	align-items: center;
	font-weight: bold;
}

	.CamposForm .row h4 i {
		font-size: 9px;
		margin: 0 5px 0 0;
	}


/*===============================
          box-alert
 ===============================*/
.box-alert {
	height: 100%;
}

	.box-alert .box-alert-body {
		position: relative;
		padding: 20px 20px 16px 17px;
		border-radius: 5px;
		display: flex;
		align-items: center;
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 20px;
		height: 100%;
		text-align: left;
	}

		.box-alert .box-alert-body i {
			font-size: 30px;
			margin: 0 20px 0 0;
		}


.box-alert-error {
	background: #efcccc;
	border-left: 6px solid #d22630;
	color: #d22630;
}

.box-alert-warning {
	background: #FFF3E7;
	/*border-left: 6px solid #ff9017;*/
	/*color: #FF9017;*/
	height: 100%;
}

	.box-alert-warning .box-alert-warning-body {
		background: #FFF3E7;
		position: relative;
		padding: 20px 20px 16px 17px;
		border-radius: 5px;
		display: flex;
		align-items: center;
		border-left: 6px solid #ff9017;
		margin-bottom: 10px;
		color: #FF9017;
		font-size: 14px;
		line-height: 20px;
		height: 100%;
		text-align: left;
	}

		.box-alert-warning .box-alert-warning-body i {
			font-size: 30px;
			margin: 0 20px 0 0;
		}

/*===============================
          DIV
 ===============================*/
.divDisabled {
	pointer-events: none;
	opacity: 0.4;
}

/*===============================
        Titulo em destaque
 ===============================*/
.tituloDestaque {
	height: auto;
	display: flex;
	justify-content: space-between;
	margin: 10px 0 20px !important;
}

	.tituloDestaque .conteudo {
		font-size: 16px;
		font-weight: bold;
		position: relative;
	}

	.tituloDestaque .conteudoGrande {
		font-size: 24px !important;
		font-weight: bold;
		position: relative;
	}

	.tituloDestaque .conteudo:after {
		content: '';
		content: '';
		width: 50px;
		height: 4px;
		border-radius: 20px;
		background: #d22630;
		display: inline-block;
		position: absolute;
		bottom: -7px;
		left: 0;
	}


/*===============================
    Input com icone a direita
 ===============================*/
.input-group .input-group-icon-right {
	padding: .575rem 0.175rem;
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #fff;
	text-align: center;
	background-color: white;
	border-radius: 0px 5px 5px 0px;
	width: 40px;
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-color: var(--border-form);
}

	.input-group .input-group-icon-right i {
		width: 100%;
		font-size: 18px;
		color: black;
	}

.form-control {
	font-size: 14px;
	line-height: 2.4;
}


/*===============================
		Box com Titulo
===============================*/
.informacoesBox {
	border: 1px solid;
	border-color: #D4D5D4;
	border-radius: 5px;
	padding: 12px;
	height: 100%;
}

	.informacoesBox .infoBoxHeader {
		font-size: 16px;
		font-weight: 600;
		align-items: center;
		position: relative;
		display: flex;
		padding: 0 0 0 7px;
	}

		.informacoesBox .infoBoxHeader:after {
			content: '';
			width: 4px;
			height: 20px;
			border-radius: 0;
			background: #d22630;
			display: inline-block;
			position: absolute;
			bottom: 2px;
			left: -4px;
		}

	.informacoesBox .infoBoxBody {
		font-size: 12px;
		line-height: 22px;
	}

		.informacoesBox .infoBoxBody .infoBoxBodyItem {
			padding: 5px;
			border-radius: 5px;
			height: 100%;
		}

			.informacoesBox .infoBoxBody .infoBoxBodyItem div {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}