* {
  margin: 0;
  padding: 0;
  background-color: transparent;
}

a {
  color: rgb(186, 174, 12);
  ;
  /*#6B3AD7 ; #6C399C;yellow*/
  background-color: transparent;
}

option {
  background-color: rgb(3, 15, 99);
}

a:hover {
  color: #ff7200;
}

.body1 {
  background-position: top;
  background-color: black;
  /*background-image: url("images/BACKGROUND.png");*/
  /*background-size: cover;*/
  /*background-repeat: no-repeat;*/
}

.body2 {
  background-position: top;
  background-color: rgb(3, 6, 111);
  /*background-image: url("images/BACKGROUND.png");
  background-size: cover;
  background-repeat: no-repeat;*/
}

.report-container {
  page-break-after: always;
  color: rgb(186, 174, 12);
}

.report-header {
  display: table-header-group;
  color: rgb(186, 174, 12);
}

.report-footer {
  display: table-footer-group;
  color: rgb(186, 174, 12);
}

.report-content {
  display: table-row-group;
  color: rgb(186, 174, 12);
}

#linkhome {
  display: none;
}

.abovenav {
  padding: 5px 0 5px 0;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  position: fixed;
  align-content: left;
  align-self: left;

  width: 100%;
  height: 40px;
  background-color: rgba(0, 18, 51, 0.60);
  /*blue;*/

  background-image: url("images/LOGO_ICO.png");
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
  display: grid;
  grid-template-columns: 1fr 1fr 2fr 1fr;
  z-index: 1001;
}

.abovenavlogo {
  color: rgb(186, 174, 12);
  /*#fff; #004DCF;*/
  text-align: center;
  text-decoration: none;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
  height: 40px;
}

.abovenavlogologo {
  display: none;
  align-self: start;
  align-content: left;
  /*max-height: 40px;
  max-width: 60px;*/
}

.logo {
  align-self: center;
  align-content: center;
  max-height: 48px;
  /*max-width: 48px;*/
  z-index: 1002;
}

.abovenavlogo::first-line {
  font-size: 15px;
}

.abovenavlogo:hover {
  color: #ff7200;
  text-decoration: none;
}

.abovenavcontact {
  display: none;
  text-align: left;
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  height: 50px;
}

/*
ul {
  align-items: center;
  align-self: center;
  align-content: center;
}

li {
  align-items: center;
  align-self: center;
  align-content: center;
}
*/
.navli2 {
  display: grid;
  font-size: 22px;
  line-height: 40px;
  text-decoration: none;
  text-align: center;
}

.navli {
  display: grid;
  font-size: 22px;
  line-height: 40px;
  text-decoration: none;
  text-align: center;
}

.navv2 {
  display: none;
  color: rgb(186, 174, 12);
  font-size: 22px;
  line-height: 40px;
  text-decoration: none;
  text-align: center;
}

.navv {
  display: none;
  color: rgb(186, 174, 12);
  font-size: 22px;
  line-height: 40px;
  text-decoration: none;
  text-align: center;
}

nav2 {
  padding: 0 12px 0 0;
  position: fixed;
  right: 0;
  display: list-item;
  align-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background-color: transparent;
  /*#333;*/
  text-align: center;
  grid-template-columns: 1fr;
  z-index: 1005;
  background-image: url("images/MENU_LOGO_ICO.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

nav {
  padding: 0 12px 0 0;
  position: fixed;
  right: 0;
  display: list-item;
  align-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background-color: transparent;
  /*#333;*/
  text-align: center;
  grid-template-columns: 1fr;
  z-index: 1005;
  background-image: url("images/MENU_LOGO_ICO.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.navmenu2 {
  display: none;
  background-color: transparent;
}

.navmenu {
  display: none;
  background-color: transparent;
}

nav2:hover {
  width: 120px;
}

nav:hover {
  width: 120px;
}

nav2:hover .navmenu2 {
  display: grid;
}

nav:hover .navmenu {
  display: grid;
}

nav2:hover .navmenu2 .navv2 {
  display: none;
  color: rgb(186, 174, 12);
  font-size: 22px;
  line-height: 40px;
  text-decoration: none;
  text-align: center;
}

nav:hover .navmenu .navv {
  display: none;
  color: rgb(186, 174, 12);
  font-size: 22px;
  line-height: 40px;
  text-decoration: none;
  text-align: center;
}

nav2 a {
  font-size: 21px;
  line-height: 39px;
  text-decoration: none;
  text-align: center;
}

nav a {
  font-size: 21px;
  line-height: 39px;
  text-decoration: none;
  text-align: center;
}

.navdiv2 {
  padding: 50px 0px 10px 0px;
  width: 100%;
  background-color: #333;
}

.navdiv {
  padding: 50px 0px 10px 0px;
  width: 100%;
  background-color: #333;
}

.navdiv2 li {
  color: #ff7200;
  list-style: none;
  align-content: left;
  text-align: center;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0px 5px 1fr 1fr 1fr 1fr 1fr 1fr
    /*1fr*/
  ;
}

.navdiv li {
  color: #ff7200;
  list-style: none;
  align-content: left;
  text-align: center;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0px 5px 1fr 1fr 1fr 1fr 1fr 1fr
    /*1fr*/
  ;
}

#content {
  display: grid;
  width: 100%;
  height: 100%;
  z-index: 998;
  background-color: rgba(51, 51, 51, 0.25);


  border-color: rgb(186, 174, 12);
}

.nav_main {
  align-content: center;
  align-self: flex-start;
  align-items: center;
  padding: 60px 0px 0px 0px;
  width: 100%;
  background-color: transparent;
  /*#f3f3f3;*/
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 50px 10px 1fr 20px;
  grid-template-areas:
    "nm1"
    "nme"
    "nm2"
    "nme";
}

.nme {
  background-color: transparent;
  display: grid;
  grid-area: "nme"
}


.nm1 {
  align-items: center;
  width: 100%;
  height: 50px;
  color: #fff;
  background-color: transparent;
  /*#333;*/
  display: grid;
  grid-area: "nm1";
  grid-template-columns: 1px 1fr 1px;
  grid-template-areas: "nm11 nm12 nm111";
}

.nnm1 {
  align-items: center;
  width: 100%;
  height: 50px;
  color: #fff;
  background-color: transparent;
  /*#333;*/
  display: grid;
  grid-area: "nm1";
  grid-template-columns: 1px 1fr 1px;
  grid-template-areas: "nnm11 nnm12 nm111";
}

.nm11 {
  padding-top: 10px;
  align-content: right;
  display: grid;
  grid-area: "nm11";
  background-color: transparent;
}

.nnm11 {
  padding-top: 10px;
  align-content: right;
  display: grid;
  grid-area: "nnm11";
  background-color: transparent;
}

.nm12 {
  padding-top: 10px;
  align-content: center;
  background-color: transparent;
  width: 100%;
  height: 100%;
  background-image: url("images/REG_LOGO.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: grid;
  grid-area: "nm12";
  color: #fff;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
}

.nnm12 {
  padding-top: 10px;
  align-content: center;
  background-color: transparent;
  width: 100%;
  height: 100%;
  background-image: url("images/REG_LOGO_TM_5.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: grid;
  grid-area: "nnm12";
  color: #fff;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
}

.nm111 {
  padding-top: 10px;
  align-content: center;
  height: 99%;
  width: 99%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: grid;
  grid-area: "nm111";
  background-color: transparent;
}

.nm2 {
  text-align: center;
  align-items: center;
  align-self: center;
  width: 90%;
  height: 100%;
  color: rgb(186, 174, 12);
  /*#f3f3f3;*/
  background-color: transparent;
  padding: 5px 5% 0px 5%;
  display: grid;
  grid-area: "nm2";
  grid-template-columns: 1fr;
  /*grid-template-rows: 1fr 1fr 1fr;
  grid-template-areas:
    "nm21"
    "nme"
    "nm21";*/
}

.nm21 {
  border: 10px;
  background-color: rgba(0, 18, 51, 0.60);
  /* rgba(77, 153, 255, 0.25);*/
  border-radius: 15px;
  padding: 0px 10px;
  align-content: center;
  height: 99%;
  width: 99%;
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
}


.nmimg {
  padding: 10px;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: transparent;
  /*#333;*/
  display: grid;
  grid-area: "nmimg";
  grid-template-columns: 1fr;
  grid-template-rows: 0.5fr 5px 1.5fr;
  grid-template-areas:
    "nmi11"
    "nme"
    "nmi111";
}

.nmpic {
  padding: 10px;
  align-items: left;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: transparent;
  /* rgba(0, 18, 51, 0.60);*/
  /*#333;*/
  display: grid;
  grid-area: "nmpic";
  grid-template-columns: 1fr;
  grid-template-rows: 1.5fr 5px 0.5fr;
  grid-template-areas:
    "nmp111"
    "nme"
    "nmp11";
}

.nmi11 {

  align-content: right;
  display: grid;
  grid-area: "nmi11";
  background-color: transparent;
}

.nmp11 {
  align-content: left;
  display: grid;
  grid-area: "nmp11";
  background-color: transparent;
}

.nmi111 {
  align-content: auto;
  width: 99%;
  height: 99%;
  display: grid;
  grid-area: "nmi111";
  background-color: transparent;

  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.nmp111 {
  align-content: auto;
  width: 99%;
  height: 99%;
  display: grid;
  grid-area: "nmp111";
  background-color: transparent;

  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.fldset {
  border-color: transparent;
  max-width: 100%;
  align-content: normal;
  align-items: normal;
  align-self: center;

  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.pwpm {
  padding: 0 10px;
  text-align: justify;
  font-size: 12px;
  color: rgb(186, 174, 12);
  /*#f3f3f3;*/
  background-color: transparent;
  /*(51, 51, 51, 100.0);*/
}

.pwpi {
  padding: 0 10px;
  text-align: justify;
  font-size: 12px;
  color: rgb(186, 174, 12);
  /*#f3f3f3;*/
  background-color: transparent;
  /*(51, 51, 51, 100.0);*/
}

.pwrg {
  padding: 0 10px;
  text-align: center;
  font-size: 14px;
  color: rgb(186, 174, 12);
  /*#f3f3f3;*/
  background-color: transparent;
  /*rgba(51, 51, 51, 0.25);*/
  border-radius: 10px;
  /* border-color: transparent;*/
}

.header-info {
  font-size: xx-small;
  background-color: rgba(53, 28, 190, 0.411);
  word-wrap: break-word;
  max-width: 10px;
  /*
  min-width: 90px;*/
}

.report-header-cell {
  font-size: xx-small;
  text-align: center;
  /*min-width: 90px;*/
  background-color: rgba(8, 1, 48, 0.411);
  word-wrap: break-word;
  max-width: 10px;
}


.report-content-cell {
  font-size: x-small;
  text-align: center;
  background-color: rgba(0, 18, 51, 0.60);
  /* rgba(0, 85, 255, 0.25);*/
  /*border-color: gold;
  border-width: 2px;*/
  border-radius: 20px;
  word-wrap: break-word;
  max-width: 10px;
}

.pwcmp {
  text-align: center;
  font-size: 20px;
  color: rgb(186, 174, 12);
  /*#f3f3f3;*/
  background-color: rgba(51, 51, 51, 0.5);
}

.register {
  display: grid;
  align-self: center;
  align-items: center;

  padding: 55px 1px 0px 1px;
  width: 100%;
  background-color: transparent;
  /*#f3f3f3;*/
  grid-template-columns: 1fr;
  grid-template-rows: 50px 5px 1fr 20px;
  grid-template-areas:
    "rg1"
    "nme"
    "rg2"
    "nme";
}

.registercomp {
  display: grid;

  align-self: center;
  align-items: center;
  padding: 55px 0px 0px 0px;
  width: 100%;
  background-color: transparent;
  /*#f3f3f3;*/
  grid-template-columns: 1fr;
  grid-template-rows: 50px 5px 1fr 20px;
  grid-template-areas:
    "rg1"
    "nme"
    "rg3"
    "nme";
}

.rg1 {
  align-items: center;
  width: 100%;
  height: 50px;
  color: #fff;
  background-color: transparent;
  /*#333;*/
  display: grid;
  grid-area: "rg1";
  grid-template-columns: 1px 1fr 1px;
  grid-template-areas: "rg11 rg12 rg111";
}

.rg11 {
  padding-top: 10px;
  align-content: right;
  display: grid;
  grid-area: "rg11";
  background-color: transparent;
}

.rg12 {
  padding-top: 10px;
  align-content: center;
  background-color: transparent;
  width: 100%;
  height: 100%;
  background-image: url("images/REG_LOGO.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: grid;
  grid-area: "rg12";
  color: #fff;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
}

.rg111 {
  padding-top: 10px;
  align-content: right;
  display: grid;
  grid-area: "rg111";
  background-color: transparent;
}

.rg2 {
  display: grid;
  text-align: center;
  align-items: right;
  width: 90%;
  height: 100%;
  color: rgb(186, 174, 12);
  /*#f3f3f3;*/
  background-color: transparent;
  padding: 0px 5% 0px 5%;
  grid-area: "rg2";
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-template-areas:
    "rg21";
}

.rg21 {
  display: grid;
  align-items: right;
  border: 10px;
  background-color: transparent;
  /*rgba(77, 153, 255, 0.25);*/
  border-radius: 40px;
  padding: 0px 10px;
}

.rg3 {
  display: grid;
  text-align: center;
  align-items: right;
  width: 80%;
  height: 100%;
  color: rgb(186, 174, 12);
  /*#f3f3f3;*/
  background-color: transparent;
  padding: 0px 5%;
  grid-area: "rg3";
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-template-areas:
    "rg31";

}

.rg31 {
  display: grid;
  align-items: right;
  border: 10px;
  background-color: rgba(77, 153, 255, 0.25);
  border-radius: 40px;
  padding: 0px 10%;
}

.rg4 {
  display: grid;
  text-align: center;
  align-items: center;
  max-width: 99%;
  height: 100%;
  color: rgb(186, 174, 12);
  /*#f3f3f3;*/
  background-color: transparent;
  padding: 0px 1px 0px 1px;
  grid-area: "rg4";
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-template-areas:
    "rg41";
}

.rg41 {
  display: grid;
  align-items: center;
  align-self: center;

  border: 1px;
  background-color: transparent;
  /* rgba(77, 153, 255, 0.25);*/
  border-radius: 40px;
  padding: 0px 10px 0px 10px;
}

.divfld {
  display: grid;
  align-self: start;
  align-items: normal;
  border-radius: 40px;
  /*grid-template-columns: 1fr;
  	grid-template-rows: 1fr 10px 1fr;
    grid-template-areas:
  	"fld1"
     "nme"
     "fld2";*/
}

.divfld2 {
  display: grid;
  align-self: start;
  align-items: normal;
  border-radius: 40px;
  /*grid-template-columns: 1fr 10px 1fr;
  	grid-template-rows: 1fr ;
    grid-template-areas:
  	"fld1"    "nme"    "fld2";*/
}

.divfld3 {
  display: grid;
  align-self: start;
  align-items: normal;
  border-radius: 40px;
  /*grid-template-columns: 1fr 10px 1fr;
  	grid-template-rows: 1fr ;
    grid-template-areas:
  	"fld1"    "nme"    "fld2";*/
}

.divfld5 {
  display: grid;
  align-self: start;
  align-items: normal;
  border-radius: 40px;

}

.fld1 {
  display: grid;

  grid-area: "fld1";
  border-radius: 20px;
  background-color: rgba(0, 18, 51, 0.60);
  /*rgba(0, 0, 255, 0.35);*/
  /*rgba(0, 18, 51, 0.60);*/
  width: 100%;

}

.fld2 {
  display: grid;
  grid-area: "fld2";
  border-radius: 20px;
  background-color: rgba(0, 18, 51, 0.60);
  /* rgba(0, 0, 255, 0.35);*/
  width: 100%;
}

.fld3 {
  display: grid;
  grid-area: "fld3";
  border-radius: 20px;
  background-color: rgba(0, 18, 51, 0.60);
  /* rgba(0, 0, 255, 0.35);*/
  width: 100%;
}

.fld4 {
  display: grid;
  grid-area: "fld4";
  border-radius: 20px;
  background-color: rgba(0, 18, 51, 0.60);
  /* rgba(0, 0, 255, 0.35);*/
  width: 100%;
}

.fld5 {
  display: grid;
  grid-area: "fld5";
  border-radius: 20px;
  background-color: rgba(0, 18, 51, 0.60);
  /* rgba(0, 0, 255, 0.35);*/
  width: 100%;
}


form {
  display: grid;
  align-items: flex-end;
  border-radius: 40px;
  background-color: transparent;

}

input {
  font-size: 12px;
  text-rendering: auto;
  letter-spacing: normal;
  word-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-indent: 0px;
  text-align: start;
  /* appearance: inherit; */
  -webkit-rtl-ordering: logical;
  cursor: text;
  margin: 0em;
  padding: 1px 2px;
  border-width: 2px;
  border-style: inset;
  border-image: initial;
  color: rgb(186, 174, 12);
  background-color: rgba(0, 18, 51, 0.60);
  /* rgba(0, 85, 255, 0.75);*/
  height: 20px;
}

.cuid {
  color: rgb(186, 174, 12);
  /*	background-color:  rgba(0,85,255,0.75);
  	height: 30px;*/
}

#manufacturer #clicked {
  color: #ff7200;
}

#selectcontent {
  width: 95%;
  align-items: center;
  height: 100%;
}

#txtarea {
  width: 95%;
  border-color: rgb(186, 174, 12);
}

/*
.cemail {
  	color: blue;
  	background-color:  rgba(255,255,77,0.85);
  	height: 30px;
}
*/
/*
.ccompnr{
  
	color: rgb(186, 174, 12);
  	background-color:  rgba(255,255,77,0.5);
  	height: 30px;
    
    text-align: center;
    max-width: 75%;
}
*/
/*
.cpwd{
  	color: rgb(186, 174, 12);
  	background-color:  rgba(255,255,77,0.5);
  	height: 30px;
}

.crpwd{
  	color: rgb(186, 174, 12);
  	background-color:  rgba(255,255,77,0.5);
  	height: 30px;
}
*/

.header-info {

  color: rgb(186, 174, 12);
  letter-spacing: normal;
  word-spacing: normal;
  line-height: inherit;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  text-align: center;
  /*text-wrap: wrap;*/
  align-items: flex-start;
  cursor: default;
  box-sizing: inherit;
  background-color: rgba(0, 85, 255, 0.5);
}

.table {
  background-color: none;

}

button {
  /*font-size: 20px;*/
  color: rgb(186, 174, 12);
  letter-spacing: normal;
  word-spacing: normal;
  line-height: inherit;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  text-align: center;
  align-items: flex-start;
  cursor: default;
  box-sizing: inherit;
  background-color: rgba(0, 18, 51, 0.60);
  /* rgba(0, 85, 255, 0.9);*/
  margin: 0em;
  padding: 1px 6px;
  border-width: 1px 1px;
  border-style: outset;
  border-color: rgb(186, 174, 12);
  border-image: inherit;
  z-index: 1;
}

.pwrg button {
  background-color: rgba(0, 18, 51, 0.60);
  /* rgba(0, 85, 255, 0.9);*/
  font-size: 15px;
}

.csubmit {
  font-size: 20px;
  color: rgb(186, 174, 12);
  background-color: rgba(0, 18, 51, 0.60);
  /* rgba(0, 85, 255, 0.5);*/
  min-width: 30%;
  max-width: 70%;
}

.bsp {
  height: 90px;
}

.pwfm {
  display: grid;
  grid-area: "pwfm";
  text-align: center;
  align-self: center;
}

.pwfmad {
  display: grid;
  grid-area: "pwfmad";
  text-align: center;
  align-self: center;
}

.pfwfm {
  display: grid;
  text-align: center;
  grid-area: "pfwfm";
  align-self: auto;
  min-width: auto;
  min-height: 60%;
  background-image: url("images/LOGO_ICO.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.pwfmct {
  display: none;
  /*grid;*/
  grid-area: "pwfmct";
  text-align: left;
  align-self: center;
  min-width: fit-content;
}

.pwfmcd {
  display: none;
  /*grid;*/
  grid-area: "pwfmcd";
  text-align: left;
  align-self: center;
  min-width: fit-content;
}

.p2wfm {
  display: none;
  /*grid;*/
  grid-area: "p2wfm";
  font-size: 10px;
  text-align: center;
  align-self: end;
}

.wrapper_footer_main {
  padding: 10px 5px 5px 5px;
  color: rgb(186, 174, 12);
  bottom: 0px;
  position: fixed;
  font-size: 10px;
  text-size-adjust: 100%;
  width: 100%;
  height: auto;
  display: grid;
  background-color: rgba(0, 18, 51, 0.60);
  /*#333;*/
  grid-template-columns: 0.3fr 1fr 1fr;
  grid-template-rows: 0.9fr 0.1fr;
  /*1fr 0.3fr;*/
  grid-template-areas:
    "pfwfm" "pwfm" "pwfmad";
  /*  "pwfmct" "pwfmcd" "p2wfm";*/
  /*Z-INDEX: 1001;*/
}


.clicked:hover .txtview1 {
  display: none;
}

.clicked:hover .txtview2 {
  display: block;
}


@media only screen and (min-width:520px) {
  /*and (min-height: 200px) */


  #linkhome {
    display: grid;
  }

  .abovenav {
    grid-template-columns: 1fr 1.75fr 1fr 1.75fr 1fr;
  }



  /*aici incepe view desktop 470x*/
  /*aici incepe view desktop 470px*/
  /*aici incepe view desktop 470px*/
  /*aici incepe view desktop 470px*/
  /*aici incepe view desktop 470px*/
  /*aici incepe view desktop 470px*/
  /*aici incepe view desktop 470px*/
  /*
  .bsp {
    height: 100px;
  }

  .wrapper_footer_main {
    position: fixed;
    bottom: 0px;
    background-color: rgba(0, 85, 255, 0.2);
  }
*/
  .pwrg button {
    background-color: rgba(0, 18, 51, 0.60);
    /* rgba(0, 85, 255, 0.5);*/
    font-size: 15px;
  }
}

/*aici incepe view desktop 520px*/
/*aici incepe view desktop 520px*/
/*aici incepe view desktop 520px*/
/*aici incepe view desktop 520px*/
/*aici incepe view desktop 520px*/
/*aici incepe view desktop 520px*/
/*aici incepe view desktop 520px*/



@media only screen and (min-width:576px) {

  /* 
 .abovenav {
    font-size: 18px;
    line-height: 22px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .abovenavlogo::first-line {
    font-size: 18px;
  }
*/

  input {
    font-size: 14px;
  }

  .divfld {
    display: grid;
    align-self: start;
    align-items: start;
    grid-template-columns: 1fr 10px 1fr;
    grid-template-rows: 1fr;
    grid-template-areas:
      "fld1" "nme" "fld2";
  }


  /*
  .wrapper_footer_main {
    position: fixed;
    bottom: min(screen-height);
  }
  */
}

/*aici incepe view desktop 667px*/
/*aici incepe view desktop 667px*/
/*aici incepe view desktop 667px*/
/*aici incepe view desktop 667px*/
/*aici incepe view desktop 667px*/
/*aici incepe view desktop 667px*/

@media only screen and (min-width:576px) {
  /*and (mih-height: 720px)*/


  .abovenav {
    grid-template-columns: 1fr 1.1fr 0.8fr 1.1fr 1fr;
  }

  .abovenavlogologo {
    display: grid;
  }
}

/*aici incepe view desktop 667px*/
/*aici incepe view desktop 667px*/
/*aici incepe view desktop 667px*/
/*aici incepe view desktop 667px*/
/*aici incepe view desktop 667px*/
/*aici incepe view desktop 667px*/

@media only screen and (min-width:670px) {
  /*and (min-height: 600px)*/


  .abovenav {
    font-size: 15px;
    line-height: 18px;
    background-color: rgba(0, 18, 51, 0.60);
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    /*grid-template-columns: 50px 1fr 5px 70px 170px 50px;*/
  }

  .abovenavlogo::first-line {
    font-size: 18px;
  }

  .abovenavcontact {
    display: grid;
    text-align: left;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    height: 50px;
  }

.nmimg {
  align-items: center;
  /*width: 100%;
    height: 100%;*/
  color: #fff;
  background-color: transparent;
  /* #333;*/
  display: grid;
  grid-area: "nmimg";
  grid-template-columns: 1fr 5px 0.5fr;
  grid-template-rows: 1fr;
  grid-template-areas: "nmi11 nme nmi111";

}

.nmpic {

  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: transparent;
  /* rgba(0, 18, 51, 0.60);
     #333;*/
  display: grid;
  grid-area: "nmpic";
  grid-template-columns: 0.5fr 5px 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "nmp111 nme nmp11";

}

.nmi11 {
  align-content: right;
  display: grid;
  width: 99%;
  height: 99%;
  background-color: transparent;
}

.nmp11 {
  align-content: left;
  display: grid;
  width: 99%;
  height: 99%;
  background-color: transparent;
}

.nmi111 {
  align-content: right;
  width: 99%;
  height: 99%;
  display: grid;

  background-position: center;
  /*  background-size: contain;*/

}

.nmp111 {
  align-content: left;
  width: 99%;
  height: 99%;
  display: grid;

  background-position: left;
  background-size: contain;

}




  .pwpm {
    text-align: justify;
    font-size: 16px;
    /*12px;*/
    color: rgb(186, 174, 12);
    /*#f3f3f3;*/
    background-color: transparent;
    /* rgba(51, 51, 51, 0.25)*/

  }

  .pwpi {
    text-align: justify;
    font-size: 16px;
    color: rgb(186, 174, 12);
    /*#f3f3f3;*/
    background-color: transparent;
    /* rgba(51, 51, 51, 0.25)*/

  }

  .pwrg {
    font-size: 15px;
  }


  .report-header-cell {
    font-size: xx-small;
  }

  .report-content-cell {
    font-size: x-small;
  }

  .header-info {
    font-size: xx-small;
  }

  /*
  button {
    font-size: 20px;
  }
*/
  input {
    font-size: 15px;
  }

  .wrapper_footer_main {
    font-size: 11px;
  }

  .pwrg button {
    background-color: rgba(0, 18, 51, 0.60);
    /* rgba(0, 85, 255, 0.5);*/
    font-size: 16px;
  }

  /*
  .bsp {
    height: 100px;
  }

  .wrapper_footer_main {
    position: fixed;
    bottom: 0px;
    background-color: rgba(0, 85, 255, 0.2);
  }
*/
}



/*aici incepe view desktop 720px*/
/*aici incepe view desktop 720px*/
/*aici incepe view desktop 720px*/
/*aici incepe view desktop 720px*/
/*aici incepe view desktop 720px*/
/*aici incepe view desktop 720px*/
/*aici incepe view desktop 720px*/
/*aici incepe view desktop 720px*/
/*aici incepe view desktop 720px*/
/*aici incepe view desktop 720px*/

@media only screen and (min-width:720px) {

  .wrapper_footer_main {
    font-size: 12px;
    /*  bottom: 0;*/
    position: fixed;
    /*background-color: rgba(0, 18, 51, 0.0);*/
    grid-template-columns: 90px 1fr 1fr;
    grid-template-rows: 1fr
      /*1fr*/
      0.3fr;
    grid-template-areas:
      "pfwfm" "pwfm" "pwfmad"
      /*  "pwfmct" "pwfmcd" "p2wfm";*/
  }




}


/*aici incepe view desktop 1024px*/
/*aici incepe view desktop 1024px*/
/*aici incepe view desktop 1024px*/
/*aici incepe view desktop 1024px*/
/*aici incepe view desktop 1024px*/
/*aici incepe view desktop 1024px*/
/*aici incepe view desktop 1024px*/
/*aici incepe view desktop 1024px*/
/*aici incepe view desktop 1024px*/
/*aici incepe view desktop 1024px*/
/*aici incepe view desktop 1024px*/
/*aici incepe view desktop 1024px*/
/*aici incepe view desktop 1024px*/
/*aici incepe view desktop 1024px*/

@media only screen and (min-width:1200px)
/*and (min-height: 680px) */
  {

  .divfld2 {
    display: grid;
    align-self: start;
    align-items: start;
    grid-template-columns: 10px 1.5fr 3px auto;
    grid-template-rows: 1fr;
    grid-template-areas:
      "nme" "fld1" "nme" "fld2";
  }

  .divfld3 {
    display: grid;
    align-self: start;
    align-items: start;
    grid-template-columns: 1fr 10px 1fr 10px 1fr;
    grid-template-rows: 1fr;
    grid-template-areas:
      "fld1" "nme" "fld2" "nme" "fld3";
  }

  .divfld5 {
    display: grid;
    align-self: start;
    align-items: start;
    grid-template-columns: 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-rows: 1fr;
    grid-template-areas:
      "fld1" "nme" "fld2" "nme" "fld3" "nme" "fld4" "nme" "fld5";
  }

  .abovenav {
    padding: 5px 0 5px 0;
    font-size: 21px;
    line-height: 24px;
    text-decoration: none;
    position: fixed;
    align-content: left;
    align-self: left;
    display: grid;
    width: 100%;
    height: 40px;
    background-color: rgba(0, 18, 51, 0.60);
    /*background-color: #333;
  grid-template-columns: 60px 280px 1fr 100px 160px 60px;*/
    z-index: 1001;
    /*background-image: url("images/LOGO_ICO.png");
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat; */
  }

  .abovenavlogo::first-line {
    font-size: 21px;
  }

  .navli {
    display: grid;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
  }

  .navv {
    display: grid;
    color: rgb(186, 174, 12);
    font-size: 26px;
    line-height: 30px;
    text-align: center;
  }

  nav {
    padding: 45px 0 0 0;
    position: relative;
    left: 0;
    display: grid;
    align-content: center;
    width: 100%;
    height: 75px;
    background-color: transparent;
    /*#ccc;*/
    text-align: center;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    background-image: none;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 999;
  }

  nav a {
    font-size: 21px;
    line-height: 27px;
    text-decoration: none;
  }

  .navmenu {
    display: grid;
    background-color: transparent;
    /*rgba(0, 85, 255, 0.42);*/
  }

  nav:hover {
    width: 100%;
  }

  nav:hover .navmenu {
    display: grid;
  }

  nav:hover .navmenu .navv {
    display: grid;
    color: rgb(186, 174, 12);
    font-size: 22px;
    line-height: 30px;
    text-decoration: none;
  }

  .navdiv {
    padding: 10px 0;
    display: inherit;
    width: 100%;
    background-color: transparent;
    /*#aaa;*/
  }

  .navdiv li {
    list-style: none;
    text-align: center;
    background-color: transparent;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr 10px
      /*1fr 10px*/
      1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 1fr 1fr;
  }

  .nav_main {
    align-content: center;
    align-self: flex-start;
    align-items: center;
    padding: 3px 0px 0px 0px;
    width: 100%;
    height: auto;
    background-color: transparent;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 70px 10px 1fr 80px;
    grid-template-areas:
      "nm1"
      "nme"
      "nm2"
      "nme";
  }





  .nm1 {
    align-items: center;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: transparent;
    /* #333;*/
    display: grid;
    grid-area: "nm1";
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "nm11 nm12 nm111";
  }

  .nnm1 {
    align-items: center;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: transparent;
    /* #333;*/
    display: grid;
    grid-area: "nnm1";
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "nnm11 nnm12 nm111";
  }

  .nm11 {
    align-content: right;
    display: grid;
    width: 99%;
    height: 60%;
    background-color: transparent;
  }

  .nnm11 {
    align-content: right;
    display: grid;
    width: 99%;
    height: 60%;
    background-color: transparent;
  }

  .nm12 {
    background-color: transparent;
    /*background-image: url("images/REG_LOGO.png");*/
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    align-content: right;
    display: grid;
    width: 99%;
    height: 100%;

    color: #fff;
    /*#004DCF;*/
    text-align: center;
    font-size: 20px;
    text-decoration: none;
  }

  .nnm12 {
    background-color: transparent;
    /*background-image: url("images/REG_LOGO.png");*/
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    align-content: right;
    display: grid;
    width: 99%;
    height: 100%;

    color: #fff;
    /*#004DCF;*/
    text-align: center;
    font-size: 20px;
    text-decoration: none;
  }

  .nm111 {
    align-content: right;
    display: grid;
    background-color: transparent;
  }

  .nm2 {
    align-items: center;
    text-align: center;
    width: 90%;
    height: 100%;
    color: rgb(186, 174, 12);
    /*#f3f3f3;*/
    padding: 0px 5% 0px 5%;
    display: grid;
    grid-area: "nm2";
    /* 1px 1fr;*/
    grid-template-columns: 1fr;
    /*grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas:
      "nm21 nme nm21";
    */
  }
/*
  .nmimg {
    align-items: center;
    
    color: #fff;
    background-color: transparent;
  
    display: grid;
    grid-area: "nmimg";
    grid-template-columns: 1fr 5px 0.5fr;
    grid-template-rows: 1fr;
    grid-template-areas: "nmi11 nme nmi111";

  }

  .nmpic {

    align-items: center;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: transparent;
    
    display: grid;
    grid-area: "nmpic";
    grid-template-columns: 0.5fr 5px 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "nmp111 nme nmp11";

  }

  .nmi11 {
    align-content: right;
    display: grid;
    width: 99%;
    height: 99%;
    background-color: transparent;
  }

  .nmp11 {
    align-content: left;
    display: grid;
    width: 99%;
    height: 99%;
    background-color: transparent;
  }

  .nmi111 {
    align-content: right;
    width: 99%;
    height: 99%;
    display: grid;

    background-position: center;
    

  }

  .nmp111 {
    align-content: left;
    width: 99%;
    height: 99%;
    display: grid;

    background-position: left;
    background-size: contain;

  }
*/
  .register {
    display: grid;
    padding: 110px 1px 0px 1px;
    background-color: transparent;
    grid-template-columns: 1fr;
    grid-template-rows: 70px 10px 1fr 25px;
    grid-template-areas:
      "rg1"
      "nme"
      "rg2"
      "nme";
  }

  .rg1 {
    align-items: center;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: transparent;
    /*#333;*/
    display: grid;
    grid-area: "rg1";
    grid-template-columns: 1px 1fr 1px;
    grid-template-areas: "rg11 rg12 rg111";
  }

  .rg11 {
    align-content: right;
    display: grid;
    width: 99%;
    height: 60%;
    background-color: transparent;
  }

  .rg12 {
    align-content: right;
    background-color: transparent;
    width: 99%;
    height: 100%;
    background-image: url("images/REG_LOGO.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: grid;
    color: #fff;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
  }

  .rg111 {
    align-content: right;
    display: grid;
    width: 99%;
    background-color: transparent;
  }

  .rg2 {
    align-items: center;
  }

  input {
    font-size: 18px;
  }

  #auxe {
    /*padding: 120px 0 0 0;*/
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    align-content: flex-start;
    /*align-self: flex-start;*/
    align-items: center;

    width: 100%;
    height: auto;
    background-color: #333;
    display: block;
    z-index: 0;
  }

  .bsp {
    height: 60px;
  }

  .wrapper_footer_main {
    color: rgb(186, 174, 12);
    /*#fff;*/
    /*position: relative;
  bottom: min(screen-height);bottom: 0px;*/
    bottom: 0;
    position: fixed;

    text-align: center;
    font-size: 14px;
    text-size-adjust: 100%;
    padding: 0px 0px 5px 0px;
    width: 100%;
    height: auto;
    display: grid;
    /*background-color: rgba(0, 18, 51, 0.0);*/
    grid-template-columns: 60px 400px 1fr 100px 180px 70px 30px;
    grid-template-rows: 1fr;
    grid-template-areas:
      "pfwfm pwfm pwfmad pwfmct pwfmcd p2wfm p2wfm";
    z-index: 1001;
  }

  .pwfm {
    display: grid;
    grid-area: pwfm;
    background-color: transparent;
  }

  .pwfm::first-line {
    /*font-size: 20px;*/
    text-align: center;
    text-size-adjust: 100%;
    background-color: transparent;
  }

  .pwfmad {
    display: grid;
    grid-area: pwfmad;
    background-color: transparent;
  }

  .pwfmct {
    display: grid;
    grid-area: pwfmct;
    background-color: transparent;
  }

  .pwfmcd {
    display: grid;
    grid-area: pwfmcd;
    background-color: transparent;
  }

  .p2wfm {
    display: grid;
    grid-area: p2wfm;
    font-size: 10px;
    text-align: center;
    align-self: center;
    background-color: transparent;

  }

  .pfwfm {
    display: grid;
    grid-area: pfwfm;
    align-self: center;
    width: auto;
    min-height: 60%;
    background-color: transparent;
    background-image: url("images/LOGO_ICO.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
  }

  .pwpm {
    text-align: justify;
    font-size: 20px;
    /*15px;*/
    color: rgb(186, 174, 12);
    /*#f3f3f3;*/
    background-color: transparent;
    /*rgba(51, 51, 51, 0.25)*/

  }

  .pwpi {
    text-align: justify;
    font-size: 20px;
    color: rgb(186, 174, 12);
    /*#f3f3f3;*/
    background-color: transparent;
    /* rgba(51, 51, 51, 0.25)*/

  }

  .pwrg {
    font-size: 16px;
  }

  .pwrg button {
    background-color: rgba(0, 18, 51, 0.60);
    /* rgba(0, 85, 255, 0.5);*/
    font-size: 18px;
  }

  .header-info {
    font-size: x-small;
  }

  .report-header-cell {
    font-size: x-small;
  }

  .report-content-cell {
    font-size: smaller;
  }

  /* button {
    font-size: 22px;
  }
*/
}

/*aici end view desktop 1024px*/
/*aici end view desktop 1024px*/
/*aici end view desktop 1024px*/
/*aici end view desktop 1024px*/
/*aici end view desktop 1024px*/
/*aici end view desktop 1024px*/


/*aici incepe view desktop 1360px*/
/*aici incepe view desktop 1360px*/
/*aici incepe view desktop 1360px*/
/*aici incepe view desktop 1360px*/
/*aici incepe view desktop 1360px*/
/*aici incepe view desktop 1360px*/
/*aici incepe view desktop 1360px*/
/*aici incepe view desktop 1360px*/
/*aici incepe view desktop 1360px*/
/*aici incepe view desktop 1360px*/
/*aici incepe view desktop 1360px*/
/*aici incepe view desktop 1360px*/

@media only screen and (min-width:1360px)
/*and (min-height: 720px)*/
  {



  .nav_main {
    padding: 3px 0px 0px 0px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 100px 10px 1fr 50px;
    grid-template-areas:
      "nm1"
      "nme"
      "nm2"
      "nme";
  }

  .nm2 {
    min-width: 450px;
  }

  .register {
    padding: 120px 1px 0px 1px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 100px 3px 1fr 65px;
    grid-template-areas:
      "rg1"
      "nme"
      "rg2"
      "nme";
  }

  .rg2 {
    min-width: 450px;
  }

  .pwpm {
    text-align: left;
    font-size: 24px;
    /*18px;*/
    color: rgb(186, 174, 12);
  }

  .pwpi {
    text-align: left;
    font-size: 24px;
    color: rgb(186, 174, 12);

  }

  .pwrg {
    font-size: 18px;

  }

  .pwrg button {
    background-color: rgba(0, 18, 51, 0.60);
    /* rgba(0, 85, 255, 100);*/
    font-size: 18px;
  }

  .header-info {
    font-size: small;
  }

  .report-header-cell {
    font-size: small;
  }

  .report-content-cell {
    font-size: small;
  }

  /* button {
    font-size: 20px;
  }*/

  input {
    font-size: 20px;
  }

  .typeradio {
    font-size: initial;
    box-sizing: initial;
    width: fit-content;
    align-content: center;
    align-items: center;
    align-self: center;
    appearance: auto;
    height: 20px;

    background-color: white;
    opacity: 0.5;
  }

  body {
    max-width: 2500px;
  }

  .bsp {
    height: 40px;
  }

  .wrapper_footer_main {
    color: rgb(186, 174, 12);
    /*#fff;*/
    /*position: relative;bottom: 0;*/
    bottom: 0;
    position: fixed;

    text-align: center;
    font-size: 16px;
    text-size-adjust: 100%;
    padding: 0px 0px 5px 0px;
    width: 100%;
    height: auto;
    display: grid;
    /*background-color: rgba(0, 18, 51, 0.0);*/
    grid-template-columns: 60px 400px 1fr 100px 180px 70px 30px;
    grid-template-rows: 1fr;
    grid-template-areas:
      "pfwfm pwfm pwfmad pwfmct pwfmcd p2wfm p2wfm";
    z-index: 1001;
  }

}