/*VON CHATGPT*/

.cb-tab-link {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 5px;
    background: #eee;
    text-decoration: none;
    color: #333;
}

.cb-tab-link.cb-active {
    background: #ccc;
    font-weight: bold;
}

.cb-search-form {
    margin-bottom: 10px;
}

.cb-success {
    background: #dff0d8;
    padding: 10px;
    margin: 10px 0;
    color: #3c763d;
}

.cb-error {
    background: #f2dede;
    padding: 10px;
    margin: 10px 0;
    color: #a94442;
}

.cb-btn {
    padding: 6px 12px;
    background: #0073aa;
    color: #fff;
    border: none;
    cursor: pointer;
}

.cb-btn:hover {
    background: #005177;
}

.cb-danger {
    background: #d9534f !important;
}

.cb-report-table-wrapper {
  width: 100%;
  overflow-x: auto; /* Aktiviert horizontalen Scrollbalken */
  margin-top: 20px; /* optionaler Abstand */
}

.cb-report-table {
  width: 100%;
  border-collapse: collapse;
}

/* Container in Tab 1 - details */
.cb-folder-details {
  display: flex;
  align-items: flex-start;
  gap: 20px; /* etwas Abstand zwischen Spalten */
}

/* Linke Spalte */
.cb-file-list {
  flex: 1; /* Restbreite */
}

/* Dateitable & Wrapper */
.cb-report-table-wrapper {
  width: 100%;
  overflow-x: auto;
}
.cb-report-table {
  width: 100%;
  border-collapse: collapse;
}
.cb-report-table th,
.cb-report-table td {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: left;
}

/* ... Pagination, etc. ... */
.cb-pagination a {
  margin-right: 5px;
  text-decoration: none;
  color: #0073aa;
}

.cb-search-form {
  margin-bottom: 10px;
}




/*-------EIGENER CSS-------*/

/*---Dashboard---*/
/*Debug ausblenden*/
pre {
    display: none;
}
#content > div.page-content > div > h3 {
    display: none;
}

/*--Tabelle Design--*/
.cb-report-table th {
    background-color: #E7E7E7;
    font-weight: bold;
    padding: 20px;
    text-align: left;
    border: none !important;
}
/*Tabellen Header Rahmen oben Links*/
th:first-child {
    border-top-left-radius: 8px;
}
/*Tabellen Header Rahmen oben Rechts*/
th:last-child {
    border-top-right-radius: 8px;
}
th:hover {
    background-color: #ddd;
}

/*Tabellen-Content*/
.cb-report-table td {
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
      border: none !important;
      padding: 8px;
}
.cb-report-table td {
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}
/* Keine Rahmen an äußeren Seiten */
.cb-report-table td:first-child {
    border-left: none !important;
}
.cb-report-table td:last-child {
    border-right: none !important;
}

/*Zeilenhover*/
.cb-report-table tbody tr:hover {
    background-color: #f1f1f1;
    cursor: pointer;
}

/*Gesamtanzahl Reports Design*/
.cb-total-count {
    flex: 1;
    text-align: center;
    font-family: "Suisse Int'l", Roboto, Helvetica, Arial, sans-serif;
    margin-bottom: 80px;
}


/*Trennlinie ausblenden*/
hr {
    display: none;
}


/*Ordner Design*/
/*File Delete Button*/
.cb-delete-file-btn {
    background-color: #F1F1F1 !important;
    color: #333 !important;
    border: none !important;
    font-family: "Suisse Int'l", Roboto, Helvetica, Arial, sans-serif !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
}
.cb-delete-file-btn:hover {
    background-color: #F44336 !important;
    color: white !important;
    border: none !important;
}

/*Ordner Kasten Design*/
.cb-folder-entry {
    background-color: #F6F6F6 !important;
    padding-left: 20px !important;
    padding-right: 25px !important;
    padding-bottom: 25px !important;
    margin-bottom: 30px !important;
    margin-top: 22px !important;
    border-radius: 7px !important;
}
.cb-folder-details {
    background-color: white;
    margin-left: -20px;
    padding-left: 20px;
    margin-bottom: -25px;
    padding-bottom: 25px;
    margin-right: -25px;
    padding-right: 25px;
}

/*Dokumenttitel-Farbe*/
.cb-file-row a {
    color: black !important;
}

/*Checkliste Design*/
.cb-checklist-wrapper {
    width: 350px !important;
    background: #F6F6F6 !important;
    border: none !important;
    padding: 10px !important;
    border-radius: 8px !important;
    margin-top: 25px;
}
.check-ok {
  color: green;
  font-size: 15px !important;
  font-family: "Suisse Int'l", Roboto, Helvetica, Arial, sans-serif !important;
}
.check-warn {
  color: orange;
  font-size: 15px !important;
  font-family: "Suisse Int'l", Roboto, Helvetica, Arial, sans-serif !important;
}
.check-fail {
  color: red;
  font-size: 15px !important;
  font-family: "Suisse Int'l", Roboto, Helvetica, Arial, sans-serif !important;
}



/*--- TAB 3 (SHOPS) ---*/
/*Box Hintergrund*/
.cb-shop-entry {
    background-image: -webkit-linear-gradient(top, #E7E7E7 0%, #E7E7E7 6%, white 6%, white 100%) !important;
    padding-left: 20px !important;
    padding-right: 25px !important;
    padding-bottom: 25px !important;
    margin-bottom: 30px !important;
    margin-top: 22px !important;
    border-radius: 7px !important;
}

/*Consumer Secret/auge von PW Feld*/
button.cb-toggle-pw {
    background-color: transparent !important;
    top: 0 !important;
    right: -15px !important;
    margin-top: 2px !important;
}
button.cb-toggle-pw:hover {
    background-color: transparent !important;
    top: 0 !important;
    right: -15px !important;
    margin-top: 2px !important;
}

/*CB-Zusammenfassung Shop Input Design*/
textarea.cb-input {
    background-color: #F6F6F6 !important;
    border: 0px !important;
    border-radius: 4px !important;
    color: #333 !important;
    font-family: "Suisse Int'l", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
}
textarea.cb-input:focus {
    border: 1px solid #E7E7E7 !important;
    outline: none !important;
}
/*Beschreibung unter dem Feld*/
small {
    font-family: "Suisse Int'l", Roboto, Helvetica, Arial, sans-serif !important;
}




/*Generell*/
/*Standard-Titel ausblenden*/
header#site-header {
        display: none;
}
.page-header {
    display: none;
}

/*Konten auf Seitengrösse*/
.chargeback-plugin-container {
    border: 0.2px solid #ccc;
    border-radius: 8px;
    padding: 50px;
    margin-top: 80px;
    margin-bottom: 80px;
}
main#content {
        max-width: 80% !important;
}

/*Tab Buttons Design*/
.cb-tab-link {
    background-color: #F1F1F1 !important;
    color: #333 !important;
    border: none !important;
    margin-top: 15px !important;
    font-family: "Suisse Int'l", Roboto, Helvetica, Arial, sans-serif !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    padding-top: 12px;
    padding-bottom: 12px;
    text-decoration: none !important;
}
a.cb-tab-link.cb-active {
    color: #0098FF !important;
    border: none !important;
    background-color: #F1F1F1 !important;
}
.cb-tabs-nav {
    margin-bottom: 50px;
}

/*Input-Text Design*/
input[type="text"] {
    background-color: #F6F6F6 !important;
    border: 0px !important;
    border-radius: 4px !important;
    color: #333 !important;
    font-family: "Suisse Int'l", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
}
input[type="text"]:focus {
    border: 1px solid #E7E7E7 !important;
    outline: none !important;
}
/*Input Pw Feld*/
input.cb-password-field {
    background-color: #F6F6F6 !important;
    border: 0px !important;
    border-radius: 4px !important;
    color: #333 !important;
    font-family: "Suisse Int'l", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
}
input.cb-password-field:focus {
    border: 1px solid #E7E7E7 !important;
    outline: none !important;
}

/*Button Design*/
button {
    background-color: #F1F1F1 !important;
    color: #333 !important;
    border: none !important;
    margin-top: 15px !important;
    font-family: "Suisse Int'l", Roboto, Helvetica, Arial, sans-serif !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
}
button:hover {
    color: #0098FF !important;
    border: none !important;
    background-color: #F1F1F1 !important;
}
/*Dropdown Design*/
select.cb-input {
    background-color: #F6F6F6;
    border: 0px !important;
    border-radius: 4px !important;
    color: #333;
    font-family: "Suisse Int'l", Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
    margin-bottom: -20px;
}
select.cb-input:hover {
    border: 1px solid #E7E7E7 !important;
    outline: none !important;
}