/* Form control sizing */
.form-control-xs {
    height: calc(1.1em + 0.2rem + 2px);
    padding: 0.1rem 0.3rem;
    font-size: .75rem;
    line-height: 1.1;
    border-radius: 0.2rem;
}
/* Form control sizing */

/* Form control */
.form-control {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: .875rem;
    font-weight: 400;
    min-height: 37px;
    line-height: 1.4rem;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--input-border);
    appearance: none;
    border-radius: 0.5rem;
    transition: box-shadow .15s ease,border-color .15s ease;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: var(--primary);
    outline: 0;
    box-shadow: 0 3px 9px rgb(50 50 9 / 0%), 3px 4px 8px rgb(94 114 228 / 10%);
}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}
/* Form control */

/* .select2 */
.select2 .select2-container {
    width: 100%;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    display: block;
    width: 100%;
    padding: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4rem;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--input-border);
    appearance: none;
    border-radius: 0.5rem;
    transition: box-shadow .15s ease,border-color .15s ease;
}
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single:active,
.select2-selection .select2-selection--multiple:focus,
.select2-selection .select2-selection--multiple:active,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    color: #495057;
    background-color: #fff;
    border-color: var(--primary);
    outline: 0;
    box-shadow: 0 3px 9px rgb(50 50 9 / 0%), 3px 4px 8px rgb(94 114 228 / 10%);
}
.input-group .select2-container--default .select2-selection--single:first-child {
    border-radius: 0.5rem 0.5rem 0 0;
    border-right: none;
}
.input-group .select2-container--default .select2-selection--single:last-child {
    border-radius: 0.5rem 0 0 0.5rem;
    border-right: none;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary);
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--primary);
    color: #fff;
}
.select2-container .select2-selection--single {
    
}
.select2-container .select2-selection--single .select2-selection__rendered {
    
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.7rem;
    padding: .375rem .75rem;
    padding-right: 0.95rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 3px;
    right: 11px;
    width: auto;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f5f5f5;
    border: 1px solid transparent;
    border-radius: .5rem;
}
.input-group .select2-container {
    /*width: auto !important;*/
}
.input-group .select2-container .select2-selection--single {
    padding-right: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    
}
/* .select2 */

/* Input group buttons */
.input-group > .btn {
    border-color: var(--input-border);
}
.input-group > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
}
.input-group > .btn:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}
/* Input group buttons */

/* Field to input */
.info-to-field {
    position: relative;
}
.info-to-field > button {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: .8rem;
}
.info-to-field[aria-editing='true'] > button,
.info-to-field[aria-editing='true'] > span {
    display: none;
}
/* Field to input */