/**
 * body
 */
body {overflow-x: hidden;}

/**
 * table
 */
.hkpif-crm.table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.75rem;
}
.hkpif-crm.table th,
.hkpif-crm.table td {
    padding: 0.75rem;
}
.hkpif-crm.table.bordered th,
.hkpif-crm.table.bordered td {
    border: 0.0625rem solid rgba(0, 0, 0, 0.12);
}
.hkpif-crm.table.dense th,
.hkpif-crm.table.dense td {
    padding: 0.25rem;
}

/**
 * dropdown heigth
 */
.v-menu__content.theme--light.v-autocomplete__content{
    max-height: 130px !important;
}

/**
 * v-tooltip
 */
 .v-tooltip__content {
  pointer-events: initial;
}

/**
 * truncate
 */
.element {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.truncate {
  display: table-cell;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.hyosung.truncate {
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
}

/**
 * panel content
 */
.v-expansion-panel-content
.v-expansion-panel-content__wrap {
    padding-left: 0;
    padding-right: 0;
}

/**
 * fullcalendar fixed
 */
.fc-scrollgrid-section.fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > td:nth-child(1)
{
    position: sticky;
    left: -299px;
    background-color: white;
    z-index: 999;
}
.fc-scrollgrid-section.fc-scrollgrid-section-body > td:nth-child(1)
{
    background-color: white;
    position: sticky;
    left: -299px;
    z-index: 999;
}

/**
 * logo-web
 */
.hkpif-crm.logo-web {
    max-width:10%;
    height: 50%;
    margin-left:10px;
    cursor: pointer;
}

/**
 * background color
 */
.white--background {
    background-color: #FFFFFF !important;
}
.black--background {
    background-color: #000000 !important;
}
.red--background {
    background-color: #F44336 !important;
}
.red--background.background--lighten-1 {
    background-color: #EF5350 !important;
}
.red--background.background--lighten-2 {
    background-color: #E57373 !important;
}
.red--background.background--lighten-3 {
    background-color: #EF9A9A !important;
}
.red--background.background--lighten-4 {
    background-color: #FFCDD2 !important;
}
.red--background.background--lighten-5 {
    background-color: #FFEBEE !important;
}
.red--background.background--darken-1 {
    background-color: #E53935 !important;
}
.red--background.background--darken-2 {
    background-color: #D32F2F !important;
}
.red--background.background--darken-3 {
    background-color: #C62828 !important;
}
.red--background.background--darken-4 {
    background-color: #B71C1C !important;
}
.red--background.background--accent-1 {
    background-color: #FF8A80 !important;
}
.red--background.background--accent-2 {
    background-color: #FF5252 !important;
}
.red--background.background--accent-3 {
    background-color: #FF1744 !important;
}
.red--background.background--accent-4 {
    background-color: #D50000 !important;
}
.purple--background {
    background-color: #9C27B0 !important;
}
.purple--background.background--lighten-1 {
    background-color: #AB47BC !important;
}
.purple--background.background--lighten-2 {
    background-color: #BA68C8 !important;
}
.purple--background.background--lighten-3 {
    background-color: #CE93D8 !important;
}
.purple--background.background--lighten-4 {
    background-color: #E1BEE7 !important;
}
.purple--background.background--lighten-5 {
    background-color: #F3E5F5 !important;
}
.purple--background.background--darken-1 {
    background-color: #8E24AA !important;
}
.purple--background.background--darken-2 {
    background-color: #7B1FA2 !important;
}
.purple--background.background--darken-3 {
    background-color: #6A1B9A !important;
}
.purple--background.background--darken-4 {
    background-color: #4A148C !important;
}
.purple--background.background--accent-1 {
    background-color: #EA80FC !important;
}
.purple--background.background--accent-2 {
    background-color: #E040FB !important;
}
.purple--background.background--accent-3 {
    background-color: #D500F9 !important;
}
.purple--background.background--accent-4 {
    background-color: #AA00FF !important;
}
.indigo--background {
    background-color: #3F51B5 !important;
}
.indigo--background.background--lighten-1 {
    background-color: #5C6BC0 !important;
}
.indigo--background.background--lighten-2 {
    background-color: #7986CB !important;
}
.indigo--background.background--lighten-3 {
    background-color: #9FA8DA !important;
}
.indigo--background.background--lighten-4 {
    background-color: #C5CAE9 !important;
}
.indigo--background.background--lighten-5 {
    background-color: #E8EAF6 !important;
}
.indigo--background.background--darken-1 {
    background-color: #3949AB !important;
}
.indigo--background.background--darken-2 {
    background-color: #303F9F !important;
}
.indigo--background.background--darken-3 {
    background-color: #283593 !important;
}
.indigo--background.background--darken-4 {
    background-color: #1A237E !important;
}
.indigo--background.background--accent-1 {
    background-color: #8C9EFF !important;
}
.indigo--background.background--accent-2 {
    background-color: #536DFE !important;
}
.indigo--background.background--accent-3 {
    background-color: #3D5AFE !important;
}
.indigo--background.background--accent-4 {
    background-color: #304FFE !important;
}
.blue--background {
    background-color: #2196F3 !important;
}
.blue--background.background--lighten-1 {
    background-color: #42A5F5 !important;
}
.blue--background.background--lighten-2 {
    background-color: #64B5F6 !important;
}
.blue--background.background--lighten-3 {
    background-color: #90CAF9 !important;
}
.blue--background.background--lighten-4 {
    background-color: #BBDEFB !important;
}
.blue--background.background--lighten-5 {
    background-color: #E3F2FD !important;
}
.blue--background.background--darken-1 {
    background-color: #1E88E5 !important;
}
.blue--background.background--darken-2 {
    background-color: #1976D2 !important;
}
.blue--background.background--darken-3 {
    background-color: #1565C0 !important;
}
.blue--background.background--darken-4 {
    background-color: #0D47A1 !important;
}
.blue--background.background--accent-1 {
    background-color: #82B1FF !important;
}
.blue--background.background--accent-2 {
    background-color: #448AFF !important;
}
.blue--background.background--accent-3 {
    background-color: #2979FF !important;
}
.blue--background.background--accent-4 {
    background-color: #2962FF !important;
}
.brown--background {
    background-color: #754c29 !important;
}
.green--background {
    background-color: #4CAF50 !important;
}
.green--background.background--lighten-1 {
    background-color: #66BB6A !important;
}
.green--background.background--lighten-2 {
    background-color: #81C784 !important;
}
.green--background.background--lighten-3 {
    background-color: #A5D6A7 !important;
}
.green--background.background--lighten-4 {
    background-color: #C8E6C9 !important;
}
.green--background.background--lighten-5 {
    background-color: #E8F5E9 !important;
}
.green--background.background--darken-1 {
    background-color: #43A047 !important;
}
.green--background.background--darken-2 {
    background-color: #388E3C !important;
}
.green--background.background--darken-3 {
    background-color: #2E7D32 !important;
}
.green--background.background--darken-4 {
    background-color: #1B5E20 !important;
}
.green--background.background--accent-1 {
    background-color: #B9F6CA !important;
}
.green--background.background--accent-2 {
    background-color: #69F0AE !important;
}
.green--background.background--accent-3 {
    background-color: #00E676 !important;
}
.green--background.background--accent-4 {
    background-color: #00C853 !important;
}
.light--green--background {
    background-color: #8BC34A !important;
}
.light--green--background.background--lighten-1 {
    background-color: #9CCC65 !important;
}
.light--green--background.background--lighten-2 {
    background-color: #AED581 !important;
}
.light--green--background.background--lighten-3 {
    background-color: #C5E1A5 !important;
}
.light--green--background.background--lighten-4 {
    background-color: #DCEDC8 !important;
}
.light--green--background.background--lighten-5 {
    background-color: #F1F8E9 !important;
}
.light--green--background.background--darken-1 {
    background-color: #7CB342 !important;
}
.light--green--background.background--darken-2 {
    background-color: #689F38 !important;
}
.light--green--background.background--darken-3 {
    background-color: #558B2F !important;
}
.light--green--background.background--darken-4 {
    background-color: #33691E !important;
}
.light--green--background.background--accent-1 {
    background-color: #CCFF90 !important;
}
.light--green--background.background--accent-2 {
    background-color: #B2FF59 !important;
}
.light--green--background.background--accent-3 {
    background-color: #76FF03 !important;
}
.light--green--background.background--accent-4 {
    background-color: #64DD17 !important;
}
.yellow--background {
    background-color: #FFEB3B !important;
}
.yellow--background.background--lighten-1 {
    background-color: #FFEE58 !important;
}
.yellow--background.background--lighten-2 {
    background-color: #FFF176 !important;
}
.yellow--background.background--lighten-3 {
    background-color: #FFF59D !important;
}
.yellow--background.background--lighten-4 {
    background-color: #FFF9C4 !important;
}
.yellow--background.background--lighten-5 {
    background-color: #FFFDE7 !important;
}
.yellow--background.background--darken-1 {
    background-color: #FDD835 !important;
}
.yellow--background.background--darken-2 {
    background-color: #FBC02D !important;
}
.yellow--background.background--darken-3 {
    background-color: #F9A825 !important;
}
.yellow--background.background--darken-4 {
    background-color: #F57F17 !important;
}
.yellow--background.background--accent-1 {
    background-color: #FFFF8D !important;
}
.yellow--background.background--accent-2 {
    background-color: #FFFF00 !important;
}
.yellow--background.background--accent-3 {
    background-color: #FFEA00 !important;
}
.yellow--background.background--accent-4 {
    background-color: #FFD600 !important;
}
.orange--background {
    background-color: #FF9800 !important;
}
.orange--background.background--lighten-1 {
    background-color: #FFA726 !important;
}
.orange--background.background--lighten-2 {
    background-color: #FFB74D !important;
}
.orange--background.background--lighten-3 {
    background-color: #FFCC80 !important;
}
.orange--background.background--lighten-4 {
    background-color: #FFE0B2 !important;
}
.orange--background.background--lighten-5 {
    background-color: #FFF3E0 !important;
}
.orange--background.background--darken-1 {
    background-color: #FB8C00 !important;
}
.orange--background.background--darken-2 {
    background-color: #F57C00 !important;
}
.orange--background.background--darken-3 {
    background-color: #EF6C00 !important;
}
.orange--background.background--darken-4 {
    background-color: #E65100 !important;
}
.orange--background.background--accent-1 {
    background-color: #FFD180 !important;
}
.orange--background.background--accent-2 {
    background-color: #FFAB40 !important;
}
.orange--background.background--accent-3 {
    background-color: #FF9100 !important;
}
.orange--background.background--accent-4 {
    background-color: #FF6D00 !important;
}
.grey--background {
    background-color: #9E9E9E !important;
}
.grey--background.background--lighten-1 {
    background-color: #BDBDBD !important;
}
.grey--background.background--lighten-2 {
    background-color: #E0E0E0 !important;
}
.grey--background.background--lighten-3 {
    background-color: #EEEEEE !important;
}
.grey--background.background--lighten-4 {
    background-color: #F5F5F5 !important;
}
.grey--background.background--lighten-5 {
    background-color: #FAFAFA !important;
}
.grey--background.background--darken-1 {
    background-color: #757575 !important;
}
.grey--background.background--darken-2 {
    background-color: #616161 !important;
}
.grey--background.background--darken-3 {
    background-color: #424242 !important;
}
.grey--background.background--darken-4 {
    background-color: #212121 !important;
}

/**
 * border color
 */
.white--border {
    border-color: #FFFFFF !important;
}
.black--border {
    border-color: #000000 !important;
}
.grey--border {
    border-color: #9E9E9E !important;
}
.grey--border.border--lighten-1 {
    border-color: #BDBDBD !important;
}
.grey--border.border--lighten-2 {
    border-color: #E0E0E0 !important;
}
.grey--border.border--lighten-3 {
    border-color: #EEEEEE !important;
}
.grey--border.border--lighten-4 {
    border-color: #F5F5F5 !important;
}
.grey--border.border--lighten-5 {
    border-color: #FAFAFA !important;
}
.grey--border.border--darken-1 {
    border-color: #757575 !important;
}
.grey--border.border--darken-2 {
    border-color: #616161 !important;
}
.grey--border.border--darken-3 {
    border-color: #424242 !important;
}
.grey--border.border--darken-4 {
    border-color: #212121 !important;
}

.white--text{
    color: #FFFFFF !important;
}

/**
 * mouse cursor
 */
.cursor--pointer{
    cursor: pointer;
}

.cursor--default {
    cursor: default;
}

.all-parent-css-invalidate {
    all: initial !important;
}


/*
.rightSlash{
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="black" /></svg>');
}
*/