/*

Colors

#fbf7ff extra light pink
#f6dcff light pink
#e7b7f7 pink
#9664A0 
#7636a5 purple
#5f1d80 dark purple
#530064 deep purple
#006579 dark teal
#00B5D9 light teal

*/

html
{
    color:#530064;
}






input,
textarea,
.button,
.smallSquareButton,
.medSquareButton
{
    background-color: #5f1d80 !important;
}

body,
#projectsViewport,
#settingsTabDIV,
#databaseTabFiller,
#prezoTabFiller,
.databaseButton,
.prezoButton,
.dbTableRowDIV,
.entrySpacer
{
    background-color: #FFF;
}

.homeMenuItem,
#accountMenuDIV,
.tabViewport,
#dashboardColumn1Tab,
#dashboardColumn2Tab,
#dashboardRow1Tab,
.popUpWindowDIV,
.toolBar_mainDIV,
.databaseButtonSelected,
.prezoButtonSelected,
.dbEntryTitleBar,
.middlePanelViewport
{
    background-color: #fbf7ff;
}

.activeActivityTabButton,
.activeMenuItem,
.evenColor
{
    background-color: #f6dcff !important;
}

.oddColor
{
    background-color: #faeffa !important;
}

.popUpMainDIV
{
    background-color: rgba(255,255,255,0.9);
}

.popUpTitleBarDIV
{
    background-color: #ccc;
}

#dbStructureDIV,
#dbEntriesDIV,
.dbEntryMain
{
    background-color: rgba(255,255,255,0.6);
}

#dbStructureTableHeaderDIV
{
    background-color: #EEE;
}

.selected2
{
    background-color: #e7b7f7 !important;
}

.pageLoaderGIF
{
    background-color: rgba(255,255,255,0.96);
}

#presentationsLoaderDIV,
#prezoLoaderDIV
{
    background-color: rgba(255,255,255,0.85);
}

#accountLoaderDIV
{
    background-color: rgba(255,255,255,0.85);
}

.activeToggleButton,
.middlePanelPropertiesDIV 
{
    background-color: #7636a5;
}

#invoicesHeader
{
    background-color: #530064;
}

.panelTitle
{
    background-color: #e7b7f7;
}






.toolIconSelect
{
    background-color: #530064 !important;
    filter: saturate(50%) brightness(220%) !important;
}






input[type="checkbox"]
{
    background-color: #FFF !important;
    border: inset thin rgba(83,0,100,0.2) !important;
}

input[type="checkbox"]:checked
{
    background-color: #5f1d80 !important;
    border: none !important;
}






input,
textarea,
.button,
.smallSquareButton,
.medSquareButton
{
    border: solid thin #E7B7F7 !important;
}

#accountMenuDIV,
.tabViewport,
#dashboardColumn1Tab,
#dashboardColumn2Tab,
#dashboardRow1Tab,
.activityTabButton
{
    border: solid thin #f6dcff;
}

.popUpWindowDIV,
#paymentForm,
#licenseKeyListDIV,
#dbTableListNamesDIV,
#dbEntryDataArrayListDIV,
#dbEntryDataArrayDataDIV
{
    border: solid thin #530064;
}

#dbStructureDIV,
#dbEntriesDIV
{
    border: solid 0.1em #e7b7f7;
}






.homeMenuItem
{
    border-left: solid 0.1em #e7b7f7;
}

.homeMenuItemLast
{
    border-right: solid 0.1em #e7b7f7;
}

.toolBar_mainDIV
{
    border-left: solid 0.1em #f6dcff;
    border-right: solid 0.1em #f6dcff;
}

.toolIcon
{
    border-right: solid 0.1em #530064;
}

.entryTableName
{
    border-right: solid 0.1em #e7b7f7;
}

.navBar1_mainDIV,
.menuDivider,
.toolBar_mainDIV
{
    border-bottom: solid 0.1em #f6dcff;
}

.databaseButtonDeselected,
#databaseTabFiller,
.prezoButtonDeselected,
#prezoTabFiller,
.dbEntryTitleBar,
#dbEntriesContainer > .dbEntryMain:not(:last-of-type) .entrySpacer
{
    border-bottom: solid 0.1em #e7b7f7;
}

#dbEntriesContainer > .dbEntryMain:first-of-type .dbEntryTitleBar
{
    border-top: solid 0.1em #e7b7f7;
}

.databaseButtonSelected,
.prezoButtonSelected,
.toggleGroup
{
    border: solid thin #E7B7F7;
    border-bottom: unset;
}

.invoiceHeaderCol
{
    border-left: solid thin #7636a5;
}

.invoiceCol
{
    border-left: solid 0.1em #e7b7f7;
    border-bottom: solid 0.1em #e7b7f7;
}




#dIC_1,
.emptyList,
.activityTimeStamp,
.aaDescription,
#accountUserNameSpan,
#accountEmailSpan,
#accountPhoneSpan,
.subscriptionLabel,
.lkLabel,
#seatCounterLabel,
#manageSeatsCounterLabel,
#manageSeatsPriceLabel,
#manageSeatsNotesField,
.dBImageTitleDIV
{
    color: #555;
}

a,
a:visited,
.spanHighlight,
.entryTableName
{
    color: #7636A5;
}

.databaseButtonSelected textarea,
.prezoButton span,
.userProjectButton textArea,
.databaseButton h1,
.dbTableRowDIV textarea,
.entryTableValue textarea,
.editableListName,
.editableDataArrayLabel,
input[type="number"],
input[type="date"],
input[type="time"],
input[type="color"],
#subscriptionStatusField,
.popUpInput,
#dbEntryDataArrayDataDIV textArea
{
    color: #530064 !important;
}

.collabProjectButton textArea
{
    color: #006579 !important;
}

.settingsUserEmail,
.subscriptionField,
.invoiceRow
{
    color: #9664A0;
}

input,
textarea,
.button,
.smallSquareButton,
.medSquareButton
{
    color: #FFF !important;
}

#dbStructureTableHeaderDIV
{
    color: #666;
}

.activeToggleButton
{
    color: #e7b7f7;
}

.invoiceHeaderRow,
.middlePanelPropertyName
{
    color: #fbf7ff;
}











.panelTitle
{
    color: #111;
}

#resourcePanelDIV
{
    border-right: solid thin #5f1d80;
}

#projectEdit_2_DIV
{
    border-bottom: solid thin #5f1d80;
}


.fTRlabel:hover::before,
.fTRlabel.selected::before
{
    background-color: #DDD;
}

.fTRSettings
{
    color: #000;
}

.fTRPresentation
{
    color: #D184EB;
}

.fTRPresentation.fTRMainFolder,
.fTRPresentation.fTRSubFolder
{
    color: #5f1d80;
}

.fTRPresentation.fTRMainFolder .fTRcaret,
.fTRPresentation.fTRSubFolder .fTRcaret
{
    background-color: #5f1d80;
}


.fTRDatabase
{
    color: #14C527;
}

.fTRDatabases.fTRMainFolder,
.fTRDatabases.fTRSubFolder
{
    color: #007248;
}

.fTRDatabases.fTRMainFolder .fTRcaret,
.fTRDatabases.fTRSubFolder .fTRcaret
{
    background-color: #007248;
}

.fTRbutton > #addDatabaseButton
{
    color: #007248 !important;
    border: unset !important;
}








.selected
{
    filter: brightness(0.9) contrast(0.9);
}






.notifDIV,
.pageHomeDIV,
.closeIcon,
.projectSelectDIV,
.toolIcon,
.userProjectButton::before,
.prezoButton::before,
.databaseButton::before,
.unlockIcon,
.lockIcon,
.arrowRightIcon,
.arrowDownIcon,
.trashIcon,
.editIcon,
.uploadIcon,
.downloadIcon,
.backArrow,
.filterIcon
{
    filter: sepia(1) hue-rotate(210deg) saturate(19) brightness(0.5);
}

.middlePanelPropertiesDIV .editIcon
{
    filter: brightness(2);
}

* {
  scrollbar-color: #7636a5 #fbf7ff;
}

::-webkit-scrollbar-track
{
  background: #fbf7ff;
}

::-webkit-scrollbar-thumb
{
  background: #7636a5;
}

::-webkit-scrollbar-corner
{
  background: #fbf7ff;
}






.projectTabDIV
{
    top: 0.5vw;
}

@media screen and (min-width: 56em)
{
    
    .projectTabDIV
    {
        top: 0.2em;
    }
}