﻿.x-item-readonly {
    cursor: default;
}

.x-gridcolumn-readonly {
    background-color: #E6E6E6 !important;
    background-image: none !important;
}

.x-menu-horizontal > .x-menu-list {
    height: 29px;
}

.x-menu-horizontal .x-menu-list .x-menu-list-item .x-menu-item-arrow {
    overflow-x: hidden;
}

.x-menu-horizontal > .x-menu-list > .x-menu-list-item-topLevel {
    height: 27px;
    font-weight: bold;
}

.x-menu-horizontal > .x-menu-list > .x-menu-list-item-topLevel > .x-menu-item > .x-menu-item-text{
    margin-left: 4px;   
    margin-right: 4px;   
}

.x-menu-list-item-topLevel > a.x-menu-item
{
     line-height: 21px;
}

/* MP 26.10.2013 - bugfix for undesired scrollbars in Chrome */
.ext-webkit .tsEditView.x-panel-body {
    overflow-x: hidden !important;
}

.tmsessionlabelinfo {
    color: #3D78BC;
    font-weight: bold;
}

.x-tree-headers {
    display: none;
}

/* MessageList header and content */
.MessageListHeader {
    white-space: nowrap;
    line-height: 20px;
    font-size: 12px;
    color: #454545; /* #3F2C10; */
    font-weight: bold;
}

.MessageListBullet {
    color: #3C3C43;
    vertical-align: top;
    text-align: left;
}

.MessageListContent {
    line-height: 12px;
    font-size: 11px;
    text-align:left;
}

.MessageListNormalContent {
    color: #3C3C43;
}

.MessageListErrorContent {
    color: #BC1E22;
}

.MessageListWarningContent {
    color: #FF9900;
}

.ts-grid-header-column-style {
    font-size: 11px;
    font-weight:normal;
    font-family: arial, tahoma, helvetica, sans-serif;
}

#menu {
    height: 33px !important;
    border-bottom: 1px solid #ebf0f4;
}

.menu-title {
    margin-top: 6px !important;
}

/* Fix x-form-item button issue for Flat theme on IE11 */
.x-form-item-button-horizontalaligned {
    margin-top: 14px !important;
}

.x-form-item-label.x-form-item-label-dirtyfield {
    color: #0676d6 !important;
}

/* #region userAppProfile */

.userAppProfile-topPanelBox {
    width: 100%;
    height: calc(100% - 2px);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.userAppProfile-topPanelContent {
    width: 100%;
    height: 100%;
}

.userAppProfile-topPanelPersonalInfoBox {
    height: 100%;
    width: 300px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.userAppProfile-topPanelPictureBox {
    width: 80px;
    height: 80px;
    overflow: hidden;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.userAppProfile-topPanelName {
    font-size: 20px;
    text-align: center;
    margin: 20px 0px auto;
    font-family: tahoma, arial, helvetica, sans-serif;
}

.userAppProfile-topPanelProfessionalInfoBox {
    float: left;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.userAppProfile-topPanelProfessionalInfoContent > div {
    font-size: 14px;
    font-family: tahoma, arial, helvetica, sans-serif;
}

.userAppProfile-topPanelProfessionalInfoContent > div:not(:first-child) {
    margin-top: 13px;
}

.userAppProfile-topPanelProfessionalInfoContent > div :first-child{
    width: 120px;
    display: inline-block;
    color: #555;
    font-weight: bold;
}

.userAppProfile-horizontalLine {
    height: 1px;
    background-color: #eee;
    width: 100%;
}

/* #endregion userAppProfile */

/*this works for ie only. the bug is present in the microsoft edge too, but no edge-only selector is safe*/
.ext-ie6  .translate-up-one-pixel, 
.ext-ie7  .translate-up-one-pixel, 
.ext-ie8  .translate-up-one-pixel, 
.ext-ie9  .translate-up-one-pixel, 
.ext-ie10 .translate-up-one-pixel, 
.ext-ie11 .translate-up-one-pixel
{
    margin-top: -1px;
    padding-bottom: 1px;
}

/* fix layout when zoom*/
.x-form-twin-triggers {
    position: absolute;
}