:root{
    --header: #0a3a4b;
    --containt: #E0F2F1;
    --font: #fff;
    --text: #6b94a3;
    --hover: #3f6572;
    --dark-hover: #263136;
    --light-hover: #d4d4d4;
    --light: #a5bfc4;
}

/* 
alert message were not visible so removed
.theme--light.v-sheet {
    background-color: var(--containt);
    color: var(--containt);
} */
/* .theme--light.v-sheet{
    color: var(--font);
} */
.theme--light.v-data-table{
    background-color: var(--containt);
    color: var(--header)
}
.theme--light.v-application {
    color: var(--font)
}
.theme--light.v-icon
{
    color: var(--header);
}
.v-list-item__icon .theme--light.v-icon,
.v-list-item__avatar .theme--light.v-icon,
.v-input--selection-controls__input .theme--light.v-icon
{
    color: var(--header);
}
.theme--light.v-list--dense .v-list-item .v-list-item__title{
    color: var(--header);
}
.v-app-bar-title__content{
    color: var(--containt);
}
.theme--light.v-btn--icon.v-size--default .v-icon{
    color: var(--light);
}
.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper){
    background-color: var(--hover);
    color: var(--containt);
}
.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) .theme--light.v-btn {
    background-color: var(--hover) !important;
    color: var(--containt);
}
.v-dialog>* {
    background-color: var(--header);
    color: var(--font);
}
#scrolling-techniques-2 > div > div:nth-child(1) > main > div > div > div > div > div.elevation-12.v-card.v-sheet.theme--light > div.v-card__actions > button.ma-2.v-btn.v-btn--outlined.theme--light.v-size--default.info--text{
    color: var(--font);
    background-color: var(--header);
}
#scrolling-techniques-2 > div > div:nth-child(1) > main > div > div > div > div > div.elevation-12.v-card.v-sheet.theme--light > div.v-card__actions > button.ma-2.v-btn.v-btn--outlined.theme--light.v-size--default.info--text > span{
    color: var(--font);
}
#scrolling-techniques-2 > div > div:nth-child(1) > main > div > div > div > div > div.elevation-12.v-card.v-sheet.theme--light > div.v-card__actions > button.ma-2.v-btn.v-btn--outlined.theme--light.v-size--default.success--text{
    color: var(--font);
    background-color: var(--header);
}
#scrolling-techniques-2 > div > div:nth-child(1) > main > div > div > div > div > div.elevation-12.v-card.v-sheet.theme--light > div.v-card__actions > button.ma-2.v-btn.v-btn--outlined.theme--light.v-size--default.success--text > span{
    color: var(--font);
}
.theme--light.v-list-item:not(.v-list-item--disabled) .v-list-item__subtitle {
    color: var(--header);
}
.v-application .deep-purple--text {
    color: #8b7fa1!important;
}
.v-application .deep-purple--text.text--accent-4 {
    color: var(--font)!important;
}
.v-date-picker-years.v-date-picker-years {
    background-color: var(--header) !important;
}
.v-application .orange--text{
    color: var(--header) !important;
    background-color: var(--font) !important;
}
#scrolling-techniques-2 > div > div:nth-child(1) > main > div > div > div > div > div.elevation-12.v-card.v-sheet.theme--light > div > div.v-data-table.elevation-1.v-data-table--dense.v-data-table--has-bottom.theme--light > div.v-data-footer > div.v-data-footer__select > div > div > div > div.v-select__slot > div.v-select__selections > div{
    color: var(--header) !important;
}
#scrolling-techniques-2 > div > div:nth-child(1) > main > div > div > div > div > div.elevation-12.v-card.v-sheet.theme--light > div.v-card__text > form > div.v-input.v-input--is-label-active.v-input--is-dirty.v-input--is-focused.v-input--dense.theme--light.v-text-field.v-text-field--is-booted.v-text-field--enclosed.v-text-field--outlined.v-text-field--placeholder.v-select.v-autocomplete.primary--text > div > div.v-input__slot > div.v-select__slot > div:nth-child(4) > div > i{
    color: var(--header) !important;
}
#payrollcontent > div:nth-child(1) > div:nth-child(2) > div > div > div.v-input__slot > div.v-select__slot:hover > div:nth-child(3) > div > button{
    color: var(--font);
}
#payrollcontent > div:nth-child(1) > div:nth-child(1) > div > div > div.v-input__slot > div.v-select__slot:hover > div:nth-child(3) > div > button{
    color: var(--font);
}
.theme--light.v-list-item--active {
    background-color: var(--light-hover) !important;
}
.theme--light.v-navigation-drawer__content {
    background-color: var(--containt);
}
.v-toolbar__content, .v-toolbar__extension{
    background-color: var(--header) !important;
    color: var(--containt);
}
.v-application .teal {
    background-color: var(--containt) !important;
    color: var(--header);
}
.v-date-picker-table {
    background-color: var(--header);
}
.theme--light.v-date-picker-table .v-date-picker-table--date__week,.theme--light.v-date-picker-table th {
    color: var(--containt)
}
.v-date-picker-header {
    background-color: var(--header);
}
.theme--light.v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) button:not(:hover):not(:focus){
    color: var(--containt);
}
.v-date-picker-years li{
    color: var(--font);
}
.v-date-picker-table .v-btn{
    color: var(--font);
}
#scrolling-techniques-2 > div > div:nth-child(1) > main > div > div > div > div > div.elevation-12.v-card.v-sheet.theme--dark > div.v-card__actions > button.ma-2.v-btn.v-btn--outlined.theme--dark.v-size--default.info--text{
    background-color: var(--font);
}
#scrolling-techniques-2 > div > div:nth-child(1) > main > div > div > div > div > div.elevation-12.v-card.v-sheet.theme--dark > div.v-card__actions > button.ma-2.v-btn.v-btn--outlined.theme--dark.v-size--default.success--text{
    background-color: var(--font);
}
#scrolling-techniques-2 > div > div:nth-child(1) > main > div > div > div > div > div.elevation-12.v-card.v-sheet.theme--dark > div.v-card__actions > button.ma-2.v-btn.v-btn--outlined.theme--dark.v-size--default.success--text > span{
    color: var(--header);
}
#scrolling-techniques-2 > div > div:nth-child(1) > main > div > div > div > div > div.elevation-12.v-card.v-sheet.theme--dark > div.v-card__actions > button.ma-2.v-btn.v-btn--outlined.theme--dark.v-size--default.success--text > span{
    color: var(--header);
}
.theme--light.v-application--is-ltr .v-data-table>.v-data-table__wrapper>table>tbody>tr>th{
    color: var(--text);
}
.theme--light.v-application .primary{
    background-color: var(--header) !important;
}
/* dark theme  */
.theme--dark.v-sheet {
    background-color: var(--header);
}
.theme--dark.v-data-table .v-data-footer {
    background-color: var(--header);
}
.theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper){
    background-color: var(--containt);
    color: var(--header);
}
.theme--dark.v-btn.v-btn--has-bg {
    background-color: var(--containt);
    color: var(--header);
}
.theme--dark.v-btn.v-btn--disabled .v-btn__loading,.theme--dark.v-btn.v-btn--disabled .v-icon {
    color: var(--font)!important;
}
.theme--dark.v-data-table>.v-data-table__wrapper>table>thead>tr>th {
    color: var(--font);
}
.theme--dark.v-input__slot > div.v-select__slot > div.v-input__append-inner > div > i{
    color: var(--font);
}
#scrolling-techniques-2 > div > div:nth-child(1) > main > div > div > div > div > div.elevation-12.v-card.v-sheet.theme--dark > div.v-card__actions > button.ma-2.v-btn.v-btn--outlined.theme--dark.v-size--default.info--text{
    background-color: var(--font);
}
#scrolling-techniques-2 > div > div:nth-child(1) > main > div > div > div > div > div.elevation-12.v-card.v-sheet.theme--dark > div.v-card__actions > button.ma-2.v-btn.v-btn--outlined.theme--dark.v-size--default.success--text{
    background-color: var(--font);
}
#scrolling-techniques-2 > div > div:nth-child(1) > main > div > div > div > div > div.elevation-12.v-card.v-sheet.theme--dark > div.v-card__actions > button.ma-2.v-btn.v-btn--outlined.theme--dark.v-size--default.success--text > span{
    color: var(--header);
}
#scrolling-techniques-2 > div > div:nth-child(1) > main > div > div > div > div > div.elevation-12.v-card.v-sheet.theme--dark > div.v-card__actions > button.ma-2.v-btn.v-btn--outlined.theme--dark.v-size--default.success--text > span{
    color: var(--header);
}
.theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) .theme--dark.v-btn {
    background-color: var(--containt) !important;
    color: var(--header);
}
#scrolling-techniques-2 > div > div:nth-child(1) > main > div > div > div > div > div.elevation-12.v-card.v-sheet.theme--dark > div.v-card__actions > button.ma-2.v-btn.v-btn--outlined.theme--dark.v-size--default.info--text > span{
    color: var(--header);
}
#scrolling-techniques-2 > div > div:nth-child(1) > main > div > div > div > div > div.elevation-12.v-card.v-sheet.theme--dark > div.v-card__actions > button.ma-2.v-btn.v-btn--outlined.theme--dark.v-size--default.success--text > span{
    color: var(--header);
}
.theme--dark.v-list-item--active {
    opacity: 1;
}
.theme--dark.v-data-table>.v-data-table__wrapper>table>thead>tr{
    background-color: var(--header);
}
.theme--dark.v-data-table>.v-data-table__wrapper>table {
    background-color: var(--header);
}
.theme--dark.v-navigation-drawer{
    background-color: var(--header);
}
.theme--dark.v-application--is-ltr .v-data-table>.v-data-table__wrapper>table>tbody>tr>th{
    color: var(--text);
}
.theme--light.v-list-item--active:hover .theme--light.v-list--dense .v-list-item .v-list-item__title {
    background-color: #496e6e !important;
    color: var(--font) !important;
}
.theme--dark.v-list-item--active {
    background-color: var(--dark-hover) !important;
}
.v-text-field.v-text-field--enclosed:not(.v-text-field--rounded)>.v-input__control>.v-input__slot{
    color: var(--header);
}
.theme--dark.v-application .primary--text .v-list-item__title{
    color: var(--font);
}
.theme--dark.v-application .primary--text .v-icon{
    color: var(--font);
}
.theme--dark.v-application .primary{
    background-color: var(--font) !important;
}