.input-group {
    display: flex;
    align-content: stretch;
}

.input-group > input {
    flex: 1 0 auto;
}

/**
* Even when I set some dimension-related styles on this
* element but not on the input or button, they'll still
* line up.
*/
button.input-group-addon-right {
    padding: 0.5em 1em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.btn-dropdown {
    color:rgb(0, 0, 0);background-color:#ffffff;
}

.btn-dropdown:hover {
    color: #000000!important;
    background-color:rgb(245, 245, 245)!important;
    border-radius: 0px;
}


.field-label {
    font-size: 14px;
    margin: 10px 0;
}

/* SELECT2 CUSTOM STYLES */

.select2-selection__choice {
    background-color: #045060!important;
    color: #ffffff!important;
}

.select2-selection__choice__remove {
    color: #ffffff!important;
}