/*!
|
* vue-treeselect v0.4.0 | (c) 2017-2019 Riophae Lee
|
* Released under the MIT License.
|
* https://vue-treeselect.js.org/
|
*/
|
/**
|
* Dependencies
|
*/
|
/**
|
* Variables
|
*/
|
/**
|
* Mixins
|
*/
|
/**
|
* Helpers
|
*/
|
.vue-treeselect-helper-hide {
|
display: none;
|
}
|
.vue-treeselect-helper-zoom-effect-off {
|
-ms-transform: none !important;
|
transform: none !important;
|
}
|
/**
|
* Animations
|
*/
|
@keyframes vue-treeselect-animation-fade-in {
|
0% {
|
opacity: 0;
|
}
|
}
|
@keyframes vue-treeselect-animation-bounce {
|
0%,
|
100% {
|
transform: scale(0);
|
}
|
50% {
|
transform: scale(1);
|
}
|
}
|
@keyframes vue-treeselect-animation-rotate {
|
100% {
|
transform: rotate(360deg);
|
}
|
}
|
/**
|
* Transitions
|
*/
|
.vue-treeselect__multi-value-item--transition-enter-active,
|
.vue-treeselect__multi-value-item--transition-leave-active {
|
transition-duration: 200ms;
|
transition-property: transform, opacity;
|
}
|
.vue-treeselect__multi-value-item--transition-enter-active {
|
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
|
}
|
.vue-treeselect__multi-value-item--transition-leave-active {
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
position: absolute;
|
}
|
.vue-treeselect__multi-value-item--transition-enter,
|
.vue-treeselect__multi-value-item--transition-leave-to {
|
-ms-transform: scale(0.7);
|
transform: scale(0.7);
|
opacity: 0;
|
}
|
.vue-treeselect__multi-value-item--transition-move {
|
transition: 200ms transform cubic-bezier(0.165, 0.84, 0.44, 1);
|
}
|
/**
|
* Namespace
|
*/
|
.vue-treeselect {
|
position: relative;
|
text-align: left;
|
}
|
[dir="rtl"] .vue-treeselect {
|
text-align: right;
|
}
|
.vue-treeselect div,
|
.vue-treeselect span {
|
box-sizing: border-box;
|
}
|
.vue-treeselect svg {
|
fill: currentColor;
|
}
|
/**
|
* Control
|
*/
|
.vue-treeselect__control {
|
padding-left: 5px;
|
padding-right: 5px;
|
display: table;
|
table-layout: fixed;
|
width: 100%;
|
height: 36px;
|
border: 1px solid #ddd;
|
border-radius: 5px;
|
background: #fff;
|
transition-duration: 200ms;
|
transition-property: border-color, box-shadow, width, height, background-color, opacity;
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
}
|
.vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused) .vue-treeselect__control:hover {
|
border-color: #cfcfcf;
|
}
|
.vue-treeselect--focused:not(.vue-treeselect--open) .vue-treeselect__control {
|
border-color: #039be5;
|
box-shadow: 0 0 0 3px rgba(3, 155, 229, 0.1);
|
}
|
.vue-treeselect--disabled .vue-treeselect__control {
|
background-color: #f9f9f9;
|
}
|
.vue-treeselect--open .vue-treeselect__control {
|
border-color: #cfcfcf;
|
}
|
.vue-treeselect--open.vue-treeselect--open-below .vue-treeselect__control {
|
border-bottom-left-radius: 0;
|
border-bottom-right-radius: 0;
|
}
|
.vue-treeselect--open.vue-treeselect--open-above .vue-treeselect__control {
|
border-top-left-radius: 0;
|
border-top-right-radius: 0;
|
}
|
.vue-treeselect__value-container,
|
.vue-treeselect__multi-value {
|
width: 100%;
|
vertical-align: middle;
|
}
|
.vue-treeselect__value-container {
|
display: table-cell;
|
position: relative;
|
}
|
.vue-treeselect--searchable:not(.vue-treeselect--disabled) .vue-treeselect__value-container {
|
cursor: text;
|
}
|
.vue-treeselect__multi-value {
|
display: inline-block;
|
}
|
.vue-treeselect--has-value .vue-treeselect__multi-value {
|
margin-bottom: 5px;
|
}
|
.vue-treeselect__placeholder,
|
.vue-treeselect__single-value {
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
padding-left: 5px;
|
padding-right: 5px;
|
position: absolute;
|
top: 0;
|
right: 0;
|
bottom: 0;
|
left: 0;
|
line-height: 34px;
|
-webkit-user-select: none;
|
-moz-user-select: none;
|
-ms-user-select: none;
|
user-select: none;
|
pointer-events: none;
|
}
|
.vue-treeselect__placeholder {
|
color: #bdbdbd;
|
}
|
.vue-treeselect__single-value {
|
color: #333;
|
}
|
.vue-treeselect--focused.vue-treeselect--searchable .vue-treeselect__single-value {
|
color: #bdbdbd;
|
}
|
.vue-treeselect--disabled .vue-treeselect__single-value {
|
position: static;
|
}
|
.vue-treeselect__multi-value-item-container {
|
display: inline-block;
|
padding-top: 5px;
|
padding-right: 5px;
|
vertical-align: top;
|
}
|
[dir="rtl"] .vue-treeselect__multi-value-item-container {
|
padding-right: 0;
|
padding-left: 5px;
|
}
|
.vue-treeselect__multi-value-item {
|
cursor: pointer;
|
display: inline-table;
|
background: #e3f2fd;
|
padding: 2px 0;
|
border: 1px solid transparent;
|
border-radius: 2px;
|
color: #039be5;
|
font-size: 12px;
|
vertical-align: top;
|
}
|
.vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-disabled):hover .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new):hover {
|
cursor: pointer;
|
background: #e3f2fd;
|
color: #039be5;
|
}
|
.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-disabled {
|
cursor: default;
|
background: #f5f5f5;
|
color: #757575;
|
}
|
.vue-treeselect--disabled .vue-treeselect__multi-value-item {
|
cursor: default;
|
background: #fff;
|
border-color: #e5e5e5;
|
color: #555;
|
}
|
.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new {
|
background: #e8f5e9;
|
}
|
.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new:hover {
|
background: #e8f5e9;
|
}
|
.vue-treeselect__value-remove,
|
.vue-treeselect__multi-value-label {
|
display: table-cell;
|
padding: 0 5px;
|
vertical-align: middle;
|
}
|
.vue-treeselect__value-remove {
|
color: #039be5;
|
padding-left: 5px;
|
border-left: 1px solid #fff;
|
line-height: 0;
|
}
|
[dir="rtl"] .vue-treeselect__value-remove {
|
border-left: 0 none;
|
border-right: 1px solid #fff;
|
}
|
.vue-treeselect__multi-value-item:hover .vue-treeselect__value-remove {
|
color: #e53935;
|
}
|
.vue-treeselect--disabled .vue-treeselect__value-remove,
|
.vue-treeselect__multi-value-item-disabled .vue-treeselect__value-remove {
|
display: none;
|
}
|
.vue-treeselect__value-remove > svg {
|
width: 6px;
|
height: 6px;
|
}
|
.vue-treeselect__multi-value-label {
|
padding-right: 5px;
|
white-space: pre-line;
|
-webkit-user-select: none;
|
-moz-user-select: none;
|
-ms-user-select: none;
|
user-select: none;
|
}
|
.vue-treeselect__limit-tip {
|
display: inline-block;
|
padding-top: 5px;
|
padding-right: 5px;
|
vertical-align: top;
|
}
|
[dir="rtl"] .vue-treeselect__limit-tip {
|
padding-right: 0;
|
padding-left: 5px;
|
}
|
.vue-treeselect__limit-tip-text {
|
cursor: default;
|
display: block;
|
margin: 2px 0;
|
padding: 1px 0;
|
color: #bdbdbd;
|
font-size: 12px;
|
font-weight: 600;
|
}
|
.vue-treeselect__input-container {
|
display: block;
|
max-width: 100%;
|
outline: none;
|
}
|
.vue-treeselect--single .vue-treeselect__input-container {
|
font-size: inherit;
|
height: 100%;
|
}
|
.vue-treeselect--multi .vue-treeselect__input-container {
|
display: inline-block;
|
font-size: 12px;
|
vertical-align: top;
|
}
|
.vue-treeselect--searchable .vue-treeselect__input-container {
|
padding-left: 5px;
|
padding-right: 5px;
|
}
|
.vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container {
|
padding-top: 5px;
|
padding-left: 0;
|
}
|
[dir="rtl"] .vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container {
|
padding-left: 5px;
|
padding-right: 0;
|
}
|
.vue-treeselect--disabled .vue-treeselect__input-container {
|
display: none;
|
}
|
.vue-treeselect__input,
|
.vue-treeselect__sizer {
|
margin: 0;
|
line-height: inherit;
|
font-family: inherit;
|
font-size: inherit;
|
}
|
.vue-treeselect__input {
|
max-width: 100%;
|
margin: 0;
|
padding: 0;
|
border: 0;
|
outline: none;
|
box-sizing: content-box;
|
box-shadow: none;
|
background: none transparent;
|
line-height: 1;
|
vertical-align: middle;
|
}
|
.vue-treeselect__input::-ms-clear {
|
display: none;
|
}
|
.vue-treeselect--single .vue-treeselect__input {
|
width: 100%;
|
height: 100%;
|
}
|
.vue-treeselect--multi .vue-treeselect__input {
|
padding-top: 3px;
|
padding-bottom: 3px;
|
}
|
.vue-treeselect--has-value .vue-treeselect__input {
|
line-height: inherit;
|
vertical-align: top;
|
}
|
.vue-treeselect__sizer {
|
position: absolute;
|
top: 0;
|
left: 0;
|
visibility: hidden;
|
height: 0;
|
overflow: scroll;
|
white-space: pre;
|
}
|
.vue-treeselect__x-container {
|
display: table-cell;
|
vertical-align: middle;
|
width: 20px;
|
text-align: center;
|
line-height: 0;
|
cursor: pointer;
|
color: #ccc;
|
animation: 200ms vue-treeselect-animation-fade-in cubic-bezier(0.075, 0.82, 0.165, 1);
|
}
|
.vue-treeselect__x-container:hover {
|
color: #e53935;
|
}
|
.vue-treeselect__x {
|
width: 8px;
|
height: 8px;
|
}
|
.vue-treeselect__control-arrow-container {
|
display: table-cell;
|
vertical-align: middle;
|
width: 20px;
|
text-align: center;
|
line-height: 0;
|
cursor: pointer;
|
}
|
.vue-treeselect--disabled .vue-treeselect__control-arrow-container {
|
cursor: default;
|
}
|
.vue-treeselect__control-arrow {
|
width: 9px;
|
height: 9px;
|
color: #ccc;
|
}
|
.vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__control-arrow-container:hover .vue-treeselect__control-arrow {
|
color: #616161;
|
}
|
.vue-treeselect--disabled .vue-treeselect__control-arrow {
|
opacity: 0.35;
|
}
|
.vue-treeselect__control-arrow--rotated {
|
-ms-transform: rotate(180deg);
|
transform: rotateZ(180deg);
|
}
|
/**
|
* Menu
|
*/
|
.vue-treeselect__menu-container {
|
position: absolute;
|
left: 0;
|
width: 100%;
|
overflow: visible;
|
transition: 0s;
|
}
|
.vue-treeselect--open-below:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container {
|
top: 100%;
|
}
|
.vue-treeselect--open-above:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container {
|
bottom: 100%;
|
}
|
.vue-treeselect__menu {
|
cursor: default;
|
padding-top: 5px;
|
padding-bottom: 5px;
|
display: block;
|
position: absolute;
|
overflow-x: hidden;
|
overflow-y: auto;
|
width: auto;
|
border: 1px solid #cfcfcf;
|
background: #fff;
|
line-height: 180%;
|
-webkit-overflow-scrolling: touch;
|
}
|
.vue-treeselect--open-below .vue-treeselect__menu {
|
border-bottom-left-radius: 5px;
|
border-bottom-right-radius: 5px;
|
top: 0;
|
margin-top: -1px;
|
border-top-color: #f2f2f2;
|
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
|
}
|
.vue-treeselect--open-above .vue-treeselect__menu {
|
border-top-left-radius: 5px;
|
border-top-right-radius: 5px;
|
bottom: 0;
|
margin-bottom: -1px;
|
border-bottom-color: #f2f2f2;
|
}
|
.vue-treeselect__indent-level-0 .vue-treeselect__option {
|
padding-left: 5px;
|
}
|
[dir="rtl"] .vue-treeselect__indent-level-0 .vue-treeselect__option {
|
padding-left: 5px;
|
padding-right: 5px;
|
}
|
.vue-treeselect__indent-level-0 .vue-treeselect__tip {
|
padding-left: 25px;
|
}
|
[dir="rtl"] .vue-treeselect__indent-level-0 .vue-treeselect__tip {
|
padding-left: 5px;
|
padding-right: 25px;
|
}
|
.vue-treeselect__indent-level-1 .vue-treeselect__option {
|
padding-left: 25px;
|
}
|
[dir="rtl"] .vue-treeselect__indent-level-1 .vue-treeselect__option {
|
padding-left: 5px;
|
padding-right: 25px;
|
}
|
.vue-treeselect__indent-level-1 .vue-treeselect__tip {
|
padding-left: 45px;
|
}
|
[dir="rtl"] .vue-treeselect__indent-level-1 .vue-treeselect__tip {
|
padding-left: 5px;
|
padding-right: 45px;
|
}
|
.vue-treeselect__indent-level-2 .vue-treeselect__option {
|
padding-left: 45px;
|
}
|
[dir="rtl"] .vue-treeselect__indent-level-2 .vue-treeselect__option {
|
padding-left: 5px;
|
padding-right: 45px;
|
}
|
.vue-treeselect__indent-level-2 .vue-treeselect__tip {
|
padding-left: 65px;
|
}
|
[dir="rtl"] .vue-treeselect__indent-level-2 .vue-treeselect__tip {
|
padding-left: 5px;
|
padding-right: 65px;
|
}
|
.vue-treeselect__indent-level-3 .vue-treeselect__option {
|
padding-left: 65px;
|
}
|
[dir="rtl"] .vue-treeselect__indent-level-3 .vue-treeselect__option {
|
padding-left: 5px;
|
padding-right: 65px;
|
}
|
.vue-treeselect__indent-level-3 .vue-treeselect__tip {
|
padding-left: 85px;
|
}
|
[dir="rtl"] .vue-treeselect__indent-level-3 .vue-treeselect__tip {
|
padding-left: 5px;
|
padding-right: 85px;
|
}
|
.vue-treeselect__indent-level-4 .vue-treeselect__option {
|
padding-left: 85px;
|
}
|
[dir="rtl"] .vue-treeselect__indent-level-4 .vue-treeselect__option {
|
padding-left: 5px;
|
padding-right: 85px;
|
}
|
.vue-treeselect__indent-level-4 .vue-treeselect__tip {
|
padding-left: 105px;
|
}
|
[dir="rtl"] .vue-treeselect__indent-level-4 .vue-treeselect__tip {
|
padding-left: 5px;
|
padding-right: 105px;
|
}
|
.vue-treeselect__indent-level-5 .vue-treeselect__option {
|
padding-left: 105px;
|
}
|
[dir="rtl"] .vue-treeselect__indent-level-5 .vue-treeselect__option {
|
padding-left: 5px;
|
padding-right: 105px;
|
}
|
.vue-treeselect__indent-level-5 .vue-treeselect__tip {
|
padding-left: 125px;
|
}
|
[dir="rtl"] .vue-treeselect__indent-level-5 .vue-treeselect__tip {
|
padding-left: 5px;
|
padding-right: 125px;
|
}
|
.vue-treeselect__indent-level-6 .vue-treeselect__option {
|
padding-left: 125px;
|
}
|
[dir="rtl"] .vue-treeselect__indent-level-6 .vue-treeselect__option {
|
padding-left: 5px;
|
padding-right: 125px;
|
}
|
.vue-treeselect__indent-level-6 .vue-treeselect__tip {
|
padding-left: 145px;
|
}
|
[dir="rtl"] .vue-treeselect__indent-level-6 .vue-treeselect__tip {
|
padding-left: 5px;
|
padding-right: 145px;
|
}
|
.vue-treeselect__indent-level-7 .vue-treeselect__option {
|
padding-left: 145px;
|
}
|
[dir="rtl"] .vue-treeselect__indent-level-7 .vue-treeselect__option {
|
padding-left: 5px;
|
padding-right: 145px;
|
}
|
.vue-treeselect__indent-level-7 .vue-treeselect__tip {
|
padding-left: 165px;
|
}
|
[dir="rtl"] .vue-treeselect__indent-level-7 .vue-treeselect__tip {
|
padding-left: 5px;
|
padding-right: 165px;
|
}
|
.vue-treeselect__indent-level-8 .vue-treeselect__option {
|
padding-left: 165px;
|
}
|
[dir="rtl"] .vue-treeselect__indent-level-8 .vue-treeselect__option {
|
padding-left: 5px;
|
padding-right: 165px;
|
}
|
.vue-treeselect__indent-level-8 .vue-treeselect__tip {
|
padding-left: 185px;
|
}
|
[dir="rtl"] .vue-treeselect__indent-level-8 .vue-treeselect__tip {
|
padding-left: 5px;
|
padding-right: 185px;
|
}
|
.vue-treeselect__option {
|
padding-left: 5px;
|
padding-right: 5px;
|
display: table;
|
table-layout: fixed;
|
width: 100%;
|
}
|
.vue-treeselect__option--highlight {
|
background: #f5f5f5;
|
}
|
.vue-treeselect--single .vue-treeselect__option--selected {
|
background: #e3f2fd;
|
font-weight: 600;
|
}
|
.vue-treeselect--single .vue-treeselect__option--selected:hover {
|
background: #e3f2fd;
|
}
|
.vue-treeselect__option--hide {
|
display: none;
|
}
|
.vue-treeselect__option-arrow-container,
|
.vue-treeselect__option-arrow-placeholder {
|
display: table-cell;
|
vertical-align: middle;
|
width: 20px;
|
text-align: center;
|
line-height: 0;
|
}
|
.vue-treeselect__option-arrow-container {
|
cursor: pointer;
|
}
|
.vue-treeselect__option-arrow {
|
display: inline-block;
|
width: 9px;
|
height: 9px;
|
color: #ccc;
|
vertical-align: middle;
|
transition: 200ms transform cubic-bezier(0.19, 1, 0.22, 1);
|
-ms-transform: rotate(-90deg);
|
transform: rotateZ(-90deg);
|
}
|
[dir="rtl"] .vue-treeselect__option-arrow {
|
-ms-transform: rotate(90deg);
|
transform: rotateZ(90deg);
|
}
|
.vue-treeselect__option-arrow-container:hover .vue-treeselect__option-arrow,
|
.vue-treeselect--branch-nodes-disabled .vue-treeselect__option:hover .vue-treeselect__option-arrow {
|
color: #616161;
|
}
|
.vue-treeselect__option-arrow--rotated {
|
-ms-transform: rotate(0);
|
transform: rotateZ(0);
|
}
|
[dir="rtl"] .vue-treeselect__option-arrow--rotated {
|
-ms-transform: rotate(0);
|
transform: rotateZ(0);
|
}
|
.vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter {
|
-ms-transform: rotate(-90deg) !important;
|
transform: rotateZ(-90deg) !important;
|
}
|
[dir="rtl"] .vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter {
|
-ms-transform: rotate(90deg) !important;
|
transform: rotateZ(90deg) !important;
|
}
|
.vue-treeselect__label-container {
|
display: table-cell;
|
vertical-align: middle;
|
cursor: pointer;
|
display: table;
|
width: 100%;
|
table-layout: fixed;
|
color: inherit;
|
}
|
.vue-treeselect__option--disabled .vue-treeselect__label-container {
|
cursor: not-allowed;
|
color: rgba(0, 0, 0, 0.25);
|
}
|
.vue-treeselect__checkbox-container {
|
display: table-cell;
|
width: 20px;
|
min-width: 20px;
|
height: 100%;
|
text-align: center;
|
vertical-align: middle;
|
}
|
.vue-treeselect__checkbox {
|
display: block;
|
margin: auto;
|
width: 12px;
|
height: 12px;
|
border-width: 1px;
|
border-style: solid;
|
border-radius: 2px;
|
position: relative;
|
transition: 200ms all cubic-bezier(0.075, 0.82, 0.165, 1);
|
}
|
.vue-treeselect__check-mark,
|
.vue-treeselect__minus-mark {
|
display: block;
|
position: absolute;
|
left: 1px;
|
top: 1px;
|
background-repeat: no-repeat;
|
opacity: 0;
|
transition: 200ms all ease;
|
}
|
.vue-treeselect__minus-mark {
|
width: 8px;
|
height: 8px;
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAAD///////9zeKVjAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=);
|
background-size: 8px 8px;
|
}
|
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
|
.vue-treeselect__minus-mark {
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
|
}
|
}
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
.vue-treeselect__minus-mark {
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
|
}
|
}
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
|
.vue-treeselect__minus-mark {
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==);
|
}
|
}
|
.vue-treeselect__checkbox--indeterminate > .vue-treeselect__minus-mark {
|
opacity: 1;
|
}
|
.vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAADi4uLh4eHOxeSRAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=);
|
}
|
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
|
.vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
|
}
|
}
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
.vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
|
}
|
}
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
|
.vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAADh4eHg4ODNzc3h4eEYfw2wAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==);
|
}
|
}
|
.vue-treeselect__check-mark {
|
width: 8px;
|
height: 8px;
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMA8u24NxILB+Tawb6jiH1zRz0xIQIIP3GUAAAAMklEQVQI1y3FtQEAMQDDQD+EGbz/qkEVOpyEOP6PudKjZNSXn4Jm2CKRdBKzSLsFWl8fMG0Bl6Jk1rMAAAAASUVORK5CYII=);
|
background-size: 8px 8px;
|
-ms-transform: scaleY(0.125);
|
transform: scaleY(0.125);
|
}
|
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
|
.vue-treeselect__check-mark {
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC);
|
}
|
}
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
.vue-treeselect__check-mark {
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC);
|
}
|
}
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
|
.vue-treeselect__check-mark {
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMA/PiJhGNI9XlEHJB/b2ldV08+Oibk49vPp6QhAYgGBuwAAACCSURBVCjPrdHdDoIwDAXgTWAqCigo/+f9X5OwnoUwtis4V92XNWladUl+rzQPeQJAN2EHxoOnsPn7/oYk8fxBv08Rr/deOH/aZ2Nm8ZJ+s573QGfWKnNuZGzWm3+lv2V3pcU1XQ385/yjmBoM3Z+dXvlbYLLD3ujhTaOM3KaIXvNkFkuSEvYy1LqOAAAAAElFTkSuQmCC);
|
}
|
}
|
.vue-treeselect__checkbox--checked > .vue-treeselect__check-mark {
|
opacity: 1;
|
-ms-transform: scaleY(1);
|
transform: scaleY(1);
|
}
|
.vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAP1BMVEUAAADj4+Pf39/h4eHh4eHh4eHk5OTh4eHg4ODi4uLh4eHh4eHg4ODh4eHh4eHg4ODh4eHh4eHp6en////h4eFqcyvUAAAAFHRSTlMAOQfy7bgS5NrBvqOIfXNHMSELAgQ/iFsAAAA2SURBVAjXY4AANjYIzcjMAaVFuBkY+RkEWERYmRjYRXjANAOfiIgIFxNIAa8IpxBEi6AwiAQAK2MBd7xY8csAAAAASUVORK5CYII=);
|
}
|
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
|
.vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==);
|
}
|
}
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
.vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==);
|
}
|
}
|
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
|
.vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAUVBMVEUAAADh4eHh4eHh4eHh4eHi4uLi4uLh4eHh4eHh4eHf39/j4+Ph4eHh4eHh4eHg4ODi4uLh4eHh4eHi4uLh4eHh4eHh4eHh4eHh4eH////h4eF3FMFTAAAAGnRSTlMA+/eJhGhfSHE9JBzz5KaQf3pXT0Xbz0I5AYDw8F0AAAB+SURBVCjPrdHbDoMgEEVRKAii1dZe9fz/hxplTiKIT7qfYCWTEEZdUvOwbckNAD2WHeh3brHW5f5EzGQ+iN+b1Gt6KPvtv16Dn6JX9M9ya3/A1yfu5dlyduL6Hec7mXY6ddXLPP2lpABGZ8PWXfYLTJxZekVhhl7eTX24zZPNKXoRC7zQLjUAAAAASUVORK5CYII=);
|
}
|
}
|
.vue-treeselect__checkbox--unchecked {
|
border-color: #e0e0e0;
|
background: #fff;
|
}
|
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--unchecked {
|
border-color: #039be5;
|
background: #fff;
|
}
|
.vue-treeselect__checkbox--indeterminate {
|
border-color: #039be5;
|
background: #039be5;
|
}
|
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--indeterminate {
|
border-color: #039be5;
|
background: #039be5;
|
}
|
.vue-treeselect__checkbox--checked {
|
border-color: #039be5;
|
background: #039be5;
|
}
|
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--checked {
|
border-color: #039be5;
|
background: #039be5;
|
}
|
.vue-treeselect__checkbox--disabled {
|
border-color: #e0e0e0;
|
background-color: #f7f7f7;
|
}
|
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--disabled {
|
border-color: #e0e0e0;
|
background-color: #f7f7f7;
|
}
|
.vue-treeselect__label {
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
display: table-cell;
|
padding-left: 5px;
|
max-width: 100%;
|
vertical-align: middle;
|
cursor: inherit;
|
}
|
[dir="rtl"] .vue-treeselect__label {
|
padding-left: 0;
|
padding-right: 5px;
|
}
|
.vue-treeselect__count {
|
margin-left: 5px;
|
font-weight: 400;
|
opacity: 0.6;
|
}
|
[dir="rtl"] .vue-treeselect__count {
|
margin-left: 0;
|
margin-right: 5px;
|
}
|
.vue-treeselect__tip {
|
padding-left: 5px;
|
padding-right: 5px;
|
display: table;
|
table-layout: fixed;
|
width: 100%;
|
color: #757575;
|
}
|
.vue-treeselect__tip-text {
|
display: table-cell;
|
vertical-align: middle;
|
padding-left: 5px;
|
padding-right: 5px;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
width: 100%;
|
font-size: 12px;
|
}
|
.vue-treeselect__error-tip .vue-treeselect__retry {
|
cursor: pointer;
|
margin-left: 5px;
|
font-style: normal;
|
font-weight: 600;
|
text-decoration: none;
|
color: #039be5;
|
}
|
[dir="rtl"] .vue-treeselect__error-tip .vue-treeselect__retry {
|
margin-left: 0;
|
margin-right: 5px;
|
}
|
.vue-treeselect__icon-container {
|
display: table-cell;
|
vertical-align: middle;
|
width: 20px;
|
text-align: center;
|
line-height: 0;
|
}
|
.vue-treeselect--single .vue-treeselect__icon-container {
|
padding-left: 5px;
|
}
|
[dir="rtl"] .vue-treeselect--single .vue-treeselect__icon-container {
|
padding-left: 0;
|
padding-right: 5px;
|
}
|
.vue-treeselect__icon-warning {
|
display: block;
|
margin: auto;
|
border-radius: 50%;
|
position: relative;
|
width: 12px;
|
height: 12px;
|
background: #fb8c00;
|
}
|
.vue-treeselect__icon-warning::after {
|
display: block;
|
position: absolute;
|
content: "";
|
left: 5px;
|
top: 2.5px;
|
width: 2px;
|
height: 1px;
|
border: 0 solid #fff;
|
border-top-width: 5px;
|
border-bottom-width: 1px;
|
}
|
.vue-treeselect__icon-error {
|
display: block;
|
margin: auto;
|
border-radius: 50%;
|
position: relative;
|
width: 12px;
|
height: 12px;
|
background: #e53935;
|
}
|
.vue-treeselect__icon-error::before,
|
.vue-treeselect__icon-error::after {
|
display: block;
|
position: absolute;
|
content: "";
|
background: #fff;
|
-ms-transform: rotate(45deg);
|
transform: rotate(45deg);
|
}
|
.vue-treeselect__icon-error::before {
|
width: 6px;
|
height: 2px;
|
left: 3px;
|
top: 5px;
|
}
|
.vue-treeselect__icon-error::after {
|
width: 2px;
|
height: 6px;
|
left: 5px;
|
top: 3px;
|
}
|
.vue-treeselect__icon-loader {
|
display: block;
|
margin: auto;
|
position: relative;
|
width: 12px;
|
height: 12px;
|
text-align: center;
|
animation: 1.6s vue-treeselect-animation-rotate linear infinite;
|
}
|
.vue-treeselect__icon-loader::before,
|
.vue-treeselect__icon-loader::after {
|
border-radius: 50%;
|
position: absolute;
|
content: "";
|
left: 0;
|
top: 0;
|
display: block;
|
width: 100%;
|
height: 100%;
|
opacity: 0.6;
|
animation: 1.6s vue-treeselect-animation-bounce ease-in-out infinite;
|
}
|
.vue-treeselect__icon-loader::before {
|
background: #039be5;
|
}
|
.vue-treeselect__icon-loader::after {
|
background: #b3e5fc;
|
animation-delay: -0.8s;
|
}
|
/**
|
* Menu Portal
|
*/
|
.vue-treeselect__menu-placeholder {
|
display: none;
|
}
|
.vue-treeselect__portal-target {
|
position: absolute;
|
display: block;
|
left: 0;
|
top: 0;
|
height: 0;
|
width: 0;
|
padding: 0;
|
margin: 0;
|
border: 0;
|
overflow: visible;
|
box-sizing: border-box;
|
}
|
|
|
/*# sourceMappingURL=vue-treeselect.css.map*/
|
