/* INFO ICON WITH TOOLTIP FOR INPUT LABEL */

.hover-info {
    font-size: 10px;
    position: relative;
    padding: 4px;
    left: -4px;
    bottom: 10px;
    color: #A0A0A0;
}

.hover-info:hover {
    color: cornflowerblue;
}

.hover-info i {
    vertical-align: middle;
}


/* CUSTOM TOOLTIP STYLING */

.tooltip .tooltip-inner {
    font-family: "Open Sans", verdana, arial, sans-serif;
    max-width: 600px;
    padding: 16px 12px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    background-color: rgba(0, 0, 0, 0.90);
    border-radius: 5px;
    white-space: pre-wrap;
}


/* INPUT VALIDATION */

.validate-wrapper.has-error button {
    border-color: #a94442;
    color: #a94442;
    outline-color: #a94442;
}

.validate-wrapper.has-error .help-block {
    display: block;
}

.validate-wrapper .help-block {
    display: none;
    margin-top: 10px;
}


/* WELL FORM WITH INPUTS */

.well-form {
    border: 1px solid #e7e7e7;
    max-width: 400px !important;
    background-color: #f8f8f8;
    padding: 10px;
}

.well-form.no-well {
    background-color: white;
}

.hidden-form {
    padding: 15px 0px 0px;
    border-width: 1px 0px;
    border-style: solid;
    border-color: #e7e7e7;
    margin-bottom: 15px;
}

.hidden-form.bottom {
    border-bottom: 0px;
    margin-bottom: 0px;
}


/* makes borders work when multiple hidden forms */

.hidden-forms {
    margin-bottom: 15px;
}

.hidden-forms .hidden-form {
    margin-bottom: -1px;
}


/* BUTTONS BESIDE INPUTS */

.well-form .form-group {
    min-height: 100px;
}

.selectize-fh,
.well-form .form-group {
    min-height: 100px;
}

.input-group .selectize-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-btn .dropdown {
    display: inline-block;
}

.input-group-btn .dropdown button,
.input-group-btn a.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-width: 0px;
    outline: none;
}

.input-group-btn.dropdown .caret {
    display: none;
}

.squashed-btn {
    border-radius: 0px;
}

.input-group-btn {
    vertical-align: top;
}


/* same height as selectize input  */

.input-group-btn .btn {
    min-height: 34px;
}

.input-group-btn a {
    z-index: 0 !important;
}


/* FULL HEIGHT BUTTON BESIDE INPUT */

.full-height-btn .input-group-btn,
.full-height-btn .input-group-btn a {
    min-width: 42px;
}

.full-height-btn .input-group-btn a {
    display: table;
    height: 100%;
}

.full-height-btn .input-group-btn a>i {
    display: table-cell;
    vertical-align: middle;
}

.full-height-btn .input-group-btn:not(:last-child) button,
.full-height-btn .input-group-btn:not(:last-child) a {
    border-radius: 0;
}

.full-height-btn button,
.full-height-btn a {
    position: absolute !important;
    top: 0;
    bottom: 0;
    right: 0;
}

.full-height-selectize {
    display: table-cell;
    max-width: 1px;
}

.full-height-selectize .selectize-input {
    display: block !important;
}

.full-height-selectize .selectize-control{
    margin-bottom: 0;
}

/* prevents height increase for multi-item */
.full-height-selectize > .selectize-control.multi .selectize-input > div {
    margin-bottom: 0px;
}

/* cursor on same line for multi-item */
.full-height-selectize > .multi > .selectize-input.has-items > input {
    top: -6.5px;
}

/* remove ugly box shadow from inputs */

.form-control {
    box-shadow: inset 0px 0px 0px 0px red;
}


/* CONTRAST TWO GROUPS */
.selectize-input>.bulk-item .contrast {
    display: inline-block;
    padding-left: 6px;
    padding-right: 3px;
    font-weight: 700;
}

.selectize-input>.bulk-item~.bulk-item .contrast {
    display: none;
}

.bulk-item.active {
    background-color: #428bca !important;
}

.bulk-item {
    background-color: white !important;
}

/* for showing cluster colour in dropdown */
.input-swatch {
    height: 10px;
    width: 10px;
    border: 1px solid #54575a;
    display: inline-block;
    margin-right: 5px;
}


/*ellipses for long selectize input*/
.selectize-input > *{
    margin-right: 20px;
}


.selectize-input > *,
.selectize-dropdown .optgroup-header,
.selectize-dropdown [data-selectable] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.selectize-input > * {
    max-width: 90%;
}

/*multi needs inline block to get choices on same line*/
.selectize-control.multi .selectize-input > div {
    display: inline-block !important;
}
