body {
    background: #F0F0F0;
}

/* CREDIAPP BASE THEME MOD */
.btn-primary,
.form-check-primary .form-check-input:checked,
.btn.btn-light-primary:hover:not(.btn-active),
.badge-primary,
.active > .page-link,
.page-link.active{
    background-color: var(--crediapp-secondary)!important;
}
.btn.btn-primary:hover{
    background-color: var(--crediapp-primary)!important;
}
#kt_app_header.app-header{
    background-color: var(--crediapp-primary)!important;
    box-shadow: var(--bs-menu-dropdown-box-shadow);
}
#kt_app_header .menu-lg-down-accordion .menu-title{
    color: #fff!important;
}
#kt_app_header .app-navbar-item .btn.btn-active-light i{
    color: var(--bs-white);
}
#kt_app_header .app-navbar-item .btn.btn-active-light:hover,
#kt_app_header .app-navbar-item .btn.btn-active-light.show {
    background-color: #0000002b!important;
}
.btn-check:active+.btn.btn-active-light.topSearchButton,
.btn-check:checked+.btn.btn-active-light.topSearchButton,
.btn.btn-active-light.active.topSearchButton,
.btn.btn-active-light.show.topSearchButton,
.btn.btn-active-light:active:not(.btn-active).topSearchButton,
.btn.btn-active-light:focus:not(.btn-active).topSearchButton,
.btn.btn-active-light:hover:not(.btn-active).topSearchButton,
.show>.btn.btn-active-light.topSearchButton {
    background-color: #0000002b!important;
}
#kt_app_header .menu-item > .menu-sub-lg-dropdown .app-navbar-item .btn.btn-active-light:hover i,
#kt_app_header .menu-item > .menu-sub-lg-dropdown .app-navbar-item .btn.btn-active-light.show i {
    color: var(--bs-white);
}
#kt_app_header .menu-item > .menu-sub-lg-dropdown
/*,
#kt_app_header .app-navbar-item > .menu-sub-dropdown*/{
    background-color: var(--crediapp-secondary);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
/*#kt_app_header .menu-sub-dropdown{
    background-color: var(--crediapp-secondary);
}
#kt_app_header .menu-sub-dropdown,
#kt_app_header .menu-sub-dropdown a,
#kt_app_header .menu-sub-dropdown .text-muted{
    color: var(--bs-white) !important;
}*/
/*#kt_app_header .drawer,*/
#kt_app_header .menu-item > .menu-sub-lg-dropdown .menu-state-bg .menu-item > .menu-link:hover,
#kt_app_header .menu-item > .menu-sub-lg-dropdown .menu-state-bg .menu-item.show > .menu-link{
    background-color: var(--crediapp-primary) !important;
}
#kt_app_header .app-header-menu .menu .menu-item .menu-link .menu-icon i{
    color: var(--bs-white) !important;
}
#kt_app_header .app-header-menu .menu .menu-item .menu-link:hover .menu-icon i,
#kt_app_header .app-header-menu .menu .menu-item .menu-link:hover .menu-title{
    color: var(--crediapp-gold)!important;
}
#kt_app_header .app-header-menu .menu .menu-item .menu-link:hover .menu-arrow::after{
    background-color: var(--crediapp-gold)!important;
}
#kt_app_header .app-header-menu .menu .menu-item.show > .menu-link:not(:hover) .menu-arrow::after{
    background-color: var(--black-1-color)!important;
}
/*#kt_app_header .menu-sub-dropdown .separator{
    border-color: var(--bs-text-muted);
}
#kt_app_header .menu-sub-dropdown .form-control,
#kt_app_header .menu-sub-dropdown .label
{
    color: var(--bs-white);
}
#kt_app_header .menu-sub-dropdown .menu-link > .menu-title > .bg-light{
    background-color: var(--bs-text-muted) !important;
    color: var(--bs-black);
}*/
.z-index-2{
    z-index: 2;
}

#kt_app_header .app-navbar-item > .menu-sub-dropdown .custom-dropdown-header{
    position: relative;
    z-index: 1;
    height: 112px;
}

#kt_app_header .app-navbar-item > .menu-sub-dropdown .custom-dropdown-header .custom-dropdown-header-icon-position{
    position: absolute;
    top: 23px;
    right: 15px;
    z-index: 2;
}
#kt_app_header .app-navbar-item > .menu-sub-dropdown .custom-dropdown-header .custom-dropdown-header-bg{
    position: absolute;
    background-size: cover;
    background-position: 50%;
    top: 0;
    left: 0;
    width: 100%;
    height: 112px;
    opacity: .8;
    z-index: 1;
    background-image: linear-gradient(180deg,#365791,#2f376c);
}

/* CREDIAPP BASE THEME MOD END */

/* DARK THEME MODE */

:root[data-bs-theme=dark] table.table.inner-table > tbody > tr.selected-row,
:root[data-bs-theme=dark] table.table.inner-table > tbody > tr.selected-row td {
    background-color: #1a1a1a;
}

:root[data-bs-theme=dark] .text-black{
    color: gray!important;
}
:root[data-bs-theme=dark] .form-check-label{
    color: gray!important;
}
:root[data-bs-theme=dark] div.sticky-button-container.sticky{
    background-color: var(--bs-card-bg)!important;
}
:root[data-bs-theme=dark] .jstree-default .jstree-hovered, :root[data-bs-theme=dark] .jstree-default .jstree-clicked{
    background: var(--bs-primary);
}
:root[data-bs-theme=dark] .swal2-popup .swal2-title{
    color: var(--bs-white);
}

/* DARK THEME MODE END */
/* LIGHT THEME MODE */
:root[data-bs-theme=light] body.contrast-mode .form-control{
    background-color: var(--bs-primary-verylight)!important;
    border: 1px solid var(--bs-gray-400);
}
/* LIGHT THEME MODE END*/
/* CONTRAST THEME MODE */
body.contrast-mode .form-floating > .form-control:not(:placeholder-shown) ~ label::after {
    background-color: inherit!important;
}
body.contrast-mode .card,
body.contrast-mode .form-check-input{
    border: 1px solid var(--bs-gray-400);
}
body.contrast-mode .card .card-header,
body.contrast-mode .modal-header{
    border-bottom: 1px solid var(--bs-gray-400);
}
body.contrast-mode .modal-footer{
    border-top: 1px solid var(--bs-gray-400);
}
body.contrast-mode .border-gray-300{
    border-color: var(--bs-gray-400) !important;
}
body.contrast-mode .tox .tox-edit-area__iframe{
    background-color: var(--bs-primary-verylight)!important;
}
/* CONTRAST THEME MODE END */

/*.form-check-label{*/
/*    color: var(--bs-black);*/
/*}*/

#linkModal .modal-dialog,
#linkModal2 .modal-dialog,
#linkModal3 .modal-dialog,
.modal .modal-dialog
{
    max-width: 100%;
    width: 768px;
}
@media (min-width: 576px) {
    #linkModal.full-width .modal-dialog:not(.base-width),
    #linkModal2.full-width .modal-dialog:not(.base-width),
    #linkModal3.full-width .modal-dialog:not(.base-width),
    .modal.full-width .modal-dialog:not(.base-width){
        width: 90%;
    }
}

@media (max-width: 576px) {
    #kt_app_content_container{
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    .w-xs-100{
        width: 100vw !important;
        right: 3px !important;

    }
}

div.sticky-button-container.sticky {
    background-color: var(--bs-white);
    padding: 26px 29px 23px 29px;
    box-shadow: var(--bs-app-header-minimize-box-shadow);
    border-bottom: 1px solid var(--bs-card-border-color);
}

.form-floating{
    overflow: hidden;
}

.form-floating > label{
    padding: 1.2rem 1rem!important;
}

.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label{
    transform: scale(.85) translateY(-.8rem) translateX(.15rem)!important;
}

.form-floating > .form-control.h-auto > .form-check:first-child{
    margin-top: 0!important;
}

.form-floating .form-select{
    padding: 1.75rem 3rem 0.35rem 1rem!important;
}

.form-floating .float-label{
    z-index: 6;
}
.form-floating input:focus{
    z-index: 1!important;
}

.fv-plugins-message-container.invalid-feedback,
.fv-plugins-message-container.valid-feedback{
    position: absolute;
}

.invalid-feedback{
    margin-top: 0;
    font-size: 11px;
}

.table.gs-9 td:first-child, .table.gs-9 th:first-child {
    padding-left: 2.25rem !important;
}

table.table.inner-table > tbody > tr.selected-row,
table.table.inner-table > tbody > tr.selected-row td {
    background-color: #f9f9f9;
}
.hidden-iframe {
    border: none;
    width: 100%;
    height: 100%;
    display: block;
}

.alert.alert-gray {
    color: var(--bs-gray-500);
    border-color: var(--bs-gray-500);
    background-color: var(--bs-gray-100);
}

.select2-container--bootstrap5 .select2-selection--multiple .select2-search.select2-search--inline{
    display: inline-block!important;
}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice{
    margin-bottom: 0;
}
.form-floating .form-select.select2-selection--multiple{
    padding: 1.6rem 3rem 0.2rem 1rem !important;
}

/* MEDIA QUERIES BELOW */
@media (max-width: 768px) {
    .modal-dialog-scrollable {
        height: calc(100% - 168px) !important;
    }
    .col-sm-6 > .row > .col-sm-6{
        width: 100%!important;
    }
}

@media (min-width: 992px) {
    [data-kt-app-header-fixed=true] .app-header {
        z-index: 1001;
    }
}

/* Needed formats, that missing from Metronic CSS */
.text-justify {
    text-align: justify !important;
}

.font-weight-bold{
    font-weight: bold!important;
}

.disabled-input {
    pointer-events: none;
    opacity: 0.5;
}

.w-160px {
    width: 160px !important;
}
.h-160px {
    height: 160px !important;
}

.mh-210px {
    max-height: 210px !important;
}

.border-bottom-light {
    border-bottom: 1px dashed #CCCCCC !important;
}

.copy-button {
    border: 1px solid var(--bs-gray-300) !important;
    border-top-right-radius: 0.475rem !important;
    border-bottom-right-radius: 0.475rem !important;
}

.modal-backdrop.show.second-modal-backdrop {
    z-index: 1060;
}
.second-modal {
    z-index: 1070;
}

.required:after {
    inset: unset !important;
    content: '*' !important;
}

.text-brown {
    color: #9a878c !important;
}

.timeline-label.with-full-date .timeline-label {
    width: 140px;
}
.timeline-label.with-full-date:before,
.timeline-label.with-full-date .timeline-label:before {
    left: 141px;
}

@media (min-width: 768px) {
    .fullPage .timeline-label.with-full-date .timeline-label {
        width: 280px;
    }

    .fullPage .timeline-label.with-full-date:before,
    .fullPage .timeline-label.with-full-date .timeline-label:before {
        left: 281px;
    }
}
.form-floating.form-check-inline {
    width: 100% !important;
}

.btn.btn-active-light-primary.selected,
.btn.btn-active-light-primary.selected:hover {
    background-color: var(--crediapp-secondary) !important;
}
.btn.btn-active-light-primary.selected h2 {
    color: #ffffff !important;
}

.ml-auto{
    margin-left: auto;
}

.swal2-container {
    z-index: 2000 !important;
}

/***** START OF HORIZONTAL TIMELINE *****/
.timeline-horizontal {
    clear: both;
}
.timeline-horizontal .timeline-horizontal-item {
    float: left;
    position: relative;
		margin-right: 5px;
}
.timeline-horizontal .timeline-horizontal-item:not(.done) {
    opacity: 0.5;
}
.timeline-horizontal .timeline-horizontal-item .timeline-horizontal-label .arrow.not-done {
    opacity: 0.5;
}
/***** END OF HORIZONTAL TIMELINE *****/

input[type="number"]::-webkit-inner-spin-button {
    height: 48px;
    position:absolute;
    top:0;
    right:0;
}

.p-5-10 {
    padding: 5px 10px;
}

textarea.form-control {
    /*height: auto !important;*/
}

.hovering-zoom {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.hovering-zoom:hover {
    -webkit-transform: scale(1.05); /* Safari and Chrome */
    -moz-transform: scale(1.05); /* Firefox */
    -ms-transform: scale(1.05); /* IE 9 */
    -o-transform: scale(1.05); /* Opera */
    transform: scale(1.05);
}

label.d-none + .form-switch, .form-check-inline:not(.form-floating) {
    padding-top: 0.427rem;
}
.form-check-inline.form-floating .form-check-inline {
    padding-top: 0 !important;
}

/*.form-check-input:checked {*/
/*	border-color: var(--crediapp-secondary)!important;*/
/*	background-color: var(--crediapp-secondary)!important;*/
/*}*/

.form-check:not(.form-switch)>.form-check-input{
	width: 1.3rem;
	height: 1.3rem;
	margin-top: 0;
}

.second-backdrop {
    z-index: 1065;
}

/* navigation card, stepperCard */
.card.navigation-card {
    display: none;
}

.card.navigation-card.active {
    display: block;
}

.card.navigation-card .card-footer{
    padding: 0 2.25rem;
}

.inside-card-submit button[type=submit]{
    margin-bottom: 2px;
}

.stepper-icon.bg-danger .stepper-number{
    color: #fff!important;
}

/*.card .card-header, .card .card-footer{
    padding: 0 1.25rem!important;
}*/
.card .card-footer .row.my-3{
    min-height: 3.2rem;
}
/* END navigation card, stepperCard END */

#linkModalContent .fv-row {
    /*margin: 0 0 10px 0;*/
}

.multilevelModalSelector .fv-plugins-message-container {
    top: 50px;
}

/* users module image uploader preview wrapper on right side */
.image-input .image-input-wrapper{
    background-position-x: center;
    /*background-size: 100%;*/
}

div.error-message-position-relative .fv-plugins-message-container.invalid-feedback,
div[data-kt-password-meter] .fv-plugins-message-container.invalid-feedback {
    position: relative;
}

:root[data-bs-theme=light] body.contrast-mode .form-control:focus, .form-control:focus{
    border-color: var(--bs-primary);
}
/* invalid select2 add red border and icon */
.select2-hidden-accessible.is-invalid + .select2-container--bootstrap5  .form-select{
    border-color: var(--bs-form-invalid-border-color) !important;
}
.select2-hidden-accessible.is-invalid + .select2-container--bootstrap5  .form-select:after{
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23F8285A'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23F8285A' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: contain;
    width: calc(.75em + .775rem); /* Adjust the icon size */
    height: calc(.75em + .775rem);
    position: absolute;
    top: 50%;
    right: 35px; /* Adjust positioning */
    transform: translateY(-50%);
    pointer-events: none; /* Ensures it doesn't interfere with clicks */
}

.select2-selection{
    min-height: calc(3.75rem + 2px)!important;
}
textarea.form-control.is-invalid {
    background-position: top calc(.65em + .3875rem) right calc(.375em + .3875rem);
}

.form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after{
    background-color: transparent !important;
}

.child-info {
    font-size: 12px;
    color: #999;
    font-weight: normal;
    margin-left: 0.5rem;
    margin-top: 2px;
}

html:not([data-bs-theme=light]) .theme-light-show {
    display: none !important;
}
html:not([data-bs-theme=dark]) .theme-dark-show {
    display: none !important;
}

.select2-divider {
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1px 0;
}

.card {
    margin: 0 0 10px 0;
}

/* flexi highlight classes */

.form-check-input.highlight_border,
.form-control.highlight_border,
.form-control.highlight_border:focus{
    border-color: var(--crediapp-gold);
}

.input-group:has(.highlight_border) .input-group-text,
.input-group:has(.highlight_background) .input-group-text{
    border-color: var(--crediapp-gold);
    background-color: var(--crediapp-gold-30);
}

.form-check-input.highlight_background,
.form-control.highlight_background,
.form-control.highlight_background:focus{
    /*background-color: rgba(var(--crediapp-gold-rgb), 0.3);*/
    background-color: var(--crediapp-gold-30);
    border-color: var(--crediapp-gold);
}

.form-check-input.highlight_background:checked {
    background-color: var(--crediapp-gold) !important;
    border-color: var(--crediapp-gold) !important;
}
/* flexi highlight classes end */

.variant-form .fv-plugins-message-container.invalid-feedback,
.variant-form .fv-plugins-message-container.valid-feedback{
    position: relative;
}

.scrolltop, .scrolltop:hover {
    background-color: var(--crediapp-primary);
}

.header-result button[disabled], .header-result button[disabled]:hover{
    background-color: #e7edf6;
    cursor: no-drop!important;
    pointer-events: auto!important;
}

.padding-y-1-05-rem {
    padding-top: 1.05rem!important;
    padding-bottom: 1.05rem!important;
}

.overflow-hidden-x {
    overflow-x: hidden!important;
}

/* custom field flex-table start */
.custom-field-content{
    /*margin-bottom: 10px;*/
}

.custom-field-content .title{
    font-weight: bold;
}

.flex-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-top: 1px solid var(--bs-gray-300);
    border-left: 1px solid var(--bs-gray-300);
    border-right: 1px solid var(--bs-gray-300);
    border-radius: 5px;
}

.flex-table:not(:has(.flex-table-footer)){
    border-bottom: 1px solid var(--bs-gray-300);
}

.flex-table-header,
.flex-table-body,
.flex-table-footer {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.flex-table-header{
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid var(--bs-gray-300);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05);
}
.flex-table-header:has(input:disabled) .flex-table-row {
    filter: blur(2px);
    transition: filter 0.3s ease;
}
.flex-table-header:has(input:disabled):before {
    display: flex;
}
.flex-table-header:before{
    content: attr(data-before-content);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    color: #685e5e;
    font-weight: bold;
    pointer-events: auto;
    z-index: 10;
    background-color: #9190901c;
    backdrop-filter: blur(3px);
    padding: 20px;
    text-align: center;
}

.flex-table-row {
    display: flex;
    width: 100%;
}

.flex-table-body {
    position: relative;
    display: flex;
    flex-direction: column;
}

.flex-table-body:not(:has(.flex-table-row)){
    min-height: 65px;
}

.flex-table-body:not(:has(.flex-table-row))::before {
    content: attr(data-label);/*"No items";*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-style: italic;
    pointer-events: none;
}

.flex-table-body .flex-table-row:nth-of-type(2n)>*{
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05);
}

.flex-table-body .flex-table-cell{
    color: #78829d;
    font-size: 1.1rem;
    font-weight: 500;
}

.flex-table-body .flex-table-cell:last-child{
    flex: 0.1;
}

.flex-table-cell {
    flex: 1;
    padding: 16px 0 16px 10px;
    border: 0;
    word-break: break-word;
    min-width: 0;
}

.flex-table-cell.first {
    /*flex: 1.5;*/
}

.flex-table-header .flex-table-cell.action {
    flex: 0 0 100px;
    text-align: center;
}

.flex-table-header .flex-table-cell.action{
    padding: 20px 0;
}

.flex-table-cell .fv-row{
    margin: 0!important;
}

.flex-table-footer{
    font-weight: bold !important;
    text-transform: uppercase !important;
    background-color: var(--crediapp-primary) !important;
    color: #ffffff !important;
    padding: 3px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
@media (max-width: 1100px) {
    .col-sm-6 .custom-field-content .flex-table-header .flex-table-row{
        flex-direction: column;
    }
    .col-sm-6 .custom-field-content .flex-table-header .flex-table-row .flex-table-cell:not(.action){
        padding: 5px 10px;
    }


    .col-sm-6 .custom-field-content .flex-table-header .flex-table-cell.action {
        flex: 1!important;
    }

    .flex-table-body .flex-table-cell:last-child{
        flex: 0.15;
    }
}


@media (max-width: 768px) {
    .flex-table-header {
        /*display: none;*/
    }
    .flex-table-header .flex-table-cell{
        line-height: normal;
        border: 0;
        margin-top: -15px;
    }

    .col-sm-6 .custom-field-content.flex-table-header .flex-table-cell.action{
        margin-top: -10px;
    }

    .flex-table-header .flex-table-cell.action {
        flex: 1!important;
        padding: 20px 0 15px 0;
    }
    .flex-table-row {
        flex-direction: column;
        /*margin-bottom: 1rem;*/
        /*border: 1px solid #ddd;*/
    }

    .flex-table-cell {
        flex: 1 0 auto;
        border: none;
        border-bottom: 1px solid #ddd;
        padding: 8px 12px;
        position: relative;
    }

    .flex-table-cell:last-child {
        border-bottom: none;
    }
    .flex-table-cell:before {
        content: attr(data-label);
        font-weight: bold;
        display: inline-block;
        width: 40%;
        margin-right: 2%;
    }
    .flex-table-cell.action {
        flex: 1 0 auto;
        text-align: center;
        padding-right: 15px;
    }
    .flex-table-cell.action:before {
        display: none;
    }
    .flex-table-cell.text-center{
        text-align: left!important;
    }
    .flex-table-footer .flex-table-row {
        /*background-color: #f8f9fa;*/
    }
}
/* custom field flex-table end */

.select-module-fields{
    /*border: 1px solid var(--bs-gray-300);*/
    /*border-top: 0;*/
}

.flexi.pagination li.pageInfo {
	margin-right: 0.5rem;
	font-weight: 500;
	font-size: 1.075rem;
	padding-top: 5px;
}
/* flexiform custom table error message format */
div.custom-field-content ~ textarea.d-none ~ div.invalid-feedback:has(div),
div.custom-field-content .countable-table-content textarea.d-none ~ div.invalid-feedback:has(div){
    display:block;
}

div.custom-field-content ~ textarea.d-none ~ div.invalid-feedback,
div.custom-field-content .countable-table-content textarea.d-none ~ div.invalid-feedback{
    display: none;
    position: relative;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
    padding: 8px 12px;
    margin-top: -10px;
}
/* flexiform custom table error message format end */



span.origValue {
    color: #999999;
    font-weight: normal;
    font-size: 11px;
}

.copy-to-clipboard {
    cursor: pointer;
}

.color-link {
    color: rgb(27, 132, 255) !important;
}

.tempus-dominus-widget .date-container-days div:not(.no-highlight).today {
    background-color: var(--crediapp-gold-30);
    color: #fff;
}
.tempus-dominus-widget .date-container-days div:not(.no-highlight).today:before {
    border-bottom-color: #fff !important;
}
.tempus-dominus-widget .date-container-days div:not(.no-highlight).today:hover {
    background-color: var(--crediapp-gold) !important;
}
.tempus-dominus-widget {
    z-index: 10001 !important;
}

.fc a.fc-daygrid-day-number {
    cursor: pointer;
}
#kt_calendar_app .fc-more-popover {
    display: none;
}
#kt_menu_feedback .dropzone .dz-preview {
	min-height: 60px !important;
}
#kt_menu_feedback .dropzone .dz-preview .dz-image {
	width: 60px !important;
	height: 60px !important;
}
#kt_menu_feedback .dropzone .dz-preview .dz-details {
	font-size: 7px !important;
}
#kt_menu_feedback .dropzone .dz-preview .dz-details .dz-size {
	font-size: 10px;
}

#kt_menu_feedback .screenshot-preview {
    position: relative;
    border: 1px solid #ddd;
    border-radius: .5rem;
    overflow: hidden;
    background: #fafafa;
    text-align: center;
    padding: .5rem;
}

#kt_menu_feedback .screenshot-preview img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: .25rem;
    cursor: pointer;
}

#kt_menu_feedback .screenshot-preview .meta {
    margin-top: .25rem;
    font-size: .8rem;
    color: #555;
}

#kt_menu_feedback .screenshot-preview .remove {
    position: absolute;
    top: .25rem;
    right: .25rem;
    background: rgba(0,0,0,.6);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
}

.truncate-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.w-190px {
    width: 190px !important;
}