/* Editors */


/* Status bar */
.editorpage .statusbar_inner:has(div), .feat_companypage .statusbar_inner:has(div), .memb_userprofile .statusbar_inner:has(div){background-color: var(--grey); padding: 20px; min-height: 40px; margin: 20px 0; border-radius: 14px;display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap:5px;}
.memb_userprofile .statusbar_inner:has(div){gap:15px;}
.editorpage .statusbar .welcome, .memb_userprofile .statusbar .welcome{font-family: EBGaramondVariable; font-size: 1.2rem;}
.editorpage .statusbar .text {  font-size: 0.75rem;}


/* Toolbar */
.editorpage .toolbar, .feat_companypage  .toolbar{margin-top: 25px;}
.editorpage .toolbar .toolbar_inner, .memb_lookbookeditor .toolbar .toolbar_inner, .feat_companypage  .toolbar .toolbar_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap:10px; }
.editorpage .toolbar .sections, .memb_lookbookeditor .toolbar .sections, .feat_companypage .toolbar .sections{display: flex; flex-wrap: wrap; gap:40px;}
.editorpage .toolbar .toolbar_inner h2{margin: 0;}
.editorpage .toolbar .sections li a, .memb_lookbookeditor .toolbar .sections li a, .feat_companypage .toolbar .sections li a{ color: var(--dark-grey);}
.editorpage .toolbar .sections li.selected a, .memb_lookbookeditor .toolbar .sections li.selected a, .feat_companypage .toolbar .section li.selected a{ color: #000000; }

.editorpage .messagebar { background-color: #ffffff; padding: 30px 0px 30px 0px; }
.editorpage .messagebar_inner { max-width: 1000px; margin: 0px auto 0px auto; }
.editorpage .messagebar a { float: right; display: block; border: solid #7f7f7f 1px; padding: 3px 10px 3px 10px; }

@media( max-width: 600px ){
   .editorpage .toolbar .sections, .memb_lookbookeditor .toolbar .sections, .feat_companypage .toolbar .sections{ gap:10px;}
}

/* Tabs */
.memb_lookbookeditor .tabs, .memb_userconnections .tabs {display: flex; gap:20px; margin-bottom: 30px;}
.memb_lookbookeditor .tabs li h3,  .memb_userconnections .tabs li h3{font-weight: 500; font-family: "Geist"; font-size: 1rem; color: var(--dark-grey) !important; margin: 0; cursor: pointer;}
.memb_lookbookeditor .tabs li.active h3, .memb_userconnections .tabs li.active h3{color: black !important;}
.memb_lookbookeditor .type-tabs{margin: 30px 0 20px 0; border-top: 1px solid grey; padding-top: 30px;}


/* Forms */
.editorpage .formbuilder input[type=text], .shop_producteditor .formbuilder input[type=text], .editorpage .formbuilder input[type=password] { width: 100%; }
.editorpage .formbuilder textarea, .shop_producteditor .formbuilder textarea { width: 100%; }
.editorpage .formbuilder .field, .shop_producteditor .formbuilder .field { padding: 10px 0px 5px 0px; }
.editorpage .formbuilder .field_hidden{ padding: 0 !important; margin: 0 !important;}
.editorpage .formbuilder .field input[type=hidden], .shop_producteditor .formbuilder .field input[type=hidden] { padding: 0px; margin: 0px; height: 0px;}
.editorpage .formbuilder .field .description, .shop_producteditor .formbuilder .field .description {color: var(--dark-grey); font-size: 0.7rem; padding-bottom: 5px;}
.editorpage .formbuilder .field_checkbox { display: inline-block; }
.editorpage .formbuilder .field_checkbox .label { float:right; padding: 5px 0px 0px 40px; }
.editorpage .formbuilder .field_checkbox .input { padding: 0px 0px 0px 0px; }


/* Edit link */
.memb_userprofile .editlink, .feat_companypage .editlink {text-align: end; }
.memb_userprofile .edittell .editlink { padding: 20px 0;}


/*********************************************************************************/
/* Reset password */
/*********************************************************************************/

.editorpage .resetpw p, .editorpage .resetcomplete p{font-size: 0.85rem;}

@media( max-width: 500px ){
   .editorpage .resetpw input[type=submit]{margin-top: 10px;}
}

/*********************************************************************************/
/* Edit profile */
/*********************************************************************************/

.editorpage .formbuilder .left { width: 50%; float: left; box-sizing: border-box; padding: 0px 5% 20px 0px !important; }
.store_profileeditor .formbuilder .left{width: 100%;}
.editorpage .formbuilder .right { width: 50%; float: right; box-sizing: border-box; padding: 0px 0px 20px 5% !important; }

.editorpage .buttons { padding: 25px 0px 0px 0px; margin-top: 20px; text-align: right; border-top: solid #7f7f7f 1px; }
.editorpage .buttons .delete, .editorpage .buttons .reset { float: left; cursor: pointer; }
.editorpage .buttons a { margin-left: 10px;  }
.editorpage .buttons a:first-child { margin-left: 0px;  }
.editorpage .buttons .left { text-align: left; } 
.editorpage .buttons .publish { background-color: #ffffff;}

.editorpage .errors { color:red; padding: 10px 0px 0px 0px; }
.editorpage .resetpw .error { margin: 10px 0px 20px 0px; color: red; }

@media( max-width: 500px )
{
   .editorpage .formbuilder .left { float: none; width: auto; padding: 0px !important; }
   .editorpage .formbuilder .right { float: none; width: auto; padding: 0px !important; }
}


/* Tell basic */

.memb_profileeditor .tell_basic .introduction {display: flex; justify-content: space-between; flex-wrap: wrap; gap:20px; margin-bottom: 40px;}
.memb_profileeditor .tell_basic .begin{font-family: EBGaramondVariable; font-size: 1.2rem;}
.memb_profileeditor .tell_basic .required { font-size: 0.8rem;}
.memb_profileeditor .tell_basic .notes { font-size: 0.7rem; color:var(--dark-grey); }

.memb_profileeditor .tell_basic #MembPhoto-preview, .memb_profileeditor .tell_basic #fb-MembPhoto-div{ width: 50%; float: left; box-sizing: border-box; padding: 0px 5% 10px 0px !important; }
.memb_profileeditor .tell_basic #MembExtFlipMedId-preview, .memb_profileeditor .tell_basic #fb-MembExtFlipMedId-div{ width: 50%; float: right; box-sizing: border-box; padding: 0px 0px 10px 5% !important; }
.memb_profileeditor .tell_basic #MembPhoto-preview, .memb_profileeditor .tell_basic #MembExtFlipMedId-preview{ height: 180px; display: flex; align-items: center;}
.memb_profileeditor .tell_basic #MembPhoto-preview img, .memb_profileeditor .tell_basic #MembExtFlipMedId-preview img{max-height: 180px; width: auto;}
.memb_profileeditor .tell_basic #fb-MembPhoto-div label, .memb_profileeditor .tell_basic #fb-MembExtFlipMedId-div label { cursor: pointer; line-height: 10px; text-decoration: underline; text-underline-offset: 2px; }
#fb-MembPhoto-crop .buttons, #fb-MembExtFlipMedId-crop .buttons { display: none; }
#fb-MembPhoto-dropzone, #fb-MembExtFlipMedId-dropzone, #fb-CatMedId-dropzone{ text-align: center; height: 300px }
#fb-MembPhoto-dropzone .dz-preview, #fb-MembExtFlipMedId-dropzone .dz-preview, #fb-ProjCoverImage-dropzone .dz-preview{ float: none; display: inline-block; margin-top: 70px;  }


.memb_profileeditor .tell_basic .formbuilder { clear: both;}
.memb_profileeditor .tell_basic select { width: 100%; }
.memb_profileeditor .tell_basic .membprofile {padding: 10px 0px 0px 0px;}
.memb_profileeditor .tell_basic .right textarea { height: 250px; }
.memb_profileeditor .tell_basic .right .other { margin: 10px 0px 0px 0px; }
.memb_profileeditor .tell_basic #fb-MembUsername-div .input { padding: 0px; margin-left: 15px; }
.memb_profileeditor .tell_basic #fb-MembUsername-div label .error { display: inline; font-size: 100%; color:red; padding: 0px 0px 0px 10px; text-transform: initial;}
.memb_profileeditor .tell_basic #fb-MembUsername-div .input::before { content: "/"; position: absolute; margin: 0px 0px 0px -15px; color: #7f7f7f; font-size: 140%; }
.memb_profileeditor .tell_basic #fb-MembExtLanguages-div { clear: both; border-top: solid #7f7f7f 1px; padding: 20px 0px 20px 0px; }
.memb_profileeditor .tell_basic #fb-MembExtLanguages-div .field_text { float: left; width: 50%; box-sizing: border-box; padding: 0px 5% 10px 0px; }
.memb_profileeditor .tell_basic #fb-MembExtLanguages-div .field_text input { max-width: 250px; }
.memb_profileeditor .tell_basic #fb-MembExtLanguages-div .field_select { float: left; width: 50%; box-sizing: border-box; padding: 0px 0px 10px 5%; }
.memb_profileeditor .tell_basic #fb-MembExtLanguages-div .addlink { padding: 30px 0px 0px 0px; }
.memb_profileeditor .tell_basic .categories .field_select { float: left; clear: left; width: 100%; padding: 0px 10px 10px 0px; box-sizing: border-box; }
.memb_profileeditor .tell_basic .categories .field_text { float: left; width: 50%; padding: 0px 0px 10px 10px; box-sizing: border-box; }

.memb_profileeditor .tell_basic .social { clear: both; border-top: solid #7f7f7f 1px; padding: 20px 0px 20px 0px; }
.memb_profileeditor .tell_basic .social .field { clear: both; padding: 0px; }
.memb_profileeditor .tell_basic .social .field .label { position: absolute; width: 170px; line-height: 30px; background-position: left center; padding: 0px 0px 0px 35px; }
.memb_profileeditor .tell_basic .social .field .input { padding: 0px 0px 5px 200px; width: 100%; box-sizing: border-box; }
.memb_profileeditor .tell_basic #fb-30-div{margin-top: 10px;}
.memb_profileeditor .tell_basic #fb-30-div .label { background-image: url(/images/r7cSKXtss2lkzg37m3Uk.svg); }
.memb_profileeditor .tell_basic #fb-42-div .label { background-image: url(/images/KvHrNDg9jA2eX6DRFXTN.svg); }
.memb_profileeditor .tell_basic #fb-43-div .label { background-image: url(/images/PnbY8FSZa0CxeuQlX5WR.svg); }
.memb_profileeditor .tell_basic #fb-33-div .label { background-image: url(/images/cRPSs9IcLzX0EqKm9N9l.svg); }


@media( max-width: 500px )
{
   .memb_profileeditor .tell_basic .social .field .input { padding: 0px 0px 5px 100px; }
}

/* Tell extra */

.memb_profileeditor .tell_extra .expandtitle{font-size: 1.1rem;}
.memb_profileeditor .tell_extra .expandcontent { padding-bottom: 20px; font-size: 0.85rem; }
.memb_profileeditor .tell_extra .expandcontent h4 { margin: 0 0 5px 0; padding: 0; font-size: 0.75rem; font-family: GeistVariable; }
.memb_profileeditor .tell_extra .addname { width: 400px; }

.extrellist{ display: flex; flex-wrap: wrap; gap:20px;}
.extrellist li{ display: flex;align-items: center; gap:10px; margin-bottom: 15px; background-color: white; border-radius: 8px; padding: 0px 10px; width: fit-content; min-height: 45px; }
.extrellist li .name{font-size: 0.7rem;}
.extrellist li img{max-height: 40px;}
.extrellist .remove{cursor: pointer; font-size: 0.8rem;}

ul.ui-autocomplete { border: none; border-radius: 0px; }
ul.ui-autocomplete .ui-menu-item { border: none; padding: 0px; margin: 0px; clear: both; }
ul.ui-autocomplete .ui-menu-item a { display: flex; align-items: center; gap:10px; border: none; border-radius: 0px; padding: 10px; margin: 0px !important; width: auto; cursor: pointer; height: 35px; }
ul.ui-autocomplete .ui-menu-item a img { max-height: 30px; min-width: 28px; margin: 0 10px 0 0;} 

@media( max-width: 500px )
{
   .memb_profileeditor .tell_extra .addname { width: 100%; float: none; margin: 0px 0px 10px 0px; }
}


/* Tell campaign */
.memb_profileeditor .tell_campaign .introduction{margin-bottom: 20px;}
.memb_profileeditor .tell_campaign #fb-MembExtCompanyGallery-dropzone, .memb_profileeditor .tell_campaign #fb-MembExtCompanyGallery-dropzone .dz-clickable{height: 200px; min-height: unset;}


/* Tell description */
.memb_profileeditor .tell_description .feat_companypage{display: flex; gap:60px; margin-bottom: 40px;}
.memb_profileeditor .tell_description #fb-MembExtCompanyServices-div .input { margin-top: 5px; }
.memb_profileeditor .tell_description #fb-MembExtCompanyServices-items .label {display: none;}
.memb_profileeditor .tell_description #fb-MembExtCompanyServices-div .addlink{margin: 30px 0;}
.memb_profileeditor .tell_description textarea{min-height: 150px;}

.memb_profileeditor .tell_description #fb-MembExtCompanyGallery-dropzone{height: 150px; min-height: unset;}
.memb_profileeditor .tell_description .images h3{display: none;}
.memb_profileeditor .tell_description .introduction{color: var(--dark-grey); font-size: 0.9rem; margin: 10px 0 20px 0;}



/*********************************************************************************/
/* My Collections */
/*********************************************************************************/

.memb_profileeditor .show_content .left
   { float: left; width: 30%; box-sizing: border-box; padding: 0px 3% 20px 0px; }
.memb_profileeditor .show_content .right
   { float: right; width: 70%; box-sizing: border-box; padding: 0px 0px 20px 3%; }
.memb_profileeditor .show_content textarea { height: 310px; }

.memb_profileeditor .show_settings .buttons{display: flex; justify-content: space-between;}
.memb_profileeditor .show_settings .buttons> div{display: flex; flex-wrap: wrap; gap:10px;}
.memb_profileeditor .show_settings .right{ justify-content: end;}
/* .memb_profileeditor .show_settings .left
   { float: left; width: 33%; box-sizing: border-box; padding: 0px 3% 20px 0px; }
.memb_profileeditor .show_settings .right
   { float: right; width: 33%; box-sizing: border-box; padding: 0px 0px 20px 3%;} */
.memb_profileeditor .show_settings .formbuilder .field {padding: 0px 0px 0px 0px;}


/* Index */
.memb_profileeditor .show_index .newprojects {display: flex; gap:20px; margin-bottom: 30px;}
.memb_profileeditor .show_index .newprojects a { font-weight: 500;font-family: "Geist";font-size: 1rem;color: var(--dark-grey);margin: 0; cursor: pointer;}
.memb_profileeditor .show_index .newprojects a:hover{color: black !important;}

.memb_profileeditor .show_index .projectlist {background-color: white; border-radius: 14px; margin-top: 20px;}
.memb_profileeditor .show_index .projectlist li{border-top: solid #b7b7b7 1px; padding:5px 10px 5px 20px; display: flex; justify-content: space-between; align-items: center; gap:10px;}
.memb_profileeditor .show_index .projectlist li:first-of-type{border: none;}
.memb_profileeditor .show_index .projectlist li a{display: inline-block; text-align: start; padding: 5px 10px 5px 40px; background-image:url(/images/synBWTM7ENSjDJUrZ89Q00d00e.png); background-position:15px 50%; font-size: 0.85rem; color: #000000;}
.memb_profileeditor .show_index .projectlist li a:hover { text-decoration: underline; text-underline-offset: 2px;}
.memb_profileeditor .show_index .projectlist li .project-name {flex:1; min-width:120px;}
.memb_profileeditor .show_index .projectlist .project-actions{ display:flex; gap:10px; flex-wrap:wrap;}

.memb_profileeditor .show_products table{ background-color: white; border-radius: 14px; width: 100%; margin: 20px 0; font-size: 0.85rem;}
.memb_profileeditor .show_products table th, .memb_profileeditor .show_products table td{ text-align: left; padding: 15px 10px; }
.memb_profileeditor .show_products table th{font-size: 0.8rem;}
.memb_profileeditor .show_products table td{ border-top: solid #b7b7b7 1px;}
.memb_profileeditor .show_products table td:first-of-type{display: flex; justify-content: center; align-items: center;}
.memb_profileeditor .show_products table td:last-of-type{width: 60px;}

.memb_profileeditor .show_product .field_section .label label {font-weight: 600;}
.memb_profileeditor .show_product .formbuilder{margin-bottom: 40px;}
.memb_profileeditor .show_product .field_number .input {display: flex; align-items: center;gap: 6px;}
.memb_profileeditor .show_product #fb-ProdMedId-dropzone, .memb_profileeditor .show_product #fb-ProdMedId-dropzone .dz-clickable{ min-height: 200px; height: 200px; display: flex; justify-content: center; align-items: center;}
.memb_profileeditor .show_product #fb-ProdDetailedImages-dropzone .dz-clickable{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.memb_profileeditor .show_product .field_number .input-group-addon { font-size: 0.75rem;}
.memb_profileeditor .show_product #fb-Options-div a{display: inline-block;}

.memb_profileeditor .show_product .field_dynamic .items .item { background: var(--grey); border-radius: 10px; padding: 12px 12px 0 12px; margin-bottom: 10px;}
.memb_profileeditor .show_product .field_dynamic .field_dynamic .items .item {background: #ffffff;border-radius: 10px; padding: 0 12px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: end; gap:10px;}
.memb_profileeditor .show_product .field_dynamic .field_dynamic .items .item .field{width: 40%; padding: 5px 0;}
.memb_profileeditor .show_product .field_dynamic .addlink a.btn { background-color: white; margin-top: 10px;}
.memb_profileeditor .show_product .field_dynamic .addlink a.btn:hover{background-color: black !important; color: white;}
.memb_profileeditor .show_product .field_dynamic .item:has(.field_dynamic) > .removelink a{ margin-top: -45px;}
.memb_profileeditor .show_product .field_dynamic .removelink {display: flex;justify-content: flex-end; padding-bottom: 5px;}
.memb_profileeditor .show_product .field_dynamic .removelink a.btn {background: none;border: none;text-decoration: underline;text-underline-offset: 3px; }
.memb_profileeditor .show_product .removelink a.btn:hover { color: #c00; background-color: transparent !important;}
.memb_profileeditor .show_product .field_dynamic .items .item input[type=text], .memb_profileeditor .show_product .field_dynamic .items .item input[type=number] {  background: #ffffff; height: 28px;}
.memb_profileeditor .show_product .field_dynamic .field_dynamic .items .item input[type=text],.memb_profileeditor .show_product .field_dynamic .field_dynamic .items .item input[type=number] { background: var(--grey, #ececec); width: 100%;}
.memb_profileeditor .show_product .field_dynamic .field_dynamic .items .item .field_hidden{display: none;}


.memb_profileeditor .show_content .introduction{font-size: 0.85rem; }

.memb_profileeditor .show_content .images .introduction{ margin-bottom: 20px;  }
/* .memb_profileeditor .show_content .images .dz-image{background-color: white; border-radius: 14px;}
.memb_profileeditor .show_content .images .dz-image img{object-fit: cover; width: 100%; height: 100%;} */

.memb_profileeditor .show_cover .currentcover { cursor: pointer; width: 200px; height: 200px; }
.memb_profileeditor .show_cover .currentcover img { max-width: 100%; max-height: 100%; }
.memb_profileeditor .show_cover .chooseexistinglink { text-decoration: underline; }
.memb_profileeditor .show_cover .field_image { padding: 0px 0px 20px 0px; box-sizing: border-box; }
.memb_profileeditor .show_cover .images { float: right; width: 50%; padding: 0px 0px 20px 3%; box-sizing: border-box; }
.memb_profileeditor .show_cover .images h3 {  text-transform: uppercase; padding: 0px 0px 5px 0px; }
.memb_profileeditor .show_cover .images .image { float: left; margin: 0px 10px 10px 0px; cursor: pointer; }
.memb_profileeditor .show_cover #fbdropzone { text-align: center; }
.memb_profileeditor .show_cover #fbdropzone .dz-preview { float: none; width: auto; height: auto; }

.memb_profileeditor .show_cover .field_group.left, .memb_profileeditor .show_cover .field_group.right{height: 240px; margin-top: 20px;}

.memb_profileeditor .show_settings .formbuilder .field{ padding: 10px 0px 5px 0px; margin-bottom: 5px;}
.memb_profileeditor .show_settings #fb-CatActive-div .label{float: none; }
.memb_profileeditor .show_settings #fb-CatActive-div .input label{ font-size: 0.75rem; padding-bottom: 5px; font-family: "Geist", sans-serif;}
.memb_profileeditor .show_settings #fb-CatMedId-dropzone{height: 200px;}
.memb_profileeditor .show_settings #fb-CatMedId-dropzone, .memb_profileeditor #fb-CatMedId-dropzone .dz-clickable{ min-height: 200px; height: 200px; display: flex; justify-content: center; align-items: center;}
.memb_profileeditor .show_settings h3{font-size: 1.1rem; font-weight: 500;}
.memb_profileeditor .show_settings h4{font-size: 0.85rem; margin: 0;}

.memb_profileeditor .show_adjust{font-size: 0.85rem;}
.memb_profileeditor .show_adjust input[type=number] { display: inline-block; width: 50px; }
.memb_profileeditor .show_adjust .input-group-addon { display: inline-block; padding: 0px 0px 0px 10px; }
.memb_profileeditor .show_adjust .allnone { padding: 0px 0px 5px 0px; }

.memb_profileeditor .show_previewadjust table { width: 100%; margin-bottom: 50px; }
.memb_profileeditor .show_previewadjust table td, .memb_profileeditor .show_previewadjust table th { padding: 5px; border-bottom: solid #7f7f7f 1px; text-align: right; }
.memb_profileeditor .show_previewadjust table .code, .memb_profileeditor .show_previewadjust table .name { text-align: left; }

.memb_profileeditor .show_confirmadjust .buttons { margin-top: 50px; }

#coverexistingdialog ul { float: left; width: 50%; }
#coverexistingdialog li { display: inline-block; margin: 10px 10px 0px 0px; }
#coverexistingdialog li img { cursor: pointer; }
#coverexistingdialog .preview { border: dashed #7f7f7f 1px; float: right; width: 50%; height: 400px; box-sizing: border-box; }
#fb-CatMedId-crop .buttons { display: none; }

#fb-ProjImages-edit .caption .label {  text-transform: uppercase; padding: 0px 0px 10px 0px;}


/*********************************************************************************/
/* My Collections - Shopify*/
/*********************************************************************************/

.shop_shopify h3{ font-family: "Geist";font-size: 1rem; }

.shop_shopify input[type=text]{width: 100%; max-width: 300px; }

.shop_shopify ul{ background-color: white; border-radius: 14px;}
.shop_shopify ul li a{display: inline-block; width: 100%; padding: 10px; font-size: 0.85rem; border-bottom: solid #b7b7b7 1px;}
.shop_shopify ul li:last-child a{border: unset;}
.shop_shopify ul li:hover{background-color: var(--grey-button-hover);}

.shop_shopify table { width: 100%; margin: 20px 0; font-size: 0.85rem;}
.shop_shopify table th{font-size: 0.8rem;}
.shop_shopify table th, .shop_shopify table td{ text-align: left; padding: 15px 10px; border-bottom: solid #b7b7b7 1px; vertical-align: middle;}
.shop_shopify table .checkbox{width: 40px; }
.shop_shopify table .image{width: 120px;}
.shop_shopify table .image img{border-radius: 8px; width: 100px;}
.shop_shopify table .name{font-family: "Geist"; font-weight: 500;}
.shop_shopify table .description{font-size: 0.75rem;}
.shop_shopify table .price{width: 15%; text-align: end;}

@media (max-width: 600px){
   .shop_shopify table,.shop_shopify table tbody, .shop_shopify table tr, .shop_shopify table th, .shop_shopify table td{display: block; width: 100%;}
   .shop_shopify table td{border: none; width: 100% !important; text-align: start !important; padding: 5px 10px;}
   .shop_shopify table tbody tr{ border-top: solid #b7b7b7 1px !important; padding: 10px 0;}
   .shop_shopify table .description:empty{display: none;}
}


/*********************************************************************************/
/* My Linesheets */
/*********************************************************************************/

.memb_lookbookeditor p{font-size: 0.85rem;}
.memb_lookbookeditor .images {display: flex; flex-wrap: wrap;}


/* first view */
.memb_lookbookeditor .left .create{margin-top: 20px; display: inline-block;}

.memb_lookbookeditor .right .images li {width: 25%; padding:20px 10px; margin: 0; border-bottom: unset;}
.memb_lookbookeditor .right .images li .image { width: 100%;aspect-ratio: 1; background-size: cover; border-radius: 14px; margin-bottom: 10px; border: 1px solid var(--grey-button-hover);}
.memb_lookbookeditor .right .images li .name{font-family: "Geist"; font-weight: 500;}
.memb_lookbookeditor .right .images li .date{color: var(--dark-grey); font-size: 0.8rem; padding: 3px 0 5px 0;}
.memb_lookbookeditor .right .images li .info { font-size: 0.8rem; border-bottom: 1px solid #b7b7b7; border-top: 1px solid #b7b7b7; padding: 5px 0px; margin: 0px 0px 5px 0px; }
.memb_lookbookeditor .right .images li .actions{margin-bottom: 4px;}
.memb_lookbookeditor .right .images li .actions a { margin-right: 6px;}

@media (max-width: 800px){
   .memb_lookbookeditor .right .images li  {width: 33%; }
}

@media (max-width: 500px){
   .memb_lookbookeditor .right .images li  {width: 50%; }
}

/* action preview */
@media( min-width: 1000px )
{
   .memb_lookbookeditor .preview_lookbook .buttons { float: right; margin-left: 20px;}
}

@media( max-width: 1001px )
{
   .memb_lookbookeditor .preview_lookbook .buttons { padding-bottom: 20px; }
   .memb_lookbookeditor .preview_lookbook .buttons a{margin-bottom: 5px; display: inline-block;}
}



/* action edit */
.memb_lookbookeditor .edit_lookbook .formbuilder{max-width: 500px;}
.memb_lookbookeditor .edit_lookbook .formbuilder .form-group{margin-bottom: 10px;}
.memb_lookbookeditor .edit_lookbook .formbuilder #fb-LookName-div{margin-bottom: 20px;}
.memb_lookbookeditor .edit_lookbook .formbuilder label{font-size: 0.75rem;}

.memb_lookbookeditor .edit_lookbook .formbuilder input[type=text], .memb_lookbookeditor .edit_lookbook .formbuilder input[type=number]  { width: 100%; }
.memb_lookbookeditor .edit_lookbook .formbuilder .field_radio .radio { display: inline-block; padding: 0px 10px 0px 0px; }

.memb_lookbookeditor .edit_lookbook .formbuilder #fb-LookMarkup-div .input{display: flex; align-items: center; gap: 6px;}
.memb_lookbookeditor .edit_lookbook .formbuilder .input-group-addon{font-size: 0.75rem;}

.memb_lookbookeditor .edit_lookbook .selectitems { padding: 10px 0px 4px 0;font-size: 0.75rem;}
.memb_lookbookeditor .edit_lookbook .selectall label{font-size: 0.75rem;}

.memb_lookbookeditor .edit_lookbook #fb-LookPdf-div, .memb_lookbookeditor .edit_lookbook #fb-LookPdf-div .fbdropzone, .memb_lookbookeditor .edit_lookbook #fb-LookPdf-div .fbdropzone .dz-clickable{height: 140px; min-height: unset; width: 100%;}
.memb_lookbookeditor .edit_lookbook #fb-LookPdf-div .fbdropzone{padding: 10px;}
.memb_lookbookeditor .edit_lookbook #fb-LookPdf-div .dz-image, .memb_lookbookeditor .edit_lookbook #fb-LookPdf-div .dz-preview{height: 100%;width: 100%; box-shadow: unset; background-color: white;}
.memb_lookbookeditor .edit_lookbook #fb-LookPdf-div .dz-preview .dz-details{opacity: 1; color: black; }
.memb_lookbookeditor .edit_lookbook #fb-LookPdf-div .dz-preview .dz-image img {display: none !important;}
.memb_lookbookeditor .edit_lookbook .category{font-size: 1.5rem;}

.memb_lookbookeditor .edit_lookbook .images .product { width: 25%; padding: 20px 10px;  }
.memb_lookbookeditor .edit_lookbook .images .product .image {width: 100%; aspect-ratio: 1; background-size: cover; border-radius: 14px; margin-bottom: 10px;}
.memb_lookbookeditor .edit_lookbook .images .product .code { font-size: 0.75rem; padding-bottom: 5px; }
.memb_lookbookeditor .edit_lookbook .images .product .name {font-size: 0.85rem; font-weight: 500; padding-bottom: 5px;}
.memb_lookbookeditor .edit_lookbook .images .product .price { padding: 0px 0px 5px 0px; margin-bottom: 5px; font-size: 0.85rem; border-bottom: 1px solid #b7b7b7;}
.memb_lookbookeditor .edit_lookbook .images .product label{font-size: 0.85rem;}

@media (max-width: 800px){
   .memb_lookbookeditor .edit_lookbook .images .product {width: 33%; }
}

@media (max-width: 500px){
   .memb_lookbookeditor .edit_lookbook .images .product  {width: 50%; }
}



.memb_lookbookeditor .links {  padding: 50px 0px 0px 0px; display: flex; justify-content: end; gap:10px;}

.memb_lookbookeditor .member { padding: 20px 0px 20px 0px; min-height: 50px;}
.memb_lookbookeditor .member .smallphoto { float:left; padding: 0px 10px 0px 0px; }

.memb_lookbookeditor .disabledlinks { padding: 20px 0px 50px 0px; border-bottom: 1px solid #b7b7b7;}
.memb_lookbookeditor .disabledlinks a {  pointer-events: none; cursor: default; color:#b7b7b7; border: #b7b7b7;  }

.memb_lookbookeditor .button_right  { float: right; margin: 10px 0px 0px 0px; }
.memb_lookbookeditor .message { clear: left; border-bottom: 1px solid #b7b7b7; min-height: 130px; width: 100%;   }
.memb_lookbookeditor .intro { clear: both; }




/*********************************************************************************/
/* My Connections */
/*********************************************************************************/

/* action Connections */

.memb_userconnections .searchbar{width: 40%;}
.memb_userconnections .searchbar input{width: 100%;}
.memb_userconnections .searchbar i { position: absolute; margin: 0px 0px 0px -26px;font-size: 14px; line-height: 35px; color: #7f7f7f; }

.memb_userconnections .tell .right{width: 100%; max-width: unset;}

.memb_userconnections .view-toggle button{border-radius: 14px; margin-bottom: 25px;}
.memb_userconnections .view-toggle .active{ background-color: #7F7F7F !important; color: white;}

.feat_companypage .connections li{display: none;}
.feat_companypage .connections li.visible{display: block;}

.memb_userconnections .icon-view, .memb_userconnections .edit-view {display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap:15px;}
.memb_userconnections .icon-view li, .memb_userconnections .edit-view li{ height: auto; position: relative;}
.memb_userconnections .icon-view li .image-wrapper, .memb_userconnections .edit-view li .image-wrapper {position: relative;width: 100%; aspect-ratio: 1;}
.memb_userconnections .icon-view li .image, .memb_userconnections .edit-view li .image{width: 100%; aspect-ratio: 1; border-radius: 10px; background-size: cover; background-position: center; display: inline-block; transition: filter 0.3s ease; cursor: pointer;}

.memb_userconnections .edit-view li .delete, .memb_userconnections .edit-view li .approve, .memb_userconnections .edit-view li .reject {position: absolute; left: 50%; transform: translate(-50%, -50%); transition: opacity 0.3s ease; white-space: nowrap; cursor: pointer; z-index: 7; font-size: 0.45rem; color: white;  border-radius: 5px; padding: 5px 15px; text-align: center;}
.memb_userconnections .edit-view li .delete{top: 50%; background-color: black;}
.memb_userconnections .edit-view li .approve{top:30%; background-color: #2e7d32;}
.memb_userconnections .edit-view li .approve:hover{background-color: #1b5e20;}
.memb_userconnections .edit-view li .reject {top:70%; background-color: #c62828}
.memb_userconnections .edit-view li .reject:hover{ background-color: #8e0000;}
.memb_userconnections .edit-view li .image-wrapper:hover .image{filter: blur(2px); }
.memb_userconnections .edit-view li .image-wrapper:hover .delete, .memb_userconnections .edit-view li .image-wrapper:hover .approve, .memb_userconnections .edit-view li .image-wrapper:hover .reject {display: block;}


.memb_userconnections .list-view{columns: 3;}
.memb_userconnections .list-view li{border-bottom: 1px solid transparent; padding-bottom: 1px; margin-bottom: 4px; line-height: 1.2;}
.memb_userconnections .list-view li .image-wrapper{display: flex; justify-content: space-between; align-items: end; padding: 0;}
.memb_userconnections .list-view li .image{display: none;}
.memb_userconnections .list-view li .name{display: block; font-size: 0.7rem; font-family: GeistVariable; margin: 0; cursor: pointer;}
.memb_userconnections .list-view li:hover{border-bottom: 1px solid #00000066;}
.memb_userconnections .list-view li:hover .delete, .memb_userconnections .list-view li:hover .approve, .memb_userconnections .list-view li:hover .reject{display: block; }
.memb_userconnections .list-view li .delete, .memb_userconnections .list-view li .approve, .memb_userconnections .list-view li .reject{display: none; color: #00000066; font-size: 0.5rem; cursor: pointer;}
.memb_userconnections .list-view li .delete{min-width: 68px;}
.memb_userconnections .list-view li .approve, .memb_userconnections .list-view li .reject{min-width: 30px;}
.memb_userconnections .list-view li .approve{margin-left: auto; margin-right: 25px;}

@media( max-width: 1100px ){
   .memb_userconnections .list-view{columns: 2;}
}

@media( max-width: 600px ){
   .memb_userconnections .list-view{columns: 1;}
   .memb_userconnections .edit-view li .image-wrapper .image{filter: blur(2px); }
   .memb_userconnections li .delete, .memb_userconnections li .approve, .memb_userconnections li .reject {display: block !important;}
}