.z-toolbar.z-toolbar-tabs { padding-top: 0px; padding-bottom: 0px; } .toolbar { padding: 0px; } .z-toolbarbutton-content { padding: 0px 3px; } .toolbar-button { background-color: transparent; margin-left: 1px; margin-right: 1px; width: 28px; height: 28px; padding: 1px; } .toolbar-button .z-toolbarbutton-content { width: 24px; height: 24px; padding: 1px; border: none; } .toolbar-overflow-popup-vertical .toolbar-button, .toolbar-overflow-popup-vertical .toolbar-button .z-toolbarbutton-content { width: auto; } .depressed img { border-width: 1px; border-color: #9CBDFF; background-color: #C4DCFB; padding: 0px 1px 0px 1px; } .disableFilter img { opacity: 0.2; filter: progid : DXImageTransform . Microsoft . Alpha(opacity = 20); -moz-opacity: 0.2; } .z-toolbar-start{ width:100%; } .z-toolbarbutton [class^="z-icon-"] { color: inherit; } .z-toolbarbutton.toolbarbutton-with-text [class^="z-icon-"] { padding-right: 4px; } .z-toolbarbutton.xlarge-toolbarbutton [class^="z-icon-"] { font-size: 24px; } .z-toolbarbutton.large-toolbarbutton [class^="z-icon-"] { font-size: 20px; } .z-toolbarbutton.medium-toolbarbutton [class^="z-icon-"] { font-size: 16px; } .z-toolbarbutton.small-toolbarbutton [class^="z-icon-"] { font-size: 12px; } .z-toolbarbutton, .z-toolbarbutton .z-toolbarbutton-content { display:inline-flex; align-items: center; } .z-toolbar-content { display:flex; align-items: center; } .z-toolbar.space-between-content .z-toolbar-content { justify-content: space-between; } .font-icon-toolbar-button.toolbar-button [class^="z-icon-"] { font-size: 18px; color: inherit; } .font-icon-toolbar-button.toolbar-button { color :#333; } .font-icon-toolbar-button.toolbar-button, .font-icon-toolbar-button.toolbar-button .z-toolbarbutton-content { display:inline-flex; align-items: center; justify-content: center; } .font-icon-toolbar-button:active, .font-icon-toolbar-button:hover { color: #3949AB; } .font-icon-toolbar-button .z-toolbarbutton-content { color: inherit; } .font-icon-menuitem i { vertical-align: middle; } .toolbar-overflow-popup-vertical .font-icon-toolbar-button.toolbar-button, .toolbar-overflow-popup-vertical .font-icon-toolbar-button.toolbar-button .z-toolbarbutton-content { justify-content: flex-start; } .toolbar-searchbox { margin-right: 10px; margin-left: 10px; border: 1px; } @media screen and (max-width: 768px) { .toolbar-searchbox { display: none; width: 0px; } }