body
	{
	font-family: "muli";
	font-size: normal;
	background-position: center; 
	background-image: url("../view/kepek/hatter10.png");
    background-repeat: repeat;
    margin-left: 5%; margin-right: 5%; 
    text-align: left;
   
    z-index: 0;
  
            
        }

table
       {
	font-size: normal;

       }

h1
       {position:relative;
	text-align:center;
	

       }

#fejlec {

	/*background-image: url("../view/kepek/gondolathullam.png")*/
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
  
    width:100%;
    height:150px;
    word-spacing: 15px;
    padding:0;
    
       }
   

#fejlec a{

    color: #F0F0FD;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    font-size:20px;
    font-family: 'Comic sans ms';
    text-shadow: 2px 2px darkblue;
    
   
    }   
 
 
#fejlec .fosor {
	
    color: #F0F0FD;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    font-size:15px;
    font-family: 'Comic sans ms';
    text-shadow: 2px 2px darkblue;
    
       }
   
button{
    opacity: 1;
  transition: 0.3s;
    background-color: #D65302;
   /* background-color: #AA1F03;*/
    border-radius: 5px;
    display: inline-block;
  text-decoration: none;
  cursor: pointer;
  padding: 5px 15px;
  font-size: 14px;
 color: #F0F0FD;
 
  text-shadow: 1px 1px darkblue;
}
.gomblink{
    
    
    background-color: #004AF7;
    opacity: 0.7;
    padding: 5px 25px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px darkblue;
    display: inline-block;
    font-size:16;
    color:#F0F0FD;
    
    border: 2px solid #AA1F03;
    
}

.fontoslink{
    
    
    background-color: #004AF7;
    opacity: 0.7;
    padding: 5px 25px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px darkblue;
    display: inline-block;
    font-size:16;
    color:#F0F0FD;
    border: 6px solid #AA1F03;
    border-radius:2px;
    
     
    
}
input[type=submit]{
    opacity: 1;
  transition: 0.3s;
   background-color: #AA1F03;
/*  background-color: #D42F00;*/
    border-radius: 5px;
    display: inline-block;
  text-decoration: none;
  cursor: pointer;
  padding: 5px 15px;
  font-size: 14px;
  color: #F0F0FD;
  text-shadow: 1px 1px darkblue;
  
}
    input[type=submit]:hover{
    opacity: 1;
  background-color: #911700;
}
        
        
        

#page
       {
      

        margin-left: 8%;
        margin-right: 8%;
        padding: 0 0 0px 0;
        
       
        text-align: left;
        }
        
        
#page2
       {
	width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 0 0 0px 0;
        position: relative;
        text-align: left;

        }


em      {
        color: red;
        font-weight: bold;

        }

rogz    {
        color: red;
        font-weight: bold;

        }


rend    {
        color: green;
        font-weight: bold;

        }

ert    {
        color: black;
        font-weight: bold;

        }
        
piros   {
        color: red;
        font-weight: bold;
        font-size: 20;
        }

kispiros{
        color: red;
        font-weight: bold;

        }
        
zold    {
        color: green;
        font-weight: bold;

        }
        
vekonyzold    {
        color: green;

        }

sotetzold
        {
        color: lightgreen;
        font-weight: bold;

        }

kek     {
        color: darkblue;
        font-weight: bold;

        }

vekonykek     {
        color: darkblue;

        }
        
lila   {
        color: purple;
        font-weight: bold;

        }
        
vekonylila   {
        color: purple;


        }

ujszin   {
        color: #8B0000;


        }

        
fekete   {
        color: black;


        }
        
lh     {
       font-weight: bold;
       }

a.vekonyzold:link {color:green ;}
a.vekonyzold:visited {color:green;}

a.vekonykek:link {color:blue ;}
a.vekonykek:visited {color:blue;}

a.vekonylila:link {color:purple ;}
a.vekonylila:visited {color:purple;}

a.fekete:link {color:black ;}
a.fekete:visited {color:black;}

a.sarga:link {color:yellow ;}
a.sarga:visited {color:yellow;}

a.ujszin:link {color:#8B0000;}
a.ujszin:visited {color:#8B0000;}

a.olive:link {color:#808000;}
a.olive:visited {color:#808000;}

a.springgreen:link {color:#2E8B57;}
a.springgreen:visited {color:#2E8B57;}


        .minime_cal {
            width: 154px;
            font-family: Arial;
            font-size: 12px;
        }
        .minime_cal_head {
            width: 148px;
            height: 16px;
            padding: 2px;
            color: #004040;
            text-align: center;
            font-weight: bold;
            border: 1px solid #097732;
        }
        .minime_cal_week {
            margin: 1px;
            text-align: center;
            width: 16px;
            height: 16px;
            padding: 2px;
            background-color: #097732;
            float: left;
            color: #fff;
        }
        .minime_cal_blank {
            margin: 1px;
            text-align: center;
            width: 20px;
            height: 20px;
            float: left;
        }
        .minime_cal_days {
            margin: 1px;
            text-align: center;
            width: 16px;
            height: 16px;
            padding: 2px;
            background-color: #0080C0;
            float: left;
            color: #fff;

}



.flex_container{
  display: flex;
 flex-wrap: nowrap;
 flex-direction: row;
 justify-content: center;
 padding-bottom: 50px;
}
.flex_container > div {


  margin: 10px;
  padding: 10px;
  border: 1px solid darkblue;
  border-width:1px;
  width:40%;
  padding-bottom: 50px;
  box-shadow: 1px 1px 1px darkblue;
  background-color: rgba(255, 255, 255, 0.8);
  
  

}

.kiemeltcim {
text-align:center;
text-transform: uppercase;
color: darkblue;
font-weight: bold;
font-size:18px;
padding:3px;
margin-top:30px;
 box-shadow: 3px 3px 5px darkblue;
  background-color: rgba(255, 255, 255, 0.8);

}

/*
.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #04AA6D;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}
*/



* {
    box-sizing: border-box;
}



.navbar {
    background-image: url("../view/kepek/fejlec.png")
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    width:100%;
    height:100px;
    word-spacing: 15px;
    padding:0;
   
   
}

.brand-title {
    position:absolute;
    top:0px;
    color: #F0F0FD;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    font-size:20px;
    font-family: 'Comic sans ms', cursive;
    text-shadow: 2px 2px darkblue;
}

.navbar-links { 
    height: 100%;
    
    
    float:right;
    position: absolute;
    right:0;
   
}

.navbar-links ul {
    display: flex;
     float:right;
    
    
    margin: 0;
    padding: 0;
}

.navbar-links li {
    list-style: none;
    
}

.navbar-links li a {
    display: block;
    
    
    color: #F0F0FD;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    font-size:20px;
    font-family: 'Comic sans ms';
    text-shadow: 2px 2px darkblue;
}

.navbar-links li:hover {
    background-color: #555;
}

.toggle-button {
    position: absolute;
    top: .75rem;
    right: 1rem;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 21px;
}

.toggle-button .bar {
    height: 3px;
    width: 100%;
    background-color: #F0F0FD;
    border-radius: 10px;
}

@media (max-width: 800px) {
    
    .h1
       { 
    position:relative;
    text-align:left;  
    padding-left:100px;    
	

       }
    .navbar {
        flex-direction: column;
        align-items: flex-start;
        
    }
    
    
    .toggle-button {
        display: flex;
    }

    .navbar-links {
        display: none;
        width: 100%;
        flex-direction: column;
        
    }

    .navbar-links ul {
        width: 100%;
        flex-direction: column;
        
        
    }

    .navbar-links ul li {
        text-align: center;
        z-index: 1;
    }

    .navbar-links ul li a {
        padding: .5rem 1rem;
        background-color:#AA1F03;;
    }

.navbar-links a:hover {
    background-color: #555;
    
}

    .navbar-links.active {
        display: flex;
    }
}
.fejlecmatyi{
height:100px;
}



 
#fejleckulsos {
	background-image: url(../view/kepek/foltoshatter.png);
      
      /*
Source - https://stackoverflow.com/a/69029543
Posted by MaxiGui
Retrieved 2026-09-15, License - CC BY-SA 4.0


background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none' style='height: 100%25; width: 100%25;'%3E%3Cpath d='M0.00,49.99 C150.00,150.00 349.21,-49.99 500.00,49.99 L500.00,150.00 L0.00,150.00 Z' style='stroke: none; fill: %2308f;'%3E%3C/path%3E%3C/svg%3E");

*/

    background-repeat: no-repeat;
   
	background-position: center;
	float: center;
    width:100%;
    height:200px;
    background-size: contain;
    text-align: center;
    
  
    word-spacing: 15px;
    padding:0;
    
       }


#fejleckulsos > h1{

    color: #AA1F03; 
    padding: 25px 25px;
    text-align: center;
    text-decoration: none;
    font-size:40;
    font-family: 'Century gothic';
    text-shadow: 1px 1px #F0F0FD;
    width: 85%;
   
    }
    
.header1 {
    position: relative;
    width: 100%;
    height: 200px;
}

.header1-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.header1-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    font-family: "IM Fell English SC", serif;
    text-transform: uppercase;
    color: white;
    font-size: 32px;
    font-weight: bold;
}

.admin-header {
    position: relative;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.admin-header-bg {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    z-index: 0;
}

.admin-nav {
    position: relative;
    z-index: 1;

    display: flex;
    align-items: center;
    justify-content: center;

    height: 100%;
    gap: 25px;
}

.admin-nav a {
    color: white;
    text-decoration: none;
    font-family: "IM Fell English SC", serif;
    font-size: 20px;
}

.admin-nav a:hover {
    text-decoration: underline;
}