/*
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 : Apr 12, 2017, 12:26:30 PM
    Author     : Joshua Raymond, Stephen Willcocks, Rachael Wolber
*/

.ui-dashboard-column 
{
    width:33%;
    min-width:250px;
}

.ui-panelgrid.ui-panelgrid-center-footer .ui-panelgrid-footer
{
    text-align: center;
}

.ui-inputfield
{
    width: 100%;
}

.ui-selectonemenu
{
    width: 100%;
}

.hasDatepicker
{
    max-width: 160px;
}

@media screen and (max-width: 600px)
{
    .customHeader-desktop
    {
        display: none;
    }

    .customHeader-mobile
    {
        display: block;
        overflow: auto;
    }
}


@media screen and (min-width: 600px)
{
    .customHeader-desktop
    {
        display: block;
    }

    .customHeader-mobile
    {
        display: none;
    }
}

.datagrid-no-border .ui-datagrid-content
{
    border: none !important;
}

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

.noBorders tr, .noBorders td {
    background: none !important;
    border: none !important;
}

.rowAlert tr, .rowAlert td
{
    background: gold;
}

.rowInactive tr, .rowInactive td
{
    font-style: italic;
}

.ui-datatable-scrollable-body::-webkit-scrollbar-thumb
{
    background: rgba(76, 75, 75, 0.55);
}

.hiddenElement
{
    visibility: hidden;
    font-size: 1px;
    line-height: 1px;
}

.underlineText
{
    text-decoration: underline;
}

.darkenElement
{
    opacity: 0.9;
}

.darkenElement:hover
{
    opacity: 1;
}

@media (min-width: 1025px)
{
    .dialog500
    {
        min-width: 500px;
    }
    
    .dialog800
    {
        min-width: 800px;
    }
    
    .dialog1000
    {
        min-width: 1000px;
    }
}

@media (max-width: 1024px)
{
    .dialog500
    {
        max-width: 500px;
    }
    
    .dialog800
    {
        max-width: 800px;
    }
    
    .dialog1000
    {
        max-width: 1000px;
    }
}