/* Base page */
body.fixed>div.app-container {
    height: 100vh;
}

body.fixed>div.app-container>div.app-header {
    height: 60px;
}

body.fixed>div.app-container>div.app-main {
    height: calc(100% - 60px - 130px);
    overflow-y: auto;
}

/* Custom css */

.border-2 {
    border-width: 2px;
}

.dropzone {
    border: 2px dashed #3f6ad8;
}

.dropzone .note {
    color: #888;
}

#attachments a {
    position: relative;
    display: block;
}

#attachments a i {
    position: absolute;
    right: -5px;
    top: -5px;
}

.attachmentsRow a {
    position: relative;
    display: block;
}

.attachmentsRow a i {
    position: absolute;
    right: -5px;
    top: -5px;
}

/* Select2 overrides */
.select2 .selection {
    display: inherit;
    width: inherit;
    margin-left: inherit;
}

.select2-container--bootstrap4 .select2-selection--single {
    padding-left: .75rem;
}

.select2-container--bootstrap4 .select2-results__option {
    padding-left: .75rem;
    padding-right: .75rem;
}

select.w-100+.select2-container {
    width: 100% !important;
}

.custom-select2[multiple]+.select2-container .select2-search__field {
    display: none;
}

.custom-select2[multiple]+.select2-container .select2-selection__rendered {
    padding-top: 0;
}

.custom-select2[multiple]+.select2-container .select2-selection__rendered .select2-selection__choice {
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 5px;
}

.custom-select2[multiple]+.select2-container .select2-selection__choice__display {
    font-size: 0.78rem;
}

.custom-select2[multiple]+.select2-container .select2-selection__choice__remove {
    border: solid 1px #ccc;
}

.select2-results__options .select2-results__option[aria-disabled=true] {
    display: none;
}

.is-agent {
    color: blue;
}

/* Button Danger */
.btn-outline-8vdanger {
    color: #d92550;
    border-color: #d92550
}

.btn-outline-8vdanger:hover {
    color: #000;
    background-color: #d92550;
    border-color: #d92550
}

.btn-outline-8vdanger.focus,
.btn-outline-8vdanger:focus {
    box-shadow: 0 0 0 0 rgba(217, 37, 80, .5)
}

.btn-outline-8vdanger.disabled,
.btn-outline-8vdanger:disabled {
    color: #d92550;
    background-color: transparent
}

.btn-outline-8vdanger:not(:disabled):not(.disabled).active,
.btn-outline-8vdanger:not(:disabled):not(.disabled):active,
.show>.btn-outline-8vdanger.dropdown-toggle {
    color: #fff;
    background-color: #d92550;
    border-color: #d92550
}

.btn-outline-8vdanger:not(:disabled):not(.disabled).active:focus,
.btn-outline-8vdanger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-8vdanger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(217, 37, 80, .5)
}

.btn-outline-8vdanger.btn-shadow {
    box-shadow: 0 .125rem .625rem rgba(217, 37, 80, .4), 0 .0625rem .125rem rgba(217, 37, 80, .5)
}

.btn-outline-8vdanger.btn-shadow.active:hover,
.btn-outline-8vdanger.btn-shadow.disabled:hover,
.btn-outline-8vdanger.btn-shadow:active:hover,
.btn-outline-8vdanger.btn-shadow:disabled:hover {
    box-shadow: 0 .125rem .625rem rgba(217, 37, 80, .5), 0 .0625rem .125rem rgba(217, 37, 80, .6)
}

.btn-outline-8vdanger.btn-shadow:hover {
    box-shadow: 0 5px 15px 2px rgba(217, 37, 80, .19)
}

/* Model state */
.layer-deleted {
    text-decoration: line-through;
    color: #d92550;
}

.matrixrow-deleted {
    text-decoration: line-through;
    color: #d92550;
}

div.matrix-deleted {
    width: auto;
}

div.matrix-deleted label {
    color: #d92550;
    text-align: center;
    font-weight: bold;
    font-size: x-large;
    background-color: #ccc;
    width: 100%;
}

.layer-error {
    margin-left: 25px;
    color: #d92550;
}

.model-draft,
.model-published {
    padding-left: 15px;
    display: block;
    position: relative;
}

.model-draft::before,
.model-published::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    left: 0px;
    top: 6px;
    background-color: #f29400;
}

.model-published::before {
    background: #0aa459;
}

.model-error-name {
    text-decoration: line-through;
    color: #d92550;
}

.model-error-tooltip {
    position: relative;
}

.model-error-tooltip .model-error-tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
}

.model-error-tooltip:hover .model-error-tooltiptext {
    visibility: visible;
}

table.th_lightgray th {
    background-color: lightgray;
}

table#offerDetail th,
table#offerDetail td {
    padding: 5px 10px 5px 10px;
}

.max100 {
    max-width: 100px;
}

.min100 {
    min-width: 100px;
}

.max175 {
    max-width: 175px;
}

.modal-lg {
    max-width: 80%;
}

.td-texthtml {
    overflow-y: auto;
    height: 200px;
}

.notify-list-home {
    max-height: 300px;
    overflow-y: auto;
}

/* kpi */

.font16 {
    font-size: 16px;
}

.card-kpi {
    min-height: 100px;
}

.card-kpi .font25 {
    font-size: 22px;
    line-height: normal;
    font-weight: 500;
}

.card-kpi .font20 {
    font-size: 18px;
    line-height: normal;
    font-weight: 300;
}

.card-kpi .font20.font16 {
    font-size: 16px !important;
}

.card-kpi .percentuale {
    font-size: .88rem;
}

.card-kpi .min-55 {
    min-width: 55px;
}

/* modal backdrop fix */
.modal:nth-of-type(even) {
    z-index: 1051 !important;
}

.modal-backdrop.show:nth-of-type(even) {
    z-index: 1049 !important;
}

@media (min-width : 768px) {
    .card-header.inner-kpi {
        height: 2.5rem;
    }

    .border-md-left {
        border-left: 1px solid #dee2e6 !important;
    }

    .border-md-top-0 {
        border-top: none !important;
    }
}

@media (min-width : 1801px) {
    .col-xxl-3 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}

.table-fix-row {
    height: 70vh;
    overflow: scroll;
}

.table-fix-row thead tr:nth-child(1) th {
    background-color: white;
    position: sticky;
    top: 0;
    z-index: 10;
}

/* Product Detail */
#mnu_product_detail {
    position: sticky;
    top: 5px;
}

.tinymce-not-empty:after {
    content: url('../assets/images/circle_yellow.webp');
}

.modal-body .dataTables_wrapper {
    width: 100%;
}

.modal-fullscreen {
    max-width: 100%;
}