.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: -7px;
    right: 15px;
    color: #005aab;
    font-size: 25px;
    transform: translateY(-50%);
    /* background: url(/site/img/symbols/next.svg) 0px 0px no-repeat; */
    width: 14px;
    height: 14px;
    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: absolute;
    display:none;
    /* width: 100%; */
    box-sizing: border-box;
    z-index: 1;
    top: 60px;
    border-radius: 5px;
}
.mchecklist.open ._panel {
	display:block;
	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%;
}

.mchecklist.open ._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.open ._reset:before {content: '';background: url(/site/img/symbols/cross.svg) 0px 0px no-repeat;width: 12px;height: 12px;transform: rotate(
90deg);display: block;position: absolute;top: 0px;margin-top: 6px;left: 5px;}


.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;
}