/*
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 : 24-Jul-2015, 09:16:23
    Author     : mthengil
*/

/*********************************************
************Attributes for Widgets************
**********************************************/

/*.ui-widget{
    font-family: Open Sans;
    font-size: 0.959em !important;
}*/

.ui-widget-content,
.ui-widget-header{
    border:0px solid #aaa;
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{
    border:1px solid #e9ecee;
}

/********************************************
************Attributes for Panels************
*********************************************/

.ui-panel .ui-panel-content{
    padding: 0px !important;
}/*

.ui-panel .ui-panel-titlebar {
    background-color: Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#546e74+0,b6cbcf+49,b6cbcf+100 
     Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#546e74+0,b6cbcf+62,b6cbcf+100 
    background: rgb(84,110,116);  Old browsers 
     IE9 SVG, needs conditional override of 'filter' to 'none' 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTQ2ZTc0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjIlIiBzdG9wLWNvbG9yPSIjYjZjYmNmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I2Y2JjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(45deg,  rgba(84,110,116,1) 0%, rgba(182,203,207,1) 62%, rgba(182,203,207,1) 100%);  FF3.6+ 
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(84,110,116,1)), color-stop(62%,rgba(182,203,207,1)), color-stop(100%,rgba(182,203,207,1)));  Chrome,Safari4+ 
    background: -webkit-linear-gradient(45deg,  rgba(84,110,116,1) 0%,rgba(182,203,207,1) 62%,rgba(182,203,207,1) 100%);  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(45deg,  rgba(84,110,116,1) 0%,rgba(182,203,207,1) 62%,rgba(182,203,207,1) 100%);  Opera 11.10+ 
    background: -ms-linear-gradient(45deg,  rgba(84,110,116,1) 0%,rgba(182,203,207,1) 62%,rgba(182,203,207,1) 100%);  IE10+ 
    background: linear-gradient(45deg,  rgba(84,110,116,1) 0%,rgba(182,203,207,1) 62%,rgba(182,203,207,1) 100%);  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#546e74', endColorstr='#b6cbcf',GradientType=1 );  IE6-8 fallback on horizontal gradient   added 
    height: 35px;  added 
}*/

.ui-panel .ui-panel-title {
    /*font-family: Open Sans;  added*/ 
    /*font-size: 1.7em;  added*/ 
    /*color: #FFF;  added*/ 
    font-weight: 300;   
    /*line-height: 1.5em;  added*/ 
}/*

.ui-panel-titlebar-icon, .ui-panel-titlebar-icon:hover{
    background: transparent !important;
    margin: 8px 0 0 !important;
}*/

.chart-generation.ui-panelgrid .ui-panelgrid-cell{
    border: none;
}

.chart-section.ui-panel{
    font-size: 1em !important;
}

.cg-multi-select-table .ui-widget-content .ui-panelgrid-cell{
    padding: 0.5px 5px 0.5px 0px !important;
}
/******************************************
************Attributes for Menu************
*******************************************/

.ui-menubar{
    float: left;
    height: 26px;
    margin-top: 12px;
    padding: 0 !important;
}

.ui-menu.ui-menu-dynamic{
    background: #fff; /* added */
}
.ui-menu {
    padding: 0px;
}

.ui-menu .ui-menu-parent .ui-menu-child{
    background: #fff; /*added*/
}

/******************************************
***********Attributes for Button***********
*******************************************/

.ui-button-text-icon-left .ui-button-text{
    margin-right: 5px;
    padding: 3px 5px 3px 27px !important;
}
.ui-button-text-icon-right .ui-button-text{
}

/**********************************************
***********Attributes for InputField***********
***********************************************/

.ui-inputfield,.ui-widget-content .ui-inputfield,.ui-widget-header .ui-inputfield,
.ui-inputfield.ui-state-focus,.ui-widget-content .ui-inputfield.ui-state-focus,.ui-widget-header .ui-inputfield.ui-state-focus{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/****************************************
***********Attributes for Tabs***********
*****************************************/

.ui-tabs{
    border: medium none;
    display: block;
    padding: 0 !important;
}

.ui-tabs .ui-tabs-nav li a{
    font-weight: bold;
}

.ui-tabs .ui-tabs-nav{ /* added */
    background: #e9ecee;
}

.ui-dashboard .ui-tabs .ui-tabs-nav li a{ /* added */
    background: transparent;
    color: #fff;
    font-style: normal;
    white-space: normal;
    word-wrap: break-word;
}

.ui-tabs .ui-tabs-panel{
    padding: 0em !important;
}

/**********************************************
**********Attributes for Autocomplete**********
***********************************************/


.ui-autocomplete-panel{
    max-height: 400px;
}

.ui-autocomplete-input ui-inputfield {
    width: 80% !important;
}


/*******************************************
**********Attributes for DataTable**********
********************************************/

.ui-datatable .ui-row-toggler{
    float: left;
}

.ui-datatable table{
}

.ui-datatable table tr td {
    table-layout: auto !important;
    white-space: normal !important;
    word-wrap: break-word;
}

.ui-datatable table tr th {
    table-layout: auto !important;
    white-space: normal !important;
    word-wrap: break-word;
}


/*.leafletTabs .ui-datatable table,
.mailerArea .ui-datatable table{
    font-size: 0.875em;
}*/

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

.ui-datatable thead th,
.ui-datatable tbody td,
.ui-datatable tfoot td,
.ui-datatable tfoot th {
    padding: 2px 4px !important;
    border: 1px solid #ddd !important;
}



.ui-datatable .ui-datatable-scrollable-theadclone th {
    border: 0px !important;
    padding: 0px 4px !important;
}

.ui-datatable .ui-datatable-header{
    border-bottom: 0px none !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#546e74+0,b6cbcf+62,b6cbcf+100 */
    background: rgb(84,110,116); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTQ2ZTc0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjIlIiBzdG9wLWNvbG9yPSIjYjZjYmNmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I2Y2JjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(45deg,  rgba(84,110,116,1) 0%, rgba(182,203,207,1) 62%, rgba(182,203,207,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(84,110,116,1)), color-stop(62%,rgba(182,203,207,1)), color-stop(100%,rgba(182,203,207,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  rgba(84,110,116,1) 0%,rgba(182,203,207,1) 62%,rgba(182,203,207,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  rgba(84,110,116,1) 0%,rgba(182,203,207,1) 62%,rgba(182,203,207,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  rgba(84,110,116,1) 0%,rgba(182,203,207,1) 62%,rgba(182,203,207,1) 100%); /* IE10+ */
    background: linear-gradient(45deg,  rgba(84,110,116,1) 0%,rgba(182,203,207,1) 62%,rgba(182,203,207,1) 100%); /* W3C */
    /* added leaflet */
    color: #fff; /* added leaflet */
    /*font-family: Open Sans;  added leaflet */
/*    font-size: 1.7em;  added leaflet 
    font-weight: 300;  added leaflet */
    text-align: left !important; /* added leaflet */
    padding-left: 0.5em !important; /* added leaflet */
}

.ui-datatable .ui-paginator{
    background: #62a7b5 !important; /* changed */;
}

.ui-datatable .ui-datatable-empty-message {
    color: darkred;
}

.ui-column-title{
}

span.ui-column-title{
    font-weight: bold !important;
}

.ui-columntoggler .ui-columntoggler-items{
    background: #fff; /* added */
}

/********************************************
************Attributes for Dialog************
*********************************************/

/*.ui-dialog .ui-dialog-titlebar{
    background-color: Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#546e74+0,b6cbcf+49,b6cbcf+100 
     Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#546e74+0,b6cbcf+62,b6cbcf+100 
    background: rgb(84,110,116);  Old browsers 
     IE9 SVG, needs conditional override of 'filter' to 'none' 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTQ2ZTc0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjIlIiBzdG9wLWNvbG9yPSIjYjZjYmNmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I2Y2JjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(45deg,  rgba(84,110,116,1) 0%, rgba(182,203,207,1) 62%, rgba(182,203,207,1) 100%);  FF3.6+ 
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(84,110,116,1)), color-stop(62%,rgba(182,203,207,1)), color-stop(100%,rgba(182,203,207,1)));  Chrome,Safari4+ 
    background: -webkit-linear-gradient(45deg,  rgba(84,110,116,1) 0%,rgba(182,203,207,1) 62%,rgba(182,203,207,1) 100%);  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(45deg,  rgba(84,110,116,1) 0%,rgba(182,203,207,1) 62%,rgba(182,203,207,1) 100%);  Opera 11.10+ 
    background: -ms-linear-gradient(45deg,  rgba(84,110,116,1) 0%,rgba(182,203,207,1) 62%,rgba(182,203,207,1) 100%);  IE10+ 
    background: linear-gradient(45deg,  rgba(84,110,116,1) 0%,rgba(182,203,207,1) 62%,rgba(182,203,207,1) 100%);  W3C 
}

.ui-dialog .ui-dialog-title{
    color: #fff;
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.5em;
}

.ui-dialog .ui-dialog-content{
    background: #b6cbcf !important;
}

.ui-dialog .ui-dialog-content .ui-panel,
.ui-dialog .ui-dialog-content .ui-grid{
    background: transparent;
    font-weight: bold;
}

.ui-dialog .ui-dialog-content .ui-button{
    background: #00738B; 
    border-radius: 1px; 
    color: #fff !important; 
    Font-family: Telefon Web !important; 
    font-weight: bold;
    height: 37px; 
    transition: all 0.3s ease-in; 
    border: 0px !important;
}

.ui-dialog .ui-dialog-content .ui-button .ui-button-text{
    font-size: 1em;
}

.ui-dialog-titlebar-icon, .ui-dialog-titlebar-icon:hover{
    background: transparent;
    margin: 15px 10px 0 !important;
}

[id$="Dialog_modal"] {
    width: 100% !important;
  }*/

/*******************************************
***********Attributes for Overlay***********
********************************************/

.ui-overlaypanel .ui-overlaypanel-content{
    padding: 3px;
}

/*******************************************
**********Attributes for Paginator**********
********************************************/

.ui-paginator .ui-paginator-page,
.ui-paginator .ui-paginator-pages,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-current {
    padding: 2px 7px; /* changed */
    border: 0px solid #aaa; /* changed */
    font-weight: 300; /* added */
    color: #000; /* added */
    margin-top: 3px; /* added */
    margin-bottom: 3px; /* added */
}

.ui-paginator-current {
    float: left;
    margin-top: 8px !important;
}

/******************************************
************Attributes for Tree************
*******************************************/

.ui-tree{
    border: none;
}

/******************************************
*********Attributes for Breadcrumb*********
*******************************************/

.ui-breadcrumb ul li span{
    font-size: 1em; /* added */
    padding-top: 0.2em; /* added */
}

.ui-breadcrumb ul li .ui-menuitem-link{
    color: #444; /* added */
    text-decoration: none; /* added */
}

/*********************************************
************Attributes for Message************
**********************************************/

.ui-message-error{
    margin: 0 0 10px !important;
}

.ui-message-info{
    margin: 0 0 10px !important;
}

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

.ui-growl{
    z-index: 9999 !important;;
}

/*.afp-message-error .ui-panel-content{
    color: #C36462 !important;
    background-color: #F2DEDE !important;
}

.afp-message-info .ui-panel-content{
    color: #5598BA !important;
    background-color: #D9EDF7 !important;
}*/

/*********************************************
************Attributes for OneMenu************
**********************************************/

.ui-selectonemenu-panel .ui-selectonemenu-list{
    background-color: #fff; /* added */
    padding: 0 !important;
}

/***********************************************
************Attributes for Dashboard************
************************************************/

.ui-dashboard{
    display: inline-table;
    width: 100%;
}

.ui-dashboard-column{
    float: none !important;
    padding: 0 !important;
}

.ui-dashboard .chartableTypes > ul { /* added */
    background-color: #62A7B5;
    min-height: 75px;
}

.ui-panelgrid.solidBorder .ui-panelgrid-cell {
    border: 4px solid #00738b;
}


/***********************************************
**************Attributes for Links**************
************************************************/

.ui-link, .ui-commandlink{
    text-decoration: none !important;
}

.ui-link:hover, .ui-commandlink:hover{
    text-decoration: underline !important;
}

/***********************************************
**************Attributes for Datagrid**************
************************************************/
/*
.searchResultBlock .ui-datagrid .ui-paginator{
    background: #62a7b5 !important;
}

.searchResultBlock .ui-datagrid-column{
    padding: 10px !important;
    width: 100%;
}*/

/*.panelGridTop {
    vertical-align: top;
}

.panelgridThickBorder.ui-panelgrid tr, .panelgridThickBorder.ui-panelgrid .ui-panelgrid-cell {
    border-color: #b6cbcf !important;
    border-width: 10px;
}*/



