/* B I L D S C H I R M - B E R E I C H E --- B I L D S C H I R M - B E R E I C H E --- B I L D S C H I R M - B E R E I C H E */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* MENULEISTE - IMMER FIX - RELEVANT FUER HEADER_LOGIN.PHP UND HEADER.PHP* H?HE = 0 - 105  */

/* Benötigt für Table, damit border zwischen Rows wenn rowspan gebraucht */
table { border-collapse: separate !important;}


.card
	{
	background-color: rgba(232, 105, 154, 0.33);
	}


.table td, .table th {padding: 0;}


.table tr td									/* hier noch th ?  */
	{
	/* border-bottom: 5px solid #009933 !important;  */
	border-bottom: solid yellow;
	border-right: solid green;
	/*  padding: 2px !important; */
	}


/* .table tr.no-border-row */
/* no-border-row *(
.table no-border-row
	{
	border-bottom: solid red;
	}



/* green = #009933 */
/* red green white yellow */
/* .no-border-row {border-bottom: none !important;} */




 .navbar-collapse 
    {
    background: #3486eb;                   /* #333    ff764d    */
    }

.dropdown li a:hover
    {
    background-color: teal;
    }

.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus 
    {
    color: #555555;
    background-color: #3486eb;				/* 003366 */
    }

.dropdown-item
    {
    background: #3486eb; 					/* ff764d  */
    }

.dropdown-menu
    {
    background: #3486eb; 					/*  ff764d */
    }

/* 2022-11-20 */
.list-group-item{
    margin-bottom: -6px;
    margin-top: -6px;  
}
/* 2022-11-20 */




 



.tableFixHead {
    overflow-y: auto;               /* SCROLLBALKEN RECHTS auto    scroll hidden auto visible*/
    height: 1000px;             /* height: 106px;  */
        /* z-index: 105;   */
        
  }
  .tableFixHead thead th {
    position: sticky; 
    top: 0; 
    background-color: yellow;   
  }

/* https://www.w3docs.com/snippets/html/how-to-create-a-table-with-a-fixed-header-and-scrollable-body.html */





.mobileHide { display: inline;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 320px)
   and (max-device-width : 480px)
   {  .mobileHide { display: none;}}




   .DesktopHide { display: inline;}
   /* PC / Desktop */
   @media only screen
   and (min-device-width : 480px)
   {  .DesktopHide { display: none;}}


    input[type=checkbox] 
    {
    transform: scale(1.8);          /* 1.5 */
    }









.default {color: black;}  

/* 2022-11-21 Button as text */


/* eintrag für .btn enternet - in Backup von 2023-02-19 17:xx */


.navList 
        {
        background-color: #3486eb;              /* Hintergrundfarbe   ff764d         3486eb         */
        list-style-type: none;
        position: fixed;                        /* Positionierung = Fixed */
        z-index: 105;                           /* Ebenen-Priorisierung = ganze Vorne */
        margin: 0;
        padding: 0;
        top: 0px;
        left: 0px;
        right: 0px;       
        	height: 80px;                          /* H?he der Box */
        width: 100%;                            /* Breite der Box */
        }



.navbar 
        {
        /* background-color: #3486eb;    */          /* Hintergrundfarbe - nicht klar wofür   ff764d dunkleres blau = 3486eb - DEAKTIVIERT 20230501 */
        list-style-type: none;
        position: fixed;                        /* Positionierung = Fixed */
        z-index: 105;                           /* Ebenen-Priorisierung = ganze Vorne 105 -> 90*/
        margin: 0;
        padding: 0;   
				/* padding-left: -30px;  */
        	top: 30px;  
        left: 0px;
        right: 0px;       
        		height: 0px;                          /* H?he der Box     105px*/   
        	width: 100%;                            /* Breite der Box */
        }




/* TITEL-TEIL */
.titlebox
        {
        
        position: fixed;         /*relative*/
        z-index: 100;       /* 105 */
        top: 80px;                 /* 40px, -10px*/
        width: 100%;
        height: 70px;                 /* 10% */
        background-color: #3486eb;              /* Hintergrundfarbe   ff8661   66ffff*/
        }




/* HAUPTTEIL OHNE ZUSAETZLICHE MENUBOX, ANSCHLIESSEND AN NAVLIST  H?HE = 105 - END */  
    .Main1
        {
        background-color: #34a2eb;              /* Hintergrundfarbe   ff8661*/
        list-style-type: none;
        position: absolute;                     /* Positionierung = absolute */
        /* z-index: 90;                            /* Ebenen-Prio = im Hintergrund, scrollt unter .navlist und .othermenu unten durch */
        margin-left: 0px;
        margin-top: 0px;						/* Original = 0px */
        padding-left: 0px;                     /* Abstand Text zu Rand      original = 50px */
        padding-top: 150px;                      /* Abstand Text zu Oben - Original = 20px  --- 20221119 - Original = 100px - wenn .titlebox, dann muss 150 */
        /* top: 105px;                             /* Oberer Bereich, wo Box beginnt */
        left: 0px;           
        right: 0px;
        width: 100%;                            /* Breite der Box */
        height: auto;                           /* H?he der Box      100% -> auto*/
        min-height: 100%;					/* Minumum Höhe Box   600px   */
            display: block;                     /* ??? */
            overflow: auto;                     /* ??? */
		} 


        .Main0
        {
        background-color: #34a2eb;              /* Hintergrundfarbe   ff8661*/
        list-style-type: none;
        position: absolute;                     /* Positionierung = absolute */
        /* z-index: 90;                            /* Ebenen-Prio = im Hintergrund, scrollt unter .navlist und .othermenu unten durch */
        margin-left: 0px;
        margin-top: 0px;						/* Original = 0px */
        padding-left: 0px;                     /* Abstand Text zu Rand      original = 50px */
        padding-top: 0px;                      /* Abstand Text zu Oben - Original = 20px  --- 20221119 - Original = 100px - wenn .titlebox, dann muss 150 */
        /* top: 105px;                             /* Oberer Bereich, wo Box beginnt */
        left: 0px;           
        right: 0px;
        width: 100%;                            /* Breite der Box */
        height: auto;                           /* H?he der Box      100% -> auto*/
        min-height: 100%;					/* Minumum Höhe Box   600px   */
            display: block;                     /* ??? */
            overflow: auto;                     /* ??? */
		} 





        
/* Buttons innerhalb .othermenu */        

.button 
        {
		background-color: #ff0000;      /* 4CAF50     ff0000*/                      
        border: none;                                                             
        color: white;                                                             
        		/* padding: 6px 32px;              /* padding: 15px 32px;  */       
         text-align: center;                                                  
        text-decoration: none;                                                    
        display: inline-block;                                                    
        font-size: 12px;                    /* 16 */                              
         font-weight: bold;                                                       
        margin: 4px 2px;                                                          
        cursor: pointer;                                                          
        border-radius: 4px;                                                       
        }