/* Grafica autocomplete */

.twitter-typeahead {
    width: 100%;
}

.twitter-typeahead .tt-menu {
    width: 100%;
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: .75rem 0;
}

.twitter-typeahead .tt-menu .tt-suggestion {
    padding: .25rem .75rem;
    cursor: pointer;
}

.twitter-typeahead .tt-menu .tt-suggestion:hover {
    background-color: #EAEBEC;
    color: #343A40;
}

.twitter-typeahead .empty-message {
    padding: 5px 10px;
/* text-align: center; } */
}

.twitter-typeahead .rtl-typeahead .tt-menu {
    text-align: right;
}

.twitter-typeahead .league-name {
    margin: 0 10px 5px;
    padding: 7px 5px 10px;
    border-bottom: 1px solid #e9ecef;
}

.scrollable-dropdown .twitter-typeahead .tt-menu {
    max-height: 80px;
    overflow-y: auto;
}

.bootstrap-maxlength {
    margin-top: .5rem;
}

/* modifica la lista dei risultati ricerca autocomplete typehead */
.tt-dataset {
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: scroll;
}

/* Modifiche al css bundle template */
.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: #ffffff; /* custom leadCrm per fondo bianco in header button accordion*/
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

/* CUSTOM CSS FOR INPUT TYPE FILE */

input.custom-attachment{
  outline: none !important;
  padding: 4px !important;
  margin: -4px !important;
  width: 210px !important;
}

input.custom-attachment:focus-within::file-selector-button,
input.custom-attachment:focus::file-selector-button {
  outline: 0 solid #1b84ff !important;
  outline-offset: 2px !important;
}

input.custom-attachment::before {
  top: 16px !important;
}

input.custom-attachment::after {
  top: 14px !important;
}

input.custom-attachment {
  position: relative !important;
}

input.custom-attachment::file-selector-button {
  width: 45px !important;
  color: transparent !important;
  border-bottom: 0 !important;
}

input.custom-attachment::before {
  position: absolute !important;
  pointer-events: none !important;
  left: 40px !important;
  color: #1b84ff !important;
  content: "" !important;
}

input.custom-attachment::after {
  position: absolute !important;
  pointer-events: none !important;
  left: 16px !important;
  height: 20px !important;
  width: 20px !important;
  content: "" !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230964B0'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E") !important;
  /*background-image: url("../../../src/media/icons/custom/paper-clip.png") !important;*/
}

input.custom-attachment::file-selector-button {
  border-radius: 4px !important;
  padding: 0 16px !important;
  height: 40px !important;
  cursor: pointer !important;
  background-color: white !important;
  border: 0px solid rgba(0, 0, 0, 0.16) !important;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05) !important;
  margin-right: 16px !important;
  transition: background-color 200ms !important;
}

/* hover state */
input.custom-attachment::file-selector-button:hover {
  background-color: #e9f3ff !important;
}

/* active state */
input.custom-attachment::file-selector-button:active {
  background-color: #e9f3ff !important;
}

.hidden-object-info {
  display:none !important;
}

.pac-container {
    z-index: 1060 !important;
}

/* summernote */
div.note-frame {
    border-radius: 5px !important;
    border-color: #e4e4e4 !important;
}

.note-btn-group {
    background-color: #FAFAFA;
}

/* dual list box */

.bootstrap-duallistbox-container:not(.moveonselect) select {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-color: #e4e4e4 !important;
    border-width: 1px !important;
    padding: 5px !important;
}

.bootstrap-duallistbox-container select {
    width: 100%;
    height: 300px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-color: #e4e4e4 !important;
    border-width: 1px !important;
    padding: 5px !important;
}

.bootstrap-duallistbox-container select:focus {

}

.nanotec-icon {
    width: 100px;
    height: 100px;
    background: var(--c);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: sans-serif;
    font-size: 16px;
    color: white;
    font-weight: bold;
    margin: 5px;
}

.nanotec-icon-small {
    width: 60px;
    height: 60px;
    background: var(--c);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: sans-serif;
    font-size: 10px;
    color: white;
    font-weight: bold;
    margin: 2px;
}

.calendar-user-icon {
    width: 105px;
    height: 104px;
    background: var(--c);
    border-radius: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: sans-serif;
    font-size: 16px;
    color: white;
    font-weight: bold;
    margin: -12px;
}