.bg-login {
    background: url(../../images/login-bg.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg-issuetracker {
    margin: 0;
    height: 100vh;
    background-color: #f7f7f7;
    background-image: radial-gradient(#dcdcdc 1px, transparent 1px);
    background-size: 10px 10px; /* spacing between dots */
}

@media (max-width: 768px) {
    .dt-length {
        display: none;
    }
}

.nav-group.show .nav-group-toggle {
    background-color: rgb(49 65 96) !important;
}

.simplebar-content {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.dataTable a {
    text-decoration: none;
}

    .dataTable a:hover {
        color: #0c09f7 !important;
    }

.mandatory-symbol {
    color: red;
    font-size: 12px;
}

.subheader-title {
    padding: var(--cui-header-toggler-padding-y) var(--cui-header-toggler-padding-x);
    font-size: 1.25rem;
    color: #4770dc;
    background-color: var(--cui-header-toggler-bg);
    border: 0;
    border-radius: var(--cui-header-toggler-border-radius);
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
}

    .offcanvas-header .btn-close {
        padding: .5rem .5rem;
        margin-top: -.5rem;
        margin-right: -.5rem;
        margin-bottom: -.5rem;
    }

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
}

.validation-summary-errors {
    background-color: #f5e9c4;
    color: #f72828;
    padding: 0.3rem;
    border-radius: 6px;
    text-align: center;
    margin-bottom: 0.5rem;
    font-size: 13px;
}

    .validation-summary-errors ul {
        padding: 0;
        margin-bottom: 0;
    }

        .validation-summary-errors ul li {
            list-style: none !important;
        }

.validation-errors ul {
    margin-bottom: 0;
    padding-left: 1.25rem;
}

    .validation-errors ul li {
        list-style: disc !important;
    }

.select2-container .select2-selection--single {
    height: calc(2.3rem + 2px);
    padding: 0.30rem 0.25rem;
    border: 1px solid #ced4da;
    border-radius: var(--cui-border-radius);
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    right: 0.75rem;
}

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--multiple {
    min-height: 38px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        margin-top: 0.28rem !important;
        background-color: #afc3f7 !important;
        color: #495057;
        border: 1px solid #ced4da;
        border-radius: 0.2rem;
    }

.datepicker {
    z-index: 1050 !important;
}

#canvas-3 {
    width: 100%;
    height: 300px;
}

.dropzone {
    padding: 0;
}

    .dropzone .dz-preview .dz-image,
    .dropzone .dz-preview .dz-image .data-dz-thumbnail {
        height: 100px;
        width: 100px;
    }

        .dropzone .dz-preview .dz-image img {
            max-height: 100px;
            max-width: 100px;
        }

    .dropzone .dz-preview {
        margin: 8px;
        padding-bottom: 0 !important;
        margin-bottom: 0px;
    }

    .dropzone .dz-message {
    }

#dropzone-container {
    border: 1px dashed #007bff;
    color: #6c757d;
}

.timeline-container {
    position: relative;
    margin-bottom: 32px
}

    .timeline-container:last-child {
        margin-bottom: 0;
    }

    /*.timeline-container:before {
        content: "";
        display: block;
        position: absolute;
        left: 28px;
        top: 0;
        bottom: 0;
        border: 1px dotted #E2E3E7;
        border-width: 0 1px
    }*/

    .timeline-container:first-child:before {
        border-top-width: 1px
    }

    .timeline-container:last-child:before {
        border-bottom-width: 1px
    }

.timeline-item {
    position: relative;
}

    .timeline-item .widget-box {
        background-color: #F2F6F9;
        color: #595C66;
    }

    .timeline-item .transparent.widget-box {
        border-left: 3px solid #DAE1E5;
        /*margin-bottom: 8px;*/
    }

    .timeline-item .transparent .widget-header {
        background-color: #ECF1F4;
        border-bottom-width: 0
    }

        .timeline-item .transparent .widget-header > .widget-title {
            margin-left: 8px
        }

    .timeline-item:nth-child(even) .widget-box {
        background-color: #F3F3F3;
        color: #616161
    }

        .timeline-item:nth-child(even) .widget-box.transparent {
            border-left-color: #DBDBDB !important
        }

            .timeline-item:nth-child(even) .widget-box.transparent .widget-header {
                background-color: #EEE !important
            }

    .timeline-item .widget-box {
        /*margin: 0 0 0 60px;*/
        position: relative;
        max-width: none
    }

    .timeline-item .widget-main {
        margin: 0;
        position: relative;
        max-width: none;
        border-bottom-width: 0
    }

    .timeline-item .widget-body {
        background-color: transparent
    }

    .timeline-item .widget-toolbox {
        padding: 4px 8px 0 !important;
        background-color: transparent !important;
        border-width: 0 !important;
        margin: 0 !important
    }

.timeline-info {
    float: left;
    width: 60px;
    text-align: center;
    position: relative
}

    .timeline-info img {
        border-radius: 100%;
        max-width: 42px
    }

    .timeline-info .badge,
    .timeline-info .label {
        font-size: 12px
    }

.timeline-container:not(.timeline-style2) .timeline-indicator {
    opacity: 1;
    border-radius: 100%;
    display: inline-block;
    font-size: 16px;
    height: 36px;
    line-height: 30px;
    width: 36px;
    text-align: center;
    text-shadow: none !important;
    padding: 0;
    cursor: default;
    border: 3px solid #FFF !important
}

.timeline-label {
    display: block;
    clear: both;
    margin: 0 0 18px 34px
}

.timeline-item img {
    border: 1px solid #AAA;
    padding: 2px;
    background-color: #FFF
}

.timeline-style2:before {
    display: none
}

.timeline-style2 .timeline-item {
    padding-bottom: 22px;
    margin-bottom: 0
}

    .timeline-style2 .timeline-item:last-child {
        padding-bottom: 0
    }

    .timeline-style2 .timeline-item:before {
        content: "";
        display: block;
        position: absolute;
        left: 90px;
        top: 5px;
        bottom: -5px;
        border-width: 0;
        background-color: #DDD;
        width: 2px;
        max-width: 2px
    }

    .timeline-style2 .timeline-item:last-child:before {
        display: none
    }

    .timeline-style2 .timeline-item:first-child:before {
        display: block
    }

    .timeline-style2 .timeline-item .transparent .widget-header {
        background-color: transparent !important
    }

    .timeline-style2 .timeline-item .transparent.widget-box {
        background-color: transparent !important;
        border-left: none !important
    }

.timeline-style2 .timeline-info {
    width: 100px
}

.timeline-style2 .timeline-indicator {
    font-size: 0;
    height: 12px;
    line-height: 12px;
    width: 12px;
    border-width: 1px !important;
    background-color: #FFF !important;
    position: absolute;
    left: 85px;
    top: 3px;
    opacity: 1;
    border-radius: 100%;
    display: inline-block;
    padding: 0
}

.timeline-style2 .timeline-date {
    display: inline-block;
    width: 72px;
    text-align: right;
    margin-right: 25px;
    color: #777
}

.timeline-style2 .timeline-item .widget-box {
    margin-left: 112px
}

.timeline-style2 .timeline-label {
    width: 75px;
    margin-left: 0;
    margin-bottom: 10px;
    text-align: right;
    color: #666;
    font-size: 14px
}

.timeline-time {
    text-align: center;
    position: static
}


.widget-box {
    padding: 0;
    box-shadow: none;
    margin: 3px 0;
    border: 1px solid #CCC
}

@media only screen and (max-width:767px) {
    .widget-box {
        margin-top: 7px;
        margin-bottom: 7px
    }
}

.widget-header {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    min-height: 38px;
    background: repeat-x #f7f7f7;
    background-image: -webkit-linear-gradient(top, #FFF 0, #EEE 100%);
    background-image: -o-linear-gradient(top, #FFF 0, #EEE 100%);
    background-image: linear-gradient(to bottom, #FFF 0, #EEE 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
    color: #669FC7;
    border-bottom: 1px solid #DDD;
    padding-left: 12px
}

.widget-box.transparent > .widget-header,
.widget-header-flat {
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}

.widget-header:after,
.widget-header:before {
    content: "";
    display: table;
    line-height: 0
}

.widget-header:after {
    clear: right
}

.widget-box.collapsed > .widget-header {
    border-bottom-width: 0
}

.collapsed.fullscreen > .widget-header {
    border-bottom-width: 1px
}

.collapsed > .widget-body {
    display: none
}

.widget-header-flat {
    background: #F7F7F7
}

.widget-header-large {
    min-height: 49px;
    padding-left: 18px
}

.widget-header-small {
    min-height: 31px;
    padding-left: 10px
}

.widget-header > .widget-title {
    line-height: 36px;
    padding: 0;
    margin: 0;
    display: inline
}

    .widget-header > .widget-title > .ace-icon {
        margin-right: 5px;
        font-weight: 400;
        display: inline-block
    }

.infobox .infobox-content:first-child,
.infobox > .badge,
.infobox > .stat,
.percentage {
    font-weight: 700
}

.widget-header-large > .widget-title {
    line-height: 48px
}

.widget-header-small > .widget-title {
    line-height: 30px
}

.widget-toolbar {
    display: inline-block;
    padding: 0 10px;
    line-height: 37px;
    float: right;
    position: relative;
    font-size: 12px;
    font-weight: bold;
    color: #6e98b9;
}

.widget-header-large > .widget-toolbar {
    line-height: 48px
}

.widget-header-small > .widget-toolbar {
    line-height: 29px
}

.widget-toolbar.no-padding {
    padding: 0
}

.widget-toolbar.padding-5 {
    padding: 0 5px
}

.widget-toolbar:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: -1px;
    border: 1px solid #D9D9D9;
    border-width: 0 1px 0 0
}

.popover-notitle + .popover .popover-title,
.popover.popover-notitle .popover-title,
.widget-toolbar.no-border:before {
    display: none
}

.widget-header-large > .widget-toolbar:before {
    top: 6px;
    bottom: 6px
}

[class*=widget-color-] > .widget-header > .widget-toolbar:before {
    border-color: #EEE
}

.widget-color-orange > .widget-header > .widget-toolbar:before {
    border-color: #FEA
}

.widget-color-dark > .widget-header > .widget-toolbar:before {
    border-color: #222;
    box-shadow: -1px 0 0 rgba(255, 255, 255, .2), inset 1px 0 0 rgba(255, 255, 255, .1)
}

.widget-toolbar label {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0
}

.widget-toolbar > .widget-menu > a,
.widget-toolbar > a {
    font-size: 14px;
    margin: 0 1px;
    display: inline-block;
    padding: 0;
    line-height: 24px
}

    .widget-toolbar > .widget-menu > a:hover,
    .widget-toolbar > a:hover {
        text-decoration: none
    }

.widget-header-large > .widget-toolbar > .widget-menu > a,
.widget-header-large > .widget-toolbar > a {
    font-size: 15px;
    margin: 0 1px
}

.widget-toolbar > .btn {
    line-height: 27px;
    margin-top: -2px
}

    .widget-toolbar > .btn.smaller {
        line-height: 26px
    }

    .widget-toolbar > .btn.bigger {
        line-height: 28px
    }

.widget-toolbar > .btn-sm {
    line-height: 24px
}

    .widget-toolbar > .btn-sm.smaller {
        line-height: 23px
    }

    .widget-toolbar > .btn-sm.bigger {
        line-height: 25px
    }

.widget-toolbar > .btn-xs {
    line-height: 22px
}

    .widget-toolbar > .btn-xs.smaller {
        line-height: 21px
    }

    .widget-toolbar > .btn-xs.bigger {
        line-height: 23px
    }

.widget-toolbar > .btn-minier {
    line-height: 18px
}

    .widget-toolbar > .btn-minier.smaller {
        line-height: 17px
    }

    .widget-toolbar > .btn-minier.bigger {
        line-height: 19px
    }

.widget-toolbar > .btn-lg {
    line-height: 36px
}

    .widget-toolbar > .btn-lg.smaller {
        line-height: 34px
    }

    .widget-toolbar > .btn-lg.bigger {
        line-height: 38px
    }

.widget-toolbar-dark {
    background: #444
}

.widget-toolbar-light {
    background: rgba(255, 255, 255, .85)
}

.widget-toolbar > .widget-menu {
    display: inline-block;
    position: relative
}

    .widget-toolbar > .widget-menu > a[data-action],
    .widget-toolbar > a[data-action] {
        -webkit-transition: transform .1s;
        -o-transition: transform .1s;
        transition: transform .1s
    }

        .widget-toolbar > .widget-menu > a[data-action] > .ace-icon,
        .widget-toolbar > a[data-action] > .ace-icon {
            margin-right: 0
        }

        .widget-toolbar > .widget-menu > a[data-action]:focus,
        .widget-toolbar > a[data-action]:focus {
            text-decoration: none;
            outline: 0
        }

        .widget-toolbar > .widget-menu > a[data-action]:hover,
        .widget-toolbar > a[data-action]:hover {
            -moz-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -o-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2)
        }

.widget-body {
    background-color: #FFF
}

.widget-main {
    padding: 5px
}

    .widget-main.padding-32 {
        padding: 32px
    }

    .widget-main.padding-30 {
        padding: 30px
    }

    .widget-main.padding-28 {
        padding: 28px
    }

    .widget-main.padding-26 {
        padding: 26px
    }

    .widget-main.padding-24 {
        padding: 24px
    }

    .widget-main.padding-22 {
        padding: 22px
    }

    .widget-main.padding-20 {
        padding: 20px
    }

    .widget-main.padding-18 {
        padding: 18px
    }

    .widget-main.padding-16 {
        padding: 16px
    }

    .widget-main.padding-14 {
        padding: 14px
    }

    .widget-main.padding-12 {
        padding: 12px
    }

    .widget-main.padding-10 {
        padding: 10px
    }

    .widget-main.padding-8 {
        padding: 8px
    }

    .widget-main.padding-6 {
        padding: 6px
    }

    .widget-main.padding-4 {
        padding: 4px
    }

    .widget-main.padding-2 {
        padding: 2px
    }

    .widget-main.no-padding,
    .widget-main.padding-0 {
        padding: 0
    }

.widget-toolbar .progress {
    vertical-align: middle;
    display: inline-block;
    margin: 0
}

.widget-toolbar > .dropdown,
.widget-toolbar > .dropup {
    display: inline-block
}

.widget-toolbox.toolbox-vertical,
.widget-toolbox.toolbox-vertical + .widget-main {
    display: table-cell;
    vertical-align: top
}

.widget-box > .widget-header > .widget-toolbar > .widget-menu > [data-action=settings],
.widget-box > .widget-header > .widget-toolbar > [data-action=settings],
.widget-color-dark > .widget-header > .widget-toolbar > .widget-menu > [data-action=settings],
.widget-color-dark > .widget-header > .widget-toolbar > [data-action=settings] {
    color: #99CADB
}

.widget-box > .widget-header > .widget-toolbar > .widget-menu > [data-action=reload],
.widget-box > .widget-header > .widget-toolbar > [data-action=reload],
.widget-color-dark > .widget-header > .widget-toolbar > .widget-menu > [data-action=reload],
.widget-color-dark > .widget-header > .widget-toolbar > [data-action=reload] {
    color: #ACD392
}

.widget-box > .widget-header > .widget-toolbar > .widget-menu > [data-action=collapse],
.widget-box > .widget-header > .widget-toolbar > [data-action=collapse],
.widget-color-dark > .widget-header > .widget-toolbar > .widget-menu > [data-action=collapse],
.widget-color-dark > .widget-header > .widget-toolbar > [data-action=collapse] {
    color: #AAA
}

.widget-box > .widget-header > .widget-toolbar > .widget-menu > [data-action=close],
.widget-box > .widget-header > .widget-toolbar > [data-action=close],
.widget-color-dark > .widget-header > .widget-toolbar > .widget-menu > [data-action=close],
.widget-color-dark > .widget-header > .widget-toolbar > [data-action=close] {
    color: #E09E96
}

.widget-box[class*=widget-color-] > .widget-header {
    color: #FFF;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}

.widget-color-blue {
    border-color: #307ECC
}

    .widget-color-blue > .widget-header {
        background: #307ECC;
        border-color: #307ECC
    }

.widget-color-blue2 {
    border-color: #5090C1
}

    .widget-color-blue2 > .widget-header {
        background: #5090C1;
        border-color: #5090C1
    }

.widget-color-blue3 {
    border-color: #6379AA
}

    .widget-color-blue3 > .widget-header {
        background: #6379AA;
        border-color: #6379AA
    }

.widget-color-green {
    border-color: #82AF6F
}

    .widget-color-green > .widget-header {
        background: #82AF6F;
        border-color: #82AF6F
    }

.widget-color-green2 {
    border-color: #2E8965
}

    .widget-color-green2 > .widget-header {
        background: #2E8965;
        border-color: #2E8965
    }

.widget-color-green3 {
    border-color: #4EBC30
}

    .widget-color-green3 > .widget-header {
        background: #4EBC30;
        border-color: #4EBC30
    }

.widget-color-red {
    border-color: #E2755F
}

    .widget-color-red > .widget-header {
        background: #E2755F;
        border-color: #E2755F
    }

.widget-color-red2 {
    border-color: #E04141
}

    .widget-color-red2 > .widget-header {
        background: #E04141;
        border-color: #E04141
    }

.widget-color-red3 {
    border-color: #D15B47
}

    .widget-color-red3 > .widget-header {
        background: #D15B47;
        border-color: #D15B47
    }

.widget-color-purple {
    border-color: #7E6EB0
}

    .widget-color-purple > .widget-header {
        background: #7E6EB0;
        border-color: #7E6EB0
    }

.widget-color-pink {
    border-color: #CE6F9E
}

    .widget-color-pink > .widget-header {
        background: #CE6F9E;
        border-color: #CE6F9E
    }

.widget-color-orange {
    border-color: #E8B10D
}

    .widget-color-orange > .widget-header {
        color: #855D10 !important;
        border-color: #E8B10D;
        background: #FFC657
    }

.widget-color-dark {
    border-color: #5a5a5a
}

    .widget-color-dark > .widget-header {
        border-color: #666;
        background: #404040
    }

.widget-color-grey {
    border-color: #9e9e9e
}

    .widget-color-grey > .widget-header {
        border-color: #aaa;
        background: #848484
    }

.widget-box.transparent {
    border-width: 0
}

    .widget-box.transparent > .widget-header {
        background: 0 0;
        border-width: 0;
        border-bottom: 1px solid #DCE8F1;
        color: #4383B4;
        padding-left: 3px
    }

    .widget-box.transparent > .widget-header-large {
        padding-left: 5px
    }

    .widget-box.transparent > .widget-header-small {
        padding-left: 1px
    }

    .widget-box.transparent > .widget-body {
        border-width: 0;
        background-color: transparent
    }

[class*=widget-color-] > .widget-header > .widget-toolbar > .widget-menu > [data-action],
[class*=widget-color-] > .widget-header > .widget-toolbar > [data-action] {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

[class*=widget-color-] > .widget-header > .widget-toolbar > .widget-menu > [data-action=settings],
[class*=widget-color-] > .widget-header > .widget-toolbar > [data-action=settings] {
    color: #D3E4ED
}

[class*=widget-color-] > .widget-header > .widget-toolbar > .widget-menu > [data-action=reload],
[class*=widget-color-] > .widget-header > .widget-toolbar > [data-action=reload] {
    color: #DEEAD3
}

[class*=widget-color-] > .widget-header > .widget-toolbar > .widget-menu > [data-action=collapse],
[class*=widget-color-] > .widget-header > .widget-toolbar > [data-action=collapse] {
    color: #E2E2E2
}

[class*=widget-color-] > .widget-header > .widget-toolbar > .widget-menu > [data-action=close],
[class*=widget-color-] > .widget-header > .widget-toolbar > [data-action=close] {
    color: #FFD9D5
}

.widget-color-orange > .widget-header > .widget-toolbar > .widget-menu > [data-action],
.widget-color-orange > .widget-header > .widget-toolbar > [data-action] {
    text-shadow: none
}

.widget-color-orange > .widget-header > .widget-toolbar > .widget-menu > [data-action=settings],
.widget-color-orange > .widget-header > .widget-toolbar > [data-action=settings] {
    color: #559AAB
}

.widget-color-orange > .widget-header > .widget-toolbar > .widget-menu > [data-action=reload],
.widget-color-orange > .widget-header > .widget-toolbar > [data-action=reload] {
    color: #7CA362
}

.widget-color-orange > .widget-header > .widget-toolbar > .widget-menu > [data-action=collapse],
.widget-color-orange > .widget-header > .widget-toolbar > [data-action=collapse] {
    color: #777
}

.widget-color-orange > .widget-header > .widget-toolbar > .widget-menu > [data-action=close],
.widget-color-orange > .widget-header > .widget-toolbar > [data-action=close] {
    color: #A05656
}

.widget-box.light-border[class*=widget-color-]:not(.fullscreen) {
    border-width: 0
}

    .widget-box.light-border[class*=widget-color-]:not(.fullscreen) > .widget-header {
        border: 1px solid;
        border-color: inherit
    }

    .widget-box.light-border[class*=widget-color-]:not(.fullscreen) > .widget-body {
        border: 1px solid #D6D6D6;
        border-width: 0 1px 1px
    }

.widget-box.no-border {
    border-width: 0
}

.widget-box.fullscreen {
    position: fixed;
    margin: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FFF;
    border-width: 3px;
    z-index: 1040 !important
}

    .widget-box.fullscreen:not([class*=widget-color-]) {
        border-color: #AAA
    }

.widget-body .table {
    border-top: 1px solid #E5E5E5
}

    .widget-body .table thead:first-child tr {
        background: #FFF
    }

.backlog-history .tab-pane {
    max-height: calc(100vh - 108px);
    overflow-y: auto;
}

.comment-box-container {
    position: sticky;
    bottom: 0;
    background-color: #ffffff;
    padding: 0.6rem;
    border-top: 1px solid #dee2e6;
}

.thumbnail-container {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    padding: 0.5rem;
    margin-bottom: 1rem;
    gap: 1rem;
    border: 1px dashed #dee2e6;
}

    .thumbnail-container::-webkit-scrollbar {
        height: 8px;
    }

    .thumbnail-container::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 4px;
    }

        .thumbnail-container::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.file-icon-delete {
    text-align: center;
    color: #8b8e90;
    cursor: pointer;
    font-size: 0.75rem;
}

    .file-icon-delete:hover {
        color: #f72828;
    }

.file-icon {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    flex-shrink: 0;
}

    .file-icon a {
        color: #fff;
        text-decoration: none !important;
    }

    .file-icon.pdf {
        background-color: #e74c3c;
    }

    .file-icon.doc {
        background-color: #3498db;
    }

    .file-icon.xls {
        background-color: #2ecc71;
    }

    .file-icon.img {
        background-color: #f39c12;
    }

    .file-icon.txt {
        background-color: #95a5a6;
    }

    .file-icon.other {
        background-color: #8e44ad;
    }

.alert-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
}

.avatar-card {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.greeting-container {
    display: flex;
    align-items: center;
}

.greeting-text {
    margin: 0;
    font-weight: bold;
}

.sidebar-brand-full {
    margin-left: 3rem;
}

.text-line-container {
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
}

    .text-line-container::before,
    .text-line-container::after {
        content: '';
        flex: 1;
        border-bottom: 1px dashed #6c757d;
        /* Adjust color and thickness */
        margin: 0 10px;
    }

.text-line {
    white-space: nowrap;
}

.card-count a {
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

.chart-container {
    width: 100%;
    height: 300px;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.blinking {
    animation: blink 0.35s linear infinite;
}

.badge-counter .badge {
    padding-top: 0.15em;
    padding-right: 0.45em;
    padding-bottom: 0.15em;
    padding-left: 0.45em;
}

.form-control-color {
    width: 100% !important;
}

.pvtFilterBox {
    z-index: 100000 !important;
}

.pivot {
    max-height: 60vh;
    overflow: auto;
}

.jconfirm-title-c {
    margin-bottom: 8px;
    border-bottom: solid 1px #ddd;
}

.title-author {
    font-size: 12px;
}

.alert-status-log {
    padding: 5px;
    background: #e5e5e5;
    border-radius: 5px;
    margin-bottom: 5px;
    border: 1px solid #fae594;
    text-align: center;
}

.custom-tooltip .tooltip-inner {
    background-color: #f1f5c8;
    border: 1px solid #dae193;
}

.custom-tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #dae193;
}

.datepicker-z {
    z-index: 1000 !important;
}

.tox-promotion {
    display: none !important;
}