/*=============================
          modal-custom
 ===============================*/
.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;
	font-size: 14px;
}

	.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: 5px;
		-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;
		font-size: 14px;
		padding: unset;
	}

		.modal-custom .modal-content .modal-header-vitrine {
			position: relative;
			font-family: var(--font-family);
			background: var(--branco);
			z-index: 1;
			border-radius: 5px 5px 0px 0;
		}

			.modal-custom .modal-content .modal-header-vitrine .FaixaFull {
				width: 100%;
				height: 50px;
				background: #db0000;
				margin: 0 auto;
				border-radius: 3px 3px 0px 0;
			}

			.modal-custom .modal-content .modal-header-vitrine .Content {
				width: 95%;
				margin: -45px auto;
			}

				.modal-custom .modal-content .modal-header-vitrine .Content .LinhaChamada {
					margin: 1em auto;
					margin-bottom: 50px;
					border: var(--border-line) solid;
					border-color: var(--cinza-medio);
					border-radius: var(--border-radius);
					background: var(--branco);
					display: flex;
					align-items: center;
					justify-content: space-between;
					padding: 10px 15px;
				}

					.modal-custom .modal-content .modal-header-vitrine .Content .LinhaChamada h1 {
						font-size: 20px;
						font-weight: 500;
						border-left: 4px solid #D22630;
						padding: 0 0 0 8px;
						text-align: left;
						margin: 0;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
						width: -webkit-fill-available;
					}

					.modal-custom .modal-content .modal-header-vitrine .Content .LinhaChamada nav[aria-label="breadcrumb"] ul.breadcrumb {
						flex-wrap: unset;
					}

						.modal-custom .modal-content .modal-header-vitrine .Content .LinhaChamada nav[aria-label="breadcrumb"] ul.breadcrumb li:after {
							content: none;
						}

						.modal-custom .modal-content .modal-header-vitrine .Content .LinhaChamada nav[aria-label="breadcrumb"] ul.breadcrumb li .button {
							padding: 5px;
							border: solid 1px #E4E4E4;
							border-radius: 6px;
							background: #fff;
							border-left: 1px solid #eee;
						}

							.modal-custom .modal-content .modal-header-vitrine .Content .LinhaChamada nav[aria-label="breadcrumb"] ul.breadcrumb li .button:hover {
								box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
								z-index: 99;
								background: var(--branco);
								transition: all 400ms;
								cursor: pointer;
							}

						.modal-custom .modal-content .modal-header-vitrine .Content .LinhaChamada nav[aria-label="breadcrumb"] ul.breadcrumb li i {
							font-size: 16px;
							color: #1c1c1c !important;
						}


		.modal-custom .modal-content .modal-header {
			padding: 0px 0 10px 0;
			border-bottom: 1px dashed var(--cinza-escuro);
			min-height: 10px;
			margin: 0 0 10px 0;
			display: flex;
			justify-content: space-between;
			padding: 20px 15px 5px 15px;
		}

			.modal-custom .modal-content .modal-header .Titulo {
				font-size: 18px;
				font-weight: 600;
			}

			.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;
		padding: 5px 10px 10px 10px;
	}

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

		.modal-custom .modal-dialog .modal-content .modal-body .form-label-text {
			font-size: 14px;
		}

		.modal-custom .modal-dialog .modal-content .modal-body .chosen-container-single a.chosen-single {
			height: 38px;
			padding: 8px 0 0 8px;
		}

		.modal-custom .modal-dialog .modal-content .modal-body .chosen-container-single .chosen-single div {
			top: 0px;
			width: 15px;
		}

		.modal-custom .modal-dialog .modal-content .modal-body h4 {
			font-size: 14px;
			display: flex;
			align-items: center;
			font-weight: 600;
		}

			.modal-custom .modal-dialog .modal-content .modal-body h4 i {
				font-size: 9px;
				margin: 0 5px 0 0;
			}

			.modal-custom .modal-dialog .modal-content .modal-body h4 span {
				font-size: 10px;
				margin: 0px 0px 0px 5px;
			}

		.modal-custom .modal-dialog .modal-content .modal-body .input-group span.input-group-text i {
			font-size: 15px;
			padding: 0px 5px 0px 0px;
		}

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

		.modal-custom .modal-dialog .modal-content .modal-body .form-control {
			font-size: 13px;
			line-height: 2.0;
			border: 1px solid #ccc;
			font-weight: unset;
		}

			.modal-custom .modal-dialog .modal-content .modal-body .form-control:active,
			.modal-custom .modal-dialog .modal-content .modal-body .form-control:focus {
				border: 1px solid #5897fb;
				box-shadow: 0 0 0 0.8px rgba(13, 110, 253, .25);
			}

		/************************* textarea **********************/
		.modal-custom .modal-dialog .modal-content .modal-body textarea.form-control {
			line-height: 1.5;
		}


		/************************* radio button **********************/
		.modal-custom .modal-dialog .modal-content .modal-body .form-radio {
			display: flex;
			float: left;
			width: 100%;
		}

			.modal-custom .modal-dialog .modal-content .modal-body .form-radio .form-radio-label {
				margin-right: 10px;
				white-space: nowrap;
				font-size: 14px;
				font-weight: 600;
			}

			.modal-custom .modal-dialog .modal-content .modal-body .form-radio h4 {
				margin-right: 10px;
				white-space: nowrap;
				font-size: 14px;
				font-weight: 600;
			}

			.modal-custom .modal-dialog .modal-content .modal-body .form-radio .form-radio-options {
				display: flex;
			}

				.modal-custom .modal-dialog .modal-content .modal-body .form-radio .form-radio-options > input {
					margin: 0px 10px 0px 0px;
				}

				.modal-custom .modal-dialog .modal-content .modal-body .form-radio .form-radio-options > label {
					margin: 0px 15px 0px 0px;
				}

					.modal-custom .modal-dialog .modal-content .modal-body .form-radio .form-radio-options > label > input[type=radio] {
						margin: 0px 5px 0px 0px;
					}

					.modal-custom .modal-dialog .modal-content .modal-body .form-radio .form-radio-options > label .form-check-input:checked[type=radio] {
						background-color: #198754;
						border-color: #198754;
					}

		/************************* CheckBox **********************/
		.modal-custom .modal-dialog .modal-content .modal-body *:not(table) .form-check:not(.form-switch) {
			padding-left: 0px;
			margin-bottom: 0.6rem;
		}

		.modal-custom .modal-dialog .modal-content .modal-body *:not(table) .form-check .message {
			font-size: 12px;
			font-weight: normal;
			font-style: italic;
			color: #999999;
		}

		.modal-custom .modal-dialog .modal-content .modal-body *:not(table) .form-switch {
			display: block;
			align-items: center;
		}

			.modal-custom .modal-dialog .modal-content .modal-body *:not(table) .form-switch .form-check-label {
				display: inline;
				font-size: 14px;
				line-height: 18px;
			}

			.modal-custom .modal-dialog .modal-content .modal-body *:not(table) .form-switch .form-check-input {
				margin: 0px 10px 0px -30px;
				padding-left: 1.5em;
				width: 35px;
				height: 18px;
				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 *:not(table) .form-switch .form-check-input:checked {
					margin: 0px 10px 0px -30px;
					padding-left: 1.5em;
					width: 35px;
					height: 18px;
					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-dialog .modal-content .modal-body .btnVerde {
			font-size: 14px;
			padding: 5px 12px 5px 12px;
			height: 30px;
			border: none;
			-moz-border-radius: 3px;
			border-radius: 3px;
			cursor: pointer;
			background: #24975a;
			color: #ffffff;
		}

		.modal-custom .modal-dialog .modal-content .modal-body i.input-group-text {
			font-size: 16px;
			background-color: #189d0e;
			color: #ffffff;
			border: var(--bs-border-width) solid #189d0e;
		}

	.modal-custom .modal-content .modal-footer {
		text-align: right;
		border-top: 1px solid var(--cinza-medio);
		margin: 10px 10px 0px 10px;
		padding: 8px;
		display: inline;
	}

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

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


@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 .modal-content .modal-header-vitrine .Content .LinhaChamada h1 {
		font-size: 15px !important;
	}

	/* input com icone e texto */
	.modal-custom .modal-dialog .modal-content .modal-body .input-group {
		border-top-left-radius: var(--bs-border-radius) !important;
		border-bottom-left-radius: var(--bs-border-radius) !important;
	}

		.modal-custom .modal-dialog .modal-content .modal-body .input-group input {
			border-top-left-radius: var(--bs-border-radius) !important;
			border-bottom-left-radius: var(--bs-border-radius) !important;
		}

		.modal-custom .modal-dialog .modal-content .modal-body .input-group span.input-group-text {
			border-top-left-radius: var(--bs-border-radius) !important;
			border-bottom-left-radius: var(--bs-border-radius) !important;
		}


	/* Radio Button */
	.modal-custom .modal-dialog .modal-content .modal-body .form-radio {
		display: flow;
	}

		.modal-custom .modal-dialog .modal-content .modal-body .form-radio .form-radio-options {
			display: flow;
			margin-left: 20px;
		}

			.modal-custom .modal-dialog .modal-content .modal-body .form-radio .form-radio-options > label {
				margin: 10px 0px 0px 0px;
			}
}

/*=============================
          modalScrollUp Modal
 ===============================*/
.modal-custom .modal-content a.btnScrollUpModal i {
	height: 40px;
	width: 40px;
	line-height: 40px;
	background: #939393;
	border-radius: 50%;
	font-size: 25px;
	display: block;
	color: #fff;
	text-align: center;
	box-shadow: 0px 4px 15px rgba(0,0,0,0.3);
	transition: background 0.3s;
}

	.modal-custom .modal-content a.btnScrollUpModal i:hover {
		background: #D22630;
	}



/********************************************************************
			Oculta todo modal exibe apenas o body enviado
********************************************************************/

.modal-dialog.modal-phantom .modal-header-vitrine {
	display: none;
}

.modal-dialog.modal-phantom .modal-content {
	background-color: unset !important;
	border: unset !important;
	border: unset !important;
	border-radius: unset !important;
	-webkit-box-shadow: unset !important;
	box-shadow: unset !important;
}