﻿/*--------------------------------------------------------------------------------------+
|
|  $Copyright: (c) 2013 Bentley Systems, Incorporated. All rights reserved. $
|
+--------------------------------------------------------------------------------------*/

.ui-header
{
    color: #666666;
    background: #E5E5E5;
}

.ui-header a:link
{
    color: #666666;
    text-decoration: none;
}

/* Tables
----------------------------------*/
.ui-table
{
    border-color: #EBEBEB;
}
.ui-table .ui-row:nth-child(odd)
{
    background-color: #FFFFFF;
}
.ui-table .ui-row:nth-child(even)
{
    background-color: #F5F5F5;
}

/* Forms
----------------------------------*/
.ui-form
{
    font-size: 1.2em;
}

.ui-form .ui-row
{
    margin-bottom: 10px;
}

.ui-form .ui-row label
{
    display: block;
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 5px;
}

/* Input
----------------------------------*/
.ui-input-container
{
    border: 1px solid #999;
    height: 2em;
}

.ui-input-container>input,
.ui-input-container>select,
.ui-input-container>textarea,
.ui-input-container>button
{
    height: 100%;
    width: 100%;
    /* Sometimes Chrome moves the control 1px lower than it's supposed to be */
    vertical-align: top;
}

/* Fix "Choose Files" button size on webkit browsers */
.ui-input-container>input::-webkit-file-upload-button
{
    height: 100%;
}

/* Fix IE8 input text alignment problem. TR#347300 */
.ie70 .ui-input-container input[type=text],
.ie70 .ui-input-container input[type=password],
.ie80 .ui-input-container input[type=text],
.ie80 .ui-input-container input[type=password]
{
    line-height: 2;
}

/* Menu
----------------------------------*/
.ui-menu
{
    color: #0066CC;
    background: #CEE8FF;
    border: 0;
}

.ui-item-default,
.ui-item-hover,
.ui-item-active
{
    border: 0;
    cursor: pointer;
}

.ui-menu .ui-item-default
{
    color: #0066CC;
    background: #CEE8FF;
}

.ui-menu .ui-item-hover
{
    color: #FFFFFF;
    background: #91CBFF;
}

.ui-menu .ui-item-active
{
    color: #FFFFFF;
    background: #91CBFF;
}

.ui-submenu
{
    color: #333333;
    background: #FFFFFF;
    border: 1px solid #91CBFF;
    -moz-box-shadow: 0px 0px 10px #888888;
    -webkit-box-shadow: 0px 0px 10px #888888;
    box-shadow: 0px 0px 10px #888888;
}

.ui-submenu .ui-item-hover
{
    color: #FFFFFF;
    background: #91CBFF;
    border: 0;
}

/* Toolbar
----------------------------------*/

.ui-toolbar
{
    background: #FFFFFF;
}

.ui-toolbar .ui-item-default
{
    border: 1px solid #BDDFFB;
    background: -moz-linear-gradient(top,  #ffffff 0%, #cee8ff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cee8ff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#cee8ff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#cee8ff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#cee8ff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#cee8ff 100%); /* W3C */
    -pie-background: linear-gradient(top, #FFFFFF, #CEE8FF); /* IE9- */
}
.ui-toolbar .ui-item-hover
{
    border: 1px solid #91CBFF;
    background: -moz-linear-gradient(top,  #f0f8ff 0%, #bfe1ff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f8ff), color-stop(100%,#bfe1ff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f0f8ff 0%,#bfe1ff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f0f8ff 0%,#bfe1ff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f0f8ff 0%,#bfe1ff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f0f8ff 0%,#bfe1ff 100%); /* W3C */
    -pie-background: linear-gradient(top, #f0f8ff, #bfe1ff); /* IE9- */
}
.ui-toolbar .ui-item-default:active,
.ui-toolbar .ui-item-hover:active,
.ui-toolbar .ui-item-active
{
    border: 1px solid #83B5DE;
    background: -moz-linear-gradient(top,  #dbe6ee 0%, #b2cee6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbe6ee), color-stop(100%,#b2cee6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dbe6ee 0%,#b2cee6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dbe6ee 0%,#b2cee6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dbe6ee 0%,#b2cee6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dbe6ee 0%,#b2cee6 100%); /* W3C */
    -pie-background: linear-gradient(top, #dbe6ee, #b2cee6); /* IE9- */
}

.ui-menu .ui-item-disabled, .ui-toolbar .ui-item-disabled
{
    color: #FFFFFF;
    border: 1px solid transparent;
    background: #DBE6EE;
}

.ui-submenu .ui-item-disabled,
.ui-toolbar .ui-item-disabled img
{
    filter: Alpha(opacity=35);
    -ms-filter: "Alpha(opacity=35)";
    opacity: .35;
}

/* Fix for TR#343689. Set explicit background (menu item's second column) to prevent pixelated font on IE8. */
.ui-submenu .ui-item-disabled td:first-child + td
{
    background: #fff;
}

/* Interaction states
----------------------------------*/

.ui-selected
{
    background-color: LemonChiffon;
    background-image: none;
}

.ui-selecting
{
    background-color: lightyellow;
    background-image: none;
    color: gray;
}

/* Fonts
----------------------------------*/
/* Fix for TR#346155. Force bigger font to avoid zooming too much. */
.touch-enabled.android input,
.touch-enabled.android textarea
{
    font-size: 22px;
}