/*
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 : 17-Sep-2014, 2:03:05 PM
    Author     : mkontio
*/

.dropshadow {
    box-shadow: 1px 1px 15px #cbc6c6;
}

.borderless {
    border: none !important;
}

.ui-datatable thead th, .ui-datatable tfoot td {
    text-align: left;
}

.ui-treetable.borderless thead {
  display: none;
}

.ui-selectonemenu-filter-container {
    width: 98% !important;
}

.borderlessgrid tr, .borderlessgrid td, .borderless tr, .borderless td {
    border: none !important;
    vertical-align: top !important;
}

.borderlessgrid table tr td, .borderless table tr td {
    border: none;
}

.topaligned tr td {
    vertical-align: top;
}

myFieldset .ui-fieldset, .ui-fieldset .ui-fieldset-legend {
    background: none;
    border: none;
}

.dateCalendar input {
   width:90px;
   text-align: center;
}

.nobackgroundgrid tr, .nobackgroundgrid td {
    background: none;
    border-style: none;
}

.noleftpadding {
    padding-left: 0px;
}

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

.graybackground {
    background: #dddddd;
}

body {
    font-size: 12px;
}

.ui-layout-north {
    z-index:20 !important;
    overflow:visible !important;
}

.ui-layout-north .ui-layout-unit-content {
    overflow:visible !important;
}

.ui-layout-center {
    overflow:visible !important;
}

.ui-datatable .ui-datatable-data td {
    vertical-align : top
}

.ui-layout-center .ui-layout-unit-content {
    overflow:visible !important;
}

.ui-layout-south {
    overflow:visible !important;
}

.ui-layout-south .ui-layout-unit-content {
    overflow:visible !important;
}

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

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

.ui-layout-unit {
    padding: 0 !important;
}

.ui-layout-unit .ui-layout-unit-content {
    padding: 0 !important;
}

.alternate-rows .ui-datatable-odd td {
    background-color: #dddddd;
}

.ui-datatable thead th, .ui-datatable tfoot td {
    text-align: left !important;
}

.pf-treetable-row-odd {
    background-color: #dddddd;
}

.organizationDialog tr td {
    border: none;
}

.organizationDialog table tr td {
    border: none;
}

.fullWidth {
    width: 100%;
}

.normalButton {
    width: 100px;
}

.gray-header .ui-panel-titlebar{
    background: #dddddd;
}

.gray-header .ui-datatable-header {
    background: #dddddd;
}

.gray-header .ui-widget-header {
    background: #dddddd;
}

.ui-picklist {
    width: 100%;
}

.ui-picklist .ui-picklist-list {
    width: 100%;
}

.ui-picklist .ui-picklist-source {
    width: 275px !important;
}

.ui-picklist .ui-picklist-source li {
    width: 275px !important;
}

.ui-picklist .ui-picklist-target {
    width: auto;
}

.ui-picklist .ui-picklist-target li {
    width: auto;
}

.no-wrap {
    white-space: nowrap;
}

.two-hundred-wide {
    width: 200px;
}

.three-hundred-wide {
    width: 300px;
}

.ui-wizard-step-title {
    font-size: 12px !important;
}

.ui-wizard-nav-next{
    float:left!important;
}


.jqplot-target {
    height: 400px;
}

#xiTunnelDialogScroll .ui-datatable .ui-datatable-scrollable-body {
    max-height: 350px;
}

#xiTunnelDetailsScroll .ui-datatable .ui-datatable-scrollable-body {
    max-height: 350px;
}

.dateCalendar input {
   width:90px;
   text-align: center;
}

.deselectButton {
    display: block;
    width: 100%;
    padding: 2px 28px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
}

/* Login page changes */

/*This is to override the default white background*/
.centerLayout{
    background: none !important;
}

.centerLayout .ui-widget-content{
    background: none !important;
}

.bgImage{
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -1;
    filter: brightness(75%);
}

.loginWhiteBg{
    border: none !important;
    background: white !important;
    color:#5a5a5a !important;
}

#loginPanelDiv{
    width: 450px; 
    height:600px; 
    margin-left:auto; 
    margin-right: auto;
}

.loginPanelRound{
    border-radius: 10px;
}

.altButton{
    margin:0; 
    float:left; 
    min-width: 33em;
    background: #4c4d4d !important;
    color: white !important;
    border-radius: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.signInButton{
    margin:0; 
    float:left; 
    min-width: 33em;
    background: #1a3576ff !important;
    color: white !important;
    border-radius: 10px;
    text-align: center;
    border: none !important;
}

.recoveryButton{
    margin:0; 
    float:left; 
/*    min-width: 33em;*/
    background: #1a3576ff !important;
    color: white !important;
    border-radius: 10px;
    text-align: center;
    border: none !important;    
}

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

.borderlessgridlogin table tr td, .borderlessgridlogin table tr td {
    border: none;
}

.loginLinks{
    cursor: pointer;
    text-decoration: underline;
}