body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px
}
::-webkit-scrollbar-track {
    background: hsla(0, 0%, 50%, .1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 5px rgba(37, 37, 37, .05);
    -moz-box-shadow: inset 0 0 5px rgba(37, 37, 37, .05);
    box-shadow: inset 0 0 5px rgba(37, 37, 37, .05);
}
::-webkit-scrollbar-thumb {
    background: hsla(0, 0%, 50%, 0.5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 5px hsla(0, 0%, 100%, .05);
    -moz-box-shadow: inset 0 0 5px hsla(0, 0%, 100%, .05);
    box-shadow: inset 0 0 5px hsla(0, 0%, 100%, .05);
}
::-webkit-scrollbar-corner {
    background: transparent;
}

.bo-component-appear {
    display: block;
    animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}
.bo-component-disappear {
    display: none;
    animation: fadeout 1s;
    -moz-animation: fadeout 1s; /* Firefox */
    -webkit-animation: fadeout 1s; /* Safari and Chrome */
    -o-animation: fadeout 1s; /* Opera */
    animation-fill-mode: forwards;
}
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* --- Layout --- */
.ant-pro-layout .ant-pro-sider-extra-no-logo {
    margin-inline: 0px !important;
    margin-block-start: 0px !important;
}
.ant-pro-layout .ant-pro-sider-collapsed-button {
    inset-block-start: 5px;
}
.ant-pro-layout .ant-pro-sider-collapsed-button-is-mobile {
    position: fixed;
    left: 258px;
}
.ant-pro-layout .ant-pro-page-container .ant-pro-page-container-warp {
    box-shadow: none;
}
.ant-pro-layout .ant-pro-page-container .ant-pro-grid-content .ant-pro-page-container-children-container {
    padding-block-start: 24px;
}

/* --- Modal --- */
.ant-modal-root .ant-modal {
    /*animation-duration: 0s !important;*/
}
.ant-modal-root .ant-modal .ant-modal-content .ant-modal-body .ant-modal-confirm-body-wrapper .ant-modal-confirm-paragraph {
    width: 100%;
    max-width: 100%;
}
@media (max-width: 767px) {
    .ant-modal {
        width: 100% !important;
    }
}
.ant-modal-root .ant-modal .ant-modal-content .ant-modal-body .ant-card.Card.PageInModal {
    margin-block-start: 24px;
    margin-block-end: 40px;
    margin-inline: 40px;
}
@media (max-width: 576px) {
    .ant-modal-root .ant-modal .ant-modal-content .ant-modal-body .ant-card.Card.PageInModal {
        margin-inline: 20px;
    }
}

/* --- Card --- */
.ant-card .ant-card-head .ant-card-head-wrapper .ant-card-head-title {
    flex: 0 0 auto;
    min-width: 0px;
}
.ant-card .ant-card-head .ant-card-head-wrapper .ant-card-head-title>* {
    font-size: 18px;
}
.ant-card .ant-card-head .ant-card-head-wrapper .ant-card-extra {
    flex: 1 1 auto;
    min-width: 0px;
}

/* --- List --- */
.ant-list.ant-list-grid .ant-list-item {
    padding-right: 0px;
    padding-left: 0px;
}

/* --- Search --- */
.ListSearchBarForm .FormLayout.ant-form-inline {
    /*justify-content: flex-end;*/
}
.ListSearchBarForm .SearchFormLayout.ant-form.ant-form-inline .ant-form-item>.ant-row.ant-form-item-row {
    flex-wrap: wrap;
}
.ListSearchBarForm .SearchFormBodyMenu {
    background: transparent !important;
    border: none !important;
    line-height: 0 !important;
}
.SearchFormBodyMenu .ant-menu-item {
    margin-inline: 0px;
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.SearchFormBodyMenu .ant-menu-item:first-child {
    padding-left: 0px !important;
}
.SearchFormBodyMenu .ant-menu-item:last-child {
    padding-right: 0px !important;
}
.SearchFormBodyMenu .ant-menu-item:after {
    display: none !important;
}
.SearchFormBodyMenu .ant-menu-overflow-item-rest {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.SearchFormBodyMenu .ant-menu-overflow-item-rest:after {
    display: none !important;
}

/* --- ToolBox --- */
.ToolBoxLeftMenu {
    background: transparent !important;
    border: none !important;
    line-height: 0 !important;
}
.ToolBoxLeftMenu .ant-menu-item {
    margin-inline: 0px;
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.ToolBoxLeftMenu .ant-menu-item:first-child {
    padding-left: 0px !important;
}
.ToolBoxLeftMenu .ant-menu-item:last-child {
    padding-right: 0px !important;
}
.ToolBoxLeftMenu .ant-menu-item:after {
    display: none !important;
}
.ToolBoxLeftMenu .ant-menu-overflow-item-rest {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.ToolBoxLeftMenu .ant-menu-overflow-item-rest:after {
    display: none !important;
}

/* --- Field --- */

/* File */
.File .ant-upload-list-picture-card .ant-upload-list-item-container {
    height: auto !important;
}

/* Image */
.Image .ant-upload-list-picture-card .ant-upload-list-item-container {
    height: auto !important;
}

/* SubForm */
.ant-collapse.SubForm-SubFormType-Field {
    width: 100%;
}
.ant-collapse.SubForm-SubFormType-Field .ant-collapse-content .ant-collapse-content-box {
    padding-left: 0;
    padding-right: 0;
}

/* SubCardList */
.SubCardList .ant-list-item-action>li {
    padding: 0px;
}
.SubCardList .ant-list-item-action {
    margin-left: 0px;
}
.SubCardList li.ant-list-item.ClickItem {
    padding-left: 12px;
    padding-right: 12px;
}

/* Address */
.Address span.ant-input-group-addon {
    width: 80px;
}

/* Image */
.ant-image.ImageVerticalAlignMiddle {
    vertical-align: middle;
}

/* --- Button --- */
.ButtonBarMenu {
    background: transparent !important;
    border: none !important;
    line-height: 0 !important;
}
.ButtonBarMenu .ant-menu-item {
    margin-inline: 0px;
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.ButtonBarMenu.small .ant-menu-item {
    margin-inline: 0px;
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.ButtonBarMenu .ant-menu-item:first-child {
    padding-left: 0px !important;
}
.ButtonBarMenu .ant-menu-item:last-child {
    padding-right: 0px !important;
}
.ButtonBarMenu .ant-menu-item:after {
    display: none !important;
}
.ButtonBarMenu .ant-menu-overflow-item-rest {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.ButtonBarMenu .ant-menu-overflow-item-rest:after {
    display: none !important;
}

/* --- FroalaEditor --- */
.fr-view ul, ol {
    margin-inline-start: 11px;
}

/* --- Picker --- */
.ant-picker-date-panel .ant-picker-content thead th:first-child,
.ant-picker-date-panel .ant-picker-content tbody td:first-child.ant-picker-cell-in-view {
    color: #ff4d4f;
}
@media (max-width: 576px) {
    .ant-picker-panels {
        flex-direction: column;
    }
    .ant-picker-datetime-panel {
        flex-direction: column;
    }
}

/* --- react-pdf --- */
.react-pdf__Document .react-pdf__Page canvas {
    margin: 0 auto;
}
.react-pdf__Document .react-pdf__Page .textLayer {
    margin: 0 auto;
}
.react-pdf__Document .react-pdf__Page .annotationLayer {
    margin: 0 auto;
}

/* --- Print --- */
@media print {
    body {
        padding: 50px;
    }
    .ant-col-xxl-1 {
        flex: 0 0 4.16666667%!important;
        max-width: 4.16666667%!important;
    }
    .ant-col-xxl-2 {
        flex: 0 0 8.33333333%!important;
        max-width: 8.33333333%!important;
    }
    .ant-col-xxl-3 {
        flex: 0 0 12.5%!important;
        max-width: 12.5%!important;
    }
    .ant-col-xxl-4 {
        flex: 0 0 16.66666667%!important;
        max-width: 16.66666667%!important;
    }
    .ant-col-xxl-5 {
        flex: 0 0 20.83333333%!important;
        max-width: 20.83333333%!important;
    }
    .ant-col-xxl-6 {
        flex: 0 0 25%!important;
        max-width: 25%!important;
    }
    .ant-col-xxl-7 {
        flex: 0 0 29.16666667%!important;
        max-width: 29.16666667%!important;
    }
    .ant-col-xxl-8 {
        flex: 0 0 33.33333333%!important;
        max-width: 33.33333333%!important;
    }
    .ant-col-xxl-9 {
        flex: 0 0 37.5%!important;
        max-width: 37.5%!important;
    }
    .ant-col-xxl-10 {
        flex: 0 0 41.66666667%!important;
        max-width: 41.66666667%!important;
    }
    .ant-col-xxl-11 {
        flex: 0 0 45.83333333%!important;
        max-width: 45.83333333%!important;
    }
    .ant-col-xxl-12 {
        flex: 0 0 50%!important;
        max-width: 50%!important;
    }
    .ant-col-xxl-13 {
        flex: 0 0 54.16666667%!important;
        max-width: 54.16666667%!important;
    }
    .ant-col-xxl-14 {
        flex: 0 0 58.33333333%!important;
        max-width: 58.33333333%!important;
    }
    .ant-col-xxl-15 {
        flex: 0 0 62.5%!important;
        max-width: 62.5%!important;
    }
    .ant-col-xxl-16 {
        flex: 0 0 66.66666667%!important;
        max-width: 66.66666667%!important;
    }
    .ant-col-xxl-17 {
        flex: 0 0 70.83333333%!important;
        max-width: 70.83333333%!important;
    }
    .ant-col-xxl-18 {
        flex: 0 0 75%!important;
        max-width: 75%!important;
    }
    .ant-col-xxl-19 {
        flex: 0 0 79.16666667%!important;
        max-width: 79.16666667%!important;
    }
    .ant-col-xxl-20 {
        flex: 0 0 83.33333333%!important;
        max-width: 83.33333333%!important;
    }
    .ant-col-xxl-21 {
        flex: 0 0 87.5%!important;
        max-width: 87.5%!important;
    }
    .ant-col-xxl-22 {
        flex: 0 0 91.66666667%!important;
        max-width: 91.66666667%!important;
    }
    .ant-col-xxl-23 {
        flex: 0 0 95.83333333%!important;
        max-width: 95.83333333%!important;
    }
    .ant-col-xxl-24 {
        flex: 0 0 100%!important;
        max-width: 100%!important;
    }
}

/* --- TableForm --- */
.TableFormLayout .ant-descriptions.ant-descriptions-bordered > .ant-descriptions-view > table {
    table-layout: fixed;
}

.ToolBox-Right-Component .ant-select-multiple .ant-select-selection-placeholder {
    color: rgba(0, 0, 0, 1);
}