/*
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 : Jan 20, 2016, 11:48:49 AM
    Author     : csmart
*/

body, p {
    font-size: 12px; 
}

.GrayModena.BannerImage {
    /* background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ),url("/SmallBusinessSolutions/javax.faces.resource/images/banner.jpg.xhtml?ln=sbs"); */
    background: linear-gradient( rgba(100, 88, 98, 0.4), rgba(100, 88, 98, 0.4) ),url("../images/banner.jpg");
    /* background-image: url("/SmallBusinessSolutions/javax.faces.resource/images/banner.jpg.xhtml?ln=sbs"); */
    background-attachment: fixed;
    background-size: 100%;
    background-repeat: no-repeat;


}

.modena:before {
    font-family: 'Modena' !important;
}

/* .HoverEffect:hover {
    opacity: 1.0 !important;
    transition: all 0.5s ease;
} */

#layout-footer {
    margin-top:20px;
    position:fixed; 
    bottom:0; 
    width:100%; 
    background-color:#f5f5f5; 
    z-index: 99999999999;
}

#layout-portlets-cover {
    margin-bottom: 25px; /* you can change this value according to the height of your layout footer */
} 

#layout-topbar h1 {
    font-family: 'EB Garamond', serif;
    font-weight: normal;
    padding-top: 5px;
}

.console {
    font-family: monospace;
    font-size: 10px;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .70;
    filter: alpha(opacity=50);
    background-image: none;
}

.ui-panelgrid, .ui-inputfield {
    font-size: 12px;
}

.ui-panelgrid tbody tr td {
    border-color: #efefef !important;
}

.ui-panel .ui-panel-titlebar {
    background-color: #c6cdd1;
    font-weight: bolder;
    padding: 5px 20px !important;
}

.Required {
    border-bottom: solid 1px #EF9A9A !important;
}

.ui-chkbox .ui-chkbox-label {
    font-size: 12px;
}

.ui-selectoneradio label {
    font-size: 12px;
}

.ui-datatable table tbody tr td {
    font-size: 12px;
    border: solid 1px #c6cdd1;
}

.ui-datatable table thead tr th, .ui-datatable table tfoot tr td, .ui-datatable table thead tr th {
    font-size: 14px;
    background-color: #c6cdd1;
    border: solid 1px #efefef;
}

.ui-datatable table tbody .ui-state-hover > td {
    background-color: #c6cdd1;
}

.PanelGridHeader {
    font-size: 14px;
    background-color: #c6cdd1 !important;
    border: solid 1px #efefef !important;
}

.PanelGridRow, .PanelGridRowOdd {
    border: solid 1px #c6cdd1;
}

.PanelGridRowEven {
    border: solid 1px #c6cdd1;
    background-color: #eef2f7;
}

.ui-paginator-bottom {
    background-color: #c6cdd1;
}

.ui-paginator .ui-paginator-rpp-options {
    background-color: #c6cdd1;
}

.ui-paginator .ui-paginator-current {
    color: #ffffff;
}

.ui-datalist-blank {
    border: none !important;
}

.ui-dialog .ui-dialog-titlebar {
    background-color: orange;
    color: white;
}

.ui-menu {
    width: 100%;
}

.ui-menu .ui-menuitem .ui-menuitem-link {
    font-size: 12px;
}

.ui-menu .ui-menuitem .current-task {
    color: #03a9f4;
    background-color: #f5f5f5;
}

.ui-menu .ui-menu-list .ui-widget-header, .ui-menu.ui-menu-toggleable li.ui-widget-header, .ui-accordion-header {
    /* background-color: #37474F; */
    background-color: #a7bbc5;
}

.ui-menu .ui-menu-list .ui-widget-header:hover, .ui-menu.ui-menu-toggleable li.ui-widget-header:hover {
    /* background-color: #5f7986; */
    background-color: #c3cfd5;
}

.ui-menu .ui-menuitem .ui-menuitem-link {
    padding: 8px 0px;
}

.ui-menu .ui-menu-list .ui-widget-header {
    font-size: 14px;
    padding: 1px 8%;
}

.ui-tabs-left > .ui-tabs-nav {
    height: inherit;
}

.ui-link, .menubarlink {
    color: #ffffff !important;
    border-radius: 10% !important;
}

.labelColumn, .valueColumn {
    border-bottom: 1px solid #efefef !important; 
}

.SubTopic {
    font-size: 14px;
    font-family: 'robotolight';
    font-weight: bolder;
    color: #546e7a;
    padding: 0px 0px 10px 0px;
}

.font-red {
    color: red !important;
}

.help-icon {
    font-size: 14px;
}

.hide-column-names table thead tr {
    display: none;
}

li.bulletList {
    list-style: circle;
}

#layout-portlets-cover {
    padding: 60px 1% 10px;
}

.GrayModena #layout-topbar {
    background-color: #00519a;
}

#show-top-menu {
    color: #37474F;
}

#top-menu .li {
    list-style-type: none;
}

li {
    list-style-type: disc;
    font-family: 'robotolight';
}

.compact {
    padding: 0;
    margin: 0;
}

.BorderBottom {
    border-bottom: solid 1px #E0E0E0 !important;
}

.panelGrid-header {
    color: #546e7a;
    background-color: #dae8ef;
    border: solid 1px #c1d5df;
    outline: none;
    padding: 10px;
    font-family: 'robotolight';
    font-size: 12px;
    font-weight: bold;
}

.Fright30 {
    width: 30%;
    float: right;
}

.Fright50 {
    width: 50%;
    float: right;
}

.Card {

}

.CardTopic {
    padding: 2px 20px 10px 40px;
}

.CardTopic_NoLeftPadding {
    padding: 2px 20px 10px 0px;
}

.ui-accordion-header {
    font-size: 12px !important;
    color: #ffffff;
    padding: 8px 5px 8px 30px !important;
    margin-bottom: 1px !important;
    font-weight: bold !important;
    font-family: 'robotolight';
}

.ui-accordion-header .ui-tabs-outline {
}

.ui-accordion .ui-accordion-header.ui-state-hover, .ui-accordion .ui-accordion-header.ui-state-active, .ui-accordion-header .ui-tabs-outline, .ui-accordion .ui-tabs-outline {
    background-color: #c3cfd5 !important;
    color: #ffffff;
}

.NoLeftPadding {
    padding-left: 0px !important;
}