.ms-options-wrap,
.ms-options-wrap * {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
}

	.ms-options-wrap > button:focus,
	.ms-options-wrap > button {
		position: relative;
		width: 100%;
		text-align: left;
		border: 1px solid #ccc;
		background-color: #fff;
		padding: 3px 20px 3px 3px;
		font-size: 18px !important;
		color: #aaa;
		height: 32px !important;
		outline-offset: -2px;
		white-space: nowrap;
		display: inline-block;
		top: -2px;
	}

		.ms-options-wrap > button:focus {
			border: 1px solid #35a5e5;
			box-shadow: 0 0 5px rgba(81, 203, 238, 1);
		}

		.ms-options-wrap > button > span {
			display: inline-block;
			padding: 1px;
			color: #333;
		}

		.ms-options-wrap > button[disabled] {
			background-color: #e5e9ed;
			color: #808080;
			opacity: 0.6;
		}

		.ms-options-wrap > button:after {
			content: ' ';
			height: 0;
			position: absolute;
			top: 50%;
			right: 5px;
			width: 0;
			border: 6px solid rgba(0, 0, 0, 0);
			border-top-color: #999;
			margin-top: -3px;
		}

	.ms-options-wrap.ms-has-selections > button {
		color: #333;
	}

	.ms-options-wrap > .ms-options {
		position: absolute;
		left: 0;
		width: 100%;
		margin-top: 1px;
		margin-bottom: 20px;
		background: white;
		z-index: 2000;
		border: 1px solid #aaa;
		overflow-x: auto;
		overflow-y: scroll;
		visibility: hidden;
		top: 30px;
	}

	.ms-options-wrap.ms-active > .ms-options {
		visibility: visible
	}

	.ms-options-wrap > .ms-options > .ms-search input {
		width: 100%;
		padding: 4px 5px;
		border: none;
		border-bottom: 1px groove;
		outline: none;
	}

	.ms-options-wrap > .ms-options .ms-selectall {
		display: inline-block;
		font-size: .9em;
		text-transform: lowercase;
		text-decoration: none;
	}

		.ms-options-wrap > .ms-options .ms-selectall:hover {
			text-decoration: underline;
		}

	.ms-options-wrap > .ms-options > .ms-selectall.global {
		margin: 4px 5px;
	}

	.ms-options-wrap > .ms-options > ul,
	.ms-options-wrap > .ms-options > ul > li.optgroup ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
		font-size: 18px !important;
		width: 100%;
	}

		.ms-options-wrap > .ms-options > ul li {
			width: 100%;
		}

		.ms-options-wrap > .ms-options > ul li.ms-hidden {
			display: none;
		}

		.ms-options-wrap > .ms-options > ul > li.optgroup {
			padding: 5px;
		}

			.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
				border-top: 1px solid #aaa;
			}

			.ms-options-wrap > .ms-options > ul > li.optgroup .label {
				display: block;
				padding: 5px 0 0 0;
				font-weight: bold;
			}

		.ms-options-wrap > .ms-options > ul label {
			position: relative;
			display: inline-block;
			width: 100%;
			padding: 4px 4px 4px 20px;
			margin: 1px 0;
			border: 1px dotted transparent;
		}

	.ms-options-wrap > .ms-options.checkbox-autofit > ul label,
	.ms-options-wrap > .ms-options.hide-checkbox > ul label {
		padding: 4px;
	}

	.ms-options-wrap > .ms-options > ul label.focused,
	.ms-options-wrap > .ms-options > ul label:hover {
		background-color: #4285f4;
		border-color: #999;
		color: #fff;
	}

	.ms-options-wrap > .ms-options > ul li.selected {
		border-color: transparent !important;
		border: 0px;
	}

		.ms-options-wrap > .ms-options > ul li.selected label {
			background-color: #999;
			color: #fff;
			border-color: transparent;
			border: 0px;
		}

	.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
		margin: 0 5px 0 0;
		position: absolute;
		left: 4px;
		top: 7px;
	}

	.ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] {
		position: absolute !important;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px 1px 1px 1px);
		clip: rect(1px, 1px, 1px, 1px);
	}

.ms-topButton {
	margin: 1px;
	font-family: "ProximaNova", Arial, Helvetica, sans-serif, Arial, sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	-ms-border-radius: 2px;
	border-radius: 2px;
	border-width: 1px !important;
	border-style: solid;
	padding: 6px 13px;
	vertical-align: middle;
	font-size: 13px;
	color: #969696;
	background-color: #FFFFFF;
	border-color: #969696;
}

.ms-selectAllButton {
	float: left;
	margin-left: 5px;
	color: #969696;
	background-color: #FFFFFF;
	border-color: #969696 !important;
}

	.ms-selectAllButton:hover {
		color: #FFFFFF;
		background-color: #969696;
	}

.ms-closeButton {
	float: right;
	margin-right: 5px;
	color: #D9534F;
	background-color: #FFFFFF;
	border-color: #D9534F !important;
}

	.ms-closeButton:hover {
		color: #FFFFFF;
		background-color: #D9534F;
	}