#preloader {
  background-color: #fff;
}

.theme {
  background: #fff;
}

#header {
  background-color: #07d;
}

.bgAudit {
  background-color: #ff4c4c !important;
}

.headerButton:hover {
  color: #07d;
}

.current {
  color: #07d !important;
}

#userMenu,
#functionsMenu {
  background-color: #07d;
}

#userMenu a:hover,
#functionsMenu a:hover {
  color: #07d;
}

.themedThead {
  background-color: #07d;
}

#xmlDocContent th,
#xmlDocContent td:before {
  color: #333;
}

.swal2-modal {
  background: #fff;
}

.clr-field button:after {
  box-shadow: inset 0 0 0 1px rgba(128, 128, 128, 0.5) !important;
}

.the-datepicker__main {
  background-color: #fafafa;
  box-shadow: 0 0 5px 0 #555;
  border: none;
}

.the-datepicker__day--today {
  background-color: #ddd;
}

#fileStorageContainer {
  border: 1px solid #555;
}

.coomanModal {
  border: none !important;
  background-color: #fff;
}

.coomanModal .topBarContainer {
  background-color: #fff;
}

.coomanModal .coomanModalContainer {
  background-color: #fff;
}

input[type='checkbox'] {
  background-color: #fafafa;
  border: 1px solid #555;
}

.inputField,
.inputFieldMedium,
.inputFieldLarge,
.searchField,
.textArea {
  background-color: #fafafa;
  border: 1px solid #555;
  color: unset;
}

.dropDown,
.dropDownMedium,
.dropDownLarge {
  background-color: #fafafa;
  border: 1px solid #555;
  color: unset;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNNy41MzMgNy4xNDRMMC42MzcgMC42MzNjLTAuODUtMC44NS0wLjI0Ny0yLjMyOSAwLjk2Ni0yLjMyOUgxNC40MzhjMS4yMTQgMCAxLjgxNiAxLjQ3OSAwLjk2NiAyLjMyOUw4LjQ2NyA3LjE0NEM4LjE4NyA3LjQyMyA3LjgxMyA3LjQyMyA3LjUzMyA3LjE0NFoiIGZpbGw9IiMwMDAwMDAiLz4KPC9zdmc+');
}

.datalist {
  background-color: #fafafa;
  box-shadow: 0 0 5px 0 #555;
}

.signaturePad {
  background-color: #fafafa;
  border: 1px solid #555;
}

#areaContainer {
  background-color: #faf9f9;
  border: 1px solid #ccc;
}

#areaMenu {
  background-color: #faf9f9;
}

.contentContainer {
  background-color: #faf9f9;
  border: 1px solid #ccc;
}

.outerContainer,
.statisticsQuickInfoItem,
.dashboardModulesContainer .userBox,
.dashboardModulesContainer .dashboardButton {
  background-color: #faf9f9;
  border: 1px solid #ccc;
}

.dashboardModulesContainer .userBox .title {
  color: #333;
}

.innerContainer,
.helpSection,
.productContainer {
  background-color: #fff;
  border: 1px solid #ccc;
}

.dashboardButton .subTitle,
.dashboardModulesContainer .userBox .subTitle {
  color: #555;
}

.dashboardButton:hover {
  border: none;
  box-shadow: 0 0 8px 0 #555;
}

.dashboardButton:active {
  box-shadow: 0 0 4px 0 #555;
}

.boxShadow {
  box-shadow: 0 0 5px 0 #555;
}

.posNumber {
  color: #333 !important;
  background-color: #eee;
}

.surroundedText,
.surroundedTextSmall {
  background-color: #eee;
}

h1,
h2,
h3,
li,
.dividerLabel,
.infoLeft,
.infoRight,
.infoCenter,
.dashboardButton .title,
.moveArrow,
.pwdCred,
.posNettoComplete,
#conclusion td,
#xmlDocContent td {
  color: #333;
}

#fileStorageContainer li {
  color: #333;
}

.textGrey {
  color: #555 !important;
}

.yearAfterPrefix {
  color: #333;
}

.addButtonOverlay {
  background: #fff;
}

.dividerVertical {
  border-left: 1px solid #ccc;
}

.dividerHorizontal {
  border-top: 1px solid #ccc;
}

.dividerHorizontalDouble {
  border-top: 3px double #ccc;
}

.dividerTop {
  border-top: 1px solid #ccc;
}

.dividerBottom {
  border-bottom: 1px solid #ccc;
}

.borderAroundBlackWhite {
  border: 1px solid #555;
}
