.design-font-setting {
    .form-control {
        background-color: white;
    }

    .textToolBar {
        display: inline-flex;

        select {
            float: left;
            width: 80px;
            height: 32px;
            padding: 0;
        }

        a {
            text-decoration: none;
            display: inline-block;
            height: 20px;
            cursor: pointer;
            width: 20px;
            vertical-align: -webkit-baseline-middle;
            background-image: url("/assets/common/images/configure/textToolBar.png");
        }

        ::ng-deep .ui-inputtext {
            padding-top: 5px;
            padding-bottom: 6px;
        }

        .font-family {
            margin-right: 10px;
        }
    }

    .textToolBar>span {
        float: left;
        padding: 0 2px;
        line-height: 24px;
    }

    .textToolBar>span:last-child {
        position: relative;
    }

    .bold {
        background-position: -40px 0px;
    }

    .bold.clicked {
        background-position: 0px 0px;
    }

    .italic {
        background-position: 80px 20px;
    }

    .italic.clicked {
        background-position: 120px 20px;
    }

    .underline {
        background-position: 140px 0px;
    }

    .underline.clicked {
        background-position: 180px 0px;
    }

    .alignLeft {
        background-position: 80px 0px;
    }

    .alignLeft.clicked {
        background-position: 120px 0px;
    }

    .alignCenter {
        background-position: 20px 0px;
    }

    .alignCenter.clicked {
        background-position: 60px 0px;
    }

    .alignRight {
        background-position: 200px 20px;
    }

    .alignRight.clicked {
        background-position: 240px 20px;
    }

    .fontColor {
        background-position: 140px 20px;
    }

    .fontColor.clicked {
        background-position: 180px 20px;
    }

    .colorPicker {
        position: absolute;
        right: 5px;
        bottom: 6px;
        width: 13px;
        height: 2px;
        border: none;
    }

    .noResize {
        resize: none;
    }

    .form-control.fc-Form.font-size-select {
        width: 140px;
    }
}