/* ここからbootstrapの上書き */

@media screen and (max-width:500px) {/* スマホ画面（しきい値は適宜調整）を目いっぱい使うようにする */
	.panel:first-child .panel-body {/* 入れ子対策 FIXME 但し、入れ子になっていない、後続の要素まで適用外になってしまう */
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 12px;
		padding-right: 12px;
	}
	.container,
	.container-fluid,
	.row > [class^="col-"] {
		padding-left: 5px;
		padding-right: 5px;
	}
	.row,
	.container > .navbar-header,
	.container > .navbar-collapse,
	.container-fluid > .navbar-header,
	.container-fluid > .navbar-collapse {
		margin-left: -5px;
		margin-right: -5px;
	}
	.navbar {
		margin-bottom: 10px;
	}
}

.table-responsive {
	margin-bottom: 10px;
}
ul.pagination {
	margin: 10px 0;
}

/* ここまでbootstrapの上書き */



.topSpacer5 { margin-top: 5px; }
.topSpacer10 { margin-top: 10px; }
.topSpacer15 { margin-top: 15px; }
.topSpacer20 { margin-top: 20px; }
.topSpacer25 { margin-top: 25px; }
.topSpacer30 { margin-top: 30px; }
.topSpacer35 { margin-top: 35px; }
.topSpacer40 { margin-top: 40px; }
.topSpacer45 { margin-top: 45px; }
.topSpacer50 { margin-top: 50px; }
.topSpacer100 { margin-top: 100px; }
.topSpacer200 { margin-top: 200px; }

.bottomSpacer5 { margin-bottom: 5px; }
.bottomSpacer10 { margin-bottom: 10px; }
.bottomSpacer15 { margin-bottom: 15px; }
.bottomSpacer20 { margin-bottom: 20px; }

.leftSpacer5 { margin-left: 5px; }
.leftSpacer10 { margin-left: 10px; }
.leftSpacer15 { margin-left: 15px; }
.leftSpacer20 { margin-left: 20px; }
.leftSpacer25 { margin-left: 25px; }
.leftSpacer30 { margin-left: 30px; }

.rightSpacer5 { margin-right: 5px; }
.rightSpacer10 { margin-right: 10px; }
.rightSpacer15 { margin-right: 15px; }
.rightSpacer20 { margin-right: 20px; }
.rightSpacer25 { margin-right: 25px; }
.rightSpacer30 { margin-right: 30px; }

.inline-control-div-adjuster {/* checkbox-inline,radio-inlineのvertical alignment補正用 */
	padding-top: 7px;
}

.date-str-dayofweek-0 {
	color: red;
}
.date-str-dayofweek-6 {
	color: blue;
}

.va-middle {
	vertical-align: middle !important;
}

.toggle-search-div,
.toggle-search-div:hover,
.toggle-search-div:focus {
	text-decoration: none;
}
@media screen and (min-width:767px){
	#divSearch {
		display: block;
	}
}

.operation-column-header {
	width: 11em;
}
.sysadmin-signage-templates-operation-column-header {
	width: 18em;
}
.user-sites-operation-column-header {
	width: 22em;
}
.user-signages-operation-column-header {
	width: 33em;
}
.admin-terminals-operation-column-header,
.user-terminals-operation-column-header {
	width: 5em;
}
.operation-column-button {
	margin: 2px 6px;
}

.grayed-out {
	color: lightgray !important;
}

.emphasis-red {
	color: red !important;
}

.img-radio {
	width: 100%;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: start;
	align-items: center;
	color: inherit;
}
.img-radio label {
	margin: 1.5vmin;
	width: 18vmin;
	display: block;
	text-align: center;
/*	padding: 1.5vmin;*/
}
.img-radio.img-radio-2 label {
	margin: 0.4vmin 2.0vmin;
	width: 33.5vmin;
}
.img-radio.img-radio-3 label {
	margin: 0.4vmin 2.0vmin;
	width: 21.0vmin;
}
.img-radio.img-radio-4 label {
	margin: 0.4vmin 1.8vmin;
	width: 15.0vmin;
}
.img-radio.img-radio-5 label {
	margin: 0.4vmin 1.5vmin;
	width: 12.0vmin;
}
.img-radio input {
	display: block;
	visibility: hidden;
}
.img-radio input + img {
	width: 100%;
	border: none;
	opacity: 0.7;
}
.img-radio input:checked + img {
	border: 2px solid red;
	opacity: 1.0;
}
.img-radio input:checked ~ div {
	color: red;
}
.img-radio span {
/*	display: block;*/
}

option:disabled {
	color: lightgray;
}


.size_set-img{width:100%;height:auto;max-width: 200px;min-width: 200px;}


.screenshot-img {
    height: 100%;
    width: auto;
    max-height: 100px;
}


.table-condensed>tbody>tr>td{
    padding: 5px;
    overflow-wrap: break-word;
    width: 20%;
}