/*#region shared*/
body {
}

.hide {
    display:none;
}
.bold {
    font-weight:bold;
}

.toasts {
    /*border:1px solid red;*/
    position:fixed;
    top: 0;
    left: 0;
    right: 0;
    padding:5px;
    z-index:5000;
    pointer-events:none;
}
.toasts .toast {
    margin-bottom:10px;
    margin: auto;
}
[data-bs-theme=dark] .toasts .toast .toast-header {
    color:white;
}
[data-bs-theme=dark] .toasts .toast .toast-body {
    color:black;
}

.imageuploader.std {
    padding:0;
}
.imageuploader.std li {
    position:relative;
    width:100px;
    display:inline-block;
    vertical-align:top;
    /*margin:5px 5px 5px 5px;*/
    /*cursor:move;*/
}
.imageuploader.std .image-preview {
    width:100%;
    max-width:100%;
    height:100px;
    display:block;
    position: relative;
    background-color: #ffffff;
    color: #ecf0f1;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
    border:1px dotted lightgrey;
    cursor:pointer;
}
.imageuploader.std.std-round .image-preview {
    border-radius:50%;
}
.imageuploader.std .image-preview input[type=file] {
    border:1px solid red;
    width:100%;
    height:100%;
    opacity: 0;
    z-index: 10;
    cursor:pointer;
}
.imageuploader.std .image-preview label {
    width: 80%;
    height: 25px;
    font-size: 15px;
    line-height: 25px;
    position: absolute;
    /*z-index: 5;*/
    opacity: 0.8;
    cursor: pointer;
    background-color: #bdc3c7;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    text-align:center;
}

.fullscreen-frame {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 2000;
    display: none;
    cursor: zoom-out;
}
.fullscreen-frame img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}
.zoomable-src {
    cursor: zoom-in;
}
.zoomable-bg {
    cursor: zoom-in;
}

.loading {
    /*border:1px solid red;*/
    width: 100%;
    text-align: center;
    padding-top:15px;
    padding-bottom:15px;
}
.loading .spinner-border {
    display: block;
    margin: auto;
    margin-bottom:10px;
}
.loading .loading-text {
    font-size: 12px;
    font-weight: bold;
}

.field-warning {
    color:red;
    font-size:12px;

    /*padding-top:5px;
    padding-bottom:5px;*/
    margin-bottom:0;
}

.fsp .filters label {
    font-size:12px;
    margin-bottom:0;
}
.fsp .filters .row {
    margin-bottom:15px;
}
.fsp .filters .grp {
    margin-bottom:10px;
}
.fsp .filters .form-imagecheck-figure {
    width:50px;
}
.fsp .sort-col {
    display:none;
}
.fsp .mdi-cursor-move {
    cursor:move;
}
.fsp .jSort {
    cursor:pointer;
}
.fsp .table img {
    max-width:38px;
    max-height:38px;
}
.fsp .mdi-check {
    color:forestgreen;
}
.fsp .mdi-close {
    color:red;
}

.frm .card {
    margin-bottom:15px;
}
.frm .card .row {
    margin-bottom:15px;
}
.frm .card .grp {
    margin-bottom:5px;
}
.frm .card label {
    font-size:12px;
    /*margin-bottom:0;*/
}
.frm .actions {
    padding-top:15px;
    padding-bottom:15px;
}

.w-20 {
    width:20%!important;
}
.w-33 {
    width:33%!important;
}
.w-40 {
    width:40%!important;
}
.w-60 {
    width:60%!important;
}
.w-80 {
    width:80%!important;
}

.form-switch.green .form-check-input {
    background-color: white;
}
.form-switch.green .form-check-input:focus {
    border-color: #eaf7ec;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='lightgrey'/></svg>");
}
.form-switch.green .form-check-input:checked {
    background-color: forestgreen;
}
.form-switch.green .form-check-input:checked:focus {
    border-color: white;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/></svg>");
}

.form-switch.red .form-check-input {
    background-color: white;
}
.form-switch.red .form-check-input:focus {
    border-color: #eaf7ec;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='lightgrey'/></svg>");
}
.form-switch.red .form-check-input:checked {
    background-color: red;
}
.form-switch.red .form-check-input:checked:focus {
    border-color: white;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/></svg>");
}

.form-check {
    margin-bottom:0;
}

/*input number disable arrows*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}

.record-templates {
    display:none;
}

.navbar-brand-image {
    /*border-radius:10px;*/
}

.centered-logo {
    position: absolute!important;
    left: 50%;
    transform: translateX(-50%);
    top:3px;
}
@media screen and (min-width: 992px) {
    .centered-logo {
        position: unset!important;
        left: unset;
        transform: unset;
    }
}

.sorter {
    display:none;
    cursor:move!important;
}
.sorter .mdi-cursor-move {
    color:purple;
}
.sort-off {
    background-color:grey!important;
}
.min-w-768 {
    min-width:768px;
}

.w-100px {
    width:100px;
}
.w-200px {
    width:200px;
}
.w-250px {
    width:250px;
}
.w-300px {
    width:300px;
}
.w-320px {
    width:320px;
}

.min-w-50px {
    min-width:50px;
}
.min-w-75px {
    min-width:75px;
}
.min-w-100px {
    min-width:100px;
}
.min-w-150px {
    min-width:150px;
}
.min-w-200px {
    min-width:200px;
}

.max-w-30px {
    max-width:30px;
}

.force-w-30px {
    width:30px;
    min-width:30px;
    max-width:30px;
}
.force-w-50px {
    width:50px;
    min-width:50px;
    max-width:50px;
}
.force-w-70px {
    width:70px;
    min-width:70px;
    max-width:70px;
}

.minimal-width {
  width: 1%;
}

.border-test {
    border:1px solid red;
}

.preline {
    white-space:pre-line;
}

.jconfirm {
     z-index: 99999992!important;
}
.ui-timepicker-standard {
    z-index: 99999993!important;
}

.custom-console {
    display:none;
    position:fixed;
    bottom:5px;
    right:5px;
    width:320px;
    max-width:100%;
    max-height:100%;
    z-index:9999;
    margin-top:5px;
    margin-bottom:5px;
    background-color:black;
    color:white;
    padding:10px;
    font-size:12px;
    border-radius:5px;
}
.custom-console .jClearLog {
    display:inline-block;
    margin-bottom:10px;
}
.custom-console .log {
    margin-bottom:5px;
}

.tr-border-top-only td {
    /*border-top:1px solid inherit;*/
    border-top-width:1px;
    border-top-style:solid;
    border-top-color:inherit;
    
    border-bottom-width:0;
}

.bgColor1 {
    background-color:#68b9a2!important;
}

.daterangepicker .drp-buttons {
    display: block !important;
}

.select2-container--open {
  z-index: 9999 !important; /* or even higher if needed */
  position: relative;
}
.select2-container--open .select2-dropdown {
  z-index: 9999 !important;
}
.select2-container * {
    font-size:12px!important;
}

.input-num-end input[type=number] {
    text-align:end;
}

.readonly-grey input[readonly] {
    background-color:rgba(4, 32, 69, 0.14);
}

.vertical-text {
    writing-mode: vertical-rl;
    /*text-orientation: mixed;*/
    transform: rotate(180deg);
    display: inline-block;
}

.border-dev {
    border:3px solid purple;
    background-color:aliceblue;
}

.btn-sort {
    color: #0559a7!important;
    cursor:pointer;
}
/*#endregion shared*/

/*#region window*/
/*.window {
    position:fixed;
    z-index:1059;
    top:0;
    left:0;
    margin:auto;
    width:100%;
    height:100%;
    box-shadow: 0 6px 12px #0000002d;
    background-color:white;
    display:flex;
    flex-direction:column;
}
@media screen and (min-width: 768px) {
    .window {
        width:600px;
        height:1000px;
        max-height:95%;
    }
}

.window ._header {
    display:flex;
    background-color:#2C3E50;
    color:white;
    padding:5px 10px;
    cursor:move;
}
.window ._header ._title {
    flex-grow:1;
    align-self:center;
    cursor:move;
}
.window ._header ._actions {
}
.window ._header ._actions .jCloseWindow {
    font-size:20px;
    background-color:transparent;
    color:pink;
    border:0;
    outline:none;
}
.window ._header ._actions .jCloseWindow i {
    color:hotpink;
}
.window ._content {
    flex-grow:1;
    overflow:auto;
    padding:10px;

    display:flex;
    flex-direction:column;
    font-size:12px;
}
.window ._content th {
    font-weight:bold;
    padding:5px;
    background-color:aliceblue;
    border:1px solid lightgrey;
}
.window ._content td {
    padding:5px;
    border:1px solid lightgrey;
}
.window ._content th.mid {
    text-align:center;
}
.window ._content .sub-table {
    width:100%;
}

.window ._footer {
    padding:5px 10px;
    background-color:aliceblue;
}

.window .mdi-check {
    color:forestgreen;
}
.window .mdi-plus {
    cursor:pointer;
    color:royalblue;
}
.window .mdi-close {
    cursor:pointer;
    color:red;
}*/
/*#endregion window*/

/*#region window & window-bar*/
.window-bar {
    cursor:pointer;
}

.window {
    /*default color for window, specify inline if want to overwrite*/
    background-color:#d0dbf0;
}
.window-bar {
    /*default color for window-bar, specify inline if want to overwrite*/
    background-color:#d0dbf0;
}

.window.minimized {
    display:none!important;
}
.window-bar.minimized {
    background-color:transparent!important;
}

.window {
    position:relative;
}
.w-modal-filter {
    /*this is my backdrop (darken layer)*/
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0, 0, 0, 0.7);
    z-index: 1040;
    overflow:auto;

    display:none;
}
.w-modal-filter .card {
    position:absolute;
    top:0;
    left:15px;
    right:15px;
    border-top-left-radius:0;
    border-top-right-radius:0;
}
/*#endregion window & window-bar*/

/*#region account*/
.account .card-subtitle a {
    margin-left:5px;
    font-size:12px;
    text-decoration:underline;
}
/*#endregion account*/

/*#region org*/
.org .card-subtitle a {
    margin-left:5px;
    font-size:12px;
    text-decoration:underline;
}
/*#endregion org*/

/*#region crupdate-admin*/
.crupdate-admin ._accs {
    font-size:12px;
    width:100%;
    min-width:768px;
    table-layout:fixed;
    overflow-x:auto;
    margin-bottom:10px;
}
.crupdate-admin ._accs th,
.crupdate-admin ._accs td {
    border:1px solid lightgrey;
    padding:2px;
    /*vertical-align:middle;*/
    vertical-align:top;
}
.crupdate-admin ._accs .actions {
    width:50px;
    max-width:50px;
    text-align:center;
}
.crupdate-admin ._accs input[type=text] {
    width:100%;
}
.crupdate-admin ._accs .mid {
    text-align:center;
}
.crupdate-admin .jRemoveAcc {
    font-size:16px;
    color:red;
    font-weight:bold;
    padding:0;
    margin:0;
    background-color:transparent;
    border:0;
    cursor:pointer;
}
.crupdate-admin .jAddAcc {
    font-size:20px;
    color:royalblue;
    font-weight:bold;
    cursor:pointer;
    margin-bottom:20px;
    display:inline-block;
}
.crupdate-admin .jSortAcc {
    font-size:20px;
    color:mediumpurple;
    font-weight:bold;
    cursor:pointer;
    margin-bottom:20px;
    margin-bottom:15px;
    display:inline-block;
}
.crupdate-admin .jSortAcc.off {
    color:grey;
}
.crupdate-admin ._accs .mdi-cursor-move {
    font-size:16px;
    color:mediumpurple;
    font-weight:bold;
    padding:0;
    margin:0;
    background-color:transparent;
    border:0;
    cursor:pointer;

    display:none;
}
/*#endregion crupdate-admin*/

/*#region crupdate-host*/
.crupdate-host ._accs {
    font-size:12px;
    width:100%;
    min-width:768px;
    table-layout:fixed;
    overflow-x:auto;
    margin-bottom:10px;
}
.crupdate-host ._accs th,
.crupdate-host ._accs td {
    border:1px solid lightgrey;
    padding:2px;
    /*vertical-align:middle;*/
    vertical-align:top;
}
.crupdate-host ._accs .actions {
    width:50px;
    max-width:50px;
    text-align:center;
}
.crupdate-host ._accs input[type=text] {
    width:100%;
}
.crupdate-host ._accs .mid {
    text-align:center;
}
.crupdate-host .jRemoveAcc {
    font-size:16px;
    color:red;
    font-weight:bold;
    padding:0;
    margin:0;
    background-color:transparent;
    border:0;
    cursor:pointer;
}
.crupdate-host .jAddAcc {
    font-size:20px;
    color:royalblue;
    font-weight:bold;
    cursor:pointer;
    margin-bottom:20px;
    display:inline-block;
}
.crupdate-host .jSortAcc {
    font-size:20px;
    color:mediumpurple;
    font-weight:bold;
    cursor:pointer;
    margin-bottom:20px;
    margin-bottom:15px;
    display:inline-block;
}
.crupdate-host .jSortAcc.off {
    color:grey;
}
.crupdate-host ._accs .mdi-cursor-move {
    font-size:16px;
    color:mediumpurple;
    font-weight:bold;
    padding:0;
    margin:0;
    background-color:transparent;
    border:0;
    cursor:pointer;

    display:none;
}

.crupdate-host .interests > div {
    display:inline-block;
    /*width:150px;*/
    margin-right:15px;
}
.crupdate-host .interests .form-imagecheck-figure {
    padding:15px;
}
/*#endregion crupdate-host*/

/*#region crupdate-member*/
.crupdate-member .interests > div {
    display:inline-block;
    /*width:150px;*/
    margin-right:15px;
}
.crupdate-member .interests .form-imagecheck-figure {
    padding:15px;
}
/*#endregion crupdate-member*/

/*#region inv-crupdate-payment*/
.inv-crupdate-payment .table-responsive table {
    /*border:1px solid red;*/
    min-width:768px;
    overflow:auto;
}
.inv-crupdate-payment .table-responsive input,
.inv-crupdate-payment .table-responsive textarea {
    font-size:12px;
}
.inv-crupdate-payment .table-responsive .jDesc,
.inv-crupdate-payment .table-responsive .jTaxPerc,
.inv-crupdate-payment .table-responsive .jTaxAmount {
    margin-top:2px;
}
.inv-crupdate-payment .table-responsive .td1 {
    width:25px;
    text-align:center;
}
.inv-crupdate-payment .table-responsive .tds {
    max-width:60px;
}
.inv-crupdate-payment .table-responsive .mid input,
.inv-crupdate-payment .table-responsive .mid select {
    text-align:center;
}
.inv-crupdate-payment .table-responsive .right input,
.inv-crupdate-payment .table-responsive .right select {
    text-align:right;
}
.inv-crupdate-payment .table-responsive .jAddRow {
    border:0;
    background-color:transparent;
    outline:none;
    font-size:16px;
}
.inv-crupdate-payment .table-responsive .jRemoveRow {
    border:0;
    background-color:transparent;
    outline:none;
    font-size:15px;
}
.inv-crupdate-payment .table-responsive .jSortRow {
    border:0;
    background-color:transparent;
    outline:none;
    font-size:14px;
    color:mediumpurple;
}
.inv-crupdate-payment .table-responsive .jSortRow.off,
.inv-crupdate-payment .table-responsive .jSortRow.off .mdi-cursor-move {
    color:gray;
}
.inv-crupdate-payment .table-responsive .jMove {
    border:0;
    background-color:transparent;
    outline:none;
    font-size:14px;
    color:mediumpurple;
    display:none;
    pointer-events: none;
}
/*#endregion inv-crupdate-payment*/

/*#region bill-crupdate-payment*/
.bill-crupdate-payment .table-responsive table {
    /*border:1px solid red;*/
    min-width:768px;
    overflow:auto;
}
.bill-crupdate-payment .table-responsive input,
.bill-crupdate-payment .table-responsive textarea {
    font-size:12px;
}
.bill-crupdate-payment .table-responsive .jDesc,
.bill-crupdate-payment .table-responsive .jTaxPerc,
.bill-crupdate-payment .table-responsive .jTaxAmount {
    margin-top:2px;
}
.bill-crupdate-payment .table-responsive .td1 {
    width:25px;
    text-align:center;
}
.bill-crupdate-payment .table-responsive .tds {
    max-width:60px;
}
.bill-crupdate-payment .table-responsive .mid input,
.bill-crupdate-payment .table-responsive .mid select {
    text-align:center;
}
.bill-crupdate-payment .table-responsive .right input,
.bill-crupdate-payment .table-responsive .right select {
    text-align:right;
}
.bill-crupdate-payment .table-responsive .jAddRow {
    border:0;
    background-color:transparent;
    outline:none;
    font-size:16px;
}
.bill-crupdate-payment .table-responsive .jRemoveRow {
    border:0;
    background-color:transparent;
    outline:none;
    font-size:15px;
}
.bill-crupdate-payment .table-responsive .jSortRow {
    border:0;
    background-color:transparent;
    outline:none;
    font-size:14px;
    color:mediumpurple;
}
.bill-crupdate-payment .table-responsive .jSortRow.off,
.bill-crupdate-payment .table-responsive .jSortRow.off .mdi-cursor-move {
    color:gray;
}
.bill-crupdate-payment .table-responsive .jMove {
    border:0;
    background-color:transparent;
    outline:none;
    font-size:14px;
    color:mediumpurple;
    display:none;
    pointer-events: none;
}
/*#endregion bill-crupdate-payment*/

/*#region rebate-invs*/
.rebate-invs .table-responsive table {
    /*border:1px solid red;*/
    min-width:768px;
    overflow:auto;
}
.rebate-invs .table-responsive input,
.rebate-invs .table-responsive textarea {
    font-size:12px;
}
.rebate-invs .table-responsive .jDesc,
.rebate-invs .table-responsive .jTaxPerc,
.rebate-invs .table-responsive .jTaxAmount {
    margin-top:2px;
}
.rebate-invs .table-responsive .td1 {
    width:25px;
    text-align:center;
}
.rebate-invs .table-responsive .tds {
    max-width:60px;
}
.rebate-invs .table-responsive .mid input,
.rebate-invs .table-responsive .mid select {
    text-align:center;
}
.rebate-invs .table-responsive .right input,
.rebate-invs .table-responsive .right select {
    text-align:right;
}
/*#endregion rebate-invs*/

.log p {
    display:block;
    margin-bottom:5px;
}


/*#region tabler 1.3.0 - customized*/
@media (max-width: 576px) {
    .dropdown-fullscreen-on-sm {
        position: fixed!important;
        top: 0!important;
        left: 0!important;
        bottom: 0!important;
        right: 0!important;
        width: 100vw;
        height: 100vh;
        z-index: 1050;
        border-radius:0!important;
    }
}
/*#endregion tabler 1.3.0 - customized*/

/*#region bootstrap 5 - customized*/
.table-md td,
.table-md th {
    padding: 0.5rem 0.75rem; /* between default (0.75–1rem) and .table-sm (0.25–0.5rem) */
    /*pplim: bcoz table-sm is too compact*/
}
.table-sm-wide td,
.table-sm-wide th{
    padding: 0.25rem 0.75rem;
    /*pplim: bcoz table-sm is too compact*/
}

.btn-transparent {
    background-color: transparent !important;
    border: none !important;   /* remove border if you don’t want it */
    box-shadow: none !important; /* remove bootstrap shadow on focus */
}

.pagination-custom {
    --tblr-pagination-gap: 0;
    background-color:rgba(0, 0, 0, 0.1);
    border-radius:5px;
    padding-top:3px;
    padding-bottom:3px;
    display:inline-flex;
}
.pagination-custom .page-link {
    padding:3px 8px;
    min-width:unset;

    font-size:12px;
}
/*#endregion bootstrap 5 - customized*/