.mchecklist {}
.mchecklist.selected .field
{
	color:white;
    background: #007FFF;
    font-weight: bold;
}
.mchecklist.selected .field:after
{
	color:white;
}

.mchecklist.open {
    z-index: 99999999;
}
.mchecklist .field {
    border: 1px solid #E1E2E5;
    border-radius: 7px;
    height: 46px;
    padding-left: 24px;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    /* background: url(/site/img/ico_select.png) 100% 50% white no-repeat; */
    color: black;
    padding-bottom: 0px;
    box-sizing: border-box;
    background-position: right 5px top 50%;
10px: 5;
}
.mchecklist .field:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: 0px;
    right: 15px;
    color: #005aab;
    font-size: 25px;
    transform: translateY(-50%);
    background: url(/site/img/arrow2.svg) 0px 0px no-repeat;
    width: 20px;
    height: 20px;
    /* transform: rotate(90deg); */
}

.mchecklist.disabled .field {
    color: rgba(0, 0, 0, 0.5);
}

.mchecklist.disabled .field:after {opacity:0.5;}

.mchecklist ._panel {
    background: white;
    padding: 10px;
    padding-top: 4px;
    border: 2px solid #e8e8e8;
    position: relative;
    display:none;
    width: 100%;
    box-sizing: border-box;
    z-index: 1;
    top: 0px;
    border-radius: 5px;
}
.mchecklist ._panel {
	display: none;
	font-size: 14px;
	max-height: 378px;
	overflow-x: auto;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
	supported by Chrome, Edge, Opera and Firefox */
	overflow-x: hidden;
	z-index: 3;
	min-width: 100%;
	position: absolute;
	top: 45px;
}

.mchecklist ._reset {
    vertical-align: middle;
    position: relative;
    display: block;
    line-height: 24px;
    height: 24px;
    margin-bottom: 12px;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    color: black;
}
.mchecklist ._reset:before {content: '';background: url(/site/img/symbols/gcross.svg) 0px 0px no-repeat;width: 16px;height: 15px;transform: rotate(
90deg);display: block;position: absolute;top: 0px;margin-top: 6px;left: 2px;background-size: contain;}


.mchecklist ._panel .close {
    /* border: 2px solid #e8e8e8; */
    display: block;
    text-align: center;
    position: absolute;
    top: 8px;
    right: 8px;
    display: none;
}
.mchecklist ._panel .close:after {content: '';background: url(/site/img/symbols/cross.svg) 0px 0px no-repeat;width: 12px;height: 12px;transform: rotate(
90deg);display: block;}





.mchecklist ._panel ._text {
    padding-bottom: 10px;
    font-weight: 700;
    color: black;
}

.mchecklist ._panel ._list {}
.mchecklist ._panel ._list .text {
    padding-bottom: 10px;
    font-weight: 700;
    font-size: 12px;
}

.filter_container .mchecklist .label:after {content:'';background: url(/site/img/arrow2.svg) 50% 50% no-repeat;width: 20px;height: 20px;display: inline-block;top: 5px;right: 0px;position: relative;transform-origin: 50% 50%;transition: 0.5s;margin-left: 10px;}
.filter_container .mchecklist.open .label:after {content:'';transform: rotate(180deg);top: 4px;}