pages scss - minor changes to brighten it up and make it more legible

arcgis-pages.scss

.arcgis-pages {
	width: 250px;
	padding: 15px;
	background-color: $Calcite_Gray_100;
	outline:1px solid #ccc;

	.form-group {
		margin-bottom: 2px;
		.form-control, .form-control[readonly], .dropdown-menu, .btn-default {
			border: 1px solid $gray-light;
			background-color: #fff;
			box-shadow: none;
		}
		.input-sm, .dropdown-menu, .btn-sm {
			border-radius: 0px !important;
		}
		// .form-control, .btn-default, label, .form-control::-webkit-input-placeholder {
		// 	color: $gray-dark;
		// }
		label, .dropdown-menu {
			font-size: 12px;
		}
		.dropdown-menu {
			margin-top: -1px;
		}
		.dropdown-menu > li > a {
			padding: 3px 10px;
		}
		label {
			font-weight: normal;
			margin-bottom: 0px;
			letter-spacing: 0.05em;
		}
	}
	.button-group {
		margin-top: 12px;
		.btn {
			border-radius: 0px !important;
			margin-right: 10px;
		}
	}
	a {
	  color: #196fa6;
	  text-decoration: none;

	  &:hover,
	  &:focus {
	    color: #005e95;
	    text-decoration: underline;
	  }

	  &:focus {
	    @include tab-focus;
	  }
	}
}


.drawer {
	.drawer-controls, .drawer-heading {
		.btn {
			border-radius: 0px !important;
		}
	}
	.panel {
		border-radius: 0px !important;
		box-shadow: none;
		.panel-heading {
			border-radius: 0px !important;
		}
		.panel-body {
			.form-group {
				margin-bottom: 5px;
				.form-control, .form-control[readonly], .dropdown-menu, .btn-default {
					border: 1px solid $gray-light;
					background-color: #fff;
					box-shadow: none;
				}
				input, .input, .input-sm, .dropdown-menu, .btn, .btn-sm, .btn-block {
					border-radius: 0px !important;
				}
				// .form-control, .btn-default, label, .form-control::-webkit-input-placeholder {
				// 	color: $gray-dark;
				// }
				label, .dropdown-menu {
					font-size: 12px;
				}
				.dropdown-menu {
					margin-top: -1px;
				}
				.dropdown-menu > li > a {
					padding: 3px 10px;
				}
				label {
					font-weight: normal;
					margin-bottom: 2px;
					letter-spacing: 0.05em;
				}
			}
		}
	}

	.btn-published {
	  @include button-variant(#196fa6, #fff, #196fa6);
	}
	.btn-save {
	  @include button-variant(#fff, #196fa6, #196fa6);
	}
	.btn-publish {
	  @include button-variant(#4c4c4c, #efe397, #d9bf2b);
	}

	a {
	  color: #196fa6;
	  text-decoration: none;

	  &:hover,
	  &:focus {
	    color: #005e95;
	    text-decoration: underline;
	  }

	  &:focus {
	    @include tab-focus;
	  }
	}



}