:root {
  --primary: rgb(255, 18, 59, 1);
  /* --primary-dark: rgb(209, 0, 105, 1); */
  --primary-dark: rgb(206, 6, 42, 1);
  --primary-70: rgba(255, 18, 59, 0.7);
  --primary-50: rgba(255, 18, 59, 0.5);
  --primary-30: rgba(255, 18, 59, 0.3);
  --primary-10: rgba(255, 18, 59, 0.1);
  --logo: #ff123b;
  --sidebar-icon: #fff;
  --secondary: #5C7AFF;
  --tertiary: #FBAF00;
  --dark: #292F36;
  --blue: #5C7AFF;
  --yellow: #F4E409;
  --dark-green: #218380;
  --orange: #FBAF00;
}

.bg-grad-sidebar {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgb(255, 18, 59, 1)),
    to(#3c4655)
  );

  background-image: linear-gradient(
    0deg,
    rgb(255, 18, 59, 1),
    rgb(254, 77, 107)
  );
}

.bg-gray-100 {
    --bg-opacity: 1;
    background-color:#eef1f3;
    background-color: rgba(238, 241, 243, var(--bg-opacity));
}

.text-secondary {
    color:var(--secondary)
}

.text-primary-bold {
    color:var(--primary);
    font-weight: 600;
}

.p-relative {
    position: relative;
}

.current-language-header-icon {
    position: absolute;
    height: 20px;
    width: 20px;
    top: -2px;
    left: 20px;
    border: 2px solid --tertiary;
    padding: 2px;
    background: white;
}

#csv-sortings .resource-table-wrapper{
  overflow: scroll;
  max-height: 600px;
}
#csv-sortings table{
  min-width: max-content;
}
#csv-sortings thead th {
  /* 縦スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  /* tbody内のセルより手前に表示する */
  z-index: 1;
}
.sidebar-dropdown>.dropdown-menu li a {
  display: flex;
}

 div[dusk="csv-sortings-index-component"] a[dusk$="-edit-button"],
 div[dusk="csv-sortings-index-component"] a[dusk$="-view-button"],
 #csv-sortings a[dusk$="-view-button"],
 #csv-sortings a[dusk$="-edit-button"]
 {
   display: none !important;
 }

a.text-primary {
  color: #60A5FB !important;
}

div[dusk="csv-sortings-index-component"] a[dusk="create-button"] {
  display: none !important;
}

div[dusk="csv-sorting-dates-detail-component"] table td, div[dusk="csv-sorting-dates-detail-component"] table td a {
  font-size: 13px;
  font-weight: normal!important;
  font-feature-settings: "palt";
}
div[dusk="csv-sorting-dates-detail-component"] table td span {
  max-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div[dusk="csv-sorting-dates-detail-component"] table td select {
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div[dusk="csv-sortings-index-component"] table td, div[dusk="csv-sortings-index-component"] table td a {
  font-size: 12px;
  font-weight: normal!important;
  font-feature-settings: "palt";
  min-width: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
div[dusk="csv-sortings-index-component"] table td > div {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
div[dusk="csv-sortings-index-component"] table thead th, div[dusk="csv-sortings-index-component"] table th a {
  padding: 0.75rem 0.5rem;
  letter-spacing: 0;
}
div[dusk="csv-sortings-index-component"] table td select {
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#csv-sortings table {
  white-space: nowrap;
  min-width: min-content;
}
div[dusk="csv-sortings-index-component"] table td select {
  width: 95px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div[dusk="personal-costs-managements-detail-component"] table td,
div[dusk="personal-costs-managements-detail-component"] table td a {
  font-size: 12px;
  font-weight: normal!important;
  font-feature-settings: "palt";
  min-width: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

div[dusk="personal-costs-managements-detail-component"] table th{
  padding: 0.75rem 0.5rem;
  letter-spacing: 0;
}

div[dusk="personal-costs-managements-detail-component"] table {
  white-space: nowrap;
  min-width: min-content;
}