*:focus
{
outline: none;
}
html, body, form, .app-content
{
height: 100%;
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 320px;
overflow: hidden;
}
html.dxMacOSMobilePlatform
{
position: fixed;
width: 100%;
}
.app-header-toolbar
{
min-width: 320px;
border: none;
}
.app-header-toolbar .button
{
box-shadow: none;
border-radius: 0;
background-color: transparent;
}
.app-header-toolbar .left
{
float: left;
}
.app-header-toolbar .left .menu
{
display: inline-block;
}
.app-header-toolbar .title
{
float: none;
vertical-align: top;
color: white;
font: 18px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
line-height: 41px;
}
.app-header-toolbar .title .root-title
{
display: none;
text-decoration: none;
color: white;
padding: 0 8px;
font: 18px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
line-height: 41px;
}
@media (min-width: 601px)
{
.app-header-toolbar .title .root-title
{
padding: 0 16px;
}
}
.app-header-toolbar .title .title-separator
{
display: none;
box-sizing: border-box;
vertical-align: top;
height: 41px;
padding: 4px 0;
}
.app-header-toolbar .title .title-separator:before
{
content: ' ';
display: inline-block;
background-color: rgba(255,255,255,0.4);
width: 1px;
height: 100%;
}
@media (min-width: 601px)
{
.app-header-toolbar .title .root-title, .app-header-toolbar .title .title-separator
{
display: inline-block;
}
}
.app-header-toolbar .title .app-title
{
text-decoration: none;
color: white;
padding: 0 8px;
font: 18px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
line-height: 41px;
}
@media (min-width: 601px)
{
.app-header-toolbar .title .app-title
{
padding: 0 16px;
}
}
.app-header-toolbar .right
{
float: right;
display: inline-block;
}
.app-header-toolbar .mobile-menu
{
padding: 0 !important;
height: 42px;
border: none;
}
.app-header-toolbar .mobile-menu .menu-item
{
margin: 0 !important;
}
.app-header-toolbar .mobile-menu .menu-item .dxm-content
{
padding: 0.49em 0.43em !important;
}
.app-header-toolbar .mobile-menu .menu-item.burger .dxm-content
{
padding: 0.684em 0.66em !important;
}
.app-header-toolbar .mobile-menu .dxm-separator b
{
padding: 0 !important;
}
.app-header-toolbar .mobile-menu.several-items
{
border-left: 1px solid rgba(255,255,255,0.2);
}
.app-header-toolbar .mobile-menu .menu-item
{
box-sizing: border-box;
height: 42px;
width: 42px;
color: #fff;
min-width: 42px !important;
}
.app-header-toolbar .mobile-menu .menu-item .dxm-content
{
padding: 8px !important;
font-size: 0;
min-height: 0;
}
.app-header-toolbar .mobile-menu .menu-item .dxm-content img
{
width: 26px;
height: 26px;
}
.app-header-toolbar .mobile-menu .menu-item.today .dxm-content, .app-header-toolbar .mobile-menu .menu-item.new .dxm-content, .app-header-toolbar .mobile-menu .menu-item.delete .dxm-content, .app-header-toolbar .mobile-menu .menu-item.mail-mark .dxm-content
{
padding: 11px !important;
font-size: 0;
min-height: 0;
}
.app-header-toolbar .mobile-menu .menu-item.today .dxm-content img, .app-header-toolbar .mobile-menu .menu-item.new .dxm-content img, .app-header-toolbar .mobile-menu .menu-item.delete .dxm-content img, .app-header-toolbar .mobile-menu .menu-item.mail-mark .dxm-content img
{
width: 20px;
height: 20px;
}
.app-header-toolbar .mobile-menu .menu-item.cancel .dxm-content
{
padding: 14px !important;
font-size: 0;
min-height: 0;
}
.app-header-toolbar .mobile-menu .menu-item.cancel .dxm-content img
{
width: 14px;
height: 14px;
}
.app-header-toolbar .mobile-menu .menu-item.attach .dxm-content, .app-header-toolbar .mobile-menu .menu-item.send-mail .dxm-content, .app-header-toolbar .mobile-menu .menu-item.show-more .dxm-content
{
padding: 5px !important;
font-size: 0;
min-height: 0;
}
.app-header-toolbar .mobile-menu .menu-item.attach .dxm-content img, .app-header-toolbar .mobile-menu .menu-item.send-mail .dxm-content img, .app-header-toolbar .mobile-menu .menu-item.show-more .dxm-content img
{
width: 32px;
height: 32px;
}
.app-header-toolbar .mobile-menu .menu-item.search img
{
margin-left: 1px;
margin-right: -1px;
}
.app-header-toolbar .mobile-menu .menu-separator b
{
background-color: rgba(255,255,255,0.2);
}
.app-header-toolbar .search-box
{
color: #fff;
position: fixed;
left: 0;
top: 0;
height: 42px;
background-color: #4a4a4a;
}
.app-header-toolbar .search-box input
{
color: #fff;
}
.app-header-toolbar .search-box .button
{
background-color: #4a4a4a;
}
.app-content-wrapper
{
box-sizing: border-box;
height: 100%;
}
@media (min-width: 601px)
{
.app-content-wrapper
{
padding-top: 42px;
margin-top: -42px;
}
}
.app-left-panel, .app-right-panel
{
margin-top: -43px;
z-index: 1101 !important;
border: none;
width: 90%;
background-color: #FFF;
}
.app-left-panel
{
border-right: 1px solid #f0f0f0;
box-shadow: inset -18px 0 20px -14px rgba(0,0,0,0.05);
}
.app-left-panel .categories-menu
{
padding-top: 0;
padding-left: 0;
width: 100%;
border: none;
background-color: transparent;
}
.app-left-panel .categories-menu .menu-item
{
padding: 0 4px;
}
.app-left-panel .categories-menu .menu-item .dxm-content
{
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.app-left-panel .categories-menu .menu-item.menu-item-selected, .app-left-panel .categories-menu .menu-item.menu-item-hover
{
background-color: rgba(248,124,29,0.1) !important;
color: #818181;
}
.app-left-panel .categories-menu .menu-item.menu-item-selected .menu-item-text, .app-left-panel .categories-menu .menu-item.menu-item-hover .menu-item-text
{
color: #818181;
}
.app-left-panel .categories-menu .menu-item .menu-item-text
{
display: table-cell;
width: 100%;
max-width: 0;
overflow: hidden;
text-overflow: ellipsis;
font: 14px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
line-height: 24px;
letter-spacing: 0.4px;
color: #999999;
}
.app-left-panel .categories-menu .menu-item .menu-item-count
{
font: 14px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
line-height: 24px;
display: table-cell;
color: #F87C1D;
font-weight: 600;
}
.app-left-panel .categories-menu .menu-separator
{
display: none;
}
.app-left-panel .search-box
{
height: 40px;
border: none;
padding: 6px;
border-bottom: 1px solid #f0f0f0;
}
.app-left-panel .search-box .dxeButtonEditButton_Office365
{
background-color: #f0f0f0;
}
.app-left-panel .apps-selector-menu
{
display: none;
min-width: 0 !important;
}
.app-right-panel
{
box-shadow: 14px 0 20px 14px rgba(0,0,0,0.05);
}
.app-right-panel .categories-menu
{
padding-top: 22px;
padding-left: 3px;
width: 100%;
border: none;
background-color: transparent;
}
.app-right-panel .categories-menu .menu-item
{
padding: 0 4px;
}
.app-right-panel .categories-menu .menu-item .dxm-content
{
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.app-right-panel .categories-menu .menu-item.menu-item-selected, .app-right-panel .categories-menu .menu-item.menu-item-hover
{
background-color: rgba(248,124,29,0.1) !important;
color: #818181;
}
.app-right-panel .categories-menu .menu-item.menu-item-selected .menu-item-text, .app-right-panel .categories-menu .menu-item.menu-item-hover .menu-item-text
{
color: #818181;
}
.app-right-panel .categories-menu .menu-item .menu-item-text
{
display: table-cell;
width: 100%;
max-width: 0;
overflow: hidden;
text-overflow: ellipsis;
font: 14px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
line-height: 24px;
letter-spacing: 0.4px;
color: #999999;
}
.app-right-panel .categories-menu .menu-item .menu-item-count
{
font: 14px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
line-height: 24px;
display: table-cell;
color: #F87C1D;
font-weight: 600;
}
.app-right-panel .categories-menu .menu-separator
{
display: none;
}
.app-right-panel .categories-menu .menu-item
{
padding-bottom: 3px;
}
.app-left-panel.expand-bar,
.app-right-panel.expand-bar
{
width: 0;
}
.app-bottom-panel
{
border-top: 1px solid #eaeaea;
}
.app-bottom-panel.expand-bar
{
height: 0;
}
.app-header-toolbar, .app-bottom-panel
{
padding-top: 15px;
padding-bottom: 14px;
height: 42px;
}
@media (min-width: 601px)
{
.app-left-panel, .app-right-panel
{
margin-top: auto;
width: 230px;
}
.app-bottom-panel
{
display: none;
}
.app-left-panel .apps-selector-menu
{
display: inherit;
}
.mobile-menu
{
visibility: hidden;
}
.mobile-account-wrapper
{
display: none;
}
}
@media (max-width: 601px)
{
.app-left-panel, .app-right-panel
{
max-width: 260px;
border: none;
}
}
.app-content .app-left-panel .apps-selector-menu,
.app-content .app-bottom-panel .apps-selector-menu
{
position: absolute;
width: 100%;
height: 42px;
bottom: 0;
background-color: #f3f3f3;
padding: 0;
}
.app-content .app-left-panel .apps-selector-menu .menu-item,
.app-content .app-bottom-panel .apps-selector-menu .menu-item
{
height: 42px;
background-color: #f3f3f3;
}
.apps-top-left-menu
{
padding: 0 !important;
}
.apps-top-left-menu .menu-item
{
margin: 0 !important;
}
.apps-top-left-menu .menu-item .dxm-content
{
padding: 0.49em 0.43em !important;
}
.apps-top-left-menu .menu-item.burger .dxm-content
{
padding: 0.684em 0.66em !important;
}
.apps-top-left-menu .dxm-separator b
{
padding: 0 !important;
}
.loading-container
{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
z-index: 10000;
text-align: center;
}
.loading-container .app-info
{
margin: 180px 0 18px;
}
.loading-container .app-info .app-title
{
vertical-align: top;
color: #F87C1D;
font: 50px "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
line-height: 80px;
}
.loading-container .app-info .app-icon
{
width: 75px;
}
.loading-container .progress-bar-container
{
display: inline-block;
width: 300px;
height: 5px;
background-color: #f0f0f0;
}
.loading-container .progress-bar
{
height: 100%;
background-color: #F87C1D;
animation: loading 18s 1 forwards;
}
@keyframes loading
{
from
{
width: 0;
}
to
{
width: 90%;
}
}
.mobile-account-wrapper
{
margin-bottom: 10px;
}
.mobile-account-wrapper .account
{
height: 46px;
background-color: #F87C1D;
padding: 10px 14px;
}
.mobile-account-wrapper .account .account-avatar-wrapper
{
padding-top: 1px;
display: inline-block;
}
.mobile-account-wrapper .account .account-avatar-wrapper .account-avatar
{
width: 42px;
height: 42px;
border-radius: 50%;
}
.mobile-account-wrapper .account .account-info
{
margin-left: 10px;
display: inline-block;
vertical-align: top;
}
.mobile-account-wrapper .account .account-info .account-company, .mobile-account-wrapper .account .account-info .account-email
{
font-family: "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
color: #fff;
}
.mobile-account-wrapper .account .account-info .account-company
{
font-size: 18px;
font-weight: 600;
}
.dxmLite_Office365 .dxm-main
{
border: none;
}
.dxmLite_Office365 .dxm-main .dxm-item.dxm-hovered
{
background-color: #F87C1D;
}
.dxpnlControl_Office365.dxpnl-edge, .dxpnlControl_Office365.dxpnl-edge.dxpnl-bar
{
padding: 0px;
}
.dxpnlControl_Office365.dxpnl-edge.app-header-toolbar
{
background-color: #4a4a4a;
}
.app-content-toolbar
{
box-sizing: border-box;
height: 41px;
background-color: #FFF;
border-bottom: 1px solid #f0f0f0;
}
.app-content-toolbar .content-menu
{
border-bottom: none;
background-color: #FFF;
font-family: "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
font-size: 13px;
line-height: 2;
letter-spacing: 0.1px;
color: #666666;
padding-left: 0;
padding-right: 0.2em;
}
.app-content-toolbar .content-menu .item > *
{
padding: 12px 1em 8px !important;
}
.app-content-toolbar .content-menu .item.item-hover
{
background-color: rgba(248,124,29,0.1);
}
.app-content-toolbar .content-menu .item span.dx-vam
{
padding-left: 2px !important;
line-height: 20px;
}
.app-content-toolbar .content-menu .item .dxm-image
{
margin-top: -2px;
}
.app-content-toolbar .content-menu .menu-separator
{
padding-top: 12px;
padding-bottom: 10px;
height: 18px !important;
}
.secondary-button
{
background-color: #ebebeb;
color: #666;
}
.burger-icon
{
background: url(../../Icons/burger-menu.svg);
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
}
.right-menu-icon
{
background: url(../../Icons/show-more.svg);
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
}
.highlight-search
{
background: #F87C1D;
color: white;
font-weight: bold;
}
.dxcvLoadingPanel_Office365,
.dxgvLoadingPanel_Office365,
.dxscLoadingPanel_Office365,
.dxfmLoadingPanel_Office365,
.dxlpLoadingPanelWithContent_Office365
{
border-radius: 50%;
width: 50px;
height: 50px;
}
.dxcvLoadingPanel_Office365 tr td:nth-child(1),
.dxgvLoadingPanel_Office365 tr td:nth-child(1),
.dxscLoadingPanel_Office365 tr td:nth-child(1),
.dxfmLoadingPanel_Office365 tr td:nth-child(1),
.dxlpLoadingPanelWithContent_Office365 tr td:nth-child(1)
{
padding: 0 0 0 8px;
}
.dxcvLoadingPanel_Office365 tr td:nth-child(2),
.dxgvLoadingPanel_Office365 tr td:nth-child(2),
.dxscLoadingPanel_Office365 tr td:nth-child(2),
.dxfmLoadingPanel_Office365 tr td:nth-child(2),
.dxlpLoadingPanelWithContent_Office365 tr td:nth-child(2)
{
display: none;
}
.loading-div
{
opacity: unset !important;
background-color: rgba(192,192,192,0.11);
}