@font-face {
    font-family: "my_cap";
    src: url('/css/web_fonts/BPG DejaVu Sans Web Caps.ttf') format("truetype")
}
@font-face {
    font-family: "norm";
    src: url('/css/web_fonts/BPG DejaVu Sans Web.ttf') format("truetype")
   /* src: url('/css/fonts/DejaVu/DejaVuSans.ttf') format("truetype")*/
}
@font-face {
    font-family: "norm1";
    src: url('/css/web_fonts/BPG DejaVuSerif Web.ttf') format("truetype")
    /* src: url('/css/fonts/DejaVu/DejaVuSans.ttf') format("truetype")*/
}
@font-face {
    font-family: "my_capcond";
    src: url('/css/web_fonts/BPG DejaVu SansCond Caps Web.ttf') format("truetype")
}/*
@font-face {
    font-family: "smile";
    src: url('/css/web_fonts/joypixels-android.ttf') format("truetype")
}*/
html {

    height: 100%;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    padding: 0;
}
body {margin: 0;padding: 0;width: 100%;position: fixed;/* background-attachment: fixed; *//* background-image: url(/img/bg.jpg); */}
body * {
    font-family: Arial, Helvetica, sans-serif, 'smile';
}
a{
    text-decoration: none;
}
.a-r{
    text-align: right;
}

[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak {
    display: none !important;
}
.up {
    text-transform: uppercase;
    font-family: "my_cap"
}
span.k-loading-text {
    display: block;
    height: 130px;
    border-radius: 1px;
    text-indent: 0;
    top: calc(50% - 90px);
    /* padding: 10px; */
}
#toolbar_title {
    font-weight: bold;
    font-size: 18px;
    font-family: 'my_cap';
    color: #5c5c5c;
}
.k-widget.k-window>div.k-popup-edit-form {
    padding: 15px 17px 34px;
}
.k-drawer-item .blade.active{
    right: 2px;
    content: '+1';
    position: absolute;
    line-height: 4px;
    background: var(--error);
    font-size: 10px;
    color: #fff;
    padding: 6px;
    border-radius: 50%;
    margin: -5px 0;
}

td:has(a.success) {
    background-color: rgba(14, 227, 14, 0.91);

}

td:has(a.warning) {
    background-color: rgba(255, 221, 0, 0.84);
}
td:has(a.error) {
    background-color: rgba(255, 0, 0, 0.87);
}
.k-list-item-text{
    display: block;
    width: 100%;
}
.flex-space-between{
    display: inline-block;
    width: 100%;
}
.asdg{
    float: right; color: #a1a1a1;
}
.k-table-th,
.k-table-td {
    white-space: normal !important;
}
.k-table td,  .k-table th {
    border: 1px solid #ddd;
    padding: 5px 0;
    text-align: center;

}
.k-grid-filter-menu.k-active{
    color: rgb(255 0 0 / 83%) !important;
}
.k-checkbox-list .k-checkbox-item {
    margin: 0 !important;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    border: none !important;
    outline: none !important;
}

.k-tabstrip-items .k-item {
    border: 1px solid #00000014 !important;
}

.k-tabstrip-items .k-item.k-active {
    border-bottom: solid 1px #ffffff !important;

}
.add_edit_tab .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
    padding: 0 2px;
    font-size: 17px;
    font-weight: bold;
    background: var(--backgroundw);
    color: #000000;
}
.add_edit_tab .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
    background: var(--background);
    transform: scale(1.05);
}
.add_edit_tab ul.k-upload-files {
    background: #e1e1e1;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 200px));
    grid-template-rows: min-content min-content;
    gap: 5px;
    height: calc(100% - 112px);
    max-height: -webkit-fill-available;
}
.add_edit_tab ul.k-upload-files li{
    background: #ffffff;
    padding: 0 !important;
    margin: 0;
    transition: filter 0.3s ease, opacity 0.3s ease;
    opacity: 0.7;
}
.add_edit_tab ul.k-upload-files li:hover{
    opacity: 1;
    cursor: pointer;
    filter: brightness(1.2);
}

.add_edit_tab .k-file{
    position: relative;
}
.add_edit_tab .k-file img {
    aspect-ratio: 1;
    object-fit: cover;
    height: 200px;

}
.add_edit_tab .k-upload-status{

}
.add_edit_tab .file-name-heading{
    text-align: center;
    margin: 0;
    padding: 0;
}

.k-edit-form-container {
    min-width: 300px !important;
}
.slide {
    /* min-width: 100%; */
    margin: 0;
    flex: 1;
}
.slidem {
    width: 100%;
    display: flex;
    /* border: solid 1px #ccc; */
    margin: 0;
}
.slide .slide_item {
    flex: 1;
    background: var(--background);
    padding: 7px;
    font-size: 18px;
    margin: 3px;
    white-space: break-spaces;
}
.slide_img{
    aspect-ratio: 2;
    /* width: 100%; */
    display: block;
    object-fit: contain;
}

.add_edit_tab .k-upload .k-upload-files .k-upload-action {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px;
    background: #ff0000 !important;
    color: #fff;
    font-size: 10px;
}
.k-progressbar .k-selected{
    height: 100%;
    background: #416554 !important;
}
#rent_management .k-toolbar{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 250px));
  justify-content: space-around;
  grid-auto-flow: dense;
}
.icon-shop{

        display: inline-block;
        width: 1em;
        height: 1em;
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m18.36 9l.6 3H5.04l.6-3zM20 4H4v2h16zm0 3H4l-1 5v2h1v6h10v-6h4v6h2v-6h1v-2zM6 18v-4h6v4z'/%3E%3C/svg%3E");
        background-color: currentColor;
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
}
.rent_management {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11.9 10.9a6.53 6.53 0 0 0-1.9 4.6V12H4v4h6v-.5c0 .85.17 1.7.5 2.5H2v-6H1v-2l1-5h16l.89 4.46a6.47 6.47 0 0 0-6.99 1.44M18 2H2v2h16zm5.39 19L22 22.39l-3.12-3.07c-.69.43-1.51.68-2.38.68c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5s4.5 2 4.5 4.5c0 .88-.25 1.71-.69 2.4zM19 15.5a2.5 2.5 0 0 0-5 0a2.5 2.5 0 0 0 5 0'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}
.icon-rent {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 13c.6 0 1.1.2 1.4.6c.4.4.6.9.6 1.4l-8 3l-7-2V7h1.9l7.3 2.7c.5.2.8.6.8 1.1c0 .3-.1.6-.3.8s-.5.4-.9.4H14l-1.7-.7l-.3.9l2 .8zM2 7h4v11H2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}
li.hint .k-upload-action {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px;
    background: #ff0000 !important;
    color: #fff;
    font-size: 10px;
}
li.hint{
    border: 1px solid #e1e1e1;
    box-shadow: 0 0 2px 2px #e1e1e1;
    background: #ffffff;
    padding: 0 !important;
    margin: 0;
    transition: filter 0.3s ease, opacity 0.3s ease;
    opacity: 0.7;
    width: 200px;
    list-style: none;
}
li.hint img{
    width: 200px;
}
.add_edit_tab .form-group{
    background: #cccccc1c;
    padding: 5px 1px 0;
    flex:1;
    min-width: 450px;
    border: solid 1px#f9f7f6;
}
.k-window-actions .k-icon:before {
    font-size: 22px;
}
.k-window-actions .k-icon-button.k-button-md > .k-button-icon {
    min-width: 25px;
    min-height: 25px;
}
.k-scrollview-wrap .slide_title{
    font-weight: bold;
    font-size: 24px;
    color: #5c5c5c;
    text-align: center;
    background: #fbca32;
    height: 34px;
}
.add_edit_tab .form-group.changed{
    background: #ff000040;
}
.k-window-titlebar .k-window-action .k-icon.changed{
    color: #ff0000;
}
.k-master-row td{
    position: relative;
}
.k-master-row td .progress_color{
    display: block;
    position: absolute;
    inset: 0;
    padding: 12px 6px;
}
.k-master-row td:has(.success) {
    background: #00ff152e;
}
.k-master-row td:has(.warning) {
    background: #ff00002b;
}
.add_edit_tab .k-content .tab_content{display: flex;gap: 5px;height: calc(100% - 11px);flex-wrap: nowrap;background: var(--background);margin: 11px 6px 0;}
.add_edit_tab .k-content .tab_content .tab_coll{
    flex: 1;
    background: #eae9e8;
    padding: 2px;
    overflow: auto;
}
.add_edit_tab .tab_strip{
    border: none;
    height: 100%;
    margin: -8px 0;
    padding: 0;
}
#rent_management .k-toolbar>:last-child {
    margin-right: 4px;
    /* background: #000; */
}

.k-master-row .progress{
    position: absolute;
    background: #61ff9780;
    top: 0;
    bottom: 0;
    left: 0;
}
span.k-loading-text {
    padding: 10px;
    width: 250px;
    color: #000;
    text-align: center;
    backdrop-filter: blur(10px);
}
.k-loading-image {
    margin: 0 21px;
    z-index: 2;
    color: rgb(0 0 0);
}

/* Define the spin animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.problem_form label{
    display: block;
    padding: 10px 0 4px 0;
    text-align: center;
}
.k-grid .k-master-row.k-selected{
    background: #0000002b;
}
.bold{
    font-weight: bold;
}
.k-badge.k-badge-solid-error{
    border-color:#f31700;
    color:#fff;
    background-color:#f31700
}
textarea[disabled] {
    overflow: auto !important;
    pointer-events: auto !important;
}