.s-site-logo-img {
  content: url(../site/images/Upgear_CRM_256.png);
}

.s-Administration-LanguageDialog > .size {
  width: 450px;
}
.s-Administration-LanguageDialog .caption {
  width: 120px;
}
.s-Administration-RoleDialog > .size {
  width: 450px;
}
.s-Administration-RoleDialog .caption {
  width: 120px;
}
.s-Administration-UserDialog > .size {
  width: 650px;
}
.s-Administration-UserDialog .caption {
  width: 150px;
}
.s-Administration-UserDialog .s-PropertyGrid .categories {
  height: 450px;
}
.s-TranslationGrid input.custom-text {
  width: 100%;
  height: 23px;
  padding: 0 3px;
}
.s-UserPermissionDialog > .size,
.s-RolePermissionDialog > .size,
.s-UserRoleDialog > .size {
  min-width: 670px;
  width: 670px;
  min-height: 450px;
  height: 450px;
}
.s-UserPermissionDialog .s-DataGrid,
.s-RolePermissionDialog .s-DataGrid,
.s-UserRoleDialog .s-DataGrid {
  height: 100%;
}
.s-UserPermissionDialog .ui-dialog-content,
.s-RolePermissionDialog .ui-dialog-content,
.s-UserRoleDialog .ui-dialog-content {
  padding: 8px;
}
.s-PermissionCheckEditor .check-box {
  background-image: url(../serenity/images/tick-empty.png);
  background-position: center center;
  width: 22px;
  height: 22px;
  margin: 0;
}
.s-PermissionCheckEditor .check-box.checked {
  background-image: url(../serenity/images/tick-green.png);
  background-position: center center;
}
.s-PermissionCheckEditor .check-box.checked.revoke {
  background-image: url(../serenity/images/tick-red.png);
  background-position: center center;
}
.s-PermissionCheckEditor .check-box.partial {
  opacity: 0.8;
}
.s-PermissionCheckEditor .check-box.checked.partial {
  background-image: url(images/tick-green-partial.png);
}
.s-PermissionCheckEditor .check-box.checked.revoke.partial {
  background-image: url(images/tick-red-partial.png);
}
.s-PermissionCheckEditor .effective-permission {
  cursor: default;
  padding-left: 22px;
  background-image: url(../serenity/images/check2.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.s-PermissionCheckEditor .effective-permission.partial {
  background-image: url(../serenity/images/checkbox-null.png);
}
.s-PermissionCheckEditor .effective-permission.deny {
  background-image: url(../serenity/images/slash.png);
}

.s-Form label.caption {
  margin-bottom: 3px;
  text-align: left;
  flex-basis: 100%;
}

.flex-layout .field {
    flex-wrap: wrap;
}

.category-links {
  display: none
}

@media (min-width: 768px) {
  .s-Transactions-EnquiryDialog.s-Panel .s-Transactions-EnquiryServiceDetailsEditor > .grid-container {
    height: 250px;
    background-color: whitesmoke;
  }

  .s-Transactions-QuotationDialog.s-Panel .s-Transactions-QuotationServiceDetailsEditor > .grid-container {
    height: 210px;
    background-color: whitesmoke;
  }

  .s-Transactions-ContractDialog.s-Panel .s-Transactions-ContractServiceDetailsEditor > .grid-container {
    height: 210px;
    background-color: whitesmoke;
  }

  .s-Transactions-ContractDialog.s-Panel .s-Transactions-InvoiceEditor > .grid-container {
    height: 300px;
    background-color: whitesmoke;
  }

  .s-Transactions-InvoiceDialog.s-Panel .s-Transactions-InvoiceServiceDetailsEditor > .grid-container {
    height: 210px;
    background-color: whitesmoke;
  }

  .s-Transactions-ProformaDialog.s-Panel .s-Transactions-ProformaServiceDetailsEditor > .grid-container {
    height: 210px;
    background-color: whitesmoke;
  }

  .s-Transactions-EnquiryDialog.s-Panel .s-Transactions-EnquiryFollowupsEditor > .grid-container {
    height: 250px;
    background-color: whitesmoke;
  }

  .s-Transactions-QuotationDialog.s-Panel .s-Transactions-QuotationFollowupsEditor > .grid-container {
    height: 250px;
    background-color: whitesmoke;
  }

  .s-Transactions-ContractDialog.s-Panel .s-Transactions-ContractFollowupsEditor > .grid-container {
    height: 250px;
    background-color: whitesmoke;
  }

  .s-Transactions-InvoiceDialog.s-Panel .s-Transactions-InvoiceFollowupsEditor > .grid-container {
    height: 250px;
    background-color: whitesmoke;
  }

  .s-Transactions-InvoiceDialog.s-Panel .s-Transactions-VisitsEditor > .grid-container {
    height: 320px;
    background-color: whitesmoke;
  }

  .s-Transactions-ContractDialog.s-Panel .s-Transactions-VisitsEditor > .grid-container {
    height: 320px;
    background-color: whitesmoke;
  }

  .s-Transactions-EnquiryDialog.s-Panel .s-Transactions-VisitsEditor > .grid-container {
    height: 320px;
    background-color: whitesmoke;
  }

  .s-Transactions-ProformaDialog.s-Panel .s-Transactions-ProformaFollowupsEditor > .grid-container {
    height: 250px;
    background-color: whitesmoke;
  }

  .s-Transactions-PurchaseDialog.s-Panel .s-Transactions-PurchaseServiceDetailsEditor > .grid-container {
    height: 250px;
    background-color: whitesmoke;
  }

  .s-Transactions-CreditNoteDialog.s-Panel .s-Transactions-CreditNoteServiceDetailsEditor > .grid-container {
    height: 250px;
    background-color: whitesmoke;
  }

  .s-Transactions-PurchaseOrderDialog.s-Panel .s-Transactions-PurchaseOrderServiceDetailsEditor > .grid-container {
    height: 250px;
    background-color: whitesmoke;
  }

  .s-Transactions-VisitsDialog.s-Panel .s-Transactions-ConsumptionEditor > .grid-container {
    height: 250px;
    background-color: whitesmoke;
  }

  .s-Transactions-VisitsDialog.s-Panel .s-Transactions-ServiceSuppliesEditor > .grid-container {
    height: 250px;
    background-color: whitesmoke;
  }

  .s-Transactions-MonthlyPayrollDialog.s-Panel .s-Transactions-MonthlyPayrollEmployeesEditor > .grid-container {
    height: 300px;
    background-color: whitesmoke;
  }

  .s-Transactions-MonthlyPayrollDialog.s-Panel .s-Transactions-MonthlyPayrollSalaryComponentsEditor > .grid-container {
    height: 300px;
    background-color: whitesmoke;
  }

  .s-Masters-CustomerDialog.s-Panel .s-Masters-SiteAddressesEditor > .grid-container {
    height: 250px;
    background-color: whitesmoke;
  }

  .s-Masters-EmployeeDialog.s-Panel .s-Masters-EmployeeSalaryComponentsEditor > .grid-container {
    height: 250px;
    background-color: whitesmoke;
  }

  .s-Masters-EmployeeDialog.s-Panel .s-Masters-EmployeeAllowedLeavesEditor > .grid-container {
    height: 250px;
    background-color: whitesmoke;
  }
  
  .s-Masters-CustomerDialog.s-Panel .s-Masters-OpeningBalanceEditor > .grid-container {
    height: 250px;
    background-color: whitesmoke;
  }
}

@media (min-width: 5000px) {
  .s-sidebar {
    top: 48px;
    transform: translateX(0);
  }

  .s-main {
    padding-left: 300px;
  }

  .s-sidebar-toggler {
    visibility: hidden;
    width: 10px !important;
  }
}

.rounded-image {
  border-radius: 70%; /* This makes the image rounded */
  object-fit: cover; /* Ensures the image covers the area without distortion */
}


.s-Transactions-VisitsGrid .unapproved-rescheduledvisit /* .col-unit-price */{
  background-color: lightsalmon;
  color: #fff;
}