body {
  color: #414141; }

.logo {
  background: url(images/daikin.png) no-repeat; }

.customerLogo {
  background: url(images/daikin.png) no-repeat; }

.logo-wrapper {
  height: 100px; }

.login-box {
  background: white; }
  .login-box input {
    background: #f1f0f0; }
  .login-box h2,
  .login-box .redirect-button {
    color: #414141; }
  .login-box .register,
  .login-box .buttons button,
  .login-box .buttons .register {
    background-color: #414141;
    color: white; }

.login-box .register,
.login-box .buttons button,
.login-box .buttons .register,
.userSettingTabs .register,
.userSettingTabs .buttons button,
.userSettingTabs .buttons .register,
.userProfile .register,
.userProfile .buttons button,
.userProfile .buttons .register {
  background-color: #0097e0;
  color: white; }

.login-box .header h2,
.userSettingTabs .header h2,
.userProfile .header h2 {
  color: #0097e0; }

.drop-hr {
  border-bottom: 2px solid #0097e0; }

.is-focused .Select-placeholder,
.with-val .Select-placeholder {
  color: #0097e0 !important; }

#taskbar .apps .aplications.active {
  background: #0097e0; }

#taskbar .legal a {
  color: #0097e0; }

.breadcrumbPane {
  background: linear-gradient(to bottom, #0097e0 0%, rgba(0, 151, 224, 0.25) 100%); }
  .breadcrumbPane .breadcrumbHeader {
    background: transparent;
    color: #fff; }
  .breadcrumbPane .node:hover .icon {
    background-color: #414141; }
  .breadcrumbPane .node:hover .title {
    color: #414141; }
  .breadcrumbPane .indicators .active {
    background-color: #414141; }
  .breadcrumbPane .node.active {
    color: #414141; }
    .breadcrumbPane .node.active .icon {
      background-color: #414141; }
  .breadcrumbPane .node.activeOut h3 {
    color: #0097e0; }
  .breadcrumbPane .node.activeOut .icon {
    background-color: #0097e0; }
  .breadcrumbPane .node.active:before {
    background: #0097e0; }
  .breadcrumbPane #checkedIcon {
    stroke: #0097e0; }

.resultPane .selected {
  color: #0097e0 !important;
  background: #daf0ff !important; }

.resultPane .infoFor {
  background: #0097e0 !important;
  color: white !important; }

.resultPane .result:hover {
  color: #0097e0;
  background: #daf0ff !important; }
  .resultPane .result:hover svg path,
  .resultPane .result:hover svg rect {
    fill: #0097e0;
    stroke: #0097e0; }

.resultPane .result.infoFor:hover {
  color: white;
  background: #0097e0 !important; }
  .resultPane .result.infoFor:hover svg path,
  .resultPane .result.infoFor:hover svg rect {
    fill: white;
    stroke: white; }

@media (min-width: 1200px) {
  .resultPane .result:hover .overlay:hover {
    opacity: 0.5;
    cursor: pointer;
    background-color: rgba(0, 151, 224, 0.35); } }

.resultPane .result .overlay {
  background-color: rgba(0, 151, 224, 0.35); }
  .resultPane .result .overlay .inner {
    border-color: #0097e0; }

.resultPane #OK {
  stroke: #0097e0; }

.loadingBar {
  background-color: #0097e0; }

.contactForm,
.login-box,
.userSettingTabs {
  background: white; }
  .contactForm .register,
  .contactForm .buttons button,
  .contactForm .buttons .register,
  .login-box .register,
  .login-box .buttons button,
  .login-box .buttons .register,
  .userSettingTabs .register,
  .userSettingTabs .buttons button,
  .userSettingTabs .buttons .register {
    background-color: #0097e0;
    color: white; }
  .contactForm input,
  .login-box input,
  .userSettingTabs input {
    background: #f1f0f0; }
  .contactForm h2,
  .contactForm .redirect-button,
  .login-box h2,
  .login-box .redirect-button,
  .userSettingTabs h2,
  .userSettingTabs .redirect-button {
    color: #0097e0; }

.accordion__title:hover h3 {
  color: #0097e0; }

.rc-tabs-tabpane h3 {
  color: #414141; }

.mf-radio label:hover .mf-radio-button {
  color: #0097e0; }

.mf-radio input:checked ~ .mf-radio-button::before {
  color: #0097e0; }

.mf-radio-button::after {
  background-color: #0097e0;
  border-color: #0097e0; }

.mf-radio-legend {
  color: #333; }

.ActionBar .numberOfSelected {
  color: #0097e0; }

.cookieModal a,
.installModal a {
  color: #0097e0; }

.cookieModal .installBtn,
.installModal .installBtn {
  background-color: #414141; }

.installModal {
  bottom: 0px !important; }

.installModalActive .cookieModal {
  bottom: 120px !important; }

.cookieModal {
  bottom: -15px !important; }

.noUi-horizontal .noUi-handle-lower .noUi-tooltip,
.noUi-horizontal .noUi-handle-upper .noUi-tooltip,
.noUi-horizontal .noUi-handle {
  background: #0097e0 !important; }

.primaryButton {
  background: #0097e0; }
  .primaryButton:hover {
    background: #daf0ff; }

.secundaryButton {
  border-color: #0097e0;
  color: #0097e0; }
  .secundaryButton:hover {
    color: rgba(0, 151, 224, 0.75);
    border-color: rgba(0, 151, 224, 0.75); }

.loginLinks .dd-menu .dd-menu-items .dd-items-center {
  background: #414141; }
  .loginLinks .dd-menu .dd-menu-items .dd-items-center::after {
    background: #414141; }

.loginLinks .dd-menu .dd-menu-items ul li:hover:not([role="separator"]):not(.separator),
.loginLinks .dd-menu .dd-menu-items ul li > *:focus,
.loginLinks .dd-menu .dd-menu-items ol li:hover:not([role="separator"]):not(.separator),
.loginLinks .dd-menu .dd-menu-items ol li > *:focus {
  color: #0097e0; }
  .loginLinks .dd-menu .dd-menu-items ul li:hover:not([role="separator"]):not(.separator) svg,
  .loginLinks .dd-menu .dd-menu-items ul li:hover:not([role="separator"]):not(.separator) g,
  .loginLinks .dd-menu .dd-menu-items ul li > *:focus svg,
  .loginLinks .dd-menu .dd-menu-items ul li > *:focus g,
  .loginLinks .dd-menu .dd-menu-items ol li:hover:not([role="separator"]):not(.separator) svg,
  .loginLinks .dd-menu .dd-menu-items ol li:hover:not([role="separator"]):not(.separator) g,
  .loginLinks .dd-menu .dd-menu-items ol li > *:focus svg,
  .loginLinks .dd-menu .dd-menu-items ol li > *:focus g {
    stroke: #0097e0 !important; }

.breadcrumbPane .node .control .toggle {
  color: #0097e0; }

.resultDetails .actions .action:active,
.resultDetails .actions .action:hover {
  background: #0097e0;
  border: 2px solid #0097e0; }

.login-box .buttons .daikinAuth {
  background-color: white;
  border: 2px solid #0097e0;
  color: #0097e0;
  width: 100%;
  box-sizing: border-box; }
  .login-box .buttons .daikinAuth span {
    position: relative; }
  .login-box .buttons .daikinAuth span:before {
    content: "";
    background-image: url(images/Daikin2.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position-y: center;
    position: absolute;
    width: 25px;
    height: 25px;
    left: -30px; }

.login-box .buttons .daikinAuth.disabled {
  cursor: not-allowed;
  background-color: lightgray; }