.cl-d-none {
    display: none;
}

/* ------------------      cl-scrl    ----------------*/
.cl-scrl {
    scrollbar-width: thin;
    scrollbar-color: #DDDDDD #FFFFFF;
  }  

  .cl-scrl::-webkit-scrollbar {
    width: 10px;
  }
  .cl-scrl::-webkit-scrollbar-track {
    border-radius: 20px;
    background-color: #e0444400;
    border: 3px solid #ff00c0fa;
  }
  
  .cl-scrl::-webkit-scrollbar-thumb {
    border-radius: 0.375rem;
    background-color: #bababa75;
    border: 3px solid #ffffff;
  }
  
  .cl-scrl::-webkit-scrollbar-thumb:hover {
    background-color: #B1B1B1;
  }

  
  .cl-scrl::-webkit-scrollbar-thumb:active {
    background-color: #c9c9c9;
  }

  .cl-scrl::-webkit-scrollbar-track {
    border-radius: 0.375rem;
    background-color: #ffffff00;
    border: 3px solid #ffffff00;
  }

/**/

.cl-frame {
    background: #e0e0e0;
    color: #000;
    height: inherit;
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cl-Box {
    width: 100%;
    height: 100%;
    position: relative;
}



.cl-form {
    width: 320px;
    background: #fff;
    border-left: solid 1px #555;
}
h2.cl-type-header-text {
    font-size: 19px;
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: 700;
    line-height: 1;
}
.cl-row {
    display: flex;
    flex-direction: column;
}
.cl-type-grid .cl-row {
    display: flex;
    position: relative;
    margin: 0;
    flex-wrap: wrap;
    flex-direction: row;
}
.cl-select-object.cl-type-grid .cl-row {
    margin: 0 -4px;
}

.cl-row-group > .cl-row {margin: 0px -4px;width: 100%;}
.cl-group-borderGroup .cl-row  {
    border: solid 1px #d9d9d9;
    padding: 8px;
    border-radius: 5px;
}
.cl-card .cl-title-price .cl-type-totalCost-price-box {
    /*display: none;*/
}
.cl-card.cl-type-grid .cl-type-totalCost-price-box,
.cl-card.cl-type-grid .cl-input-card-title,
.cl-card.cl-type-grid .cl-input-card.cl-dropdown .cl-input-card-select:before {
    display: none;
}
.cl-card.cl-type-grid .cl-title-price .cl-type-totalCost-price-box,
.cl-card.cl-type-grid .cl-title-price  .cl-input-card-title {
    display: flex;
    font-weight: 400;
}

.cl-type-grid .cl-row .cl-col {
    aspect-ratio: 1 / 1;
    height: 100%;
}
.cl-row .cl-title-price {
    margin: 0px;
} 
.cl-grid-2.cl-type-grid .cl-row .cl-col  {width: 50%;}
.cl-grid-3.cl-type-grid .cl-row .cl-col  {width: 33.3333%;}
.cl-grid-4.cl-type-grid .cl-row .cl-col  {width: 25%;}
.cl-grid-5.cl-type-grid .cl-row .cl-col  {width: 20%;}
.cl-grid-6.cl-type-grid .cl-row .cl-col  {width: 16.66%;}

.cl-type-grid .cl-input-card .cl-input-card-img {width: 100%;aspect-ratio: 1 / 1;margin: 0;height: auto;min-width: auto;}

.cl-col {
}
.cl-type-grid .cl-col > div {margin: 4px;}

.cl-row-group {
    width: 100%;
}
.cl-row-card {
    display: flex;
    align-content: stretch;
    flex-direction: column;
    margin-block-end: 12px;
}

.cl-type-description-text {
    font-size: 14px;
}

.cl-form-label {
    display: inline-block;
    font-weight: normal;
    font-weight: 500;
}

.cl-form-text-info {
    font-size: 12px;
    line-height: 13px;
    margin-top: 6px;
    color: #929292;
}

.cl-panel-form {
    border-left: solid 1px;
    border-color: #D9D9D9;
    background: #fff;
    width: 300px;
    /* min-width: 300px; */
    /* max-width: 300px; */
    position: relative;
    display: flex;
}

form.cl-panel {
    padding: 0;
    /*position: relative;*/
    height: 100%;
}

.cl-btn-show-panel .cl-btn-show-panel {
    background: #818181;
    position: absolute;
    border: solid 7px #FFE;
    width: 17px;
    height: 72px;
    margin-left: -17px;
    margin-top: calc(50% - 36px);
    border-radius: 6px 0px 0px 6px;
    top: calc(50% - 16px);
    
}

.cl-panel-form > .cl-btn-show-panel {
    position: absolute;
    width: 1px;
    height: 100%;
}

.cl-frame-show-panel .cl-panel-form {
    width: 0;
   
}


.cl-frame-show-panel.show .cl-panel-form {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
}


.cl-panel-form  > .cl-panel-overlov.cl-scrl {
    width: 300px !important;
    min-width: 300px !important;
}




.cl-form-select,
.cl-form-control {
    display: block;
    position: relative;
    width: 100%;
    padding: 8px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    font-size: 13px;
    color: #000000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #D9D9D9;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.cl-form-select {
    background-size: 12px;
    background-position-x: calc(100% - 10px);
    background-position-y: 50%;
    padding-right: 32px;
}

wasdasd.cl-form-select {
    content: "86d";
    position: absolute;
    font-size: 26px;
    background: #000;
    height: 10px;
    width: 10px;
    color: #555;
    top: 0;
    left: 0;
}
.cl-type-totalCost {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-block-end: 16px;
    font-size: 14px;
}

.cl-btn {
    display: inline-block;
    padding: 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    user-select: none;
    border: 1px solid #0d6efd;
    border-radius: 4px;
    background-color: #0d6efd;
}
.cl-btn-card:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
}
.cl-btn {
    display: inline-block;
    padding: 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    user-select: none;
    border: 1px solid #35383d;
    border-radius: 4px;
    background-color: #35383d;
}
.cl-btn-card:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.cl-type-totalCost-title {
    font-weight: 600;
}
.cl-card {
    display: flex;
    flex-direction: column;
    margin-bottom: 18px;
    padding: 0 18px;
}
.cl-type-totalCost-price-box {
    display: flex;
    margin-left: auto;
    flex-wrap: nowrap;
    flex-direction: row;
    padding-right: 8px;
}
.cl-title-price {
    display: flex;
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 8px;
    /* font-weight: 500; */
}

.cl-title-price.cl-title-collection-price {font-size: 13px;margin-bottom: 4px;width: 100%;}
.cl-input-card.cl-dropdown  > div > .cl-type-totalCost-price-box,
.cl-input-card-checkbox .cl-type-totalCost-price-box {
    padding-right: 28px;
} 
.cl-currency {
    margin-left: 4px;
}

.cl-type-totalCost-price-quantity {
    display: flex;
}
.cl-price {}
.cl-type-totalCost  .cl-price {
    font-weight: 700;
    margin-left: 4px;
}
 .cl-oldPrice {
   display:none;


}
.cl-sale .cl-oldPrice {display:block;color: #f00;font-weight: 500;}
.cl-sale .cl-type-totalCost .cl-oldPrice {
    text-decoration: line-through;
    margin-left: 8px;
    color: #e90000;
}
.cl-form-check {
    position: relative;
    margin-bottom: 8px;
}
.cl-form-check:last-child {
    margin-bottom: 0px;
}
.cl-form-check-input {}








.cl-form-check-input {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 12px;
    top: calc(50% - 6px);
    border: solid 1px #555;
    border-radius: 2px;
    background: #fff;
    appearance: none;
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
}
.cl-form-check-input{ background-color: #fff;
}


.cl-form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.4142 4.58579C23.1953 5.36683 23.1953 6.63317 22.4142 7.41421L10.4142 19.4142C9.63317 20.1953 8.36684 20.1953 7.58579 19.4142L1.58579 13.4142C0.804738 12.6332 0.804738 11.3668 1.58579 10.5858C2.36683 9.80474 3.63317 9.80474 4.41421 10.5858L9 15.1716L19.5858 4.58579C20.3668 3.80474 21.6332 3.80474 22.4142 4.58579Z' fill='white'/%3E%3C/svg%3E%0A");
    background-color: #0d6efd;
    border-color: #0d6efd;
}
    



.cl-form-check-input[type=checkbox] {}
.cl-form-check-input[type=radio] {
    border-radius: 50%;
}
.cl-form-check-input[type=radio]:checked {
    border-radius: 50%;
    background-color: #ffffff;
    border-color: #0d6efd;
    border-width: 4px;
}




.cl-form-check-label {
    display: block;
}






.cl-input-card {
    display: block;
}
.cl-form-group-check > div, 
.cl-form-group-radio > div {
    margin-block-end: 4px;
}
.cl-form-group-check > div:last-child,
.cl-form-group-radio > div:last-child {
    margin-block-end: 0;
}
.cl-input-card.cl-dropdown{
    position: relative;
}
.cl-input-card.cl-dropdown  .cl-input-card-select{}
.cl-input-card.cl-dropdown  .cl-input-card-select:before {}
.cl-input-card .cl-input-card-select {
    display: flex;
    outline: 1px solid #D9D9D9;
    border-radius: 4px;
    flex-direction: row;
    position: relative;
    align-items: center;
    cursor: pointer;
    padding: 4px;
    aspect-ratio: 1;
}
.cl-card.cl-select-material.cl-type-selectList input {
    position: absolute;
    opacity: 0;
}
.cl-icon-0.cl-type-grid .cl-input-card .cl-input-card-select {
    border-radius: 100%;
    aspect-ratio: 1 / 1;
    width: 100%;
    align-items: baseline;
    padding: 4px;
}
.cl-icon-1 .cl-input-card .cl-input-card-select {}
.cl-icon-2 .cl-input-card .cl-input-card-select {}
.cl-type-grid  .cl-input-card .cl-input-card-select  input {
    position: absolute;
    opacity: 0;
}
.cl-type-grid  .cl-input-card .cl-input-card-select  label {
    position: inherit;
    width: 100%;
}

.cl-icon-0 .cl-input-card-img {}
.cl-icon-1 .cl-input-card-img {}
.cl-icon-2 .cl-input-card-img {}

.cl-icon-0.cl-type-grid .cl-icon-mtl {
    outline: none;
    
}
.cl-icon-1 .cl-icon-mtl {}
.cl-icon-2.cl-type-grid  .cl-icon-mtl {
    outline: none;
}
.cl-icon-2  .cl-icon-mtl {
    border-radius: 1px;    
}
.cl-list-group .cl-input-card .cl-input-card-select {
    /* border: none; */
    /* margin: 2px 20px; */
}
.cl-input-card .cl-input-card-select:hover,
.cl-input-card .cl-input-card-select.cl-active ,
.cl-active .cl-input-card-select {outline-color: #000;}

.cl-input-card .cl-input-card-img {
    width: 40px;
    height: 40px;
    border-radius: 2px;
    margin-right: 8px;
    background-size: contain;
    min-width: 40px;
    position: relative;
}

.cl-icon-mtl-preview {

}

.cl-icon-mtl {border-radius: 100%;overflow: hidden;width: 100%;/* outline: solid 1px #00000030; */position: relative;aspect-ratio: 1 / 1;}
.cl-icon-mtl .cl-icon-mtl-image {width: 100%; height: 100%;}
.cl-icon-mtl-map-preview:before,
.cl-icon-mtl-map-preview:after {
    content: "dfgsdgg";
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    z-index: 3;
    color: transparent;

}
.cl-icon-mtl-map-preview:before {
    background: radial-gradient(60.94% 61.33% at 26.95% 32.81%, rgb(255 255 255) 0%, rgb(233 233 233) 24.64%, rgb(181 179 179) 75.64%, rgb(0 0 0 / 7%) 94%);
    mix-blend-mode: multiply;
    background-size: 120% 120%;
}
.cl-icon-mtl-map-preview:after {background: radial-gradient(45.52% 45.19% at 24.22% 27.52%, rgb(255 255 255) 0%, rgb(129 129 129) 75.81%);background-size: 120% 120%;mix-blend-mode: soft-light;}
.cl-icon-mtl > div {
    width: 100%;
    height: 100%;
    position: absolute;
}
.cl-icon-mtl-map {
    mix-blend-mode: multiply;
    z-index: 1;
}
.cl-icon-mtl-color {
    background: #ffffff;
}
.l-input-card {
    
}


.cl-input-card-title {width: 100%;line-height: 1.2;}
.cl-type-totalCost-price-box {display: flex;}
.cl-currency{}
.cl-input-card-price-quantity {
    display: flex;
}
.cl-price {}                                    
.cl-oldPrice {
    margin-left: 8px;
    text-decoration: line-through;
}
.cl-sale .cl-oldPrice {}
.cl-input-card.cl-dropdown {}
.cl-input-card.cl-dropdown.cl-input-card-select {}
.cl-input-card.cl-dropdown .cl-input-card-select:before,
.cl-input-card-checkbox .cl-input-card-select:before  
{
    content: "86d";
    background-size: 12px;
    position: absolute;
    width: 12px;
    height: 12px;
    font-size: 0;
    right: 11px;
    padding: 0;
}

.cl-input-card.cl-dropdown > .cl-input-card-select::before,
.cl-input-card-checkbox .cl-input-card-select:before,
.cl-form-select {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23999' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
}
.cl-input-card-checkbox .cl-input-card-select:before {background-image: none;}
.cl-input-card-checkbox.active .cl-input-card-select:before {background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.350904 11.6491C0.585447 11.883 0.873462 12 1.21495 12H10.7851C11.1265 12 11.4146 11.883 11.6491 11.6491C11.883 11.4146 12 11.1265 12 10.7851V1.21495C12 0.873462 11.883 0.585447 11.6491 0.350904C11.4146 0.116968 11.1265 0 10.7851 0H1.21495C0.873462 0 0.585447 0.116968 0.350904 0.350904C0.116968 0.585447 0 0.873462 0 1.21495V10.7851C0 11.1265 0.116968 11.4146 0.350904 11.6491ZM8.61633 3.31985C9.04698 2.89261 9.74186 2.8935 10.1714 3.32184C10.6041 3.75335 10.6033 4.4545 10.1697 4.88504L6.1156 8.9096C5.53159 9.48937 4.58951 9.49036 4.00428 8.91182L2.32754 7.25426C1.89215 6.82384 1.89063 6.12119 2.32414 5.68889C2.7528 5.26143 3.44588 5.25936 3.87708 5.68426L5.0591 6.84899L8.61633 3.31985Z' fill='%230d6efd'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-position: center;}

.cl-input-card.cl-dropdown .cl-input-card-dropdown-menu{
    position: absolute;
    width: 220px;
    background: #fff;
    z-index: 100;
    /* left: -238px; */
    border: solid 1px #d9d9d9;
    /* height: 100%; */
    width: 100%;
    top: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    border-radius: 4px 0px 0px 4px;
    justify-content: center;
}
.cl-list-group-item {
    /* border-top: 0px solid #d9d9d9; */
    padding: 2px 20px;
}
.cl-list-group-item:first-child {
    border-top: none;
}
.cl-list-group {}
.cl-focus {
    outline: solid 1px #6ea8ff;
}

.cl-panel-overlov {
    overflow: auto;
    display: initial;
    width: 100%;
    padding-top: 24px;
}
/*
.cl-panel-overlov::before {
    content: "werwerewr";
    height: 4rem;
    position: absolute;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%,  rgba(255,255,255,0) 100%);
    top: 0;
    font-size: 0;
    width: 100%;
}
*/


.cl-scrl {}
.cl-panel-selelect {
    position: absolute;
    background: #ffffff;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 0;
    bottom: 116px;
    z-index: 2;
    /* backdrop-filter: blur(77px); */
}

.cl-card.cl-type-totalCost.cl-sale.cl-totalCost-absolute {
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: #fff;
    left: 0;
    padding: 20px 20px 20px 20px;
    box-shadow: 0px -2px 10px -5px #555;
    width: 100%;
    margin: 0;
}
.cl-card.cl-type-totalCost-block {
    height: 100px;
}
button.cl-btn-close {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    height: 3rem;
    width: 3rem;
    border: none;
    background-color: transparent;
    background-size: 27px;
    background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"><path d="M480-438 270-228q-9 9-21 9t-21-9q-9-9-9-21t9-21l210-210-210-210q-9-9-9-21t9-21q9-9 21-9t21 9l210 210 210-210q9-9 21-9t21 9q9 9 9 21t-9 21L522-480l210 210q9 9 9 21t-9 21q-9 9-21 9t-21-9L480-438Z"/></svg>');
    background-repeat: no-repeat;
    opacity: 0.5;
    background-position: center;
    padding: 0;
    border: solid 1px;
    border-radius: 100%;
}
button.cl-btn-close:hover { opacity: 1; }

.w-100 { width: 100%!important;}
.d-none { display: none!important; }
@media (max-width: 578) {
.cl-Box {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 111;
}
}


@media (max-width: 578px) {
    .cl-views .cl-frame.cl-them-01 {    
    flex-direction: column !important;
    }
    .panel-body {
        position: relative;
    }
        .cl-frame {
            display: flex;
            flex-direction: column;
            position: relative !important;
        }
        .cl-frame::before, .cl-frame::after {
        content: " ";
        background: #0000;
        position: absolute;
        height: 130vw;
        color: #fff0;
        z-index: 1000;
        top: 0;
        right: 0;
        width: 48px;
    }
        .cl-panel-form {
            min-width: 100%;
            height: auto;
            max-width: 100%;
            padding-top: 100vw;
        }
        .cl-views .cl-panel-form {
        min-width: 100%;
        height: auto;
        max-width: 100%;
        padding-top: 100vw;
        position: fixed;
        }
        #editor.cl-Box {
            height: 100vw;
            min-height: 100vw;
            position: fixed;
            z-index: 1;
            top: 0;
        }
        .cl-Box::before, .cl-Box::after {
            content: " ";
            background: #00000000;
            position: absolute;
            height: 100%;
            color: #fff0;
        }
        .cl-Box::before {
            width: 5rem;
            right: 0;
        }
        .cl-Box::after {
            width: 3rem;
            left: 0;
            top: 0;
        }  
        .cl-card.cl-type-totalCost.cl-sale.cl-totalCost-absolute {
            position: fixed;
            box-shadow: 0px 0 13px 0px #00000024;
            border-top: solid 1px#00000026;
            display: flex;
            flex-direction: row;
            padding: 8px 16px 8px 16px;
            flex-wrap: nowrap;
            align-items: center;
        }
    .cl-type-totalCost {margin: 0;}
    .cl-btn-card {
    width: 50%;
    padding: 8px;
}
        .cl-panel-selelect {
            position: fixed;
            z-index: 1111;
        }
        .cl-panel-overlov {
            max-height: calc( 100vh - 100vw);
            height: calc( 100vh - 100vw);
            padding-bottom: 0;
            padding-top: 34px;
        }
        .cl-panel-form > .cl-panel-overlov.cl-scrl {
    width: 100% !important;
    min-width: 320px !important;
    padding-bottom: 80px;
    }
    .cl-panel fieldset {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        position: relative;
    }
    
    
    .cl-panel .cl-card {
        order: 1;
    }
    .cl-panel .cl-card.cl-type-totalCost-block {
        height: 28px;
    }
    .cl-panel .cl-card.cl-type-totalCost {
        order: 3;
    }
    .cl-select-material.cl-type-grid > .cl-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0;
    margin-left: -20px;
    width: 100vw;
    max-width: 100vw;
    overflow: scroll;
}
    .cl-select-material.cl-type-grid > .cl-row > .cl-row-group > .cl-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-left: -3px;
}
    .cl-select-material.cl-type-grid > .cl-row > .cl-row-group > .cl-row > .cl-col {
    width: 16vw;
}
    .cl-select-material.cl-type-grid > .cl-row > .cl-row-group > .cl-row > .cl-col > .cl-input-card {margin: 4px;}
    
    .cl-select-material.cl-type-grid > .cl-row > .cl-row-group > .cl-title-price {margin: 0;}
    
    .cl-select-material.cl-type-grid > .cl-row > .cl-row-group {
    margin-left: 20px;
}
    .cl-select-material.cl-type-grid > .cl-row0 {}
    .cl-select-material.cl-type-grid > .cl-row0 {}
    
}

.cl-d-none { display: none!important;}
/*cl-addImages*/
.cl-addImages {}
.cl-addImages .cl-uv-img {
    position: relative;
    border: solid 1px #c8c8c8;
    border-radius: 4px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}
.cl-addImages .cl-btn-group {
    position: absolute;
    display: flex;
    align-content: space-around;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.cl-addImages .cl-icon-uv-img {
    width: 100%;
}

.cl-addImages .cl-btn {
    margin: 3px 56px;
    box-shadow: 0px 0px 2px -2px #000;
}
.cl-addImages .cl-btn:hover {}
.cl-addImages .cl-btn.cl-btn-black {}
.cl-addImages .cl-btn.cl-btn-black:hover  {}
.cl-addImages .cl-btn.cl-btn-white {
    background: #fff;
    border: #fff;
    color: #6e6e6e;
    box-shadow: 0px 6px 7px -5px #00000042;
}
.cl-addImages .cl-btn.cl-btn-white:hover  {
    box-shadow: 0px 6px 7px -5px #000000;
    color: #000000;
}

.cl-addImages .cl-title-price {
    margin-bottom: 8px;
}
.cl-addImages .cl-col {
    margin-bottom: 8px;
}
.cl-addImages .cl-col:last-child {
    margin: 0;
}



.tree-search-input.null {
    position: absolute !important;
    height: 100% !important;
    left: 0;
    right: 3rem;
    padding-left: 0;
    margin: 0 !important;
}
.a-panel-header .tree-search-input input,
.tree-search-input input::-webkit-input-placeholder {
    background:transparent !important;
    color:transparent !important;
}

.a-panel-header .tree-search-input input:hover,
.a-panel-header .tree-search-input input:active, 
.a-panel-header .tree-search-input input:focus, 
.a-panel-header .tree-search-input.active input {
    background-color:#212529 !important;
    color:white !important;
    outline: none !important;
    box-shadow: none !important;
}
.a-panel-header .tree-search-input:hover input::-webkit-input-placeholder,
.a-panel-header .tree-search-input:active input::-webkit-input-placeholder, 
.a-panel-header .tree-search-input:focus input::-webkit-input-placeholder, 
.a-panel-header .tree-search-input.active input::-webkit-input-placeholder  {
    color:#969696 !important;  
}
.tree-search-input input.form-control {padding-left: 1rem;background-image: url(icon/mini-search.svg) !important;background-repeat: no-repeat  !important;background-position: right !important;}
.tree-search-input input.form-control::-webkit-input-placeholder{color:transparent !important;}
.tree-search-input button.btn-none {position: absolute;right: 1.5rem;height: 100%;padding: 15px 12px;z-index: 100;}

/*22*/

.cl-views {
    background: #fff;
}
.cl-views .cl-frame.cl-them-01 {
    position: fixed;
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0;
    flex-direction: row !important;
}
.cl-views .a-panel {
    top: 0;
}
#editor {
    position: relative;
}
.cl-views .a-panel-body.overflow-auto.scrl.p-4.pt-0 {
    padding: 0 !important;
}
.cl-views .a-panel-body.overflow-auto.scrl.p-4.pt-0 
.overflow-hidden.rounded-4.h-100 {
    border-radius: 0 !important;
}