*{box-sizing: border-box;}
body{background-color: #f4f6f8;margin: 0;} 
.option-title-text,.option-name{height: 34px;margin-bottom: 5px;padding: 6px 12px;font-size: 14px;border: 1px solid #ccc;border-radius: 4px;}
.option-title,.font-set{font-size: 14px;}
#emptbl,.emptbl-edit,.first_edit_form{padding: 0 5px 0 10px;border-radius: 3px;margin-bottom: 5px !important;margin-right: 10px;}
.set-width{width:220px;}
.dlt-btn{height: 34px;color: #fff;width: 40px;background-color: #d9534f;border-color: #d43f3a;}
.btn {text-transform: capitalize;display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;border: 1px solid transparent;border-radius: 4px;}
.list-save,.add-btn,.save-btn,.edit-btn,.back_to_option,.add-btn-image,.save-btn-image{cursor:pointer;color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.option-form,.image-insert-form,.inputgroupform,.product_create-edit-delete{display: flex;}
.dlt_sec_btn,.dlt_sec_btn1{cursor:pointer;color: #fff;float: right;background-color: #d9534f;border-color: #d43f3a;}
.option-list label,.second-form,.table-form-edit label{border-bottom: 2px solid #eee;min-height: 80px;padding: 20px 20px;width: 100%;margin-bottom: 5px;font-weight: 700;float: left;background: #fff;}
.table-form-option{padding: 35px 3px;background: #fff;float: left;width: 100%;}
.half-form {padding: 15px;}
.edit_delete_form{background: white;margin: 15px;}
.edit-delete-option{padding: 20px;background: #fff;float: right;width: 100%;}
.text-edit{width:100%;}
.table-background{clear: both;background: white;font-size: 18px;margin-top: 10px;margin-bottom: 10px;font-weight: 500;line-height: 1.1;}     
.para{padding: 20px;margin-top: 10px;margin-bottom: 10px;}
.second_edit_form{margin-top: 15px;width: 30%;float: right;padding-left: 30px;} 
.buttons-ed-dl{padding-left: 12px;}
tr{background: #eee;}
.ms-dd .ms-options {overflow: scroll;max-height:390px;}
.images_upload,.create_image,.create-third-form{background: white;padding: 14px 14px 0px 14px;margin: 0 20px;}
.font-set{border-bottom: 2px solid #eee;min-height: 80px;    font-weight: 500;line-height: 1.1;}
.block-content{padding: 20px;}
#fileToUpload{padding-bottom: 40px;}
.upload_button{cursor:pointer;color: #fff;background-color: #449d44;border-color: #398439;}
.ms-dd{padding-bottom: 30px;background: white;}
.dlt_sec_btn12{cursor:pointer;color: #fff;background-color: #d9534f;border-color: #d43f3a;}
.dlt_sec_btn12:hover{background-color: #c9302c;border-color: #ac2925;}
.image-group-dd{width: 100%;border: 1px solid #c4cdd5;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;border-radius: 4px;}
.image-group-edit{cursor:pointer;color: #fff;background-color: #31b0d5;border-color: #269abc;}
.image-group-delete{cursor:pointer;color: #fff;background-color: #ec971f;border-color: #d58512;float: right;}
.group-name{height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: black;border-radius: 4px;border: 1px solid #c4cdd5;}
#deleteRow,.create-dlt-btn{color: #fff;width: 40px;background-color: #d9534f;border-color: #d43f3a;}
.padding-set{padding: 20px 20px;}
.title-create-form{background-color: #fff;margin: 45px 20px 0 20px;}
.inputgroupform{margin-top: 5px;}
.input-group{padding-left: 10px;}
.form-row{background: #eee;padding: 5px 20px 2px 0;border-radius: 3px;min-width: 900px;margin-bottom: 5px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;}
.image-margin{margin-top: 8px;}
.form-row,.form-group,.flex-set{display: flex;}
.aa{padding-right: 4px;}
.dropbtn{background: white;width: 289px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;border: 1px solid #c4cdd5;border-radius: 4px;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;}
.dropdown-content,.dropdown-content1{overflow: scroll;max-height:250px;}
.dropbtn1{width: 110px;overflow: hidden;vertical-align: middle;height: 34px;padding: 9px 11px 0px 7px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;cursor: pointer;}
#myDropdown a img{vertical-align: middle;}
.option-table{display: inline-flex;gap: 7px;}
#emptbl{padding-left: 0;}
.half-form{width: 100%;}
.edit_delete_form{width: 30%;}
.option-table{padding: 5px;margin-bottom: 5px;background: #eee;}
.table-form-edit{width: 70%;float: left;margin-top: 15px;}
.edit-form-field{display: flex;gap: 4px;}
.col1,.without-btn{display: flex;gap: 4px;}
.without-btn{margin-bottom: 10px;}
.img_name{display: flex;gap: 10px;}
.setwth{float: left;width: 100%;}
/* .p-id,.p-image,.p-name,.p-image{width: 20%;float: left;} */
/* .p-name{width: 26%;float: left;} */
/* .p-image{width: 22%;float: left;} */
.p-handle{width: 22%;}
.p1-id,.p2-name,.p3-image,.p4-handle{display:none;}
.option-form,.product_create-edit-delete,.title-create-form,.image-insert-form,.file-upload-section{float: left;}
.set-colour-code{padding-left: 6px;}
.set-type{padding-right: 10px;padding-top: 8px;}
.type-colour{display:flex;}
.first-second-form{clear:both;}	
.icon{display:none;}	
.product_create{cursor:pointer;color: #fff;background-color: #5cb85c;border-color: #4cae4c;}	
.set-height{height: 34px;}
.num-width{width:100px;float:left;height:34px;}
.set-price-width{float:left;width:220px;height:34px;}
.user_login{text-align: center;background: white; margin: 0 auto;width: 50%;padding: 50px;position: relative;top: 20%;}
.configure_btn{cursor:pointer;color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.col-lg-3{background: #eee;clear: both;width: 15%;}
.nav-tabs{list-style-type: none;border-bottom: 1px solid #ddd;height: 32px;padding: 11px;margin: 0;}
.fieldtab{position: relative;left: 0px;top: 0px;text-decoration: none;}
.fieldtab a{text-decoration: none;color: black;}
.nav-tabs2{padding: 10px;border-bottom: 1px solid #ddd;margin: 0;padding: 0;color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
#lix{list-style-type: none;padding: 10px;background: #eee;clear: both;}
#lix a{text-decoration: none;color: black;}
#last{border-bottom: 1px solid #ddd;}
.enable-drop{width: 40%;float: left; margin: 0 auto;}
.col-lg-3{background: #eee;width: 60%;float: right;margin: 0 auto;}
.field-charm{width: 100%;max-width: 1350px;margin: 0 auto;float: left;}
.enable-custom{width: 60%;padding-bottom: 10px;float:right;}
.imageupload{width: 80px;height: 70px;margin-right: 20px;}
.fa-plus{color: #fff;background-color: #5cb85c;border-color: #4cae4c;padding: 4px 12px;font-size: 15px;line-height: 1.42857143;border: 1px solid transparent;border-radius: 4px;}
.tab-pane{padding-bottom: 4px;width: 100%;font-weight:bold;text-align:center;background: #eee;position: absolute;bottom: 47px;}
.full-box{width: 60%;float: right;}
.app-tab-content{clear: both;}
.panel,.image-upload-box,.image-swatches-box,.dropdown_box,.color-swatches-box,.textarea-box,.checkbox_box{padding: 65px 0px 45px 0px;background: white;border: 8px solid #eee;width: 100%;}
.form-group label,.form-control{cursor:pointer;width: 50%;float: left;}
.fields{width: 100%;float: left; }
.enable-drop,.full-box{padding: 40px;}
.akb{width: 60%;}.field-type{width: 40%;}.cstmfy_input_type{margin-top: 10px;}
.Background-set{width: unset!important;}
.selectbackground{gap: 20px;}
.font,.cstmfy_cfont,.cstmfy_input_type,.width_number{width: 100%;}
.form-control{cursor:pointer;height: 34px;margin-bottom: 5px;padding: 6px 12px;font-size: 14px;color: #555;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;}
.font-selection,.set-numbers{width: 50%;}
.pplr-options{position: absolute;background: #eee;color: black;height: 212px;display: block;}
.pplr-options div span{display: block;width: 240px;padding: 7px 5px;border-bottom: 1px solid #cccccc;cursor: pointer;}
.pplr-options div{width: 240px;z-index: 1;display: block;position: absolute;background: rgba(245, 245, 245, 0.9);border: 1px solid #cccccc;border-top: 0px;}  
.image-upload-box,.image-swatches-box,.dropdown_box,.textarea-box,.color-swatches-box{display:none;}   
.fa-circle-xmark{font-size: 20px;color: red;}   
.delete_button2{float: right;}
.tab-set{width: 100%;background: #eee;position: relative;}
.full-dd{padding: 0px 20px;}
.button_set{position: absolute;right: 5px;top: 22px;}
.myform{position: relative;}
.active{background:#555;}
.active .djkks{color:white;}
.pplr-form,.imageupload{float: left;width: 100%;}
.imgupd-width{float: left;width: 335px;}
.pplr_sbutton{clear:both;text-align: center;padding-top: 10px;}
.pplr-save-btn{background: #5cb85c;color: white;}
.product-msg{display: flex;color: #00FF00;gap: 10px;}
.code-input{padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #c4cdd5;border-radius: 4px;display: inline-block;width: auto;vertical-align: middle;}
.favcolor-code{border-left: none;height: 34px;border: 1px solid #ccc;border-radius: 0px 4px 4px 0px;display: block;padding-bottom: 0px;margin-top: -7px;}
#copyTab{display: none;}
.opt_fielddrop{height: 34px;padding: 6px 12px;font-size: 14px;border: 1px solid #ccc;border-radius: 4px;color: #555;}
.show-pname{text-align:center;}
.title-ddtype{margin: 10px;}
.set-ttl{margin-right: 10px;}
.edit_dlt_configure{display: flex;gap: 10px;height: auto !important;}
.form-row1 {display: flex;background: #eee;padding: 5px 20px 2px 0;border-radius: 3px;min-width: 900px;margin-bottom: 5px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;}
.creat-add-btn .add-color{padding: 0px;margin-left: 0;}
.form-control_dd{cursor:pointer;height: 34px;margin-bottom: 5px;padding: 6px 12px;font-size: 14px;color: #555;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;}
.back_to_product{background: #5cb85c;color: white;}
.deletedt{background-color: #d9534f;border-color: #d43f3a;}
.imgtype-swt{width: 100%;}
.font_title{text-align: center;font-weight: 600;font-size: 25px;padding: 10px;color: #555;}
.file-upload-section{margin-top: 0;}
.image-insert-form,.creat-group-section{margin-top: 15px;}
.image-group-edit{background-color: #5cb85c;border-color: #4cae4c;}
.image-group-delete{background-color: #c9302c;border-color: #ac2925;}
            /* added for images */
.dropbtn {background: white;width: 289px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;border: 1px solid #c4cdd5;border-radius: 4px;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;cursor:pointer;}
#myInput {box-sizing: border-box;background-image: url('searchicon.png');background-position: 14px 12px;background-repeat: no-repeat;font-size: 16px;padding: 14px 20px 12px 45px;border: none;border-bottom: 1px solid #ddd;}
#myInput:focus {outline: 3px solid #ddd;}
.dropdown {position: relative;}
.dropdown-content {display: none;position: absolute;background-color: #f6f6f6;min-width: 230px;width: 335px;overflow: auto;border: 1px solid #ddd;z-index: 1;}
.dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;}
.dropdown a:hover {background-color: #ddd;}
.show {display: block !important;}
/*#myInput {box-sizing: border-box;background-image: url('searchicon.png');background-position: 14px 12px;background-repeat: no-repeat;font-size: 16px;padding: 14px 20px 12px 45px;border: none;border-bottom: 1px solid #ddd;}
#myInput:focus {outline: 3px solid #ddd;}*/
.dropdown1 {position: relative;}
.dropdown-content1 {display: none;position: absolute;background-color: #f6f6f6;min-width: 230px;overflow: auto;border: 1px solid #ddd;z-index: 1;}
.dropdown-content1 a {color: black;padding: 12px 16px;text-decoration: none;display: block;}
.dropdown1 a:hover {background-color: #ddd;}
            /* ended for images */
            /* added for menu-bar */
.tablink {background-color: #555;color: white;float: left;border: none;outline: none;cursor: pointer;padding: 14px 16px;font-size: 17px;}
.tablink:hover {background-color: #777;}
.logout_btn{background: #5cb85c;width: 225px;}
.logout_btn:hover{background: #5cb85c;}
.desktop{display: flex;background-color: #555;}
.dropdown-content12 {display: none;position: absolute;background-color: #f1f1f1;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;top: 48px;left: 0px;overflow: hidden;}
.closebtn{display:none;}
.tab-hover{width:20%;text-align: center;display: flex;justify-content: center;}
.dropdown-content12 a {color: black;float:left;text-decoration: none;display: block;}
.dropdown-content12 a:hover {background-color: #ddd;}
.set-wth{width: 216px}
.product-hover {position: relative;display: inline-block;width: 20%;justify-content: center;display: flex;}
.product-hover:hover .dropdown-content12 {display: block;}
.prolist_configure{color: black;background-color: #f1f1f1;}
.desktop .active{background-color: #31b0d5;border-color: #269abc;}
        /* ended for menu-bar */
        /* added for font */
.creat-move-cursor1{float: left;padding: 8px 5px 10px 0px;}
.fas {font-size: 12px;}
        /* ended for font */
        /* added for product-personalizer */
/* #myInput { box-sizing: border-box;background-image: url('searchicon.png');background-position: 14px 12px;background-repeat: no-repeat;font-size: 16px;padding: 10px 90px 8px 30px;border: none;border-bottom: 1px solid #ddd;}
#myInput:focus {outline: 3px solid #ddd;} */
/* .dropdown {position: relative;margin-bottom: 5px;}
/*.dropdown-content {display: none;position: absolute;background-color: #f6f6f6;width: 335px;overflow: auto;border: 1px solid #ddd;z-index: 1;}*/
/* .dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;}
.dropdown a:hover {background-color: #ddd;} */
.field-charm .dropbtn{width: 338px;}
        /* ended for product-personalizer */
.markernone{border: 1px solid #ddd;list-style: none;padding: 8px 16px;float: left;}	
.markernone a{text-decoration: none;color: black;}
.pagination .active{background-color: #31b0d5;border-color: #269abc;}
.active a{color:white;}
.pagination{margin-bottom: 50px;float: left;display: flex;width: 100%;justify-content: center;list-style: none;}
.order-set{order: 4;}
.previous-page,.order-set{padding: 10px;background-color: #31b0d5;border-color: #269abc;}
.previous-page a,.order-set a{text-decoration: none;color: white;}
.overflowhide{overflow:hidden;}
                /* shopify_app_custom_css */
*{margin: 0;padding: 0;}
body {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;background: #f4f6f8;color: #333;} 
form.create-color-form {width: 100%;float: left;}
.creat-group-section {background: #fff;border: 1px solid #eee;}
.color-heading{margin: 20px 50px 50px 50px;}
.creat-group-heading ,.creat-font-heading{background: #fff;border-bottom: 2px solid #eee;min-height: 40px;margin-bottom: 5px;padding: 20px 20px;}
.creat-group-heading-p,.record-delete,.creat-font-heading-p{font-weight: 700;color: #333;font-size: 14px;padding: 5px;}
.creat-group-form {padding: 20px;width: auto;display: inline-block;}
.creat-group-title {margin-bottom: 5px !important;margin-right: 10px;}
.creat-price {display: flex;width: 60px;}
.creat-price-colour {display: flex;width: 135px;}
input.title-input ,input.name-input ,select.color-type-select ,input.code-input ,select.price-change-select ,input.price-input ,select.selected-color-type-select,.selected-font-type-select,.selected-fontgroup-type-select{padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #c4cdd5;border-radius: 4px;display: inline-block;width: auto;vertical-align: middle;}
input.title-input:focus-visible ,input.name-input:focus-visible ,select.color-type-select:focus-visible ,input.code-input:focus-visible ,select.price-change-select:focus-visible ,input.price-input:focus-visible ,select.selected-color-type-select:focus-visible,.selected-font-type-select:focus-visible,.selected-fontgroup-type-select:focus-visible{border-color: #5c6ac4 !important;outline-color: #5c6ac4 !important;}
label.type-label{font-size: 14px;color: #333;}
.select-color-fild-section,.select-color-fild-section_copy {background: #eee;padding: 5px 20px 2px 0;border-radius: 3px;margin-bottom: 5px !important;margin-right: 10px;display: flex; }
button.creat-delete-btn ,.delete-color-group ,.delete-font-group{width: 40px;color: #fff;background-color: #d9534f;border-color: #d43f3a;display: inline-block;margin-bottom: 0;font-size: 29px;height: 34px;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;touch-action: manipulation;cursor: pointer;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;margin-left: -1px;position: relative;}
button.creat-delete-btn:hover  ,.delete-font-group:hover{background-color: #c9302c;border-color: #ac2925;}
button.creat-delete-btn:focus  ,.delete-font-group:focus{outline: 5px auto -webkit-focus-ring-color;outline-color: -webkit-focus-ring-color;outline-style: auto;outline-width: 5px;outline-offset: -2px;}
.delete-color-group{color: #fff;background-color: #d9534f;border-color: #d43f3a;}
.list-dlt,.delete-color-group:hover{cursor:pointer;color: #fff;background-color: #c9302c;border-color: #ac2925;}
.delete-color-group:focus{outline: 5px auto -webkit-focus-ring-color;outline-color: -webkit-focus-ring-color;outline-style: auto;outline-width: 5px;outline-offset: -2px;}
input.delete-color-group ,input.delete-font-group{width: auto;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;vertical-align: middle;padding: 6px 12px;margin: 0 5px;float: right;margin-bottom: 20px;}
.delete-font-group{float: left !important;}
input#favcolor-code {position: relative;width: 20%;height: 34px;padding: 3px;border-radius: 0px 4px 4px 0px;display: block;font-size: 14px;font-weight: 400;line-height: 1;color: #555;text-align: center;background-color: #eee;border: 1px solid #ccc;right: 0px;border-left: none;top: 7px;}
.creat-move-cursor i.fas.fa-arrows-alt-v {padding: 6px 6px;font-size: 11px;position: relative;top: 5px;cursor: move;float: left;}
button.add-color, .creat-color-group ,.edit-color-group ,.creat-font-group{ display: inline-block;padding: 6px 12px;margin: 0 5px;margin-bottom: 20px;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;vertical-align: middle;cursor: pointer;border: 1px solid transparent;border-radius: 4px;color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
button.add-color:hover, .creat-color-group:hover ,.creat-font-group:hover{color: #fff;background-color: #449d44;border-color: #398439;}
button.add-color:focus, .creat-color-group:focus  ,.creat-font-group:focus{outline: 5px auto -webkit-focus-ring-color;outline-color: -webkit-focus-ring-color;outline-style: auto;outline-width: 5px;outline-offset: -2px;}
.edit-color-group{color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.edit-color-group:hover{color: #fff;background-color: #449d44;border-color: #398439;}
.edit-color-group:focus{outline: 5px auto -webkit-focus-ring-color;outline-color: -webkit-focus-ring-color;outline-style: auto;outline-width: 5px;outline-offset: -2px;}
.selected-group-form {width: auto;padding: 20px;}
select.selected-color-type-select ,.selected-font-type-select ,.selected-fontgroup-type-select {width: 100%;height: 34px;margin: 10px 0;}
               /* font css */
.file-upload-section{display: flex;}
.font-file-upload, .upload-file-delete, .font-group-add-del {width: 33%;margin: 20px;background: white;border: 1px solid #eee;}
.selected-fontgroup-type,.selected-font-type,.upload-font-file{padding: 20px;}
.font-edit-delete-btn,.upload-font-delete,.upload-font-btn{padding: 10px 20px;}
                /* ended of shopify_app_custom_css */
.topmargin{margin-top:5px;}   
.label-search{width: 100%;display: flex;background: white;margin-bottom: 10px;} 
.label-search label{width: 20%;border-bottom: none;margin-bottom: 0;}           
.search-box{width: 80%;}
.search-res{height: 34px;margin-bottom: 5px;padding: 6px 12px;font-size: 14px;border: 1px solid #ccc;border-radius: 4px;margin-top: 20px;width: 45%;}
.setconfi-wid{width: 10% !important;}
.result{display:none;position: absolute;background: white;width: 65%;border: 1px solid #ddd;}
.userset-display{display: flex;gap: 45px;}
.name-prot{margin-top: auto;margin-bottom: auto;}
.con-display input{width: 130px !important;margin-left: 20px;margin-top: 0;}
.border-set img{margin-right: 10px;}
.eddt-set{ margin-left: 20px;float: left;}
.edt-gap{width: 125px;}
.Apply_btn,.addtolist{color: #fff;background-color: #337ab7;border-color: #2e6da4;cursor:pointer;}
.modal {display: none; position: fixed; z-index: 1;padding-top: 100px; left: 0;top: 0;width: 100%;height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.modal-content {background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 80%;}
.close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.close:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
.model-title{text-align: center;font-size: 20px;font-weight: 500;}
.position_unset{position: unset;width: 100%;}
.popup-search{margin: 0 auto;}
.popup-input{width: 100%;}
.applybutton{text-align: center;}
.popup_apply{width: 200px;cursor: pointer;color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.Remove{cursor:pointer;color: #fff;background-color: #f0ad4e;border-color: #eea236;}
.link-value{display: flex;gap: 10px;}
.colorset{cursor:pointer;color: #fff;background-color: #449d44;border-color: #398439;}
.link-value{display:none;}
.flex{display:flex}
.border-set_variant a{color: black;}
.border-set div{text-align: left;height: 60px;}
.border-set_variant{text-align: left;height: 80px;margin-left: 100px;background: #eee;cursor: pointer;}
.user_submit{ color: #fff;background-color: #5cb85c;border-color: #4cae4c;cursor: pointer}
.reset-create{color: #fff;background-color: #337ab7;border-color: #2e6da4;cursor: pointer;}
.create-user-shop .active{background-color: #31b0d5;border-color: #269abc;}
.create-user-shop{width: 100%;float: right;}
.create-user-shop .tablink,.dropdown_shop_confi{float: right;}
.shop-width{width: 11%;float: left;}
.s_empty,.user-width{width: 20%;float: left;}
.user-fullwt{width: 100%;}
.border-set{align-items: center;padding: 5px;display: flex;border-bottom: 1px solid #dedede;}
.addtolist{margin-top: 9px !important;}
.variant_set{display:block;}
.copy{margin-left: 15px;color: #fff;background-color: #337ab7;border-color: #2e6da4;cursor: pointer;}
.label_confi_list{float: left;}
.shop_set{height: 34px;padding: 6px 12px;font-size: 14px;border: 1px solid #ccc;border-radius: 4px;}
/* .colour-setsize{padding: 3px !important;} */
.product-edit-btn{height: 35px;width: 100px;cursor: pointer;color: #fff;background-color: #5cb85c;border-color: #4cae4c;margin-left: 10px;}
.product-create-save{color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.fa-solid{padding:10px;}
.edit-form-field{background: #eee;padding: 5px 20px 2px 0;margin-bottom: 5px;}
.fa-plus{font-size: 11px;}
.color-title-set{margin: 16px 0px 0px 18px;}
.set-font_shop,.font_shop_set{display: flex;gap: 10px;}
.set-font_shop{margin: 10px 0px 0px 21px !important;}
.editpro-button{margin-left: 128px;}
.saveconf_product{height: 34px;}
.width_shop_set{width:150px;}
.s_productprice{width: 7%;}
.s_addtocart,.s_name,.s_url,.s_apikey,.s_apipassword,.s_token,.s_title{width: 10%;}
.s_thumbimg{width: 8%;}
.s_images{width: 6%;}
.shop-save-delete{display: flex;gap: 5px;}
.result .product-edit-btn{margin-left: 110px;}
.position_unset .editpro-button,.position_unset .eddt-set{margin-top: 10px;}
.record-found{color: red;text-align: center;margin-top: 40px;}
.without-shop{display:block !important;}
.aaaaa .fa-solid {padding: 0px;margin-right: 10px;}





@media screen and (min-width:320px) and (max-width:768px){
    .create-font,.creat-color-type,.set-height,.num-width{padding-bottom: 5px !important;}
    .num-width {float: unset;}
                    /* added for colour */
    .creat-color-name,.set-colour-code,.creat-price-change{padding-bottom: 5px !important;}
                    /* ended for colour */
    .overlay {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;left: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);overflow-x: hidden;transition: 0.5s;}
    .overlay-content {position: relative;top: 15%;width: 100%;text-align: center;}
    .overlay a {padding: 8px;text-decoration: none;font-size: 17px;color: white !important;display: block;transition: 0.3s;}
    .overlay a:hover, .overlay a:focus {color: #f1f1f1;}
    .overlay .closebtn {font-size: 30px;}   
                    /* added for images */ 
    .title-create-form .color,.title-create-form .form-group{float: left;padding-bottom: 5px;}   
    .title-create-form .input-group{float: left;}
    .image-insert-form,.form-row,.form-group,.inputgroupform,.flex-set{display: block;}
    .images_upload,.create_image,.create-third-form,.title-create-form{width:100%;}
    .dropbtn {width: 232px;}
    .form-row{min-width: unset;}
    .input-group {padding-left: 0px;}
    .display-set{float: left;display: flex;} 
    .color,.group-name{float: left;position: relative;}
    .form-row{width: 100%;float: left;}
    .input-group span{display:none;}
    .title-create-form{margin: 0;width:98%;}
    .images_upload, .create_image,.create-third-form{width:98%;padding: 0;margin: 0;}
    .image-margin {margin-top: 0;}
    .font-set{padding: 10px;}
    .edit_buttons,.buttons{float: left;}
            /* ended for images */

            /* added for options */
    .option-form{display: block;float: left;}
    .half-form{width: 100%;float: left;}
    .edit_delete_form{width: 100%;float: left;}
    .option-title-text,.table-form-option,.option-list label,.half-form {padding: 0;}
    #emptbl{padding:0;margin-right:0;}
    .edit_delete_form{padding:0;margin:30px 0px;}
    .set-width {width: unset;} 
    .option-table {display: block;width: 100%;float: left;}
    .col0{float: left;}
            /* ended for options */

            /* added for options-edit */
    .table-form-edit,.second_edit_form{width: 100%;}
    .edit-form-field {display:block;width: 100%;float: left;}
    .col1{float: left;} 
    .second_edit_form {padding-left: 0px;margin-top: 15px;}
    .dlt_sec_btn1{margin-top: 5px;float: unset;}
            /* ended for options-edit */ 

            /* added for products */
    .product_create-edit-delete{display: block;float: left;}
    .without-btn{display: block;float: left;}
    .pro_id,.pro-name,.block_content,.pro-handle{float: left;width: 200px;min-height: 57px;}
    .without-btn {margin-bottom: 40px;margin-right: 12px;}
    .table-form-option,.product_form label{padding: 20px;}
    .without-btn div{float: left;margin-right: 10px;}
    .set_label{display: none;}
    .p1-id,.p2-name,.p3-image,.p4-handle{display:block;}
            /* ended for products */
            /* added for font */
    .file-upload-section {display: block;}
    .font-file-upload,.upload-file-delete,.font-group-add-del{margin: 20px 0px;width: 100%;}
    .font-group-add-del,.upload-file-delete{float: left;}
    .file-upload-section {display: block;}
    .font-file-upload,.upload-file-delete{margin: 20px 0px;width: 100%;}
        /* ended for font */
        /* added for mobile-toggle */
    .logout_btn{width: unset !important;}
    .prolist_configure {color: white !important;width: 201px;}
    .icon{display:block;}
    .desktop{display:block !important;display:none;}
    .closebtn{display:block;}
    .dropdown-content12 a{padding-top: 0 !important;padding: 0px 5px !important;}
    .dropdown-content12 {overflow: unset !important;box-shadow: none !important;display: block !important;left: 6px !important;top: 28px !important;}
    .tablink,.dropdown-content12{background: unset !important;}
    .product-hover {width: 40% !important;}
    .tablink{padding-top: 0px !important;}
    .product-hover{display: block !important;} 
    .set-wth{width:unset !important;}
    .product-hover a{float:left;}
    .product-hover,.dropdown-content12 {position: unset !important;}
    .tab-hover{float: left;width: 100% !important;}
        /* ended for mobile-toggle */
    .set-height{height: 34px;}
    .set-price-width{width: 62px;}
    .option_label{padding-left: 15px !important;}
    .col-lg-3{float: unset;}
    .enable-drop{width: 100%;padding: 0px}
    .full-box{width: 100%;}
    /* .panel{padding: 65px 0px 320px 0px;} */
    .dropdown-content1{display: none !important;background-color: #f6f6f6 !important;}
    .form-row1{width: 100%;float: left;min-width: unset; display: block;}
    .select-color-fild-section,.select-color-fild-section_copy{min-width: unset;display: block !important;width: 100%;float: left;}
    .create-font{float: left;position: relative;padding: 0;}
    .creat-price{display: block;float: left;padding: 0;}
    .creat-color-name{float: left !important;}
    .set-colour-code {padding-left: 0px;float: left;}
    .creat-group-section {margin: 0px;}
    .creat-group-form {display: block;}
    .file-upload-section {margin: 0px;}
            /*added for search-bar*/
.label-search{display: block;width: 100%;float: left;}
.label-search label{width: 100%;float: left;min-height: 0px;}
.search-box,.border-set,.setwt-edt{float: left;}
.search-res{width: 80%;margin-top: 0; margin-left: 20px;float: left;}
.result{top: 40px;float: left;width: 100%;}
.border-set,.edit_dlt_configure{display: block;}
.eddt-set{margin-left: 0;}
.edt-gap{margin-bottom: 10px;}
.search-box{position: relative;}
.border-set{width: 100%;}
            /*ended for search-bar*/
.p5-setwt{width: 100px;}
.saveconf_product{float: left;margin-top: 17px !important;}
.without-btn {margin-bottom: 0px;}
.configure_btn,.Apply_btn{margin-top: 5px;}
.button-with-form{float: left;margin-top: 20px;}
.shop-save-delete{margin: 10px;}
}

@media screen and (min-width:481px) and (max-width:1346px){ 
    .panel,.textarea-box,.image-upload-box,.image-swatches-box,.checkbox_box,.dropdown_box,.color-swatches-box{float:left;padding: 65px 0px 65px 0px;}
    .dropbtn{width: 174px !important;}
    .dropdown,.color-selection,.swidth,.form-control{width: 50%;}
    .input-monogram{display: flex;}
    .field-color,.group-image,.field-charm .form-group{float: left;display: flex !important;width: 100%;}
    .cstmfy_color,.field-charm .form-control{width: 173px !important;}
    .code-input{width: 100px;}
    .dropbtn {overflow: hidden;}
    .select-group{width: 50%;float: left;}
}

@media screen and (min-width:769px) and (max-width:1219px){
        /* added for images */
    .input-group span{display:none;}
    .form-row{min-width: unset;}
    .image-insert-form{display: block;}
    .create-third-form{margin-top: 30px;}
    .input-group {padding-left: 0px;} 
    .form-row {padding: 5px 7px 0;}
        /* ended for images */
    
         /* added for options */
    .option-form{display: block;float: left;}
    .half-form{width: 100%;float: left;}
    .edit_delete_form{width: 100%;float: left;}
    .option-title-text,.table-form-option,.option-list label,.half-form {padding: 0;}
    #emptbl{padding:0;margin-right:0;}
    .edit_delete_form{padding:0;margin:30px 0px;}
    .set-width {width: unset;} 
    .option-table {display: block;width: 100%;float: left;}
    .col0{float: left;}
          /* ended for options */  
          
          /* added for options-edit */
    .table-form-edit,.second_edit_form{width: 100%;}
    .second_edit_form {padding-left: 0px;}
    .edit-form-field {display:block;width: 100%;float: left;}
    .col1{float: left;}
          /* ended for options-edit */

          /* added for products */
    .product_create-edit-delete{display: block;float: left;}
    .without-btn{display: block;float: left;}
    .pro_id,.pro-name,.block_content,.pro-handle{float: left;width: 200px;min-height: 57px;}
    .without-btn {margin-bottom: 40px;margin-right: 12px;}
    .table-form-option,.product_form label{padding: 20px;}
    .without-btn div{float: left;margin-right: 10px;}
    .set_label{display: none;}
    .p1-id,.p2-name,.p3-image,.p4-handle{display:block;}
        /* ended for products */
    .set-price-width{width: 62px;}
    .option_label{padding-left: 15px !important;}
    .file-upload-section {display: block;}
    .font-file-upload,.upload-file-delete,.font-group-add-del{margin: 20px 0px;width: 100%;}
    .font-group-add-del,.upload-file-delete{float: left;}

                /* added for configure-product */
    .button-with-form{width: 100% !important;float: left !important;}
    .setwt-edt{float: left !important;}
    .p5-setwt{width: 100px;}
    .saveconf_product{float: left;margin-top: 17px !important;}
    .without-btn {margin-bottom: 0px;}
    .configure_btn,.Apply_btn{margin-top: 5px;}
    .button-with-form{float: left;margin-top: 20px;}
    .product-hover{position: unset;width: 17%;}
                /* ended for configure-product */
    .shop-save-delete{margin: 10px;}        
}
@media screen and (min-width:1220px) and (max-width:1340px){
         /* added for products */
    .half-form {width: 100%;}
        /* ended for products */
}
@media screen and (min-width:931px) and (max-width:1219px){
    .set-price-width{width: 62px;}
    .create-font{display:flex;}
}
@media (max-width:480px){
.full-dd,.field-charm .form-group,.field-charm .dropdown{float: left;}
.form-group label,.field-charm .form-control{width: 100%;}
.panel,.textarea-box,.image-swatches-box,.checkbox_box,.dropdown_box,.image-upload-box,.color-swatches-box{float:left}
.dropbtn {overflow: hidden;width: 184px !important;}
.field-charm .form-control{width: 190px !important;}
.code-input{width: 100px;}
}
        /* ended for font */
@media (max-width:405px){
    .creat-color-type,.creat-price {padding: 10px 0;}
    }
@media (min-width:406px) and (max-width:550px){
    .creat-color-type {padding: 10px 0;}
    }
@media (min-width:551px) and (max-width:930px){
    .creat-color-type{padding: 10px 0;}
    .creat-group-section {margin: 20px;}
    .creat-group-form {display: block;}
}
@media screen and (min-width:1220px) {
    .p1-setwt{width: 14%;float: left;}
    /* .p-id .p5-setwt{width: 8%;float: left;} */
    .p3-setwt{width: 25%;float: left;}
    .p2-setwt{width: 21%;float: left;}
    .p4-setwt{width: 24%;float: left;}
    .setwt-confi{width: 37%;float: left;}
    .setwt-edt{width: 16%;float: left;}
    .without-btn{width: 100%;}
    .p-id{width: 11%;float: left;}
    .p1-list-setwt,.p2-list-setwt{width: 15%;float: left;}
    .p-image{width: 18%;float: left;}
    .p3-list-setwt{width: 18%;float: left;}
    .p-name{width: 15%;float: left;}
    .p-handle{width: 16%;float: left;}
    .p4-list-setwt{width: 16%;float: left;}
    .p-empty{width: 40%;float: left;}
    .product_configure-btn{width: 36%;}
    .pds-id{width: 15%;}
    .pds-name,.pds-handle{width: 16%;}
    .pds-image{width: 18%;}
    .pds-empty{width: 35%;}
    .button-with-form{float: left;display: flex;width: 100%;}
    .p5-name{display: none;}
}