
.btn.ajax-busy > i.bi {
    display: none;
}

.btn.ajax-busy > .fa-spin + i.bi {
    margin: 0;
}

.btn > i.bi {
    line-height: 1;
}

.sony-panel {
    background-color: #f9e9e2;
    border-radius: 5px;
}

.navbar-expand-md .navbar-collapse.d-none {
    display: none !important;
}

.bg-waiting {
    background-color: #d1e9fc;
}

.bg-costing {
    background-color: #d1fce5;
}

.fc .fc-event {
    cursor: pointer;
}

.modal:not(.loading) .modal-body .busy {
    display: none !important;
}

#toasts-container {
    z-index: 999999;
}

.modal-body #map,
.tab-pane #map {
    width: 100%;
    height: 40vh;
    min-height: 300px;
}

.h-5 {
    height: 1.25rem;
}
.w-5 {
    width: 1.25rem;
}

table th.empty,
table td.empty {
    width: 0px;
}

.card-header-tabs.nav-tabs .nav-link:not(.active) {
    color: #fff;
}

.bg-footer {
    background-color: #c7cfdc;
    color: #000;
    border-top-color: #b6b6b6 !important;
}

.gallery img {
    cursor: pointer;
}

.panel {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    padding: 1rem;
}

table tbody tr.inactive {
    background-color: #ffccab;
}

input.money {
    max-width: 150px;
}

.w-small {
    width: 20px;
}

.h-small {
    height: 20px;
}

.edit-inline-real:not(.editing) textarea,
.edit-inline-real:not(.editing) input {
    display: none;
}

.edit-inline-real.editing span {
    display: none;
}

.form-floating > label {
    color: #acacac;
}

.form-floating > .form-control:focus~label,
.form-floating > .form-control:not(:placeholder-shown)~label,
.form-floating > .form-select~label {
    opacity: .85;
}

.error-cnt {
    display: none;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.1rem;
}

.is-invalid .error-cnt {
    display: block;
}

.panel-sum {
    transition: all 0.5s ease;
}

.panel-sum:not(.minimized) .info {
    display: none !important;
}

.panel-sum.minimized form {
    display: none !important;
}

.panel-sum.minimized {
}

.input-group > .input-size-half {
    flex: 0 0 30%;
}

.spare-select-control:not(.searching) .spinner-border,
.select-control:not(.searching) .spinner-border {
    display: none;
}

.spare-select-control:not(.selecting) .input-group[data-group="select"],
.select-control:not(.selecting) .input-group[data-group="select"] {
    display: none;
}

.spare-select-control.searching button span.label,
.select-control.searching button span.label {
    display: none;
}

.spare-select-control.selecting .input-group[data-group="input"],
.select-control.selecting .input-group[data-group="input"] {
    display: none;
}

.modal-body:not(.processing) .busy-loading {
    display: none;
}

.modal-body.processing .busy-loading {
    display: block;
    left: 1rem;
    top: 1rem;
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
    border-radius: 3px;
}

.list {

}

.list .item {

}

.list .item textarea {
    resize: none;
}

.auto-height {
    overflow-y: hidden;
}

.tickets-list .status {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-clip: padding-box;
    text-align: center;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    border: 2px solid #fff;
    right: -7px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.tickets-list .status > i {
    width: 20px;
    height: 20px;
    line-height: 20px;
}

.tickets-list li {
    cursor: pointer;
    transition: all 100ms;
}

.tickets-list li:hover {
    background-color: #fcfbe7 !important;
}

.badge-notify {
    position: absolute;
    top: -5px;
    right: -5px;
}

.form-floating > textarea.form-control {
    height: unset;
}

.form-floating-sm .form-select {
    background-image: none;
}

.fs-90 {
    font-size: 90% !important;
}

.datepicker-inline .datepicker-months table tr td span {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.datepicker > div {
    display: unset;
}

.progressbar-w-steps {
    margin: 0;
    overflow: hidden;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    height: 30px;
}

.progressbar-w-steps li {
    list-style-type: none;
    font-size: 15px;
    position: relative;
    font-weight: 400;
    width: 100%;
}

.progressbar-w-steps li:before {
    content: '';
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    padding: 2px;
    position: absolute;
    z-index: 0;
    left: 50%;
    transform: translateX(-50%);
}

.progressbar-w-steps li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 0;
}

.progressbar-w-steps li.active:before,
.progressbar-w-steps li.active:after {
    background: #673AB7;
}

.progressbar-w-steps li:first-child:after {
    width: 50%;
    left: 50%;
}

.progressbar-w-steps li:last-child:after {
    width: 50%;
}

.progressbar-w-steps li strong {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.progressbar-w-steps li.active strong {
    color: #fff;
}

.select-control-label {

}

.select-control-label span {
    opacity: .85;
    font-size: .75rem;
    margin-left: 3px;
}

.bootstrap-select.form-select {
    width: 100% !important;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.form-floating .bootstrap-select.form-select {
    background-image: none;
    padding-right: .75rem;
}

.sticky-right {
    position: fixed;
    right: 0;
    top: 60px;
}

.color-excel {
    color: #2e7a2b;
}

.breakdown-toggle .fa-square-minus {
    display: none;
}

.breakdown-toggle.open .fa-square-plus {
    display: none;
}

.breakdown-toggle.open .fa-square-minus {
    display: inline-block;
}

.form-floating-sm > .form-select {
    padding: 1.14rem 0.5rem 0.375rem;
}

#dynamic-dialogs {
    position: relative;
    /*z-index: 2000;*/
}

body > .modal-backdrop.show  ~ .modal-backdrop.show {
    display: none !important;
}

.modal.ajax-work .modal-footer .btn {
    pointer-events: none;
    opacity: .5;
}

table.table-sm .btn-sm {
    padding: 0.1rem 0.25rem;
}

/*div.dataTables_wrapper div.dataTables_processing {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    bottom: 0;
    z-index: 99999;
    background-color: rgba(0,0,0,.4);
}

div.dataTables_wrapper div.dataTables_processing:after {
    content: 'please wait ....';
}*/

img.thumbnail {
    height: 40px;
    width: auto;
}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
}

.input-daterange input[type=text] {
    max-width: 150px;
    background-color: transparent;
}

.datepicker-dropdown > div {
    z-index: 1;
    position: relative;
}

.datepicker-dropdown:before,
.datepicker-dropdown:after {
    z-index: 0;
}

.datepicker-dropdown.datepicker-orient-top:before,
.datepicker-dropdown.datepicker-orient-top:after {
    top: unset;
}

button > .fa-spin,
a.btn > .fa-spin {
    display: none;
}

button.ajax-busy > .fa-spin,
a.btn.ajax-busy > .fa-spin {
    display: inline-block;
    margin-right: 5px;
}

a.btn.ajax-busy > .fa-solid:not(.fa-spin) {
    display: none;
}

.form-floating .bootstrap-select .dropdown-toggle {
    padding-left: 0.5rem;
}

.form-floating .select2-container--bootstrap-5 .select2-selection {
    height: calc(3.5rem + 2px);
    padding: 1rem 0.75rem;
    font-size: .9rem;
}

.form-floating .select2-container--bootstrap-5 .select2-selection>.select2-selection__rendered {
    margin-top: 0.6rem;
    margin-left: 0.25rem;
}

.form-floating .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
    font-size: .9rem;
}

.form-select-sm~.select2-container--bootstrap-5 .select2-selection--single {
    padding: .25rem 2.25rem .25rem .5rem !important;
}

.form-select-sm~.select2-container--bootstrap-5 .select2-selection>.select2-selection__rendered {
    margin-top: 0.8rem;
    margin-left: 0;
}

.form-select-sm~.select2-container--bootstrap-5 .select2-selection {
    height: calc(2.5rem + 2px);
}

.form-check .form-check-input[disabled] + label {
    opacity: .6;
}

select + .select2-container--bootstrap-5 + label {
    z-index: 2;
}

.form-floating > .form-control-plaintext {
    border: 1px solid var(--bs-gray-400);
}

.btn-check.btn-survey:checked+.btn {
    font-weight: bold;
    font-size: 110%;
}

iframe.report {
    width: 100%;
    height: 100%;
    min-height: 82vh;
}

.btn.disabled, .btn:disabled {
    opacity: .3 !important;
}

select[aria-invalid="true"] {
    border-color: #f00;
}

table.table tbody tr.failed td {
    background-color: #d6d754;
    border-right-color: #d6d754;
}

table.table tbody tr.deleted td {
    background-color: #ffbebe;
    border-right-color: #fbb2b2;
}

.level-1 td:first-child {
    padding-left: 20px;
}

.level-2 td:first-child {
    padding-left: 30px;
}

.level-3 td:first-child {
    padding-left: 40px;
}

.level-4 td:first-child {
    padding-left: 50px;
}

@media only screen and (max-width: 600px) {

    .fc .fc-toolbar-title {
        font-size: 1rem;
    }

}
