.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 {
	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;
	}

/*=============================
          custom-tree
 ===============================*/
.tree, .tree ul {
	margin: 0;
	padding: 0;
	list-style: none
}

	.tree ul {
		margin-left: 1em;
		position: relative
	}

		.tree ul ul {
			margin-left: .5em
		}

		.tree ul:before {
			content: "";
			display: block;
			width: 0;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			border-left: 1px solid
		}

	.tree li {
		margin: 0;
		padding: 0 1em;
		line-height: 2em;
		color: #369;
		font-weight: 700;
		position: relative;
		text-align: left;
	}

	.tree ul li:before {
		content: "";
		display: block;
		width: 10px;
		height: 0;
		border-top: 1px solid;
		margin-top: -1px;
		position: absolute;
		top: 1em;
		left: 0
	}

	.tree ul li:last-child:before {
		background: #fff;
		height: auto;
		top: 1em;
		bottom: 0
	}

.indicator {
	margin-right: 5px;
}

.tree li a {
	text-decoration: none;
	color: #369;
}

.tree li button, .tree li button:active, .tree li button:focus {
	text-decoration: none;
	color: #369;
	border: none;
	background: transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	outline: 0;
}

/*=============================
          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;
		}


/*=============================
          modal-custom
 ===============================*/
@media (min-width:1300px) {

	.modal-custom .modal-dialog.modal-max-width {
		width: 1200px !important;
	}
}

@media (max-width: 1299px) {
	.modal-custom .modal-dialog.modal-max-width {
		width: 95% !important;
	}

	/*.modal-custom .modal-dialog.modal-max-width {
			width: 1200px !important;
		}*/
}

@media (max-width: 768px) {
	.modal-custom .modal-dialog {
		width: 98% !important;
	}

		.modal-custom .modal-dialog.modal-max-width {
			width: 99% !important;
		}
}

.modal-custom {
	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::-webkit-scrollbar {
		width: 0px;
	}

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

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

	.modal-custom .modal-dialog {
		width: auto;
		margin: 30px auto 30px auto;
	}

	.modal-custom .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: 20px 15px 5px 15px;
	}

		.modal-custom .modal-content .modal-header {
			padding: 0px 0 10px 0;
			border-bottom: 1px solid #e5e5e5;
			min-height: 10px;
			margin: 0 0 10px 0;
			display: flex;
			justify-content: space-between;
		}

			.modal-custom .modal-content .modal-header .btnCloseBlack {
				font-weight: 600;
				font-size: 10px;
				padding: 3px 8px;
				border-radius: 3px;
				text-align: center;
				background: #2d2d2d;
				text-decoration: #ffffff;
				color: #ffffff;
				cursor: pointer;
				height: 30px;
				margin-right: 14px;
			}

		.modal-custom .modal-content .modal-header-itens {
			display: flex;
			justify-content: space-between;
		}


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

		.modal-custom .modal-dialog .modal-content .modal-body .form-label {
			font-size: 14px;
			font-weight: 600;
			/*font-weight: bold;*/
		}

			/*.modal-custom .modal-dialog .modal-content .modal-body .form-label::after {
				content: ":";
			}*/

			/*.modal-custom .modal-dialog .modal-content .modal-body .form-label:not(:last-child):not([ends-with=":"])::after {
				content: ":";
			}*/

		.modal-custom .modal-dialog .modal-content .modal-body .form-label-text {
			font-size: 14px;
			/*margin-top:15px;*/
		}

		.modal-custom .modal-dialog .modal-content .modal-body .obrigatorio {
			font-size: 11px;
			color: #d22630;
			font-weight: bold;
			margin: 5px 0px 0px 10px;
		}

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

		.modal-custom .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 .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 .modal-content .modal-footer {
		padding: 8px;
		text-align: right;
		border-top: 1px solid #e5e5e5;
		margin-top: 20px;
	}

		.modal-custom .modal-content .modal-footer a {
			margin: 5px;
		}

		.modal-custom .modal-content .modal-footer .pull-left {
			float: left !Important;
		}


/*=============================
             btn com Icone
 ===============================*/
@media (max-width: 768px) {
	.btn-icon {
		width: 100% !important;
		margin: 3px 0px 0px 0px !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;
			}


/*=============================
          datetimepicker
 ===============================*/
.btnDateTimePicker {
	display: inline-block;
	/* margin: 3px; */
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	/* font-size: 13px; */
	line-height: 1.42857143;
	border-radius: 5px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 38px;
}

/*===============================
          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: 1.4rem;
			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-warning {
	background: #FFF3E7;
	border-left: 6px solid #ff9017;
	color: #FF9017;
}

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

.box-alert-warning {
	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;
		}

/*===============================
          file Upload
 ===============================*/
.custom-fileupload {
	text-align: left;
}

	.custom-fileupload .custom-fileupload-button {
		background: #2d2d2d;
		color: #ffffff;
		border-radius: 5px 0px 0px 5px !important;
	}

		.custom-fileupload .custom-fileupload-button i {
			margin-right: 10px;
		}

	.custom-fileupload .custom-fileupload-text {
		font-size: 15px;
		font-style: italic;
		padding-top: 7px;
	}

	.custom-fileupload .btn-modelo {
		background: #817a7a;
		color: #ffffff;
		border-radius: 0px 0px 0px 0px !important;
	}

		.custom-fileupload .btn-modelo i {
			margin-right: 10px;
		}

	.custom-fileupload .btn-cancel {
		background: #2d2d2d;
		color: #ffffff;
		border-radius: 0px 5px 5px 0px !important;
	}

		.custom-fileupload .btn-cancel i {
			margin-right: 10px;
		}

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

/*===============================
    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;
	}