body
{
margin:0; 
padding:0; 
font-size:15px; 
font-family: Arial;
background-color:#ffffff;
height: 100%;
}
hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
a:link {
	text-decoration:none;
}
.interview td{
	padding: 10px;
}
.top {
background-color:#FFFFFF;
}
#container{
	min-height: 450px;
	height: 450px;
	margin: 0 auto;
}
#footer{
height: 120px;
overflow: visible;
bottom: 0;
display: block;
clear: both;
}
#child{
	  padding: 5px 10px;
    text-align: center;
    background: #eee;
}
.footer {
background-color:#FFFFFF;
font-size: 15px;
font-weight:600;
vertical-align:middle;
color: #FFFFFF;
height:50px;
}
.footlink_mobil {
font-size: 14px;
font-weight: normal;
color: #b3b3b3;
text-decoration:none;
}
.footlink {
font-size: 16px;
font-weight: normal;
color: #b3b3b3;
text-decoration:none;
}
.footlink:hover{
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;
-ms-transition: color 0.5s ease-out;
-o-transition: color 0.5s ease-out;
transition: color 0.5s ease-out;
font-size: 16px;
color: #ffffff;
text-shadow: 5px 5px 5px 5px #ffffff;
font-weight: normal;
text-decoration:none;

}
.menubg {
background-color:#0065a2;
height:120px;
}

.ramafoto {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    top: 0px;
    padding: 5px;
    background: #FFF;
    border: 1px solid #CCC;
}
.textrama{
	line-height: 120%;
	text-align: justify;
	margin-left:220px;
	}
.hints {
font-family: Calibri;
font-size:12px;	
font-weight:500;
color:#006600;
text-shadow: 0px 0px 11px rgba(150, 150, 150, 1);
}
.hintupload {
font-family: Calibri;
font-size:13px;	
font-weight:600;
color:#880000;
text-shadow: 0px 0px 11px rgba(150, 150, 150, 1);
}
.titlu_bionano {
	font-family: calibri;
	font-size: 25px;	
	font-weight: bold;
	color:#6f82ba;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.menu {
margin-top:-50px;
font-family: Calibri;
font-size:12px;	
font-weight:600;
color:#eeeeee;
background-color:#0065a2;
}
a.button {
width: 150px;	
height: 30px;	
color:#FFFFFF;
text-decoration: none;	
background:#0065a2;
padding:8px;
}
a.button:hover {	
color:#ffffff;
background:#003366;
}
.shaddow {
border-bottom: 0px;
border-color:#000000;
border-radius:10px;
-webkit-box-shadow: 0px 4px 1px 0px rgba(125,125,125,0.5);
-moz-box-shadow: 0px 4px 1px 0px rgba(125,125,125,0.5);
box-shadow: 0px 4px 1px 0px rgba(125,125,125,0.5);
}
.horizon2020 {
margin-top:0px;
float:left;
}

.siglabanner {
font-size:45px; 
font-weight:normal;
vertical-align:middle;
color:#FFFFFF;
}
tr.d0 td {
  background-color: #ededed;
  color: black;
  font-weight: 600;
}
tr.d1 td {
  background-color: #f7f7f7;
  color: black;
  font-weight: 600;
}

.navigare_td_style_mobil{
	font-size: 14px;
	border-top: 1px dotted #f2f2f2;
	border-bottom: 0px;
	border-color:#000000;
	border-radius:10px;
	-webkit-box-shadow: 0px 4px 1px 0px rgba(125,125,125,0.5);
	-moz-box-shadow: 0px 4px 1px 0px rgba(125,125,125,0.5);
	box-shadow: 0px 4px 1px 0px rgba(125,125,125,0.5);
}
.navigare_td_style{
	border-top: 1px dotted #f2f2f2;
	border-bottom: 0px;
	border-color:#000000;
	border-radius:10px;
	-webkit-box-shadow: 0px 4px 1px 0px rgba(125,125,125,0.5);
	-moz-box-shadow: 0px 4px 1px 0px rgba(125,125,125,0.5);
	box-shadow: 0px 4px 1px 0px rgba(125,125,125,0.5);
}

.textfield_mobil {
   border:1px solid #e0e0e0;
	left:0px;
	right:0px;
   text-indent: 5px;
   width: 100%;
   height: 50px;
   text-align: left;
}

.textfield {
   border:1px solid #e0e0e0;
   position:relative;
	float:center;
	left:10px;
	right:0px;
   text-indent: 15px;
   width: 550px;
   height: 70px;
   text-align: left;
}


.echipa_em_text_mobil{
	cursor: pointer;
	font-size: 17px; 
	font-weight:bold;
	padding: 10px;
	animation: colorchange1 3s linear 1s infinite; 
    -webkit-animation: colorchange1 3s linear 0s infinite alternate; 
	font-family: calibri;
}

.echipa_em_text{
	cursor: pointer;
	font-size: 22px; 
	font-weight:bold;
	padding: 40px;
	animation: colorchange1 3s linear 1s infinite; 
    -webkit-animation: colorchange1 3s linear 0s infinite alternate; 
	font-family: calibri;
}

.clasa_change_color_A{
	text-decoration: none;color: #000000;
	font-size: 21px; font-weight:bold;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;text-align: center;
	animation: colorchange1 3s linear 1s infinite; 
    -webkit-animation: colorchange1 3s linear 0s infinite alternate; 
}

.clasa_change_color_B{
	text-decoration: none;color: #ff5500;
	font-size: 21px; font-weight:bold;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;text-align: center;
	animation: colorchange2 3s linear 1s infinite; 
    -webkit-animation: colorchange2 3s linear 0s infinite alternate; 
}

@keyframes colorchange1
    {
      0%   {color: #000000;}
      20%  {color: #000000;}
      100% {color: #ff5500;}
   }

@-webkit-keyframes colorchange1{
      0%   {color: #000000;}
      20%  {color: #000000;}
      100% {color: #ff5500;}
   }
   
@keyframes colorchange2
    {
      0%   {color: #ff5500;}
      20%  {color: #ff5500;}
      100% {color: #000000;}
   }

@-webkit-keyframes colorchange2{
      0%   {color: #ff5500;}
      20%  {color: #ff5500;}
      100% {color: #000000;}
   }
   
   
.color_change_text{
	font-family: trebuchet ms;
	text-decoration: none;color: #000000;
	font-size: 14px; font-weight:bold;
	animation: colorchange 3s linear 1s infinite; 
    -webkit-animation: colorchange 3s linear 0s infinite alternate; 
}
@keyframes colorchange
    {
      0%   {color: black;}
      20%  {color: black;}
      100% {color: red;}
   }

@-webkit-keyframes colorchange{
      0%   {color: black;}
      20%  {color: black;}
      100% {color: red;}
   }
html {
  scroll-behavior: smooth;
  font-family: calibri;
}
.alternat0{
	background: #f2f2f2;
	padding: 5px;
	border: 1px solid #eeeeee;
	border-radius: 3px;
}
.alternat1{
	background: #ffffff;
}

#gradient {
	background: rgb(2,0,36);
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,75,121,1) 36%, rgba(4,105,176,1) 62%, rgba(0,80,136,1) 100%);
	width: 100%; 
	border-collapse:collapse;
}
.welcome_text{
	font-family: Calibri;
	font-style: Calibri; 
	font-size: 27px; 
	font-weight:bold; 
	color: #4d4d4d;
}

.formular_td{
  border-radius: 15px;
  background: #FFFFFF;
}
.formular_input {
	width: 250px;
	height: 23px;
	padding: 5px;
	font-size: 11px;
	border: 1px solid #afafaf;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	text-align: left;
}
.formular_textarea {
	width: 250px;
	height: 60px;
	padding: 5px;
	font-size: 11px;
	border: 1px solid #afafaf;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.bgimage {
	background-image: url("../images/Foto-Home-page-Em-Website.png");
	background-size:contain;
	border: 1px solid #afafaf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.poza_background_ambalaje {
	width: 100%;
	height: 200;
	background-image: url("../images/bunuri_ambalate_banner.png");
	background-size: cover;
	background-position: center;
}
.randuri_tabel_schema{
	border: 1px solid #afafaf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 18px;
	color: #FFFFFF;
	background-color: transparent;
}
.table_chestionar{
	background: rgba(255, 255, 255, 0.9);
	border-collapse: collapse;
	box-shadow: 0px 0px 5px #888888;
	border: 1px solid #afafaf;
	width: 85%;
	height: 500px;
} 
.table_chestionar_mobil{
	background: rgba(255, 255, 255, 0.9);
	border-collapse: collapse;
	box-shadow: 0px 0px 5px #888888;
	border: 1px solid #afafaf;
	width: 100%;
	height: auto;
}
.intrebari_a{
	padding: 10px;
	height: 100%;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: initial;
	background-image: linear-gradient(-180deg, #FF7E31, #E62C03);
	border-radius: 6px;
	color: #FFFFFF;
	line-height: 30px;
}
.intrebari_a_mobil{
	padding: 2px;
	height: 100%;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: initial;
	background-image: linear-gradient(-180deg, #FF7E31, #E62C03);
	border-radius: 6px;
	color: #FFFFFF;
	line-height: 30px;
}
.intrebari_a_rand2{
	padding: 7px;
	height: 100%;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	border-radius: 6px;
	line-height: 30px;
}

@keyframes colorchange_file_upload_red
    {
      0%   {color: #800000;}
      20%  {color: #b30000;}
      100% {color: #cc0000;}
   }

@-webkit-keyframes colorchange_file_upload_red{
      0%   {color: #800000;}
      20%  {color: #b30000;}
      100% {color: #cc0000;}
   }
@keyframes colorchange_file_upload_green
    {
      0%   {color: #004d1a;}
      20%  {color: #006622;}
      100% {color: #00802b;}
   }

@-webkit-keyframes colorchange_file_upload_green{
      0%   {color: #004d1a;}
      20%  {color: #006622;}
      100% {color: #00802b;}
   }
.clasa_marime_fisier_upld_red{
	text-align: center;
	width: 83px;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	border-radius: 6px;
	color: #000000;
	animation: colorchange_file_upload_red 2s linear 2s infinite; 
    -webkit-animation: colorchange_file_upload_red 2s linear 2s infinite alternate; 
	border: 1px solid #f2f2f2;
}
.clasa_marime_fisier_upld_green{
	text-align: center;
	width: 83px;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	border-radius: 6px;
	color: #000000;
	animation: colorchange_file_upload_green 2s linear 2s infinite; 
    -webkit-animation: colorchange_file_upload_green 2s linear 2s infinite alternate; 
	border: 1px solid #f2f2f2;
}
.clasa_marime_fisier_upld{
	text-align: center;
	width: 83px;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	border-radius: 6px;
	color: #000000;
	border: 1px solid #f2f2f2;
}
.upload_maxim_text_glow_red{
	font-size:11px; 
	font-weight: bold; 
	color: #00802b;
	animation: colorchange_file_upload_red 2s linear 2s infinite; 
    -webkit-animation: colorchange_file_upload_red 2s linear 2s infinite alternate; 
}
.upload_maxim_text_glow_green{
	font-size:11px; 
	font-weight: bold; 
	color: #00802b;
	animation: colorchange_file_upload_green 2s linear 2s infinite; 
    -webkit-animation: colorchange_file_upload_green 2s linear 2s infinite alternate; 
}
.intrebari_a_glow{
	padding: 10px;
	height: 100%;
	font-size: 17px;
	font-weight: bold;
	background-color: initial;
	background-image: linear-gradient(-180deg, #FF7E31, #E62C03);
	border-radius: 6px;
	color: #FFFFFF;
	animation: colorchange 0.4s linear 0.4s infinite; 
    -webkit-animation: colorchange 0.4s linear 0.4s infinite alternate; 
}

@keyframes colorchange
    {
      0%   {color: #ffffff;}
      20%  {color: #f2f2f2;}
      100% {color: #3399ff;}
   }

@-webkit-keyframes colorchange{
      0%   {color: #ffffff;}
      20%  {color: #f2f2f2;}
      100% {color: #3399ff;}
   }
.raspunsuri_a{
	padding: 5px;
	height: 100%;
	font-size: 15px;	
	border: 1px solid #FFFFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.button_raspunsuri{
	background-color: transparent;
	cursor: pointer;
	padding: 2px;
	height: 100%;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	border-radius: 5px;
}

.button-42_mobil {
  background-color: initial;
  background-image: linear-gradient(-180deg, #FF7E31, #E62C03);
  border-radius: 6px;
  color: #f2f2f2;
  font-size: 15px;
  font-weight: normal;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  outline: 0;
  overflow: hidden;
  padding: 0 20px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  width: 100%;
  z-index: 9;
  border: 0;
  transition: box-shadow .3s;
}
.button-42 {
  background-color: initial;
  background-image: linear-gradient(-180deg, #FF7E31, #E62C03);
  border-radius: 6px;
  color: #f2f2f2;
  font-size: 18px;
  font-weight: normal;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  outline: 0;
  overflow: hidden;
  padding: 0 20px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  width: 100%;
  z-index: 9;
  border: 0;
  transition: box-shadow .3s;
}
.button-42:hover {
	box-shadow: 0px 0px 10px 3px rgba(32,162,255,0.75);
	-webkit-box-shadow: 0px 0px 10px 3px rgba(32,162,255,0.75);
	-moz-box-shadow: 0px 0px 10px 3px(32,162,255,0.75);
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
}
.button-42_activ{
	background-color: initial;
	background-image: linear-gradient(-180deg, #FF7E31, #E62C03);
  border-radius: 6px;
  color: #f2f2f2;
  font-size: 18px;
  font-weight: normal;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  outline: 0;
  overflow: hidden;
  padding: 0 20px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  width: 100%;
  z-index: 9;
  border: 0;
  transition: box-shadow .3s;
  	box-shadow: 0px 0px 15px 5px rgba(32,162,255,0.75);
	-webkit-box-shadow: 0px 0px 15px 5px rgba(32,162,255,0.75);
	-moz-box-shadow: 0px 0px 15px 5px rgba(32,162,255,0.75);
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
}
.titlu_categorie_mobil{
	padding: 10px;
	font-size: 14px;
	color: #000099;
	font-weight:bold;
	<!-- box-shadow: 0px 0px 15px #e6ffff; -->
	border: 1px solid #afafaf;
}
.titlu_categorie{
	padding: 20px;
	font-size: 20px;
	color: #000099;
	font-weight:bold;
	<!-- box-shadow: 0px 0px 15px #e6ffff; -->
	border: 1px solid #afafaf;
}

.clasa_text_help_mobil{
	font-size: 13px;
	color: #ffffff;
	background-color: #afafaf;
	padding:  5px;
	width: auto;
	line-height: 30px;
	font-weight:bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: all 300ms cubic-bezier(0.190, 1.000, 0.560, 1.000);
}
.clasa_text_help{
	font-size: 16px;
	color: #ffffff;
	background-color: #afafaf;
	padding: 10px;
	width: auto;
	line-height: 30px;
	font-weight:bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: all 300ms cubic-bezier(0.190, 1.000, 0.560, 1.000);
}

.clasa_text_bunuri_ambalate_mesaj_client{
	font-size: 18px;
	color: #A90000;
	background-color: #f2f2f2;
	padding: 10px;
	width: auto;
	line-height: 30px;
	font-weight:bold;
	border: 1px solid #A90000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: all 300ms cubic-bezier(0.190, 1.000, 0.560, 1.000);
}

.clasa_text_bunuri_ambalate_mesaj_client_mobil{
	font-size: 13px;
	color: #A90000;
	background-color: #f2f2f2;
	padding: 3px;
	width: auto;
	line-height: 30px;
	font-weight:bold;
	border: 1px solid #A90000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: all 300ms cubic-bezier(0.190, 1.000, 0.560, 1.000);
}

.checkbox {
    width: 100%;
    margin: 1px auto;
    position: relative;
    display: block;	
}

.checkbox input[type="checkbox"] {
    width: auto;
    opacity: 0.00000001;
    position: absolute;
    left: 0;
    margin-left: -20px;
	font-size: 25px;
	font-weight:bold;
}
.checkbox label {
    position: relative;
}
.checkbox label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 22px;
    height: 22px;
    transition: transform 0.28s ease;
    border-radius: 3px;
    border: 2px solid #33cc33;
}
.checkbox label:after {
  content: '';
    display: block;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #33cc33;
    border-left: 2px solid #33cc33;
    -webkit-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    transition: transform ease 0.25s;
    will-change: transform;
    position: absolute;
    top: 12px;
    left: 10px;
}
.checkbox input[type="checkbox"]:checked ~ label::before {
    color: #33cc33;
}

.checkbox input[type="checkbox"]:checked ~ label::after {
    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}

.checkbox label {
    min-height: 34px;
    display: block;
    padding-left: 40px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    vertical-align: sub;
}
.checkbox label span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.checkbox input[type="checkbox"]:focus + label::before {
    outline: 0;
}

@keyframes bordercolorchange
    {
      0%   {color: #ffffff;}
      20%  {color: #f2f2f2;}
      100% {color: #3399ff;}
   }

@-webkit-keyframes bordercolorchange{
      0%   {color: #ffffff;}
      20%  {color: #f2f2f2;}
      100% {color: #3399ff;}
   }
.bunuri_cantitate_clas{
	font-size: 15px;
	font-weight:normal;
	width: 60px;
    margin: 8px auto;
    position: relative;
	transition: transform 0.30s ease;
    border-radius: 3px;
    border: 2px solid #7bbe72;
	text-align: center;
    display: block;	
}

.bunuri_cantitate_clas_glow{
	font-size: 15px;
	font-weight:normal;
	width: 60px;
    margin: 8px auto;
    position: relative;
	transition: transform 0.30s ease;
    border-radius: 3px;
    border: 2px solid #990000;
	text-align: center;
    display: block;	
}
.slide{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.5s;
}
.active-slide{
  opacity: 1;
  z-index: 2;
}
.quiz-container{
  position: relative;
  height: 200px;
  margin-top: 40px;
}

.buton_navigare_mobil{
	cursor:pointer;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding: 4px 8px;
	background-color: #1c2641;
	color: white;
	border-radius: 10%;
	border: 0px;
}

.buton_navigare{
	cursor:pointer;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding: 8px 16px;
	background-color: #1c2641;
	color: white;
	border-radius: 10%;
	border: 0px;
}

.buton_navigare:hover{
	background-color: #5e77ba; 
	color: white;
	transition: transform ease 0.25s;
}

.buton_navigare_ascuns{
	cursor:pointer;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding: 8px 16px;
	background-color: #dbe1f0;
	color: white;
	border-radius: 10%;
	border: 0px;
}

.buton_navigare_ascuns:hover{
	background-color: #dbe1f0; 
}

.finalizare_salvare_mobil{
	cursor:pointer;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding: 4px 8px;
	background-color: #e06500;
	color: white;
	border-radius: 10%;
	border: 0px;
	display: none;
}
.finalizare_salvare{
	cursor:pointer;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding: 8px 16px;
	background-color: #e06500;
	color: white;
	border-radius: 10%;
	border: 0px;
	display: none;
}

.finalizare_salvare:hover{
	background-color: #ff7300;
	color: white;
}
.finalizare_salvare_activ{
	cursor:pointer;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding: 8px 16px;
	background-color: #ff7300;
	color: white;
	border-radius: 10%;
	border: 0px;
}

.finalizare_salvare_activ:hover{
	background-color: #ff7300;
	color: white;
}