@media only screen and (max-width: 600px) {
            /* Stiluri specifice pentru ecrane mici (telefoane mobile) */
           
          

            .menu-icon {
                display: block; /* Afișează iconița pe ecranele mici */
            }
            
        html
        {
        	font-family: Verdana, Geneva, sans-serif; font-size:16px;
        }
        .mesaj
        {
        	display:inline-block;margin:0px auto;margin-top:20px;
        	padding:20px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        	border:1px solid #ccc;background-color:#ccccff;border-radius:10px;
        }
        body
        {
        	
        	margin:0px;
        }
        .meniuCentral
        {
            background-color:#445;color:#fff;width:200px;height:60px;vertical-align:middle;padding-bottom:20px;border-radius:8px;
        }
        .tblLogIn
        {
            font-size:16px;padding:20px;
            margin:0px auto;margin-top:80px;min-width:240px;color:#445;
            border:1px solid #ddd;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
            text-align:center;background-color:#f3f3f3b0;
        }
        .tblLogIn input, button
        {
            font-size:16px;
        }
        #main
        {
			padding:0px;margin-top:50px;overflow-y:scroll;margin-bottom:20px;
			padding-top:15px;
			padding-bottom:30px;
        	background-image: url("watermark.png");
        }
          footer {
                    background-color: #445;
                    color: white;
                    text-align: center;
                    padding: 10px;
                    position: fixed;
                    bottom: 0;
                    width: 100%;
                }
          header {
                    background-color: #333;
                    color: white;
                    text-align: center;
                    padding: 10px;
                }
        
          nav {
                    background-color: #445;
                    overflow: hidden;
                    display: none; /* Menține meniul ascuns în mod implicit */
                    position: absolute;
                    top: 0px;
        			left:40px;
                    width: calc( 100% - 40px);
                    
                }
        
          nav button {
               
                display: block;
                color: white;
                padding: 4px 16px;
    			font-size:20px;
                text-decoration: none;
                transition: background-color 0.6s;
    			border:0px;
    			margin-top:10px;
    			
                float: none;
                width: 100%;
                text-align: center;
            }
        
          nav button:hover {
                    background-color: #ddd;
                    color: black;
                }
	.fileButton:before
	{
		content: '📑'; /* Adaugă iconița ca și conținut */
		display: inline-block; /* Face conținutul să fie afișat ca bloc */
		font-size: 24px; /* Setează dimensiunea fontului pentru iconiță */
		line-height: 1; /* Asigură alinierea corectă a iconiței */
		margin-bottom:3px;
	}
	.fileButton
	{
			width:24px;display:inline-block;
	}
	 .t1
    {
    	margin:0px auto;
    	padding:10px;
    	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    	border:1px solid #ccc;
    	border-spacing:0px;
    }
    .t1 td
    {
    	padding:1px;padding-left:3px;padding-right:3px;
    }
    .t1 th
    {
    	background-color:#445;color:#fff;font-weight:bold;
    }
    h1
    {
    	font-size:18px;
    }
    span,div
    {
    	font-size:16px;
    }
    .icoButon
	{
		font-size:16px;
		color:#bbd;
	}
    .icoButonImg
    {
    	height:22px;margin-top:2px;
    }
	
    .askText
    {
        font-size:16px;
    }
    .tblX
    {
    	margin:0px auto;border-spacing:0px;padding:20px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
		width:94vw;margin-left:5px;
    	font-size:16px; font-family: Verdana, Arial, Helvetica, sans-serif;border:1px solid #aaa;background-color:#fff;
		margin-top:30px;
    }
    .tblX td
    {
    	padding-left:3px;padding-right:3px;padding-top:1px;padding-bottom:1px; text-align:center;
    }
	.size22
	{
		font-size:22px;
	}
	.size20
	{
		font-size:20px;
	}
	.size16
	{
		font-size:16px;
	}
      .menu-icon {
                background-color: #445;
    			width:100%;height:48px;
                position: absolute;
                top: 5px;
                left: 0px;
                cursor: pointer;
    			text-align:left;
    			box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
            }
    
         
    .tables
    {
    	padding:10px;
    	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    	border:1px solid #aaa;
    	border-spacing:0px;font-size:16px;
    }	
    .trs
    {
    	background-color:#222;font-size:16px;
    	color:#fff;
    }	
    input,select,textarea
    {
    	text-indent:2px;
    	background-color:#ffffff30;
    	border:1px solid #eee;
    	border-radius:5px;font-size:16px;
    }
    input:hover,select:hover,textarea:hover
    {
    	background-color:#fafaff;
    	border:1px solid #333;
    }
    div
    {
    	text-align:center;font-size:16px;
    }
    #mdiv,#mesajdiv
    {
    	border:1px solid #999;
    	position:fixed;
    	word-break:break-word;
    	top:40%;
    	left:40%;
    	border-radius:8px;
    	background-color:#00D8D8;
    	font-weight:bold;
    	width:20%;
    	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    	padding:20px;
    	font-size:16px;
    	color:#000;
    	vertical-align:middle;
    	text-align:center;
    }
    .b1,button {
      overflow: hidden;
      transition: all 0.6s ease;
      background-color:#fff;
      padding:2px;
      padding-left:4px;
      padding-right:4px;
      cursor:pointer;
      border:1px solid #ddd;
      font-weight:bold;
      color:#55C;margin:5px;
      border-radius:4px;
    }
    .b1:hover,button:hover {
       background: #009;
      color: #fff;
    }
    
   
    .divX
    {
    	text-align:center;padding:10px;font-size:16px;
        transition: max-height 0.5s ease-out;
    	transition: padding 0.5s ease-out;
    	width:70vw;overflow:hidden;
    	margin:0px auto;
    	background-color:#CCDEFF;margin-top:20px;
    	margin-bottom:20px;
    	border:1px solid #ccc;border-radius:10px;
    	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
        }