/* common values */

* {
	margin: 0;
	padding: 0;
	
	box-sizing: border-box;
}

body{
	background-color: #f3f8ec;
	min-width: 600px;
	padding-top: var(--navbar-height, 140px); /* Domyślna wartość na wypadek braku JS */
	padding-bottom: var(--footer-height, 30px); /* Dynamiczna przestrzeń na bottom_nav na wypadek braku JS */
}

a
{
    color: #337ab7;
    text-decoration: none;	
}


:root {
    --navbar-height: 0px;
    --footer-height: 0px;	
}

.main{
	padding-top: 2em;
	padding-bottom: 4em;
}


.main-row{
}

.main-btn {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	
}

.main-btn-small {
	margin: 5px;	
}

p.plan-opis {
	margin-top: 0px;
	margin-bottom: 0px;
}

p.plan-bzn {
	margin-top: 12px;
	text-align: justify;
}

.card {
    border-style: solid; !important;
	border-width: 1px; !important;
	border-radius: 8px !important;
	margin-bottom: 16px;
}


.card-header {
	font-size: 120%;
	border-top-left-radius: 8px !important;
	border-top-right-radius: 8px !important;
}


.card > .card-body {
	background-color: #f3f8ec;
	color: #333333;
	border-bottom-left-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
}

.card > .card-body > a{
	background-color: #f3f8ec;
	text-decoration: none;
}

.card > .card-body > p,
.card > .card-body > ul,
.card > .card-body > ul > li{
	text-align: left;
	font-size: 1em;
	font-weight: normal;
}

.card > .card-body > p{
	margin-bottom: 4px;
}

.card > .card-body > hr{
	margin-top: 4px;
	margin-bottom: 4px;
}


.card-danger {
    border-color: #F2DEDE;
}

.card-success {
	border-color: #DFF0D8;
}

.card-danger > .card-header {
	background-image: none;
	background-color: #F2DEDE;
	color: #B14542;
}

.card-success > .card-header {
	background-image: none;
	background-color: #DFF0D8;
	color: #53773E;
}


.btn-success{
	background-color: #5CB85C;
}

.card-warning > .card-header {
	background-image: none;
	background-color: #FCF8E3;
	color: #986D3B;
}


.table{
	margin-top: 12px;
	width: 100%;	
}

.table a{
	text-decoration: none;
}

.table a:hover{
	text-decoration: underline;
}

.table tr.even, 
.table tr.even > td,
.table tr.even > th  {
	background-color: #E0EECD !important;
}

.table tr.odd, 
.table tr.odd > td,
.table tr.odd > th  {
	background-color: #f3f8ec !important;
}


.table tr.gray, 
.table tr.gray > th,
.table tr.gray > td
{
	background-color: #c4dea0 !important;
}

.table tr.gray td.gray-day{
	background-color: #d0d0d0 !important;
	text-align: left;
	width: 100%;
	font-style: italic;
	font-weight: bold;
}

.table tr.gray-subj,
.table tr.gray-subj > td
 {
	background-color: #d0d0d0 !important;
}



.table-info tr:nth-child(even) {background: #E0EECD;}
.table-info tr:nth-child(odd) {background: #f3f8ec;}

.table-info tr.gray{ background: #c4dea0;}


.table hr {
	margin-top:4px; 
	margin-bottom: 4px;
	padding: 0;
	border-color: #d0d0d0 !important;
	height: 2px;
}	

.item_info{
	font-size: 100%;
} 


.main h2{
	font-size: 1.8em;
	font-weight: bold;	
}

.main h3{
	font-size: 1.4em;
	font-weight: bold;	
}

.main h4{
	font-size: 1.0em;
	font-weight: bold;	
}

.main ul li {
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
}


.main ul li ul {
	margin-top: 10px;
	font-size: 0.9em;
	margin-left: 30px;
	border: none;
}

.main ul li ul li{
	color: blue;
	font-weight: normal;
	font-size: 0.9em;
	border: none;
}

.main ul.uwagi,
.main ul.uwagi > li,
.main ul.uwagi > li > ul, 
.main ul.uwagi > li > ul > li
{
	font-weight: normal;
	font-size: 1.0em;
	text-align: left;
	margin-top: 0px;
	color: #333333;
}

.navbar-custom {
    background-color: #E0EECD;
    color: #333333;
    border-radius: 0;
	border: none !important;
	position: fixed;
    width: 100%;
}

.navbar-custom .navbar-nav > li > a {
    color: #333333;
}

.navbar-custom .navbar-nav > .active > a {
    color: #333333;
    background-color:transparent;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus,
.navbar-custom .navbar-nav > .open >a{
    text-decoration: none;
    background-color: #c4dea0;
}

.navbar-custom .navbar-brand {
    color: #333333;
}

.icon{
	text-align: center;
	margin: 4px;
	padding: 4px;
}

.navbrand-img{
	padding-top: 4px;
}

.navbar-custom .navbar-brand:hover{
    background-color: #c4dea0;
}

.navbar-custom .navbar-toggle {
    background-color: #c4dea0;
}

.navbar-custom .icon-bar {
    color: #333333;
    background-color: gray;
}
.navbar-custom .navbar-toggle .icon-bar {
    color: #333333;
    background-color: gray;
}

.navbar-toggler .bi {
    color: #333333;
}


.nav-tabs > li > a{
  color: #333333;
  
  font-weight: bold;

  border: 1px solid #d0d0d0;  
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: none;
}

.nav-tabs > li > a:hover,
.nav-tabs > li.active > a:hover
{
  color: #333333;
  background-color: #d0d0d0 !important;

}

.nav-tabs > li.active > a {
  color: #333333;
  background-color: #c4dea0 !important;
}


#dual_table > li {
	background-color: #f3f8ec !important;
	border: 1px solid #d0d0d0;  
  	border-top-left-radius: 8px;
  	border-top-right-radius: 8px;
  	border-bottom: none;	
}


#dual_table > li > .active,
#dual_table > li > .active > a {
	background-color: #c4dea0 !important;
}


#dual_table > .ics_menu {
	border: none;
	background-color: #5CB85C !important;
}

#dual_table > .ics_menu:hover
{
	background-color: #d0d0d0 !important;
}

#dual_table > .ics_menu > #ics_btn,
#dual_table > .ics_menu > #ics_btn:hover
{
	border: none;
	background-color: transparent !important;
}

.ics_menu > li {
	margin: 0px;
	padding: 0px;
	backgroud-color: red;
}

.ics_menu > ul {
	margin: 0px;
	padding: 0px;
	backgroud-color: yellow;
}


#top-nav, #bottom_nav{
   border: solid 1px #c4dea0;
   margin-bottom: 0px;
   padding-bottom: 0px;
}

.filter_div{
 	text-align: left; 
 	padding: 4px; 
 	margin-bottom: -12px; 
 	border: 1px #ddd;
 	padding-top: 8px; 
 	border-style: none solid none solid;
} 	

.filter_div .label_main{
    display: inline-block;
}    


.filter_div .label{
    display: inline-block;
	color: black;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 2px;
	margin-left: 4px;
	font-size: 1em;
	border: solid 1px #ddd;
	word-wrap: break-word;
	white-space:normal;
	text-align: left;
}

.filter_div .label > label:first-of-type{
	margin-right: 6px; 
}

.rz{
  font-weight: normal;  
  text-decoration: none;
  color: #337ab7;
  padding: 2px;
}

.rz:hover{
  text-decoration: underline;
}


.tooltip .tooltip-inner {
    background-color: yellow;
    color: black;
	text-align: left;
}


.ics_menu > ul > li,
.ics_menu > ul > li > hr.dropdown-divider {
	margin: 2px;
	padding: 0px;
}

.ics_menu > ul > li > a{
	margin: 1px;
	padding: 0px;
}


.ics_menu li.hz{
    display: inline-flex !important;
}

.ics_menu .hz > .active > a:hover,
.ics_menu .hz > .active > a:focus,
.ics_menu .hz > a:hover,
.ics_menu .hz > a:focus,
.ics_menu .hz > .open >a
{
	background-color: #d0d0d0 !important;
}

#dual_table  .dropdown-header{
	margin-left: 4px;
	margin-right: 4px;
	text-align: center;
	padding-left: 8px;
	padding-right: 8px;
	color: #333333;
	font-style: italic; !important
}


#dual_table > .dropdown-menu {
    display: table-caption;
}

.ics_menu li.hz > a:first-of-type{
	width: 200px;
}



.ics_pg_div{
	padding: 0px;
	margin: 0px;
	color: #333333 !important;
}

.ics_pg_div hr{
	padding-top: 4px;
	padding-bottom: 0px;
	margin: 0px;
}

.ics_pg_l{
	font-weight: normal;
	padding-top: 4px;
	padding-left: 4px;
	margin: 0px;
}

.ics_pg_cb{
	padding: 0px;
	margin: 0px;
	padding-left: 4px;
	padding-right: 4px;	
}


.pg_cb{
}


input[type='checkbox']:checked {
	-webkit-filter: grayscale(100%);
}

@media print {
  a[href]:after {
    content: none !important;
  }  


    
}


.lista-grup {
	background-color: white;
	border: 1px solid  #d0d0d0;
	border-radius: 8px;
	color: #333333;
	padding-top: 16px;
	padding-bottom: 0px;
	padding-right: 16px;

}


.lista-grup-item{
	list-style-type: none;
	padding-left: 16px;
	padding-top: 0px;
	padding-bottom: 6px;
	margin-top: 0px;
}

.lista-grup-item > li,
.lista-grup-item > li > a
{
  font-size: 1em;
  font-weight: normal !important;	
}

.lista-grup > .lista-grup-item > .lista-grup{
	border-radius: 0px;
	border: none;
	margin-top: 4px;
	padding-top: 0px;
}	

.theme-dropdown {
	background-color: transparent;
	color: #333333;
}

.theme-dropdown ul {
	background-color: #E0EECD !important;
	color: #333333;
	border-color: #d0d0d0 !important;
	list-style: none;
}

.theme-dropdown a {
	background-color: #E0EECD !important;
	color: #333333;
	border-color: #d0d0d0 !important;
}

.theme-dropdown a:hover,
.theme-dropdown li:hover {
	background-color: #c4dea0 !important;
	color: #333333;
}

.theme-option .bi {
  margin-left: 8px;
  margin-right: 8px;
}	


.theme-option {
	margin-left: 8px;
	margin-right: 8px;
}

.theme-option a:focus
{
	color: #333333;
}




.btn-default,
.btn-default:focus
{
	border-color: #d0d0d0;
}

.btn-default:hover,
.btn-default:focus
{
	border-color: #d0d0d0;
	background-color: #c4dea0;
}


.navbar-text{
		margin-top: 12px;
}

[data-theme="light"] 
{
	.theme-option a,
	.theme-option a:hover,
	.theme-option a:focus,
	.theme-option  .open > a {
    	color: #333333 !important;
	}
}	

[data-theme="dark"]
{
	body{
		background-color: #1c1c1c;
		color: white;
	}
	a,
	a:hover,
	a:focus,
	a:hover,
	a:focus,
	.open >a{
		color: #fade57 !important;
	}

	.card{
		background-color: transparent; 
	}

	.card > .card-body {
		background-image: none;
	    background-color: #1c1c1c;
		color: white;
	}

	.card > .card-body > a{
	    background-color: #1c1c1c;
	}

	.card-danger {
		border-color: #404040;
	}

	.card-success {
		border-color: #404040;
	}

	.card-warning {
		border-color: #404040;
	}

	.card-danger > .card-header {
		background-image: none;
		background-color: #a94442;
		color: white;
	}

	.card-success > .card-header {
		background-image: none;
		background-color: #3c763d;
		color: white;
	}

	.card-warning > .card-header {
		background-image: none;
		background-color: #986D3B;
		color: white;
	}

	.navbar-custom,
	.navbar-custom .navbar-brand
	 {
	    background-color: #303030;
    	color: white !important;
	}

	.navbar-custom .navbar-nav > li > a {
	    color: white !important;

	}

	.navbar-custom .navbar-nav > .active > a {
    	color: white;
		background-color: #606060;
	}

	.navbar-custom .navbar-nav > li > a:hover,
	.navbar-custom .navbar-nav > li > a:focus,
	.navbar-custom .navbar-nav > .active > a:hover,
	.navbar-custom .navbar-nav > .active > a:focus,
	.navbar-custom .navbar-nav > a:hover,
	.navbar-custom .navbar-nav > a:focus,
	.navbar-custom .navbar-nav > .open >a{
		background-color: #606060;
		color: white;

	}


	.navbar-custom .navbar-header > a{
	    color: white;
	}

	.navbar-custom .navbar-header > .active > a:hover,
	.navbar-custom .navbar-header > .active > a:focus,
	.navbar-custom .navbar-header > a:hover,
	.navbar-custom .navbar-header > a:focus,
	.navbar-custom .navbar-header > .open >a{
		background-color: #606060;
	}

	.navbar-custom .navbar-toggle{
		background-color: #606060 !important;
	}

	.navbar-custom .navbar-toggle:hover{
		background-color: #484848 !important;
	}

	.btn, 
	.btn:link,
	.btn:hover,
	.btn:focus,
	.btn:active
	 {
		color: white !important;
	}


	.btn-default,
	.btn-default:focus
	{
		border-color: #404040;
		background-color: #1c1c1c;
	}

	.btn-default:hover
	{
		background-color: #303030;
	}


	.btn-lg
	{
		border-color: #404040;
	}



	.btn-success,
	.btn-success:focus
	{
		background-color: #606060;
	}

	.btn-success:hover
	{
		background-color: #303030;
	}

	.table tr.gray, 
	.table tr.gray > th,
	.table tr.gray > td
	{
		background-color: #606060 !important;
		color: white;
	}

	.table tr.even, 
	.table tr.even > td,
	.table tr.even > th
	 {
		background-color: #303030 !important;
		color: white;
	}

	.table tr.odd, 
	.table tr.odd > td,
	.table tr.odd > th	
	{
		background-color: #1c1c1c !important;
		color: white;
	}


	.table tr.gray td.gray-day{
		background-color: #808080 !important;
	}

	.table tr.gray-subj,
	.table tr.gray-subj > td
	{
		background-color: #808080 !important;
		color: white;
	}	


	.table-info tr:nth-child(even) {background: #303030;}
	.table-info tr:nth-child(odd) {background: #f3f8ec;}

	.table-info tr.gray{ background: #606060;}


	.nav-tabs > li > a{
		color: white !important;
		border: 1px solid #404040;  
	}

	.nav-tabs > li > a:hover,
	.nav-tabs > li.active > a:hover
	{
		color: white;
		background-color: #404040 !important;
	}

	.nav-tabs > li.active > a {
		color: white;
 	    background-color: #606060 !important;
	}


	.rz{
	  color: #fade57; !important;
	}

	.filter_div .label{
		color: white; !important;
	}

	.dropdown-menu, 
	.dropdown-menu > a,
	.dropdown-menu > li > a
	{
		color:   white !important;
		background-color: #303030 !important;
	}

	.ics_menu .hz > .active > a:hover,
	.ics_menu .hz > .active > a:focus,
	.ics_menu .hz > a:hover,
	.ics_menu .hz > a:focus,
	.ics_menu .hz > .open >a
	{
		background-color: #484848 !important;
	}

	#dual_table .dropdown-header{
		color: white	}


	#dual_table > li {
		background-color: #1c1c1c !important;
	}


	#dual_table > li > .active,
	#dual_table > li > .active > a {
		background-color: #606060 !important;
	}


	#dual_table > .ics_menu {
		border: none;
		background-color: #204020 !important;
	}

	#dual_table > .ics_menu:hover
	{
		border: none;
		background-color: #404040 !important;
	}


	#dual_table > .ics_menu > #ics_btn,
	#dual_table > .ics_menu > #ics_btn:hover
	{
		border: none;
		background-color: transparent;
	}



	.nav-tabs .btn-success {
		background-color: #3c763d !important;
		color: white !important;
	}

	.nav-tabs .btn-success:hover
    {
		background-color: #303030 !important;
		color: white !important;
	}

	.lista-grup,
	{
		background-color: #606060 !important;	
	}

	.table hr {
		border-color: #404040 !important;
	}


	#top-nav, #bottom_nav{
	   border-color: #404040;
	   color: white !important;
	}


	.lista-grup {
		background-color: #303030 !important;
		border-color:  #404040 !important;
		color: white;
	}

	.lista-grup-item{
		list-style-type: none;
	}

	.lista-grup-item > li,
	.lista-grup-item > li > a
	{
	}



	.theme-dropdown {
		background-color: transparent;
		color: white;
	}

	.theme-dropdown ul {
		background-color: #303030 !important;
		color: white;
		border-color: #404040 !important;
		list-style: none;
	}

	.theme-dropdown a,
	.theme-dropdown li {
		background-color: #303030 !important;
		color: white;
		border-color: #404040 !important;
	}

	.theme-dropdown li:hover,
	.theme-dropdown a:hover {
		background-color: #606060 !important;
		color: white;
	}

	.tooltip .tooltip-inner {
 		background-color: black;
    	color:  yellow;
		text-align: left;
	}

	.icon:hover{
		background-color: #606060 !important;
	}

	.navbar-text{
		color:  white !important;
	}

	.ics_pg_div{
		color: white !important;
	}

	.main ul.uwagi,
	.main ul.uwagi > li,
	.main ul.uwagi > li > ul, 
	.main ul.uwagi > li > ul > li
	{
		color: white;
	}

    .navbar-toggler .bi {
        color: white;
    }	
	
}

@supports not (color-scheme: dark) { 
	#theme_btn {
		display: none;
	}
}