/* ----------------------------------------------------------------
	- common
---------------------------------------------------------------- */

.btn-outline-dark:hover {

	background-color: #4b4d4f;
}

.btn-outline-dark:not(.active):hover {

	color: #373a3c;
	background-color: #ebebeb;
}


/* ----------------------------------------------------------------
	- navbar
---------------------------------------------------------------- */

#exampleModal .modal-dialog {

	max-width: 640px;
}

#exampleModal .modal-header .close {

	display: none;
}

#exampleModal .modal-footer {

	justify-content: center;
}

#exampleModal .modal-footer .btn {

    width: 50%;
    min-width: 96px;
}


/* ----------------------------------------------------------------
	- navbar
---------------------------------------------------------------- */
.navbar .navbar-collapse {

	position: absolute;
    left: 0;
    width: 100%;
    background-color: rgba(255, 0, 255, 0.20);
}

.navbar .navbar-collapse .navbar-nav {

	position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
	padding-left: initial;
}

@media (min-width: 1200px) {

	.navbar .navbar-collapse .navbar-nav {

		left: 55%;
    }
}

.navbar .navbar-collapse .navbar-nav .nav-link {

	display: flex;
	padding-left: 0;
	padding-right: 0.50rem;
}

.navbar .navbar-collapse .navbar-nav .nav-item:last-child .nav-link {

	padding-right: 0;
}

.navbar .navbar-collapse .navbar-nav .nav-link span {

	color: #cccccc;
	font-size: 0.875rem;
	background: rgba(0, 0, 0, 0.20);
	border-radius: 1rem;
	padding: 0.10rem 0.80rem;
	white-space: nowrap;
}

.navbar .navbar-collapse .navbar-nav .nav-link:hover span {

	color: #ffffff;
}

.navbar .navbar-collapse .navbar-nav .nav-link.active span {

	color: #ffffff;
	background: #d9230f;
}

.navbar .navbar-collapse .navbar-nav .nav-link i::before {

	margin-left: 0.30rem;
	margin-top: 0.40rem;
}

.navbar .navbar-collapse .navbar-nav .nav-link i::before,
.navbar .navbar-collapse .navbar-nav .nav-link:hover i::before,
.navbar .navbar-collapse .navbar-nav .nav-link.active i::before {

	color: #cccccc;
}

.navbar .navbar-collapse .form-inline {

	position: absolute;
    width: auto;
    right: 1rem;
}

nav .btn-link, nav .btn-link:hover{
	color: white;
}


/* 読込ボタン、保存ボタン */
.navbar .navbar-collapse .form-inline .btn {

    width: 80px;
    padding: 0.375rem 0;
    font-size: 0.8125rem;
}

#floorplanner-controls {

	padding: 1rem;
}

#floorplanner-controls .btn {

	width: 96px;
}

#floorplanner-controls #UndoFloorplan {

	width: 80px;
	padding: 0;
}

/* 単位切替ボタン */
#floorplanner-controls .btn-change-unit {

	width: 64px;
	padding-left: initial;
	padding-right: initial;
}

/*#The-ceiling-rails-marked{*/
/*	color: #777;*/
/*	font-size: 80%;*/
/*	font-weight: 400;*/
/*}*/
/* ----------------------------------------------------------------
	- Inspector
---------------------------------------------------------------- */

.vis108-mode-trinias .v108inspector {

	min-width: 440px;
}

/* ヘッダー */
.sticky-top .card-header {

	font-size: 1.00rem;
	font-weight: bold;
	background: #f0f2f5;
}

/* サブタイトル */
#needSelectInspector .card-subtitle, #floorPlannerInspector .card-subtitle {

	font-size: 0.875rem;
	font-weight: bold;
	color: #cc0011!important;
}

/* シミュレーションのRADのインスペクターのラベル */
#simulationInspector-RAD .sticky-group .card-body .form-group label {

	padding-right: 0;
}

#itemInspector #check04_item-controldesk,
#itemInspector #check07_item-controldesk,
#itemInspector #check09_item-controldesk,
#itemInspector #check17_item-controldesk,
#itemInspector #check05_item-controldesk,
#itemInspector #check06_item-controldesk {

	margin-bottom: 0.25rem;
}

#itemInspector #check07_item-controldesk .col-form-label,
#itemInspector #check09_item-controldesk .col-form-label {

	overflow: visible;
	text-overflow: clip;
	padding-top: 0;
	padding-bottom: 0;
}

#itemInspector #check07_item-controldesk .col-form-label span,
#itemInspector #check09_item-controldesk .col-form-label span {

	display: inline-block;
	transform-origin: left top;
	transform: scaleX(0.90);
}

#radInspector-Trinias #select03_TriniasF .col-form-label,
#radInspector-Trinias #select15_TriniasC .col-form-label,
#radInspector-Trinias #select19_TriniasB .col-form-label {

	overflow: visible;
}

#radInspector-Trinias #select03_TriniasF .col-form-label span.en,
#radInspector-Trinias #select15_TriniasC .col-form-label span.en,
#radInspector-Trinias #select19_TriniasB .col-form-label span.en {

	display: inline-block;
	transform-origin: left top;
	transform: scaleX(0.66);
}

#floorPlannerInspector .card-text:last-child,
#needSelectInspector .card-text:last-child {

	margin-top: 2rem;
}

.vis108-lang.vis108-color-green {

	font-size: 90%;
	font-weight: bold;
	color: #5fd25f;
}

.vis108-lang.vis108-color-yellow {

	font-size: 90%;
	font-weight: bold;
	color: #c9c949;
}

.vis108-lang.vis108-color-aqua {

	font-size: 90%;
	font-weight: bold;
	color: #63d7d7;
}

/* ----------------------------------------------------------------
	- SimulationInspector
---------------------------------------------------------------- */
#needSimulationInspector.v108inspector > div {

	overflow: hidden !important;
}

#TriniasSimPanel {

	margin-top: 1rem;
}

/* 床シングル */
#TriniasSimPanel .triniasselect-Fon .ts-p1   { width: 92px; height: 81px; left:  17px; top: 119px; }
#TriniasSimPanel .triniasselect-Fon .ts-lm   { width: 92px; height: 67px; left: 128px; top:  41px; }
#TriniasSimPanel .triniasselect-Fon .ts-ls   { width: 92px; height: 67px; left: 231px; top:  41px; }
#TriniasSimPanel .triniasselect-Fon .ts-lp   { width: 92px; height: 67px; left: 334px; top:  41px; }
#TriniasSimPanel .triniasselect-Fon .ts-home { width: 92px; height: 67px; left: 128px; top: 126px; }
#TriniasSimPanel .triniasselect-Fon .ts-rm   { width: 92px; height: 67px; left: 128px; top: 209px; }
#TriniasSimPanel .triniasselect-Fon .ts-rs   { width: 92px; height: 67px; left: 231px; top: 209px; }
#TriniasSimPanel .triniasselect-Fon .ts-rp   { width: 92px; height: 67px; left: 334px; top: 209px; }

/* 天井シングル */
#TriniasSimPanel .triniasselect-Con .ts-p1   { width: 92px; height: 81px; left:  17px; top: 119px; }
#TriniasSimPanel .triniasselect-Con .ts-lm   { width: 92px; height: 67px; left: 128px; top:  41px; }
#TriniasSimPanel .triniasselect-Con .ts-ls   { width: 92px; height: 67px; left: 231px; top:  41px; }
#TriniasSimPanel .triniasselect-Con .ts-lp   { width: 92px; height: 67px; left: 334px; top:  41px; }
#TriniasSimPanel .triniasselect-Con .ts-home { width: 92px; height: 67px; left: 128px; top: 126px; }
#TriniasSimPanel .triniasselect-Con .ts-rm   { width: 92px; height: 67px; left: 128px; top: 209px; }
#TriniasSimPanel .triniasselect-Con .ts-rs   { width: 92px; height: 67px; left: 231px; top: 209px; }
#TriniasSimPanel .triniasselect-Con .ts-rp   { width: 92px; height: 67px; left: 334px; top: 209px; }

/* バイ */
#TriniasSimPanel .triniasselect-Bon .ts-p1   { width: 82px; height: 73px; left:  16px; top: 141px; }
#TriniasSimPanel .triniasselect-Bon .ts-p2   { width: 82px; height: 59px; left:  16px; top: 250px; }
#TriniasSimPanel .triniasselect-Bon .ts-lm   { width: 82px; height: 59px; left: 141px; top:  69px; }
#TriniasSimPanel .triniasselect-Bon .ts-ls   { width: 82px; height: 59px; left: 232px; top:  69px; }
#TriniasSimPanel .triniasselect-Bon .ts-lp   { width: 82px; height: 59px; left: 323px; top:  69px; }
#TriniasSimPanel .triniasselect-Bon .ts-home { width: 82px; height: 59px; left: 141px; top: 149px; }
#TriniasSimPanel .triniasselect-Bon .ts-rm   { width: 82px; height: 59px; left: 141px; top: 228px; }
#TriniasSimPanel .triniasselect-Bon .ts-rs   { width: 82px; height: 59px; left: 232px; top: 228px; }
#TriniasSimPanel .triniasselect-Bon .ts-rp   { width: 82px; height: 59px; left: 323px; top: 228px; }

#TriniasSimPanel .triniasselect-Bon .btn.ts-22 {

	width: 212px;
	height: 51px;
	left: 113px;
	top: 331px;
 }
.triniasselect-B #TriniasSimPanel .card-body{  margin-top: 40px;}
/* ----------------------------------------------------------------
	- viewer
---------------------------------------------------------------- */

/* ツールバー */
#viewer .btn-toolbar {

	padding: 1rem;
}

/* アイテムの追加ボタン */
#viewer #addItem {

	width: 144px;
}

/* 戻るボタン */
#viewer #UndoThree {

	width: 80px;
	padding: 0;
}

/* 単位切替ボタン */
#viewer .btn-change-unit {

	width: 64px;
	padding-left: initial;
	padding-right: initial;
}

/* バッジ */
#viewer .badge {

    font-size: 125%;
}
#viewer .btn-group-move-rulers label {

	width: 96px;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}
/* 注釈 */
#viewer #cabinetNumberAttention {
	background-color: #FAFAFA99;
	padding: 0.2rem 0.5rem;
}
#viewer #cabinetNumberAttention small {
	color: #cc0011;
	font-size: 90%;
}

/* ----------------------------------------------------------------
	- cameraCommands
---------------------------------------------------------------- */

.bottomCommands {

	width: 100%;
	bottom: 1rem;
	padding: 0 1rem;
}

.bottomCommands .btn {

	padding: 0.375rem 0.75rem;
}

#cameraCommands.bottomCommands .orbitModeOnly:first-child {

	position: absolute;
    left: 1rem;
    top: 50%;
    transform: translate(0, -50%);
}

.vis108-mode-trinias .card-header {

	background: #f0f2f5;
}

/* ----------------------------------------------------------------
	- Text Hacks
---------------------------------------------------------------- */

.vis108-lang-en #itemInspector.select-item-bit label[for="itemWidth"] span {
	display: none;
}
.vis108-lang-en #itemInspector.select-item-bit label[for="itemWidth"] a {
	display: none;
}
.vis108-lang-en #itemInspector.select-item-bit label[for="itemWidth"]::after{
	content: "Length";
}
.vis108-lang-en #itemInspector.select-item-bit label[for="itemDepth"] span {
	display: none;
}
.vis108-lang-en #itemInspector.select-item-bit label[for="itemDepth"] a {
	display: none;
}
.vis108-lang-en #itemInspector.select-item-bit label[for="itemDepth"]::after{
	content: "Width";
}

body.vis108-mode-trinias.vis108-lang-en #floorPlannerInspector .sticky-top {
	display: none;
}


.vis108-color-green{
	color:#8de08d;
}
.vis108-color-yellow{
	color:#e7e7a2;
}
.vis108-color-aqua{
	color:#92e3e3;
}