@charset "UTF-8";
/*!
* Custom Styles for PCM system v1.0.0
*/



/* COLORS */

.color-primary {
  color: #000;
}

.color-secondary {
  color: #b8242d;
}

.color-accent {
  color: #20323d;
}

.color-gray {
  color: #c0cdd1;
}

.color-auxiliary1 {
  color: #506772;
}

.color-auxiliary2 {
  color: #acefac;
}

.color-dark {
  color: #131E23;
}

.color-ligth {
  color: #EFF7F9;
}

.color-active {
  color: #166c9b;
}

.color-error {
  background-color: #D6294B;
}

.color-inconsistent {
  background-color: #DB911B;
}

.color-expire {
  background-color: #D3624f;
}

.color-correct {
  background-color: #166C9B;
}


/* BACKGROUND COLORS */

.bg-primary {
  background-color: #000;
}

.bg-secondary {
  background-color: #49c949;
}

.bg-accent {
  background-color: #20323d;
}

.bg-gray {
  background-color: #c0cdd1;
}

.bg-auxiliary1 {
  background-color: #506772;
}

.bg-auxiliary2 {
  background-color: #acefac;
}

.bg-error {
  background-color: #D6294B;
}

.bg-inconsistent {
  background-color: #DB911B;
}

.bg-atention {
  background-color: #D3624f;
}

.bg-expired {
  background-color: #8e008c;
}

.bg-ontime {
  background-color: #166C9B;
}


/* BACKGROUND IMAGES */

.bg-login {
  background-image: url('../img/bg/bg_login.webp')
}


/* BORDER LEFT COLORS */

.br-s-primary {
  border-left-width: 8px;
  border-left-color: #2b4556;
}

.br-s-secondary {
  border-left-width: 8px;
  border-left-color: #49c949;
}

.br-s-accent {
  border-left-width: 8px;
  border-left-color: #20323d;
}

.br-s-gray {
  border-left-width: 8px;
  border-left-color: #c0cdd1;
}

.br-s-auxiliary1 {
  border-left-width: 8px;
  border-left-color: #506772;
}

.br-s-auxiliary2 {
  border-left-width: 8px;
  border-left-color: #acefac;
}

.br-s-dark {
  border-left-width: 8px;
  border-left-color: #131E23;
}

.br-s-ligth {
  border-left-width: 8px;
  border-left-color: #EFF7F9;
}

.br-s-error {
  border-left-width: 8px;
  border-left-color: #D6294B;
}

.br-s-inconsistent {
  border-left-width: 8px;
  border-left-color: #DB911B;
}

.br-s-expire {
  border-left-width: 8px;
  border-left-color: #D3624f;
}

.br-s-correct {
  border-left-width: 8px;
  border-left-color: #166C9B;
}
    
.br-s-atention {
  border-left-width: 8px;
  border-left-color: #D3624f;
}

.br-s-success {
  border-left-width: 8px;
  border-left-color: #198754;
}


/* MARGINS */

.company-select {
  background-color: #F3F6F8;
}


/* NO LINK */

.no-link a {
    pointer-events: none; 
    cursor: default;
}

/* MARGINS */

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-56 {
  margin-top: 56px;
}

.mt-64 {
  margin-top: 64px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-100 {
  margin-top: 100px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-100 {
  margin-bottom: 100px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}


.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.my-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.my-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}


.mx-20 {
  margin-right: 20px;
  margin-left: 20px;
}

.mx-40 {
  margin-right: 40px;
  margin-left: 40px;
}

.mx-60 {
  margin-right: 60px;
  margin-left: 60px;
}

.mx-80 {
  margin-right: 80px;
  margin-left: 80px;
}

.mx-100 {
  margin-right: 100px;
  margin-left: 100px;
}


/* STEPPERS */

.circle-steps {
  background: #b8242d;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  /*margin-right: 6px;*/
  text-align: center;
  width: 1.6em;
}

/* Fix dropdown inside tables */

.table-responsive .dropdown,
.table-responsive .btn-group,
.table-responsive .btn-group-vertical {
    position: static;
}

/* Progress Line */

.revision-progress {
  width: 100%;
  min-height: 15px;
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(auto-fit, minmax(0px, auto));
  align-items: center;
}

.progress-item {
  height: 10px;
  background: var(--bs-gray);
  display: inline-block;
  cursor: pointer;
}

.progress-item.active,
.progress-item:hover {
  height: 15px;
}

.progress-item:first-child {
  border-radius: 5px 0px 0px 5px;
}

.progress-item:last-child {
  border-radius: 0px 5px 5px 0px;
}

.progress-item.revision {
  background: #166C9B;
}

.progress-item.unmatch {
  background: #D6294B;
}

.progress-item.ilegible {
  background: #ff7b07;
}

.progress-item.incomplete {
  background: var(--bs-warning);
}

.progress-item.verified {
  background: var(--bs-success);
}