* {
  box-sizing: border-box;
}

body {
  margin: 0;
}
.titlu {
	font-weight: bold;
	font-size: 15px;
	line-height: 5%;
}
.navbar {
  overflow: hidden;
  background-color: #058539;
  width: 98%;
  margin: 1% auto;
}

.navbar a {
  float: left;
  font-size: 15.5px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 14px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 6px;
  background-color: inherit;
  font: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 98%;
  margin: 0% 1% auto;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content .header {
  background: red;
  padding: 16px;
  color: white;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  padding: 2%;
  background-color: #f9f9f9;
  height: auto;
}

.column a {
  float: none;
  color: black;
  padding: 1%;
  text-decoration: none;
  display: block;
  text-align: left;
}

.column a:hover {
  background-color: #ddd;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    height: auto;
  }
}
.footer {
	position: fixed;
	bottom: 2px;
	width: 98%;
	margin: 1%;
	background-color: #058539;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	height:5%;
	padding: 0.5%;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #007196;
}
.soc{
	padding-right: 1%;
}
.proceduri{
	margin: 1%;
	width: 23%;
	height: 25%;
	padding: 0px 0.6%;
	font-size: 12px;
	letter-spacing: 1px;
	float: left;
	display: none;
    color: #737373;
    box-shadow: 3px 4px 5px 3px rgba(0, 0, 0, 0.5);
}
.titlu {
	margin-left: 1%;
	color: black;
	font-weight: bold;
}
.fontMic {
	float: left;
	font-size: 10px;
}
.ca {
	display: none;
}
.nca {
	float: right;
	width: 35%;
	margin-top: 3%;
	text-align: right;
}
.ln {
	float: left;
	width: 7%;
	margin: 3%;
	text-align: right;
}
.serv {
	float: left;
	width: 70%;
	margin: 1.5%;
	height: 4%;
}
.nln {
	float: left;
	width: 7%;
	margin: 2% 2% 0% 0%;
	height: 13px;
	text-align: right;
}
.nluni {
	float: left;
	margin: 2%;
}
.an {
	float: right;
	width: 15%;
	margin: 3%;
	text-align: right;
}
.login{
	margin: 3% 1% 0% 1%;
	border: solid gray;
	width: 21%;
	height: 35%;
	padding: 0px 0.4%;
	font-size: 12px;
	letter-spacing: 1px;
	color: #474744;
	float: left;
	display: block;
}
#confirm{
	display: none;
}
.mesaj{
	margin: 3% 1% 0% 5%;
	float: left;
	color: red;
}
#mesaj1 {
	line-height: 5%;
}
#mesaj2 {
	line-height: 5%;
}
#progressBar {
	display: none;
	width: 100%;
	height: 20%;
	background-color: lightgrey;
}

#myBar {
	width: 0%;
	color: white;
	background-color: green;
}
.left {
	float: left;
}
.right {
	float: right;
}
.leFt {
	float: left;
	padding-left: 25.5%;
}
.cnp {
	float: left;
	font-size: 11px;
	width: 20%;
	margin: 1% 2%;
	line-height: 5%;
}
.adr {
	float: left;
	font-size: 11px;
	width: 30%;
	margin: 1% 1%;
	line-height: 5%;
}
.intocmit {
	float: left;
	font-size: 11px;
	width: 45%;
	margin: 1% 1%;
	line-height: 5%;
}
.luni {
	float: left;
	margin: 2.5%;
}
.lunidr {
	float: right;
	margin: 2%;
}
.combo {
	float: right;
	width: 70%;
	margin: 1% 3%;
}
.delala {
	float: right;
	width: 69%;
	margin: 1% 3%;
}
.inputs {
	margin: 1% 3%;
}
.delanc {
	float: left;
	width: 25%;
	margin: 1%;
	line-height: 5%;
}
.data {
	float: left;
	width: 20%;
	text-align: center;
	margin: 1% 3%;
	line-height: 5%;
}
.seria {
	width: 21%;
	text-align: center;
	margin: 1%;
	height: 12px;
}
.nr {
	width: 28%;
	text-align: center;
	margin: 1%;
	height: 12px;
}
.amef {
	float: left;
	width: 10%;
	text-align: center;
	margin: 1%;
}
.combop {
	float: left;
	width: 65%;
	margin: 1% 1%;
}
select:focus {
  background-color: yellow;
}
#pl {
	float: left;
	width: 15%;
	margin: 1%;
}
.logintxt {
	float: right;
	margin: 3%;
	width: 54%;
}
.persoana {
	float: left;
	margin: 1% 3%;
	width: 77%;
}
.p {
	float: left;
	margin: 2% 0%;
}
.fontN {
	float: left;
	margin: 0.9%;
}
.locm {
	float: left;
	margin: 1% 2.5%;
	width: 71%;
}
.clear {
	clear: both;
}
.butonleft {
	float: left;
	margin: 3% 0.5% 3% 10%;
	padding: 0.2%;
	width: 25%;
}
.butonright {
	float: right;
	margin: 3% 10% 3% 0.5%;
	padding: 0.2%;
	width:17%;
}
ul li {
  display: block;
  position: relative;
  float: left;
  background: #007196;
}

li ul { display: none; }

ul li a {
  display: block;
  padding: 0.5em;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
}

ul li a:hover { background: #2c3e50; }

li:hover > ul {
  display: block;
  position: absolute;
}

li:hover li { float: none; }

li:hover a { background: #007196; }

li:hover li a:hover { background: #2c3e50; }

.main-navigation li ul li { border-top: 0; }

ul ul ul {
  left: 100%;
  top: 0;
}

ul:before,
ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
ul:after { clear: both; }
.facturi, th, td {
   width: 100%; 
   border: 1px solid black;
   border-collapse: collapse;
}

.capTabel{
    border: solid thin gray;
    width: 100%;
	height: 7.3%;
}
.tranz-wrapper {
    border: solid thin gray;
    width: 100%;
	height: 93%;
    overflow: auto;
	overflow-y: scroll;
}
table, tr, td, th{
   border: 1px solid black;
   border-collapse: collapse;
}
.wrapper {
    border: solid thin gray;
    width: 100%;
	height: 93%;
    overflow: auto;
	overflow-y: scroll;
}
.algnC {
	text-align: center;
	width: 30%;
	padding-right: 0.5%;
}
.algnS {
	text-align: left;
	padding-right: 0.5%;
}
.algnR {
	text-align: right;
	padding-right: 0.5%;
}
.indeterminate-progress-bar, .indeterminate-progress-bar > .progress-block {
	border-style: solid;
	border-width: 1px;
	border-color: rgba(0, 0, 0, 0.25);

	border-radius: 5px;
}
.indeterminate-progress-bar {
	height: 15px;
  
  margin: 0.5em;

	background-color: rgb(214, 214, 214);

	-webkit-box-shadow:		0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	   -moz-box-shadow: 	0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	        box-shadow: 	0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}

.indeterminate-progress-bar > .progress-block {
  -webkit-animation-name: none;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-play-state: paused;
  animation-name: none;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-play-state: paused;
}
#barSah{
	display: none;
}
#barJc{
	display: none;
}
#barJvz{
	display: none;
}
#barD300{
	display: none;
}
#barD394{
	display: none;
}
.indeterminate-progress-bar.active > .progress-block {
	-webkit-animation-name: bar-movement;
  -webkit-animation-play-state: running;

  animation-name: bar-movement;
  animation-play-state: running;
}

.indeterminate-progress-bar.paused > .progress-block {
	-webkit-animation-name: bar-movement;
	-webkit-animation-play-state: paused;

	animation-name: bar-movement;
	animation-play-state: paused;
}

@-webkit-keyframes bar-movement {
	from {left: -1px;}
	to {left: calc(75% + 1px);}
}

@keyframes bar-movement {
    from {left: -1px;}
    to {left: calc(75% + 1px);}
}

.progress-block {
	position: relative;
	top: -1px;
	left: -1px;
	width: 25%;
	height: 100%;
	background: rgba(36, 14, 116, 0.43);
}
svg {
  transform: rotate(-90deg);
  stroke-dasharray: 251; /* (2PI * 40px) */
  stroke-dashoffset: 251;
  animation: offsettozero 20s linear forwards;
}

@keyframes offsettozero {
  to {
    stroke-dashoffset: 0;
  }
}

.chapta{
	margin-right: 5%;
	width: 100%;
	height:10%;
	display: none;
}

#mainCpta{
	position: relative;
	left : 60px;
	top: 5px;
	font-size: 16px;
	font-weight: bold;
}

#txtInput, #Button1{
	position: relative;
	left:40px;
	bottom: 40px;
}