/* Company logo in the main menu */
#logoMenu {
  background: url("../../assets/img/logos/LOGO_nebulaSIGN.png") no-repeat center center / cover;
  width: 228px;
  height: 40px;
}

/* Company logo in the main menu (mobile version) */
#logoMenuMobile {
  background: url("../../assets/img/logos/LOGO_nebulaSIGN.png") no-repeat center center / cover;
  width: 228px;
  height: 40px;
}

/* Color of SVG icons (Do not uncomment in the default.css file) */
.svgColor * {
  fill: #006bb3 !important;
}

.svgColorWhite *{
  fill: #ffffff !important;
}

.svgDisabled * {
  fill: #85919D !important;
}

.svgColorField * {
  fill: #85919D !important;
  width: 20px !important;
  height: 20px !important;
}

.spanNoPointer {
  pointer-events: none;
}

body {
  background: #f9f9f9 !important;
}

.bg-primary-custom {
  background: #006bb3 !important;
}

/* Color of the main elements of the web */
.btn-primary, .navbar-toggle span, .onepage-menu li a:after, .containerRadio input:checked ~ .checkmark, input:checked + .slider {
  background: #006bb3 !important;
  border-color: #006bb3 !important;
}

.btn-primary:hover {
  background: #2484d3 !important;
  border-color: #2484d3 !important;
}

.btn-primary-inverse {
  color: #006bb3 !important;
  background-color: transparent;
  border: 1px solid #006bb3 !important;
}

.btn-primary-inverse:not(.nohover):hover {
  color: #fff !important;
  background-color: #006bb3;
  border-color: #006bb3;
}

.btn:disabled, .btn:disabled:hover {
  background-color: #999999 !important;
  color: white  !important;
}

.btn-primary-inverse-delete {
  color: #E02020 !important;
  background-color: transparent ;
  border: 1px solid #E02020 !important;
}

.btn-primary-inverse-delete:hover {
  color: #fff !important;
  background-color: #E02020;
  border-color: #E02020;
}

/* Color of the titles */
.color-title, h2, h3, a:hover {
  color: #6c6f72 !important;
}

/* Color of the informative text */
.color-text-info, a, label, p, h6 {
  color: #758089;
}

/* Predominant color on the web */
.color-general, .current-menu-item > a, .c100:hover > span, .generalInfo ul li::before, .blueBullets li::before, .active {
  color: #006bb3 !important;
}

.color-box-ok {
  background-color: #006bb3 !important;
}

.color-box-error {
  background-color: #E02020 !important;
}

.error-text {
  color: #E02020 !important;
  font-weight: bold;
}

.color-box-warning {
  background-color: #FC9209 !important;
}

.color-box-idle {
  background-color: #8F8382 !important;
}

/* Drag and drop */
#dropZone {
  border: 2px dashed #006bb3;
}

/* Loading circle animation */
.lds-double-ring div, .lds-double-ring-mini div, .lds-double-ring-mid div {
  border-color: #006bb3 transparent #006bb3 transparent !important;
}

/* Circle char */
.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  border: 0.08em solid #006bb3;
}

/* Design of the deployables. To change the color decode the base64 and change the "fill" style */
select {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQwLjgxMSAyNDAuODExIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNDAuODExIDI0MC44MTE7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiI+PGc+PGc+Cgk8cGF0aCBpZD0iRXhwYW5kX01vcmUiIGQ9Ik0yMjAuMDg4LDU3LjY2N2wtOTkuNjcxLDk5LjY5NUwyMC43NDYsNTcuNjU1Yy00Ljc1Mi00Ljc1Mi0xMi40MzktNC43NTItMTcuMTkxLDAgICBjLTQuNzQsNC43NTItNC43NCwxMi40NTEsMCwxNy4yMDNsMTA4LjI2MSwxMDguMjk3bDAsMGwwLDBjNC43NCw0Ljc1MiwxMi40MzksNC43NTIsMTcuMTc5LDBMMjM3LjI1Niw3NC44NTkgICBjNC43NC00Ljc1Miw0Ljc0LTEyLjQ2MywwLTE3LjIxNUMyMzIuNTI4LDUyLjkxNSwyMjQuODI4LDUyLjkxNSwyMjAuMDg4LDU3LjY2N3oiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzAwNkJCMyIgZGF0YS1vbGRfY29sb3I9IiMwMDZiYjMiPjwvcGF0aD4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+") no-repeat;
}

.no-element {
  color: #E2E2E2
}

.font-error {
  font-family: 'Roboto', sans-serif;
  font-size: 16px !important;
  color: #CD1A1A;
}