body
{
	margin: 0;
	background-color: #34495e;/*#2c3e50;*/
	font-family: Calibri;
	font-size: 18px;
	color: #FFFFFF;
}

a
{
	color: #FFFFFF;
}

/****************************** LOGIN ******************************/

#FirstPage
{
	width: 320px; 
	height: 265px;
	position: absolute; 
	top: 30%; 
	left: 50%; 
	/*margin-top: -105px;*/ 
	margin-left: -160px;
}

#FirstPageTitle
{
	margin: 0 auto;
	width: 300px; 
	padding: 5px;
	margin-bottom: 4px;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
#LoginResponse
{
	display: none;
	margin: 0 auto;
	width: 300px; 
	padding: 5px;
	margin-top: 4px;
	margin-bottom: 4px;
	color: #FF0000;
	text-align: center;
}
#LoginForm
{
	overflow: auto;
	margin: 0 auto;
	border: solid 1px #FFFFFF;
	width: 300px; 
	padding: 5px;
	background-color: #2980b9;
	color: #FFFFFF;
}

#LoginForm_Auth
{
	float: left;
}

.LoginTxt
{
	width: 285px;
	border: solid 1px #2d4366;
	padding: 6px;
	font-family: Calibri;
	font-size: 18px;
}
.LoginLbl
{
	width: 300px;
	padding: 2px 0 2px 0;
}

.LoginBtn
{
	padding-top: 4px;
	text-align: center;
}
#btnLogin
{
	border: solid 1px #2c3e50;
	padding: 4px 20px 4px 20px;
	background-color: #27ae60;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
}
#btnLogin:active
{
	border: solid 1px #2c3e50;
	padding: 4px 20px 4px 20px;
	background-color: #59d98e;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
}

/****************************** TEMPLATE ******************************/

#Header
{
	width: 100%;
	position: fixed;
	top: 0;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 5px;
	background-color: #2c3e50;
	z-index: 2;
}

.HeaderTop
{
	overflow: auto;
	margin: 0 auto;
	width: 90%; 
}
#HeaderTopCenter
{
	text-align: center;
	padding: 5px;
}

#HeaderMiddle
{
	overflow: auto;
	margin: 0 auto;
	width: 90%; 
}
#HeaderMiddleLeftLogo
{
	float: left;
	text-align: left;
	padding: 5px;
}
#HeaderMiddleLeft
{
	float: left;
	text-align: left;
	padding: 5px;
}
.calendar
{
	/*float: left;*/
	position: fixed;
	left: 0;
	top: 0;
}
.mydatepicker
{
	position: fixed;
	top: 65px;
	left: 0;
}
#HeaderMiddleRight
{
	float: right;
	text-align: right;
	padding: 5px;
}

.Content
{
	width: 90%;
	overflow: auto;
	margin: 0 auto;
	padding: 5px;
	margin-top: 96px;
}

#BottomPage
{
	text-align: right;
	/*padding: 5px 5px 25px 5px;*/
	padding-bottom: 20px;
	/*margin-bottom: 20px;*/
	margin-top: 10px;
	background-color: #34495e;
}

#BottomPage2
{
	overflow: auto;
	padding-bottom: 20px;
	/*margin-bottom: 20px;*/
	margin-top: 10px;
	background-color: #34495e;
	width: 100%; 
}
#BottomPage2Left
{
	float: left;
	padding: 5px;
}
#BottomPage2Right
{
	float: right;
	padding: 5px;
}

.BottomButon
{
	background-color: #7f8c8d;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	padding: 6px 4px 6px 4px;
	width: 170px;
	border: solid 1px #FFFFFF;
	text-align: center;
}
.BottomButon:active
{
	background-color: #a0abab;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	padding: 6px 4px 6px 4px;
	width: 170px;
	border: solid 1px #FFFFFF;
	text-align: center;
}

.BottomButonCritic
{
	background-color: #b22921;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	padding: 6px 4px 6px 4px;
	width: 170px;
	border: solid 1px #FFFFFF;
	text-align: center;
}
.BottomButonCritic:active
{
	background-color: #b22921;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	padding: 6px 4px 6px 4px;
	width: 170px;
	border: solid 1px #FFFFFF;
	text-align: center;
}

#BottomPage3
{
	position: fixed;
	width: 90%; /*calc(90% - 2px);*/
	bottom: 0;
	overflow: auto;
	padding-bottom: 20px;
	/*margin-bottom: 20px;*/
	margin-top: 10px;
	background-color: #34495e;
	/*border: solid 1px #FFFFFF;*/
}

.loading
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	background-image: url("../media/loading.gif");
	background-size: 200px 200px;
	background-repeat: no-repeat;
	background-position: center center;
}
.msgTranzactie {
	width: calc(100% - 8px);
	position: absolute;
	top: 20%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 4px;
	background-color: #000000;
}
.refreshButton {
	width: 100%;
	position: absolute;
	top: 80%;
	text-align: center;
}
.btnRefresh
{
	border: solid 1px #ffffff;
	padding: 8px 20px 8px 20px;
	background-color: #2980b9;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
}

/****************************** MENIU PRINCIPAL ******************************/

#MeniuPrincipal
{
	width: 390px;
	overflow: auto;
	margin: 0 auto;
}

.SelectFirma
{
	padding: 4px;
	margin-bottom: 20px;
}
.cmbSelectFirma
{
	font-family: Calibri;
	font-size: 20px;
	padding: 10px 4px 10px 4px;
	width: 380px;
}

.ButonMP
{
	padding: 4px;
}
.btnButonMP
{
	background-color: #2980b9;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	padding: 10px;
	width: 380px;
	border: solid 1px #FFFFFF;
	cursor: pointer;
}
.btnButonMP:active
{
	background-color: #58a6da;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	padding: 10px;
	width: 380px;
	border: solid 1px #FFFFFF;
	cursor: pointer;
}

.ButonMP2
{
	padding: 40px 4px 4px 4px;
}
.btnButonMP2
{
	background-color: #8e44ad;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	padding: 10px;
	width: 380px;
	border: solid 1px #FFFFFF;
	cursor: pointer;
}
.btnButonMP2:active
{
	background-color: #ab6cc6;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	padding: 10px;
	width: 380px;
	border: solid 1px #FFFFFF;
	cursor: pointer;
}

.AfisareMesajZiInchisa
{
	text-align: center;
	font-family: Calibri;
	font-size: 18px;
	padding: 10px;
}
.AfisareLogoHomePage
{
	text-align: center;
	font-family: Calibri;
	padding: 0px;
}
.AfisareDetaliiDispozitiv {
	text-align: center;
	font-family: Calibri;
	font-size: 12px;
	padding: 10px;
	margin-top: 10px;
}

@media (max-width:430px) {
	#MeniuPrincipal
	{
		width: 320px;
	}
	.cmbSelectFirma
	{
		width: 310px;
		font-size: 16px;
	}
	.btnButonMP
	{
		width: 310px;
		font-size: 22px;
	}
	.btnButonMP2
	{
		width: 310px;
		font-size: 22px;
	}
}

@media (max-width:350px)
{
	#MeniuPrincipal
	{
		width: 250px;
	}
	.cmbSelectFirma
	{
		width: 240px;
		font-size: 14px;
	}
	.btnButonMP
	{
		width: 240px;
		font-size: 18px;
	}
	.btnButonMP2
	{
		width: 240px;
		font-size: 18px;
	}
}

@media (max-width:270px)
{
	#MeniuPrincipal
	{
		width: 180px;
	}
	.cmbSelectFirma
	{
		width: 170px;
		font-size: 12px;
	}
	.btnButonMP
	{
		width: 170px;
		font-size: 12px;
	}
	.btnButonMP2
	{
		width: 170px;
		font-size: 12px;
	}
}

/****************************** MENIU PRINCIPAL v2.0 ******************************/

#MeniuPrincipal2
{
	width: 800px;
	overflow: hidden;
	margin: 0 auto;
}
.SelectFirma2
{
	padding: 4px;
	margin-bottom: 20px;
	overflow: auto;
	margin: 0 auto;
	width: 400px;
	text-align: center;
}
.cmbSelectFirma2
{
	font-family: Calibri;
	font-size: 20px;
	padding: 10px 4px 10px 4px;
	width: 380px;
}
.ButoneMeniuPrincipal
{
	overflow: hidden;
}
.ButonMP3
{
	padding: 1px;
	margin: 2px;
	float: left;
	/*display:inline-block;*/
	width: 190px;
	height: 190px;
	background-color: #2980b9;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	border: solid 1px #FFFFFF;
	cursor: pointer;
}
.ButonMP3:active
{
	background-color: #58a6da;
}
.ButonMP3IMG
{
	width: 100px;
	height: 100px;
	/*overflow: auto;*/
	margin: 0 auto;
	margin-top: 20px;
}
.mp3img
{
	width: 100px;
	height: 100px; 
}
.ButonMP3TXT
{
	width: 180px;
	height: 50px;
	/*overflow: auto;*/
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
}

@media (max-width:885px)
{
	#MeniuPrincipal2
	{
		width: 600px;
	}
	.SelectFirma2
	{
		width: 400px;
	}
	.cmbSelectFirma2
	{
		width: 380px;
		font-size: 20px;
	}
	.ButonMP3
	{
		width: 140px;
		height: 140px;
		font-size: 18px;
	}
	.ButonMP3IMG
	{
		width: 70px;
		height: 70px;
		margin-top: 15px;
	}
	.mp3img
	{
		width: 70px;
		height: 70px; 
	}
	.ButonMP3TXT
	{
		width: 130px;
		height: 50px;
		margin-top: 10px;
	}
}

@media (max-width:665px)
{
	#MeniuPrincipal2
	{
		width: 400px;
	}
	.SelectFirma2
	{
		width: 380px;
	}
	.cmbSelectFirma2
	{
		width: 360px;
		font-size: 18px;
	}
	.ButonMP3
	{
		width: 90px;
		height: 90px;
		font-size: 15px;
	}
	.ButonMP3IMG
	{
		width: 40px;
		height: 40px;
		margin-top: 5px;
	}
	.mp3img
	{
		width: 40px;
		height: 40px; 
	}
	.ButonMP3TXT
	{
		width: 80px;
		height: 35px;
		margin-top: 5px;
	}
}

@media (max-width:440px)
{
	#MeniuPrincipal2
	{
		width: 200px;
	}
	.SelectFirma2
	{
		width: 180px;
	}
	.cmbSelectFirma2
	{
		width: 160px;
		font-size: 14px;
	}
	.ButonMP3
	{
		width: 90px;
		height: 90px;
		font-size: 15px;
	}
	.ButonMP3IMG
	{
		width: 40px;
		height: 40px;
		margin-top: 5px;
	}
	.mp3img
	{
		width: 40px;
		height: 40px; 
	}
	.ButonMP3TXT
	{
		width: 80px;
		height: 35px;
		margin-top: 5px;
	}
}

/****************************** PARTENERI ******************************/

#CautarePartener
{
	width: 450px;
	overflow:hidden;
	margin: 0 auto;
	padding-bottom: 5px;
	margin-bottom: 10px;
}


.divCelulaCP1
{
	float: left;
	padding: 4px;
	border: 1px solid #FFFFFF;
	margin-top: 4px;
}
.divCelulaCP2
{
	float: left;
	padding: 4px;
}
.divCelulaCP3
{
	float: left;
	padding: 4px 4px 4px 1px;
}


.txtNumePartener
{
	border: solid 1px #ffffff;
	font-family: Calibri;
	font-size: 18px;
	padding: 4px;
}

.btnCauta
{
	border: solid 1px #ffffff;
	padding: 4px 10px 4px 10px;
	background-color: #2980b9;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
}
.btnCauta:active
{
	border: solid 1px #ffffff;
	padding: 4px 10px 4px 10px;
	background-color: #58a6da;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
}

/*
@media (max-width:500px)
{
	#CautarePartener
	{
		width: 360px;
	}
	.divCelulaCP3
	{
		width: 350px;
		text-align: center;
	}
}

@media (max-width:395px)
{
	#CautarePartener
	{
		width: 270px;
	}
	.divCelulaCP1
	{
		margin-left: 4px;
		border: 0px solid #FFFFFF;
	}
	.divCelulaCP3
	{
		width: 250px;
		text-align: center;
	}
}
*/


.ListaParteneri
{
	text-align: left;
	display: none;
	padding: 5px;
	margin-bottom:65px;
}



.tableParteneri
{
	border-collapse: collapse;
    width: 100%;
}
.tableParteneriRowHeader
{
	font-weight: bold;
}
.tableParteneriRow
{
	cursor: pointer;
}
.tableParteneriCell
{
	padding: 5px;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
	border: 1px solid #FFFFFF;
}
td.tableParteneriCell1, td.tableParteneriCell2, td.tableParteneriCell3
{
	text-align: left;
	background-color: #2c3e50;
}

/*
.DivPartner
{
	overflow: auto;
	margin: 0 auto;
	width: 450px;
	cursor: pointer;
}
.DivPartnerName
{
	padding: 4px;
	float: left;
	text-align: left;
	width: 300px;
}
.DivPartnerCIF
{
	padding: 4px;
	float: left;
	text-align: left;
	width: 130px;
}
*/

/****************************** Emite Chitanta ******************************/

.TitluPartener
{
	overflow: hidden;
	text-align: center;
	margin-bottom: 20px;
}
.ListaFacturiNeplatite
{
	overflow: auto;
	text-align: center;
}
.SectiunePlata
{
	overflow: auto;
	margin-top: 20px;
	background-color: #34495e;
}

.TitluNumePartener
{
	font-family: Calibri;
	font-size: 24px;
	padding: 5px;
	font-weight: bold;
}

/*
.DivFacturaHeader, .DivFacturaF
{
	overflow: auto;
	margin: 0 auto;
	width: 800px;
	font-weight: bold;	
}
.DivFactura
{
	overflow: auto;
	margin: 0 auto;
	width: 800px;
	cursor: pointer;	
}
.DivFacturaSerie
{
	padding: 4px;
	float: left;
	text-align: left;
	width: 50px;
}
.DivFacturaNumar
{
	padding: 4px;
	float: left;
	text-align: left;
	width: 100px;
}
.DivFacturaData
{
	padding: 4px;
	float: left;
	text-align: left;
	width: 100px;
}
.DivFacturaDataScadenta
{
	padding: 4px;
	float: left;
	text-align: left;
	width: 100px;
}
.DivFacturaValoare
{
	padding: 4px;
	float: left;
	text-align: right;
	width: 130px;
}
.DivFacturaAchitat
{
	padding: 4px;
	float: left;
	text-align: right;
	width: 130px;
}
.DivFacturaRest
{
	padding: 4px;
	float: left;
	text-align: right;
	width: 130px;
}
*/


.SeciunePlataSelectata, .SeciunePlataManuala 
{
	overflow: auto;
	width: calc(100% - 1px);
	margin-bottom: 10px;
	background-color: #34495e;
}
#AfisareSumaSelectata, #AfisareSumaManuala 
{
	float: right;
	text-align: right;
}
#AfisareEroarePlataSelectata, #AfisareEroarePlataManuala 
{
	float: right;
	text-align: right;
	line-height: 32px;
}
#ButonPlataSelectata, #ButonPlataManuala 
{
	float: right;
	text-align: right;
}
.lblPlataSelectata, .lblPlataManuala
{
	text-align: right;
	font-family: Calibri;
	font-size: 20px;
	padding: 6px 4px 6px 4px;
	color: #FF0000;
}
.txtPlataSelectata, .txtPlataManuala 
{
	text-align: right;
	border: solid 1px #ffffff;
	font-family: Calibri;
	font-size: 20px;
	padding: 6px 4px 6px 4px;
	color: #000000;
}
.btnPlataSelectata, .btnPlataManuala
{
	border: solid 1px #ffffff;
	padding: 6px 4px 6px 4px;
	background-color: #27ae60;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
	width: 160px;
}
.btnPlataSelectata:active, .btnPlataManuala:active
{
	border: solid 1px #ffffff;
	padding: 6px 4px 6px 4px;
	background-color: #59d98e;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
	width: 160px;
}



.tableFacturi
{
	border-collapse: collapse;
    width: 100%;
}

.tableCell
{
	padding: 5px;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 14px;
	border: 1px solid #FFFFFF;
}

.tableRowHeader, .tableRowFooter
{
	font-weight: bold;
}
.tableRowFooter td.tableCell
{
	border-width: 0;
	background-color: #34495e;
}
.tableRow
{
	cursor: pointer;
}
.tableRow2
{
}
td.tableCell1 { text-align: left; }
td.tableCell2 { text-align: left; }
td.tableCell3 { text-align: left; }
td.tableCell4 { text-align: left; }
td.tableCell5 { text-align: right; }
td.tableCell6 { text-align: right; }
td.tableCell7 { text-align: right; }


table tr.tableRow:nth-child(even) {
    background-color: #2c3e50;
}
table tr.tableRow:nth-child(odd) {
   background-color: #2c3e50;
}
table th, table caption {
    background-color: #2980b9;
}

@media (max-width:800px)
{
	.tableCell
	{
		padding: 4px;
		font-size: 14px;
	}
}

@media (max-width:700px)
{
	.tableCell
	{
		padding: 4px;
		font-size: 14px;
	}
}

@media (max-width:600px)
{
	.tableCell
	{
		padding: 3px;
		font-size: 14px;
	}
}

@media (max-width:500px)
{
	.tableCell
	{
		padding: 3px;
		font-size: 14px;
	}
}

@media (max-width:400px)
{
	.tableCell
	{
		padding: 2px;
		font-size: 13px;
	}
}

@media (max-width:300px)
{
	.tableCell
	{
		padding: 2px;
		font-size: 12px;
	}
}

@media (max-width:200px)
{
	.tableCell
	{
		padding: 1px;
		font-size: 11px;
	}
}

/****************************** Emite Bon Colectare ******************************/

.txtCamp {
	border: solid 1px #ffffff;
	font-family: Calibri;
	font-size: 16px;
	padding: 4px;
	width: 200px;
}

.btnAddPoz {
	border: solid 1px #ffffff;
	padding: 6px 6px 6px 6px;
	background-color: #27ae60;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
	width: 38px;
	font-weight: bold;
	cursor: pointer;
}
.btnDelPoz {
	border: solid 1px #ffffff;
	padding: 6px 6px 6px 6px;
	background-color: #FF0000;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
	width: 38px;
	font-weight: bold;
	cursor: pointer;
}

/****************************** Factura Distribuita ******************************/
.btnMarcheazaTrimisa {
	border: solid 1px #ffffff;
	padding: 10px 6px 10px 6px;
	background-color: #27ae60;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 22px;
	width: 260px;
}
.btnMarcheazaTrimisa:active
{
	border: solid 1px #ffffff;
	padding: 10px 6px 10px 6px;
	background-color: #59d98e;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 22px;
	width:260px;
}

/****************************** Trimite Fisa Analitica ******************************/

.ListareEmails
{
	overflow: auto;
	text-align: center;
}
.itemEmail
{
	padding: 10px;
	text-align: center;
	cursor: pointer;
}

.SectiuneTextBoxEmail
{
	overflow: auto;
	text-align: center;
	margin: 0 auto;
	width: 300px;
}
.EmailLbl
{
	float: left;
	padding: 4px;
	border: 1px solid #FFFFFF;
	margin-top: 4px;
}
.EmailTxt
{
	float: left;
	padding: 4px;
}
.txtEmail
{
	text-align: left;
	border: solid 1px #ffffff;
	font-family: Calibri;
	font-size: 18px;
	padding: 4px;
}

.SectiuneMesaj
{
	margin-top: 20px;
	text-align: center;
}
.lblMesaj
{
	text-align: center;
	font-family: Calibri;
	font-size: 18px;
	padding: 5px;
	color: #FF0000;
}

.SectiuneButonTrimite
{
	overflow: auto;
	text-align: center;
	margin-top: 20px;
}
.btnTrimiteEmail
{
	border: solid 1px #ffffff;
	padding: 6px 4px 6px 4px;
	background-color: #27ae60;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
	width:120px;
}
.btnTrimiteEmail:active
{
	border: solid 1px #ffffff;
	padding: 6px 4px 6px 4px;
	background-color: #59d98e;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
	width:120px;
}

/****************************** Vizita ******************************/

.btnVizita
{
	border: solid 1px #ffffff;
	padding: 6px 4px 6px 4px;
	background-color: #27ae60;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
	width:190px;
}
.btnVizita:active
{
	border: solid 1px #ffffff;
	padding: 6px 4px 6px 4px;
	background-color: #59d98e;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
	width:190px;
}
.txtObs
{
	text-align: left;
	border: solid 1px #ffffff;
	font-family: Calibri;
	font-size: 18px;
	padding: 4px;
}
.btnDateContact
{
	border: solid 1px #ffffff;
	padding: 6px 4px 6px 4px;
	background-color: #27ae60;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
	width:200px;
}
.btnDateContact:active
{
	border: solid 1px #ffffff;
	padding: 6px 4px 6px 4px;
	background-color: #59d98e;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
	width200px;
}

/****************************** LISTA UTILIZATORI ******************************/

.TopUserPanel
{
	padding: 5px 5px 0px 1px;
}
.UserMsgPanel
{
	text-align: center;
}
.lblUserMsg
{
	padding: 8px;
	color: #FF0000;
	font-family: Calibri;
	font-size: 18px;
}
.ContentUserPanel
{
	text-align: center;
	margin-bottom: 10px;
}

.tableUsers
{
	border-collapse: collapse;
    width: 100%;
}

.tableUserCell
{
	padding: 5px;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
	border: 1px solid #FFFFFF;
}

.tableUsersRowHeader
{
	font-weight: bold;
}

td.tableUserCell0 { text-align: left; }
td.tableUserCell1 { text-align: left; }
td.tableUserCell2 { text-align: left; }
td.tableUserCell3 { text-align: left; }
td.tableUserCell4 { text-align: center; }
td.tableUserCell5 { text-align: center; }
td.tableUserCell6 { text-align: center; }
td.tableUserCell7 { text-align: center; }

table tr.tableUserRow:nth-child(even) {
    background-color: #2c3e50;
}
table tr.tableUserRow:nth-child(odd) {
    background-color: #2c3e50;
}

.tableAddUser
{
	border-collapse: collapse;
    /*width: 100%;*/
    margin: 0 auto;
}
.tableAddUserLeftCell, .tableAddUserRightCell
{
	padding: 5px;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
	/*border: 1px solid #FFFFFF;*/
}

.tableAddUserLeftCell
{
	text-align: right;
}
.tableAddUserRightCell
{
	text-align: left;
}

.txtNumeUtilizator, .txtParola1, .txtParola2, .txtNumePrenume
{
	text-align: left;
	border: solid 1px #ffffff;
	font-family: Calibri;
	font-size: 18px;
	padding: 4px;
	width: 240px;
}

.cmbNivel, .cmbUserSolon
{
	text-align: left;
	border: solid 1px #ffffff;
	font-family: Calibri;
	font-size: 18px;
	padding: 4px;
	width: 250px;
}

.btnAddUser
{
	border: solid 1px #ffffff;
	padding: 4px 12px 4px 12px;
	background-color: #27ae60;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
	margin-right: 8px;
}
.btnAddUser:active
{
	border: solid 1px #ffffff;
	padding: 4px 12px 4px 12px;
	background-color: #59d98e;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
	margin-right: 8px;
}
.btnRenunta
{
	border: solid 1px #ffffff;
	padding: 4px 12px 4px 12px;
	background-color: #e67e22;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
}
.btnRenunta:active
{
	border: solid 1px #ffffff;
	padding: 4px 12px 4px 12px;
	background-color: #eda15e;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
}

/****************************** CARNETE CHITANTE ******************************/

.tableCarnete
{
	border-collapse: collapse;
    width: 100%;
}

.tableCarnetCell
{
	padding: 5px;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 14px;
	border: 1px solid #FFFFFF;
}

.tableCarneteRowHeader
{
	font-weight: bold;
}

td.tableCarnetCell0 { text-align: left; }
td.tableCarnetCell1 { text-align: left; }
td.tableCarnetCell2 { text-align: left; }
td.tableCarnetCell3 { text-align: left; }
td.tableCarnetCell4 { text-align: left; }
td.tableCarnetCell5 { text-align: left; }
td.tableCarnetCell6 { text-align: left; }
td.tableCarnetCell7 { text-align: right; }
td.tableCarnetCell8 { text-align: right; }
td.tableCarnetCell9 { text-align: right; }
td.tableCarnetCell10 { text-align: center; }
td.tableCarnetCell11 { text-align: center; }
td.tableCarnetCell12 { text-align: center; }
td.tableCarnetCell13 { text-align: center; }

table tr.tableCarnetRow:nth-child(even) {
    background-color: #2c3e50;
}
table tr.tableCarnetRow:nth-child(odd) {
   background-color: #2c3e50;
}

.tableAddCarnet
{
	border-collapse: collapse;
    /*width: 100%;*/
    margin: 0 auto;
}
.tableAddCarnetLeftCell, .tableAddCarnetRightCell
{
	padding: 5px;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
	/*border: 1px solid #FFFFFF;*/
}

.tableAddCarnetLeftCell
{
	text-align: right;
}
.tableAddCarnetRightCell
{
	text-align: left;
}

.txtAnul, .txtSerie, .txtNrInitial, .txtNrFinal, .txtNrCurent
{
	text-align: left;
	border: solid 1px #ffffff;
	font-family: Calibri;
	font-size: 18px;
	padding: 4px;
	width: 240px;
}
.cmbFirma, .cmbMasina, .cmbUser, .cmbLuna, .cmbTip
{
	text-align: left;
	border: solid 1px #ffffff;
	font-family: Calibri;
	font-size: 18px;
	padding: 4px;
	width: 250px;
}
.chkBlocat
{
	margin-left: 2px;
}
.cblDrepturi
{
	font-family: Calibri;
	font-size: 14px;
}

.btnAddCarnet
{
	border: solid 1px #ffffff;
	padding: 4px 12px 4px 12px;
	background-color: #27ae60;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
	margin-right: 8px;
}
.btnAddCarnet:active
{
	border: solid 1px #ffffff;
	padding: 4px 12px 4px 12px;
	background-color: #59d98e;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
	margin-right: 8px;
}
.btnRenuntaCarnet
{
	border: solid 1px #ffffff;
	padding: 4px 12px 4px 12px;
	background-color: #e67e22;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
}
.btnRenuntaCarnet:active
{
	border: solid 1px #ffffff;
	padding: 4px 12px 4px 12px;
	background-color: #eda15e;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
}

/****************************** BORDEROU CHITANTE ******************************/

.BC_Panel
{
	width: 100%;
}
.BC_FiltuBarPanel
{
	cursor: pointer;
	font-weight:bold;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
	border: 1px solid #FFFFFF;
	background-color: #2980b9;
	padding: 5px;
}
.BC_FiltuPanel
{
	width: 100%;
	overflow: auto;
}
.BC_ContentPanel
{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

#FiltruPerioadaDelaBC { float: left; }
#FiltruPerioadaDelaBC1 { float: left; padding: 4px; width: 70px; line-height: 32px; }
#FiltruPerioadaDelaBC2 { float: left; padding: 4px; }
#FiltruPerioadaPanalaBC { float: left; }
#FiltruPerioadaPanalaBC1 { float: left; padding: 4px; width: 70px; line-height: 32px; }
#FiltruPerioadaPanalaBC2 { float: left; padding: 4px; }
#FiltruMetIncBC { float: left; }
#FiltruMetIncBC1 { float: left; padding: 4px; width: 70px; line-height: 32px; }
#FiltruMetIncBC2 { float: left; padding: 4px; }
#FiltruFirmaBC { float: left; }
#FiltruFirmaBC1 { float: left; padding: 4px; width: 70px; line-height: 32px; }
#FiltruFirmaBC2 { float: left; padding: 4px; }
#FiltruZoneBC { float: left; }
#FiltruZoneBC1 { float: left; padding: 4px; width: 70px; line-height: 32px; }
#FiltruZoneBC2 { float: left; padding: 4px; }
#FiltruMasinaBC { float: left; }
#FiltruMasinaBC1 { float: left; padding: 4px; width: 70px; line-height: 32px; }
#FiltruMasinaBC2 { float: left; padding: 4px; }
#FiltruUtilizatorBC { float: left; }
#FiltruUtilizatorBC1 { float: left; padding: 4px; width: 70px; line-height: 32px; }
#FiltruUtilizatorBC2 { float: left; padding: 4px; }
#FiltruButonBC { float: left; }
#FiltruButonBC1 { float: left; padding: 4px; }
#ExcelButonBC { float: right; }
#ExcelButonBC1 { float: left; padding: 4px; }

#FiltruCompara { float: left; }
#FiltruCompara1 { float: left; padding: 4px; width: 70px; line-height: 32px; }
#FiltruCompara2 { float: left; padding: 4px; }

#FiltruComparaDela { float: left; }
#FiltruComparaDela1 { float: left; padding: 4px; width: 70px; line-height: 32px; }
#FiltruComparaDela2 { float: left; padding: 4px; }

#FiltruCuiBC { float: left; }
#FiltruCuiBC1 { float: left; padding: 4px; width: 70px; line-height: 32px; }
#FiltruCuiBC2 { float: left; padding: 4px; }

#FiltruContractBC { float: left; }
#FiltruContractBC1 { float: left; padding: 4px; width: 70px; line-height: 32px; }
#FiltruContractBC2 { float: left; padding: 4px; }

#FiltruTipDeseuBC { float: left; }
#FiltruTipDeseuBC1 { float: left; padding: 4px; width: 70px; line-height: 32px; }
#FiltruTipDeseuBC2 { float: left; padding: 4px; }

#FiltruTipRecipientBC { float: left; }
#FiltruTipRecipientBC1 { float: left; padding: 4px; width: 70px; line-height: 32px; }
#FiltruTipRecipientBC2 { float: left; padding: 4px; }

#FiltruGrupareBC { float: left; }
#FiltruGrupareBC1 { float: left; padding: 4px; width: 70px; line-height: 32px; }
#FiltruGrupareBC2 { float: left; padding: 4px; }

.txtDelaBC, .txtPanalaBC
{
	border: solid 1px #ffffff;
	font-family: Calibri;
	font-size: 18px;
	padding: 4px;
	width: 140px;
}
.cmbFirmaBC, .cmbMasinaBC, .cmbUserBC, .cmbMetIncBC, .cmbStareBC, .cmbFormatBC {
	border: solid 1px #ffffff;
	font-family: Calibri;
	font-size: 18px;
	padding: 4px;
	width: 150px;
}
.txtCuiBC, .txtContractBC {
	border: solid 1px #ffffff;
	font-family: Calibri;
	font-size: 18px;
	padding: 4px;
	width: 140px;
}
.btnFiltruBC
{
	border: solid 1px #ffffff;
	padding: 5px;
	background-color: #2980b9;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
}
.btnFiltruBC:active
{
	border: solid 1px #ffffff;
	padding: 5px;
	background-color: #58a6da;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
}

.btnExcelBC
{
	border: solid 1px #ffffff;
	padding: 5px 15px 5px 15px;
	background-color: #95a5a6;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
}
.btnExcelBC:active
{
	border: solid 1px #ffffff;
	padding: 5px 15px 5px 15px;
	background-color: #95a5a6;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
}


.tableBC
{
	border-collapse: collapse;
    width: 100%;
}

.tableBCCell
{
	padding: 3px;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 14px;
	border: 1px solid #FFFFFF;
}

.tableBCRowHeader
{
	font-weight: bold;
}

td.tableBCCell0 { text-align: left; }
td.tableBCCell1 { text-align: left; }
td.tableBCCell2 { text-align: right; }
td.tableBCCell3 { text-align: right; }
td.tableBCCell4 { text-align: left; }
td.tableBCCell5 { text-align: left; }
td.tableBCCell6 { text-align: left; }
td.tableBCCell7 { text-align: left; }
td.tableBCCell8 { text-align: left; }
td.tableBCCell9 { text-align: left; }
td.tableBCCell10 { text-align: center; }
td.tableBCCell11 { text-align: center; }
td.tableBCCell12 { text-align: center; }
td.tableBCCell13 { text-align: center; }

table tr.tableBCRow:nth-child(even) {
    background-color: #2c3e50;
}
table tr.tableBCRow:nth-child(odd) {
   background-color: #2c3e50;
}

/****************************** RAPORT ACTIVITATI ******************************/

#OptionAF, #OptionEC, #OptionFD, #OptionFA, #OptionVZ, #OptionIZ, #OptionDC, #OptionBC { float: left; }
#OptionAF1, #OptionEC1, #OptionFD1, #OptionFA1, #OptionVZ1, #OptionIZ1, #OptionDC1, #OptionBC1 { float: left; padding: 4px; margin-top: 2px; }
#OptionAF2, #OptionEC2, #OptionFD2, #OptionFA2, #OptionVZ2, #OptionIZ2, #OptionDC2, #OptionBC2 { float: left; padding: 4px; width: 182px; }

input.chkAF[type=checkbox] {
	display:none;
}
input.chkAF[type=checkbox] + .lblAF
{
	background-image: url("../media/AchitareFactura_128.png");
	background-size: 20px 20px;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	height: 16px;
	width: 148px;
	display:inline-block;
	padding: 2px 2px 2px 22px;
	color: #e1e4ea;
	line-height: 20px;
}   
input.chkAF[type=checkbox]:checked + .lblAF
{
	background-image: url("../media/AchitareFactura_128.png");
	background-size: 20px 20px;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
	height: 16px;
	width: 148px;
	display:inline-block;
	padding: 2px 2px 2px 22px;
	color: #FFFFFF;
	line-height: 20px;
}

input.chkEC[type=checkbox] {
	display:none;
}
input.chkEC[type=checkbox] + .lblEC
{
	background-image: url("../media/EmitereChitanta_128.png");
	background-size: 20px 20px;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	height: 16px;
	width: 148px;
	display:inline-block;
	padding: 2px 2px 2px 22px;
	color: #e1e4ea;
	line-height: 20px;
}   
input.chkEC[type=checkbox]:checked + .lblEC
{
	background-image: url("../media/EmitereChitanta_128.png");
	background-size: 20px 20px;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
	height: 16px;
	width: 148px;
	display:inline-block;
	padding: 2px 2px 2px 22px;
	color: #FFFFFF;
	line-height: 20px;
}

input.chkFD[type=checkbox] {
	display:none;
}
input.chkFD[type=checkbox] + .lblFD
{
	background-image: url("../media/FacturaDistribuita_128.png");
	background-size: 20px 20px;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	height: 16px;
	width: 148px;
	display:inline-block;
	padding: 2px 2px 2px 22px;
	color: #e1e4ea;
	line-height: 20px;
}   
input.chkFD[type=checkbox]:checked + .lblFD
{
	background-image: url("../media/FacturaDistribuita_128.png");
	background-size: 20px 20px;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
	height: 16px;
	width: 148px;
	display:inline-block;
	padding: 2px 2px 2px 22px;
	color: #FFFFFF;
	line-height: 20px;
}

input.chkFA[type=checkbox] {
	display:none;
}
input.chkFA[type=checkbox] + .lblFA
{
	background-image: url("../media/FisaAnalitica_128.png");
	background-size: 20px 20px;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	height: 16px;
	width: 148px;
	display:inline-block;
	padding: 2px 2px 2px 22px;
	color: #e1e4ea;
	line-height: 20px;
}   
input.chkFA[type=checkbox]:checked + .lblFA
{
	background-image: url("../media/FisaAnalitica_128.png");
	background-size: 20px 20px;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
	height: 16px;
	width: 148px;
	display:inline-block;
	padding: 2px 2px 2px 22px;
	color: #FFFFFF;
	line-height: 20px;
}

input.chkVZ[type=checkbox] {
	display:none;
}
input.chkVZ[type=checkbox] + .lblVZ
{
	background-image: url("../media/Vizita_128.png");
	background-size: 20px 20px;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	height: 16px;
	width: 148px;
	display:inline-block;
	padding: 2px 2px 2px 22px;
	color: #e1e4ea;
	line-height: 20px;
}   
input.chkVZ[type=checkbox]:checked + .lblVZ
{
	background-image: url("../media/Vizita_128.png");
	background-size: 20px 20px;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
	height: 16px;
	width: 148px;
	display:inline-block;
	padding: 2px 2px 2px 22px;
	color: #FFFFFF;
	line-height: 20px;
}

input.chkIZ[type=checkbox] {
	display:none;
}
input.chkIZ[type=checkbox] + .lblIZ
{
	background-image: url("../media/InchidereZi_128.png");
	background-size: 20px 20px;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	height: 16px;
	width: 148px;
	display:inline-block;
	padding: 2px 2px 2px 22px;
	color: #e1e4ea;
	line-height: 20px;
}   
input.chkIZ[type=checkbox]:checked + .lblIZ
{
	background-image: url("../media/InchidereZi_128.png");
	background-size: 20px 20px;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
	height: 16px;
	width: 148px;
	display:inline-block;
	padding: 2px 2px 2px 22px;
	color: #FFFFFF;
	line-height: 20px;
}

input.chkDC[type=checkbox] {
	display:none;
}
input.chkDC[type=checkbox] + .lblDC
{
	background-image: url("../media/DateContact_128.png");
	background-size: 20px 20px;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	height: 16px;
	width: 148px;
	display:inline-block;
	padding: 2px 2px 2px 22px;
	color: #e1e4ea;
	line-height: 20px;
}   
input.chkDC[type=checkbox]:checked + .lblDC
{
	background-image: url("../media/DateContact_128.png");
	background-size: 20px 20px;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
	height: 16px;
	width: 148px;
	display:inline-block;
	padding: 2px 2px 2px 22px;
	color: #FFFFFF;
	line-height: 20px;
}

input.chkBC[type=checkbox] {
	display: none;
}
input.chkBC[type=checkbox] + .lblBC {
	background-image: url("../media/BonConsum_128.png");
	background-size: 20px 20px;
	background-repeat: no-repeat;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	height: 16px;
	width: 148px;
	display: inline-block;
	padding: 2px 2px 2px 22px;
	color: #e1e4ea;
	line-height: 20px;
}
input.chkBC[type=checkbox]:checked + .lblBC {
	background-image: url("../media/BonConsum_128.png");
	background-size: 20px 20px;
	background-repeat: no-repeat;
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
	height: 16px;
	width: 148px;
	display: inline-block;
	padding: 2px 2px 2px 22px;
	color: #FFFFFF;
	line-height: 20px;
}

.tableRA
{
	border-collapse: collapse;
    width: 100%;
}

.tableRACell
{
	padding: 5px;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 14px;
	border: 1px solid #FFFFFF;
}

.tableRARowHeader
{
	font-weight: bold;
}

td.tableRACell0 { text-align: center; }
td.tableRACell1 { text-align: left; }
td.tableRACell2 { text-align: left; }
td.tableRACell3 { text-align: left; }
td.tableRACell4 { text-align: left; }
td.tableRACell5 { text-align: left; }
td.tableRACell6 { text-align: left; }
td.tableRACell7 { text-align: center; }
td.tableRACell8 { text-align: center; }
td.tableRACell9 { text-align: center; }
td.tableRACell10 { text-align: left; }

table tr.tableRARow:nth-child(even) {
    background-color: #2c3e50;
}
table tr.tableRARow:nth-child(odd) {
   background-color: #2c3e50;
}

/****************************** SETARI ******************************/

#SetariErrorMsg
{
	text-align: center;
	color: #FF0000;
	font-family: Calibri;
	font-size: 18px;
	padding: 4px;
}
#SetariContent
{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.SetariRand
{
	width: 466px;
	margin: 0 auto;
	overflow: auto;
}
.SetariRand1
{
	float: left;
	width: 200px;
	padding: 4px;
	line-height: 32px;
}
.SetariRand2
{
	float: left;
	width: 250px;
	padding: 4px;
}

.txtSetare
{
	border: solid 1px #ffffff;
	font-family: Calibri;
	font-size: 18px;
	padding: 4px;
	width: 200px;
}
.cmbSetare
{
	border: solid 1px #ffffff;
	font-family: Calibri;
	font-size: 18px;
	padding: 4px;
	width: 210px;
}
.chkSetare
{
	margin-top: 6px;
}

.btnSaveSettings
{
	border: solid 1px #ffffff;
	padding: 4px 12px 4px 12px;
	background-color: #27ae60;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
}
.btnSaveSettings:active
{
	border: solid 1px #ffffff;
	padding: 4px 12px 4px 12px;
	background-color: #59d98e;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
}

.btnTestSmtp
{
	border: solid 1px #ffffff;
	padding: 4px 20px 4px 20px;
	background-color: #2980b9;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
}
.btnTestSmtp:active
{
	border: solid 1px #ffffff;
	padding: 4px 20px 4px 20px;
	background-color: #58a6da;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
}

.txtSmtpFrom {}
.txtSmtpHost {}
.txtSmtpUser {}
.txtSmtpPass {}
.txtSmtpPort {}
.chkSmtpSsl {}
.cmbSmtpSslMode {}
.cmbSmtpAuthType {}
.txtTo {}

/****************************** LISTA MASINI ******************************/

.tableMasini
{
	border-collapse: collapse;
    width: 100%;
}

.tableMasiniCell
{
	padding: 5px;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
	border: 1px solid #FFFFFF;
}

.tableMasiniRowHeader
{
	font-weight: bold;
}

td.tableMasiniCell0 { text-align: left; }
td.tableMasiniCell1 { text-align: left; }
td.tableMasiniCell2 { text-align: center; }
td.tableMasiniCell3 { text-align: center; }
td.tableMasiniCell4 { text-align: center; }
td.tableMasiniCell5 { text-align: center; }
td.tableMasiniCell6 { text-align: left; }
td.tableMasiniCell7 { text-align: center; }
td.tableMasiniCell8 { text-align: center; }

table tr.tableMasiniRow:nth-child(even) {
    background-color: #2c3e50;
}
table tr.tableMasiniRow:nth-child(odd) {
   background-color: #2c3e50;
}

/****************************** MODAL BOX ******************************/

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: calc(100% - 65px); /* Full height */
    overflow:hidden; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    margin-top: 65px;
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 0px solid #888;
    width: 100%;
    height: 100%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0;} 
    to {top:0; opacity:1;}
}

@keyframes animatetop {
    from {top:-300px; opacity:0;}
    to {top:0; opacity:1;}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-title {
	margin-top: 7px;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
	height: 30px;
}

.modal-body 
{
	background-color: #e5e3df;
	padding: 0px 0px;
	height: calc(100% - 34px);
    margin: 0;           
}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
#map {
	height: 100%;
	width: 100%;
}

/****************************** Verifica incasari ******************************/

.ListaFacturiNeplatite
{
	overflow: auto;
	text-align: center;
}


.tableVerIncasari
{
	border-collapse: collapse;
    width: 100%;
    left:auto;
    right:auto;
}

.ListaIcasari
{
	margin-top: 10px;
	margin-bottom: 45px;
	text-align: center;
}

/****************************** Monitor Agenti ******************************/

.tableEvenienteMonitor
{
	border-collapse: collapse;
    width: 100%;
}

.tableEvenienteMonitorCell
{
	padding: 2px;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 14px;
	border: 1px solid #FFFFFF;
}
.tableEvenienteMonitorCellRed
{
	padding: 2px;
	color: #f9bdc8;
	font-family: Calibri;
	font-size: 14px;
	border: 1px solid #FFFFFF;
}
.tableEvenienteMonitorCellOrange
{
	padding: 2px;
	color: #efc09b;
	font-family: Calibri;
	font-size: 14px;
	border: 1px solid #FFFFFF;
}

.tableEvenienteMonitorRowHeader
{
	font-weight: bold;
}

table tr.tableEvenienteMonitorRow:nth-child(even) {
    background-color: #2c3e50;
}
table tr.tableEvenienteMonitorRow:nth-child(odd) {
   background-color: #34495e;
}

/****************************** Stari Dispozitive ******************************/

.tableStari
{
	border-collapse: collapse;
    width: 100%;
}

.tableStariCell
{
	padding: 5px;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
	border: 1px solid #FFFFFF;
}

.tableStariRowHeader
{
	font-weight: bold;
}

td.tableStariCell0 { text-align: left; }
td.tableStariCell1 { text-align: left; }
td.tableStariCell2 { text-align: left; }
td.tableStariCell3 { text-align: left; }
td.tableStariCell4 { text-align: left; }
td.tableStariCell5 { text-align: left; }
td.tableStariCell6 { text-align: left; }
td.tableStariCell7 { text-align: left; }
td.tableStariCell8 { text-align: left; }

table tr.tableStariRow:nth-child(even) {
    background-color: #2c3e50;
}
table tr.tableStariRow:nth-child(odd) {
	background-color: #2c3e50;
}

.cmbTipStare
{
	border: solid 1px #ffffff;
	font-family: Calibri;
	font-size: 18px;
	padding: 4px;
	width: 150px;
}

#FiltruTipStare { float: left; }
#FiltruTipStare1 { float: left; padding: 4px; width: 70px; line-height: 32px; }
#FiltruTipStare2 { float: left; padding: 4px; }

/********** TABEL AGENTI ***********/

.FiltruComp { float: left; }
.FiltruComp2 { float: right; }
.FiltruCompLab { float: left; padding: 4px; width: 40px; line-height: 32px; }
.FiltruCompLab2 { float: left; padding: 4px; width: 90px; line-height: 32px; }
.FiltruCompCmb { float: left; padding: 4px; }

.FiltruCompBtn { float: left; padding: 4px; }

.cmbFiltruLuna, .cmbFiltruAn
{
	border: solid 1px #ffffff;
	font-family: Calibri;
	font-size: 18px;
	padding: 4px;
	width: 70px;
}
.cmbFiltruUsers
{
	border: solid 1px #ffffff;
	font-family: Calibri;
	font-size: 18px;
	padding: 4px;
	width: 150px;
}
.txtFiltruNrFact
{
	border: solid 1px #ffffff;
	font-family: Calibri;
	font-size: 18px;
	padding: 5px;
	width: 60px;
	text-align: right;
}
.btnFiltruTabel
{
	border: solid 1px #ffffff;
	padding: 5px;
	background-color: #2980b9;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
}
.btnFiltruTabel:active
{
	border: solid 1px #ffffff;
	padding: 5px;
	background-color: #58a6da;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
}


.TabelAgenti
{
	border-collapse: collapse;
	border: 1px solid #FFFFFF;
	/*width: 100%;*/
}

.TabelAgenti th, .TabelAgenti td {
    border: 1px solid #FFFFFF;
    padding: 1px; 
    font-size: 12px;
}

.TabelAgenti td 
{
	/*background-color: #ffffff;*/
	color: #FFFFFF;
	min-width: 40px;
}

.TabelAgenti th 
{
	background-color: #2980b9;
	color: #FFFFFF;
}


/********** ACTIVITATE UTILIZATORI ***********/

.tableAU
{
	border-collapse: collapse;
    /*width: 100%;*/
}

.tableAUCell
{
	padding: 3px;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 14px;
	border: 1px solid #FFFFFF;
	width: 90px;
}

.tableAURowHeader
{
	font-weight: bold;
}

td.tableAUCell0 { text-align: left; }
td.tableAUCell1 { text-align: left; }
td.tableAUCell2 { text-align: left; }
td.tableAUCell3 { text-align: right; }
td.tableAUCell4 { text-align: right; }
td.tableAUCell5 { text-align: right; }

table tr.tableAURow:nth-child(even) {
    background-color: #2c3e50;
}
table tr.tableAURow:nth-child(odd) {
   background-color: #2c3e50;
}

/********** TOTALIZATOR PLATI ***********/

.tableTP
{
	border-collapse: collapse;
    width: 100%;
}

.tableTPCell
{
	padding: 3px;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 14px;
	border: 1px solid #FFFFFF;
}

.tableTPRowHeader
{
	font-weight: bold;
}

td.tableTPCell0 { text-align: left; }
td.tableTPCell1 { text-align: right; width: 150px; }

table tr.tableTPRow:nth-child(even) {
    background-color: #2c3e50;
}
table tr.tableTPRow:nth-child(odd) {
   background-color: #2c3e50;
}

/********** PERSOANE DE CONTACT ***********/

.CopyButon
{
	background-color: #2980b9;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	width: 185px;
	border: solid 1px #FFFFFF;
	text-align: center;
}
.CopyButon:active
{
	background-color: #58a6da;
}

/****************************** PIC MODAL BOX ******************************/

#picModal
{
	display: none;
	position: fixed;
	left: 0;
	top: 0px;
	width: 100%;
	height: calc(100% - 0px);
	background-color: #f4f5f7;
	z-index: 3;
}
#picModalHeader
{
	height: 48px;
	overflow: hidden;
}
#picModalHeaderClose
{
	float: right;
}
#picModalContent
{
	height: calc(100% - 48px);
	text-align: center;
	vertical-align: middle;
}

.btnAdaugaPoza
{
	border: solid 1px #ffffff;
	padding: 6px 4px 6px 4px;
	background-color: #75a8f9;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
	width:190px;
	background-image: url('../media/poza_48px.png');
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 5% 50%;
	padding-left: 30px;
}
.btnAdaugaPoza:active
{
	background-color: #99baef;
}

/****************************** PIC MODAL BOX GALLERY ******************************/

#picGallery
{
	display: none;
	position: fixed;
	left: 0;
	top: 0px;
	width: 100%;
	height: calc(100% - 0px);
	background-color: #f4f5f7;
	z-index: 3;
}
#picGalleryHeader
{
	height: 48px;
	overflow: hidden;
}
.picGalleryHeaderTitle
{
	float: left;
}
#picGalleryHeaderClose
{
	float: right;
}
.picGalleryContent
{
	height: calc(100% - 48px - 48px);
	text-align: center;
	vertical-align: middle;
}
#picGalleryFooter
{
	height: 48px;
	overflow: hidden;
}
.picGalleryNavig
{
	text-align: center;
	overflow-x: auto;
	overflow-y: hidden;
}

.picHolder
{
	height: 100%;/*calc(100% - 48px - 48px);*/
	text-align: center;
	vertical-align: middle;
}
.picMenuLink
{
	margin-right: 4px;
	margin-left: 4px;
	cursor: pointer;
	color: #000000;
	font-size: 28px;
	font-weight: bold;
	border: 1px solid #000000;
	padding: 2px 6px 2px 6px;
}

.picDescription {
	margin-top: 10px;
	font-size: 16px;
	color: #333;
}

/****************************** LISTA DISPOZITIVE MYPOS ******************************/

.TopDMPPanel {
	padding: 5px 5px 0px 1px;
}

.DMPMsgPanel {
	text-align: center;
}

.lblDMPMsg {
	padding: 8px;
	color: #FF0000;
	font-family: Calibri;
	font-size: 18px;
}

.ContentDMPPanel {
	text-align: center;
	margin-bottom: 10px;
}

.tableDMP {
	border-collapse: collapse;
	width: 100%;
}

.tableDMPCell {
	padding: 5px;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
	border: 1px solid #FFFFFF;
}

.tableDMPRowHeader {
	font-weight: bold;
}

td.tableDMPCell0 {
	text-align: left;
}

td.tableDMPCell1 {
	text-align: left;
}

td.tableDMPCell2 {
	text-align: left;
}

td.tableDMPCell3 {
	text-align: left;
}

td.tableDMPCell4 {
	text-align: center;
}

td.tableDMPCell5 {
	text-align: center;
}

td.tableDMPCell7 {
	text-align: center;
}

table tr.tableDMPRow:nth-child(even) {
	background-color: #2c3e50;
}

table tr.tableDMPRow:nth-child(odd) {
	background-color: #2c3e50;
}

.tableAddDMP {
	border-collapse: collapse;
	/*width: 100%;*/
	margin: 0 auto;
}

.tableAddDMPLeftCell, .tableAddDMPRightCell {
	padding: 5px;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 18px;
	/*border: 1px solid #FFFFFF;*/
}

.tableAddDMPLeftCell {
	text-align: right;
}

.tableAddDMPRightCell {
	text-align: left;
}

.txtTID, .txtAliasDMP  {
	text-align: left;
	border: solid 1px #ffffff;
	font-family: Calibri;
	font-size: 18px;
	padding: 4px;
	width: 240px;
}

.cmbCurrencyDMP, .cmbAsociereTerminalDMP {
	text-align: left;
	border: solid 1px #ffffff;
	font-family: Calibri;
	font-size: 18px;
	padding: 4px;
	width: 250px;
}

.chkPairDMP {
	margin-left: 2px;
}

.btnAddDMP {
	border: solid 1px #ffffff;
	padding: 4px 12px 4px 12px;
	background-color: #27ae60;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
	margin-right: 8px;
}

	.btnAddDMP:active {
		border: solid 1px #ffffff;
		padding: 4px 12px 4px 12px;
		background-color: #59d98e;
		color: #FFFFFF;
		font-family: Calibri;
		font-size: 20px;
		margin-right: 8px;
	}

.btnRenuntaDMP {
	border: solid 1px #ffffff;
	padding: 4px 12px 4px 12px;
	background-color: #e67e22;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 20px;
}

	.btnRenuntaDMP:active {
		border: solid 1px #ffffff;
		padding: 4px 12px 4px 12px;
		background-color: #eda15e;
		color: #FFFFFF;
		font-family: Calibri;
		font-size: 20px;
	}