body {
	font-family: 'Noto Sans JP', sans-serif;
}

#header-nav
{
	box-shadow: 0px 3px 15px rgba(0,0,0,0.35);
	border-bottom: 3px solid #212529;

	background-color: #f5f5f5;
	background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, #f2f2f2 10px, #f2f2f2 20px );
}

.brand
{
	font-family: 'Baloo Tamma 2', cursive;
	font-weight: bold;
}

.card
{
	box-shadow: 0px 3px 15px rgba(0,0,0,0.15);
}

.shadow
{
	box-shadow: 0px 3px 15px rgba(0,0,0,0.15);
}

.master-unit
{
	box-shadow: 0px 3px 15px rgba(0,0,0,0.15);
	background-color: #042c45;
}

.master-unit .card-header
{
	background-size: auto auto;
	background-color: #042c45;
	color:whitesmoke;
	/*background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, #e6d6d6 10px, #e6d6d6 20px );*/
}

.master-unit .card-body, .master-unit .card-footer
{
	background-color: whitesmoke;
}

.slave-unit
{
	box-shadow: 0px 3px 15px rgba(0,0,0,0.15);
}

.slave-unit .card-header
{
	background-size: auto auto;
	background-color: #e0e0e0;
	background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, #e6e6e6 10px, #e6e6e6 20px );
}

.abbrev
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

 .tag
 {
	 display: flex;
	 flex-direction: row;
	 justify-content: flex-start;
	 flex-wrap: wrap;
	 align-items: baseline;
 }

.tag > div {
	margin: 0.2rem;
}

.tag .tag-input
{
	width: 100%;
	outline: 0;
	border: 0;
}

.tag .tag-input:focus
{
	outline: 0;
	border: 0;
}

.tag .btn:hover {
	background-color: inherit !important;
	border-color: inherit !important;
	color: inherit !important;
}

.tag-control
{
	flex-grow: 3;
	display: inline-block;
	background-color: #eee;
}

.ui-autocomplete.ui-front
{
    z-index: 1051;
}

.bootstrap-datetimepicker-widget.dropdown-menu
{
	width: 12rem;
}