.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);
}

/*manually added css below*/
s-InsideScoop-CustomerDialog .caption{
    width: 140px;
}

body {
  font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
  font-size: 13px;
}

/*a:hover {
  color: grey;
}*/

.s-DataGrid {
  width: 100%;
  margin-bottom: 1rem;
  border-collapse: collapse;
  border-spacing: 2px;
  text-indent: initial;
}

.s-DataGrid .slick-header-column {
  background: #000000;
  color: #ECF0F1;
  vertical-align: bottom;
  border-top: 1px solid #dee2e6;
  border-bottom: 2px solid #dee2e6;
  padding: 0.75rem 2px 0.75rem 4px;
  /*text-align: inherit;*/
  display: table-cell;
  font-weight: bold;
}

  .s-DataGrid .slick-cell {
    background: white;
    color: rgba(52,73,94,0.94);
    vertical-align: bottom;
    padding: 0.4rem 2px 0.75rem 4px;
    /*text-align: inherit;*/
    display: table-cell;
    border-right: 1px dotted silver;
  }

.s-sidebar-menu .s-sidebar-menu {
  margin-left: 0em;
}

.s-sidebar-pane {
  background: #000000;
  overflow-y: auto;
  height: 100%;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;
}

.s-sidebar-search {
  display: none;
}

.s-sidebar-icon, .s-sidebar-link-text {
  color: white;
}

.s-sidebar-link:hover > .s-sidebar-icon, .s-sidebar-link > .s-sidebar-menu-toggle, .active > .s-sidebar-link > .s-sidebar-icon {
  color: white;
}

.s-sidebar-item:not(.active) {
  padding: 13px 0px 12px;
}

.s-sidebar-item.active:not(.has-children) {
  padding: 13px 0px 12px;
  padding-left: 1em;
}

.s-sidebar-item:not(.has-children) {
  padding-left: 1em;
}

.s-sidebar-item.active {
  border-right: 5px solid #1ABB9C;
}

.s-sidebar-item.active.has-children .s-sidebar-item {
  border-right: 0px;
}

.s-sidebar-item.active.has-children > a {
  padding: 13px 15px 12px;
  background: grey;
  text-shadow: rgba(0,0,0,0.25) 0 -1px 0;
  background: linear-gradient(#334556, #2C4257),#000000;
  box-shadow: rgba(0,0,0,0.25) 0 1px 0, inset rgba(255,255,255,0.16) 0 1px 0;
}

.s-sidebar-item.active:not(.has-children) {
  background: rgba(255,255,255,0.05);
}

.s-sidebar-header {
  background-color: #000000;
  border-bottom: 1px solid #e8e9ea;
  border: none;
  height: 48px !important;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
}

.grid-title, .panel-titlebar {
  font-size: 16px;
  font-weight: 600;
  padding: 6px 0;
  margin-bottom: 8px;
  border-bottom: 1px solid #e7e7e7;
  color: #000000;
}

.s-QuickSearchBar .quick-search-icon {
  display: inline-block;
  float: left;
  padding: 0 0 0 8px;
  border-radius: 5px 0 0 5px;
  background: #000000;
  height: 28px;
  width: 36px;
}

.fa.text-blue {
  color: #2A3F54 !important;
}

.ui-dialog .ui-dialog-titlebar {
  flex-direction: column;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #fff;
  padding: 2px 2px 2px 1em;
  background-color: #000000;
  display: flex;
  flex-direction: row;
}

.s-Serenity-StringEditor, .s-Serenity-PasswordEditor, .s-Serenity-DateEditor, .s-Serenity-DecimalEditor, .s-Serenity-IntegerEditor, .s-Serenity-EnumEditor, .s-Serenity-EmailAddressEditor {
  height: 24px !important;
}

.s-title {
  color: white;
}

.fa-edit, .fa-trash-o {
    font-size: medium !important;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #000000;
  --bs-btn-border-color: #000000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #000000;
  --bs-btn-hover-border-color: #000000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #636363;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #BABABA;
  --bs-btn-disabled-border-color: #BABABA;
}

.s-Panel {
  padding: 10px;
  border-radius: 3px;
  background: #fff;
  border-top: 3px solid #000000;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}