/*******************************************************************************
 * Copyright 2017
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 ******************************************************************************/

/* -------------------------------------------------------------------------------------------------
 * Wicket Forms
 */

label.required {
    color: red;
}

/* -------------------------------------------------------------------------------------------------
 * Page layout
 */

#spinner {
  display: none;
  position: fixed;
  right:10px;
  top: 55px;
  z-index:9999;
}

/* -------------------------------------------------------------------------------------------------
 * Menu
 */
.locationbar {
    text-align: left; 
    /*color: maroon;*/
    padding-left: 1em;
    padding-right: 1em;
    margin-top: 0.2em;
}

.actionbar {
    text-align: center;
    background-color: #DFDFDF;
    vertical-align: middle;
    border-bottom: 1px solid #BFBFBF;
    padding-top: 2px;
}

.actionbar fieldset {
    border-width:2px;
    border-style:ridge;
    border-color:#BFBFBF;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin:0px;
    padding:2px;
}

.actionbar fieldset legend {
    font-weight:bold;
    font-size:90%;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    background-color:#4D4D4D;
    color:white;
    padding-left:0.5em;
    padding-right:0.5em;
    margin-bottom: 0px;
}

/* -------------------------------------------------------------------------------------------------
 * Welcome page icon menu
 */

/* Use for a horizontal list of icons */
ul.horizontal{
    margin:0px;
    padding:0px;
}

ul.horizontal li{
    margin-left:0.5em;
    margin-right:0.5em;
    display:inline-block;
    text-align:center;
}

a.menulink {
    text-decoration: none;
}

a.menulink > span {
  font-size: 120%;
    text-decoration: none;
    color: white;
    display: table-cell;
    vertical-align: middle;
    padding-left: 1em;
    padding-right: 1em;
}

/* -------------------------------------------------------------------------------------------------
 * Tables
 */

th{
    padding:3px;
}

tr.odd{
    background:#EEEEEE;
}

tr.even{
    background:#DDDDDD;
}

tr.odd:hover{
    background:#CCCCAA;
}

tr.even:hover{
    background:#CCCCAA;
}

.headers,
.headers a:link,
.headers a:visited{
    background-color:#B90F22;
    color:white;
    vertical-align:bottom;
}

tr.headers th.wicket_orderDown a{
    padding-right:24px;
    background-image:url(../images/descending.png);
    background-position:right;
    background-repeat:no-repeat;
}

tr.headers th.wicket_orderUp a{
    padding-right:24px;
    background-image:url(../images/ascending.png);
    background-position:right;
    background-repeat:no-repeat;
}

div.navigatorLabel{
    float:left;
}

div.navigator{
    text-align:right;
}

/* -------------------------------------------------------------------------------------------------
 * JQuery UI overrides - Probably should roll own theme instead...
 */
.ui-widget {
    font-size: 1.0em;
}
  
.ui-widget-content {
  background: #fff;
  color: #000;
}

.ui-tooltip {
  padding: 0px;
    -webkit-box-shadow: 0 0 5px #4D4D4D;
    box-shadow: 0 0 5px #4D4D4D;
    border: 1px solid #4D4D4D;
}

/* -------------------------------------------------------------------------------------------------
 * DescriptionTooltipBehavior
 */
 
.ui-tooltip .tooltip-title {
  text-align: center;
    font-weight: bold;
    color: #fff;
    background-color: #B90F22;
    padding: 4px;
    margin-bottom: 4px;
}

.ui-tooltip .tooltip-content {
    padding: 4px;
}

.ui-tooltip .tooltip-pre {
  word-break: keep-all; /* webkit */
  word-wrap: break-word;
  white-space: pre;
  white-space: -moz-pre-wrap; /* fennec */
  white-space: pre-wrap;
    white-space: pre\9; /* IE7+ */  
}

/* -------------------------------------------------------------------------------------------------
 * Tab panel left
 */
div.left-tabpanel {
    display: flex;
}

div.left-tabpanel div.tab-row {
	flex: none;
  width: 39px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;  
	
  display: flex;
  flex-direction: column;
}

div.left-tabpanel div.tab-row ul {
  display: block;
  padding: 0px;
  margin: 0px;
}

div.left-tabpanel .tab-panel {
	flex: 1;
	
  display: flex;
}

div.left-tabpanel div.tab-row li {
  width: 100%;
  display: block;
}

div.left-tabpanel div.tab-row li img {
    display: block;
    padding: 3px;
}

div.left-tabpanel div.tab-row a:link,
div.left-tabpanel div.tab-row a:visited {
    display: block;
    background:#f3f3f3;
    padding: 0px;
    margin: 0px;
    text-decoration:none;
    color:#666;
}

div.left-tabpanel div.tab-row li.selected a:link,
div.left-tabpanel div.tab-row a:visited.active {
    background:#fff;
    color:#000;
}

div.left-tabpanel div.tab-row a:hover {
    background:#fff;
}

/* Remove left border from panel so it attaches nicely to the sidebar controls */
.left-tabpanel > .tab-panel > .flex-v-container > .panel,
.left-tabpanel > .tab-panel > .flex-h-container > .panel {
  border-top-left-radius: 0px;
  border-bottom-left-radius:  0px;
  border-left: none;
}