/*  
    File: burgardental.css
 
    Purpose:  BurgarDental own CSS-Styles  
 
    Author:   Thomas Burgard (BurgarDental Softwareentwicklung & Beratung)

    Created:  27.06.2025
    Modified: 27.06.2025 
*/

:root, [data-bs-theme=light] {  
  --gk-primary: #1ab394;
  --gk-success: #1ab394;
}

main {
  margin-top: 80px;
}

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

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

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

.burgard-mt-150 {
  margin-top: 150px;
}

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

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

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

.burgard-mb-200 {
  margin-bottom: 200px;
}

.burgard-mb-300 {
  margin-bottom: 300px;
}

.burgard-mb-400 {
  margin-bottom: 400px;
}

a {
  color: #1d84c6;
  text-decoration: none;
}

.burgard-fs-1 {
  font-size: 5.0rem;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: var(--gk-heading-color);
  font-family: Inter, sans-serif;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: .5rem;
  margin-top: 0;
}

[data-bs-theme=dark] .text-primary {
  color: #1ab394 !important;
}

#burgard-header-list-fontsize {
  font-size: 1.2rem;
}

#burgard-header-list-fontsize-medium {
  font-size: 1.2rem;
}

.burgardental-color-orange {
  color: #f9ac5a !important;
}

.burgardental-color-red {
  color: #ed5666 !important;
}

.burgardental-color-green {
  color: #1ab394 !important;
}

.burgardental-color-blue {
  color: #1d84c6 !important;
}

.burgardental-color-gray {
  color: #909090FF !important;
}

.burgardental-color-dark {
  color: #263949 !important;
}

.text-primary {
  --gk-text-opacity: 1;
  color: #1ab394 !important;
}

.btn-scroll-top svg.progress-square path {
  stroke: #1ab394;
}

.btn-scroll-top:after {
  color: #1ab394 !important;
  ;
}

.btn-success {
  --gk-btn-color: #fff;
  --gk-btn-bg: #1ab394;
  --gk-btn-border-color: #1ab394;
  --gk-btn-hover-color: #fff;
  --gk-btn-hover-bg: #179B81FF;
  --gk-btn-hover-border-color: #127C67FF;
  --gk-btn-focus-shadow-rgb: 86, 175, 128;
  --gk-btn-active-color: #fff;
  --gk-btn-active-bg: #1ab394;
  --gk-btn-active-border-color: #127C67FF;
  --gk-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --gk-btn-disabled-color: #fff;
  --gk-btn-disabled-bg: #179B81FF;
  --gk-btn-disabled-border-color: #127C67FF;
}

[data-bs-theme=dark] .btn-success {
  --gk-btn-color: #fff;
  --gk-btn-bg: #1ab394;
  --gk-btn-border-color: #1ab394;
  --gk-btn-hover-color: #fff;
  --gk-btn-hover-bg: #179B81FF;
  --gk-btn-hover-border-color: #127C67FF;
  --gk-btn-focus-shadow-rgb: 86, 175, 128;
  --gk-btn-active-color: #fff;
  --gk-btn-active-bg: #1ab394;
  --gk-btn-active-border-color: #127C67FF;
  --gk-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --gk-btn-disabled-color: #fff;
  --gk-btn-disabled-bg: #179B81FF;
  --gk-btn-disabled-border-color: #127C67FF;
}

.img-style1 { 
  padding: 2px; 
  border: 2px #BBBBBB solid; 
}

.img-style2 { 
  padding: 2px; 
  border: 0px #BBBBBB solid; 
}

#header-right-col img {
  width: 0px;
}

#header-right-col-upload img {
  width: 0px;
}

.info-row {
  font-size: 1.0rem;
  padding: 9px 20px 9px 20px;
}  

.card {   
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 2px 1px;
}

.table {
  --gk-table-color-type: initial;
  --gk-table-bg-type: initial;
  --gk-table-color-state: initial;
  --gk-table-bg-state: initial;
  --gk-table-color: var(--gk-body-color);
  --gk-table-bg: transparent;
  --gk-table-border-color: var(--gk-border-color);
  --gk-table-accent-bg: transparent;
  --gk-table-striped-color: var(--gk-body-color);
  --gk-table-striped-bg: #fdfdfd;
  --gk-table-active-color: var(--gk-body-color);
  --gk-table-active-bg: var(--gk-body-bg);
  --gk-table-hover-color: var(--gk-body-color);
  --gk-table-hover-bg: var(--gk-body-bg);
  border-color: var(--gk-table-border-color);
  margin-bottom: 1rem;
  vertical-align: top;
  width: 100%;
}

.table .thead-dark th {
  color: #fff;
  background-color: #212529;
  border-color: #32383e; }

.text-right {
  text-align: right !important; 
}

.table-schulung-red-text {
  color: #ed5665;
}  

@media (min-width: 992px) { 
  #header-right-col img {
    width: 600px;
  }

  #header-right-col-upload img {
    width: 400px;
  }

  .info-row {
    font-size: 1.2rem;
    padding: 9px 20px 9px 20px;
  }  
}