// This scss file is only for common - form related UI components.

// # primary upload dragger
.primary-dragger {
    margin-bottom: 30px;

    &:hover {
        border-color: transparent !important;
    }

    .ant-upload-btn {
        padding: 0 !important;
    }

    &__preview {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    // * replace these custom button styling, if you want to change the content.
    &__button {
        font-size: 12px;

        img {
            margin-bottom: 5px;
        }

        p {
            color: #343379;
            margin-bottom: 13px !important;
        }

        u {
            color: #079751;
            font-weight: 500;
        }
    }
}

// # ant input
.primary-input:focus,
.ant-select:not(.ant-select-disabled):hover .ant-select-selector,
.ant-picker:hover,
.ant-picker-focused,
.ant-input-affix-wrapper-focused {
    border: 1px solid $color-primary !important;
}

// # ant radio group
.primary-radio-group {
    // .ant-radio-inner {
    //     border-color: $color-primary !important;
    // }
    .ant-radio-inner::after {
        background: $color-primary !important;
    }

    .ant-radio-checked::after,
    .ant-radio-checked .ant-radio-inner,
    .ant-radio-wrapper:hover .ant-radio,
    .ant-radio:hover .ant-radio-inner,
    .ant-radio-input:focus + .ant-radio-inner {
        border-color: $color-primary !important;
    }
}

// antd message
.ant-message {
    .anticon {
        top: -3px !important;
    }
}