@charset "UTF-8";

/*Mobile*/

@media (max-width: 767px) {
    .container-fluid,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    .c-main {
        padding-top: 1rem !important;
    }
}

.c-subheader,
.c-subheader-nav {
    min-height: 28px !important;
}

.c-subheader .breadcrumb {
    padding: 0.25rem 1rem !important;
}

body>div.t-app {
    max-width: 1300px;
    position: relative;
    margin: 0 auto;
    width: 100%;
    background-color: #ebedef;
    border: 0;
    box-shadow: 0 1px 1px 0 rgba(60, 75, 100, .14), 0 2px 1px -1px rgba(60, 75, 100, .12), 0 1px 3px 0 rgba(60, 75, 100, .20);
}

body.c-dark-theme>div.t-app {
    background-color: #12121f !important;
}

body.c-dark-theme {
    background-color: #0a0b18 !important;
}

body {
    overflow-y: scroll !important;
}

body:not(.c-dark-theme) {
    background-color: #dbdcdd !important;
}

@media (max-width: 991.98px) {
    .t-side-unfoldable-menu {
        display: none !important;
    }
}

@media (min-width: 991.98px) {
    .t-side-open-menu {
        display: none !important;
    }
}

#index_content_hidden {
    display: none;
}

.c-main {
    padding-top: 0 !important;
}

#index_content {
    padding-top: 2rem;
    min-height: 40px;
}

.row-equal {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    flex-wrap: wrap !important;
}

.row-equal>[class*='col-'] {
    display: flex !important;
    flex-direction: column !important;
}


/*Sweet alert dark theme*/

body.c-dark-theme .swal2-popup.swal2-toast {
    background: #19191a;
    box-shadow: 0 0 0.625em #d9d9d9;
}

body.c-dark-theme .swal2-popup.swal2-toast .swal2-styled:focus {
    box-shadow: 0 0 0 1px #19191a, 0 0 0 3px rgba(138, 176, 213, 0.5);
}

body.c-dark-theme .swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86;
}

body.c-dark-theme .swal2-container.swal2-backdrop-show,
body.c-dark-theme .swal2-container.swal2-noanimation {
    background: rgba(45, 45, 48, 0.75);
}

body.c-dark-theme .swal2-popup {
    background: #19191a;
}

body.c-dark-theme .swal2-title {
    color: #e1e1e1;
}

body.c-dark-theme .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

body.c-dark-theme .swal2-actions:not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

body.c-dark-theme .swal2-loader {
    border-color: #2778c4 transparent #2778c4 transparent;
}

body.c-dark-theme .swal2-styled.swal2-confirm {
    background-color: #2778c4;
    color: #fff;
}

body.c-dark-theme .swal2-styled.swal2-deny {
    background-color: #d14529;
    color: #fff;
}

body.c-dark-theme .swal2-styled.swal2-cancel {
    background-color: #757575;
    color: #fff;
}

body.c-dark-theme .swal2-styled:focus {
    box-shadow: 0 0 0 1px #19191a, 0 0 0 3px rgba(138, 176, 213, 0.5);
}

body.c-dark-theme .swal2-footer {
    border-top: 1px solid #555;
    color: #bbbbbb;
}

body.c-dark-theme .swal2-timer-progress-bar {
    background: rgba(225, 225, 225, 0.6);
}

body.c-dark-theme .swal2-close {
    color: #cccccc;
}

body.c-dark-theme .swal2-close:hover {
    color: #f27474;
}

body.c-dark-theme .swal2-close:focus {
    box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5);
}

body.c-dark-theme .swal2-content {
    color: #e1e1e1;
}

body.c-dark-theme .swal2-input,
body.c-dark-theme .swal2-file,
.swal2-textarea {
    border: 1px solid #d9d9d9;
    background: #323234;
    color: #e1e1e1;
}

body.c-dark-theme .swal2-input.swal2-inputerror,
body.c-dark-theme .swal2-file.swal2-inputerror,
body.c-dark-theme .swal2-textarea.swal2-inputerror {
    border-color: #f27474 !important;
    box-shadow: 0 0 2px #f27474 !important;
}

body.c-dark-theme .swal2-input:focus,
body.c-dark-theme .swal2-file:focus,
body.c-dark-theme .swal2-textarea:focus {
    border: 1px solid #b4dbed;
    box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
}

body.c-dark-theme .swal2-input::-moz-placeholder,
body.c-dark-theme .swal2-file::-moz-placeholder,
body.c-dark-theme .swal2-textarea::-moz-placeholder {
    color: #cccccc;
}

body.c-dark-theme .swal2-input:-ms-input-placeholder,
body.c-dark-theme .swal2-file:-ms-input-placeholder,
body.c-dark-theme .swal2-textarea:-ms-input-placeholder {
    color: #cccccc;
}

body.c-dark-theme .swal2-input::placeholder,
body.c-dark-theme .swal2-file::placeholder,
body.c-dark-theme .swal2-textarea::placeholder {
    color: #cccccc;
}

body.c-dark-theme .swal2-range {
    background: #19191a;
}

body.c-dark-theme .swal2-range output {
    color: #e1e1e1;
}

body.c-dark-theme .swal2-file {
    background: #323234;
}

body.c-dark-theme .swal2-select {
    background: #323234;
    color: #e1e1e1;
}

body.c-dark-theme .swal2-radio,
body.c-dark-theme .swal2-checkbox {
    background: #19191a;
    color: #e1e1e1;
}

body.c-dark-theme .swal2-validation-message {
    background: #323234;
    color: #e1e1e1;
}

body.c-dark-theme .swal2-validation-message::before {
    background-color: #f27474;
    color: #fff;
}

body.c-dark-theme .swal2-icon.swal2-error {
    border-color: #f27474;
    color: #f27474;
}

body.c-dark-theme .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
    background-color: #f27474;
}

body.c-dark-theme .swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86;
}

body.c-dark-theme .swal2-icon.swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee;
}

body.c-dark-theme .swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd;
}

body.c-dark-theme .swal2-icon.swal2-success {
    border-color: #a5dc86;
    color: #a5dc86;
}

body.c-dark-theme .swal2-icon.swal2-success .swal2-success-ring {
    border: 0.25em solid rgba(165, 220, 134, 0.3);
}

body.c-dark-theme .swal2-icon.swal2-success [class^='swal2-success-line'] {
    background-color: #a5dc86;
}

body.c-dark-theme .swal2-progress-steps .swal2-progress-step {
    background: #2778c4;
    color: #fff;
}

body.c-dark-theme .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background: #2778c4;
}

body.c-dark-theme .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
    background: #58585b;
    color: #fff;
}

body.c-dark-theme .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
    background: #58585b;
}

body.c-dark-theme .swal2-progress-steps .swal2-progress-step-line {
    background: #2778c4;
}

body.c-dark-theme.swal2-no-backdrop .swal2-container>.swal2-modal {
    box-shadow: 0 0 10px rgba(25, 25, 26, 0.75);
}


/************************************************************************************/

.popover {
    background-color: rgba(0, 0, 0, 0.9) !important;
    border-color: rgba(40, 40, 40, 0.9) !important;
    max-width: 400px !important;
    pointer-events: none;
}

.popover[data-popper-placement^="top"]>.popover-arrow::before {
    border-top-color: rgba(40, 40, 40, 0.9) !important;
}

.popover[data-popper-placement^="top"]>.popover-arrow::after {
    border-top-color: rgba(0, 0, 0, 0.9) !important;
}

.popover[data-popper-placement^="right"]>.popover-arrow::before {
    border-right-color: rgba(40, 40, 40, 0.9) !important;
}

.popover[data-popper-placement^="right"]>.popover-arrow::after {
    border-right-color: rgba(0, 0, 0, 0.9) !important;
}

.popover[data-popper-placement^="bottom"]>.popover-arrow::before {
    border-bottom-color: rgba(40, 40, 40, 0.9) !important;
}

.popover[data-popper-placement^="bottom"]>.popover-arrow::after {
    border-bottom-color: rgba(0, 0, 0, 0.9) !important;
}

.popover[data-popper-placement^="bottom"] .popover-header::before {
    border-bottom-color: rgba(40, 40, 40, 0.9) !important;
}

.popover[data-popper-placement^="left"]>.popover-arrow::before {
    border-left-color: rgba(40, 40, 40, 0.9) !important;
}

.popover[data-popper-placement^="left"]>.popover-arrow::after {
    border-left-color: rgba(0, 0, 0, 0.9) !important;
}

.popover-header {
    color: #e1e1e1 !important;
    background-color: rgba(30, 30, 30, 0.9) !important;
    border-bottom-color: #0e0e15 !important;
}

.popover-body {
    color: #e1e1e1 !important;
}


/************************************************************************************/

#t-nprogress {
    width: 100%;
    position: relative;
    pointer-events: none;
    z-index: 1031;
}

.c-header-fixed #t-nprogress>div {
    position: absolute !important;
    top: inherit;
}

.c-header-fixed .nprogress-custom-parent #nprogress .spinner,
.c-header-fixed .nprogress-custom-parent #nprogress .bar {
    position: absolute;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: fixed;
}

#t-nprogress>div {
    width: 100%;
    height: 40px;
    position: fixed;
    top: 0;
}

.t-item-tooltip {
    text-align: center;
}

.t-item-tooltip>img {
    max-height: 100px;
    margin: 20px;
}

.t-pull-left {
    margin-right: .3em;
    float: left;
}

.c-dark-theme .alert-info {
    color: #8bafdc;
    background-color: #111e2b;
    border-color: #3f5973;
}

.c-dark-theme .alert-danger {
    color: #ca939e;
    background-color: #290a0a;
    border-color: #673232;
}

.c-dark-theme .c-sidebar {
    background: #20202a;
}

.c-dark-theme .alert-success {
    color: #b8e2cf;
    background-color: #132519;
    border-color: #406f50;
}

.t-captcha-append {
    height: calc(1.5em + 0.75rem + 2px);
}

.t-captcha-append img {
    height: 100%;
    border-radius: 0.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 0px solid;
    color: #5c6873;
    background-color: #fff;
    border-color: #e4e7ea;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.c-dark-theme .t-captcha-append img {
    color: #e1e1e1;
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.15);
}

.input-group-append button {
    box-shadow: none !important;
}

.input-group-append {
    height: calc(1.5em + 0.75rem + 2px);
}

.c-sidebar-brand-minimized {
    color: #ffffff;
    fill: currentColor;
    padding: 7px;
}

.t-account-title {
    align-items: center;
    text-align: center;
}

.t-account-title>h4 {
    margin-bottom: 0;
    text-align: center;
}

.t-account-title>h7 {
    margin-bottom: 0;
    text-align: center;
    font-size: 0.7rem;
}

.c-sidebar .t-account-title>h4 {
    color: #baffcc;
}

.c-sidebar .t-account-title>h7 {
    color: #a4b5d2;
}

.c-sidebar-nav-dropdown .c-sidebar-nav-link {
    padding: 0.4rem 1rem;
    padding-left: 20px !important;
}

.c-sidebar-nav-dropdown .c-sidebar-nav-link:before {
    content: "• ";
    white-space: pre;
}

.c-sidebar:hover .c-sidebar-nav-dropdown.c-show,
.c-sidebar:not(.c-sidebar-unfoldable) .c-sidebar-nav-dropdown.c-show {
    padding-bottom: 20px;
}

.c-sidebar .c-show .c-sidebar-nav-dropdown-toggle .c-sidebar-nav-icon {
    color: #fff;
}

.card .card-title {
    margin-bottom: 0;
}

.card .card-header {
    padding: 0.5rem 1.25rem;
}

.t-inventory>div:first-child>div {
    margin: 0 auto;
    width: 242px;
    height: 426px;
    background-image: url('/assets/img/InvFrame_full.png');
    background-repeat: no-repeat;
}

.t-inventory>div:last-child>div {
    margin: 0 auto;
    width: 242px;
    height: 426px;
    background-image: url('/assets/img/InvFrame_full.png');
    background-repeat: no-repeat;
}

@media (min-width: 576px) {
    .t-inventory>div:first-child>div {
        margin: 0 0 0 auto;
    }
    .t-inventory>div:last-child>div {
        margin: 0 auto 0 0;
    }
}

.t-inventory>div>div {
    position: relative;
    user-select: none;
}

.t-inventory .t-item {
    position: absolute;
    cursor: pointer;
    background-image: url(/assets/img/InvFrame_occupied.png);
}

.t-inventory .t-item.t-item-disable {
    cursor: auto !important;
}

.t-inventory .t-item:hover:not(.t-item-selected):not(.t-item-disable) {
    background-image: url(/assets/img/InvFrame_overlap.png);
}

.t-inventory .t-item img {
    position: absolute;
    display: block;
    /*transform: scale(0.5);*/
    pointer-events: none;
    z-index: 101;
}

.t-inventory .t-item.t-item-selected {
    background-image: url(/assets/img/InvFrame_selected.png);
}

.t-inventory .t-item.t-item-disable {
    background-image: url(/assets/img/InvFrame_block.png);
}

.t-inventory-web {
    user-select: none;
}

.t-inventory-web .t-item {
    width: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    margin: 5px;
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid rgb(17, 27, 45);
    background-color: #1f293e;
}

.t-inventory-web .t-item>img {
    max-width: calc(100% - 10px);
    max-height: calc(100% - 10px);
    filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.9));
    pointer-events: none;
}

.c-dark-theme .t-inventory-web .t-item {
    border: 1px solid rgb(90, 90, 90);
    background-color: #1a1a1a;
}

.t-inventory-web .t-item:hover {
    background-color: #4e4e4e;
}

.t-inventory-web .t-item.t-item-selected {
    background-color: #4c8562;
    border: 1px solid rgb(145, 253, 181);
}

.t-inventory-web .t-load-more {
    width: 60px;
    height: 60px;
    display: block;
    text-align: center;
    line-height: 60px;
    margin: 5px;
    cursor: pointer;
    border-radius: 4px;
    color: #d9d9d9;
    overflow: hidden;
    border: 1px solid rgb(17, 27, 45);
    background-color: #1f293e;
}

.c-dark-theme .t-inventory-web .t-load-more {
    border: 1px solid rgb(90, 90, 90);
    background-color: #1a1a1a;
}

.t-inventory-web .t-load-more:hover {
    background-color: #4e4e4e;
}


/* The emerging W3C standard
   that is currently Firefox-only */

html {
    scrollbar-color: #57637c #d0d4d8;
}


/* Works on Chrome/Edge/Safari */

body::-webkit-scrollbar {
    width: 15px;
}

body::-webkit-scrollbar-track {
    background: #d0d4d8;
}

body::-webkit-scrollbar-thumb {
    background-color: #57637c;
    border-radius: 20px;
    border: 3px solid #d0d4d8;
}

body.c-dark-theme::-webkit-scrollbar-track {
    background: #23242d;
}

body.c-dark-theme::-webkit-scrollbar-thumb {
    background-color: #6f91b4;
    border: 3px solid #23242d;
}

body.c-dark-theme {
    scrollbar-color: #6f91b4 #23242d;
}


/***************************************************************/

.t-boss_bid-card {
    width: 210px;
    /*height: 200px;*/
    border: 0;
    text-align: center;
    margin: 0px 10px 0px 10px;
    float: left;
    padding: 0;
    position: relative;
    transition: top 0.2s;
    top: 0;
}

.t-boss_bid-card:hover {
    top: -10px;
}

.t-boss_bid-card:hover>.border-secondary {
    border-color: #2778c4 !important;
}

.t-boss_bid-card .t-item-view-list {
    min-height: 150px;
}

.t-boss_bid-card .card-body {
    cursor: pointer;
}

.t-item-view-list .t-item {
    width: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    margin: 2px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid rgb(17, 27, 45);
    background-color: #1f293e;
    color: #FFF;
    font-weight: bold;
}

.t-item-view-list .t-item>img {
    max-width: calc(100% - 10px);
    max-height: calc(100% - 10px);
    filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.9));
    pointer-events: none;
}

.c-dark-theme .t-item-view-list .t-item {
    border-color: rgb(90, 90, 90);
    background-color: #1a1a1a;
}

.t-content-grid:before,
.t-content-grid:after {
    content: " ";
    display: table
}

.t-content-grid:after {
    clear: both
}


/* SELECT 2 */

.c-dark-theme .select2-selection--single {
    background-color: #393a42 !important;
    border-color: #43444b !important;
}

.c-dark-theme .select2-selection__rendered {
    color: #e1e1e1 !important;
}

.c-dark-theme .select2-dropdown {
    background-color: #23242d !important;
    border-color: #393a42 !important;
}

.c-dark-theme .select2-dropdown .select2-search__field {
    background-color: #393a42 !important;
    border-color: #44454c !important;
}

.c-dark-theme .select2-results__option[aria-selected=true] {
    background-color: #393a42;
}