@font-face {
	font-family: 'Roboto Medium';
	src: url("../../../../dd.img/fonts/roboto/Roboto-Medium.ttf");
}

@font-face {
	font-family: 'Roboto Bold';
	src: url("../../../../dd.img/fonts/roboto/Roboto-Bold.ttf");
}

span.multiselect-native-select {
	position: relative
}

span.multiselect-native-select select {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	height: 1px !important;
	margin: -1px -1px -1px -3px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	left: 50%;
	top: 30px
}

.multiselect-container {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0
}

.multiselect-container .input-group {
	margin: 5px
}

.multiselect-container > li {
	padding: 0
}

.multiselect-container > li > a.multiselect-all label {
	/*font-weight: 700;*/
	font-family: 'Roboto Bold';
	text-transform: uppercase;
}

.multiselect-container > li.multiselect-group label {
	margin: 0;
	padding: 3px 20px 3px 20px;
	height: 100%;
	font-weight: 700
}

.multiselect-container > li.multiselect-group-clickable label {
	cursor: pointer
}

.multiselect-container > li > a {
	padding: 0
}

.multiselect-container > li > a > label {
	margin: 0;
	height: 100%;
	cursor: pointer;
	font-weight: 400;
	padding: 3px 20px 3px 40px
}

.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
	margin: 0
}

.multiselect-container > li > a > label > input[type=checkbox] {
	margin-bottom: 5px
}

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
	padding: 3px 20px 3px 40px
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
	margin-left: -20px;
	margin-right: 0
}