/*
//============================================================+
// Dateiname        : design_CAS.css / custom.css
// Start            : 2016-03-04
// Letzte Aenderung : 2025-02-28 12:00:19
//
// Beschreibung     : CSS Datei für clubadministration
//
// Entwickler       : Peter Nussbaumer
//
// (c) Copyright    : clubadministration.ch
//                    Unterer Deutweg 51
//                    8400 Winterthur
//                    peter.nussbaumer@clubadministration.ch
//============================================================+

========================================================================
  Allgemein
========================================================================
*/

  /* Einzüge */
  .ident-0 {
    text-indent: 0px;  }
  
  .ident-1 {
    text-indent: 20px;  }
  
  .ident-2 {
    text-indent: 40px;  }
  
  .ident-3 {
    text-indent: 60px;  }
  
  .ident-4 {
    text-indent: 80px;  }
  
  .ident-5 {
    text-indent: 100px;  }
  
  .ident-6 {
    text-indent: 120px;  }
  	  
  .seite_aktuell {
    display: inline-block;
    color: white;
    background-color: limegreen;
    width: 1.4em;
    height: 1.4em;
    text-align: center;
    line-height: 1.4em;
    font-family: Open Sans, "Calibri Light", Helvetica;
    font-size: 14px;  }
  
  .seite_nr {
    background-color: darkblue;  }
  
  .seite_nr:hover {
    background-color: deepskyblue;  }

  .link-schwarz {
    color: black;   }

/*
========================================================================
Schriftarten und Grössen
========================================================================
*/
  body {
    font-family: Open Sans, "Calibri Light", Helvetica;
    font-size: 14px;  }
  
  h1 {
    font-size: 40px;  }
  
  h2 {
    font-size: 30px;  }
  
  h3 {
    font-size: 20px;  }
   
  h4 {
  	font-size: 16px;  }
    
  p {
    font-size: 14px;  }

  .item-title {
    font-family: Open Sans, "Calibri Light", Helvetica;
    font-size: 20px;  }

    
/*
========================================================================
Tabellen
========================================================================
*/
  /* Detail - Tabelle*/
  .dettab {
    width: 100%;}
  .dettab td {
    padding: 3px;
    background-color: #96D7D7;}
  .dettab th {
    color: white;
    background-color: #3AACA9;
    padding: 0.2em;}
  
  /* Listen - Tabelle*/
  .listtab {
    width: 100%;
    margin-top: 2px;}
  .listtab td {
  padding: 5px;}
  .listtab th {
    color: black;
    background-color: #6DCDCB;
    border: 1px solid #277371;
    border-radius: 5px;
    padding: 5px;}
  .listtab tbody tr:nth-child(even) {
    background-color: #96D7D7;}
  .listtab tbody tr:nth-child(odd) {
    background-color: #C8FFFF;}
  .listtab tr:hover {
    background-color: #F0F0F0 !important;}
    
  /* Normal - Tabelle*/
  .normtab {
    width: 100%;
    margin-top: 1em;}
  .normtab th {
    color: black;
    background-color: #6DCDCB;
    padding: 0.2em;}
  .normtab td {
    background-color: #E6FAE6;
    padding: 0.2em;}
  
  /* schmale - Tabelle */
  .smalltab {
    width: 40%;
    border-spacing: 5px;
    border-collapse: separate;  }
  .smalltab th {
    color: white;
    background-color: #6DCDCB;
    padding: 5px;
    border: 1px solid #277371;
    border-radius: 10px;}
  .smalltab td {
    padding: 5px;
    background-color: #E6FAE6;
    border: 1px solid #6DCDCB;
    border-radius: 10px;}
  
  /* Steuer - Tabelle */
  .toptab {
    width: 100%;
    border-spacing: 2px;
    border-collapse: separate;  }
  .toptab th {
    color: white;
    background-color: #6DCDCB;
    padding: 5px;
    border: 1px solid #277371;
    border-radius: 5px;}
  .toptab td {
    padding: 5px;
    background-color: #96D7D7;
    border: 1px solid #6DCDCB;
    border-radius: 5px;}
  
  /* Uebersicht - Tabelle */
  .ustab {
    width: 100%;
  /*margin-top: 1em;*/
    border-spacing: 10px;
    border-collapse: separate;  }
  .ustab th {
    color: black;
    background-color: #6DCDCB;
    padding: 5px;
    border: 1px solid #277371;
    border-radius: 10px;  }
  .ustab td {
    padding: 5px;
    background-color: #E6FAE6;
    border: 1px solid #6DCDCB;
	vertical-align: text-top;
    border-radius: 10px;  }
  
/*
========================================================================
Formular Input Types
========================================================================
*/
  input[type=text], select  {
    font-family: Open Sans, "Calibri Light", Helvetica;
    font-size: 14px;
    width: 98%;
    padding: 2px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;  }
  
  input[type=file]  {
    font-family: Open Sans, "Calibri Light", Helvetica;
    font-size: 14px;
    width: 98%;
    padding: 2px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;  }
  
  input[type=number]  {
    font-family: Open Sans, "Calibri Light", Helvetica;
    font-size: 14px;
    width: 98%;
    padding: 2px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;  }

  input[type=email]  {
    font-family: Open Sans, "Calibri Light", Helvetica;
    font-size: 14px;
    width: 98%;
    padding: 2px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;  }
  
  input[type=date]  {
    font-family: Open Sans, "Calibri Light", Helvetica;
    font-size: 14px;
    width: 98%;
    padding: 2px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;  }
  
  textarea   {
    font-family: Open Sans, "Calibri Light", Helvetica;
    font-size: 14px;
    width: 98%;
    padding: 2px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;  }
  
  label   {
    font-family: Open Sans, "Calibri Light", Helvetica;
    font-size: 14px;
    padding: 2px 6px 2px 6px;
    display: inline-block;  }
  
  input[type=button]  {
    font-family: Open Sans, "Calibri Light", Helvetica;
    font-size: 14px;
    width:100%;
    border: none;
    border-radius: 4px;
    margin: 0;
    padding: 4px 8px 4px 8px;
    cursor: pointer;  }
  
  input[type=submit]  {
    font-family: Open Sans, "Calibri Light", Helvetica;
    font-size: 14px;
    width:100%;
    border: none;
    border-radius: 4px;
    padding: 4px 8px 4px 8px;
    cursor: pointer;
    margin: 0;  }
  
  input[type=reset]  {
    font-family: Open Sans, "Calibri Light", Helvetica;
    font-size: 14px;
    width:100%;
    border: none;
    border-radius: 4px;
    margin: 0;
    padding: 4px 8px 4px 8px;
    cursor: pointer;  }
  
/*
========================================================================
Hintergründe
========================================================================
*/
  .bkg-info {
    background-color: #6DCDCB;
    border-color: rgba(58, 172, 169, 0.4);
    border-bottom-color: rgba(39, 115, 113, 0.4);
    border-radius: 4px;
    margin: 0, 1, 0, 1;
    padding: 4px;  }
	  
  .bkg-blau {
    background-color: #2A69A2;
    color: #FFF;
    border-color: rgba(172, 204, 234,.2);
    border-bottom-color: rgba(118, 171, 220,.4);
    border-radius: 4px;
    padding: 5px;}
	
  .bkg-hellblau {
    background-color: #ACCCEA;
    border-color: rgba(0,0,0,.4);
    border-bottom-color: rgba(0,0,0,1);
    border-radius: 4px;
    padding: 5px;}
    
  .bkg-lightbrown {
    background-color: #fdf5e6;
    border-color: rgba(253, 245, 230, 0.4);
    border-bottom-color: rgba(227, 218, 204, 0.4);
    border-radius: 4px;
    margin: 0, 1, 0, 1;
    padding: 4px;  }
  
  .bkg-lightgreen {
    background-color: #E6FAE6;
    border-color: rgba(243, 255, 243,.2);
    border-bottom-color: rgba(204, 255, 204,.4);
    border-radius: 4px;
    margin: 0, 1, 0, 1 auto;
    padding: 4px;}
  
  .bkg-success{
    background-color: #90ee90;
    color: black;
    border-color: rgba(144, 238, 144,.2);
    border-bottom-color: rgba(76, 175, 80,.4);
    border-radius: 4px;
    margin: 0, 1, 0, 1 auto;
    padding: 4px;}
  
  .bkg-success-seite{
    background-color: #90ee90;
    color: black;
    border-color: rgba(144, 238, 144,.2);
    border-bottom-color: rgba(76, 175, 80,.4);
    border-radius: 4px;
    margin: 10;
    padding: 5px 10px 5px 10px;}
    
  .bkg-warning {
    background-color: #ff9800;
    border-color: rgba(253, 217, 165,.2);
    border-bottom-color: rgba(250, 167, 50,.4);
    border-radius: 4px;
    margin: 0, 1, 0, 1 auto;
    padding: 4px;  }
  
  .bkg-danger {
    background-color: #f44336;
    color: white;
    border-bottom-color: rgba(255, 0, 0,.4);
    border-radius: 4px;
    margin: 0, 1, 0, 1 auto;
    padding: 4px;  }

  .bkg-grau {
    background-color: #E0E0E0;
    color: #000;
    border-color: rgba(0,0,0,.4);
    border-bottom-color: rgba(0,0,0,1);
    border-radius: 4px;
    margin: 0, 1, 0, 1 auto;
    padding: 5px;}


/*
========================================================================
Buttons
========================================================================
*/
  /* Button Allgemein */
  .info-btn {
	background-color: #44C0BD;
	color: #FFF;
	background-image: -webkit-linear-gradient(top, #6DCDCB, #3AACA9);
	background-image: linear-gradient(to bottom, #6DCDCB, #3AACA9);
	border-color: rgba(48, 143, 140, 0.4);
	border-bottom-color: rgba(39, 115, 113, 0.4);
	border-radius: 4px;
	margin: 0, 1, 0, 1;
	padding: 4px;
	text-align: center;}
  .info-btn:hover {
	background-image: -webkit-linear-gradient(top, #6DCDCB, #277371);
	background-image: linear-gradient(to bottom, #6DCDCB, #277371);
	color: #FFF;}
  .info-btn-seite {
	background-color: #44C0BD;
	color: #FFF;
	background-image: -webkit-linear-gradient(top, #6DCDCB, #3AACA9);
	background-image: linear-gradient(to bottom, #6DCDCB, #3AACA9);
	border-color: rgba(48, 143, 140, 0.4);
	border-bottom-color: rgba(39, 115, 113, 0.4);
	border-radius: 4px;
    margin: 10px;
    padding: 5px 10px 5px 10px;}
	
  
  /* Button Hellbraun */
  .lightbrown-btn{
    background-color: #000;
    background-image: -webkit-linear-gradient(top,#fdf5e6,#F9DFB1);
    background-image: linear-gradient(to bottom,#fdf5e6,#F9DFB1);
    border-color: rgba(253, 245, 230, 0.4);
    border-bottom-color: rgba(227, 218, 204, 0.4);
    border-radius: 4px;
    margin: 0, 1, 0, 1;
    padding: 4px;
    text-align: center;}
  .lightbrown-btn:hover{
    background-image: -webkit-linear-gradient(top,#fdf5e6,#F5C877);
    background-image: linear-gradient(to bottom,#fdf5e6,#F5C877);}

  .header-btn {
    background-color: #44C0BD;
    color: #FFF;
    background-image: -webkit-linear-gradient(top, #6DCDCB, #3AACA9);
    background-image: linear-gradient(to bottom, #6DCDCB, #3AACA9);
    border-color: rgba(48, 143, 140, 0.4);
    border-bottom-color: rgba(39, 115, 113, 0.4);
    border-radius: 4px;
    margin: 0, 1, 0, 1;
    padding: 4px;
    text-align: center;}
    .header-btn:hover {
    background-image: -webkit-linear-gradient(top, #6DCDCB, #277371);
    background-image: linear-gradient(to bottom, #6DCDCB, #277371);
    color: #FFF;}
  
	  /* Button orange */
  .warning-btn {
    background-color: #000;
    background-image: -webkit-linear-gradient(top,#fdd9a5,#faa732);
    background-image: linear-gradient(to bottom,#fdd9a5,#faa732);
    border-color: rgba(253, 217, 165,.2);
    border-bottom-color: rgba(250, 167, 50,.4);
    border-radius: 4px;
    margin: 0, 1, 0, 1 auto;
    padding: 4px;
    text-align: center;}
  .warning-btn:hover {
    background-image: -webkit-linear-gradient(top,#fdd9a5,#ac6804);
    background-image: linear-gradient(to bottom,#fdd9a5,#ac6804);}

  /* Button hellgrün */
  .lightgreen-btn {
    background-color: #fff;
    background-image: -webkit-linear-gradient(top,#F3FFF3,#CCFFCC);
    background-image: linear-gradient(to bottom,#F3FFF3,#CCFFCC);
    border-color: rgba(243, 255, 243,.2);
    border-bottom-color: rgba(204, 255, 204,.4);
    border-radius: 4px;
    margin: 0, 1, 0, 1 auto;
    padding: 4px;
    text-align: center;}
  .lightgreen-btn:hover {
    background-image: -webkit-linear-gradient(top,#F3FFF3,#9FFF9F);
    background-image: linear-gradient(to bottom,#F3FFF3,#9FFF9F);}

  /* Button grün */
  .green-btn {
    background-color: #fff;
    color: #000;
    background-image: -webkit-linear-gradient(top,#E2F0D9,#A9D18E);
    background-image: linear-gradient(to bottom,#E2F0D9,#A9D18E);
    border-color: rgba(226, 240, 217,.2);
    border-bottom-color: rgba(169, 209, 142,.4);
    border-radius: 4px;
    margin: 0, 1, 0, 1 auto;
    padding: 4px;
    text-align: center;}
  .green-btn:hover {
    background-image: -webkit-linear-gradient(top,#E2F0D9,#548235);
    background-image: linear-gradient(to bottom,#E2F0D9,#548235);
    color: #FFF;}

  /* Button success */
  .success-btn {
    background-color: #fff;
    color: #fff;
    background-image: -webkit-linear-gradient(top,#277371,#007799);
    background-image: linear-gradient(to bottom,#277371,#007799);
    border-color: rgba(144, 238, 144,.2);
    border-bottom-color: rgba(76, 175, 80,.4);
    border-radius: 4px;
    margin: 0, 1, 0, 1 auto;
    padding: 4px;
    text-align: center;}
  .success-btn:hover {
    background-image: -webkit-linear-gradient(top,#009999,#277371);
    background-image: linear-gradient(to bottom,#009999,#277371);
    color: #FFF;}

  /* Button rot */
  .danger-btn {
    background-color: #000;
    color: #000;
    background-image: -webkit-linear-gradient(top,#ff7d7d,#ff0000);
    background-image: linear-gradient(to bottom,#ff7d7d,#ff0000);
    border-color: rgba(255, 125, 125,.2);
    border-bottom-color: rgba(255, 0, 0,.4);
    border-radius: 4px;
    margin: 0, 1, 0, 1 auto;
    padding: 4px;
    text-align: center;}
  .danger-btn:hover {
    background-image: -webkit-linear-gradient(top,#ff7d7d,#c80000);
    background-image: linear-gradient(to bottom,#ff7d7d,#c80000);
    color: #FFF;}

  /* Button blau */
  .blau-btn {
    background-color: #000;
    color: #FFF;
    background-image: -webkit-linear-gradient(top,#ACCCEA,#76ABDC);
    background-image: linear-gradient(to bottom,#ACCCEA,#76ABDC);
    border-color: rgba(172, 204, 234,.2);
    border-bottom-color: rgba(118, 171, 220,.4);
    border-radius: 4px;
    margin: 0, 1, 0, 1 auto;
    padding: 4px;
    text-align: center;}
  .blau-btn:hover {
    background-image: -webkit-linear-gradient(top,#ACCCEA,#2A69A2);
    background-image: linear-gradient(to bottom,#ACCCEA,#2A69A2);
    color: #FFF;}

  /* Button grau */
  .grau-btn {
    background-color: #000;
    color: #FFF;
    background-image: -webkit-linear-gradient(top,#E0E0E0,#B0B0B0);
    background-image: linear-gradient(to bottom,#E0E0E0,#B0B0B0);
    border-color: rgba(224, 224, 224,.2);
    border-bottom-color: rgba(176, 176, 176,.4);
    border-radius: 4px;
    margin: 0, 1, 0, 1 auto;
    padding: 4px;
    text-align: center;}
  .grau-btn:hover {
    background-image: -webkit-linear-gradient(top,#E0E0E0,#6F6F6F);
    background-image: linear-gradient(to bottom,#E0E0E0,#6F6F6F);}

  /* Button Hellgrau */
  .hellgrau-btn {
    background-color: #000;
    color: #FFF;
    background-image: -webkit-linear-gradient(top,#F2F2F2,#D9D9D9);
    background-image: linear-gradient(to bottom,#F2F2F2,#D9D9D9);
    border-color: rgba(242, 242, 242,.2);
    border-bottom-color: rgba(217, 217, 217,.4);
    border-radius: 4px;
    margin: 0, 1, 0, 1 auto;
    padding: 4px;
    text-align: center;}
  .grau-btn:hover {
    background-image: -webkit-linear-gradient(top,#F2F2F2,#BFBFBF);
    background-image: linear-gradient(to bottom,#F2F2F2,#BFBFBF);}

/*
========================================================================
Felder
========================================================================
*/
  /* Feld Hellbraun*/
  .info-fld {
    background-color: #44C0BD;
    background-image: -webkit-linear-gradient(top,#6DCDCB,#3AACA9);
    background-image: linear-gradient(to bottom,#6DCDCB,#3AACA9);
    border-color: rgba(0,0,0,.4);
    border-bottom-color: rgba(0,0,0,1);
    border-radius: 4px;
    padding: 5px;}

  .gross-fld {
    background-color: #44C0BD;
    background-image: -webkit-linear-gradient(top,#6DCDCB,#3AACA9);
    background-image: linear-gradient(to bottom,#6DCDCB,#3AACA9);
    border-color: rgba(0,0,0,.4);
    border-bottom-color: rgba(0,0,0,1);
    border-radius: 4px;
    text-align: center;	
    font-size: 20px;
    padding: 5px;}
  
  
  .header-fld {
    background-color: #44C0BD;
    background-image: -webkit-linear-gradient(top, #6DCDCB, #3AACA9);
    background-image: linear-gradient(to bottom, #6DCDCB, #3AACA9);
    border-color: rgba(48, 143, 140, 0.4);
    border-bottom-color: rgba(39, 115, 113, 0.4);
    border-radius: 4px;
    padding: 4px;}

  .label-fld {
    background-color: #44C0BD;
	color: #fff;
    background-image: -webkit-linear-gradient(top,#6DCDCB,#3AACA9);
    background-image: linear-gradient(to bottom,#6DCDCB,#3AACA9);
    border-color: rgba(0,0,0,.4);
    border-bottom-color: rgba(0,0,0,1);
    border-radius: 4px;
    padding: 5px;}

  /* Feld Orange*/
  .warning-fld {
    background-color: #000;
    background-image: -webkit-linear-gradient(top,#fdd9a5,#faa732);
    background-image: linear-gradient(to bottom,#fdd9a5,#faa732);
    border-color: rgba(0,0,0,.4);
    border-bottom-color: rgba(0,0,0,1);
    border-radius: 4px;
    padding: 5px;}

  /* Feld grün*/
  .success-fld {
    background-color: #3AACA9;
    color: #fff;
    background-image: -webkit-linear-gradient(top,#277371,#007799);
    background-image: linear-gradient(to bottom,#277371,#007799);
    border-color: rgba(144, 238, 144,.2);
    border-bottom-color: rgba(76, 175, 80,.4);
    border-radius: 4px;
    padding: 5px;}

  /* Feld Hellbraun*/
  .lightbrown-fld {
    background-color: #fdf5e6;
    background-image: -webkit-linear-gradient(top,#fdf5e6,#e3dacc);
    background-image: linear-gradient(to bottom,#fdf5e6,#e3dacc);
    border-color: rgba(0,0,0,.4);
    border-bottom-color: rgba(0,0,0,1);
    border-radius: 4px;
    padding: 5px;}
		
  /* Feld rot*/
  .danger-fld {
    background-color: #ff7d7d;
    color: #fff;
    background-image: -webkit-linear-gradient(top,#ff7d7d,#ff0000);
    background-image: linear-gradient(to bottom,#ff7d7d,#ff0000);
    border-color: rgba(0,0,0,.4);
    border-bottom-color: rgba(0,0,0,1);
    border-radius: 4px;
    padding: 5px;}

  /* Feld blau*/
  .blau-fld {
    background-color: #ACCCEA;
    background-image: -webkit-linear-gradient(top,#ACCCEA,#2A69A2);
    background-image: linear-gradient(to bottom,#ACCCEA,#2A69A2);
    border-color: rgba(0,0,0,.4);
    border-bottom-color: rgba(0,0,0,1);
    border-radius: 4px;
    padding: 5px;}

  /* Feld grau*/
  .grau-fld {
    background-color: #E0E0E0;
    background-image: -webkit-linear-gradient(top,#E0E0E0,#6F6F6F);
    background-image: linear-gradient(to bottom,#E0E0E0,#6F6F6F);
    border-color: rgba(0,0,0,.4);
    border-bottom-color: rgba(0,0,0,1);
    border-radius: 4px;
    padding: 5px;}

/*
========================================================================
Diverses
========================================================================
*/
  /* Buchhaltung */
  .txt-right {
    text-align: right;  }
  
  .bilanz-total {
    font-size: 12px;
    color: white;
    background-color: #277371;
    border-radius: 5px;
    padding: 5px;  }

  .bilanz-head {
    font-size: 12px;
	font-weight: bold;
    background-color: #6DCDCB;
    border-radius: 5px;
    padding: 5px;  }
  			  
  .bilanz-lj {
    font-size: 12px;
    background-color: #CCECFF;
    color: black;
    border-radius: 5px;
    padding: 5px;  }
			  
  .bilanz-vj {
    font-size: 12px;
    background-color: #CCFFCC;
    color: black;
    border-radius: 5px;
    padding: 5px;  }
  
  .bilanz-diff {
    font-size: 12px;
    background-color: #fdd9a5;
    color: black;
    border-radius: 5px;
    padding: 5px;  }
	
 
  /* Kalender - Vorgaben */
  /* Feiertag */
  .feiertag {
    font-family: Open Sans, "Calibri Light", Helvetica;
    font-size: 0.8rem;
    color: #0890F3;  }
  
  /* Heute */
  .heute {
    background-color: #76EA36 !important;  }
  
  /* Renovation */
  .renovation {
    background-color: #ea5736 !important;   }
   
  /* Ein Tag! */
  .eintag {
    height: 50px;
    cursor: Default;
    line-height: 14px;
    word-break: break-all;
    hyphens: Auto; /* FF */
    transition: background-color 0.5s;  }
  
  /* Kein Tag! */
  .keintag {
    height: 50px;
    color: #C5C5C5;
    padding-left: 8px;
    cursor: Pointer;
    transition: background-color 0.5s;  }
  .keintag:hover {
    color: var(--highlight-color);
    background-color: rgba(227, 227, 227,0.6);  }
  
  /* Uhrzeit */
  .uhrzeit {
    font-family: Open Sans, "Calibri Light", Helvetica;
    font-size: 1.0rem;  }