.path-frontpage .umami-header {
  display:none;
}
.path-frontpage .layout-highlighted {
 padding:0px;
}
.path-frontpage .layout-highlighted {
 padding-top:0px;
}
body.has-layout-header .main-content-area.container {
    margin-left: 0px;
    margin-right: 0px;
    max-width: 100%;
}
.path-frontpage .card-dashboard.highlight {
 width:26%;
}
.path-frontpage .card-dashboard {
    padding-left: 24px; 
    padding-right: 24px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    padding-top: 6px;
    padding-bottom: 6px;
}
.path-frontpage .card-dashboard a .badge-blk {
 color:#000;
 border-bottom: 1px solid #000;
  display: flex;
  gap: 4px;
  align-items: center;
}
.path-frontpage .card-dashboard a .badge {
  display: flex;
  gap: 4px;
  align-items: self-end;
 justify-content: end;
}
.path-frontpage .card-dashboard .arrow-stg-red,
.path-frontpage .card-dashboard .arrow-stg-blk {
display:flex;
justify-content: end;
}
.path-frontpage .card-dashboard .badge {
padding:0px;
margin:0px;
padding-top: 6px;
}
.path-frontpage .card-dashboard .arrow-stg-red .badge img {
margin-left:8px;
}
.path-frontpage .dashboard-header-content p {
 font-size: 22px;
}
.path-frontpage .card-order.highlight-border .date-range span {
display: flex;
align-items: baseline;
font-size:16px;
}
.path-frontpage .card-order.highlight-border .date-range span img {
    height: 7px;
    padding-left: 8px;
}
.path-frontpage .dashboard-header-content .promo-highlight-line {
   width: 60px;
    height: 8px;
    background-color: #FFFC00;
    margin: 30px 0 25px;
}
.path-frontpage .card-dashboard .badge-blk img {
 transform: rotate(-90deg);
  transform-origin: center;
  height: 7px;
  margin-left: 8px;
}
.path-frontpage .card-dashboard a .badge {
 margin-right:0px;
 padding:0px;
text-align: right;
}
.path-frontpage .preferences {
  display:flex;
  align-items: center;
  justify-content: end;
}
.path-frontpage .preferences p {
  margin-bottom:0;
}
.path-frontpage .preferences span {
  padding-right:8px;
}
.path-frontpage .preferences img {
 margin-top:8px;
}
.path-frontpage .node__content > div:not(:first-child):not(:last-child) {
  margin-left:2%;
  margin-right:2%;
  display:flex;
}
.path-frontpage .node__content > div:last-child {
  margin-left:2%;
  margin-right:2%;
 }

.path-frontpage .card-order.accounts-card .accounts-header h4 {
  padding-right:8px;
   font-size: 32px;
    font-weight: 800;
}
.path-frontpage .card-order.accounts-card .accounts-header h4,
.path-frontpage .card-order.accounts-card .accounts-header p {
  margin-bottom:0px;
  display: inline-block;
}
.path-frontpage .card-order.accounts-card {
padding-bottom:24px;
}
.path-frontpage .card-order.accounts-card p {
margin-bottom:0px;
}
.path-frontpage .card-order.accounts-card input.search-box {
   margin-top: 24px;
   background: #F9F9F9;
   border-radius: 24px;
}
.btn-primary a {
color:#000;
text-decoration:none;
font-weight: 100;
}
.btn-primary a:hover {
/*color:#fff;*/
background:none;
font-weight: 100;
}
.footer-buttons .dashboard a {
color:#000;
text-decoration:none;
}
.btn-footer .btn-primary{
  font-weight: 100;
}


.path-frontpage .card-order.accounts-card .btn-footer {
  justify-content: end;
}
.path-frontpage .card-order.accounts-card .btn-footer .btn-outline {
margin-right:24px;
}
.path-frontpage .card-order .btn-group {
justify-content: end;
padding-top:7.9%;
}
.path-frontpage .card-order .btn-group .btn-outline {
margin-right:24px;
}
.path-frontpage .card-order .service-list .service-item {
    display: flex;
    padding: 12px 0;
    align-items: center;
}
.path-frontpage .card-order .service-list .service-item .col.name {
  flex:1;
 font-size: 20px;
}
.path-frontpage .card-order .service-list .service-item .col.value {
  flex:1;
 text-align: right;
font-size: 20px;
}
.path-frontpage .card-order .service-list .service-item .col.value span{
font-size: 16px;
}
.path-frontpage .card-order .service-list .service-item .col.value p:last-child {
 font-size: 16px;
}
.path-frontpage .card-order .service-list .service-item .service-values {
    flex: 1;
    text-align: right;
   font-size: 20px;
}
.path-frontpage .card-order .service-list .service-item .col.value p {
  margin-bottom:0px;
}
.path-frontpage .card-order .data-flex {
    display: flex;
    justify-content: space-around;
    padding-bottom: 24px;
    padding-top: 24px;
}
.path-frontpage .card-order .data-dta {
     display: flex;
    justify-content: flex-end;
    align-items: end;
    padding-top: 12%;
}
.path-frontpage .card-order .data-dta p {
  margin-bottom:0px;
}
.path-frontpage .card {
  background: #F9F9F9;
}
.path-frontpage .card input.search-box {
  background: #F9F9F9;
  border-radius: 24px;
  padding-left: 36px;
  background: url(../images/icons8-search-16.png) no-repeat 0.5em center !important;
  margin-top:32px;
}
.path-frontpage .card .footer-buttons {
    justify-content: end;
}
.path-frontpage .card .footer-buttons > button:first-child {
  margin-right:24px;
  background: #F9F9F9;
  border-color:#000;
  width:auto;
  padding:0px 26px;
}
.path-frontpage .card .footer-buttons button {
   width: 36%;
}
.path-frontpage .card .card-title .filter-text {
   display: flex;
  align-items: center;
}
.path-frontpage .card .actions > button:first-child {
    background: #F9F9F9;
    border: 1px solid #000;
}
.path-frontpage .card .actions button {
   width: 26%;
  border-radius: 24px;
}
.path-frontpage .card .actions {
  justify-content: flex-end;
  margin-top:1rem;
  margin-bottom:2.6rem;
}
.path-frontpage .card .actions + p {
 margin-bottom:0px;
}
.path-frontpage .card .billing-month {
padding-top:24px;
}
.path-frontpage .card .progress-bar-container {
margin-top:1rem;
}
.path-frontpage .card .ticket-status + p {
 margin-bottom:0px;
}
body .breadcrumb {
  display:none;
}




.path-frontpage .ticket-chart-container {
  text-align: center;
  font-family: var(--user-font, 'Poppins', Arial, sans-serif);
}

.path-frontpage .ticket-chart-container .ticket-title {
  font-size: 22px;
  margin-bottom: 1rem;
}

.path-frontpage .ticket-chart-container .chart-wrapper {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.path-frontpage .ticket-chart-container .chart {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: conic-gradient(
    yellow 0% 25%,
    #ffed99 25% 58%,
    #ffd466 58% 100%
  );
  position: relative;
}
.path-frontpage .ticket-chart-container {
    padding-top:11px;
    padding-bottom: 24px;
    border-bottom: 1px solid #E0E0E0;
}
.path-frontpage .card-order.accounts-card h3 {
padding-bottom:24px;
}
.path-frontpage .card-order.accounts-card .accounts-header p {
font-weight: 500;
}
.path-frontpage .card,
.path-frontpage .card-order,
.path-frontpage .card-order.accounts-card {
   border-bottom: 4px solid #2f3f46;
}
.path-frontpage .card .billing-month span {
display: flex;
align-items: baseline;
}
.path-frontpage .card .billing-month span img {
 height: 7px;
 padding-left: 8px;
}
.path-frontpage .card .billing-month span img.filter-icon { 
    height: 12px;
    width: 50%;
}
.path-frontpage .card .billing-total {
    padding-bottom: 24px;
    border-bottom: 1px solid #E0E0E0;

}

/* Labels */
.path-frontpage .ticket-chart-container .label {
  position: absolute;
  white-space: nowrap;
  font-weight: bold;
  font-size: 14px;
}

.path-frontpage .ticket-chart-container .label.canceled::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  width: 100px;
  height: 1px;
  background: black;
  transform: translateY(-50%);
}
.path-frontpage .ticket-chart-container .label.closed::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  width: 160px;
  height: 1px;
  background: black;
  transform: translateY(-50%);
}
.path-frontpage .ticket-chart-container .label.open::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -221%;
  width: 100px;
  height: 1px;
  background: black;
  transform: translateY(-50%);
}




.path-frontpage .ticket-chart-container .canceled {
  top: 10%;
  left: -130px;
}

.path-frontpage .ticket-chart-container .open {
  top: 20%;
  right: -100px;
}

.path-frontpage .ticket-chart-container .closed {
  bottom: 20%;
  left: -120px;
}


/* 2nd chart*/
.path-frontpage .donut-chart-container {
  display: flex;
  align-items: center;
  font-family: var(--user-font, 'Poppins', Arial, sans-serif);
  gap: 5rem;
  justify-content: center;
  padding-top: 24px;
}

.path-frontpage .donut-chart-container .donut {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: conic-gradient(
    #ffeb99 0% 5%,
    #ffd966 5% 10%,
    #ffe600 10% 100%
  );
  position: relative;
}

.path-frontpage .donut-chart-container .donut::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 25px;
  width: 130px;
  height: 130px;
  background: white;
  border-radius: 50%;
}
.path-frontpage .donut-chart-container .legend div:first-of-type::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    border-radius: 50%;
   background:#FFF4CB;
    
}
.path-frontpage .donut-chart-container .legend .Canceled::before {
   background:#FFE072;
}
.path-frontpage .donut-chart-container .legend .Completed::before {
   background:#FFC800;
}
.path-frontpage .card {
 border-radius: 0px;
}
.path-frontpage .card .card-title .filter-text img.billing-top-icon {
    transform: rotate(-90deg);
    transform-origin: center;
    height: 7px;
    margin-left:8px;

}
.path-frontpage .card .card-title .filter-text img.filter-icon-tik {
height:12px;
padding-left: 8px;
}
.path-frontpage .donut-chart-container .center-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
footer.footer .footer-bottom-show .middle ul li a {
  color:#000000;
  text-decoration: none;
  font-size: 18px;
}
footer.footer .footer-bottom-show .middle ul li a:hover {
  background-color: #fff;
  color:#17A2B8;
}
.path-frontpage .donut-chart-container .legend {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 14px;
  font-weight: bold;
}
footer.footer .footer-bottom-show .contact-buttons button {
width:60%;
}

.path-frontpage .donut-chart-container .legend .dot {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: middle;
}

.path-frontpage .donut-chart-container .legend .active {
  background-color: #ffeb99;
}

.path-frontpage .donut-chart-container .legend .canceled {
  background-color: #ffd966;
}

.path-frontpage .donut-chart-container .legend .completed {
  background-color: #ffe600;
}





/* order page  */
.path-frontpage main .layout-highlighted {
    border-bottom:none;
}
main .layout-highlighted {
    border-bottom: 5px solid #FFC107;
}
.path-apiuser main .layout-highlighted  {
     border-bottom:none;
}
.has-openapi-header main .layout-highlighted {
      border-bottom:none;
}
.orders-dashboard-top .total-orders .dashboard-header-order .orders {
    font-size: 22px;
    font-weight: 600;
}
.orders-dashboard-top .total-orders .dashboard-header-order .location-select .arrow img {
    height: 7px;
    margin-left: 10px;
}
.orders-dashboard-top .order-stats .stat-box:first-child {
   align-items: end;
}
.orders-dashboard-top .order-stats {
  padding-top:4rem !important;
}
.orders-dashboard-top .total-orders .actions {
  margin-bottom:0px;
}
.orders-dashboard-top .search-orders .orders-header .order-actions span {
 display:flex;
}
.orders-dashboard-top .search-orders .orders-header .order-actions {
 display:flex;
}
.orders-dashboard-top .search-orders .orders-header .order-actions span img {
 padding-left: 6px;
}
.orders-dashboard-top .search-orders .tab {
 font-weight: 500;
}
.orders-dashboard-top .order-table .container {
    margin: 0;
    width: 100%;
    max-width: 100%;
}
.orders-dashboard-top .order-table .container table thead > tr th:first-child {
   padding: 5px 0px 0px 63px;
}
.orders-dashboard-top .order-table .container table thead > tr th:nth-child(2){
    padding-top: 15px;
}
.orders-dashboard-top .order-table .container table tbody tr:first-child td:first-child {
  padding-left: 44px;
}
.orders-dashboard-top .order-table .container table tbody tr:first-child td:nth-child(2) {
  padding-left:0px;
}
.orders-dashboard-top .progress-tracker .step p:first-child {
  marin:0px 0 16px;
}
.orders-dashboard-top .progress-tracker .step p:last-child {
  margin: 0px 0 32px !important;
}
.orders-dashboard-top .alert-msg p:first-child {
 padding-top: 2px;
}
.orders-dashboard-top .alert-msg {
gap:8px !important;
text-align: left;
}
.orders-dashboard-top .order-table .order-details .notes-section .notes-box p { 
margin-bottom:0px;
}
.orders-dashboard-top .order-table .order-details .notes-section .notes-box {
text-align:left;
}
.orders-dashboard-top .order-table .container table tbody tr.expanded-row + tr td:first-child {
  padding-left:48px;
}
.orders-dashboard-top .order-table .container table tbody tr:nth-child(n+3) td:first-child {
  padding-left:48px;
}
.orders-dashboard-top .order-table .container table tbody tr:nth-child(n+3) td:nth-child(n+2) {
  text-align: left;
}

/* ticket page  */
.tickets-page .repair-section .container.title-change .card-title {
  font-size: 22px;
  font-weight: 600;
}
.tickets-page .repair-box a {
   display: inline-block !important;
   margin-bottom: 16px !imporatnt;
}
.tickets-page .ticket-left {
    border-right: 2px solid #E0E0E0;
    padding-right: 45px;
    height: 170px;
}
.tickets-page .form-container .form-group P {
margin-bottom:5px;
}
.tickets-page .form-container .form-group .attachment-wrapper .custom-file-input {
  border-radius: 4px 24px 24px 4px;
}
.tickets-page .checkbox-group input[type=checkbox] {
border:1px solid;
margin-right: 8px;
}
.tickets-page .form-container .checkbox-group label {
display:flex;
align-items: anchor-center;
}
.support-banner.support-tickets p {
  margin-bottom:0px;
 margin-top: 0px;
}
.support-banner.support-tickets .support-text p,
.support-banner.support-tickets .support-text p strong {
font-size: 18px;
}
.tickets-page input[type=checkbox] {
 border:1px solid;
}
.tickets-page .search-orders .orders-header .order-actions,
.tickets-page .search-orders .orders-header .order-actions span {
  display: flex;
}
.tickets-page .search-orders .orders-header .order-actions span img {
 margin-left:8px;
}
.tickets-page .order-table > .container{
   margin: 0px;
    width: 100%;
    max-width: 100%;
}
.tickets-page .order-table .container table thead > tr th:first-child {
  padding-left: 60px;
}
.tickets-page .order-table .container table thead > tr th:last-child {
  padding-right:50px;
}
.tickets-page .order-table .container table tbody tr:first-child td:first-child {
  padding-left: 17px;
}
.tickets-page .order-table .container table tbody tr:first-child td:nth-child(2) {
 padding-left: 0px;
}
.tickets-page .order-table .notes-section .notes-box p{
margin-bottom: 0px;
}
.tickets-page .order-table .container table tbody tr:nth-child(n+3) td:nth-child(n+2) {
    text-align: left;
}
.has-tickets-header .main-content-area.container {
padding-bottom:0px;
}
.user-logout-confirm.confirmation div.form-actions {
align-items: baseline;
}
.has-confirm-header .layout-highlighted,
.path-user .layout-highlighted {
border-bottom:none;
}
#search-block-form div.form-actions {
    display: none;
}