.c_inherit[data-v-c38ad65e] {
	color: inherit !important;
}


.message-holder[data-v-6637ad52] {
	transition: border-width 0.1s linear;
}


.question input[data-v-0879d10c]:focus {
	outline: none;
}


.f\:bg_primary:focus-within{background-color:rgba(19,18,18,.0125)}



.f\:outline_none {
	outline: none;
}


.question .input[data-v-75ae1655]:focus {
	border: inherit;
	background: inherit;
}


.question .input[data-v-3e9f018e]:focus {
	border: inherit;
	background: inherit;
}
select[data-v-3e9f018e] {
	/* Here's the code we need */
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
}
.select-wrapper[data-v-3e9f018e] {
	position: relative;
}
.select-wrapper[data-v-3e9f018e]:after {
		font-family: "Font Awesome 5 Pro";
		font-weight: 900;
		content: "\f107";
		position: absolute;
		color: currentColor;
		top: 0rem;
		right: 0.25rem;
		padding: 0.5rem;
		font-size: 1.25rem;
		pointer-events: none;
		display: inline-block;
		bottom: 0;
		line-height: 1.25;
}
.select-wrapper[data-v-3e9f018e]:focus-within:after {
		content: "\f106";
}
.question select[data-v-3e9f018e]:focus {
	outline: none;
}
/* style the items (options), including the selected item: */
.select-items div[data-v-3e9f018e], .select-selected[data-v-3e9f018e] {
	color: currentColor;
	padding: 8px 16px;
	border: 1px solid transparent;
	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
	cursor: pointer;
}


.modal-mask {
   display: table;
   width: 100%;
   height: 100%;
}
.modal-wrapper {
   display: table-cell;
   vertical-align: middle;
}
.modal-container {
   /* width: 300px;
 margin: 0px auto;
 padding: 20px 30px;
 background-color: #fff;
 border-radius: 2px;
 box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
 transition: all .3s ease;
 font-family: Helvetica, Arial, sans-serif; */
}
.modal-header h3 {
}
.modal-body {
}
.modal-default-button {
}

 /*
* The following styles are auto-applied to elements with
* transition="modal" when their visibility is toggled
* by Vue.js.
*
* You can easily play with the modal transition by editing
* these styles.
*/
.modal-enter {
   opacity: 0;
}
.modal-leave-active {
   opacity: 0;
}
.modal-enter .modal-container,
   .modal-leave-active .modal-container {
     transform: scale(1.1);
}
#ua-section #ua-content {
  overflow-y: scroll;
  height: 200px;
  border: solid 1px #a8a8a8;
  padding-left: 1em;
  padding-right: 1em;
}
#ua-section #ua-content ul li {
    list-style: none !important;
}
@media (min-width: 992px) {
#ua-section #ua-content {
    height: 350px;
}
}


.question .input[data-v-094877db]:focus {
	border: inherit;
	background: inherit;
}


.question .input[data-v-3aa4f280]:focus {
	border: inherit;
	background: inherit;
}


*[data-v-aafd3410] {
  will-change: height;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  perspective: 1000px;
}
.expand-enter-active[data-v-aafd3410],
.expand-leave-active[data-v-aafd3410] {
  transition: height .5s ease-in-out;
  overflow: hidden;
}
.expand-enter[data-v-aafd3410],
.expand-leave-to[data-v-aafd3410] {
  height: 0;
}


.question input[data-v-220bb04c]:focus {
	outline: none;
}


.question .input[data-v-76293718]:focus {
	border: inherit;
	background: inherit;
}


.question .input[data-v-15d600a4]:focus {
  border: inherit;
  background: inherit;
}


/*# sourceMappingURL=app.css.map*/