/* # Structura
[rowh] [colleft][colright]
[rownav]
[rownavu]
[rowbody]
[rowfoot]
-------------------------------------*/
* {
   margin: 0;
}

html {
   min-height: 100vh;
   line-height: 0px;
}

body {
   min-height: 100vh;
   font-family: sans-serif;
   display: grid;
   grid-template-rows: [rowh] 50px[rownav] 32px[rowbody] auto[rowfoot] 70px;
   grid-template-columns: [colleft] 150px[colright] auto;
   grid-template-areas: "sigla header" "sigla navv" "body body" "foot foot";
}

.sigla {
   grid-area: sigla;
   background-color: #ff6634;
}

.site-header {
   grid-area: header;
   background-color: #ff6634;
   border-color: #ff6634;
   display: grid;
   grid-template-rows: [row1] auto[rowm] 30px;
   grid-template-columns: [col1] 100%;
}

nav.navbar {
   grid-area: navv;
   background-color: #ff6634;
   border-radius: 0;
}

.navbar-right {
   margin-right: 0px;
}

main {
   grid-area: body;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 75px;
   background-color: white;
}

footer {
   grid-area: foot;
   background-color: #ff6634;
   display: grid;
   grid-template-rows: [footr1] 40px[footr2] 20px;
   grid-template-columns: [col1] 30%[col2] 30%[col3] 30%;
   grid-template-areas: "footr1c1 footr1c2 footr1c3" "footr2 footr2 footr2";
   text-align: center;
}

.pageSubtitle {
   color: #AA0000;
   font-family: sans-serif, Helvetica Neue, Helvetica, Arial;
   font-size: 14px;
   font-weight: bold;
   padding-left: 15px;
}

.text-leftLabel {
   text-align: left !important;
}

.text-orange {
   color: #f26334;
}

span.blink {
   color: red;
   animation: blinker 1s linear infinite;
}

@keyframes blinker { 50% {
   opacity: 0;
}

}
.sigla-left {
   display: inline-block;
   vertical-align: bottom;
   text-decoration: none;
   color: red;
}

.sigla-left a:HOVER {
   text-decoration: none;
   color: red;
}

.sigla-left img {
   height: 77px;
}

.sigla-left span {
   vertical-align: bottom;
   color: red;
   font-weight: 600;
   font-size: 18px;
}

div.limba {
   text-align: right;
}

div.limba a {
   margin-left: 10px;
   margin-right: 10px;
}

div.row>div.form-group {
   margin: 0px;
}

/*
div.row {
  margin-right: 0px;
}*/
span.fa.fa-info-circle:before {
   content: "\f05a";
   font: normal normal normal 13px/1 FontAwesome;
}

span.fa.fa-info-circle {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 11px;
}

span.fa.fa-external-link:before {
   font: normal normal normal 13px/1 FontAwesome;
}

span.fa.fa-external-link {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 11px;
}

span.fa.fa-warning:before {
   content: "\f071";
   font: normal normal normal 13px/1 FontAwesome;
}

span.fa.fa-warning {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 11px;
}

span.fa.fa-exclamation-triangle:before {
   content: "\f071";
   font: normal normal normal 13px/1 FontAwesome;
}

span.fa.fa-exclamation-triangle {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 12px;
}

/* # General
-------------------------------------*/
.center {
   text-align: center;
}

.big {
   font-size: 175%;
}

.w50 {
   width: 50%
}

.title:after {
   /*
  content: '';
*/
   display: block;
   border-bottom: 2px solid #fefefe;
   width: 60px;
   padding-top: 5px;
}

/* # Header
-------------------------------------*/
header.container {
   position: relative;
   background-color: #FF6633;
   border-top-right-radius: 10px;
   display: flex;
}

header .meniu {
   flex-grow: 1;
   background-color: #ff6634;
   background-origin: border-box;
   margin-right: -15px;
   display: inline-flex;
   flex-wrap: wrap;
   border-top-right-radius: 15px;
   border-top-left-radius: 15px;
   float: right;
}

body>main {
   /*overflow: auto;*/

}

main.container {
   background-color: #FFFFFF;
   min-height: 500px;
}

main.page-wrap {
   min-height: calc(100% - 134px);
   padding-bottom: 35px;
}

main.page-wrap:after {
   content: "";
   display: block;
}

.bg {
   background: #fff;
}

.sigla a {
   display: inline-block;
   background-color: white;
   padding: 5px;
   margin: 2px;
   height: calc(100% - 4px);
   border-radius: 14px;
   border-top-right-radius: 14px;
}

.navbar {
   padding-top: 0px;
   margin-bottom: 0;
   width: 100%;
   min-height: auto;
}

.navbar-nav {
   margin-top: 0px;
   font-weight: bold;
   font-family: inherit;
   font-style: normal;
   font-size: 16px;
}

.navbar-nav>li a {
   padding: 5px 10px;
   color: #fff;
}

.navbar-nav>li>a:hover {
   background-color: #f26334;
   color: #337ab7;
   padding-top: 5px;
   padding-bottom: 5px;
}

.tabbable>.nav-tabs>li {
   text-align: center;
}

.navbar-brand {
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-weight: 600;
   font-size: 36px;
}

.table-condensed td .btn {
   padding-top: 1px;
   padding-bottom: 1px;
   line-height: 1em;
   font-size: 1em;
}

.socialBtn {
   margin-top: 0px;
}

.socialBtn a {
   padding: 0 3px;
   color: #ccc;
}

.socialBtn a:hover {
   color: #337ab7;
}

/* # Content
-------------------------------------*/
.search {
   width: 300px !important;
   color: #ccc;
   font-style: italic;
}

.box {
   display: block;
   padding: 4px;
   margin-bottom: 20px;
   line-height: 1.42857143;
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 4px;
   -webkit-transition: border .2s ease-in-out;
   -o-transition: border .2s ease-in-out;
   transition: border .2s ease-in-out;
}

.box .product {
   display: inline-block;
   width: 100%;
}

.box img {
   float: left;
   margin: 20px 40px 20px 20px;
}

.box .tabbable {
   padding: 10px 40px;
}

div.tabbable .nav>li>a.linktab {
   width: 125px;
   height: 111px;
   vertical-align: bottom;
   background-position-y: 10px;
   padding-top: 80px;
}

div.tabbable .nav>li>a.linktab1 {
   background-image: url("../poze/informatii-de-baza.png");
   background-position: top;
   background-repeat: no-repeat;
}

div.tabbable .nav>li>a.linktab2 {
   background-image: url("../poze/ingrediente.png");
   background-position: top;
   background-repeat: no-repeat;
}

div.tabbable .nav>li>a.linktab3 {
   background-image: url("../poze/alergeni-recomandari.png");
   background-position: top;
   background-repeat: no-repeat;
}

div.tabbable .nav>li>a.linktab4 {
   background-image: url("../poze/informatii-nutritionale.png");
   background-position: top;
   background-repeat: no-repeat;
}

div.tabbable .nav>li>a.linktab5 {
   background-image: url("../poze/pastrare-utilizare.png");
   background-position: top;
   background-repeat: no-repeat;
}

div.tabbable .nav>li>a.linktab6 {
   background-image: url("../poze/diete.png");
   background-position: top;
   background-repeat: no-repeat;
}

div.tabbable .nav>li>a.linktab7 {
   background-image: url("../poze/certificari.png");
   background-position: top;
   background-repeat: no-repeat;
}

div.tabbable .nav>li>a.linktab8 {
   background-image: url("../poze/companie.png");
   background-position: top;
   background-repeat: no-repeat;
}

div.tabbable .nav-tabs>li.active>a.linktab1, .nav-tabs>li.active>a.linktab1:focus, .nav-tabs>li.active>a.linktab1:hover
   {
   background-image: url("../poze/informatii-de-baza-black.png");
   background-position: top;
   background-repeat: no-repeat;
}

.nav-tabs>li.active>a.linktab2, .nav-tabs>li.active>a.linktab2:focus, .nav-tabs>li.active>a.linktab2:hover {
   background-image: url("../poze/ingrediente-black.png");
   background-position: top;
   background-repeat: no-repeat;
}

.nav-tabs>li.active>a.linktab3, .nav-tabs>li.active>a.linktab3:focus, .nav-tabs>li.active>a.linktab3:hover {
   background-image: url("../poze/alergeni-recomandari-black.png");
   background-position: top;
   background-repeat: no-repeat;
}

.nav-tabs>li.active>a.linktab4, .nav-tabs>li.active>a.linktab4:focus, .nav-tabs>li.active>a.linktab4:hover {
   background-image: url("../poze/informatii-nutritionale-black.png");
   background-position: top;
   background-repeat: no-repeat;
}

.nav-tabs>li.active>a.linktab5, .nav-tabs>li.active>a.linktab5:focus, .nav-tabs>li.active>a.linktab5:hover {
   background-image: url("../poze/pastrare-utilizare-black.png");
   background-position: top;
   background-repeat: no-repeat;
}

.nav-tabs>li.active>a.linktab6, .nav-tabs>li.active>a.linktab6:focus, .nav-tabs>li.active>a.linktab6:hover {
   background-image: url("../poze/diete-black.png");
   background-position: top;
   background-repeat: no-repeat;
}

.nav-tabs>li.active>a.linktab7, .nav-tabs>li.active>a.linktab7:focus, .nav-tabs>li.active>a.linktab7:hover {
   background-image: url("../poze/certificari-black.png");
   background-position: top;
   background-repeat: no-repeat;
}

.nav-tabs>li.active>a.linktab8, .nav-tabs>li.active>a.linktab8:focus, .nav-tabs>li.active>a.linktab8:hover {
   background-image: url("../poze/companie-black.png");
   background-position: top;
   background-repeat: no-repeat;
}

/* # Footer
-------------------------------------*/
body>footer {
   color: #337ab7;
   font-size: 14px;
}

footer a {
   margin: 4px;
   color: #d4d692;
   text-decoration: none;
}

footer a:hover {
   text-decoration: none;
   color: #d4d692;
}

/* # Template
-------------------------------------*/
form.template {
   padding: 10px;
   margin-top: 20px;
}

#j_username {
   margin: 10px;
}

#j_password {
   margin: 10px;
}

#login {
   left: 120px;
   position: relative;
}

main .row.login-form {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.templatebtn {
   margin: 20px;
}

/* # Dashboard
-------------------------------------*/
.ui-dashboard {
   text-align: center;
   width: 100%;
   float: left;
}

.ui-dashboard .ui-dashboard-column {
   float: left;
   padding-bottom: 100px;
   width: 50%;
}

.ui-dashboard .ui-panel {
   min-height: 300px;
   margin: 20px;
}

.butondashboard {
   margin: 10px;
   min-width: 30%;
   min-height: 40px;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
   color: black;
}

/* # Contact page
-------------------------------------*/
.contactpanel {
   display: block;
   margin: 10px;
   padding: inherit;
   text-align: left;
}

.contacttext {
   display: inline-block;
   width: 200px;
   text-align: right;
   margin-right: 10px;
}

/* widgetul de select many*/
.searchForm .form-group>label {
   min-width: 80px;
}

input.search-from-bara {
   margin: 2px;
   padding: 1px;
   font-size: 1em;
   border: 1px solid #ff14141c;
   color: #ff14141c;
}

input.search-from-bara:active, input.search-from-bara:focus {
   border: 1px solid #ff14141c;
   color: #b76b6bc7;
}

.inverse-color {
   color: white;
   font-weight: bold;
   background-color: #6ea4d4;
}

div.form-group div[class*="col-sm-"] {
   padding-top: 7px;
}

table.ui-selectmanycheckbox td {
   padding: 5px;
}

div.ui-panel-titlebar {
   background-color: #E4E4E4;
}

div.p-form-control, span.p-form-control {
   display: block;
}

input.ui-inputfield.ui-inputtext.ui-state-error {
   border-color: red;
}

div.grupat>div.ui-overlaypanel-content a, .ui-tooltip.grupat a {
   color: blue;
}

div.index-page-body {
   display: grid;
   width: 100hw;
   padding-top: 10px;
   padding-bottom: 10px;
   grid-template-columns: [ c1 ] 33% [ c2 ] 33% [ c3 ] 33%;
   grid-template-rows: auto;
   grid-column-gap: 10px;
   grid-row-gap: 10px;
   height: 100%;
   grid-template-columns: [c1] 33%[c2] 33%[c3] 33%;
}

div.index-page-body>div {
   text-align: center;
   border: 1px solid #F16333;
   border-radius: 4px;
   padding-left: 5px;
   padding-right: 5px;
}

div.index-page-body>div ul {
   text-align: left;
}

div.index-img-right img {
   width: 100%;
}

div.index-img-right {
   margin-top: 10px;
}

div.index-link-zone {
   text-align: center;
   margin-top: 15px;
}

.index-link-zone a.btn-lg {
   padding: 2px 5px;
}

.tableCompanii {
   border-collapse: collapse;
}

.tableHeader {
   text-align: center;
   background: none repeat scroll 0 0 #337ab7;
   border: 1px solid #FFF;
   padding: 2px;
   color: white;
}

table tr th.tableHeader {
   vertical-align: top;
}

.cerere-line {
   color: blue;
   display: block;
   font-size: 13px;
   margin-bottom: 5px;
}

.table-bordered {
   border: none;
}

table.table tbody tr td {
   border: none;
   border-bottom: 1px solid #337ab7;
}

table.table-bordered tbody tr td {
   border: none;
   border-bottom: 1px solid #337ab7;
}

.table-striped>tbody>tr:nth-of-type(even) {
   background: none repeat scroll 0 0 #F9F9F9;
}

.table-striped>tbody>tr:nth-of-type(odd) {
   background: none repeat scroll 0 0 #FFFFFF;
}

tr.ui-datatable-even {
   background: none repeat scroll 0 0 #FFFFFF;
}

.rowOdd {
   text-align: left;
   background: none repeat scroll 0 0 #FFFFFF;
}

.rowEven {
   text-align: left;
   background: none repeat scroll 0 0 #F9F9F9;
}

table .ui-column-filter.ui-inputfield {
   font-size: 1em;
   line-height: 1em;
   padding: 1px;
   margin: 1px;
}

.pt_5 {
   padding-top: 5px
}

.pl_10 {
   padding-top: 10px
}

.index_images {
   width: 239px;
   height: 100px
}

.color_f16 {
   color: #f16333
}
.color_33{
  color: #337ab7
}
.color_ff {
   color: #ffffff !important
}

ul.index-page-ul {
   padding-top: 5px;
   padding-left: 10px;
   padding-bottom: 5px;
}

ul.index-page-ul li {
   list-style-type: none;
   margin-bottom: 2px;
}

ul.index-page-ul li:before {
   font-family: FontAwesome;
   content: '\f0c8';
   font-size: 8px;
   vertical-align: middle;
   color: red;
   margin-right: 5px;
   margin-bottom: 3px;
}

span.index-page-cell {
   border-color: #F16333;
   min-height: 315px;
}

.homeTitle {
   font-size: 16px;
   text-align: center;
   font-weight: bold;
   margin-bottom: 4px;
   display: block;
   padding: 7px;
}

.login {
   font-size: 16px;
   text-align: center;
   font-weight: bold;
   padding: 7px;
}

.indexTable {
   margin: auto;
}

.indexTable td {
   padding: 5px;
}

ol {
   padding-left: 15px;
}

.panelTable td:LAST-CHILD {
   padding-left: 20px;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
   padding: 0;
}

.ui-selectonemenu {
   padding-right: 16px;
}

.fieldExplanation {
   font-style: italic;
   font-size: 11px;
}

.raportTable {
   border-collapse: collapse;
   border: 1px solid #000000;
}

.raportTableHeader {
   text-align: center;
   background: none repeat scroll 0 0 #B5B5B5;
   border-bottom: 1px solid #000000;
   padding: 2px;
}

.raportTableOddRow {
   text-align: center;
   background: none repeat scroll 0 0 #FFFFFF;
}

.raportTableEvenRow {
   text-align: center;
   background: none repeat scroll 0 0 #D3D3D3;
}

.ui-widget .dataList {
   font-size: 12px;
   word-wrap: break-word;
}

.ui-datalist-content {
   border: none;
}

.allign-top {
   vertical-align: text-top;
}

.gtinNeimportant {
   font-family: Arial, Verdana, Tahoma, sans-serif;
   color: #0066CC;
   font-style: normal;
}

.breadcrumb {
   margin-bottom: 4px;
}

.breadcrumb a {
   text-decoration: none;
}

.breadcrumb a:hover {
   text-decoration: none;
}

h1, .h1 {
   color: #337ab7;
   font-size: 1.5em;
   margin-top: 10px;
}

.h1, .h2 {
   display: block;
}

h2, .h2 {
   color: #337ab7;
   font-size: 1.4em;
}

.ui-widget .ui-widget {
   font-size: 1em;
   padding: 2px;
}

h2 a.ui-widget {
   font-size: inherit;
}

h3, .h3 {
   color: #F26334;
   font-size: 1.3em;
   font-weight: bold;
}

.welcome-up {
   color: #F26334;
}

.title {
   color: #AA0000;
   font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
   font-size: 14px;
   font-weight: bold;
}

.subtitle {
   font-family: Arial, Verdana, Tahoma, sans-serif;
   font-size: 12px;
   font-style: normal;
   color: #000000;
   font-weight: bold;
   margin-left: 15px;
}

h3.subtitle {
   font-size: 1.2em;
   color: #333;
   font-weight: bold;
   border-bottom: 1px solid #DDD
}

h2.subtitle {
   font-size: 1.4em;
   color: #333;
   font-weight: bold;
   border-bottom: 1px solid #DDD
}

.GtinGrid {
   border: transparent;
}

.table-condensed td a.link-action {
   margin: 3px;
}

.table-condensed td a.link-action:ACTIVE {
   text-decoration: none;
}

.table-condensed td[role=gridcell] {
   padding: 2px;
   margin: 0;
}

div.row.tabel-cereri {
   padding-top: 7px;
   border-bottom: 1px solid #eeeeee;
   padding-bottom: 7px;
}

div.col-tabel-cereri table {
   margin-top: 5px;
}

div.col-tabel-cereri table.table th.tableHeader {
   background-color: #eceaea;
   color: #0f7293;
}

div.col-tabel-cereri table.table th.tableHeader.col-action {
   width: 80px;
}

div.col-tabel-cereri table.table td a.ui-link.ui-widget.fa.link-action {
   text-decoration: none;
}

.changed {
   background-color: #a2a955;
   color: white;
   padding: 2px;
}

.red, a.red {
   color: red;
}

a.blue {
   color: #337ab7;
}

.blue {
   color: #337ab7;
}

.black {
   color: black;
}

.green, a.green {
   color: green;
}

.color-conta {
   background-color: #9e9e39;
   color: black;
}

.color-conta:HOVER {
   background-color: #797936;
   color: white;
}

.color-societati {
   background-color: #4D9943;
   color: black;
}

.color-societati:HOVER {
   background-color: #4D9943;
   color: white;
}

.color-documente {
   background-color: #CB669F;
   color: black;
}

.color-documente:HOVER {
   background-color: #CB669F;
   color: white;
}

.color-log {
   background-color: #FFDC00;
   color: black;
}

.color-log:HOVER {
   background-color: #FFDC00;
   color: white;
}

.color-tarif {
   background-color: #8947A5;
   color: black;
}

.color-tarif:HOVER {
   background-color: #8947A5;
   color: white;
}

.color-superuser {
   border-color: #f3aeae;
   background-color: #ee2e2e;
   color: black;
}

.color-superuser:HOVER {
   border-color: #845050;
   background-color: #ee5e5e;
   color: white;
}

.color-email {
   background-color: #f57900;
   color: black;
}

.color-email:HOVER {
   background-color: #f56900;
   color: white;
}

.color-delete {
   background-color: #e5B364;
   color: black;
}

.color-delete:HOVER {
   background-color: #797936;
   color: white;
}

.yellow {
   color: yellow;
}

.orange {
   color: orange;
}

.purple {
   color: purple;
}

.wwbt {
   word-wrap: break-word;
}

.w100 {
   width: 100px;
}

div.ui-radiobutton div.ui-radiobutton-box {
   border: none;
}

div.col-sm-1>div.ui-radiobutton.ui-widget {
   vertical-align: middle;
}

div.col-sm-2>div.ui-radiobutton.ui-widget {
   vertical-align: middle;
}

div.ui-radiobutton.ui-widget+label {
   margin-left: 10px;
   vertical-align: middle;
   margin: 3px 5px;
   height: 16px;
}

.btn-big {
   text-shadow: none;
   font-size: 13px;
   font-family: FontAwesome, sans-serif;
   margin: 0px;
}

span.ui-outputlabel-rfi {
   color: red;
}

div.logo {
   text-align: right;
   font-size: 16px;
   width: 100%;
   padding-right: 10px;
   margin-top: 10px;
}

a.btn.btn-primary.btn-xs.ui-link.ui-widget {
   color: #FFF;
}

a.btn.btn-danger.btn-xs {
   color: #FFF;
}

.customBtn {
   padding: 10px 5px !important;
   margin: 10px auto 0 !important
}

.display_grid_um {
   min-height: 100%;
   display: grid;
   grid-template-rows: 30px 1fr 60px
}

.flex_wrap {
   flex-wrap: wrap
}

.width_100 {
   width: 100%
}

.width_40 {
   width: 40%
}

.width_33 {
   width: 33.33%
}

.width_50 {
   width: 50%
}

.width_60 {
   width: 60%
}

.max_width_200 {
   max-width: 200px
}

.max_width_800 {
   max-width: 800px
}

.max_width_1200 {
   max-width: 1200px
}

.minh_65 {
   min-height: 65px
}

.m_auto {
   margin: auto !important
}

.text_left {
   text-align: left
}

.text_center {
   text-align: center
}

.text_right {
   text-align: right
}

.custom_shadow {
   -webkit-box-shadow: 3px 3px 5px 5px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 3px 3px 5px 5px rgba(0, 0, 0, 0.5);
   box-shadow: 3px 3px 5px 5px rgba(0, 0, 0, 0.5);
}

.border_radius10 {
   border-radius: 10px
}

.p_2 {
   padding: 2px
}

.f_italic {
   font-style: italic;
}

.user_row {
   background-color: #f2f2f2
}

.label_active {
   color: #0E8000;
   padding: 2px
}

.label_inactive {
   color: #FF053D;
   padding: 2px
}

.p_10 {
   padding: 10px
}

.mb_10 {
   margin-bottom: 10px
}

.mb_20 {
   margin-bottom: 20px
}

.mt_0 {
   margin-top: 0px
}

.mt_5 {
   margin-top: 5px
}

.mt_10 {
   margin-top: 10px
}

.mt_20 {
   margin-top: 20px
}

.mt_30 {
   margin-top: 30px
}

.mtb_10 {
   margin-top: 10px;
   margin-bottom: 10px
}

.mtb_2 {
   margin-top: 2px;
   margin-bottom: 2px
}

.mtb_20 {
   margin-top: 20px;
   margin-bottom: 20px
}

.text_align_justify {
   text-align: justify;
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
   .row.equal {
      display: flex;
      flex-wrap: wrap;
   }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
   body {
      font-size: 14px;
   }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
   body {
      font-size: 14px;
   }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
   body {
      font-size: 14px;
   }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
   body {
      font-size: 12px;
   }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
   body {
      font-size: 10px;
   }
}

@MEDIA ( max-width :768px) {
   .nav>li {
      float: left;
   }
   .meniu div.logo {
      font-size: 16px;
   }
}

@MEDIA ( min-width :768px) {
   /* Ordinea dimensiunilor este importanta sa fie crescator*/
   span.index_thumbnail {
      min-height: 330px;
   }
   table thead tr .ui-state-default[role="columnheader"] {
      background: #337ab7;
      color: white;
      text-shadow: none;
      vertical-align: top;
   }
   div .ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-footer {
      padding: 0px;
   }
}

@MEDIA ( min-width :992px) {
   /* Ordinea dimensiunilor este importanta sa fie crescator*/
   span.index_thumbnail {
      min-height: 345px;
   }
   table thead tr .ui-state-default[role="columnheader"] {
      background: #337ab7;
      color: white;
      text-shadow: none;
      vertical-align: top;
   }
   div .ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-footer {
      padding: 0px;
   }
}

@MEDIA ( min-width :1200px) {
   /* Ordinea dimensiunilor este importanta sa fie crescator*/
   span.index_thumbnail {
      min-height: 305px;
   }
   table thead tr .ui-state-default[role="columnheader"] {
      background: #337ab7;
      color: white;
      text-shadow: none;
      vertical-align: top;
   }
   div .ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-footer {
      padding: 0px;
   }
}

.ui-datatable tbody td {
   border: 1px solid #888a85;
   padding: 2px;
}

.column1 {
   width: 70px;
}

.column2 {
   width: 70px;
}

.column3 {
   width: 70px;
}

.column4 {
   width: 70px;
}

.errorMsg {
   color: red;
}

.infoMsg {
   color: green;
}

.ui-datatable tbody {
   border: none;
}

.ui-datatable tbody>tr {
   border: none;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
   padding: 2px 0px;
}

table .ui-state-default, table .ui-widget-content .ui-state-default, table .ui-widget-header .ui-state-default {
   border-radius: 0px;
}

table.itemMatrix {
   padding: 0px;
   font-size: 17px;
}

table.itemMatrix tbody td {
   padding: 0px;
   border: none;
}

table.itemMatrix tbody td input {
   width: 100%;
}

table.itemMatrix td.colA {

}

table.itemMatrix td.colB {
   width: 40%;
}

select[multiple], select[size] {
   height: 34px;
}

.ui-selectonemenu.bootstrapfix label {
   padding-top: 0px;
   padding-bottom: 0px;
   background-color: inherit;
   border: 0px;
   box-shadow: none;
}

.ui-selectonemenu.bootstrapfix {
   width: 100%;
   padding: 6px 3px;
}

.ui-selectonemenu.bootstrapfix .ui-selectonemenu-trigger {
   width: 1.2em;
}

.ui-autocomplete.bootstrapfix.form-control {
   width: 100%;
   padding: 0px;
   height: auto;
}

.ui-autocomplete.bootstrapfix.form-control input.ui-autocomplete-input {
   width: 100%;
}

span.omlineincell {
   display: block;
   background-color: #ececec;
}

div.primary {
   display: inline-block;
}

ul.history {
   position: absolute;
   z-index: 200;
   box-shadow: 2px 2px 0 #BEBEBE;
   display: none;
   list-style: none;
   text-align: left;
   transform: translateX(-40%);
   padding: 10px;
   margin-top: -1px;
}

ul.history li {
   float: none;
   margin: 0;
   white-space: nowrap;
   padding: 2px;
   font-size: 13px;
   font-weight: bold;
}

ul.history li a {
   border-bottom: 1px dotted #ccc;
   border-right: none;
   color: #555 !important;
   text-decoration: none;
   padding: 1px;
}

ul.history li a:VISITED {
   text-decoration: none;
}

ul.history li:last-child a {
   border-bottom: none;
}

ul.history li a:hover {
   color: #000;
   background: #ddd;
}

/* sub display*/
div.primary:hover ul {
   display: block;
   background: #fff;
}

div.radioMeu {
   margin-right: 10px;
}

div.radioMeu input[type="radio"] {
   width: 20px;
   height: 20px;
   vertical-align: middle;
   margin: 3px;
}

tr.inactrow td {
   background-color: #d3d3d3;
}

.highlighted {
   background-color: #f7ff00 !important;
}

.labelGepir {
   color: #777;
}

.gpc-code {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 1.3em;
   margin-top: 5px;
   margin-bottom: 5px;
}

.fup1 .ui-fileupload-choose span.ui-icon-plusthick {
   font-size: 1.4em;
}

.ui-fileupload-simple span.ui-fileupload-filename {
   white-space: nowrap;
   text-overflow: ellipsis;
   display: inline-block;
   text-overflow: ellipsis;
}

td .warningCell {
   background-color: #ff6634;
   color: white;
}

#f1 .ui-datatable-tablewrapper {
   overflow: visible;
}

.form-group .ui-datatable-tablewrapper {
   overflow: visible;
}

/*Afisare gresita tabele in primefaces*/
.ui-datatable table, .ui-datatable table.table {
   width: calc(100% - 4px) ! important;
   table-layout: auto;
}

.ui-treetable table.table {
   width: calc(100% - 4px) ! important;
   table-layout: auto;
}

.ui-inputswitch.switch-factura.ui-state-disabled {
   margin: 5px;
}

.ui-inputswitch.switch-factura .ui-inputswitch-off {
   margin: 0px;
   padding-top: 0px;
   color: red;
}

.ui-inputswitch.switch-factura .ui-inputswitch-on {
   margin: 0px;
   padding-top: 0px;
   color: green;
}

.servicii.ui-inputswitch .ui-inputswitch-on, .servicii.ui-inputswitch .ui-inputswitch-off {
   height: 23px;
   padding-top: 1px;
}

div.eldocument {
   text-align: left;
}

div.eldocument div[class^="col-"] {
   border-top: 1px solid gray;
   padding-top: 0.5em;
}

div.beldocument div[class^="col-"]{
   border-bottom:2px inset lightgray;
}

.vcenter {
   display: flex;
   flex-direction: row;
}

.vcenter>[class^="col-"], .vcenter>[class*=" col-"] {
   display: flex;
   align-items: center;
   justify-content: center;
}

.ml-1 {
   margin-left: 0.5em;
}

.ml-2 {
   margin-left: 1em;
}

.ml-3 {
   margin-left: 0.3em;
}

.ml-4 {
   margin-left: 0.4em;
}

.ml-5 {
   margin-left: 0.5em;
}

.mr-1 {
   margin-right: 0.5em;
}

.mr-2 {
   margin-right: 1em;
}


.mt-1 {
   margin-top: 0.1em;
}

.mt-2 {
   margin-top: 0.2em;
}

.mt-3 {
   margin-top: 0.3em;
}

.mt-4 {
   margin-top: 0.4em;
}

.mt-5 {
   margin-top: 0.5em;
}

.mt-10 {
   margin-top: 1em;
}

.mbt-2 {
   margin-top: 0.2em;
   margin-bottom: 0.2em;
}

.mb-2 {
   margin-bottom: 0.2em;
}

.mb-3 {
   margin-bottom: 0.3em;
}

.mb-4 {
   margin-bottom: 0.4em;
}

.mb-5 {
   margin-bottom: 0.5em;
}

.pl-10 {
   padding-left: 1em;
}

.pl-20 {
   padding-left: 2em;
}

.ui-chkbox.form-control {
   width: auto;
   border: none;
   border-radius: 0;
   box-shadow: none;
   padding: 6px 12px;
}

.ui-picklist.form-control .ui-picklist-list-wrapper .ui-picklist-list {
   width: auto;
}

.ui-picklist.form-control .ui-picklist-list-wrapper {
   width: 50%;
}

.ui-picklist.form-control .ui-picklist-list-buttons {
   width: 50px;
}

.ui-chkbox-label {
   font-weight: bold;
}

.ui-chkbox.form-control div {
   vertical-align: middle;
}

.ui-chkbox.form-control span {
   vertical-align: middle;
}

.ui-chkbox-icon.ui-icon.ui-c.ui-icon-check {
   margin: -3px -3px 3px;
}

input[type="radio"].form-control, input[type="checkbox"].form-control {
   width: auto;
   height: 14px;
   border: none;
   border-radius: 0;
   box-shadow: none;
   padding: 0;
}

span.form-control.ui-state-disabled {
   border: 1px solid rgb(204, 204, 204);
   color: rgb(85, 85, 85);
   opacity: 1;
   background-color: rgb(238, 238, 238);
}

.table-condensed td[role=gridcell].col-gln, .table-condensed .col-gln {
   width: 10em;
   height: 1px;
   vertical-align: middle;
}

.table-condensed td[role=gridcell].col-adresa {
   width: 20em;
   white-space: normal;
}

.table-condensed td[role=gridcell].col-email {
   width: 15em;
}

.col-action {
   width: 2em;
}

.col-n-c {
   width: 2em;
   text-align: center;
}

.table-condensed td[role=gridcell].col-nume, .col-nume {
   width: 25em;
   white-space: normal;
   text-align: left;
}

.drop-header {
   display: block;
}

.wait-for-drop {
   background-color: silver;
}

.div-gln-cell {
   height: 100%;
   display: inline-block;
   vertical-align: middle;
}

.glntext {
   vertical-align: middle;
   position: relative;
   margin: auto;
}

.col-100 {
   width: 100px;
}

.col-150 {
   width: 150px;
}

.col-200 {
   width: 200px;
}

.col-300 {
   width: 300px;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left {
   vertical-align: middle;
}

table[role=treegrid] .ui-widget-content {
   border: none;
}

.color-farma {
   background-color: #2A9B49;
   color: white;
}

.ui-menu {
   width: unset !important;
}

#frm\:ussoc .ui-datatable-header {
   text-align: left
}

#frm\:ussoc thead {
   display: none
}

#frm\:ussoc tbody td {
   border: 0 !important;
}

#frm\:ussoc .ui-widget-header {
   border: 0;
   padding-left: 15px
}

#frm\:ussoc tbody tr, #frm\:ussoc tbody tr td, #frm\:ussoc tr.ui-datatable-even {
   background-color: #f5f5f5 !important
}

#frm\:ussoc .ui-widget-content td {
   padding-left: 15px
}

/* registration form */
@media ( max-width :950px) {
   .grid-step1 {
      margin: auto;
      display: grid;
      grid-template-rows: auto;
      grid-template-columns: 100%;
      grid-column-gap: 24px;
      grid-row-gap: 24px;
      text-align: center;
      vertical-align: middle;
   }
}

@media ( max-width :1200px) {
   .form_um .width_33 {
      width: 50%
   }
   .form_um_hide {
      display: none
   }
}

@media ( min-width :950px) {
   .grid-step1 {
      margin-top: 5%;
      display: grid;
      grid-template-rows: auto;
      grid-template-columns: calc(50% - 48px) 50%;
      grid-column-gap: 24px;
      grid-row-gap: 24px;
      text-align: center;
      vertical-align: middle;
   }
}

@media ( max-width :700px) {
   .form_um .width_33 {
      width: 98%
   }
}

@media ( max-width :500px) {
   .form_um .width_40 {
      width: 50%
   }
   .form_um .width_60 {
      width: 50%
   }
}

div.ui-progressbar.ui-widget-content.register-progres-bar {
   margin-bottom: 10px;
}

.step-label {
   font-weight: bold;
}

.current-step {
   color: #f26334;
}

.ui-accordion div.link-selectie-varianta-meniu.ui-accordion-header {
   display: block;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 1.5em;
   padding: 10px;
   color: white;
   border-radius: 5px;
   border-style: outset;
   border-color: #f26334;
   background-color: #f26334;
   text-shadow: none;
   text-align: center;
   border-width: 3px;
}

div.link-selectie-varianta-meniu:hover {
   text-decoration: underline;
}

a.link-selectie-varianta {
   display: block;
   font-size: 1.5em;
   margin: 0px;
   padding: 10px;
   color: white;
   border-radius: 5px;
   border-style: outset;
   border-color: #f26334;
   background-color: #f26334;
   max-height: 5em;
}

a.link-selectie-varianta-ecommerce {
   display: block;
   font-size: 1.5em;
   margin: 0px;
   padding: 10px;
   color: white;
   border-radius: 5px;
   border-style: outset;
   border-color: #002C6C;
   background-color: #002C6C;
   max-height: 5em;
}

div.link-selectie-varianta {
   text-align: center;
   margin: 13px;
}

div.link-selectie-varianta a.link-selectie-varianta {
   font-size: 1.2em;
}

div.link-selectie-varianta .register-selectie-explicatii {
   background-color: white;
   display: block;
   margin: 0;
   text-align: left;
   margin-left: 20px;
   color: black;
   font-style: italic;
}

div.register-varianta-licenta h2 {
   font-size: 1em;
   margin-top: 0px;
   margin-left: 20px;
}

div.row.register-row-separator {
   border-top: 2px solid #EEEEEE;
   margin-top: 10px;
   padding-top: 10px;
}

/* End registration*/

/**/
.jqjbtn0 {
   background-color: #337ab7;
   color: white;
   padding: 2px 4px;
   margin: 1px;
   text-align: center;
   font-size: 14px;
   font-weight: bold;
   display: inline-block;
   line-height: 14px;
   vertical-align: middle;
}

.toggleHide {
   display: none;
}

.list-left {
   width: auto;
   padding: 10px;
   float: left;
}

.list-right {
   width: auto;
   position: relative;
   padding: 10px;
   float: right;
}

hr.new1 {
   border-top: 1px solid red;
}

.tabel-log {
   width: 1000px;
   border: 0;
}

.rTable {
   border-top: 1px solid #aaa;
   width: 500px;
   font-size: 12px;
   margin: 12px;
}

.rTable .rTableRow {
   padding: 1px;
   border-bottom: 1px solid #aaa;
   border-left: 1px solid #aaa;
   border-right: 1px solid #aaa;
}

.rTable .rTableRowLast {
   padding: 1px;
}

.rTableHeading {
   display: table-header-group;
   background-color: #ddd;
}

.rTableCellKey {
   display: inline-block;
   overflow: hidden;
}

.rTableCellValue {
   display: inline-block;
   overflow: hidden;
}

.rTableCellKeyL2 {
   width: 114px;
   padding: 0px 4px;
   margin-left: 5px;
   border-bottom: 1px solid #aaa;
   border-left: 1px solid;
   display: inline-block;
   overflow: hidden;
   display: inline-block;
}

.rTableCellValueL2 {
   width: 180px;
   padding: 0px 4px;
   border-bottom: 1px solid #aaa;
   border-right: 1px solid;
   display: inline-block;
   overflow: hidden;
}

.rTableHeading {
   display: table-header-group;
   background-color: #ddd;
   font-weight: bold;
}

.rTableFoot {
   display: table-footer-group;
   font-weight: bold;
   background-color: #ddd;
}

.rTableBody {
   display: table-row-group;
}

a.documentDefault.documentSelectat {
   color: #2e6da4;
}

a.documentDefault {
   color: #ff6634;
   padding: 2px;
   margin: 2px;
   display: inline-block;
}

a.documentDefault i {
   margin-right: 2px;
}

form.view-document {
   display: grid;
   grid-template-columns: 310px auto;
   grid-template-rows: 50px repeat(3, 100px) auto auto;
   grid-template-areas: "info1 zonadocument" "info2 zonadocument" "info3 zonadocument" "info4 zonadocument"
      "info5 zonadocument" "explicatii explicatii";
}

#dwp {
   grid-area: zonadocument;
}

form.view-document .mess {
   grid-area: mess;
}

form.view-document .info1 {
   grid-area: info1;
   justify-self: left;
   padding: 5px;
}

form.view-document .info2 {
   grid-area: info2;
   justify-self: center;
}

form.view-document .info3 {
   grid-area: info3;
}

form.view-document .info4 {
   grid-area: info4;
}

form.view-document .info5 {
   grid-area: info5;
}

form.view-document .explicatii {
   grid-area: explicatii;
}

.bold {
   font-weight: bold;
}

.strong {
   font-weight: bold;
}

div.utaf {
   display: inline-block;
   /*border: 1px solid #fbf4f4;*/
   padding: 3px;
   border-radius: 2px;
   line-height: 10px;
}

div.utaf .tval {
   margin-right: 5px;
}

div.utaf .act {
   color: red;
}

div.utafa {
   display: inline-block;
}

li.explicatii span.denumire {
   text-indent: 2em;
   font-weight: bold;
}

li.explicatii label {
   display: block;
   margin-bottom: 0px;
}

li.explicatii span.descriere {
   text-indent: 2em;
   font-style: italic;
   margin-left: 10px;
}

div.row div.explicatii h2 {
   font-style: italic;
}

div.row div.explicatii p {
   text-indent: 2em;
}

span.table-actions button.ui-button.ui-widget {
   padding: 2px;
   border: none;
   background: none;
   background-color: transparent;
}

span.table-actions button.ui-button.ui-widget .ui-button-text.ui-c {
   padding-top: 0.1em;
   padding-right: 0.5em;
   padding-bottom: 0.1em;
   padding-left: 2.1em;
}

span.table-actions .ui-menu {
   min-width: 100px;
   width: 100px;
}

#fm\:etlog_flow .ui-wizard-step-titles {
   display: none !important;
}

.validat-patrat {
   padding-left: 5px;
}

.superWide {
   width: 300px !important;
   min-width: 300px !important;
   max-width: 300px !important;
}

#fm\:filtruTag_panel .ui-icon-check {
   background-position: -67px -147px;
}

#fm\:filtruTag .ui-icon-triangle-1-s {
   left: -4px
}

#fm\:filtruTag_panel label {
   margin-bottom: -4px;
}

.filtruTag {
   min-width: 300px;
   min-height: 31px
}

#fm\:filtruTag .ui-selectcheckboxmenu-multiple-container {
   min-height: 31px
}

#fm\:filtruTag_panel .ui-state-hover {
   background-position: 0px;
   transition: none
}

#fm\:filtruTag_panel .ui-selectcheckboxmenu-close {
   padding: 0;
   margin-right: 0
}

#fm\:filtruTag_panel .ui-icon-blank {
   margin-left: -2px;
   margin-top: -2px
}

#fm\:filtruTag .ui-state-default {
   color: #555555
}

.font_size_1_1em {
   font-size: 1.1em
}
.font_size_10 {
   font-size: 10px
}

.utaf {
   border: 1px solid #030303;
   margin-right: 5px
}

.utaf:hover {
   color: #555050 !important
}

.display_flex {
   display: flex
}

.display_block {
   display: block;
}

.bg_337 {
   background-color: #337ab7 !important;
}

.confirm_yes, .confirm_no {
   background-image: none !important
}

.confirm_yes:hover, .confirm_no:hover {
   opacity: 0.8
}

.align_items_center {
   align-items: center
}

.align_content_right {
   margin-left: auto;
   margin-right: 0
}

.width_195 {
   width: 100%;
   max-width: 195px
}

#fm\:frmContract {
   text-align: right;
}

#fm\:frmContract button {
   width: 100%
}

.ui-datagrid-no-border>.ui-widget-content {
   border: none;
}

.ui-panelgrid .ui-panelgrid-cell {
   border: none !important;
}

#fse .form-group {
   margin-bottom: 5px
}

.bb_10 {
   border-bottom: 10px solid #eeeeee;
}

.bt_10 {
   border-top: 10px solid #eeeeee;
}

#fse\:mCont {
   margin-top: 2px
}

.bifautilizator {
   margin-bottom: 4px
}

#fm\:rol1, #fm\:rol2, #fm\:rol3, #fm\:roln1, #fm\:roln2 {
   display: flex !important
}

#loguriForm\:dld .dl4cont {
   overflow-y: auto;
   max-height: 90vh
}

.back_light-green {
   background-color: #90EE90;
}

.back_light-red {
   background-color: #FA8072;
}

.with-space {
   margin-right: 7px;
}

.ui-message:empty {
   display:none;
}
#fm\:a1\:lregions:after{
  content:url(../resources/images/validat_de_gs1_patrat.png);
  position: relative;
  top:9px;
}
#fm\:a1\:lcountries:after{
  content:url(../resources/images/validat_de_gs1_patrat.png);
  position: relative;
  top:9px;
}
.cul-servicii-aloc{
  color: rgb(191,131,185)
}
.cul-inf-companie{
  color:rgb(196,176,0)
}
.cul-facturi{
  color:rgb(240,85,135)
}
.cul-pers-ctc
{
  color:rgb(211,135,95);
}
.cul-utilizatori{
   color:rgb(251,176,52)
}
.cul-lista-gln
{
  color:rgb(113,183,144)
}
.cul-istoric-cereri{
   color:rgb(34,188,185)
}
.cul-lista-email{
  color:rgb(137,170,219)
}
.cul-documente{
   color:rgb(0,141,189)
}
.cul-manuale-utilizare{
   color:rgb(175,150,212)
}
.cul-upload-gln{
   color:rgb(157,187,104)
}
.cul-loguri{
   color:rgb(0,183,79)
}
.cul-termene{
   color:rgb(69,69,69)
}

.bars-table td, bars-table th{
padding: 15px 25px;
padding-top:2px;
padding-bottom:1px;
border-bottom: 2px solid red;
}

.margin tr:first-child td{
 border:none;
 color:white;
 font-weight:600;
}

.color-rounded-right tr:first-child td:last-child{
background-color: red;
 border-top-right-radius: 25px;
 border-bottom-right-radius: 25px;
}

.color-rounded-left tr:first-child td:first-child{
 border-top-left-radius: 25px;
 border-bottom-left-radius: 25px;
 background-color: red;

}

.color-table tr:first-child td:nth-child(2),.color-table tr:first-child td:nth-child(3){
 background-color: red;
 }

.dimension-table td, .dimension-table tr,.dimension-table th{
  border: 1px solid orangered;
  padding:8px;
  }

.center-table th{
  text-align:center;
   background-color: Linen;
  }

  .margin-bt{
     margin-bottom:30px;
  }

  .center-tb{
    margin-left: auto;
    margin-right: auto;
  }
.panel-scroll, .panel-scroll .ui-panel, .panel-scroll .ui-panel-content{
   width:1800px;
   min-height:25px;
   max-height:65px;
   overflow-y:auto;
   scroll-behavior:smooth;
   border:none;
}
.panel-scroll .single-line:only-child{
   min-height:25px;
}
.panel-scroll .multiple-line{
   height:65px;
}

div.row.tabel-cereri-ctc {
   padding-top: 7px;
   border-bottom: 10px solid rgb(211,135,95,0.40);
   padding-bottom: 7px;
}
div.row.tabel-cereri-gln {
   padding-top: 7px;
   border-bottom: 10px solid rgb(113,183,144,0.40);
   padding-bottom: 7px;
   margin-bottom: 7px;
}
div.row.tabel-cereri-mail {
   padding-top: 7px;
   border-bottom: 10px solid rgb(137,170,219,0.40);
   padding-bottom: 7px;
}
div.row.tabel-cereri-servicii {
   padding-top: 7px;
   border-bottom: 10px solid rgb(191,131,185,0.40);
   padding-bottom: 7px;
   margin-bottom: 7px;
}
div.row.tabel-cereri-facturi {
   padding-top: 7px;
   border-bottom: 10px solid rgb(240,85,135,0.40);
   padding-bottom: 7px;
   margin-bottom: 7px;
}
div.row.tabel-cereri-info {
   padding-top: 7px;
   border-bottom: 10px solid rgb(196,176,0,0.40);
   padding-bottom: 7px;
   margin-bottom: 7px;
}
div.row.tabel-cereri-user {
   padding-top: 7px;
   border-bottom: 1px solid rgb(251,176,52,0.40);
   padding-bottom: 7px;
   margin-bottom: 7px;
}
div.row.tabel-cereri-ist {
   padding-top: 7px;
   border-bottom: 1px solid  rgb(34,188,185,0.40) ;
   padding-bottom: 7px;
   margin-bottom: 10px;
}
div.row.tabel-cereri-istoric {
   padding-top: 7px;
   border-bottom: 1px solid  rgb(34,188,185,0.40) ;
   padding-bottom: 7px;
   margin-bottom: 10px;
   margin-top:-10px;
}
div.row.tabel-cereri-doc {
   padding-top: 7px;
   border-bottom: 10x solid   rgb(0,141,189,0.40) ;
   padding-bottom: 7px;
   margin-bottom: 10px;
   }
   div.row.tabel-cereri-log {
   padding-top: 7px;
   border-bottom: 1px solid rgb(0,183,79,0.40) ;
   padding-bottom: 7px;
   margin-bottom: 10px;
}
  div.row.tabel-cereri-termene {
   padding-top: 7px;
   border-bottom: 1px solid rgb(69,69,69,0.40) ;
   padding-bottom: 7px;
   margin-bottom: 10px;
}
.row.facturi {
   background-color: rgb(240,85,135,0.40);
   margin-top:-3px;
}
.row.servicii{
  background-color: rgb(191,131,185,0.40);
  margin-top:-3px;
}
.row.email{
  background-color: rgb(137,170,219,0.40);
  margin-top:-3px;
}
.row.doc{
    background-color: rgb(0,141,189,0.40);
    margin-top:-3px;
}
.row.contacte{
    background-color: rgb(211,135,95,0.40);
    margin-top:-3px;
}
.row.gln{
    background-color: rgb(113,183,144,0.40);
    margin-top:-3px;
}
.row.info{
    background-color: rgb(196,176,0,0.40);
    margin-top:-3px;
}
.row.user{
    background-color: rgb(251,176,52,0.40);
    margin-top:-3px;
}
.row.istoric{
    background-color: rgb(34,188,185,0.40);
    margin-top:-3px;
}
.row.log{
    background-color: rgb(0,183,79,0.40);
    margin-top:-3px;
}
.row.termene{
    background-color: rgb(69,69,69,0.40);
    margin-top:-3px;
}

.exl-icon{
   text-align:right;
   padding-right:85px;
}

#fm\:rdt tr>td>div.subtableHeader>div>table>thead th {
   text-align: left;
   background: none repeat scroll 0 0 #87CEEB;
   border: 1px solid #FFF;
   padding: 2px;
   color: white;
}

#fm\:rdt tr>td>div.subtableRows>div>table>tbody tr {
   text-align: left;
   background: none repeat scroll 0 0 #F5F5DC;
   border: 1px solid #FFF;
   padding: 2px;
}

.flex-container{
   display:flex;
   gap:10px;

}

.icon-text{
   display:flex;
   flex-direction:column;
   align-items:center;
   text-align:center;
}

.icon-text i{
   font-size:2em;
   flex-direction:column;
   margin-bottom: 5px;
}
.icon-text .text{
   display:flex;
   flex-direction:column;
}
.icons-space{
   padding-top:20px;
}

#fm\:notiTable>div{
	padding:0;
	border:none;
}
.d_flex{
	display: flex;
}
.flex_wrap{
   flex-wrap:wrap
}
.row_gap_5{
   row-gap: 5px
}
.border_right1{
	border-right:1px solid #ffffff;
}
.border_bottom1{
	border-bottom:1px solid;
}

.red{
	color: red;
}

.color_aa{
	color: #AA0000!important
}

.gs1-background-color-mint{
	background-color:#71b790;
	border-radius: 6px;
}
.gs1-color-white{
	color: #ffffff !important;
}
.gs1-background-color-teal{
	background-color:#22bcb9 !important;
	border-radius: 6px;
}

#fm\:gt8msg {
	margin-left: 25.5%;
}

.registration_row{
	padding-top: 50px;
}

.registration_row_input{
	padding-top: 20px;
}

.registration_text{
	font-weight: bold;
	font-size: 20px;
}

.ui-radiobutton .ui-widget {
   padding: 0px;
}

table.regdanu {
 width: 50%;
 margin: 0px 5%;
}

h1.h1regtitlu {
   font-size:2em;
   text-align:left;
}

.ui-selectoneradio tr>td {
    display: grid;
    grid-template-columns: 2em 1fr;
    grid-template-rows: 1fr 1em;
}

a.cul-prefixe-societate, .cul-prefixe-societate {
   color:rgb(0,183,79);
}

.one_line{
	height:1.2em;
	overflow:hidden;
}