.mat-toolbar {
  background: #ffffff;
}

.c-btn {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  min-height: 0 !important;
  height: 30px !important;
  font-size: 12px !important;
}

.selected-list .c-list .c-token {
  /* background: #0079fe; */
  color: #333;
  font-size: 12px;
}
.selected-list .c-list .c-token .c-label {
  color: #333;
  margin-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80px;
}

.selected-list .c-btn {
  padding: 5px 5px !important;
}

.selected-list .c-list .c-token .c-remove {
  left: 0px !important;
}

.selected-list .c-list .c-token .c-remove svg {
  fill: #333 !important;
}

.clear-all,
.selected-list .countplaceholder {
  display: none !important;
}
.selected-list .c-list .c-token .c-remove svg {
  fill: transparent !important;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px'%0Awidth='20' height='20'%0AviewBox='0 0 50 50'%0Astyle=' fill:%23000000;'%3E%3Cpath fill='%238bb7f0' d='M4.769,37.5c-1.251,0-2.269-1.018-2.269-2.269V4.769C2.5,3.518,3.518,2.5,4.769,2.5h30.462 c1.251,0,2.269,1.018,2.269,2.269v30.462c0,1.251-1.018,2.269-2.269,2.269H4.769z'%3E%3C/path%3E%3Cpath fill='%234e7ab5' d='M35.231,3C36.206,3,37,3.794,37,4.769v30.462C37,36.206,36.206,37,35.231,37H4.769 C3.794,37,3,36.206,3,35.231V4.769C3,3.794,3.794,3,4.769,3H35.231 M35.231,2H4.769C3.24,2,2,3.24,2,4.769v30.462 C2,36.76,3.24,38,4.769,38h30.462C36.76,38,38,36.76,38,35.231V4.769C38,3.24,36.76,2,35.231,2L35.231,2z'%3E%3C/path%3E%3Cpath fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3' d='M11 20.053L16.964 26.018 30.385 12.598'%3E%3C/path%3E%3C/svg%3E");
  background-position-x: 20%;
  background-position-y: 1px;
}

.selected-list .c-list .c-token .c-remove {
  width: 20px !important;
  height: 22px !important;
  position: absolute !important;
  right: 0px !important;
  top: 55% !important;
  transform: translateY(-50%) !important;
}

.selected-list .c-angle-down svg,
.selected-list .c-angle-up svg {
  fill: transparent !important;
  background-repeat: no-repeat;
  background-position-x: 18%;
  background-position-y: -2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='20' height='20' viewBox='0 0 700 400' xml:space='preserve'%3E%3Cdesc%3ECreated with Fabric.js 4.6.0%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg transform='matrix(1 0 0 0.88 248.99 127.84)' id='hvwuIzN4rx0xHbtYwPvPB' %3E%3Cpath style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(179,181,179); fill-rule: nonzero; opacity: 1;' vector-effect='non-scaling-stroke' transform=' translate(0, 0)' d='M 61.25 0 L 122.5 114.06957 L 0 114.06957 L -122.5 114.06957 L -61.25 0 L 0 -114.06957 z' stroke-linecap='round' /%3E%3C/g%3E%3Cg transform='matrix(1 0 0 -0.87 250 373.44)' id='EfwyCUWEj2tpaosiOK_Zp' %3E%3Cpath style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(179,181,179); fill-rule: nonzero; opacity: 1;' vector-effect='non-scaling-stroke' transform=' translate(0, 0)' d='M 61.25 0 L 122.5 114.06957 L 0 114.06957 L -122.5 114.06957 L -61.25 0 L 0 -114.06957 z' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E");
}

.selected-list .c-angle-down,
.selected-list .c-angle-up {
  width: 12px !important;
  height: 22px !important;
  position: absolute !important;
  right: 5px !important;
  top: 54% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  display: none;
}

.selected-list .c-angle-down svg,
.selected-list .c-angle-up svg {
  fill: #333;
}

.dropdown-list ul li:hover {
  background: #f5f5f5;
}

.arrow-up,
.arrow-down {
  border-bottom: 15px solid #fff;
}

.arrow-2 {
  border-bottom: 15px solid #ccc;
}

.list-area {
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 0px 1px 5px #959595;
}

.select-all {
  border-bottom: 1px solid #ccc;
}

.list-filter {
  border-bottom: 1px solid #ccc;
}
.list-filter .c-search svg {
  fill: #888;
}
.list-filter .c-clear svg {
  fill: #888;
}

.pure-checkbox input[type="checkbox"]:focus + label:before,
.pure-checkbox input[type="checkbox"]:hover + label:before {
  border-color: #0079fe;
  background-color: #f2f2f2;
}

.pure-checkbox input[type="checkbox"] + label {
  color: #333;
  padding-left: 1.7em !important;
  font-size: 12px;
}

.dropdown-list ul li {
  padding: 5px !important;
}

.pure-checkbox input[type="checkbox"] + label:before {
  color: #0079fe;
  border: 1px solid #0079fe;
}

.pure-checkbox input[type="checkbox"] + label:after {
  background-color: #0079fe;
}

.pure-checkbox input[type="checkbox"]:disabled + label:before {
  border-color: #cccccc;
}

.pure-checkbox input[type="checkbox"]:disabled:checked + label:before {
  background-color: #cccccc;
}

.pure-checkbox input[type="checkbox"] + label:after {
  border-color: #ffffff;
}

.pure-checkbox input[type="radio"]:checked + label:before {
  background-color: white;
}

.pure-checkbox input[type="checkbox"]:checked + label:before {
  background: #0079fe;
}

.single-select-mode .pure-checkbox input[type="checkbox"]:focus + label:before,
.single-select-mode .pure-checkbox input[type="checkbox"]:hover + label:before {
  border-color: #0079fe;
  background-color: #f2f2f2;
}

.single-select-mode .pure-checkbox input[type="checkbox"] + label {
  color: #000;
}

.single-select-mode .pure-checkbox input[type="checkbox"] + label:before {
  color: transparent !important;
  border: 0px solid #0079fe;
}

.single-select-mode .pure-checkbox input[type="checkbox"] + label:after {
  background-color: transparent !important;
}

.single-select-mode
  .pure-checkbox
  input[type="checkbox"]:disabled
  + label:before {
  border-color: #cccccc;
}

.single-select-mode
  .pure-checkbox
  input[type="checkbox"]:disabled:checked
  + label:before {
  background-color: #cccccc;
}

.single-select-mode .pure-checkbox input[type="checkbox"] + label:after {
  border-color: #0079fe;
}

.single-select-mode .pure-checkbox input[type="radio"]:checked + label:before {
  background-color: white;
}

.single-select-mode
  .pure-checkbox
  input[type="checkbox"]:checked
  + label:before {
  background: none !important;
}

.selected-item {
  background: #e9f4ff;
}

.btn-iceblue {
  background: #0079fe;
  border: 1px solid #ccc;
  color: #fff;
}