/* mdoc form css */
/* css opcoes form fora de campo */
.opcoes{
	height: 100%;
	border: 1px solid #ced4da;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 15px;
  padding: 1rem;
}
/* css opcoes form fora de campo end */
input[type=radio]{
      width: 20px;
    }
.form{
	padding: 10px 10px 5px 10px;
}
.form-control{
	display: block;
	width: 100%;
	height: calc(2.25rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color:	#fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 1.25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s  ease-in-out;
	box-sizing: border-box;
}
.form-control:focus {
  color: #495057;
	background-color: #fff;
	border-color: #b6b8b9;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(83,84,85,.25);
}
.submit{
	display: block;
	margin: 20px 0;
	padding: 10px 15px;
	cursor: pointer;
	font-size: 22px;
	color: #fff;
	text-transform: uppercase;
	background: var(--main-color);
	border: 2px solid var(--main-color);
	border-radius: 1.25rem;

	-webkit-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

	animation: pulse 2s infinite;
}
	@keyframes pulse {
		0% {

			box-shadow: 0 0 0 0 rgba(0,0,0, 0.5);
		}

		75% {

			box-shadow: 0 0 0 15px rgba(0,0,0, 0);
		}

		100% {

			box-shadow: 0 0 0 0 rgba(0,0,0, 0);
		}
	}
.submit:hover{
	color: var(--main-color);
	background: #fff;
}
.form-row{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 20px;
	width: 100%;
}
.ff33{
	-ms-flex: 0 0 33%;
	flex: 0 0 33%;
	max-width: 33%;
	box-sizing: border-box;
	padding-right: 5px;
	margin-bottom: 2px;
}
.ff50{
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	box-sizing: border-box;
	padding-right: 5px;
}
.ff100{
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	box-sizing: border-box;
}
	@media screen and (max-width: 800px) {
		.ff33,
		.ff50{
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
		}
	}

.control-label{
	display: inline-block;
	padding: 10px 0 5px 0;
}
.required .control-label::after {
    content: " *";
    color: red;
    font-weight: bold;
}
textarea.form-control {
  height: auto;
  overflow: auto;
	resize: vertical;
	font-family: inherit;
}

/* from bootstrap */
.valid-feedback {
 display:none;
 width:100%;
 margin-top:.25rem;
 font-size:80%;
 color:#28a745
}
.valid-tooltip {
 position:absolute;
 top:100%;
 z-index:5;
 display:none;
 max-width:100%;
 padding:.25rem .5rem;

 font-size:.875rem;
 line-height:1.5;
 color:#fff;
 background-color:rgba(40,167,69,.9);
 border-radius:.25rem
}
.form-control.is-valid,
.was-validated .form-control:valid {
 border-color:#28a745;
 padding-right:2.25rem;
 background-repeat:no-repeat;
 background-position:center right calc(2.25rem / 4);
 background-size:calc(2.25rem / 2) calc(2.25rem / 2);
 background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
 border-color:#28a745;
 box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
}
.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip {
 display:block
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
 padding-right:2.25rem;
 background-position:top calc(2.25rem / 4) right calc(2.25rem / 4)
}
.custom-select.is-valid,
.was-validated .custom-select:valid {
 border-color:#28a745;
 padding-right:3.4375rem;
 background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") no-repeat center right 1.75rem/1.125rem 1.125rem
}
.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
 border-color:#28a745;
 box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
}
.custom-select.is-valid~.valid-feedback,
.custom-select.is-valid~.valid-tooltip,
.was-validated .custom-select:valid~.valid-feedback,
.was-validated .custom-select:valid~.valid-tooltip {
 display:block
}
.form-control-file.is-valid~.valid-feedback,
.form-control-file.is-valid~.valid-tooltip,
.was-validated .form-control-file:valid~.valid-feedback,
.was-validated .form-control-file:valid~.valid-tooltip {
 display:block
}
.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
 color:#28a745;
}
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
 display:block
}
.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
 color:#28a745
}
.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
 border-color:#28a745
}
.custom-control-input.is-valid~.valid-feedback,
.custom-control-input.is-valid~.valid-tooltip,
.was-validated .custom-control-input:valid~.valid-feedback,
.was-validated .custom-control-input:valid~.valid-tooltip {
 display:block
}
.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
 border-color:#34ce57;
 background-color:#34ce57
}
.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
 box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
}
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
 border-color:#28a745
}
.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
 border-color:#28a745
}
.custom-file-input.is-valid~.valid-feedback,
.custom-file-input.is-valid~.valid-tooltip,
.was-validated .custom-file-input:valid~.valid-feedback,
.was-validated .custom-file-input:valid~.valid-tooltip {
 display:block
}
.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
 border-color:#28a745;
 box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
}
.invalid-feedback {
 display:none;
 width:100%;
 margin-top:.25rem;
 font-size:80%;
 color:#dc3545
}
.invalid-tooltip {
 position:absolute;
 top:100%;
 z-index:5;
 display:none;
 max-width:100%;
 padding:.25rem .5rem;
 margin-top:.1rem;
 font-size:.875rem;
 line-height:1.5;
 color:#fff;
 background-color:rgba(220,53,69,.9);
 border-radius:.25rem
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
 border-color:#dc3545;
 padding-right:2.25rem;
 background-repeat:no-repeat;
 background-position:center right calc(2.25rem / 4);
 background-size:calc(2.25rem / 2) calc(2.25rem / 2);
 background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E")
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
 border-color:#dc3545;
 box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
}
.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip {
 display:block
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
 padding-right:2.25rem;
 background-position:top calc(2.25rem / 4) right calc(2.25rem / 4)
}
.custom-select.is-invalid,
.was-validated .custom-select:invalid {
 border-color:#dc3545;
 padding-right:3.4375rem;
 background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") no-repeat center right 1.75rem/1.125rem 1.125rem
}
.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
 border-color:#dc3545;
 box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
}
.custom-select.is-invalid~.invalid-feedback,
.custom-select.is-invalid~.invalid-tooltip,
.was-validated .custom-select:invalid~.invalid-feedback,
.was-validated .custom-select:invalid~.invalid-tooltip {
 display:block
}
.form-control-file.is-invalid~.invalid-feedback,
.form-control-file.is-invalid~.invalid-tooltip,
.was-validated .form-control-file:invalid~.invalid-feedback,
.was-validated .form-control-file:invalid~.invalid-tooltip {
 display:block
}
.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
 color:#dc3545
}
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
 display:block
}
.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
 color:#dc3545
}
.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
 border-color:#dc3545
}
.custom-control-input.is-invalid~.invalid-feedback,
.custom-control-input.is-invalid~.invalid-tooltip,
.was-validated .custom-control-input:invalid~.invalid-feedback,
.was-validated .custom-control-input:invalid~.invalid-tooltip {
 display:block
}
.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
 border-color:#e4606d;
 background-color:#e4606d
}
.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
 box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
}
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
 border-color:#dc3545
}
.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
 border-color:#dc3545
}
.custom-file-input.is-invalid~.invalid-feedback,
.custom-file-input.is-invalid~.invalid-tooltip,
.was-validated .custom-file-input:invalid~.invalid-feedback,
.was-validated .custom-file-input:invalid~.invalid-tooltip {
 display:block
}
.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
 border-color:#dc3545;
 box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
}
