.ns-w-25 { width: 25%; }
.ns-w-50 { width: 50%; }
.ns-w-75 { width: 75%; }
.ns-w-100 { width: 100%; }

.ns-min-vh-25 { min-height: 25vh; }
.ns-min-vh-50 { min-height: 50vh; }
.ns-min-vh-75 { min-height: 75vh; }
.ns-min-vh-100 { min-height: 100vh; }

.k-button.ns-mt-caption { float: right; }
.ns-mt-caption { margin-top: 1.5rem; }

@media only screen and (min-width: 1300px) and (max-width: 1500px) {
    .main-panel.ns-w-25 { width: 50%; }
    .main-panel.ns-w-50 { width: 75%; }
    .main-panel.ns-w-75 { width: 100%; }
}

@media only screen and (max-width: 1200px) {
    .main-panel.ns-w-25, 
    .main-panel.ns-w-50, 
    .main-panel.ns-w-75, 
    .main-panel.ns-w-100 { width: 100%; }
}

.ep-control.ns-required > label.ep-label > span:after {
    content: " *";
    color: var(--ep-danger);
}

.fullheight {
    height:100%
}

.nsListView {
    background: none!important;
}


    .nsListView .k-listview-header {
        padding: 20px 28px;
        text-transform: uppercase;
        background: none;
    }

    .nsListView .k-card {
        padding: 20px;
        border-width: 0 0 1px 0;
        margin-top: 15px;
    }

    .nsListView .k-card .k-card-body,
    .nsListView .k-card .k-card-actions {
        padding: 0 8px;
    }

    .nsListView .k-card .k-card-image {
        max-width: unset;
    }

    .nsListView .k-card .k-card-edit {
        padding: 0 8px;
        width: 70%
    }

.nsListView .k-card-horizontal > .k-card-image:last-child {
    border-radius: 0;
}

.nsListView .k-card .k-card-title {
    padding: 0;
    font-size: 1.285em;
    font-weight: bold;
    line-height: normal;
}

.nsListView .k-card-subtitle {
    font-size: 1em;
}

.nsListView .card-date {
    font-size: 0.85em;
    color: #bababa;
}

.nsListView .k-vbox {
    overflow-wrap:anywhere;
    width: 70%;
}

.nsListView .k-vbox-img {
        overflow-wrap: anywhere;
        width: 65%;
}

.nsListView .k-card-buttons {
    padding: 50px 0 0 0;
    border-width: 0 0 0 0;
    border-radius: 0;
    box-shadow: none;
    border-radius: 0;
    box-sizing: border-box;
    width: 30%;
    text-align:end;
}

 .nsListView .k-card-buttons-imgs {
        padding: 0 0 0 0;
        border-width: 0 0 0 0;
        border-radius: 0;
        box-shadow: none;
        border-radius: 0;
        box-sizing: border-box;
        width: 35%;
        text-align: end;
    }

    .nsListView .k-card-buttons-imgs .action-buttons-under-img {
        text-align:center;
    }

.nsListView .product-group {
    width: 90%
}
.nsListView .product-actions {
    padding: 20px 0 0 0;
    width: 22%;
}

    .nsListView .k-card-image {
        width: 250px;
        height: 150px;
        object-fit: contain;
    }

    .nsListView .k-card-buttons-imgs img {
        border: 1px solid;
        background: none;
    }


.nsFileSelect-form-hint {
    margin-top: 4px;
    font-size: 0.75rem;
    font-style: normal;
}

/**Financial Data**/
.finnavbar {
    position: relative;
    z-index: 1;
    transition: display 3s ease;
    background: var(--mainBG);
}

.finshow {
  display:block;
}

.finhide {
   display:none;
}
/*****************/

.nsImagePreview {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
}

.nsImageListViewHeader 
{
    display:flex;
}

.nsImageListViewIcon {
    padding: 0px 5px 0 20px;
}

.no-padding-panel .ep-panel__body {
    padding: 0;

}

.dialog-loader {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(255, 255, 255, 0.25);
    z-index: 1000000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    left: 0;
    top: 0;
}

    .dialog-loader .logo-ani {
        width: 300px;
        height: 300px;
    }

.dropdownEnum-autoHeight {
    height: auto;
}