/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 25, 2020, 10:53:40 AM
    Author     : Nico
*/



body .ui-button:hover .ui-button-text
{
    color: white;
}

body .section.even .ui-button.dark, body .ui-button.dark
{
    color: white !important;
    background-color: rgb(50,50,50) !important;
}

body .ui-button.dark .ui-button-text
{
    color: white;
}

body .ui-button.dark:hover .ui-button-text
{
    color: white;
}

.ui-panelgrid-content.ui-widget-content.ui-grid
{
    border:none;    
}

.ui-panelgrid-cell
{
    padding-left:0px !important;
}


.ui-inputfield
{
    box-shadow: none !important;
    border-color: lightgrey !important;
}

.ui-button-text.ui-c
{
    font-weight: normal;
    border-radius: 0px;   
    text-shadow: none;
}


.login-button.ui-button.ui-widget.ui-state-default.ui-corner-all
{
    border-color: inherit;
    background: inherit;
    box-shadow: inherit;
    font-weight: inherit;
    
    min-width: inherit;
    outline:inherit;
    border-radius: 50% !important;
    height: 2.357rem !important;
    width: 2.357rem !important;
    border-width: 0px;
    background: var(--dark_text_color);
}

/*.ui-growl 
{
    position: absolute;
    bottom: 20px !important;
    left: 20px;
    width:30%;
    top:auto;
}



.ui-growl-message
{
    width:100%;
}

.ui-growl-item-container
{
    opacity:1;
}

.ui-growl-icon-close
{
    display:block !important;
}



.ui-growl-warn.ui-growl-item-container
{
    background:none !important;
    background-color:#dbc664 !important;
}

.ui-growl-error.ui-growl-item-container
{
    background:none !important;
    background-color:#f4a5a5 !important;
}

.ui-growl-info.ui-growl-item-container
{
    background:none !important;   
    border: 1px solid grey;
    color:grey !important;
    background-color:white !important;
}

.ui-growl-message
{
    font-size:14px;
}

.ui-growl-message a
{
    color: grey;
}

.ui-growl-message .header_icon
{
    margin-right: 20px;
}
*/

.header_icon
{

    margin-right:20px;
}


.product_dialog .ui-dialog-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-top
{
    padding:5px;
}

.ui-dialog-titlebar-icon.ui-dialog-titlebar-close.ui-corner-all.ui-state-hover
{
    box-shadow: none;
    border-color:transparent;

}

.ui-datatable-tablewrapper th
{
    background:none !important;
}

.ui-column-title
{
    text-shadow:none;    
}

.ui-fieldset-legend.ui-corner-all.ui-state-default
{
    background:none;
    border:none;
    text-shadow:none;
    font-weight: normal;
    width:auto;
    font-size:16px;
    text-align: center;
}

.ui-fieldset.ui-widget.ui-widget-content.ui-corner-all.ui-hidden-container
{
    border:none;
    border-radius: 0px;
    border-top: 1px solid grey;
}

.ui-wizard-content
{
    padding:10px;
}

.ui-wizard-step-title.ui-state-default.ui-state-highlight.ui-corner-all
{
    border-bottom: 1px solid var(--color4);
}

.ui-wizard-step-title.ui-state-default.ui-corner-all
{
    background:none;
    text-shadow:none;
    color:var(--color2);
    font-weight: 300;
    border:none;
    font-size:16px;
    border-radius: 0px;
    font-family: Open Sans, Helvetica, Arial, sans-serif;
    border-bottom: 1px solid lightgrey;
    text-transform: uppercase;
}

.ui-panelgrid.ui-widget td 
{
   
}

.ui-panelgrid.ui-widget tr 
{
  
}

.padding-top-0
{
    padding-top:0px !important;
}

.padding-bottom-0
{
    padding-bottom:0px !important;
}

.header-menu
{
    background:none;
    float:right;
    border:none;
    padding:0px;
    position: absolute;
    right:50px;
    top:10px;
    z-index: 1000;
}

.header-menu .ui-menuitem-link.ui-corner-all
{
    color:white;
    font-size:16px;
}

.ui-menuitem-link.ui-corner-all.ui-state-hover
{
    background:none;
    box-shadow: none;
}

.ui-menuitem-icon
{
    margin-right:10px;
}

.ui-tabs-header.ui-state-default.ui-corner-top
{
    text-shadow:0px !important;
    background:none;
    border:none !important;
    border-bottom:1px solid var(--color1) !important;

}

.ui-tabs-header.ui-state-default.ui-corner-top.ui-state-active
{
    border-bottom:1px solid var(--color3) !important;

}

.ui-tabs-header.ui-state-default.ui-corner-top a
{
    color:lightgrey;
    font-weight: normal;
    text-transform: uppercase;
}

.ui-tabs-header.ui-state-default.ui-corner-top.ui-state-active a
{
    color:var(--dark_text_color);
    font-weight: normal;
    text-transform: uppercase;

}


.ui-tabs-header.ui-state-default.ui-corner-top.ui-state-hover
{
    box-shadow: none;

}



::-webkit-input-placeholder { /* WebKit browsers */
    color:    lightgrey;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    lightgrey;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    lightgrey;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    lightgrey;
}

.ui-tabs.ui-widget.ui-widget-content.ui-corner-all.ui-hidden-container.ui-tabs-top
{
    border:none;
}

.ui-tabs-nav.ui-helper-reset.ui-widget-header.ui-corner-all
{
    background:none;
}

.ui-column-title
{
    font-weight: normal;

}

.flex
{
    display:flex;
}

.product_dialog .ui-dialog-titlebar
{
    padding-bottom: 0px;
}

.product_dialog  .ui-dialog-content
{
    padding-top: 0px;
}

.product_dialog .ui-datatable.ui-widget
{
    border: 1px solid lightgrey !important;
}

.product_dialog th
{
    margin-bottom: 5px;
    border: none !important;
    border-bottom: 1px solid lightgrey !important;
}

.product_dialog .ui-datatable-data
{

    padding:10px;
    border:none;
}

.product_dialog .ui-widget-content
{
    border:none;
}

.volume-type-square:hover
{
    cursor: pointer;
}

.volume-type-square
{
    height:15px !important;
    width:15px !important;
    margin-right:10px;
    display:block !important;
}

.volume-type-square.silver
{
    background:var(--basic_color);
}

.volume-type-square.gold
{
    background:var(--premium_color);
}

.silver 
{
    background:var(--basic_color);
}

.gold
{
    background:var(--premium_color);
}

a.underline
{
    text-decoration: underline;
}



.ui-accordion-header.ui-helper-reset.ui-state-default.ui-corner-all, .ui-accordion-header.ui-helper-reset.ui-state-default.ui-state-active.ui-corner-top
{
    margin-bottom:10px;
    outline:none !important;
    box-shadow:none !important;
    align-items: center;
    background: none;
    border: 1px solid lightgrey;
    height: 60px;
    font-size: 16px;
    display: flex;
    font-weight: normal;
}

.cc-btn
{
    font-family: Arial !important;
    border: 1px solid grey !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

.ui-panel-titlebar-icon.ui-corner-all.ui-state-default
{
    
}


.no-padding
{
    padding:0px !important;
}

.padding-3
{
    padding:3px;
}

.no-background
{
    background:none !important;
}

.no-background *
{
    background:none !important;
}

.ui-widget
{
    border-radius: 0px !important;
    box-shadow: none !important;
}

.full-width
{
    width:100%;
}

.full-height
{
    height:100% !important;
}



.no-opacity
{
    opacity:0.0;
}

.ui-scrollpanel-vbar
{
    width:5px !important;
}

article
{
    padding:10px;
}

/*ui-tabs-selected ui-state-active*/
.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a
{

}

.ui-tabs-header
{
    box-shadow: none !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-header a
{
    font-weight: 300 !important;
    font-size:20px;
    box-shadow: none !important;
}

/*Makes all the tabs in a tabview vertica*/
@media screen and (max-width: 1000px) 
{
    .ui-tabs.ui-tabs-top > .ui-tabs-nav li
    {
        width: 100% !important;
    }
}

.padding-left-10
{
    padding-left:20px !important;
}

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

.left
{
    text-align: left;
    justify-content: left;
}

.right
{
    text-align: right;
    justify-content: right;
}

.middle
{
    vertical-align: middle;
    align-content: center;
    align-items: center;
    align-self: center;
}

.bottom
{
    vertical-align: bottom;
    align-content: flex-end;
    align-items: flex-end;
    align-self: flex-end;
}

.flex
{
    display: flex;
}

.bold
{
    font-weight: bold;
}

.cart .ui-expanded-row-content.ui-widget-content
{
    background-color:rgba(0,0,0,.1) !important;
    
}

.list-text
{
    color:white;
    padding-left:10px;
    padding-right:10px;
}

.ui-confirm-dialog-message, .ui-dialog-titlebar.ui-widget-header
{
    width:100%;
    text-align: left;
}