@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');
* {margin: 0; box-sizing: border-box; padding: 0; }
img {max-width: 100%; height: auto; width: auto; }
body {background: #fafafa; 
    background: url(../images/global-img/store-config-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; font-family: "Exo 2", sans-serif; }
.rearrange-sec {padding: 40px 0; }
.container-fluid {max-width: 1280px;width: 100%; padding: 0 40px; margin: 0 auto;}
.rearrange-wrap {background: #fff; border-radius: 20px; overflow: hidden;}
.rearrange-top {background: #f8f8f8; padding: 20px 30px;}
.rearrange-top-wrap {display: flex ; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.rearrange-title img {max-width: 235px; }
.user-info {display: flex ; align-items: center; }
.user-name {display: flex ; align-items: center; padding: 5px 18px 5px 5px; background: linear-gradient(270deg, rgb(233, 233, 233) 0%, rgb(241, 241, 241) 25%, rgb(255, 255, 255) 100%); margin-right: 20px; text-decoration: none; border: 1px solid #f57437; border-radius: 40px; }
.user-icon {width: 30px; height: 30px; border-radius: 50%; margin-right: 10px; display: flex ; align-items: center; justify-content: center; background: #f57437; padding: 4px 6px 6px 7px; }
.user-name span {color: #211e1e; font-size: 18px; font-weight: 600; }
.user-icon img {width: 15px; }
.user-name span:last-child {padding-bottom: 2px; }
.logout-btn {display: inline-flex ; }
.logout-btn a {display: inline-flex ; }
.logout-btn img {width: 28px; }
.rearrange-body {padding: 35px 40px 50px; }
.product-list-main {transition: all 0.3s ease-in-out;}
.product-list-block {display: flex ; justify-content: space-between; background: rgb(255, 255, 255); background: linear-gradient(180deg, rgba(255, 255, 255, 1) 30%, rgba(248, 248, 248, 1) 100%); padding: 16px 20px; cursor: pointer; border-radius: 8px; border: 1px solid #efefef; margin-bottom: 15px; cursor: move; transition: all 0.3s ease-in-out;}
.store-common-title {font-size: 18px; color: #2e2928; font-weight: 600; text-transform: uppercase; line-height: 1;}
.rearrange-btn {font-size: 20px; font-family: "Exo 2", sans-serif !important; font-weight: 600; text-transform: uppercase; border-radius: 7px; background: #f57437; color: #fff; outline: none; border: 1px solid #f57437; padding: 15px 30px; cursor: pointer; min-width: 240px; margin-right: 20px; text-decoration: none; display: inline-flex; justify-content: center; align-items: center;}
.rearrange-back-btn {font-size: 20px; font-family: "Exo 2", sans-serif !important; font-weight: 600; text-transform: uppercase; border-radius: 7px; background: #03b890; color: #fff; outline: none; border: 1px solid #03b890; padding: 15px 30px; cursor: pointer; min-width: 240px; text-decoration: none; display: inline-flex; justify-content: center; align-items: center;}
.rearrange-btn-wrap {text-align: center; margin-top: 30px;}
.product-drag-icon {width: 10px;}
.product-list-block.dragging {background: linear-gradient(180deg, rgb(238 238 238) 30%, rgb(231 231 231) 100%); border: 1px solid #cbcbcb;}
.rearrange-success-msg span {color: #155724; background-color: #d4edda; border-color: #c3e6cb; margin: 15px 0; display: block; padding: 10px 15px;}