.dic-header {
    width: 100vw;
    height: 70px;
    padding: 15px 20px;
    background: #343a4a;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-size: 16px;
    z-index: 600;

    .dic-header-menu {
        width: 460px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;

        .dic-header-button {
            cursor: pointer;
            font-size: 16px;
            color: #ebecf1;

            .mc-icon {
                color: #9da1ad;
            }

            &:hover {
                color: #fff;
                .mc-icon {
                    color: #fff;
                }
            }

            .tmpl-save-button {
                height: 32px;
                padding: 0 12px;
                color: white;
                line-height: 30px;
                text-align: center;
                border-radius: 5px;
                border: 1px solid #303545;
                background: #2187ed;

                &:hover {
                    background: #047ffa;
                    border-color: #1a1d28;
                }
            }
        }
    }
}