.seller-page{
    display: flex;
  align-items: flex-start;
background-color: white;
    padding: 26px 40px 0px 20px
  /* width: 100%; */
}

.seller-content{
    flex:1;
    min-width:0;
}

/* RIGHT BUTTON */

.seller-side-icons{
    width:60px;
    display:flex;
    justify-content:center;
    padding-top:12px;
}

.seller-add-btn{
width: 34px;
  height: 34px;
  border: none;
  border-radius: 50%;
  background: #e89a2c;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  padding-bottom: 4px;
}

/* TABLE */

.seller-table-wrapper{
    background:#fff;
    border:1px solid #bfc4c8;
    height:555px;
    overflow:auto;
}

.seller-table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

.seller-table th,
.seller-table td{
    border:1px solid #c8c8c8;
}

/* HEADER */

.seller-table th{
    background:#d8d2c8;
    height:44px;
    padding:4px;
    font-weight:400;
}

.seller-table th input,
.seller-table th select{
    width:100%;
    height:28px;

    border:1px solid #d0d0d0;
    border-radius:4px;

    padding:0 8px;
    background:#fff;
}

.seller-dummy-head{
    text-align:center;
}

.seller-dummy-head input{
    width:18px;
    height:18px;
    accent-color:#0d6efd;
    margin-right:6px;
}

.seller-dummy-head span{
    vertical-align:middle;
}

/* BODY */

.seller-table td{
    height:28px;
    padding:6px;
    font-size:14px;
    background:#f5f5f5;
}

.seller-table tbody tr:nth-child(even) td{
    background:#ececec;
}

.seller-table td:nth-child(1),
.seller-table td:nth-child(5){
    text-align:center;
}

.seller-action{
    color:#e89a2c;
    margin:0 4px;
    cursor:pointer;
    font-size:14px;
}

/* WIDTHS */

.seller-table th:nth-child(1){width:80px;}
.seller-table th:nth-child(2){width:210px;}
.seller-table th:nth-child(3){width:130px;}
.seller-table th:nth-child(4){width:210px;}
.seller-table th:nth-child(5){width:110px;}
.seller-table th:nth-child(6){width:140px;}
.seller-table th:nth-child(7){width:110px;}
.seller-table th:nth-child(8){width:130px;}

/* DRAWER */
/* DRAWER */

.seller-drawer{
    position:fixed;
    top:0;
    right:-760px;

    width:750px;
    height:100vh;

    background:#efefef;

    transition:.35s ease;
    z-index:1000;
}

.seller-drawer.active{
    right:0;
}

.seller-drawer-header{
    height:41px;
    background:#1f6ef1;

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:0 18px;
    color:#fff;
}

.seller-drawer-header h2{
    margin:0;
    font-size:18px;
    font-weight:600;
}

.seller-close-btn{
    border:none;
    background:none;
    color:#fff;
    font-size:22px;
    cursor:pointer;
}

.seller-drawer-body{
    display:flex;
    gap:16px;

    padding:24px;
}

.seller-box{
    flex:1;

    min-height:420px;

    border:1px solid #cfcfcf;
    border-radius:6px;

    background:#efefef;

    padding:16px;
}

.seller-field{
    margin-bottom:18px;
}

.seller-field label{
    display:block;
    font-size:14px;
    color:#444;
    margin-bottom:6px;
}

.seller-field label span{
    color:red;
}

.seller-field input,
.seller-field select{
    width:100%;
    height:30px;

    border:1px solid #cfcfcf;
    border-radius:6px;

    padding:0 10px;
    background:#f8f8f8;
}

.seller-field textarea{
    width:100%;
    height:68px;

    resize:none;

    border:1px solid #cfcfcf;
    border-radius:6px;

    padding:8px;
    background:#f8f8f8;
}

.seller-dummy-row{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:8px;
}

.seller-dummy-row input{
    width:22px;
    height:22px;
}

.seller-footer{
    position:absolute;
    right:32px;
    bottom:28px;
}

.seller-save-btn{
    width:58px;
    height:38px;

    border:none;
    border-radius:6px;

    background:#f4b400;

    cursor:pointer;
}

.seller-cancel-btn{
    width:72px;
    height:38px;

    border:none;
    border-radius:6px;

    background:#6f7883;
    color:#fff;

    margin-left:8px;
    cursor:pointer;
}