@media (max-width: 1200px) {
    .btn-tall-mobile {
        padding: .375rem .75rem;
        font-size: 1rem;
    }
}

/******** alert box *******/

.alert-error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-error hr {
  border-top-color: #f1b0b7;
}

.alert-error .alert-link {
  color: #491217;
}

.alert li {
    white-space: pre-wrap;
}


/******** common ewo background and colors ********/

.bg-black-ewo {
    background-color:#000000;
}

.bg-dark-ewo {
    background-color:#212121;
}

.btn-primary-ewo{
    color:#000000;
    background-color: #F8D12F;
    border-color: #F8D12F;
}

.btn-primary-ewo:hover{
    color:#ffffff;
    background-color: #000000;
    border-color: #F8D12F;
}

.bg-dark-ewo .form-text {
    margin-top: .25rem;
    font-size: .75em;
    color: #dddddd;
}

/********* breadcrumb  ***********/

.breadcrumb a {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.breadcrumb a:hover {
    text-decoration: underline;
}


/********* nav  ***********/

.navbar a {
    margin-right: 3rem;
    text-decoration: none;
    cursor: pointer;
}

.navbar a:hover {
    text-decoration: underline;
}


.header-top {
  height: 92px;
}

.header-top.navbar a, .header-top.navbar .navbar-nav .nav-link.active {
    color: #ffffff;
}


/********** table ***********/
.table-dark-ewo {
  color: #ffffff;
  background-color: #000000;
  --bs-table-bg: #000000;


  th,
  td,
  thead th {
    border-color: #454d55;
    vertical-align: middle;
  }
}

.table-body-sm td {
    padding: 0.35rem 0.5rem;
}

.table-body-sm tr {
    height: 1.25rem;
}

.subprojects-card .breadcrumb-item+.breadcrumb-item::before {
    color: white
}

.folderIcon{
    color: #ffc107;
}

.border-layout{
    border-color: #3D4148 !important;
}

.border-bottom-separate{
    border-bottom: 2px solid #dee2e6 !important;
}


input.bg-dark::placeholder {
    color: #adb5bd; /* Un grigio chiaro di Bootstrap */
    opacity: 1; /* Assicura che la trasparenza di default non lo nasconda */
}


.form-control[readonly] {
  /* Sfondo grigio */
  background-color: #e9ecef !important;
  /* Colore del bordo (opzionale) */
  border-color: #ced4da !important;
  /* Rimuove il cursore di testo attivo (I-beam) */
  cursor: default;
}


input.bg-dark::placeholder {
    color: #adb5bd; /* Un grigio chiaro di Bootstrap */
    opacity: 1; /* Assicura che la trasparenza di default non lo nasconda */
}




input.bg-dark::placeholder {
    color: #adb5bd;
    opacity: 1;
}

.form-control[readonly] {
  background-color: #e9ecef !important;
  border-color: #ced4da !important;
  cursor: default;
}