﻿.d-contents {
    display: contents !important;
}

.text-right{
    text-align:right !important;
}

.text-left{
    text-align:left !important;
}
.text-center{
    text-align:center !important;
}


.striped-row > * {
    --bs-table-color-type: var(--bs-table-striped-color) !important;
    --bs-table-bg-type: var(--bs-table-striped-bg) !important;
}


td.text-end, th.text-end {
    text-align: right;
    max-width: 150px;
}
td.text-end .btn {
    padding:0px !important;
    background-color:transparent !important;
}
td.text-end .btn.btn-danger:hover,td.text-end .btn.btn-warning:hover,td.text-end .btn.btn-info:hover {
    padding:0px !important;
    background-color:transparent !important;
}

td.text-end .btn.btn-danger i {
    color: var(--bs-danger) !important;
    font-size: 16px !important;
}

td.text-end .btn.btn-warning i {
    color: var(--bs-warning) !important;
    font-size: 16px !important;
}
td.text-end .btn.btn-info i {
    color: var(--bs-info) !important;
    font-size: 16px !important;
}

div.main-loading-element {
    position: fixed;
    width: calc(100vw);
    height: calc(100vh);
    text-align: center;
    z-index: 100000;
    left: 0;
    top: 0;
}
div.main-loading-element > .overlay{
    position: fixed;
    width: calc(100vw);
    height: calc(100vh);
    background-color: #000;
    text-align: center;
    opacity: 0.4;    
    left: 0;
    top: 0;
}
div.main-loading-element .loading-inner {
    position:absolute;
    top: calc(50vh - 25px);
    z-index: 100001;    
    width: 100%;
    text-align:center;
}

div.main-loading-element .loading-inner i{
    font-size:50px;
    display:inline-block;
    /*color:#fff;*/
    margin-right:10px;
}
div.main-loading-element .loading-inner p{
    font-size:38px;
    display:inline-block;
    /*color:#fff;*/
}

.form-control.error {
    background-color: orange;
}


.form-control.w-auto, .form-select.w-auto {
    width: auto !important;
    max-width: 100% !important;
}

ul.simple li{
    list-style-type:none;
}


ul.inline li{
    list-style-type:none;
    display:inline-block;
}

p.explain {
    background-color: #e7f1ff;
    border:solid 1px #ddd;
    border-radius:5px;
}

.tooltip-inner{
    text-align:left;
}

.pointer{
    cursor:pointer !important;
}


.v-top {
    vertical-align: top !important;
}

table.v-top td, table.v-top th{
    vertical-align:top !important;
}
table.v-middle td, table.v-middle th {
    vertical-align: middle !important;
}

.orange {
    color: orange !important;
}

.red{
    color:red !important;
}

.green{
    color:green !important;
}

.gray{
    color:lightgray !important;
}


.fs-10 {
    font-size: 10px !important;
}

.fs-11 {
    font-size: 11px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-26 {
    font-size: 26px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.fs-32 {
    font-size: 32px !important;
}

.fs-34 {
    font-size: 34px !important;
}

.fs-40 {
    font-size: 40px !important;
}

.fs-100p {
    font-size: 100% !important;
}



label.btn-actions a {
    cursor: pointer !important;
    text-decoration: underline !important;
    font-weight: normal;
    margin-left:3px;
}

.menu-item .menu-link {
    padding: .15rem 1rem;
}

table.orders-table td{
    border:none !important;
    border-top:solid 1px #ccc !important;
}


.order-status-list li {
    list-style-type: none;
    display: inline-block;
    margin-right: 5px;
    cursor:pointer;
}
.order-status-list li i{
    color:inherit !important;
    font-size:24px;
}

.operator-hint {
    display: block;
    text-align: left;
    font-size: 12px;
    padding: 1px 2px;
    border-radius: 2px;
    border: solid 1px #ddd;
}

.operator-hint i{
    background-color:inherit !important;
    color:inherit !important;
}

@media (min-width: 992px) {
    .content {
        padding: 10px 0;
        border-radius: 1.5rem;
    }
    .toolbar-enabled .content .toolbar {
        padding-bottom: 10px;
    }
}


@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100%;
    }
}

