@import "variables";

.clr-form-control {
    margin-top: 0;
}

.form, form {
    padding-top: .5rem;
}

.form-group {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-left: 9.5rem;
    margin-bottom: .5rem;
    font-size: .541667rem;
    letter-spacing: normal;
    line-height: 1rem;

    label:first-child {
        position: absolute;
        width: 8.5rem;
        left: 0;
        top: .25rem;
        margin: 0;
    }
}

.form .form-block, form .form-block {
    margin: .5rem 0 1.5rem;
}

input, select {
    border-radius: 3px !important;
    border: 1px solid $color-grey-300 !important;
    padding: 5px !important;
    height: initial !important;
    transition: background-color 0.2s, box-shadow 0.2s !important;
    &:not([readonly]) {
        background: white !important;
    }
    &:focus {
        border-color: $color-primary-500 !important;
        box-shadow: 0 0 1px 1px $color-primary-100;
    }
}

.clr-input {
    max-height: none !important;
}

.tooltip.tooltip-validation::before {
    top: 10px !important;
}

select {
    padding-right: 24px !important;
}

.select::after, .clr-select-wrapper::after {
    z-index: 10;
    top: 13px;
}

.ng-select .ng-select-container .ng-value-container {
    padding-top: 0;
    .ng-value {
        margin: 0 6px 0 0;
    }
    .ng-input {
        margin: 0;
    }
    input {
        border: none !important;
        padding: 0;
        background: none !important;
    }
}
.ng-select.ng-select-single>.ng-select-container{
    padding-top: 9px;
}
.ng-select.ng-select-focused>.ng-select-container {
    border-color: $color-primary-500 !important;
    box-shadow: 0 0 1px 1px $color-primary-100;
    border-radius: 3px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: $color-grey-200;
}