/* CSS Document */

.fa-diamond { color: #789C0F; }



.text-iggh {   color: #99C221; }

.green-light {    color: #6F802A; }
.green-lighter {  color: #D5E0A9; }

.red-light {    color: #A70033; }
.red-lighter {    color: #DDA1B3; }

.violett-light {    color: #8377E3; }
.violett-lighter {    color: #ABADDE; }

.orange-light {    color: #E67613; }
.orange-lighter {  color: #F0BD91; }



.background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}




div #div_ausweis {  
	color: #5A0000;
    background-image: url("../../../img/ausweis_base_paint_hell_24.jpg");
    background-repeat: no-repeat;
    padding: 50px;
	
}

.widget-content h3 {
    margin-top: 0;
}

.widget-termin_add .widget-header {
    background-color: #84C5EB!important;
    border-bottom-color: #0686CB;
    color: #fff;
}


.login-body {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    background: url('/includes/templates/login-picture.jpg') no-repeat;
    background-size: auto;
    background-size: cover;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.div_lektorat {
    border-left:20px #FF9900 solid;
    padding-left: 10px;
}


/* =============================
 Spacer, margin
============================= */

label {
	font-weight: 700;
}

.clear-marginbot{
	margin-bottom:0 !important;
}

.marginbot10{
	margin-bottom:10px;
}
.marginbot20{
	margin-bottom:20px;
}
.marginbot30{
	margin-bottom:30px;
}
.marginbot40{
	margin-bottom:40px;
}
.marginbot50{
	margin-bottom:50px;
}
.clear-margintop{
	margin-top:0 !important;
}

.margintop10{
	margin-top:10px;
}

.margintop20{
	margin-top:20px;
}

.margintop30{
	margin-top:30px;
}

.margintop40{
	margin-top:40px;
}

.no-padding-left
{
    padding-left: 0px !important;
}
.no-padding
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.no-space-left
{
    padding-left: 0px !important;
    margin-left: 0px !important;
}

.no-border {
	border: none !important;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover, .open .dropdown-toggle.btn-default, .btn-default:active, .btn-default.active {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default.disabled, .btn-default[disabled], .btn-default.disabled:hover, .open .disabled.dropdown-toggle.btn-default, .btn-default[disabled]:hover, .open [disabled].dropdown-toggle.btn-default, .btn-default.disabled:focus, .btn-default[disabled]:focus, .btn-default.disabled:active, .btn-default[disabled]:active, .btn-default.disabled.active, .btn-default[disabled].active {
  background-color: #7c7c7c;
  border-color: #555555;
}
.btn-default .caret {
  border-top-color: #333;
}


td.border-line-left, th.border-line-left  {
	border-left:  #000 thin solid !important;	
}
td.border-line-right, th.border-line-right {
	border-right:  #000 thin solid !important;	
}
td.border-line-top, th.border-line-top {
	border-top:  #000 thin solid !important;	
}
td.border-line-bottom, th.border-line-bottom {
	border-bottom:  #000 thin solid !important;	
}



.fa {
	text-decoration:none;
}

.fa_grau {
	color: #666666 !important;
}
.fa_rot {
	color: #CC0000 !important;
}
.fa_leer {
	color: #AAA !important;
}
.fa_gruen {
	color: #009900 !important;
}
.fa_kundenfarbe {
	color: #2792D1 !important;
}

.fa_lektorat {
    color: #FF9900 !important;
}

td.lektorat {
    background-color: #FFEDD2 !important;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	font-size:80%;
	font-style: italic;
    color:    #68BAC8 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-size:80%;
	font-style: italic;
   color:    #68BAC8 !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-size:80%;
	font-style: italic;
   color:    #68BAC8 !important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-size:80%;
	font-style: italic;
   color:    #68BAC8 !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
	font-size:80%;
	font-style: italic;
   color:    #68BAC8 !important;
}

::placeholder { /* Most modern browsers support this now. */
	font-size:80%;
	font-style: italic;
   color:    #68BAC8 !important;
}


/*block-2*/
.block-2 {
  margin: 0;
  list-style-type: none; 
  overflow: hidden;
}
.block-2 li {
  position: relative;
  border-top: #ececec 1px solid;
  padding-top: 22px;
  padding-bottom: 20px;
}
.block-2 li:first-child {
  border: none;
  padding-top: 14px;
}
.block-2 li:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: -2px;
  border-bottom: #afaeae 2px solid;
  width: 100%;
  z-index: 999;
}
.block-2 li time {
  display: inline-block;
  width: 100px;
  font-size: 16px;
  line-height: 18px;
  color: #595959;
  text-transform: uppercase;
  text-align: center;
  float: left;
  margin: 2px 19px 0 0;
}
.block-2 li time strong {
  display: block;
  font-weight: normal;
  font-size: 54px;
  line-height: 60px;
}
.block-2 li time span {
  display: block;
  margin-top: -6px;
}
.block-2 li div {
  overflow: hidden;
}

a i.color-male {
	color: #0099FF !important;
}

a i.color-female {
	color: #FF33FF !important;
}
i.color-male {
	color: #0099FF !important;
}

i.color-female {
	color: #FF33FF !important;
}
td.weekend {
	color: #000000;
	background-color: #eee;
}
td.heute {
	color: #000000;
	background-color: #72F9CA;
}
th.heute {
	color: #FFF;
	background-color: #06A06A;
}
tr.separator_row {
	border-top: #000 solid 2px !important;
}
tr.separator_row_bot {
	border-bottom: #000 solid 2px !important;
}
td.separator_tag, th.separator_tag {
	border-right: #000 solid 2px !important;
}


#gesamtauswertung_prozent {
	font-size: 200%;
}

.text_bar_resultate {
    position: absolute;
    bottom: 10px;
    width: 90%;
}

.stats_bar_resultate {
    position: absolute;
    bottom: 40px;
    width: 90%;
    color: #fff;
}


/* ==========================================================================
   DESU - COLORSCHEME FÜR PSC OLA
   Scheme 01: Limegreen - #32cd32
   Scheme 02: Orange - #fc9749
   Scheme 03: Red - #fb4645
   Scheme 04: Blue - #319a9a
   Scheme 05: Purple - #cb3b8a
   ========================================================================== */


/* FANCY-CHECKBOX */

/* 01 - LIMEGREEN */
.fancy-checkbox.custom-color-limegreen input[type="checkbox"]:checked + span:before {color: #32cd32; background-color: #fff;}
.fancy-checkbox.custom-bgcolor-limegreen input[type="checkbox"]:checked + span:before {color: #fff; background-color: #32cd32; border-color: #28a428;} /* Border = 120% */

/* 02 - ORANGE */
.fancy-checkbox.custom-color-orange input[type="checkbox"]:checked + span:before {color: #fc9749; background-color: #fff;}
.fancy-checkbox.custom-bgcolor-orange input[type="checkbox"]:checked + span:before {color: #fff; background-color: #fc9749; border-color: #ca793a;} /* Border = 120% */

/* 03 - RED */
.fancy-checkbox.custom-color-red input[type="checkbox"]:checked + span:before {color: #fb4645; background-color: #fff;}
.fancy-checkbox.custom-bgcolor-red input[type="checkbox"]:checked + span:before {color: #fff; background-color: #fb4645; border-color: #c93837;} /* Border = 120% */

/* 04 - BLUE */
.fancy-checkbox.custom-color-blue input[type="checkbox"]:checked + span:before {color: #319a9a; background-color: #fff;}
.fancy-checkbox.custom-bgcolor-blue input[type="checkbox"]:checked + span:before {color: #fff; background-color: #319a9a; border-color: #319a9a;} /* Border = 120% */


/* 05 - Purple */
.fancy-checkbox.custom-color-purple input[type="checkbox"]:checked + span:before {color: #cb3b8a; background-color: #fff;}
.fancy-checkbox.custom-bgcolor-purple input[type="checkbox"]:checked + span:before {color: #fff; background-color: #cb3b8a; border-color: #a22f6e;} /* Border = 120% */


/* FANCY-RADIOBUTTON */

/* 01 - LIMEGREEN */
.fancy-radio.custom-color-limegreen input[type="radio"]:checked + span i:after {background-color: #32cd32;}
.fancy-radio.custom-bgcolor-limegreen input[type="radio"]:checked + span i {background-color: #32cd32;}
.fancy-radio.custom-bgcolor-limegreen input[type="radio"]:checked + span i:after {background-color: #fff;}

/* 02 - ORANGE */
.fancy-radio.custom-color-orange input[type="radio"]:checked + span i:after {background-color: #fc9749;}
.fancy-radio.custom-bgcolor-orange input[type="radio"]:checked + span i {background-color: #fc9749;}
.fancy-radio.custom-bgcolor-orange input[type="radio"]:checked + span i:after {background-color: #fff;}

/* 03 - RED */
.fancy-radio.custom-color-red input[type="radio"]:checked + span i:after {background-color: #fb4645;}
.fancy-radio.custom-bgcolor-red input[type="radio"]:checked + span i {background-color: #fb4645;}
.fancy-radio.custom-bgcolor-red input[type="radio"]:checked + span i:after {background-color: #fff;}


/* 04 - BLUE */
.fancy-radio.custom-color-blue input[type="radio"]:checked + span i:after {background-color: #319a9a;}
.fancy-radio.custom-bgcolor-blue input[type="radio"]:checked + span i {background-color: #319a9a;}
.fancy-radio.custom-bgcolor-blue input[type="radio"]:checked + span i:after {background-color: #fff;}


/* 05 - Purple */
.fancy-radio.custom-color-purple input[type="radio"]:checked + span i:after {background-color: #cb3b8a;}
.fancy-radio.custom-bgcolor-purple input[type="radio"]:checked + span i {background-color: #cb3b8a;}
.fancy-radio.custom-bgcolor-purple input[type="radio"]:checked + span i:after {background-color: #fff;}


.sales-chart {
	width: 100%;
	height: 250px;
}


/*--------CropIt ----------------------------*/
/* -------Profilfoto ------------------------*/
  .cropit-preview {
        background-color: #f8f8f8;
        background-size: cover;
        border: 1px solid #ccc;
        border-radius: 3px;
        margin-top: 7px;
        width: 400px;
        height: 400px;	   
      }
     .cropit-preview-image-container {
        cursor: move;
      }

      .image-size-label {
        margin-top: 10px;
      }
	  .cropit-preview-image {
				max-width: none;
	  }

      .cropit-anlagefoto-preview {
        background-color: #f8f8f8;
        background-size: cover;
        border: 1px solid #ccc;
        border-radius: 3px;
        margin-top: 7px;
        width: 800px;
        height: 600px;
        cursor: move;
      }

      .cropit-flyer-background {
        opacity: .2;
        cursor: auto;
      }

 

/* ----------------------------------------- */

textarea.form-control {
    resize: vertical; /* Erlaubt nur das Verstellen der Höhe */
    max-width: 100%; /* Stellt sicher, dass die Breite nicht verändert wird */
    width: 100%; /* Setzt die Breite auf 100% des Containers */
}




/* -------------------------------------------------- Design Update GPT 2025 */

body {
  background-color: #f7f9fc;
}

.form-control:focus {
  border-color: #66afe9;
  box-shadow: 0 0 0 2px rgba(0,123,255,0.25);
}


.panel,
.panel-default {
  border: none;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  border-radius: 6px;
}

/* ------------------------------ Buttons 2025 ----------------------------------*/

.btn {
  border-radius: 6px;
  font-weight: 500;
}


/* Orange-Button: btn-custom-primary */
.btn-custom-primary {
  background-color: #fd5308;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  font-weight: 600;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.btn-custom-primary:hover,
.btn-custom-primary:focus {
  background-color: #e14800;
  box-shadow: 0 4px 8px rgba(0,0,0,0.12);
  color: #fff;
}

/* Türkis-Button: btn-custom-secondary */
.btn-custom-secondary {
  background-color: #00b2a9;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  font-weight: 600;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.btn-custom-secondary:hover,
.btn-custom-secondary:focus {
  background-color: #008d86;
  box-shadow: 0 4px 8px rgba(0,0,0,0.12);
  color: #fff;
}



/* ------------------------------ Form 2025 ----------------------------------*/

.form-group {
  padding: 1rem;
  background: #f9f9f9;
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px #e0e0e0;
}

label, .control-label {
  font-weight: 600;
  margin-bottom: 4px;
}

input.form-control,
select.form-control,
textarea.form-control {
  padding: 8px 12px;
  border-radius: 4px;
}

.fas {
  color: #007bff;
  margin-right: 4px;
}


.nav-tabs > li > a {
  padding: 10px 10px;
  background: #f0f0f0;
  border-radius: 4px 4px 0 0;
  margin-right: 2px;
  margin-bottom: 2px;
}

.nav-tabs > li.active > a {
  background: #ffffff;
  border-bottom: 2px solid #007bff;
}


/* Modernes Design für .widget */
.widget {
  border: none;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  background-color: #ffffff;
  margin-bottom: 24px;
  overflow: hidden;
}

/* Kopfzeile der Widget-Box */
.widget-header {
  background: #f8f9fa;
  padding: 12px 16px;
  border-bottom: 1px solid #dee2e6;
  font-weight: 600;
  font-size: 16px;
  color: #333;
}

/* Inhalt */
.widget-content {
  padding: 20px;
}

/* Verbesserte Formulargruppen */
.widget .form-group {
  margin-bottom: 20px;
}

/* Modernere Inputs */
.widget .form-control {
  border-radius: 6px;
  border: 1px solid #ccc;
  padding: 8px 12px;
  font-size: 14px;
}

/* Radio-/Checkbox-Gruppen spacing */
.fancy-radio,
.fancy-checkbox {
  margin-right: 15px;
  display: inline-block;
}

/* Optional – Farbakzent für aktive Tabs (wenn du Bootstrap-Tabs nutzt) */
.nav-tabs > li.active > a {
  border-bottom: 2px solid #007bff !important;
  font-weight: 600;
}


/* Nur für .table-Tabellen */
.table {
  border-collapse: separate;
  border-spacing: 0 4px;
  background-color: transparent;
}

.table th {
  background-color: #f8f9fa;
  font-weight: 600;
  padding: 10px 12px;
  border-bottom: 2px solid #dee2e6;
  vertical-align: middle;
}

.table td {
  background-color: #ffffff;
  padding: 10px 12px;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
  border-top: 1px solid #f0f0f0;
}

.table tr:hover td {
  background-color: #f2f8ff;
}

.top-bar .top-bar-right .btn-link {
  padding:4px;
  color: #004F9F;
  font-size: 90%
}
.top-bar .top-bar-right .btn-link:hover {
  color: #004F9F;
}

/* Modernisiertes Dropdown-Menü */
.btn-group .dropdown-toggle {
  background-color: #f8f9fa;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 6px 12px;
  font-weight: 500;
  transition: background-color 0.2s ease;
}

.btn-group .dropdown-toggle:hover {
  background-color: #e2e6ea;
}

/* Pfeil schöner darstellen */
.btn-group .dropdown-toggle .caret {
  margin-left: 6px;
  border-top-color: #666;
}

/* Dropdown-Menü modernisieren */
.dropdown-menu {
  border-radius: 6px;
  border: 1px solid #ccc;
  box-shadow: 0 4px 8px rgba(0,0,0,0.08);
  padding: 6px 0;
  font-size: 14px;
}

/* Einträge im Menü */
.dropdown-menu > li > a {
  padding: 8px 16px;
  color: #333;
  transition: background-color 0.2s ease;
}

.dropdown-menu > li > a:hover {
  background-color: #f0f0f0;
  color: #000;
}


.badge-counter {
  background-color: #e0e0e0;
  color: #333;
  padding: 4px 10px;
  font-weight: 600;
  border-radius: 16px;
  font-size: 13px;
}

.progress {
  height: 6px;
  border-radius: 3px;
  background-color: #eaeaea;
}

.progress-bar {
  border-radius: 3px;
  transition: width 0.3s ease-in-out;
}


.fa-info-circle {
  color: #0d6efd; /* Bootstrap Primary oder #007bff */
  font-size: 16px;
  vertical-align: middle;
  margin-left: 6px;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}

.fa-info-circle:hover {
  opacity: 1;
  cursor: help;
}

.well {
  background-color: #f9fafb;
  border-left: 4px solid #007bff;
  padding: 16px 20px;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  margin-bottom: 20px;
  color: #333;
  font-size: 14px;
}