@import '~antd/dist/antd.less';
@import 'UtilityClass.less';

@primary-color: #3b3cea;

@layout-body-background: #ffffff00;
@layout-header-background: #f0f3f8;
@layout-sider-background: #1449bc;

// MENU Styler
@menu-bg: @layout-sider-background;
// @menu-popup-bg: #ff4;
@menu-item-color: white;
@menu-highlight-color: white;
@menu-item-active-bg: lighten(@layout-sider-background, 30%);
@menu-inline-submenu-bg: lighten(@layout-sider-background, 5%);
@menu-item-active-border-width: 5px;
@layout-trigger-color: #f3a;

//buttons
@btn-primary-bg: @primary-color;

//checkboxes
@checkbox-color: @primary-color;

.App {
    text-align: center;
}

// .ant-layout {
//     background: #ffffff00;
// }

body {
    overflow-y: hidden;
    max-height: 100vh;
    // position: relative;
}

#root {
    height: 100%;
    background-color: #f0f3f8;
}

// .logged-in-view class styling is written in dashboard.css

.ant-layout-content {
    overflow-y: scroll;
    scrollbar-width: thin;
}

.ant-layout-header {
    padding: 0 32px;
}

.ant-layout-sider + .ant-layout {
    display: flex;
    flex-direction: column;
    max-height: 90vh;
}

.ant-layout > .ant-layout > header.ant-layout-header + section.ant-layout {
    flex: 1 0 100%;
    overflow-y: auto;
}

// to override the style of ant-table-cells
body .ant-table-tbody > tr > td.ant-table-cell, .ant-table tfoot > tr > td.ant-table-cell {
    padding: 3px 16px;
    height: 40px;
}

body .ant-table > .ant-table-container > .ant-table-content > table > thead > tr > th {
    background-color: @layout-header-background;
    padding-inline: 16px;
}

.ant-empty {
    margin: 24px 8px;
}

