﻿.multiselect-wrapper {

	height: calc(3.5rem + 2px);
	padding: 1rem 0.75rem;

	display: inline-block;
	white-space: nowrap;
	font-size: 12px;
	font-family: 'Roboto';
	display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    

}



.multiselect-wrapper .multiselect-input {

	width: 100%;

	padding-right: 50px;

}



.multiselect-wrapper label {

	display: block;

	font-size: 15px;

}



.multiselect-wrapper .multiselect-list {

	z-index: 1;

	position: absolute;

	display: none;

	background-color: white;

	border: 1px solid #ededed;

	border-bottom-left-radius: 2px;

	border-bottom-right-radius: 2px;

	margin-top: -2px;

}



	.multiselect-wrapper .multiselect-list.active {

		display: block;

	}



	.multiselect-wrapper .multiselect-list > span {

		font-weight: bold;

	}



	.multiselect-wrapper .multiselect-list .multiselect-checkbox {

		margin-right: 2px;

	}



	.multiselect-wrapper .multiselect-list > span,

	.multiselect-wrapper .multiselect-list li {

		cursor: default;

	}



.multiselect-wrapper .multiselect-list {

	padding: 5px;

	min-width: 200px;

}



.multiselect-wrapper ul {

	list-style: none;

	display: block;

	position: relative;

	padding: 0px;

	margin: 0px;

	max-height: 200px;

	overflow-y: auto;

	overflow-x: hidden;

}



	.multiselect-wrapper ul li {

		padding-right: 20px;

		display: block;

	}



		.multiselect-wrapper ul li.active {

			background-color: rgb(0, 102, 255);

			color: white;

		}



		.multiselect-wrapper ul li:hover {

			background-color: rgb(0, 102, 255);

			color: white;

		}



.multiselect-input-div {

	height: 34px;

}



	.multiselect-input-div input{

		border: 0px solid #ababab;

		background : #fff;

		margin: 05px 0 6px 0;

		padding: 5px;
		outline: 0px;
		outline: none;

		vertical-align:middle;

	}



.multiselect-count {

	position: relative;

	text-align: center;

	border-radius: 2px;

	background-color: lightblue;

	display: inline-block !important;

	padding: 2px 7px;

	left: -45px;

}



.multiselect-wrapper.disabled .multiselect-dropdown-arrow {

	border-top: 5px solid lightgray;

}



.multiselect-wrapper.disabled .multiselect-count {

	background-color: lightgray;

}



.multiselect-dropdown-arrow {

	width: 0;

	height: 0;

	border-left: 5px solid transparent;

	border-right: 5px solid transparent;

	border-top: 5px solid black;

	position: absolute;

	line-height: 20px;

	text-align: center;

	display: inline-block !important;

	margin-top: 17px;

	margin-left: -42px;

}



