.cx-nested_repeater .field-wraper table, 
.cx-nested_repeater .field-wraper td ,
.cx-nested_repeater .field-wraper th {
        border: 1px solid;
        border-color:#d1bebe;
        border-collapse: collapse;
        margin: 0px;
       text-align: center;
}

.cx-nested_repeater .field-wraper thead{
        background-color: #f1f1f1;
}

.cx-nested_repeater .field-wraper .btn-cx-add-remove{
        display: inline-block;
        border: 1px solid #c0c0c0;
        background: #ededed;
        color: black;
        cursor: pointer;
        outline: none;
        width: 10% !important;
        padding: 10px !important;
        margin: 5px;
}

.cx-nested_repeater .flex-btn-container.moving-btn-container > div{
    width: 10% !important;
    padding: 10px !important;
    margin: 5px;
    color: #c0c0c0;
}
.cx-nested_repeater .div-layout{
    border: 1px solid #c0c0c0;

    
}

.postbox-container .cx-nested_repeater.cx-form_elements.form-field .field-wraper {
    width: 100% !important;
}


.cx-nested_repeater .div-layout .header-div{
    background: #f1f1f1;
    border: 1px solid gray;
    padding: 5px;
    
}
.cx-nested_repeater .inner-field-container.c-c {
    padding: 13px;
}

.postbox-container .cx-nested_repeater.cx-form_elements.form-field {
    display: flex;
    flex-direction: column;

}

.cx-nested_repeater .div-layout .add-remove-flex > div{
        display: inline-block;
        border: 1px solid #c0c0c0;
        background: #ededed;
        color: black;
        cursor: pointer;
        outline: none;
        width: 5% !important;
        padding: 5px !important;
        margin: 5px;    
}

.cx-nested_repeater .add-remove-flex{
    display: flex;
}



p.hs-form-field {padding: 5px 15px !important;display: flex;box-sizing: border-box;}

p.hs-form-field span.comment {display: block;}

p.hs-form-field label + span.field-wraper {display: flex;flex-direction: column;width: calc(100% - 250px) !important;}

p.hs-form-field label {float: none !important;margin: 0px;}

p.hs-form-field label + span.field-wraper {width: 90%;padding: 0px 10px;box-sizing: border-box;}

p.hs-form-field label + span.field-wraper [name] {width: 100% !important;}


.woocommerce_options_panel p.form-field.form-field.hs-form-field {margin-bottom: 10px;padding: 0px 15px!important;}


p.form-field.form-field.hs-form-field.cx-repeater {display: flex;flex-direction: column;}



.form-field.hs-form-field.cx-repeater {padding: 0px  20px !important;}

.form-field.hs-form-field.cx-repeater .sublisting-single-box.sublisting-view-full {position: fixed;width: 100%;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 9999;background: #0000007d;}
.form-field.hs-form-field.cx-repeater .sublisting-single-box.sublisting-view-full .sublisting-single-box-inner {width: 80%;margin: auto;background: white;margin-top: 10ch;border: 1px solid silver;max-height: 75vh;overflow-y: scroll;padding: 10px;box-sizing: border-box;border-radius: 4px;z-index: 9999;}

.dynamic-content-container .hs-field-repeter-row label {position: relative;float: none;margin: 0px;}
.form-field.hs-form-field.cx-repeater .repeter-item-wraper {box-sizing: border-box;width: 30%;}
.dynamic-content-container .hs-field-repeter-row label + * {width: 100%;max-width: 100%;min-width: 100%;}
.dynamic-content-container .hs-field-repeter-row [name] {max-width: 100%;width: 100%;box-sizing: border-box;}

.dynamic-content-container p.form-field label {max-width: 100%;}

/* admin column grid size */
table.wp-list-table .column-sku {/*max-width: 10% !important;*/}
table.wp-list-table .manage-column {
    max-width: 10% !important; 
    width: unset; 
}



.hs-elem-row:nth-child(even) {
    background: #e7e7e7ba;
}

.hs-elem-row {
    padding: 10px;
    border-bottom: 2px solid black;
}

td.thumbnail.column-thumbnail img,
.wp-grid-col-val.grid-col-rb_dev_posttype_item_background img
{max-width: 100%;display: block;height: auto;}


td.taxonomy-cx_category.column-taxonomy-cx_category a{background: #e7e7e7;padding: 3px 8px;border-radius: 5px;display: inline-block;}


/* product admin tabs group */
h2.cx_group_seprator {
    font-weight: 900 !important;
    border-bottom: 1px solid silver;
    background: #c0c0c047;
}



/* wp admin section section   */
/*=============================================================================*/



body.wp-admin .template-controller-default form {
    margin-bottom: 40px;
}


/* wp admin setting page controller admin.php */



/* @cxtodo  */

/* as admin does not have fa icons */
i.fas {
    width: 12px;
    height: 12px;
    background: white;
    display: inline-block;
}


.circle-rotate {
  animation: animationglob 5s cubic-bezier(1, 0.99, 0.03, 0.01) infinite;
}

.rotated-continuous {
    animation: animationglob 10s cubic-bezier(1, 0.99, 0.03, 0.01) infinite;
}

.circle_rotate_linear {

    animation: animationglob 10s linear infinite;
}

@keyframes rotate_complete {

    0% {transform: rotate(0deg);}
    100% {transform: rotate(359deg);}

}

@keyframes animationglob {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.zoom-in-out {

    animation: tp_zoom_in_out 2s infinite linear;
}

@keyframes tp_zoom_in_out {
    0% {
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
    }
    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(0.7);
    }
}

.move-up-down {

    animation: scroll_anim 3s infinite;
}


@keyframes scroll_anim {
    0% {
      transform: translateY(0);
    }
  
    50% {
      transform: translateY(30px);
    }
  
    100% {
      transform: translateY(0);
    }
  }