/*
  This CSS file is meant to be customized by deployments
  and is intentionally left empty. Any style that is added
  here should override the default styles in the application.
 */
[v-cloak] {
	display: none;
}

.mdc-text-field--outlined{
height:40px;
}

.mdc-icon-button{
font-size:14px;
padding: 0px;
}

.my-3 {
     margin-top: 0px !important;
    margin-bottom: 0px !important;
}


#tabs {
	width: 100%;
	/*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
	padding: 0;
	margin-top: 0px;
	margin-bottom: 20px
}

#tabs li {
	list-style: none;
	width: 50%;
	float: left;
	text-align: center
}

#tabs li a {
	display: inline-block;
	text-decoration: none;
	color: #000;
	padding: 0 10px 10px;
	border-bottom: 3px solid transparent;
	margin-bottom: -1px
}

#tabs li.current a {
	border-bottom: 3px solid
}

.cf {
	zoom: 1
} /* for IE */
.cf:after {
	content: ".";
	display: block;
	clear: both;
	font-size: 0;
	height: 0;
	visibility: hidden;
	overflow: hidden
} /* for other */