body {
  font-family: "Lato", sans-serif;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}







input.sus {
  width: 18%;
  padding: 6px 12px;
  margin: 6px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

button {
  background-color: #04AA6D;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

button:hover {
  opacity: 0.8;
}

.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}

.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
}

img.avatar {
  width: 40%;
  border-radius: 50%;
}

.container {
  padding: 16px;
}

span.psw {
  float: right;
  padding-top: 16px;
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
  span.psw {
     display: block;
     float: none;
  }
  .cancelbtn {
     width: 100%;
  }
}









.profmedit {
	FONT-SIZE: 24px;
	COLOR: navy;
	FONT-FAMILY: Verdana;
 }


.ex07_td
{
	BORDER-RIGHT: 0 none px;
	BORDER-LEFT: 0 none px;
	FONT-SIZE: 14px;
	MARGIN: 60px 20px 20px 20px;
	LINE-HEIGHT: 150%;
	FONT-FAMILY: "Times New Roman"
}


.form1 {
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
}
.fosttd {
	FONT-SIZE: 12px; COLOR: black; LINE-HEIGHT: 18px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.title {
	FONT-SIZE: 18px;
	PADDING-BOTTOM: 10px;
	COLOR: Navy;
	font-weight : bold;
}
.titlenegru {
	FONT-SIZE: 16px;
	PADDING-BOTTOM: 8px;
	COLOR: Black;
	font-weight : bold;
}
.subtitle1 {
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 10px;
	COLOR: red;
	font-weight : bold;
}


.subtitle2 {
	PADDING-BOTTOM: 10px;
	COLOR: Blue;
	font : bolder 18px/30px Verdana, Geneva, Arial, Helvetica, sans-serif;
}




.prezentare {
	TEXT-ALIGN: justify;
	margin : 10px 10px 20px 20px;
   	FONT-SIZE: 12px;
    
}

.prezentare1 {
	TEXT-ALIGN: justify;
	margin : 10px 10px 20px 20px;
	FONT-SIZE: 11px;
}

.prezentare2 {
	TEXT-ALIGN: justify;
	margin : 10px 60px 8px 60px;
	FONT-SIZE: 11px;
}


.justif1 {
	TEXT-ALIGN: justify;
	margin : 6px 6px 10px 10px;
}

.justif2 {
	TEXT-ALIGN: justify;
	margin : 6px 6px 10px 10px;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}


.justif {
	TEXT-ALIGN: justify;
    }

.tabletd {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-WEIGHT: bolder; BORDER-LEFT: 1px solid; COLOR: blue; BORDER-BOTTOM: 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #bccaeb
}
TD.nu {
	FONT-SIZE: 11px; WIDTH: 20%; COLOR: #7a7a7a; HEIGHT: 30px; TEXT-ALIGN: center
}
TD.da {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; WIDTH: 20%; HEIGHT: 30px; TEXT-ALIGN: center
}
TD.vid {
	BORDER-RIGHT: white; WIDTH: 20%; HEIGHT: 30px; BACKGROUND-COLOR: white
}
A.da {
	COLOR: blue; TEXT-DECORATION: none
}
A.da:active {
	COLOR: blue; TEXT-DECORATION: none
}
A.da:visited {
	COLOR: blue; TEXT-DECORATION: none
}
A.da:hover {
	COLOR: red; TEXT-DECORATION: none
}
.mare {
	FONT: 13px  Verdana,  Arial, Geneva, Helvetica, sans-serif
}
.alegeman {
	FONT: 10px Arial, Helvetica, sans-serif; WIDTH: 94%; COLOR: navy; HEIGHT: 20px
}
.alegeman2 {
	MARGIN-TOP: 4px; FONT: bold 10px Arial, Helvetica, sans-serif; COLOR: navy; HEIGHT: 20px
}


TD.banermodificat {
	COLOR: Navy;
	BACKGROUND-COLOR: White;
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	vertical-align : middle;
}

TD.banervechi {
	FONT-SIZE: 11px; COLOR: white; FONT-FAMILY: Verdana; BACKGROUND-COLOR: blue
}
TD.baner {
	COLOR: Navy;
	BACKGROUND-COLOR: transparent;
	FONT-SIZE: 10px;
	FONT-FAMILY:  Verdana,Arial, Helvetica, sans-serif;
	vertical-align : middle;
}
.med {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana
}
.mic_tabel_rasp {
	FONT-SIZE: 10px; FONT-FAMILY: Arial
}
.mic {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana
}
.mititel {
	FONT-SIZE: 9px;
    LINE-HEIGHT: 10px;
}

A.manulink {
	DISPLAY: inline;
	COLOR: white;
	BACKGROUND-COLOR: blue;
	TEXT-DECORATION: none
}
A.manulink:active {
	COLOR: white; BACKGROUND-COLOR: blue; TEXT-DECORATION: none
}
A.manulink:visited {
	COLOR: white; BACKGROUND-COLOR: blue; TEXT-DECORATION: none
}
A.manulink:hover {
	COLOR: red; BACKGROUND-COLOR: white; TEXT-DECORATION: none
}


A.l2 {
	COLOR: blue; TEXT-DECORATION: none
}
A.l2:active {
	COLOR: red; TEXT-DECORATION: none
}
A.l2:visited {
	COLOR: blue; TEXT-DECORATION: none
}
A.l2:hover {
	COLOR: red; TEXT-DECORATION: none
}


A.l4 {
	COLOR: white; TEXT-DECORATION: none
}
A.l4:active {
	COLOR: red; TEXT-DECORATION: none
}
A.l4:visited {
	COLOR: white; TEXT-DECORATION: none
}
A.l4:hover {
	COLOR: red; TEXT-DECORATION: none
}






A.l3 {
	COLOR: #0080C0; TEXT-DECORATION: underline
}
A.l3:active {
	COLOR: navy; TEXT-DECORATION: underline
}
A.l3:visited {
	COLOR: #0080C0; TEXT-DECORATION: underline
}
A.l3:hover {
	COLOR: navy; TEXT-DECORATION: underline
}



A.l1 {
	COLOR: navy; TEXT-DECORATION: none
}
A.l1:active {
	COLOR: Red;
	TEXT-DECORATION: none
}
A.l1:visited {
	COLOR: Navy;
	TEXT-DECORATION: none;
	font-weight : normal;
}
A.l1:hover {
	COLOR: red; TEXT-DECORATION: none
}
TD.alb1 {
	HEIGHT: 2px; BACKGROUND-COLOR: white
}
IMG.pb {
	VERTICAL-ALIGN: middle; POSITION: relative; TOP: 0px
}
.fontpb {
	FONT-SIZE: 14px;
	MARGIN: 5px;
	LINE-HEIGHT: 150%;
	FONT-FAMILY: "Times New Roman", Times, serif;
}
.captabel {
	FONT-SIZE: 11px; BACKGROUND: #e3e1d5; COLOR: navy; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.courier10 {
	FONT-SIZE: 10px; COLOR: blue; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.en {
	FONT-SIZE: 10px; BACKGROUND: #e3e1d5; COLOR: blue; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.infoenunt {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN-BOTTOM: 16px; MARGIN-LEFT: 12px; COLOR: navy; MARGIN-RIGHT: 4px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
.corptext2 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; MARGIN-LEFT: 7px; COLOR: maroon; MARGIN-RIGHT: 7px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.formular1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: blue; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f0ffff
}
.prodidiman {
	FONT: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: navy
}
.concursuri {
	FONT: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: navy
}
.rezo24 {
	FONT: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: navy
}

.divalb {
	FONT-SIZE: 11px;
	MARGIN-LEFT: 4px;
	COLOR: Navy;
	LINE-HEIGHT: 20px;
	MARGIN-RIGHT: 4px;
	FONT-FAMILY: Verdana;
	BACKGROUND-COLOR: AliceBlue;
}


.div1 {
	display: inline-block;
	FONT-SIZE: 11px;
	MARGIN-LEFT: 4px;
	COLOR: blue;
	LINE-HEIGHT: 20px;
	MARGIN-RIGHT: 4px;
	FONT-FAMILY: Verdana;
	BACKGROUND-COLOR: #e0e0e0;
}

.div-pacaleala {
	display: inline-block;
	FONT-SIZE: 11px;
	MARGIN-LEFT: 1px;
	COLOR: black;
	LINE-HEIGHT: 30px;
	MARGIN-RIGHT: 0px;
	FONT-FAMILY: Verdana;
	BACKGROUND-COLOR: white;
}

.divx-x {				/* nelucrat inca ---- GRI */
	display: inline-block;
	FONT-SIZE: 11px;
	MARGIN-LEFT: 4px;
	COLOR: blue;
	LINE-HEIGHT: 20px;
	MARGIN-RIGHT: 4px;
	FONT-FAMILY: Verdana;
	BACKGROUND-COLOR: #e0e0e0;
	padding: 5px;
}

.div1-x {				/* doar o data lucrat si reusit ---- VERDE DESCHIS */
	display: inline-block;
	FONT-SIZE: 11px;
	MARGIN-LEFT: 4px;
	COLOR: blue;
	LINE-HEIGHT: 20px;
	MARGIN-RIGHT: 4px;
	FONT-FAMILY: Verdana;
	BACKGROUND-COLOR: #ccffcc;
}
.div1-1 {			/* reusit atat ultima data cat si prima data ---- VERDE INCHIS */
	
	display: inline-block;
	FONT-SIZE: 11px;
	MARGIN-LEFT: 4px;
	COLOR: blue;
	LINE-HEIGHT: 20px;
	MARGIN-RIGHT: 4px;
	FONT-FAMILY: Verdana;
	BACKGROUND-COLOR: #33cc00;
}
.div1-0 {				/* reusita first si nereusita last ---- GALBEN INCHIS */
	display: inline-block;
	FONT-SIZE: 11px;
	MARGIN-LEFT: 4px;
	COLOR: blue;
	LINE-HEIGHT: 20px;
	MARGIN-RIGHT: 4px;
	FONT-FAMILY: Verdana;
	BACKGROUND-COLOR: #ffff00;
}
.div0-x {				/* doar o data lucrat si nereusit ---- ROSU DESCHIS */
	display: inline-block;
	FONT-SIZE: 11px;
	MARGIN-LEFT: 4px;
	COLOR: blue;
	LINE-HEIGHT: 20px;
	MARGIN-RIGHT: 4px;
	FONT-FAMILY: Verdana;
	BACKGROUND-COLOR: #ffb5c5;
}
.div0-1 {				/* nereusita first si reusita last ---- GALBEN DESHIS */
	display: inline-block;
	FONT-SIZE: 11px;
	MARGIN-LEFT: 4px;
	COLOR: blue;
	LINE-HEIGHT: 20px;
	MARGIN-RIGHT: 4px;
	FONT-FAMILY: Verdana;
	BACKGROUND-COLOR: #ffffcc;
}
.div0-0 {			/* nereusit atat ultima data cat si prima data ---- ROSU INCHIS */
	display: inline-block;
	FONT-SIZE: 11px;
	MARGIN-LEFT: 4px;
	COLOR: blue;
	LINE-HEIGHT: 20px;
	MARGIN-RIGHT: 4px;
	FONT-FAMILY: Verdana;
	BACKGROUND-COLOR: #ff0000;
}



.div3 {
	FONT-SIZE: 11px; MARGIN: 4px 62px 4px 2px; COLOR: black; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #f5f5f5
}
.div2 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; MARGIN: 4px 20px; COLOR: black; FONT-FAMILY: Verdana
}
A.negru {
	TEXT-DECORATION: none;
	color : #696969;
}
A.negru:active {
	TEXT-DECORATION: none;
		color : #696969;
}
A.negru:visited {
	TEXT-DECORATION: none;
		color : #696969;
}
A.negru:hover {
	TEXT-DECORATION: none;
		color : #696969;
}	
.curier {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: "Courier New", Courier, monospace
}
















TD
{
    FONT-SIZE: 12px;
    COLOR: black;
    LINE-HEIGHT: 18px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

A
{
    COLOR: darkblue
}
.menulink
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: white;
    TEXT-DECORATION: none
}
.menulink:hover
{
    FONT-WEIGHT: bold;
    COLOR: black;
    TEXT-DECORATION: none
}
.contentlink
{
    COLOR: #336633;
    TEXT-DECORATION: none
}
.contentlink:hover
{
    COLOR: black;
    TEXT-DECORATION: none
}






A.inreg1 {
	DISPLAY: inline;
	COLOR: white;
	BACKGROUND-COLOR: orange;
	TEXT-DECORATION: none
}
A.inreg1:active {
	COLOR: white; BACKGROUND-COLOR: orange; TEXT-DECORATION: none
}
A.inreg1:visited {
	COLOR: white; BACKGROUND-COLOR: orange; TEXT-DECORATION: none
}
A.inreg1:hover {
	COLOR: red; BACKGROUND-COLOR: white; TEXT-DECORATION: none
}


.login-info
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: 10px;
    BACKGROUND: #f3f3f3;
    MARGIN-BOTTOM: 10px;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #cccccc 1px solid
}
.stire
{
    PADDING-LEFT: 10px;
    PADDING-top: 4px;    
    FONT-SIZE: 10px;
    LINE-HEIGHT: 15px;
    color : #696969
}

.stire1
{
    PADDING-LEFT: 25px;
    PADDING-top: 5px;
    FONT-SIZE: 11px;
    LINE-HEIGHT: 15px;
	TEXT-ALIGN: justify;
}

.stire2
{
    PADDING-LEFT: 10px;
    PADDING-top: 4px;
    FONT-SIZE: 10px;
    LINE-HEIGHT: 15px;
    color : #696969;    
	TEXT-ALIGN: justify
}

.content
{
    PADDING-LEFT: 5px
}
.error
{
    FONT-WEIGHT: bold;
    COLOR: #880000
}
.selectclasa
{
    FONT-WEIGHT: bolder;
    COLOR: green
}
.tabletd
{
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    FONT-WEIGHT: bolder;
    BORDER-LEFT: 1px solid;
    COLOR: blue;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #bccaeb
}
.content_rez
{
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial
}
.menu_contulmeu
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial
}
.tabletr1
{
    BACKGROUND-COLOR: seashell
}
.tabletr2
{
    BACKGROUND-COLOR: #d3d3f4
}
.ubutton
{
    BORDER-RIGHT: blue 1px outset;
    BORDER-TOP: blue 1px outset;
    FONT-SIZE: 10px;
    BORDER-LEFT: blue 1px outset;
    COLOR: blue;
    BORDER-BOTTOM: blue 1px outset;
    FONT-FAMILY: Arial
}
.tabletdvalid
{
    BACKGROUND-COLOR: mediumspringgreen
}
.tabletdred
{
    BACKGROUND-COLOR: red
}
.uInput
{
    vertical-align: middle;
    POSITION: relative;
    TOP: 0px
}
.uImgPb
{
    vertical-align: middle;
    POSITION: relative;
    TOP: 0px
}

.button1 {
        display: inline-block;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        color: #ffffff;
        background-color: #7aa8b7;
        border-radius: 6px;
        outline: none;
      }

.stil1 {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 8px 16px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

.stil2 {
  background-color: #DEFF18;
  border: none;
  color: navy;
  padding: 4px 8px;
  text-decoration: none;
  margin: 2px 1px;
  cursor: pointer;
}

#imagejava {
    display: none;
}