@import 'https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.8/css/bootstrap.min.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.13.1/font/bootstrap-icons.min.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/tui-grid/4.21.22/tui-grid.min.css';
@import 'https://uicdn.toast.com/tui.pagination/v3.4.1/tui-pagination.css';
@import 'https://uicdn.toast.com/select-box/latest/toastui-select-box.css';
@import 'https://uicdn.toast.com/editor/latest/toastui-editor.min.css';
@import 'https://uicdn.toast.com/editor/latest/theme/toastui-editor-dark.min.css';

#baseDiv {
    position: relative;
    width: 80%;
    left: 10%;
    border: 1px solid;
}
#content > header {
    background-color: rgba(var(--bs-secondary-bg-rgb), 0.8);
    font-size: 3em;
}
#tr-home > div.tr-home > div {
    margin: .5em 3em;
    padding: 3em 1em;
    --bs-bg-translucent: .5;
    
    --tr-bg-setup-rgb: 220, 53, 69;
    --tr-bg-collect-rgb: 25, 135, 84;
    --tr-bg-process-rgb: 255, 193, 7;
    --tr-bg-organize-rgb: 13, 10, 253;
    
    --tr-box-shaddow: 10px 5px 10px;
}
#tr-home > div.tr-home > div:nth-child(1) {
    background-color: rgba(var(--tr-bg-setup-rgb), var(--bs-bg-translucent));
}
#tr-home > div.tr-home > div:nth-child(2) {
    background-color: rgba(var(--tr-bg-collect-rgb), var(--bs-bg-translucent));
}
#tr-home > div.tr-home > div:nth-child(3) {
    background-color: rgba(var(--tr-bg-process-rgb), var(--bs-bg-translucent));
}
#tr-home > div.tr-home >  div:nth-child(4) {
    background-color: rgba(var(--tr-bg-organize-rgb), var(--bs-bg-translucent));
}
#tr-home > div.tr-home > div > div:nth-child(1) {
    color: #fff;
    font-size: 1.5em;
    padding: 1em;
    --bs-bg-opacity: 1;
}
#tr-home > div.tr-home > div:nth-child(1) > div:nth-child(1) {
    background-color: rgba(var(--tr-bg-setup-rgb), var(--bs-bg-opacity));
    box-shadow: var(--tr-box-shaddow) rgba(var(--tr-bg-setup-rgb), var(--bs-bg-translucent));
}
#tr-home > div.tr-home > div:nth-child(2) > div:nth-child(1) {
    background-color: rgba(var(--tr-bg-collect-rgb), var(--bs-bg-opacity));
    box-shadow: var(--tr-box-shaddow) rgba(var(--tr-bg-collect-rgb), var(--bs-bg-translucent));
}
#tr-home > div.tr-home > div:nth-child(3) > div:nth-child(1) {
    background-color: rgba(var(--tr-bg-process-rgb), var(--bs-bg-opacity));
    box-shadow: var(--tr-box-shaddow) rgba(var(--tr-bg-process-rgb), var(--bs-bg-translucent));
}
#tr-home > div.tr-home > div:nth-child(4) > div:nth-child(1) {
    background-color: rgba(var(--tr-bg-organize-rgb), var(--bs-bg-opacity));
    box-shadow: var(--tr-box-shaddow) rgba(var(--tr-bg-organize-rgb), var(--bs-bg-translucent));
}

#tr-tabs .dropdown-menu .active .bi-check2 {
    display: block !important;
}

/* .tui-grid-cell-row-header {} */

.tui-pagination .tui-page-btn {
    color: var(--bs-body-color);
}

/* .tui-pagination .tui-ico-next {
    background: none;
}
.tui-pagination .tui-ico-next::before {
    display:inline-block;
    font-family:bootstrap-icons!important;
    font-style:normal;
    font-weight:400!important;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    vertical-align:-.125em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    content: "\F7F4";
}

.tui-select-box-icon {
    display:inline-block;
    font-family:bootstrap-icons!important;
    font-style:normal;
    font-weight:400!important;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    vertical-align:-.125em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    content: "\F22C";
} */

.tr-select-topic {
    margin-bottom: 1em;
    position: relative;
    z-index: 99;
}

svg .st0 {
    fill: var(--bs-body-color);
}
svg .tr-brain-highlight {
    fill: red;
}