/*
 * Copyright (C) 2000 - 2024 Silverpeas
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * As a special exception to the terms and conditions of version 3.0 of
 * the GPL, you may redistribute this Program in connection with Free/Libre
 * Open Source Software ("FLOSS") applications as described in Silverpeas's
 * FLOSS exception. You should have received a copy of the text describing
 * the FLOSS exception, and it is also available here:
 * "http://www.silverpeas.org/docs/core/legal/floss_exception.html"
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

.selectize-control{
  border: 1px solid #999;
}

.selectize-input {
  width: 100%;
  position: initial;
  border: none;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
  padding: 3px 0;
}

.selectize-control.single .selectize-input:after {
  border-style: none;
}

.selectize-control .selectize-input.has-items,
.selectize-control.multi .selectize-input.has-items {
  padding: 0.5em 50px 0.5em 3px;
  width: calc( 100% - 53px );
  max-height:6em;
  overflow:auto;
}

.selectize-control .selectize-input.has-items::-webkit-scrollbar {/* Fond */
	width: 4px;
	background-color: #eee;
}

.selectize-control .selectize-input.has-items::-webkit-scrollbar-thumb {/* Barre */
	border: 1px solid #ccc;
	border-right-width: 4px;
	border-radius: 5px;
}

.selectize-dropdown .active {
  background-color: #0078d7;
  color: #FFF;
}

.selectize-control.multi .selectize-input > div {
  vertical-align: top;
}

.selectize-input.has-items > input,
.selectize-control .hidden-domain .main-info {
  line-height: 30px !important;
}

.selectize-input > input {
  min-width: 20%;
}

.selectize-control .type-user.hidden-domain .extra-info {
  display: none;
}

.selectize-control.multi .selectize-input > div.active {
  border: 1px dashed #0078d7;
}

.selectize-control .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}

.selectize-control.plugin-NavigationalBehavior .selectize-input.has-items {
  height: 11px;
}

.selectize-control.plugin-NavigationalBehavior .selectize-input .item {
  display: none;
}

@media only screen and (max-width: 800px) {
  .selectize-control .selectize-input.has-items {
    padding: 0.5em 15% 0.5em 1%;
    width: 84%;
  }
}

.silverpeas-selectize.selectize-control.single {
  background-color:#FFF;
  position:relative;
  width:360px;
}
.silverpeas-selectize.selectize-control.single .selectize-input {
  padding:0
}

.silverpeas-selectize.selectize-control.single .selectize-input input {
  padding:1px 5px !important;
  line-height: inherit !important;
}

.silverpeas-selectize.selectize-control.single::before {
  content:' ';
  background: #FFF url(../icons/arrow/arrowBottom.gif) no-repeat center right;
  width:10px;
  height:10px;
  position:absolute;
  top:0.5em;
  right:0.5em;
}

.silverpeas-selectize.selectize-dropdown {
  min-width:360px;
  width: auto !important;
  border-top:1px solid #d0d0d0;
}

.silverpeas-selectize.selectize-dropdown [data-selectable], .silverpeas-selectize.selectize-dropdown .optgroup-header {
  padding: 2px 5px;
  white-space: nowrap;
}

.silverpeas-selectize.selectize-control.single .selectize-input > div {
  margin: 0;
  padding: 0 5px;
  background: #FFF;
  color: #303030;
  border: 0;
}

.silverpeas-selectize.selectize-control .selectize-input.has-items {
  padding: 2px 0;
  width: 100%;
}

.ui-dialog .selectize-control {
  width: calc(90% + 4px);
}

.champ-ui-dialog .select-user-group-container,
.champ-ui-dialog .select-user-group-container .search-input-container {
  width: 100%;
  margin: 0;
}

.champ-ui-dialog .select-user-group-container .search-input-container .selectize-control {
  width: 95%;
  background: #FFF;
}

.champ-ui-dialog .select-user-group-container a.user-panel-button,
.champ-ui-dialog .select-user-group-container .remove-button {
  right: 6%;
  top: 4px
}

.champ-ui-dialog .select-user-group-container .mandatory-icon {
  left: calc( 95% + 0.75em );
}