@use "./fonts" as *;

.input-group-append {
    margin: auto;
    width: 25px;
    background-color: #d8d8d8;
}

.input-group {
    background-color: #fff;
}

.input-group > .form-control {
    width: 150px;
    font-size: 12px;
    border: none;
    background-color: white;
    border-right: 1px solid #d4d4d4;
    cursor: pointer;
}

.datepicker-form-group {
    border-radius: 2px;
    border: 1px solid #d6d6d6;
}

:host ::ng-deep.ngb-dp-arrow.right {
    width: unset !important;
}

::ng-deep .ngb-dp-day.disabled {
    opacity: 0.5;
}

.form-control {
    padding: 7px;
    color: #000;
}

:host ::ng-deep .bg-primary {
    background-color: #8bac2a !important;
    &:focus {
        outline: none;
    }
}

.form-control {
    &:focus {
        outline: none;
        box-shadow: none;
    }
}

textarea:focus,
input:focus {
    outline: none;
}

::ng-deep .custom-select {
    cursor: pointer;
    &:focus {
        border-color: unset;
        outline: 0;
        box-shadow: unset;
    }
}

.icon-width {
    font-size: 16px;
    cursor: pointer;
    width: 25px;
    display: flex;
    justify-content: center;
    background-color: #fff;
}

input.form-control:disabled {
    background-color: #fff !important;
}

::ng-deep app-single-select-dropdown {
    width: 19.5rem !important;
}

.form-control {
    background-color: transparent !important;
}