.otech_page_refund span.remove-item {
        width: 20px;
        height: 20px;
        color: #c00;
        font-size: 15px;
        border: 1px solid;
        border-radius: 50%;
        text-align: center;
        line-height: 20px;
        display: inline-block;
        float: right;
        margin-left: 5px;
        font-weight: 600;
    }
    .otech_page_refund input[type="text"] {
        max-width: 10%;
    }

    #wpbody-content .iwebsite.error.notice, #wpbody-content .iwebsite.notice {
        margin: 20px 0 0;
        padding: 15px 15px;
        font-size: 15px;
    }
    .iwebsite-tabs-panel {
        margin: 20px;
    }
    .form-table td, .form-table th{
        padding: 5px 0;
    }
    .form-table th.checkbox {
        width: 30px;
    }
    .iwebsite-tabs {
        margin: 0;
        width: 20%;
        line-height: 1em;
        padding: 0 0 10px;
        position: inherit;
        background-color: #fafafa;
        border-right: 1px solid #eee;
        box-sizing: border-box;
        display: inline-table;
        vertical-align: top;
    }
    .iwebsite-tabs-panel {
        min-height: 150px;
        display: inline-table;
    }
    .iwebsite-box {
        padding: 15px;
        min-height: 200px;
        background: #FFFFFF;
        border: 1px solid #E5E5E5;
        position: relative;
        box-shadow: 0 1px 1px rgba(0,0,0,0.04);
        display: inline-block;
        width: 80%;
        margin: 20px 0 0 0;
    }
    .iwebsite-box .title{
        border-bottom: 1px solid #EEEEEE;
        margin: 0;
        padding: 0 15px 15px;
    }
    .iwebsite-box .title h3{
        margin: 0
    }
    ul.ui-tabs-nav li a{
        margin: 0;
        padding: 10px;
        display: block;
        box-shadow: none;
        text-decoration: none;
        line-height: 20px!important;
        border-bottom: 1px solid #eee;
    }
    ul.ui-tabs-nav li.ui-state-active a {
        color: #555;
        position: relative;
        background-color: #efefef;
    }
    .clear-button {
		cursor: pointer;
		padding: 0px 6px;
		background-color: buttonface;
		border-width: 1px;
		border-style: outset;
		margin: 0 5px !important;
		border-radius: 2px;
		position: absolute;
		right: -50px;
		left: auto;
		bottom: 12px;
		line-height: 1.5 !important;
		min-height: 22px !important;
	}
	.rtl .clear-button{
		left: -50px;
		right: auto;
	}
    .iwebsite-box .final-button {
        border-top: 1px solid #EEEEEE;
        margin: 20px 0;
        padding: 15px 0 0;
    }

    .five-sixths,
    .four-sixths,
    .one-fourth,
    .one-half,
    .one-sixth,
    .one-third,
    .three-fourths,
    .three-sixths,
    .two-fourths,
    .two-fifths,
    .two-sixths,
    .three-fifths,
    .two-thirds {
        float: left;
        margin-left: 2.564102564102564%;
    }

    .three-fifths {
        width: 58.9743589743589744%;
    }

    .two-fifths {
        width: 38.4615384615384616%;
    }

    .one-half,
    .three-sixths,
    .two-fourths {
        width: 48.717948717948715%;
    }

    .one-third,
    .two-sixths {
        width: 31.623931623931625%;
    }

    .four-sixths,
    .two-thirds {
        width: 65.81196581196582%;
    }

    .one-fourth {
        width: 23.076923076923077%;
    }

    .three-fourths {
        width: 74.35897435897436%;
    }

    .one-sixth {
        width: 14.52991452991453%;
    }

    .five-sixths {
        width: 82.90598290598291%;
    }

    .first {
        clear: both;
        margin-left: 0;
    }

    .one-third-eq {
        float: left;
        width: 33.33%;
    }

    .one-half-eq {
        float: left;
        width: 50%;
    }

    .one-fourth-eq {
        float: left;
        width: 25%;
    }



    .iwebsite-tabs-panel-container {
        margin: 20px;
    }
    .form-table td, .form-table th{
        padding: 5px 0;
		position: relative;
    }
    .form-table th.checkbox {
        width: 30px;
    }
    .iwebsite-tabs {
        margin: 0;
        width: 20%;
        line-height: 1em;
        padding: 0 0 10px;
        position: inherit;
        background-color: #fafafa;
        border-right: 1px solid #eee;
        box-sizing: border-box;
        display: inline-table;
        vertical-align: top;
    }
    .iwebsite-tabs-panel-container {
        min-height: 150px;
        display: inline-table;
    }
    .iwebsite-tab-block {
        padding: 15px;
        min-height: 200px;
        background: #FFFFFF;
        border: 1px solid #E5E5E5;
        position: relative;
        box-shadow: 0 1px 1px rgba(0,0,0,0.04);
        display: inline-block;
        width: 80%;
        margin: 20px 0 0 0;
    }

    ul.iwebsite-tabs-controls li a{
        margin: 0;
        padding: 10px;
        display: block;
        box-shadow: none;
        text-decoration: none;
        line-height: 20px!important;
        border-bottom: 1px solid #eee;
    }
    ul.iwebsite-tabs-controls li.ui-state-active a {
        color: #555;
        position: relative;
        background-color: #efefef;
    }

    .iwebsite-tab-block .title{
        border-bottom: 1px solid #EEEEEE;
        margin: 0;
        padding: 0 15px 15px;
    }
    .iwebsite-tab-block .title h3{
        margin: 0
    }
    ul.create_product_tabs li a{
        margin: 0;
        padding: 10px;
        display: block;
        box-shadow: none;
        text-decoration: none;
        line-height: 20px!important;
        border-bottom: 1px solid #eee;
    }
    ul.create_product_tabs li.ui-state-active a {
        color: #555;
        position: relative;
        background-color: #efefef;
    }
    .iwebsite.error{
        font-size: 16px;
        padding:  10px 15px;
    }
    .iwebsite-copy-field{
        counter-reset: repeater;
    }
    .copy-field-container:after {
        content: '';
        height: 100%;
        width: 32px;
        position: absolute;
        top: 0;
        right: 0;
        background-color: #F4F4F4;
        border-left: 1px solid #DFDFDF;
        border-collapse: collapse;
    }
    .copy-field-container:before{
        line-height: 100px;
        color:  #aaa;
        background-color: #F4F4F4;
        text-align: center;
        counter-increment: repeater;
        content: " " counter(repeater) " ";
        height: 100%;
        width: 32px;
        position: absolute;
        top: 0;
        left: 0rem;
        border-right: 1px solid #DFDFDF;
        border-collapse: collapse;

    }
    .ui-helper-clearfix {
        min-height: 0;
    }
    .ui-helper-reset {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        line-height: 1.3;
        text-decoration: none;
        font-size: 100%;
        list-style: none;
    }
    .ui-helper-clearfix:after, .ui-helper-clearfix:before {
        content: "";
        display: table;
        border-collapse: collapse;
    }
    .ui-helper-clearfix:after {
        clear: both;
    }
    .kpi-pageview,
    .kpi-event{
        display: inline;
    }
    .wp-submenu .log{
        color: #ff0c16;
    }
    .file-uploaded{
        display: inline-block;
        margin: 5px;
    }
    .iwebsite-log-viewer li {
        font-size: 21px;
        margin: 10px 0;
    }
    .iwebsite-log-viewer li .fa{
        margin: 0 5px;
    }
    .log-viewer-link{
        cursor:pointer;
    }
    .log-viewer-directory .fa{
        color:#F7D47A
    }

    .uploaded-file-container,
    .show-example-container{
        display: none;
    }
    .iwebsite-button-show-uploaded,
    .iwebsite-button-show-example{
        width: 20px;
        height: 20px !important;
    }
    ul.ui-tabs-nav li a {
        margin: 0;
        padding: 10px;
        display: block;
        box-shadow: none;
        text-decoration: none;
        line-height: 20px!important;
        border-bottom: 1px solid #eee;
    }
	
    .iwebsite-admin-page .ui-tabs-nav li.ui-state-default a{
        color:#0073aa;
        margin: 0;
        padding: 10px;
        display: block;
        box-shadow: none;
        text-decoration: none;
        line-height: 20px!important;
        cursor: pointer !important;
        border: none !important;
        border-bottom: 1px solid #eee;
        box-sizing: border-box;
        width: 100%;
        font-size: 13px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    }
    .iwebsite-admin-page .ui-tabs-nav li.ui-tabs-active a{
        color: #555;
        position: relative;
        background-color: #efefef;
    }
    .iwebsite-box .ui-tabs-nav li ,
    .iwebsite-admin-page .ui-tabs-nav li{
        background-image: none;
        width: 100%;
        border-radius: 0;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }
    .iwebsite-box .ui-tabs-nav,

    .iwebsite-admin-page .ui-tabs-nav{

        padding: 0;
        margin: 0;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        line-height: 1.3;
        text-decoration: none;
        font-size: 100%;
        list-style: none;
		margin: 15px 0 0 0px;;
        width: 100%;
        line-height: 1em;
        padding: 0 0 10px;
        position: inherit;
        background-color: #fff;
        border: none;
        box-sizing: border-box;
        display: inline-table;
        vertical-align: top;
        background-image: none;
    }
	.iwebsite-box  h2, .iwebsite-box h1, .wrap>h2:first-child {
		font-size: 23px;
		font-weight: 400;
		margin: 0 0 15px !important;
		line-height: 1.3;
		border-bottom: 1px solid #efefef;
		padding: 0px 0 10px;
	}
    /**123*/
    .border-table:not(:last-child){
        margin-bottom: 10px;
    }
    .border-table{
        border: 1px solid #989898;
        padding: 5px;
    }
    .clearfix:after {
        clear: both;
        content: " ";
        display: table;
    }
    .clearfix:before {
        content: " ";
        display: table;
    }
    .iwebsite-admin-page .field{
        margin: 10px 0 ;
        list-style: none;
    }
    .iwebsite-admin-page .field{
        margin: 5px 0 ;

    }
    .iwebsite-choose-images{
        display: inline-block;
    }
    .iwebsite-images-list li{
        display: inline-block;
        margin: 0 15px;
    }
    .iwebsite-admin-page .field textarea {
		width: 250px;
		line-height: 25px;
		border-radius: 9px;
		height: auto;
		min-height: 110px;
		margin: 10px 15px 0 15px;
	}
	.iwebsite-admin-page .select2-container{
		width: 280px !important;
	}

    .iwebsite-admin-page .field input[type="date"],
    .iwebsite-admin-page .field input[type="number"],
    .iwebsite-admin-page .field input[type="text"],
    .iwebsite-admin-page .field select{
        width: 250px;
		line-height: 35px;
		height: 35px;
		border-radius: 9px;
		margin: 5px 15px;
	}
    
    .iwebsite-admin-page .field input[type="text"].little-input{
        width: 200px;
    }
	.iwebsite-admin-page input[type="date"]::-webkit-inner-spin-button, 
	.iwebsite-admin-page input[type="date"]::-webkit-clear-button  {
		display: none;
	}

    .iwebsite-admin-page .field .select2-container--default .select2-selection--single .select2-selection__arrow{
        height: 35px;
    }
    .iwebsite-admin-page .field .select2-container--default .select2-selection--single .select2-selection__rendered{
        line-height: 35px;
    }

    .iwebsite-admin-page .field .select2-container--default .select2-selection--single{
        background-color: #fff;
        border-radius: 9px;
        height: 35px;
        line-height: 35px;
        border: 1px solid #ddd;
		margin: 5px 15px;
    }
	.select2-container--open .select2-dropdown{
		margin: 5px 15px;
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow {
		height: 26px;
		position: absolute;
		top: 4px;
		right: 20px;
		width: 20px;
	}
    .iwebsite-admin-page .field .iwebsite-checkbox-description{
        clear: right;
        display: inline-block;
        margin-left: 0;
        font-size: 13px;
        font-style: italic;
        width: calc(100% - 24px );
        margin-top: 4px;
        margin-left: 5px;
    }
    .checkbox-container{
        display: inline-block;
        width: 500px;
		margin: 5px 15px;
    }
	.checkbox-container input[type="checkbox"] {
		display: none;
	}
    .iwebsite-admin-page .field input[type=radio]:not(.iwebsite-checkbox-true-false),
    .iwebsite-admin-page .field input[type=checkbox]:not(.iwebsite-checkbox-true-false){
        width: auto;
        vertical-align: middle;
        width: 10px;
        /* padding: 10px 0 !important; */
        clear: both;
    }
    .iwebsite-admin-page .field label{
        width: 250px;
        display: inline-block;
        font-size: 14px;
        height: auto;
        line-height: 25px;
    }
    .checkbox-container{

    }
    .iwebsite-checkbox-true-false{
        height: 0 !important;
        width: 0 !important;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        margin: 0 !important;
        padding: 0 !important;
    }

    .iwebsite-switch{
        display: inline-block;
        border-radius: 5px;
        cursor: pointer;
        position: relative;
        background: #f8f8f8;
        height: 30px;
        vertical-align: middle;
        border: #ccc solid 1px;
        -webkit-transition: background 0.25s ease;
        -moz-transition: background 0.25s ease;
        -o-transition: background 0.25s ease;
        transition: background 0.25s ease;
    }
    .iwebsite-switch-toggle-on{
        background: #309cf3;
        border-color: #2b9af3;
    }
    .iwebsite-switch .iwebsite-switch-on {
        color: #fff;
        text-shadow: #1f7db1 0 1px 0;
    }

    .iwebsite-switch span{
        display: inline-block;
        text-align: center;
        font-size: 13px;
        line-height: 22px;
        padding: 4px 10px;
        min-width: 18px;

    }
    .iwebsite-switch .iwebsite-switch-slider {
        position: absolute;
        top: 2px;
        left: 2px;
        bottom: 2px;
        right: 50%;
        z-index: 1;
        background: #fff;
        border-radius: 3px;
        border: #ccc solid 1px;
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
        transition-property: left, right;
    }
    .iwebsite-switch-toggle-on .iwebsite-switch-slider {
        left: 50%;
        right: 2px;
        border-color: #0d84e3;
    }
    .iwebsite-admin-page .field:after{
        clear: both;
        content: " ";
        display: table;
    }
    .iwebsite-admin-page .field:before{
        content: " ";
        display: table;
    }
    .iwebsite-accordion-container{

    }
    .iwebsite-accordion-container.active .iwebsite-accordion-title:after{
        content: "\f142";

    }
    .iwebsite-accordion-title:after{
        content: "\f140";
        font-family: dashicons;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        border-radius: 50%;
        text-indent: -1px;
        display: inline-block;
        font: normal 20px/1 dashicons;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-decoration: none!important;
    }

    .iwebsite-copy-field .iwebsite-accordion-container{
        margin-right: 25px;
        background: #f4f4f4;
        max-height: 37px;
    }
    .iwebsite-copy-field .iwebsite-accordion-title{



    }
    .iwebsite-accordion-title{
        padding: 0 20px;
        position: relative;
        height: 35px;
        line-height: 35px;
        background-color: #fff;
        border: 1px solid #e2e2e2;
        border-radius: 9px;

        margin: 0 !important;
        cursor: pointer;


    }

    .iwebsite-accordion-container.active{
        max-height: 1800px;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        transition: all 0.5s linear;

    }
    .iwebsite-accordion-container>ul{
        padding: 20px;
    }
    .iwebsite-accordion-container{
        max-width: 600px;
        background: #FFF;
        border-radius: 9px;
        max-height: 35px;
        overflow: hidden;
        margin: 0;
        padding: 0;
        -webkit-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }
    .iwebsite-draggable-accordion{
        counter-reset: accordion;
    }
    .iwebsite-draggable-accordion  .iwebsite-accordion-title:before {
        counter-increment: accordion;
        content: " " counter(accordion) " ";
        border: 1px solid;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        display: inline-block;
        text-align: center;
        line-height: 20px;
        font-size: 0.9rem;
        margin-right: 15px;

    }
    .copy-field-container .add-row-button{
        display: none;
    }
    .copy-field-container:last-child .add-row-button{
        display: inline-block;
    }
    .copy-field-container:first-child .remove-copy-iwebsite{
        display: none;
    }
    .copy-field-container:hover .remove-add-copy-iwebsite-icon{
        opacity: 1;
    }
    .copy-field-container {
		position: relative;
		max-width: 600px;
		padding: 20px 70px;
		border: 1px solid #DFDFDF;
		background-color: #fff;
	}
	.remove-add-copy-iwebsite-icon.add-copy-iwebsite:before {
		content: "\f132";
	}
	.remove-add-copy-iwebsite-icon.remove-copy-iwebsite:before {
	   content: "\f460";
	}

	.remove-add-copy-iwebsite-icon:before {
		font-family: "dashicons";
	}
    /*.remove-add-copy-iwebsite-icon:before {
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
    }*/
    .remove-add-copy-iwebsite-icon.remove-copy-iwebsite:hover{
        background-color: #F55E4F;
        color: #fff;

    }
    .remove-add-copy-iwebsite-icon.add-copy-iwebsite:hover{
        border-color: transparent;
        background: #2a9bd9;
        color: #fff;
    }
    .remove-add-copy-iwebsite-icon.remove-copy-iwebsite{
        top: 60%;
        transform: translateY(-50%);
		line-height: 18px;
    }
    .remove-add-copy-iwebsite-icon{
        padding: 0;
        opacity: 0;
        cursor: pointer;
        display: inline-block;
		border: transparent solid 1px;
		border-radius: 100%;
		border-color: #BBB;
		background-color: #fff;
        text-align: center;
        text-decoration: none;
        vertical-align: top;
        position: absolute;
        right:7px;
        top: 40px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 14px;
        color: #999;      
        overflow: hidden;
        transition: none;
        z-index: 20;

    }
	button.button-primary.add-copy-iwebsite.add-row-button {
		float: right;
		margin-top: 10px;
	}
    .iwebsite-top-tab ul{
        border-bottom: 1px solid #ccc;
        margin: 0;
        padding-top: 9px;
        padding-bottom: 0;
        line-height: inherit;
    }

    .iwebsite-top-tab>ul>li {
        margin-bottom: 0;
        outline: none !important;

    }
    .iwebsite-top-tab>ul>li a{
        text-decoration: none;
        outline: none;
        cursor: pointer;
        outline: none !important;

        float: left;
        border: 1px solid #ccc;
        border-bottom: none;
        margin-left: .5em;
        padding: 5px 10px;
        font-size: 14px;
        line-height: 24px;
        font-weight: 600;
        background: #e5e5e5;
        color: #555;
        text-decoration: none;
        white-space: nowrap;
        margin-bottom: 0;
    }
    .iwebsite-top-tab>ul>li.ui-tabs-active a:hover,
    .iwebsite-top-tab>ul>li.ui-tabs-active a:focus,
    .iwebsite-top-tab>ul>li.ui-tabs-active a{
        border-bottom: 1px solid #f1f1f1;
        background: #f1f1f1;
        color: #000;
        margin-bottom: -1px;
        outline: none !important;

    }

    .iwebsite-images-list .delete:before{
        color: #fff;

        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        text-align: center;
        /* opacity: .8; */
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        content: '×';
    }
    .iwebsite-images-list .delete:hover:before{
        color: #D54E21;
    }
    .iwebsite-images-list>li:hover .delete{
        display: inline-block;

    }
    .iwebsite-images-list .delete{
        border-color: transparent;
        background: #23282D;
        color: transparent;
        height: 26px;
        width: 26px;
        border: transparent solid 1px;
        border-radius: 100%;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        text-decoration: none;
        vertical-align: top;
        position: absolute;
        top: 10px;
        right: 10px;
        display: none;

    }
    .iwebsite-images-list>li{
        position: relative;
    }

    .table-sku-container.iwebsite-admin-page table {
        width: 100%;
    }
    .table-sku-container.iwebsite-admin-page .field label {
        width: 160px;}

    .table-sku-container input{
        color: #000;
    }
    .table-sku-container .size-table-container,
    .table-sku-container .size-ruller-container,
    .table-sku-container .date-container{

    }


    .table-sku-container .size-ruller-container {
        float: left;
    }
    .table-sku-container .date-container {
        float: right;
    }
    .table-sku-container .label {
        font-weight: 600;
        padding-top: 8px;
        display: inline-block;
    }

    .table-sku-container {
        font-size: 14px;
        max-width: 890px;
    }
    .size-table-container{
        float: left;
    }
    .size-table th{
        padding: 5px;
        background: #bbbbbb;
        border: 1px solid;
    }
    .three-tables-info .one-third{
        max-height: 210px;
        overflow: auto;
    }
    .three-tables-info{
        font-size: 15px;
    }
    .three-tables-info table th{
        background: #bbbbbb;
    }
    .three-tables-info table th,
    .three-tables-info table tr,
    .three-tables-info table td,
    .three-tables-info table{
        text-align: left;
        border-spacing: 0;
        border: 1px solid #7d7d7d;
        border-collapse: collapse;
    }
    .size-ruller-container .label{
        float: left;
    }
    .notice, div.error, div.updated {
        padding-bottom: 3px;
    }