.page-account { background-color: #EDF1F7; }
.page-account #header{justify-content:unset;gap:20px;padding:0 15px;}

.dashboard { padding: 100px 0; }
.page-login .dashboard{padding-top:130px}

.dashboard h1,
.dashboard h2,
.dashboard h3,
.dashboard h4,
.dashboard h5,
.dashboard h6 { line-height: 1.4; }

.dashboard .dashboard-panel { display: flex; gap: 16px; position: relative; box-sizing: border-box; max-width: 1240px; margin: 0 auto; padding: 0 30px; }
.dashboard * { box-sizing: border-box; }
.dashboard h3 { font-size: 26px; line-height: 1.5; }
.dashboard .dashboard-aside { position: sticky; top: 0; display: flex; flex-direction: column; align-self: flex-start; flex-shrink: 0; gap: 32px; padding: 24px 16px; width: 280px; }
.dashboard .dashboard-aside .heading { margin-bottom: 0; }
.dashboard .dashboard-aside hr { margin: 0; }
.dashboard .dashboard-content { flex-grow: 1; }

.dashboard .dashboard-login { width: 100%; max-width: 440px; margin: 0 auto; text-align: center; padding: 0 20px; }
.dashboard .dashboard-login .dashboard-form { text-align: left; }

.dashboard .dashboard-menu ul { display: flex; flex-direction: column; gap: 4px; list-style: none; margin-bottom: 30px; }
.dashboard .dashboard-menu ul li a { display: flex; align-items: center; position: relative; gap: 12px; padding: 8px 12px; border-radius: 6px; color: #697586; text-decoration: none; }
.dashboard .dashboard-menu ul li a:hover,
.dashboard .dashboard-menu ul li.active a { color: #101828; background-color: #F9FAFB; }
.dashboard .dashboard-menu ul li.logout { display: none; }


.dashboard .dashboard-menu a.button,
.mobile-menu-panel a.button { display: flex; align-items: center; gap: 12px; text-align: left; padding: 10px 12px; margin: 0 0 10px; font-size: 15px; }
.dashboard .dashboard-menu a.button span:after,
.mobile-menu-panel a.button span:after { top: 50%; transform: translateY(-50%); }
.dashboard .dashboard-menu a.button .button-inner,
.mobile-menu-panel a.button .button-inner { display: inline-flex; flex-direction: column; flex-grow: 1; line-height: 1.4; }
.dashboard .dashboard-menu a.button .button-inner em,
.mobile-menu-panel a.button .button-inner em { font-size: 80%; opacity: .4; font-style: normal; }
@media only screen and (max-width: 777px) {
  .dashboard .dashboard-menu a.button,
  .mobile-menu-panel a.button { padding: 10px 12px; font-size: 14px; }
}

.dashboard .dashboard-icon { display: inline-flex; width: 18px; height: 18px; background-repeat: no-repeat; background-size: 18px; background-position: center; }
.dashboard .icon-copy { background-image: url(../svg/copy.svg); }
.dashboard .icon-link { background-image: url(../svg/link.svg); }

.dashboard .user-account { display: flex; gap: 12px; }
.dashboard .user-account .avatar { width: 40px; height: 40px; border-radius: 100%; overflow: hidden; flex-shrink: 0; }
.dashboard .user-account .avatar img { width: 100%; height: auto; }
.dashboard .user-account .user-info { flex-grow: 1; font-size: 90%; }
.dashboard .user-account .user-info > * { margin-bottom: 5px; }
.dashboard .user-account .user-info,
.dashboard .user-account .user-info .heading { line-height: 1.3; }
.dashboard .user-account .user-info p.mail { word-break: break-all; text-overflow: ellipsis; width: 195px; overflow: hidden; white-space: nowrap; }

.dashboard .dashboard-card { background-color: #fff; padding: 32px; border-radius: 4px; margin-bottom: 20px; }
.dashboard .dashboard-card .card-header { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 24px; }
.dashboard .dashboard-card .card-header .heading { margin-bottom: 0; }
.dashboard .dashboard-card .card-header .button { margin-left: auto; margin-bottom: 0; }
.dashboard .dashboard-card .card-header .search-form { margin-left: auto; }
.dashboard .dashboard-card .card-header .search-form .search { padding: 8px 12px; width: 300px; }
.dashboard .dashboard-card .card-content{margin-bottom:40px}
.dashboard .dashboard-card .card-content:not(:first-of-type){margin-bottom:0}

.dashboard .dashboard-box { position: relative; background-color: #F9FAFB; padding: 24px; border-radius: 4px; line-height: 1.5; }
.dashboard .dashboard-box > *:last-child { margin-bottom: 0; }
.dashboard .dashboard-box:not(:last-child) { margin-bottom: 16px; }
.dashboard .dashboard-box .box-header { border-bottom: 1px solid rgba(0,0,0,.06); margin-bottom: 16px; padding-bottom: 24px; }
.dashboard .dashboard-box .box-header .heading { margin-bottom: 0; }
.dashboard .dashboard-box .box-row { display: flex; align-items: center; gap: 16px; }
.dashboard .dashboard-box .box-row .row-group > * { margin-bottom: 5px; }
.dashboard .dashboard-box .box-row .row-group > .small-text { margin-bottom: 0; }
.dashboard .dashboard-box .box-row .row-group > *:last-child { margin-bottom: 0; }
.dashboard .dashboard-box .box-row .row-icon { display: inline-flex; justify-content: center; align-items: center; flex-shrink: 0; width: 64px; height: 64px; border-radius: 4px; border: 1px solid #EAECF0; background-color: #fff; box-shadow: 0px 1px 2px 0px rgba(16,24,40,.06); }
.dashboard .dashboard-box .box-row .row-icon img { max-width: 36px; height: auto; }
.dashboard .dashboard-box .box-row .ml-auto { margin-left: auto; }

.dashboard .dashboard-box .expand{color:#2F4151}
.dashboard .dashboard-box .expandable{margin-top:20px;font-size:90%}
.dashboard .dashboard-box .expandable.collapsed{display:none}
.dashboard .dashboard-box .expandable p{margin-bottom:5px}
.dashboard .dashboard-box .expandable p:last-child{margin-bottom:0}

.dashboard .dashboard-box .box-info { font-size: 12px; line-height: 1.4; font-weight: 600; text-transform: uppercase; color: #00032a; border: 1px solid #00032a; border-radius: 4px; padding: 4px 8px; position: absolute; right: 24px; top: 22px; }
.dashboard .dashboard-box .box-info::before { content: ""; display: inline-flex; width: 8px; height: 8px; border-radius: 100%; background-color: #00032a; margin-right: 8px; }
.dashboard .dashboard-box .date { color: #00032a }
.dashboard .dashboard-box .license-wrapper { display: flex; gap: 8px 16px; flex-grow: 1; flex-wrap: wrap; font-size: 14px; cursor:pointer; }
.dashboard .dashboard-box .license-wrapper .heading { width: 100%; margin-bottom: 0; }
.dashboard .dashboard-box .license-wrapper .heading span{ font-weight:300; opacity:.5 }
.dashboard .dashboard-box .license-wrapper .license-details { flex-grow: 1; min-width: 420px; }
.dashboard .dashboard-box .license-wrapper .license-date { font-size: 12px; text-align: right; margin-top: 3px; }
.dashboard .dashboard-box .license-wrapper .license-number { color: #0089f7; }
.dashboard .dashboard-box .license-wrapper .icon-copy { opacity: .25; transition: all .2s ease-in-out; cursor: pointer; position: relative; top: 3px; }
.dashboard .dashboard-box .license-wrapper .icon-copy:hover { opacity: .8; }
.dashboard .dashboard-box .license-wrapper a { display: inline-flex; text-overflow: ellipsis; max-width: 290px; overflow: hidden; }

.licenses { display: flex; flex-direction: column; gap: 1rem; max-width: 900px; }
.licenses .license-card { background-color: #F9FAFB; border-radius: 4px; border: 1px solid #EAECF0; font-size: 14px; line-height: 1.4; }
.search-active .licenses .license-card{display:none}
.search-active .licenses .license-card.active{display:block}
.licenses .license-card .license-wrapper { display: flex; align-items: center; gap: 32px; padding: 24px; background-color: #F1F4F7; }
.licenses .license-card .license-wrapper .license-wrapper-left { display: flex; align-items: center; gap: 16px; flex-grow: 1; }
.licenses .license-card .license-wrapper .license-wrapper-right { text-align: right; font-size: 12px; flex-shrink: 0; }
.licenses .license-card .license-wrapper .license-wrapper-right > p { margin: 2px 0; }
.licenses .license-card .license-wrapper .license-wrapper-right .date { color: #00032a; }
.licenses .license-card .license-wrapper .license-image { display: inline-flex; align-items: center; justify-content: center;  flex-shrink: 0; width: 55px; height: 55px; background-color: rgba(0,137,247,.12); border-radius: 4px; }
.licenses .license-card .license-wrapper .license-image > img { width: 36px; }
.licenses .license-card .license-wrapper .license-title { font-size: 18px; font-weight: 600; color: #00032a; }
.licenses .license-card .license-wrapper .license-desc { font-size: 18px; font-weight: 300; color: #98A2B3; }
.licenses .license-card .license-wrapper .license-status-wrapper { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.licenses .license-card .license-wrapper .license-info { font-size: 12px; }
.licenses .license-card .license-wrapper .license-status { border: 1px solid #fff; font-size: 12px; font-weight: 600; border-radius: 4px; padding: 2px 4px; }
.licenses .license-card .license-wrapper .license-status:is(.expired) { color: #FB7070; border-color: #FB7070; background-color: rgba(251, 112, 112, .16); }
.licenses .license-card .license-wrapper .license-status:is(.active) { color: #65C891; border-color: #65C891; background-color: rgba(226, 255, 239, 0.16); }
.licenses .license-card .license-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 12px 24px; border-top: 1px solid #EAECF0; background-color: #F1F4F7; }
.licenses .license-card .license-footer .btn-manage-subscription { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; }
.licenses .license-card .license-footer .btn-manage-subscription svg { transition: transform 0.3s ease-in-out; }
.licenses .license-card .license-footer .btn-manage-subscription svg path { stroke: currentColor; }
.licenses .license-card.open .license-footer .btn-manage-subscription svg { transform: rotate(90deg); }
.licenses .license-card.open .license-footer .btn-manage-subscription,
.licenses .license-card:hover .license-footer .btn-manage-subscription { color:#fff; background-color:#0089f7 }
.licenses .license-card .license-footer .seats-wrapper { display: flex; align-items: center; gap: 10px; font-size: 13px; flex-shrink: 0; color: #98A2B3; }
.licenses .license-card .license-footer .seats-bar { width: 100px; height: 4px; background-color: rgba(0,0,0,.09); border-radius: 4px; overflow: hidden; }
.licenses .license-card .license-footer .seats-bar-fill { height: 100%; background: #22c55e; border-radius: 99px; }
.licenses .license-card .license-footer .seats-bar-fill.orange { background: #ffae66;}
.licenses .license-card .license-footer .seats-bar-fill.red { background: #ff7575}
.licenses .license-card .license-footer .license-table-wrap {  background-color: #F9FAFB;  border-top: 1px solid #EAECF0; display: none; }
.licenses .license-card .billing-table-wrap .keys-list li span:nth-child(2) { flex-grow: 1; }
.licenses .license-card .license-table { width: 100%; border-collapse: collapse; margin-top: 0;}
.licenses .license-card .add-license { text-align: center; padding: 8px 24px; border-top: 1px solid #EAECF0; }
.licenses .license-card .add-license .button { margin: 0; font-size: 13px; }
.licenses .license-card .add-license .button:not(:hover) { background-color: transparent; }
.licenses .license-card .add-license .button.disabled { pointer-events:none }
.licenses .license-card .keys-list{list-style:none;}
.licenses .license-card .keys-list li{ display: flex; align-items: center; flex-wrap: wrap; gap: 16px;padding: 8px 24px;}
.licenses .license-card .keys-list li.active { background-color: #fffbeb; }
.licenses .license-card .keys-list li.list-header { padding: 16px 24px; color: #98A2B3; font-size: 11px; letter-spacing: 10%; }
.licenses .license-card .keys-list li.list-header span:nth-child(1) { width: 30px; text-align: center; }
.licenses .license-card .keys-list li.list-header span:nth-child(2) { width: 350px; }
.licenses .license-card .keys-list li.list-header span:nth-child(4) { flex-grow: 1; text-align: right; }
.licenses .license-card .keys-list li:not(:first-child) { border-top: 1px solid #EAECF0; }
.licenses .license-card .keys-list li .index {  display: inline-flex; align-items: center; justify-content: center; color: #6C7482; width: 30px;  height: 20px; background-color: rgba(160, 169, 185, .2); font-size: 12px; border-radius: 2px;}
.licenses .license-card .keys-list li .license-input { width: 320px; flex-shrink: 0; font-family: monospace; color: #00032a; border: 0; background-color: unset; letter-spacing: 0.5px; }
.licenses .license-card .keys-list li .dashboard-icon { width: 16px; height: 16px; background-size: 16px; opacity: .2; cursor: pointer; }
.licenses .license-card .keys-list li .dashboard-icon:hover { opacity: 1;}
.licenses .license-card .keys-list li .domain-wrapper{ flex-grow: 1; position:relative}
.licenses .license-card .keys-list li .domain-wrapper .hint{position:absolute;top:-25px;left:0;background:#304050;color:#fff;padding:3px 7px;border-radius:4px;font-size:12px;display:none}
.licenses .license-card .keys-list li .domain-wrapper .hint.show{display:block}
.licenses .license-card .keys-list li .domain { padding: 6px 12px; font-size: 14px; }
.licenses .license-card .keys-list li .domain::placeholder{color:#e6e6e6}
.licenses .license-card .keys-list li .domain:focus::placeholder{color:#bbb}
.licenses .license-card .keys-list li .button{ position: absolute; right: 5px; top: 50%; transform: translateY(-50%); font-size:13px;border:1px solid #ddd;border-radius:4px;padding:3px 6px;cursor:pointer}
.licenses .license-card .keys-list li .button.register{color: #65C891; border-color: #65C891; background-color: #f6fcf9; }
.licenses .license-card .keys-list li .button.register:hover{background-color: #ecf8f2; }
.licenses .license-card .keys-list li .button.icon-link{cursor:pointer}
.licenses .license-card .keys-list li .button.deregister{ color: #F08E8E; background-color: #fff0f0; border: 1px solid #F08E8E; }
.licenses .license-card .keys-list li .button.deregister:hover { background-color: #ffe0e0; }
.licenses .license-card .keys-list li .button.loading:before { content: ""; display: block; position: absolute; left: -24px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url(../svg/loading.svg) no-repeat center; background-size: 16px; animation: LoadingSpin 1s linear infinite; transform-origin: center; }
@keyframes LoadingSpin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
.licenses .license-card .keys-list li.empty .register{display:none}
.licenses .license-card .keys-list li.registered .register{display:none}
.licenses .license-card .keys-list li .deregister,
.licenses .license-card .keys-list li .icon-link{display:none}
.licenses .license-card .keys-list li.registered .deregister,
.licenses .license-card .keys-list li.registered .icon-link{display:inline-block}

@media only screen and (max-width: 1140px) {

  .licenses .license-card .license-wrapper { flex-direction: column; align-items: flex-start; gap: 12px; }
  .licenses .license-card .license-wrapper .license-wrapper-left { width: 100%; }
  .licenses .license-card .license-wrapper .license-wrapper-right { display: flex; flex-wrap: wrap; padding-left: 70px; }

  .licenses .license-card .keys-list li { gap: 12px; padding: 16px; }
  .licenses .license-card .keys-list li.list-header { display: none; }
  .licenses .license-card .keys-list li .license-input { width: calc(100% - 70px); }
  .licenses .license-card .keys-list li .domain-wrapper { width: calc(100% - 30px); }

}
@media only screen and (max-width: 600px) {
  .licenses .license-card .license-footer { flex-direction: column-reverse; }
}

@media only screen and (max-width: 500px) {
  .licenses .license-card .license-wrapper .license-wrapper-left { flex-direction: column; }
  .licenses .license-card .license-wrapper .license-image { width: 100%; }
  .licenses .license-card .license-wrapper .license-wrapper-right { padding-left: 0; text-align: left; }
}





.dashboard .dashboard-box.expired { background-color: #FEF7F7; border: 1px solid #F97066; }
.dashboard .dashboard-box.expired .date { color: #F97066; }
.dashboard .dashboard-box.license-expired .inner-box { opacity: .5; filter: saturate(0); }
.dashboard .dashboard-box.license-expired .box-info { border-color: #F97066; }
.dashboard .dashboard-box.license-expired .box-info:before { background-color: #F97066; }
.dashboard .dashboard-box.license-registered .box-info { border-color: #98A2B3; }
.dashboard .dashboard-box.license-registered .box-info:before { background-color: #98A2B3; }
.dashboard .dashboard-box.license-active .box-info { border-color: #4CBF7D; }
.dashboard .dashboard-box.license-active .box-info:before { background-color: #4CBF7D; }

.dashboard .dashboard-list {}
.dashboard .dashboard-list li { display: flex; align-items: center; gap: 16px; }
.dashboard .dashboard-list li:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,.06); margin-bottom: 24px; padding-bottom: 24px; }
.dashboard .dashboard-list li .list-group > * { margin-bottom: 3px; }
.dashboard .dashboard-list li .list-group > *:last-child { margin-bottom: 0; }
.dashboard .dashboard-list li .list-icon { display: inline-flex; justify-content: center; align-items: center; width: 64px; height: 64px; border-radius: 4px; border: 1px solid #EAECF0; flex-shrink: 0; }
.dashboard .dashboard-list li .list-icon img { max-width: 36px; height: auto; }
.dashboard .dashboard-list li .ml-auto { margin-left: auto; }

.dashboard .dashboard-alert { padding: 20px; text-align: center; }
.dashboard .dashboard-alert .alert-icon { display: inline-flex; justify-content: center; align-items: center; width: 64px; height: 64px; color: #EAECF0; margin-bottom: 20px; }
.dashboard .dashboard-alert .alert-icon img { max-width: 100%; height: auto; }
.dashboard .dashboard-alert .heading { margin-bottom: 0; }
.dashboard .dashboard-alert > *:last-child { margin-bottom: 0; }

.dashboard .dashboard-iconbox { display: block; background-color: #fff; border-radius: 4px; padding: 24px; color: inherit; text-decoration: none; }
.dashboard .dashboard-iconbox:hover { background-color: #E0F2FE; }
.dashboard .dashboard-iconbox .heading { margin-bottom: 8px; }
.dashboard .dashboard-iconbox > *:last-child { margin-bottom: 0; }

.dashboard .dashboard-table { margin-top: 0; border-radius: unset; }
.dashboard .dashboard-table tbody tr:nth-child(2n+1) { background-color: #fff; }
.dashboard .dashboard-table th { font-size: 85%; color: inherit; font-weight: 400; background-color: transparent; }
.dashboard .dashboard-table th,
.dashboard .dashboard-table td { padding: 10px 16px; border: 0; }
.dashboard .dashboard-table tbody tr:last-child th,
.dashboard .dashboard-table tbody tr:last-child td { border-bottom: 0; }
.dashboard .dashboard-table .title { color: #00032a; font-weight: 500; }

.dashboard a.button { padding: 5px 15px; border-radius: 4px; font-weight:400; line-height: 1.8;}

.dashboard .switch { position: relative; display: inline-block; width: 50px; height: 28px; }
.dashboard .switch input { opacity: 0; width: 0; height: 0; }
.dashboard .switch .switch-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; border-radius: 34px; -webkit-transition: .4s; transition: .4s; }
.dashboard .switch .switch-slider:before { position: absolute; content: ""; height: 22px; width: 22px; left: 3px; bottom: 3px; background-color: white; border-radius: 50%; -webkit-transition: .4s; transition: .4s; }
.dashboard .switch input:checked + .switch-slider { background-color: #2196F3; }
.dashboard .switch input:focus + .switch-slider { box-shadow: 0 0 1px #2196F3; }
.dashboard .switch input:checked + .switch-slider:before { -webkit-transform: translateX(22px); -ms-transform: translateX(22px); transform: translateX(22px); }

.dashboard .dashboard-form { margin-bottom: 15px; }

.dashboard .dashboard-form .pass-graybar{height:6px;background-color:#CCC;width:100%;position:relative;border-radius:4px;margin-top:10px}
.dashboard .dashboard-form .pass-colorbar{height:6px;position:absolute;top:0;left:0;border-radius:4px}
.dashboard .dashboard-form .pass-percent,
.dashboard .dashboard-form .pass-text{font-size:90%}
.dashboard .dashboard-form .pass-percent{margin-right:5px}

.dashboard .dashboard-form .password-match-message{font-size:90%;color:#c42216}

.dashboard .input-wrapper{display:block;position:relative}
.dashboard .input-wrapper .password-reveal{position:absolute;right:10px;top:15px;display:block;width:20px;height:20px;cursor:pointer;background-image: url(../svg/eye.svg); background-repeat: no-repeat; background-position: center; background-size: 20px;opacity: .65}
.dashboard .input-wrapper .password-reveal:hover{opacity:1;}
.dashboard .input-wrapper .password-reveal.show{background-image: url(../svg/eye-off.svg);opacity:1; }

.dashboard .form-message{ border:1px solid #c42216; border-radius:4px; background:#fff4f4; padding:5px 15px }

.dashboard .form-success{ color:green }
.dashboard .form-message,
.dashboard .field-message { font-size:90%; color:#c42216; display:none }
.dashboard .form-control { display: block; width: 100%; max-width: 100%; font-family: 'Poppins', sans-serif; font-size: 15px; line-height: 1.4; padding: 12px 16px; border: 1px solid #cbd5e1; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); color: #64748b; background-color: #fff; border-radius: 4px; -moz-appearance: none; -webkit-appearance: none; margin: 0; transition: all 0.3s ease-in-out; }
.dashboard .form-control:focus { border-color: #0089f7; color: #0f172a; box-shadow: 0 0 0 3px rgba(0,137,247,.1); outline: none; }

.dashboard .form-select { background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%; }

#form-contact-us .row-column:not(:last-child) { margin-bottom: 15px; }
#form-contact-us .submit { margin: 0; }

.dashboard form.error .form-message { display:block  }
.dashboard .form-group.error .form-control { border-color: #f97970; color: #80231c; box-shadow: 0 0 0 3px #fee4e2; }
.dashboard .form-group.error .field-message { display:block }

.dashboard a.form-button,
.dashboard input[type="submit"].form-button,
.dashboard input[type="reset"].form-button,
.dashboard input[type="button"].form-button,
.dashboard button.form-button { display: inline-flex; align-items: center; justify-content: center; position: relative; box-sizing: border-box; font-size: inherit; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 15px; line-height: 1.4; padding: 12px 16px; border-radius: 4px; border: 1px solid #0089f7; background-color: #0089f7; color: #fff; white-space: nowrap; outline: unset; text-decoration: none; transition: all 0.3s ease-in-out; cursor:pointer }

.dashboard a.form-button:hover,
.dashboard input[type="submit"].form-button:hover,
.dashboard input[type="reset"].form-button:hover,
.dashboard input[type="button"].form-button:hover,
.dashboard button.form-button:hover {
  border: 1px solid #1999FF;
  background-color: #1999FF;
}

.dashboard .form-button-full-width { width: 100%; }

/* Downloads */
.dashboard .downloads .dashboard-form { display: flex; gap: 8px; margin: 20px 0; }

/* Header Panel & Back to Betheme */
a.back-to-betheme { display: inline-flex; align-items: center; gap: 5px; line-height: 1.5; padding: 5px 0 5px 20px; border-left: 1px solid rgba(0,0,0,.1); }
.account-panel { position: relative; line-height: 1.3; font-size: 14px; text-align: left; margin-left: auto; }
.account-panel a.panel-link { display: flex; align-items: center;text-decoration: none; color: #555C70; padding: 6px 12px 6px 6px; gap: 10px; border-radius: 30px; background-color: #F9FBFC; }
.account-panel.is-active a.panel-link,
.account-panel a.panel-link:hover { background-color: #F2F7FA; }
.account-panel a.panel-link .user-avatar { width: 40px; height: 40px; border-radius: 100%; overflow: hidden; flex-shrink: 0; }
.account-panel a.panel-link .user-avatar img { width: 100%; height: auto; }
.account-panel a.panel-link .user-info { line-height: 1.4; }
.account-panel a.panel-link .user-info > * { margin: 0; }
.account-panel a.panel-link .user-info p:not(.mail) { font-size: 90%; }
.account-panel a.panel-link .user-info .mail { color: #00032a; text-overflow: ellipsis; width: 140px; overflow: hidden; white-space: nowrap; }
.account-panel.is-active a.panel-link .panel-arrow { transform: rotate(180deg); }
.account-panel .panel-content { position: absolute; min-width: 300px; box-sizing: border-box; top: calc(100% + 5px); right: 0; background-color: #fff; box-shadow: 0 3px 12px 0 rgba(0,0,0,.05); border-radius: 8px; padding: 20px 25px; }
.account-panel .panel-content p { margin-bottom: 5px; }
.account-panel .panel-content hr { margin: 15px 0; }
.account-panel .panel-content .mail { font-weight: 500; color: #00032a; }
.account-panel .panel-content .panel-menu ul { display: flex; flex-direction: column; gap: 4px; list-style: none; }
.account-panel .panel-content .panel-menu li a { display: flex; align-items: center; position: relative; gap: 12px; padding: 8px 12px; border-radius: 6px; color: #697586; text-decoration: none; }
.account-panel .panel-content .panel-menu li a:hover { color: #101828; background-color: #F2F7FA; }


.mobile-menu-link { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 22px; height: 20px; }
.mobile-menu-link span { width: 100%; height: 2px; background-color: #08080e; display: block; transition: background-color 0.2s ease-in-out; }
.mobile-menu-link span::before,
.mobile-menu-link span::after { content: ""; width: 100%; background-color: #08080e; display: block; transition: all 0.2s ease-in-out; height: 2px; }
.mobile-menu-link span::before { transform: translateY(-8px); }
.mobile-menu-link span::after { transform: translateY(8px); margin-top: -2px; }
.mobile-menu-link.active span { background-color: transparent; }
.mobile-menu-link.active span::before { transform: rotateZ(45deg) translateY(0); }
.mobile-menu-link.active span::after { transform: rotateZ(-45deg) translateY(0); }

.mobile-menu-panel { background-color: #f9fbfc; position: fixed; width: 300px; max-width: 100%; height: 100%; padding: 30px; box-sizing: border-box; right: -300px; transition: all 0.2s ease-in-out; top: 70px; z-index: 100; box-shadow: 0 20px 20px rgba(0,0,0,.06); }
.mobile-menu-panel.active { right: 0; }
.mobile-menu-panel .mobile-menu ul { display: flex; flex-direction: column; gap: 4px; list-style: none; margin-bottom: 30px; }
.mobile-menu-panel .mobile-menu ul li a { display: flex; align-items: center; position: relative; gap: 12px; padding: 8px 12px; border-radius: 6px; color: #697586; text-decoration: none; }
.mobile-menu-panel .mobile-menu ul li a:hover,
.mobile-menu-panel .mobile-menu ul li.active a { color: #101828; background-color: #F9FAFB; }

@media only screen and (max-width: 1140px) {

  .dashboard .dashboard-box .license-details { width: 100%; min-width: 100% !important; }
  .dashboard .dashboard-box .license-date { text-align: left; margin-top: 0; }

}

@media only screen and (max-width: 959px) {

  .dashboard .dashboard-aside { display: none; }

}

@media only screen and (max-width: 767px) {

  .dashboard { font-size: 14px; line-height: 1.7; }
  .dashboard a.button { font-size: 14px; }

  .dashboard h3 { font-size: 18px; }

  .dashboard hr { margin: 16px 0; }

  .dashboard a.form-button,
  .dashboard input[type="submit"].form-button,
  .dashboard input[type="reset"].form-button,
  .dashboard input[type="button"].form-button,
  .dashboard button.form-button { font-size: 14px; }

  .dashboard .dashboard-card { padding: 16px; }
  .dashboard .dashboard-card .card-header { flex-direction: column; margin-bottom: 16px; }
  .dashboard .dashboard-card .card-header .button { margin-left: inherit; }
  .dashboard .dashboard-card .card-header .search-form { margin-left: inherit; width: 100%; }
  .dashboard .dashboard-card .card-header .search-form .search { width: 100%; }

  .dashboard .dashboard-box { padding: 16px; }
  .dashboard .dashboard-box { text-align: center; }
  .dashboard .dashboard-box .box-row { flex-direction: column; }
  .dashboard .dashboard-box .box-row .ml-auto { margin-left: unset; }
  .dashboard .dashboard-box .box-row .row-icon { width: 48px; height: 48px; }
  .dashboard .dashboard-box p.license code { white-space: break-spaces; }
  .dashboard .dashboard-box .license-wrapper .license-date { text-align: left; }

  .dashboard .licenses .dashboard-box,
  .dashboard .purchases .dashboard-box { text-align: inherit; }
  .dashboard .licenses .dashboard-box .box-row,
  .dashboard .purchases .dashboard-box .box-row { align-items: flex-start; }
  .dashboard .licenses .dashboard-box .website a,
  .dashboard .purchases .dashboard-box .website a { text-overflow: unset; max-width: unset; }
  .dashboard .licenses .dashboard-box .license-details,
  .dashboard .purchases .dashboard-box .license-details { min-width: unset; }

  .dashboard .downloads .dashboard-form { flex-direction: column; }

  .dashboard .dashboard-table thead { display: none; }
  .dashboard .dashboard-table tr { display: block; border-bottom: 1px solid rgba(48,64,80,.15); background-color: transparent; }
  .dashboard .dashboard-table tr:last-child { margin-bottom: 0; }
  .dashboard .dashboard-table td:last-child { margin-bottom: 0; }
  .dashboard .dashboard-table th,
  .dashboard .dashboard-table td { display: flex; align-items: center; justify-content: space-between; }
  .dashboard .dashboard-table td:before { content: attr(data-label); margin-right: auto; font-size: 12px; margin-right: 10px; }
  .dashboard .dashboard-table td.actions { justify-content: center; }
  .dashboard .dashboard-table td.actions:before { display: none; }

}

@media only screen and (max-width: 480px) {

  .dashboard .dashboard-list li { flex-direction: column; text-align: center; }
  .dashboard .dashboard-list li .list-icon { width: 48px; height: 48px; }
  .dashboard .dashboard-list li .ml-auto { margin-left: unset; }

  .account-panel .panel-content { position: fixed; min-width: auto; right: auto; top: 65px; left: 5%; width: 90%; }
  .account-panel a.panel-link .user-info .mail { width: 100px; }

}



.grecaptcha-badge { display: none !important; }