body {
    overflow-x: hidden;
    overflow-y: auto;
}

.logo {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-size: 20px;

}

.logo svg {
    color: #2684FF;
    font-weight: 700;
    padding-right: 15px;
}

.logo span {
    color: #42526E;
    font-weight: 700;
}

.header-right .userbox {
    height: auto;
    padding: 0px;
    border-radius: 50%;
    border-width: 0px;
}

.header-right .userbox:hover {
    box-shadow: 0 0px 0px 5px rgba(222, 235, 255, 0.9);
}

.header-right .userbox .ant-avatar {
    background-color: #172b4d;
    font-size: 11px;
}

.header-right .notifybox {
    height: auto;
    padding: 0px;
    border-radius: 50%;
    border-width: 0px;
    color: #172b4d;
    font-size: 20px;
}
.header-right .notifybox .ant-avatar svg{
    transform: rotate(25deg);
}

.header-right .notifybox:hover {
    box-shadow: 0 0px 0px 5px rgba(222, 235, 255, 0.9);
}

.user-info .title {
    font-size: 12px;
    color: #42526E;
    font-weight: 700;
    padding: 0px 10px;
}

.user-info .info {
    padding: 0px 10px;
    color: #172b4d;
}

.user-info .info:hover {
    color: #172b4d;
}

.user-info .info .ant-avatar {
    margin-right: 10px;
    background-color: #172b4d;
}

.user-info .info .ant-avatar .labels {
    line-height: 1.2;
}

.user-info .ant-menu.ant-menu-root {
    padding: 0px;
}

.user-info .ant-menu-item {
    padding-left: 10px;
}

.user-info .ant-menu-vertical {
    border-right: 0px;
}

.user-info .ant-menu-vertical .ant-menu-item:not(:last-child) {
    margin-bottom: 0px;
}

.ant-layout-header {
    height: 56px;
    line-height: 56px;
}

.ant-menu {
    color: #42526E;
}

.ant-menu-item a {
    color: #42526E;
}

.ant-menu.ant-menu-root {
    padding: 0px 10px;
}

.ant-menu-submenu-selected {
    color: #42526E;
}

.ant-menu-submenu-expand-icon, .ant-menu-submenu-arrow {
    color: #fff;
}

.ant-menu-submenu:hover>.ant-menu-submenu-title>.ant-menu-submenu-expand-icon,
.ant-menu-submenu:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow {
    color: #42526E;
}

.ant-menu-light .ant-menu-item:hover,
.ant-menu-light .ant-menu-item-active,
.ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-light .ant-menu-submenu-active,
.ant-menu-light .ant-menu-submenu-title:hover {
    color: #42526E;
}

.ant-menu-light .ant-menu-item:hover, .ant-menu-light .ant-menu-item-active,
.ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: #E6EFFC;
    color: #42526E;
    border-radius: 5px;
}

.ant-menu-item a:hover {
    color: #42526E;
}

.ant-menu-item-selected a, .ant-menu-item-selected a:hover,
.ant-menu-item-selected svg, .ant-menu-item-selected svg:hover {
    color: #0052CC;
}

.ant-divider-inner-text {
    color: #42526E;
}

.ant-table-thead>tr>th {
    color: #5e6c84;
}

.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
    top: 9px;
    bottom: 10px;
    border-right: 4px solid #0052CC;
    border-radius: 1.998px 0px 0px 1.998px;
}

.ant-menu-submenu-title {
    font-size: 12px;
    font-weight: 700;
}

.sidebar .ant-menu-vertical-left>.ant-menu-item,
.sidebar .ant-menu-vertical>.ant-menu-item,
.sidebar .ant-menu-vertical-right>.ant-menu-item,
.sidebar .ant-menu-inline>.ant-menu-item,
.sidebar .ant-menu-vertical>.ant-menu-submenu>.ant-menu-submenu-title,
.sidebar .ant-menu-vertical-left>.ant-menu-submenu>.ant-menu-submenu-title,
.sidebar .ant-menu-vertical-right>.ant-menu-submenu>.ant-menu-submenu-title,
.sidebar .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title {
    padding-left: 24px !important;
}

.ant-menu-sub.ant-menu-inline {
    background: transparent;
}


.ant-tooltip-inner {
    min-width: 24px;
    padding: 5px 8px;
    background-color: #172b4d;
    border-radius: 10px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);
}

.ant-page-header-heading-left {
    align-items: baseline;
}

.ant-page-header {
    padding: 0;
}

.ant-icon>svg {
    margin-right: 10px;
}

.ant-breadcrumb,
.ant-breadcrumb a {
    color: #6B778C;
    transition: color 0.3s;
}

.ant-breadcrumb>span:last-child {
    color: #42526E;
}

.ant-typography,
.ant-page-header-heading-title {
    color: #42526E;
}

.ant-form-item-label>label {
    color: #172b4d;
}

.ant-progress-line {
    display: flex;
    align-items: center;
}

.ant-progress-show-info .ant-progress-outer {
    margin-right: auto;
    padding-right: 0;
}

.ant-progress-text {
    width: auto;
}

.ant-table {
    color: #6B778C;
}

.ant-progress-inner {
    background-color: #dae8ff;
}

.ant-input {
    border-radius: 6px;
    border-color: #DFE1E6;
    color: #42526e;
}

.ant-input-prefix {
    margin-right: 4px;
    color: #42526e;
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border-radius: 6px;
    border-color: #DFE1E6;
}

.ant-picker {
    border-radius: 6px;
    border-color: #DFE1E6;
}

.ant-picker-input>input {
    color: #42526e;
}

.ant-select-multiple .ant-select-selection-item-remove {
    line-height: 1.4;
}

.ant-form-item {
    margin-bottom: 9px;
}

.ant-form-vertical .ant-form-item-label, .ant-col-24.ant-form-item-label, .ant-col-xl-24.ant-form-item-label {
    padding: 0 0 0 0;
}

.ant-modal-body {
    padding: 0px 24px;
}

.ant-descriptions-title {
    font-weight: 600;
    text-transform: capitalize;
    font-size: 15px;
}

.ant-descriptions-item-label {
    font-weight: 600;
}

table .ant-space .ant-btn {
    padding: 0;
    font-size: large;
}

.ant-input-affix-wrapper {
    border-radius: 6px;
}

.ant-btn {
    border-radius: 6px;
}

.ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link {
    border-radius: 6px;
}

.ant-pagination-item {
    border-radius: 6px;
}

.ant-tag {
    border-radius: 6px;
}

.ant-pagination-item>a {
    color: #42526e;
}

.ant-select {
    color: #42526e;
}

.anticon {
    vertical-align: 0.1em;
}

.page {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

.page .content {
    height: 100%;
}