/* COLORS
   ----------------------------- */
:root {
    --bs-success: #4fc685;
}
.bg-terminal {
    background-color: #2d2d2d !important;
}


/* ALERTS
   ----------------------------- */

/* Apply automatic background and text color to Bootstrap alerts */
.alert-danger {
    background-color: var(--bs-danger) !important;
    color: white !important;
}

.alert-warning {
    background-color: var(--bs-warning) !important;
    color: white !important;
}

.alert-info {
    background-color: var(--bs-info) !important;
    color: white !important;
}

.alert-success {
    background-color: var(--bs-success) !important;
    color: white !important;
}

.alert-primary {
    background-color: var(--bs-primary) !important;
    color: white !important;
}


/* FORMS
   ----------------------------- */

/* Copy .form-control:disabled styles to readonly input */
.form-control[readonly] {
    color: var(--bs-gray-500);
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-300);
    opacity: 1;
}
.form-control {
    color: var(--bs-gray-900) !important;
}
.form-floating > textarea.form-control {
    height: auto;
}

/* Fix form-floating when using input-group */
.form-floating > .input-group > .form-control:focus,
.form-floating > .input-group > .form-control:not(:placeholder-shown),
.form-floating > .input-group > .form-control-plaintext:focus,
.form-floating > .input-group > .form-control-plaintext:not(:placeholder-shown) {
    padding-top: 1.50rem;
    padding-bottom: 0.625rem;
}

/* Fix form-floating when using a twitter typeahead */
.form-floating > span > .form-control:focus, .form-floating > span > .form-control:not(:placeholder-shown), .form-floating > span > .form-control-plaintext:focus, .form-floating > span > .form-control-plaintext:not(:placeholder-shown) {
    padding-top: 1.65rem;
    padding-bottom: 0.425rem;
}

/* Change modal header/footer border width */
.modal {
    --bs-modal-header-border-width: 3px;
    --bs-modal-footer-border-width: 3px;
}



/* BUTTONS
   ----------------------------- */

/* Create btn-xs size */
.btn-group-xs > .btn:not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon), .btn:not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-xs {
    padding: calc(0.3rem + 1px) calc(0.8rem + 1px);
    line-height: 16px;
}

.btn-group-xs > .btn, .btn-xs {
    --bs-btn-font-size: 0.9rem;
}


/* DROPDOWNS
   ----------------------------- */
/** Force white color on active dropdown menu **/
.dropdown-item.active {
    background-color: var(--bs-dropdown-link-active-color);
}
.dropdown-item.active * {
    color: #fff !important;
    font-weight: bold;
}
.dropdown-menu {
    box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.5)
}

/* TABLES
   ----------------------------- */

/** Table paddings **/
.table-px-0 tr td:first-child {
    padding-left: 0 !important;
}
.table-px-0 tr td:last-child {
    right: 0 !important;
}
.table-py-0 tr:first-child td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/** Table row strikethrough **/
.table-strikethrough td:not(:last-child) {
    text-decoration: line-through;
}

/** Table sorted **/
table tr th[data-sort] {
    cursor: pointer;
}
table tr th[data-sort] a i {
    margin-left:4px;
}
table tr th[data-sort]:hover {
    background-color: var(--bs-table-hover-bg);
}
table tr th[data-sort="asc"],
table tr th[data-sort="desc"] {
    border-bottom: 2px solid var(--bs-primary-active) !important;;
    color: var(--bs-primary-active) !important;
    border-bottom-style: solid !important;
}
table tr th[data-sort] a {
    color: inherit;
    display: block;
}
table tr th[data-sort="asc"] a span i,
table tr th[data-sort="desc"] a span i {
    color: var(--bs-primary-active) !important;
}

/* MISC
   ----------------------------- */

.collapsible:not(.collapsed) .rotate-180 {
    transform: rotateZ(180deg);
    transition: transform 0.3s ease;
}