body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #3B3B3B;
}

#pagina{
	width: 768px;
	margin: 0 auto;
}

@media screen and (min-width: 1024px) {
    #pagina {
        width: 1024px;
    }
}

@media screen and (min-width: 1200px) {
    #pagina {
        width: 1200px;
    }
}

@media screen and (min-width: 1440px) {
    #pagina {
        width: 1300px;
    }
}

#header {
	width: 100%;
	height: 120px;
	margin-top: 10px;
	background-image: url('../imagini/header.png');
    background-repeat: no-repeat;
	border-bottom: 1px #b7d9a6 solid;
    background-size: contain;
    background-position-x: center;
}

#continut {
	width: 100%;
	margin-top: 5px;
    min-height: 300px;
}

.main {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.submeniu {
	height: 15px;
	margin-bottom: 10px;
	border-bottom: 1px #b7d9a6 solid;
	padding-bottom: 5px;
    width: 100%;
}

.submeniu a {
	text-decoration: none;
}

.element {
	width: 150px;
	height: 170px;
	float: left;
	margin-left: 40px;
	margin-top: 40px;
	padding-bottom: 5px;
	text-align: center;
	border: 1px solid #B7D9A6;
}

.dreapta {
	width: 700px;
	float: right;
	text-align: right;
	padding-right: 10px;
	margin-top: 20px;
}

.dreapta a {
	text-decoration: none;
}

.dreapta_jos {
	width: 200px;
	float: right;
	text-align: right;
	margin-right: 400px;
}

.adauga_dreapta {
	width: 370px;
	float: right;
	font-size: 16px;
	color: blue;
	margin-right: 400px;
}

.login {
	width: 450px;
	margin: 0 auto;
	margin-top: 100px;
	margin-bottom: 100px;
}

.login_camp{
	text-align: right;
}

.input_login {
	width: 150px;
}

#footer {
	width: 100%;
	height: 50px;
	margin: 0 auto;
	padding: 0 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	border-top: 1px #b7d9a6 solid;
}

.rosu {
	color: red;
}

.verde {
	color: green;
}

.color_wait {
	color: #CC6666;
}

.albastru {
	color: blue;
}

.eroare_login {
	height: 20px;
}

.show_user {
	height:20px;
	float: right;
	margin-top: 100px;
	/* margin-right: 175px; */
	text-align: right;
	color: #b7d9a6;
}

.show_user a {
	text-decoration: none;
}

.add_cerere {
	text-decoration: none;
	color: blue;
	margin-left: 20px;
	font-size: small;
}

.fundal_observatii {
	background: #EAACAC;
}

.fundal_cereri_new {
	background: #F4F970;
}

.download {
	text-decoration: none;
	color: blue;
}

.change_pass {
	text-align: center;
}

.formLayout {
   background-color: #f3f3f3;
   border: solid 1px #a1a1a1;
   padding: 10px;
   width: 450px;
}

.formLayout_client {
   background-color: #f3f3f3;
   border: solid 1px #a1a1a1;
   padding: 10px;
   width: 410px;
}


.formLayout_factura {
   background-color: #f3f3f3;
   border: solid 1px #a1a1a1;
   padding: 10px;
   width: 500px;
}

.formLayout_nir{
   background-color: #f3f3f3;
   border: solid 1px #a1a1a1;
   padding: 10px;
   width: 800px;
	float: left;
	margin-left: 10px;
}
.formLayout_nir_furnizor {
   background-color: #f3f3f3;
   border: solid 1px #a1a1a1;
   padding: 10px;
   width: 400px;
	float: left;
	margin-left: 40px;
}

.formLayout_factura label {
   display: block;
   width: 150px;
   float: left;
   text-align: right;
   padding-right: 20px;
   margin-bottom: 10px;
}

.formLayout_nir label {
   display: block;
   width: 130px;
   float: left;
   text-align: right;
   padding-right: 20px;
   margin-bottom: 10px;
}

.formLayout_nir select {
   width: 350px;
}

.formLayout_factura input {
   display: block;
   width: 300px;
   float: left;
   margin-bottom: 10px;
}

.formLayout_nir input {
   display: block;
   width: 200px;
   float: left;
   margin-bottom: 10px;
}

.form_popup_upload {
   background-color: #f3f3f3;
   border: solid 1px #a1a1a1;
   padding: 10px;
   width: 480px;
	margin-left: 40px;
	margin-top: 30px;
}

.form_popup_upload label{
   display: block;
   width: 140px;
   float: left;
   text-align: right;
   padding-right: 20px;
   margin-bottom: 10px;
	margin-top: 10px;
}

.form_popup_upload input{
   display: block;
   float: left;
   margin-bottom: 10px;
}

.form_popup {
   background-color: #f3f3f3;
   border: solid 1px #a1a1a1;
   padding: 10px;
   width: 380px;
	margin-left: 40px;
	margin-top: 30px;
}

.form_popup textarea{
   display: block;
   width: 150px;
	height: 60px;
   float: left;
   margin-bottom: 10px;
}

.form_popup label{
   display: block;
   width: 140px;
   float: left;
   text-align: right;
   padding-right: 20px;
   margin-bottom: 10px;
	margin-top: 10px;
}

.form_popup input{
   display: block;
   float: left;
   margin-bottom: 10px;
}

.form_popup select{
   display: block;
   float: left;
   margin-bottom: 10px;
}

.form_popup_cmd{
   background-color: #f3f3f3;
   border: solid 1px #a1a1a1;
   padding: 10px;
   width: 590px;
	margin-left: 40px;
	margin-top: 30px;
}

.form_popup_cmd textarea{
   display: block;
   float: left;
   margin-bottom: 10px;
}

.form_popup_cmd label{
   display: block;
   width: 140px;
   float: left;
   text-align: right;
   padding-right: 20px;
   margin-bottom: 10px;
	margin-top: 10px;
}

.form_popup_cmd input{
   display: block;
   float: left;
   margin-bottom: 10px;
}

.form_popup_cmd select{
   display: block;
   float: left;
   margin-bottom: 10px;
}


.formLayout label {
   display: block;
   width: 190px;
   float: left;
   text-align: right;
   padding-right: 20px;
   margin-bottom: 10px;
}

.formLayout input {
   display: block;
   width: 180px;
   float: left;
   margin-bottom: 10px;
}

.formLayout_client label {
   display: block;
   width: 130px;
   float: left;
   text-align: right;
   padding-right: 20px;
   margin-bottom: 10px;
}

.formLayout_client input {
   display: block;
   width: 230px;
   float: left;
   margin-bottom: 10px;
}

br{
   clear: left;
}

.formLayoutadd_cerere{
   background-color: #f3f3f3;
   border: solid 1px #a1a1a1;
   padding: 10px;
   width: 370px;
}

.formLayoutadd_cerere label {
   display: block;
   width: 80px;
   float: left;
   text-align: right;
   padding-right: 20px;
   margin-bottom: 10px;
}

.formLayoutadd_cerere input {
   display: block;
   width: 240px;
   float: left;
   margin-bottom: 10px;
}


.mesaje_eroare {
	background-color: #ffff99;
   border: solid 1px #a1a1a1;
	width: 380px;
	margin-bottom: 10px;
	padding: 10px;
}

.tabel {
   background-color: #f3f3f3;
}


table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px auto 15px;
	font-size: .9em;
	width: 100%;
	text-align: left;
	-moz-box-shadow:3px 3px 5px #dedede;
	-webkit-box-shadow:3px 3px 5px #dedede;
	box-shadow:3px 3px 5px #dedede;
}

table.tablesorter thead {
	color:#333;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background: #FAFBFC;
	background-image:-moz-linear-gradient(center top , #FAFBFC, #E2E5E9);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFBFC), to(#E2E5E9));
	border: 1px solid #FFF;
	font-size: 11px;
	padding: 4px 4px;
	text-shadow:1px 1px 1px white;
}

table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align:top;
}

table.tablesorter tbody tr:hover td {
	background:#EEF0F2!important;
}

checkbox {
	border:1px solid #CCCCCC;
}

.nr {
   width: 25px;
   text-align: right;
}
.nr_act{
   width: 40px;
}

.nr_anexa{
   width: 50px;
}

.explicatii{
   width: 800px;
}

.fact_nr_serie{
	width: 70px;
}

.nr_admin {
   width: 50px;
   text-align: right;
}

.data_up {
   width: 170px;
	text-align: center;
}

.achitat {
   width: 50px;
	text-align: center;
}

.observatii {
	width: 200px;
}

.confirma {
	width: 70px;
	text-align: center;
}

.confirma a {
	text-decoration: none;
}

.actions {
	width: 150px;
	text-align: center;
}

.actions a {
	text-decoration: none;
}

.td_checkbox {
	width:20px;
}

.form_actions_submit {
	float:right;
	width:60%;
	text-align:right;
}

.popup {
	text-align: center;
}

.input_motiv{
	width: 250px;
}

.form_actions_submit label {
	display:inline-block;
	width:180px;
	text-align:left;
	cursor:pointer;
	background:url(imagini/checkbox.png) no-repeat top left;
	padding:3px 0 3px 27px;
}

.form_actions_submit select {
	width:110px;
}

.form_actions_submit .boton {
	margin:0!important;
}

.dreapta {
	width: 700px;
	float: right;
	text-align: right;
	padding-right: 10px;
	margin-top: 20px;
}

.selectie_client {
	float: left;
	margin-left: 300px;
	margin-bottom: 5px;
}

.txtfield {
	width:350px;
	font-size:12px;
	padding:4px;
	margin-bottom:5px;
	border:1px solid #CCCCCC;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.button_form {
	width:170px;
	padding:4px 0;
	font-size:.9em!important;
	text-align:center;
	text-decoration:none!important;
	margin-bottom:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	cursor:pointer;

	background:#407FB6!important;
	background:-moz-linear-gradient(center top , #FAFBFC, #E2E5E9)!important;
	background:-webkit-gradient(linear, left top, left bottom, from(#FAFBFC), to(#E2E5E9))!important;
	border:1px solid #ccc!important;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.5)!important;
	text-shadow:0 -1px 0 #f0f0f0!important;
	color:#111!important;
}

.button_form:hover {
	background:#D8DBDF!important;
	background:-moz-linear-gradient(center top , #EDEEEF, #D8DBDF)!important;
	background:-webkit-gradient(linear, left top, left bottom, from(#EDEEEF), to(#D8DBDF))!important;
}

.dreapta_sus {
   background-color: #f3f3f3;
   border: solid 1px #a1a1a1;
	width: 400px;
	float: right;
	padding-left: 10px;
}

.incasare{
	width: 10px;
	text-align: center;
}

.nr_crt {
	width: 45px;
	text-align: left;
}

.marca {
	width: 100px;
}

.tip {
	width: 100px;
}

.serie{
	width: 30px !important;
}

.numar {
	width: 100px !important;
	margin-left: 16px;
}

.km_bord {
	width: 100px;
	text-align: right;
}

.km_bord a {
	text-decoration: none;
	color: red;
}

.detalii {
	width: 50px;
}

.formLayout textarea {
   display: block;
   width: 150px;
	height: 60px;
   float: left;
   margin-bottom: 10px;
}

.atribut {
	width: 30px !important;
}

.size_4 {
	width: 30px !important;
}

.size_60 {
	width: 60px !important;
}

.size_100 {
	width: 100px !important;
}

.size_200 {
	width: 200px !important;
}

.produs_search {
	width: 500px !important;
}


.suggest_link {
	background-color: #cccc99;
	cursor: pointer;
}

.suggest_link_over {
	background-color: #66eeee;
	color: white;
	cursor: pointer;
}

.suggest_link.margin-left,
.suggest_link_over.margin-left {
	padding: 4px 5px;
	margin-left: 150px;
}

/* FormLayout comenzi Transport */

.formLayout_comanda_transport {
    background-color: #f3f3f3;
    border: solid 1px #a1a1a1;
    padding: 10px;
    width: 620px;
	float: left;
}

.formLayout_comanda_transport label {
   display: block;
   width: 150px;
   float: left;
   text-align: right;
   padding-right: 20px;
   margin-bottom: 10px;
}

.formLayout_comanda_transport input {
   display: block;
   float: left;
   margin-bottom: 10px;
}

.formLayout_comanda_transport select {
   display: block;
   float: left;
   margin-bottom: 10px;
	width: 250px;
}

.select_masini_tr {
	height: 250px;
}

.select_clienti {
	width: 200px;
}

.mesaje_eroare_popup {
	background-color: #ffff99;
   border: solid 1px #a1a1a1;
	margin-top: 40px;
	margin-left: 40px;
	width: 400px;
}

/* END FormLayout comenzi Transport */

.perioada_gratie_expirat {
	background-color:#FF4D4D!important;
}

.perioada_gratie_egal {
	background-color:#FFFF66!important;
}

.cemt_liber {
	background-color:#81F781!important;
}

.cemt_0_zile {
	background-color:#00FFFF!important;
}

.cemt_1_zile {
	background-color:#DF01A5!important;
}

.cemt_2_zile {
	background-color:#FA8258!important;
}



.text_pozitionare {
	font-size: 9px;
	text-decoration: none;
}

.form_popup_pozitionare {
   background-color: #f3f3f3;
   border: solid 1px #a1a1a1;
   padding: 10px;
   width: 500px;
	margin-left: 40px;
	margin-top: 30px;
}

.form_popup_pozitionare textarea{
   display: block;
   width: 150px;
	height: 60px;
   float: left;
   margin-bottom: 10px;
}

.form_popup_pozitionare label{
   display: block;
   width: 140px;
   float: left;
   text-align: right;
   padding-right: 20px;
   margin-bottom: 10px;
	margin-top: 10px;
}

.form_popup_pozitionare input{
   display: block;
   float: left;
   margin-bottom: 10px;
}

.form_popup_pozitionare select{
   display: block;
   float: left;
   margin-bottom: 10px;
}

.form_popup_pozitionare textarea{
   display: block;
   float: left;
   margin-bottom: 10px;
	 width: 255px;
}

.pozitionare_left {
	float: left;
}

.paginate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
}

a.paginate {
	border: 1px solid #000080;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	color: #000080;
}


a.paginate:hover {
	background-color: #000080;
	color: #FFF;
	text-decoration: underline;
}

a.current {
	border: 1px solid #000080;
	font: bold .7em Arial,Helvetica,sans-serif;
	padding: 2px 6px 2px 6px;
	cursor: default;
	background:#000080;
	color: #FFF;
	text-decoration: none;
}

span.inactive {
	border: 1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	padding: 2px 6px 2px 6px;
	color: #999;
	cursor: default;
}

.aliniere_stanga{
	float: left;
	margin-left: 5px;
	padding-top: 3px;
}

.alin_left{
	float: left;
}

.formLayout_comanda_transport .button-add,
.formLayout_comanda_transport .button-remove {
    font-weight: bold;
    font-size: 16px;
    float: right;
    margin-right: 50px;
    margin-bottom: 5px;
    width: 26px;
    height: 26px;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.clear {
    clear: both;
}

.text-center {
    text-align: center;
}