/* Company logo in the main menu */
#logoAuditMenu,
#logoAdminMenu,
#logoCertOwnerMenu,
#logoOperatorMenu,
#logoExternalMenu {
  background: url("../../assets/img/nebulaCERT.png") no-repeat center center / cover;
  width: 228px;
  height: 40px;
}

#logoMenuMobile {
  background: url("../../assets/img/nebulaCERT.png") no-repeat center center / cover;
  width: 228px;
  height: 40px;
}

.current-menu-item {
  color: #006bb3 !important;
}

/* Active tabs */
.nav-link.active {
  color: #006bb3 !important;
}

.menuProductsSM.current-menu-item a {
  color: #ffffff !important;
}

/* Color of the main elements of the web */
.box,
.box-symbol {
  background-color: #006bb3;
}

.btn-primary,
.btn-primary:hover,
.navbar-toggle span,
.onepage-menu li a:after,
.containerRadio input:checked~.checkmark,
input:checked+.slider {
  background: #006bb3 !important;
  border-color: #006bb3 !important;
}

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

.dropdown-item.active {
  background-color: #006bb3 !important;
}

.btn-white-inverse {
  color: white !important;
  background-color: transparent;
  border: 1px solid white !important;
}

.btn-white-inverse:disabled {
  color: #FFF !important;
  background-color: transparent;
  border: 1px solid white !important;
}

.btn-white-inverse:hover {
  color: #8C969F !important;
  background-color: white !important;
  border-color: white;
}

.bg-grey {
  background-color: #8C969F !important;
}

.btn-grey-inverse {
  color: #6A747D !important;
  background-color: transparent;
  border: 1px solid #6A747D !important;
}

.btn-grey-inverse:disabled {
  color: #FFF !important;
  background-color: transparent;
  border: 1px solid #6A747D !important;
}

.btn-grey-inverse:hover {
  color: #fff !important;
  background-color: #6A747D !important;
  border-color: #6A747D;
}

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

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

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

.btn:disabled,
.btn:disabled:hover {
  background-color: #6c6f72 !important;
  border-color: #6c6f72 !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 !important;
  border-color: #E02020;
}

.btn-secondary-inverse {
  color: #E02020;
  background-color: transparent !important;
  background-image: none;
  border: 1px solid #E02020 !important;
}

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

/* .onepage-nav .onepage-menu a {
  color: #748182 !important;
} */

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

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

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

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

.form-error p {
  color: #E02020 !important;
}

.box-title {
  color: #006bb3 !important;
  font-weight: bold;
}

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

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

.bg-pending {
  background-color: #E4A800 !important;
}

.bg-continue {
  background-color: #E4A800 !important;
}

.bg-enroll {
  background-color: #006bb3 !important;
}

.bg-accept {
  background-color: #006bb3 !important;
}

.bg-issued {
  background-color: #006bb3 !important;
}

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

.bg-expired {
  background-color: #E02020 !important;
}

.bg-rejected {
  background-color: #E02020 !important;
}

.bg-deny {
  background-color: #E02020 !important;
}

.bg-revoked {
  background-color: #E02020 !important;
}

.bg-disabled {
  background-color: #9F9F9F !important;
}

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

.bg-enabled {
  background-color: #68A94F !important;
}

.bg-expiring {
  background-color: #E4A800 !important;
}

.bg-orphan {
  background-color: #595A5A !important;
}

.pending-text {
  color: #FC9209 !important;
  font-weight: bold;
}

.issued-text {
  color: #006bb3 !important;
  font-weight: bold;
}

.enroll-text {
  color: #006bb3 !important;
  font-weight: bold;
}

.request-text {
  color: #8F8382 !important;
  font-weight: bold;
}

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

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

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

/* Checkmarks */
.containerRadio:hover input~.checkmark {
  background-color: #8F8382;
}

.checkmark_not_checked {
  background-color: #8F8382;
}

.checkmark_checked {
  background-color: #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;
}

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


#rigth-arrow-submenu * {
  fill: #8F8382 !important;
}

.border-left-active {
  border-left: solid 10px #68A94F;
}

.border-left-inactive {
  border-left: solid 10px #0069B4;
}

.border-left-expiring {
  border-left: solid 10px #E4A800;
}

.border-left-expired {
  border-left: solid 10px #E02020;
}

.border-left-revoked {
  border-left: solid 10px #595A5A;
}

.border-left-unassigned {
  border-left: solid 10px #595A5A;
}

/* Color of SVG icons (Do not uncomment in the default.css file) */

.svgColor * {
  fill: #006bb3 !important;
}

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

.svgColorGrey * {
  fill: #8F8382 !important;
}

.svgColorTextGrey * {
  fill: #6a747d !important;
}

.svgColorYellow * {
  fill: #ffc107 !important;
}

.svgColorRed * {
  fill: #E02020 !important;
}

.garbage * {
  fill: #E02020 !important;
}

.svg-hover-white:hover * {
  fill: white !important;
}

.svgTextColor * {
  fill: #6A747D !important;
}

.svgColor-enabled * {
  fill: #68A94F !important;
}

.svgColor-disabled * {
  fill: #006bb3 !important;
}

.svgColor-expiring * {
  fill: #E4A800 !important;
}

.svgColor-expired * {
  fill: #E02020 !important;
}

.svgColor-revoked * {
  fill: #595A5A !important;
}

.svgColor-orphan * {
  fill: #595A5A !important;
}

.border-item-list {
  border-top: solid 1px #0069B4;
  border-bottom: solid 1px #0069B4;
  border-right: solid 1px #0069B4;
}

.border-item-list[aria-expanded="true"] {
  border-top: solid 1px #0069B4;
  border-bottom: 0;
  border-right: solid 1px #0069B4;
}

.border-expanded-item-list {
  border-bottom: solid 1px #0069B4;
  border-right: solid 1px #0069B4;
  border-left: solid 1px #0069B4;
}

/*#region CUSTOM CHECKBOX-----------------------------------------------*/

.box_check {
  position: absolute;
  right: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.box_check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 19px;
  width: 19px;
  background-color: white;
  border-radius: 0 0 0 0 !important;
  border-width: 1px;
  border-style: solid;
  border-color: #0069B4 !important;
}

/* On mouse-over, add a grey background color */
.box_check:hover input~.checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.box_check input:checked~.checkmark {
  background-color: #0069B4;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.box_check input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.box_check .checkmark:after {
  left: 5px;
  top: 1px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*#endregion */

.meta-file-drop {
  border: 2px dashed #0782d0;
  border-radius: 30px;
  height: 300px;
  margin: 25px 45px 50px;
}

.meta-file-drop .content {
  margin-top: 110px;
}