@media only screen and (min-width: 601px) {
html
{
	font-family: Verdana, Geneva, sans-serif;
}
.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;vertical-align:middle;
}
.tblLogIn
{
            font-size:12px;padding:20px;padding-left:40px;padding-right:40px;
            margin:0px auto;margin-top:80px;color:#445;
            border:1px solid #ddd;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
            text-align:center;background-color:#f3f3f3b0;
}
.tblX
{
	margin:0px auto;border-spacing:0px;padding:20px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif;border:1px solid #aaa;background-color:#fff;
}
.tblX td 
{
	padding-left:3px;padding-right:3px;padding-top:1px;padding-bottom:1px; text-align:center;
}
.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;
}
#main
{
	padding:0px;overflow-y:scroll;
	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 {
            float: left;
            display: block;
            color: white;
            text-align: center;
            padding: 4px 16px;
			font-size:16px;
            text-decoration: none;
            transition: background-color 0.6s;
			border:0px;
			margin-top:6px;
        }

  nav button:hover {
            background-color: #ddd;
            color: black;
        }
	.icoButon
	{
		font-size:20px;
		color:#bbd;
	}
.icoButonImg
{
	height:22px;margin-top:2px;
}
  .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;
}	
.trs
{
	background-color:#222;
	color:#fff;
}	
input,select,textarea
{
	text-indent:2px;
	background-color:#ffffff30;
	border:1px solid #eee;
	border-radius:5px;
}
input:hover,select:hover,textarea:hover
{
	background-color:#fafaff;
	border:1px solid #333;
}
div
{
	text-align:center;
}
#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:20px;
	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;
}

.bmic {
  overflow: hidden;
  transition: all 0.6s ease;
  background-color:#fff;
  padding:1px;
  font-size:10px;
  cursor:pointer;
  color:#55C;margin:1px;
  border-radius:4px;
}
.bmic:hover 
{
   background: #009;
  color: #fff;
}

.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:12px;
}
.divX
{
	text-align:center;padding:10px;
    transition: max-height 0.5s ease-out;
	transition: padding 0.5s ease-out;
	width:70vw;overflow:hidden;
	margin:0px auto;
	background-color:#eee;margin-top:20px;
	margin-bottom:20px;
	border:1px solid #ccc;border-radius:10px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
}