.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;

}

@media(max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 1539.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem;
    font-size: 0.64rem;
    font-weight: 700;
    color: var(--phoenix-gray-700)
}

.col-form-label {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    font-weight: 700;
    line-height: 1.49;
    color: var(--phoenix-gray-700)
}

.col-form-label-lg {
    padding-top: calc(0.75rem + 1px);
    padding-bottom: calc(0.75rem + 1px);
    font-size: 1rem
}

.col-form-label-sm {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    font-size: 0.8rem
}



.container,
.container-fluid,
.container-small-xl,
.container-small-lg,
.container-small-md,
.container-small-sm,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    position: relative
}

.all-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.flex-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.navbar .container-small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.container-small,
.container-small-fluid {
    --phoenix-gutter-x: 2rem;
    --phoenix-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--phoenix-gutter-x)*.5);
    padding-left: calc(var(--phoenix-gutter-x)*.5);
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 576px) {

    .container-small-sm,
    .container-small {
        max-width: 540px
    }
}

@media(min-width: 768px) {

    .container-small-md,
    .container-small-sm,
    .container-small {
        max-width: 720px
    }
}

@media(min-width: 992px) {

    .container-small-lg,
    .container-small-md,
    .container-small-sm,
    .container-small {
        max-width: 960px
    }
}

@media(min-width: 1200px) {

    .container-small-xl,
    .container-small-lg,
    .container-small-md,
    .container-small-sm,
    .container-small {
        max-width: 1216px
    }
}

.sort[data-sort],
.table-list .sort[data-sort] {
    white-space: nowrap;
    cursor: pointer
}

[data-list] .sort[data-sort]::after,
.table-list .sort[data-sort]::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNyA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy4xNDkgMC42NDY3NjhDMy4zNDM2NiAwLjQ1NDg4NSAzLjY1NjM0IDAuNDU0ODg1IDMuODUxIDAuNjQ2NzY4TDYuMTMxNTEgMi44OTQ2OUM2LjQ0OTk4IDMuMjA4NjIgNi4yMjc2OSAzLjc1MDc4IDUuNzgwNSAzLjc1MDc4SDEuMjE5NUMwLjc3MjMwNyAzLjc1MDc4IDAuNTUwMDE4IDMuMjA4NjIgMC44Njg0OTUgMi44OTQ2OUwzLjE0OSAwLjY0Njc2OFoiIGZpbGw9IiM2RTc4OTEiLz4KPHBhdGggZD0iTTMuMTQ5IDguMTU0MDFDMy4zNDM2NiA4LjM0NTkgMy42NTYzNCA4LjM0NTkgMy44NTEgOC4xNTQwMUw2LjEzMTUxIDUuOTA2MDlDNi40NDk5OCA1LjU5MjE2IDYuMjI3NjkgNS4wNSA1Ljc4MDUgNS4wNUgxLjIxOTVDMC43NzIzMDcgNS4wNSAwLjU1MDAxOCA1LjU5MjE2IDAuODY4NDk1IDUuOTA2MDlMMy4xNDkgOC4xNTQwMVoiIGZpbGw9IiM2RTc4OTEiLz4KPC9zdmc+Cg==");
    margin-left: .25rem
}

[data-list] .sort[data-sort].asc::after,
.table-list .sort[data-sort].asc::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNyA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy4xNDkgOC4xNTQwMUMzLjM0MzY2IDguMzQ1OSAzLjY1NjM0IDguMzQ1OSAzLjg1MSA4LjE1NDAxTDYuMTMxNTEgNS45MDYwOUM2LjQ0OTk4IDUuNTkyMTYgNi4yMjc2OSA1LjA1IDUuNzgwNSA1LjA1SDEuMjE5NUMwLjc3MjMwNyA1LjA1IDAuNTUwMDE4IDUuNTkyMTYgMC44Njg0OTUgNS45MDYwOUwzLjE0OSA4LjE1NDAxWiIgZmlsbD0iIzZFNzg5MSIvPgo8L3N2Zz4K") !important;
    margin-top: -1px !important
}

[data-list] .sort[data-sort].desc::after,
.table-list .sort[data-sort].desc::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNyA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy4xNDkgMC42NDY3NjhDMy4zNDM2NiAwLjQ1NDg4NSAzLjY1NjM0IDAuNDU0ODg1IDMuODUxIDAuNjQ2NzY4TDYuMTMxNTEgMi44OTQ2OUM2LjQ0OTk4IDMuMjA4NjIgNi4yMjc2OSAzLjc1MDc4IDUuNzgwNSAzLjc1MDc4SDEuMjE5NUMwLjc3MjMwNyAzLjc1MDc4IDAuNTUwMDE4IDMuMjA4NjIgMC44Njg0OTUgMi44OTQ2OUwzLjE0OSAwLjY0Njc2OFoiIGZpbGw9IiM2RTc4OTEiLz4KPC9zdmc+Cg==") !important
}

[data-list] .page,
.table-list .page {
    padding: .5rem .75rem;
    color: var(--phoenix-gray-800);
    font-size: .64rem;
    margin-left: .25rem;
    margin-right: .25rem
}

[data-list] li.active .page,
.table-list li.active .page {
    color: #fff;
    background-color: #3874ff
}

.ios [data-list-pagination].btn-primary[disabled],
.ios .tox [data-list-pagination][disabled].tox-button,
.tox .ios [data-list-pagination][disabled].tox-button {
    opacity: 1 !important;
    border: 0 !important;
    background-color: var(--phoenix-btn-disabled-custom-background) !important;
    color: var(--phoenix-btn-disabled-custom-color) !important
}

code[class*=language-],
pre[class*=language-] {
    color: #f8f8f2;
    background: none;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto;
    border-radius: .3em
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
    background: #272822
}

:not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal
}

.sortable .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    font-weight: 400;
    font-size: .8rem;
    letter-spacing: .13rem
}

.sortable .menu .isotope-nav {
    cursor: pointer;
    padding: .25rem .5rem;
    margin-bottom: .5rem;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin-right: .25rem
}

.sortable .menu .isotope-nav:last-child {
    margin-right: 0
}

.sortable .menu .isotope-nav.active {
    border-color: currentColor;
    color: #000;
    border-radius: .375rem
}

.kanban-container .sortable-drag {
    border: 0 !important
}

.kanban-container .sortable-drag .kanban-item-card {
    -webkit-transform: rotate(-5deg) !important;
    -ms-transform: rotate(-5deg) !important;
    transform: rotate(-5deg) !important;
    background-color: var(--phoenix-drag-bg);
    top: 5px
}

.kanban-container .kanban-item {
    cursor: pointer
}

.kanban-container .kanban-item:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.kanban-container .kanban-item.sortable-ghost .kanban-item-card {
    position: relative
}

.kanban-container .kanban-item.sortable-ghost .kanban-item-card::before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: var(--phoenix-ghost-bg);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    border-radius: .375rem
}

.kanban-container .kanban-item-card {
    background-color: var(--phoenix-kanban-column-bg)
}

.kanban-container .kanban-item-card:hover {
    background-color: var(--phoenix-kanban-column-hover-bg)
}

.kanban-container .kanban-items-container {
    opacity: 1;
    -webkit-transition: opacity .4s ease-out;
    -o-transition: opacity .4s ease-out;
    transition: opacity .4s ease-out;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    min-height: 1rem
}

.kanban-container .kanban-column {
    display: inline-block !important;
    width: 22rem;
    white-space: normal;
    vertical-align: top;
    margin-right: 1rem;
    background-color: var(--phoenix-kanban-column-bg);
    -webkit-transition: width .2s ease;
    -o-transition: width .2s ease;
    transition: width .2s ease;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.kanban-container .kanban-column-title {
    font-weight: 700;
    color: var(--phoenix-black)
}

.kanban-container .kanban-title-badge {
    border-radius: var(--phoenix-border-radius-pill);
    background-color: var(--phoenix-gray-200);
    font-size: .8rem;
    font-weight: 600;
    padding: 4px 9px;
    margin-left: .5rem;
    color: var(--phoenix-black);
    line-height: 1;
    display: inline
}

.kanban-container .kanban-item-dropdown-btn {
    padding: 0 .5rem;
    position: absolute !important;
    right: 0;
    top: 0;
    z-index: 2 !important
}

.kanban-container .kanban-header-dropdown-btn {
    position: absolute !important;
    top: -15px;
    z-index: 2 !important
}

.kanban-container .kanban-collapse-icon {
    cursor: pointer
}

.kanban-container .kanban-collapse-icon.uil-arrow-from-right {
    display: none
}

.kanban-container .kanban-column.collapsed {
    width: 3.5rem;
    -webkit-transition: width .2s ease;
    -o-transition: width .2s ease;
    transition: width .2s ease;
    overflow: hidden;
    height: 100%;
    position: relative
}

.kanban-container .kanban-column.collapsed .kanban-header-dropdown-btn {
    display: none !important
}

.kanban-container .kanban-column.collapsed .kanban-header {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.kanban-container .kanban-column.collapsed .kanban-column-title {
    margin: 0;
    position: absolute;
    top: 10rem;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    white-space: nowrap;
    min-width: 10rem;
    text-align: end
}

.kanban-container .kanban-column.collapsed .kanban-collapse-icon {
    margin: 0 auto
}

.kanban-container .kanban-column.collapsed .kanban-collapse-icon.uil-left-arrow-to-left {
    display: none
}

.kanban-container .kanban-column.collapsed .kanban-collapse-icon.uil-arrow-from-right {
    display: inline
}

.kanban-container .kanban-column.collapsed .kanban-add-task {
    display: none
}

.kanban-container .kanban-column.collapsed .kanban-items-container {
    opacity: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.sortable-dragging * {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important
}

.kanban-create-board .nav-underline .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.kanban-create-board .nav-underline .nav-item .nav-link {
    text-align: center
}