/**
 * @project     OTRS (http://www.otrs.org) - Agent Frontend
 * @copyright   OTRS AG
 * @license     AGPL (http://www.gnu.org/licenses/agpl.txt)
 */

/**
 * @package     Skin "Ivory"
 * @section     Skin overrides
 */

@media screen,projection,tv,handheld {

#Header #Logo {
    background-position: center;
    height: 62px;
    opacity: 0.53;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=53)";
    top: 0px !important;
}

/**
 * @subsection  Color
 * @note        standard colors #69BFCC is the main skin color and #265D66 its dark version
 */

a,
span.Pagination a:hover {
    color: #69BFCC;
}

.Admin .Size1of2 h4 {
    color: #69BFCC !important;
}

.AdminPerformanceLog .Progressbar {
    background-color: #69BFCC;
}

a:hover,
a:active,
a:focus,
#ToolBar a.Active {
    color: #82CED8;
}

.Admin .Size1of2:hover h4 {
    color: #265D66 !important;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
input.Focus,
textarea.Focus  {
    border-color: #69BFCC;
}

.Actions li a:hover,
.Actions li span:hover,
.OverviewZoom a:hover {
    border-bottom-color: #69BFCC;
}

/**
 * @subsection  Navigation
 * @note        the default navigation_sprite is transparent and has a transparent reddish
 *              gradient overlay. This works with some colors so you only have to change the
 *              background color of the li items and the anchors on hover. In this case the
 *              red overlay doesn't fit, so changed the main sprite too.
 */

#Navigation > .Selected,
#Navigation > .Selected > a,
#Navigation > li:hover,
#Navigation > li:hover > a {
    border-color: #69BFCC;
}

#Navigation > li:hover > span {
    background-color: #98E1EA;
}

/**
 * @subsection  Overviews
 */

.OverviewMedium li:hover table.Infos td label,
.OverviewLarge > li:hover .Infos table label {
    color: #265D66;
}

/**
 * @subsection  Messages
 */

.MessageBox.Notice {
    border-color: #265D66;
    background: #69BFCC;
}

.MessageBox.Notice p {
    border-color: #75E4F5;
}

.MessageBox.Notice p,
.MessageBox.Notice a {
    color: #183C41;
}

/**
 * @subsection  Gradients
 */

#Navigation > .Active > ul > li:hover,
#NavigationContainer > a {
    background: #69BFCC;
}

.DataTable tbody tr:hover td,
.TableSmall tbody tr:hover td,
.DataTable tbody tr:hover td,
.TableSmall tbody tr:hover td {
    background: #82CED8;
}

.OverviewMedium li:hover div.Content,
.OverviewMedium li:hover,
.OverviewLarge > li:hover > .Content,
.OverviewLarge > li:hover {
    border-left-color: #69BFCC !important;
}

/*
 * @subsection  Slim styles
 *
 */

#Header {
    height: 42px;
    background-position: bottom;
}

#Logo {
    right: 246px;
}

.RTL #Logo {
    right: auto;
    left: 246px;
}

#ToolBar {
    top: 32px;
    left: auto;
    right: 14px;
}

#ToolBar a {
    margin-top: -7px;
}

.RTL #ToolBar {
    right: auto;
    left: 14px;
}

#UserInfo {
    top: 2px;
}

#NavigationContainer {
    top: 27px;
}

.DataTable tr td {
    line-height: 14px;
}

.FixedHeader td {
    line-height: 16px;
}

/**
 * @subsection  Input Fields
 */
a.InputField_Action:hover {
    color: #69BFCC;
}

div.InputField_ToolbarContainer ul li a:hover {
    border-bottom-color: #69BFCC;
}

.jstree-InputField .jstree-wholerow-ul .jstree-wholerow:hover,
.jstree-InputField .jstree-wholerow-ul .jstree-wholerow-hovered,
.jstree-InputField .jstree-focused > .jstree-wholerow {
    background-color: #82CED8;
}

.jstree-InputField .jstree-wholerow-ul .jstree-wholerow-clicked:hover,
.jstree-InputField .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered,
.jstree-InputField .jstree-focused > .jstree-wholerow-clicked {
    background-color: #69BFCC;
}

} /* end @media */