/*
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 : Sep 20, 2017, 11:37:11 AM
    Author     : trevor.schiavone
*/

/***
Remove pink background from primefaces error
***/
.ui-outputlabel.ui-state-error {
    background: none;
}

.ui-message-info-summary {
    display: block;
}

/****
Changes autocomplete text and placeholder text
*****/
.ui-widget {
    font-family: 'myriad-pro', Calibri, Arial, sans serif;
    font-size: 14px;
}
.ui-widget.ui-autocomplete-input {
    font-size: 18px;
}
::-webkit-input-placeholder {
    font-size: 18px;
    font-style: italic;
}
::placeholder {
    font-size: 18px;
    font-style: italic;
}
:-ms-input-placeholder {
    font-size: 18px;
    font-style: italic;
    color: #AEAEAE;
}
textarea::-webkit-input-placeholder {
    font-size: 14px;
    font-style: italic;
}
textarea::placeholder {
    font-size: 14px;
    font-style: italic;
}
textarea:-ms-input-placeholder {
    font-size: 14px;
    font-style: italic;
    color: #AEAEAE;
}

/***
* Styling For Select one menus and autocompletes
****/
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-default.ui-corner-right {
    width: 28px;
    background: white;
    border-left: none;
    border-radius: 0px;
    padding-top: 3px;
}

.ui-selectonemenu .ui-selectonemenu-trigger.ui-corner-right.ui-state-hover,
.ui-selectonemenu .ui-selectonemenu-trigger.ui-corner-right.ui-state-focus {
    width: 28px;
    background: white;
    border-left: none;
    padding-top: 3px;
    box-shadow: 0 0 0px #85b2cb;
    margin-top: 0px;
}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    margin-top: 0px;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-default.ui-corner-right {
    width: 28px;
    background: white;
    border-left: none;
    padding-top: 3px;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-corner-right.ui-state-hover,
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-corner-right.ui-state-focus {
    width: 28px;
    background: white;
    border-left: none;
    padding-top: 3px;
    box-shadow: 0 0 0px #85b2cb;
    margin-top: 0px;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    margin-top: 0px;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
    background: white;
    font-weight: 400;
    font-size: 16px;
    padding: 0px 0px 0px 4px;
}
.ui-selectcheckboxmenu {
    border: 1px solid rgb(118, 118, 118);
}
.ui-selectcheckboxmenu-label-container.ui-state-active {
    border: none;
}
.ui-selectcheckboxmenu-header .ui-inputfield {
    font-family: 'myriad-pro', Calibri, Arial, sans serif;
}

/***
*
***/

.ui-panelgrid .ui-panelgrid-cell.ui-widget-header {
    background: #305982;
    border-color: #305982;
    background-clip: padding-box;
}

.ui-widget-header,
.ui-panelgrid-header{
    background: #305982;
    color: white;
    border: 0px;
    border-radius: 0px;
    text-shadow: none;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
}
.ui-panelgrid.ui-widget .ui-panelgrid-header .ui-panelgrid-cell{
    border-right: solid 1px #305982;
    padding: .5em 1em .3em;
    background: #305982;
    border-color: #305982;
    background-clip: padding-box;
}

/***
* buttons and icons on primefaces command buttons
***/

.ui-button {
    background: #1A5A96;
    color: white;
    text-shadow: none;
    border: none;
    border-radius: 0px;
    width:298px;
    font-size: 18px;
}
@media (max-width: 320px) {
    .ui-button {
        width: 260px
    }
}

.ui-button-text-only .ui-button-text {
    font-weight: 400;
    font-size: 14px;
}
.ui-button-icon-left {
    left: 1em;
    height: 33px;
    width: 33px;
    margin-top: -17px;
}
.ui-button-text-icon-left .ui-icon {
    margin-top: -17px;
}
.ui-widget-content .ui-button{
    background: #1A5A96;
    color: white;
    text-shadow: none;
    border: none;
    font-size: 18px;
    border-radius: 0px;
    width: 160px;
}

/***
*remove default border from primefaces "widget" (usually a panel, dialog etc)
****/
.ui-widget-content {
    border: none;
}
.ui-widget-content a {
    color: #1a5a96;
}


/**
* Remove primefaces text shadow
*/
.ui-state-default,
.ui-widget-content .ui-state-default {
    text-shadow: none;
    font-weight: 400;
}

/*
* Removed Primefaces box shadows
*/
.ui-state-active, .ui-inputfield.ui-state-active, .ui-widget-content .ui-inputfield.ui-state-active, .ui-widget-header .ui-inputfield.ui-state-active,
.ui-state-default, .ui-inputfield.ui-state-default, .ui-widget-content .ui-inputfield.ui-state-default, .ui-widget-header .ui-inputfield.ui-state-default,
.ui-state-focus, .ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus, .ui-widget-header .ui-inputfield.ui-state-focus,
.ui-state-hover, .ui-inputfield.ui-state-hover, .ui-widget-content .ui-inputfield.ui-state-hover, .ui-widget-header .ui-inputfield.ui-state-hover {
    box-shadow: none;
}

/*
* Tooltips
*/
.ui-tooltip {
    line-height: 1.2;
    width: 250px;
    z-index: 2000;
}

/****
* Style for tab panels
****/
.ui-tabs .ui-tabs-panel {
    padding: 0px;
}
.ui-tabs .ui-tabs-nav {
    background: white;
    border-bottom: 1px #E5E5E5 solid;
}

.ui-tabs .ui-tabs-nav li {
    border-radius: 15px 15px 0px 0px;
    text-align: center;
    border: 3px solid #E5E5E5;
    background: #EFEFEF;
    /*width: 200px;*/
    margin-bottom: -1px;
    margin-right: 5px;
    border-bottom: 1px #E5E5E5 solid;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    border: 3px solid #E5E5E5;
}
.ui-tabs .ui-tabs-nav li a {
    font-weight: 400;
    /*margin-left: 30px;*/
    padding-top: 3px;
    padding-bottom: 3px;
}
@media (max-width: 767px) {
    .ui-tabs .ui-tabs-nav {
        font-size: 14px;
    }
    .ui-tabs .ui-tabs-nav li {
        width: 110px;
    }
    .ui-tabs .ui-tabs-nav li a {
        margin-left: 0px;
    }
}

/****
*Panels
***/
.ui-panel {
    padding: 0px;
}
.ui-panel .ui-panel-content {
    padding: 25px 20px 25px 0px;
    font-weight: 400;
    font-size: 14px;
}
.ui-panel .ui-panel-content > h3 {
    font-weight: 400;
    border: none;
    margin-top: 0px;
    padding-top: 0px;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
    white-space: normal;
}
.ui-tabs {
    padding: 0px;
}

[aria-hidden="true"] {
    display: none !important;
}

[class="dead-link"] {
    color: #E0E0E0 !important;
}

.ui-state-default .ui-icon, .ui-state-active .ui-icon {
    background-image: url("/swt/jakarta.faces.resource/images/ui-icons_616161_256x240.png.xhtml?ln=primefaces-aristo");
}