/*下面为BootstrapBlazor组件的相关自定义设置，请根据项目需求设置*/

/*设置checkbox默认宽度*/
:root {
    --bb-checkbox-item-width: 100px;
}
/*设置radio默认宽度*/
.radio-list {
    --bb-radio-item-width: 80px;
}
/*设置tree图标的大小，太小手机不好按*/
.tree-view .tree-item .tree-content .fa-caret-right {
    width: 25px;
    height: 25px;
    transition: transform .3s linear;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
}
/*设置rate的自定义图标大小风格，还可以加颜色*/
.custom-rate {
    --bb-rate-font-size: 1.7rem;
    --bb-rate-height: 30px;
    --bb-rate-width: 30px;
}
/*设置tab里面的内容距离tab的间隙，还有一个主页面距离屏幕边框的间隙在MainLayout.razor.css里面设置*/
.tabs .tabs-body {
    padding: 0rem;
}
/*设置开关最小宽度*/
.btn-toggle {
   min-width: 50px;
}