/* Coloring */

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #7289da;
    --bs-btn-border-color: #7289da;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #52629d;
    --bs-btn-hover-border-color: #52629d;
    --bs-btn-focus-shadow-rgb: 113, 62, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #52629d;
    --bs-btn-active-border-color: #52629d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(10, 11, 17, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7289da;
    --bs-btn-disabled-border-color: #7289da;
}


/* Dark Theme */



[data-bs-theme=dark] {
    --bs-body-color: #E3E6F2;
    --bs-body-color-rgb: 227, 230, 242;
    --bs-body-bg: #36393e;
    --bs-body-bg-rgb: 54, 57, 62;
    --bs-emphasis-color: #F3F5FF;
    --bs-emphasis-color-rgb: 243, 245, 255;
    --bs-secondary-color: rgb(122, 130, 140);
    --bs-secondary-color-rgb: 66, 69, 73;
    --bs-secondary-bg: #393c4e;
    --bs-secondary-bg-rgb: 57, 60, 78;
    --bs-tertiary-color: rgba(227, 230, 242, 0.5);
    --bs-tertiary-color-rgb: 227, 230, 242;
    --bs-tertiary-bg: #2c2f41;
    --bs-tertiary-bg-rgb: 44, 47, 65;
    --bs-emphasis-color: #fff;
    --bs-primary-text: #7289da;
    --bs-secondary-text: #D9DCEA;
    --bs-success-text: #70d5b3;
    --bs-info-text: #66a0ff;
    --bs-warning-text: #fbab73;
    --bs-danger-text: #f88c9e;
    --bs-light-text: #F3F5FF;
    --bs-dark-text: #D9DCEA;
    --bs-primary-bg-subtle: #230b66;
    --bs-secondary-bg-subtle: #2c2f41;
    --bs-success-bg-subtle: #064a34;
    --bs-info-bg-subtle: #002766;
    --bs-warning-bg-subtle: #642e09;
    --bs-danger-bg-subtle: #621926;
    --bs-light-bg-subtle: #2c2f41;
    --bs-dark-bg-subtle: #1b1d29;
    --bs-primary-border-subtle: #351199;
    --bs-secondary-border-subtle: #393c4e;
    --bs-success-border-subtle: #0a6f4d;
    --bs-info-border-subtle: #002766;
    --bs-warning-border-subtle: #642e09;
    --bs-danger-border-subtle: #922638;
    --bs-light-border-subtle: #393c4e;
    --bs-dark-border-subtle: #2c2f41;
    --bs-heading-color: #fff;
    --bs-link-color: #fff;
    --bs-link-hover-color: #7949ff;
    --bs-link-color-rgb: 255, 255, 255;
    --bs-link-hover-color-rgb: 121, 73, 255;
    --bs-code-color: #f88c9e;
    --bs-border-color: #232533;
    --bs-border-color-translucent: #5B6079;
}

img.img-invert-allways {
    filter: invert(1) grayscale(100%) brightness(300%);
}

[data-bs-theme=dark] img.img-invert {
    filter: invert(1) grayscale(100%) brightness(200%);
}


[data-bs-theme=dark] #toast-container>div {
    -webkit-box-shadow: 0 0 12px #444444;
    box-shadow: 0 0 12px #444444;
}

[data-bs-theme=dark] .btn-outline-dark {
    color: #FFF;
}

[data-bs-theme=dark] .page-sidebar {
    background: #1e2124;
}

[data-bs-theme=dark] .card-header:first-child {
    background: #282b30;
}


.aside-logo {
    height: auto;
    margin-bottom: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

span.description {
    font-weight: 300;
    font-size: 12px;
}

.avatar img {
    aspect-ratio: 1/1;
}

.btn-block {
    display: block;
    width: 100%;
}

span.bg-light {
    color: #000;
}

/* ListGroup Admin Panel */

.list-collapse-group .list-group-item.icon-before [data-bs-toggle=collapse]::before {
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -.75rem;
    content: "\e5cf";
    font-family: "Material Symbols Rounded";
    font-size: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    transition: transform cubic-bezier(.075, .82, .165, 1) .4s
}

.list-collapse-group .list-group-item.icon-before [data-bs-toggle=collapse][aria-expanded=true]::before {
    transform: rotate(180deg);
}

.list-collapse-group .list-group-item.icon-before [data-bs-toggle=collapse]::after {
    display: none;
}


/* Conditional Builder */

#conditionbuilder {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#conditionbuilder #addcondition {
    margin-bottom: 20px;
}

.criteriabox {
    display: flex;
    background: rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    width: 100%;
}

.criteriabox .criteria {
    width: 35%;
    padding-right: 10px;
}

.criteriabox .operator {
    width: 20%;
    padding-right: 10px;
}

.criteriabox .value {

    width: 35%;
    padding-right: 10px;
}

.criteriabox .remove {
    display: flex;
    width: 10%;
}

/* Modal */
.modal {
    --bs-modal-bg: #fafbfd;
    --bs-modal-border-color: #ccc;
    --bs-modal-border-width: 1px;
    --bs-modal-border-radius: 5px
}

.modal-header,
.modal-footer {
    background: #FFF;
}


[data-bs-theme=dark] .modal-header,
[data-bs-theme=dark] .modal-footer {
    background: #424549;
}

[data-bs-theme=dark] .modal {
    --bs-modal-bg: #36393e;
}

.sidebar-dropdown {
    padding-left: 1.2rem;
}

.sidebar-icon {
    height: 1.5rem;
}

.page-sidebar .nav-link {
    height: 42px;
}

/* Form Control */
.form-control-sm,
.form-control {
    border: 1px solid #ccc;
    border-radius: 4px;
}

[data-bs-theme=dark] .form-control-sm,
[data-bs-theme=dark] .form-control {
    border: 1px solid #444444;
    background: #424549;
    color: #FFF;
}

/* Select2 */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 8px;
    padding-bottom: 8px;
}


[data-bs-theme=dark] .select2-dropdown {
    background-color: #424549;
}

[data-bs-theme=dark] .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #424549;
    color: #FFF;
}

[data-bs-theme=dark] .select2-container--default .select2-selection--single {
    background-color: #424549;
    border: 1px solid #444444;
}

[data-bs-theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #FFF;
}

[data-bs-theme=dark] body .select2-container--default .select2-results__option {
    background: #424549;
}

span.select2 {
    width: 100% !important;
}

.input-group>.select2 {
    width: auto !important;
    flex: 1 1 auto;
}


.select2-container--default .select2-selection--single {
    height: 100%;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: unset;
    height: 100%;
    display: flex;
    align-items: center;
}

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


/* Select2 Nice List */



.select2_nicelist .select2-tagcontainer ul {
    list-style: none;
    padding: 0;
}

.select2_nicelist .select2-container--default .select2-selection--multiple {
    border: solid #c3c3c3 1px; 
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
}

.select2_nicelist .tag-selected {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;

    list-style: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: default;

    margin-right: 5px;
    margin-top: 5px;
    padding: 10px 15px;
    padding-right: 0px;
}

.select2_nicelist .destroy-tag-selected {
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;

    border-left: 1px solid #ccc;
    padding-left: 20px;
    padding-right: 20px;

}

.select2_nicelist .destroy-tag-selected:hover {
    text-decoration: none;
}

.select2_nicelist .select2-selection__choice {
    display: none !important;
}



/* Chocies */

.input-group .choices {
    width: 100%;
}

.sidebar-title>i {
    width: 15px;
}

.sidebar-icon {
    width: 15px;
}

.error-msg {
    color: red;
}

/* Ticket View */
@media (min-width: 768px) {

    .content-expand-md.content-wrapper {
        height: calc(100vh - 184px - 2rem);
    }


    .content-expand-md .content-right {
        width: calc(100% - 320px);
        float: right;
        margin-right: 1rem;
        margin-left: unset;
    }

    .content-expand-md .content-left {
        width: 320px;
        float: left;
    }

}

.hidden {
    display: none;
}



/* Tool TextFieldonClick */

.list-group-flextwocol .list-group-item,
.list-group-flexthreecol .list-group-item {
    display: flex;
    align-items: center;
}

.list-group-flextwocol .list-group-item i,
.list-group-flexthreecol .list-group-item i {
    width: 30px;
}


.list-group-flexthreecol .list-group-item label {
    min-width: 200px;
}


.TextFieldonClick {
    cursor: pointer;
    width: 100%;
}

.form-control-sm {
    width: 100%;
}

.box {
    display: flex;
    flex-wrap: wrap;
    align-content: end;
    justify-content: end;
    width: 100%;
}

.TextFieldonClick_buttons {
    position: absolute;
    margin-top: 25px;
    z-index: 9999;
}

.TextFieldonClick_buttons.OrderElement {
    margin-top: 0px;
    position: relative;
}

.textfield_sort_container {
    padding: 0;
    width: 100%;
}

.textfield_sort_container .sortable-item {
    list-style-type: none;
    padding: 10px;
    margin: 10px 0;
    border-radius: 3px;
    width: 100%;
    background-color: var(--color-secondary);
    color: #fff;
    cursor: move;
}

.btn {
    text-transform: initial;
}

/* List view */
[data-bs-theme=dark] .btn.bg-white {
    background-color: #1e2124 !important;
    color: #FFF;
}

[data-bs-theme=dark] .btn.btn-light {
    background-color: #1e2124 !important;
    color: #FFF;
    border: 1px solid #1e2124;
}

[data-bs-theme=dark] .buttontools .searchbox {
    border: 1px solid #1e2124;
}

.form-check-line-through:checked+label {
    color: var(--bs-secondary-color);
    text-decoration: unset;
}

/* Ticket View Comment */

[data-bs-theme=dark] #ticketview-comment .card-body * {
    color: #dedcdc !important;
    background: #36393e !important;
}