/* Undo some of bootstrap.css  */
.dg ac, .dg.ac .c input[type=text] { line-height: normal!important; }
.dg.ac, .dg ac * {
	-webkit-box-sizing: unset!important;
	-moz-box-sizing: unset!important;
	box-sizing: unset!important;
}
.dg.ac .folder *, .dg.ac .folder::before, .dg.ac .folder::after {
	-webkit-box-sizing: unset!important;
	-moz-box-sizing: unset!important;
	box-sizing: unset!important;
}

.bootstrap-switch { vertical-align: inherit!important; margin-top: 4px; }
.bootstrap-switch-container { margin-top: -3px!important; }
.bootstrap-switch-wrapper { outline:none!important; }
.bootstrap-switch-small { min-width: 74px!important; height: 18px!important; border-radius: 0!important; }
.bootstrap-switch-handle-on, .bootstrap-switch-handle-off { border-radius: 0!important; }
.bootstrap-switch-handle-on { background: transparent; background-color: #007ac2; }

/* Modifications to UI menu */
.dg { font-size: 13px!important; font-family: 'Lato', sans-serif!important; text-shadow: none!important; }
.dg.ac .dg.main { position: fixed; top: 0; right: 0; bottom: 0; overflow-x: hidden; }
.dg.ac .dg.a { margin: 0; } /* move dat.gui menu down to accomodate info bar */
.dg.a .save-row { top: 30px!important; }
.dg.a.has-save ul { margin-top:0!important; } /* fix for default style of adding margin above each dat.gui folder, not just the first one */
.dg.a.has-save > ul { margin-top:27px!important; } /* fix - same as above */
.dg .c input[type=text] { margin-top: 2px!important; padding: 0px!important; padding-left: 4px!important; color: #37434d!important; }
.dg .c select { font: 400 14px Verdana, Arial, sans-serif; font-weight: bold; }
.dg .slider { margin-left: 0!important; border-radius: 3px; }
.dg .slider-fg { background: var(--buttonColor)!important; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-right: 2px solid var(--buttonHoverColor); }

.dg li.folder {
	border-left: 1px solid #73818ce6!important;
}
.dg li.folder li.folder { /* sub folders in dat.gui*/
	margin-left: 12px;
}

li.folder .dg .cr { border-left-color: var(--navSliderHandleColor)!important; } /* change border-left colors to the same color within each folder (applies to: .cr.boolean, .cr.string, .cr.function, .cr.number) */
.dg .c .slider { background: var(--navSliderBackgroundColor)!important; } /* Chage color of nav menu sliders */
.dg .c .slider-fg { background: var(--navSliderBarColor)!important; } /* Chage color of nav menu sliders */
.dg .cr.number input[type=text] { color: var(--navInputTextColor)!important; background: var(--navInputBackgroundColor)!important; line-height: 18px!important; margin-top: 4px!important; }
.dg .cr.number input[type=text]:hover { color: black; }
.dg li.cr { background: var(--navRowBackgroundColor)!important; } /* row highlight color */
.dg li.cr:hover { background: var(--navRowBackgroundHoverColor)!important; } /* row highlight color */

.dg ul:not(.closed) > li:not(.folder) { border-bottom: var(--navRowDividerBorder)!important; }

.dg li.title {
	border-radius: 0!important;
	font-weight: bold;
	color: var(--navFolderTextColor)!important;
	font-size: 1.15em;
	border: none!important;
	border-top: var(--navFolderDividerBorder)!important;
	padding-top: 5px!important;
	padding-bottom: 5px!important;
	text-shadow: none!important;
	box-shadow: none!important;
	background: var(--navFolderBackground)!important;
}
.dg li.title:hover { background: var(--navFolderHoverBackground)!important; outline: none!important; color: var(--navFolderTextHoverColor)!important; }
.dg .closed li.title { color: var(--navFolderClosedTextColor)!important; }
.dg .closed li.title:hover { color: var(--navFolderClosedTextHoverColor)!important; }

.dg li.folder li.folder .dg li.title { /* sub folder titles in dat.gui */
	font-weight: normal;
	padding-top: 0px!important;
	padding-bottom: 2px!important;
}

.dg .c input[type="checkbox"] { margin-top: 0px!important; }
.dg .cr.function .property-name { width: auto; }
.dg .message .property-name { width: 100%; font-size: 12px; text-align: center; background-color: #ced1d7; }
.dg .message.delete .property-name {  }
.dg .message.delete.true .property-name { background-color: #ffcccc; }
.dg .message {  }
.dg.a div.close-button {
	background: -moz-linear-gradient(center top, #c8c8c8 34%, #b4b4b4 71%);
	background: -ms-linear-gradient(top, #c8c8c8 34%, #b4b4b4 71%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(34%, #c8c8c8), color-stop(71%, #b4b4b4));
	box-shadow: inset 1px 0 9px 0 #dfdfdf;
	text-shadow: 1px 0 1px white;
	display: none; /* removed close button */
}

	/* change border-left colors to the same color within each folder (applies to: .cr.boolean, .cr.string, .cr.function, .cr.number) */
	li.folder .dg .cr { border-left-color: #007ac2!important; border-left: none!important; padding-left: 12px; }

/* Modifications to specific UI menu controlls */
.dg.a #guiEstimate, .dg.a #guiPrint, .dg.a #guiShare, .dg.a #guiSave, .dg.a #guiResetCamera, .dg.a #guiInOut, .dg.a #guiStartOver, .dg.a #guiTopView, .dg.a #guiHideWalls { color: var(--navTopButtonTextColor); display: inline-block; padding: 8px 0!important; border: none; margin: 0; box-sizing: border-box; height: auto; line-height: 15px; border-right: var(--navTopButtonDividerBorder); background: var(--navTopButtonBackground)!important; }
.dg.a #guiEstimate { width: calc(100%); margin-bottom: 0; padding: 4px; padding: 10px; font-weight: bold; font-size: 20px; line-height: 24px; height: 45px; }
.dg.a #guiPrint { width: calc(33.3%); }
.dg.a #guiShare { width: calc(33.3%); }
.dg.a #guiSave { width: 33.3%; }
/*.dg.a #guiResetCamera, .dg.a #guiInOut, .dg.a #guiTopView { width: 25%; }
.dg.a #guiStartOver, .dg.a #guiHideWalls { width: 25%; }*/
.dg.a #guiResetCamera { width: calc(33.3%); }
.dg.a #guiInOut { width: calc(33.3%); }
.dg.a #guiHideWalls { width: 33.3%; }
.dg.a #guiEstimate div span, .dg.a #guiPrint div span, .dg.a #guiShare div span, .dg.a #guiSave div span, .dg.a #guiResetCamera div span, .dg.a #guiInOut div span, .dg.a #guiStartOver div span, .dg.a #guiTopView div span, .dg.a #guiHideWalls div span { width: 100%; text-align: center; }
.dg.a #guiEstimate:hover, .dg.a #guiPrint:hover, .dg.a #guiShare:hover, .dg.a #guiSave:hover, .dg.a #guiResetCamera:hover, .dg.a #guiInOut:hover, .dg.a #guiStartOver:hover, .dg.a #guiTopView:hover, .dg.a #guiHideWalls:hover { color: var(--navTopButtonTextHoverColor); background: var(--navTopButtonHoverBackground)!important; }
.dg.a #guiHideWalls.disabled { background-color: #6199bb; color: #9dc0d6; background: linear-gradient(#77a8c5, #567a90); pointer-events: none; }



div#navigation { position: absolute; top: 42px; left: 15px; width: 300px; max-width: calc(100% - 340px); background-color: rgba(150, 150, 150, .5); }
div#navigation .content { padding: 15px; font-size: 16px; }
div#navigation h3 { font-size: 20px; line-height: 30px; margin: 10px 0 4px 0; }
div#navigation .content button { background-color: #007ac2; color: white; display: inline-block; border: none; border-radius: 5px; padding: 0 5px; margin: 12px 4px 0 4px; line-height: 20px; height: 22px; }
div#navigation .content button { background-color: #5bbeec; }
div#navigation #navReset { position: absolute; left: 50%; transform: translate(-50%, 0); }
div#navigation #navStartOver, div#navigation #navTopView { float: right; }

/* Modifications to UI menu */
.dg .cr .property-name { width: 45%; } /* adjust width of GUI label vs slider/input */
.dg .cr .c { width: 55%; } /* adjust width of GUI label vs slider/input */
.dg .cr .c .slider { width: 60%; } /* adjust width of GUI label vs slider/input */

.dg { font-size: 13px!important; }
.dg.ac .dg.main { position: fixed; top: 0; right: 0; bottom: 0;  }
.dg.a.has-save ul { margin-top:0!important; } /* fix for default style of adding margin above each dat.gui folder, not just the first one */
.dg.a.has-save > ul { margin-top:27px!important; } /* fix - same as above */
.dg .c input[type=text] { margin-top: 2px!important; padding: 0px!important; padding-left: 4px!important; }
.dg .c select { font: 400 14px Verdana, Arial, sans-serif; font-weight: bold; }
.dg .slider { margin-left: 0!important; }

.dg .c input[type="checkbox"] { margin-top: 0px!important; }
.dg .cr.function .property-name { width: auto; }
.dg .message .property-name { width: 100%; font-size: 12px; text-align: center; background-color: #ced1d7; }
.dg .message.delete .property-name {  }
.dg .message.delete.true .property-name { background-color: #ffcccc; }
.dg .message {  }
.dg.a div.close-button {
	background: -moz-linear-gradient(center top, #c8c8c8 34%, #b4b4b4 71%);
	background: -ms-linear-gradient(top, #c8c8c8 34%, #b4b4b4 71%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(34%, #c8c8c8), color-stop(71%, #b4b4b4));
	box-shadow: inset 1px 0 9px 0 #dfdfdf;
	text-shadow: 1px 0 1px white;
	display: none; /* removed close button */
}


.dg .cr.weatherVaneRooster .c::after { content: " Rooster"; }
.dg .cr.weatherVaneHorse .c::after { content: " Horse"; }

/* Modifications to nav scroll bar */
.dg.main::-webkit-scrollbar { width: 14px; } /* Background */
.dg.main::-webkit-scrollbar-track { background: #f1f1f1; } /* Track */
.dg.main::-webkit-scrollbar-thumb { background: #888; border-radius: 0; } /* Handle */
.dg.main::-webkit-scrollbar-thumb:hover { background: #aaa; } /* Handle on hover */

/* Pulse the Quote Button */
@keyframes pulse {
	 0% { transform: scale(0); opacity: 0; }
	 33% { transform: scale(1); opacity: 1; }
	 100% { transform: scale(3); opacity: 0; }
}
 .dg.a #guiEstimate {
 	color: var(--navTopButtonTextColor);!important;
	align-items: center;
	box-shadow: none;
	text-decoration: none;
	transition: background 0.3s, transform 0.3s, box-shadow 0.3s;
	will-change: transform;
	font-weight: bold;
	background: var(--navTopButtonBackground)!important;
}
 .dg.a #guiEstimate:hover {
	color: var(--navTopButtonTextHoverColor);!important;
	box-shadow: none;
	background: var(--navTopButtonHoverBackground)!important;
}
 .dg.a #guiEstimate:active {
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
 .dg.a #guiEstimate {
	position: relative;
}
 .dg.a #guiEstimate:before, .dg.a #guiEstimate:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, .25);
	border-radius: 50%;
	width: 100px;
	height: 100px;
	opacity: 0;
	margin: auto;
}
 .dg.a #guiEstimate:before {
	animation: pulse 1.5s infinite linear;
}
 .dg.a #guiEstimate:after {
	animation: pulse 2s 0.4s infinite linear;
}
 .dg.a #guiEstimate:hover:before, .dg.a #guiEstimate:hover:after {
	display: none;
}