/* Choices control */
.choices { position:relative; outline:none; }
.choices input { outline-width:1px; }


/* Inner / selection */
.choices > .choices__inner { position:relative; }
.choices > .choices__inner > select.choices__input { display:none !important; }

.choices input[type="search" i]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23626262AA' viewBox='0 0 384 512'%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-size:contain;
    background-position: right center;
    width:1rem !important;
    height:1rem !important;
    display:block;
    cursor:pointer;
}
.choices > .choices__inner > .choices__list:after {
    display:flex;
    position:absolute;
    right:0.25rem;
    bottom:0.25rem;
    align-items:center;
    font-family: "Font Awesome 6 Free";
    font-weight:600;
    font-size:0.8rem;
    content:"\f078";
    color: var(--cavelo-black-60);
}
.choices > .choices__inner > .choices__list {
    position:relative;
    min-height:2rem;
    border:none;
    border-bottom:1px solid var(--cavelo-grey);
    padding-bottom:0.2rem;
    padding-right:0.5rem;
}
.choices > .choices__inner > .choices__list > .choices__item {
    display:inline-block;
    padding:0.2em 0.5em;
    border-radius:0.25em; 
    background-color:var(--cavelo-platinum);
    font-size:0.8rem;
    margin:0.1em;
}
.choices > .choices__inner > .choices__list > .choices__item > button {
    font-size:0.8rem;
    position:relative;
    max-height:100%;
    max-width:1em;
    padding:0;
    color:transparent;
    white-space:nowrap;
    overflow:hidden;
    vertical-align:middle;
    margin-left:0.25rem;
    appearance:none;
    border:none;
    background:none;
    cursor:pointer;
}
.choices > .choices__inner > .choices__list > .choices__item > button:before {
    position:absolute;
    width:100%;
    color:var(--cavelo-black);
    text-align:center;
    font-family: "Font Awesome 6 Free";
    font-weight:600;
    content:"\f00d"
}

/* Multiple "any" placeholder tag */
.choices > .choices__inner > .choices__list.choices__list--multiple:empty:before {
    content:"Select items ...";
    padding:0.5em 0.5em 0;
    font-size:0.8rem;
    display:block;
    height:100%;
}
.choices > .choices__inner > .choices__list.choices__list--custom:empty:before {
    content:"Enter items ...";
    padding:0.5em 0.5em 0;
    font-size:0.8rem;
    display:block;
    height:100%;
}

/*
label:not(.required) + .choices > .choices__inner > .choices__list.choices__list--multiple:empty:before {
    content:"Any";
    display:inline-block;
    padding:0.2em 0.5em;
    border-radius:0.25em; 
    background-color:var(--cavelo-platinum);
    font-size:0.8rem;
    margin:0.1em;
}
*/
.choices:not(.is-open) > .choices__inner > input { display:none; }
.choices > .choices__inner > input.choices__input,
.choices > .choices__list--dropdown > input.choices__input {
    position:relative;
    min-width:100% !important;
}

/* Outer / dropdown */
.choices:not(.is-open) > .choices__list--dropdown:not(.is-active) { visibility:hidden; }
.choices > .choices__list--dropdown.is-active { visibility:visible; }
.choices > .choices__list--dropdown {
    width:100%;
    position:absolute;
    background-color:var(--cavelo-white);
    border:1px solid var(--cavelo-platinum);
    z-index:100;
    top:calc(100% + 0.1rem);
    box-shadow: rgba(0,0,0,0.2) 0px 5px 10px 0px;
}

.choices > .choices__list > .choices__list {
    position:relative;
    width:100%;
    max-height:16rem;
    overflow-y:auto;
}

.choices > .choices__list > .choices__list > .choices__group {
    padding:0.5rem;
    font-weight:600;
    color:var(--cavelo-grey);
}

.choices > .choices__list > .choices__list > .choices__item { padding:0.25rem; }
.choices > .choices__list > .choices__list > .choices__item:hover { cursor:pointer; }
.choices > .choices__list > .choices__list > .choices__item:not(:last-child) {   
    border-bottom:1px solid var(--cavelo-platinum);
}

.choices > .choices__list > .choices__list > .choices__item.is-highlighted {
    background-color:var(--cavelo-platinum-60)
}
.choices > .choices__list > .choices__list > .choices__item.choices__item--disabled {
    color:var(--cavelo-grey)
}

/** Icons for choices */
.choices__item[data-icon]::before {
    position: relative;
    display: inline-block;
    height: fit-content;
    width: fit-content;
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    font-size: 1rem;
    min-width: 1.5rem;
    color: var(--cavelo-grey);
}
.choices__item[data-icon="excel"]::before { font-weight:900; content: "\f1c3"; }
.choices__item[data-icon="csv"]::before { font-weight:900; content: "\f6dd"; }
.choices__item[data-icon="pdf"]::before { font-weight:900; content: "\f1c1"; }
.choices__item[data-icon="user-group"]::before { content: "\f500"; }
.choices__item[data-icon="user"]::before { content: "\f007"; }
.choices__item[data-icon="folder"]::before { content: "\f07b"; }
.choices__item[data-icon="file"]::before { content: "\f15b"; }
.choices__item[data-icon="check"]::before { content: "\f00c"; }
.choices__item[data-icon="xmark"]::before { content: "\f00d"; }
.choices__item[data-icon="windows"]::before { font-family: "Font Awesome 6 Brands"; font-weight: 300; content: "\f17a"; }
.choices__item[data-icon="linux"]::before { font-family: "Font Awesome 6 Brands"; font-weight: 300; content: "\f17c"; }
.choices__item[data-icon="darwin"]::before { font-family: "Font Awesome 6 Brands"; font-weight: 300; content: "\f179"; }
.choices__item[data-icon="o365"]::before { 
    content:'';
    background:url(../img/office365-128x128.png) no-repeat center left/contain;
    width:1.25rem;
    height:1.25rem;
    top:0.25rem;
}
.choices__item[data-icon="google"]::before { 
    content:'';
    background:url(../img/google-128x128.png) no-repeat center left/contain;
    width:1.25rem;
    height:1.25rem;
    top:0.25rem;
}
.choices__item[data-icon="imanage"]::before { 
    content:'';
    background:url(../img/imanage-128x128.png) no-repeat center left/contain;
    width:1.25rem;
    height:1.25rem;
    top:0.25rem;
}
.choices__item[data-icon="salesforce"]::before { 
    content:'';
    background:url(../img/salesforce-128x128.png) no-repeat center left/contain;
    width:1.25rem;
    height:1.25rem;
    top:0.25rem;
}
.choices__item[data-icon="connectwise"]::before { 
    content:'';
    background:url(../img/connectwise-128x128.png) no-repeat center left/contain;
    width:1.25rem;
    height:1.25rem;
    top:0.25rem;
}
.choices__item[data-icon="servicenow"]::before { 
    content:'';
    background:url(../img/servicenow-128x128.png) no-repeat center left/contain;
    width:1.25rem;
    height:1.25rem;
    top:0.25rem;
}
.choices__item[data-icon="halopsa"]::before { 
    content:'';
    background:url(../img/halopsa-128x128.png) no-repeat center left/contain;
    width:1.25rem;
    height:1.25rem;
    top:0.25rem;
}
.choices__item[data-icon="boxcloud"]::before { 
    content:'';
    background:url(../img/boxcloud-128x128.png) no-repeat center left/contain;
    width:1.25rem;
    height:1.25rem;
    top:0.25rem;
}