/*!
 * Copyright 2023 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
@import "../common/icons.less";
@import "../common/button.less";
@import "base.less";

// Button

.km-material .km-button
{
    padding: .714em 1.143em;
    border-style: solid;
    border-width: @material-border-width;
    border-radius: @material-border-radius;
    text-transform: uppercase;
    font-size: .875em;
    font-weight: 600;
}

// Badges and Details

.km-material .km-badge,
.km-material .km-detail
{
    border: 0;
    min-width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    border-radius: 5em;
}

.km-material .km-detail
{
    min-width: 1.4em;
    height: 1.4em;
    line-height: 1.4em;
    border-width: @material-border-width;
    border-style: solid;
}

.km-material .km-detaildisclose
{
    min-width: 1.4em;
    height: 1.4em;
    line-height: 1.4em;
}

.km-material .km-detaildisclose:after,
.km-material .km-detaildisclose:before
{
    left: .1em;
    top: 0.35em;
}

.km-material .km-detail .km-icon:before
{
    display: none;
}

.km-material .km-navbar .km-button,
.km-material .k-toolbar .km-button
{
    margin-top: 0;
    margin-bottom: 0;
}

.km-material .km-navbar .km-button,
.km-material .k-toolbar .km-button,
.km-material .km-buttongroup .km-button
{
    background: transparent;
    border-color: transparent;
    .box-shadow(none);
}

.km-material .km-navbar .km-button .km-icon,
.km-material .k-toolbar .km-button .km-icon
{
    font-size: 1.2em;
}

.km-material .km-navbar .km-back:before,
.km-material .k-toolbar .km-back:before
{
    content: "\a0";
    display: inline-block;
    color: currentcolor;
    width: .8em;
    height: .8em;
    border-width: 0;
    box-shadow: inset .25rem -.25rem 0 currentcolor;
    .transform(rotate(45deg));
}

.km-material .km-navbar .km-back .km-text,
.km-material .k-toolbar .km-back .km-text
{
    display: none;
}
