/* 
    Created on : 2020.11.03., 16:38:00
    Author     : Almási György
*/


/*visibilities according to the platform*/
.ShowOnMobile{ display:none;}
.ShowOnTablet{ }
.ShowOnDesktop{  }


.show{display:block !important;}
.hide{display:none !important;}

.ui-notificationbar {
    height: 70px !important;
}

.pages-body {
  height: 100vh;
}
.pages-body .topbar {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  background-color: #1565C0;
  z-index: 100;
}
.pages-body .topbar .topbar-left img {
  height: 2rem;
}
.pages-body .topbar .ui-button.ui-button-flat.ui-button-plain {
  color: #ffffff;
}
.pages-body .pages-panel {
  text-align: center;
  z-index: 200;
}
.pages-body .pages-panel.card {
  border: 1.5px solid var(--divider-color);
  border-radius: 6px;
}
.pages-body .pages-panel.card img {
  width: 100%;
}
.pages-body .pages-panel.card > .card {
  background-color: var(--content-alt-bgcolor);
}
.pages-body .pages-panel .pages-header {
  margin-top: -3rem;
  color: var(--primary-color-text);
  border: 1.5px solid var(--divider-color);
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
}
.pages-body .pages-panel .pages-header h2 {
  margin: 0;
}
.pages-body .pages-panel .pages-detail {
  color: var(--text-secondary-color);
}

.order-badge {
  border-radius: 2px;
  padding: 0.25em 0.5rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3px;
}
.order-badge.order-delivered {
  background: #C8E6C9;
  color: #256029;
}
.order-badge.order-cancelled {
  background: #FFCDD2;
  color: #C63737;
}
.order-badge.order-pending {
  background: #FEEDAF;
  color: #8A5340;
}
.order-badge.order-returned {
  background: #ECCFFF;
  color: #694382;
}

.product-badge {
  border-radius: 2px;
  padding: 0.25em 0.5rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3px;
}
.product-badge.status-instock {
  background: #C8E6C9;
  color: #256029;
}
.product-badge.status-outofstock {
  background: #FFCDD2;
  color: #C63737;
}
.product-badge.status-lowstock {
  background: #FEEDAF;
  color: #8A5340;
}

.customer-badge {
  border-radius: 2px;
  padding: 0.25em 0.5rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3px;
}
.customer-badge.status-qualified {
  background: #C8E6C9;
  color: #256029;
}
.customer-badge.status-unqualified {
  background: #FFCDD2;
  color: #C63737;
}
.customer-badge.status-negotiation {
  background: #FEEDAF;
  color: #8A5340;
}
.customer-badge.status-new {
  background: #B3E5FC;
  color: #23547B;
}
.customer-badge.status-renewal {
  background: #ECCFFF;
  color: #694382;
}
.customer-badge.status-proposal {
  background: #FFD8B2;
  color: #805B36;
}

.filter-container .ui-inputtext {
  width: 400px;
}

.ui-selection-column {
  width: 2rem;
}

@media (max-width: 640px) {
  .filter-container {
    width: 100%;
    margin-top: 0.5rem;
  }
  .filter-container .ui-inputtext {
    width: 100%;
  }
  .ui-selection-column {
    width: auto;
    text-align: center;
  }
  .ui-selection-column .ui-column-title {
    display: none !important;
  }
}
.pages-body.accessdenied-page {
  background: url("");
  background-size: cover;
}
.pages-body.accessdenied-page .pages-panel .pages-header {
  background: #FB8C00;
}

.pages-body.error-page {
  background: url("");
  background-size: cover;
}
.pages-body.error-page .pages-panel .pages-header {
  background: #D81B60;
}

.pages-body.login-page {
  background: url("");
  background-size: cover;
}
.pages-body.login-page .pages-panel .pages-header {
  background: #0097A7;
}
.pages-body.login-page .pages-panel .input-panel {
  width: 100%;
}
.pages-body.login-page .pages-panel .input-panel .ui-inputtext {
  width: 100%;
}
.pages-body.login-page .pages-panel .login-button > * {
  width: 100%;
}

@media (min-width: 1024px) {
    .ShowOnMobile{display:none; opacity:0;}
    .ShowOnDesktop{ opacity:1;}
    .ShowOnTablet{ opacity:1;}
    .layout-topbar-left .layout-topbar-logo {
        width: 25rem !important;
    }
    .layout-wrapper .layout-main {
        padding-top: 100px !important;
    }
}    
/* Portrait tablet to landscape and desktop */
@media (min-width: 640px) and (max-width: 1024px) {	
    .ShowOnMobile{display:inherit; opacity:1;}
    .ShowOnTablet{display:inherit; opacity:1;}
    .ShowOnDesktop{display:none !important; opacity:0;}
    .layout-wrapper .topbar .topbar-left {  
        color: white;
        padding: 10px !important;
        width: 250px !important;
    } 
    .ui-notificationbar {
        height: 150px !important;
    }    
}        
/* Landscape phone to portrait tablet */
@media (max-width: 640px) {	
    .ShowOnMobile{display:inherit; opacity:1;}
    .ShowOnTablet{display:none; opacity:0;}
    .ShowOnDesktop{display:none !important; opacity:0;}
    .layout-wrapper .topbar .topbar-left { 
        color: white;
        padding: 10px !important;
        width: 250px;
    }
    .layout-wrapper .topbar .topbar-right .rightpanel-btn {
        position: absolute;
        right: 10px;
        top: 15px;
    }      
    .ui-notificationbar {
        height: 150px !important;
    }
}
.layout-wrapper .layout-main .layout-content {
    padding: 1rem !important;
    padding-top: 0.5rem !important;
    flex: 1 1 0;
}

body.layout-compact {

    font-size: 14px;
    line-height: 5px;

}
.ui-widget-content {
    border: 0 !important;
}    

.termek_megnevezes {
    color: #000000;
    font-size:150%;
    font-weight: bold;
    text-decoration: none; 
}

.termek_megnevezes:hover {
    color: #E3001B;
    font-size:150%;
    font-weight: bold;
    text-decoration: none;    
}
.termek_ar_bold {
    color: #E3001B;
    font-weight: bold;
    text-decoration: none;    
}
.termek_ar {
    color: #E3001B;
    font-size:150%;
    font-weight: bold;
    text-decoration: none;    
}

.termek_ar_120 {
    color: #E3001B;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;    
}

.text_bold {
    font-weight: bold;
    text-decoration: none;    
}
.machine-table-odd-row{
    background:none repeat scroll 0 0 #f5f3e5;
}

.machine-table-even-row{
    background:none repeat scroll 0 0 #d4ccb0;
}

.table-align-left{
    text-align: left;

}

.table-align-right{
    text-align: right;

}

.table-align-right-no-border{
    text-align: right;
    border-style: hidden !important ;
}

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

.table-hvalign-center{
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    float: none;
}
.table-align-center-widht300px{
    text-align: center;
    width: 300px;

}

body .ui-datatable thead th {
    font-weight: bold;
}

td.align_center {
    text-align:center;
    vertical-align: central;	
    background-color: #000000;
}

.product_new_text {
    color: #E3001B;
    font-size:150%;
    font-weight: bold;
    text-decoration: none;
    text-align:center;    
}

.group_view_picture {
    float: left;
    height: 150px;
    margin: 0 0 1px 1px;
    position: relative;
    width: 150px;
    vertical-align: center;
}

.group_view_picture .new-product {
    background: url("/bolt/resources/images/round_sprite.png") no-repeat scroll -5px transparent;
    color: #FFFFFF;
    display: block;
    font-family: GeogrotesqueLight;
    font-size: 25px;
    height: 60px;
    letter-spacing: 0px;
    line-height: 60px;
    position: absolute;
    left: 150px;
    top: 0px;
    width: 60px;
}

.product_view_picture {
    float: left;
    border-style: none !important; 
}

.product_view_picture .new-product {
    background: url("/bolt/resources/images/round_sprite.png") no-repeat scroll 8px transparent;
    color: #FFFFFF;
    display: block;
    font-family: GeogrotesqueLight;
    font-size: 25px;
    height: 60px;    
    letter-spacing: -2px;
    line-height: 60px;
    position: absolute;
    top: 220px;    
    width: 60px;
}

h1
{
    font-size: 18px !important;
    font-weight: bold !important;
    margin: 0px !important;
}

h2
{   
    font-size:18px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    margin: 0em !important;
}    

h3
{   
    font-size:14px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    margin: 0em !important;    
} 

h4
{   
    font-size:14px !important;
    font-weight: normal !important;
    text-decoration: none !important;
    margin: 10px !important;
}

h5
{
    display:block  !important;
    background:#AFBCBE  !important;
    font-size:22px  !important;
    font-weight: bold  !important;
    line-height:22px !important;
    padding:10px !important;
    margin-bottom:10px !important;
    border-radius:6px !important;
}

h6
{   
    font-size:14px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    margin-bottom:10px !important;
} 


ol li{
    display: inline;
}

ol li a:link {
    color: #458FB3;
}
ol li a:visited {
    color: #458FB3;
}


.small_text
{
    font-size:80%;
    font-weight: normal;
    text-decoration: none;
    text-align: left;   
}

.ui-carousel .ui-carousel-header .ui-carousel-header-title {
    display: inline-block;
    overflow: hidden;
    padding-top: 2px;
    width: 90% !important;
}

.ui-autocomplete-panel .ui-autocomplete-table th, .ui-autocomplete-panel .ui-autocomplete-table td {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    padding: 4px 10px;
}

.ui-autocomplete-panel .ui-autocomplete-table th, 
.ui-autocomplete-panel .ui-autocomplete-table td {
    padding: 0px 0px !important;
}

.searchProd {
    font-weight: bold;
    border-width: 0px !important; 
}

.selected_menu_item {color:red;font-weight:bold;}

.no-border {
    border-style: hidden !important ;
}    

.ui-autocomplete-panel {
    width: 340px !important;
}

.ui-datatable-tablewrapper {
    margin: 0px; 
}

.table-padding-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.table-padding-none-align-right {
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: right;
}
.ui-datagrid {
    background-color: transparent;
    border: 0px;
}   

body .ui-panel .ui-panel-title {
    font-size: 1.0rem;
    color: white;
}

.card h3 a:link {
    color: white;    
}

.card h3 a:visited {
    color: white;    
}

.ui-panel-prospekt-titlebar a:link{
    color: white;    
}

.ui-panel-prospekt-titlebar a:visited{
    color: white;    
}

.ui-panel .ui-panel-titlebar .ui-panel-title a:link{
    color: white;    
}

.ui-panel .ui-panel-titlebar .ui-panel-title a:visited{
    color: white;    
}

.orangeColoredPanel .ui-panel-titlebar {
    background-color: orange;
}

body .ui-button.orange-btn {
    background-color: #FF9800; }
body .ui-button.orange-btn.ui-state-hover {
    background-color: #EF6C00; }
body .ui-button.orange-btn.ui-state-focus {
    outline: 0 none;
    background-color: #ffad33; }

body .ui-corner-top {
    -moz-border-radius-topleft: 9px;
    -webkit-border-top-left-radius: 9px;
    border-top-left-radius: 9px;
    -moz-border-radius-topright: 9px;
    -webkit-border-top-right-radius: 9px;
    border-top-right-radius: 9px;
}

.basketitem .overview {
    padding: 0 !important;
    min-height: 140px;
    position: relative;
    margin-bottom: 0px !important; }
.basketitem .overview .overview-content {
    padding: 16px; }
.basketitem .overview .overview-content .overview-title {
    font-size: 12px; }
.basketitem .overview .overview-content .overview-badge {
    float: right;
    color: #757575; }
.basketitem .overview .overview-content .overview-detail {
    display: block;
    font-size: 10px;
    margin-top: 5px; }
.basketitem .overview .overview-footer {
    position: absolute;
    bottom: 0;
    width: 100%; }

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
    display: contents;
    vertical-align: middle;
    float: none;
}

.responsive {
    width: 100%;
    height: auto;
    vertical-align:middle;}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.layout-topbar .notifications .layout-topbar-action-panel img { width: 45px !important; height: auto !important;}

body .ui-datalist .ui-datalist-header, body .ui-datalist .ui-datalist-footer {
    background: #a7d8eb;
}

.fa-lawn-mower-icon {
    background: url("") no-repeat !important;
    width:20px !important;
    height:16px !important;
}

body .custom-indicator-galleria .ui-galleria-indicators {
    padding: 1rem .25rem 1rem 0;
}

body .custom-indicator-galleria .ui-galleria-indicator {
    width: 100%;
    text-align: right;
    font-weight: bold;
    padding: .357rem .75rem .357rem .75rem;
    margin-bottom: 0 !important;
}

body .custom-indicator-galleria .ui-galleria-indicator {
    color: #e9ecef;
    background-color: transparent;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover {
    color: rgba(200, 200, 200, 0.87);
}

body .custom-indicator-galleria .ui-galleria-indicator.ui-state-highlight {
    background-color: var(--primary-color);
    color: var(--primary-color-text);
}
body .ui-galleria .ui-galleria-item-nav {
    color:  #ff9800
}
body .ui-galleria .ui-galleria-thumbnail-container {
    background-color: white;
}
body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next {
    color:  #ff9800
}
body .ui-datatable .ui-datatable-header {
    background: #607d8b;
}
.footerbar-color {
    background-color: var(--primary-dark-color) !important; 
    color: white !important; 
}
body .ui-commandlink, body .ui-link {
    color: var(--body-bgcolor) !important; 
}

body .ui-panel .ui-panel-titlebar {
    background-color: #607D8B;
}    
body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active {
   background-color: #458FB3;
}    
body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header {
    background-color: #458FB3 !important;
}    
body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header ui-state-hoover{
     background-color: #458FB3;
} 

.ui-datagrid .ui-panel .ui-panel-titlebar {
    background-color: rgba(41, 80, 107, 0.5) !important;
    border-bottom: 1px dashed #e0e0e0;
    border-radius: 2px !important;
    color: rgba(41, 80, 107, 0.8);
    font-family: "open_sanssemibold";
    font-size: 14px;
    padding: 6px 10px !important;
    z-index: 100;
    height: 70px;
}

.ui-datatable thead th {
    background-color: #e0e0e0 !important;
}

body .ui-tabs .ui-tabs-nav > li.ui-state-default a {

    color: white;
}

/* Add your customizations of theme here */
body .ui-tabs.ui-tabs-top > .ui-tabs-nav > li {
    border-style: solid;
    background-color: #607D8B;
    border-color: #607D8B;
}
body .ui-tabs.ui-tabs-top > .ui-tabs-nav > li ui-state-hover {     
    background-color: #3D4D54;
    border-color: #3D4D54;
 -moz-border-radius-topleft: 9px;
    -webkit-border-top-left-radius: 9px;
    border-top-left-radius: 9px;
    -moz-border-radius-topright: 9px;
    -webkit-border-top-right-radius: 9px;
    border-top-right-radius: 9px;    
}
body .ui-tabs .ui-tabs-nav > li.ui-state-active a {

    -moz-border-radius-topleft: 9px;
    -webkit-border-top-left-radius: 9px;
    border-top-left-radius: 9px;
    -moz-border-radius-topright: 9px;
    -webkit-border-top-right-radius: 9px;
    border-top-right-radius: 9px;
}