/* Global color */

:root {
    --brand-450: #E8621A !important;
    --brand-350: #FEF0E3 !important;
    --brand-475: #EFE3D9 !important;
    --brand-600: #A99A8D !important;
    
}

/* Splash screen */

.cSplashScreen {
    background-image: url(logo.svg) !important;
	background-size: contain !important; 
   	width: 700px !important;
}
.cSplashApplicationInfo {
    height: 100px !important;
}

/* Main page */

#DesktopBody{
	background-color: #FEF0E3 !important;
}
.BigLogo {
	opacity: 0.1 !important;
	background-image: url(watermark.svg) !important;
	background-size:contain  !important; 
	width: clamp(200px, 60vw, 700px) !important;
	height: clamp(200px, 60vw, 700px) !important;
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
}
.cDesktopSessionInformation {
    font-size: 12px;
    width: 440px;
    height: 100px;
    left: 15px;
    bottom: 15px;
}

/* Menu */

.modernMenulogo {
    background-image: url(logo.svg) !important;
}
.modernMenuOptionIcon {
    filter: none !important;
}
.modernMenuOptionParentIcon {
    color: var(--brand-300) !important;
}
.modernMenuIconSwitch.Off {
    background-color: var(--brand-450) !important;
	opacity: 0.4 !important;
}
.modernMenuIconSwitch.On {
    background-color: var(--brand-450) !important;
}
.modernMenuSortIconName {
    color: var(--brand-450) !important;
}
.modernMenuSortIconOriginal {
    color: var(--brand-450) !important;
	opacity: 0.4 !important;
}
.modernMenuStyleIconHover {
    color: var(--brand-450) !important;
}
.modernMenuStyleIconClick {
    color: var(--brand-450) !important;
	opacity: 0.4 !important;
}
.modernMenuThemeIconLight {
    color: var(--brand-450) !important;
}
.modernMenuThemeIconDark {
    color: var(--brand-450) !important;
	opacity: 0.4 !important;
}
.modernMenuAlignCenter .modernMenuOptionSelected > .modernMenuTopOptionTitle {
    color: var(--brand-450) !important;
}
.modernMenuAlignCenter .modernMenuOptionHover > .modernMenuTopOptionTitle {
    color: var(--brand-450) !important;
}
.modernMenuDocumentPage > .modernMenu {
    background-color: var(--base-white)!important;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .06);
} 
.modernMenuAlignLeft .modernMenuOptionSelected > .modernMenuTopOptionTitle {
    color: var(--brand-450) !important;
    border-bottom: solid 1px var(--brand-450) !important;
}
.modernMenuAlignLeft > .modernMenuOptionSelected  {
    background-color: var(--base-white)!important;
}
.modernMenuAlignLeft .modernMenuTopOption.modernMenuOptionHover > .modernMenuTopOptionTitle {
    color: var(--brand-450) !important;
    border-bottom: solid 1px var(--brand-450) !important;
}
.modernMenuAlignLeft .modernMenuTopOption.modernMenuOptionHover {
    background-color: var(--base-white)!important;
}

/* Window */

.windowFrame {
	background-color: var(--base-white) !important;
}
.titleIcon {
	filter: none !important;
}

/* Form */

input[type="text"], input[type="password"], textarea, input[type="select"], select, input[type="checkbox"] {
    border: 1px solid var(--brand-100) !important;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    border-width: 3px !important;
}

/* Tables/Lists */

.FileListHeaderRow {
    color: var(--brand-450) !important;
    background-color: var(--brand-350) !important;
    border-bottom: solid 1px var(--brand-100) !important;
}
    .FileListHeaderRow TH + TH + TH {
        border-left: none !important;
    }
.FileListHeaderRowEmpty{
    color: var(--brand-450) !important;
    background-color: var(--brand-350) !important;  
}
.FileListAlternateRow {
    background-color: var(--base-white);
}
.FileListDiv {
    border: none !important;
    background-color: none;
}
    .FileListGrid TD + TD {
        border-top: none !important;
        border-bottom: solid 1px var(--brand-100) !important;
    }
        .FileListGrid TD + TD + TD {
            border-left: none !important;
            border-bottom: solid 1px var(--brand-100) !important;
        }
    .FileListGridEmpty TD + TD {
        border-left: none !important;
    }
    .FileListHeaderRowEmpty TD + TD {
        border-left: none !important;
    }
.FileListDiv a {
    color: var(--brand-450);
}
.cExtraGridDiv {
    border: none !important;
    background-color: white !important;
}
.cExtraGrid TD {
    border-top: none !important;
    border-bottom: solid 1px var(--brand-100) !important;
}

    .cExtraGrid TD + TD {
        border-left: none !important;
        border-bottom: solid 1px var(--brand-100) !important;
    }
.cExtraGridScroll TD {
    border-top: none !important;
    border-bottom: solid 1px var(--brand-100) !important;
}

    .cExtraGridScroll TD + TD {
        border-left: none !important;
    }

.cApplicationLicenseRow, .cApplicationLicenseAlternativeRow{
    background-color: var(--base-white);
    border-bottom: solid 1px var(--brand-100) !important;
}


/* About application*/

.cModernAboutBoxLogoContainer {
    padding: 6px 0px 5px 0px !important;
}
.cModernAboutBoxLogo {
    background-image: url(logo.svg) !important;
    background-size: contain !important;
    width: 180px !important;
    height: 40px !important;
}
.cModernAboutboxApplicationVersion {
	left:175px !important;
}
.cModernAboutboxApplicationCopyright {
	left:175px !important;
}

 /* API */

.logo {
    background-image: url(logo.svg) !important;
	background-size:contain !important; 
}
.dark-mode .logo {
	filter: brightness(0) invert(1) !important;
	opacity: 0.8 !important;
}

/* Buttons */
 
a.OrangeButton{
	color: var(--base-white) !important;
	font-weight: normal !important;
}
a.NormalButton {
    background-color: var(--base-white) !important;
}
.NumericButtonBack{
    fill: var(--base-white) !important;
    fill-opacity:1 !important;
    stroke:var(--brand-600) !important;
    stroke-opacity:1
}
.NumericButtonLine{
    fill:var(--brand-600) !important;
    fill-opacity:1 !important;
}
.NumericButtonBackDisabled{
    fill: var(--base-white) !important;
    fill-opacity:0.5 !important;
    stroke:var(--brand-475) !important;
    stroke-opacity:0.5 !important;
}
.NumericButtonLineDisabled{
    fill:var(--brand-600) !important;
    fill-opacity:0.5 !important;
}
.AddSubtractBack{
    fill: var(--base-white) !important;
    fill-opacity:1 !important;
    stroke:var(--brand-600) !important;
    stroke-opacity:1
}
.AddSubtractLine{
    fill:var(--brand-600) !important;
    fill-opacity:1 !important;
}

/* Icons */

.cIconMoreSVG {
    fill: var(--brand-600);
}
.cHelpDIV {
    color: var(--brand-600) !important;
}

.modernCalendarInputContainer .modernCalendarInputContainerImage {
    color: var(--brand-200) !important;
}
    .modernCalendarInputContainer .modernCalendarInputContainerImage.modernCalendarInputContainerImageDisabled {
        color: var(--base-neutral-600) !important;
    }
.cImagePreviewIcon{
    color: var(--brand-450) !important;
}
.cImagePreviewIconNoImage {
    color: var(--brand-450) !important;
    opacity: 0.3;
}

 /* Tabstrip */

.cTabPanelLevel0 > table > tbody > tr > td > div > div > a.TabOn_Empty_On_Empty,
.cTabPanelLevel0 > table > tbody > tr > td > div > div > a.TabOn_Empty_On_Off,
.cTabPanelLevel0 > table > tbody > tr > td > div > div > a.TabOn_Any_On_Empty,
.cTabPanelLevel0 > table > tbody > tr > td > div > div > a.TabOn_Any_On_Off {
    color: var(--brand-450) !important;
    border-bottom: 3px solid var(--brand-450) !important;
}


/* Fatal error page */

#imgLogo{
    content: url(logo.svg) !important;
    width: 700px !important;
}
.cFatalErrorLogo{
    width: 700px !important;    
}


/* POS */

#PanelTitleBar div img{
    content: url(logo.svg) !important;
    width: 180px !important;
    padding-top: 4px;
}

/* Calendar */

.calendarButtonPreviousMonth {
    background-color: var(--base-white) !important;
    color: var(--brand-600) !important;
    border: solid 1px var(--brand-600) !important;
}
    .calendarButtonPreviousMonth:hover, .calendarButtonPreviousMonth:active {
        background-color: var(--brand-350) !important;
        color: var(--base-white) !important;
    }

.calendarButtonNextMonth {
    background-color: var(--base-white) !important;
    color: var(--brand-600) !important;
    border: solid 1px var(--brand-600) !important;
}
    .calendarButtonNextMonth:hover, .calendarButtonNextMonth:active {
        background-color: var(--brand-350) !important;
        color: var(--base-white) !important;
    }