@import url(primefaces/jquery/jquery-ui.css);
@import url(primefaces/prime-ui/css/primeui-min.css);
@import url(primefaces/primefaces/primefaces.css);

@import url(bootstrap/bootstrap.less);
@import url(retina-1.1.0.less);
@import url(header.css);
@import url(owl.carousel.css);

@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,800,800italic,900,900italic|Work+Sans:100,200,300,400,500,600,700,800,900|Catamaran:400,100,200,300,500,600,700,800,900|Palanquin:400,100,200,300,500,600,700&subset=latin,latin-ext);



/* ===== Main  Styles ======================================================== */


 #announcementAddForm:announcementPriceCurrency_label .ui-selectonemenu { width: 71px !important; }


/* ===== 1. Variables ======================================================== */

// 1.1. Grids, Colors, Main Typography
// -------------------------

@grid-columns: 12;
@grid-gutter-width: 30px;


// 1.2. Brand colors
// -------------------------

@brand-primary: #39823e;
@brand-primary-light: lighten(@brand-primary, 20%);
@body-bg: #fff;
@footer-bg: #002d15;
@component-active-color: #fff;
@font-size-base: 16px;

@black: #000;
@white: #fff;


// 1.3. Typography

// -------------------------

@font-family-sans-serif: "Work Sans", Helvetica, Arial, sans-serif;
@font-family-serif: Georgia, "Times New Roman", Times, serif;

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

body.frontend *,
body.frontend p, 
body.frontend a, 
body.frontend h1, 
body.frontend h2, 
body.frontend h3, 
body.frontend h4, 
body.frontend h5, 
body.frontend h6,
body.frontend li,
body.frontend span {
    font-weight: 400;
    font-family: @font-family-sans-serif!important;
    font-size: @font-size-base!important;
    letter-spacing: -1px;
}

body.frontend b, 
body.frontend strong {
    font-weight: bold;
}

body.frontend .glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}

body.frontend h1 {
    font-size: @font-size-base + 19px !important;
  font-weight: 400;
}

body.frontend h2 {
    font-size: @font-size-base + 11px !important;
  font-weight: 400;
}

body.frontend h3 {
    font-size: @font-size-base + 7px !important;
  font-weight: 400;
  font-weight: 400;
}


body.frontend h4 {
    font-size: @font-size-base + 3px !important;
  font-weight: 400;
}

body.frontend h4.bold {
    font-weight: 400;
}

body.frontend h5 {
  font-size: @font-size-base + 1px !important;
  font-weight: 400;
}

body.frontend h6 {
  font-size: @font-size-base;
}

body.frontend p {
    font-size: @font-size-base - 2px !important;
    line-height: @line-height-computed + 1px;
    color: #646464;
}

body.frontend .lead,
body.frontend .jumbotron .lead{
    font-size: @font-size-base + 4px !important;
    font-weight: 200;
}

body.frontend small,
body.frontend .small {
    font-size: @font-size-base - 4px !important;
}



// 1.4. Border radius
// -------------------------

@overallRadius: 0px;

.panel,
.btn,
div.header-interior .nav-pills > li > a,
div.header-homepage .nav-pills > li > a{
  border-radius: @overallRadius;
}

.panel-heading {
  border-top-right-radius: @overallRadius;
  border-top-left-radius: @overallRadius;
}



/* ===== 2. Theme Customization ======================================================== */


body.frontend .wrapper {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}

/* Headers */

div.header-interior,
div.header-homepage {
  overflow: hidden;
  position: relative;
}


div.header-interior .logo,
div.header-homepage .logo {
  height: 70px;
  margin-top: -15px;
}

div.header-interior #menuPublic,
div.header-homepage #menuPublic {
    position: absolute;
    top: 45px;
    left: 35%;
}

#menuPublic li.menu-create-user {
  background: url(../img/new-badge.png) no-repeat right top;
  background-size: 30px 30px;
}

#menuPublic li.menu-create-user a {
  padding-right: 20px;
  border-color: #63c521;
}




/* 

div.header-interior #menuPublic,
div.header-homepage #menuPublic {
    position: absolute;
    top: 45px;
    left: 40%;
}

div.header-interior .nav-diagonals,
div.header-homepage .nav-diagonals {
  position: absolute;
  margin-top: 30px;
  width: 100%;
}

div.header-interior .nav-diagonals-left,
div.header-homepage .nav-diagonals-left {
  min-height: 100px;
  background-color: fade(@black, 70%);
  border-right: 100px solid @brand-primary;
  border-bottom: 100px solid transparent;
  width: 85%;
  .pull-left;
}

div.header-interior .nav-diagonals-right,
div.header-homepage .nav-diagonals-right {
  min-height: 100px;
  background-color: @brand-primary;
  width: 15%;
  .pull-right;
  position: relative;
}

div.header-interior .nav-container,
div.header-homepage .nav-container {
  padding-top: 60px;
}

*/

div.header-interior .secondary-nav,
div.header-homepage .secondary-nav {
  position: absolute;
  width: 120%;
  left: -46%;
  top: -15px;
}



div.header-interior .secondary-nav-center,
div.header-homepage .secondary-nav-center {
  background-color: @brand-primary;
  min-height: 50px;
  margin-top: 15px;
  transform: skewX(45deg);
  -webkit-transform: skewX(45deg);
  width: 40%;
  .pull-left;
}



div.header-interior .secondary-nav-center .nav,
div.header-homepage .secondary-nav-center .nav {
  transform: skewX(-45deg);
  -webkit-transform: skewX(-45deg);
  padding-top: 5px;
  padding-right: 90px;
}

div.header-interior .secondary-nav-center .nav li a,
div.header-homepage .secondary-nav-center .nav li a {
  text-transform: capitalize;
}

div.header-interior .diagonal-left,
div.header-homepage .diagonal-left {
  min-width: 800px;
  min-height: 800px;
  position: absolute;
  top: -200px;
  left: -400px;
  background-color: fade(@black, 20%);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

div.header-interior .diagonal-right,
div.header-homepage .diagonal-right {
  min-width: 1000px;
  min-height: 1000px;
  position: absolute;
  top: -605px;
  right: -770px;
  background-color: fade(@black, 50%);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

div.content .diagonal-content {
  min-width: 800px;
  min-height: 800px;
  position: absolute;
  top: -200px;
  left: -400px;
  background-color: fade(@black, 10%);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

div.header-interior .mainNav.normal,
div.header-homepage .mainNav.normal {
  position: fixed;
  top: 20px;
  z-index: 999;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
}

div.header-interior .mainNav.normal .partnersBg,
div.header-homepage .mainNav.normal .partnersBg {
    border-left: 140px solid transparent;
    border-top: 140px solid rgba(28,91,32,.5);
    height: 140px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
}


div.header-interior .mainNav.fixed,
div.header-homepage .mainNav.fixed {
  position: fixed;
  top: 0px;
  height: 100px;
  z-index: 999;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
}

div.header-interior .mainNav.fixed .partnersBg,
div.header-homepage .mainNav.fixed .partnersBg {
    border-left: 100px solid transparent;
    border-top: 100px solid rgba(142,180,53,.5);
    height: 100px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
}

div.header-interior .mainNav.normal .logo a,
div.header-homepage .mainNav.normal .logo a {
    background-size: 100%;
    padding: 89px 0 70px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
}

div.header-interior .mainNav.fixed .logo a,
div.header-homepage .mainNav.fixed .logo a {
    background-size: 80%;
    padding: 59px 0 70px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
}

/* User nav */

.mainNav .authBtns {
  position: absolute;
  top: -85px;
  left: -60px;
}

.mainNav.fixed .authBtns {
  position: absolute;
  top: -50px;
  left: -30px;
}

.mainNav .authBtns2 {
  position: absolute;
  top: -85px;
  left: -17px;
}

.mainNav.fixed .authBtns2 {
  position: absolute;
  top: -50px;
  left: 13px;
}

.mainNav .authBtns2 a {
  color: #fff;
}

.mainNav.fixed .authBtns2 a {
  color: #fff;
}








#loginBtn {
  background: none;
  border: none;
  display: block;
  .clearfix();
}

#loginBtn:hover {
  color: #96d696;
}

.partnersBg small {
  display: block;
  color: #fff;
  .clearfix();
  padding-top: 10px;
  padding-bottom: 5px;
}

#registerBtn {
  background: none;
  border: 1px solid #fff;
  display: block;
  .clearfix();
  background-color: rgba(255, 255, 255, 0.8);
  color: @brand-primary;
}

#registerBtn:hover {
  background-color: rgba(255, 255, 255, 1);
}

div.header-interior form#mainMenuForm,
div.header-homepage form#mainMenuForm {
    position: absolute;
    right: 6%;
    top: 45px;
}

div.header-interior form#mainMenuForm .ui-widget-content a.ui-submenu-link .ui-icon,
div.header-homepage form#mainMenuForm .ui-widget-content a.ui-submenu-link .ui-icon {
    display: none;
}

div.header-interior form#mainMenuForm .ui-widget-content,
div.header-homepage form#mainMenuForm .ui-widget-content {
    .pull-right;
}

div.header-interior form#mainMenuForm .ui-widget-content a span.ui-menuitem-text,
div.header-homepage form#mainMenuForm .ui-widget-content a span.ui-menuitem-text {
    white-space: nowrap;
}

div.header-interior form#mainMenuForm .ui-widget-content a span.ui-menuitem-text,
div.header-homepage form#mainMenuForm .ui-widget-content a span.ui-menuitem-text {
    white-space: nowrap;
}

div.header-interior form#mainMenuForm .ui-widget-content a span.ui-menuitem-icon,
div.header-homepage form#mainMenuForm .ui-widget-content a span.ui-menuitem-icon {
    width: 20px;
    height: 20px;
    margin-top: -3px;
    margin-right: 5px;
}




/* Header Homepage */

div.header-homepage {
//  background: @body-bg url("../img/visual-home.jpg") no-repeat center center;
  min-height: 800px;
//  padding-bottom: @grid-gutter-width;
  background-size: cover;
}

div.header-homepage #opportunityBlob {
  display: block;
  width: 550px;
  position: absolute;
  top: 250px;
  left: 10%;
  z-index: 2;
//  background-color: fade(@white, 80%);
  padding: 20px;
  color: @white;
}

div.header-homepage #opportunityBlob h2 {
  color: @white;
  font-size: @font-size-base + 14px !important;
  font-weight: 600;
}

div.header-homepage #opportunityBlob p {
  color: @white;
  font-size: @font-size-base + 2px !important;
}

div.header-homepage #opportunityBlob span {
  text-transform: uppercase;
  font-size: 40px !important;
}

div.header-homepage #opportunityBlob span::selection{
  background: none;
}


div.header-homepage .swiper .swiper-square-left {
  top: -330px;
  left: 45%;
}

div.header-homepage .swiper .swiper-shard {
  left: 38%;
}


/* Header Interior */

div.header-interior {
  min-height: 350px;
//  margin-bottom: @grid-gutter-width;
//  background: url("../img/imagine-homepage.jpg") no-repeat center center;
  background-size: cover;
}

div.header-interior .swiper {
  height: 350px;
}

div.header-interior .swiper .swiper-container, 
div.header-interior .swiper .swiper-wrapper, 
div.header-interior .swiper .swiper-slide {
  height: 350px;
}

div.header-interior .swiper .swiper-square-left {
  left: 27%;
  top: -480px;
}

/* Navigation Pills */

div.header-interior .nav-pills li {
  font-size: 14px;
}

div.header-interior .nav-pills > li,
div.header-homepage .nav-pills > li {
  margin-left: 6px;
}

div.header-interior .nav-pills > li > a,
div.header-homepage .nav-pills > li > a {
  background: none;
  color: @component-active-color;
  padding: 10px 10px;
  text-transform: uppercase;
}

div.header-interior .nav-pills > li a:hover,
div.header-interior .nav-pills > li a:focus,
div.header-interior .nav-pills > li a:visited,
div.header-homepage .nav-pills > li a:hover,
div.header-homepage .nav-pills > li a:focus,
div.header-homepage .nav-pills > li a:visited {
  background: none;
}

.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus {
    background: none;
    border: none;
}

.dropdown-menu {
  background: #000;
  box-shadow: none;
  border: none;
  opacity: 0.8;
}

.dropdown-menu > li > a {
  color: #fff;
}


/* Content */

ol.breadcrumb {
  background: none;
}

.content {
  padding-bottom: @grid-gutter-width;
  margin-bottom: 240px;
  background-color: @white;
}

.content img.thumbnail-left {
  .pull-left;
  margin-right: @grid-gutter-width;
  margin-bottom: @grid-gutter-width / 2;
}

.content .carousel-control.left,
.content .carousel-control.right {
  background: none;
}


/* Forms */

.ui-grid-row {
    padding-bottom: 10px;
}

.ui-button-icon-only .ui-icon, 
.ui-button-text-icon-left .ui-icon, 
.ui-button-text-icon-right .ui-icon {
    width: 20px;
    height: 20px;
    margin-top: -10px;
}


form .ui-panel {
  border: 0px;
  -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
  box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
}

form .ui-widget-header {
  background: none;
  border: none;
  border-bottom: 1px solid @gray-lighter;
  color: @gray;
  font-size: 18px;
}

.ui-widget-content {
  border: 0px;
}

div.ui-panel {
  background: none;
}

form .ui-widget-content {
  border: 0px;
  background-color: @white;
}

form label {
  font-size: 14px;
}

.ui-datepicker-trigger.ui-button-icon-only .ui-button-text {
  padding: 0.4em;
}

.ui-chkbox .ui-chkbox-box {
    width: 26px;
    height: 26px;
}

.ui-icon {
    margin: 4px;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    width: 30px;
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    margin-top: 6px;
}


/* -----------------------------
 * pe-fluidgrid
 *-----------------------------*/
.pe-fluidgrid {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 10px !important;
}
.pe-fluidgrid-item {
    min-width: 360px;
    margin: 0px 0px 0px 0px !important;
    padding: 2px 5px 2px 5px !important;
}
.pe-fluidgrid .ui-inputtextarea{
    resize: none;
}


/* Login & Registration */

body.frontend .loginPage .jumbotron {
  padding: 0px;
  background: none;
}

body.frontend .loginPage .jumbotron h1 {
  margin-top: 0px;
}

body.frontend .registrationPanel {
  width: 75%;
}

body.frontend #j_idt36 {
  background: url("../img/mere.jpg") no-repeat right top;
}

/* Footer */

footer {
  background: url("../img/imagine-footer.png") no-repeat center center;
  background-size: cover;
  background-color: @footer-bg;
  color: @body-bg;
  padding-top: @grid-gutter-width;
  padding-bottom: @grid-gutter-width;
  position: fixed;
  bottom: 0px;
  left: 0px;
  height: 240px;
  z-index: -9999;
}

footer .shard {
    height: 40px;
    left: 50%;
    margin-left: 349px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

footer .shard .angle {
    border-top: 40px solid white;
    border-left: 40px solid transparent;
    height: 40px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

footer .shard .square-right {
    background: #f9fbfd;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -67px;
    margin-left: 0;
    position: absolute;
    top: 0;
    z-index: 2;
}

/* Sidebar */


/* Boxes */

body.frontend .box {
  margin-top: @grid-gutter-width; 
  margin-bottom: @grid-gutter-width; 
}

body.frontend .box a h4,
body.frontend .box h4 a {
    left: 0;
    padding: 0px;
    font-size: 28px !important;
    font-weight: 200;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 173px;
    text-transform: uppercase;
    color: #000;
}

body.frontend .box.sidebar-piata h4 {
    padding-top: 180px;
}

body.frontend .box a:hover {
    color: #000;
    text-decoration: none;
}

body.frontend .box a:hover h4::after {
  content: " \00BB"; 
}


body.frontend .box .box-content {
  padding-top: 60px;
  padding-left: 20px;
  padding-right: 20px;
  border-right: 1px solid @gray-lighter;
  border-bottom: 1px solid @gray-lighter;
}

body.frontend img.box-header-image {
  position: absolute;
  padding-right: @grid-gutter-width;
}

body.frontend .box.homepage-evenimente h4 {
  padding-top: 120px;
}

body.frontend .box.homepage-evenimente .box-content {
  padding-top: 0px;
}

/* Listing articles */

body.frontend .content .listing-articles,
body.frontend .content .article-listing {
  margin-top: @grid-gutter-width;
  margin-bottom: @grid-gutter-width;
}

body.frontend .content .listing-articles h2,
body.frontend .content .article-listing h2 {
  font-size: @font-size-base + 3px;
  font-weight: bold;
}

body.frontend .content .listing-articles h2 a,
body.frontend .content .article-listing h2 a {
  font-size: @font-size-base + 3px !important;
  font-weight: bold;
  color: #39823e;
  text-decoration: underline;
}

body.frontend .content .listing-articles small,
body.frontend .content .article-listing small {
    border-bottom: solid 1px #E8E7E7;
    padding-bottom: 5px;
    margin-bottom: 10px;
    display: block;
}

body.frontend .content .listing-articles small strong,
body.frontend .content .article-listing small strong {
  font-size: 12px !important;
  font-weight: 600;
}

form .listing-articles .ui-widget-content,
form .article-listing .ui-widget-content {
  background: none;
}



/* Listing ads */

.content .listing-ads {
  margin-top: @grid-gutter-width;
  margin-bottom: @grid-gutter-width;
}

.content .listing-ads h2 {
  font-size: @font-size-base + 3px;
  font-weight: bold;
  margin-top: 0px;
}

.content .listing-ads .btn-contact {
  margin-top: @grid-gutter-width;
  margin-bottom: @grid-gutter-width;
}

/* Listing events */

.content .listing-events {
  margin-top: @grid-gutter-width;
  margin-bottom: @grid-gutter-width;
}

.content .listing-events h2 {
  font-size: @font-size-base + 3px;
  font-weight: bold;
  margin-top: 0px;
}

.content .listing-events .well {
  background-color: @brand-primary;
}


.content .listing-events .well span.date,
.content .listing-events .well span.month,
.content .listing-events .well span.year {
  color: white;
  line-height: @line-height-computed - 1px;
}

.content .listing-events .well span.date {
  font-size: @font-size-base + 12px !important;
}


.content .listing-events span.glyphicon-event-list {
  font-size: 30px !important;
  color: white;
}


/* Marketplace (Piata) */

#panel-marketplace .panel-heading h6.panel-title {
  font-size: @font-size-base;
  font-weight: bold;
}

#panel-marketplace .panel-body {
  padding: 0px;
}

.horizontal-gradient (@startColor: white, @endColor: rgba(255,255,255,0)) {
  background: white;
  background: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor));
  background: -webkit-linear-gradient(left, @startColor, @endColor);
  background: -moz-linear-gradient(left, @startColor, @endColor);
  background: -ms-linear-gradient(left, @startColor, @endColor);
  background: -o-linear-gradient(left, @startColor, @endColor);
}

#panel-marketplace .panel-body ul li {
  margin-top: 1px;
}

#panel-marketplace .panel-body ul li.legume {
  background: url("../img/legume.jpg") no-repeat center center;
  background-size: cover;
}

#panel-marketplace .panel-body ul li.cartofi {
  background: url("../img/cartofi.jpg") no-repeat center center;
  background-size: cover;
}

#panel-marketplace .panel-body ul li.ciuperci {
  background: url("../img/ciuperci.jpg") no-repeat center center;
  background-size: cover;
}

#panel-marketplace .panel-body ul li.fructe {
  background: url("../img/fructe.jpg") no-repeat center center;
  background-size: cover;
}

#panel-marketplace .panel-body ul li.seminte {
  background: url("../img/fructe.jpg") no-repeat center center;
  background-size: cover;
}

#panel-marketplace .panel-body ul li a {
  padding-top: 20px;
  padding-bottom: 20px;
  .horizontal-gradient;
  color: black;
  font-weight: bold;
  border-radius: 0px;
}

#panel-marketplace .panel-body ul li a:hover {
  background: @brand-primary-light;
}

#filterForm\:categories {
	width: 100%;
}

//#filterForm\:categories tbody tr td {
	//padding-top: 20px;
	//padding-bottom: 20px;
   // padding-left: 15px;
//}

#filterForm\:categories tbody tr:nth-child(1) {
	background: url("https://www.oipalegumefructe.ro/oipa/static/v0.3/v0.3/img/legume.jpg") no-repeat center center;
	background-size: cover;
}


#filterForm\:categories tbody tr:nth-child(1) td:nth-child(1),
#filterForm\:categories tbody tr:nth-child(2) td:nth-child(1),
#filterForm\:categories tbody tr:nth-child(3) td:nth-child(1),
#filterForm\:categories tbody tr:nth-child(4) td:nth-child(1),
#filterForm\:categories tbody tr:nth-child(5) td:nth-child(1) {
	display:none;
}

#filterForm\:categories tbody tr td {
	width: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0));
	background: -moz-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0));
	background: -ms-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0));
	background: -o-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0));
}


#filterForm\:categories tbody tr:nth-child(1) td div.active-state {
	background: none;
}


/* Comments */

#commentsFragment {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #ccc;
}

#commentsFragment .ui-panel-title {
font-size: 1.5em !important;
padding-top: 10px;
display: block;
}

#commentsFragment form .ui-panel {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;

  border: 1px solid #ccc;
  padding: 10px !important;
}

#commentsFragment pre {
  background: none;
  border: none;
  padding: 0px;
  padding-left: 50px;
}

#commentsFragment form .ui-widget-header {
  border-bottom: none;
}

#commentsFragment .ui-panel-footer {
  padding: 0px !important;
  color: #999;
  font-style: italic;
}

/* Messages */

.ui-icon {
  width: 20px !important;
  height: 20px !important;
}

.ui-menu .ui-menuitem-text {
  padding-top: 5px;
  padding-left: 5px;
}

.ui-button-icon-only {
    width: 2.4em;
    height: 2.0em;
}

.ui-button-icon-only .ui-icon, 
.ui-button-text-icon-left .ui-icon, 
.ui-button-text-icon-right .ui-icon {
  margin-top: -12px;
  margin-left: -12px;
}

#j_idt78 {
  width: 100%;
}

.oipa-messages-menu {
  margin-top: 65px;
}



/* Misc */

.bottombordered {
  border-bottom: 1px solid @gray-lighter;
}

.bottombordered strong {
  font-size: 14px !important;
}

.featuredimage {
  margin-right: @grid-gutter-width;
}


.home-whatWeDo .square-left {
  z-index: inherit;
  margin-left: -1320px;
  top: -763px;
  height: 1600px;
  width: 962px;
}


.home-whatWeDo {
  height: 100%;
}

.btn.btnGrey {
    margin-top: 8px;
    color: #fff;
    display: inline-block;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    padding-left: 0px;
}



.btn.btnGrey .text {
    background: #555 url(../img/icon-arrow-white.png) no-repeat right center;
    background-color: #555;
    display: block;
    font-size: 12px!important;
    font-weight: 400;
    height: 45px;
    padding: 14px 22px 0px 20px;
    letter-spacing: 0px;
}

.btn.btnGrey .shard {
    background: url(../img/btn-angle-grey.png) no-repeat;
    display: block;
    height: 45px;
    width: 45px;
}

.btn.btnGrey span {
    float: left;
}

.btn.btnGrey::selection {
  
    color: #fff;
    text-shadow: none;
}

/*
.squared {
 .home-whatWeDo; 
}
*/

.header-homepage .poweredby {
    position: absolute;
    right: 45.5%;
    top: 860px;
    z-index: 9;
}

.header-interior .poweredby {
    position: absolute;
    right: 30%;
    top: 300px;
    z-index: 9;
}

.header-homepage .poweredby img,
.header-interior .poweredby img {
  height: 40px;
}

/* Data displays */

body.frontend .ui-paginator-first span.ui-icon,
body.frontend .ui-paginator-prev span.ui-icon,
body.frontend .ui-paginator-next span.ui-icon,
body.frontend .ui-paginator-last span.ui-icon {
  height: 16px;
}

body.frontend .ui-paginator-first,
body.frontend .ui-paginator-prev,
body.frontend .ui-paginator-next,
body.frontend .ui-paginator-last {
  background-color: #fff;
  border: none;
}

body.frontend .ui-paginator-first.ui-state-hover,
body.frontend .ui-paginator-prev.ui-state-hover,
body.frontend .ui-paginator-next.ui-state-hover,
body.frontend .ui-paginator-last.ui-state-hover {
  background-color: #fff;
  background: none;
  border: none;
}

body.frontend table.ui-panelgrid td {
  border-width: 0px;
  border-bottom-width: 1px;
}

body.frontend .ui-datalist ul.ui-datalist-data li:first-child {
  border-top: 1px solid #000;
}

body.frontend .ui-datatable table th,
body.frontend .ui-datatable table td,
body.frontend .ui-datatable table tr.ui-state-hover {
  border-width: 0px;
}

body.frontend .ui-datatable table thead tr th,
body.frontend .ui-datatable table tbody tr td {
  border-top-width: 1px;
}

body.frontend .ui-datatable table tbody tr:last-child td {
  border-bottom-width: 1px;
}

/* Homepage */

#calendar-home .ui-datepicker {
  width: 100%;
}


/* Organisational chart */

#orgtree {
  fill: #8A5C2E;
  width: 325px;
  .center-block;
  margin-top: 100px;
  margin-bottom: -32px;
}

#orgtree a.orgtree-bubble {
  .center-block;
  text-align: center;
  border-radius: 50%;
  width: 170px;
  height: 170px;
  background-color: #DCC936;
  border: 3px solid #1C5B20;
  font-size: 12px !important;
  font-weight: bold;
  display: block;
  padding: 30px;
  color: @black;
  position: absolute;
  -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.4);
  box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.4);
}

#orgtree a.orgtree-bubble:hover {
  text-decoration: none;
  background-color: #FDEA5A;
}

#orgtree a.orgtree-bubble span {
  font-size: 12px !important;
  color: @gray;
  font-weight: normal;
  font-style: italic;
  display: block;
}

#orgtree #one {
  padding-top: 30px;
  transform: translate(-140px,-470px);
  background-color: #D6FCC2;
}

#orgtree #two {
  padding-top: 30px;
  transform: translate(270px,-510px);
  background-color: #74A878;
  
}

#orgtree #three {
  padding-top: 20px;
  transform: translate(240px,-630px);
  width: 150px;
  height: 150px;
  background-color: #D6FCC2;
}

#orgtree #four {
  padding-top: 20px;
  transform: translate(-100px,-630px);
  width: 170px;
  height: 170px;
  background-color: #96D696;
}

#orgtree #five {
  padding-top: 20px;
  transform: translate(70px,-690px);
  width: 160px;
  height: 160px;
  background-color: #70DB70;
}

#orgtree #six {
  padding-top: 20px;
  transform: translate(0px,-510px);
  width: 175px;
  height: 175px;
  background-color: #a6e3aa;
}

#orgtree #seven {
  padding-top: 20px;
  transform: translate(130px,-560px);
  width: 150px;
  height: 150px;
  background-color:  #ABDEAB;
}

#orgtree #eight {
  padding-top: 20px;
  transform: translate(130px,-430px);
  width: 150px;
  height: 150px;
  background-color: #D6FCC2;
}

#orgtree #nine {
  padding-top: 20px;
  transform: translate(250px,-360px);
  width: 150px;
  height: 150px;
  background-color: #99E699;
}

#orgtree #ten {
  padding-top: 20px;
  transform: translate(-50px,-340px);
  width: 150px;
  height: 150px;
  background-color:#85E085;
}

.owl-carousel .owl-controls .owl-nav .owl-prev, 
.owl-carousel .owl-controls .owl-nav .owl-next, 
.owl-carousel .owl-controls .owl-dot {
  display: block;
  float: left;
  margin-right: 50px;
}

/* Dialogs */

.ui-dialog,
#dialogNewsletters {
  z-index: 9999;
}

#dialogNewsletters table td {
  padding: 10px;
}


.buttonNewsletters {
    position: absolute;
    top: 600px;
    right: -140px;
    z-index: 99;
    transition: 1s;
}
.buttonNewsletters:hover {
    right: -5px;
    transition: 1s;
}

/*  UI customisations */

.ui-datepicker .ui-datepicker-title select {
  color: @gray;
}











//css ulterior


.buttonNewsletters2 {
    margin-top: 55px !important;
    left: 209px;
    position: absolute;
    top: 600px;
    z-index: 99;
    transition: 1s;
    background-color: #555;
    color: #fff;
   
}


.buttonNewsletters2:hover {
  
    color: #000;
}


#signinBtn:hover {
    color: #96d696;
}




.owl-nav .owl-prev{ font-size: 100px !important; margin-top: -250px; margin-left: -70px;}


.owl-nav .owl-next { font-size: 100px !important; margin-top: -250px; margin-left: 500px; }


.swiper .swiper-square-top-right { left: 45% !important; margin-left: 0px !important;}

.mainNav .partnersBg {left: 42.3% !important;}



.swiper .swiper-square-top-right {
    left: 44.5% !important;
    margin-left: -162px !important;
}


.swiper .swiper-square-top-right {
    background: rgba(0,0,0,.35);
    height: 1667px;
    width: 1809px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 50px;
    position: absolute;
    top: -1643px;
    z-index: 3;
}


.swiper .swiper-square-bottom-right {
    background: rgba(0,0,0,.35);
    height: 1690px;
    width: 3339px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 53%;
    margin-left: -28px;
    position: absolute;
    top: 924px;
    z-index: 3;
}

.swiper .swiper-shard .angle {
    border-bottom: 144px solid white;
    border-left: 200px solid transparent;
    bottom: 0px;
    height: 80px;
    position: absolute;
    width: 100%;
}



ul#menuPublic li:hover a.oipa { color: #96d696;}

ul#menuPublic li ul li a:hover { color: #96d696 !important;}


.ui-panelgrid-cell input { 
    border: 0 !important;
    //box-shadow: inset 1px 1px 2px #e3e3e3 !important;
    color: #6b8e1a;
    font-size: 14px;
    margin-bottom: 15px;
    padding: 0 13px;
    border-width: 1px 1px 0 2px !important;
    border-color: #e3e3e3 !important;
    border-style: solid !important;
  
    }


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0px solid #96D696; }





//.swiper .swiper-shard {
//    bottom: 0;
//    height: 80px;
//    margin-left: -160px;
//    overflow: hidden;
//    position: absolute;
//    left: 45.9%;
//    width: 100%;
//    z-index: 4;
//}


//.swiper .swiper-shard .angle {
//    border-bottom: 80px solid white;
//    bottom: 0px;
//    height: 80px;
//    position: absolute;
//    width: 100%;
//}


.ui-oipa { background: #555555 !important; color: #fff; padding: 8px; letter-spacing: 0px !important; font-size: 12px!important; font-weight: 400; }



//.shard2 { background: url(https://oipalegumefructe.ro/oipa/design/img/btn-angle-grey.png) no-repeat; 
//          display: block;
//          height: 45px;
//          width: 45px; float: right; margin-top: 8px;
 //         margin-left: -2px; font-size: 12px !important; }

.save-button-oipa { font-size: 12px !important; }





//.shard3 {
 //       background: url(https://oipalegumefructe.ro/oipa/design/img/btn-angle-green.png) no-repeat;
//        display: block;
//        height: 50px;
//        width: 45px;
//        float: right;
//        margin-top: -36px;
//        margin-right: 266px;
    
//}



.home-whatWeDo .square-left {
    z-index: inherit;
    margin-left: -1320px;
    top: -763px;
    height: 1600px;
    width: 976px;
}



.swiper .swiper-shard {
    bottom: 0px;
    height: 82px;
    margin-left: -254px;
    overflow: hidden;
    position: absolute;
    left: 49%;
    width: 100%;
    z-index: 4;
}


div.header-homepage .swiper .swiper-square-left {
    top: -330px;
    left: 38%;
}


.header-interior .swiper .swiper-wrapper .swiper-slide { background-size: cover; background-image: url("/oipa/design/img/visual-marketplace.jpg") !important; }

div.header-interior .swiper {
    height: 450px;
}


div.header-interior .swiper .swiper-container, div.header-interior .swiper .swiper-wrapper, div.header-interior .swiper .swiper-slide {
    height: 450px;
}


div.header-interior .swiper .swiper-square-left {
    left: 31%;
    top: -480px;
}



div.header-interior .swiper .swiper-shard .angle { border-left: 161px solid transparent; }


.header-homepage .swiper .swiper-square-left { background: rgba(0,0,0,.70); }

.header-interior .swiper .swiper-square-left { background: rgba(0,0,0,.40); }


.home-whatWeDo .square-left { width: 950px; }


.header-interior .poweredby { top: 393px; }

.green-color-oipa {color: #3fb347; }




.ui-panel .ui-panel-footer { background-color: #f1f5f9 !important; }


.ui-widget-content { background: #f1f5f9; }


.ui-grid .btn:hover, .btn:focus {color: #000 !important;}

span.ui-calendar button.ui-button { border: 1px solid #e3e3e3; }


.loginPage .jumbotron { margin-top: -20px; }

a.ui-widget { color: #3fb347 !important; }


div.header-interior .secondary-nav-center{ width: 29.5%; margin-left: 10%; }


div.header-homepage .secondary-nav-center { width: 30.2%; margin-left: 9.3%; }




.ui-fileupload span.ui-icon { display: none; }


.ui-button-text-icon-left .ui-button-text { padding: 5px 20px; }


.ui-selectonemenu-items-wrapper .ui-widget-content { max-width: 540px; }


.ui-panel .ui-panel-titlebar { background: #2d6630; color: #fff; }

.ui-panelgrid-cell input { margin-bottom: 0px; padding-bottom: 5px; padding-top: 5px; }

#orgtree { margin-bottom: -38px; }


.ui-datatable thead th, .ui-datatable tfoot td { text-align: left; }


form.ui-widget-content { margin-bottom: 0px; }




.ui-widget-content .ui-state-default, .widget-header .ui-state-default { background: #317036; color: #fff; }


//.ui-widget-content .ui-state-default:hover { background: #2d6630; color: #fff; }


.ui-widget-content input.ui-state-default  { background: #fff; color: #000; }




.download-upload { color: #fff !important; }


.download-upload:hover, .download-upload:focus, .download-upload:active { background-color: #2d6630 !important; }

textarea { background: #fff !important; color: #000 !important; }

form .ui-widget-content { background-color: #f1f5f9; }

.ui-icon { width: 18px !important; }


body.frontend .box .box-content { padding-bottom: 30px; }

//body.frontend p { font-size: 20px !important; }

body.frontend h3 { font-size: 25px !important;}

.ui-menubar .ui-menuitem { width: 100%; }


.header-interior-marketplace .ui-widget-content .ui-state-default, .header-interior-marketplace .widget-header .ui-state-default { background: #fff !important; color: #000 !important; }




form#filterForm .ui-widget-content .ui-state-default, form#filterForm .widget-header .ui-state-default { background: none !important; color: #000 !important; }



form#filterForm .ui-widget-content .ui-state-default span.ui-c, form#filterForm .widget-header .ui-state-default span.ui-c { border-right: 52px solid #f1f5f9; }



form#filterForm .ui-widget-content .ui-state-default span.ui-c:active, form#filterForm .ui-widget-content .ui-state-default span.ui-c:hover, form#filterForm .ui-widget-content .ui-state-default span.ui-c:focus, 


form#filterForm .widget-header .ui-state-default span.ui-c:active, form#filterForm .widget-header .ui-state-default span.ui-c:hover, form#filterForm .widget-header .ui-state-default span.ui-c:focus { color: #2d6630; font-weight: bold; }





form#filterForm .ui-widget-content .ui-state-default:active, form#filterForm .ui-widget-content .ui-state-default:focus, 


form#filterForm .widget-header .ui-state-default:active, form#filterForm .widget-header .ui-state-default:focus{  }



label.ui-selectcheckboxmenu-label:hover { background: none !important; }


.ui-selectcheckboxmenu-label span.ui-icon-triangle-1-s:hover { background: none !important; }






#filterForm\:categories tbody tr:nth-child(1) td label {
    background: url("https://www.oipalegumefructe.ro/oipa/static/v0.3/v0.3/img/cartofi.jpg") no-repeat center center;
    background-size: cover;
    width: 100%; 
    padding: 30px;
    text-transform: uppercase;
    font-weight: bold;
}


#filterForm\:categories tbody tr:nth-child(2) td label  {
    background: url("https://www.oipalegumefructe.ro/oipa/static/v0.3/v0.3/img/ciuperci.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    padding: 30px;
    text-transform: uppercase;
    font-weight: bold;
}



#filterForm\:categories tbody tr:nth-child(3) td label  {
    background: url("https://www.oipalegumefructe.ro/oipa/static/v0.3/v0.3/img/fructe.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    padding: 30px;
    text-transform: uppercase;
    font-weight: bold;
    
}   



#filterForm\:categories tbody tr:nth-child(4) td label  {
    background: url("https://www.oipalegumefructe.ro/oipa/static/v0.3/v0.3/img/legume.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    padding: 30px;
    text-transform: uppercase;
    font-weight: bold;
    
}    


#filterForm\:categories tbody tr:nth-child(5) td label  {
    background: url("https://www.oipalegumefructe.ro/oipa/static/v0.3/v0.3/img/seminte.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    padding: 30px;
    text-transform: uppercase;
    font-weight: bold;
}  




#filterForm\:categories tbody tr:nth-child(1) {
    background: none !important;
    
}







@media all and (min-width: 1450px) and (max-width: 1628px) {

    div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center { width: 33.5% !important; margin-left: 6% !important; }

}


@media all and (min-width: 1360px) and (max-width: 1450px) {

     div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center { width: 36% !important; margin-left: 3.6% !important; }

}



@media all and (min-width: 1325px) and (max-width: 1360px) {

     div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center { width: 37% !important; margin-left: 2% !important; }

}



@media all and (min-width: 1295px) and (max-width: 1325px) {

     div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center { width: 38% !important; margin-left: 1% !important; }

}



@media all and (min-width: 1279px) and (max-width: 1295px) {

    div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center { width: 39% !important; margin-left: 0% !important; }

}



@media all and (min-width: 1277px) and (max-width: 1279px) {

     div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center { width: 43% !important; margin-left: 9% !important; }

}



@media all and (min-width: 1251px) and (max-width: 1277px) {

    div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center { width: 44% !important; margin-left: 8% !important; }

}



@media all and (min-width: 1227px) and (max-width: 1251px) {

     div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center { width: 46% !important; margin-left: 8% !important; }

}





@media all and (min-width: 1203px) and (max-width: 1226px) {

    div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center  { width: 46% !important; margin-left: 8% !important; }

}




@media all and (min-width: 1180px) and (max-width: 1203px) {

     div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center { width: 47% !important; margin-left: 8% !important; }

}




@media all and (min-width: 1159px) and (max-width: 1180px) {

    div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center { width: 48% !important; margin-left: 7% !important; }

}




@media all and (min-width: 1138px) and (max-width: 1159px) {

    div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center { width: 49% !important; margin-left: 6% !important; }

}





@media all and (min-width: 1118px) and (max-width: 1138px) {

    div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center { width: 50% !important; margin-left: 6% !important; }

}



@media all and (min-width: 1099px) and (max-width: 1118px) {

     div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center { width: 51% !important; margin-left: 5% !important; }

}



@media all and (min-width: 1080px) and (max-width: 1099px) {

     div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center { width: 52% !important; margin-left: 5% !important; }

}



@media all and (min-width: 1063px) and (max-width: 1080px) {

     div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center { width: 53% !important; margin-left: 4% !important; }

}




@media all and (min-width: 1046px) and (max-width: 1063px) {

     div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center { width: 54% !important; margin-left: 4% !important; }

}



@media all and (min-width: 1029px) and (max-width: 1046px) {

     div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center { width: 55% !important; margin-left: 4% !important; }

}



@media all and (min-width: 320px) and (max-width: 1029px) {

     div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center { width: 56% !important; margin-left: 3% !important; }

}







//@media all and (min-width: 320px) and (max-width: 1190px) {
//
//     div.header-homepage #opportunityBlob { left: 1%; }
//    div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center { width: 100% !important; left:0; margin-left: 1% !important; }
//
//
//}


@media all and (min-width: 320px) and (max-width: 1000px) {

   div.header-homepage #opportunityBlob h2 { font-size: 24px !important; }
   
   .owl-nav .owl-next { margin-left: 457px; }

}




.ui-panel .ui-panel-content { padding: 0 !important; }



#filterForm\:categories tbody tr td label:hover { color: #2d6630; font-weight: bold; }



.ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s { margin-left: -10px; }


.list-products form .ui-widget-content {
    background-color: none !important;
}



//.shard4 { background: url(https://oipalegumefructe.ro/oipa/design/img/btn-angle-grey.png) no-repeat; 
//          display: block;
//          height: 45px;
//          width: 45px; 
//          float: right; 
//          margin-top: -56px !important;
 //         margin-right: 51px !important; }





.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    padding: 4px 10px;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    border-color: #dddddd !important;
}




body.frontend .ui-datatable table thead tr th,
body.frontend .ui-datatable table tbody tr td {
  border-top-width: 0px !important;
}


body.frontend .ui-datatable table tbody tr:last-child td {
    border-bottom-width: 0px;
}


// .ui-menu .ui-menuitem { background: #2d6630; }


.ui-menu .ui-menuitem a span { color: #fff; }


ul li a.ui-menuitem-link .ui-icon[class*="ui-icon-ext-"] {
    text-indent: -15px;
    background-image: none;
}

.ui-menu .ui-menuitem a:hover { background: none; }


.marketplace-list .ui-widget-header input.ui-state-default {
    border: 1px solid #96D696;
}



//.marketplace-list .ui-datatable-header span.ui-button-text { border: 1px solid #96D696 !important; }



.ui-panel .ui-panel-titlebar { margin-top: -5px !important; }




.ui-chkbox .ui-state-default  { background: #fff !important; border:1px solid #ccc !important; }


form#j_idt47 .ui-widget-content {
    background-color: #fff !important;
}


body.frontend table.ui-panelgrid td {
    border-width: 0px;
    border-bottom-width: 0px;
}



//.ui-widget-header .ui-state-default { border: 1px solid #96D696;}


 .evenimente-sidebar img.box-header-image,  .consultanta-sidebar img.box-header-image { position: relative !important; padding: 0px !important; }


 .evenimente-sidebar h4, .consultanta-sidebar h4 { margin-top: -85px !important; }


.ui-icon-ext-comment { display: none; }


.hover:hover { color: #000; }


 .ui-menubar .ui-menuitem { width: auto !important; }


 .ui-menuitem { margin-right: 60px !important; padding: 0px 10px 3px 3px !important; }

 form#mainMenuForm .ui-menuitem { margin-right: 0px !important; }

 form#mainMenuForm .ui-menuitem li { width: 100% !important; }




form#listForm {
    border-top: 1px solid #ddd;
    margin-top: 15px;
}


.home-whatWeDo .ui-icon-triangle-1-s  { margin-left: 0px !important; }


.ui-fileupload .ui-widget-header .ui-state-default { border: 0px !important; }


.ui-fileupload-buttonbar .ui-button { margin-right: 0px !important; }


//.ui-fileupload-buttonbar .ui-button:hover { background-color: #2d6630 !important; }


.ui-widget-header .ui-state-default:hover, .ui-widget-header .ui-state-default:focus, .ui-widget-header .ui-state-default:active { background: #2d6630; border: none !important; }


.ui-fileupload-buttonbar { padding: 0px !important; }



form .ui-widget-header:hover, form .ui-widget-header:focus, form .ui-widget-header:active { }


form#listForm .ui-widget-header input.ui-state-default:hover, form#listForm .ui-widget-header input.ui-state-default:focus, form#listForm .ui-widget-header input.ui-state-default:active {
    
    background: none !important;  border: 1px solid #96D696 !important; }


a.ui-menuitem-link span.ui-menuitem-text:hover, a.ui-menuitem-link span.ui-menuitem-text:focus, a.ui-menuitem-link span.ui-menuitem-text:active { color: #8eb435 !important; background: none !important; }


form#j_idt45 .ui-widget-header .ui-state-default:hover, form#j_idt45 .ui-widget-header .ui-state-default:focus, form#j_idt45 .ui-widget-header .ui-state-default:active {
    
    background: none !important; border: 0px solid #96D696 !important;  }


#commentsFragment .ui-widget-header .ui-state-default:hover, #commentsFragment .ui-widget-header .ui-state-default:focus, #commentsFragment .ui-widget-header .ui-state-default:active {
    
    background: none !important; border: 1px solid #96D696 !important;   }




.ui-menu .ui-menuitem { border: 2px solid #2d6630 !important; }


.ui-menu .ui-menuitem a span { color: #000; }




.ui-widget-header .ui-paginator-first:hover, .ui-widget-header .ui-paginator-first:focus, .ui-widget-header .ui-paginator-first:active { background: none !important; }


a.ui-oipa { background: none !important; }


 


.header-interior .home-whatWeDo .square-left { z-index: 1 !important;}


form#actionsMenuForm .ui-menuitem { position: relative; z-index: 2; }



form#actionsMenuForm .ui-widget-content { background-color: none !important; }








.breadcrumb li { position: relative; z-index: 2;}


form#listForm button.ui-state-default:hover { background: #96D696; }


select.ui-state-default:hover, select.ui-state-default:focus, select.ui-state-default:active { background: #96D696 !important; border: none !important; }


input.ui-inputfield { border: 1px solid #96D696 !important; }


.ui-datatable-header button { border: 1px solid #96D696 !important; }


//input#j_idt45:hover { background: none !important; border: 1px solid #96D696 !important; }


form#j_idt45 .ui-widget-header input.ui-state-default:hover, form#j_idt45 .ui-widget-header button.ui-state-default:hover { background: none !important; border: 1px solid #96D696 !important; }


#commentsFragment .ui-widget-header .ui-state-default:hover, #commentsFragment .ui-widget-header .ui-state-default:focus, #commentsFragment .ui-widget-header .ui-state-default:active {
    background: none !important;
    border: 0px solid #96D696 !important;
}



#commentsFragment .ui-widget-header input.ui-state-default:hover, #commentsFragment .ui-widget-header input.ui-state-default:focus, #commentsFragment .ui-widget-header input.ui-state-default:active,
#commentsFragment .ui-widget-header button.ui-state-default:hover, #commentsFragment .ui-widget-header button.ui-state-default:focus, #commentsFragment .ui-widget-header button.ui-state-default:active  {
    background: none !important;
    border: 1px solid #96D696 !important;
}





form#j_idt44 input.ui-inputfield { border: none !important; }


input#j_idt46 { border: none !important; }


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


//form .ui-widget-content { background-color: #fff !important; }

//.home-whatWeDo .square-left { z-index: 1; }


//form#filterForm {z-index: 3; position: relative; }



form#actionsMenuForm .ui-menuitem { margin-right: 5px !important; }

//form#dataTableForm .ui-widget-header .ui-state-default:hover, form#dataTableForm .ui-widget-header .ui-state-default:focus, form#dataTableForm .ui-widget-header .ui-state-default:active {
//    background: none !important;
//    border: 1px solid #96D696 !important;
//}




#dataTableForm .ui-widget-header .ui-state-default:hover, #dataTableForm .ui-widget-header .ui-state-default:focus, #dataTableForm .ui-widget-header .ui-state-default:active { background: none !important; border: 1px solid #96D696 !important;  }




#dataTableForm:datatable:datatable_paginator_top .ui-widget-header .ui-state-default:hover {
    background: none !important;
    border: 0px solid #96D696 !important;
    
}






//.ui-datatable-tablewrapper  { border: 1px solid #ddd; }



 form#listForm .ui-datatable-tablewrapper form .ui-widget-content {
    background-color: #fff !important; 
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2) !important;
}


.ui-datatable-tablewrapper table thead { border-top: 1px solid #ddd; }

.ui-datatable-tablewrapper { position: relative; z-index: 2; }


#listForm .ui-datatable-tablewrapper  { border: 0px solid #ddd; }


#dataTableForm .ui-datatable-tablewrapper  { border: 1px solid #ddd; }


#dataTableForm .ui-datatable-tablewrapper tr th { background: #2d6630; color: #fff; }


#j_idt65 { position: initial !important; }


//form#actionsMenuForm { overflow: hidden !important; }


//#j_idt66 .ui-widget-content, #j_idt77 .ui-widget-content { background: #fff; }





.ui-widget-content { background: #fff;}




 #messagesForm .ui-widget-header button.ui-state-default { background: #fff !important; }


 #messagesForm .ui-widget-header button.ui-state-default:hover {  border: 1px solid #96D696 !important; }


 #messagesForm .ui-widget-header input.ui-state-default:hover, #messagesForm .ui-widget-header input.ui-state-default:focus, #messagesForm .ui-widget-header input.ui-state-default:active {  background: #fff !important; border: 1px solid #96D696 !important; }




.ui-widget-header select.ui-state-default {  background: #fff !important; color: #555555; }



#j_idt66 ul.ui-menu-list li.ui-menuitem:last-child { border: 1px solid #fff !important; }



//body.frontend .ui-datatable table tbody tr:first-last td {  border: 1px solid #ddd !important; }


form#j_idt47 .ui-widget-content {
     background-color: #f1f5f9 !important; 
}



.ui-grid .ui-selectonemenu {
    //min-width: 50px !important;
    border: 0px solid #96D696 !important;
}


form#actionsMenuForm .ui-widget-content { background-color: #fff !important; }


.overflow-img { overflow: hidden !important; }


//.ui-galleria-nav-next { right: 10%; }


#filterForm:announcementsTypes div.ui-state-default { border-left: 1px solid #ddd !important; }


.ui-grid #announcementAddForm:announcementPriceCurrency .ui-selectonemenu { min-width: 70px !important; }



.ui-fileupload-content { display: none; }



//.ui-widget-content label#announcementUpdateForm .ui-state-default { border: 1px solid #96D696 !important; background: none ! important; }


//#announcementUpdateForm:j_idt122 .ui-widget-content .ui-state-default { border: 1px solid #96D696 !important;  background: none ! important; }


//.ui-widget-content label#announcementUpdateForm:announcementType_label .ui-state-default { border: 1px solid #96D696 !important;  background: none ! important; }



//.ui-widget-content label#announcementUpdateForm\:announcementType_label .ui-state-default { border: 1px solid #96D696 !important;  background: none ! important; }



//.ui-widget-content label#announcementUpdateForm .ui-state-default { border: 1px solid #96D696 !important;  background: none ! important; }





//form#j_idt48 .ui-selectonemenu .ui-widget .ui-state-default .ui-corner-all { min-width: 570px !important; }


#announcementUpdateForm\:announcementCode { border: 1px solid #ddd; }

label#announcementUpdateForm\:announcementType_label { border: 1px solid #ddd; }

label#announcementUpdateForm\:announcementType_label { border: 1px solid #ddd; }

label#announcementUpdateForm\:memberRepresentative_label { border: 1px solid #ddd; }

label#announcementUpdateForm\:regions_label { border: 1px solid #ddd; }

label#announcementUpdateForm\:localities_label { border: 1px solid #ddd; }

label#announcementUpdateForm\:categories_label { border: 1px solid #ddd; }

label#announcementUpdateForm\:subcategories_label { border: 1px solid #ddd; }

label#announcementUpdateForm\:attributes_label { border: 1px solid #ddd; }

input#announcementUpdateForm\:announcementPrice_input { border: 1px solid #ddd !important; }

label#announcementUpdateForm\:announcementPriceCurrency_label { border: 1px solid #ddd; }

input#announcementUpdateForm\:announcementVolume_input { border: 1px solid #ddd !important; }

label#announcementUpdateForm\:measureunits_label { border: 1px solid #ddd! important; }

label#announcementUpdateForm\:announcementStateAdmin_label { border: 1px solid #ddd; }

input#announcementUpdateForm\:announcementSubject { border: 1px solid #ddd !important; }

textarea#announcementUpdateForm\:announcementContent { border: 1px solid #ddd; }

img#folderContentForm:dataTable\:1\:j_idt552 { border: 1px solid #ddd; }


form#announcementUpdateForm .ui-widget-content { background: #fff !important; }

form#folderContentForm .ui-widget-content { background: #fff !important; }






form#j_idt47 .ui-widget-content { background-color: #fff !important; }

tbody#folderContentForm\:dataTable_data tr { border:1px solid #ddd !important; }



label#announcementAddForm\:announcementType_label { border: 1px solid #ddd; }

label#announcementAddForm\:memberRepresentative_label { border: 1px solid #ddd; }

label#announcementAddForm\:regions_label { border: 1px solid #ddd; }

label#announcementAddForm\:localities_label { border: 1px solid #ddd; }

label#announcementAddForm\:categories_label { border: 1px solid #ddd; }

label#announcementAddForm\:subcategories_label { border: 1px solid #ddd; }

label#announcementAddForm\:attributes_label { border: 1px solid #ddd; }

input#announcementAddForm\:announcementPrice_input { border: 1px solid #ddd !important; }

label#announcementAddForm\:announcementPriceCurrency_label { border: 1px solid #ddd !important; }

input#announcementAddForm\:announcementVolume_input { border: 1px solid #ddd !important; }

label#announcementAddForm\:measureunits_label { border: 1px solid #ddd !important; }

input#announcementAddForm\:announcementSubject { border: 1px solid #ddd !important; }

textarea#announcementAddForm\:announcementContent  { border: 1px solid #ddd !important; }





// trebuie pus in components.css
.ui-datatable-scrollable-body {
    overflow: none !important;
}



//label#announcementUpdateForm\:announcementType_label:hover { border: 1px solid #C3F0A9; }

 
//form#actionsMenuForm:navigationMenu .ui-widget-content { background-color: none !important; }



button#j_idt43\:j_idt47 span.ui-button-icon-left { display: none !important; }


//form#j_idt107 .ui-selectonemenu { width: 152px !important; }


form#j_idt48 .ui-selectonemenu { min-width: 570px !important; width: 570px !important; }



#j_idt107\:memberAssociations { min-width: 550px !important; width: 550px !important;}


input#j_idt107\:dateFrom_input { width: 207px; }

input#j_idt107\:dateTo_input { width: 207px; }




label#j_idt107\:memberReprezentatives_label { border: 1px solid #ddd; }

label#j_idt107\:memberAssociations_label { border: 1px solid #ddd; }

label#j_idt107\:categories_label { border: 1px solid #ddd; }

label#j_idt107\:subcategories_label { border: 1px solid #ddd; }

label#j_idt107\:attributes_label { border: 1px solid #ddd; }

input#j_idt107\:oipaActEstVal_input { border: 1px solid #ddd !important; }

input#j_idt107\:oipaActRealVal_input { border: 1px solid #ddd !important; }

label#j_idt107\:measureunits_label { border: 1px solid #ddd; }

input#j_idt107\:dateFrom_input { border: 1px solid #ddd !important; }

input#j_idt107\:dateTo_input { border: 1px solid #ddd !important; }

label#j_idt107\:regions_label { border: 1px solid #ddd; }

label#j_idt107\:localities_label { border: 1px solid #ddd; }

input#j_idt107\:oipaActArea_input { border: 1px solid #ddd !important; }

label#j_idt107\:measureunitsArea_label { border: 1px solid #ddd; }


//form#announcementAddForm .ui-widget-content { background-color: #fff !important; }


form#j_idt107 .ui-widget-content { background-color: #fff !important; }

form#announcementAddForm .ui-widget-content { background-color: #fff !important; }



label#j_idt77\:memberTypes_label { border: 1px solid #ddd; }

input#j_idt77\:oipaRegCui { border: 1px solid #ddd !important; }

input#j_idt77\:oipaRegAPIA { border: 1px solid #ddd !important; }

input#j_idt77\:oipaRegName { border: 1px solid #ddd !important; }

textarea#j_idt77\:oipaRegDesc { border: 1px solid #ddd; }

label#j_idt77\:regions_label { border: 1px solid #ddd; }

label#j_idt77\:localities_label { border: 1px solid #ddd; }


form#j_idt77 .ui-widget-content { background-color: #fff !important; }


input#j_idt268\:memberActFrom_input { border: 1px solid #ddd !important; }

input#j_idt268\:memberActTo_input { border: 1px solid #ddd !important; }

form#j_idt268 .ui-widget-content { background-color: #fff; }


form#j_idt268 .ui-widget-content { background-color: #fff !important; }




th#folderContentForm\:dataTable\:j_idt550 .ui-chkbox { margin-bottom: 7px; }

thead#folderContentForm\:dataTable_head tr { width: 100% !important; height: 50px; }



th#folderContentForm\:dataTable\:j_idt567 .ui-chkbox { margin-bottom: 7px; }


//#listForm:announcements\:announcements_paginator_top { display: none; }


form#j_idt45 button#j_idt45\:datatable\:datatable\:toggler { display: none; }

form#j_idt45 button#j_idt45\:datatable\:datatable\:exportButton { display: none; }


#j_idt45\:datatable\:datatable_paginator_top { display: none !important; }


#messagesForm\:messagesDataTable_paginator_top { display: none !important; }



//#messagesForm\:messagesDataTable .ui-datatable-scrollable-header { margin-top: 20px; }



#j_idt94\:messageTo .ui-selectlistbox-filter-container { border: 1px solid #ddd !important; }


input#j_idt94\:messageSubject { border: 1px solid #ddd !important; }

textarea#j_idt94\:messageContent { border: 1px solid #ddd !important; }



form#j_idt94 .ui-widget-content { background-color: #fff !important; }



input#replyDialogForm { border: 1px solid #ddd !important; }


input#replyDialogForm\:messageSubject { border: 1px solid #ddd !important; }


textarea#replyDialogForm\:messageContent { border: 1px solid #ddd !important; }

form#replyDialogForm .ui-widget-content { background-color: #fff !important; }


form#viewDialogForm .ui-widget-content { background-color: #fff !important; }


#forwardDialogForm .ui-selectlistbox-filter-container { border: 1px solid #ddd !important; }


.ui-widget-content input#forwardDialogForm\:messageSubject  { border: 1px solid #ddd !important; }


textarea#forwardDialogForm\:messageContent { border: 1px solid #ddd !important; }


form#forwardDialogForm .ui-widget-content { background-color: #fff !important; }


#deleteforeverDialog form#j_idt197 .ui-widget-content { background-color: #fff !important; }



form#messagesForm .ui-datatable-header { margin-bottom: 20px; }



#dataTableForm\:datatable\:datatable_paginator_top { display:none; }


.ui-datatable-tablewrapper { margin-top: 20px; }




#listForm\:announcements\:announcements_paginator_top { display:none; }









.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

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

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}







//.mainNav .navToggle.open { background-image: none !important;}



//.mainNav .navToggle.close { background-image: none !important;}




@media screen and (min-width: 100px) and (max-width: 1025px) {


    .mainNav ul { background-color: rgba(0,0,0,.9); padding-top: 0px !important; width: 100% !important; height: auto !important;}

    .mainNav ul li a { padding: 0px 40px; }
    
  //  .dropdown-menu { position: static !important; float: none !important; z-index: 5000000000; display:inline-block; }
   .dropdown-menu{  
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 16px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
} 

.nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  
  .dropdown-backdrop { position: static; }
  
    
    .menu-main-menu-container { z-index: 900000 !important; }
    
    
    div.header-interior.mainNav.normal.partnersBg, div.header-homepage.mainNav.normal.partnersBg { display: block !important; position: static !important; }

    
    
    .mainNav .authBtns {
    /* position: absolute; */
    /* top: -85px; */
    /* left: -60px; */
    position: static !important;
    /* float: none !important; */
    float: left !important;
}



        .mainNav .authBtns2 {
    /* position: absolute; */
    /* top: -85px; */
    /* left: -60px; */
    position: static !important;
    /* float: none !important; */
    float: left !;
}


  

    div.header-interior #menuPublic, div.header-homepage #menuPublic { position: static; margin-top: 20%; height: 390px !important; overflow-y: auto;}
    
    
    form#mainMenuForm ul.ui-menu-list { }
    
    
    .mainNav ul li a { padding: 0px 20px; }
    
    
    div.header-interior form#mainMenuForm, div.header-homepage form#mainMenuForm { top: 69px; }
    
    
    .logo {  }
    
    
    form#mainMenuForm ul.ui-menu-list ul.ui-widget-content { width: 130% !important; }



    .menu-main-menu-container {  overflow: visible !important;  overflow-y: scroll !important; z-index: 999999999999999999999 !important; }


   // #mainMenuForm {  overflow: visible; overflow-y: scroll !important; overflow-x: scroll !important; }





   
      div.header-interior form#mainMenuForm, div.header-homepage form#mainMenuForm { margin-top: 22px; }
           
           
      div.header-interior form#mainMenuForm ul.ui-widget-content {top: 46.1094px !important;}
          
     // .ui-menu .ui-menuitem a span { color: #fff !important; display: block; }
      
      
      div.header-interior form#mainMenuForm .ui-menu .ui-menuitem { border: none !important; }
      
      
      
      form#mainMenuForm ul.ui-menu-list ul.ui-widget-content { width: 767% !important; left: 7px !important; top: 40px !important; }
      
      
      
      
      
      

      div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center { width: 56% !important; margin-left: -43% !important; }


    
    .mainNav.fixed .logo a { padding: 116px 0 70px !important; }
    
    div.header-interior .mainNav.fixed, div.header-homepage .mainNav.fixed {
    
    height: 58px !important;
  
}
    
    
    
    

}





   












@media screen and (max-width: 1025px) {

   //div.header-interior .logo, div.header-homepage .logo { margin-top: -40px; }

   .header-interior .swiper .swiper-square-left { display:none; }
   
   .header-interior .swiper .swiper-wrapper .swiper-slide {}
   
   .header-interior .swiper .swiper-wrapper {  }
   
   
}




@media screen and (max-width: 767px) {


   div.header-interior .logo, div.header-homepage .logo { margin-top: -64px; }


}




.navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }






@media screen and (min-width: 1025px) and (max-width: 3000px) {


   #menuPublic .authBtns, #menuPublic .authBtns2 { visibility: hidden !important; }

}
















form#mainMenuForm span.ui-menuitem-text { color:#fff !important; }


form#mainMenuForm ul.ui-widget-content { background: #000; border: 0px solid #000 !important; opacity: 0.9; border-radius: 4px; }


form#mainMenuForm ul.ui-widget-content li { border: 0px solid #000 !important; float: none !important; }



form#mainMenuForm ul.ui-widget-content li a {  }


form#mainMenuForm a.ui-menuitem-link {  width: 100%; }


div.header-interior form#mainMenuForm .ui-widget-content a span.ui-menuitem-icon, div.header-homepage form#mainMenuForm .ui-widget-content a span.ui-menuitem-icon { margin-right: -6px; }


#j_idt50\:memberAssociations { width: 100% !important; min-width: 300px !important; }


//form#mainMenuForm a.ui-state-hover:active, form#mainMenuForm a.ui-state-hover:focus { border: none !important; background: none !important; }





//#j_idt50\:j_idt60 .ui-selectonemenu { min-width: 170px !important; width: 170px !important; }



label#j_idt50\:j_idt60_label, label#j_idt50\:j_idt54_label, label#j_idt50\:j_idt57_label { min-width: 211px !important; width: 211px !important; }



//form#mainMenuForm .mainNav ul li a:hover { background: none !important; }


//form#j_idt49 .ui-widget-header input#j_idt49\:datatable\:datatable\:globalFilter .ui-state-default:hover { background: none !important; }



 //.ui-widget-header input#j_idt49 .ui-state-default:hover { background: red !important; } 



//.ui-widget-header .ui-state-default:hover, .ui-widget-header .ui-state-default:focus, .ui-widget-header .ui-state-default:active { background: none; border: 1px solid #96D696 !important; }

.ui-widget-header input#j_idt48\:datatable\:datatable\:globalFilter.ui-state-default:hover, .ui-widget-header input#j_idt48\:datatable\:datatable\:globalFilter.ui-state-default:focus, .ui-widget-header input#j_idt48\:datatable\:datatable\:globalFilter.ui-state-default:active {
    background: #fff !important;
    border: 1px solid #96D696 !important;
}



.ui-widget-header input#j_idt49\:datatable\:datatable\:globalFilter.ui-state-default:hover, .ui-widget-header input#j_idt49\:datatable\:datatable\:globalFilter.ui-state-default:focus, .ui-widget-header input#j_idt49\:datatable\:datatable\:globalFilter.ui-state-default:active {

    background: #fff !important;
    border: 1px solid #96D696 !important;
}



#j_idt49\:datatable\:datatable_paginator_top { display: none; }

#j_idt66\:j_idt67\:commentsDataTable_paginator_top { display: none; }


span.ui-icon-ext-eye { float: right; }



#j_idt98\:j_idt99\:commentsDataTable_paginator_top  { display: none; }

#j_idt48\:datatable\:datatable_paginator_top  { display: none; }


input#messagesForm\:messagesDataTable\:globalFilter.ui-state-default { background: #fff !important; border: 1px solid #96D696; }

input#dataTableForm\:datatable\:datatable\:globalFilter.ui-state-default { background: #fff !important; border: 1px solid #96D696; } 



button#j_idt49\:datatable\:datatable\:j_idt54, button#j_idt49\:datatable\:datatable\:toggler, button#j_idt49\:datatable\:datatable\:exportButton { background: #fff; border: 1px solid #96D696 !important; }

button#j_idt48\:datatable\:datatable\:j_idt53, button#j_idt48\:datatable\:datatable\:toggler, button#j_idt48\:datatable\:datatable\:exportButton { background: #fff; border: 1px solid #96D696 !important; }


.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: none; }


button#listForm\:announcements\:announcements\:j_idt124 { background: #fff !important; border: 1px solid #96D696 !important; }


input#j_idt48\:captchaId\:captchaId { border: 1px solid #ddd !important; height: 38px; margin-left: 10px !important; }




label#j_idt79\:memberTypes_label, input#j_idt79\:oipaRegCui, input#j_idt79\:oipaRegAPIA, input#j_idt79\:oipaRegName, textarea#j_idt79\:oipaRegDesc, label#j_idt79\:regions_label, label#j_idt79\:localities_label { border: 1px solid #ddd !important; }


#j_idt79\:j_idt84_content { background: #fff !important; } 



.ui-panel #j_idt79\:j_idt83_footer.ui-panel-footer { background-color: #fff !important; }


.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
  background: transparent;
}




form #j_idt79\:j_idt83.ui-widget-content { background-color: #fff !important; }

input#j_idt261\:memberActFrom_input, input#j_idt261\:memberActTo_input { border: 1px solid #ddd !important; }


form #j_idt261\:j_idt273_content.ui-widget-content, form #j_idt261\:j_idt275_content.ui-widget-content, form #j_idt261\:j_idt272 .ui-widget-content, form #j_idt261\:j_idt272.ui-widget-content { background-color: #fff !important; }



input#j_idt233\:messageTo, input#j_idt233\:messageSubject, textarea#j_idt233\:messageContent { border: 1px solid #ddd !important; }


form #j_idt233\:j_idt234_content .ui-widget-content, form #j_idt233\:j_idt235_content .ui-widget-content { backgrround-color: #fff !important; }



#j_idt233\:j_idt235_content, #j_idt233\:j_idt234_footer { background: none !important; }



form#mainMenuForm li.ui-widget:active a, form#mainMenuForm li.ui-widget:focus a, form#mainMenuForm li.ui-widget:hover a, form#mainMenuForm li.ui-widget:visited a { background: none !important; }



.authBtns .btn:hover, .authBtns .btn:focus {
     color: #96d696 !important; 
}


.authBtns2 .btn:hover, .authBtns2 .btn:focus {
     color: #96d696 !important; 
}



a.ui-widget {
    color: #2d6630 !important;
}



p.view-product { border-bottom: 1px solid #ddd; padding: 0px 0px 8px 0px; }



button#j_idt233\:j_idt247:hover, button#announcementUpdateForm\:j_idt229:hover, button#j_idt107\:j_idt154:hover, button#j_idt261\:j_idt279:hover, button#j_idt79\:j_idt100:hover, button#announcementAddForm\:j_idt184:hover, 

button#memberProfileForm\:j_idt77:hover, button#j_idt50\:j_idt63:hover, button#j_idt50\:j_idt57:hover { background: #2d6630; color: #8eb435; }


div.header-interior #menuPublic, div.header-homepage #menuPublic { left: 37%; }



button#j_idt49\:datatable\:datatable\:toggler, button#j_idt49\:datatable\:datatable\:exportButton, button#j_idt48\:datatable\:datatable\:toggler, button#j_idt48\:datatable\:datatable\:exportButton { display: none; }



//table#j_idt98\:j_idt99\:commentsDataTable\:0\:j_idt103 tbody tr td span { display: none; }


//.ui-widget-content .ui-state-default:hover, .widget-header .ui-state-default:hover { background: #317036 !important; }


//#announcementUpdateForm div.ui-state-default:hover, #announcementUpdateForm div.ui-state-default:active, #announcementUpdateForm div.ui-state-default:focus, #announcementUpdateForm div.ui-state-default:visited { background: #317036 !important; }


.ui-selectonemenu-trigger.ui-state-default.ui-corner-right { background: #fff !important; border: 1px solid #ddd; }


 #announcementAddForm .ui-state-default { background: #fff !important;  }
 
.ui-dialog-titlebar { background: #2d6630 !important; } 
 


.ui-widget-content #announcementAddForm.ui-state-default { background: #fff; }


button#announcementAddForm\:j_idt184.ui-state-default { background: #2d6630 !important; }




 #announcementUpdateForm .ui-state-default { background: #fff !important;  }

.ui-widget-content #announcementUpdateForm.ui-state-default { background: #fff !important; }


button#announcementUpdateForm\:j_idt229.ui-state-default { background: #2d6630 !important; }




button#j_idt233\:contactButton  { background: #fff; border: 1px solid #eee; }



.ui-widget-content #j_idt79 .ui-state-default { background: #fff !important; }


.ui-widget-content button#j_idt79\:j_idt100.ui-state-default { background: #2d6630 !important; }

.ui-widget-content button#j_idt79\:j_idt100.ui-state-default:hover { color: #8eb435 !important; }




.ui-widget-content #j_idt107 .ui-state-default { background: #fff !important; }

.ui-widget-content button#j_idt107\:j_idt154.ui-state-default { background: #2d6630 !important; }



table.ui-datepicker-calendar tbody tr td a:hover { background: #2d6630 !important; color: #fff; }


.ui-widget-content #j_idt50\:memberAssociations.ui-state-default { background: #fff; }


.ui-widget-content button.ui-datepicker-trigger.ui-state-default { background: #fff; }



button#j_idt233\:j_idt247:hover, button#announcementUpdateForm\:j_idt229:hover, button#j_idt107\:j_idt154:hover, button#j_idt261\:j_idt279:hover, button#j_idt79\:j_idt100:hover, button#announcementAddForm\:j_idt184:hover, button#memberProfileForm\:j_idt77:hover, button#j_idt50\:j_idt63:hover, button#j_idt50\:j_idt57:hover, button#j_idt261\:j_idt279:focus, button#j_idt261\:j_idt279:active {
    background: #2d6630;
    color: #8eb435;
}



//#j_idt48\:datatable\:datatable  { border: 0px;-webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2); }




form#listForm #listForm\:announcements\:announcements .ui-datatable-header { z-index: 100; position: absolute; right: 13px; top: 10px; }

 th#listForm\:announcements\:announcements\:j_idt83 { display: none !important; }



@media all and (min-width: 100px) and ( max-width: 1190px) {


    form#listForm #listForm\:announcements\:announcements .ui-datatable-header { position: static; margin-top: 8px; }

}



.ui-widget-content #j_idt50\:j_idt54 .ui-state-default, .ui-widget-content #j_idt50\:j_idt54.ui-state-default:active, .ui-widget-content #j_idt50\:j_idt54.ui-state-default:focus { background: #fff !important; color: #000; }


//.ui-widget-content #j_idt50\:j_idt57 .ui-state-default, .ui-widget-content #j_idt50\:j_idt57 .ui-state-default:active, .ui-widget-content #j_idt50\:j_idt57 .ui-state-default:focus,  .ui-widget-content #j_idt50\:j_idt57 .ui-state-default:hover { background: #fff !important; color: #000; }





@media all and (min-width: 100px) and ( max-width: 517px) {


     .swiper .swiper-shard { margin-left: 0px; left: 9%; }

     div.header-interior .swiper .swiper-shard .angle { border-left: 0px solid transparent; }
     
     
    .header-interior .poweredby { right: 16%; }
    
}



@media all and (min-width: 100px) and (max-width: 375px) {

    .header-interior .poweredby { right: 7%; }


}



@media all and (min-width: 100px) and (max-width: 330px) {

    .header-homepage .poweredby img, .header-interior .poweredby img { height: 25px; }
    
    .header-interior .poweredby { right: 17%; }


}



@media all and (min-width: 100px) and (max-width: 991px) {

   footer { padding-top: 10px !important; }


}







.ui-widget-content input.ui-state-default { border: 1px solid #ddd !important; }


textarea  { border: 1px solid #ddd !important; }


form .ui-widget-header { border: none; }




//input#listForm\:announcements\:announcements\:globalFilter {  border-top: none !important; border-left: none !important; }


input#j_idt49\:captchaId\:captchaId { border: 1px solid #ddd !important; margin-left: 10px; }

span#j_idt49\:userBirthDate button.ui-button-icon-only { height: auto; }

#j_idt49\:j_idt57_content { padding-top: 7px !important; }


//#j_idt49\:j_idt60 { width: 350px !important; height: auto; }


ul.ui-galleria-filmstrip { margin-left: 30px; }




@media screen and (max-width: 1025px) {

    .mainNav .partnersBg { display: visible !important; }

}





.ui-datatable .ui-paginator {
    text-align: center !important;
}



span.comment-subject { margin-left: 50px; }


span.ui-icon-ext-user { display: none; }


button#j_idt50\:j_idt51\:j_idt52  { float: right; margin-top: -4px !important; }



table#j_idt98\:j_idt99\:commentsDataTable\:0\:j_idt103 tr td.comment-left span:first-child { display: none; }


table#j_idt98\:j_idt99\:commentsDataTable\:0\:j_idt103 tr td.comment-left span.comment-user { display: visible !important; }


table#j_idt98\:j_idt99\:commentsDataTable\:0\:j_idt103 tr td.comment-left span:nth-child(5)  { display: none !important; }

label#j_idt50\:j_idt56_label { width: 211px; border: 1px solid #ddd; }

label#j_idt50\:j_idt54_label  { border: 1px solid #ddd; }


button#memberProfileForm\:j_idt77:active, button#memberProfileForm\:j_idt77:focus { background: #2d6630; color: #fff; }


button#memberProfileForm\:j_idt77:hover { background: #2d6630; color: #8eb435; }

button#j_idt50\:j_idt60:active, button#j_idt50\:j_idt60:focus { background: #2d6630; color: #fff; }

button#j_idt50\:j_idt60:hover { background: #2d6630; color: #8eb435; }

button#j_idt50\:j_idt57:active, button#j_idt50\:j_idt57:focus { background: #2d6630; color: #fff; }

button#j_idt50\:j_idt57:hover { background: #2d6630; color: #8eb435; }

label#j_idt50\:memberAssociations_label { border: 1px solid #ddd; }

button#j_idt233\:j_idt247:active, button#j_idt233\:j_idt247:focus { background: #2d6630; color: #fff; }




@media all and (min-width: 100px) and (max-width:1199px)  {


  
    input#j_idt49\:datatable\:datatable\:globalFilter  { float: left; margin-top: 50px; }

    button#j_idt49\:datatable\:datatable\:j_idt54  { float: left; margin-top: 50px; }

    .ui-datatable-tablewrapper { margin-top: 85px; }

    span.evenimente-sidebar h4 { margin-top: -70px !important; }

    input#j_idt48\:datatable\:datatable\:globalFilter { float: left; margin-top: 50px; }
    
    button#j_idt48\:datatable\:datatable\:j_idt53  { float: left; margin-top: 50px; }
    
    

}



@media all and (min-width: 100px) and (max-width:340px)  {


    span.evenimente-sidebar h4 { margin-top: -70px !important; }
   

     span.consultanta-sidebar h4 { margin-top: -70px !important; } 

}



@media all and (min-width: 100px) and (max-width:480px)  {


  body.frontend h2  { font-size: 18px !important; }

}




@media all and (min-width: 100px) and (max-width:360px)  {

   //body { line-height:1; }
   
   footer h2:first-child { padding-top: 10px !important; }
   
  

}



 h2.informatii { padding-top: 0px; margin-top: -13px; opacity: 0.7; }


 iframe { width:100% !important; height: auto !important; }




td.ui-panelgrid-cell { float: left !important; }






@media all and (min-width: 100px) and (max-width: 990px)  {


  .list-products { margin-top: -200px; }
  
 

}





@media all and (min-width: 100px) and (max-width: 640px)  {


     li.ui-galleria-frame, li.ui-galleria-frame img { width: 30px !important; height: 30px !important; }


     .ui-galleria-nav-next { margin-right: 75px; }
 

}





@media all and (min-width: 100px) and (max-width: 1199px)  {


     
      li.ui-galleria-frame, li.ui-galleria-frame img { width: 20px !important; height: 20px !important; }


      .ui-galleria-nav-next { margin-right: 0px; }
 
     
      img#j_idt49\:j_idt63  { width: auto; height: auto; max-width: 200px !important; max-height: 300px; }
     

      #j_idt49\:j_idt60 { width: 200px !important; }
     
     
      input#j_idt49\:loginUserName, input#j_idt49\:loginUserPassword { width: 100%; }

}



.ui-datatable-resizable thead th, .ui-datatable-resizable tbody td, .ui-datatable-resizable tfoot td { white-space: normal !important; }




.btn:active, .btn.active, .btn:focus {
    outline: 0 !important;
    background-image: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border:0 !important;
}



.shard-contact { margin-left: 0; }


.shard5 {
    background: url(https://oipalegumefructe.ro/oipa/design/img/btn-angle-grey.png) no-repeat;
    display: block;
    height: 45px;
    width: 45px;
    float: right;
    margin-top: -45px !important;
    margin-right: 50px !important;
}





button#j_idt47\:j_idt51:hover, button#j_idt47\:j_idt51:active, button#j_idt47\:j_idt51:focus { background: #317036; color: #96D696; }

button#j_idt47\:j_idt51 span:first-child { display:none;  }


span#j_idt47\:j_idt48_title { color: #000; }


button#j_idt45\:j_idt46:hover { background-color: #555; }


button#j_idt47\:j_idt55:hover, button#j_idt47\:j_idt55:focus, button#j_idt47\:j_idt55:active { background: #317036; color: #96D696; }

button#j_idt47\:j_idt55 span:first-child {  display: none; }


.contact-oportunitati:hover, .contact-oportunitati:focus, .contact-oportunitati:active { color: #fff !important; border: 1px solid #fff !important; }


#j_idt67\:j_idt68\:commentsDataTable_paginator_top {  display: none; }




@media all and (min-width: 100px) and (max-width: 991px)  {


    .top1 { margin-top: 50px; }

}




@media all and (min-width: 100px) and (max-width: 1280px)  {


      div.header-interior #menuPublic, div.header-homepage #menuPublic { left: 30%; }

}




@media all and (min-width: 1025px) and (max-width: 1025px)  {


   nav.mainNav ul#menuPublic { margin-top: 8% !important; margin-right: -5% !important; background: none; }
     
   div.header-interior .logo, div.header-homepage .logo { margin-top: -10px; }
   
   
  a#loginBtn { margin-top: -169%; margin-left: -180%; }
  
  a#signinBtn { margin-top: -148%; }
 
 
}




@media all and (min-width: 100px) and (max-width: 1024px)  {

    .authBtns, .authBtns2 { margin-top: -30%; }
    
     .menuhid { display: none;}
}






@media all and (min-width: 100px) and (max-width: 360px)  {

   // .authBtns2 {  margin-left: -65px !important; }
    
    
}


 // line-height: 1.428571429; 




@media all and (min-width: 100px) and (max-width: 480px)  {


    .mainNav ul#menuPublic { margin-top: 20% !important; padding-top: 20px !important; }
    
    //body { line-height: 0.1 !important; }
    
    
    //#loginBtn { line-height: 0.1 !important; }
    
}



img.inregistrare-pasi { width: 28px; padding-right: 5px;  }


@media all and (min-width: 100px) and (max-width: 1199px)  {

    img.inregistrare-pasi { width: 35px; }
  
}





@media all and (min-width: 100px) and (max-width: 991px)  {

    img.inregistrare-pasi { width: 19px; }
  
}




@media all and (min-width: 100px) and (max-width: 420px)  {

    img.inregistrare-pasi { width: 24px; }
  
}



@media all and (min-width: 100px) and (max-width: 329px)  {

    input#j_idt48\:captchaId\:captchaId { margin-top: 10px; }
  
}



@media all and (min-width: 100px) and (max-width: 422px)  {


   .ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options { margin-left: 0; margin-right: 0; }
   
   .ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-pages, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-current { padding: 0; }

  
}





@media all and (min-width: 100px) and (max-width: 362px)  {

   .ui-datatable .ui-paginator, .ui-datatable .ui-paginator { padding: 0px; }
  
}





@media all and (min-width: 100px) and (max-width: 358px)  {

 // #listForm:announcements\:announcements_paginator_bottom {  font-size: 10px !important; }

  
}




#buttontoggle {
  display: block; 
  width: 30px;
  z-index: 3000000 !important;
}




@media all and (min-width:1025px) and (max-width: 6000px) {
 
     #buttontoggle { display:none;  }
     
     
}




@media all and (min-width: 100px) and (max-width: 1024px) {
     
  #buttontoggle {
    float: right;
    margin-top: 10px;
    margin-right: 31px;
 
  }
 
  div.header-homepage .secondary-nav-center, div.header-interior .secondary-nav-center {
	width: 50% !important;
	margin-left: -13% !important;
}   
  div.header-interior .secondary-nav-center, div.header-homepage .secondary-nav-center {
 
 
    position: fixed;
    left: 0;
 
	min-height: 50px;
	margin-top: -45px;   
	transform: skewX(0deg);
	-webkit-transform: skewX(0deg);
	width:113% !important;
    padding-left: 20px;
    padding-bottom: 10px;
   
}   
     
  .user-dropdown {
	background-color: #2d6630;
	float: right;
	height: 100%;
    margin-right: 0;
    margin-left: 120px !important;
	padding-top: 115px;
 	transform: skewX(0deg) !important;
	-webkit-transform: skewX(0deg) !important;
	width: 100% !important;
} 
 .user-fixed {
	
	//margin-top: -40px !important;
 	
}







  }





  .ui-fileupload-buttonbar span:first-child { background: #317036; color: #fff; }


  button#j_idt374\:j_idt379:hover, button#j_idt374\:j_idt379:focus, button#j_idt374\:j_idt379:active, button#j_idt374\:j_idt381:hover, button#j_idt374\:j_idt381:focus, button#j_idt374\:j_idt381:active { background: #317036; color: #8eb435; }

  button#j_idt374\:j_idt379 span:first-child, button#j_idt374\:j_idt381 span:first-child { display:none; }

  button#j_idt384\:j_idt391:hover, button#j_idt384\:j_idt391:focus, button#j_idt384\:j_idt391:active, button#j_idt384\:j_idt393:hover, button#j_idt384\:j_idt393:focus, button#j_idt384\:j_idt393:active { background: #317036; color: #8eb435; }

  button#j_idt384\:j_idt391 span:first-child, button#j_idt384\:j_idt393 span:first-child { display:none; }
  
 
  #j_idt384\:j_idt385 .ui-widget-content { background: #fff !important; }

  form#j_idt384 .ui-widget-content { background: #fff !important; }

  #j_idt374\:j_idt376 .ui-widget-content { background: #fff !important; }

  #j_idt374\:j_idt375.ui-panel #j_idt374\:j_idt375_footer.ui-panel-footer { background: #fff !important; }

  form#j_idt374 #j_idt374\:j_idt375.ui-widget-content { background: #fff !important; }


  button#j_idt258\:j_idt263:hover, button#j_idt258\:j_idt263:focus, button#j_idt258\:j_idt263:active, button#j_idt258\:j_idt265:hover, button#j_idt258\:j_idt265:focus, button#j_idt258\:j_idt265:active { background: #317036; color: #8eb435; }

  button#j_idt258\:j_idt263 span:first-child, button#j_idt258\:j_idt265 span:first-child { display:none; }
  
  form#j_idt258 #j_idt258\:j_idt259.ui-widget-content { background: #fff !important; }

  form#j_idt258 #j_idt258:j_idt260_content .ui-widget-content { background: #fff !important; }

  form#j_idt258 .ui-widget-content { background: #fff !important; }


  button#j_idt268\:j_idt275:hover, button#j_idt268\:j_idt275:focus, button#j_idt268\:j_idt275:active, button#j_idt268\:j_idt277:hover, button#j_idt268\:j_idt277:focus, button#j_idt268\:j_idt277:active { background: #317036; color: #8eb435; }
  
  button#j_idt268\:j_idt275 span:first-child, button#j_idt268\:j_idt277 span:first-child { display:none; }

  button#announcementUpdateForm\:j_idt150.ui-state-default { background: #317036 !important; color: #fff; }

  button#announcementUpdateForm\:j_idt150:hover, button#announcementUpdateForm\:j_idt150:focus, button#announcementUpdateForm\:j_idt150:active { background: #317036; color: #8eb435; }


  div.header-interior .mainNav.fixed .partnersBg, div.header-homepage .mainNav.fixed .partnersBg { border-top: 100px solid rgba(28, 91, 32, 0.5); }

  button#j_idt49\:j_idt72:hover, button#j_idt49\:j_idt72:focus, button#j_idt49\:j_idt72:active, button#j_idt49\:j_idt74:hover, button#j_idt49\:j_idt74:focus, button#j_idt49\:j_idt74:active { background: #317036; color: #8eb435; }
 
  button#j_idt49\:j_idt72 span:first-child, button#j_idt49\:j_idt74 span:first-child { display:none; }


  textarea { height:200px !important; }





@media all and (min-width: 100px) and (max-width: 640px)  {

    label#j_idt50\:j_idt53, label#j_idt50\:j_idt54, label#j_idt50\:j_idt55 { float: left; }
  
}



input#memberProfileForm\:j_idt54\:userBirthDate_input, input#memberProfileForm\:j_idt54\:memberFrom_input, input#memberProfileForm\:j_idt54\:memberTo_input { width:100%; }


//label#j_idt50\:j_idt53 { margin-top: 13px !important; margin-right: 10px; }

button#j_idt50\:j_idt57 { margin-right: -15px !important; }

button#j_idt49\:j_idt74 { margin-right: -6px !important; }

button#j_idt50\:j_idt60 { margin-right: -16px !important; }

label#j_idt49\:j_idt54 { margin-top: 10px; }


button#messagesForm\:messagesDataTable\:toggler { display: none; }

button#dataTableForm\:datatable\:datatable\:toggler { display: none; }

button#dataTableForm\:datatable\:datatable\:exportButton { display: none; }










@media all and (min-width: 100px) and (max-width: 540px)  {

  ul#j_idt50\:memberAssociations_items { padding-left: 221px; }
  
}




button#j_idt181\:j_idt186:hover, button#j_idt181\:j_idt186:focus, button#j_idt181\:j_idt186:active, button#j_idt181\:j_idt188:hover, button#j_idt181\:j_idt188:focus, button#j_idt181\:j_idt188:active { background: #317036; color: #8eb435; }
 

button#j_idt181\:j_idt186 span:first-child,  button#j_idt181\:j_idt188 span:first-child { display: none; }


button#j_idt191\:j_idt198:hover, button#j_idt191\:j_idt198:focus, button#j_idt191\:j_idt198:active, button#j_idt191\:j_idt200:hover, button#j_idt191\:j_idt200:focus, button#j_idt191\:j_idt200:active { background: #317036; color: #8eb435; }

button#j_idt191\:j_idt198 span:first-child, button#j_idt191\:j_idt200 span:first-child { display: none; }


form#j_idt181 .ui-widget-content { background-color: #fff; }


#j_idt181\:j_idt182.ui-panel #j_idt181\:j_idt182_footer.ui-panel-footer { background-color: #fff !important; }


form#j_idt191 #j_idt191\:j_idt192.ui-widget-content { background-color: #fff; }


form#j_idt191 #j_idt191\:j_idt192_footer.ui-widget-content { background-color: #fff !important; }

form #j_idt191\:j_idt194_content.ui-widget-content { background-color: #fff !important; }





@media (min-width: 480px) and (max-width: 480px) {

     ul#j_idt50\:memberAssociations_items { padding-left: 64px; }

}



@media (min-width: 412px) and (max-width: 412px) {

     ul#j_idt50\:memberAssociations_items { padding-left: 135px; }

}




@media (min-width: 375px) and (max-width: 375px) {

   ul#j_idt50\:memberAssociations_items { padding-left: 170px; }
   
}




@media (min-width: 414px) and (max-width: 414px) {

   ul#j_idt50\:memberAssociations_items { padding-left: 130px; }
   
}


@media (min-width: 100px) and (max-width: 1199px) {

     form#actionsMenuForm { width: 30% !important; }


}




@media (min-width: 100px) and (max-width: 767px) {

     form#actionsMenuForm { margin: 0 auto 30px; }


}






@media (min-width: 100px) and (max-width: 623px) {

     form#actionsMenuForm { width: 32% !important; }


}





@media (min-width: 100px) and (max-width: 584px) {

     form#actionsMenuForm { width: 35% !important; }


}



@media (min-width: 100px) and (max-width: 534px) {

     form#actionsMenuForm { width: 38% !important; }


}




@media (min-width: 100px) and (max-width: 492px) {

     form#actionsMenuForm { width: 44% !important; }


}



@media (min-width: 100px) and (max-width: 425px) {

     form#actionsMenuForm { width: 50% !important; }


}





@media (min-width: 100px) and (max-width: 374px) {

     form#actionsMenuForm { width: 55% !important; }


}



@media (min-width: 100px) and (max-width: 340px) {

     form#actionsMenuForm { width: 60% !important; }


}


@media (min-width: 100px) and (max-width: 330px) {

    input#dataTableForm\:datatable\:datatable\:globalFilter { margin-left: -55px; }

}




@media (min-width: 100px) and (max-width: 667px) {


   
   #addDialog { overflow-y: auto !important; height: 100% !important; width: auto !important;}

}



#j_idt107\:memberAssociations { min-width: 100% !important; width: 100% !important; }





@media (min-width: 100px) and (max-width:320px) {


   
        #j_idt107\:memberAssociations_items { margin-left: 215px; }
        
        
        .ui-selectonemenu-items-wrapper .ui-widget-content { max-width: 325px; width: 325px;}
        
        
        label#j_idt107\:memberAssociations_label { width: 235px !important; min-width: 235px !important; }
        
        
}




@media (min-width: 100px) and (max-width:460px) {


   
    .ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options { margin-left: 0px; margin-right: 0px;}
    
    .ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-pages, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-current { padding: 0; font-size: 12px        !important;}
    
    #dataTableForm\:datatable\:datatable\:j_id3 { font-size: 12px !important; }

}





@media (min-width: 100px) and (max-width: 652px) {

     
    form#actionsMenuForm { width: 35% !important; }

}



@media (min-width: 100px) and (max-width: 559px) {

     
    form#actionsMenuForm { width: 42% !important; }

}



@media (min-width: 100px) and (max-width: 466px) {

     
    form#actionsMenuForm { width: 45% !important; }

}




@media (min-width: 100px) and (max-width: 434px) {

     
    form#actionsMenuForm { width: 57% !important; }

}




@media (min-width: 100px) and (max-width: 343px) {

     
    form#actionsMenuForm { width: 63% !important; }

}



@media (min-width: 100px) and (max-width: 704px) {

     
   input#dataTableForm\:datatable\:datatable\:globalFilter { margin-left: -50px; }

}



  
#announcementUpdateDialog { width: auto !important; max-width: 1024px !important; }




@media (min-width: 100px) and (max-width: 1100px) {

     
     
     #announcementUpdateDialog {left:0; }

}



@media (min-width: 100px) and (max-width: 770px) {

     
    
     
 // #announcementUpdateForm\:announcementType { width: 220px !important;  }

}




@media (min-width: 100px) and (max-width: 640px) {

     
    
    label#announcementUpdateForm\:j_idt193, label#announcementUpdateForm\:j_idt194, label#announcementUpdateForm\:memberRepresentativeLabel, label#announcementUpdateForm\:j_idt199, label#announcementUpdateForm\:j_idt202, label#announcementUpdateForm\:j_idt205,
    
    label#announcementUpdateForm\:j_idt208, label#announcementUpdateForm\:j_idt211, label#announcementUpdateForm\:j_idt214, label#announcementUpdateForm\:j_idt217, label#announcementUpdateForm\:j_idt222 { float: left !important;  }
    
    input#announcementUpdateForm\:announcementSubject { width: auto !important; }
    
    textarea#announcementUpdateForm\:announcementContent {  width: auto !important; }

}




@media (min-width: 100px) and (max-width: 570px) {

     
    button#announcementUpdateForm\:j_idt229 { float: left;  }
     
 

}



@media (min-width: 100px) and (max-width: 1199px) {

     
   form#actionsMenuForm { margin-top: 30px; }

}




@media (min-width: 100px) and (max-width: 1280px) {

    .ui-datatable-scrollable-header-box .ui-datatable table { width: auto; }

}




#announcementUpdateForm\:announcementStateAdmin { width: 200px !important; min-width: 200px !important;  }




@media (min-width: 100px) and (max-width: 360px) {

     #announcementUpdateForm\:j_idt192_content { margin-left: -38px; }

}



@media (min-width: 100px) and (max-width: 436px) {

  
     #announcementUpdateDialog form#actionsMenuForm { margin: 30px 0 20px -15px; }
  

   
}



@media (min-width: 100px) and (max-width: 600px) {

   .ui-datatable-scrollable-header-box table { width: auto !important; } 
   
  // th#folderContentForm\:dataTable\:j_idt283  { width: auto !important; }
  
   //.ui-link img#folderContentForm:dataTable { max-width: 50px !important; width: 50px !important;}

  .ui-datatable-scrollable-body table { width: auto !important; overflow-x: scroll !important; }

   form#folderContentForm { overflow-x: scroll !important; }
   
   #messageDialog { width: 100% !important; }
   
}






@media (min-width: 100px) and (max-width: 450px) {

      .ui-chkbox .ui-chkbox-box { width: 10px; height: 10px; }
      
      img#folderContentForm\:dataTable\:0\:j_idt285, img#folderContentForm\:dataTable\:1\:j_idt285, img#folderContentForm\:dataTable\:2\:j_idt285 { max-width: 25px !important; width: 25px !important; }

      .ui-datatable-scrollable-body table tr td,  .ui-datatable-scrollable-body table tr th span.ui-column-title { font-size: 14px !important; }
      
      img#folderContentForm\:dataTable { max-width: 25px !important; width: 25px !important; }

      img#folderContentForm\:dataTable\:0\:j_idt401, img#folderContentForm\:dataTable\:1\:j_idt401, img#folderContentForm\:dataTable\:2\:j_idt401 { max-width: 25px !important; width: 25px !important; }
      
      span.ui-chkbox-icon { margin-top: -5px; margin-left: -5px; }
   
}




@media (min-width: 100px) and (max-width: 330px) {


      input#announcementAddForm\:announcementSubject { width: auto !important; }

      textarea#announcementAddForm\:announcementContent { width: auto !important; }
      
}




th#folderContentForm\:dataTable\:j_idt286:active, th#folderContentForm\:dataTable\:j_idt286:focus, th#folderContentForm\:dataTable\:j_idt286:hover { background: #2d6630 !important; }

th#folderContentForm\:dataTable\:j_idt289:active, th#folderContentForm\:dataTable\:j_idt289:focus { background: #2d6630 !important; }

th#folderContentForm\:dataTable\:j_idt292:active, th#folderContentForm\:dataTable\:j_idt292:focus { background: #2d6630 !important; }


//#j_idt68 { visibility: hidden !important; }

#j_idt79 { position: static !important; }


input#messagesForm\:messagesDataTable\:globalFilter.ui-state-default { border: 1px solid #96D696 !important; }



button#replyDialogForm\:j_idt135:hover, button#replyDialogForm\:j_idt135:focus, button#replyDialogForm\:j_idt135:active { background: #317036; color: #8eb435; }

button#forwardDialogForm\:j_idt166:hover, button#forwardDialogForm\:j_idt166:focus, button#forwardDialogForm\:j_idt166:active  { background: #317036; color: #8eb435; }



//table.ui-selectlistbox-list { display: none; }


//#forwardDialogForm\:messageTo.ui-selectmanymenu { height: 0 !important; }


//#forwardDialogForm .ui-selectlistbox-filter-container { border: 0px solid #ddd !important; }

//.ui-selectlistbox-filter-container span.ui-icon-search { display: none !important; }


//.ui-selectlistbox-filter.ui-inputfield { width: 100%; }



.ui-menu .ui-menuitem-link { width: 105% !important; }


th#messagesForm\:messagesDataTable\:j_idt210 { width: 36px !important; }


//tbody#messagesForm\:messagesDataTable_data [class^="ui-icon-ext-"]:before, [class*="ui-icon-ext-"]:before { margin-left: -8px !important; }


span.ui-icon-ext-mail, span.ui-icon-ext-mail-alt { margin-left: -11px !important; }





@media (min-width: 100px) and (max-width: 1024px) {

  li.partnersBg li.authBtns2  { position: static !important; float: none !important; margin-top: 4% !important; margin-left: 0px !important; margin-right: 87% !important; }


  .mainNav .secondary-nav-center ul { background: #39823e; }

   nav.mainNav .container { padding: 0 !important; width: 100% !important; }
   
   h1.logo { margin-left: 20px; }
   
   div.header-interior #menuPublic, div.header-homepage #menuPublic { margin-top: 10%; }
   
   form#mainMenuForm ul.ui-widget-content { background: none; }
   
   //div.header-homepage #opportunityBlob span { font-size: 30px !important; }
   
   //div.header-homepage #opportunityBlob h2 { font-size: 20px !important; }
   
   //.owl-nav .owl-next {  margin-left: 447px; }
   
   //div.header-homepage #opportunityBlob { top: 180px; }
   
   div.partnersBg div.authBtns2 { display: none;  }
   
  


}




//body.frontend .ui-datatable table tbody tr:last-child td:last-child { border-left: 1px solid #ddd !important; }



//body.frontend .ui-datatable table tbody tr:last-child td:first-child { border-left: 0px solid #ddd !important; }


table#j_idt98\:j_idt99\:commentsDataTable\:1\:j_idt103 tr td:first-child  span:first-child { display: none; }


table#j_idt98\:j_idt99\:commentsDataTable\:1\:j_idt103 tr td:first-child span:nth-child(5) { display: none; }


span.ui-paginator-pages a.ui-state-default, span.ui-paginator-pages a.ui-state-default:hover, span.ui-paginator-pages a.ui-state-default:focus, span.ui-paginator-pages a.ui-state-default:active {  background: none !important; }


a.ui-paginator-first, a.ui-paginator-first:hover, a.ui-paginator-first:focus, a.ui-paginator-first:active,

a.ui-paginator-prev, a.ui-paginator-prev:hover, a.ui-paginator-prev:focus, a.ui-paginator-prev:active,

a.ui-paginator-next, a.ui-paginator-next:hover, a.ui-paginator-next:focus, a.ui-paginator-next:active,

a.ui-paginator-last, a.ui-paginator-last:hover, a.ui-paginator-last:focus, a.ui-paginator-last:active  { background: none !important; }  

button#j_idt49\:j_idt72 { margin-right: -15px; }   


table#j_idt98\:j_idt99\:commentsDataTable\:0\:j_idt103 tr td:last-child { border-left: 1px solid #ddd !important; }

table#j_idt98\:j_idt99\:commentsDataTable\:1\:j_idt103 tr td:last-child { border-left: 1px solid #ddd !important; }



div.header-homepage { min-height: auto !important; }


div.header-interior form#mainMenuForm .ui-widget-content a.ui-submenu-link .ui-icon, div.header-homepage form#mainMenuForm .ui-widget-content a.ui-submenu-link .ui-icon { display: block; }


.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { margin: 0 auto !important; }



#messagesForm\:messagesDataTable_paginator_bottom.ui-widget-header .ui-state-default { color: #000 !important; }





@media (min-width: 1000px) and (max-width: 1300px) {


   div.header-homepage #opportunityBlob { left: 5%; top: 185px; }
   
   
   .buttonNewsletters2 { margin-top: -38px !important; left: 84px; }
   
   
      
}




@media (min-width: 100px) and (max-width: 1000px) {


        
   div.header-homepage #opportunityBlob span { font-size: 30px !important; }
   
   div.header-homepage #opportunityBlob h2 { font-size: 20px !important; }
   
   .owl-nav .owl-next {  margin-left: 500px; }
   
   div.header-homepage #opportunityBlob { top: 180px; left: 6%; }

   div.header-homepage #opportunityBlob p { font-size: 14px !important; }  

   .owl-item ul li { font-size: 14px !important; }
   
   .buttonNewsletters2 { margin-top: -55px !important; left: 80px; }

   
  
      
}






@media (min-width: 100px) and (max-width: 767px) {


   div.header-homepage #opportunityBlob { top: 50px; }
   
   #opportunityBlob hr { margin-top: 7px; }
   
   
   #opportunityBlob .owl-carousel { margin-top: -30px; }
   
   .buttonNewsletters2 { margin-top: -255px !important; left: 53px; }
      
}



@media (min-width: 100px) and (max-width: 390px) {

    #opportunityBlob { left: -3% !important; }
    
    .buttonNewsletters2 { left: 8px; }
   
      
}


   
 
@media (min-width: 100px) and (max-width: 350px) {


    div.header-homepage #opportunityBlob p { font-size: 13px !important; }
    
}  
   
   

   
 
@media (min-width: 100px) and (max-width: 480px) {


 //  .mainNav ul#menuPublic { margin-top: 5% !important; }
    
} 



 
@media (min-width: 100px) and (max-width: 640px) {

   
    div.header-homepage #menuPublic { margin-top: 12%; }
    
} 





 
@media (min-width: 100px) and (max-width: 600px) {

     #orgtree {  }
  
     #orgtree #one  { padding: 16px 10px 0px; }
  
     #orgtree a.orgtree-bubble { width: 123px; height: 120px; margin-left: 50px; }
  
     #orgtree #four { width: 120px; height: 120px; padding: 2px; }
     
     #orgtree #five { width: 120px; height: 120px; padding: 9px; }
     
     #orgtree #six { width: 120px; height: 120px; padding: 3px; }
     
     #orgtree #seven { width: 120px; height: 120px; padding: 9px; }

     #orgtree #eight { width: 120px; height: 120px; padding: 7px; }
     
     #orgtree #three { width: 120px; height: 120px; padding: 15px; }
     
     #orgtree #two { padding: 11px; margin-left: 23px; margin-top: 20px;}
     
     #orgtree #nine { width: 120px; height: 120px; padding: 17px; }

     
     
    
} 



 
@media (min-width: 100px) and (max-width: 520px) {

   #orgtree a.orgtree-bubble { width: 84px; height: 84px; font-size: 8px !important; margin-left: 122px; margin-top: 70px; }
    
   #orgtree #one { padding: 12px 10px 0px; }
    
   #orgtree a.orgtree-bubble span { font-size: 8px !important; }
   
   #orgtree #four { width: 84px; height: 84px; padding: 4px;}
   
   #orgtree #five { width: 84px; height: 84px; padding: 10px; margin-left: 50px; }
   
   #orgtree #six { width: 84px; height: 84px; padding: 6px; margin-left: 75px; }
   
   #orgtree #eight { width: 84px; height: 84px; padding: 8px; margin-left: 10px; }
   
   #orgtree #nine { width: 84px; height: 84px; padding: 14px; margin-left: 10px; margin-top: -41px; }
   
   #orgtree #seven { width: 84px; height: 84px; padding: 10px; margin-left: 68px; margin-top: 10px; }
   
   #orgtree #three { width: 84px; height: 84px; padding: 12px; margin-left: 10px; margin-top: 145px; }
   
   #orgtree #two { margin-left: -100px; margin-top: 41px; }
   
   
    
} 





@media (min-width: 100px) and (max-width: 360px) {

   
   #orgtree #one { margin-left: 142px; }
   
   #orgtree #nine { margin-left: -16px; margin-top: -58px; }
   
   #orgtree #four { margin-left: 103px; margin-top: 84px; }
    
   #orgtree #two { margin-top: -12px; margin-left: -153px; }

   #orgtree #three { margin-left: -57px; margin-top: 163px; }
    
    
} 





@media (min-width: 100px) and (max-width: 1024px) {

   #menuPublic li.authBtns2  { position: static !important; float: none !important; margin-top: 4.5% !important; margin-left: 0px !important; margin-right: 86% !important; }

   
   div.partnersBg div.authBtns2 { display: none;  }
   
   #menuPublic li.authBtns2 a {  margin-left: 6px !important; float: left !important; }


   div.header-interior .logo, div.header-homepage .logo { margin-top: -66px; }
   

   div.header-interior form#mainMenuForm, div.header-homepage form#mainMenuForm { margin-top: 56px; }
   
   
   div.header-interior #menuPublic, div.header-homepage #menuPublic { padding-top: 20px !important; }

}






@media (min-width: 100px) and (max-width: 767px) {


       div.header-interior .secondary-nav-center, div.header-homepage .secondary-nav-center { margin-top: -80px; }



}





@media (min-width: 100px) and (max-width: 730px)  {

    div.header-interior #menuPublic, div.header-homepage #menuPublic { margin-top: 13%; }
    
    
}



@media (min-width: 100px) and (max-width: 570px)  {

    div.header-interior #menuPublic, div.header-homepage #menuPublic { margin-top: 16%; }
    
    
    
}




@media (min-width: 100px) and (max-width: 360px)  {

    .mainNav ul#menuPublic { margin-top: 25% !important; }
   
}




@media screen and (min-width: 100px) and (max-width: 767px) {

    .mainNav ul { padding-top: 20px !important; }
 
}



@media screen and (min-width: 100px) and (max-width: 900px) {

    div.header-interior #menuPublic, div.header-homepage #menuPublic { padding-top: 30px !important; }

}



@media screen and (min-width: 100px) and (max-width: 800px) {

    div.header-interior #menuPublic, div.header-homepage #menuPublic { padding-top: 40px !important; }

}




button#j_idt51\:j_idt58:focus, button#j_idt51\:j_idt58:active { background: #317036; color: #fff;  }


button#j_idt51\:j_idt58:hover { background: #317036; color: #8eb435; }


input#j_idt51\:captchaId\:captchaId { border: 1px solid #ddd !important; margin-left: 10px; }


#j_idt51\:j_idt53_content { margin-top: 10px; }

#dialogNewsletters { max-width: 500px !important; width: auto !important; }





@media screen and (min-width: 100px) and (max-width: 640px) {

    
    label#j_idt47\:j_idt51 { float: left; }
    
    #j_idt49\:j_idt53_content label { float: left; }
    
    #j_idt49\:j_idt53_content label { width: auto !important; }
    
    label#j_idt47\:j_idt52 { float: left; }
    
 
}


@media screen and (min-width: 100px) and (max-width: 390px) {

      input#j_idt49\:userBirthDate_input {  width: 84%; }


}



@media screen and (min-width: 100px) and (max-width: 407px) {

      input#j_idt49\:captchaId\:captchaId {  width: 162px !important; margin-top: 10px; margin-left: 29%; }

}




@media screen and (min-width: 100px) and (max-width: 320px) {

      input#j_idt49\:captchaId\:captchaId { margin-left: 38%; }

}



@media screen and (min-width: 100px) and (max-width: 500px) {

    #dialogNewsletters { overflow-y: scroll !important; width: auto !important; height: 400px !important; }

}



input#j_idt47\:captchaId\:captchaId { border: 1px solid #ddd !important; margin-left: 10px; }




@media screen and (min-width: 100px) and (max-width: 328px) {

     input#j_idt47\:captchaId\:captchaId { margin-top: 10px; margin-left: 0px; }
  
}



button#j_idt47\:j_idt55 { margin-right: -6px; }



#filterDialog { max-width: 600px !important; width: auto !important; }



@media screen and (min-width: 100px) and (max-width: 320px) {

    ul#j_idt50\:memberAssociations_items { padding-left: 10px; }
    
    
   .ui-dialog-content { overflow: scroll !important; height: 450px !important; }

}






@media screen and (min-width: 100px) and (max-width: 768px) {

      #announcementAddDialog .ui-dialog-content { height: 300px !important; }

}




@media screen and (min-width: 100px) and (max-width: 480px) {
    
     form#folderContentForm { height: 1000px !important;  }


}    




@media screen and (min-width: 100px) and (max-width: 768px) {
    
     form#folderContentForm { height: 1000px !important;  }


} 



th#folderContentForm\:dataTable\:j_idt286:active, th#folderContentForm\:dataTable\:j_idt286:focus, th#folderContentForm\:dataTable\:j_idt286:hover, th#folderContentForm\:dataTable\:j_idt286:visited { background: #2d6630 !important; }



thead#folderContentForm:dataTable_head th:active, thead#folderContentForm:dataTable_head th:hover, thead#folderContentForm:dataTable_head th:focus { background: #2d6630 !important; color: #fff !important; }







// 2018




.ui-datatable .ui-datatable-scrollable-body {

   // height: 600px;
  
}



#messagesForm .ui-widget-header button.ui-state-default {
   
    margin-top: -4px;
}


button#listForm\:announcements\:announcements\:j_idt124 {

    margin-top: -1px;
}




@media all and (max-width: 991px) {

    // .home-whatWeDo { height: 600px; }

     // footer { display: none; }



}




//#j_idt69 #j_idt70 .ui-layout-unit.ui-widget.ui-widget-content.ui-corner-all.ui-layout-north.ui-layout-pane.ui-layout-pane-north {  display: none !important; }




#j_idt69 #j_idt70 {  display: none !important; }







td.ui-selection-column .ui-chkbox .ui-chkbox-box  {
   height: 10px;
    margin-left: -5px;
   width: 10px;
}





.ui-icon {

    margin: -4px;
}




//.ui-widget-content #j_idt50\:j_idt54 #j_idt50\:j_idt60 { color: #fff; background: #317036 !important; }


.ui-widget-content #j_idt50\:j_idt54 .ui-state-default, .ui-widget-content #j_idt50\:j_idt54.ui-state-default:active, .ui-widget-content #j_idt50\:j_idt54.ui-state-default:focus {

  color: #fff; background: #317036 !important;

}



@media all and (max-width: 850px) {

   #viewDialog { width: 100%; max-width: 400px; }
   #replyDialog { width: 100%; max-width: 400px; }
   #forwardDialog { width: 100%; max-width: 400px; }

}




@media all and (max-width: 399px) {

   #viewDialog { width: 100%; max-width: 300px; }
   #replyDialog { width: 100%; max-width: 300px; }
   #forwardDialog { width: 100%; max-width: 300px; }



}





@media all and (max-width: 640px) {

     #viewDialog .ui-panelgrid-cell { text-align: left !important; }
     
     #replyDialog .ui-panelgrid-cell { text-align: left !important; }
      
     #forwardDialog .ui-panelgrid-cell { text-align: left !important; } 

}




.ui-menuitem {

    margin-right: 40px !important;
  
}




@media all and (min-width: 992px) and (max-width: 1199px) {

    .ui-panelgrid-cell input { width: 100%; }


}



@media all and (max-width: 325px) {

     label#j_idt50\:j_idt55 { float: none;  }

}



@media all and (max-width: 320px) {

  #viewDialogForm .ui-menuitem {
    margin-right: 0px !important;
}



  #viewDialogForm .ui-menuitem:last-child {
    float: right;
}



}




@media all and (max-width: 823px) {

     #viewDialog { overflow-y: scroll;  height: 100% !important; }
     
     #replyDialog { overflow-y: scroll;  height: 100% !important; }
     
     #forwardDialog { overflow-y: scroll;  height: 100% !important; }
     
     #updateDialog { overflow-y: scroll;  height: 100% !important; }
     
     //#uploadDialog { overflow-y: scroll;  height: 100% !important; }


}






@media all and (max-width: 950px) {

     
     #uploadDialog { overflow-y: scroll;  height: 200px !important; }
     
     
#uploadDialog {
 
    height: 200px !important;
    width: 400px !important;
}




}







.ui-widget-content #j_idt50\:j_idt52 .ui-state-default, .ui-widget-content #j_idt50\:j_idt52.ui-state-

default:active, .ui-widget-content #j_idt50\:j_idt52.ui-state-default:focus {
  
    background: #fff !important;
}




 label#j_idt50\:j_idt57_label {

    border: 1px solid #ddd;
}


body #commentsFragment td.ui-panelgrid-cell.comment-right {
	width: 75%
}


body #commentsFragment td.ui-panelgrid-cell.comment-right pre {
	white-space: inherit;
	word-break: break-word;
}