﻿.text-inherit {
    color: inherit !important;
}

.invalid-feedback {
    margin-top: 0;
}

/*valid form*/
.fv-plugins-message-container {
    margin-top: 0;
}

.flatpickr-day.today {
    color: var(--bs-danger);
}

.flex-flow-nowrap {
    flex-flow: nowrap;
}

/*ẩn icon sort datatable*/
table.dataTable > thead .sorting_asc:after {
    display: none !important;
}

.badge-light-orange {
    color: #ff8535;
    background-color: #ffd7a04a;
}
[data-bs-theme=dark] .badge-light-orange {
    background-color: #875a1c4a;
}

.badge-light-pink {
    color: #ff29d1;
    background-color: #f7b2fb36;
}

[data-bs-theme=dark] .badge-light-pink {
    background-color: #9d3da336;
}

/*upload file*/
.dropzone.dropzone-queue .dropzone-item .dropzone-progress {
    width: 60px !important;
    min-width: 60px !important;
}

/*.dz-processing .dropzone-progress .progress .progress-bar {
    background: linear-gradient(to right, var(--bs-danger) 20%, var(--bs-warning) 40%, var(--bs-success) 60%, var(--bs-primary) 80%, var(--bs-info) 100%);
    background-size: 300% 100%;
    animation: animate-processing 2s linear infinite;
}

@keyframes animate-processing {
    0% {
        background-position: -100% 0;
    }

    100% {
        background-position: 200% 0;
    }
}*/

.dz-processing .dropzone-progress .progress .progress-bar {
    -webkit-animation-name: animate-processing;
    animation-name: animate-processing;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@keyframes animate-processing {
    0% {
        width: 0%;
    }
    50% {
        width: 100%;
    }
    100% {
        width: 0%;
    }
}

.dz-processing .dropzone-toolbar .dropzone-start {
    pointer-events: none !important;
    cursor: not-allowed !important;
}

.dz-processing .dropzone-toolbar .dropzone-delete {
    pointer-events: none !important;
    cursor: not-allowed !important;
}

.daterangepicker.show-calendar .ranges {
    height: auto !important;
}

.right-0 {
    right: 0;
}

.form-select {
    --bs-form-select-bg-img: none;
}

.card .card-header .card-title .select2-dropdown li {    
    font-size: small !important;
}


.border-top-left-radius-0 {
    border-top-left-radius: 0;
}

.border-bottom-left-radius-0 {
    border-bottom-left-radius: 0;
}

.border-top-right-radius-0 {
    border-top-right-radius: 0;
}

.border-bottom-right-radius-0 {
    border-bottom-right-radius: 0;
}

.ratio-2by3 {
    aspect-ratio: 3/2;
}

/*Responsive table*/
table.dataTable > tbody > tr.child span.dtr-title {
    min-width: 170px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
    padding-left: inherit;
}

/*Form Link của ckeditor z-index nhỏ hơn modal nên không hiển thị được (form.ck-link-form)*/
div.ck.ck-balloon-panel {
    z-index: 1055;
}

/*Đối với select2 có group thì chiều cao của mỗi group bị giới hạn*/
ul.select2-results__options.select2-results__options--nested {
    max-height: 100% !important;
}

.row-col-no-padding > * {
    padding-right: 0;
    padding-left: 0;
}

tags.tagify--focus {
    z-index: 1;
}

.table-hover > tbody > tr:hover > * {
    background-color: var(--bs-primary-light) !important;
}

.symbol-3by2 {
    aspect-ratio: 3/2;
}
.symbol-16by9 {
    aspect-ratio: 16/9;
}
.symbol-16by10 {
    aspect-ratio: 16/10;
}
.symbol-2by1 {
    aspect-ratio: 2/1;
}