*{box-sizing:border-box}html,body{margin:0;min-width:0;background:#f8fafc;color:#202936;font:14px Tahoma,Arial,sans-serif}body.db-backend,body.db-backend input,body.db-backend select,body.db-backend textarea,body.db-backend button,body.db-backend option,body.db-backend optgroup,body.db-backend table,body.db-backend label{font-family:Tahoma,Arial,sans-serif!important}a{text-decoration:none;color:inherit}.db-shell{min-height:100vh}.db-sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:212px;background:#fff;border-right:1px solid #e3e7ed;display:flex;flex-direction:column}
.db-logo{outline:0;height:76px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid #e8ebef;}
.db-logo-icon{
width:34px;height:34px;display:grid;place-items:center;border-radius:5px;
background:linear-gradient(135deg, #ff8f28, #c86000);
color:#fff;font-size:24px}
.db-nav{padding:24px 10px}.db-nav a{height:48px;display:flex;align-items:center;gap:6px;padding:0 15px;margin:3px 0;border-radius:7px;color:#556171}.db-nav a:hover,.db-nav .active{background:#fff4e7;color:#fa7d08}.db-nav .active{font-weight:bold}.db-nav i,.db-logout i{width:24px;text-align:center;font-size:19px;font-style:normal}.db-logout{margin-top:auto;padding:24px;color:#687486;border-top:1px solid #e9edf2}.db-topbar{height:76px;position:fixed;z-index:1000;left:212px;right:0;top:0;background:#fff;border-bottom:1px solid #e3e7ed;display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:0 34px}
.db-search {
width: 285px;
height: 42px;
border: 1px solid #dce1e8;
border-radius: 8px;
display: flex;
align-items: center;
gap: 9px;
padding: 0 4px 0 8px;
box-shadow: 0 2px 8px rgba(25, 35, 50, .04);
color: #7e8998;
}
/* Payment notification */
.db-backend .payment-notice-page{box-sizing:border-box;width:100%;max-width:1240px;margin:0 auto;padding:30px 32px 60px}
.db-backend .payment-page-title{display:flex!important;align-items:center;gap:14px;margin:0 0 22px}
.db-backend .payment-title-icon{display:inline-flex;flex:0 0 48px;width:48px;height:48px;align-items:center;justify-content:center;border-radius:14px;background:#fff0e2;color:#ff7900}
.db-backend .payment-title-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.db-backend .payment-page-title h1{margin:0;color:#172033;font-size:30px;line-height:1.25}
.db-backend .payment-page-title p{margin:7px 0 0;color:#7a879b;font-size:14px}
.db-backend .payment-notice-form{display:grid;gap:18px}
.db-backend .payment-form-card{overflow:visible;border:1px solid #dfe6ef;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(30,50,80,.05)}
.db-backend .payment-card-heading{display:flex;align-items:center;gap:13px;padding:18px 22px;border-bottom:1px solid #e6ebf1}
.db-backend .payment-card-heading>span{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ff8d18,#f26b00);color:#fff;font-size:14px;font-weight:700;box-shadow:0 5px 12px rgba(244,115,4,.22)}
.db-backend .payment-card-heading h2{margin:0;color:#222e42;font-size:18px;line-height:1.3}
.db-backend .payment-card-heading p{margin:4px 0 0;color:#7a8798;font-size:13px}
.db-backend .payment-card-body{box-sizing:border-box;padding:22px}
.db-backend .payment-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.db-backend .payment-field{position:relative;min-width:0}
.db-backend .payment-field-wide{grid-column:1/-1}
.db-backend .payment-field>label{display:flex;align-items:baseline;gap:4px;margin:0 0 8px;color:#344155;font-size:13px;font-weight:700}
.db-backend .payment-field>label b{color:#ef4444}
.db-backend .payment-field>label small{margin-left:auto;color:#98a3b2;font-size:11px;font-weight:400}
.db-backend .payment-field>input,.db-backend .payment-field>select,.db-backend .payment-field>textarea,.db-backend .payment-amount-input,.db-backend .payment-date-input{box-sizing:border-box;width:100%;min-width:0;border:1px solid #d9e2ec;border-radius:9px;background:#fff;color:#303c50;box-shadow:none}
.db-backend .payment-field>input,.db-backend .payment-field>select{height:44px;padding:0 13px}
.db-backend .payment-field>select{padding-right:38px;cursor:pointer}
.db-backend .payment-field>textarea{min-height:130px;padding:12px 13px;resize:vertical}
.db-backend .payment-field>input:focus,.db-backend .payment-field>select:focus,.db-backend .payment-field>textarea:focus,.db-backend .payment-amount-input:focus-within,.db-backend .payment-date-input:focus-within{outline:0;border-color:#ff7900;box-shadow:0 0 0 3px rgba(255,121,0,.1)}
.db-backend .payment-amount-input,.db-backend .payment-date-input{display:flex;height:44px;align-items:center;overflow:hidden}
.db-backend .payment-amount-input input,.db-backend .payment-date-input input{box-sizing:border-box;min-width:0;height:42px;flex:1;padding:0 13px;border:0;background:transparent;color:#303c50;outline:0}
.db-backend .payment-amount-input span{align-self:stretch;display:flex;align-items:center;padding:0 13px;border-left:1px solid #e2e8f0;background:#f8fafc;color:#778397;font-size:12px;font-weight:700}
.db-backend .payment-date-input svg{width:19px;height:19px;margin-right:13px;fill:none;stroke:#718096;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.db-backend .payment-time-fields{display:flex;align-items:flex-end;gap:10px}
.db-backend .payment-time-fields label{display:grid;gap:6px;color:#7a8798;font-size:11px;font-weight:400}
.db-backend .payment-time-fields input{box-sizing:border-box;width:110px;height:44px;padding:0 12px;border:1px solid #d9e2ec;border-radius:9px;background:#fff;color:#303c50;text-align:center;outline:0}
.db-backend .payment-time-fields input:focus{border-color:#ff7900;box-shadow:0 0 0 3px rgba(255,121,0,.1)}
.db-backend .payment-time-fields i{padding-bottom:10px;color:#5f6c80;font-size:20px;font-style:normal;font-weight:700}
.db-backend .payment-check-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #e1e7ee;border-radius:10px;background:#fbfcfd;cursor:pointer}
.db-backend .payment-check-row>input{position:absolute;width:1px;height:1px;opacity:0}
.db-backend .payment-check-box{display:inline-flex;flex:0 0 22px;width:22px;height:22px;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#fff}
.db-backend .payment-check-box svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.db-backend .payment-check-row>input:checked+.payment-check-box{border-color:#ff7900;background:#ff7900}
.db-backend .payment-check-row>span:last-child{display:grid;gap:3px;color:#344155}
.db-backend .payment-check-row strong{font-size:13px}
.db-backend .payment-check-row small{color:#8591a2;font-size:12px}
.db-backend .payment-note-field{margin-top:18px}
.db-backend .payment-captcha{margin-top:18px;padding-top:18px;border-top:1px solid #e7ecf2}
.db-backend .payment-captcha p{margin:0 0 10px;color:#526075;font-size:13px}
.db-backend .payment-captcha>div{display:flex;align-items:center;gap:12px}
.db-backend .payment-captcha img{display:block;max-width:170px;border:1px solid #e0e6ed;border-radius:7px}
.db-backend .payment-captcha input{box-sizing:border-box;width:180px;height:44px;padding:0 13px;border:1px solid #d9e2ec;border-radius:9px;outline:0}
.db-backend .payment-captcha input:focus{border-color:#ff7900;box-shadow:0 0 0 3px rgba(255,121,0,.1)}
.db-backend .payment-form-actions{display:flex;justify-content:flex-end;padding:14px 18px;border:1px solid #dfe6ef;border-radius:12px;background:#fff;box-shadow:0 7px 22px rgba(30,50,80,.05)}
.db-backend .payment-submit-button{display:inline-flex;min-width:150px;height:46px;align-items:center;justify-content:center;gap:9px;padding:0 22px;border:0;border-radius:9px;background:linear-gradient(135deg,#ff8c16,#f36800);color:#fff;font:700 14px Tahoma,Arial,sans-serif;box-shadow:0 7px 15px rgba(245,111,0,.22);cursor:pointer}
.db-backend .payment-submit-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){
.db-backend .payment-notice-page{padding:20px 10px 36px}
.db-backend .payment-page-title{align-items:flex-start;gap:12px}
.db-backend .payment-title-icon{flex-basis:44px;width:44px;height:44px}
.db-backend .payment-page-title h1{font-size:24px}
.db-backend .payment-page-title p{font-size:13px;line-height:1.5}
.db-backend .payment-card-heading{align-items:flex-start;padding:16px}
.db-backend .payment-card-body{padding:16px}
.db-backend .payment-form-grid{grid-template-columns:1fr;gap:16px}
.db-backend .payment-field-wide{grid-column:auto}
.db-backend .payment-time-fields input{width:92px}
.db-backend .payment-captcha>div{align-items:stretch;flex-direction:column}
.db-backend .payment-captcha input{width:100%}
.db-backend .payment-form-actions{padding:10px}
.db-backend .payment-submit-button{width:100%}
}
.db-backend .listing-manager .user-category-image-preview{
display:flex;
align-items:flex-start;
gap:16px;
box-sizing:border-box;
width:100%;
margin-top:14px;
padding:14px;
border:1px solid #dbe3ed;
border-radius:10px;
background:#fff;
}
form[name="addcateg"] fieldset.fieldset.fields-list {
margin: 0 0 40px;
}
form[name="addcateg"] legend.legend {
padding: 10px 15px;
box-shadow: 1px 1px 4px #ccc !important;
background: #f8fafc;
font-size: 17px;
border: 1px solid #cccccc;
border-radius: 6px;
}
.db-backend .listing-manager .user-category-image-link{
display:flex;
flex:0 1 420px;
min-width:0;
}
.db-backend .listing-manager .user-category-image-preview img{
display:block;
width:100%;
max-width:420px;
max-height:240px;
object-fit:contain;
object-position:left center;
border-radius:8px;
background:#f7f9fc;
}
.db-backend .listing-manager .user-category-image-meta{
display:flex;
align-items:flex-start;
flex:1 1 180px;
flex-direction:column;
gap:8px;
min-width:0;
color:#64748b;
font-size:13px;
word-break:break-all;
}
.db-backend .listing-manager .user-category-image-meta strong{
color:#1f2937;
font-size:14px;
}
.db-backend .listing-manager .user-category-image-delete{
display:inline-flex;
align-items:center;
gap:6px;
margin-top:4px;
padding:8px 12px;
border:1px solid #fecaca;
border-radius:7px;
background:#fff7f7;
color:#ef4444!important;
text-decoration:none!important;
}
.db-backend .listing-manager .user-category-image-delete svg{
width:16px;
height:16px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.subscription-page img {
max-width: 100%;
}
.db-backend .help-request-form .select.expandable-list {
width: 100%;
}
ul.bullet-star li {
line-height: 1.4;
margin: 0 0 8px;
}
form#account_form li span.mandatory {
background: none;
}
form#account_form li * {
font-size: 13px !important;
}
@media(max-width:640px){
.db-backend .listing-manager .user-category-image-preview{
flex-direction:column;
}
.db-backend .listing-manager .user-category-image-link,
.db-backend .listing-manager .user-category-image-meta{
flex-basis:auto;
width:100%;
}
}
.db-search input{min-width:0;flex:1;border:0;outline:0;background:none}.db-search kbd{border:1px solid #e2e6eb;padding:3px 6px;border-radius:4px;background:#fafafa;color:#737d8a}.db-top-icon{position:relative;font-size:20px}
.db-top-icon b {
position: absolute;
top: -7px;
right: -8px;
background: #ef4338;
color: #fff;
padding: 2px 5px;
border-radius: 10px;
font-size: 10px;
font-weight: normal;
}
.db-account{display:flex;align-items:center;gap:10px;padding-left:20px;border-left:1px solid #e5e9ee}.db-avatar{width:44px;height:44px;display:grid;place-items:center;border:3px solid #edf0f3;border-radius:50%;background:#d8dce1;color:#8b929c;font-size:26px}.db-main{margin-left:212px;padding:103px 34px 40px}.db-main>h1{font-size:27px;margin:0 0 7px}.db-welcome{margin:0 0 20px;color:#7e8998}.db-welcome b{color:#f47b0b}
.db-page-grid{display:grid;}.db-card{background:#fff;border:1px solid #e1e6ed;border-radius:10px;box-shadow:0 4px 13px rgba(28,42,60,.05)}
.db-metrics{
display:grid;
gap:15px;
}
.db-metric{min-height:118px;padding:18px;display:flex;align-items:center;gap:18px}.db-metric>i{width:69px;height:69px;flex:none;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:27px;font-style:normal}.teal{background:linear-gradient(135deg,#35c9a1,#10a37e)}.amber{background:linear-gradient(135deg,#ffc439,#f5a500)}.cyan{background:linear-gradient(135deg,#42c8d4,#16aaba)}.red{background:linear-gradient(135deg,#ff6868,#e93535)}.db-metric span{min-width:0}.db-metric span>b{display:block;font-size:28px;line-height:1.1}.db-metric span>b.package{font-size:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-metric strong{display:block;margin-top:5px;font-weight:normal}.db-metric small{display:block;margin-top:5px;color:#8a94a3}.db-lower{display:grid;grid-template-columns:.86fr 1.14fr;gap:15px;margin-top:17px}.db-panel{padding:0 16px 16px}.db-panel h2,.db-quick h2{height:56px;margin:0;display:flex;align-items:center;gap:7px;border-bottom:1px solid #e8ecf1;font-size:16px}.db-panel h2 i{font-style:normal;color:#f47b0b}
.db-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding-top:13px}.db-stats a{min-height:112px;border:1px solid #e3e8ee;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;}.db-stats i{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font-size:23px;font-style:normal}.db-stats b{font-size:16px}.blue{background:#eaf4ff;color:#2690ef}.red-tint{background:#fff0ef;color:#ef4d49}.orange-tint{background:#fff4e5;color:#f28b14}.green-tint{background:#e9faf5;color:#14a987}.purple-tint{background:#f3effd;color:#8f65d2}.db-follow{margin-top:15px}.follow-title{display:flex;justify-content:space-between;padding:15px 2px 9px}.follow-title button{margin-left:8px;border:1px solid #80bdf1;background:#fff;color:#348fd8;border-radius:5px;padding:4px 8px}.empty{padding:11px;text-align:center;color:#8c96a4;background:#fafbfc;border:1px solid #edf0f3;border-radius:6px;}.complete-bar{display:flex;align-items:center;gap:12px;padding:16px 0 9px;}.complete-bar>div{flex:1;height:20px;background:#eff2f5;border:1px solid #dde3e9;border-radius:5px;overflow:hidden}.complete-bar i{display:block;height:100%;min-width:35px;background:#1db7b9;color:#fff;line-height:18px;text-align:center;font-style:normal;font-size:10px}.check{min-height:37px;border-top:1px solid #e9edf1;display:grid;grid-template-columns:1fr 55px 61px 63px;gap:5px;align-items:center;}.check b{font-weight:normal}.check a{color:#627084}.check em{padding:3px;border:1px solid #ff5d54;color:#e8423a;border-radius:5px;text-align:center;font-style:normal;font-size:9px}.check em.done{border-color:#40b94a;color:#2da638}.db-orange-btn{display:block;width:max-content;margin:14px auto 0;padding:9px 15px;background:#ff8809;color:#fff;border-radius:5px}.db-profile{text-align:center;overflow:hidden}.db-large-avatar{width:86px;height:86px;margin:25px auto 10px;border:3px solid #eceff2;border-radius:50%;display:grid;place-items:center;background:#d8dce1;color:#8f969f;font-size:48px}.db-profile h3{margin:0;font-size:16px}.db-profile>p{color:#f47b0b;margin:5px}.db-profile>a{display:inline-block;padding:6px 10px;border:1px solid #d6dce3;border-radius:5px;color:#586473}.db-profile>div:last-child{margin-top:13px;border-top:1px solid #e8ecf1;display:grid;grid-template-columns:repeat(3,1fr)}
.db-search button {
background: none;
border: 0;
}
.db-menu-toggle,.db-sidebar-close,.db-sidebar-overlay{display:none}
.db-profile>div:last-child a{padding:15px 3px;border-right:1px solid #e8ecf1;font-size:14px}
.db-profile>div:last-child i{display:block;font-size:18px;font-style:normal;margin-bottom:6px}.db-quick{margin-top:15px;padding:0 16px}.db-quick a{height:55px;border-top:1px solid #e8ecf1;display:flex;align-items:center;gap:12px}.db-quick h2+ a{border:0}.db-quick a i{font-size:18px;color:#f47b0b;font-style:normal}.db-quick a span{margin-left:auto;font-size:20px;color:#8993a0}.db-package{margin-top:16px}.package-row{display:flex;align-items:center;gap:20px;padding:15px 4px 0}.package-row>div:first-child{min-width:180px}.package-row b{display:block;margin-top:6px}.usage{flex:1}.usage>div{height:13px;background:#eff2f5;border-radius:8px;overflow:hidden;margin-top:8px}.usage i{display:block;width:2%;height:100%;background:#ff8700}.package-row>a{padding:9px 13px;border:1px solid #ff9a35;border-radius:5px;color:#f47b0b;white-space:nowrap}.package-row>a.upgrade{color:#2782d1;border-color:#7cb9ed}
.db-quick-menu a:first-child{border-top:0}
.db-quick-toggle{width:100%;height:100%;padding:0;border:0;background:transparent;color:#202936;display:flex;align-items:center;gap:9px;font:inherit;font-weight:700;text-align:left;cursor:pointer}
.db-quick-toggle svg{color:#f47b0b}
.db-quick-toggle i{display:none;margin-left:auto;font-style:normal}
.db-profile a {
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
font-size: 14px;
}
header.db-topbar a.db-top-icon {
font-size: 14px;
display: flex;
align-items: center;
gap: 5px;
}
.page-limit {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.page-limit span.select-value {
min-width: 100px;
}
label[for="check-all"] {
display: block;
width: 100%;
margin: 0;
padding: 0;
align-items: center;
gap: 8px;
}
.db-center button {
cursor: pointer;
}
ul.db-quick-menu, ul.db-quick-menu li {
list-style: none;
margin: 0;
padding: 0;
}
ul.db-quick-menu ul li {
padding-left: 20px;
border-bottom: 1px solid #e8ecf1;
}
ul.db-quick-menu > li > a {
border-bottom: 1px solid #e8ecf1;
}
ul.db-quick-menu ul {
padding: 0;
}
/* sub menu right */
.db-quick-menu > li > ul {
display: block;
max-height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
transform: translateY(-6px);
transition:
max-height 0.35s ease,
opacity 0.25s ease,
transform 0.25s ease,
visibility 0.35s;
}
.db-quick-menu > li.is-open > ul {
max-height: 500px;
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.db-quick-menu > li > a {
display: flex;
align-items: center;
gap: 10px;
}
.db-quick-menu > li > a > span {
display: inline-block;
margin-left: auto;
transform: rotate(90deg);
transition: transform 0.3s ease;
}
.db-quick-menu > li.is-open > a > span {
transform: rotate(-90deg);
}
/* sub menu right */
/* sub menu left */
.db-nav > ul > li > ul {
display: block;
max-height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
transform: translateY(-6px);
transition:
max-height 0.35s ease,
opacity 0.25s ease,
transform 0.25s ease,
visibility 0.35s;
}
.db-nav > ul > li.is-open > ul {
max-height: 500px;
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.db-nav > ul > li > a {
display: flex;
align-items: center;
gap: 10px;
}
.db-nav > ul > li > a > span {
display: inline-block;
margin-left: auto;
transform: rotate(90deg);
transition: transform 0.3s ease;
}
.db-nav > ul > li.is-open > a > span {
transform: rotate(-90deg);
}
/* sub menu left */
ul.db-quick-menu li a:hover {
color: #f47b0b;
}
nav.db-nav ul {
list-style: none;
padding: 0;
margin: 0;
}
nav.db-nav ul ul {
margin-left: 15px;
}
.db-nav {
overflow: auto;
padding: 24px 0;
}
span.info-spot {
position: relative;
display: flex;
width: 20px;
height: 20px;
background: #dfe5eb;
border-radius: 50%;
cursor: pointer;
}
span.icon-info-round {
display: flex;
align-items: center;
justify-content: center;
}
span.icon-info-round:after {
content: "i";
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border-radius: 50%;
color: #6b7280;
font-size: 14px;
font-weight: 600;
line-height: 1;
box-sizing: border-box;
}
span.info-bubble {
position: absolute;
left: calc(100% + 10px);
top: 0;
background: #fffaf5;
max-width: 300px;
padding: 10px;
border: 1px solid #ff81084a;
border-radius: 4px;
box-shadow: 4px 4px 7px 1px #cccccc6b;
transform: translate(-10px, 0px);
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
white-space: normal;
overflow-wrap: break-word;
word-break: break-word;
text-align: left;
}
span.info-bubble:before {
display: block;
content: "";
position: absolute;
left: -8px;
top: 8px;
transform: translateY(-50%);
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 8px solid #ff81084a;
}
span.info-spot:hover span.info-bubble {
transform: translate(0px, 0px);
opacity: 1;
visibility: visible;
display: block;
}
span.info-bubble {
display: none;
position: absolute;
left: calc(100% + 10px);
top: 0;
background: #fffaf5;
width: 400px;
padding: 10px;
border: 1px solid #ff81084a;
border-radius: 4px;
box-shadow: 4px 4px 7px 1px #cccccc6b;
transform: translate(-10px, 0px);
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}
.db-backend .listing-manager .button.manage-remove {
border: 1px solid red !important;
color: red !important;
}
.db-backend .listing-manager .bts .align-left> a.button.back {
padding: 0 10px;
min-height: 36px;
border: 1px solid #dce2e8 !important;
border-radius: 6px !important;
background: #fff !important;
color: #536071 !important;
box-shadow: none !important;
text-shadow: none !important;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
#main-title h1 {
display: flex;
align-items: center;
gap: 5px;
}
.db-backend .product-form-page p.inline-label {
align-items: center;
display: grid;
grid-template-columns: 150px 300px 10px 20px !important;
}
.progress-bar.orange-gradient .progress-text {
position: relative;
font-size: 10px !important;
font-weight: bold;
color: #538966;
}
.progress-bar.orange-gradient {
background: #bbf7d0;
border-color: #9ad9b0;
display: flex;
align-items: center;
justify-content: center;
}
.db-backend .subscription-page h6 {
text-align: center;
font-size: 13px;
}
.progress > .progress-text {
display: none;
}
.block-message.green-gradient {
color: #166534;
background-color: #f0fdf4;
border-color: #bbf7d0;
border: 1px solid #c8dfcf;
}
form[name="addcateg"] .input.file {
height: 40px;
}
.page-config-modal-body .checkbox {
padding: 10px 0;
color: #556277;
width: 100%;
display: flex;
align-items: center;
border: 0;
}
.page-config-modal-body .checkbox input {
position: relative;
visibility: visible;
width: 20px;
height: 20px;
}
.page-config-modal-body span.input-group-addon.input-group.input-group-lg {
margin: 0;
}
.big-message.alert-domain {
display: inline-flex;
align-items: center;
position: relative;
gap: 15px;
padding-left: 15px;
padding-right: 20px;
}
.big-message.alert-domain a.close {
top: 11px;
}
.db-backend #form_container .subscribe-invoice-choice label {
display: flex;
padding: 0 10px;
}
.no_package {
padding: 20px;
border: 1px solid #e3e7ed;
text-align: center;
border-radius: 10px;
background: #fff;
margin: 40px 0;
}
/* ############## */
@media(max-width:1150px){
.db-page-grid{grid-template-columns:1fr}
.db-right{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.db-quick{margin-top:0}
}@media(max-width:900px){
.db-metrics{grid-template-columns:repeat(2,1fr)}
.db-lower{grid-template-columns:1fr}
.db-sidebar{width:68px}
.db-logo{padding:0 17px}
.db-logo b,.db-nav span,.db-logout span{display:none}
.db-nav{padding:20px 7px}
.db-nav a{padding:0 15px}
.db-topbar{left:68px}
.db-main{margin-left:68px}}
@media(max-width:650px){
.db-main{padding:95px 14px 30px}
.db-topbar{padding:0 14px;gap:12px}.db-search{flex:1;width:180px;}.db-account strong,.db-account>span:last-child,.db-top-icon{display:none}.db-right{grid-template-columns:1fr}.db-stats{grid-template-columns:repeat(2,1fr)}.package-row{align-items:stretch;flex-direction:column}.check{grid-template-columns:1fr 50px 58px 60px}}@media(max-width:470px){.db-metrics{grid-template-columns:1fr}}
/* Legacy backend pages live inside the shared db-center slot. */
.db-backend #main{position:static!important;display:block!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
.db-backend #title-bar,.db-backend #menu,.db-backend #shortcuts,.db-backend #open-menu,.db-backend #open-shortcuts{display:none!important}
.db-backend .db-center>.with-padding,.db-backend .db-center>#main>.with-padding{padding:0!important}
.db-backend .db-center .block,.db-backend .db-center .panel{border-color:#e1e6ed;box-shadow:0 4px 13px rgba(28,42,60,.05)}
.db-system-message{margin:0 0 15px;padding:12px 15px;border-radius:7px;background:#fff0ef;color:#c83d36;border:1px solid #f3c1bd}
.db-system-message.succeed{background:#eaf8ee;color:#25843b;border-color:#bde4c7}
/* Messages: replace the legacy floating explorer with an orderly two-column card. */
.db-backend .message_page{width:100%;min-width:0}
.db-backend .message_page #main{overflow:visible!important}
.db-backend .message_page .content-panel{
display:grid!important;
grid-template-columns:220px minmax(0,1fr);
align-items:stretch;
min-height:620px;
padding:0!important;
overflow:hidden!important;
border:1px solid #e1e6ed;
border-radius:10px;
background:#fff!important;
box-shadow:0 4px 13px rgba(28,42,60,.06);
}
.db-backend .message_page .panel-navigation{
position:static!important;
float:none!important;
width:auto!important;
min-width:0!important;
height:auto!important;
margin:0!important;
padding:0!important;
border:0!important;
border-right:1px solid #e5e9ef!important;
border-radius:0!important;
background:#fafbfc!important;
box-shadow:none!important;
}
.db-backend .message_page .panel-navigation>.panel-control{
position:static!important;
min-height:58px;
display:flex;
align-items:center;
gap:6px;
padding:10px 12px!important;
border-bottom:1px solid #e6eaf0;
background:#fff!important;
}
.db-backend .message_page .panel-navigation>.panel-load-target{
position:static!important;
width:auto!important;
height:auto!important;
overflow:visible!important;
padding:10px!important;
}
.db-backend .message_page .main-navigation li.big-menu{
min-height:45px!important;
margin:3px 0!important;
border:0!important;
border-radius:6px!important;
background:transparent!important;
box-shadow:none!important;
}
.db-backend .message_page .main-navigation li.big-menu>a,
.db-backend .message_page .main-navigation li.big-menu>span{
min-height:45px!important;
display:flex!important;
align-items:center;
padding:0 12px!important;
color:#536071!important;
}
.db-backend .message_page .main-navigation li.big-menu.green-gradient,
.db-backend .message_page .main-navigation li.big-menu:hover{
background:#fff3e5!important;
}
.db-backend .message_page .main-navigation li.big-menu.green-gradient>a,
.db-backend .message_page .main-navigation li.big-menu:hover>a{
color:#f47b0b!important;
font-weight:700;
}
.db-backend .message_page .panel-content{
position:static!important;
float:none!important;
width:auto!important;
min-width:0!important;
height:auto!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:#fff!important;
box-shadow:none!important;
}
.db-backend .message_page .panel-content>.panel-control{
position:static!important;
min-height:58px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:9px 14px!important;
border-bottom:1px solid #e6eaf0!important;
background:#fff!important;
}
.db-backend .message_page .panel-control .control-left,
.db-backend .message_page .panel-control .control-right{
position:static!important;
float:none!important;
display:flex;
align-items:center;
gap:7px;
}
.db-backend .message_page #box_board_message{
position:static!important;
width:auto!important;
height:auto!important;
min-height:555px;
overflow:auto!important;
padding:16px!important;
background:#f8fafc!important;
}
.db-backend .message_page .board_message{width:100%;max-width:none;margin:0}
.db-backend .message_page #tbListMail{
width:100%!important;
margin:0!important;
border:1px solid #e1e6ed!important;
border-radius:8px!important;
overflow:hidden;
background:#fff!important;
box-shadow:none!important;
}
.db-backend .message_page #tbListMail>div{padding:0!important}
.db-backend .message_page .list-messages{width:100%!important;margin:0!important;border-collapse:collapse}
.db-backend .message_page .list-messages thead h2{
margin:0!important;
padding:15px 17px!important;
color:#202936!important;
font-size:16px!important;
background:#fff!important;
border-bottom:1px solid #e5e9ef!important;
}
.db-backend .message_page .list-messages tbody tr{
min-height:64px;
background:#fff!important;
border-bottom:1px solid #e9edf2!important;
}
.db-backend .message_page .list-messages tbody tr:hover{background:#fffaf4!important}
.db-backend .message_page .list-messages td,
.db-backend .message_page .list-messages th{padding:12px 10px!important;vertical-align:middle!important}
.db-backend .message_page .list-messages .checkbox-cell{width:44px!important;text-align:center!important}
.db-backend .message_page .list-messages .checkbox-cell input{width:18px;height:18px}
.db-backend .message_page .m_name{display:inline-block;min-width:115px;font-weight:700;color:#344052}
.db-backend .message_page .m_subject{display:inline;color:#4e5a69}
.db-backend .message_page .m_date{float:right;color:#8490a0;}
.db-backend .message_page .table-footer{
min-height:58px!important;
margin:0!important;
padding:11px 14px!important;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
border-top:0!important;
background:#fff!important;
color:#667284!important;
}
.db-backend .message_page .table-footer .float-left,
.db-backend .message_page .table-footer .float-right{float:none!important;margin:0!important}
@media(max-width:1000px){
.db-backend .message_page .content-panel{grid-template-columns:1fr}
.db-backend .message_page .panel-navigation{border-right:0!important;border-bottom:1px solid #e5e9ef!important}
.db-backend .message_page .panel-navigation>.panel-load-target{max-height:230px;overflow:auto!important}
}
@media(max-width:650px){
.db-backend .message_page .panel-content>.panel-control,
.db-backend .message_page .table-footer{align-items:stretch;flex-direction:column}
.db-backend .message_page .panel-control .control-left,
.db-backend .message_page .panel-control .control-right{flex-wrap:wrap}
.db-backend .message_page .m_name{display:block;min-width:0}
.db-backend .message_page .m_date{float:none;display:block;margin-top:5px}
}
/* Product manager: modern toolbar, controls and readable listing rows. */
.db-backend .listing-manager .bts{
margin:0 0 14px!important;
padding:0!important;
border:1px solid #e1e6ed;
border-radius:10px;
background:#fff;
box-shadow:0 4px 13px rgba(28,42,60,.05);
}
.db-backend .listing-manager .bts>.with-padding{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:12px 15px!important;
}
.db-backend .listing-manager .bts .align-left,
.db-backend .listing-manager .bts .align-right{float:none!important;margin:0!important}
.db-backend .listing-manager .bts .align-right {
flex: 1;
justify-content: flex-end;
display: flex;
}
.db-backend .listing-manager .bts .responsive-table-on{
display:flex;
justify-content:flex-end;
align-items:center;
gap:9px;
}
.db-backend .listing-manager .button {
padding: 0 10px;
min-height: 36px;
border: 1px solid #dce2e8 !important;
border-radius: 6px !important;
background: #fff !important;
color: #536071 !important;
box-shadow: none !important;
text-shadow: none !important;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.mailbox-folders > a.button.btn-primary {
display: flex;
margin: 10px 10px 0 !important;
}
a.button.user-category-add-button {
padding: 8px;
height: 38px;
display: flex;
border-radius: 4px;
align-items: center;
justify-content: center;
}
.select-user-category {
display: grid;
gap: 15px;
grid-template-columns: 1fr 100px;
}
a.button.user-category-add-button,
.mailbox-folders > a.button.btn-primary,
.db-backend .listing-manager .bts .align-left>.button,
.db-backend .listing-manager .button.btn-primary,
.db-backend .listing-manager button[name="edit_browse_listings"] {
color: #fff !important;
font-weight: 700;
padding: 0 10px;
background: linear-gradient(135deg, #f7933f 0%, #ef741c 55%, #dc5d0d 100%) !important;
border: 0 !important;
box-shadow: 1px 1px 4px #ccc !important;
}
.db-backend .listing-manager .button-icon{
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
.db-backend .listing-manager input[type=text],
.db-backend .listing-manager select{
min-height:36px!important;
border:1px solid #dce2e8!important;
border-radius:6px!important;
background:#fff!important;
color:#465263!important;
box-shadow:none!important;
outline: 0;
}
.db-backend .listing-manager .bts .input {
height: 38px;
display: flex;
align-items: center;
overflow: hidden;
padding: 0 !important;
border: 1px solid #dce2e8 !important;
border-radius: 6px !important;
background: #fff !important;
box-shadow: none !important;
justify-content: space-between;
}
.db-backend .listing-manager .bts .input input[type=text] {
width: 100%;
border: 0 !important;
box-sizing: border-box;
padding: 0 10px;
}
.db-backend .listing-manager .bts .input input[type=submit]{
height:36px;
margin:0!important;
border:0!important;
border-left:1px solid #e4e8ed!important;
border-radius:0!important;
background:#f8fafc!important;
color:#4b5767!important;
}
.db-backend .listing-manager>.with-padding.small{
overflow:hidden;
padding:0!important;
border-radius:10px;
background:#fff;
}
.db-backend .listing-manager .listing-table-scroll{
width:100%;
max-width:100%;
}
.db-backend .listing-manager #sorting-advanced{
width:100%!important;
margin:0!important;
border:0!important;
border-collapse:separate!important;
border-spacing:0!important;
background:#fff!important;
}
.db-backend .listing-manager #sorting-advanced .table-header{
min-height:58px;
padding:10px 14px!important;
border:0!important;
border-bottom:1px solid #e5e9ef!important;
background:#fff!important;
box-shadow:none!important;
}
.db-backend .listing-manager #sorting-advanced .table-header>div{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.db-backend .listing-manager #sorting-advanced .table-header div[style*="float: right"]{
float:none!important;
order:2;
display:flex;
align-items:center;
gap:8px;
flex-wrap:nowrap!important;
white-space:nowrap;
}
.db-backend .listing-manager #sorting-advanced .table-header #option_edit{width:155px!important}
.db-backend .listing-manager #sorting-advanced .table-header .select:has(>#option_edit){
width:155px!important;
min-width:155px!important;
}
.db-backend .listing-manager #sorting-advanced .table-header button[name="edit_browse_listings"]{
width:auto!important;
min-width:66px!important;
margin:0!important;
flex:none;
}
.db-backend .listing-manager #sorting-advanced thead tr{
background:#f8fafc!important;
}
.db-backend .listing-manager #sorting-advanced thead th {
height: 48px;
padding: 10px 9px !important;
border-top: 0 !important;
border-right: 0 !important;
border-bottom: 1px solid #dfe5eb !important;
background: #f8fafc !important;
color: #667284 !important;
font-weight: 700;
text-align: center !important;
text-shadow: none !important;
position: relative;
border-left: 1px solid #dfe5eb !important;
}
.db-backend .listing-manager #sorting-advanced thead th:last-child {
border-right: 1px solid #dfe5eb !important;
}
.db-backend .listing-manager #sorting-advanced thead th:first-child{text-align:center!important}
.db-backend .listing-manager #sorting-advanced .mobile-select-all>span{display:none}
.db-backend .listing-manager #sorting-advanced tbody tr{
height:92px;
background:#fff!important;
transition:background .15s ease;
}
.db-backend .listing-manager #sorting-advanced tbody tr:nth-child(even){background:#fbfcfd!important}
.db-backend .listing-manager #sorting-advanced tbody tr:hover {
background:#f8fafc!important;
}
.db-backend .listing-manager #sorting-advanced tbody td, .db-backend .listing-manager #sorting-advanced tbody th {
padding: 11px 9px !important;
border-top: 0 !important;
border-bottom: 1px solid #e8edf2 !important;
color: #536071;
vertical-align: middle !important;
}
.db-backend .listing-manager #sorting-advanced .hidden{display:none!important}
.db-backend .listing-manager #sorting-advanced .checkbox-cell{
width:38px!important;
text-align:center!important;
}
.db-backend .listing-manager input[type="checkbox"]:not(.switch) {
width: 22px;
height: 22px;
appearance: none;
-webkit-appearance: none;
background: #fff;
border: 1px solid #d9dee7;
border-radius: 3px;
cursor: pointer;
}
.db-backend .listing-manager input[type="checkbox"]:not(.switch):checked {
background-color: #f47b0b;
border-color: #f47b0b;
position: relative;
}
.db-backend .listing-manager input[type="checkbox"]:not(.switch):checked::after {
content: "";
position: absolute;
left: 7px;
top: 3px;
width: 5px;
height: 10px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.db-backend .listing-manager td.gallery{min-width:84px;color:#8490a0!important}
.db-backend .listing-manager td.gallery li{display:flex;align-items:center;justify-content:center;margin-top:6px;list-style:none}
.db-backend .listing-manager td.gallery img.framed {
width: 60px !important;
height: auto !important;
object-fit: cover;
background: #fff !important;
box-shadow: none !important;
}
.db-backend .listing-manager .browse_desc p{margin:2px 0!important}
.db-backend .listing-manager .browse_desc a strong{color:#273444;}
.db-backend .listing-manager .categ_browse {margin-top:7px;color:#7f8a99;}
.db-backend .listing-manager .categ_browse .blue{color:#f47b0b!important}
.db-backend .listing-manager .listing-status-badges{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:5px;
margin-top:8px;
}
.db-backend .listing-manager .listing-status-badge {
display: none;
align-items: center;
min-height: 23px;
padding: 0px 9px;
border-radius: 5px;
background: #fff;
color: #ff8108;
font-size: 10px;
font-weight: 700;
line-height: 23px;
white-space: nowrap;
border: 1px solid #ff8108;
}
.db-backend .listing-manager .listing-status-badge.is-visible{display:inline-flex}
.db-backend .listing-manager #sorting-advanced tbody input[type=text]{width:100%!important;max-width:105px;padding:0 9px!important}
.db-backend .listing-manager #sorting-advanced tbody select{width:100%!important;max-width:155px}
.db-backend .listing-manager #sorting-advanced tbody .select{
width:155px!important;
max-width:155px!important;
border-radius:6px!important;
background:#fff!important;
color:#465263!important;
box-shadow:none!important;
}
.db-backend .listing-manager #sorting-advanced tbody .select-value{
height:36px!important;
padding:0 32px 0 10px!important;
border:1px solid #dce3ea!important;
border-radius:6px!important;
background:#fff!important;
color:#465263!important;
line-height:34px!important;
box-shadow:none!important;
}
.db-backend .listing-manager #sorting-advanced tbody .select-arrow{
width:30px!important;
height:36px!important;
border-left:1px solid #dce3ea!important;
border-radius:0 6px 6px 0!important;
background:#fff!important;
box-shadow:none!important;
}
.select.select-styled-list {
min-width: 150px;
}
.db-backend .listing-manager #sorting-advanced tbody .select .select .select-arrow,
.db-backend .listing-manager #sorting-advanced tbody .select .select .drop-down{
display:none!important;
}
.db-backend .listing-manager #sorting-advanced tbody .select>.drop-down{
top:40px!important;
right:auto!important;
width:max-content!important;
min-width:230px!important;
max-width:320px!important;
max-height:300px!important;
padding:5px!important;
overflow:auto!important;
border:1px solid #dce3ea!important;
border-radius:8px!important;
background:#fff!important;
color:#465263!important;
box-shadow:0 12px 30px rgba(28,42,60,.18)!important;
}
.db-backend .listing-manager #sorting-advanced tbody .select>.drop-down>a,
.db-backend .listing-manager #sorting-advanced tbody .select>.drop-down>span{
min-height:34px;
display:flex;
align-items:center;
padding:7px 10px!important;
border:0!important;
border-radius:5px!important;
background:#fff!important;
color:#465263!important;
line-height:18px!important;
white-space:normal!important;
text-shadow:none!important;
}
.db-backend .listing-manager #sorting-advanced tbody .select>.drop-down>a:hover,
.db-backend .listing-manager #sorting-advanced tbody .select>.drop-down>span:hover,
.db-backend .listing-manager #sorting-advanced tbody .select>.drop-down>.selected{
border:0!important;
background:#fff3e6!important;
color:#f47b0b!important;
text-shadow:none!important;
}
/* developr.input renders an absolute select clone: keep it identical to its source. */
body>.select.select-clone{
min-width:150px!important;
border:1px solid #dce3ea!important;
border-radius:6px!important;
background:#fff!important;
color:#465263!important;
box-shadow:0 12px 30px rgba(28,42,60,.18)!important;
}
body>.select.select-clone>.select-value{
height:36px!important;
padding:0 32px 0 10px!important;
border:0!important;
border-radius:6px!important;
background:#fff!important;
color:#465263!important;
line-height:36px!important;
box-shadow:none!important;
}
body>.select.select-clone>.select-arrow{
width:30px!important;
height:36px!important;
border:0!important;
border-left:1px solid #dce3ea!important;
border-radius:0 6px 6px 0!important;
background:#fff!important;
box-shadow:none!important;
}
body>.select.select-clone>.drop-down{
top:40px!important;
right:auto!important;
width:100%!important;
min-width:100%!important;
padding:5px!important;
border:1px solid #dce3ea!important;
border-radius:8px!important;
background:#fff!important;
color:#465263!important;
box-shadow:0 12px 30px rgba(28,42,60,.18)!important;
}
body>.select.select-clone>.drop-down>span,
body>.select.select-clone>.drop-down>a{
min-height:34px;
display:flex;
align-items:center;
padding:7px 10px!important;
border:0!important;
border-radius:5px!important;
background:#fff!important;
color:#465263!important;
line-height:18px!important;
text-shadow:none!important;
}
body>.select.select-clone>.drop-down>.selected,
body>.select.select-clone>.drop-down>span:hover,
body>.select.select-clone>.drop-down>a:hover{
background:#fff3e6!important;
color:#f47b0b!important;
}
.db-backend .listing-manager #sorting-advanced tbody .input{
display:flex!important;
align-items:center;
width:100%!important;
max-width:165px;
min-height:36px!important;
padding:0 8px!important;
border:1px solid #dce2e8!important;
border-radius:6px!important;
background:#fff!important;
box-shadow:none!important;
}
.db-backend .listing-manager #sorting-advanced tbody .input input{max-width:none!important;border:0!important}
.db-backend .listing-manager #sorting-advanced tbody .datepicker{
white-space:nowrap;
}
.db-backend .listing-manager .tool-manage-ads {
min-width:118px;
text-align:center;
border-right: 1px solid #e8edf2 !important;
}
.db-backend .listing-manager .tool-manage-ads{position:relative;overflow:visible!important}
.db-backend .listing-manager .manage-primary {
white-space: nowrap;
position: relative;
z-index: 0;
display: flex;
align-items: center;
gap: 10px;
}
.db-backend .listing-manager .tool-manage-ads .switch{
width:80px!important;
height:28px!important;
margin:0 8px 0 0!important;
flex:none;
border:0!important;
border-radius:16px!important;
background:#eef1f4!important;
box-shadow:none!important;
overflow:hidden;
}
.db-backend .listing-manager .tool-manage-ads .switch>.switch-on,
.db-backend .listing-manager .tool-manage-ads .switch>.switch-off{
top:0!important;
bottom:0!important;
line-height:28px!important;
border:0!important;
border-radius:16px!important;
text-shadow:none!important;
box-shadow:none!important;
font-size: 9px;
}
.db-backend .listing-manager .tool-manage-ads .switch>.switch-on{
left:0!important;
right:0!important;
background:#e7f8e9!important;
color:#269b37!important;
}
.db-backend .listing-manager .tool-manage-ads .switch>.switch-off{
left:25px!important;
right:0!important;
background:#f0f2f5!important;
color:#8a94a2!important;
}
.db-backend .listing-manager .tool-manage-ads .switch>.switch-on>span,
.db-backend .listing-manager .tool-manage-ads .switch>.switch-off>span{
width:47px!important;
margin:0!important;
padding:0!important;
}
.db-backend .listing-manager .tool-manage-ads .switch>.switch-on>span{
padding:0 2px 0 7px!important;
}
.db-backend .listing-manager .tool-manage-ads .switch>.switch-off>span{
padding:0 7px 0 2px!important;
}
.db-backend .listing-manager .tool-manage-ads .switch>.switch-button{
width:24px!important;
height:24px!important;
top:2px!important;
bottom:auto!important;
left:2px!important;
border:0!important;
border-radius:50%!important;
background:#fff!important;
box-shadow:0 1px 4px rgba(31,43,58,.22)!important;
transition:left .2s ease!important;
display: flex;
align-items: center;
justify-content: center;
}
.category-select-cell input[type=checkbox] {
margin: 0 auto;
float: none;
display: block;
}
.db-backend .listing-manager .tool-manage-ads .switch.checked>.switch-button {
left: calc(100% - 24px) !important;
background: #38a36e !important;
}
.db-backend .listing-manager .tool-manage-ads .switch.checked>.switch-off{display:none!important}
.db-backend .listing-manager .manage-edit {
min-width: 62px !important;
min-height: 34px !important;
padding: 0 10px !important;
border-color: #f47b0b !important;
background: #fff !important;
color: #f47b0b !important;
}
.db-backend .listing-manager .manage-dropdown{
position:relative;
width:100%;
margin-top:7px;
text-align:left;
}
.db-backend .listing-manager .manage-dropdown summary{
min-height:32px;
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
padding:0 8px 0 10px;
border:1px solid #dce3ea;
border-radius:6px;
background:#fff;
color:#667284;
cursor:pointer;
list-style:none;
}
.db-backend .listing-manager .manage-dropdown summary::-webkit-details-marker{display:none}
.db-backend .listing-manager .manage-dropdown summary b{font-size:17px;line-height:1}
.db-backend .listing-manager .manage-dropdown[open]{z-index:30}
.db-backend .listing-manager .manage-dropdown[open] summary{
border-color:#f47b0b;
color:#f47b0b;
}
.db-backend .listing-manager .manage-dropdown-menu{
position:absolute;
z-index:40;
top:calc(100% + 5px);
right:0;
width:190px;
padding:6px;
border:1px solid #e0e5eb;
border-radius:8px;
background:#fff;
box-shadow:0 10px 28px rgba(28,42,60,.16);
}
.db-backend .listing-manager .manage-dropdown-menu>span{display:block}
.db-backend .listing-manager .manage-dropdown-menu a,
.db-backend .listing-manager .manage-dropdown-menu button{
width:100%;
min-height:36px;
display:flex;
align-items:center;
gap:9px;
padding:0 10px!important;
border:0!important;
border-radius:5px!important;
background:#fff!important;
color:#4e5a69!important;
text-align:left;
box-shadow:none!important;
cursor:pointer;
}
.db-backend .listing-manager .manage-dropdown-menu a:before,
.db-backend .listing-manager .manage-dropdown-menu button:before{
position:static!important;
width:18px!important;
height:auto!important;
margin:0!important;
padding:0!important;
border:0!important;
background:none!important;
text-align:center;
box-shadow:none!important;
}
.db-backend .listing-manager .manage-dropdown-menu a:hover,
.db-backend .listing-manager .manage-dropdown-menu button:hover{
background:#fff4e8!important;
color:#f47b0b!important;
}
.db-backend .listing-manager .manage-dropdown-menu .active-action{
background:#fff7ed!important;
color:#e86f00!important;
}
.db-backend .listing-manager .manage-dropdown-menu .manage-action-switch{
min-height:42px!important;
justify-content:space-between!important;
gap:12px!important;
color:#465263!important;
}
.db-backend .listing-manager .manage-dropdown-menu .manage-action-switch>span{
flex:1;
text-align:left;
}
.db-backend .listing-manager .manage-dropdown-menu .manage-action-switch>i{
position:relative;
width:38px;
height:22px;
flex:0 0 38px;
border-radius:12px;
background:#dfe4e9;
transition:background .2s ease;
}
.db-backend .listing-manager .manage-dropdown-menu .manage-action-switch>i:after{
content:'';
position:absolute;
top:3px;
left:3px;
width:16px;
height:16px;
border-radius:50%;
background:#fff;
box-shadow:0 1px 3px rgba(28,42,60,.25);
transition:left .2s ease;
}
.db-backend .listing-manager .manage-dropdown-menu .manage-action-switch.is-on{
background:#fff8ef!important;
color:#e86f00!important;
}
.db-backend .listing-manager .manage-dropdown-menu .manage-action-switch.is-on>i{
background:#ff8108;
}
.db-backend .listing-manager .manage-dropdown-menu .manage-action-switch.is-on>i:after{
left:19px;
}
.db-backend .listing-manager .manage-dropdown-menu .manage-action-switch:hover>i{
background:#cfd6dd;
}
.db-backend .listing-manager .manage-dropdown-menu .manage-action-switch.is-on:hover>i{
background:#ef7500;
}
.db-backend .listing-manager .manage-dropdown-menu .manage-delete{
border-top:1px solid #edf0f3!important;
color:#e3483f!important;
}
.db-backend .listing-manager .tool-manage-ads .button-group{
display:inline-flex!important;
gap:4px;
margin:2px!important;
vertical-align:middle;
}
.db-backend .listing-manager .tool-manage-ads .button{
min-width:32px!important;
min-height:32px!important;
padding:0 8px!important;
display:flex!important;
align-items:center;
justify-content:center;
}
.db-backend .listing-manager .tool-manage-ads .red-active{
border-color:#ef625a!important;
background:#fff0ef!important;
color:#dd3e36!important;
}
.db-backend .listing-manager .dataTables_footer{
min-height:64px;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:11px 14px!important;
border:0!important;
background:#fff!important;
box-shadow:none!important;
}
.db-backend .listing-manager .dataTables_footer ul{
float:none!important;
width:auto!important;
height:auto!important;
display:flex!important;
align-items:center;
gap:7px;
margin:0!important;
padding:0!important;
list-style:none!important;
}
.db-backend .listing-manager .dataTables_footer ul li{
float:none!important;
display:block!important;
width:auto!important;
height:auto!important;
margin:0!important;
padding:0!important;
list-style:none!important;
white-space:nowrap;
color:#667284;
}
.db-backend .listing-manager .dataTables_footer .dataTables_info{order:1}
.db-backend .listing-manager .dataTables_footer .dataTables_paginate{order:2;margin-left:auto!important}
.db-backend .listing-manager .dataTables_footer .dataTables_paginate a{
min-width:36px;
height:36px;
display:flex!important;
align-items:center;
justify-content:center;
padding:0 11px!important;
border:1px solid #dce3ea!important;
border-radius:6px!important;
background:#fff!important;
color:#536071!important;
box-shadow:none!important;
text-shadow:none!important;
}
.db-backend .listing-manager .dataTables_footer .dataTables_paginate a:hover{
border-color:#f47b0b!important;
color:#f47b0b!important;
}
.db-backend .listing-manager .dataTables_footer .dataTables_paginate .paginate_active{
border-color:#f47b0b!important;
background:#f47b0b!important;
color:#fff!important;
}
.db-backend .listing-manager .dataTables_footer .dataTables_paginate .disablelink{
opacity:.45;
pointer-events:none;
}
.db-backend .listing-manager .dataTables_footer .button{
border-color:#dce2e8!important;
background:#fff!important;
color:#536071!important;
}
.db-backend .listing-manager .dataTables_footer .current,
.db-backend .listing-manager .dataTables_footer .orange-gradient{
border-color:#f47b0b!important;
background:#f47b0b!important;
color:#fff!important;
}
.db-backend .listing-manager>.with-padding.small{overflow:visible}
.db-backend .listing-manager #sorting-advanced tbody tr:has(.manage-dropdown[open]){
position:relative;
z-index:25;
}
/* Backend datepicker */
.db-backend .gldp-default{
z-index:10050!important;
width:280px!important;
overflow:hidden;
border:1px solid #e1e6ed;
border-radius:12px;
background:#fff;
box-shadow:0 18px 48px rgba(29,39,54,.22);
font-family:Tahoma,Arial,sans-serif;
}
.db-backend .gldp-default .core{
box-sizing:border-box!important;
width:40px!important;
height:36px!important;
line-height:36px!important;
border-color:#e8edf2!important;
background:#fff!important;
background-image:none!important;
color:#4e5b6b;
font-size:13px;
text-shadow:none!important;
filter:none!important;
}
.db-backend .gldp-default .monyear{
height:42px!important;
line-height:42px!important;
background:#fff!important;
color:#202936;
font-size:15px!important;
}
.db-backend .gldp-default .monyear.title{width:200px!important}
.db-backend .gldp-default .prev-arrow,
.db-backend .gldp-default .next-arrow{
background:#fff!important;
color:#596677;
font-size:17px;
}
.db-backend .gldp-default .dow{
height:30px!important;
line-height:30px!important;
border-color:#f47b0b!important;
background:#f47b0b!important;
color:#fff;
font-weight:700;
}
.db-backend .gldp-default .mon:hover,
.db-backend .gldp-default .tue:hover,
.db-backend .gldp-default .wed:hover,
.db-backend .gldp-default .thu:hover,
.db-backend .gldp-default .fri:hover,
.db-backend .gldp-default .sat:hover,
.db-backend .gldp-default .sun:hover{
background:#fff3e7!important;
color:#f47b0b;
}
.db-backend .gldp-default .today{
border-color:#ffd2a8!important;
background:#fff3e7!important;
color:#e96f00!important;
}
.db-backend .gldp-default .selected{
border-color:#f47b0b!important;
background:#f47b0b!important;
color:#fff!important;
}
.db-backend .gldp-default .outday{color:#a6afba!important}
form[name="addcateg"] input.input {
width: 100%;
}
/* Keep the category form height stable while mobile browser chrome opens/closes.
The legacy auto-resize/scroll trackers otherwise recalculate the document at
the lower scroll boundary and make the page jump. */
.db-backend .user-category-form-page,
.db-backend .user-category-form-page form[name="addcateg"]{
overflow-anchor:none;
}
.db-backend .user-category-form-page form[name="addcateg"] textarea{
min-height:132px;
resize:vertical;
}
@media(max-width:1000px){
.db-backend .listing-manager .bts>.with-padding,
.db-backend .listing-manager .bts form>.responsive-table-on{align-items:stretch;flex-direction:column}
.db-backend .listing-manager form[name="addcateg"] .bts>.with-padding {
flex-direction: row;
}
.db-backend .listing-manager .bts .align-right{width:100%}
.db-backend .db-center,
.db-backend .listing-manager{min-width:0;max-width:100%}
.db-backend .listing-manager .with-padding.small{width:100%;max-width:100%;overflow:visible}
.db-backend .listing-manager .listing-table-scroll{
display:block;
width:100%;
max-width:100%;
overflow-x:auto;
overflow-y:visible;
-webkit-overflow-scrolling:touch;
scrollbar-width:thin;
}
.db-backend .listing-manager #sorting-advanced{min-width:860px}
}
@media(max-width:650px){
.db-backend .user-category-form-page form[name="addcateg"]{
padding-bottom:calc(24px + env(safe-area-inset-bottom));
}
.db-backend .user-category-form-page form[name="addcateg"] fieldset.fieldset.fields-list{
margin-bottom:24px;
}
.db-backend .user-category-form-page form[name="addcateg"] textarea{
height:132px!important;
}
}
@media(max-width:650px){
.page-limit {
width: 100%;
}
.db-completion .check {
font-size: 12px;
}
.hide-on-mobile {
display: none!important;
}
.db-backend .db-sidebar{
z-index:60;
width:260px;
transform:translateX(-100%);
transition:transform .28s cubic-bezier(.22,.61,.36,1);
box-shadow:10px 0 28px rgba(28,42,60,.16);
}
.db-backend.db-menu-open .db-sidebar{transform:translateX(0)}
.db-backend .db-sidebar .db-logo{padding:0 20px}
.db-backend .db-sidebar .db-logo b,
.db-backend .db-sidebar .db-nav span,
.db-backend .db-sidebar .db-logout span{display:inline}
.db-backend .db-sidebar .db-nav{
flex:1;
padding:14px 10px;
overflow-y:auto;
}
.db-backend .db-sidebar .db-nav a{padding:0 15px}
.db-backend .db-sidebar-close{
position:absolute;
z-index:2;
top:20px;
right:13px;
width:36px;
height:36px;
display:grid;
place-items:center;
padding:0;
border:0;
border-radius:8px;
background:#f4f1fa;
color:#69449a;
cursor:pointer;
}
.db-backend .db-sidebar-overlay{
position:fixed;
z-index:55;
inset:0;
display:block;
padding:0;
border:0;
background:rgba(24,32,43,.35);
opacity:0;
visibility:hidden;
transition:opacity .28s ease,visibility 0s linear .28s;
}
.db-backend.db-menu-open .db-sidebar-overlay{
opacity:1;
visibility:visible;
transition-delay:0s;
}
.db-backend .db-menu-toggle{
width:42px;
height:42px;
flex:0 0 42px;
display:grid;
place-items:center;
padding:0;
border:1px solid #e1e6ed;
border-radius:8px;
background:#fff;
color:#566273;
cursor:pointer;
}
.db-backend .db-topbar{
left:0;
transition:transform .28s cubic-bezier(.22,.61,.36,1);
}
.db-backend .db-topbar>form{min-width:0;flex:1}
.db-backend .db-topbar>form .responsive-table-on,
.db-backend .db-topbar>form .db-search{width:100%}
.db-backend .db-main{
margin-left:0;
transition:transform .28s cubic-bezier(.22,.61,.36,1);
}
.db-backend.db-menu-open .db-topbar,
.db-backend.db-menu-open .db-main{transform:translateX(260px)}
.db-backend.db-datepicker-open:before{
content:'';
position:fixed;
z-index:10040;
inset:0;
background:rgba(24,32,43,.48);
backdrop-filter:blur(2px);
}
.db-backend .gldp-default{
position:fixed!important;
top:50%!important;
left:50%!important;
width:calc(100vw - 32px)!important;
max-width:280px!important;
max-height:calc(100vh - 32px);
transform:translate(-50%,-50%);
}
.db-backend .gldp-default .core{
width:14.285714%!important;
}
.db-backend .gldp-default .monyear.title{
width:71.428572%!important;
}
.db-backend .db-page-grid>.db-right{display:contents}
.db-backend .db-page-grid>.db-right>.db-profile{order:-1;margin-bottom:0}
.db-backend .db-page-grid>.db-center{order:0}
.db-backend .db-page-grid>.db-right>.db-quick{order:-1;margin-top:0;padding:0 14px}
.db-backend .db-quick h2{height:52px;border-bottom:0}
.db-backend .db-quick-toggle i{display:block;transition:transform .2s ease}
.db-backend .db-quick-menu{display:none;border-top:1px solid #e8ecf1}
.db-backend .db-quick.is-open .db-quick-menu{display:block}
.db-backend .db-quick.is-open .db-quick-toggle i{transform:rotate(180deg)}
.db-account {
padding-left: 10px;
border-left: 0;
}
.table-header
{
display: flex;
flex-direction: column;
gap: 10px;
}
.db-backend{overflow-x:hidden}
.db-backend .listing-manager .listing-table-scroll{
max-width:100%;
overflow:visible;
}
.db-backend .listing-manager #sorting-advanced{
display:block!important;
width:100%!important;
min-width:0!important;
table-layout:auto!important;
background:transparent!important;
margin-top: 10px !important;
}
.db-backend .listing-manager #sorting-advanced thead,
.db-backend .listing-manager #sorting-advanced tbody{display:block!important;width:100%!important}
.db-backend .listing-manager #sorting-advanced thead tr{
display:block!important;
width:100%!important;
background:#f8fafc!important;
}
.db-backend .listing-manager #sorting-advanced thead tr>th{display:none!important}
.db-backend .listing-manager #sorting-advanced thead tr>.mobile-select-all{
display:flex!important;
align-items:center;
gap:9px;
width:100%!important;
height:auto!important;
padding:11px 13px!important;
text-align:left!important;
}
.db-backend .listing-manager #sorting-advanced thead th {
border: 1px solid #dfe5eb !important;
}
.db-backend .listing-manager #sorting-advanced .mobile-select-all>span{
display:inline!important;
color:#536071;
font-size:13px;
font-weight:700;
}
.db-backend .listing-manager #sorting-advanced .table-header{
display:block!important;
width:100%!important;
min-height:0;
padding:10px!important;
}
.db-backend .listing-manager #sorting-advanced .table-header>div{
align-items:stretch;
flex-wrap:wrap;
}
.db-backend .listing-manager #sorting-advanced .table-header .action-select{
display:flex!important;
width:100%;
gap:8px;
}
.db-backend .listing-manager #sorting-advanced tbody tr{
display:block!important;
position:relative;
width:100%!important;
height:auto!important;
margin:12px 0!important;
overflow:visible;
border:1px solid #e1e6ed!important;
border-radius:9px;
background:#fff!important;
box-shadow:0 3px 10px rgba(28,42,60,.05);
}
.db-backend .listing-manager #sorting-advanced tbody td,
.db-backend .listing-manager #sorting-advanced tbody th {
display:grid!important;
grid-template-columns:92px minmax(0,1fr);
align-items:center;
width:100%!important;
min-width:0!important;
height:auto!important;
padding:10px 12px!important;
border-right:0!important;
border-bottom:1px solid #e8edf2!important;
text-align:left!important;
overflow:visible!important;
}
.db-backend .listing-manager #sorting-advanced tbody th {
border-bottom: 0!important;
}
.db-backend .listing-manager #sorting-advanced tbody td:last-child{border-bottom:0!important}
.db-backend .listing-manager #sorting-advanced tbody td:before,
.db-backend .listing-manager #sorting-advanced tbody th:before{
content:attr(data-label);
padding-right:10px;
color:#7a8696;
font-weight:700;
}
.db-backend .listing-manager #sorting-advanced .checkbox-cell{
position:absolute;
z-index:2;
top:10px;
right:12px;
display:flex!important;
align-items:center;
justify-content:center;
width:28px!important;
height:28px!important;
padding:0!important;
border:0!important;
background:transparent!important;
}
.db-backend .listing-manager #sorting-advanced .checkbox-cell:before{display:none}
.db-backend .listing-manager #sorting-advanced td.gallery{
grid-template-columns:78px minmax(0,1fr);
grid-template-rows:minmax(62px,auto);
align-items:center;
min-width:0!important;
justify-content:stretch;
padding-right:50px!important;
}
.db-backend .listing-manager #sorting-advanced td.gallery:before{
display:none;
}
.db-backend .listing-manager #sorting-advanced td.gallery>div{
width:100%;
}
.db-backend .listing-manager #sorting-advanced td.gallery>div:first-of-type{
grid-column:2;
grid-row:1;
align-self:center;
text-align:left;
}
.db-backend .listing-manager #sorting-advanced td.gallery>.picture-item{
grid-column:1;
grid-row:1;
margin:0;
justify-self:start;
}
.db-backend .listing-manager #sorting-advanced td.gallery>div,
.db-backend .listing-manager #sorting-advanced .browse_desc>p,
.db-backend .listing-manager #sorting-advanced .browse_desc>div{
min-width:0;
}
.db-backend .listing-manager #sorting-advanced tbody input[type=text],
.db-backend .listing-manager #sorting-advanced tbody select,
.db-backend .listing-manager #sorting-advanced tbody .select,
.db-backend .listing-manager #sorting-advanced tbody .input{
width:100%!important;
max-width:100%!important;
}
.db-backend .listing-manager #sorting-advanced .tool-manage-ads{
grid-template-columns:92px minmax(0,1fr);
text-align:left;
}
.db-backend .listing-manager #sorting-advanced .tool-manage-ads>.manage-primary,
.db-backend .listing-manager #sorting-advanced .tool-manage-ads>.manage-dropdown{
grid-column:2;
width:100%;
}
.db-backend .listing-manager #sorting-advanced .manage-dropdown-menu{
position:static;
width:100%;
margin-top:6px;
box-shadow:none;
}
.db-backend .listing-manager .dataTables_footer{align-items:flex-start;flex-direction:column}
.db-backend .listing-manager .dataTables_footer .dataTables_paginate{margin-left:0!important;flex-wrap:wrap}
}
/* Listing group modal buttons */
.listing-group-modal>.modal-actions{
position:absolute!important;
z-index:100!important;
top:10px!important;
right:10px!important;
left:auto!important;
width:34px!important;
height:34px!important;
margin:0!important;
float:none!important;
}
.listing-group-modal>.modal-actions>li{
width:34px!important;
height:34px!important;
margin:0!important;
float:none!important;
border-radius:7px!important;
background:transparent!important;
}
.listing-group-modal>.modal-actions>li>a{
width:34px!important;
height:34px!important;
display:block!important;
border-radius:7px!important;
background-color:#f5f7f9!important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23667284' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")!important;
background-position:center!important;
background-repeat:no-repeat!important;
background-size:18px 18px!important;
text-indent:-9999px!important;
opacity:1!important;
filter:none!important;
transition:background-color .15s ease!important;
}
.listing-group-modal>.modal-actions>li>a:hover{
background-color:#fff0ef!important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23e3483f' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")!important;
}
.listing-group-modal .modal-content,
.listing-group-modal .modal-scroll{
height:auto!important;
max-height:none!important;
overflow:visible!important;
}
.listing-group-modal .selectMultiple{
display:block!important;
width:100%!important;
height:320px!important;
max-height:320px!important;
overflow:hidden!important;
border:1px solid #dce3ea!important;
border-radius:8px!important;
background:#fff!important;
box-shadow:none!important;
}
.listing-group-modal .selectMultiple>.drop-down{
display:block!important;
width:100%!important;
height:320px!important;
max-height:320px!important;
overflow-y:auto!important;
overflow-x:hidden!important;
border:0!important;
border-radius:8px!important;
background:#fff!important;
box-shadow:none!important;
}
.listing-group-modal .selectMultiple>.drop-down>span,
.listing-group-modal .selectMultiple>.drop-down>a{
min-height:36px;
box-sizing:border-box;
}
.listing-group-modal .custom-vscrollbar{
right:3px!important;
width:8px!important;
}
.listing-group-modal .modal-buttons{
display:flex!important;
align-items:center;
justify-content:center;
gap:10px;
margin:18px -20px -20px!important;
padding:16px 20px 20px!important;
border-top:1px solid #e8ecf1;
background:#f8fafc!important;
text-align:center!important;
}
.listing-group-modal .modal-buttons .button{
min-width:112px;
height:40px;
display:inline-flex!important;
align-items:center;
justify-content:center;
gap:8px;
margin:0!important;
padding:0 18px!important;
border:1px solid #d9e0e7!important;
border-radius:7px!important;
background:#fff!important;
color:#536071!important;
font:600 13px Tahoma,Arial,sans-serif!important;
box-shadow:none!important;
text-shadow:none!important;
}
.listing-group-modal .modal-buttons .button:before{
content:'';
width:17px;
height:17px;
flex:0 0 17px;
background-position:center;
background-repeat:no-repeat;
background-size:17px 17px;
}
.listing-group-modal .modal-buttons .button:first-child:before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23667284' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");
}
.listing-group-modal .modal-buttons .button:last-child{
border-color:#f47b0b!important;
background:#f47b0b!important;
color:#fff!important;
}
.listing-group-modal .modal-buttons .button:last-child:before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E");
}
.listing-group-modal .modal-buttons .button:first-child:hover{
border-color:#bfc8d2!important;
background:#f2f5f7!important;
}
.listing-group-modal .modal-buttons .button:last-child:hover{
border-color:#df6e04!important;
background:#df6e04!important;
}
/* Product create/edit form */
.db-backend .product-form-page{
width:100%;
min-width:0;
color:#344154;
}
.db-backend .product-form-page>#main-title{display:none}
.db-backend .product-form-page>.with-padding,
.db-backend .product-form-page #form_content{
width:100%!important;
margin:0!important;
padding:0!important;
position: relative;
z-index: 0;
}
.db-backend .product-form-page #form_content.newpost{display:block}
.db-backend .product-form-page form[name="newpost"],
.db-backend .product-form-page form[name="newad"]{
display:block;
width:100%;
margin:0;
}
.db-backend .product-form-page .six-columns,
.db-backend .product-form-page .twelve-columns-mobile.float-left{
float:none!important;
width:100%!important;
margin:0!important;
}
.db-backend .product-form-page .block,
.db-backend .product-form-page fieldset.fieldset,
.db-backend .product-form-page fieldset:not(.cke_dialog_contents){
min-width:0;
margin:0 0 16px!important;
padding:0;
overflow:visible;
border:1px solid #e1e6ed!important;
border-radius:10px!important;
background:#fff!important;
box-shadow:0 4px 13px rgba(28,42,60,.05)!important;
}
.db-backend .product-form-page .block-title,
.db-backend .product-form-page fieldset>legend{
width:auto;
min-height:54px;
margin:0!important;
padding:0 20px!important;
display:flex;
align-items:center;
border:0!important;
border-bottom:1px solid #e8ecf1!important;
border-radius:10px 10px 0 0!important;
background:#fff!important;
color:#253143!important;
font-size:16px!important;
font-weight:700!important;
line-height:1.35!important;
text-shadow:none!important;
box-shadow:none!important;
}
.db-backend .product-form-page .block-title>span{color:#f47b0b!important}
.db-backend .product-form-page .block>.with-padding,
.db-backend .product-form-page fieldset>.with-padding{
padding:18px 20px!important;
}
.db-backend .product-form-page fieldset:not(.cke_dialog_contents){padding:18px 20px 20px}
.db-backend .product-form-page fieldset:not(.cke_dialog_contents)>legend{
margin:-18px -20px 16px!important;
}
.db-backend .product-form-page p.block-label,
.db-backend .product-form-page p.inline-label,
.db-backend .product-form-page div.block-label{
display:grid!important;
grid-template-columns:170px minmax(0,1fr);
align-items:center;
gap:10px 16px;
width:100%;
min-height:0!important;
margin:0!important;
padding:10px 0!important;
border-bottom:1px solid #f0f2f5;
line-height:1.45!important;
}
.db-backend .product-form-page p.block-label:last-child,
.db-backend .product-form-page p.inline-label:last-child{border-bottom:0}
.db-backend .product-form-page p.block-label>label,
.db-backend .product-form-page p.inline-label>label,
.db-backend .product-form-page div.block-label>label,
.db-backend .product-form-page .label{
float:none!important;
width:auto!important;
margin:0!important;
padding:0!important;
color:#536071!important;
font-weight:700!important;
line-height:1.45!important;
text-align:left!important;
}
.input.file > .button.compact {
border-left: 1px solid #e2e7ed !important;
border-radius: 6px !important;
background: #f8fafc !important;
height: 34px;
line-height: 34px;
padding: 0 6px;
overflow: hidden;
top: 2px;
right: 2px;
}
.db-backend .product-form-page label small{display:block;margin-top:3px;color:#929cab;font-weight:400}
.db-backend .product-form-page input[type="text"],
.db-backend .product-form-page input[type="email"],
.db-backend .product-form-page input[type="url"],
.db-backend .product-form-page input[type="number"],
.db-backend .product-form-page select,
.db-backend .product-form-page textarea {
width:100%!important;
max-width:100%!important;
min-height:42px!important;
margin:0!important;
padding:9px 12px!important;
border:1px solid #dce3ea!important;
border-radius:7px!important;
background:#fff!important;
color:#344154!important;
font:13px Tahoma,Arial,sans-serif!important;
box-shadow:none!important;
text-shadow:none!important;
}
.db-backend .product-form-page textarea{min-height:120px!important;resize:vertical}
.db-backend .product-form-page input:focus,
.db-backend .product-form-page select:focus,
.db-backend .product-form-page textarea:focus{
border-color:#f7a14f!important;
outline:0!important;
box-shadow:0 0 0 3px rgba(244,123,11,.12)!important;
}
.db-backend .product-form-page .select.replacement{
width:100%!important;
max-width:100%!important;
min-height:36px!important;
border-radius:7px!important;
background:#fff!important;
box-shadow:none!important;
}
.db-backend .product-form-page .select.replacement>.select-value{
height:40px!important;
padding:0 42px 0 12px!important;
line-height:40px!important;
color:#344154!important;
}
.db-backend .product-form-page .select.replacement>.select-arrow{height:40px!important;background:#f8fafc!important}
.db-backend .product-form-page #edit_tools{
position:sticky!important;
z-index:40;
top:76px;
width:100%;
margin:0 0 16px!important;
padding:12px 14px!important;
display:flex;
align-items:center;
gap:9px;
border:1px solid #e1e6ed;
border-radius:10px;
background:rgba(255,255,255,.96);
box-shadow:0 6px 18px rgba(28,42,60,.08);
backdrop-filter:blur(8px);
}
.db-backend .product-form-page #edit_tools .clear{display:none}
.mailbox-folders a.button {
margin: 10px 10px 0 !important;
}
.icon-trash.action_msg svg {
width: 15px;
height: 15px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.mailbox-folders > a.button,
.db-backend .mailbox-content .panel-control button.icon-trash,
.db-backend .product-form-page #edit_tools .button,
.db-backend .product-form-page #upload_photo{
display: flex;
min-height:40px!important;
margin:0!important;
padding:0 16px!important;
align-items:center;
justify-content:center;
gap:7px;
border:1px solid #dce3ea!important;
border-radius:7px!important;
background:#fff!important;
color:#536071!important;
font-weight:700!important;
box-shadow:none!important;
text-shadow:none!important;
}
.db-backend .product-form-page #edit_tools #save_and_continue,
.db-backend .product-form-page #edit_tools #save_and_close,
.db-backend .product-form-page #upload_photo{
border-color:#f47b0b!important;
background:#f47b0b!important;
color:#fff!important;
}
.db-backend .product-form-page .standard-tabs{
height:auto!important;
margin:8px 0 14px!important;
border:1px solid #e3e8ee;
border-radius:8px;
background:#fff;
}
.db-backend .product-form-page .standard-tabs>.tabs{margin:0!important;padding:6px 8px!important;background:#f8fafc!important}
.db-backend .product-form-page .standard-tabs>.tabs-content{min-height:0!important;padding:14px!important}
.db-backend .product-form-page form#newpost .tabs-back{display:none!important}
.db-backend .product-form-page .cke{
width:100%!important;
max-width:100%!important;
overflow:hidden;
border:1px solid #dce3ea!important;
border-radius:8px!important;
box-shadow:none!important;
}
.db-backend .product-form-page .cke_top,
.db-backend .product-form-page .cke_bottom{border-color:#e6eaf0!important;background:#f8fafc!important}
.db-backend .product-form-page input[type="file"] {
padding: 10px !important;
border-color: #edc49e;
background: #fffaf5;
height: 38px;
}
.db-backend .product-form-page .manage_photo .gallery{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(120px,1fr));
gap:12px;
margin:0!important;
padding:0!important;
}
.db-backend .product-form-page .manage_photo .gallery>li{width:auto!important;margin:0!important;list-style:none}
.db-backend .product-form-page fieldset table{width:100%!important;border-collapse:separate;border-spacing:8px}
.db-backend .product-form-page fieldset table td{padding:8px!important;border:1px solid #edf0f3;border-radius:6px;background:#fafbfc}
.db-backend .product-form-page [id^="gm_"]{
width:100%!important;
max-width:100%!important;
height:420px!important;
margin-top:12px;
overflow:hidden;
border:1px solid #dce3ea!important;
border-radius:8px;
}
.db-backend .product-form-page .status-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.db-backend .product-form-page .status-switch>p{
min-height:48px!important;
margin:0!important;
padding:8px 12px!important;
display:flex;
align-items:center;
justify-content:space-between;
border:1px solid #e8ecf1;
border-radius:7px;
background:#fafbfc;
}
.db-backend .product-form-page .status-switch .switch{float:none!important;order:2;margin:0!important}
.db-backend .product-form-page .info-spot {
margin-left: 0;
}
.db-backend .product-form-page .message{border-radius:8px!important;box-shadow:none!important}
@media(max-width:650px){
.db-backend .product-form-page .block>.with-padding,
.db-backend .product-form-page fieldset>.with-padding{padding:14px!important}
.db-backend .product-form-page fieldset:not(.cke_dialog_contents){padding:14px}
.db-backend .product-form-page fieldset:not(.cke_dialog_contents)>legend{margin:-14px -14px 12px!important}
.db-backend .product-form-page p.block-label,
.db-backend .product-form-page p.inline-label,
.db-backend .product-form-page div.block-label{grid-template-columns:1fr;gap:7px;padding:10px 0!important}
.db-backend .product-form-page #edit_tools{top:76px;flex-wrap:wrap;padding:10px!important}
.db-backend .product-form-page #edit_tools .button{flex:1;min-width:120px}
.db-backend .product-form-page .status-switch{grid-template-columns:1fr}
.db-backend .product-form-page fieldset table,
.db-backend .product-form-page fieldset tbody,
.db-backend .product-form-page fieldset tr,
.db-backend .product-form-page fieldset td{display:block;width:100%!important}
.db-backend .product-form-page [id^="gm_"]{height:300px!important}
}
/* Product form spacing and control alignment refinements */
.db-backend .product-form-page p.block-label,
.db-backend .product-form-page p.inline-label,
.db-backend .product-form-page div.block-label{
grid-template-columns:1fr;
gap:7px;
margin:0 0 6px!important;
padding:8px 0!important;
border-bottom:0;
}
.db-backend .product-form-page p.inline-label+ p.inline-label,
.db-backend .product-form-page p.block-label+ p.block-label{
margin-top:2px!important;
}
.db-backend .product-form-page p.inline-label,
.db-backend .product-form-page p.block-label{
color:#7a8696;
}
.db-backend .product-form-page p.inline-label>label,
.db-backend .product-form-page p.block-label>label,
.db-backend .product-form-page div.block-label>label{
margin-bottom:10px!important;
color:#465365!important;
}
.db-backend .product-form-page .wrapped.align-center,
.db-backend .product-form-page .wrapped.button-height{
width:100%;
min-height:0!important;
margin:0!important;
text-align:left!important;
}
.db-backend .product-form-page .wrapped.align-center>.select,
.db-backend .product-form-page .wrapped.align-center>select{
width:100%!important;
max-width:420px!important;
}
.db-backend .product-form-page .number.input {
max-width: 100% !important;
min-height: 36px !important;
display: flex !important;
align-items: stretch;
overflow: hidden;
border: 1px solid #dce3ea !important;
border-radius: 7px !important;
background: #fff !important;
box-shadow: none !important;
box-sizing: content-box;
max-height: 36px;
}
.db-backend .product-form-page .number.input>input {
min-width: 0 !important;
flex: 1;
padding: 0px 10px !important;
border: 0 !important;
box-shadow: none !important;
}
.db-backend .product-form-page .number.input>.button {
width: 38px !important;
min-width: 38px !important;
min-height: 36px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: #f8fafc !important;
color: #596677 !important;
box-shadow: none !important;
position: relative;
}
.db-backend .product-form-page .number.input>.button.number-down {
left: 0;
}
.db-backend .product-form-page fieldset:not(.cke_dialog_contents)>legend{
box-sizing:content-box;
width:100%!important;
min-height:52px;
margin:-18px -20px 16px!important;
padding:0 20px!important;
}
.db-backend .product-form-page fieldset .input>.buttons{
display:flex;
align-items:center;
gap:8px;
width:100%;
}
.db-backend .product-form-page fieldset .input>.buttons>span:first-child{
display:flex;
align-items:center;
gap:8px;
min-width:0;
flex:1;
}
.db-backend .product-form-page fieldset .input>.buttons input{min-width:0;flex:1}
.db-backend .product-form-page fieldset .input>.buttons .button{
min-height:36px!important;
padding:0 14px!important;
border:1px solid #f47b0b!important;
border-radius:7px!important;
background:#fff!important;
color:#f47b0b!important;
box-shadow:none!important;
}
.db-backend .product-form-page .status-switch>p{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:12px;
min-height:54px!important;
}
.db-backend .product-form-page .status-switch .status-label{
grid-column:1;
color:#465365;
font-size:13px;
font-weight:700;
}
.db-backend .product-form-page .status-switch .switch{
grid-column:2;
float:none!important;
width:82px!important;
height:30px!important;
margin:0!important;
border:0!important;
border-radius:16px!important;
background:#eef1f4!important;
box-shadow:none!important;
overflow:hidden;
}
.db-backend .product-form-page .status-switch .switch>.switch-on,
.db-backend .product-form-page .status-switch .switch>.switch-off{
top:0!important;
bottom:0!important;
line-height:30px!important;
border:0!important;
border-radius:16px!important;
font-size:10px!important;
text-shadow:none!important;
box-shadow:none!important;
}
.db-backend .product-form-page .status-switch .switch>.switch-on{
left:0!important;
right:0!important;
background:#e8f8eb!important;
color:#269b37!important;
}
.db-backend .product-form-page .status-switch .switch>.switch-off{
left:27px!important;
right:0!important;
background:#eef1f4!important;
color:#7e8998!important;
}
.db-backend .product-form-page .status-switch .switch>.switch-button{
width:26px!important;
height:26px!important;
top:2px!important;
left:2px!important;
border:0!important;
border-radius:50%!important;
background:#fff!important;
box-shadow:0 1px 4px rgba(31,43,58,.22)!important;
transition:left .2s ease!important;
}
.db-backend .product-form-page .status-switch .switch.checked>.switch-button{left:54px!important}
.db-backend .product-form-page .status-switch .switch.checked>.switch-off{display:none!important}
.db-backend .product-form-page .status-switch .switch>.switch-on>span,
.db-backend .product-form-page .status-switch .switch>.switch-off>span{
width:55px!important;
margin:0!important;
padding:0 7px!important;
box-sizing:border-box;
}
@media(max-width:650px){
.db-backend .product-form-page fieldset:not(.cke_dialog_contents)>legend{
margin:-14px -14px 12px!important;
padding:0 14px!important;
}
.db-backend .product-form-page .wrapped.align-center>.select,
.db-backend .product-form-page .wrapped.align-center>select{max-width:100%!important}
.db-backend .product-form-page fieldset .input>.buttons,
.db-backend .product-form-page fieldset .input>.buttons>span:first-child{
align-items:stretch;
flex-direction:column;
}
}
/* Product form composition based on the new dashboard form reference */
.db-backend .db-main:has(.product-form-page)>h1{display:none}
.db-backend .product-form-page .product-form-intro{
margin:0 0 18px;
padding:0 2px;
}
.db-backend .product-form-page .product-form-intro h2{
margin:0 0 5px;
color:#202936;
font-size:24px;
font-weight:700;
line-height:1.35;
}
.db-backend .product-form-page .product-form-intro p{
margin:0;
color:#7e8998;
font-size:13px;
}
.db-backend .product-form-page .package-required-state{
display:flex;
align-items:center;
gap:20px;
min-height:180px;
padding:28px 32px;
border:1px solid #fed7aa;
border-radius:14px;
background:linear-gradient(115deg,#fffaf5 0%,#fff 56%,#fff4e8 100%);
box-shadow:0 8px 24px rgba(244,123,11,.08);
}
.db-backend .product-form-page .package-required-icon{
display:grid;
flex:0 0 58px;
width:58px;
height:58px;
place-items:center;
border-radius:17px;
background:#f47b0b;
box-shadow:0 8px 18px rgba(244,123,11,.24);
}
.db-backend .product-form-page .package-required-icon svg,
.db-backend .product-form-page .package-required-action svg{
width:25px;
height:25px;
fill:none;
stroke:currentColor;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round;
}
.db-backend .product-form-page .package-required-icon svg{color:#fff}
.db-backend .product-form-page .package-required-copy{min-width:0;flex:1}
.db-backend .product-form-page .package-required-copy span{
display:block;
margin-bottom:5px;
color:#d86507;
font-size:13px;
font-weight:700;
}
.db-backend .product-form-page .package-required-copy h2{
margin:0 0 6px;
color:#202936;
font-size:22px;
line-height:1.35;
}
.db-backend .product-form-page .package-required-copy p{
margin:0;
color:#68778a;
font-size:14px;
line-height:1.65;
}
.db-backend .product-form-page .package-required-action{
display:inline-flex;
flex:0 0 auto;
align-items:center;
justify-content:center;
gap:8px;
min-height:44px;
padding:0 18px;
border-radius:8px;
background:#f47b0b;
color:#fff!important;
box-shadow:0 7px 16px rgba(244,123,11,.2);
font-size:14px;
font-weight:700;
text-decoration:none;
}
.db-backend .product-form-page .package-required-action:hover{background:#de6904;color:#fff!important}
.db-backend .product-form-page .package-action-state.is-expired{border-color:#f5d5d5;background:linear-gradient(115deg,#fffafa 0%,#fff 56%,#fff3f1 100%)}
.db-backend .product-form-page .package-action-state.is-expired .package-required-icon,
.db-backend .product-form-page .package-action-state.is-expired .package-required-action{background:#dc5c4f;box-shadow:0 7px 16px rgba(220,92,79,.2)}
.db-backend .product-form-page .package-action-state.is-expired .package-required-copy span{color:#c54e43}
.db-backend .product-form-page .package-action-state.is-pending{border-color:#f6dfac;background:linear-gradient(115deg,#fffdf7 0%,#fff 56%,#fff8e8 100%)}
.db-backend .product-form-page .package-action-state.is-pending .package-required-icon,
.db-backend .product-form-page .package-action-state.is-pending .package-required-action{background:#c88714;box-shadow:0 7px 16px rgba(200,135,20,.2)}
.db-backend .product-form-page .package-action-state.is-pending .package-required-copy span{color:#aa7009}
.db-backend .product-form-page .package-action-state.is-limit .package-required-icon,
.db-backend .product-form-page .package-action-state.is-limit .package-required-action{background:#e97308}
.db-backend .product-form-page form[name="newpost"],
.db-backend .product-form-page form[name="newad"]{counter-reset:product-form-section}
.db-backend .product-form-page .block{
margin-bottom:18px!important;
border-radius:12px!important;
}
.db-backend .product-form-page .block-title{
min-height:60px;
padding:0 20px!important;
font-size:15px!important;
}
.db-backend .product-form-page .twelve-columns-mobile.float-left>.block>.block-title:before,
.db-backend .product-form-page .six-columns>.block>.block-title:before{
counter-increment:product-form-section;
content:counter(product-form-section);
width:25px;
height:25px;
flex:0 0 25px;
margin-right:10px;
display:grid;
place-items:center;
border-radius:50%;
background:#f47b0b;
color:#fff;
font-size:12px;
font-weight:700;
box-shadow:0 4px 10px rgba(244,123,11,.24);
}
.db-backend .product-form-page .block-title [class^="icon-"],
.db-backend .product-form-page .block-title [class*=" icon-"]{display:none!important}
.db-backend .product-form-page .block>.with-padding{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:start;
gap:14px 16px;
padding:20px!important;
}
.db-backend .product-form-page .block>.with-padding>p,
.db-backend .product-form-page .block>.with-padding>div.block-label{
min-width:0;
margin:0!important;
}
.db-backend .product-form-page .block>.with-padding>.standard-tabs,
.db-backend .product-form-page .block>.with-padding>fieldset,
.db-backend .product-form-page .block>.with-padding>.status-switch,
.db-backend .product-form-page .block>.with-padding>.gallery,
.db-backend .product-form-page .block>.with-padding>script,
.db-backend .product-form-page .block>.with-padding>br,
.db-backend .product-form-page .block>.with-padding>p:has(textarea),
.db-backend .product-form-page .block>.with-padding>div:has(.cke){grid-column:1/-1}
.db-backend .product-form-page .block>.with-padding>script,
.db-backend .product-form-page .block>.with-padding>br{display:none}
.db-backend .product-form-page .block>.with-padding>p:has(input[type="file"]){grid-column:1/-1}
.db-backend .product-form-page .manage_photo>.with-padding{
display:block;
padding:20px!important;
}
.db-backend .product-form-page .manage_photo>.with-padding:first-of-type{
margin:20px!important;
padding:28px 20px!important;
border:1px dashed #f2b77f;
border-radius:10px;
background:#fffaf5;
text-align:center;
}
.db-backend .product-form-page .manage_photo>.with-padding:first-of-type p{text-align:center!important}
.db-backend .product-form-page #upload_photo{
min-width:150px;
background:#fff!important;
color:#f47b0b!important;
}
.db-backend .product-form-page #upload_photo:hover{background:#fff3e7!important}
.db-backend .product-form-page .block>.with-padding .standard-tabs{
width:100%;
margin:0!important;
}
.db-backend .product-form-page .block>.with-padding .standard-tabs+div,
.db-backend .product-form-page .block>.with-padding .standard-tabs~p{grid-column:1/-1}
.db-backend .product-form-page .cke_top{padding:10px!important}
.db-backend .product-form-page .cke_contents{min-height:250px!important}
.db-backend .product-form-page .cke_wysiwyg_frame,
.db-backend .product-form-page .cke_wysiwyg_div{min-height:250px!important}
.db-backend .product-form-page fieldset:not(.cke_dialog_contents){
grid-column:1/-1;
margin:0 0 18px!important;
border-radius:12px!important;
}
.db-backend .product-form-page fieldset:not(.cke_dialog_contents)>legend{
min-height:58px;
color:#253143!important;
}
.db-backend .product-form-page fieldset:not(.cke_dialog_contents)>legend:before{
content:'';
width:8px;
height:8px;
flex:0 0 8px;
margin-right:9px;
border-radius:50%;
background:#f47b0b;
box-shadow:0 0 0 4px #fff1e4;
}
.db-backend .product-form-page input[type="text"],
.db-backend .product-form-page input[type="email"],
.db-backend .product-form-page input[type="url"],
.db-backend .product-form-page select,
.db-backend .product-form-page textarea,
.db-backend .product-form-page .input:not(.number){
min-height:36px!important;
border-color:#d9e1e9!important;
border-radius:8px!important;
background:#fff!important;
}
.db-backend .product-form-page textarea{padding:12px 14px!important}
.db-backend .product-form-page .select.replacement{min-height:36px!important;border-radius:8px!important}
.db-backend .product-form-page .select.replacement>.select-value {
height: 38px !important;
line-height: 38px !important;
}
.db-backend .product-form-page .select.replacement>.select-arrow {
height: 38px !important;
border-radius: 0 6px 6px 0 !important;
width: 31px;
}
.db-backend .product-form-page input[type="file"]{
padding:10px!important;
border-color:#edc49e;
background:#fffaf5;
}
.db-backend .product-form-page .status-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.db-backend .product-form-page .status-switch>p{
min-height:58px!important;
padding:10px 14px!important;
border-color:#e4e9ef;
border-radius:9px;
background:#fff;
}
.db-backend .product-form-page .status-switch .switch.checked>.switch-on{background:#fff0e3!important;color:#e96f00!important}
.db-backend .product-form-page .status-switch .switch.checked>.switch-button{box-shadow:0 1px 5px rgba(244,123,11,.28)!important}
.db-backend .product-form-page #edit_tools{
justify-content:flex-end;
min-height:66px;
padding:12px 16px!important;
}
.db-backend .product-form-page #edit_tools #save_and_continue, .db-backend .product-form-page #edit_tools #save_and_close {
background: linear-gradient(135deg, #f7933f 0%, #ef741c 55%, #dc5d0d 100%)!important;
border: 0 !important;
box-shadow: 1px 1px 4px #ccc !important;
}
.db-backend .product-form-page #edit_tools .button-icon{
margin:0!important;
background:transparent!important;
box-shadow:none!important;
}
.db-backend .product-form-page [id^="gm_"]{height:430px!important}
@media(max-width:900px){
.db-backend .product-form-page .block>.with-padding{grid-template-columns:1fr}
.db-backend .product-form-page .block>.with-padding>*{grid-column:1!important}
}
@media(max-width:650px){
.db-backend .product-form-page .product-form-intro h2{font-size:20px}
.db-backend .product-form-page .package-required-state{align-items:flex-start;flex-wrap:wrap;gap:14px;padding:22px}
.db-backend .product-form-page .package-required-copy{flex-basis:calc(100% - 72px)}
.db-backend .product-form-page .package-required-copy h2{font-size:19px}
.db-backend .product-form-page .package-required-action{width:100%}
.db-backend .product-form-page .block-title{min-height:56px;padding:0 14px!important}
.db-backend .product-form-page .block>.with-padding{gap:10px;padding:14px!important}
.db-backend .product-form-page .manage_photo>.with-padding:first-of-type{margin:14px!important;padding:22px 14px!important}
.db-backend .product-form-page #edit_tools{justify-content:stretch}
.db-backend .product-form-page #edit_tools .button{width:100%;flex:1 1 100%}
.db-backend .product-form-page .status-switch{grid-template-columns:1fr}
.db-backend .product-form-page [id^="gm_"]{height:280px!important}
}
/* Edit product primary details */
.db-backend .product-form-page #edit_tools {
padding: 0 20px !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
.db-backend .product-form-page #edit_tools .button, ..mailbox-folders > a.button {
padding: 0 10px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
border: 1px solid #d9e0e8 !important;
border-radius: 6px !important;
font-size: 14px !important;
}
.db-backend .product-form-page #edit_tools .button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.db-backend .product-form-page #edit_tools .action-save{border-color:#f47b0b!important;background:linear-gradient(135deg,#ff8c19,#f46f00)!important;color:#fff!important;box-shadow:0 7px 17px rgba(244,123,11,.22)!important}
.db-backend .product-form-page #edit_tools .action-save-close{border-color:#ffc89b!important;background:#fff7ef!important}
.db-backend .product-form-page #edit_tools .action-cancel{background:#fff!important}
.db-backend .product-form-page #edit_tools .action-copy{border-color:#ead8c8!important;background:#fff8f1!important}
.db-backend .product-form-page #edit_tools .action-preview{border-color:#ffd4ad!important;background:#fffaf5!important;color:#e96700!important;text-decoration:none!important}
.db-backend .product-form-page #edit_tools .action-preview:hover{border-color:#f47b0b!important;background:#fff3e7!important;color:#d85f00!important}
.db-backend .product-form-page .product-basic-block>.block-title{min-height:76px!important;padding:0 28px!important;font-size:18px!important}
.db-backend .product-form-page .product-basic-block>.block-title:before{width:44px!important;height:44px!important;flex-basis:44px!important;margin-right:14px!important;font-size:18px!important}
.db-backend .product-form-page .product-basic-block>.with-padding{display:block!important;padding:30px!important}
.db-backend .product-form-page .product-basic-block>.with-padding>.block-label,
.db-backend .product-form-page .product-basic-block>.with-padding>.wrapped{width:min(655px,100%)!important;margin:0;text-align:left!important}
.db-backend .product-form-page .product-basic-block .block-label>.label{display:block!important;margin:0!important;color:#354255!important;font-size:14px!important;font-weight:600!important}
.db-backend .product-form-page .product-basic-block>.with-padding>.wrapped>.select,
.db-backend .product-form-page .product-basic-block>.with-padding>.wrapped>select{width:100%!important;max-width:655px!important;height:48px!important}
.db-backend .product-form-page .product-basic-block .block-label>.input{position:relative!important;display:block!important;width:100%!important;max-width:655px!important;padding:0!important}
.db-backend .product-form-page .product-basic-block .block-label>.input>input{width:100%!important;height:36px!important;padding:0 48px 0 16px!important;border:1px solid #d6dee7!important;border-radius:8px!important;background:#fff!important;color:#344154!important;font-size:15px!important}
.db-backend .product-form-page .product-basic-block .block-label>.input>.icon-calendar{position:absolute!important;z-index:2;top:50%!important;right:16px!important;left:auto!important;transform:translateY(-50%);color:#56657a!important}
.db-backend .product-form-page .product-basic-block .standard-tabs{width:100%!important;margin:24px 0 0!important;padding-top:18px!important;overflow:visible!important;border:0!important;border-top:1px solid #e1e7ed!important;border-radius:0!important;background:#fff!important}
.db-backend .product-form-page .product-basic-block .standard-tabs>.tabs{display:inline-flex!important;width:auto!important;margin:0 0 18px!important;padding:0!important;overflow:hidden!important;border:1px solid #dce3eb!important;border-radius:28px!important;background:#f7f9fb!important;list-style:none!important}
.db-backend .product-form-page .product-basic-block .standard-tabs>.tabs:before,
.db-backend .product-form-page .product-basic-block .standard-tabs>.tabs:after{display:none!important;content:none!important}
.db-backend .product-form-page .product-basic-block .standard-tabs>.tabs>li{float:none!important;margin:0!important;padding:0!important;border:0!important;list-style:none!important}
.db-backend .product-form-page .product-basic-block .standard-tabs>.tabs>li>a {
padding: 6px 14px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 9px !important;
border: 0 !important;
border-radius: 24px !important;
background: transparent !important;
color: #455265 !important;
}
.db-backend .product-form-page .product-basic-block .standard-tabs>.tabs>li.active>a{border:1px solid #f47b0b!important;background:#fff8ef!important;color:#e96f00!important;box-shadow:0 4px 10px rgba(244,123,11,.12)!important}
.db-backend .product-form-page .product-basic-block .standard-tabs>.tabs img{height:auto!important}
.db-backend .product-form-page .product-basic-block .standard-tabs>.tabs-content{min-height:0!important;padding:0!important;overflow:visible!important}
.db-backend .product-form-page .product-basic-block .standard-tabs .back{width:max-content!important;margin:0 0 20px!important;padding:10px 18px!important;border:1px solid #d7dfe8!important;border-radius:8px!important;background:#fff!important;color:#455265!important}
.db-backend .product-form-page .product-basic-block .standard-tabs .back-arrow:before{content:'←';margin-right:8px;font-size:20px}
.db-backend .product-form-page .product-basic-block .tabs-content .with-padding{padding:0!important}
@media(max-width:750px){
.db-backend .product-form-page p.inline-label span.info-spot {
position: absolute;
top: 10px;
right: 0;
}
.db-backend .product-form-page p.inline-label label.label {
font-size: 13px;
}
.db-backend .product-form-page p.inline-label {
display: block!important;
font-size: 0;
position: relative;
}
.db-backend .product-form-page #edit_tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:12px!important}
.db-backend .product-form-page #edit_tools .button{width:100%!important;min-height:50px!important;padding:0 10px!important;font-size:14px!important}
.db-backend .product-form-page .product-basic-block>.with-padding{padding:18px!important}
.db-backend .product-form-page .product-basic-block .standard-tabs>.tabs>li>a {
padding: 5px 10px !important;
}
}
/* Product photo manager */
.db-backend .product-form-page .manage_photo{overflow:hidden!important;border-radius:12px!important}
.db-backend .product-form-page .manage_photo>.block-title{height:72px!important;padding:0 22px!important;display:flex!important;align-items:center!important;gap:14px!important;border-bottom:1px solid #e4e9ef!important;background:#fff!important}
.db-backend .product-form-page .manage_photo .photo-step{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ff941f,#f36d00);box-shadow:0 7px 16px rgba(244,123,11,.25);color:#fff;font-size:18px;font-weight:700}
.db-backend .product-form-page .manage_photo>.block-title strong{color:#253143;font-size:20px}
.db-backend .product-form-page .manage_photo>.photo-upload-zone{margin:24px!important;padding:24px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1.5px dashed #ff8618!important;border-radius:12px!important;background:linear-gradient(145deg,#fffaf5,#fff)!important;text-align:center}
.db-backend .product-form-page .manage_photo .photo-upload-icon{display:block;color:#f47b0b}
.db-backend .product-form-page .manage_photo .photo-upload-icon svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.db-backend .product-form-page .manage_photo .photo-upload-zone p{margin:0!important}
.db-backend .product-form-page .manage_photo .photo-upload-zone .button-icon{display:none!important}
.db-backend .product-form-page .manage_photo .photo-upload-zone #upload_photo {
min-width: 190px !important;
height: 48px !important;
border: 1px solid #f47b0b !important;
border-radius: 9px !important;
background: #fff !important;
color: #f47b0b !important;
font-size: 17px !important;
margin: 0 auto !important;
}
.db-backend .product-form-page .manage_photo .photo-upload-copy{display:block;color:#2e394a;font-size:16px;font-weight:500}
.db-backend .product-form-page .manage_photo .photo-upload-zone small{display:block;color:#768194;font-size:13px}
.db-backend .product-form-page .manage_photo>.with-padding.margin-top{padding:0 24px 24px!important}
.db-backend .product-form-page .manage_photo .gallery-heading{display:flex;align-items:center;gap:7px;margin:0 0 12px!important;color:#2a3546;font-size:17px;font-weight:500}
.db-backend .product-form-page .manage_photo .gallery-heading:after{content:'';height:1px;flex:1;margin-left:8px;background:#e4e9ef}
.db-backend .product-form-page .manage_photo .gallery{width:100%!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,300px))!important;justify-content:start!important;justify-items:stretch!important;gap:16px!important;margin:0!important;padding:0!important;text-align:left!important}
.db-backend .product-form-page .manage_photo .gallery:before,
.db-backend .product-form-page .manage_photo .gallery:after{display:none!important;content:none!important}
.db-backend .product-form-page .manage_photo .gallery>li{position:relative!important;width:auto!important;min-height:190px!important;margin:0!important;padding:58px 14px 14px!important;overflow:hidden;border:1px solid #dce3eb!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important;list-style:none!important}
.db-backend .product-form-page .manage_photo .gallery>li>input[type="text"]{display:none!important}
.db-backend .product-form-page .manage_photo .default_images,
.db-backend .product-form-page .manage_photo .photo-number{position:absolute!important;z-index:2!important;top:16px!important;left:52px!important;height:30px!important;margin:0!important;padding:0 11px!important;display:flex!important;align-items:center!important;border:1px solid #ffb873!important;border-radius:7px!important;background:#fff8ef!important;color:#f47b0b!important;font-size:13px!important;line-height:1!important;box-shadow:none!important}
.db-backend .product-form-page .manage_photo .photo-number{border-color:#dce3ea!important;background:#f3f5f7!important;color:#657083!important}
.db-backend .product-form-page .manage_photo .photo-card-tools{position:absolute;z-index:1;inset:0 0 auto;height:58px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid #e6ebf0;background:#fff}
.db-backend .product-form-page .manage_photo .photo-drag{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:38px;color:#7b8796;font-size:24px;line-height:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}
.db-backend .product-form-page .manage_photo .photo-drag:active{cursor:grabbing;color:#f47b0b}
.db-backend .product-form-page .manage_photo .gallery>li.ui-sortable-helper{z-index:1000!important;box-shadow:0 12px 28px rgba(31,43,61,.18)!important}
.db-backend .product-form-page .manage_photo .gallery>li.ui-sortable-placeholder{min-height:190px!important;border:2px dashed #ff9a3d!important;background:#fff8ef!important;visibility:visible!important}
.db-backend .product-form-page .manage_photo .photo-star{margin-left:auto;margin-right:46px;color:#f47b0b;font-size:22px}
.db-backend .product-form-page .manage_photo .gallery>li:not(:first-child) .photo-star{color:#cbd2db}
.db-backend .product-form-page .manage_photo .button-group{position:absolute!important;top:12px!important;right:12px!important;display:block!important}
.db-backend .product-form-page .manage_photo .button-group .delete{width:34px!important;height:34px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid #ffb9b9!important;border-radius:7px!important;background:#fff!important;color:#ef4141!important;box-shadow:none!important;font-size:0!important}
.db-backend .product-form-page .manage_photo .button-group .delete svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.db-backend .product-form-page .manage_photo .block-images {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 7px !important;
background: #f5f7f9 !important;
text-align: center;
aspect-ratio: 1 / 1;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
section.domain-settings-page .button-group {
display: flex;
align-items: center;
gap: 10px;
margin-top: 10px;
}
section.domain-settings-page span.button-group.compact {
display: flex;
align-items: center;
gap: 10px;
}
section.domain-settings-page .margin-bottom {
margin-bottom: 15px;
}
div#tooltips .message.tooltip {
background: #fff0e2;
border: 1px solid #ebddcf;
padding: 8px 12px;
border-radius: 6px;
font-size: 13px;
line-height: 1.4;
white-space: nowrap;
}
div#tooltips .message.tooltip:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 6px solid transparent;
border-top-color: #ebddcf;
}
.db-backend .product-form-page .manage_photo .block-images img {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 7px !important;
box-shadow: none !important;
object-fit: contain !important;
}
@media(max-width:650px){
.db-backend .product-form-page .manage_photo>.photo-upload-zone{margin:14px!important}
.db-backend .product-form-page .manage_photo>.with-padding.margin-top{padding:0 14px 14px!important}
.db-backend .product-form-page .manage_photo .gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.db-backend .product-form-page .manage_photo .gallery>li{min-width:0!important;min-height:145px!important;padding:48px 7px 7px!important;border-radius:9px!important}
.db-backend .product-form-page .manage_photo .gallery>li.ui-sortable-placeholder{min-height:145px!important}
.db-backend .product-form-page .manage_photo .photo-card-tools{height:48px;padding:0 6px!important}
.db-backend .product-form-page .manage_photo .photo-drag{min-width:24px;min-height:36px;font-size:21px}
.db-backend .product-form-page .manage_photo .default_images,
.db-backend .product-form-page .manage_photo .photo-number{
width: 70px;
top:11px!important;left:31px!important;height:26px!important;
padding:0 6px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px!important}
.db-backend .product-form-page .manage_photo .photo-star{
display:none;
margin-right:34px;font-size:17px}
.db-backend .product-form-page .manage_photo .button-group{top:9px!important;right:6px!important}
.db-backend .product-form-page .manage_photo .button-group .delete{width:29px!important;height:29px!important}
.db-backend .product-form-page .manage_photo .button-group .delete svg{width:15px;height:15px}
}
/* Image upload iframe modal */
.db-image-upload-open{overflow:hidden!important}
.db-image-upload-modal{
position:fixed;
z-index:12000;
inset:0;
display:grid;
place-items:center;
padding:24px;
}
.db-image-upload-backdrop{
position:absolute;
inset:0;
width:100%;
height:100%;
padding:0;
border:0;
background:rgba(24,32,43,.55);
backdrop-filter:blur(3px);
}
.db-image-upload-dialog{
position:relative;
z-index:1;
width:min(1000px,calc(100vw - 48px));
height:min(720px,calc(100vh - 48px));
overflow:hidden;
border:1px solid #e1e6ed;
border-radius:12px;
background:#fff;
box-shadow:0 24px 70px rgba(16,24,36,.3);
}
.db-image-upload-header{
height:58px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 16px 0 20px;
border-bottom:1px solid #e8ecf1;
background:#fff;
color:#253143;
}
.db-image-upload-header strong{display:flex;align-items:center;gap:10px;font-size:18px}
.db-image-upload-header strong svg{width:25px;height:25px;fill:none;stroke:#f47b0b;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.db-image-upload-close{
width:36px;
height:36px;
display:grid;
place-items:center;
padding:0;
border:0;
border-radius:8px;
background:#fff3e7;
color:#f47b0b;
cursor:pointer;
}
.db-image-upload-close:hover{background:#ffe8d1}
.db-image-upload-dialog>iframe{
display:block;
width:100%;
height:calc(100% - 122px);
border:0;
background:#fff;
}
.db-image-upload-footer{height:64px;display:flex;align-items:center;justify-content:flex-end;padding:0 20px;border-top:1px solid #e8ecf1;background:#fff}
.db-image-upload-footer .db-image-upload-close{width:auto;height:36px;padding:0 22px;border:1px solid #dce2e8;background:#fff;color:#344054;font-size:14px}
@media(max-width:650px){
.db-backend .product-form-page #edit_tools .button {
flex-direction: column;
padding: 3px 1px !important;
min-width: initial;
gap: 0 !important;
min-height: initial !important;
font-size: 12px !important;
font-weight: normal !important;
}
.db-backend .product-form-page #edit_tools .button svg {
width: 20px;
height: 20px;
}
.db-backend .product-form-page #edit_tools {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 5px !important;
align-items: stretch !important;
}
.db-backend .product-form-page form#newpost #edit_tools {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.db-image-upload-modal{padding:10px}
.db-image-upload-dialog{
width:calc(100vw - 20px);
height:calc(100vh - 20px);
border-radius:10px;
}
}
/* Product video and keyword sections */
.db-backend .product-form-page .product-video-block,
.db-backend .product-form-page .product-keywords-block{
grid-column:1/-1;
width:100%;
margin:0 0 18px!important;
overflow:hidden;
border:1px solid #e1e7ed!important;
border-radius:12px!important;
background:#fff!important;
}
.db-backend .product-form-page .product-video-block>.block-title,
.db-backend .product-form-page .product-keywords-block>.block-title{
min-height:58px!important;
border-bottom:1px solid #e1e7ed!important;
background:#fff!important;
}
.db-backend .product-form-page .product-video-block>.with-padding,
.db-backend .product-form-page .product-keywords-block>.with-padding{
display:block!important;
padding:20px 16px!important;
}
.db-backend .product-form-page .product-video-block textarea{
display:block;
width:100%!important;
margin-top:10px!important;
}
.db-backend .product-form-page .product-keywords-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
width:100%;
}
.db-backend .product-form-page .product-keywords-grid>input{
box-sizing:border-box!important;
width:100%!important;
min-width:0!important;
margin:0!important;
}
.db-backend .product-form-page .product-keywords-block>.with-padding>.info-spot{
display:inline-block;
margin-top:12px;
}
@media(max-width:900px){
.db-backend .product-form-page .product-keywords-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
.db-backend .product-form-page .product-keywords-grid{grid-template-columns:1fr}
}
/* developr.tabs.js creates this navigation element at runtime. The edit form
keeps all language tabs visible, so its generated Back control is unused. */
.db-backend .editad-page .tabs-back{
display:none!important;
}
/* Messages: mailbox interface */
.db-backend .messages-page{
max-width:none;
}
.db-backend .messages-page-title{
display:flex!important;
align-items:center;
gap:14px;
margin:0 0 22px!important;
padding:0!important;
}
.db-backend .messages-page-title h1{
margin:0!important;
font-size:28px!important;
line-height:1.2!important;
color:#172033!important;
}
.db-backend .messages-page-title p{
margin:5px 0 0;
color:#7a8699;
font-size:14px;
}
.db-backend .messages-title-icon,
.db-backend .mailbox-empty-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:46px;
height:46px;
border-radius:14px;
color:#ff7900;
background:#fff2e7;
font-size:22px;
}
.db-backend .messages-title-icon:before,
.db-backend .mailbox-empty-icon:before{
margin:0!important;
color:inherit!important;
font-size:22px!important;
line-height:1!important;
}
.db-backend .mailbox-shell{
display:grid!important;
grid-template-columns:240px minmax(0,1fr);
min-height:560px;
margin:0!important;
overflow:hidden;
border:1px solid #e2e8f0!important;
border-radius:14px!important;
background:#fff!important;
box-shadow:0 8px 24px rgba(15,23,42,.05)!important;
}
.db-backend .mailbox-folders,
.db-backend .mailbox-content{
position:relative!important;
top:auto!important;
right:auto!important;
bottom:auto!important;
left:auto!important;
width:auto!important;
height:auto!important;
min-height:0!important;
margin:0!important;
}
.db-backend .mailbox-folders{
border:0!important;
border-right:1px solid #e5eaf1!important;
background:#fbfcfe!important;
}
.db-backend .mailbox-folders-title{
padding:22px 20px 10px;
font-size:13px;
font-weight:700;
letter-spacing:.04em;
color:#8a94a6;
text-transform:uppercase;
}
.db-backend .mailbox-folders>.panel-control{
display:flex!important;
gap:8px;
height:auto!important;
padding:10px 14px 14px!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
.db-backend .mailbox-folders>.panel-control .button{
flex:1;
min-width:0;
margin:0!important;
border:1px solid #dfe5ed!important;
border-radius:9px!important;
background:#fff!important;
color:#5f6b7c!important;
box-shadow:none!important;
}
.db-backend .mailbox-folders .panel-load-target{
position:static!important;
height:auto!important;
overflow:visible!important;
padding:0 12px 20px;
}
.db-backend .mailbox-folders ul{
margin:0!important;
padding:0!important;
list-style:none!important;
}
.db-backend .mailbox-folders li.big-menu{
position:relative;
min-height:0!important;
margin:3px 0!important;
padding:0!important;
border:0!important;
border-radius:9px!important;
background:transparent!important;
box-shadow:none!important;
}
.db-backend .mailbox-folders li.big-menu>a{
display:block;
padding:11px 12px!important;
border:0!important;
color:#556174!important;
font-size:14px;
text-decoration:none!important;
}
.db-backend .mailbox-folders li.big-menu>a span:before{
margin-right:10px;
color:#8a96a8;
}
.db-backend .mailbox-folders li.big-menu.green-gradient{
background:#fff0e2!important;
}
.db-backend .mailbox-folders li.big-menu.green-gradient>a,
.db-backend .mailbox-folders li.big-menu.green-gradient>a span:before{
color:#f36f00!important;
font-weight:700;
}
.db-backend .mailbox-folders li.big-menu em{
font-style:normal;
}
.db-backend .mailbox-folders li .absolute-right{
display:none;
top:7px!important;
right:7px!important;
}
.db-backend .mailbox-folders li:hover .absolute-right{
display:flex;
}
.db-backend .mailbox-folders .mailbox-folder-action{
display:inline-flex!important;
align-items:center;
justify-content:center;
box-sizing:border-box;
width:30px!important;
min-width:30px!important;
height:30px!important;
min-height:30px!important;
margin:0 0 0 4px!important;
padding:0!important;
border:1px solid #dbe3ed!important;
border-radius:7px!important;
background:#fff!important;
color:#64748b!important;
box-shadow:none!important;
font-size:0!important;
}
.db-backend .mailbox-folders .mailbox-folder-action svg{
display:block;
width:15px;
height:15px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.db-backend .mailbox-folders .mailbox-folder-action:hover{
border-color:#ffb36f!important;
background:#fff7ef!important;
color:#f36f00!important;
}
.db-backend .mailbox-folders .mailbox-folder-action.is-delete:hover{
border-color:#fecaca!important;
background:#fff5f5!important;
color:#ef4444!important;
}
.db-backend .mailbox-content{
border:0!important;
background:#fff!important;
}
.db-backend .mailbox-content>.panel-control{
display:flex!important;
align-items:center;
justify-content:space-between;
gap:16px;
min-height:68px!important;
height:auto!important;
padding:12px 18px!important;
border:0!important;
border-bottom:1px solid #e5eaf1!important;
background:#fff!important;
box-shadow:none!important;
}
.db-backend .mailbox-content .control-left,
.db-backend .mailbox-content .control-right{
display:flex;
align-items:center;
gap:8px;
float:none!important;
}
.db-backend .mailbox-content .panel-control .button,
.db-backend .mailbox-content .panel-control .select{
margin:0!important;
border-radius:9px!important;
box-shadow:none!important;
}
.db-backend .mailbox-content #add_message, .db-backend .mailbox-content #send_message {
color: #fff !important;
min-height: 40px !important;
margin: 0 !important;
padding: 0 16px !important;
align-items: center;
justify-content: center;
gap: 7px;
display: flex;
background: linear-gradient(135deg, #f7933f 0%, #ef741c 55%, #dc5d0d 100%) !important;
border: 0 !important;
box-shadow: 1px 1px 4px #ccc !important;
}
.db-backend .mode_list .mailbox-content .icon-back{
display:none!important;
}
.db-backend .mailbox-content>#box_board_message{
position:static!important;
height:auto!important;
min-height:550px;
overflow:visible!important;
padding:18px!important;
background:#f8fafc!important;
}
.db-backend .mailbox-content .board_message{
width:100%;
}
.db-backend .mailbox-content #tbListMail{
overflow:hidden;
margin:0!important;
border:1px solid #e2e8f0!important;
border-radius:12px!important;
background:#fff!important;
box-shadow:none!important;
}
.db-backend .mailbox-content #tbListMail>div:first-child{
padding:0!important;
}
div#detail-messages .button-height {
padding: 20px 20px 0;
}
div#detail-messages .button-height a {
display: inline-flex;
padding: 8px 10px;
border: 1px solid #2995b5;
line-height: 1;
border-radius: 4px;
}
div#detail-messages .columns {
display: grid;
grid-template-columns: 5px 1fr;
}
.db-backend .mailbox-content .list-messages{
width:100%!important;
margin:0!important;
border:0!important;
border-collapse:collapse!important;
}
.db-backend .mailbox-content .list-messages thead td{
padding:18px 20px!important;
border:0!important;
border-bottom:1px solid #e6ebf2!important;
background:#fff!important;
}
.db-backend .mailbox-content .list-messages thead h2{
margin:0!important;
font-size:17px!important;
color:#1e293b!important;
}
.db-backend .mailbox-content .list-messages tbody tr{
background:#fff!important;
transition:background .15s ease;
}
.db-backend .mailbox-content .list-messages tbody tr:hover{
background:#fffaf5!important;
}
.db-backend .mailbox-content .list-messages tbody tr.unread{
background:#fff8f1!important;
}
.db-backend .mailbox-content .list-messages tbody th,
.db-backend .mailbox-content .list-messages tbody td{
padding:5px 10px!important;
border:0!important;
border-bottom:1px solid #edf1f5!important;
vertical-align:middle!important;
}
.db-backend .mailbox-content .list-messages tbody th.checkbox-cell{
width:38px!important;
text-align:center!important;
}
.db-backend .mailbox-content .list-messages tbody td{
position:relative;
padding-right:52px!important;
}
.db-backend .mailbox-content .m_name{
overflow:hidden;
font-weight:600;
color:#263244;
text-overflow:ellipsis;
white-space:nowrap;
}
.db-backend .mailbox-content tr.unread .m_name,
.db-backend .mailbox-content tr.unread .m_subject{
font-weight:800;
color:#172033;
}
.db-backend .mailbox-content .m_subject{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.db-backend .mailbox-content .m_date{
color:#8a94a6;
font-size:12px;
text-align:right;
}
.db-backend .mailbox-content .tagged{
display:none;
}
.db-backend .mailbox-content .list-messages tbody td>.absolute-right{
top:50%!important;
right:12px!important;
transform:translateY(-50%);
opacity:0;
transition:opacity .15s ease;
}
.db-backend .mailbox-content .list-messages tr:hover td>.absolute-right{
opacity:1;
}
.db-backend .mailbox-content .table-footer{
display:flex!important;
align-items:center;
justify-content:space-between;
min-height:64px!important;
height:auto!important;
margin:0!important;
padding:12px 18px!important;
border-top:0!important;
background:#fff!important;
}
.db-backend .mailbox-content .table-footer .float-left,
.db-backend .mailbox-content .table-footer .float-right{
float:none!important;
}
.db-backend .mailbox-content .dataTables_info{
color:#788497;
}
.db-backend .mailbox-content #sorting-advanced_paginate{
display:flex;
gap:5px;
}
.db-backend .mailbox-content #sorting-advanced_paginate .button {
margin: 0 !important;
border: 1px solid #dfe5ed !important;
border-radius: 4px !important;
background: #fff !important;
color: #566274 !important;
box-shadow: none !important;
display: inline-block;
padding: 5px 11px 5px;
line-height: 1;
font-size: 13px;
}
.db-backend .mailbox-content #sorting-advanced_paginate .button.active{
border-color:#ff7900!important;
background:#ff7900!important;
color:#fff!important;
}
.db-backend .mailbox-empty-row:hover{
background:#fff!important;
}
.db-backend .mailbox-empty-row td{
padding:70px 20px!important;
}
.db-backend .mailbox-empty-state{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:9px;
color:#8a94a6;
text-align:center;
}
.db-backend .mailbox-empty-state strong{
margin-top:5px;
color:#344054;
font-size:16px;
}
.db-backend .mailbox-content .compose-message-card{
padding:22px!important;
border:1px solid #e2e8f0!important;
border-radius:12px!important;
background:#fff!important;
box-shadow:none!important;
}
.db-backend .mailbox-content .compose-message-card>div{
padding:0!important;
}
.db-backend .mailbox-content .compose-message-card h2{
margin:0 0 20px!important;
font-size:18px!important;
color:#1e293b!important;
}
.db-backend .mailbox-content #create_message .inline-label{
display:grid!important;
grid-template-columns:80px minmax(0,1fr);
align-items:center;
gap:12px;
height:auto!important;
min-height:44px;
}
.db-backend .mailbox-content #create_message .inline-label>.label{
position:static!important;
width:auto!important;
padding:0!important;
color:#556174!important;
font-weight:600;
}
.db-backend .mailbox-content #create_message .input.full-width{
box-sizing:border-box!important;
width:100%!important;
min-height:44px;
border:1px solid #dce3ec!important;
border-radius:9px!important;
background:#fff!important;
box-shadow:none!important;
}
.db-backend .mailbox-content #create_message textarea#content{
min-height:280px!important;
margin-top:14px!important;
}
.db-backend .mailbox-content .message-detail-card{
padding:24px!important;
}
.db-backend .mailbox-content .message-detail-card .left-column{
width:64px!important;
}
.db-backend .mailbox-content .message-detail-card .user-icon{
width:48px!important;
height:48px!important;
border-radius:50%!important;
object-fit:cover;
}
div#detail-messages .columns {
display: grid;
grid-template-columns: 50px 1fr;
gap: 15px;
}
div#detail-messages .columns .panel-load-target {
grid-column: 1 / -1;
}
.db-backend .mailbox-content .message-detail-card h4{
margin:0 0 8px!important;
font-size:18px!important;
color:#1e293b!important;
}
.db-backend .mailbox-content .message-detail-card .header-message p{
margin:3px 0!important;
color:#697586!important;
}
@media(max-width:900px){
.db-backend .mailbox-shell{grid-template-columns:200px minmax(0,1fr)}
.db-backend .mailbox-content .list-messages tbody td>a{grid-template-columns:130px minmax(130px,1fr)}
.db-backend .mailbox-content .m_date{grid-column:2;text-align:left}
}
@media(max-width:700px){
.db-backend .account-info-page #form_container ul {
padding: 0;
}
.db-backend .product-form-page span.input.file .file-text {
font-size: 13px;
line-height: 40px;
}
.db-backend .product-form-page span.input.file span.button.compact {
width: 50px;
font-size: 13px;
text-align: center;
}
.db-backend .product-form-page span.input.file {
width: 100%;
}
.db-backend .product-form-page .number.input {
padding: 0;
}
.db-backend .listing-manager #sorting-advanced tbody td, .db-backend .listing-manager #sorting-advanced tbody th {
grid-template-columns: 100px 1fr;
}
.db-backend .listing-manager #sorting-advanced tbody th {
grid-template-columns: 40px 1fr;
}
.db-backend .listing-manager #sorting-advanced .categ_browse, .db-backend .listing-manager .listing-status-badges {
grid-column: 1 / -1;
}
.listing-manager form[name="browse1"] {
width: 100%;
}
.db-backend .messages-page-title{align-items:flex-start}
.db-backend .messages-page-title h1{font-size:24px!important}
.db-backend .mailbox-shell{display:block!important;min-height:0}
.db-backend .mailbox-folders{border-right:0!important;border-bottom:1px solid #e5eaf1!important}
.db-backend .mailbox-folders-title{padding-bottom:4px}
.db-backend .mailbox-folders .panel-load-target{overflow-x:auto!important;padding-bottom:10px}
.db-backend .mailbox-folders ul{display:flex;gap:6px;min-width:max-content}
.db-backend .mailbox-folders li.big-menu{flex:0 0 auto}
.db-backend .mailbox-folders li.big-menu>a{padding:9px 12px!important}
.db-backend .mailbox-folders li .absolute-right{display:none!important}
.db-backend .mailbox-content>.panel-control{align-items:flex-start;flex-direction:column}
.db-backend .mailbox-content .control-left,.db-backend .mailbox-content .control-right{width:100%;flex-wrap:wrap}
.db-backend .mailbox-content .control-right{justify-content:flex-end}
.db-backend .mailbox-content>#box_board_message{min-height:360px;padding:10px!important}
.db-backend .mailbox-content .list-messages tbody td>a{display:block!important}
.db-backend .mailbox-content .m_name,.db-backend .mailbox-content .m_subject{margin-bottom:5px}
.db-backend .mailbox-content .m_date{text-align:left}
.db-backend .mailbox-content .list-messages tbody td>.absolute-right{opacity:1}
.db-backend .mailbox-content .table-footer{align-items:flex-start;flex-direction:column;gap:12px}
.db-backend .mailbox-content #sorting-advanced_paginate{flex-wrap:wrap}
.db-backend .mailbox-content #create_message .inline-label{display:block!important}
.db-backend .mailbox-content #create_message .inline-label>.label{display:block!important;margin-bottom:7px}
}
/* Open message detail --------------------------------------------------- */
.db-backend .mail-detail-view{width:100%;max-width:1050px;margin:0 auto}
.db-backend .mail-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:0!important;background:transparent!important}
.db-backend .mail-detail-actions-primary{display:flex;align-items:center;gap:8px}
.db-backend .mail-action-button{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:0 13px!important;border:1px solid #dce3ec!important;border-radius:8px!important;background:#fff!important;color:#526174!important;box-shadow:none!important;font-size:13px;font-weight:600;text-decoration:none!important;transition:.15s ease}
.db-backend .mail-action-button:hover{border-color:#fb7900!important;background:#fffaf5!important;color:#ea6500!important}
.db-backend .mail-action-button.is-primary{border-color:#fb7900!important;background:#fb7900!important;color:#fff!important;box-shadow:0 4px 10px rgba(251,121,0,.18)!important}
.db-backend .mail-action-button.is-primary:hover{background:#ea6e00!important;color:#fff!important}
.db-backend .mail-action-button.is-active{border-color:#fed7aa!important;background:#fff7ed!important;color:#fb7900!important}
.db-backend .mail-action-button.is-danger{border-color:#fecaca!important;color:#dc2626!important}
.db-backend .mail-action-button.is-danger:hover{border-color:#f87171!important;background:#fff5f5!important;color:#b91c1c!important}
.db-backend .mail-action-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.db-backend .mailbox-content #tbListMail.message-detail-card{overflow:hidden!important;margin:0!important;padding:0!important;border:1px solid #e1e7ef!important;border-radius:12px!important;background:#fff!important;box-shadow:0 5px 18px rgba(15,23,42,.045)!important}
.db-backend .message-detail-card .mail-detail-header{display:flex!important;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px!important;border-bottom:1px solid #e8edf3!important;background:#fff!important}
.db-backend .mail-detail-sender{display:flex;align-items:flex-start;min-width:0;gap:13px}
.db-backend .mailbox-content .message-detail-card .mail-detail-sender .user-icon{flex:0 0 48px;width:48px!important;height:48px!important;border:1px solid #e1e7ee;border-radius:50%!important;background:#f1f5f9;object-fit:cover}
.db-backend .mail-detail-sender-info{min-width:0}
.db-backend .mail-detail-sender-info h2{overflow:hidden;margin:0 0 7px!important;color:#1d2939!important;font-size:19px!important;font-weight:750!important;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.db-backend .mail-detail-from{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:#66758a;font-size:13px}
.db-backend .mail-detail-from strong{color:#344054;font-weight:700}
.db-backend .mail-detail-from span{color:#8994a5}
.db-backend .mail-detail-to{margin-top:3px;color:#8994a5;font-size:12px}
.db-backend .mail-detail-to span{color:#66758a;font-weight:600}
.db-backend .mail-detail-date{flex:0 0 auto;padding-top:3px;color:#8994a5;font-size:12px;white-space:nowrap}
.db-backend .message-detail-card .mail-detail-content{box-sizing:border-box!important;width:100%!important;min-height:330px!important;max-height:none!important;overflow-wrap:anywhere;overflow:visible!important;padding:28px 26px!important;border:0!important;background:#fff!important;color:#344054;font-size:14px;line-height:1.8}
.db-backend .message-detail-card .mail-detail-content img{max-width:100%;height:auto}
.db-backend .message-detail-card .mail-detail-content table{max-width:100%!important}
.db-backend .message-detail-card .mail-detail-content a{color:#ea6500;word-break:break-word}
.db-backend .message-detail-card .mail-detail-footer{display:flex!important;align-items:center;padding:16px 24px!important;border-top:1px solid #e8edf3!important;background:#fbfcfe!important}
.db-backend .mail-reply-footer{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 15px;border:1px solid #dce3ec;border-radius:8px;background:#fff;color:#536174!important;font-weight:600;text-decoration:none}
.db-backend .mail-reply-footer:hover{border-color:#fb7900;color:#ea6500!important;background:#fffaf5}
.db-backend .mail-reply-footer svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){
.db-backend .mail-detail-view{max-width:none}
.db-backend .mail-detail-actions{align-items:stretch;flex-direction:column}
.db-backend .mail-detail-actions-primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.db-backend .mail-action-button{padding:0 8px!important;font-size:12px}
.db-backend .mail-detail-actions>.is-danger{align-self:flex-start}
.db-backend .mailbox-content #tbListMail.message-detail-card{border:1px solid #e1e7ef!important;border-radius:10px!important}
.db-backend .message-detail-card .mail-detail-header{padding:16px!important}
.db-backend .mail-detail-sender-info h2{max-width:230px;font-size:16px!important;white-space:normal}
.db-backend .mail-detail-date{position:absolute;right:16px;margin-top:55px}
.db-backend .mail-detail-to{padding-right:105px}
.db-backend .message-detail-card .mail-detail-content{min-height:240px!important;padding:21px 17px!important}
.db-backend .message-detail-card .mail-detail-footer{padding:13px 16px!important}
}
/* Mailbox reference layout refinements */
.db-backend .mailbox-shell{
grid-template-columns:250px minmax(0,1fr);
}
.db-backend .mailbox-folders{
display:flex!important;
flex-direction:column;
width:250px!important;
}
.db-backend .mailbox-folders-title{
order:1;
padding:22px 20px 12px!important;
font-size:14px!important;
letter-spacing:0!important;
text-transform:none!important;
}
.db-backend .mailbox-compose-button{
order:2;
display:flex!important;
align-items:center;
justify-content:center;
min-height:44px;
margin:0 16px 16px!important;
border:0!important;
border-radius:8px!important;
background:#ff7900!important;
color:#fff!important;
font-weight:700!important;
box-shadow:0 6px 14px rgba(255,121,0,.2)!important;
}
.db-backend .mailbox-folders>.panel-load-target{
order:3;
flex:1 1 auto;
}
.db-backend .mailbox-folders>.panel-control{
order:4;
display:block!important;
margin-top:auto!important;
padding:14px 16px 18px!important;
border-top:1px solid #e8edf3!important;
}
.db-backend .mailbox-folders>.panel-control .button{
display:block!important;
width:100%!important;
padding:10px 8px!important;
border:0!important;
background:transparent!important;
text-align:left!important;
}
.db-backend .mailbox-content>.panel-control{
min-height:76px!important;
padding:14px 20px!important;
}
.db-backend .mailbox-content .control-left>label{
margin-right:4px;
font-weight:600;
color:#344054;
}
.db-backend .mailbox-search{
position:relative;
display:flex;
align-items:center;
width:230px;
height:42px;
}
.db-backend .mailbox-search input[type="search"]{
box-sizing:border-box!important;
width:100%!important;
height:36px!important;
margin:0!important;
padding:0 40px 0 14px!important;
border:1px solid #dce3eb!important;
border-radius:8px!important;
background:#fff!important;
color:#344054!important;
box-shadow:none!important;
}
.db-backend .mailbox-search-icon{
position:absolute;
z-index:2;
top:50%;
right:13px;
color:#667085;
transform:translateY(-50%);
pointer-events:none;
}
.db-backend .mailbox-content .panel-control button.icon-trash {
min-height: 36px !important;
padding: 0 10px !important;
border-radius: 4px !important;
}
.db-backend .mailbox-filter-button{
height:36px!important;
padding:0 14px!important;
border:1px solid #dce3eb!important;
background:#fff!important;
color:#475467!important;
}
.db-backend .mailbox-content>#box_board_message{
min-height:0!important;
padding:0!important;
background:#fff!important;
}
.db-backend .mailbox-content #tbListMail{
border:0!important;
border-radius:0!important;
}
.db-backend .mailbox-content .list-messages thead{
display:none!important;
}
.db-backend .mailbox-content .list-messages tbody th,
.db-backend .mailbox-content .list-messages tbody td{
box-sizing:border-box!important;
}
.db-backend .mailbox-content .list-messages tbody th.checkbox-cell:first-child{
width:58px!important;
padding-left:20px!important;
}
.db-backend .mailbox-content .list-messages tbody th.checkbox-cell:nth-child(2){
display:none!important;
}
.db-backend .mailbox-content .list-messages tbody td{
padding:0 58px 0 8px!important;
}
.db-backend .mailbox-content .list-messages tbody td>a {
display: grid !important;
grid-template-columns: 42px minmax(130px, 170px) minmax(200px, 1fr) 115px;
gap: 10px;
align-items: center;
}
.db-backend .message-avatar {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: #eee9ff;
color: #7156c5;
font-size: 12px;
font-weight: 800;
letter-spacing: -.02em;
}
.db-backend .list-messages tbody tr:nth-child(6n+2) .message-avatar{background:#e2f8ef;color:#138661}
.db-backend .list-messages tbody tr:nth-child(6n+3) .message-avatar{background:#fff0e2;color:#ef6b00}
.db-backend .list-messages tbody tr:nth-child(6n+4) .message-avatar{background:#ffe8ed;color:#d92d52}
.db-backend .list-messages tbody tr:nth-child(6n+5) .message-avatar{background:#e5f2ff;color:#1473d2}
.db-backend .list-messages tbody tr:nth-child(6n+6) .message-avatar{background:#fff3cf;color:#a15c00}
.db-backend .mailbox-content .m_name{
font-size:14px!important;
}
.db-backend .mailbox-content .m_subject{
color:#667085!important;
font-size:14px!important;
}
.db-backend .mailbox-content .m_date{
font-size:13px!important;
}
.db-backend .mailbox-content .table-footer{
border-top:1px solid #e9edf2!important;
}
@media(max-width:900px){
.db-backend .mailbox-shell{grid-template-columns:210px minmax(0,1fr)}
.db-backend .mailbox-folders{width:210px!important}
.db-backend .mailbox-search{width:190px}
.db-backend .mailbox-content .list-messages tbody td>a{grid-template-columns:40px minmax(110px,150px) minmax(150px,1fr)}
.db-backend .mailbox-content .m_date{grid-column:auto!important;text-align:right!important}
}
@media(max-width:700px){
.db-backend .mailbox-folders{display:block!important;width:auto!important}
.db-backend .mailbox-compose-button{margin:10px 12px!important}
.db-backend .mailbox-folders>.panel-control{display:flex!important;margin:0!important;border-top:0!important}
.db-backend .mailbox-content .control-right{justify-content:stretch!important}
.db-backend .mailbox-search{flex:1;width:auto;min-width:170px}
.db-backend .mailbox-content .list-messages tbody td>a{display:grid!important;grid-template-columns:40px minmax(0,1fr);gap:7px 12px}
.db-backend .mailbox-content .message-avatar{grid-row:1 / span 3}
.db-backend .mailbox-content .m_name,.db-backend .mailbox-content .m_subject,.db-backend .mailbox-content .m_date{grid-column:2;margin:0!important;text-align:left!important}
}
/* User category tree ----------------------------------------------------- */
.db-backend .listing-manager .category-tree-row.category-level-1 {
background: #fffaf5;
}
.db-backend .listing-manager .category-tree-row.has-children .category-tree-title {
font-weight: 700;
color: #1f2937;
}
.db-backend .listing-manager .category-tree-name {
position: relative;
white-space: normal;
}
.db-backend .listing-manager .category-tree-branch {
display: inline-flex;
min-width: 20px;
margin-right: 6px;
color: #fb7900;
font-weight: 700;
}
.db-backend .listing-manager .category-level-badge {
display: inline-flex;
align-items: center;
margin-left: 10px;
padding: 3px 8px;
border: 1px solid #e2e8f0;
border-radius: 999px;
background: #f8fafc;
color: #64748b;
font-size: 11px;
line-height: 1.2;
}
.db-backend .listing-manager .category-level-1 .category-level-badge {
border-color: #fed7aa;
background: #fff3e8;
color: #ea6500;
}
.db-backend .category-manager-page .category-select-label{display:none}
/* User category manager: compact mobile cards. */
@media(max-width:650px){
.db-backend .category-manager-page>#main-title{
padding:10px 4px 14px!important;
}
.db-backend .category-manager-page>#main-title h1{
align-items:center;
font-size:23px!important;
}
.db-backend .category-manager-page>#main-title h1 svg{
width:30px;
height:30px;
}
.db-backend .category-manager-page .bts>.with-padding{
display:grid;
grid-template-columns:1fr auto;
gap:8px;
padding:10px!important;
}
.db-backend .category-manager-page .bts .align-left,
.db-backend .category-manager-page .bts .align-right{
width:auto!important;
}
.db-backend .category-manager-page .bts .align-left>.button{
width:100%;
min-height:42px;
}
.db-backend .category-manager-page .bts .action-cancel{
width:42px;
height:42px;
padding:0!important;
}
.db-backend .category-manager-page .bts .action-cancel span{
display:none;
}
.db-backend .category-manager-page>.with-padding.small{
padding:0!important;
}
.db-backend .category-manager-page .listing-table-scroll>.table-header{
display:grid!important;
grid-template-columns:1fr;
gap:10px;
margin:0 0 10px!important;
padding:12px!important;
border:1px solid #e1e7ee!important;
border-radius:10px!important;
background:#fff!important;
}
.db-backend .category-manager-page .table-header .action-select{
display:grid!important;
grid-template-columns:minmax(0,1fr) 88px;
gap:8px;
}
.db-backend .category-manager-page .table-header .action-select .select,
.db-backend .category-manager-page .table-header .action-select select,
.db-backend .category-manager-page .table-header .action-select button{
width:100%!important;
max-width:none!important;
}
.db-backend .category-manager-page .table-header .page-limit{
display:grid;
grid-template-columns:auto minmax(76px,1fr) auto;
align-items:center;
gap:8px;
width:100%;
color:#657287;
}
.db-backend .category-manager-page .table-header .page-limit .select,
.db-backend .category-manager-page .table-header .page-limit select{
width:100%!important;
max-width:none!important;
}
.db-backend .category-manager-page .category-manager-table thead .mobile-select-all{
border-radius:8px!important;
background:#fff!important;
}
.db-backend .category-manager-page .category-manager-table tbody tr{
display:grid!important;
grid-template-columns:1fr;
margin:12px 0!important;
overflow:hidden!important;
border-radius:12px!important;
box-shadow:0 4px 14px rgba(32,46,66,.07)!important;
}
.db-backend .category-manager-page .category-manager-table tbody td,
.db-backend .category-manager-page .category-manager-table tbody th{
grid-template-columns:88px minmax(0,1fr);
min-height:48px;
padding:11px 12px!important;
}
.db-backend .category-manager-page .category-manager-table .category-select-cell{
position:static!important;
z-index:auto;
display:flex!important;
width:100%!important;
min-height:42px;
align-items:center;
justify-content:space-between;
padding:8px 14px!important;
border:0!important;
border-bottom:1px solid #e8edf2!important;
background:#fbfcfe!important;
}
.db-backend .category-manager-page .category-manager-table .category-select-cell:before{
display:none;
}
.db-backend .category-manager-page .category-manager-table .category-select-label{
display:inline-flex;
color:#68768a;
font-size:12px;
font-weight:700;
}
.db-backend .category-manager-page .category-manager-table .category-identity-cell{
display:grid!important;
grid-template-columns:84px minmax(0,1fr);
grid-template-rows:auto auto;
gap:6px 12px;
min-height:112px;
padding:14px!important;
background:#fbfcfe;
}
.db-backend .category-manager-page .category-manager-table .category-identity-cell:before{
grid-column:2;
grid-row:1;
align-self:end;
padding:0;
font-size:11px;
font-weight:600;
}
.db-backend .category-manager-page .category-manager-table .category-identity-cell>div{
grid-column:2;
grid-row:2;
align-self:start;
text-align:left;
}
.db-backend .category-manager-page .category-manager-table .category-identity-cell>img{
grid-column:1;
grid-row:1 / span 2;
align-self:center;
width:84px!important;
height:84px!important;
margin:0!important;
object-fit:cover;
border:1px solid #e0e6ee!important;
border-radius:8px;
box-shadow:none!important;
}
.db-backend .category-manager-page .category-manager-table .category-tree-name{
grid-template-columns:88px minmax(0,1fr);
}
.db-backend .category-manager-page .category-manager-table .category-tree-name:before{
grid-row:1 / span 2;
}
.db-backend .category-manager-page .category-manager-table .category-tree-branch{
display:none;
}
.db-backend .category-manager-page .category-manager-table .category-tree-title{
grid-column:2;
font-weight:700;
word-break:break-word;
}
.db-backend .category-manager-page .category-manager-table .category-level-badge{
grid-column:2;
width:max-content;
margin:5px 0 0;
}
.db-backend .category-manager-page .category-manager-table .category-position-cell input{
width:100%!important;
max-width:130px!important;
}
.db-backend .category-manager-page .category-manager-table .category-order-cell>span{
display:inline-flex;
align-items:center;
justify-content:center;
align-self:center;
justify-self:start;
}
.db-backend .category-manager-page .category-manager-table .category-order-cell{
grid-template-columns:88px 42px 42px!important;
column-gap:8px;
}
.db-backend .category-manager-page .category-manager-table .category-order-cell:before{
grid-column:1;
grid-row:1;
}
.db-backend .category-manager-page .category-manager-table .category-order-cell>span:first-of-type{
grid-column:2;
grid-row:1;
}
.db-backend .category-manager-page .category-manager-table .category-order-cell>span:last-of-type{
grid-column:3;
grid-row:1;
}
.db-backend .category-manager-page .category-manager-table .category-order-cell>span a,
.db-backend .category-manager-page .category-manager-table .category-order-cell>span>span{
display:grid;
width:38px;
height:36px;
place-items:center;
margin:0!important;
border:1px solid #dfe6ee;
border-radius:7px;
background:#fff;
}
.db-backend .category-manager-page .category-manager-table .category-action-cell{
grid-template-columns:88px minmax(0,1fr)!important;
background:#fffaf5;
}
.db-backend .category-manager-page .category-manager-table .category-action-cell>.manage-primary{
display:flex;
grid-column:2;
align-items:center;
justify-content:flex-start;
gap:7px;
}
.db-backend .category-manager-page .category-manager-table .category-action-cell .info-spot{
margin-right:auto;
}
.db-backend .category-manager-page .category-manager-table .category-action-cell .button{
min-height:36px;
padding:0 12px!important;
}
}
/* Member manager -------------------------------------------------------- */
.db-backend .member-manager{min-width:0}
.db-backend .member-page-title{margin-bottom:22px}
.db-backend .member-page-title h1{margin-bottom:5px}
.db-backend .member-page-title p{margin:0;color:#8490a1;font-size:14px}
.db-backend .member-card{overflow:visible;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.045)}
.db-backend .member-toolbar{display:flex;align-items:flex-end;gap:12px;padding:18px;border-bottom:1px solid #e8edf3}
.db-backend .member-add-button,.db-backend .member-search-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border:0;border-radius:8px;background:#fb7900;color:#fff!important;font-weight:700;text-decoration:none;box-shadow:0 5px 12px rgba(251,121,0,.18);cursor:pointer}
.db-backend .member-add-button:hover,.db-backend .member-search-button:hover{background:#ea6e00}
.db-backend .member-add-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.db-backend .member-search-form{display:flex;flex:1;max-width:470px;margin-left:auto}
.db-backend .member-search-box{display:flex;align-items:center;flex:1;min-width:160px;height:42px;padding:0 13px;border:1px solid #d9e1eb;border-radius:8px 0 0 8px;background:#fff}
.db-backend .member-search-box:focus-within{position:relative;z-index:1;border-color:#fb7900;box-shadow:0 0 0 3px rgba(251,121,0,.1)}
.db-backend .member-search-box svg{flex:0 0 18px;width:18px;height:18px;margin-right:8px;fill:none;stroke:#8290a3;stroke-width:2}
.db-backend .member-search-box input{width:100%;height:100%;padding:0;border:0!important;outline:0;background:transparent;box-shadow:none!important;color:#263244}
.db-backend .member-search-button{min-height:42px;border-radius:0 8px 8px 0;box-shadow:none}
.db-backend .member-filter-group,.db-backend .member-page-size{display:flex;align-items:center;gap:8px;color:#64748b;white-space:nowrap}
.db-backend .member-filter-group{flex-direction:column;align-items:flex-start;gap:5px}
.db-backend .member-filter-group label{font-size:12px;font-weight:700;color:#66758a}
.db-backend .member-filter-group select,.db-backend .member-page-size select{height:42px;min-width:145px;border:1px solid #d9e1eb;border-radius:8px;background:#fff;color:#344256}
.db-backend .member-page-size select{min-width:68px}
.db-backend .member-table-wrap{width:100%;overflow-x:auto}
.db-backend .member-table{width:100%;min-width:980px;border:0;border-collapse:separate;border-spacing:0;color:#334155}
.db-backend .member-table th{height:50px;padding:10px 13px;border:0;border-bottom:1px solid #dfe6ee;background:#f8fafc;color:#526177;font-size:13px;font-weight:700;text-align:left}
.db-backend .member-table td{height:70px;padding:12px 13px;border:0;border-bottom:1px solid #edf1f5;background:#fff;vertical-align:middle}
.db-backend .member-table tbody tr:hover td{background:#fffaf5}
.db-backend .member-table tbody tr:last-child td{border-bottom:0}
.db-backend .member-check{width:44px;text-align:center!important}
.db-backend .member-table input[type=checkbox]:not(.status_switch){width:17px;height:17px;accent-color:#fb7900}
.db-backend .member-id{display:inline-flex;padding:4px 8px;border-radius:6px;background:#f1f5f9;color:#64748b;font-size:12px;font-weight:700}
.db-backend .member-username{color:#1f2937}
.db-backend .member-email{color:#526177;text-decoration:none}
.db-backend .member-email:hover{color:#fb7900}
.db-backend .member-date{color:#66758a;font-size:12px;white-space:nowrap}
.db-backend .member-group-select{width:100%!important;min-width:135px;max-width:190px;height:38px;border:1px solid #d9e1eb;border-radius:7px;background:#fff}
.db-backend .member-actions{display:flex;align-items:center;justify-content:flex-start;gap:7px;white-space:nowrap}
.db-backend .member-actions>.switch{
position:relative!important;display:inline-block!important;flex:0 0 92px!important;
width:92px!important;height:30px!important;margin:0 3px 0 0!important;
border:1px solid #dfe6ee!important;border-radius:16px!important;
background:#f1f4f7!important;box-shadow:none!important;overflow:hidden!important;
}
.db-backend .member-actions>.switch>.switch-on,
.db-backend .member-actions>.switch>.switch-off{
position:absolute!important;top:0!important;bottom:0!important;
border:0!important;border-radius:16px!important;background:none!important;
box-shadow:none!important;text-shadow:none!important;font-size:9px!important;
font-weight:700!important;line-height:28px!important;text-align:center!important;
}
.db-backend .member-actions>.switch>.switch-on{left:0!important;right:27px!important;color:#23933a!important}
.db-backend .member-actions>.switch>.switch-off{left:27px!important;right:0!important;color:#8793a4!important}
.db-backend .member-actions>.switch>.switch-on>span,
.db-backend .member-actions>.switch>.switch-off>span{display:block!important;width:auto!important;margin:0!important;padding:0!important}
.db-backend .member-actions>.switch>.switch-button{
position:absolute!important;z-index:2!important;top:2px!important;left:2px!important;
width:24px!important;height:24px!important;border:0!important;border-radius:50%!important;
background:#fff!important;box-shadow:0 1px 4px rgba(31,43,58,.22)!important;
transition:left .2s ease,background-color .2s ease!important;
}
.db-backend .member-actions>.switch.checked{border-color:#ccebd4!important;background:#eaf8ed!important}
.db-backend .member-actions>.switch.checked>.switch-button {
left: 64px !important;
background: #38a36e !important;
}
div#tooltips .message.tooltip button {
margin: 10px 5px 5px;
border: 0;
padding: 5px 8px;
border-radius: 4px;
border: 1px solid #f7933f;
color: #f7933f;
background: #fff;
}
div#tooltips .message.tooltip button.glossy {
background: linear-gradient(135deg, #f7933f 0%, #ef741c 55%, #dc5d0d 100%) !important;
border: 0 !important;
box-shadow: 1px 1px 4px #ccc !important;
color: #fff;
}
.db-backend .member-actions>.switch.checked>.switch-off{display:none!important}
.db-backend .member-actions>.switch:not(.checked)>.switch-on{display:none!important}
.db-backend .member-actions>.switch .select-loading{position:absolute!important;z-index:4!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;background:rgba(255,255,255,.8)!important}
.db-backend .member-icon-button{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;padding:0;border:1px solid #dbe3ec;border-radius:7px;background:#fff;color:#556477;box-shadow:none;cursor:pointer}
.db-backend .member-icon-button:hover{border-color:#fb7900;color:#fb7900;background:#fffaf5}
.db-backend .member-icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.db-backend .member-delete-button{color:#ef4444;border-color:#fecaca}
.db-backend .member-delete-button:hover{color:#dc2626;border-color:#f87171;background:#fff5f5}
.db-backend .member-empty-state{display:flex;min-height:260px;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#8793a5;text-align:center}
.db-backend .member-empty-state svg{width:48px;height:48px;fill:none;stroke:#fb7900;stroke-width:1.4;stroke-linecap:round}
.db-backend .member-empty-state strong{color:#334155;font-size:16px}
.db-backend .member-pagination{display:flex;align-items:center;justify-content:space-between;min-height:66px;padding:13px 18px!important;border-top:1px solid #e8edf3!important;border-radius:0 0 14px 14px!important;background:#fff!important;box-shadow:none!important}
.db-backend .member-pagination ul{display:flex;align-items:center;gap:5px;margin:0!important;padding:0!important;list-style:none}
.db-backend .member-pagination li{margin:0!important;list-style:none!important}
.db-backend .member-pagination a,.db-backend .member-pagination .button{display:inline-flex!important;min-width:36px;height:36px;align-items:center;justify-content:center;padding:0 10px!important;border:1px solid #dfe6ee!important;border-radius:7px!important;background:#fff!important;color:#5e6d81!important;box-shadow:none!important;text-decoration:none}
.db-backend .member-pagination .current,.db-backend .member-pagination .orange-gradient{border-color:#fb7900!important;background:#fb7900!important;color:#fff!important}
@media(max-width:1100px){
.db-backend .member-toolbar{align-items:stretch;flex-wrap:wrap}
.db-backend .member-search-form{order:3;flex-basis:100%;max-width:none;margin-left:0}
}
@media(max-width:700px){
.db-backend .member-page-title{margin-bottom:15px}
.db-backend .member-toolbar{padding:13px}
.db-backend .member-add-button{width:100%}
.db-backend .member-filter-group{flex:1}
.db-backend .member-filter-group .select,.db-backend .member-filter-group select{width:100%!important}
.db-backend .member-page-size{align-self:flex-end}
.db-backend .member-table-wrap{overflow:visible}
.db-backend .member-table{display:block;min-width:0}
.db-backend .member-table thead{display:block}
.db-backend .member-table thead tr{display:flex;align-items:center;padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e4eaf1}
.db-backend .member-table thead th{display:none;height:auto;padding:0;border:0;background:transparent}
.db-backend .member-table thead .member-check{display:flex;width:auto;gap:8px}
.db-backend .member-table thead .member-check:after{content:'เลือกทั้งหมด';font-weight:600;color:#526177}
.db-backend .member-table tbody{display:block;padding:12px;background:#f8fafc}
.db-backend .member-table tbody tr{position:relative;display:grid;margin-bottom:12px;border:1px solid #dfe6ee;border-radius:10px;background:#fff;overflow:visible}
.db-backend .member-table tbody td{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:center;min-height:51px;height:auto;padding:10px 12px;border-bottom:1px solid #edf1f5!important}
.db-backend .member-table tbody td:before{content:attr(data-label);color:#718096;font-size:12px;font-weight:700}
.db-backend .member-table tbody .member-check{display:flex;position:absolute;right:15px;width:auto;z-index:2;border:0!important;background:transparent!important}
.db-backend .member-table tbody .member-check:before{display:none}
.db-backend .member-actions{display:grid!important;grid-template-columns:105px minmax(0,1fr)!important}
.db-backend .member-actions:before{grid-column:1}
.db-backend .member-actions>*{grid-column:auto}
.db-backend .member-actions>.switch{grid-column:2}
.db-backend .member-icon-button{grid-row:2}
.db-backend .member-group-select,.db-backend .member-group-select+.select{width:100%!important;max-width:none}
.db-backend .member-empty-row td{display:block!important}
.db-backend .member-empty-row td:before{display:none}
.db-backend .member-pagination{align-items:flex-start;flex-direction:column;gap:10px}
}
/* Add/edit member form -------------------------------------------------- */
.db-backend .member-form-page{min-width:0}
.db-backend .member-form-title{margin-bottom:22px}
.db-backend .member-form-title h1{margin-bottom:5px}
.db-backend .member-form-title p{margin:0;color:#8490a1;font-size:14px}
.db-backend .member-form-notice{width:100%;max-width:920px;margin:0 0 14px;padding:12px 15px;border:1px solid;border-radius:9px;font-size:13px;line-height:1.55}
.db-backend .member-form-notice.is-error{border-color:#fecaca;background:#fff5f5;color:#b91c1c}
.db-backend .member-form-notice.is-success{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}
.db-backend .member-form-notice .log{font:inherit;color:inherit}
.db-backend .member-form-card{width:100%;max-width:920px;border:1px solid #e1e8f0;border-radius:14px;background:#fff;box-shadow:0 6px 22px rgba(15,23,42,.05);overflow:hidden}
.db-backend .member-form-card-head{display:flex;align-items:center;gap:13px;padding:20px 24px;border-bottom:1px solid #e6ebf1}
.db-backend .member-form-step{display:inline-flex;flex:0 0 34px;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#fb7900;color:#fff;font-weight:800;box-shadow:0 5px 12px rgba(251,121,0,.25)}
.db-backend .member-form-card-head h2{margin:0 0 3px;color:#1f2937;font-size:18px;font-weight:700}
.db-backend .member-form-card-head p{margin:0;color:#8a96a7;font-size:13px}
.db-backend .member-create-form{padding:25px 24px 0}
.db-backend .member-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}
.db-backend .member-field{min-width:0}
.db-backend .member-field>label{display:block;margin:0 0 8px;color:#334155;font-size:13px;font-weight:700}
.db-backend .member-required{margin-left:3px;color:#ef4444}
.db-backend .member-input-wrap{display:flex;align-items:center;width:100%;height:46px;border:1px solid #d9e1eb;border-radius:8px;background:#fff;transition:border-color .18s,box-shadow .18s}
.db-backend .member-input-wrap:focus-within{border-color:#fb7900;box-shadow:0 0 0 3px rgba(251,121,0,.1)}
.db-backend .member-input-wrap>svg{flex:0 0 19px;width:19px;height:19px;margin:0 0 0 14px;fill:none;stroke:#8b98aa;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.db-backend .member-input-wrap>input{width:100%;height:100%;min-width:0;padding:0 13px;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;color:#273449;font:inherit}
.db-backend .member-input-wrap>input::placeholder{color:#a4adba}
.db-backend .member-field>small{display:block;min-height:18px;margin-top:7px;color:#8a96a7;font-size:11px;line-height:1.45}
.db-backend .member-form-actions{display:flex;align-items:center;gap:10px;margin:25px -24px 0;padding:17px 24px;border-top:1px solid #e6ebf1;background:#fbfcfe}
.db-backend .member-save-button,.db-backend .member-cancel-button{display:inline-flex;min-width:130px;height:43px;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:8px;font-weight:700;text-decoration:none;cursor:pointer}
.db-backend .member-save-button{border:1px solid #fb7900;background:#fb7900;color:#fff;box-shadow:0 5px 12px rgba(251,121,0,.18)}
.db-backend .member-save-button:hover{border-color:#ea6e00;background:#ea6e00}
.db-backend .member-cancel-button{border:1px solid #d9e1eb;background:#fff;color:#536174!important}
.db-backend .member-cancel-button:hover{border-color:#b9c4d2;background:#f8fafc}
.db-backend .member-save-button svg,.db-backend .member-cancel-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){
.db-backend .member-form-card-head{padding:17px}
.db-backend .member-create-form{padding:19px 16px 0}
.db-backend .member-fields-grid{grid-template-columns:1fr;gap:17px}
.db-backend .member-form-actions{margin:20px -16px 0;padding:15px 16px}
.db-backend .member-save-button,.db-backend .member-cancel-button{flex:1;min-width:0}
}
/* Account, settings and subscription pages ----------------------------- */
.db-backend .account-info-page,.db-backend .account-settings-page,.db-backend .subscription-page{min-width:0}
.db-backend .account-page-title{margin-bottom:22px}
.db-backend .account-page-title h1{margin-bottom:5px}
.db-backend .account-page-title p{margin:0;color:#8490a1;font-size:14px}
.db-backend .account-notice{margin:0 0 14px;padding:12px 15px;border:1px solid;border-radius:9px;font-size:13px;line-height:1.55}
.db-backend .account-notice.is-error{border-color:#fecaca;background:#fff5f5;color:#b91c1c}
.db-backend .account-notice.is-success{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}
.db-backend .account-page-content,.db-backend .account-settings-content,.db-backend .subscription-page>.with-padding{padding:0!important}
.db-backend .account-tabs,.db-backend .settings-card{border:1px solid #e1e8f0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 6px 22px rgba(15,23,42,.05)!important;overflow:visible}
.db-backend .account-tabs>.tabs,.db-backend .settings-card>.tabs{display:flex!important;gap:5px!important;margin:0!important;padding:14px 18px!important;border:0!important;border-bottom:1px solid #e6ebf1!important;border-radius:14px 14px 0 0!important;background:#fff!important;list-style:none!important}
.db-backend .account-tabs>.tabs li,.db-backend .settings-card>.tabs li{float:none!important;margin:0!important;padding:0!important;border:0!important;background:none!important;list-style:none!important}
.db-backend .account-tabs>.tabs a,.db-backend .settings-card>.tabs a{display:flex!important;align-items:center;min-height:40px;padding:0 15px!important;border:1px solid transparent!important;border-radius:8px!important;background:#fff!important;color:#637083!important;font-size:13px!important;font-weight:600!important;text-decoration:none!important;box-shadow:none!important}
.db-backend .account-tabs>.tabs li.active a,.db-backend .settings-card>.tabs li.active a{border-color:#fed7aa!important;background:#fff3e8!important;color:#ea6500!important}
.db-backend .account-tabs>.tabs-content,.db-backend .settings-card>.tabs-content{border:0!important;border-radius:0 0 14px 14px!important;background:#fff!important;box-shadow:none!important}
.db-backend .account-tabs>.tabs-content>#tab-1{padding:22px!important}
.db-backend .account-info-page .form_content{max-width:1120px;margin:0 auto}
.db-backend .account-info-page .form_content>.button-height{margin:0 0 14px!important}
.db-backend .account-info-page .form_content>.button-height .button{display:inline-flex;align-items:center;min-height:40px;padding:0 16px!important;border:1px solid #fb7900!important;border-radius:8px!important;background:#fff!important;color:#fb7900!important;box-shadow:none!important;font-weight:700;text-decoration:none}
.db-backend .account-info-page .board_banner{position:relative;min-height:230px;margin-bottom:24px;border:1px solid #dfe6ee;border-radius:12px;background:#f8fafc;overflow:hidden}
.db-backend .account-info-page #store_banner{display:block;width:100%!important;height:230px!important;object-fit:cover;border:0!important}
.db-backend .account-info-page .pic_profile{position:absolute;z-index:3;left:25px;bottom:20px;width:120px;height:120px;border:4px solid #fff;border-radius:50%;background:#eef2f6;box-shadow:0 5px 18px rgba(15,23,42,.18);overflow:hidden}
.db-backend .account-info-page .pic_profile>img{width:100%!important;height:100%!important;object-fit:cover;border-radius:50%}
.db-backend .account-info-page .manage_pic_profile{position:absolute!important;inset:auto 0 0!important;padding:8px!important;background:rgba(15,23,42,.82)!important;color:#fff!important;font-size:11px!important;text-align:center}
.db-backend .account-info-page .click-to-edit{position:absolute;z-index:2;right:14px;top:14px;padding:8px 12px;border-radius:7px;background:rgba(255,255,255,.94);box-shadow:0 3px 10px rgba(15,23,42,.12)}
.db-backend .account-info-page .legend{display:block;width:100%;margin:0 0 18px!important;padding:0 0 13px!important;border:0!important;border-bottom:1px solid #e6ebf1!important;color:#1f2937!important;font-size:18px!important;font-weight:700!important}
.db-backend .account-info-page .columns{display:flex;flex-wrap:wrap;gap:22px;margin:0!important}
.db-backend .account-info-page .six-columns{float:none!important;flex:1 1 420px;width:auto!important;margin:0!important;padding:20px!important;border:1px solid #e1e8f0;border-radius:12px;background:#fff}
.db-backend .account-info-page form.user_info_form1{width:100%;min-width:0}
.db-backend .account-info-page form.user_info_form1>p,.db-backend .account-info-page form.user_info_form1>.field-block{margin:0 0 17px!important}
.db-backend .account-info-page form.user_info_form1 label{display:block;margin:0 0 7px;color:#3d4b5f;font-size:13px;font-weight:700;text-align:left!important}
.db-backend .account-info-page form.user_info_form1 input[type=text],.db-backend .account-info-page form.user_info_form1 input[type=email],.db-backend .account-info-page form.user_info_form1 input[type=password],.db-backend .account-info-page form.user_info_form1 select,.db-backend .account-info-page form.user_info_form1 textarea{width:100%!important;max-width:100%!important;min-height:43px;padding:9px 12px!important;border:1px solid #d9e1eb!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;color:#334155;box-sizing:border-box}
.db-backend .account-info-page form.user_info_form1 textarea{min-height:105px;resize:vertical}
.db-backend .account-info-page form.user_info_form1 input:focus,.db-backend .account-info-page form.user_info_form1 select:focus,.db-backend .account-info-page form.user_info_form1 textarea:focus{outline:0;border-color:#fb7900!important;box-shadow:0 0 0 3px rgba(251,121,0,.1)!important}
.db-backend .account-info-page form.user_info_form1 button[type=submit], .db-backend .account-info-page .button_p, .db-backend .account-info-page .save-user-info1 {
display: block !important;
align-items: center;
justify-content: center;
min-width: 130px;
min-height: 42px;
padding: 0 18px !important;
border: 1px solid #fb7900 !important;
border-radius: 8px !important;
background: #fb7900 !important;
color: #fff !important;
box-shadow: 0 5px 12px rgba(251, 121, 0, .18) !important;
font-weight: 700 !important;
cursor: pointer;
margin: 0 auto;
}
.manage_merchant span.button.compact {
color: #000;
}
form#account_form li {
display: grid;
grid-template-columns: 120px 1fr 20px;
gap: 10px;
margin-bottom: 15px;
align-items: center;
}
form#account_form li .mandatory {
margin: 0;
right: -7px;
top: 10px;
}
form#account_form input[name="receivemail"] {
width: 20px;
height: 20px;
margin-left: 20px;
}
.db-backend .account-info-page .merchant_photo{position:relative;max-width:250px;margin:0 auto 20px;border:1px solid #dfe6ee;border-radius:12px;background:#f8fafc;overflow:hidden}
.db-backend .account-info-page .merchant_photo>img{display:block;width:100%!important;height:220px!important;object-fit:contain}
.db-backend .account-info-page .manage_merchant {
display: block!important;
inset:auto 0 0!important;
padding:10px!important;background:rgba(15,23,42,.86)!important;color:#fff!important}
.manage_merchant span.input.file {
display: flex;
align-items: center;
gap: 10px;
margin: 0 0 15px;
}
.manage_merchant span.input.file input {
height: 36px;
}
.manage_merchant .title {
margin: 0 0 10px;
}
.manage_merchant span.input.file {
display: flex;
align-items: center;
gap: 10px;
margin: 0 0 15px;
background: #fff;
outline: 0;
}
.db-backend .account-info-page .manage_merchant span.input.file {
box-sizing:border-box;
width:100%;
height:42px;
min-width:0;
border:1px solid #d9e1eb;
border-radius:8px;
overflow:hidden;
}
.db-backend .account-info-page .manage_merchant span.input.file .file-text {
display:block;
box-sizing:border-box;
padding:0 100px 0 11px;
color:#334155;
font-size:12px;
line-height:40px;
white-space:nowrap;
text-align:left;
text-overflow:ellipsis;
}
.db-backend .account-info-page .manage_merchant span.input.file>.button {
top:3px;
right:3px;
max-width:92px;
overflow:hidden;
white-space:nowrap;
}
.db-backend .account-settings-content>.left-column-100px,.db-backend .account-settings-content .right-column{float:none!important;width:100%!important;margin:0!important;padding:0!important}
.db-backend .settings-card{max-width:1000px}
.db-backend .settings-card>.tabs-content>div{padding:20px 22px!important}
.db-backend .settings-card .columns{display:grid!important;grid-template-columns:minmax(0,1fr);gap:0;margin:0!important}
.db-backend .settings-card .five-columns,.db-backend .settings-card .seven-columns{float:none!important;width:auto!important;margin:0!important}
.db-backend .settings-card .five-columns{display:flex;align-items:center;min-height:62px;padding:12px 170px 12px 3px!important;border-bottom:1px solid #edf1f5!important;color:#334155}
.db-backend .settings-card .seven-columns{display:flex;align-items:center;justify-content:flex-end;min-height:0;margin-top:-62px;padding:10px 3px 10px 0!important;border-bottom:1px solid transparent!important;pointer-events:none}
.db-backend .settings-card .seven-columns>*{pointer-events:auto}
.db-backend .settings-card .columns>.clear{display:none!important}
.db-backend .settings-card .seven-columns select,.db-backend .settings-card .seven-columns .select{width:145px!important;min-width:145px;height:40px;border:1px solid #d9e1eb!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;color:#526177}
.db-backend .settings-card .info-spot{margin-left:8px}
.db-backend .account-settings-page .message{max-width:1000px;margin:0 0 14px!important;padding:12px 15px!important;border:1px solid;border-radius:9px!important;background-image:none!important;box-shadow:none!important}
.db-backend .account-settings-page .green-gradient.message{border-color:#bbf7d0!important;background:#f0fdf4!important;color:#15803d!important}
.db-backend .account-settings-page .red-gradient.message{border-color:#fecaca!important;background:#fff5f5!important;color:#b91c1c!important}
.db-backend .subscription-page #form_container{max-width:1100px;margin:0 auto}
.db-backend .subscription-page details{border:1px solid #e1e8f0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 6px 22px rgba(15,23,42,.05)!important;overflow:hidden}
.db-backend .subscription-page details>summary{display:flex!important;align-items:center;min-height:68px;padding:0 23px!important;border:0!important;border-bottom:1px solid #e6ebf1!important;background:#fff!important;color:#1f2937!important;font-size:18px!important;cursor:pointer}
.db-backend .subscription-page details>summary:before{content:'★';display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;margin-right:12px;border-radius:50%;background:#fff3e8;color:#fb7900}
.db-backend .subscription-page details>.with-padding{padding:22px!important}
.db-backend .subscription-page .wrapped.relative.box{padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important}
.db-backend .subscription-page .ribbon{position:static!important;display:inline-flex;margin:0 0 17px!important}
.db-backend .subscription-page .ribbon-inner{display:inline-flex!important;align-items:center;min-height:32px;padding:0 13px!important;border:0!important;border-radius:999px!important;background:#fff3e8!important;color:#ea6500!important;box-shadow:none!important;font-weight:700}
.db-backend .subscription-page .columns{display:grid!important;grid-template-columns:minmax(0,1.3fr) 220px minmax(280px,1fr);gap:24px;margin:0!important}
.db-backend .subscription-page .columns>div{float:none!important;width:auto!important;margin:0!important}
.db-backend .subscription-page .five-columns{padding:18px;border:1px solid #e6ebf1;border-radius:10px;background:#fbfcfe;color:#59687c;line-height:1.7}
.db-backend .subscription-page .progress.vertical.large {
height: 180px !important;
margin: 12px auto 20px !important;
display: block;
}
.db-backend .subscription-page .bullet-list{margin:0!important;padding:0!important;list-style:none!important}
.db-backend .subscription-page .bullet-list li {
margin: 0 !important;
padding: 11px 0 !important;
border-bottom: 1px solid #edf1f5;
color: #5d6b7e;
list-style: none !important;
display: flex;
align-items: center;
gap: 10px;
}
.db-backend .subscription-page .bullet-list li:last-child{border-bottom:0}
.db-backend .subscription-page .bullet-list strong{color:#263244}
.db-backend .subscription-page .button{display:inline-flex!important;align-items:center;min-height:37px;padding:0 13px!important;border:1px solid #fed7aa!important;border-radius:7px!important;background:#fff!important;color:#ea6500!important;box-shadow:none!important;text-decoration:none}
.db-backend .subscription-page .green-gradient.button{border-color:#bbf7d0!important;background:#f0fdf4!important;color:#15803d!important}
.db-backend .subscription-page .orange-gradient.button{border-color:#fed7aa!important;background:#fff7ed!important;color:#c2410c!important}
.db-backend .subscription-page .red-gradient.button{border-color:#fecaca!important;background:#fff5f5!important;color:#b91c1c!important}
.db-backend .subscription-page #form_container>h3{padding:45px 20px 12px;border:1px solid #e1e8f0;border-bottom:0;border-radius:14px 14px 0 0;background:#fff;color:#334155;text-align:center}
.db-backend .subscription-page #form_container>h3+ a{display:flex!important;width:220px;margin:0 auto;padding:0 18px!important}
@media(max-width:900px){
.db-backend .subscription-page .columns{grid-template-columns:1fr 190px}
.db-backend .subscription-page .columns>.four-columns{grid-column:1/-1}
}
@media(max-width:700px){
.db-backend .account-tabs>.tabs,.db-backend .settings-card>.tabs{overflow-x:auto;padding:10px!important}
.db-backend .account-tabs>.tabs a,.db-backend .settings-card>.tabs a{white-space:nowrap}
.db-backend .account-tabs>.tabs-content>#tab-1{padding:14px!important}
.db-backend .account-info-page .board_banner{min-height:190px}
.db-backend .account-info-page #store_banner{height:190px!important}
.db-backend .account-info-page .pic_profile{left:15px;bottom:15px;width:90px;height:90px}
.db-backend .account-info-page .six-columns{flex-basis:100%;padding:15px!important}
.db-backend .settings-card>.tabs-content>div{padding:12px 14px!important}
.db-backend .settings-card .five-columns{padding-right:140px!important;font-size:12px}
.db-backend .settings-card .seven-columns select,.db-backend .settings-card .seven-columns .select{width:125px!important;min-width:125px}
.db-backend .subscription-page details>.with-padding{padding:14px!important}
.db-backend .subscription-page .columns{grid-template-columns:1fr}
.db-backend .subscription-page .columns>.four-columns{grid-column:auto}
}
/* Keep message detail overrides after the mailbox/mobile legacy rules. */
.db-backend .mode_open .mailbox-content>#box_board_message{padding:18px!important;background:#f8fafc!important}
.db-backend .mail-detail-header{position:relative}
.db-backend .mail-action-button.active{border-color:#fed7aa!important;background:#fff7ed!important;color:#fb7900!important}
@media(max-width:700px){
.db-backend .mode_open .mailbox-content>#box_board_message{padding:10px!important}
}
/* Legacy HTML email content -------------------------------------------- */
.db-backend .mail-detail-content>table[width="100%"]{width:100%!important;margin:0!important;border:1px solid #e3e8ef!important;border-collapse:separate!important;border-spacing:0!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important;color:#344054!important;font-family:inherit!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr>td{padding:20px!important;border:0!important;background:#fff!important;color:#344054!important;font-family:inherit!important;font-size:14px!important;line-height:1.7!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:first-child>td{padding:16px 20px!important;border-bottom:1px solid #edf1f5!important;background:#fff!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:first-child img{display:block!important;width:auto!important;max-width:150px!important;height:44px!important;object-fit:contain!important;object-position:left center}
.db-backend .mail-detail-content>table[width="100%"] p{margin:0 0 16px!important;color:#475467!important;font-family:inherit!important;font-size:14px!important;line-height:1.75!important}
.db-backend .mail-detail-content>table[width="100%"] strong{color:#1f2937!important;font-weight:700!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div{padding:18px!important;border:1px solid #fed7aa!important;border-radius:10px!important;background:#fffaf5!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div>table:first-child{width:100%!important;margin:0 0 18px!important;border:0!important;border-collapse:collapse!important;background:#fff!important;border-radius:8px!important;box-shadow:0 1px 4px rgba(15,23,42,.04)!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div>table:first-child td{padding:16px!important;border:0!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div>table:first-child p{margin:0!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div>table:first-child p strong:first-child{display:inline-flex!important;margin-bottom:7px!important;color:#fb7900!important;font-size:12px!important;letter-spacing:.03em!important;text-transform:uppercase!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div>table:last-child{width:100%!important;border:1px solid #e4e9f0!important;border-collapse:separate!important;border-spacing:0!important;border-radius:9px!important;background:#fff!important;overflow:hidden!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div>table:last-child th{padding:11px 14px!important;border:0!important;border-bottom:1px solid #e7ecf2!important;background:#f8fafc!important;color:#334155!important;font-family:inherit!important;font-size:13px!important;font-weight:700!important;line-height:1.4!important;text-align:left!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div>table:last-child th:first-child{border-right:1px solid #e7ecf2!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div>table:last-child th:nth-child(2){width:0!important;padding:0!important;border:0!important;font-size:0!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div>table:last-child td{padding:14px!important;border:0!important;background:#fff!important;color:#526174!important;font-family:inherit!important;font-size:13px!important;line-height:1.8!important;text-transform:none!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div>table:last-child td:first-child{border-right:1px solid #e7ecf2!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div>table:last-child td:nth-child(2){width:0!important;padding:0!important;font-size:0!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:last-child>td{padding:13px 18px!important;border-top:1px solid #e7ecf2!important;background:#f8fafc!important;color:#7b8798!important;text-align:center!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:last-child p{margin:0!important;color:#7b8798!important;font-size:12px!important}
.db-backend .mail-detail-content>table[width="100%"] a{color:#ea6500!important;text-decoration:none!important}
@media(max-width:700px){
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr>td{padding:14px!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div{padding:11px!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div>table:last-child,.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div>table:last-child thead,.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div>table:last-child tbody,.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div>table:last-child tr{display:block!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div>table:last-child th,.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div>table:last-child td{display:block!important;width:auto!important;border-right:0!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div>table:last-child th:nth-child(2),.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div>table:last-child td:nth-child(2){display:none!important}
.db-backend .mail-detail-content>table[width="100%"]>tbody>tr:nth-child(2)>td>div>table:last-child th:last-child{border-top:1px solid #e7ecf2!important}
}
/* Manage pages */
.db-backend .page-manager{padding:30px 32px 60px;min-width:0}.page-manager-title{display:flex!important;align-items:center;gap:14px;margin:0 0 22px}.page-manager-title-icon{display:inline-flex;flex:0 0 48px;width:48px;height:48px;align-items:center;justify-content:center;border-radius:14px;background:#fff0e2;color:#ff7900}.page-manager-title-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.page-manager-title h1{margin:0;color:#172033;font-size:30px;line-height:1.25}.page-manager-title p{margin:7px 0 0;color:#7a879b;font-size:14px}.page-template-settings-link{display:inline-flex;flex:0 0 46px;width:46px;height:46px;align-items:center;justify-content:center;margin-left:auto;border:1px solid #dce4ed;border-radius:12px;background:#fff;color:#68768a;text-decoration:none;box-shadow:0 4px 12px rgba(30,50,80,.05);transition:border-color .18s,color .18s,background .18s}.page-template-settings-link:hover{border-color:#ffb66d;background:#fff7ef;color:#f47100}.page-template-settings-link svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.page-manager-card,.page-editor-view{overflow:hidden;border:1px solid #dfe6ef;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(30,50,80,.05)}.page-manager-toolbar{display:flex;align-items:center;gap:20px;padding:20px;border-bottom:1px solid #e7ecf2}.page-manager-toolbar form{margin:0}.page-add-button,.page-filter-button,.page-editor-save,.page-config-save{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border:0;border-radius:8px;background:linear-gradient(135deg,#ff8b16,#f66b00);color:#fff;font:600 14px inherit;cursor:pointer;box-shadow:0 5px 12px rgba(255,119,0,.18)}.page-add-button svg,.page-editor-save svg,.page-config-save svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.page-filter-form{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}
.page-search-field{
position:relative;display:block;min-width:260px;
padding:0;
}
.block-message {
padding: 10px;
}
.page-search-field svg{
position:absolute;
left:13px;
top:12px;
width:19px;
height:19px;
fill:none;
stroke:#7d8999;
stroke-width:2;
}
.page-search-field input,.page-filter-form select{box-sizing:border-box;height:44px;border:1px solid #d9e1eb;border-radius:8px;background:#fff;color:#344055;font:14px inherit;outline:0}.page-search-field input{width:100%;padding:0 14px 0 42px}.page-filter-form select{min-width:130px;padding:0 34px 0 12px}.page-search-field input:focus,.page-filter-form select:focus{border-color:#ff7900;box-shadow:0 0 0 3px rgba(255,121,0,.1)}.page-limit-field{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#69768a}.page-limit-field select{min-width:72px}.page-filter-clear{padding:10px 5px;color:#66758a;text-decoration:none;white-space:nowrap}.page-filter-clear:hover{color:#f36f00}.page-manager-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding:10px 20px;color:#718096;font-size:14px}.page-manager-pagination:first-of-type{border-bottom:1px solid #e7ecf2}.page-manager-pagination:last-child{border-top:1px solid #e7ecf2}
.page-manager-pagination nav{
display:flex;
gap:6px;
margin-left: auto;
}
.page-number-button{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 11px;border:1px solid #dce4ee;border-radius:7px;background:#fff;color:#536176;text-decoration:none}.page-number-button:hover,.page-number-button.is-current{border-color:#ff7900;background:#ff7900;color:#fff}.page-number-button.is-disabled{pointer-events:none;opacity:.42}.page-list-table-wrap{width:100%;overflow-x:auto}.page-list-table{width:100%;border-collapse:collapse;table-layout:fixed}.page-list-table th{padding:15px 16px;background:#f7f9fc;border-bottom:1px solid #dfe6ef;color:#5c697d;font-size:13px;text-align:left}.page-list-table td{padding:15px 16px;border-bottom:1px solid #e7ecf2;color:#3f4d62;vertical-align:middle}.page-list-table tbody tr:hover{background:#fffaf5}.page-list-table tbody tr:last-child td{border-bottom:0}.page-col-id{width:90px}.page-list-table th:nth-child(3){width:150px}.page-list-table th:nth-child(4){width:150px}.page-col-actions{width:315px}.page-id{color:#8190a5;font-weight:600}.page-title-cell{display:flex;align-items:center;gap:8px;min-width:0}.page-title-cell strong{overflow:hidden;color:#182235;text-overflow:ellipsis;white-space:nowrap}.page-level-mark{color:#ff7900;letter-spacing:2px}
.page-type-badge{
display:inline-flex;
padding:6px 10px;
border-radius:999px;
background:#f1f4f8;
color:#657388;
white-space:nowrap;
justify-content: center;
}
.page-type-badge.is-link{background:#edf6ff;color:#2775b9}
.page-status-toggle {
display: inline-flex;
align-items: center;
gap: 7px;
border: 0;
border-radius: 999px;
padding: 6px 10px;
background: #edf1f5;
color: #738095;
justify-content: center;
}
.page-status-toggle span{width:8px;height:8px;border-radius:50%;background:#9aa6b6}.page-status-toggle.is-active{background:#e5f8ea;color:#21813b}.page-status-toggle.is-active span{background:#31a94f}.page-row-actions{display:flex;align-items:center;gap:6px}.page-action-button{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;height:36px;padding:0 10px;border:1px solid #dbe3ed;border-radius:7px;background:#fff;color:#536176;font:500 12px inherit;text-decoration:none;cursor:pointer}.page-action-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.page-action-button:hover{border-color:#ff7900;color:#f46f00}.page-action-button.is-primary{background:#fff6ec;border-color:#ffc88f;color:#e86600}.page-action-button.is-danger{color:#e94f54}.page-empty-state{display:flex;min-height:260px;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#8995a6}.page-empty-state svg{width:44px;height:44px;fill:none;stroke:#c3ccd8;stroke-width:1.5}.page-empty-state strong{color:#536176;font-size:16px}.page-manager-alert{margin:12px 20px;padding:12px 15px;border-radius:8px}.page-manager-alert.is-success{background:#e7f8ec;color:#237b3a}.page-manager-alert.is-warning,.page-manager-alert.is-error{background:#fff0ef;color:#be3b3b}
.page-editor-view[hidden],.page-config-modal[hidden]{display:none!important}.page-editor-heading,.page-config-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid #e2e8f0}.page-editor-heading span,.page-config-heading span{color:#f47600;font-size:12px;font-weight:600}.page-editor-heading h2,.page-config-heading h2{margin:3px 0 0;color:#1b2536;font-size:21px}.page-editor-actions{display:flex;gap:8px}.page-editor-save.is-secondary{border:1px solid #ffc891;background:#fff8f1;color:#e86b00;box-shadow:none}.page-editor-close,.page-config-cancel{display:inline-flex;height:44px;align-items:center;justify-content:center;gap:7px;padding:0 16px;border:1px solid #dce3ec;border-radius:8px;background:#fff;color:#536176;cursor:pointer}.page-editor-close svg,.page-config-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.page-editor-body{padding:24px}.page-editor-body #inner_page,.page-editor-body .inner_content{width:100%;margin:0;padding:0}.page-editor-body .float-right,.page-editor-body .close-page{display:none!important}.page-editor-body form[name=update_content]>label{display:block;margin:18px 0 7px;color:#334155;font-weight:600}.page-editor-body input.form-control{box-sizing:border-box;width:100%;height:44px;padding:0 13px;border:1px solid #d7e0eb;border-radius:8px}.page-editor-body .switch-lang{float:none!important;margin-bottom:14px}.page-editor-body .switch-lang ul{display:flex;gap:8px;margin:0;padding:0;list-style:none}.page-editor-body .switch-lang li a{display:block;padding:7px 11px;border:1px solid #dce3ec;border-radius:7px}.page-editor-body .switch-lang li.active a{border-color:#ff7900;background:#fff6ec}.page-editor-body .cke{width:100%!important;border:1px solid #dce3ec!important;border-radius:8px;overflow:hidden}.page-manager-loading{display:flex;min-height:220px;align-items:center;justify-content:center;gap:12px;color:#7c899a}.page-manager-loading span{width:24px;height:24px;border:3px solid #ffe0bd;border-top-color:#ff7900;border-radius:50%;animation:page-spin .75s linear infinite}@keyframes page-spin{to{transform:rotate(360deg)}}
.page-modal-open{overflow:hidden}.page-config-modal{position:fixed;z-index:10010;inset:0;display:flex;align-items:center;justify-content:center;padding:20px}.page-config-backdrop{position:absolute;inset:0;background:rgba(19,28,42,.58);backdrop-filter:blur(3px)}.page-config-dialog{position:relative;display:flex;flex-direction:column;width:min(760px,100%);max-height:90vh;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.3)}.page-config-close{display:grid;width:42px;height:42px;place-items:center;border:1px solid #dce3ec;border-radius:9px;background:#fff;color:#59667a;cursor:pointer}.page-config-modal-body{overflow-y:auto;padding:24px}.page-config-modal-body .block-add-page,.page-config-modal-body .inner-add-page{margin:0;padding:0}.page-config-modal-body .label{display:block;margin:14px 0 7px;color:#344155;font-size:13px;font-weight:600}.page-config-modal-body .input-group,.page-config-modal-body .input-group-lg{display:block!important;width:100%;margin-bottom:20px}.page-config-modal-body .form-control{box-sizing:border-box;width:100%;height:44px;padding:0 12px;border:1px solid #d8e1eb;border-radius:8px;background:#fff}.page-config-modal-body textarea.form-control{height:80px;padding:10px 12px}.page-config-modal-body .input-group-addon{display:none}.page-config-modal-body .checkbox{padding:10px 0;color:#556277}.page-config-footer{display:flex;justify-content:center;gap:10px;padding:16px 24px;border-top:1px solid #e2e8f0;background:#fafbfd;border-radius:0 0 14px 14px}.page-config-save{height:44px}.page-config-save svg{width:18px;height:18px}.page-config-cancel{min-width:100px}
@media(max-width:1100px){.page-manager-toolbar{align-items:stretch;flex-direction:column}.page-filter-form{justify-content:flex-start;flex-wrap:wrap}.page-search-field{flex:1}.page-col-actions{width:260px}.page-action-button span{display:none}.page-action-button{width:36px;justify-content:center;padding:0}}
@media(max-width:700px){.db-backend .page-manager{box-sizing:border-box;width:100%;max-width:100%;padding:20px 10px 36px;overflow:hidden}.page-manager-title{align-items:flex-start;gap:12px;margin-bottom:18px}.page-manager-title-icon{flex-basis:44px;width:44px;height:44px}.page-manager-title>div{min-width:0}.page-manager-title h1{font-size:24px;white-space:normal}.page-manager-title p{line-height:1.55}.page-manager-card{width:100%;max-width:100%;box-sizing:border-box}.page-manager-toolbar{gap:16px;padding:14px}.page-add-button{width:100%;white-space:nowrap}.page-filter-form{display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.page-search-field{
grid-column:1/-1;
min-width:0;
padding: 0;
margin: 0;
}
.page-filter-form select{width:100%;min-width:0}.page-limit-field{grid-column:1/-1;justify-content:flex-start}.page-limit-field select{flex:1}.page-filter-button{width:100%;min-width:0;padding:0 12px;white-space:nowrap}.page-filter-clear{display:flex;min-width:0;align-items:center;justify-content:center;padding:8px 4px;text-align:center;white-space:normal}.page-manager-pagination{box-sizing:border-box;width:100%;min-height:0;align-items:flex-start;flex-direction:column;gap:12px;padding:14px 12px}.page-manager-pagination>span{line-height:1.45}.page-manager-pagination nav{display:flex;width:100%;max-width:100%;flex-wrap:wrap;gap:6px;overflow:visible}.page-number-button{flex:0 0 auto;min-width:36px;height:36px;box-sizing:border-box;padding:0 9px;white-space:nowrap}.page-list-table-wrap{overflow:visible}.page-list-table,.page-list-table tbody{display:block}.page-list-table thead{display:none}.page-list-table tr{display:grid;margin:10px 8px;border:1px solid #dfe6ef;border-radius:10px;overflow:hidden}
.page-list-table td{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;padding:11px 12px;border-bottom:1px solid #edf1f5;overflow-wrap:anywhere}.page-list-table td:before{content:attr(data-label);color:#718096;font-size:12px;font-weight:600}.page-list-table td:last-child{border:0}.page-title-cell{flex-wrap:wrap}.page-title-cell strong{white-space:normal}.page-row-actions{position:relative;display:flex!important;align-items:center;flex-wrap:wrap;gap:6px;padding:11px 12px!important}.page-row-actions:before{position:static;flex:0 0 76px}.page-action-button{flex:0 0 36px;width:36px;min-width:36px;padding:0;justify-content:center}.page-action-button span{display:none}.page-editor-heading{align-items:flex-start;flex-direction:column;padding:16px}.page-editor-actions{display:grid;width:100%;grid-template-columns:1fr 1fr}.page-editor-actions button{min-width:0;padding:0 10px;white-space:nowrap}.page-editor-actions .page-editor-close{grid-column:1/-1}.page-editor-body{padding:12px}.page-config-modal{padding:8px}.page-config-dialog{max-height:96vh}.page-config-modal-body{padding:16px}}
@media(max-width:700px){.db-backend .page-manager{font-size:14px}.page-manager-title h1{font-size:23px;line-height:1.3;font-weight:700}.page-manager-title p{font-size:13px;line-height:1.5}.page-add-button,.page-filter-button,.page-editor-save,.page-editor-close,.page-config-save,.page-config-cancel{font-size:14px;font-weight:600}.page-search-field input,.page-filter-form select,.page-limit-field,.page-filter-clear{font-size:14px}.page-manager-pagination{font-size:13px}.page-number-button{font-size:13px;font-weight:600}.page-list-table td{font-size:14px;line-height:1.45}.page-list-table td:before{font-size:13px;line-height:1.35}.page-id{font-size:13px}.page-title-cell strong{font-size:14px;line-height:1.45}.page-type-badge,.page-status-toggle{font-size:12px;line-height:1.3}.page-editor-heading span,.page-config-heading span{font-size:12px}.page-editor-heading h2,.page-config-heading h2{font-size:19px;line-height:1.35}.page-config-modal-body .label{font-size:13px}.page-config-modal-body .form-control{font-size:14px}}
.page-actions-menu{display:flex;align-items:center;gap:6px}.page-mobile-actions-toggle,.page-mobile-filter-toggle{display:none}
@media(max-width:700px){
.page-mobile-filter-toggle{display:flex;box-sizing:border-box;width:100%;height:44px;align-items:center;justify-content:center;gap:9px;padding:0 13px;border:1px solid #dbe3ed;border-radius:8px;background:#fff;color:#526174;font-size:14px;font-weight:600;cursor:pointer}
.page-mobile-filter-toggle>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.page-mobile-filter-toggle .page-filter-chevron{margin-left:auto;transition:transform .18s ease}
.page-mobile-filter-toggle.is-open{border-color:#ff9a3c;background:#fff8f1;color:#e96c00}
.page-mobile-filter-toggle.is-open .page-filter-chevron{transform:rotate(180deg)}
.page-manager-toolbar .page-filter-form{display:none}
.page-manager-toolbar .page-filter-form.is-mobile-open{display:grid}
}
@media(max-width:700px){
.page-config-modal-body .checkbox {
padding: 10px 0;
color: #556277;
display: grid;
grid-template-columns: repeat(1, 1fr);
height: auto;
}
.page-row-actions{display:grid!important;grid-template-columns:76px minmax(0,1fr);overflow:visible!important}.page-row-actions:before{position:static;display:block;grid-column:1;grid-row:1;align-self:center}.page-mobile-actions-toggle{display:flex;grid-column:2;grid-row:1;box-sizing:border-box;width:100%;height:38px;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border:1px solid #dbe3ed;border-radius:8px;background:#fff;color:#526174;font-size:13px;font-weight:600;cursor:pointer}.page-mobile-actions-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}.page-row-actions.is-menu-open .page-mobile-actions-toggle{border-color:#ff9a3c;background:#fff8f1;color:#e96c00}.page-row-actions.is-menu-open .page-mobile-actions-toggle svg{transform:rotate(180deg)}.page-actions-menu{display:none;grid-column:2;grid-row:2;width:100%;margin-top:7px;padding:6px;align-items:stretch;flex-direction:column;gap:4px;border:1px solid #e0e6ee;border-radius:9px;background:#fff;box-shadow:0 10px 24px rgba(30,45,65,.12)}.page-row-actions.is-menu-open .page-actions-menu{display:flex}
.page-actions-menu .page-action-button {
display:flex;width:100%;min-width:0;height:38px;flex:none;justify-content:flex-start;gap:9px;padding:0 11px;border-color:transparent;background:#fff;
border: 1px solid rgb(212 218 229 / 30%);
}
.page-actions-menu .page-action-button:hover{background:#fff5ea}.page-actions-menu .page-action-button span{display:inline;font-size:13px}.page-actions-menu .page-action-button.is-danger:hover{background:#fff1f1}}
.page-editor-save:disabled{cursor:wait;opacity:.65}
.page-col-order{width:88px}.page-order-actions{display:flex;align-items:center;gap:6px}.page-order-button{display:inline-grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid #dbe3ed;border-radius:7px;background:#fff;color:#536176;cursor:pointer}.page-order-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.page-order-button:hover:not(:disabled){border-color:#ff7900;background:#fff7ef;color:#ef7000}.page-order-button:disabled{cursor:not-allowed;opacity:.32}
@media(max-width:700px){.page-order-actions{justify-content:flex-start}}
/* Account, company, domain and website settings */
.db-backend .settings-theme-page{box-sizing:border-box;min-width:0;padding:30px 32px 60px;color:#273449}
.settings-page-title{display:flex!important;align-items:center;gap:14px;margin:0 0 22px!important}
.settings-title-icon{display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;border-radius:14px;background:#fff0e2;color:#ff7900;font-size:22px;line-height:1}
.settings-page-title h1{margin:0!important;color:#172033!important;font-size:30px!important;line-height:1.2}
.settings-page-title p{margin:7px 0 0;color:#7a879b;font-size:14px}
.settings-theme-page>.with-padding,.settings-theme-page>.columns.with-padding{padding:0!important}
.settings-theme-page #form_container{width:100%;max-width:none}
.settings-theme-page .standard-tabs{overflow:hidden;margin:0!important;border:1px solid #dfe6ef;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(30,50,80,.05)}.settings-theme-page .standard-tabs>.tabs{display:flex;overflow-x:auto;gap:4px;margin:0!important;padding:12px 16px!important;border-bottom:1px solid #e4eaf1;background:#fbfcfe;list-style:none}
.settings-theme-page .standard-tabs>.tabs li{float:none!important;margin:0!important;padding:0!important;white-space:nowrap}.settings-theme-page .standard-tabs>.tabs li a{display:block;padding:10px 14px;border:0!important;border-radius:8px;color:#647186!important;font-size:13px;text-decoration:none!important}.settings-theme-page .standard-tabs>.tabs li.active a,.settings-theme-page .standard-tabs>.tabs li a:hover{background:#fff0e2!important;color:#ef7000!important}
.settings-theme-page .tabs-content{overflow:visible!important;border:0!important;background:#fff!important}.settings-theme-page .tabs-content>.with-padding,.settings-theme-page .tabs-content #tab-2,.settings-theme-page .tabs-content #tab-3{padding:24px!important}.settings-theme-page .form_content{max-width:900px;margin:0 auto}.settings-theme-page form{margin:0}.settings-theme-page fieldset.fieldset,.settings-theme-page form>fieldset{min-width:0;margin:0;padding:0;border:0}.settings-theme-page legend.legend,.settings-theme-page .form_content>form>legend{display:block;box-sizing:border-box;width:100%;margin:0 0 22px;padding:0 0 16px;border:0;border-bottom:1px solid #e4eaf1;color:#1f2a3d;font-size:19px;font-weight:700}.settings-theme-page .form_content form>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin:0;padding:0;list-style:none}.settings-theme-page .form_content form>ul>li{min-width:0;margin:0!important;padding:0!important}.settings-theme-page .form_content form>ul>li>label,.settings-theme-page .form_content li>label{display:block;margin:0 0 8px;color:#3d4a5e;font-size:13px;font-weight:600}.settings-theme-page .mandatory:after{content:' *';color:#ef4444}
.settings-theme-page input.input,.settings-theme-page input[type=text],.settings-theme-page input[type=password],.settings-theme-page input[type=email],.settings-theme-page input[type=url],
.settings-theme-page select,.settings-theme-page textarea{
box-sizing:border-box!important;width:100%!important;max-width:100%;min-height:44px;margin:0!important;
padding:0 38px 0 13px!important;border:1px solid #d8e1eb!important;border-radius:4px!important;background:#fff!important;color:#344155!important;font:14px inherit!important;box-shadow:none!important;outline:0}
.settings-theme-page textarea{min-height:110px;padding:11px 13px!important;resize:vertical}.settings-theme-page select{padding-right:36px!important}.settings-theme-page input:focus,.settings-theme-page select:focus,.settings-theme-page textarea:focus{border-color:#ff7900!important;box-shadow:0 0 0 3px rgba(255,121,0,.1)!important}
.settings-theme-page .replacement.select {
box-sizing: border-box;
max-width: 100%;
border-radius: 4px;
background: #fff;
line-height: 35px;
}
span.file-name a.delete-file:after {
content: 'x';
color: #fff;
}
span.file-name a.delete-file {
width: 20px;
height: 20px;
border-radius: 50%;
text-align: center;
padding: 0 !important;
line-height: 18px !important;
}
.settings-theme-page .select.compact > .select-value {
height: 44px;
}
.settings-theme-page .info-spot {
position: absolute;
top: 13px;
right: 10px;
left: initial;
}
.big-message.alert-domain span.green + strong {
color: green;
}
.big-message.alert-domain span.red + strong {
color: red;
}
.settings-theme-page .buttons{display:flex!important;justify-content:flex-end;align-items:center;gap:10px;margin-top:24px!important;padding-top:20px;border-top:1px solid #e7ecf2;text-align:right!important}.settings-theme-page button.button,.settings-theme-page a.button,.settings-theme-page .button_domain,.settings-theme-page .button_search{display:inline-flex!important;box-sizing:border-box;min-height:42px;align-items:center;justify-content:center;gap:7px;padding:0 18px!important;border:1px solid #dce3ec!important;border-radius:8px!important;background:#fff!important;color:#536176!important;font:600 13px inherit!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer}.settings-theme-page button[type=submit],.settings-theme-page .buttons button,.settings-theme-page .button_domain,.settings-theme-page .button_search,.settings-theme-page .get-domain{border-color:#ff7900!important;background:linear-gradient(135deg,#ff8b16,#f66b00)!important;color:#fff!important;box-shadow:0 5px 12px rgba(255,119,0,.18)!important}.settings-theme-page .button-icon{border:0!important;background:transparent!important;color:inherit!important}.settings-theme-page .cke{overflow:hidden;width:100%!important;border:1px solid #dce3ec!important;border-radius:9px!important}.settings-theme-page .cke_contents{min-height:240px}.settings-theme-page fieldset:not(.fieldset){min-width:0;border:0}.settings-theme-page fieldset:not(.fieldset)>legend{margin-bottom:10px;color:#344155;font-size:14px;font-weight:700}.settings-theme-page table{max-width:100%}.settings-theme-page [id^=gm_]{overflow:hidden;border:1px solid #dce3ec!important;border-radius:10px}.settings-theme-page .boxed.left-border{box-sizing:border-box;margin:18px 0;padding:14px 16px;border:0;border-left:3px solid #ff7900;background:#fff7ef;color:#69768a}.settings-theme-page .block{overflow:hidden;border:1px solid #dfe6ef!important;border-radius:12px!important;background:#fff;box-shadow:0 6px 18px rgba(30,50,80,.05)}.settings-theme-page .block-title{padding:14px 18px!important;border:0!important;border-bottom:1px solid #e5ebf2!important;background:#fff!important;color:#263247!important}.settings-theme-page .block-title h3{margin:0;color:#263247}.settings-theme-page .block>.with-padding{padding:22px!important}.settings-theme-page .table{overflow:hidden;width:100%;border:1px solid #e0e7ef;border-collapse:separate;border-spacing:0;border-radius:10px}.settings-theme-page .table th{padding:13px;background:#f7f9fc;border-bottom:1px solid #dfe6ef;color:#5c697d;text-align:left}.settings-theme-page .table td{padding:14px;border-bottom:1px solid #e7ecf2}.settings-theme-page .table tr:last-child td{border-bottom:0}.domain-settings-page .tabs-content .columns{display:flex;flex-wrap:wrap;gap:20px}.domain-settings-page .tabs-content .twelve-columns{box-sizing:border-box;width:100%!important;margin:0!important}.domain-settings-page .tabs-content .six-columns{box-sizing:border-box;flex:1 1 360px;width:auto!important;margin:0!important}.domain-settings-page #add_domain,.domain-settings-page #edit_domain,.domain-settings-page #search_domain{box-sizing:border-box;padding:22px;border:1px solid #e0e7ef;border-radius:12px;background:#fff}.domain-settings-page form h3{margin:0 0 16px;color:#1f2a3d}.domain-settings-page .button-height{display:flex;align-items:center;gap:10px;height:auto!important;margin:0!important}
.domain-settings-page .button-height>.input {position:relative:0;display:flex;flex:1;min-width:0}
.domain-settings-page .box-search>.input input{flex:1}.domain-settings-page .box-search>.input select{flex:0 0 120px;width:120px!important}.domain-settings-page .current_domain_pending h2{color:#f36f00}.website-settings-page .form_content{max-width:760px}.website-settings-page .form_content form>ul{grid-template-columns:repeat(2,minmax(0,1fr))}.password-settings-page .form_content{max-width:680px}.password-settings-page .form_content form>ul{grid-template-columns:1fr}.company-settings-page .form_content{max-width:1000px}
@media(max-width:800px){.db-backend .settings-theme-page{padding:22px 14px 40px}.settings-page-title h1{font-size:25px!important}.settings-theme-page .standard-tabs>.tabs{padding:10px!important}.settings-theme-page .tabs-content>.with-padding,.settings-theme-page .tabs-content #tab-2,.settings-theme-page .tabs-content #tab-3{padding:16px!important}.settings-theme-page .form_content form>ul,.website-settings-page .form_content form>ul{grid-template-columns:1fr}.domain-settings-page .button-height{align-items:stretch;flex-direction:column}.domain-settings-page .button-height>.input{width:100%}.domain-settings-page .button-height .button,.domain-settings-page .button-height button{width:100%}.settings-theme-page .buttons{justify-content:stretch}.settings-theme-page .buttons>span,.settings-theme-page .buttons button{width:100%}.settings-theme-page .table,.settings-theme-page .table tbody,.settings-theme-page .table tr,.settings-theme-page .table td{display:block}.settings-theme-page .table thead{display:none}.settings-theme-page .table tr{margin-bottom:12px;border:1px solid #e0e7ef;border-radius:9px}.settings-theme-page .table td{border-bottom:1px solid #edf1f5}.settings-theme-page .table tr:last-child td{border-bottom:1px solid #edf1f5}}
.settings-title-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Domain settings: remove legacy blue DataTables chrome and doubled cell borders */
.db-backend .domain-settings-page .block-title.blue-gradient{
border-left:3px solid #ff7900!important;
background:#fff!important;
color:#263247!important;
text-shadow:none!important;
box-shadow:none!important;
}
.db-backend .domain-settings-page .block-title.blue-gradient h3{
color:#263247!important;
text-shadow:none!important;
}
.db-backend .domain-settings-page .dataTables_footer{
display:none!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
.db-backend .domain-settings-page table.table.responsive-table{
border:1px solid #dfe6ef!important;
border-collapse:separate!important;
border-spacing:0!important;
background:#fff!important;
box-shadow:none!important;
}
.db-backend .domain-settings-page table.table.responsive-table>thead>tr>th{
padding:13px 14px!important;
border:0!important;
border-bottom:1px solid #dfe6ef!important;
background:#f7f9fc!important;
color:#5c697d!important;
text-shadow:none!important;
box-shadow:none!important;
}
.db-backend .domain-settings-page table.table.responsive-table>tbody>tr{
background:#fff!important;
}
.db-backend .domain-settings-page table.table.responsive-table>tbody>tr:hover{
background:#fffaf5!important;
}
.db-backend .domain-settings-page table.table.responsive-table>tbody>tr>td{
padding:14px!important;
border:0!important;
border-bottom:1px solid #e7ecf2!important;
background:transparent!important;
box-shadow:none!important;
}
.db-backend .domain-settings-page table.table.responsive-table>tbody>tr:last-child>td{
border-bottom:0!important;
}
.db-backend .domain-settings-page table.table.responsive-table .tag.green-bg{
border:0!important;
border-radius:999px!important;
background:#e6f8eb!important;
color:#21813b!important;
text-shadow:none!important;
box-shadow:none!important;
}
@media(max-width:800px){
.db-backend .domain-settings-page table.table.responsive-table{
display:block!important;
border:0!important;
border-radius:0!important;
}
.db-backend .domain-settings-page table.table.responsive-table>tbody>tr{
overflow:hidden;
margin:0 0 12px!important;
border:1px solid #dfe6ef!important;
border-radius:9px!important;
}
.db-backend .domain-settings-page table.table.responsive-table>tbody>tr>td:last-child{
border-bottom:0!important;
}
}
/* Backend language switch */
.db-backend .db-language-switch{
display:inline-flex;
align-items:center;
padding:3px;
border:1px solid #dfe5ed;
border-radius:9px;
background:#f7f9fc;
}
.db-backend .db-account-profile{
display:flex;
align-items:center;
gap:10px;
min-width:0;
}
.db-backend .db-language-switch button{
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:28px;
margin:0;
padding:0;
border:0;
border-radius:6px;
background:transparent;
color:#7a8698;
font:700 11px/1 Tahoma,Arial,sans-serif;
cursor:pointer;
}
.db-backend .db-language-switch button:hover{
color:#f36f00;
}
.db-backend .db-language-switch button.is-active{
background:#fff;
color:#f36f00;
box-shadow:0 1px 4px rgba(15,23,42,.12);
}
@media(max-width:470px){
.db-backend .db-language-switch{
padding:2px;
}
.db-backend .db-language-switch button{
width:29px;
height:26px;
}
}
/* Company information form */
.db-backend .company-settings-page .form_content{
max-width:1120px;
}
.db-backend .company-settings-page .form_content form>ul{
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:start;
gap:22px 28px;
}
.db-backend .company-settings-page .company-field{
position:relative;
display:block;
min-width:0;
}
.db-backend .company-settings-page .company-field-wide{
grid-column:1/-1;
}
.db-backend .company-settings-page .company-field>fieldset{
min-width:0;
margin:0!important;
padding:0!important;
border:0!important;
}
.db-backend .company-settings-page .company-field input.input,
.db-backend .company-settings-page .company-field textarea.input,
.db-backend .company-settings-page .company-field select,
.db-backend .company-settings-page .company-field .replacement.select,
.db-backend .company-settings-page .company-field .select-value{
box-sizing:border-box!important;
width:100%!important;
max-width:none!important;
}
.db-backend .company-settings-page .company-field .replacement.select{
display:block!important;
position:relative!important;
min-height:44px!important;
}
.db-backend .company-settings-page .company-field .replacement.select>.select-value{
display:block!important;
height:42px!important;
padding:0 42px 0 13px!important;
line-height:42px!important;
border-right: 0 !important;
}
.db-backend .company-settings-page .company-field .replacement.select>.select-arrow{
position:absolute!important;
top:0!important;
right:0!important;
width:40px!important;
height:42px!important;
}
.db-backend .company-settings-page .company-field>.info-spot,
.db-backend .company-settings-page .company-field>fieldset>.info-spot{
position:absolute;
top:49px;
right:10px;
left: initial;
z-index:2;
margin:0!important;
}
.db-backend .company-settings-page .company-field textarea{
line-height:1.55!important;
}
.db-backend .company-settings-page .company-field-htmlarea .cke{
min-height:390px;
}
.db-backend .company-settings-page .company-field-htmlarea .cke_contents{
min-height:300px!important;
}
.db-backend .company-settings-page .company-field-google_maps{
padding-top:2px!important;
}
.db-backend .company-settings-page .company-field-google_maps fieldset>legend{
display:block;
width:100%;
margin:0 0 10px;
padding:0;
}
.db-backend .company-settings-page .company-field-google_maps .input{
display:block;
margin:0 0 12px;
}
.db-backend .company-settings-page .company-field-google_maps .buttons{
display:block!important;
margin:0!important;
padding:0!important;
border:0!important;
}
.db-backend .company-settings-page .company-field-google_maps .buttons>span:first-child{
display:flex;
align-items:center;
gap:10px;
}
.db-backend .company-settings-page .company-field-google_maps #gmap_search{
flex:1;
}
.db-backend .company-settings-page .company-field-google_maps #geocoding_form{
flex:0 0 auto;
min-height:44px;
border-color:#ff7900!important;
background:#fff7ef!important;
color:#ea6800!important;
}
.db-backend .company-settings-page .company-field-google_maps [id^=gm_]{
width:100%!important;
height:360px!important;
}
.db-backend .company-settings-page .company-field-file input[type=file]{
box-sizing:border-box;
width:100%;
min-height:46px;
padding:9px 12px;
border:1px dashed #d5dee9;
border-radius:8px;
background:#fafbfd;
}
.db-backend .company-settings-page .store-banner-preview{
display:flex;
align-items:flex-start;
gap:16px;
box-sizing:border-box;
width:100%;
margin-top:14px;
padding:14px;
border:1px solid #dbe3ed;
border-radius:10px;
background:#fff;
}
.db-backend .company-settings-page .store-banner-preview.is-empty{
display:none;
}
.db-backend .company-settings-page .store-banner-preview>a:first-child{
display:block;
flex:1 1 auto;
min-width:0;
}
.db-backend .company-settings-page .store-banner-preview img{
display:block;
width:100%;
max-width:760px;
max-height:280px;
object-fit:contain;
object-position:left center;
border-radius:8px;
background:#f7f9fc;
}
.db-backend .company-settings-page .store-banner-preview-meta{
display:flex;
flex:0 0 190px;
align-items:flex-start;
flex-direction:column;
gap:12px;
min-width:0;
color:#64748b;
font-size:13px;
word-break:break-all;
}
.db-backend .company-settings-page .store-banner-delete{
display:inline-flex;
align-items:center;
gap:6px;
padding:8px 12px;
border:1px solid #fecaca;
border-radius:7px;
background:#fff7f7;
color:#ef4444!important;
text-decoration:none!important;
}
.db-backend .company-settings-page .form_content form>.buttons{
grid-column:1/-1;
margin-top:28px!important;
}
@media(max-width:800px){
.db-backend .company-settings-page .form_content form>ul{
grid-template-columns:1fr;
gap:18px;
}
.db-backend .company-settings-page .company-field-wide{
grid-column:auto;
}
.db-backend .company-settings-page .company-field-google_maps .buttons>span:first-child{
align-items:stretch;
flex-direction:column;
}
.db-backend .company-settings-page .company-field-google_maps #geocoding_form{
width:100%;
}
.db-backend .company-settings-page .company-field-google_maps [id^=gm_]{
height:300px!important;
}
.db-backend .company-settings-page .store-banner-preview{
flex-direction:column;
}
.db-backend .company-settings-page .store-banner-preview-meta{
flex-basis:auto;
width:100%;
}
}
/* Help and support */
.db-backend .help-page{box-sizing:border-box;min-width:0;padding:30px 32px 60px;color:#273449}
.db-backend .help-page-title{display:flex!important;align-items:center;gap:14px;margin:0 0 22px!important}
.db-backend .help-page-title .help-title-icon{display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;border-radius:14px;background:#fff0e2;color:#ff7900}
.db-backend .help-page-title .help-title-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.db-backend .help-page-title h1{margin:0!important;color:#172033!important;font-size:30px!important;line-height:1.2}
.db-backend .help-page-title p{margin:7px 0 0;color:#7a879b;font-size:14px;line-height:1.5}
.db-backend .help-content{padding:0!important}
.db-backend .help-layout{display:grid!important;grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;margin:0!important}
.db-backend .help-form-column{float:none!important;width:auto!important;margin:0!important}
.db-backend .help-form-column>p.align-center{margin:0!important;text-align:left!important}
.db-backend .help-form-card {
min-width: 0;
margin: 0 auto !important;
padding: 24px !important;
border: 1px solid #dfe6ef !important;
border-radius: 14px !important;
background: #fff !important;
box-shadow: 0 8px 24px rgba(30, 50, 80, .05);
max-width: 800px;
}
.db-backend .help-form-card>.legend {
display: inline-block;
width: auto;
margin: 22px !important;
padding: 15px 15px !important;
border: 1px solid #e5ebf2 !important;
color: #1f2a3d !important;
font-size: 19px !important;
font-weight: 700 !important;
background: #f8fafc;
border-radius: 8px;
}
.db-backend .help-request-form{display:grid;grid-template-columns:1fr;gap:18px;margin:0!important}
.db-backend .help-request-form>.block-label{display:block!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;text-align:left!important}
.db-backend .help-request-form .label{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px!important;color:#3d4a5e!important;font-size:13px!important;font-weight:700!important;line-height:1.4;text-align:left!important}
.db-backend .help-request-form .label small{margin-left:auto;color:#8a96a7;font-size:11px;font-weight:400}
.db-backend .help-request-form select,.db-backend .help-request-form input[type=text],.db-backend .help-request-form textarea{box-sizing:border-box!important;width:100%!important;max-width:none!important;border:1px solid #d8e1eb!important;border-radius:4px!important;background:#fff!important;color:#344155!important;font-family:Tahoma,Arial,sans-serif!important;font-size:14px!important;box-shadow:none!important;outline:0!important}
.db-backend .help-request-form select,.db-backend .help-request-form input[type=text]{height:36px!important;padding:0 13px!important}
.db-backend .help-request-form textarea{display:block!important;min-height:150px!important;padding:12px 13px!important;line-height:1.6!important;resize:vertical}
.db-backend .help-request-form select:focus,.db-backend .help-request-form input[type=text]:focus,.db-backend .help-request-form textarea:focus{border-color:#ff8a1a!important;box-shadow:0 0 0 3px rgba(255,121,0,.1)!important}
.db-backend .help-request-form>p:not(.block-label){margin:0!important;padding:14px 16px;border-radius:8px;background:#fff7ef;color:#647186;line-height:1.6}
.db-backend .help-request-form>img{display:block;max-width:100%;margin:0;border:1px solid #dce3ec;border-radius:8px}
.db-backend .help-request-form>br{display:none}
.db-backend .help-request-form>.buttons{display:flex!important;justify-content:flex-end;margin:2px 0 0!important;padding-top:18px;border-top:1px solid #e7ecf2;text-align:right!important}
.db-backend .help-request-form>.buttons>span{display:block}
.db-backend .help-request-form button[type=submit]{display:inline-flex!important;min-width:130px;height:44px;align-items:center;justify-content:center;gap:8px;padding:0 20px!important;border:0!important;border-radius:8px!important;background:linear-gradient(135deg,#ff8b16,#f66b00)!important;color:#fff!important;font-size:14px!important;font-weight:700!important;box-shadow:0 6px 14px rgba(255,119,0,.2)!important;cursor:pointer}
.db-backend .help-request-form button .button-icon{border:0!important;background:transparent!important;color:inherit!important}
form.help-request-form span.mandatory {
left: -14px;
top: 12px;
}
@media(max-width:700px){
.domain-settings-page ul.bullet-star li {
margin-bottom: 6px;
line-height: 1.4;
list-style: disc;
}
.domain-settings-page ul.bullet-star {
padding-left: 20px;
}
#form_container form#account_form ul {
padding: 0;
}
form#account_form li span.info-spot {
position: absolute;
top: 6px;
right: 6px;
}
form#account_form li {
display: block;
position: relative;
}
.db-backend .help-page{padding:20px 10px 36px}.db-backend .help-page-title{align-items:flex-start}.db-backend .help-page-title .help-title-icon{flex-basis:44px;width:44px;height:44px}.db-backend .help-page-title>div{min-width:0}.db-backend .help-page-title h1{font-size:23px!important}.db-backend .help-page-title p{font-size:13px}.db-backend .help-form-card{padding:17px!important;border-radius:12px!important}
.db-backend .help-form-card>.legend {
margin-bottom: 18px !important;
font-size: 14px !important;
padding: 8px 12px !important;
}
.db-backend .help-request-form{gap:16px}.db-backend .help-request-form>.buttons{justify-content:stretch}.db-backend .help-request-form>.buttons>span,.db-backend .help-request-form button[type=submit]{width:100%}}
/* Page manager pagination limit selector. */
.db-backend .page-manager-pagination .page-limit-field {
display: flex;
align-items: center;
gap: 7px;
margin: 0;
white-space: nowrap;
color: #69768a;
}
.db-backend .page-manager-pagination .page-limit-field select {
box-sizing: border-box;
min-width: 72px;
height: 40px;
padding: 0 34px 0 12px;
border: 1px solid #d9e1eb;
border-radius: 8px;
background: #fff;
color: #344055;
font: 14px Tahoma, Arial, sans-serif;
outline: 0;
}
.db-backend .page-manager-pagination .page-limit-field select:focus {
border-color: #ff7900;
box-shadow: 0 0 0 3px rgba(255,121,0,.1);
}
@media(max-width:700px) {
.db-backend .page-manager-pagination .page-limit-field {
width: 100%;
justify-content: flex-start;
}
.db-backend .page-manager-pagination .page-limit-field select {
flex: 1;
}
}
/* Website template settings */
.db-backend .template-settings-page{max-width:1480px;margin:0 auto}
.db-backend .template-settings-content{width:100%;min-width:0}
.db-backend .template-settings-page .db-system-message{position:relative;box-sizing:border-box;margin:0 0 16px;padding:14px 46px 14px 16px;border-radius:10px;font-size:14px}
.db-backend .template-settings-page .db-system-message .close {
position: absolute;
top: 10px;
right: 0;
transform: translateY(-50%);
color: #fff;
font-size: 20px;
text-decoration: none;
width: 25px;
height: 25px;
border-radius: 50%;
display: flex;
align-items: center;
padding: 0;
justify-content: center;
line-height: 25px;
}
.db-backend .template-settings-form{display:grid;gap:18px}
.db-backend .template-settings-card{overflow:hidden;border:1px solid #dfe6ef;border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(30,50,80,.05)}
.db-backend .template-card-heading{display:flex;align-items:center;gap:13px;padding:18px 22px;border-bottom:1px solid #e6ebf1;background:#fff}
.db-backend .template-card-step{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ff8d18,#f26b00);color:#fff;font-size:14px;font-weight:700;box-shadow:0 5px 12px rgba(244,115,4,.22)}
.db-backend .template-card-heading h2{margin:0;color:#222e42;font-size:18px;line-height:1.3}
.db-backend .template-card-heading p{margin:4px 0 0;color:#7a8798;font-size:13px}
.db-backend .template-card-body{box-sizing:border-box;padding:22px}
.db-backend .template-field{position:relative;min-width:0}
.db-backend .template-field>label,.db-backend .template-slide-label label{display:block;margin:0 0 8px;color:#344155;font-size:13px;font-weight:700}
.db-backend .template-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.db-backend .template-field input[type=text],.db-backend .template-field>.template-native-select{box-sizing:border-box;width:100%!important;max-width:620px;height:44px!important;margin:0!important;padding:0 38px 0 13px!important;border:1px solid #d9e2ec!important;border-radius:8px!important;background-color:#fff!important;color:#303c50!important;box-shadow:none!important;cursor:pointer}
.db-backend .template-field>.template-native-select:focus{outline:0;border-color:#ff7900!important;box-shadow:0 0 0 3px rgba(255,121,0,.1)!important}
.db-backend .template-editor-field textarea{box-sizing:border-box;width:100%!important;min-height:320px}
.db-backend .template-editor-field .cke{width:100%!important;overflow:hidden;border:1px solid #dce3eb!important;border-radius:10px!important;box-shadow:none!important}
.db-backend .template-editor-field .cke_contents{min-height:330px!important}
.db-backend .template-slide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.db-backend .template-slide-field{box-sizing:border-box;min-width:0;padding:14px;border:1px solid #e1e7ee;border-radius:11px;background:#fbfcfd}
.db-backend .template-slide-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.db-backend .template-slide-label label{margin:0}
.db-backend .template-uploaded-badge{padding:4px 9px;border-radius:99px;background:#e5f7e9;color:#27833e;font-size:11px;font-weight:700}
.db-backend .template-slide-preview,.db-backend .template-slide-placeholder{box-sizing:border-box;width:100%;height:170px;margin:0 0 12px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px dashed #d7dfe9;border-radius:9px;background:#fff;text-decoration:none}
.db-backend .template-slide-preview img{display:block;width:100%;height:100%;object-fit:cover}
.db-backend .template-slide-placeholder{flex-direction:column;gap:8px;color:#98a4b5;font-size:12px}
.db-backend .template-slide-placeholder svg{width:38px;height:38px;fill:none;stroke:#ff8411;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.db-backend .template-file-actions{display:flex;align-items:center;gap:9px;min-width:0}
.db-backend .template-file-actions>input[type=file],.db-backend .template-file-actions>.input.file{min-width:0;flex:1}
.db-backend .template-file-actions .input.file{position:relative;display:block;box-sizing:border-box;width:100%;height:42px!important;overflow:hidden;border:1px solid #d9e2ec!important;border-radius:8px!important;background:#fff!important;cursor:pointer}
.db-backend .template-file-actions .input.file>input[type=file]{position:absolute!important;z-index:4!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0!important;cursor:pointer!important}
.db-backend .template-file-actions .input.file>.button,.db-backend .template-file-actions .input.file>.file-text{pointer-events:none}
.db-backend .template-file-actions .file-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.db-backend .template-remove-image{display:inline-flex;flex:0 0 auto;height:40px;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid #ffb9b9;border-radius:8px;background:#fff;color:#ef4444;text-decoration:none!important;font-size:12px}
.db-backend .template-remove-image svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.db-backend .template-form-actions{position:sticky;z-index:8;bottom:0;display:flex;justify-content:flex-end;margin-top:0;padding:14px 18px;border:1px solid #dfe6ef;border-radius:12px;background:rgba(255,255,255,.95);box-shadow:0 -5px 18px rgba(31,49,75,.06);backdrop-filter:blur(8px)}
.db-backend .template-save-button{display:inline-flex;min-width:140px;height:46px;align-items:center;justify-content:center;gap:9px;padding:0 22px;border:0;border-radius:9px;background:linear-gradient(135deg,#ff8c16,#f36800);color:#fff;font:700 14px Tahoma,Arial,sans-serif;box-shadow:0 7px 15px rgba(245,111,0,.22);cursor:pointer}
.db-backend .template-save-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:800px){
.db-backend .template-fields-grid,.db-backend .template-slide-grid{grid-template-columns:1fr}
.db-backend .template-card-heading{align-items:flex-start;padding:16px}
.db-backend .template-card-body{padding:16px}
.db-backend .template-editor-field .cke_contents{min-height:260px!important}
.db-backend .template-slide-preview,.db-backend .template-slide-placeholder{height:145px}
.db-backend .template-file-actions{align-items:stretch;flex-direction:column}
.db-backend .template-remove-image{width:100%;box-sizing:border-box}
.db-backend .template-form-actions{padding:10px}
.db-backend .template-save-button{width:100%}
}
/* Subscribe / package checkout */
.db-backend .subscribe-page-title {
display: flex;
align-items: center;
gap: 14px;
height: auto;
min-height: 48px;
margin: 0 0 20px;
padding-bottom: 0;
}
.db-backend .subscribe-page-title + .with-padding {
clear: both;
padding-top: 0 !important;
}
.db-backend .subscribe-title-icon {
display: grid;
place-items: center;
width: 48px;
height: 48px;
flex: 0 0 48px;
color: #ff7200;
background: #fff0e3;
border-radius: 14px;
}
.db-backend .subscribe-title-icon svg,
.db-backend .subscribe-panel svg {
width: 22px;
height: 22px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.db-backend .subscribe-page-title #unit_info h1 { margin: 0 0 5px; }
.db-backend .subscribe-page-title #unit_info p { margin: 0; color: #768399; }
.db-backend .subscribe-checkout { width: 100%; }
.db-backend .subscribe-layout {
display: grid;
grid-template-columns: minmax(280px, .8fr) minmax(360px, 1.35fr) minmax(300px, .9fr);
gap: 18px;
align-items: start;
}
.db-backend .subscribe-panel {
min-width: 0;
background: #fff;
border: 1px solid #dfe5ee;
border-radius: 14px;
box-shadow: 0 8px 24px rgba(31, 42, 68, .045);
padding: 22px;
}
.db-backend .subscribe-panel-heading {
display: flex;
align-items: flex-start;
gap: 12px;
padding-bottom: 18px;
margin-bottom: 18px;
border-bottom: 1px solid #edf0f5;
}
.db-backend .subscribe-panel-heading h2,
.db-backend .subscribe-panel > h2 {
margin: 0;
font-size: 18px;
line-height: 1.35;
color: #172238;
}
.db-backend .subscribe-panel-heading p {
margin: 4px 0 0;
font-size: 13px;
color: #7c889b;
}
.db-backend .subscribe-step {
display: grid;
place-items: center;
width: 30px;
height: 30px;
flex: 0 0 30px;
border-radius: 50%;
background: linear-gradient(135deg, #ff8a18, #f36700);
color: #fff;
font-weight: 700;
box-shadow: 0 5px 12px rgba(255, 112, 0, .2);
}
.db-backend .subscribe-package-list { display: grid; gap: 12px; }
.db-backend .subscribe-package-card {
position: relative;
display: block;
min-height: 74px;
padding: 18px;
border: 1px solid #dce3ed;
border-radius: 11px;
background: #fff;
cursor: pointer;
transition: border-color .2s, box-shadow .2s, background .2s;
}
.db-backend .subscribe-package-card:hover,
.db-backend .subscribe-package-card.is-selected {
border-color: #ff7a0a;
background: #fffaf5;
box-shadow: 0 5px 16px rgba(255, 116, 0, .09);
}
.db-backend .subscribe-package-card > input,
.db-backend .subscribe-payment-option > input {
position: absolute !important;
opacity: 0 !important;
pointer-events: none;
}
.db-backend .subscribe-radio-mark {
display: block;
width: 18px;
height: 18px;
margin-top: 1px;
border: 1.5px solid #cbd4e0;
border-radius: 50%;
background: #fff;
box-shadow: inset 0 0 0 4px #fff;
}
.db-backend .subscribe-package-card > .subscribe-radio-mark {
position: absolute;
top: 7px;
left: 17px;
margin: 0;
}
.db-backend .is-selected > .subscribe-radio-mark {
border-color: #ff7200;
background: #ff7200;
}
.db-backend .subscribe-package-copy { display: block; min-width: 0; }
.db-backend .subscribe-package-copy > strong {
display: block;
min-height: 20px;
padding: 2px 38px 0 44px;
margin-bottom: 12px;
font-size: 16px;
line-height: 20px;
color: #172238;
}
.db-backend .subscription-page .button.grey-gradient {
background: #ccc !important;
border: 0 !important;
color: #000 !important;
}
#form_container label.subscribe-withholding-toggle {
display: flex;
justify-content: space-between;
gap: 10px;
padding-left: 10px;
padding-right: 10px;
margin-right: -10px;
}
.db-backend .subscribe-package-description {
display: block;
max-height: none;
overflow: visible;
font-size: 13px;
line-height: 1.6;
color: #6f7c90;
text-align: center;
}
.db-backend .subscribe-package-description img {
display: block;
width: auto !important;
max-width: 100% !important;
max-height: none !important;
height: auto !important;
margin: 0 auto 12px;
object-fit: contain;
}
.db-backend .subscribe-package-check {
display: none;
place-items: center;
position: absolute;
right: 14px;
top: 3px;
width: 27px;
height: 27px;
color: #fff;
background: #ff7200;
border-radius: 50%;
}
.db-backend .subscribe-package-check svg { width: 16px; height: 16px; stroke-width: 2.5; }
.db-backend .subscribe-package-card.is-selected .subscribe-package-check { display: grid; }
.db-backend .subscribe-selected-package {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 16px;
margin-bottom: 18px;
background: #f7f9fc;
border: 1px solid #e4e9f1;
border-radius: 10px;
}
.db-backend .subscribe-selected-package span { color: #718096; }
.db-backend .subscribe-selected-package strong { color: #f36b00; text-align: right; }
.db-backend .subscribe-mock-section {
padding: 18px;
margin-bottom: 18px;
border: 1px solid #e2e7ef;
border-radius: 11px;
background: #fff;
}
.db-backend .subscribe-mock-heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 14px;
}
.db-backend .subscribe-mock-heading h3 { margin: 0; font-size: 14px; color: #273348; }
.db-backend .subscribe-mock-badge {
padding: 4px 8px;
border-radius: 999px;
background: #fff0e3;
color: #ec6800;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
}
.db-backend .subscribe-invoice-question {
margin: 0 0 9px;
color: #536177;
font-size: 12px;
}
.db-backend .subscribe-invoice-choice {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-bottom: 15px;
}
.db-backend .subscribe-invoice-choice label {
position: relative;
display: flex;
align-items: center;
gap: 9px;
min-height: 42px;
padding: 0 12px;
border: 1px solid #dce3ed;
border-radius: 9px;
line-height: 18px;
cursor: pointer;
}
.db-backend .subscribe-invoice-choice label > .subscribe-radio-mark {
position: static;
display: block;
flex: 0 0 18px;
margin: 0;
vertical-align: middle;
}
.db-backend .subscribe-invoice-choice label > span:last-child {
display: block;
min-width: 0;
margin: 0;
padding: 0;
line-height: 18px;
}
.db-backend .subscribe-invoice-choice label.is-selected { border-color: #ff7600; background: #fff9f3; }
.db-backend .subscribe-invoice-choice input { position: absolute; opacity: 0; }
.db-backend .subscribe-invoice-choice input:checked + .subscribe-radio-mark { border-color: #ff7200; background: #ff7200; }
.db-backend .subscribe-invoice-fields {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 13px;
}
.db-backend .subscribe-invoice-fields label { display: block; min-width: 0; }
.db-backend .subscribe-invoice-fields > .is-wide { grid-column: 1 / -1; }
.db-backend .subscribe-invoice-fields label > span { display: block; margin-bottom: 6px; color: #536177; font-size: 12px; font-weight: 700; }
.db-backend .subscribe-invoice-fields label > span em {
color: #ef3f3f;
font-style: normal;
}
.db-backend .subscribe-address-title {
margin: 7px 0 0;
padding-top: 15px;
border-top: 1px solid #e8ecf2;
color: #263349;
font-size: 14px;
}
.db-backend .subscribe-office-field {
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
.db-backend .subscribe-office-field legend {
margin-bottom: 8px;
color: #536177;
font-size: 12px;
font-weight: 700;
}
.db-backend .subscribe-office-field legend em { color: #ef3f3f; font-style: normal; }
.db-backend .subscribe-office-choice {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.db-backend #form_container .subscribe-office-choice label {
display: flex;
align-items: center;
gap: 8px;
min-height: 42px;
box-sizing: border-box;
padding: 7px 11px;
border: 1px solid #dce3ed;
border-radius: 8px;
background: #fff;
cursor: pointer;
}
.db-backend .subscribe-office-choice label.is-selected {
border-color: #ff7600;
background: #fff9f3;
}
.db-backend .subscribe-office-choice input[type="radio"] {
position: absolute;
width: 18px;
height: 18px;
min-height: 0;
padding: 0;
opacity: 0;
}
.db-backend .subscribe-office-choice .subscribe-radio-mark {
position: static;
display: block;
flex: 0 0 18px;
margin: 0;
}
.db-backend .subscribe-office-choice input[type="radio"]:checked + .subscribe-radio-mark {
border-color: #ff7200;
background: #ff7200;
}
.db-backend .subscribe-office-choice label > span { margin: 0; white-space: nowrap; }
.db-backend .subscribe-office-choice #invoice-branch-number {
min-width: 90px;
height: 34px;
min-height: 34px;
margin-left: auto;
padding: 5px 8px;
}
.db-backend .subscribe-invoice-fields input,
.db-backend .subscribe-invoice-fields select,
.db-backend .subscribe-invoice-fields textarea {
box-sizing: border-box;
width: 100%;
min-height: 42px;
padding: 9px 11px;
border: 1px solid #dce3ed;
border-radius: 8px;
background: #fff;
color: #273348;
resize: vertical;
}
.db-backend .subscribe-invoice-fields input[readonly] {
background: #f6f8fb;
color: #66758a;
cursor: not-allowed;
}
.db-backend .subscribe-invoice-fields select:disabled,
.db-backend .subscribe-invoice-fields .select.disabled {
background: #f6f8fb;
color: #94a0b2;
cursor: not-allowed;
}
.db-backend .subscribe-coupon-panel { order: -1; }
.db-backend .subscribe-coupon-panel > h2 {
padding-bottom: 16px;
margin-bottom: 16px;
border-bottom: 1px solid #e8ecf2;
}
.db-backend .subscribe-coupon-field label { display: block; margin-bottom: 8px; font-weight: 700; color: #263349; }
.db-backend .subscribe-coupon-controls {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 8px;
align-items: center;
}
.db-backend .subscribe-input-group { position: relative; }
.db-backend .subscribe-input-group input {
box-sizing: border-box;
width: 100%;
height: 46px;
padding: 0 46px 0 14px;
border: 1px solid #d8e0eb;
border-radius: 9px;
background: #fff;
}
.db-backend .subscribe-input-group input[readonly] {
background: #f7f9fc;
color: #66758a;
}
.db-backend .subscribe-input-group > span {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
color: #ff7200;
}
.db-backend .subscribe-coupon-button {
box-sizing: border-box;
min-width: 72px;
height: 46px;
padding: 0 14px;
border: 1px solid #ff7600;
border-radius: 9px;
background: #fff;
color: #ec6800;
font: inherit;
font-weight: 700;
cursor: pointer;
}
.db-backend .subscribe-coupon-button.is-apply {
background: linear-gradient(135deg, #ff8615, #f46600);
color: #fff;
box-shadow: 0 5px 12px rgba(255, 112, 0, .16);
}
.db-backend .subscribe-coupon-button.is-cancel {
border-color: #d8e0eb;
color: #59677b;
}
.db-backend .subscribe-coupon-button:hover { transform: translateY(-1px); }
.db-backend .subscribe-coupon-button:disabled { opacity: .6; cursor: wait; transform: none; }
.db-backend .subscribe-coupon-button[hidden] { display: none !important; }
.db-backend .subscribe-coupon-status {
min-height: 18px;
margin: 8px 0 0;
font-size: 12px;
line-height: 1.5;
}
.db-backend .subscribe-coupon-status:empty { display: none; }
.db-backend .subscribe-coupon-status.is-success { color: #189447; }
.db-backend .subscribe-coupon-status.is-error { color: #dc3545; }
.db-backend .subscribe-coupon-status.is-loading { color: #6d798c; }
.db-backend .subscribe-note,
.db-backend .subscribe-secure-note {
display: flex;
align-items: flex-start;
gap: 8px;
margin: 18px 0 0;
font-size: 12px;
line-height: 1.55;
color: #78869a;
}
.db-backend .subscribe-note svg,
.db-backend .subscribe-secure-note svg { width: 17px; height: 17px; flex: 0 0 17px; }
.db-backend .subscribe-summary-column { display: grid; gap: 18px; }
.db-backend .subscribe-summary-panel > h2,
.db-backend .subscribe-payment-panel > h2 {
padding-bottom: 16px;
margin-bottom: 16px;
border-bottom: 1px solid #e8ecf2;
}
.db-backend .subscribe-summary-row {
display: flex;
justify-content: space-between;
gap: 15px;
padding: 5px 0 18px;
color: #69768b;
}
.db-backend .subscribe-summary-row strong { color: #253248; text-align: right; }
.db-backend .subscribe-tax-preview {
display: grid;
gap: 10px;
padding: 14px 0;
border-top: 1px solid #e8ecf2;
}
.db-backend .subscribe-tax-preview > div,
.db-backend .subscribe-withholding-toggle {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 12px;
margin: 0;
font-size: 12px;
color: #69768b;
}
.db-backend .subscribe-tax-preview strong { color: #344158; white-space: nowrap; text-align: right; }
.db-backend .subscribe-tax-preview .subscribe-after-discount,
.db-backend .subscribe-tax-preview .subscribe-including-vat {
padding-top: 10px;
border-top: 1px solid #edf0f4;
font-weight: 700;
color: #334157;
}
.db-backend .subscribe-withholding-toggle { padding: 10px; border: 1px solid #f1d2b8; border-radius: 8px; background: #fffaf5; cursor: pointer; }
.db-backend .subscribe-withholding-toggle > span { display: flex; min-width: 0; align-items: center; gap: 7px; line-height: 1.4; }
.db-backend .subscribe-withholding-toggle input { position: absolute; opacity: 0; }
.db-backend .subscribe-withholding-toggle i {
display: block;
width: 30px;
height: 17px;
padding: 2px;
border-radius: 20px;
background: #ccd4df;
transition: background .2s;
}
.db-backend .subscribe-withholding-toggle i::after {
content: "";
display: block;
width: 13px;
height: 13px;
border-radius: 50%;
background: #fff;
transition: transform .2s;
}
.db-backend .subscribe-withholding-toggle input:checked + i { background: #ff7600; }
.db-backend .subscribe-withholding-toggle input:checked + i::after { transform: translateX(13px); }
.db-backend .subscribe-summary-total {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 15px;
padding-top: 18px;
border-top: 2px solid #d9dee7;
font-weight: 700;
color: #263349;
}
.db-backend .subscribe-summary-total > strong { display: flex; align-items: baseline; gap: 6px; color: #f26a00; font-size: 28px; }
.db-backend .subscribe-summary-total small { color: #263349; font-size: 13px; }
.db-backend .subscribe-payment-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.db-backend .subscribe-2c2p-heading { margin-top: -2px; }
.db-backend .subscribe-2c2p-preview {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px;
}
.db-backend .subscribe-2c2p-preview button {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-width: 0;
min-height: 116px;
padding: 14px 7px;
border: 1px solid #dce3ed;
border-radius: 10px;
background: #fff;
color: #273348;
cursor: pointer;
}
.db-backend .subscribe-2c2p-preview button.is-selected { border-color: #ff7600; background: #fff9f3; }
.db-backend .subscribe-2c2p-preview .subscribe-radio-mark { position: absolute; top: 9px; left: 9px; }
.db-backend .subscribe-2c2p-preview button.is-selected .subscribe-radio-mark { border-color: #ff7200; background: #ff7200; }
.db-backend .subscribe-2c2p-preview button svg { width: 31px; height: 31px; margin-bottom: 9px; }
.db-backend .subscribe-2c2p-preview button strong { font-size: 12px; }
.db-backend .subscribe-2c2p-preview button small { margin-top: 4px; color: #8590a1; font-size: 10px; }
.db-backend .subscribe-current-payment-label {
display: flex;
align-items: center;
gap: 8px;
margin: 10px;
color: #7a8799;
font-size: 11px;
font-weight: 700;
}
span.subscribe-payment-icon img {
max-width: 31px;
}
.db-backend .subscribe-current-payment-label::before,
.db-backend .subscribe-current-payment-label::after { content: ""; height: 1px; flex: 1; background: #e5eaf1; }
.db-backend .subscribe-payment-option {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 7px;
min-height: 116px;
padding: 14px 7px;
border: 1px solid #dce3ed;
border-radius: 10px;
line-height: 18px;
text-align: center;
cursor: pointer;
}
.db-backend .subscribe-payment-option.is-selected { border-color: #ff7600; background: #fff9f3; }
.db-backend .subscribe-payment-empty {
padding: 14px;
border: 1px dashed #d9e0e9;
border-radius: 9px;
background: #f8fafc;
color: #748197;
text-align: center;
}
.db-backend .subscribe-payment-option.is-static { cursor: default; }
.db-backend .subscribe-payment-option > .subscribe-radio-mark {
position: absolute;
top: 9px;
left: 9px;
margin: 0;
}
.db-backend .subscribe-payment-icon { display: grid; place-items: center; color: #263349; }
.db-backend .subscribe-payment-icon svg { width: 31px; height: 31px; }
.db-backend .subscribe-payment-option strong {
display: block;
min-width: 0;
margin: 0;
padding: 0;
overflow-wrap: anywhere;
color: #273348;
line-height: 18px;
text-align: center;
}
.db-backend .subscribe-payment-option small { display:block; margin-top:-3px; color:#8590a1; font-size:10px; line-height:1.35; }
.db-backend .subscribe-submit-button {
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
width: 100%;
min-height: 48px;
margin-top: 18px;
border: 0;
border-radius: 9px;
background: linear-gradient(135deg, #ff8400, #f26500);
box-shadow: 0 8px 18px rgba(244, 103, 0, .2);
color: #fff;
font-weight: 700;
cursor: pointer;
}
.db-backend .subscribe-submit-button:hover { filter: brightness(.97); transform: translateY(-1px); }
.db-backend .subscribe-submit-button svg { width: 21px; height: 21px; }
.db-backend .subscribe-secure-note { justify-content: center; text-align: center; }
@media (max-width: 1180px) {
.db-backend .subscribe-layout { grid-template-columns: minmax(270px, .8fr) minmax(360px, 1.2fr); }
.db-backend .subscribe-summary-column { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
.db-backend .subscribe-layout,
.db-backend .subscribe-summary-column { grid-template-columns: 1fr; }
.db-backend .subscribe-summary-column { grid-column: auto; }
.db-backend .subscribe-panel { padding: 17px; border-radius: 12px; }
.db-backend .subscribe-payment-list { grid-template-columns: 1fr; }
.db-backend .subscribe-invoice-choice,
.db-backend .subscribe-invoice-fields { grid-template-columns: 1fr; }
.db-backend .subscribe-invoice-fields > .is-wide { grid-column: auto; }
.db-backend .subscribe-office-choice { grid-template-columns: 1fr; }
.db-backend .subscribe-2c2p-preview { grid-template-columns: 1fr; }
.db-backend .subscribe-2c2p-preview button { min-height: 86px; }
.db-backend .subscribe-summary-total > strong { font-size: 23px; }
.db-backend .subscribe-package-card { padding: 15px; }
.db-backend .subscribe-package-card > .subscribe-radio-mark { top: 5px; left: 14px; }
.db-backend .subscribe-package-copy > strong { padding-left: 28px; }
}
/* Payment history */
.db-backend .payment-history-page{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:2px 0 50px}
.db-backend .payment-history-title{display:flex;align-items:center;gap:14px;margin:0 0 22px}
.db-backend .payment-history-title-icon{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border-radius:14px;background:#fff0e3;color:#f57500}
.db-backend .payment-history-title-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.db-backend .payment-history-title h1{margin:0;color:#182238;font-size:28px;line-height:1.3}
.db-backend .payment-history-title p{margin:5px 0 0;color:#7b8799;font-size:13px}
.db-backend .payment-history-message{position:relative;margin:0 0 14px;padding:13px 42px 13px 15px;border:1px solid;border-radius:9px}
.db-backend .payment-history-message.is-success{border-color:#bce8cd;background:#effaf3;color:#18723b}
.db-backend .payment-history-message.is-error{border-color:#f5c2c7;background:#fff4f4;color:#b4232e}
.db-backend .payment-history-message .close{position:absolute;top:8px;right:12px;font-size:20px}
.db-backend .payment-history-card{overflow:hidden;border:1px solid #dfe5ed;border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(31,42,68,.055)}
.db-backend .payment-history-filters{display:flex;align-items:flex-end;gap:12px;padding:17px 18px;border-bottom:1px solid #e7ecf2;background:#fff}
.db-backend .payment-history-filters>label{display:grid;gap:7px;margin:0;color:#68768a;font-size:11px;font-weight:700}
.db-backend .payment-history-filters select,.db-backend .payment-history-search-box{box-sizing:border-box;height:42px;border:1px solid #d9e1eb;border-radius:8px;background:#fff;color:#344158;box-shadow:0 2px 7px rgba(25,35,50,.025)}
.db-backend .payment-history-filters select{min-width:155px;padding:0 34px 0 12px;outline:0;cursor:pointer}
.db-backend .payment-history-filters select:focus,.db-backend .payment-history-search-box:focus-within{border-color:#ff7900;box-shadow:0 0 0 3px rgba(255,121,0,.1)}
.db-backend .payment-history-limit{grid-template-columns:auto 72px auto;align-items:center;gap:8px!important}
.db-backend .payment-history-limit select{min-width:72px}
.db-backend .payment-history-search{min-width:250px;margin-left:auto!important}
.db-backend .payment-history-search-box{display:flex;align-items:center;overflow:hidden}
.db-backend .payment-history-search-box svg{width:18px;height:18px;margin-left:12px;fill:none;stroke:#8490a1;stroke-width:1.8;stroke-linecap:round}
.db-backend .payment-history-search-box input{width:100%;min-width:70px;height:40px;padding:0 10px;border:0;background:transparent;color:#344158;outline:0}
.db-backend .payment-history-search-box button{align-self:stretch;min-width:64px;padding:0 14px;border:0;background:#ff7800;color:#fff;font-weight:700;cursor:pointer}
.db-backend .payment-history-table-wrap{width:100%;overflow-x:auto}
.db-backend .payment-history-table{width:100%;min-width:980px;margin:0;border:0;border-collapse:collapse;background:#fff;color:#344158}
.db-backend .payment-history-table th{padding:14px 16px;border:0;border-bottom:1px solid #dfe5ed;background:#f7f9fb;color:#69768a;font-size:11px;font-weight:700;text-align:left;white-space:nowrap}
.db-backend .payment-history-table td{padding:16px;border:0;border-bottom:1px solid #e9edf2;background:#fff;font-size:13px;line-height:1.45;text-align:left;vertical-align:middle}
.db-backend .payment-history-table tbody tr:last-child td{border-bottom:0}
.db-backend .payment-history-table tbody tr:hover td{background:#f8fbff}
.db-backend .payment-history-invoice{color:#2563a8;font-size:13px}
.db-backend .payment-history-processor{display:flex;align-items:center;gap:10px;min-width:160px}
.db-backend .payment-history-processor i{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:8px;background:#edf4fc;color:#356c9f;font-style:normal}
.db-backend .payment-history-processor svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.db-backend .payment-history-amount{color:#243148;font-size:14px;white-space:nowrap}
.db-backend .payment-history-status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.db-backend .payment-history-status i{width:6px;height:6px;border-radius:50%;background:currentColor}
.db-backend .payment-history-status.is-complete{background:#eaf8f0;color:#18884c}
.db-backend .payment-history-status.is-pending{background:#fff4dd;color:#b87500}
.db-backend .payment-history-action{display:inline-flex;width:max-content;min-height:34px;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid #b9cee5;border-radius:7px;background:#f4f8fc;color:#245f97;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap;transition:border-color .18s,background-color .18s,color .18s}
.db-backend .payment-history-action:hover{border-color:#3478b8;background:#3478b8;color:#fff;text-decoration:none}
.db-backend .payment-history-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.db-backend .payment-history-action.payment-history-continue{border-color:#3478b8;background:#3478b8;color:#fff;box-shadow:0 4px 10px rgba(52,120,184,.15)}
.db-backend .payment-history-action.payment-history-continue:hover{border-color:#245f97;background:#245f97}
.db-backend .payment-history-action.payment-history-promptpay{color:#ff9b45;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid #ff9b45;border-radius:7px;background:#fff8f1;white-space:nowrap}
.db-backend .payment-history-action.payment-history-promptpay:hover{border-color:#ff7800;background:#ff7800;color:#fff;text-decoration:none}
.db-backend .payment-history-action.payment-history-promptpay svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.db-backend .payment-history-details{min-width:220px;color:#5e6b7f}
.db-backend .payment-history-details a{color:#ed6d00}
.db-backend .payment-history-date{color:#68768a;white-space:nowrap}
.db-backend .payment-history-pdf{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid #efb2b2;border-radius:7px;background:#fff7f7;color:#c83f3f;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}
.db-backend .payment-history-pdf:hover{border-color:#d94a4a;background:#d94a4a;color:#fff}
.db-backend .payment-history-pdf svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.db-backend .payment-history-no-document{color:#b4bdc9}
.db-backend .payment-history-empty{height:210px!important;text-align:center!important;color:#8490a1!important}
.db-backend .payment-history-empty>span{display:grid;width:52px;height:52px;margin:0 auto 10px;place-items:center;border-radius:50%;background:#f3f5f8;color:#99a3b1}
.db-backend .payment-history-empty svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.db-backend .payment-history-empty strong{font-weight:400}
.db-backend .payment-history-pagination{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-top:1px solid #e7ecf2;background:#fff}
.db-backend .payment-history-pagination ul{display:flex;align-items:center;gap:5px;margin:0!important;padding:0!important;float:none!important;list-style:none}
.db-backend .payment-history-pagination li{margin:0!important;padding:0!important;list-style:none}
.db-backend .payment-history-pagination .dataTables_info{order:1;color:#748196;font-size:12px}
.db-backend .payment-history-pagination .dataTables_paginate{order:2;margin-left:auto!important}
.db-backend .payment-history-pagination .dataTables_paginate a{display:inline-flex;box-sizing:border-box;min-width:36px;height:36px;align-items:center;justify-content:center;padding:0 10px;border:1px solid #dfe5ed;border-radius:7px;background:#fff;color:#5e6c80;text-decoration:none}
.db-backend .payment-history-pagination .dataTables_paginate a:hover{border-color:#ff9a40;color:#ed6c00}
.db-backend .payment-history-pagination .dataTables_paginate .paginate_active{border-color:#ff7800;background:#ff7800;color:#fff}
.db-backend .payment-history-pagination .dataTables_paginate .disablelink{opacity:.45;pointer-events:none}
@media(max-width:900px){
.db-backend .payment-history-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.db-backend .payment-history-filters>label,.db-backend .payment-history-filters select{width:100%;min-width:0}
.db-backend .payment-history-limit{grid-template-columns:auto 1fr auto}
.db-backend .payment-history-search{min-width:0;margin-left:0!important}
}
@media(max-width:700px){
.db-backend .payment-history-page{padding-bottom:30px}
.db-backend .payment-history-title{align-items:flex-start}
.db-backend .payment-history-title-icon{width:44px;height:44px;flex-basis:44px}
.db-backend .payment-history-title h1{font-size:23px}
.db-backend .payment-history-title p{font-size:12px;line-height:1.5}
.db-backend .payment-history-card{border-radius:11px}
.db-backend .payment-history-filters{grid-template-columns:1fr;padding:14px}
.db-backend .payment-history-table-wrap{overflow:visible}
.db-backend .payment-history-table,.db-backend .payment-history-table tbody{display:block;min-width:0}
.db-backend .payment-history-table thead{display:none}
.db-backend .payment-history-table tr{display:block;margin:10px;border:1px solid #e0e6ee;border-radius:10px;overflow:hidden}
.db-backend .payment-history-table td{display:grid;grid-template-columns:115px minmax(0,1fr);gap:12px;padding:11px 13px;border-bottom:1px solid #edf0f4;font-size:12px}
.db-backend .payment-history-table td::before{content:attr(data-label);color:#8490a1;font-size:11px;font-weight:700}
.db-backend .payment-history-table tbody tr:hover td{background:#fff}
.db-backend .payment-history-details{min-width:0}
.db-backend .payment-history-empty{display:flex!important;height:180px!important;flex-direction:column;align-items:center;justify-content:center}
.db-backend .payment-history-empty::before{display:none}
.db-backend .payment-history-pagination{align-items:flex-start;flex-direction:column}
.db-backend .payment-history-pagination .dataTables_paginate{margin-left:0!important;flex-wrap:wrap}
}