/*  
    WESTMINSTER - Colour - Coperate Branding 
*/

:root {
  --isx-color1: #473E91;
  --isx-color2: #16B0EF;
  --isx-color3: #FCC000;
  --isx-color4: #C8C7C6;
  --isx-color5: #6B6B6B;
  --isx-color6: #9D73EF;
  --isx-color7: #f5f0f57a;
  --isx-color8: #DEE0E2;
  --isx-radius-main-layout: 8px;
  --isx-box-main-layout: 10px;
}

@font-face { /* Font ENG */
  font-family: 'Whitney Black';
  src: url('/assets/fonts/whitney_font/WHITNEY-BLACK.OTF') format('opentype');
  /* src: url('../fonts/whitney_font/WHITNEY-BLACK.OTF') format('opentype'); */
  font-display: swap;
  border-radius: 8px;
}

@font-face { /* Font Thai */
  font-family: 'Anuyart Black';
  src: url('/assets/fonts/anuyart_thai/07ANUYART-BLACK.OTF') format('opentype');
  /* src: url('../fonts/anuyart_thai/07ANUYART-BLACK.OTF') format('opentype'); */
  font-display: swap;
}

/* Set up basic system settings */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Whitney Black', 'Anuyart Black', sans-serif;
}

/* scrollbar Start */
::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
    border-radius: 16px;
    border: solid 5px transparent;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px 5px rgba(0, 0, 0, 0.075);
}
::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 5px 5px  #8080c0;
}
/* scrollbar END */

.isx-color1 { background-color: var(--isx-color1) !important; }
.isx-color1_font { color: var(--isx-color1) !important; }


.isx-color2 { background-color: var(--isx-color2) !important; }
.isx-color3 { background-color: var(--isx-color3) !important; }
.isx-color4 { background-color: var(--isx-color4) !important; }
.isx-color5 { background-color: var(--isx-color5) !important; }
.isx-color8 { background-color: var(--isx-color8) !important; }

.isx-color6 { background-color: var(--isx-color6) !important; }
.isx-color6_font { color: var(--isx-color6) !important; }
.isx-color8_body { background-color: var(--isx-color8) !important; }
.isx-color6_h { background-color: var(--isx-color6) !important; color: #FCFCFC; }
.isx-color6_h:hover { background-color: var(--isx-color1) !important; color: #FCFCFC; }

.isx-radius-main-layout { border-radius: var(--isx-radius-main-layout) !important; }
.isx-container-box { padding: var(--isx-box-main-layout) !important; }

.no-caret::after {
  display: none !important;
}

#notilist .dropdown-item div {
  display: -webkit-box;
  -webkit-line-clamp: 4; /* แสดงสูงสุด 2 บรรทัด */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-word;
  line-height: 1.4em;
  font-size: 12px;
}