/* import the base */
/*
 * Contains all the colors that are used in the new design.
 * This file should only contain sass definitions, no actual css rules
 */
/* First we define some colors */
/* Now we define which color we use for different elements */
/* toolbars */
/* tabs */
/* menus */
/* grids */
/* fonts */
/* Tooltip */
/* different padding sizes (and margins) used in the WebApp */
/* sizes of the buttons */
/* triggers of comboboxes and up-down inputs */
/* settings */
/* The font */
/*
 * Remember, !important is very fugly! But in this case it is used because we want to force only one font accross the WebApp
 * and this is a very easy way to overwrite all those font-settings that Ext does.
 */
@import url(../../tinymce/skins/white/skin.min.css);
/* line 26, ../scss/base/_fonts.scss */
body * :not(.mce-ico) {
  font-family: arial, tahoma, helvetica, sans-serif !important;
  font-size: 13px !important;
}

/***************************************************************
 * _icons.scss contains the 'app icons' of Kopano WebApp, like
 * arrows and icons used for tools. They will always be
 * available and don't have to be implemented by icon sets.
 * This file is auto-generated by running `npm run app-icons`
 * Please do not forget to run compass when you have changed
 * this file!
 ***************************************************************/
/* line 1, ../scss/base/_icons.scss */
.arrow_down_l, .x-panel-collapsed .x-tool.x-tool-toggle, td.sort-desc .x-grid3-sort-icon, .x-tree-lines .x-tree-elbow-end-minus, .x-tree-lines .x-tree-elbow-minus, .preview-header-collapse-plus, .zarafa-rules-sequence-down {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc5JyBoZWlnaHQ9JzUnIHZpZXdCb3g9JzAgMCA1LjQwMDM5MDYgMyc+IDxwYXRoIHN0eWxlPSdmaWxsOiM0ZjRjNGQnIGQ9J00gMCAwIEwgMi42OTkyMTg4IDMgTCA1LjQwMDM5MDYgMCBMIDAgMCB6ICcgLz48L3N2Zz4=) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 2, ../scss/base/_icons.scss */
.arrow_down_s, .x-btn .x-btn-split, .x-btn .x-btn-arrow, .x-form-trigger, .x-form-spinner-trigger {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1JyBoZWlnaHQ9JzMnIHZpZXdCb3g9JzAgMCA1LjQwMDM5MDYgMyc+IDxwYXRoIHN0eWxlPSdmaWxsOiM0ZjRjNGQnIGQ9J00gMCAwIEwgMi42OTkyMTg4IDMgTCA1LjQwMDM5MDYgMCBMIDAgMCB6ICcgLz48L3N2Zz4=) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 3, ../scss/base/_icons.scss */
.arrow_down_s_white, .x-btn.x-btn.zarafa-action .x-btn-split, .x-btn.x-btn.zarafa-action .x-btn-arrow {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMycgd2lkdGg9JzUnIHZpZXdCb3g9JzAgMCA1LjQwMDM5MDYgMyc+IDxwYXRoIHN0eWxlPSdmaWxsOiNmZmYnIGQ9J20wIDAgMi42OTkyIDMgMi43MDEyLTNoLTUuNDAwNHonLz48L3N2Zz4=) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 4, ../scss/base/_icons.scss */
.arrow_left_l, .light-background .zarafa-calendar-tab-icon-merge, .x-date-left a, .x-date-mp-ybtn a.x-date-mp-prev, .x-tool.x-tool-toggle.x-tool-collapse-west, .x-layout-collapsed .x-tool.x-tool-toggle.x-tool-expand-east, .x-panel-header .x-tool.x-tool-collapse-west, .x-layout-collapsed .x-tool.x-tool-expand-east, .x-tab-scroller-left {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1JyBoZWlnaHQ9JzknIHZpZXdCb3g9JzAgMCA1IDknPiA8cGF0aCBzdHlsZT0nZmlsbDojNGY0YzRkJyBkPSdNIDUsMCA1LDkgMCw0LjUgNSwwIFonIC8+PC9zdmc+) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 5, ../scss/base/_icons.scss */
.arrow_left_l_white, .zarafa-calendar-tab-icon-merge {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1JyBoZWlnaHQ9JzknIHZpZXdCb3g9JzAgMCA1IDknPiA8cGF0aCBzdHlsZT0nZmlsbDojZmZmZmZmJyBkPSdNIDUsMCA1LDkgMCw0LjUgNSwwIFonIC8+PC9zdmc+) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 6, ../scss/base/_icons.scss */
.arrow_menubar, .zarafa-maintabbar-maintab-active button.x-btn-text, .zarafa-maintabbar-maintab-active.x-btn-over button.x-btn-text, .zarafa-maintabbar-maintab-active.x-btn-over.x-btn-click button.x-btn-text {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PSc2JyB2aWV3Qm94PScwIDAgMTIgNic+IDxwYXRoIHN0eWxlPSdmaWxsOiNmZmZmZmYnIGQ9J00gNiAwIEwgMCA2IEwgMTIgNiBMIDYgMCB6ICcgLz48L3N2Zz4=) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 7, ../scss/base/_icons.scss */
.arrow_right_l, .light-background .zarafa-calendar-tab-icon-separate, .x-date-right a, .x-date-mp-ybtn a, .x-tree-lines .x-tree-elbow-plus, .x-tree-lines .x-tree-elbow-end-plus, .x-menu-item-arrow, .x-tool.x-tool-toggle.x-tool-collapse-east, .x-layout-collapsed .x-tool.x-tool-toggle.x-tool-expand-west, .x-panel-header .x-tool.x-tool-collapse-east, .x-layout-collapsed .x-tool.x-tool-expand-west, .x-tab-scroller-right {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1JyBoZWlnaHQ9JzknIHZpZXdCb3g9JzAgMCA1IDknPiA8cGF0aCBzdHlsZT0nZmlsbDojNGY0YzRkJyBkPSdNIDAgMCBMIDAgOSBMIDUgNC41IEwgMCAwIHogJyAvPjwvc3ZnPg==) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 8, ../scss/base/_icons.scss */
.arrow_right_l_white, .zarafa-calendar-tab-icon-separate {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1JyBoZWlnaHQ9JzknIHZpZXdCb3g9JzAgMCA1IDknPiA8cGF0aCBzdHlsZT0nZmlsbDojZmZmZmZmJyBkPSdNIDAgMCBMIDAgOSBMIDUgNC41IEwgMCAwIHogJyAvPjwvc3ZnPg==) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 9, ../scss/base/_icons.scss */
.arrow_up_l, .x-tool.x-tool-toggle, td.sort-asc .x-grid3-sort-icon, .preview-header-collapse-minus, .zarafa-rules-sequence-up {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nNScgd2lkdGg9JzknIHZpZXdCb3g9JzAgMCA1LjQwMDM5MDYgMyc+IDxwYXRoIHN0eWxlPSdmaWxsOiM0ZjRjNGQnIGQ9J20wIDMgMi42OTkyLTMgMi43MDEyIDNoLTUuNDAwNHonLz48L3N2Zz4=) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 10, ../scss/base/_icons.scss */
.arrow_updown, .x-form-field-wrap .x-form-spinner-trigger {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMTQnIHdpZHRoPSc1JyB2aWV3Qm94PScwIDAgNC45OTk5OTk4IDE0Jz4gPGcgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMCAtMTAzOC40KSc+IDxwYXRoIHN0eWxlPSdmaWxsOiM0ZjRjNGQnIGQ9J20wIDEwNDkuNiAyLjQ5OTEgMi43Nzc2bDIuNTAwOS0yLjhoLTV6Jy8+IDxwYXRoIHN0eWxlPSdmaWxsOiM0ZjRjNGQnIGQ9J20wIDEwNDEuNCAyLjQ5OTEtMi43Nzc2IDIuNTAwOSAyLjc3NzZoLTV6Jy8+IDwvZz48L3N2Zz4=) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 11, ../scss/base/_icons.scss */
.icon_cross, .icon_remove, .x-zarafa-boxfield-item-close, .x-zarafa-boxfield-suggestion-cross, .light-background .zarafa-calendar-tab-icon-close, .x-freebusy-userrow-remove, .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc3JyBoZWlnaHQ9JzcnIHZpZXdCb3g9JzAgMCA3IDcnPiA8cGF0aCBzdHlsZT0nZmlsbDojNGY0YzRkJyBkPSdNIDAuNzIwNzAzMTIgMC4wMjM0Mzc1IEwgMC4wMTU2MjUgMC43MzA0Njg3NSBMIDIuNzkyOTY4OCAzLjUgTCAwLjAxNTYyNSA2LjI2OTUzMTIgTCAwLjcyMDcwMzEyIDYuOTc2NTYyNSBMIDMuNSA0LjIwNTA3ODEgTCA2LjI3OTI5NjkgNi45NzY1NjI1IEwgNi45ODQzNzUgNi4yNjk1MzEyIEwgNC4yMDcwMzEyIDMuNSBMIDYuOTg0Mzc1IDAuNzMwNDY4NzUgTCA2LjI3OTI5NjkgMC4wMjM0Mzc1IEwgMy41IDIuNzk0OTIxOSBMIDAuNzIwNzAzMTIgMC4wMjM0Mzc1IHogJyAvPjwvc3ZnPg==) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 12, ../scss/base/_icons.scss */
.icon_cross_large, .x-tool-close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMCcgaGVpZ2h0PScxMCcgdmlld0JveD0nMCAwIDEwIDEwJz4gPHBhdGggc3R5bGU9J2ZpbGw6IzRmNGM0ZCcgZD0nTSAwLjcwODk4NDM4IDAgTCAwIDAuNzA4OTg0MzggTCA0LjI5MTAxNTYgNSBMIDAgOS4yOTEwMTU2IEwgMC43MDg5ODQzOCAxMCBMIDUgNS43MDg5ODQ0IEwgOS4yOTEwMTU2IDEwIEwgMTAgOS4yOTEwMTU2IEwgNS43MDg5ODQ0IDUgTCAxMCAwLjcwODk4NDM4IEwgOS4yOTEwMTU2IDAgTCA1IDQuMjkxMDE1NiBMIDAuNzA4OTg0MzggMCB6ICcgLz48L3N2Zz4=) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 13, ../scss/base/_icons.scss */
.icon_cross_white, .zarafa-calendar-tab-icon-close, .k-category-close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc3JyBoZWlnaHQ9JzcnIHZpZXdCb3g9JzAgMCA3IDcnPiA8cGF0aCBzdHlsZT0nZmlsbDojZmZmZmZmJyBkPSdNIDAuNzIwNzAzMTIgMC4wMjM0Mzc1IEwgMC4wMTU2MjUgMC43MzA0Njg3NSBMIDIuNzkyOTY4OCAzLjUgTCAwLjAxNTYyNSA2LjI2OTUzMTIgTCAwLjcyMDcwMzEyIDYuOTc2NTYyNSBMIDMuNSA0LjIwNTA3ODEgTCA2LjI3OTI5NjkgNi45NzY1NjI1IEwgNi45ODQzNzUgNi4yNjk1MzEyIEwgNC4yMDcwMzEyIDMuNSBMIDYuOTg0Mzc1IDAuNzMwNDY4NzUgTCA2LjI3OTI5NjkgMC4wMjM0Mzc1IEwgMy41IDIuNzk0OTIxOSBMIDAuNzIwNzAzMTIgMC4wMjM0Mzc1IHogJyAvPjwvc3ZnPg==) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 14, ../scss/base/_icons.scss */
.icon_tools_cogwheel, .x-tool.x-tool-gear {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMycgaGVpZ2h0PScxMycgdmlld0JveD0nMCAwIDE2IDE2Jz4gPHBhdGggc3R5bGU9J2ZpbGw6IzRmNGM0ZCcgZD0nTSA2LjI1MTk1MzEgMC45OTgwNDY4OCBMIDYuMDk3NjU2MiAyLjg0MTc5NjkgQSA1LjUgNS41IDAgMCAwIDQuNDkwMjM0NCAzLjc3MTQ4NDQgTCAyLjgxNDQ1MzEgMi45ODI0MjE5IEwgMS4wNjQ0NTMxIDYuMDEzNjcxOSBMIDIuNTg1OTM3NSA3LjA3MDMxMjUgQSA1LjUgNS41IDAgMCAwIDIuNTAxOTUzMSA3Ljk5ODA0NjkgQSA1LjUgNS41IDAgMCAwIDIuNTgyMDMxMiA4LjkyOTY4NzUgTCAxLjA2NDQ1MzEgOS45ODI0MjE5IEwgMi44MTQ0NTMxIDEzLjAxNTYyNSBMIDQuNDg2MzI4MSAxMi4yMjg1MTYgQSA1LjUgNS41IDAgMCAwIDYuMDk3NjU2MiAxMy4xNTIzNDQgTCA2LjI0ODA0NjkgMTUuMDAxOTUzIEwgOS43NDgwNDY5IDE1LjAwMTk1MyBMIDkuOTAyMzQzOCAxMy4xNTgyMDMgQSA1LjUgNS41IDAgMCAwIDExLjUwOTc2NiAxMi4yMjg1MTYgTCAxMy4xODU1NDcgMTMuMDE3NTc4IEwgMTQuOTM1NTQ3IDkuOTg0Mzc1IEwgMTMuNDE0MDYyIDguOTI3NzM0NCBBIDUuNSA1LjUgMCAwIDAgMTMuNDk4MDQ3IDggQSA1LjUgNS41IDAgMCAwIDEzLjQxNzk2OSA3LjA2ODM1OTQgTCAxNC45MzU1NDcgNi4wMTU2MjUgTCAxMy4xODU1NDcgMi45ODQzNzUgTCAxMS41MTM2NzIgMy43NzE0ODQ0IEEgNS41IDUuNSAwIDAgMCA5LjkwMjM0MzggMi44NDc2NTYyIEwgOS43NTE5NTMxIDAuOTk4MDQ2ODggTCA2LjI1MTk1MzEgMC45OTgwNDY4OCB6IE0gOCA1IEEgMyAzIDAgMCAxIDExIDggQSAzIDMgMCAwIDEgOCAxMSBBIDMgMyAwIDAgMSA1IDggQSAzIDMgMCAwIDEgOCA1IHogJyAvPjwvc3ZnPg==) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 15, ../scss/base/_icons.scss */
.icon_tools_minimize, .x-tool.x-tool-minimize {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMCcgaGVpZ2h0PScxMCcgdmlld0JveD0nMCAwIDEzIDEzJz4gPHBhdGggc3R5bGU9J2ZpbGw6IzRmNGM0ZCcgZD0nbS41IDEwYy0uMjc3IDAtLjUuMjIzLS41LjVzLjIyMy41LjUuNWgxMmMuMjc3IDAgLjUtLjIyMy41LS41cy0uMjIzLS41LS41LS41aC0xMnonLz48L3N2Zz4=) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 16, ../scss/base/_icons.scss */
.minimize_button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMycgaGVpZ2h0PScxMycgdmlld0JveD0nMCAwIDEzIDEzJz4gPHBhdGggc3R5bGU9J2ZpbGw6IzRmNGM0ZCcgZD0nTSAwLjUgNiBDIDAuMjIzIDYgMCA2LjIyMyAwIDYuNSBDIDAgNi43NzcgMC4yMjMgNyAwLjUgNyBMIDEyLjUgNyBDIDEyLjc3NyA3IDEzIDYuNzc3IDEzIDYuNSBDIDEzIDYuMjIzIDEyLjc3NyA2IDEyLjUgNiBMIDAuNSA2IHogJyAvPjwvc3ZnPg==) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 17, ../scss/base/_icons.scss */
.plus, .x-tab-add, .x-tool.x-tool-plus, .zarafa-rules-add, .x-zarafa-boxfield-item-expand {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMycgaGVpZ2h0PScxMycgdmlld0JveD0nMCAwIDEzIDEzJz4gPHBhdGggc3R5bGU9J2ZpbGw6IzRmNGM0ZCcgZD0nTSA2LjUgMCBDIDYuMjIzIDAgNiAwLjIyMyA2IDAuNSBMIDYgNiBMIDAuNSA2IEMgMC4yMjMgNiAwIDYuMjIzIDAgNi41IEMgMCA2Ljc3NyAwLjIyMyA3IDAuNSA3IEwgNiA3IEwgNiAxMi41IEMgNiAxMi43NzcgNi4yMjMgMTMgNi41IDEzIEMgNi43NzcgMTMgNyAxMi43NzcgNyAxMi41IEwgNyA3IEwgMTIuNSA3IEMgMTIuNzc3IDcgMTMgNi43NzcgMTMgNi41IEMgMTMgNi4yMjMgMTIuNzc3IDYgMTIuNSA2IEwgNyA2IEwgNyAwLjUgQyA3IDAuMjIzIDYuNzc3IDAgNi41IDAgeiAnIC8+PC9zdmc+) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 18, ../scss/base/_icons.scss */
.triangle_left, .x-tbar-page-prev {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgdmlld0JveD0nMCAwIDE2IDE2Jz4gPHBhdGggc3R5bGU9J2ZpbGw6IzRmNGM0ZCcgZD0nbSAxMS40ODQzNzUsMyBjIC0wLjA5MDMyLDAuMDAzMjYgLTAuMTc4MDYyLDAuMDMwOTMxIC0wLjI1MzkwNiwwLjA4MDA3OCBsIC03LjAwMDAwMDIsNC41IGMgLTAuMzA0NzI1MSwwLjE5NzAyNDEgLTAuMzA0NzI1MSwwLjY0MjgxOTcgMCwwLjgzOTg0MzggTCAxMS4yMzA0NjksMTIuOTE5OTIyIEMgMTEuNTYyODE3LDEzLjEzMjU0NSAxMS45OTg5NzMsMTIuODk0NTQxIDEyLDEyLjUgbCAwLC05IEMgMTIuMDAwMTA5LDMuMjE3NjUxMSAxMS43NjY1ODcsMi45OTEyMDU3IDExLjQ4NDM3NSwzIFonIC8+PC9zdmc+) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 19, ../scss/base/_icons.scss */
.triangle_left_outline, .x-item-disabled .x-tbar-page-prev {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgdmlld0JveD0nMCAwIDE2IDE2Jz4gPHBhdGggc3R5bGU9J2ZpbGw6IzRmNGM0ZCcgZD0nbSAxMS40ODQzNzUsMyBhIDAuNSwwLjUgMCAwIDAgLTAuMjUzOTA2LDAuMDgwMDc4IGwgLTcuMDAwMDAwMiw0LjUgYSAwLjUsMC41IDAgMCAwIDAsMC44Mzk4NDM4IEwgMTEuMjMwNDY5LDEyLjkxOTkyMiBBIDAuNSwwLjUgMCAwIDAgMTIsMTIuNSBsIDAsLTkgYSAwLjUsMC41IDAgMCAwIC0wLjUxNTYyNSwtMC41IHogTSAxMSw0LjQxNDA2MjEgMTEsMTEuNTg1OTM4IDUuNDIxODc1LDggMTEsNC40MTQwNjIxIFonIC8+PC9zdmc+) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 20, ../scss/base/_icons.scss */
.triangle_left_stop, .x-tbar-page-first {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgdmlld0JveD0nMCAwIDE2IDE2Jz4gPHBhdGggc3R5bGU9J2ZpbGw6IzRmNGM0ZCcgZD0nbSA0LDMgYyAtMC41NTQsMCAtMSwwLjQ0NiAtMSwxIEwgMywxMiBjIDAsMC41NTQgMC40NDYsMSAxLDEgbCAxLDAgYyAwLjU1NCwwIDEsLTAuNDQ2IDEsLTEgTCA2LDguOTE0MDYyMSAxMi4yMzA0NjksMTIuOTE5OTIyIEMgMTIuNTYyODE3LDEzLjEzMjU0NSAxMi45OTg5NzMsMTIuODk0NTQxIDEzLDEyLjUgbCAwLC05IGMgMS4wOWUtNCwtMC4yODIzNDg5IC0wLjIzMzQxMywtMC41MDg3OTQzIC0wLjUxNTYyNSwtMC41IC0wLjA5MDMyLDAuMDAzMjYgLTAuMTc4MDYyLDAuMDMwOTMxIC0wLjI1MzkwNiwwLjA4MDA3OCBMIDYsNy4wODU5MzcxIDYsNCBjIDAsLTAuNTU0IC0wLjQ0NiwtMSAtMSwtMSB6JyAvPjwvc3ZnPg==) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 21, ../scss/base/_icons.scss */
.triangle_left_stop_outline, .x-item-disabled .x-tbar-page-first {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgdmlld0JveD0nMCAwIDE2IDE2Jz4gPHBhdGggc3R5bGU9J2ZpbGw6IzRmNGM0ZCcgZD0nTSA0IDMgQyAzLjQ0NiAzIDMgMy40NDYgMyA0IEwgMyAxMiBDIDMgMTIuNTU0IDMuNDQ2IDEzIDQgMTMgTCA1IDEzIEMgNS41NTQgMTMgNiAxMi41NTQgNiAxMiBMIDYgOC45MTQwNjI1IEwgMTIuMjMwNDY5IDEyLjkxOTkyMiBBIDAuNTAwMDUgMC41MDAwNSAwIDAgMCAxMyAxMi41IEwgMTMgMy41IEEgMC41MDAwNSAwLjUwMDA1IDAgMCAwIDEyLjQ4NDM3NSAzIEEgMC41MDAwNSAwLjUwMDA1IDAgMCAwIDEyLjIzMDQ2OSAzLjA4MDA3ODEgTCA2IDcuMDg1OTM3NSBMIDYgNCBDIDYgMy40NDYgNS41NTQgMyA1IDMgTCA0IDMgeiBNIDQgMy44MzAwNzgxIEwgNSAzLjgzMDA3ODEgTCA1IDEyIEwgNCAxMiBMIDQgMy44MzAwNzgxIHogTSAxMiA0LjQxNDA2MjUgTCAxMiAxMS41ODU5MzggTCA2LjQyMTg3NSA4IEwgMTIgNC40MTQwNjI1IHogJyAvPjwvc3ZnPg==) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 22, ../scss/base/_icons.scss */
.triangle_right, .x-tbar-page-next {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgdmlld0JveD0nMCAwIDE2IDE2Jz4gPHBhdGggc3R5bGU9J2ZpbGw6IzRmNGM0ZCcgZD0nbSA0LjUxNzU1LDMgYyAwLjA5MDMyLDAuMDAzMjYgMC4xNzgwNjIsMC4wMzA5MzEgMC4yNTM5MDYsMC4wODAwNzggbCA3LDQuNSBjIDAuMzA0NzI1LDAuMTk3MDI0MSAwLjMwNDcyNSwwLjY0MjgxOTcgMCwwLjgzOTg0MzggbCAtNyw0LjUwMDAwMDIgQyA0LjQzOTEwOCwxMy4xMzI1NDUgNC4wMDI5NTIsMTIuODk0NTQxIDQuMDAxOTI1LDEyLjUgbCAwLC05IEMgNC4wMDE4MTYsMy4yMTc2NTExIDQuMjM1MzM4LDIuOTkxMjA1NyA0LjUxNzU1LDMgWicgLz48L3N2Zz4=) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 23, ../scss/base/_icons.scss */
.triangle_right_outline, .x-item-disabled .x-tbar-page-next {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgdmlld0JveD0nMCAwIDE2IDE2Jz4gPHBhdGggc3R5bGU9J2ZpbGw6IzRmNGM0ZCcgZD0nbSA0LjUxNzUwNzksMyBhIDAuNSwwLjUgMCAwIDEgMC4yNTM5MDYsMC4wODAwNzggbCA3LjAwMDAwMDEsNC41IGEgMC41LDAuNSAwIDAgMSAwLDAuODM5ODQzOCBMIDQuNzcxNDEzOSwxMi45MTk5MjIgQSAwLjUsMC41IDAgMCAxIDQuMDAxODgyOSwxMi41IGwgMCwtOSBBIDAuNSwwLjUgMCAwIDEgNC41MTc1MDc5LDMgWiBtIDAuNDg0Mzc1LDEuNDE0MDYyMSAwLDcuMTcxODc1OSBMIDEwLjU4MDAwOCw4IDUuMDAxODgyOSw0LjQxNDA2MjEgWicgLz48L3N2Zz4=) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 24, ../scss/base/_icons.scss */
.triangle_right_stop, .x-tbar-page-last {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgdmlld0JveD0nMCAwIDE2IDE2Jz4gPHBhdGggc3R5bGU9J2ZpbGw6IzRmNGM0ZCcgZD0nbSAxMiwzIGMgMC41NTQsMCAxLDAuNDQ2IDEsMSBsIDAsOCBjIDAsMC41NTQgLTAuNDQ2LDEgLTEsMSBsIC0xLDAgYyAtMC41NTQsMCAtMSwtMC40NDYgLTEsLTEgTCAxMCw4LjkxNDA2MjEgMy43Njk1MzEsMTIuOTE5OTIyIEMgMy40MzcxODMsMTMuMTMyNTQ1IDMuMDAxMDI3LDEyLjg5NDU0MSAzLDEyLjUgbCAwLC05IEMgMi45OTk4OTEsMy4yMTc2NTExIDMuMjMzNDEzLDIuOTkxMjA1NyAzLjUxNTYyNSwzIDMuNjA1OTQ1LDMuMDAzMjYgMy42OTM2ODcsMy4wMzA5MzEgMy43Njk1MzEsMy4wODAwNzggTCAxMCw3LjA4NTkzNzEgMTAsNCBjIDAsLTAuNTU0IDAuNDQ2LC0xIDEsLTEgeicgLz48L3N2Zz4=) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* line 25, ../scss/base/_icons.scss */
.triangle_right_stop_outline, .x-item-disabled .x-tbar-page-next {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgdmlld0JveD0nMCAwIDE2IDE2Jz4gPHBhdGggc3R5bGU9J2ZpbGw6IzRmNGM0ZCcgZD0nbSAxMiwzIGMgMC41NTQsMCAxLDAuNDQ2IDEsMSBsIDAsOCBjIDAsMC41NTQgLTAuNDQ2LDEgLTEsMSBsIC0xLDAgYyAtMC41NTQsMCAtMSwtMC40NDYgLTEsLTEgTCAxMCw4LjkxNDA2MjUgMy43Njk1MzEsMTIuOTE5OTIyIEEgMC41MDAwNSwwLjUwMDA1IDAgMCAxIDMsMTIuNSBsIDAsLTkgQSAwLjUwMDA1LDAuNTAwMDUgMCAwIDEgMy41MTU2MjUsMyAwLjUwMDA1LDAuNTAwMDUgMCAwIDEgMy43Njk1MzEsMy4wODAwNzgxIEwgMTAsNy4wODU5Mzc1IDEwLDQgYyAwLC0wLjU1NCAwLjQ0NiwtMSAxLC0xIGwgMSwwIHogbSAwLDAuODMwMDc4MSAtMSwwIEwgMTEsMTIgMTIsMTIgMTIsMy44MzAwNzgxIFogTSA0LDQuNDE0MDYyNSA0LDExLjU4NTkzOCA5LjU3ODEyNSw4IDQsNC40MTQwNjI1IFonIC8+PC9zdmc+) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* Set the background color to the body and make all other panels transparent when needed */
/* line 3, ../scss/base/_layout.scss */
body {
  /* TODO: The important is only needed because it was added in our original stylesheet. It should be removed from there and then here */
  background-color: #ffffff !important;
}

/* line 8, ../scss/base/_layout.scss */
.zarafa-panel-body,
.zarafa-panel,
.zarafa-widgetpanel,
.x-layout-collapsed {
  background-color: transparent;
  box-shadow: none;
  border: none;
}

/* line 18, ../scss/base/_layout.scss */
.x-panel-body {
  background-color: white !important;
}

/* line 22, ../scss/base/_layout.scss */
#zarafa-navigationpanel > div {
  border-right: 1px solid #e6e6e6;
}

/* line 25, ../scss/base/_layout.scss */
.zarafa-widgetpanel > div {
  border-left: 1px solid #e6e6e6;
}

/* For some reason Ext gives the tab strip a padding-top of 1px. This makes the panels look unaligned, so fix this */
/* line 30, ../scss/base/_layout.scss */
ul.x-tab-strip-top {
  padding-top: 0;
}

/* set the width (and height) of the splitters, i.e. the space between panels */
/* line 35, ../scss/base/_layout.scss */
.x-layout-split {
  width: 3px;
  height: 3px;
}

/* Common emptytext for example empty task list */
/* line 41, ../scss/base/_layout.scss */
.emptytext {
  text-align: center;
}

/* TODO: move to general scss file */
/* line 46, ../scss/base/_layout.scss */
.x-combo-list {
  border-color: #918F90;
}

/* line 49, ../scss/base/_layout.scss */
.x-combo-list .x-combo-selected {
  border-color: #d3d2d2 !important;
  background-color: #ebeaeb;
}

/* Make the background color of the new mail action and GAB panel transparent */
/* line 55, ../scss/base/_layout.scss */
.x-border-layout-ct {
  background-color: transparent;
}

/* line 59, ../scss/base/_layout.scss */
.k-centeredtext {
  text-align: center;
}

/* import the components general styles */
/* TODO: move colors to base/_color.scss for easy maintenance/theming */
/* Action buttons: 'send' and 'save' */
/* Normal standard button */
/* Mixin for special button, usually with a different background and font color */
/**************************************
 * General buttons
 *************************************/
/* fix for stupid firefox padding on buttons */
/* line 34, ../scss/components/_buttons.scss */
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* normal button */
/* line 40, ../scss/components/_buttons.scss */
.x-btn {
  display: inline-block;
}
/* line 43, ../scss/components/_buttons.scss */
.x-btn .x-btn-small, .x-btn .x-btn-medium, .x-btn .x-btn-large {
  display: inline-block;
  border: 1px solid transparent;
  height: auto;
  border-radius: 0;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35);
  background: #e6e6e6;
}
/* line 51, ../scss/components/_buttons.scss */
.x-btn .x-btn-small em, .x-btn .x-btn-medium em, .x-btn .x-btn-large em {
  display: inline-block;
}
/* line 55, ../scss/components/_buttons.scss */
.x-btn .x-btn-small button, .x-btn .x-btn-medium button, .x-btn .x-btn-large button {
  background-color: transparent;
  box-sizing: border-box;
  /* override .x-btn button from ExtJs */
  color: black;
}

/* hovered button */
/* line 66, ../scss/components/_buttons.scss */
.x-btn.x-btn-over .x-btn-small, .x-btn.x-btn-over .x-btn-medium, .x-btn.x-btn-over .x-btn-large {
  border-radius: 0;
  background: #dadada;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35);
}

/* active button */
/* line 75, ../scss/components/_buttons.scss */
.x-btn.x-btn-over.x-btn-click .x-btn-small, .x-btn.x-btn-over.x-btn-click .x-btn-medium, .x-btn.x-btn-over.x-btn-click .x-btn-large, .x-btn.x-btn-click .x-btn-small, .x-btn.x-btn-click .x-btn-medium, .x-btn.x-btn-click .x-btn-large {
  border-radius: 0;
  background: #e6e6e6 !important;
  box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.35);
}
/* line 80, ../scss/components/_buttons.scss */
.x-btn.x-btn-over.x-btn-click .x-btn-small button, .x-btn.x-btn-over.x-btn-click .x-btn-medium button, .x-btn.x-btn-over.x-btn-click .x-btn-large button, .x-btn.x-btn-click .x-btn-small button, .x-btn.x-btn-click .x-btn-medium button, .x-btn.x-btn-click .x-btn-large button {
  color: #333333;
}

/* focused normal button */
/* line 88, ../scss/components/_buttons.scss */
.x-btn.x-btn-focus:not(.zarafa-action):not(.x-btn-click) .x-btn-small, .x-btn.x-btn-focus:not(.zarafa-action):not(.x-btn-click) .x-btn-medium, .x-btn.x-btn-focus:not(.zarafa-action):not(.x-btn-click) .x-btn-large {
  border: 1px solid #3094e3 !important;
}

/* small button */
/* line 96, ../scss/components/_buttons.scss */
.x-btn .x-btn-small button.x-btn-text {
  height: 24px;
}

/* small button with text */
/* line 105, ../scss/components/_buttons.scss */
.x-btn.x-btn-noicon .x-btn-small button, .x-btn.x-btn-text-icon .x-btn-small button {
  min-width: 84px;
  padding: 0 6px;
}

/* small button with icon and text */
/* standard icon size is 12x12px */
/* line 116, ../scss/components/_buttons.scss */
.x-btn.x-btn-text-icon .x-btn-small button.x-btn-text,
.x-btn.x-btn-text-icon.zarafa-action .x-btn-small button.x-btn-text {
  padding-left: 24px;
  background-position: 4px center !important;
}

/* small button with only icon */
/* standard icon size is 12x12px */
/* line 127, ../scss/components/_buttons.scss */
.x-btn.x-btn-icon .x-btn-small button {
  width: 24px;
}

/* large button with only icon */
/* line 136, ../scss/components/_buttons.scss */
.x-btn.x-btn-icon .x-btn-large button {
  height: 36px;
  width: 36px;
}

/* split button and arrow button */
/* line 145, ../scss/components/_buttons.scss */
.x-btn em.x-btn-split, .x-btn em.x-btn-arrow {
  background-color: transparent !important;
  background-position: right 3px center !important;
  padding-right: 12px;
}
/* line 150, ../scss/components/_buttons.scss */
.x-btn em.x-btn-split button, .x-btn em.x-btn-arrow button {
  border-right: 1px solid white;
}

/* line 156, ../scss/components/_buttons.scss */
.x-btn .x-btn-small em.x-btn-split, .x-btn .x-btn-small em.x-btn-arrow {
  background-position: right 3px center !important;
  padding-right: 12px;
}
/* line 160, ../scss/components/_buttons.scss */
.x-btn .x-btn-small em.x-btn-split button, .x-btn .x-btn-small em.x-btn-arrow button {
  border: none;
  border-right: 1px solid white;
}

/* line 168, ../scss/components/_buttons.scss */
.x-btn.zarafa-action .x-btn-small em.x-btn-split, .x-btn.zarafa-action .x-btn-small em.x-btn-arrow {
  background-position: right 3px center !important;
  padding-right: 12px;
}
/* line 172, ../scss/components/_buttons.scss */
.x-btn.zarafa-action .x-btn-small em.x-btn-split button, .x-btn.zarafa-action .x-btn-small em.x-btn-arrow button {
  border: none;
  border-right: 1px solid white;
}

/**************************************
 * Action buttons
 *************************************/
/* Normal and Disable button */
/* line 185, ../scss/components/_buttons.scss */
.x-btn.zarafa-action .x-btn-small, .x-btn.zarafa-action .x-btn-medium, .x-btn.zarafa-action .x-btn-large {
  background: #5ebb4b !important;
}
/* line 188, ../scss/components/_buttons.scss */
.x-btn.zarafa-action .x-btn-small button, .x-btn.zarafa-action .x-btn-medium button, .x-btn.zarafa-action .x-btn-large button {
  color: #ffffff !important;
}

/* hovered button */
/* line 196, ../scss/components/_buttons.scss */
.x-btn.zarafa-action.x-btn-over .x-btn-small, .x-btn.zarafa-action.x-btn-over .x-btn-medium, .x-btn.zarafa-action.x-btn-over .x-btn-large {
  background: #59b147 !important;
}

/* focused action button */
/* line 203, ../scss/components/_buttons.scss */
.x-btn.zarafa-action.x-btn-focus .x-btn-small, .x-btn.zarafa-action.x-btn-focus .x-btn-medium, .x-btn.zarafa-action.x-btn-focus .x-btn-large {
  background: #59b147 !important;
  box-shadow: 0 0 0 1px #ffffff inset;
}

/* active button */
/* line 211, ../scss/components/_buttons.scss */
.x-btn.zarafa-action.x-btn-over.x-btn-click .x-btn-small, .x-btn.zarafa-action.x-btn-over.x-btn-click .x-btn-medium, .x-btn.zarafa-action.x-btn-over.x-btn-click .x-btn-large, .x-btn.zarafa-action.x-btn-click .x-btn-small, .x-btn.zarafa-action.x-btn-click .x-btn-medium, .x-btn.zarafa-action.x-btn-click .x-btn-large {
  background: #5ebb4b !important;
}
/* line 214, ../scss/components/_buttons.scss */
.x-btn.zarafa-action.x-btn-over.x-btn-click .x-btn-small button, .x-btn.zarafa-action.x-btn-over.x-btn-click .x-btn-medium button, .x-btn.zarafa-action.x-btn-over.x-btn-click .x-btn-large button, .x-btn.zarafa-action.x-btn-click .x-btn-small button, .x-btn.zarafa-action.x-btn-click .x-btn-medium button, .x-btn.zarafa-action.x-btn-click .x-btn-large button {
  color: #ffffff;
}

/* split button and arrow button */
/* line 222, ../scss/components/_buttons.scss */
.x-btn.zarafa-action .x-btn-large em.x-btn-split, .x-btn.zarafa-action .x-btn-large em.x-btn-arrow {
  background-position: right 3px center !important;
}

/* For popup or windows or MessageBox, the first button is styled green */
/* Extra class .xpanel-footer necessary for "Create Mail => Insert Item" pagination buttons */
/* line 235, ../scss/components/_buttons.scss */
.x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets),
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets),
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets),
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) {
  /* action button */
  /* hovered action button */
  /* active action button */
  /* focused action button */
}
/* line 237, ../scss/components/_buttons.scss */
.x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.k-window-text-button) .x-btn-small, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.k-window-text-button) .x-btn-medium, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.k-window-text-button) .x-btn-large,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.k-window-text-button) .x-btn-small,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.k-window-text-button) .x-btn-medium,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.k-window-text-button) .x-btn-large,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.k-window-text-button) .x-btn-small,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.k-window-text-button) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.k-window-text-button) .x-btn-large,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.k-window-text-button) .x-btn-small,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.k-window-text-button) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.k-window-text-button) .x-btn-large {
  border: 1px solid transparent !important;
}
/* line 244, ../scss/components/_buttons.scss */
.x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-small, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-medium, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-large,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-small,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-medium,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-large,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-small,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-large,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-small,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-large {
  background: #5ebb4b !important;
}
/* line 247, ../scss/components/_buttons.scss */
.x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-small button, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-medium button, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-large button,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-small button,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-medium button,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-large button,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-small button,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-medium button,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-large button,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-small button,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-medium button,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-normal) .x-btn-large button {
  color: #ffffff;
}
/* line 255, ../scss/components/_buttons.scss */
.x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-normal) .x-btn-small, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-normal) .x-btn-medium, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-normal) .x-btn-large,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-normal) .x-btn-small,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-normal) .x-btn-medium,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-normal) .x-btn-large,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-normal) .x-btn-small,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-normal) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-normal) .x-btn-large,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-normal) .x-btn-small,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-normal) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-normal) .x-btn-large {
  background: #59b147 !important;
}
/* line 263, ../scss/components/_buttons.scss */
.x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-normal) .x-btn-small, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-normal) .x-btn-medium, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-normal) .x-btn-large,
.x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-normal) .x-btn-small,
.x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-normal) .x-btn-medium,
.x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-normal) .x-btn-large,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-normal) .x-btn-small,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-normal) .x-btn-medium,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-normal) .x-btn-large,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-normal) .x-btn-small,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-normal) .x-btn-medium,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-normal) .x-btn-large,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-normal) .x-btn-small,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-normal) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-normal) .x-btn-large,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-normal) .x-btn-small,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-normal) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-normal) .x-btn-large,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-normal) .x-btn-small,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-normal) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-normal) .x-btn-large,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-normal) .x-btn-small,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-normal) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-normal) .x-btn-large {
  background: #5ebb4b !important;
}
/* line 270, ../scss/components/_buttons.scss */
.x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-normal) .x-btn-small, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-normal) .x-btn-medium, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-normal) .x-btn-large,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-normal) .x-btn-small,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-normal) .x-btn-medium,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-normal) .x-btn-large,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-normal) .x-btn-small,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-normal) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-normal) .x-btn-large,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-normal) .x-btn-small,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-normal) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-normal) .x-btn-large {
  background: #59b147;
  box-shadow: 0 0 0 1px #ffffff inset;
}
/* line 277, ../scss/components/_buttons.scss */
.x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets),
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets),
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets),
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) {
  /* Normal button */
  /* hovered normal button */
  /* active normal button */
  /* focused normal button */
}
/* line 280, ../scss/components/_buttons.scss */
.x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-small, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-medium, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-large,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-small,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-medium,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-large,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-small,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-large,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-small,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-large {
  background-color: #e6e6e6 !important;
}
/* line 283, ../scss/components/_buttons.scss */
.x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-small button, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-medium button, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-large button,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-small button,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-medium button,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-large button,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-small button,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-medium button,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-large button,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-small button,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-medium button,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-large button {
  color: #000000;
}
/* line 291, ../scss/components/_buttons.scss */
.x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-small, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-medium, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-large,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-small,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-medium,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-large,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-small,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-large,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-small,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over:not(.zarafa-action):not(.k-recipient-hover-card-button) .x-btn-large {
  background: #dadada !important;
}
/* line 299, ../scss/components/_buttons.scss */
.x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-action) .x-btn-small, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-action) .x-btn-medium, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-action) .x-btn-large,
.x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-action) .x-btn-small,
.x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-action) .x-btn-medium,
.x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-action) .x-btn-large,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-action) .x-btn-small,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-action) .x-btn-medium,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-action) .x-btn-large,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-action) .x-btn-small,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-action) .x-btn-medium,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-action) .x-btn-large,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-action) .x-btn-small,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-action) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-action) .x-btn-large,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-action) .x-btn-small,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-action) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-action) .x-btn-large,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-action) .x-btn-small,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-action) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-over.x-btn-click:not(.zarafa-action) .x-btn-large,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-action) .x-btn-small,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-action) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-click:not(.zarafa-action) .x-btn-large {
  background: #e6e6e6 !important;
}
/* line 306, ../scss/components/_buttons.scss */
.x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-action):not(.x-btn-over):not(.x-btn-click) .x-btn-small, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-action):not(.x-btn-over):not(.x-btn-click) .x-btn-medium, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-action):not(.x-btn-over):not(.x-btn-click) .x-btn-large,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-action):not(.x-btn-over):not(.x-btn-click) .x-btn-small,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-action):not(.x-btn-over):not(.x-btn-click) .x-btn-medium,
.x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-action):not(.x-btn-over):not(.x-btn-click) .x-btn-large,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-action):not(.x-btn-over):not(.x-btn-click) .x-btn-small,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-action):not(.x-btn-over):not(.x-btn-click) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-action):not(.x-btn-over):not(.x-btn-click) .x-btn-large,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-action):not(.x-btn-over):not(.x-btn-click) .x-btn-small,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-action):not(.x-btn-over):not(.x-btn-click) .x-btn-medium,
.x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) ~ .x-toolbar-cell:not(.x-hide-offsets) .x-btn.x-btn-focus:not(.zarafa-action):not(.x-btn-over):not(.x-btn-click) .x-btn-large {
  border: 1px solid #3094e3 !important;
  box-shadow: none !important;
}

/* Drag & Drop icon override, select mail drag to folder hiearchy. */
/* line 317, ../scss/components/_buttons.scss */
.x-tree-drop-ok-append .x-dd-drop-icon,
.x-tree-drop-ok-append-add .x-dd-drop-icon,
.x-dd-drag-proxy.x-dd-drop-nodrop .x-dd-drop-icon {
  top: 6px;
}

/* Override ExtJS group icon sprite */
/* line 324, ../scss/components/_buttons.scss */
.x-btn-group-ml, .x-btn-group-mr {
  background-image: none !important;
}

/*******************************************************
 * Button groups, used in previewpanel meeting requests
 *******************************************************/
/* line 332, ../scss/components/_buttons.scss */
div.x-btn-group-tl {
  background-image: none;
}

/* line 336, ../scss/components/_buttons.scss */
div.x-btn-group-tr {
  background-image: none;
}

/* line 340, ../scss/components/_buttons.scss */
div.x-btn-group-notitle .x-btn-group-tc {
  background-image: none;
}

/* line 344, ../scss/components/_buttons.scss */
div.x-btn-group-bl {
  background-image: none;
}

/* line 348, ../scss/components/_buttons.scss */
div.x-btn-group-br {
  background-image: none;
}

/* line 352, ../scss/components/_buttons.scss */
div.x-btn-group-bc {
  background-image: none;
}

/* line 359, ../scss/components/_buttons.scss */
.x-window .k-recipient-hover-card-button .x-btn-small {
  background-color: transparent !important;
  box-shadow: none !important;
}
/* line 366, ../scss/components/_buttons.scss */
.x-window .k-recipient-hover-card-button.x-btn.x-btn-over .x-btn-small, .x-window .k-recipient-hover-card-button.x-btn.x-btn-over .x-btn-medium, .x-window .k-recipient-hover-card-button.x-btn.x-btn-over .x-btn-large {
  border: 1px solid #dadada !important;
}
/* line 375, ../scss/components/_buttons.scss */
.x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .k-recipient-hover-card-button.x-btn.x-btn-over .x-btn-small, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .k-recipient-hover-card-button.x-btn.x-btn-over .x-btn-medium, .x-window .x-panel-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .k-recipient-hover-card-button.x-btn.x-btn-over .x-btn-large, .x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .k-recipient-hover-card-button.x-btn.x-btn-over .x-btn-small, .x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .k-recipient-hover-card-button.x-btn.x-btn-over .x-btn-medium, .x-window .x-panel-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .k-recipient-hover-card-button.x-btn.x-btn-over .x-btn-large, .x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .k-recipient-hover-card-button.x-btn.x-btn-over .x-btn-small, .x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .k-recipient-hover-card-button.x-btn.x-btn-over .x-btn-medium, .x-window .x-window-footer .x-toolbar-left-row .x-toolbar-cell:not(.x-hide-offsets) .k-recipient-hover-card-button.x-btn.x-btn-over .x-btn-large, .x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .k-recipient-hover-card-button.x-btn.x-btn-over .x-btn-small, .x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .k-recipient-hover-card-button.x-btn.x-btn-over .x-btn-medium, .x-window .x-window-footer .x-toolbar-right-row .x-toolbar-cell:not(.x-hide-offsets) .k-recipient-hover-card-button.x-btn.x-btn-over .x-btn-large {
  border: 1px solid #dadada !important;
}
/* line 383, ../scss/components/_buttons.scss */
.x-window .k-hover-card-email-text {
  padding-right: 6px !important;
}

/* line 389, ../scss/components/_buttons.scss */
.k-window-text-button .x-btn-small {
  background: transparent !important;
  box-shadow: none !important;
}
/* line 393, ../scss/components/_buttons.scss */
.k-window-text-button .x-btn-text {
  font-weight: bold;
}

/* line 398, ../scss/components/_buttons.scss */
.k-window-text-button.x-btn.x-btn-over .x-btn-small {
  background: transparent !important;
  border: 1px solid #dadada !important;
}

/* line 1, ../scss/components/_panels.scss */
.x-panel,
.x-panel-ghost {
  border-color: #e6e6e6;
  /* header */
}
/* line 6, ../scss/components/_panels.scss */
.x-panel .x-panel-header,
.x-panel-ghost .x-panel-header {
  color: #000000;
  font-weight: normal;
  border-color: #e6e6e6;
  background: #e6e6e6;
  line-height: 20px;
  padding: 8px 9px 8px 12px;
}
/* line 15, ../scss/components/_panels.scss */
.x-panel .x-panel-header .x-tool,
.x-panel .x-layout-collapsed .x-tool,
.x-panel-ghost .x-panel-header .x-tool,
.x-panel-ghost .x-layout-collapsed .x-tool {
  width: 20px;
  height: 20px;
  margin: 0;
  background-repeat: no-repeat;
}
/* line 23, ../scss/components/_panels.scss */
.x-panel .x-panel-ml,
.x-panel .x-panel-mr,
.x-panel .x-panel-mc,
.x-panel-ghost .x-panel-ml,
.x-panel-ghost .x-panel-mr,
.x-panel-ghost .x-panel-mc {
  background-color: transparent;
}
/* line 29, ../scss/components/_panels.scss */
.x-panel .x-panel-body,
.x-panel-ghost .x-panel-body {
  border-color: #e6e6e6;
}

/* line 33, ../scss/components/_panels.scss */
.x-panel-ghost .x-tool {
  display: none;
}

/* panel collapse button */
/* line 38, ../scss/components/_panels.scss */
.x-tool.x-tool-toggle.x-tool-collapse-west,
.x-layout-collapsed .x-tool.x-tool-toggle.x-tool-expand-east,
.x-panel-header .x-tool.x-tool-collapse-west,
.x-layout-collapsed .x-tool.x-tool-expand-east {
  width: 14px;
}

/* line 44, ../scss/components/_panels.scss */
.x-layout-collapsed .x-tool.x-tool-expand-east {
  margin-left: 4.5px;
}

/* panel expand button */
/* line 49, ../scss/components/_panels.scss */
.x-tool.x-tool-toggle.x-tool-collapse-east,
.x-layout-collapsed .x-tool.x-tool-toggle.x-tool-expand-west,
.x-panel-header .x-tool.x-tool-collapse-east,
.x-layout-collapsed .x-tool.x-tool-expand-west {
  width: 14px;
}

/* line 55, ../scss/components/_panels.scss */
.x-layout-collapsed .x-tool.x-tool-expand-west {
  margin-left: 4.5px;
}

/* panel plus button */
/* line 60, ../scss/components/_panels.scss */
.x-panel-header .x-tool.x-tool-plus {
  width: 20px;
}

/* line 64, ../scss/components/_panels.scss */
.x-panel-header .x-tool:last-of-type {
  margin-left: 9px;
}

/* line 67, ../scss/components/_panels.scss */
.x-panel-header .x-tool:first-of-type {
  margin-right: -4.5px;
}

/* line 71, ../scss/components/_panels.scss */
.x-panel-noborder .x-panel-header-noborder {
  border: none;
}

/* line 75, ../scss/components/_panels.scss */
.x-layout-collapsed {
  padding-top: 8px;
  /* same padding as .x-panel-header */
}

/* panel footer */
/* line 80, ../scss/components/_panels.scss */
.x-panel-footer {
  background: #ffffff;
}

/* line 83, ../scss/components/_panels.scss */
.x-panel-footer.x-panel-btns {
  padding: 6px 9px;
}
/* line 86, ../scss/components/_panels.scss */
.x-panel-footer.x-panel-btns td.x-toolbar-cell {
  padding: 0 3px;
}
/* line 90, ../scss/components/_panels.scss */
.x-panel-footer.x-panel-btns .x-toolbar-left-row td.x-toolbar-cell:first-child {
  padding-left: 0;
}
/* line 95, ../scss/components/_panels.scss */
.x-panel-footer.x-panel-btns .x-toolbar-right-row td.x-toolbar-cell:last-child {
  padding-right: 0;
}

/* tab panels */
/* line 102, ../scss/components/_panels.scss */
.x-tab-panel-body {
  border-color: #e6e6e6;
}

/* remove and add some borders for specific panels so we don't get double borders */
/* line 108, ../scss/components/_panels.scss */
#zarafa-mainpanel-contentpanel-mail .zarafa-context-mainpanel > .x-panel-bwrap > .x-panel-body {
  border: none;
}
/* line 112, ../scss/components/_panels.scss */
#zarafa-mainpanel-contentpanel-mail #zarafa-main-content-mail-preview {
  border: none;
}

/* line 118, ../scss/components/_panels.scss */
#zarafa-mainpanel-contentpanel-mail.zarafa-preview-right .zarafa-context-mainpanel {
  border-right: 1px solid #e6e6e6;
}
/* line 122, ../scss/components/_panels.scss */
#zarafa-mainpanel-contentpanel-mail.zarafa-preview-right #zarafa-main-content-mail-preview {
  border-left: 1px solid #e6e6e6;
}

/* line 128, ../scss/components/_panels.scss */
#zarafa-mainpanel-contentpanel-mail.zarafa-preview-bottom .zarafa-context-mainpanel {
  border-bottom: 1px solid #e6e6e6;
}
/* line 132, ../scss/components/_panels.scss */
#zarafa-mainpanel-contentpanel-mail.zarafa-preview-bottom #zarafa-main-content-mail-preview {
  border-top: 1px solid #e6e6e6;
}

/* Drag and drop (mainly visible in widgets) */
/* line 139, ../scss/components/_panels.scss */
.x-panel-dd-spacer {
  border-color: #e6e6e6;
}

/* Safari hack for radio buttons that get cut off */
/* line 2, ../scss/components/_formelements.scss */
body.Safari input[type="radio"] {
  margin-left: 1px;
}

/* line 6, ../scss/components/_formelements.scss */
.x-form-item {
  margin-bottom: 3px;
}

/* line 10, ../scss/components/_formelements.scss */
.x-form-invalid, textarea.x-form-invalid,
.x-form-text.x-form-invalid, textarea.x-form-field.x-form-invalid,
.x-form-invalid.x-form-composite .x-form-invalid {
  border-color: #e30022;
  background: #fbdde1;
}

/* line 16, ../scss/components/_formelements.scss */
.x-form-invalid.x-form-text + .x-form-trigger {
  border-color: #e30022;
}

/* line 19, ../scss/components/_formelements.scss */
.x-form-invalid.x-form-composite {
  background: transparent !important;
}

/* inputs and textareas */
/* line 24, ../scss/components/_formelements.scss */
.x-form-text, textarea.x-form-field {
  background: white;
  border: 1px solid #e6e6e6;
  padding: 6px;
}

/* line 29, ../scss/components/_formelements.scss */
.x-form-text {
  padding: 0 6px;
}

/* line 32, ../scss/components/_formelements.scss */
.x-form-text.x-form-focus:not(.x-trigger-noedit) {
  border-color: #3094e3 !important;
}

/* line 36, ../scss/components/_formelements.scss */
.x-form-field-wrap.x-trigger-wrap-focus:not(.x-freebusy-userlist-container) {
  border-color: #3094e3;
}
/* line 39, ../scss/components/_formelements.scss */
.x-form-field-wrap.x-trigger-wrap-focus:not(.x-freebusy-userlist-container) input.x-form-text.x-form-field.x-form-focus {
  border-color: #3094e3 !important;
}

/* line 44, ../scss/components/_formelements.scss */
.x-form-text:not(.x-zarafa-boxfield):not(.x-zarafa-boxfield-input),
.ext-strict .x-form-text:not(.x-zarafa-boxfield):not(.x-zarafa-boxfield-input),
.ext-webkit .x-small-editor .x-form-text:not(.x-zarafa-boxfield):not(.x-zarafa-boxfield-input),
.ext-strict .ext-webkit .x-small-editor .x-form-text:not(.x-zarafa-boxfield):not(.x-zarafa-boxfield-input) {
  line-height: 24px;
  height: 22px !important;
  /* subtract 2 for the border-width */
}

/* combobox and spinner field */
/* line 56, ../scss/components/_formelements.scss */
.x-form-field-trigger-wrap .x-form-text,
.x-form-field-wrap .x-form-text {
  line-height: 22px;
  height: 22px;
}
/* line 61, ../scss/components/_formelements.scss */
.x-form-field-trigger-wrap .x-form-trigger,
.x-form-field-trigger-wrap .x-form-spinner-trigger,
.x-form-field-wrap .x-form-trigger,
.x-form-field-wrap .x-form-spinner-trigger {
  height: 22px !important;
  width: 14px;
  border: 1px solid #e6e6e6;
  border-left: none;
  background-color: #f8f8f8 !important;
}
/* line 69, ../scss/components/_formelements.scss */
.x-form-field-trigger-wrap .x-form-trigger-over,
.x-form-field-trigger-wrap .x-form-spinner-trigger-over,
.x-form-field-wrap .x-form-trigger-over,
.x-form-field-wrap .x-form-spinner-trigger-over {
  background-color: #f2f2f2 !important;
}
/* line 74, ../scss/components/_formelements.scss */
.x-form-field-trigger-wrap .x-form-spinner-splitter,
.x-form-field-wrap .x-form-spinner-splitter {
  display: none !important;
}

/* line 79, ../scss/components/_formelements.scss */
.x-combo-list {
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.6);
  border-color: #b6b6b6;
}

/* line 84, ../scss/components/_formelements.scss */
.x-combo-list-inner {
  padding: 3px 0;
}
/* line 87, ../scss/components/_formelements.scss */
.x-combo-list-inner .x-combo-list-item {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  line-height: 18px;
  padding: 6px 9px;
  margin: 0 3px;
  border: none !important;
}
/* line 98, ../scss/components/_formelements.scss */
.x-combo-list-inner .x-combo-list-item:hover {
  background-color: #f2f2f2;
}

/* line 103, ../scss/components/_formelements.scss */
.x-combo-list-item.k-combo-list-item-header {
  font-weight: bold;
  font-style: italic;
}

/* line 107, ../scss/components/_formelements.scss */
.x-combo-list-item.x-combo-selected.k-combo-list-item-header {
  background: transparent;
  border-color: transparent !important;
  cursor: default;
}

/* fieldsets */
/* line 114, ../scss/components/_formelements.scss */
.x-fieldset {
  border-radius: 0;
  border: 1px solid #e6e6e6;
  padding: 9px 6px;
  margin: 0;
}
/* line 120, ../scss/components/_formelements.scss */
.x-fieldset legend {
  font-weight: normal;
  color: black;
}

/* checkbox */
/* line 127, ../scss/components/_formelements.scss */
.x-form-check-wrap input {
  vertical-align: text-bottom;
}

/* line 130, ../scss/components/_formelements.scss */
.x-form-item .x-form-cb-label {
  top: 0;
  margin-left: 3px;
}

/* line 135, ../scss/components/_formelements.scss */
.zarafa-delayeddelivery-invalid-date {
  color: #FF0000;
}

/* line 139, ../scss/components/_formelements.scss */
.zarafa-radiodatetime-datetimefield {
  background-position-y: 24px;
}

/* line 144, ../scss/components/_formelements.scss */
.zarafa-delayeddeliverypanel .x-panel-body {
  padding: 15px !important;
}

/* line 149, ../scss/components/_formelements.scss */
.zarafa-delayeddeliverypanel-fields, .zarafa-delayeddeliverypanel-radiospinnerfield, .zarafa-delayeddeliverypanel-radiodatetimefield, .zarafa-delayeddeliverypanel-displayfield, .ext-gecko3.ext-linux .zarafa-delayeddeliverypanel-displayfield {
  margin: 0 0 10px 5px !important;
}

/* line 155, ../scss/components/_formelements.scss */
.zarafa-delayeddeliverypanel-radiospinnerfield .x-form-display-field {
  top: 2px !important;
}
/* line 158, ../scss/components/_formelements.scss */
.zarafa-delayeddeliverypanel-radiospinnerfield .x-form-check-wrap {
  top: 3px !important;
  -webkit-padding-before: 1px !important;
}
/* line 161, ../scss/components/_formelements.scss */
.zarafa-delayeddeliverypanel-radiospinnerfield .x-form-check-wrap label {
  margin-left: 10px !important;
}

/* line 169, ../scss/components/_formelements.scss */
.zarafa-delayeddeliverypanel-radiodatetimefield .x-form-check-wrap {
  top: 3px !important;
  -webkit-padding-before: 3px !important;
}

/* line 175, ../scss/components/_formelements.scss */
.zarafa-delayeddeliverypanel-displayfield {
  margin-left: 28px !important;
}

/* line 180, ../scss/components/_formelements.scss */
.ext-gecko3.ext-linux .zarafa-delayeddeliverypanel-displayfield {
  margin-left: 32px !important;
}

/* arrows that show where a column will be moved. Looks ugly. We don't want this. */
/* line 2, ../scss/components/_grids.scss */
.col-move-bottom, .col-move-top {
  background-image: none !important;
}

/* column headers */
/* line 7, ../scss/components/_grids.scss */
.x-grid3-header {
  background: #ffffff;
  border-bottom: 1px solid #e6e6e6;
  padding: 0;
}

/* line 13, ../scss/components/_grids.scss */
td.x-grid3-hd-over .x-grid3-hd-inner,
td.sort-desc .x-grid3-hd-inner,
td.sort-asc .x-grid3-hd-inner,
td.x-grid3-hd-menu-open .x-grid3-hd-inner {
  background: #ffffff;
}

/* line 20, ../scss/components/_grids.scss */
.x-grid3-hd-row {
  /* Icon only columns */
}
/* line 21, ../scss/components/_grids.scss */
.x-grid3-hd-row td {
  padding: 6px 0;
  border-color: #ffffff;
  position: relative;
}
/* line 26, ../scss/components/_grids.scss */
.x-grid3-hd-row td .x-grid3-hd-inner {
  line-height: 20px;
  display: inline-block;
  border: 1px solid #ffffff;
  border-radius: 2px;
  padding: 1px 6px;
  /* substract 2px for the borders */
  font-weight: bold;
  overflow: visible;
  /* needed for the .x-grid3-hd-btn to be visible when we place it outside of the button */
  background: #ffffff;
  max-width: 100%;
  box-sizing: border-box;
}
/* line 38, ../scss/components/_grids.scss */
.x-grid3-hd-row td .x-grid3-hd-inner .zarafa-x-grid3-hd-title {
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 42, ../scss/components/_grids.scss */
.x-grid3-hd-row td .x-grid3-hd-inner .zarafa-x-grid3-hd-title .x-grid3-hd-checker {
  width: 15px;
}
/* line 47, ../scss/components/_grids.scss */
.x-grid3-hd-row td .x-grid3-hd-inner .x-grid3-hd-btn {
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  background-color: #ffffff;
  width: 16px;
  height: 22px !important;
  /* overwriting the inline styled height that extjs gives this element */
  right: -20px;
  top: -1px;
  /* needed because the parent has a border */
}
/* line 58, ../scss/components/_grids.scss */
.x-grid3-hd-row td:hover .x-grid3-hd-inner,
.x-grid3-hd-row td:hover .x-grid3-hd-inner .x-grid3-hd-btn {
  border-color: #dadada;
}
/* line 62, ../scss/components/_grids.scss */
.x-grid3-hd-row td:active .x-grid3-hd-inner,
.x-grid3-hd-row td:active .x-grid3-hd-inner .x-grid3-hd-btn {
  background-color: #f8f8f8;
}
/* line 67, ../scss/components/_grids.scss */
.x-grid3-hd-row td.sort-desc .x-grid3-hd-inner,
.x-grid3-hd-row td.sort-asc .x-grid3-hd-inner {
  padding-right: 21px;
  /* some extra padding to place the sort icon */
}
/* line 72, ../scss/components/_grids.scss */
.x-grid3-hd-row td.sort-desc .x-grid3-sort-icon,
.x-grid3-hd-row td.sort-asc .x-grid3-sort-icon {
  width: 9px;
  height: 5px;
  position: absolute;
  right: 6px;
  top: 8.5px;
}
/* line 81, ../scss/components/_grids.scss */
.x-grid3-hd-row td.sort-desc .x-grid3-hd-inner,
.x-grid3-hd-row td.sort-asc .x-grid3-hd-inner,
.x-grid3-hd-row td.sort-desc .x-grid3-hd-inner .x-grid3-hd-btn,
.x-grid3-hd-row td.sort-asc .x-grid3-hd-inner .x-grid3-hd-btn {
  border-color: #e6e6e6;
  background-color: #f8f8f8;
}
/* line 88, ../scss/components/_grids.scss */
.x-grid3-hd-row td.sort-desc:active .x-grid3-hd-inner,
.x-grid3-hd-row td.sort-asc:active .x-grid3-hd-inner,
.x-grid3-hd-row td.sort-desc:active .x-grid3-hd-inner .x-grid3-hd-btn,
.x-grid3-hd-row td.sort-asc:active .x-grid3-hd-inner .x-grid3-hd-btn {
  background-color: #f2f2f2;
}
/* line 97, ../scss/components/_grids.scss */
.x-grid3-hd-row td.zarafa-icon-column .x-grid3-hd-inner {
  height: 24px;
  width: 22px;
  padding: 0;
  text-align: center;
  /* reposition the icon headers */
}
/* line 104, ../scss/components/_grids.scss */
.x-grid3-hd-row td.zarafa-icon-column .x-grid3-hd-inner p {
  position: relative;
  display: inline-block;
  min-width: 20px;
}
/* line 109, ../scss/components/_grids.scss */
.x-grid3-hd-row td.zarafa-icon-column .x-grid3-hd-inner p .title {
  display: none;
}
/* line 118, ../scss/components/_grids.scss */
.x-grid3-hd-row td.zarafa-icon-column.sort-asc p,
.x-grid3-hd-row td.zarafa-icon-column.sort-desc p {
  display: none;
}
/* line 122, ../scss/components/_grids.scss */
.x-grid3-hd-row td.zarafa-icon-column.sort-asc .x-grid3-sort-icon,
.x-grid3-hd-row td.zarafa-icon-column.sort-desc .x-grid3-sort-icon {
  margin: 0;
}

/****************************************************************************
 * Icons in the 'Show columns' menu
 ****************************************************************************/
/* line 132, ../scss/components/_grids.scss */
.x-menu .x-menu-check-item {
  /* check/uncheck images are 14 px wide */
  padding-left: 23px;
}
/* line 137, ../scss/components/_grids.scss */
.x-menu .x-menu-check-item .x-menu-item-text p {
  padding-left: 20px;
  background-position: 2px center !important;
}

/******************************************************************************
 * Empty text
 ******************************************************************************/
/* line 148, ../scss/components/_grids.scss */
.k-addressbookmainpanel-grid .emptytext {
  font-size: 15px !important;
  color: #777777;
  margin-top: 150px;
}

/******************************************************************************
 * Group headers
 ******************************************************************************/
/* line 157, ../scss/components/_grids.scss */
.x-grid-group-hd {
  border: none;
  background: #e6e6e6;
  padding: 3px 3px;
}
/* line 162, ../scss/components/_grids.scss */
.x-grid-group-hd div.x-grid-group-title {
  color: black;
  background-image: none;
  font-weight: normal;
}

/******************************************************************************
 * Grid columns
 ******************************************************************************/
/* line 172, ../scss/components/_grids.scss */
.x-grid3-row {
  border-top: none;
  border-color: #e6e6e6;
  /*
   * exception for the categories column which has labels that will be truncated when too long
   * so truncating the cell itself will cause strange behaviour.
   */
  /* reposition checkboxes (size of checkbox is 15x15) */
}
/* line 175, ../scss/components/_grids.scss */
.x-grid3-row .x-grid3-cell-inner {
  line-height: 100%;
  padding: 9px 7px;
  position: relative;
}
/* line 185, ../scss/components/_grids.scss */
.x-grid3-row .x-grid3-cell-inner.x-grid3-col-categories {
  text-overflow: clip;
}
/* line 190, ../scss/components/_grids.scss */
.x-grid3-row .x-grid3-row-body-tr .zarafa-grid-body-container {
  overflow: hidden;
  word-wrap: break-word;
}
/* line 194, ../scss/components/_grids.scss */
.x-grid3-row .x-grid3-row-body-tr .zarafa-grid-body-container .grid_compact {
  line-height: 15px;
  min-height: 15px;
  /* we need this for when there is no title set */
  max-height: 15px;
  /* added 1px because letters get cut off at the bottom otherwise */
  padding-bottom: 0px;
  padding-top: 4px;
}
/* line 202, ../scss/components/_grids.scss */
.x-grid3-row .x-grid3-row-body-tr .zarafa-grid-body-container .grid_compact_left {
  padding-left: 30px;
}
/* line 206, ../scss/components/_grids.scss */
.x-grid3-row .x-grid3-row-body-tr .zarafa-grid-body-container .grid_compact_subject_cell {
  color: #777777;
  max-height: 30px;
  overflow: hidden;
}
/* line 215, ../scss/components/_grids.scss */
.x-grid3-row .x-grid3-check-col-td,
.x-grid3-row .x-grid3-td-checker {
  background: transparent;
}
/* line 219, ../scss/components/_grids.scss */
.x-grid3-row .x-grid3-check-col-td .x-grid3-cell-inner,
.x-grid3-row .x-grid3-td-checker .x-grid3-cell-inner {
  padding-top: 8px !important;
  /* important is needed because Ext also added it */
}

/* line 226, ../scss/components/_grids.scss */
.x-grid3-row.x-grid3-row-expanded .x-grid3-cell-inner {
  padding-bottom: 5px;
}
/* line 230, ../scss/components/_grids.scss */
.x-grid3-row.x-grid3-row-expanded .x-grid3-row-body {
  padding-bottom: 9px;
}

/* line 235, ../scss/components/_grids.scss */
.x-grid3-row.x-grid3-row-expanded.with-categories .x-grid3-row-body {
  padding-bottom: 6px;
}

/* line 241, ../scss/components/_grids.scss */
.x-grid3-row-over {
  background: #f2f2f2;
  border-color: #e6e6e6;
  /* Ext wants to make the hovered border darker, we don't */
}

/* line 245, ../scss/components/_grids.scss */
.x-grid3-row-selected {
  background: #d5e8f7 !important;
  /* Ext uses important, so we also must do that */
}

/* line 249, ../scss/components/_grids.scss */
.x-grid3-row.x-grid3-row-selected {
  border: 1px solid #d5e8f7;
  border-top: 0px;
}

/* Mail grid */
/* line 261, ../scss/components/_grids.scss */
#mail-grid .x-grid3-row,
#calendar_grid .x-grid3-row,
#contact-gridview .x-grid3-row,
#task-grid .x-grid3-row,
#note-gridview .x-grid3-row,
#unread-mail-widget .x-grid3-row {
  border-left-color: white;
}
/* line 266, ../scss/components/_grids.scss */
#mail-grid .mail_unread div,
#calendar_grid .mail_unread div,
#contact-gridview .mail_unread div,
#task-grid .mail_unread div,
#note-gridview .mail_unread div,
#unread-mail-widget .mail_unread div {
  font-weight: bold;
}

/* Override ExtJS selected grid */
/* line 273, ../scss/components/_grids.scss */
.x-grid3-body .x-grid3-row-selected .x-grid3-col.x-grid3-td-checker {
  background-image: none;
}

/* Task grid Due tasks row */
/* line 278, ../scss/components/_grids.scss */
.zarafa-task-overdue {
  color: #e30022;
}

/* Task grid Completed tasks row */
/* line 283, ../scss/components/_grids.scss */
.zarafa-task-complete {
  color: #777777;
}
/* line 285, ../scss/components/_grids.scss */
.zarafa-task-complete .k-task-complete {
  text-decoration: line-through;
}

/******************************************************************************
 * Grid with no column headers
 ******************************************************************************/
/* line 294, ../scss/components/_grids.scss */
.x-grid-panel.k-no-column-headers .x-grid3-header {
  display: none;
}

/* line 299, ../scss/components/_grids.scss */
.x-grid3 .zarafa-grid-button-container {
  position: absolute;
  right: 0;
  top: 0;
  padding: 3.5px 0 3.5px 3px;
  background-color: #ffffff;
}

/* line 306, ../scss/components/_grids.scss */
.x-grid3 .x-grid3-row-over .zarafa-grid-button-container {
  background-color: #f2f2f2;
}

/* line 309, ../scss/components/_grids.scss */
.x-grid3 .x-grid3-row-selected .zarafa-grid-button-container {
  background-color: #d5e8f7;
}

/* line 312, ../scss/components/_grids.scss */
.x-grid3 .zarafa-grid-button {
  width: 24px;
  height: 24px;
  float: left;
  margin-left: 3px;
  cursor: pointer;
  display: none;
}

/* line 320, ../scss/components/_grids.scss */
.x-grid3 .x-grid3-row-over .zarafa-grid-button {
  display: block;
}

/* Fixed categories cannot be edited or deleted because they are used
   to map old flags to categories */
/* line 325, ../scss/components/_grids.scss */
.x-grid3-row-over .k-category-fixed .k-grid-button-edit,
.x-grid3-row-over .k-category-fixed .k-grid-button-delete {
  display: none;
}

/* line 330, ../scss/components/_grids.scss */
.x-grid3 .zarafa-pinned .k-grid-button-pin {
  display: block;
}

/* line 333, ../scss/components/_grids.scss */
.k-categories-grid .x-grid-editor {
  padding-top: 1px;
}

/* line 337, ../scss/components/_grids.scss */
.k-categories-grid .x-grid3-col-color {
  position: relative;
}

/* line 341, ../scss/components/_grids.scss */
.k-categories-grid .k-colorpicker-ct {
  display: none;
  margin: -2px 0 -2px 0;
}

/* line 347, ../scss/components/_grids.scss */
.k-categories-grid .x-grid3-row-over .x-grid3-col-color svg,
.k-categories-grid .x-grid3-col-color.k-menu-visible svg {
  display: none;
}
/* line 351, ../scss/components/_grids.scss */
.k-categories-grid .x-grid3-row-over .x-grid3-col-color .k-colorpicker-ct,
.k-categories-grid .x-grid3-col-color.k-menu-visible .k-colorpicker-ct {
  display: block;
}

/* line 356, ../scss/components/_grids.scss */
.k-slider {
  position: absolute;
  z-index: 9001;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35);
  padding-left: 12px;
  padding-right: 12px;
  background-color: #FFFFFF;
  height: 30px;
  line-height: 2.5;
}

/* line 1, ../scss/components/_toolbars.scss */
.x-toolbar {
  background-image: none;
  background-color: #ffffff;
  border-color: #e6e6e6;
  line-height: 20px;
  padding: 6px 6px 6px;
}

/* line 9, ../scss/components/_toolbars.scss */
.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
  border-width: 0 0 1px;
  border-color: #e6e6e6;
}

/* line 13, ../scss/components/_toolbars.scss */
.x-panel-noborder .x-panel-tbar-noborder .x-toolbar .x-toolbar {
  border-width: 0;
}

/* line 17, ../scss/components/_toolbars.scss */
.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar, .k-search-toolbar-panel .x-toolbar {
  padding: 4.5px 6px;
  /* we need to substract 2px extra to account for the borders around the buttons */
  border: none;
  border-bottom: 1px solid #e6e6e6;
}

/* global search input field */
/* line 24, ../scss/components/_toolbars.scss */
.zarafa-searchfield {
  padding-top: 0px !important;
  max-width: 350px;
  border-right: 1px solid transparent;
}

/* seperator In ExtJS it's tbseperator, used in for example create new mail dialog*/
/* line 31, ../scss/components/_toolbars.scss */
.x-toolbar .xtb-sep {
  background-image: none;
  border-left: 1px solid #aca889;
}

/* exception for the (hacked) search toolbar which has a toolbar in a toobar */
/* line 38, ../scss/components/_toolbars.scss */
.x-toolbar .x-toolbar {
  padding: 0;
}
/* line 42, ../scss/components/_toolbars.scss */
.x-toolbar .x-toolbar.zarafa-paging-toolbar,
.x-toolbar .zarafa-loaded-mail-info {
  padding: 0 18px;
}

/* line 48, ../scss/components/_toolbars.scss */
.x-panel-tbar .x-toolbar .x-toolbar-cell .x-form-field {
  padding: 0 6px !important;
  height: 22px !important;
}

/**********************************************************
 * Toolbar buttons
 *********************************************************/
/* line 56, ../scss/components/_toolbars.scss */
.x-toolbar {
  /* split button */
  /* Meeting/Task request buttongroup */
}
/* line 58, ../scss/components/_toolbars.scss */
.x-toolbar .x-btn .x-btn-small {
  margin-right: 3px;
  border-radius: 2px;
}
/* line 64, ../scss/components/_toolbars.scss */
.x-toolbar .x-btn:not(.zarafa-action):not(.x-btn-noicon) {
  background-color: transparent !important;
}
/* line 67, ../scss/components/_toolbars.scss */
.x-toolbar .x-btn:not(.zarafa-action):not(.x-btn-noicon) .x-btn-small {
  background-color: transparent;
  box-shadow: none;
  border: 1px solid transparent;
}
/* line 74, ../scss/components/_toolbars.scss */
.x-toolbar .x-btn.x-btn-over:not(.zarafa-action):not(.x-btn-noicon) .x-btn-small,
.x-toolbar .x-btn.x-btn-pressed:not(.zarafa-action):not(.x-btn-noicon) .x-btn-small {
  border: 1px solid #dadada;
}
/* line 78, ../scss/components/_toolbars.scss */
.x-toolbar .x-btn.x-btn-over.x-btn-click:not(.zarafa-action):not(.x-btn-noicon) .x-btn-small {
  background-color: #f8f8f8;
}
/* line 81, ../scss/components/_toolbars.scss */
.x-toolbar .x-btn.x-btn-focus:not(.zarafa-action):not(.x-btn-noicon) .x-btn-small {
  border: 1px solid #3094e3;
}
/* line 86, ../scss/components/_toolbars.scss */
.x-toolbar .x-btn .x-btn-small .x-btn-split button.x-btn-text {
  border: none;
  border-right: 1px solid #e6e6e6;
}
/* line 92, ../scss/components/_toolbars.scss */
.x-toolbar .x-toolbar-right-row td:last-child .x-btn:not(.zarafa-action) .x-btn-small {
  margin-right: 0;
}
/* line 97, ../scss/components/_toolbars.scss */
.x-toolbar .x-btn.zarafa-action {
  margin-right: 3px;
}
/* line 101, ../scss/components/_toolbars.scss */
.x-toolbar .x-item-disabled {
  opacity: 0.4;
}
/* line 106, ../scss/components/_toolbars.scss */
.x-toolbar .x-btn.zarafa-more-options-btn .x-btn-split {
  padding-right: 0px;
  background-image: none !important;
}
/* line 111, ../scss/components/_toolbars.scss */
.x-toolbar .x-btn.zarafa-more-options-btn .icon_more.x-btn-text {
  border-right: none !important;
}
/* line 118, ../scss/components/_toolbars.scss */
.x-toolbar .x-btn.k-filter-options-btn .x-btn-small button {
  min-width: 0px !important;
}
/* line 122, ../scss/components/_toolbars.scss */
.x-toolbar .x-btn.k-filter-options-btn .x-btn-split {
  padding-right: 0px;
  background-image: none !important;
}
/* line 127, ../scss/components/_toolbars.scss */
.x-toolbar .x-btn.k-filter-options-btn .icon_filter.x-btn-text {
  border-right: none !important;
}
/* line 129, ../scss/components/_toolbars.scss */
.x-toolbar .x-btn.k-filter-options-btn .icon_filter.x-btn-text span {
  padding-left: 5px;
}
/* line 137, ../scss/components/_toolbars.scss */
.x-toolbar .x-btn-group.zarafa-mr-buttons .x-btn-group-tl,
.x-toolbar .x-btn-group.zarafa-mr-buttons .x-btn-group-bl, .x-toolbar .k-tr-buttons .x-btn-group-tl,
.x-toolbar .k-tr-buttons .x-btn-group-bl {
  display: none;
}
/* line 142, ../scss/components/_toolbars.scss */
.x-toolbar .x-btn-group.zarafa-mr-buttons .x-btn-group-mc, .x-toolbar .k-tr-buttons .x-btn-group-mc {
  padding: 0;
}

/* Paging toolbar */
/* line 151, ../scss/components/_toolbars.scss */
.x-toolbar.zarafa-paging-toolbar .x-btn .x-btn-small {
  background-color: transparent !important;
}
/* line 154, ../scss/components/_toolbars.scss */
.x-toolbar.zarafa-paging-toolbar .x-btn .x-btn-small button.x-btn-text {
  width: 18px;
}
/* line 161, ../scss/components/_toolbars.scss */
.x-toolbar.zarafa-paging-toolbar .x-btn.x-btn-over.x-btn-click .x-btn-small button.x-btn-text {
  background-color: #f8f8f8;
}
/* line 167, ../scss/components/_toolbars.scss */
.x-toolbar.zarafa-paging-toolbar .x-btn-page-next {
  margin-left: 3px;
}

/* line 3, ../scss/components/_menus.scss */
.x-menu-plain {
  background: #ffffff !important;
}

/* line 6, ../scss/components/_menus.scss */
.x-menu {
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.6);
  background: #ffffff;
  border: 1px solid #b6b6b6;
}
/* line 9, ../scss/components/_menus.scss */
.x-menu .x-menu-item-active {
  border-color: #e6e6e6;
}
/* line 13, ../scss/components/_menus.scss */
.x-menu .x-menu-scroller.x-menu-item-active {
  background-color: #f2f2f2 !important;
}
/* line 16, ../scss/components/_menus.scss */
.x-menu .x-menu-scroller.x-menu-item-active:active {
  background-color: #e6e6e6 !important;
}
/* line 23, ../scss/components/_menus.scss */
.x-menu .x-menu-list {
  padding: 3px 0;
}
/* line 26, ../scss/components/_menus.scss */
.x-menu .x-menu-list li.x-menu-list-item {
  padding: 0px 3px 0 3px;
  border: none;
  border-radius: 0;
}
/* line 31, ../scss/components/_menus.scss */
.x-menu .x-menu-list li.x-menu-list-item a.x-menu-item {
  line-height: 20px;
  padding: 5px 9px 5px 29px;
  /* icon size is 20px x 20px, icon images are centered in that box */
}
/* line 36, ../scss/components/_menus.scss */
.x-menu .x-menu-list li.x-menu-list-item a.x-menu-item .x-menu-item-icon {
  left: 3px;
}
/* line 40, ../scss/components/_menus.scss */
.x-menu .x-menu-list li.x-menu-list-item a.x-menu-item-arrow {
  background-position: right center !important;
}
/* line 43, ../scss/components/_menus.scss */
.x-menu .x-menu-list li.x-menu-list-item a.zarafa-no-icon {
  padding-left: 9px;
}
/* line 48, ../scss/components/_menus.scss */
.x-menu .x-menu-list li.x-menu-list-item.x-menu-item-active {
  box-shadow: none;
}
/* line 51, ../scss/components/_menus.scss */
.x-menu .x-menu-list li.x-menu-list-item.x-menu-item-active a {
  background-color: #f2f2f2 !important;
}
/* line 56, ../scss/components/_menus.scss */
.x-menu .x-menu-list li.x-menu-list-item.x-menu-item-selected {
  box-shadow: none;
}
/* line 58, ../scss/components/_menus.scss */
.x-menu .x-menu-list li.x-menu-list-item.x-menu-item-selected a {
  background-color: #d5e8f7;
}
/* line 64, ../scss/components/_menus.scss */
.x-menu .x-menu-list li.x-menu-list-item.x-menu-item-active:active a:not(.k-unclickable) {
  background-color: #e6e6e6 !important;
}
/* line 69, ../scss/components/_menus.scss */
.x-menu .x-menu-list li.x-menu-sep-li {
  padding: 0;
  margin: 3px 0;
}
/* line 73, ../scss/components/_menus.scss */
.x-menu .x-menu-list li.x-menu-sep-li .x-menu-sep {
  background-color: #e6e6e6;
  padding: 0;
  margin: 0;
  border: none;
}

/* line 83, ../scss/components/_menus.scss */
.x-shadow {
  display: none !important;
}

/* menu item icon default width / height */
/* line 88, ../scss/components/_menus.scss */
.x-menu-item-icon {
  height: 20px;
  width: 20px;
  top: 5px;
}

/* Override ExtJS's ugly blue border of an menu item */
/* line 95, ../scss/components/_menus.scss */
li.x-menu-item a.x-menu-item {
  border: none;
}

/* line 98, ../scss/components/_menus.scss */
li.x-menu-item-active a.x-menu-item {
  border: none;
}

/* line 101, ../scss/components/_menus.scss */
li.x-menu-item-active {
  background-image: none;
  background-color: transparent;
}

/* Categorie menu */
/* line 110, ../scss/components/_menus.scss */
.x-menu.k-categories .x-menu-list .x-menu-item svg {
  position: absolute;
  left: 3px;
  top: 8px;
}
/* line 117, ../scss/components/_menus.scss */
.x-menu.k-categories .x-menu-list .x-menu-item.k-manage-categories {
  padding-left: 6px;
}

/* line 123, ../scss/components/_menus.scss */
.x-menu-item-selected {
  background-color: #d5e8f7;
  border-bottom: 1px solid #ffffff !important;
}

/* Color picker */
/* line 129, ../scss/components/_menus.scss */
.x-color-palette.k-colorpicker-menu {
  width: 108px;
}

/* line 134, ../scss/components/_menus.scss */
.x-menu-check-item.showGroups .k-hide-img {
  display: none !important;
}

/* line 139, ../scss/components/_menus.scss */
.x-menu-check-item.k-unread-filter-btn {
  /*
  .x-menu-item-icon {
  	background-position: sprite-position($iconsmap, icon_flag_complete, $offset-y: 6, $offset-x: 2) !important;
  }
  */
}
/* line 140, ../scss/components/_menus.scss */
.x-menu-check-item.k-unread-filter-btn .k-hide-img {
  display: none !important;
}

/* line 150, ../scss/components/_menus.scss */
.k-selection {
  background-color: #d5e8f7 !important;
}

/* import the component specific styles */
/* The styling of the main menu bar */
/* constants */
/* line 20, ../scss/components/_mainmenubar.scss */
#zarafa-mainmenu {
  padding: 0;
  border-width: 0;
}

/* line 25, ../scss/components/_mainmenubar.scss */
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct {
  background: #0f70bd;
  color: #ffffff;
  padding: 0;
  /* focused button */
}
/* line 30, ../scss/components/_mainmenubar.scss */
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct * {
  font-size: 15px !important;
}
/* line 34, ../scss/components/_mainmenubar.scss */
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct .x-btn {
  padding: 0;
  margin: 0;
  display: block;
}
/* line 39, ../scss/components/_mainmenubar.scss */
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct .x-btn .x-btn-small {
  height: auto;
  background-color: transparent !important;
  box-shadow: none;
  border: none;
  margin: 0;
}
/* line 47, ../scss/components/_mainmenubar.scss */
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct .x-btn button.x-btn-text {
  font-size: 15px !important;
  line-height: 16px !important;
  color: #ffffff;
  text-transform: uppercase;
  text-shadow: none;
  padding: 10px 12px 10px 12px;
  height: auto;
  opacity: 0.7;
  width: auto;
  min-width: 0;
  border: none;
}
/* line 64, ../scss/components/_mainmenubar.scss */
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct .x-btn.x-btn-focus .x-btn-small {
  border: none !important;
}
/* line 69, ../scss/components/_mainmenubar.scss */
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct .x-btn.x-btn-over, body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct .x-btn.x-btn-over.x-btn-click {
  background-color: #065fa5 !important;
}
/* line 72, ../scss/components/_mainmenubar.scss */
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct .x-btn.x-btn-over .x-btn-small, body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct .x-btn.x-btn-over.x-btn-click .x-btn-small {
  border: none;
}
/* line 76, ../scss/components/_mainmenubar.scss */
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct .x-btn.x-btn-over button.x-btn-text, body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct .x-btn.x-btn-over.x-btn-click button.x-btn-text {
  border: none;
  color: #ffffff;
  opacity: 0.7;
  background-color: transparent;
}
/* line 84, ../scss/components/_mainmenubar.scss */
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct .zarafa-maintabbar-maintab-active,
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct .zarafa-maintabbar-maintab-active.x-btn-over,
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct .zarafa-maintabbar-maintab-active.x-btn-over.x-btn-click {
  background-color: #065fa5 !important;
}
/* line 89, ../scss/components/_mainmenubar.scss */
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct .zarafa-maintabbar-maintab-active .x-btn-small,
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct .zarafa-maintabbar-maintab-active.x-btn-over .x-btn-small,
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct .zarafa-maintabbar-maintab-active.x-btn-over.x-btn-click .x-btn-small {
  border: none;
}
/* line 93, ../scss/components/_mainmenubar.scss */
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct .zarafa-maintabbar-maintab-active button.x-btn-text,
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct .zarafa-maintabbar-maintab-active.x-btn-over button.x-btn-text,
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct .zarafa-maintabbar-maintab-active.x-btn-over.x-btn-click button.x-btn-text {
  border: none;
  color: #ffffff;
  opacity: 1;
  font-weight: normal;
  background-position: center bottom !important;
}
/* line 103, ../scss/components/_mainmenubar.scss */
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct .x-toolbar-right button.x-btn-text {
  text-transform: none;
}
/* line 108, ../scss/components/_mainmenubar.scss */
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct #mainmenu-button-settings em,
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct #mainmenu-button-logout em {
  background-position: 12px center !important;
}
/* line 114, ../scss/components/_mainmenubar.scss */
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct #mainmenu-button-settings em button.x-btn-text {
  padding-left: 32px;
}
/* line 120, ../scss/components/_mainmenubar.scss */
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct #mainmenu-button-logout em button.x-btn-text {
  padding-left: 32px;
  text-transform: none;
}
/* line 126, ../scss/components/_mainmenubar.scss */
body #zarafa-mainmenu.zarafa-maintabbar > .x-toolbar-ct #mainmenu-logintext {
  opacity: 0.7;
  padding-right: 12px;
}

/* line 1, ../scss/components/_maintoolbar.scss */
.zarafa-maintoolbar {
  border: none;
  padding: 9px 0 0 12px;
  background: url(../images/kopano-logo.svg) no-repeat right 12px center;
  background-size: 115px 26px;
}
/* line 7, ../scss/components/_maintoolbar.scss */
.zarafa-maintoolbar .x-btn,
.zarafa-maintoolbar .x-btn.zarafa-action {
  margin-right: 9px;
}

/* line 1, ../scss/components/_tabs.scss */
ul.x-tab-strip {
  padding-top: 6px;
  padding-left: 6px;
  border-color: #e6e6e6;
}
/* line 6, ../scss/components/_tabs.scss */
ul.x-tab-strip li {
  display: inline-block;
  margin: 0 3px 0 0;
  border: 1px solid #e6e6e6 !important;
}
/* line 11, ../scss/components/_tabs.scss */
ul.x-tab-strip li .x-tab-right {
  background: #e6e6e6;
  padding-left: 6px;
  padding-right: 6px;
}
/* line 16, ../scss/components/_tabs.scss */
ul.x-tab-strip li .x-tab-right .x-tab-left {
  background: transparent;
  padding: 0;
}
/* line 20, ../scss/components/_tabs.scss */
ul.x-tab-strip li .x-tab-right .x-tab-left .x-tab-strip-inner {
  background: transparent;
  overflow: visible;
}
/* line 24, ../scss/components/_tabs.scss */
ul.x-tab-strip li .x-tab-right .x-tab-left .x-tab-strip-inner .x-tab-strip-text {
  height: 23px;
  /* 1px for the border) */
  line-height: 23px;
  padding: 0;
}
/* line 34, ../scss/components/_tabs.scss */
ul.x-tab-strip li.x-tab-strip-active {
  position: relative;
  z-index: 10;
  border-color: #e6e6e6;
}
/* line 39, ../scss/components/_tabs.scss */
ul.x-tab-strip li.x-tab-strip-active .x-tab-right {
  background: #ffffff;
}
/* line 44, ../scss/components/_tabs.scss */
ul.x-tab-strip li.x-tab-strip-active .x-tab-right .x-tab-left .x-tab-strip-inner .x-tab-strip-text {
  padding-bottom: 1px;
  /* Active tab is styled bold by ExtJS */
  font-weight: normal;
}
/* line 55, ../scss/components/_tabs.scss */
ul.x-tab-strip li:not(.x-tab-strip-active):hover .x-tab-right {
  background-color: #dadada;
}
/* line 61, ../scss/components/_tabs.scss */
ul.x-tab-strip li.x-tab-strip-closable .x-tab-right {
  /* close cross is 7x7 px */
  padding-right: 25px;
}

/* line 68, ../scss/components/_tabs.scss */
ul.x-tab-strip-top li {
  border-bottom: none !important;
}

/* line 71, ../scss/components/_tabs.scss */
ul.x-tab-strip-bottom li {
  border-top: none !important;
}

/*********************************************************
 *  Special case: the tabs of the main content panel
 ********************************************************/
/* line 81, ../scss/components/_tabs.scss */
#zarafa-mainpanel > .x-tab-panel-header ul.x-tab-strip-top {
  /* Move the border from the tab-strip to the panels below it so we can have 'seperated' grid panel and preview panel */
  border-bottom: none;
  padding-top: 0;
  padding-left: 0;
}
/* line 88, ../scss/components/_tabs.scss */
#zarafa-mainpanel > .x-tab-panel-header ul.x-tab-strip-top li .x-tab-right {
  padding-right: 12px;
}
/* line 91, ../scss/components/_tabs.scss */
#zarafa-mainpanel > .x-tab-panel-header ul.x-tab-strip-top li .x-tab-right .x-tab-strip-text {
  height: 35px;
  /* 1px for the border) */
  line-height: 35px;
}
/* line 99, ../scss/components/_tabs.scss */
#zarafa-mainpanel > .x-tab-panel-header ul.x-tab-strip-top li.x-tab-strip-closable .x-tab-right {
  /* close cross is 7x7 px */
  padding-right: 25px;
}
/* line 104, ../scss/components/_tabs.scss */
#zarafa-mainpanel > .x-tab-panel-header ul.x-tab-strip-top li.x-tab-strip-closable a.x-tab-strip-close {
  height: 20px;
  width: 20px;
  top: 7.5px;
  right: 2px;
}
/* line 113, ../scss/components/_tabs.scss */
#zarafa-mainpanel > .x-tab-panel-header ul.x-tab-strip-top li.x-tab-strip-active .x-tab-right {
  /* because we changed the border, we don't need this negative margin anymore */
  margin-bottom: 0;
}
/* line 119, ../scss/components/_tabs.scss */
#zarafa-mainpanel > .x-tab-panel-header ul.x-tab-strip-top li.x-tab-edge {
  width: auto;
}
/* line 122, ../scss/components/_tabs.scss */
#zarafa-mainpanel > .x-tab-panel-header ul.x-tab-strip-top li.x-tab-edge .x-tab-add {
  height: 36px;
  width: 11px;
  padding: 0 6px;
  display: block;
  cursor: pointer;
}

/* line 134, ../scss/components/_tabs.scss */
#zarafa-mainpanel #zarafa-mainpanel-content > .x-panel {
  border-top: 1px solid #e6e6e6;
}
/* line 138, ../scss/components/_tabs.scss */
#zarafa-mainpanel #zarafa-mainpanel-content #zarafa-mainpanel-contentpanel-mail.x-panel {
  border-top: none;
}
/* line 142, ../scss/components/_tabs.scss */
#zarafa-mainpanel #zarafa-mainpanel-content #zarafa-mainpanel-contentpanel-mail.x-panel > .x-panel-bwrap > .x-panel-body {
  /* needed to have a transparency in the area between the grid panel and the preview panel */
  background: transparent !important;
}
/* line 150, ../scss/components/_tabs.scss */
#zarafa-mainpanel > .x-tab-panel-bwrap {
  margin-top: -1px;
}
/* line 153, ../scss/components/_tabs.scss */
#zarafa-mainpanel > .x-tab-panel-bwrap > .x-tab-panel-body {
  /* needed to have a transparency in the area between the grid panel and the preview panel */
  background: transparent;
  /* Move these borders to the inside panel(s) so we can have 'separate' grid and preview panels for mail context */
  border-left: none;
  border-right: none;
  border-bottom: none;
}
/* line 162, ../scss/components/_tabs.scss */
#zarafa-mainpanel > .x-tab-panel-bwrap > .x-tab-panel-body > div > .x-panel {
  border: 1px solid #e6e6e6;
}
/* line 166, ../scss/components/_tabs.scss */
#zarafa-mainpanel > .x-tab-panel-bwrap > .x-tab-panel-body > div > div#zarafa-mainpanel-contentpanel-mail {
  border: none;
}
/* line 169, ../scss/components/_tabs.scss */
#zarafa-mainpanel > .x-tab-panel-bwrap > .x-tab-panel-body > div > div#zarafa-mainpanel-contentpanel-mail > .x-panel-bwrap > .x-panel-body > .x-panel {
  border: 1px solid #e6e6e6;
}

/************************************************************
 * Icons
 ************************************************************

/* General icon position */
/* line 191, ../scss/components/_tabs.scss */
ul.x-tab-strip li .x-tab-right .x-tab-left .x-tab-strip-inner .x-tab-strip-icon {
  /* icons are 16px wide */
  padding-left: 22px;
  background-repeat: no-repeat;
  background-position: left 10px !important;
}
/* line 205, ../scss/components/_tabs.scss */
ul.x-tab-strip li.x-tab-with-icon .x-tab-right .x-tab-left .x-tab-strip-inner .x-tab-strip-text {
  /* icons are 16px wide */
  padding-left: 22px;
  background-repeat: no-repeat;
  background-position: left 10px !important;
}
/* line 211, ../scss/components/_tabs.scss */
ul.x-tab-strip li.x-tab-with-icon .x-tab-right .x-tab-left .x-tab-strip-inner .icon_cogwheel {
  background-position: left 8px !important;
}

/* iconCls for dirty messages */
/* line 221, ../scss/components/_tabs.scss */
.x-tab-strip-text.zarafa-tab-edited {
  font-style: italic !important;
}

/* line 225, ../scss/components/_tabs.scss */
ul.x-tab-strip-top {
  background-image: none;
  background-color: transparent;
}

/* line 230, ../scss/components/_tabs.scss */
.x-tab-panel-header, .x-tab-panel-footer {
  background-color: transparent;
  border: none;
  padding: 0;
}

/* Override tab text font color */
/* line 237, ../scss/components/_tabs.scss */
.x-tab-strip span.x-tab-strip-text {
  color: black;
}

/* Paging left/right arrows when there are too many tabs open to fit in the tab layout. */
/* line 242, ../scss/components/_tabs.scss */
.x-tab-scroller-left {
  border-bottom-color: transparent;
}

/* line 246, ../scss/components/_tabs.scss */
.x-tab-scroller-right {
  border-bottom-color: transparent;
}

@keyframes progress {
  to {
    background-position: 40px 0;
  }
}
/* line 8, ../scss/components/_boxfields.scss */
.ext-strict .x-zarafa-boxfield {
  padding: 0;
}

/* line 11, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield {
  padding: 0;
  /* clearfix solution found at http://nicolasgallagher.com/micro-clearfix-hack/ */
}
/* line 15, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield ul:before,
.x-zarafa-boxfield ul:after {
  content: " ";
  display: table;
}
/* line 20, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield ul:after {
  clear: both;
}
/* line 24, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield ul {
  padding: 0 1px;
  /*
   * We need to set a minumum height because the attachment field by default has no contents and therefor would
   * have a height of 0
   */
  min-height: 22px;
  /* the icon for recipient fields */
  /* Display the icon when the recipient box is resolved */
  /* TODO: the colors for the ambiguous items should be designed */
}
/* line 32, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield ul li {
  float: left;
  margin: 1px 3px 0 0;
  display: inline;
}
/* line 37, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield ul li:last-child {
  margin-bottom: 1px;
}
/* line 41, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield ul li.x-zarafa-boxfield-input-item {
  padding: 0;
}
/* line 44, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield ul li.x-zarafa-boxfield-input-item input.x-zarafa-boxfield-input-noborder {
  padding: 0 6px;
  border: none;
  /* ExtJS adds a gradient as background, here we remove it */
  background-image: none;
}
/* line 51, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield ul li.x-zarafa-boxfield-input-item input.x-trigger-noedit {
  cursor: auto;
}
/* line 56, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield ul .x-zarafa-boxfield-item {
  padding: 0 0 0 6px;
  background: #f8f8f8;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
}
/* line 62, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield ul .x-zarafa-boxfield-item .x-zarafa-boxfield-item-icon {
  float: left;
  height: 16px;
  width: 16px;
  margin-right: 6px;
  margin-top: 1px;
}
/* line 70, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield ul .x-zarafa-boxfield-item .x-zarafa-boxfield-item-text {
  float: left;
  line-height: 18px;
  overflow: hidden;
}
/* line 76, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield ul .x-zarafa-boxfield-item .x-zarafa-boxfield-item-close {
  float: left;
  cursor: pointer;
  padding-left: 6px;
  padding-right: 6px;
  width: 7px;
  height: 7px;
  margin-top: 5.5px;
  /*
  @extend .icon_cross;
  background-position: sprite-position($icons, icon_cross, $offset-y: 0, $offset-x: $padding-medium);
  */
}
/* line 91, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield ul .x-zarafa-boxfield-item-hover,
.x-zarafa-boxfield ul .x-zarafa-boxfield-recipient-item.x-zarafa-boxfield-item-hover {
  background: #f2f2f2;
  border: 1px solid #dadada;
}
/* line 97, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield ul .x-zarafa-boxfield-item-focus,
.x-zarafa-boxfield ul .x-zarafa-boxfield-recipient-item.x-zarafa-boxfield-item-focus {
  background-color: #d5e8f7;
}
/* line 103, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield ul .x-zarafa-boxfield-item.x-zarafa-boxfield-recipient-item .x-zarafa-boxfield-item-icon {
  display: none;
}
/* line 108, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield ul .x-zarafa-boxfield-item.x-zarafa-boxfield-recipient-item-resolved .x-zarafa-boxfield-item-icon,
.x-zarafa-boxfield ul .x-zarafa-boxfield-item.x-zarafa-boxfield-recipient-item-ambiguous .x-zarafa-boxfield-item-icon {
  display: inline-block;
}
/* line 113, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield ul .x-zarafa-boxfield-recipient-item-invalid {
  background: transparent;
  border-color: transparent;
}
/* line 117, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield ul .x-zarafa-boxfield-recipient-item-invalid .x-zarafa-boxfield-item-text {
  border-bottom: 2px dotted #e40023;
  line-height: 13px;
  padding-top: 2px;
}
/* line 125, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield ul .x-zarafa-boxfield-recipient-item-ambiguous {
  background: #f8bf76;
  border-color: #d19c47;
}
/* line 129, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield ul .x-zarafa-boxfield-recipient-item-ambiguous.x-zarafa-boxfield-item-focus {
  background-color: #3e91f3;
  color: #FFF;
}
/* line 134, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield ul .x-zarafa-boxfield-item-expand {
  width: 8px;
  height: 8px;
  margin-top: 6px;
  float: left;
  display: block;
  padding-right: 6px;
  cursor: pointer;
  background-size: 8px;
}

/* Make the whole compositefield for mailcreate and addressbook dialog cursor text and not the first input field */
/* line 153, ../scss/components/_boxfields.scss */
.zarafa-addressbook-dialog-compositefield .x-form-text.x-zarafa-boxfield,
.zarafa-mailcreatepanel-field-from .x-form-text.x-zarafa-boxfield,
.zarafa-mailcreatepanel-field-cc .x-form-text.x-zarafa-boxfield,
.zarafa-mailcreatepanel-field-to .x-form-text.x-zarafa-boxfield,
.zarafa-mailcreatepanel-field-bcc .x-form-text.x-zarafa-boxfield {
  cursor: text;
}

/* line 159, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield-suggestion-cross {
  cursor: pointer;
  float: right;
  height: 7px;
  margin-top: 5px;
  padding: 0 6px;
  visibility: hidden;
}

/* line 167, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield-suggestion-item:hover .x-zarafa-boxfield-suggestion-cross {
  visibility: visible !important;
}

/* line 171, ../scss/components/_boxfields.scss */
.zarafa-compositefield > .x-box-inner {
  /* this is necessary because otherwise the shadows of the buttons in the new design (2015) will be cut off */
  overflow: visible;
}

/* line 175, ../scss/components/_boxfields.scss */
.zarafa-resizable-compositefield {
  padding-bottom: 6px;
}

/*****************************************************************************
 * Attachment boxfield
 ****************************************************************************/
/* line 183, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield.zarafa-attachmentfield {
  border: none;
}
/* line 186, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield.zarafa-attachmentfield ul {
  padding: 0;
  /* increase the minimum height because this boxfield has no border */
  min-height: 24px;
}
/* line 191, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield.zarafa-attachmentfield ul li {
  margin-top: 0;
  margin-bottom: 1px;
}
/* line 197, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield.zarafa-attachmentfield ul .x-zarafa-boxfield-item .x-zarafa-boxfield-item-icon {
  margin-top: 4px;
}
/* line 200, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield.zarafa-attachmentfield ul .x-zarafa-boxfield-item .x-zarafa-boxfield-item-text {
  line-height: 24px;
}
/* line 204, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield.zarafa-attachmentfield ul .x-zarafa-boxfield-item .x-zarafa-boxfield-item-close {
  margin-top: 8.5px;
}
/* line 209, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield.zarafa-attachmentfield ul .x-zarafa-boxfield-item.x-zarafa-boxfield-attachment-item-uploading {
  background-color: #d5e8f7;
  background-image: linear-gradient(45deg, transparent, transparent 25%, rgba(255, 255, 255, 0.7) 25%, rgba(255, 255, 255, 0.7) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.7) 75%, rgba(255, 255, 255, 0.7) 100%, transparent);
  background-size: 40px 40px;
  animation: progress 1.75s linear infinite;
}
/* line 216, ../scss/components/_boxfields.scss */
.x-zarafa-boxfield.zarafa-attachmentfield ul .x-zarafa-boxfield-item.x-zarafa-boxfield-attachment-item-invalid {
  background-color: #F3D6D6;
  border-color: #D7B7B7;
}

/* Favorites settings */
/* line 2, ../scss/components/_hierarchy.scss */
body.hideFavorites .zarafa-tree-ipm-subtree-favorites-container {
  display: none !important;
}

/* line 6, ../scss/components/_hierarchy.scss */
body.scrollFavorites .zarafa-tree-ipm-subtree-favorites-container {
  position: relative !important;
}

/* hierarchy toolbar (Show all folders panel) */
/* line 13, ../scss/components/_hierarchy.scss */
#zarafa-navigationpanel .zarafa-hierarchy-treepanel .zarafa-hierarchy-treepanel-tbar .x-toolbar {
  /* Bottom has -1 pixel since we have a bottom-border of 1px */
  padding: 8px 12px 7px 12px;
}
/* line 19, ../scss/components/_hierarchy.scss */
#zarafa-navigationpanel .zarafa-hierarchy-treepanel .zarafa-hierarchy-treepanel-tbar .x-toolbar .x-form-check-wrap input, #zarafa-navigationpanel .zarafa-hierarchy-treepanel .zarafa-hierarchy-treepanel-tbar .x-toolbar .x-form-check-wrap label {
  line-height: 20px;
  vertical-align: middle;
}
/* line 25, ../scss/components/_hierarchy.scss */
#zarafa-navigationpanel .zarafa-hierarchy-treepanel .zarafa-hierarchy-treepanel-tbar .x-toolbar .x-form-item {
  margin-bottom: 0;
}

/* Always show the favorites container when screen is at least 768 pixels height
Note: Does not work in IE11 */
@media (min-height: 768px) {
  /* line 35, ../scss/components/_hierarchy.scss */
  .zarafa-tree-ipm-subtree-favorites-container {
    position: sticky;
    top: 0;
    background: #ffffff;
    border-bottom: 1px solid #e6e6e6;
    z-index: 99;
  }
}
/* line 44, ../scss/components/_hierarchy.scss */
.zarafa-tree-ipm-subtree-container, .zarafa-tree-ipm-subtree-favorites-container {
  padding: 12px 0 6px;
}

/* line 48, ../scss/components/_hierarchy.scss */
.zarafa-tree-ipm-subtree-container:last-child, .zarafa-tree-ipm-subtree-favorites-container:last-child {
  padding-bottom: 12px;
}

/* Fix for the background-color when the titles are longer than the width of the box */
/* line 53, ../scss/components/_hierarchy.scss */
.zarafa-hierarchy-treepanel .x-tree-root-ct {
  display: inline-block;
  min-width: 100%;
}

/* Override -- lines in hierarchytree */
/* line 59, ../scss/components/_hierarchy.scss */
.x-tree-lines .x-tree-elbow,
.x-tree-lines .x-tree-elbow-line,
.x-tree-lines .x-tree-elbow-end {
  background-image: none;
}

/* line 65, ../scss/components/_hierarchy.scss */
#zarafa-navigationpanel .zarafa-context-navigation-block:not(.fixed-bottombar) .zarafa-hierarchy-treepanel-body {
  height: auto !important;
}

/* line 69, ../scss/components/_hierarchy.scss */
.zarafa-hierarchy-treepanel-body {
  overflow: hidden !important;
}

/* line 73, ../scss/components/_hierarchy.scss */
.zarafa-hierarchy-treepanel-body:hover {
  overflow: auto !important;
}

/* line 77, ../scss/components/_hierarchy.scss */
.zarafa-hierarchy-treepanel-bottombar {
  border-top: 1px solid #e6e6e6;
  padding: 10px 0;
}
/* line 81, ../scss/components/_hierarchy.scss */
.zarafa-hierarchy-treepanel-bottombar table {
  padding-left: 12px;
  width: 100%;
  padding-right: 9px;
}
/* line 86, ../scss/components/_hierarchy.scss */
.zarafa-hierarchy-treepanel-bottombar table .x-btn.zarafa-hierarchy-treepanel-footer-opensharedfolder {
  display: block;
}
/* line 89, ../scss/components/_hierarchy.scss */
.zarafa-hierarchy-treepanel-bottombar table .x-btn.zarafa-hierarchy-treepanel-footer-opensharedfolder .x-btn-small {
  display: block;
}
/* line 92, ../scss/components/_hierarchy.scss */
.zarafa-hierarchy-treepanel-bottombar table .x-btn.zarafa-hierarchy-treepanel-footer-opensharedfolder .x-btn-small em, .zarafa-hierarchy-treepanel-bottombar table .x-btn.zarafa-hierarchy-treepanel-footer-opensharedfolder .x-btn-small button {
  width: 100%;
}

/* line 100, ../scss/components/_hierarchy.scss */
.x-tree-node-el {
  line-height: 20px;
}
/* line 103, ../scss/components/_hierarchy.scss */
.x-tree-node-el a {
  margin-left: 6px;
}

/* line 108, ../scss/components/_hierarchy.scss */
.x-tree-node a span, .x-dd-drag-ghost a span {
  padding-left: 0;
}

/* line 112, ../scss/components/_hierarchy.scss */
.x-tree-node.zarafa-tree-root-container .x-tree-node-el {
  padding-left: 9px;
}

/* Selection in tree */
/* line 117, ../scss/components/_hierarchy.scss */
.x-tree-node .zarafa-hierarchy-node.x-tree-selected {
  background-color: #d5e8f7;
}

/* line 121, ../scss/components/_hierarchy.scss */
.x-tree-node .x-tree-node-over {
  background-color: #f2f2f2;
}

/* line 125, ../scss/components/_hierarchy.scss */
.zarafa-hierarchy-treepanel-tbar .x-form-display-field.x-form-item,
.x-form-field.zarafa-hierarchy-treepanel-showallfolders {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

/* counters */
/* line 132, ../scss/components/_hierarchy.scss */
.zarafa-hierarchy-node-total-count span.zarafa-hierarchy-node-counter {
  color: #59b147;
}

/* line 135, ../scss/components/_hierarchy.scss */
.zarafa-hierarchy-node-unread-count span.zarafa-hierarchy-node-counter {
  color: #0f70bd;
}

/* line 138, ../scss/components/_hierarchy.scss */
.zarafa-hierarchy-node-owner {
  font-weight: normal;
  color: #777777 !important;
}

/* line 143, ../scss/components/_hierarchy.scss */
.zarafa-tree-node.zarafa-hierarchy-node-withcounter {
  font-weight: bold;
}

/* make the whole hierarchy tree entry's look clickable */
/* line 149, ../scss/components/_hierarchy.scss */
.x-tree-node-el span, .x-tree-node-el img, .x-tree-node-el a {
  cursor: pointer;
}
/* line 153, ../scss/components/_hierarchy.scss */
.x-tree-node-el svg rect, .x-tree-node-el svg path, .x-tree-node-el svg g {
  cursor: pointer;
}

/* Margin for checkbox next to calendar icon  */
/* line 160, ../scss/components/_hierarchy.scss */
.zarafa-hierarchy-node-cb {
  margin-right: 6px;
}

/* line 1, ../scss/components/_preview_panel.scss */
.preview-header {
  padding: 0 4px 0 9px;
  border-bottom: 1px solid #e6e6e6;
}

/* line 5, ../scss/components/_preview_panel.scss */
.preview-header .x-panel-body {
  /* we cannot set this padding on the .preview-header because it will fuck up the collapse/expand animation */
  padding-bottom: 6px;
}

/***************************************
 *  scrollbars for Webkit
 ***************************************/
/* line 13, ../scss/components/_preview_panel.scss */
.preview-header ::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}

/* line 18, ../scss/components/_preview_panel.scss */
.preview-header ::-webkit-scrollbar-button:vertical {
  border: 1px solid #fff;
  background-color: #fff;
  background-repeat: no-repeat;
  height: 15px;
  border-radius: 2px;
}

/* line 25, ../scss/components/_preview_panel.scss */
.preview-header ::-webkit-scrollbar-button:vertical:hover {
  border: 1px solid #dadada;
}

/* line 28, ../scss/components/_preview_panel.scss */
.preview-header ::-webkit-scrollbar-button:vertical:increment {
  /* this is the arrow_down_s.png icon */
  /* putting this webkit rule in app-icons.extensions.json would break the rule on IE11 */
  /* so we're cheating a little and adding this one here */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAAHElEQVR4AWMKDAz8j46ZGBgYGBlQASMTjIFMAwD7JAnFXwG1BAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 36, ../scss/components/_preview_panel.scss */
.preview-header ::-webkit-scrollbar-button:vertical:decrement {
  /* this is the arrow_up_s.png icon */
  /* putting this webkit rule in app-icons.extensions.json would break the rule on IE11 */
  /* so we're cheating a little and adding this one here */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAAGElEQVR4AWMIDAyE4f8wNkIAgRnAAugYAIFDFzUC5hyIAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 44, ../scss/components/_preview_panel.scss */
.preview-header ::-webkit-scrollbar-button:vertical:increment:disabled {
  background-color: red;
}

/* line 47, ../scss/components/_preview_panel.scss */
.preview-header ::-webkit-scrollbar-button:vertical:active {
  background-color: #f8f8f8;
}

/* line 50, ../scss/components/_preview_panel.scss */
.preview-header ::-webkit-scrollbar-thumb {
  border: none;
  border-radius: 2px;
}

/***************************************
 *  scrollbars for IE
 ***************************************/
/* line 58, ../scss/components/_preview_panel.scss */
.preview-header {
  scrollbar-base-color: #ffffff;
  scrollbar-arrow-color: #333;
  scrollbar-shadow-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #ffffff;
}

/* the expand/collapse button */
/* line 74, ../scss/components/_preview_panel.scss */
.preview-header-collapse {
  float: right;
  width: 20px;
  height: 20px;
  margin: -9px -9px 0 9px;
  /* pulling it to the top and the right to be able to create a larger click area */
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 86, ../scss/components/_preview_panel.scss */
.preview-header-titlebox,
.preview-header-title .preview-title {
  font-size: 15px !important;
  line-height: 20px;
  min-height: 20px;
  /* set a min-height, so mails without a subject will not look strange) */
  margin-right: 5px;
}

/* Subject field */
/* line 95, ../scss/components/_preview_panel.scss */
.preview-header-title .preview-title {
  font-weight: bold;
}

/* line 99, ../scss/components/_preview_panel.scss */
.preview-header-titlebox {
  padding: 8px 0;
}

/* line 102, ../scss/components/_preview_panel.scss */
.preview-header-senderbox .preview-from {
  display: block;
  padding-bottom: 6px;
}

/* line 106, ../scss/components/_preview_panel.scss */
.preview-header-recipients, .preview-header-meeting, .preview-header-attachments {
  display: block;
  margin-top: 6px;
}

/* line 112, ../scss/components/_preview_panel.scss */
.preview-header-recipients .preview-recipient-title,
.preview-header-attachments .preview-attachment-title {
  float: left;
}

/* line 118, ../scss/components/_preview_panel.scss */
.preview-header-sentinfo .preview-timestamp-title,
.preview-header-recipients .preview-recipient-title,
.preview-header-attachments .preview-attachment-title,
.preview-header-meeting .preview-when .preview-when-title,
.preview-header-meeting .preview-proposed .preview-proposed-title,
.preview-header-meeting .preview-location .preview-location-title {
  display: inline-block;
  min-width: 36px;
  font-weight: normal;
  padding-right: 6px;
}

/* line 130, ../scss/components/_preview_panel.scss */
.preview-recipient-data {
  line-height: 16px;
}

/* line 134, ../scss/components/_preview_panel.scss */
.preview-body {
  padding: 0;
}

/* Overflow for recipients / attachments */
/* line 139, ../scss/components/_preview_panel.scss */
.preview-header-recipients .preview-recipient-data,
.preview-header-attachments .preview-attachment-data {
  overflow-y: auto;
}

/* Attachments: */
/* line 145, ../scss/components/_preview_panel.scss */
.preview-header-attachmentbox {
  line-height: 18px;
  padding-top: 2px;
}

/* Force width/height of iframe to be 100% so the content fits the iframe */
/* line 151, ../scss/components/_preview_panel.scss */
.preview-iframe {
  height: 100%;
  width: 100%;
}

/* Top header infobox  */
/* line 157, ../scss/components/_preview_panel.scss */
.preview-header-extrainfobox {
  background-color: #d5e8f7;
  margin-bottom: 3px;
  padding: 6px 9px 6px 9px;
}

/* Corrupt message case */
/* line 164, ../scss/components/_preview_panel.scss */
.preview-header-extrainfobox-item-over {
  cursor: pointer;
}

/* Preview header email address */
/* line 169, ../scss/components/_preview_panel.scss */
span.zarafa-emailaddress-link {
  cursor: pointer;
}

/* line 173, ../scss/components/_preview_panel.scss */
span.zarafa-emailaddress-link:hover {
  color: #0000FF;
  text-decoration: underline;
}

/* line 179, ../scss/components/_preview_panel.scss */
.preview-title-hr {
  margin: 2px 0;
}

/* line 183, ../scss/components/_preview_panel.scss */
.preview-recipient-data {
  word-wrap: break-word;
}

/* line 187, ../scss/components/_preview_panel.scss */
.preview-header-attachments .zarafa-attachment-link {
  border-radius: 4px;
  border: 1px solid #d3d2d2;
  background-color: #ebeaeb;
  color: #00a;
  padding: 1px 5px;
  margin: 1px;
  box-shadow: 0 0 1px #ddd inset;
  cursor: pointer;
}

/* line 199, ../scss/components/_preview_panel.scss */
.preview-header-attachments .zarafa-attachment-link-over {
  background-color: #ddd;
}

/* line 206, ../scss/components/_preview_panel.scss */
.preview-header-task .preview-from .task-info-container span {
  min-width: 80px;
  padding-top: 5px;
  display: inline-block;
}
/* line 210, ../scss/components/_preview_panel.scss */
.preview-header-task .preview-from .task-info-container span.minwidth120 {
  min-width: 120px;
}
/* line 213, ../scss/components/_preview_panel.scss */
.preview-header-task .preview-from .task-info-container span.label {
  color: #7F7F7F;
}
/* line 220, ../scss/components/_preview_panel.scss */
.preview-header-task .preview-from input.zarafa-task-date-completed {
  border: 1px solid #dadada;
  width: 150px;
  padding: 3px;
}

/* line 229, ../scss/components/_preview_panel.scss */
.task-attachment-info-panel .preview-attachment-title {
  color: #7F7F7F;
}
/* line 232, ../scss/components/_preview_panel.scss */
.task-attachment-info-panel .preview-header-attachments {
  margin-top: 0px;
}

/**********************************************************************
 * Mail create panel
 *********************************************************************/
/* line 7, ../scss/components/_createitempanels.scss */
.zarafa-mailcreatepanel > .x-panel-bwrap > .x-panel-body {
  padding: 6px 0;
  /* Override min-width to take account for the drop down entry */
}
/* line 10, ../scss/components/_createitempanels.scss */
.zarafa-mailcreatepanel > .x-panel-bwrap > .x-panel-body .zarafa-mailcreatepanel-field-from,
.zarafa-mailcreatepanel > .x-panel-bwrap > .x-panel-body .zarafa-mailcreatepanel-field-to,
.zarafa-mailcreatepanel > .x-panel-bwrap > .x-panel-body .zarafa-mailcreatepanel-field-cc,
.zarafa-mailcreatepanel > .x-panel-bwrap > .x-panel-body .zarafa-mailcreatepanel-field-bcc,
.zarafa-mailcreatepanel > .x-panel-bwrap > .x-panel-body .zarafa-mailcreatepanel-field-attachments,
.zarafa-mailcreatepanel > .x-panel-bwrap > .x-panel-body .zarafa-mailcreatepanel-field-editor {
  padding: 0 6px 6px;
  min-height: 24px;
}
/* line 19, ../scss/components/_createitempanels.scss */
.zarafa-mailcreatepanel > .x-panel-bwrap > .x-panel-body .zarafa-mailcreatepanel-field-from button,
.zarafa-mailcreatepanel > .x-panel-bwrap > .x-panel-body .zarafa-mailcreatepanel-field-to button,
.zarafa-mailcreatepanel > .x-panel-bwrap > .x-panel-body .zarafa-mailcreatepanel-field-cc button,
.zarafa-mailcreatepanel > .x-panel-bwrap > .x-panel-body .zarafa-mailcreatepanel-field-bcc button,
.zarafa-mailcreatepanel > .x-panel-bwrap > .x-panel-body .zarafa-mailcreatepanel-field-attachments button,
.zarafa-mailcreatepanel > .x-panel-bwrap > .x-panel-body .zarafa-mailcreatepanel-field-editor button {
  text-align: left;
}
/* line 24, ../scss/components/_createitempanels.scss */
.zarafa-mailcreatepanel > .x-panel-bwrap > .x-panel-body .zarafa-mailcreatepanel-extrainfo {
  padding: 0 6px 6px 6px;
}
/* line 27, ../scss/components/_createitempanels.scss */
.zarafa-mailcreatepanel > .x-panel-bwrap > .x-panel-body .zarafa-mailcreatepanel-extrainfo div {
  padding: 6px;
  background: #d5e8f7;
  border: 1px solid #b6b6b6;
}
/* line 36, ../scss/components/_createitempanels.scss */
.zarafa-mailcreatepanel > .x-panel-bwrap > .x-panel-body .zarafa-mailcreatepanel-field-from button {
  min-width: 72px;
}
/* line 41, ../scss/components/_createitempanels.scss */
.zarafa-mailcreatepanel > .x-panel-bwrap > .x-panel-body .zarafa-mailcreatepanel-field-subject {
  padding: 6px 6px 6px 12px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-left: none;
  border-right: none;
  font-size: 15px !important;
}
/* line 50, ../scss/components/_createitempanels.scss */
.zarafa-mailcreatepanel > .x-panel-bwrap > .x-panel-body .zarafa-mailcreatepanel-field-attachments {
  padding-top: 6px;
}
/* line 54, ../scss/components/_createitempanels.scss */
.zarafa-mailcreatepanel > .x-panel-bwrap > .x-panel-body .zarafa-mailcreatepanel-field-editor {
  /* Prevent a double padding on the bottom of the panel */
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
/* line 60, ../scss/components/_createitempanels.scss */
.zarafa-mailcreatepanel > .x-panel-bwrap > .x-panel-body .zarafa-mailcreatepanel-field-editor textarea {
  padding: 12px;
  font-family: monospace !important;
}

/**********************************************************************
 * Appointment create panel & Task create panel
 *********************************************************************/
/* line 74, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .x-form-item,
.k-taskgeneraltab .x-form-item {
  margin-bottom: 0;
}
/* line 78, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .zarafa-calendar-appointment-extrainfo,
.k-taskgeneraltab .zarafa-calendar-appointment-extrainfo {
  padding: 6px 6px 0;
}
/* line 81, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .zarafa-calendar-appointment-extrainfo div,
.k-taskgeneraltab .zarafa-calendar-appointment-extrainfo div {
  padding: 6px;
  background: #d5e8f7;
}
/* line 87, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .k-field-to,
.k-taskgeneraltab .k-field-to {
  padding: 6px;
  min-height: 24px;
  border-bottom: 1px solid #e6e6e6;
}
/* line 92, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .k-field-to button,
.k-taskgeneraltab .k-field-to button {
  text-align: left;
}
/* line 97, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .k-subject-panel,
.k-appointmentcreatetab .k-createin-panel,
.k-appointmentcreatetab .k-location-panel,
.k-taskgeneraltab .k-subject-panel,
.k-taskgeneraltab .k-createin-panel,
.k-taskgeneraltab .k-location-panel {
  padding: 6px;
  border-bottom: 1px solid #e6e6e6;
}
/* line 103, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .k-subject-panel label,
.k-appointmentcreatetab .k-createin-panel label,
.k-appointmentcreatetab .k-location-panel label,
.k-taskgeneraltab .k-subject-panel label,
.k-taskgeneraltab .k-createin-panel label,
.k-taskgeneraltab .k-location-panel label {
  text-align: left;
  padding: 0 6px;
  line-height: 20px;
  padding-top: 2px;
  width: 72px !important;
}
/* line 113, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .k-datetime-panel table,
.k-taskgeneraltab .k-datetime-panel table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}
/* line 118, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .k-datetime-panel table tr:nth-child(2),
.k-taskgeneraltab .k-datetime-panel table tr:nth-child(2) {
  border-bottom: 1px solid #e6e6e6;
}
/* line 122, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .k-datetime-panel table td:first-child,
.k-taskgeneraltab .k-datetime-panel table td:first-child {
  width: 100px;
}
/* line 125, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .k-datetime-panel table td:first-child td:first-child,
.k-taskgeneraltab .k-datetime-panel table td:first-child td:first-child {
  width: auto;
}
/* line 132, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .k-date-panel,
.k-taskgeneraltab .k-date-panel {
  padding: 6px;
  padding-right: 36px;
}
/* line 137, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .k-date-panel .x-form-item:first-child label,
.k-taskgeneraltab .k-date-panel .x-form-item:first-child label {
  padding: 0 6px;
  line-height: 20px;
  padding-top: 2px;
}
/* line 145, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .k-date-panel .x-form-item:last-child label,
.k-taskgeneraltab .k-date-panel .x-form-item:last-child label {
  padding: 0 9px;
  line-height: 20px;
  padding-top: 2px;
  text-align: right;
}
/* line 154, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .k-busystatus-panel,
.k-appointmentcreatetab .k-label-panel,
.k-appointmentcreatetab .k-status-panel,
.k-appointmentcreatetab .k-priority-complete-panel,
.k-taskgeneraltab .k-busystatus-panel,
.k-taskgeneraltab .k-label-panel,
.k-taskgeneraltab .k-status-panel,
.k-taskgeneraltab .k-priority-complete-panel {
  padding: 6px;
  padding-left: 12px;
  border-left: 1px solid #e6e6e6;
}
/* line 163, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .k-reminder-panel,
.k-appointmentcreatetab .k-taskrequestsettings,
.k-taskgeneraltab .k-reminder-panel,
.k-taskgeneraltab .k-taskrequestsettings {
  padding: 6px;
  padding-left: 11px;
}
/* line 168, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .k-reminder-panel .x-form-check-wrap,
.k-appointmentcreatetab .k-taskrequestsettings .x-form-check-wrap,
.k-taskgeneraltab .k-reminder-panel .x-form-check-wrap,
.k-taskgeneraltab .k-taskrequestsettings .x-form-check-wrap {
  line-height: 20px;
  padding-top: 2px;
}
/* line 174, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .k-taskrequestsettings,
.k-taskgeneraltab .k-taskrequestsettings {
  border-bottom: 1px solid #e6e6e6;
}
/* line 178, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .k-taskrequestsettings .x-form-check-wrap label,
.k-taskgeneraltab .k-taskrequestsettings .x-form-check-wrap label {
  padding-right: 18px;
}
/* line 184, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .k-taskinfopanel,
.k-taskgeneraltab .k-taskinfopanel {
  padding: 6px;
}
/* line 188, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .k-extrainfopanel,
.k-taskgeneraltab .k-extrainfopanel {
  padding: 6px;
  padding-bottom: 0;
}
/* line 193, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .filler,
.k-taskgeneraltab .filler {
  padding: 6px;
  padding-left: 12px;
  border-left: 1px solid #e6e6e6;
  height: 24px;
}
/* line 200, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .k-field-attachments,
.k-taskgeneraltab .k-field-attachments {
  padding: 6px;
}
/* line 205, ../scss/components/_createitempanels.scss */
.k-appointmentcreatetab .k-body-panel textarea,
.k-taskgeneraltab .k-body-panel textarea {
  border: none;
  border-top: 1px solid #e6e6e6;
}

/* line 212, ../scss/components/_createitempanels.scss */
.k-createin-combo {
  text-indent: 20px;
  background-position-x: 6px;
  background-position-y: 4px;
  background-repeat: no-repeat;
}

/* line 220, ../scss/components/_createitempanels.scss */
.k-createin-combo-list-svg .x-combo-list-inner .x-combo-list-item svg {
  position: relative;
  top: 2px;
  right: 5px;
}

/* line 229, ../scss/components/_createitempanels.scss */
.k-taskdetailtab > .x-panel-bwrap {
  padding: 6px;
}
/* line 233, ../scss/components/_createitempanels.scss */
.k-taskdetailtab .k-datepanel,
.k-taskdetailtab .k-workpanel,
.k-taskdetailtab .k-companypanel,
.k-taskdetailtab .k-updatelistpanel {
  padding: 6px;
}
/* line 241, ../scss/components/_createitempanels.scss */
.k-taskdetailtab .k-workpanel .k-col1 {
  padding-left: 18px;
}
/* line 247, ../scss/components/_createitempanels.scss */
.k-taskdetailtab .k-updatelistpanel .x-btn {
  padding-top: 6px;
}

/**********************************************************************
 * Contact create panel
 *********************************************************************/
/* line 256, ../scss/components/_createitempanels.scss */
.zarafa-contactcreatepanel {
  /* the general tab */
}
/* line 261, ../scss/components/_createitempanels.scss */
.zarafa-contactcreatepanel .zarafa-contactgeneraltab > .x-panel-bwrap > .x-panel-body,
.zarafa-contactcreatepanel .zarafa-contactdetailtab > .x-panel-bwrap > .x-panel-body {
  padding: 6px;
}
/* line 264, ../scss/components/_createitempanels.scss */
.zarafa-contactcreatepanel .zarafa-contactgeneraltab > .x-panel-bwrap > .x-panel-body fieldset,
.zarafa-contactcreatepanel .zarafa-contactdetailtab > .x-panel-bwrap > .x-panel-body fieldset {
  border: none;
}
/* line 267, ../scss/components/_createitempanels.scss */
.zarafa-contactcreatepanel .zarafa-contactgeneraltab > .x-panel-bwrap > .x-panel-body fieldset legend,
.zarafa-contactcreatepanel .zarafa-contactdetailtab > .x-panel-bwrap > .x-panel-body fieldset legend {
  font-weight: bold;
}
/* line 271, ../scss/components/_createitempanels.scss */
.zarafa-contactcreatepanel .zarafa-contactgeneraltab > .x-panel-bwrap > .x-panel-body fieldset .x-form-item,
.zarafa-contactcreatepanel .zarafa-contactdetailtab > .x-panel-bwrap > .x-panel-body fieldset .x-form-item {
  margin-bottom: 6px;
}
/* line 275, ../scss/components/_createitempanels.scss */
.zarafa-contactcreatepanel .zarafa-contactgeneraltab > .x-panel-bwrap > .x-panel-body fieldset .zarafa-compositefield.x-box-layout-ct,
.zarafa-contactcreatepanel .zarafa-contactdetailtab > .x-panel-bwrap > .x-panel-body fieldset .zarafa-compositefield.x-box-layout-ct {
  overflow: visible;
}
/* line 279, ../scss/components/_createitempanels.scss */
.zarafa-contactcreatepanel .zarafa-contactgeneraltab > .x-panel-bwrap > .x-panel-body fieldset .zarafa-contactcreatepanel-field-attachments,
.zarafa-contactcreatepanel .zarafa-contactdetailtab > .x-panel-bwrap > .x-panel-body fieldset .zarafa-contactcreatepanel-field-attachments {
  padding: 0 6px 6px;
  min-height: 24px;
}
/* line 283, ../scss/components/_createitempanels.scss */
.zarafa-contactcreatepanel .zarafa-contactgeneraltab > .x-panel-bwrap > .x-panel-body fieldset .zarafa-contactcreatepanel-field-attachments button,
.zarafa-contactcreatepanel .zarafa-contactdetailtab > .x-panel-bwrap > .x-panel-body fieldset .zarafa-contactcreatepanel-field-attachments button {
  text-align: left;
}
/* line 290, ../scss/components/_createitempanels.scss */
.zarafa-contactcreatepanel .zarafa-contactgeneraltab > .x-panel-bwrap > .x-panel-body fieldset .x-btn .x-btn-small,
.zarafa-contactcreatepanel .zarafa-contactdetailtab > .x-panel-bwrap > .x-panel-body fieldset .x-btn .x-btn-small {
  width: 100%;
}
/* line 293, ../scss/components/_createitempanels.scss */
.zarafa-contactcreatepanel .zarafa-contactgeneraltab > .x-panel-bwrap > .x-panel-body fieldset .x-btn .x-btn-small em,
.zarafa-contactcreatepanel .zarafa-contactdetailtab > .x-panel-bwrap > .x-panel-body fieldset .x-btn .x-btn-small em {
  display: block;
}
/* line 296, ../scss/components/_createitempanels.scss */
.zarafa-contactcreatepanel .zarafa-contactgeneraltab > .x-panel-bwrap > .x-panel-body fieldset .x-btn .x-btn-small em button,
.zarafa-contactcreatepanel .zarafa-contactdetailtab > .x-panel-bwrap > .x-panel-body fieldset .x-btn .x-btn-small em button {
  text-align: left;
  width: 100%;
}
/* line 305, ../scss/components/_createitempanels.scss */
.zarafa-contactcreatepanel .zarafa-contactgeneraltab > .x-panel-bwrap > .x-panel-body .zarafa-clear,
.zarafa-contactcreatepanel .zarafa-contactdetailtab > .x-panel-bwrap > .x-panel-body .zarafa-clear {
  padding-bottom: 18px;
}
/* line 313, ../scss/components/_createitempanels.scss */
.zarafa-contactcreatepanel .zarafa-contactgeneraltab .contact_photo_box_ct {
  width: 94px !important;
  height: 94px !important;
  background: #222222;
  box-shadow: inset 0px 0px 0px 3px #ffffff;
  border: 1px solid #e6e6e6;
  padding: 3px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* non-prefixed version, currently not supported by any browser */
}
/* line 326, ../scss/components/_createitempanels.scss */
.zarafa-contactcreatepanel .zarafa-contactgeneraltab .contact_photo_box {
  margin: 3px 0 0 3px;
  width: 94px;
  height: 94px;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #ffffff;
}
/* line 336, ../scss/components/_createitempanels.scss */
.zarafa-contactcreatepanel .zarafa-contactgeneraltab .contact_photo_box:hover {
  border-color: #222222;
}
/* line 339, ../scss/components/_createitempanels.scss */
.zarafa-contactcreatepanel .zarafa-contactgeneraltab .default_contact_photo {
  background: url(../images/default_contact_profile.png) no-repeat center center;
}

/**********************************************************************
 * Distlist create panel
 *********************************************************************/
/* line 351, ../scss/components/_createitempanels.scss */
.zarafa-distlist-createpanel-memberstab .buttons td {
  padding-bottom: 3px;
  /*needed to show the shadow of the buttons*/
}

/* textarea duplicate border */
/* line 359, ../scss/components/_createitempanels.scss */
.zarafa-mailcreatepanel-field-editor.x-form-textarea {
  border-width: 1px 0px 0px;
}

/**********************************************************************
 * Task create panel
 *********************************************************************/
/* line 367, ../scss/components/_createitempanels.scss */
.zarafa-taskgeneraltab .field-to {
  min-height: 24px;
  border-bottom: 1px solid #e6e6e6;
}
/* line 371, ../scss/components/_createitempanels.scss */
.zarafa-taskgeneraltab .field-to button {
  text-align: left;
}
/* line 375, ../scss/components/_createitempanels.scss */
.zarafa-taskgeneraltab .zarafa-taskcreatepanel-field-attachments {
  padding-top: 6px;
}

/**********************************************************************
 * Meeting tracking tab
 *********************************************************************/
/* line 385, ../scss/components/_createitempanels.scss */
.k-trackingtab .x-form-display-field {
  padding: 10px 10px 10px 12px;
}
/* line 389, ../scss/components/_createitempanels.scss */
.k-trackingtab .x-panel-body {
  border-right: none;
  border-left: none;
}
/* line 392, ../scss/components/_createitempanels.scss */
.k-trackingtab .x-panel-body .x-grid3-row {
  border-left: none;
}

/* line 4, ../scss/components/_calendar.scss */
.zarafa-calendar-container {
  position: absolute;
}

/* line 8, ../scss/components/_calendar.scss */
.zarafa-calendar-verticalline {
  position: absolute;
  overfow: hidden;
  background-color: black;
}

/* line 15, ../scss/components/_calendar.scss */
.zarafa-calendar-column {
  position: absolute;
}

/* Calendar borders */
/* line 21, ../scss/components/_calendar.scss */
.zarafa-calendar-border-left {
  position: absolute;
  overflow: hidden;
  border-left: 1px solid;
}

/* line 28, ../scss/components/_calendar.scss */
.zarafa-calendar-border-right {
  position: absolute;
  overflow: hidden;
  border-right: 1px solid;
}

/* line 35, ../scss/components/_calendar.scss */
.zarafa-calendar-border-top {
  position: absolute;
  overflow: hidden;
  border-right: 1px solid;
  border-left: 1px solid;
  border-top: 1px solid;
}

/* line 44, ../scss/components/_calendar.scss */
.zarafa-calendar-border-bottom {
  position: absolute;
  overflow: hidden;
  border-right: 1px solid;
  border-left: 1px solid;
  border-bottom: 1px solid;
}

/* Quick appointment CSS, drag and type */
/* line 54, ../scss/components/_calendar.scss */
.zarafa-calendar-textedit-body,
.zarafa-calendar-textedit-header {
  border: 1px solid #000000;
  position: absolute;
  z-index: 999;
  overflow: hidden;
  resize: none;
}

/* the tabs of the calendars */
/* line 65, ../scss/components/_calendar.scss */
.zarafa-calendar-container-tabarea {
  position: absolute;
}
/* line 68, ../scss/components/_calendar.scss */
.zarafa-calendar-container-tabarea .zarafa-calendar-tab-contents {
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  float: left;
  margin-right: 6px;
  padding: 0 9px;
  position: relative;
  min-width: 84px;
  /* cross icon is 7x7 px */
  /* arrow_left_l icon is 5x9 px */
  /* arrow_right_l icon is 5x9 px */
}
/* line 78, ../scss/components/_calendar.scss */
.zarafa-calendar-container-tabarea .zarafa-calendar-tab-contents .zarafa-calendar-tab-title {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  color: white;
  /* the float is needed because safari lowers the title otherwise (and I have no idea why)*/
  float: left;
}
/* line 88, ../scss/components/_calendar.scss */
.zarafa-calendar-container-tabarea .zarafa-calendar-tab-contents .zarafa-calendar-tab-icon-close {
  position: relative;
  padding-left: 6px;
  padding-right: 6px;
  width: 7px;
  height: 30px;
  /* the float is needed because safari lowers the title otherwise (and I have no idea why)*/
  float: left;
}
/* line 99, ../scss/components/_calendar.scss */
.zarafa-calendar-container-tabarea .zarafa-calendar-tab-contents .zarafa-calendar-tab-icon-merge {
  position: relative;
  padding-left: 6px;
  padding-right: 6px;
  width: 5px;
  height: 30px;
  /* the float is needed because safari lowers the title otherwise (and I have no idea why)*/
  float: left;
}
/* line 110, ../scss/components/_calendar.scss */
.zarafa-calendar-container-tabarea .zarafa-calendar-tab-contents .zarafa-calendar-tab-icon-separate {
  position: relative;
  padding-left: 6px;
  padding-right: 6px;
  width: 5px;
  height: 30px;
  /* the float is needed because safari lowers the title otherwise (and I have no idea why)*/
  float: left;
}
/* line 120, ../scss/components/_calendar.scss */
.zarafa-calendar-container-tabarea .zarafa-calendar-tab-contents.zarafa-with-merge-icon {
  padding-left: 3px;
}
/* line 123, ../scss/components/_calendar.scss */
.zarafa-calendar-container-tabarea .zarafa-calendar-tab-contents.zarafa-with-close-icon,
.zarafa-calendar-container-tabarea .zarafa-calendar-tab-contents.zarafa-with-separate-icon {
  padding-right: 3px;
}
/* line 128, ../scss/components/_calendar.scss */
.zarafa-calendar-container-tabarea .zarafa-calendar-tab-contents.zarafa-with-close-icon.zarafa-with-separate-icon .zarafa-calendar-tab-icon-close {
  padding-right: 3px;
}
/* line 131, ../scss/components/_calendar.scss */
.zarafa-calendar-container-tabarea .zarafa-calendar-tab-contents.zarafa-with-close-icon.zarafa-with-separate-icon .zarafa-calendar-tab-icon-separate {
  padding-left: 3px;
}
/* line 137, ../scss/components/_calendar.scss */
.zarafa-calendar-container-tabarea .zarafa-calendar-tab-contents.light-background .zarafa-calendar-tab-title {
  color: black;
}

/* We use elements inside canvas elements to pass some styling from the css files to the canvas*/
/* line 144, ../scss/components/_calendar.scss */
.zarafa-styling-element {
  position: absolute;
  top: -10000px;
  left: -10000px;
  visibility: hidden;
}

/* The headers of the calendars */
/* line 153, ../scss/components/_calendar.scss */
.zarafa-calendar-container-header .zarafa-canvas-header-background {
  /* a styling element that we can use to set some styles of the header */
  /* a styling element that we can use to set some styles of the active header (current day) */
}
/* line 155, ../scss/components/_calendar.scss */
.zarafa-calendar-container-header .zarafa-canvas-header-background .zarafa-styling-element {
  /* Note: although we can set the color here, it is not the css that sets the color but the javascript that will read this value
   * and use it for the text it draws on the canvas
   */
  color: white;
  /* the height value defines the height of the header */
  height: 30px;
  /* this is the padding that the js will use for the days in the header */
  padding-left: 9px;
  padding-right: 6px;
}
/* line 166, ../scss/components/_calendar.scss */
.zarafa-calendar-container-header .zarafa-canvas-header-background .zarafa-styling-element.light-background {
  color: black;
}
/* line 171, ../scss/components/_calendar.scss */
.zarafa-calendar-container-header .zarafa-canvas-header-background .zarafa-styling-element-active,
.zarafa-calendar-container-header .zarafa-canvas-header-background .zarafa-styling-element-current-day {
  position: absolute;
  top: -10000px;
  left: -10000px;
  visibility: hidden;
  /* Note: although we can set the color here, it is not the css that sets the color but the javascript that will read this value
   * and use it for the text it draws on the canvas
   */
  color: white;
  /* This is the color that the js will use as the background and border color of the current day */
  background-color: #5ebb4b;
}

/* Timestrip */
/* line 188, ../scss/components/_calendar.scss */
.zarafa-calendar-timestrip-element div {
  color: #333333;
  padding-right: 22px;
}

/* Margin between checkbox and calendar icon in hieracy */
/* line 194, ../scss/components/_calendar.scss */
.zarafa-hierachy-node-cb {
  margin-right: 6px;
}

/*
 * Appointment Dialog (HTML & Canvas)
*/
/* line 201, ../scss/components/_calendar.scss */
.zarafa-calendar-appointment-label-none {
  background-color: transparent;
}

/* line 206, ../scss/components/_calendar.scss */
.zarafa-calendar-appointment-label-important {
  background-color: #E98784;
}

/* line 211, ../scss/components/_calendar.scss */
.zarafa-calendar-appointment-label-work {
  background-color: #8CA9D9;
}

/* line 216, ../scss/components/_calendar.scss */
.zarafa-calendar-appointment-label-personal {
  background-color: #C0D98C;
}

/* line 221, ../scss/components/_calendar.scss */
.zarafa-calendar-appointment-label-holiday {
  background-color: #DFCB47;
}

/* line 226, ../scss/components/_calendar.scss */
.zarafa-calendar-appointment-label-required {
  background-color: #D9C18C;
}

/* line 231, ../scss/components/_calendar.scss */
.zarafa-calendar-appointment-label-travel-required {
  background-color: #8CC6D9;
}

/* line 236, ../scss/components/_calendar.scss */
.zarafa-calendar-appointment-label-prepare-required {
  background-color: #8C8CD9;
}

/* line 241, ../scss/components/_calendar.scss */
.zarafa-calendar-appointment-label-birthday {
  background-color: #C48CD9;
}

/* line 246, ../scss/components/_calendar.scss */
.zarafa-calendar-appointment-label-special-date {
  background-color: #D9928C;
}

/* line 251, ../scss/components/_calendar.scss */
.zarafa-calendar-appointment-label-phone-interview {
  background-color: #9BD98C;
}

/*
 * Calendar timestrip (HTML & Canvas)
 */
/* line 259, ../scss/components/_calendar.scss */
.zarafa-calendar-timestrip {
  position: absolute;
  background-color: #9fbf00;
  background-color: #f7f3f7;
  overflow: hidden;
  border-left: 1px solid black;
}

/* line 268, ../scss/components/_calendar.scss */
.zarafa-calendar-timestrip-element {
  position: absolute;
  color: #393839;
  text-align: right;
}

/* line 275, ../scss/components/_calendar.scss */
.zarafa-calendar-timestrip-element div {
  padding-top: 4px;
  padding-right: 6px;
}

/* line 281, ../scss/components/_calendar.scss */
.zarafa-calendar-timestrip-line {
  overflow: hidden;
  position: absolute;
  background-color: #e6e6e6;
  margin-left: 24px;
}

/* line 289, ../scss/components/_calendar.scss */
.k-calendar-timestrip-indicator-icon {
  height: 12px;
  width: 12px;
  left: 6px;
  position: absolute;
}

/* line 297, ../scss/components/_calendar.scss */
.k-calendar-timestrip-indicator-line {
  height: 1px;
  position: absolute;
  background-color: #e40023;
  overflow: hidden;
  left: 24px;
}

/*
 * Canvas Calendar
 */
/* line 309, ../scss/components/_calendar.scss */
.zarafa-canvas {
  position: absolute;
}

/* Currently selected tab */
/* line 315, ../scss/components/_calendar.scss */
.zarafa-calendar-tabarea .zarafa-calendar-tab-selected .zarafa-calendar-tab-title {
  font-weight: bold;
}

/* line 320, ../scss/components/_calendar.scss */
.zarafa-calendar-scrollable {
  position: absolute;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* line 327, ../scss/components/_calendar.scss */
.zarafa-calendar-header {
  position: absolute;
}

/* line 332, ../scss/components/_calendar.scss */
.zarafa-calendar-bottomarea {
  position: absolute;
}

/* Drag & Drop */
/* Calendar drag selection (selecting an new appointment) */
/* line 340, ../scss/components/_calendar.scss */
.zarafa-calendar-selection-dragging {
  background-color: #7f7f7f;
}

/* line 345, ../scss/components/_calendar.scss */
.zarafa-calendar-selection {
  overflow: hidden;
  position: absolute;
  cursor: move;
  z-index: 999;
  opacity: .5;
}

/* line 354, ../scss/components/_calendar.scss */
.zarafa-calendar-dragproxy-time {
  padding: 5px 0 0 3px;
}

/* line 358, ../scss/components/_calendar.scss */
.zarafa-calendar-tabarea-stroke {
  border-top: 6px solid #ffffff;
  position: relative;
}

/* line 363, ../scss/components/_calendar.scss */
.zarafa-calendar-tabarea-stroke.zarafa-calendar-tab-selected {
  border-top-color: #5ebb4b;
}

/* Business card view */
/* line 3, ../scss/components/_contacts.scss */
div.zarafa-contact-cardview-selected {
  background-color: #d5e8f7;
}

/* line 7, ../scss/components/_contacts.scss */
.zarafa-contact-cardview {
  height: 100%;
  width: 100%;
}

/* line 12, ../scss/components/_contacts.scss */
.zarafa-card-body table {
  border-collapse: collapse;
}

/* line 16, ../scss/components/_contacts.scss */
.zarafa-card-body table tr td.contact-card-label {
  font-style: italic;
  padding-right: 3px;
}

/* line 21, ../scss/components/_contacts.scss */
.zarafa-contact-cardview-card {
  border: 1px solid transparent;
  padding: 5px;
  width: 300px;
  float: left;
  background-color: transparent;
}

/* line 29, ../scss/components/_contacts.scss */
.zarafa-contact-cardview-card .x-panel {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

/* line 34, ../scss/components/_contacts.scss */
.zarafa-contact-cardview-card .x-panel .x-panel-tl {
  background-color: #f0f0f0;
}

/* line 38, ../scss/components/_contacts.scss */
.zarafa-contact-cardview-contact-card {
  width: 45px;
  height: 125px;
  float: left;
}

/* line 44, ../scss/components/_contacts.scss */
.zarafa-contact-cardview-card .x-panel-header {
  background-color: none;
  border-color: none;
}

/* line 49, ../scss/components/_contacts.scss */
.zarafa-contact-cardview-card .x-panel-header-text {
  font-size: 1.1em;
}

/* line 53, ../scss/components/_contacts.scss */
.zarafa-contact-cardview-card-title {
  padding: 5px;
}

/* line 58, ../scss/components/_contacts.scss */
.zarafa-contact-cardview-distlist-card {
  width: 80px;
  height: 125px;
  float: left;
}

/* Body of contact cardview */
/* line 65, ../scss/components/_contacts.scss */
.zarafa-card-body {
  background-color: white !important;
  border: none;
  font-weight: normal;
}

/* line 72, ../scss/components/_contacts.scss */
.k-recipient-card-view .x-window-footer {
  border-top: 1px solid #e6e6e6;
}
/* line 76, ../scss/components/_contacts.scss */
.k-recipient-card-view .x-panel-btns {
  padding: 0px !important;
}

/* line 81, ../scss/components/_contacts.scss */
.contact-characterstrip .x-btn-pressed .x-btn-small {
  background-color: #d5e8f7;
}

/* line 1, ../scss/components/_popups.scss */
.ext-el-mask {
  background-color: #ffffff;
}

/* Override EXtJS's CSS when dragging an popup */
/* line 6, ../scss/components/_popups.scss */
.x-panel-ghost > ul {
  border-color: transparent;
}

/* line 9, ../scss/components/_popups.scss */
.x-panel-ghost {
  background-color: #f2f2f2;
  border-color: transparent;
}

/* line 13, ../scss/components/_popups.scss */
.x-panel-ghost .x-window-tl {
  border-color: transparent;
}

/* line 19, ../scss/components/_popups.scss */
.x-window,
.x-panel-ghost {
  border: 1px solid #b6b6b6;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 3px 5px 0;
  /* header */
  /* body */
  /* footer */
  /***************************************
   *  Specific popups
   * ************************************/
  /* Copy/move dialog */
  /* Folder properties dialog */
}
/* line 25, ../scss/components/_popups.scss */
.x-window .x-window-tl,
.x-panel-ghost .x-window-tl {
  padding-left: 9px;
  background: #e6e6e6;
}
/* line 29, ../scss/components/_popups.scss */
.x-window .x-window-tl .x-window-tr,
.x-panel-ghost .x-window-tl .x-window-tr {
  padding-right: 0;
  background: none;
}
/* line 33, ../scss/components/_popups.scss */
.x-window .x-window-tl .x-window-tr .x-window-tc,
.x-panel-ghost .x-window-tl .x-window-tr .x-window-tc {
  background: none;
}
/* line 36, ../scss/components/_popups.scss */
.x-window .x-window-tl .x-window-tr .x-window-tc .x-window-header,
.x-panel-ghost .x-window-tl .x-window-tr .x-window-tc .x-window-header {
  padding: 0;
  height: 36px;
  /* this element is used to fade out the text when the window is too short */
}
/* line 40, ../scss/components/_popups.scss */
.x-window .x-window-tl .x-window-tr .x-window-tc .x-window-header .x-tool,
.x-panel-ghost .x-window-tl .x-window-tr .x-window-tc .x-window-header .x-tool {
  position: relative;
  z-index: 10;
}
/* line 45, ../scss/components/_popups.scss */
.x-window .x-window-tl .x-window-tr .x-window-tc .x-window-header .x-tool-close,
.x-panel-ghost .x-window-tl .x-window-tr .x-window-tc .x-window-header .x-tool-close {
  width: 25px;
  height: 36px;
}
/* line 50, ../scss/components/_popups.scss */
.x-window .x-window-tl .x-window-tr .x-window-tc .x-window-header .x-tool-minimize,
.x-panel-ghost .x-window-tl .x-window-tr .x-window-tc .x-window-header .x-tool-minimize {
  width: 25px;
  height: 36px;
}
/* line 55, ../scss/components/_popups.scss */
.x-window .x-window-tl .x-window-tr .x-window-tc .x-window-header .x-window-header-text,
.x-panel-ghost .x-window-tl .x-window-tr .x-window-tc .x-window-header .x-window-header-text {
  color: #000000;
  font-weight: normal;
  line-height: 36px;
  display: block;
  left: 9px;
  height: 36px;
  position: absolute;
  overflow: hidden;
}
/* line 67, ../scss/components/_popups.scss */
.x-window .x-window-tl .x-window-tr .x-window-tc .x-window-header .fade,
.x-panel-ghost .x-window-tl .x-window-tr .x-window-tc .x-window-header .fade {
  display: block;
  width: 70px;
  height: 36px;
  top: 0;
  right: 0px;
  position: absolute;
  background: linear-gradient(to right, rgba(230, 230, 230, 0) 0%, #e6e6e6 50%, #e6e6e6 100%);
}
/* line 78, ../scss/components/_popups.scss */
.x-window .x-window-tl .x-window-tr .x-window-tc .x-window-header.x-window-draggable .fade,
.x-panel-ghost .x-window-tl .x-window-tr .x-window-tc .x-window-header.x-window-draggable .fade {
  cursor: move;
}
/* line 83, ../scss/components/_popups.scss */
.x-window .x-window-tl .x-window-tr .x-window-tc .x-window-header.icon_favorites,
.x-panel-ghost .x-window-tl .x-window-tr .x-window-tc .x-window-header.icon_favorites {
  background-image: none !important;
}
/* line 86, ../scss/components/_popups.scss */
.x-window .x-window-tl .x-window-tr .x-window-tc .x-window-header.icon_favorites .x-window-header-text,
.x-panel-ghost .x-window-tl .x-window-tr .x-window-tc .x-window-header.icon_favorites .x-window-header-text {
  padding-right: 22px;
  background-position-x: right;
}
/* line 96, ../scss/components/_popups.scss */
.x-window .x-window-bwrap,
.x-panel-ghost .x-window-bwrap {
  background: #ffffff;
}
/* line 99, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-ml,
.x-panel-ghost .x-window-bwrap .x-window-ml {
  padding-left: 0;
  background: none;
}
/* line 103, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-ml .x-window-mr,
.x-panel-ghost .x-window-bwrap .x-window-ml .x-window-mr {
  padding-right: 0;
  background: none;
}
/* line 107, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-ml .x-window-mr .x-window-mc,
.x-panel-ghost .x-window-bwrap .x-window-ml .x-window-mr .x-window-mc {
  border: none;
  background: none;
}
/* line 115, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div,
.x-panel-ghost .x-window-bwrap .x-window-body > div {
  /* tabpanels need to stretch to the whole panel width to have the border-bottom stretch to the full width */
}
/* line 116, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div > .x-panel,
.x-panel-ghost .x-window-bwrap .x-window-body > div > .x-panel {
  /* panel header */
}
/* line 118, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div > .x-panel > .x-panel-header,
.x-panel-ghost .x-window-bwrap .x-window-body > div > .x-panel > .x-panel-header {
  background: #ffffff;
  line-height: 20px;
  padding: 1px 9px 2px;
  border-bottom: 1px solid #e6e6e6;
  color: #000000;
  font-weight: normal;
}
/* line 127, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div > .x-panel > .x-panel-bwrap,
.x-panel-ghost .x-window-bwrap .x-window-body > div > .x-panel > .x-panel-bwrap {
  /* buttons in the footer toolbar */
}
/* line 128, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div > .x-panel > .x-panel-bwrap > .x-panel-body,
.x-panel-ghost .x-window-bwrap .x-window-body > div > .x-panel > .x-panel-bwrap > .x-panel-body {
  padding: 9px 9px 0;
}
/* line 131, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div > .x-panel > .x-panel-bwrap > .x-panel-footer,
.x-panel-ghost .x-window-bwrap .x-window-body > div > .x-panel > .x-panel-bwrap > .x-panel-footer {
  padding: 9px;
}
/* line 136, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div > .x-panel > .x-panel-bwrap > .x-panel-footer.x-panel-btns td.x-toolbar-cell,
.x-panel-ghost .x-window-bwrap .x-window-body > div > .x-panel > .x-panel-bwrap > .x-panel-footer.x-panel-btns td.x-toolbar-cell {
  padding: 0 3px;
}
/* line 140, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div > .x-panel > .x-panel-bwrap > .x-panel-footer.x-panel-btns .x-toolbar-left-row td.x-toolbar-cell:first-child,
.x-panel-ghost .x-window-bwrap .x-window-body > div > .x-panel > .x-panel-bwrap > .x-panel-footer.x-panel-btns .x-toolbar-left-row td.x-toolbar-cell:first-child {
  padding-left: 0;
}
/* line 145, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div > .x-panel > .x-panel-bwrap > .x-panel-footer.x-panel-btns .x-toolbar-right-row td.x-toolbar-cell:last-child,
.x-panel-ghost .x-window-bwrap .x-window-body > div > .x-panel > .x-panel-bwrap > .x-panel-footer.x-panel-btns .x-toolbar-right-row td.x-toolbar-cell:last-child {
  padding-right: 0;
}
/* line 156, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div > .x-panel.tabpanel-container > .x-panel-bwrap > .x-panel-body,
.x-panel-ghost .x-window-bwrap .x-window-body > div > .x-panel.tabpanel-container > .x-panel-bwrap > .x-panel-body {
  padding: 0;
}
/* line 161, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div > .x-panel.tabpanel-container > .x-panel-bwrap > .x-panel-body > .x-tab-panel > .x-tab-panel-bwrap > .x-tab-panel-body,
.x-panel-ghost .x-window-bwrap .x-window-body > div > .x-panel.tabpanel-container > .x-panel-bwrap > .x-panel-body > .x-tab-panel > .x-tab-panel-bwrap > .x-tab-panel-body {
  padding: 9px 9px;
}
/* line 174, ../scss/components/_popups.scss */
.x-window .x-window-bl,
.x-panel-ghost .x-window-bl {
  background: none;
  padding-left: 0;
}
/* line 178, ../scss/components/_popups.scss */
.x-window .x-window-bl .x-window-br,
.x-panel-ghost .x-window-bl .x-window-br {
  background: none;
}
/* line 181, ../scss/components/_popups.scss */
.x-window .x-window-bl .x-window-br .x-window-bc,
.x-panel-ghost .x-window-bl .x-window-br .x-window-bc {
  background: none;
}
/* line 187, ../scss/components/_popups.scss */
.x-window .x-panel-nofooter .x-window-bc,
.x-panel-ghost .x-panel-nofooter .x-window-bc {
  display: none;
}
/* line 192, ../scss/components/_popups.scss */
.x-window .x-window-bbar .x-toolbar,
.x-panel-ghost .x-window-bbar .x-toolbar {
  border-top-color: #e6e6e6;
}
/* line 203, ../scss/components/_popups.scss */
.x-window .copymove-panel .copymove-tree-panel .x-form-item,
.x-panel-ghost .copymove-panel .copymove-tree-panel .x-form-item {
  margin-bottom: 0;
}
/* line 209, ../scss/components/_popups.scss */
.x-window .x-form-display-field.tree-header,
.x-panel-ghost .x-form-display-field.tree-header {
  line-height: 20px;
  padding: 2px 0 2px;
}
/* line 214, ../scss/components/_popups.scss */
.x-window .x-tree-node.zarafa-tree-root-container .x-tree-node-el,
.x-panel-ghost .x-tree-node.zarafa-tree-root-container .x-tree-node-el {
  padding-left: 6px;
}
/* line 223, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container,
.x-panel-ghost .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container {
  /* General tab */
  /* Permissions tab */
}
/* line 225, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container > .x-panel-bwrap > .x-panel-body,
.x-panel-ghost .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container > .x-panel-bwrap > .x-panel-body {
  padding: 0;
}
/* line 230, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container > .x-panel-bwrap > .x-panel-body > .x-tab-panel > .x-tab-panel-bwrap > .x-tab-panel-body,
.x-panel-ghost .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container > .x-panel-bwrap > .x-panel-body > .x-tab-panel > .x-tab-panel-bwrap > .x-tab-panel-body {
  /* Set the padding not on this panel because it contains lines
   * that need to span the full width of the window */
  padding-left: 0;
  padding-right: 0;
  padding: 0;
}
/* line 245, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-general form > .x-panel > .x-panel-bwrap > .x-panel-body,
.x-panel-ghost .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-general form > .x-panel > .x-panel-bwrap > .x-panel-body {
  padding: 0 9px;
}
/* line 249, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-general form .x-form-item-label,
.x-panel-ghost .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-general form .x-form-item-label {
  padding: 0 5px 0 0;
}
/* line 253, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-general form .x-form-item,
.x-panel-ghost .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-general form .x-form-item {
  margin: 0;
  padding: 0;
  line-height: 20px;
}
/* line 260, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-general .display-name,
.x-panel-ghost .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-general .display-name {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  padding-left: 22px;
  line-height: 20px;
  background-position: 0 9px !important;
  background-repeat: no-repeat;
  font-weight: bold;
  font-size: 15px !important;
}
/* line 273, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-general .description-panel > .x-panel-bwrap > .x-panel-body,
.x-panel-ghost .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-general .description-panel > .x-panel-bwrap > .x-panel-body {
  padding-top: 12px !important;
  padding-bottom: 9px !important;
}
/* line 279, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-general .content-info-panel > .x-panel-bwrap > .x-panel-body,
.x-panel-ghost .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-general .content-info-panel > .x-panel-bwrap > .x-panel-body {
  padding-top: 12px !important;
  padding-bottom: 6px !important;
}
/* line 288, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .userlist-panel,
.x-panel-ghost .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .userlist-panel {
  border-bottom: 1px solid #e6e6e6;
}
/* line 292, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .userlist-panel > .x-panel-bwrap .x-panel-body,
.x-panel-ghost .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .userlist-panel > .x-panel-bwrap .x-panel-body {
  padding: 9px 9px 0;
}
/* line 298, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .profile-panel,
.x-panel-ghost .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .profile-panel {
  padding: 6px 9px;
}
/* line 301, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .permissions-panel,
.x-panel-ghost .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .permissions-panel {
  padding: 0 9px;
}
/* line 304, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .permissions-panel fieldset,
.x-panel-ghost .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .permissions-panel fieldset {
  padding-bottom: 6px;
}
/* line 307, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .permissions-panel fieldset .x-column .x-column,
.x-panel-ghost .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .permissions-panel fieldset .x-column .x-column {
  padding-bottom: 18px;
}
/* line 311, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .permissions-panel fieldset fieldset,
.x-panel-ghost .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .permissions-panel fieldset fieldset {
  position: relative;
  margin-top: 23px;
  margin-right: 3px;
  padding-bottom: 3px;
  overflow: visible;
}
/* line 318, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .permissions-panel fieldset fieldset legend,
.x-panel-ghost .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .permissions-panel fieldset fieldset legend {
  position: absolute;
  top: -23px;
  left: 6px;
}
/* line 324, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .permissions-panel fieldset fieldset .x-column,
.x-panel-ghost .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .permissions-panel fieldset fieldset .x-column {
  padding-bottom: 0 !important;
}
/* line 327, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .permissions-panel fieldset fieldset .x-column .x-form-item,
.x-panel-ghost .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .permissions-panel fieldset fieldset .x-column .x-form-item {
  margin-bottom: 0;
}
/* line 330, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .permissions-panel fieldset fieldset .x-column .x-form-item .x-form-item .x-form-item,
.x-panel-ghost .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .permissions-panel fieldset fieldset .x-column .x-form-item .x-form-item .x-form-item {
  padding-bottom: 3px;
}
/* line 336, ../scss/components/_popups.scss */
.x-window .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .permissions-panel fieldset fieldset:nth-last-child(0n+2),
.x-panel-ghost .x-window-bwrap .x-window-body > div .zarafa-folderproperties.x-panel.tabpanel-container .tab-permissions .permissions-panel fieldset fieldset:nth-last-child(0n+2) {
  margin-right: 0;
}

/* Checkbox in MessageBox */
/* line 349, ../scss/components/_popups.scss */
.k-cb-dontshowagain {
  margin-top: 18px;
}

/* Reminder dialog */
/* line 354, ../scss/components/_popups.scss */
.zarafa-reminder-dialog-active-reminder-icon {
  width: 24px;
  height: 25px;
  float: left;
}

/* line 360, ../scss/components/_popups.scss */
.zarafa-reminder-dialog-active-reminder-subject {
  font-weight: bold;
}

/* line 364, ../scss/components/_popups.scss */
.zarafa-reminder-dialog-snooze, .zarafa-reminder-dialog-active-reminder {
  padding: 8px;
}

/* Address book dialog */
/* line 373, ../scss/components/_popups.scss */
.k-abuserselectionpanel > .x-panel-bwrap > .x-panel-body,
.k-abmultiuserselectionpanel > .x-panel-bwrap > .x-panel-body,
.k-addressbookpanel > .x-panel-bwrap > .x-panel-body {
  padding-top: 6px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* line 378, ../scss/components/_popups.scss */
.k-abuserselectionpanel .k-addressbookmainpanel-header,
.k-abuserselectionpanel .k-addressbookmainpanel-grid,
.k-abmultiuserselectionpanel .k-addressbookmainpanel-header,
.k-abmultiuserselectionpanel .k-addressbookmainpanel-grid,
.k-addressbookpanel .k-addressbookmainpanel-header,
.k-addressbookpanel .k-addressbookmainpanel-grid {
  padding-left: 9px !important;
  padding-right: 9px !important;
}
/* line 384, ../scss/components/_popups.scss */
.k-abuserselectionpanel .k-addressbookmainpanel-header,
.k-abmultiuserselectionpanel .k-addressbookmainpanel-header,
.k-addressbookpanel .k-addressbookmainpanel-header {
  padding-bottom: 3px;
  border-bottom: 1px solid #e6e6e6;
  /* search button */
}
/* line 388, ../scss/components/_popups.scss */
.k-abuserselectionpanel .k-addressbookmainpanel-header label.x-form-item-label,
.k-abmultiuserselectionpanel .k-addressbookmainpanel-header label.x-form-item-label,
.k-addressbookpanel .k-addressbookmainpanel-header label.x-form-item-label {
  text-align: right;
}
/* line 393, ../scss/components/_popups.scss */
.k-abuserselectionpanel .k-addressbookmainpanel-header .icon_magnifier,
.k-abmultiuserselectionpanel .k-addressbookmainpanel-header .icon_magnifier,
.k-addressbookpanel .k-addressbookmainpanel-header .icon_magnifier {
  background-color: transparent;
  width: 24px;
}

/* line 400, ../scss/components/_popups.scss */
.k-addressbookpanel {
  padding-bottom: 3px;
}

/* line 405, ../scss/components/_popups.scss */
.k-abmultiuserselectionpanel > .x-panel-bwrap > .x-panel-body {
  padding-bottom: 3px !important;
}
/* line 409, ../scss/components/_popups.scss */
.k-abmultiuserselectionpanel .k-addressbookmainpanel {
  padding-bottom: 9px;
}
/* line 412, ../scss/components/_popups.scss */
.k-abmultiuserselectionpanel .zarafa-addressbook-dialog-compositefield {
  padding-left: 9px;
  padding-right: 9px;
}

/* Task send conformation dialog */
/* line 420, ../scss/components/_popups.scss */
.k-send-taskrequest-confirmation-panel .x-form-display-field {
  padding-bottom: 10px;
}

/* Custom flag and reminder panel */
/* line 428, ../scss/components/_popups.scss */
.k-custom-flag-panel > .x-panel-bwrap > .x-panel-body {
  padding: 0 !important;
}
/* line 434, ../scss/components/_popups.scss */
.k-custom-flag-panel .k-custom-reminder-panel > .x-panel-bwrap > .x-panel-body, .k-custom-flag-panel .k-custom-date-panel > .x-panel-bwrap > .x-panel-body {
  padding: 9px;
  border-top: none;
  border-left: none;
  border-right: none;
}

/* line 445, ../scss/components/_popups.scss */
.k-recipient-card-view .x-panel > .x-panel-bwrap > .x-panel-body {
  padding-top: 6px !important;
}

/* Custom message box with show more details  */
/* line 452, ../scss/components/_popups.scss */
.x-window.k-show-more-details .x-dlg-icon {
  display: flex;
  align-items: center;
}
/* line 457, ../scss/components/_popups.scss */
.x-window.k-show-more-details .k-show-more-details-textarea {
  margin-top: 10px;
}

/* line 462, ../scss/components/_popups.scss */
.x-window.k-show-more-details .x-dlg-icon .ext-mb-content {
  margin-left: 0 !important;
}

/* line 1, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel {
  /* Timeline */
  /* Suggestion panel */
  /* timeline legenda */
}
/* line 2, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .zarafa-freebusy-datetime-toolbar {
  max-height: 54px;
}
/* line 5, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .zarafa-freebusy-datetime-toolbar .x-panel-body {
  padding: 9px 3px;
}
/* line 9, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .zarafa-freebusy-datetime-toolbar .x-form-item {
  margin-bottom: 0;
}
/* line 13, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .zarafa-freebusy-datetime-toolbar .x-form-item label {
  padding: 0;
  line-height: 24px;
}
/* line 18, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .zarafa-freebusy-datetime-toolbar .x-form-check-wrap {
  padding: 0 18px;
  margin-bottom: 0;
  line-height: 24px;
}
/* line 27, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-userlist .x-panel-header,
.zarafa-freebusy-panel .zarafa-freebusy-suggestionlist .x-panel-header {
  padding: 5px 9px;
  border: none;
  font-weight: normal;
}
/* line 36, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-userlist > .x-panel-bwrap > .x-panel-body {
  padding: 36px 0 0;
  border-left: none;
}
/* line 45, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .zarafa-freebusy-suggestionlist > .x-panel-bwrap > .x-panel-body {
  border-right: none;
}
/* line 51, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-userlist-container {
  padding: 0 6px;
  border: none;
  box-sizing: border-box;
  width: 100% !important;
  position: relative;
}
/* line 58, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-userlist-container ul {
  position: relative;
  width: 100%;
}
/* line 62, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-userlist-container ul li span.x-freebusy-userrow-remove:after {
  content: " ";
  display: table;
  clear: both;
}
/* line 68, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-userlist-container ul li {
  margin: 3px 0;
  line-height: 20px;
  padding: 1px 6px;
  padding-right: 22px;
  box-sizing: border-box;
  width: 100% !important;
  max-height: 24px;
  display: block;
  position: relative;
  /* the icons */
}
/* line 79, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-userlist-container ul li .x-zarafa-boxfield-item-text {
  line-height: 20px;
  width: auto !important;
  max-width: 90%;
  float: none;
}
/* line 86, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-userlist-container ul li .x-freebusy-userrow-remove {
  width: 7px;
  height: 7px;
  display: block;
  position: absolute;
  top: 7.5px;
  right: 6px;
  cursor: pointer;
}
/* line 97, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-userlist-container ul li .x-zarafa-boxfield-item-icon {
  width: 16px;
  height: 16px;
}
/* line 104, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-userlist-container ul .x-zarafa-boxfield-recipient-item-invalid .x-zarafa-boxfield-item-text {
  line-height: 16px;
}
/* line 109, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-userlist-container ul li.x-zarafa-boxfield-input-item {
  padding: 0;
  max-height: 24px;
}
/* line 113, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-userlist-container ul li.x-zarafa-boxfield-input-item input {
  box-sizing: border-box;
  width: 100% !important;
  height: 24px !important;
}
/* line 124, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-timeline-container table {
  border-spacing: 0px;
  border-width: 0px;
}
/* line 130, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-timeline-container .x-freebusy-header .x-freebusy-header-body {
  height: 100%;
}
/* line 133, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-timeline-container .x-freebusy-header .x-freebusy-header-body div.x-freebusy-timeline-day {
  height: 100%;
  border-right: 1px solid #e6e6e6;
}
/* line 140, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-timeline-container .x-freebusy-header .x-freebusy-header-body div.x-freebusy-timeline-day table tr.x-freebusy-timeline-day td {
  padding: 0 9px;
  font-weight: normal;
  background: #e6e6e6;
  box-sizing: border-box;
}
/* line 149, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-timeline-container .x-freebusy-header .x-freebusy-header-body div.x-freebusy-timeline-day table tr.x-freebusy-timeline-hour td {
  padding: 0 3px;
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
}
/* line 161, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-timeline-container .x-freebusy-header .x-freebusy-header-body div.x-freebusy-timeline-day table.x-freebusy-timeline-day-sum tr.x-freebusy-timeline-hour td {
  border-bottom: none;
}
/* line 168, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-timeline-container .x-freebusy-header .x-freebusy-header-body .x-freebusy-timeline-day.x-freebusy-timeline-day-current {
  border-right-color: #5ebb4b;
}
/* line 171, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-timeline-container .x-freebusy-header .x-freebusy-header-body .x-freebusy-timeline-day.x-freebusy-timeline-day-current table {
  border-color: #5ebb4b;
}
/* line 175, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-timeline-container .x-freebusy-header .x-freebusy-header-body .x-freebusy-timeline-day.x-freebusy-timeline-day-current table tr.x-freebusy-timeline-day td {
  background: #5ebb4b;
  color: #ffffff;
}
/* line 181, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-timeline-container .x-freebusy-header .x-freebusy-header-body .x-freebusy-timeline-day.x-freebusy-timeline-day-current table tr.x-freebusy-timeline-hour td:first-child {
  border-left-color: #5ebb4b;
}
/* line 187, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-timeline-container .x-freebusy-header .x-freebusy-header-body .x-freebusy-timeline-day.x-freebusy-timeline-day-current table.x-freebusy-timeline-day-sum {
  border-top-color: #e6e6e6;
}
/* line 197, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-timeline-container .x-freebusy-body .x-freebusy-timeline-day table {
  height: 100%;
}
/* line 203, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-timeline-container .x-freebusy-body .x-freebusy-background .x-freebusy-timeline-day {
  border-right: 1px solid #e6e6e6;
  background: url("data:image/gif;base64,R0lGODlhAQABAIABAObm5v///yH+EUNyZWF0ZWQgd2l0aCBHSU1QACwAAAAAAQABAAACAkQBADs=") repeat-x left top, url("data:image/gif;base64,R0lGODlhAQABAIABAObm5v///yH+EUNyZWF0ZWQgd2l0aCBHSU1QACwAAAAAAQABAAACAkQBADs=") repeat-x left 30px;
}
/* line 208, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-timeline-container .x-freebusy-body .x-freebusy-background .x-freebusy-timeline-day td {
  border-left: 1px solid #e6e6e6;
  box-sizing: border-box;
}
/* line 214, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-timeline-container .x-freebusy-body .x-freebusy-background .x-freebusy-timeline-day.x-freebusy-timeline-day-current {
  border-right-color: #5ebb4b;
}
/* line 217, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-timeline-container .x-freebusy-body .x-freebusy-background .x-freebusy-timeline-day.x-freebusy-timeline-day-current td:first-child {
  border-left-color: #5ebb4b;
}
/* line 224, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-timeline-container .x-freebusy-timeline-block-free {
  background-color: #EEE;
}
/* line 227, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-timeline-container .x-freebusy-timeline-block-tentative {
  background: repeating-linear-gradient(-45deg, #0f70bd 0px, #0f70bd 2.8284px, white 2.8284px, white 5.65685px);
}
/* line 230, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-timeline-container .x-freebusy-timeline-block-busy {
  background-color: #0f70bd;
}
/* line 233, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-timeline-container .x-freebusy-timeline-block-outofoffice {
  background-color: #912787;
}
/* line 236, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-timeline-container .x-freebusy-timeline-block-blur {
  background: repeating-linear-gradient(45deg, #e6e6e6 0px, #e6e6e6 2.8284px, white 2.8284px, white 5.65685px);
}
/* line 241, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-panel.suggestionlist {
  padding: 6px;
}
/* line 244, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-panel.suggestionlist .x-btn.zarafa-freebusy-suggestionrow:last-of-type {
  margin-bottom: 0px;
}
/* line 247, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-panel.suggestionlist .x-btn.zarafa-freebusy-suggestionrow {
  margin-bottom: 6px;
  margin-right: 6px;
  display: block;
}
/* line 251, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-panel.suggestionlist .x-btn.zarafa-freebusy-suggestionrow .x-btn-small {
  padding: 0;
  background: #f8f8f8;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  box-shadow: none;
  width: 100%;
}
/* line 258, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-panel.suggestionlist .x-btn.zarafa-freebusy-suggestionrow .x-btn-small em {
  display: block;
}
/* line 260, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-panel.suggestionlist .x-btn.zarafa-freebusy-suggestionrow .x-btn-small em button {
  width: 100%;
}
/* line 269, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-legenda {
  padding: 6px 9px;
  border: none;
}
/* line 273, ../scss/components/_scheduling.scss */
.zarafa-freebusy-panel .x-freebusy-legenda .x-form-display-field {
  padding: 0 18px 0 9px;
  line-height: 24px;
}

/* line 280, ../scss/components/_scheduling.scss */
.x-freebusy-timeline-container .x-freebusy-header {
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  /* Set the background to white so the space between different days is white and not grey */
  background-color: #FFF;
}

/* line 289, ../scss/components/_scheduling.scss */
.x-freebusy-timeline-container .x-freebusy-header-body {
  position: absolute;
  top: 0px;
  left: 0px;
}

/* line 295, ../scss/components/_scheduling.scss */
.x-freebusy-timeline-container .x-freebusy-body {
  position: absolute;
  overflow: scroll;
  width: 100%;
  /* Set the background to white so the space between different days is white and not grey */
  background-color: #FFF;
}

/** Selector **/
/* line 304, ../scss/components/_scheduling.scss */
.x-freebusy-timeline-container .x-freebusy-selectorcontainer .x-freebusy-selector {
  position: absolute;
  border-left: 3px solid #8CBC76;
  border-right: 3px solid #E17575;
  height: 100%;
  background: rgba(195, 195, 195, 0.2);
}

/* TODO: Investigate what's required */
/* line 313, ../scss/components/_scheduling.scss */
.x-freebusy-timeline-container .x-freebusy-header .x-freebusy-sumblockcontainer,
.x-freebusy-timeline-container .x-freebusy-body .x-freebusy-selectorcontainer,
.x-freebusy-timeline-container .x-freebusy-body .x-freebusy-blockcontainer,
.x-freebusy-timeline-container .x-freebusy-body .x-freebusy-background {
  position: absolute;
}

/* line 320, ../scss/components/_scheduling.scss */
.x-freebusy-timeline-container div.x-freebusy-timeline-day {
  position: absolute;
  top: 0px;
  height: 100%;
}

/* line 326, ../scss/components/_scheduling.scss */
.x-freebusy-timeline-container div.x-freebusy-blockcontainer .x-freebusy-timeline-block {
  position: absolute;
}

/* line 329, ../scss/components/_scheduling.scss */
.x-freebusy-timeline-container div.x-freebusy-sumblockcontainer .x-freebusy-timeline-sumblock {
  position: absolute;
}

/* line 1, ../scss/components/_search.scss */
.search_container {
  display: inline-block;
  /* search button */
}
/* line 3, ../scss/components/_search.scss */
.search_container .x-form-field-trigger-wrap,
.search_container .x-form-field-wrap {
  display: inline-block;
}
/* line 7, ../scss/components/_search.scss */
.search_container .x-form-field-trigger-wrap input {
  padding-top: 0 !important;
}
/* line 11, ../scss/components/_search.scss */
.search_container .x-btn-icon .x-btn-icon-small-left {
  position: relative;
  top: 2px;
  left: -1px;
  border-left: none;
  height: 22px;
}
/* line 20, ../scss/components/_search.scss */
.search_container button.icon_magnifier {
  background-color: transparent;
  width: 24px;
  height: 24px !important;
}

/* line 27, ../scss/components/_search.scss */
.k-searchcenterpanel {
  margin-left: 3px;
}

/* The search results grid */
/* line 34, ../scss/components/_search.scss */
.zarafa-searchgrid .x-grid3-hd-row td:first-child:active .x-grid3-hd-inner {
  background: inherit;
}
/* line 38, ../scss/components/_search.scss */
.zarafa-searchgrid .x-grid3-hd-row td:first-child:hover .x-grid3-hd-inner {
  border-color: #ffffff;
}
/* line 42, ../scss/components/_search.scss */
.zarafa-searchgrid .x-grid3-hd-row .zarafa-search-suggestion {
  font-style: italic;
  text-decoration: underline;
  color: #0f70bd;
  cursor: pointer;
}
/* line 48, ../scss/components/_search.scss */
.zarafa-searchgrid .x-grid3-hd-row .x-grid3-td-name {
  width: 0 !important;
}
/* line 51, ../scss/components/_search.scss */
.zarafa-searchgrid .x-grid3-hd-row .x-grid3-hd.x-grid3-cell.x-grid3-td-column_icon.x-grid3-cell-first {
  width: 100% !important;
}
/* line 56, ../scss/components/_search.scss */
.zarafa-searchgrid span.body {
  opacity: 0.5;
}
/* line 60, ../scss/components/_search.scss */
.zarafa-searchgrid span.subject {
  /* some padding to have some space between the fields */
  padding-right: 12px;
}
/* line 66, ../scss/components/_search.scss */
.zarafa-searchgrid .x-grid3-row-body-tr .zarafa-grid-body-container {
  overflow: hidden;
  word-wrap: break-word;
}
/* line 70, ../scss/components/_search.scss */
.zarafa-searchgrid .x-grid3-row-body-tr .zarafa-grid-body-container .grid_compact {
  line-height: 15px;
  min-height: 15px;
  /* we need this for when there is no title set */
  max-height: 15px;
  /* added 1px because letters get cut off at the bottom otherwise */
  padding-bottom: 1px;
  padding-top: 4px;
}
/* line 78, ../scss/components/_search.scss */
.zarafa-searchgrid .x-grid3-row-body-tr .zarafa-grid-body-container .grid_compact_left {
  padding-left: 36px;
}
/* line 82, ../scss/components/_search.scss */
.zarafa-searchgrid .x-grid3-row-body-tr .zarafa-grid-body-container .grid_compact_body {
  color: #777777;
  overflow: hidden;
  font-weight: normal;
}
/* line 88, ../scss/components/_search.scss */
.zarafa-searchgrid .x-grid3-row-body-tr .zarafa-grid-body-container .grid_compact_subject {
  max-height: 15px;
  overflow: hidden;
}
/* line 93, ../scss/components/_search.scss */
.zarafa-searchgrid .x-grid3-row-body-tr .zarafa-grid-body-container .k-folder-location-container {
  text-align: left !important;
}
/* line 98, ../scss/components/_search.scss */
.zarafa-searchgrid .x-grid3-row-body-tr .zarafa-grid-body-container .k-folder-location {
  float: right;
  width: 130px;
}
/* line 103, ../scss/components/_search.scss */
.zarafa-searchgrid .x-grid3-row-body-tr .zarafa-grid-body-container .k-folder-name {
  padding: 0 6px;
  line-height: 15px;
  margin-right: 3px;
  margin-bottom: 3px;
  display: inline-block;
  font-weight: bold;
}
/* line 112, ../scss/components/_search.scss */
.zarafa-searchgrid .x-grid3-row-body-tr .zarafa-grid-body-container .k-category-container, .zarafa-searchgrid .x-grid3-row-body-tr .zarafa-grid-body-container .k-folder-location-container {
  padding-top: 6px;
}
/* line 118, ../scss/components/_search.scss */
.zarafa-searchgrid .x-grid3-row {
  border-left: none;
  border-right: none;
}
/* line 124, ../scss/components/_search.scss */
.zarafa-searchgrid .x-grid3-row.mail_unread td {
  font-weight: bold;
}
/* line 130, ../scss/components/_search.scss */
.zarafa-searchgrid .with-no-subject .grid_compact_body {
  max-height: 30px !important;
}
/* line 134, ../scss/components/_search.scss */
.zarafa-searchgrid .with-no-subject .k-category {
  float: right;
  display: flex;
  flex-direction: row-reverse;
}
/* line 138, ../scss/components/_search.scss */
.zarafa-searchgrid .with-no-subject .k-category .k-category-container, .zarafa-searchgrid .with-no-subject .k-category .x-grid3-row-body-tr .zarafa-grid-body-container .k-folder-location-container, .zarafa-searchgrid .x-grid3-row-body-tr .zarafa-grid-body-container .with-no-subject .k-category .k-folder-location-container {
  max-width: none !important;
}
/* line 143, ../scss/components/_search.scss */
.zarafa-searchgrid .with-no-subject .k-right-column {
  float: right;
  display: flex;
  flex-direction: column;
  max-width: 50%;
}
/* line 150, ../scss/components/_search.scss */
.zarafa-searchgrid .with-no-subject .k-folder-location-row {
  float: right;
}

/* The toolbox */
/* line 157, ../scss/components/_search.scss */
.zarafa-search-toolbox {
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 0 0 9px 9px;
  background-color: #ffffff;
}
/* line 163, ../scss/components/_search.scss */
.zarafa-search-toolbox .zarafa-search-toolbox-favoritesbutton-container {
  padding-right: 9px;
}
/* line 165, ../scss/components/_search.scss */
.zarafa-search-toolbox .zarafa-search-toolbox-favoritesbutton-container .x-btn.search-toolbox-favorites-button {
  display: block;
}
/* line 168, ../scss/components/_search.scss */
.zarafa-search-toolbox .zarafa-search-toolbox-favoritesbutton-container .x-btn.search-toolbox-favorites-button .x-btn-small em, .zarafa-search-toolbox .zarafa-search-toolbox-favoritesbutton-container .x-btn.search-toolbox-favorites-button .x-btn-small button {
  width: 100%;
}
/* line 176, ../scss/components/_search.scss */
.zarafa-search-toolbox .x-btn.x-btn-noicon .x-btn-small, .zarafa-search-toolbox .x-btn.x-btn-text-icon .x-btn-small {
  width: 100% !important;
}
/* line 179, ../scss/components/_search.scss */
.zarafa-search-toolbox .x-btn.x-btn-noicon .x-btn-small button span, .zarafa-search-toolbox .x-btn.x-btn-text-icon .x-btn-small button span {
  display: inline-block;
  padding-right: 25px;
}
/* line 186, ../scss/components/_search.scss */
.zarafa-search-toolbox .x-plain-header {
  line-height: 20px;
  box-sizing: border-box;
  height: 35px;
  /* subtract the border */
  padding-top: 8px;
}
/* line 192, ../scss/components/_search.scss */
.zarafa-search-toolbox .x-plain-header img.x-panel-inline-icon.advance_search {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 6px;
  margin-top: -1px;
  margin-bottom: -1px;
}
/* line 202, ../scss/components/_search.scss */
.zarafa-search-toolbox .x-fieldset {
  border: none;
  border: none;
  padding: 0 0 9px;
}
/* line 207, ../scss/components/_search.scss */
.zarafa-search-toolbox .x-fieldset legend {
  padding-bottom: 6px;
  font-weight: bold;
}

/* line 214, ../scss/components/_search.scss */
.zarafa-search-previewpanel-toolbar {
  margin-left: 5px;
}

/* Input field loading mask */
/* line 219, ../scss/components/_search.scss */
.zarafa-searchfield.zarafa-tbar-loading {
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: right;
}

/* FIXME: fix in ExtJS JavaScript */
/* line 226, ../scss/components/_search.scss */
.zarafa-dateperiodfield-itemsCls .x-form-element {
  padding-left: 10px !important;
}

/* line 231, ../scss/components/_search.scss */
.zarafa-searchfield-folders {
  width: 80px;
  padding-top: 0px !important;
  border-left: none;
}

/* line 237, ../scss/components/_search.scss */
.k-search-combobox-menu-sep-parent {
  margin: 3px 0;
}
/* line 240, ../scss/components/_search.scss */
.k-search-combobox-menu-sep-parent .k-search-combobox-menu-sep {
  margin: 0 !important;
  height: 0 !important;
  background-color: #e6e6e6 !important;
  border-bottom-color: #e6e6e6 !important;
}

/* line 248, ../scss/components/_search.scss */
.k-search-node-owner {
  font-weight: normal;
  color: #777777 !important;
}

/* line 254, ../scss/components/_search.scss */
.k-create-search-folder-panel .x-form-item-label {
  font-weight: bold;
}

/* Sticky note colors */
/* line 13, ../scss/components/_notes.scss */
.zarafa-note-iconview-thumb {
  float: left;
  height: 75px;
  width: 75px;
  padding: 6px;
  box-sizing: border-box;
  margin: 6px;
  overflow: hidden;
  border: 1px solid transparent;
}
/* line 23, ../scss/components/_notes.scss */
.zarafa-note-iconview-thumb .zarafa-note-iconview-icon {
  margin-left: 18.5px;
  margin-bottom: 6px;
  height: 27px;
  width: 26px;
}
/* line 30, ../scss/components/_notes.scss */
.zarafa-note-iconview-thumb .zarafa-note-iconview-subject {
  text-align: center;
  height: 30px;
  width: 63px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 15px;
}

/* line 40, ../scss/components/_notes.scss */
.zarafa-note-iconview-over {
  background-color: #f2f2f2;
  border-color: #dadada;
}

/* line 44, ../scss/components/_notes.scss */
.zarafa-note-iconview-selected {
  background-color: #d5e8f7;
  border-color: #d5e8f7;
}

/* New note background color */
/* line 50, ../scss/components/_notes.scss */
.x-form-textarea.stickynote_dialog_yellow {
  background: #FF9 none repeat scroll 0 0;
}

/* line 54, ../scss/components/_notes.scss */
.x-form-textarea.stickynote_dialog_blue {
  background: #DEF1FF none repeat scroll 0 0;
}

/* line 58, ../scss/components/_notes.scss */
.x-form-textarea.stickynote_dialog_green {
  background: #CBF0BB none repeat scroll 0 0;
}

/* line 62, ../scss/components/_notes.scss */
.x-form-textarea.stickynote_dialog_pink {
  background: #FFDBFB none repeat scroll 0 0;
}

/* FIXME: remove since default background is white? */
/* line 67, ../scss/components/_notes.scss */
.x-form-textarea.stickynote_dialog_white {
  background: #FFF none repeat scroll 0 0;
}

/* line 1, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings {
  /* The categories panel */
  /* The main settings panel that contains all settings widgets */
}
/* line 4, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-panel {
  border-right: 1px solid #e6e6e6;
  padding-top: 6px;
}
/* line 8, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-panel .zarafa-settings-category-tab {
  padding: 5px 6px;
  padding-left: 4px;
  line-height: 20px;
  cursor: pointer;
  background-position: 10px center !important;
}
/* line 16, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-panel .zarafa-settings-category-tab.k-with-icon img.k-settings-category-icon {
  width: 20px;
  height: 20px;
  float: left;
  background-position: center center !important;
  background-repeat: no-repeat;
  margin-right: 5px;
}
/* line 25, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-panel .zarafa-settings-category-tab-over {
  background-color: #dadada;
}
/* line 28, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-panel .zarafa-settings-category-tab-active {
  background-color: #d5e8f7;
}
/* line 34, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-widget-panel {
  padding: 6px 3px;
  /* minor information in labels */
  /* Keyboard shortcuts */
  /* About Category */
}
/* line 37, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-widget-panel .zarafa-settings-widget {
  margin-bottom: 6px;
}
/* line 40, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-widget-panel .zarafa-settings-widget .x-panel-header {
  padding: 5px 6px;
  line-height: 20px;
  border-top: none;
  border-bottom: none;
}
/* line 47, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-widget-panel .zarafa-settings-widget .x-panel-body {
  padding: 6px;
}
/* line 51, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-widget-panel .zarafa-settings-widget .zarafa-quotabar {
  border: 1px solid #dadada;
  overflow: hidden;
  height: 22px;
  /* subtract 2 for the border */
}
/* line 56, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-widget-panel .zarafa-settings-widget .zarafa-quotabar .zarafa-quotabar-normal {
  display: inline-block;
  background: #d5e8f7;
  height: 22px;
  /* subtract 2 for the border */
}
/* line 61, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-widget-panel .zarafa-settings-widget .zarafa-quotabar .zarafa-quotabar-warn {
  display: inline-block;
  background: #EEE92B;
  height: 22px;
  /* subtract 2 for the border */
}
/* line 66, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-widget-panel .zarafa-settings-widget .zarafa-quotabar .zarafa-quotabar-soft {
  display: inline-block;
  background: #FFAA66;
  height: 22px;
  /* subtract 2 for the border */
}
/* line 71, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-widget-panel .zarafa-settings-widget .zarafa-quotabar .zarafa-quotabar-hard {
  display: inline-block;
  background: #FF6666;
  height: 22px;
  /* subtract 2 for the border */
}
/* line 78, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-widget-panel .zarafa-settings-widget .zarafa-quota-string {
  font-weight: bold;
}
/* line 84, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-widget-panel .zarafa-settings-widget:last-child {
  margin-bottom: 0;
}
/* line 89, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-widget-panel .k-settings-label-minor {
  opacity: 0.5;
  margin-left: 3px;
}
/* line 95, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-widget-panel .zarafa-settings-keyboard-shortcut-row {
  background-color: #f8f8f8;
  padding: 3px;
  border: 1px solid #e6e6e6;
}
/* line 103, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-widget-panel .zarafa-settings-about-text p {
  padding-bottom: 1em;
}
/* line 107, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-widget-panel .zarafa-settings-about-text h1 {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  font-size: 1.2em !important;
}
/* line 113, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-widget-panel .zarafa-settings-about-text a {
  background: #0f70bd;
  color: white;
  padding: 3px;
  text-decoration: none;
}
/* line 119, ../scss/components/_settings.scss */
#zarafa-mainpanel-contentpanel-settings .zarafa-settings-category-widget-panel .zarafa-settings-about-text a:hover {
  background: #065fa5;
}

/* Loading of "address book -> select default folder" */
/* line 128, ../scss/components/_settings.scss */
.x-mask-loading-combo, .x-mask-loading-combo div {
  background-color: transparent !important;
  border: none !important;
}

/* Settings icons in the settingstab */
/* line 134, ../scss/components/_settings.scss */
.zarafa-settings-category-tab, .zarafa-settings-favorite-tab {
  background-position: 2px center;
  background-repeat: no-repeat;
}

/* line 140, ../scss/components/_settings.scss */
.x-panel-inline-icon.zarafa-settings-favorite-oof, .x-panel-inline-icon.zarafa-settings-favorite-signatures {
  width: 20px;
  height: 20px;
}

/* line 146, ../scss/components/_settings.scss */
.zarafa-settings-signatures {
  margin-right: 9px;
}
/* line 149, ../scss/components/_settings.scss */
.zarafa-settings-signatures .x-grid3-row {
  border-top: 1px solid #e6e6e6;
  margin-bottom: -1px;
}

/* line 154, ../scss/components/_settings.scss */
.k-signature-editor textarea {
  padding: 12px;
  font-family: monospace !important;
}

/* line 160, ../scss/components/_settings.scss */
.k-signature-editor .mce-panel.mce-tinymce {
  width: auto !important;
}

/* line 165, ../scss/components/_settings.scss */
.keyboard-type {
  margin-left: 40px;
  padding-left: 6px;
  padding-right: 6px;
  line-height: 20px;
  border: solid 1px #e6e6e6;
  border-radius: 2px;
  background-color: white;
  display: inline-block;
}

/* line 176, ../scss/components/_settings.scss */
.keyboard-desc {
  display: inline-block;
}

/* Out of office Category */
/* line 181, ../scss/components/_settings.scss */
.zarafa-settings-oof-invalid {
  color: #FF0000;
}

/* line 185, ../scss/components/_settings.scss */
.zarafa-settings-oof-table-cellalign {
  text-align: right;
}

/* line 188, ../scss/components/_settings.scss */
.zarafa-settings-oof-table-cellpadding {
  padding: 6px 6px 6px 0;
}

/* line 191, ../scss/components/_settings.scss */
.zarafa-settings-oof-subject .label-subject {
  line-height: 24px;
  padding-right: 6px;
}

/* line 196, ../scss/components/_settings.scss */
.zarafa-settings-oof-autoreplay {
  padding: 9px 0 6px 0;
}

/* Plugin list */
/* line 202, ../scss/components/_settings.scss */
.zarafa-settings-pluginavailable .zarafa-settings-widget-extrainfo {
  margin: 0;
}
/* line 205, ../scss/components/_settings.scss */
.zarafa-settings-pluginavailable .k-settings-plugingrid {
  padding-top: 12px;
}
/* line 211, ../scss/components/_settings.scss */
.zarafa-settings-pluginavailable .zarafa-settings-pluginavailable-fixed .x-grid3-col-display_name span {
  font-style: italic;
  color: #777777;
}

/* line 1, ../scss/components/_datepickers.scss */
.x-date-picker {
  border: none;
  border-bottom: 1px solid #e6e6e6;
  /* the month selector dropdown */
  /* the month picker */
}
/* line 5, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-left {
  width: auto;
  text-align: right;
}
/* line 9, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-left a {
  display: inline-block;
  opacity: inherit;
}
/* line 14, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-right {
  width: auto;
  text-align: left;
}
/* line 18, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-right a {
  display: inline-block;
  opacity: inherit;
}
/* line 25, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-middle {
  padding: 6px 6px 6px 6px;
}
/* line 28, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-middle .x-btn-small {
  background-color: white;
  box-shadow: none;
}
/* line 32, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-middle .x-btn-small em {
  background-color: #f8f8f8 !important;
  border: 1px solid #e6e6e6;
}
/* line 36, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-middle .x-btn-small em button {
  background-color: white;
  color: black;
  border-right: 1px solid #e6e6e6;
  height: 22px;
}
/* line 43, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-middle .x-btn-small em:hover {
  background-color: #f2f2f2 !important;
}
/* line 48, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-middle .x-btn-small:active {
  background-color: white !important;
  box-shadow: none;
}
/* line 54, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-inner {
  cursor: default;
  width: 100%;
}
/* line 58, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-inner th {
  background: white;
  font-weight: bold;
  color: black;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  height: 24px;
  vertical-align: middle;
}
/* line 68, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-inner td {
  height: 24px;
}
/* line 72, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-inner td.x-date-weeknumber {
  border-right: 1px solid #e6e6e6;
}
/* line 75, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-inner td.x-date-weeknumber a {
  color: #5ebb4b;
}
/* line 80, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-inner td:not(.x-date-weeknumber) {
  cursor: default;
}
/* line 83, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-inner td:not(.x-date-weeknumber) a {
  cursor: pointer;
  color: black;
  text-align: center;
}
/* line 88, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-inner td:not(.x-date-weeknumber) a em {
  display: inline-block;
  width: 16px;
  text-align: right;
}
/* line 93, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-inner td:not(.x-date-weeknumber) a em span {
  cursor: pointer;
}
/* line 101, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-inner td.x-date-prevday a, .x-date-picker .x-date-inner td.x-date-nextday a {
  color: #b6b6b6;
}
/* line 106, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-inner td.x-date-selected a {
  background-color: #d5e8f7;
  background-image: none;
  border-color: #d5e8f7;
  color: black;
  cursor: default;
}
/* line 113, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-inner td.x-date-selected a span {
  font-weight: normal;
}
/* line 118, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-inner a:hover {
  background-color: #f2f2f2;
}
/* line 121, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-inner td.x-date-selected:not(.x-date-today) a:hover {
  background-color: #d5e8f7;
}
/* line 125, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-inner td.x-date-weeknumber a:hover {
  background-color: transparent;
}
/* line 130, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-inner td.x-date-today a {
  background-color: #5ebb4b;
  border-color: #5ebb4b;
  border-width: 1px;
  color: #ffffff;
}
/* line 136, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-inner td.x-date-today:not(.x-date-selected) a:hover {
  background-color: #f2f2f2;
  color: black;
}
/* line 142, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-inner td.x-date-busy span {
  font-weight: bold;
}
/* line 148, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-bottom {
  background: transparent;
  border: none;
  border-top: 1px solid #e6e6e6;
  padding: 6px 0;
}
/* line 156, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-mp {
  background: white;
}
/* line 161, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-mp table td a {
  color: black;
}
/* line 165, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-mp table td a:hover {
  background: #f2f2f2;
}
/* line 171, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-mp table td.x-date-mp-ybtn a.x-date-mp-prev:hover,
.x-date-picker .x-date-mp table td.x-date-mp-ybtn a.x-date-mp-next:hover {
  background-color: #f2f2f2;
}
/* line 178, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-mp table td.x-date-mp-sel a {
  background: #5ebb4b;
  color: #ffffff;
  border-color: #5ebb4b;
}
/* line 185, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-mp table td.x-date-mp-sep {
  border-right: 1px solid #e6e6e6;
}
/* line 189, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-mp table tr.x-date-mp-btns {
  background: transparent;
}
/* line 192, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-mp table tr.x-date-mp-btns td {
  height: 24px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 6px 3px;
}
/* line 198, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-mp table tr.x-date-mp-btns td button {
  border: none;
  border-radius: 0;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35);
  background: #e6e6e6;
  box-sizing: border-box;
  height: 24px;
  color: black;
  min-width: 84px;
  margin-right: 6px;
}
/* line 209, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-mp table tr.x-date-mp-btns td button.x-date-mp-ok {
  background: #5ebb4b;
  color: #ffffff;
}
/* line 213, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-mp table tr.x-date-mp-btns td button:hover {
  background: #dadada;
}
/* line 216, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-mp table tr.x-date-mp-btns td button.x-date-mp-ok:hover {
  background: #59b147;
}

/* line 225, ../scss/components/_datepickers.scss */
.ext-webkit table.x-date-inner {
  width: 100%;
}

/* line 232, ../scss/components/_datepickers.scss */
#zarafa-navigationpanel .x-date-picker .x-date-inner th:first-child {
  border-right: 1px solid #e6e6e6;
}
/* line 235, ../scss/components/_datepickers.scss */
#zarafa-navigationpanel .x-date-picker .x-date-inner th:first-child span {
  display: none;
}

/* Override blue of ExtJS */
/* line 244, ../scss/components/_datepickers.scss */
.x-date-picker .x-date-left,
.x-date-picker .x-date-middle,
.x-date-picker .x-date-right {
  background: #ffffff;
}

/* line 1, ../scss/components/_colorpicker.scss */
.k-colorpicker-box,
.k-colorpicker-box:hover::after {
  cursor: pointer;
  width: 17px;
  height: 17px;
  position: relative;
}

/* line 8, ../scss/components/_colorpicker.scss */
.k-colorpicker.zarafa-border .k-colorpicker-box,
.k-colorpicker.zarafa-border .k-colorpicker-box:hover::after {
  border: 1px solid #e6e6e6;
  width: 15px;
  height: 15px;
}

/* line 14, ../scss/components/_colorpicker.scss */
.k-colorpicker .k-colorpicker-box:hover::after {
  display: block;
  background-color: black;
  content: " ";
  opacity: 0.1;
  top: 0;
  left: 0;
}

/* line 22, ../scss/components/_colorpicker.scss */
.k-colorpicker.zarafa-border .k-colorpicker-box:hover::after {
  top: -1px;
  left: -1px;
}

/* line 27, ../scss/components/_colorpicker.scss */
.x-form-element .k-colorpicker {
  padding-top: 3px;
  padding-bottom: 4px;
}

/* line 32, ../scss/components/_colorpicker.scss */
.x-color-palette.k-colorpicker-menu {
  width: 92px;
}

/* line 37, ../scss/components/_colorpicker.scss */
.x-color-palette a {
  padding: 3px;
  border: none;
}
/* line 42, ../scss/components/_colorpicker.scss */
.x-color-palette a:hover,
.x-color-palette a.x-color-palette-sel {
  border: none;
}
/* line 46, ../scss/components/_colorpicker.scss */
.x-color-palette a:hover {
  background-color: #f2f2f2;
}
/* line 49, ../scss/components/_colorpicker.scss */
.x-color-palette a.x-color-palette-sel {
  background-color: #d5e8f7;
}
/* line 53, ../scss/components/_colorpicker.scss */
.x-color-palette em {
  border: none;
}
/* line 56, ../scss/components/_colorpicker.scss */
.x-color-palette em span {
  width: 17px;
  height: 17px;
}

/* line 1, ../scss/components/_welcome.scss */
.zarafa-welcome-body {
  width: 450px;
  /* Hide warning messages regarding reloading WebApp */
}
/* line 6, ../scss/components/_welcome.scss */
.zarafa-welcome-body > .x-panel-bwrap > .x-panel-body > div {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}
/* line 11, ../scss/components/_welcome.scss */
.zarafa-welcome-body > .x-panel-bwrap > .x-panel-body div.zarafa-welcome-title {
  background: #0f70bd;
  color: #ffffff;
  font-family: arial, tahoma, helvetica, sans-serif !important;
  font-size: 15px !important;
  line-height: 20px;
  padding: 8px 9px;
  border-left: 1px solid #0f70bd;
  border-right: 1px solid #0f70bd;
}
/* line 21, ../scss/components/_welcome.scss */
.zarafa-welcome-body > .x-panel-bwrap > .x-panel-body div.zarafa-welcome-message {
  padding: 9px;
}
/* line 26, ../scss/components/_welcome.scss */
.zarafa-welcome-body > .x-panel-bwrap > .x-panel-body .zarafa-settings-widget-welcome .x-panel-header {
  padding-left: 9px;
  border: none;
}
/* line 32, ../scss/components/_welcome.scss */
.zarafa-welcome-body > .x-panel-bwrap > .x-panel-body .zarafa-settings-widget-welcome > .x-panel-bwrap > .x-panel-body {
  padding: 9px;
  border: none;
}
/* line 40, ../scss/components/_welcome.scss */
.zarafa-welcome-body > .x-panel-bwrap .x-panel-footer {
  padding: 12px 9px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
/* line 49, ../scss/components/_welcome.scss */
.zarafa-welcome-body .zarafa-settings-widget-welcome .zarafa-settings-reload-warning {
  position: absolute !important;
  left: -10000px;
  top: -10000px;
  visibility: hidden;
}

/* line 3, ../scss/components/_categories.scss */
.k-category-block {
  color: black;
  padding: 0 6px;
  line-height: 15px;
  background-color: #e6e6e6;
  margin-right: 3px;
  margin-bottom: 3px;
  display: inline-block;
  white-space: nowrap;
  min-width: 2em;
  max-width: 10em;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  cursor: default;
}

/* line 20, ../scss/components/_categories.scss */
.k-category-block.zarafa-dark {
  color: #ffffff;
}

/* line 23, ../scss/components/_categories.scss */
body .k-category-block {
  font-size: 11px !important;
}

/* line 26, ../scss/components/_categories.scss */
.x-grid3-cell-inner > .k-category-block {
  margin-bottom: 0;
}

/* line 29, ../scss/components/_categories.scss */
.zarafa-appointment-tooltip .k-category-block {
  max-width: 221px;
}

/* In the mail grid */
/* line 34, ../scss/components/_categories.scss */
.grid_compact_left {
  padding-left: 29px;
}

/* line 37, ../scss/components/_categories.scss */
.k-category-container, .zarafa-searchgrid .x-grid3-row-body-tr .zarafa-grid-body-container .k-folder-location-container {
  float: right;
  max-width: 50%;
  max-height: 36px;
  text-align: right;
  padding-top: 3px;
  margin-bottom: -3px;
}

/* The add category button in the mail grid */
/* line 47, ../scss/components/_categories.scss */
.k-category-add-container {
  float: right;
  padding-top: 3px;
}

/* line 51, ../scss/components/_categories.scss */
.k-category-add {
  display: block;
  visibility: hidden;
  width: 21px;
  height: 15px;
  cursor: pointer;
}

/* line 58, ../scss/components/_categories.scss */
.x-grid3-row-over .k-category-add {
  visibility: visible;
}

/* In the (pre) view panel */
/* line 63, ../scss/components/_categories.scss */
.k-preview-header-categories {
  margin-top: 6px;
  max-height: 54px;
  /* show max. 3 lines */
  overflow: auto;
}

/* In the context menu */
/* line 70, ../scss/components/_categories.scss */
.k-category-in-menu {
  max-width: 10em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: bottom;
}

/* The "Create new category dialog" */
/* line 80, ../scss/components/_categories.scss */
.k-newcategorypanel .k-colorpicker {
  padding-right: 6px;
}
/* line 84, ../scss/components/_categories.scss */
.k-newcategorypanel .k-pin-check {
  margin-top: 12px;
}
/* line 87, ../scss/components/_categories.scss */
.k-newcategorypanel .k-pin-check input {
  margin-left: 3px;
}
/* line 91, ../scss/components/_categories.scss */
.k-newcategorypanel .k-pin-check label {
  margin-left: 12px;
}

/* The "Rename category dialog" */
/* line 99, ../scss/components/_categories.scss */
.k-renamecategorypanel .k-colorpicker {
  padding-right: 6px;
}

/** Search category filter **/
/* line 106, ../scss/components/_categories.scss */
.k-category-filter .k-category-add-container {
  float: left !important;
}
/* line 110, ../scss/components/_categories.scss */
.k-category-filter .k-category-container, .k-category-filter .zarafa-searchgrid .x-grid3-row-body-tr .zarafa-grid-body-container .k-folder-location-container, .zarafa-searchgrid .x-grid3-row-body-tr .zarafa-grid-body-container .k-category-filter .k-folder-location-container {
  float: left;
  max-width: 80%;
  text-align: left;
  max-height: none;
}
/* line 117, ../scss/components/_categories.scss */
.k-category-filter .k-category-add-button, .k-category-filter .k-category-filter-label {
  float: left;
}
/* line 120, ../scss/components/_categories.scss */
.k-category-filter .k-category-add-button .x-btn-small, .k-category-filter .k-category-filter-label .x-btn-small {
  display: block;
  background: transparent !important;
  cursor: pointer;
  box-shadow: none !important;
  margin-right: 3px;
}
/* line 130, ../scss/components/_categories.scss */
.k-category-filter .k-category-add-button.x-btn-over .x-btn-small {
  border: 1px solid #dadada;
}
/* line 135, ../scss/components/_categories.scss */
.k-category-filter .k-category-block {
  max-width: 14em;
  margin-top: 3px;
  padding: 0 3px;
}
/* line 141, ../scss/components/_categories.scss */
.k-category-filter .k-category-close {
  display: inline-block;
  cursor: pointer;
  padding-right: 6px;
  width: 7px;
  height: 7px;
}
/* line 149, ../scss/components/_categories.scss */
.k-category-filter .k-category-add-button-icon {
  width: 18px !important;
  height: 18px !important;
}
/* line 155, ../scss/components/_categories.scss */
.k-category-filter .k-category-filter-label .x-btn-small {
  background: #b6b6b6 !important;
  margin-top: 3px;
  text-align: center;
}
/* line 161, ../scss/components/_categories.scss */
.k-category-filter .k-category-filter-label .x-btn-text, .k-category-filter .k-category-filter-label .x-btn-click {
  color: #ffffff !important;
  height: 14px !important;
  padding: 0 !important;
  font-size: 11px !important;
}

/* Rules settings category */
/* line 3, ../scss/components/_rules.scss */
#zarafa-mainpanel-contentpanel-settings .k-rules-widget > .x-panel-bwrap > .x-panel-body {
  padding: 6px 0;
}
/* line 7, ../scss/components/_rules.scss */
#zarafa-mainpanel-contentpanel-settings .k-rules-widget .k-store-picker {
  padding: 0 6px 6px;
  border-bottom: 1px solid #e6e6e6;
}
/* line 11, ../scss/components/_rules.scss */
#zarafa-mainpanel-contentpanel-settings .k-rules-widget .k-store-picker .x-form-item {
  margin-bottom: 0;
}
/* line 15, ../scss/components/_rules.scss */
#zarafa-mainpanel-contentpanel-settings .k-rules-widget .k-store-picker label {
  width: auto;
  border: 1px solid transparent;
  /* to align the text with the text in the combo */
}

/* line 23, ../scss/components/_rules.scss */
.k-rulesgrid .x-panel-tbar .x-toolbar {
  padding: 6px;
}
/* line 27, ../scss/components/_rules.scss */
.k-rulesgrid .x-btn-noicon .x-btn-small {
  margin-right: 6px;
}

/* line 32, ../scss/components/_rules.scss */
.zarafa-folder-link, .zarafa-user-link, .zarafa-word-link {
  text-decoration: underline;
  padding: 4px 0px 0px 5px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}

/* Pop-up notifications */
/* line 2, ../scss/components/_notifications.scss */
.zarafa-notifier-eventdropdown-item,
.zarafa-notifier-popup-item,
.zarafa-notifier-dropdown-item {
  background-color: #f4f4f4;
  text-align: left;
  display: table;
  width: 100%;
  box-shadow: 0 1px 1px white;
  border-style: solid;
  border-color: #ccc;
}
/* line 13, ../scss/components/_notifications.scss */
.zarafa-notifier-eventdropdown-item .left,
.zarafa-notifier-popup-item .left,
.zarafa-notifier-dropdown-item .left {
  display: table-cell;
  width: 40px;
  padding: 5px;
  box-sizing: border-box;
  vertical-align: middle;
}
/* line 21, ../scss/components/_notifications.scss */
.zarafa-notifier-eventdropdown-item .right,
.zarafa-notifier-popup-item .right,
.zarafa-notifier-dropdown-item .right {
  display: table-cell;
  text-align: left;
  padding: 10px 10px 10px 0px;
}

/* line 28, ../scss/components/_notifications.scss */
.zarafa-notifier-dropdown-item,
.zarafa-notifier-eventdropdown-item {
  border-width: 0 1px 1px 1px;
}

/* line 33, ../scss/components/_notifications.scss */
.zarafa-notifier-popup-item {
  border-width: 1px 0 0 1px;
}

/* line 38, ../scss/components/_notifications.scss */
.zarafa-notifier-dropdown-item-title,
.zarafa-notifier-eventdropdown-item-title,
.zarafa-notifier-popup-item-title {
  font-weight: bold;
  font-size: 1.3em;
}

/* line 45, ../scss/components/_notifications.scss */
.zarafa-notifier-container {
  position: absolute;
  z-index: 1000000000;
  width: 356px;
}

/* line 52, ../scss/components/_notifications.scss */
.zarafa-slide-notifier-icon {
  height: 30px;
}

/* line 60, ../scss/components/_notifications.scss */
.zarafa-slide-notifier-info .icon,
.zarafa-slide-notifier-warning .icon,
.zarafa-slide-notifier-error .icon {
  height: 30px;
  width: 30px;
}

/* line 66, ../scss/components/_notifications.scss */
.zarafa-slide-notifier-error {
  background-color: #f4eaea;
}

/* line 70, ../scss/components/_notifications.scss */
.zarafa-slide-notifier-warning {
  background-color: #f4eac0;
}

/* line 74, ../scss/components/_notifications.scss */
.zarafa-slide-notifier-info {
  background-color: #eaf4ea;
}

/* Create a normal formatted list in the Missing Default Folder notifier */
/* line 79, ../scss/components/_notifications.scss */
.zarafa-slide-notifier-error-hierarchy-defaultfolder ul {
  list-style: disc;
  padding-left: 40px;
}

/* Style Add Widget Panel */
/* line 3, ../scss/components/_widgets.scss */
.zarafa-widget-item {
  width: 80px;
  text-align: center;
  display: block;
  float: left;
  margin: 5px;
  cursor: pointer;
}

/* line 11, ../scss/components/_widgets.scss */
.zarafa-widget-item .thumb-wrap {
  display: block;
  width: 80px;
  height: 80px;
  text-align: center;
  vertical-align: middle;
  position: relative;
}

/* line 20, ../scss/components/_widgets.scss */
.zarafa-widget-item > span {
  height: 2.75em;
  display: block;
  overflow: hidden;
  padding-top: 0.25em;
}

/* line 27, ../scss/components/_widgets.scss */
.zarafa-widgets-selectedwidget {
  color: #7f7f7f;
}

/* line 31, ../scss/components/_widgets.scss */
.zarafa-widgets-hoverwidget {
  color: #7f7f7f;
  text-decoration: underline;
}

/* line 36, ../scss/components/_widgets.scss */
.zarafa-widget-item .thumb-wrap img {
  display: block;
  margin: auto;
}

/* Body element of a panel */
/* line 42, ../scss/components/_widgets.scss */
.x-panel-btns {
  padding: 5px;
}

/* line 45, ../scss/components/_widgets.scss */
.x-panel-tl, .x-panel-tc, .x-panel-tr {
  background-image: none;
  background-color: transparent;
  padding: 0;
}

/* line 50, ../scss/components/_widgets.scss */
.x-panel-tl {
  border: none;
}

/* line 53, ../scss/components/_widgets.scss */
.x-panel-ml, .x-panel-mc, .x-panel-mr {
  background-image: none;
  background-color: #EBEAEB;
}

/* line 57, ../scss/components/_widgets.scss */
.x-panel-bl, .x-panel-bc, .x-panel-br {
  background-image: none;
}

/* line 60, ../scss/components/_widgets.scss */
.x-panel.x-portlet {
  border: 1px solid #e6e6e6;
  margin-bottom: 10px;
  background-color: transparent !important;
}
/* line 65, ../scss/components/_widgets.scss */
.x-panel.x-portlet .x-panel-ml,
.x-panel.x-portlet .x-panel-mr {
  padding: 0;
}
/* line 70, ../scss/components/_widgets.scss */
.x-panel.x-portlet .x-panel-bl.x-panel-nofooter {
  display: none;
}

/* TaskWidget */
/* line 81, ../scss/components/_widgets.scss */
.k-taskwidget .x-grid3-row .x-grid3-row-body-tr .zarafa-grid-body-container .grid_compact_left,
.k-appointmentwidget .x-grid3-row .x-grid3-row-body-tr .zarafa-grid-body-container .grid_compact_left {
  padding-left: 7px;
}
/* line 91, ../scss/components/_widgets.scss */
.k-taskwidget .x-grid3-row.zarafa-task-overdue .x-grid3-row-body-tr .zarafa-grid-body-container .grid_compact_left,
.k-appointmentwidget .x-grid3-row.zarafa-task-overdue .x-grid3-row-body-tr .zarafa-grid-body-container .grid_compact_left {
  color: inherit;
  opacity: 0.5;
}

/* loading mask  */
/* line 2, ../scss/components/_loading_mask.scss */
.x-mask-loading {
  background-image: none;
  background-color: #ebeaeb;
  border-color: #d3d2d2;
}

/* line 7, ../scss/components/_loading_mask.scss */
.x-mask-row {
  background-color: #ffffff;
}

/* line 10, ../scss/components/_loading_mask.scss */
.x-mask-loading > div {
  border-color: #d3d2d2;
}

/* line 14, ../scss/components/_loading_mask.scss */
.x-mask-error {
  background-image: none;
  background-color: #ebeaeb;
  border-color: #d3d2d2;
}

/* line 19, ../scss/components/_loading_mask.scss */
.x-mask-error > div {
  cursor: default;
  border-color: #d3d2d2;
}

/* line 1, ../scss/components/_tooltip.scss */
.x-tip {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
}

/* tooltip for example Addrss book button large */
/* line 6, ../scss/components/_tooltip.scss */
.x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr {
  background-image: none;
  background: transparent;
}

/* Tooltip header text */
/* line 12, ../scss/components/_tooltip.scss */
.x-tip .x-tip-header-text {
  color: #ffffff;
}

/* The tooltip for the calendar appointments */
/* line 17, ../scss/components/_tooltip.scss */
.zarafa-appointment-tooltip {
  z-index: 9000 !important;
}
/* line 20, ../scss/components/_tooltip.scss */
.zarafa-appointment-tooltip .x-tip-tc,
.zarafa-appointment-tooltip .x-tip-tl,
.zarafa-appointment-tooltip .x-tip-tr,
.zarafa-appointment-tooltip .x-tip-bc,
.zarafa-appointment-tooltip .x-tip-bl,
.zarafa-appointment-tooltip .x-tip-br,
.zarafa-appointment-tooltip .x-tip-ml,
.zarafa-appointment-tooltip .x-tip-mr {
  background-color: transparent;
}
/* line 31, ../scss/components/_tooltip.scss */
.zarafa-appointment-tooltip .x-tip-tc {
  padding-top: 6px;
}
/* line 34, ../scss/components/_tooltip.scss */
.zarafa-appointment-tooltip .x-tip-body {
  color: #ffffff;
}
/* line 38, ../scss/components/_tooltip.scss */
.zarafa-appointment-tooltip h2 {
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 3px;
}
/* line 44, ../scss/components/_tooltip.scss */
.zarafa-appointment-tooltip p {
  line-height: 20px;
  padding-bottom: 6px;
}

/* line 50, ../scss/components/_tooltip.scss */
.x-tip .x-tip-body {
  word-wrap: break-word;
  color: #ffffff;
  width: auto !important;
  /* calculation of Ext is incorrect */
  white-space: nowrap;
}

/* Seemingly unused icon, removed so we do not load the ExtJS image */
/* line 58, ../scss/components/_tooltip.scss */
.x-tip-anchor.x-tip-anchor-top {
  background-image: none;
}

/* The tooltip for 'nice' dates in grids */
/* line 64, ../scss/components/_tooltip.scss */
.k-griddatetooltip .x-tip-body {
  white-space: nowrap;
}

/* line 1, ../scss/components/_tinymce.scss */
.zarafa-mailcreatepanel-field-editor {
  /* Remove skin creator's dark grey border-color */
  /* Remove skin creator's dark grey border-color */
  /* Override inline style of tinymce */
}
/* line 3, ../scss/components/_tinymce.scss */
.zarafa-mailcreatepanel-field-editor .mce-btn.mce-active, .zarafa-mailcreatepanel-field-editor .mce-btn.mce-active:hover {
  border-color: #ebebeb;
}
/* line 8, ../scss/components/_tinymce.scss */
.zarafa-mailcreatepanel-field-editor .mce-btn:hover, .zarafa-mailcreatepanel-field-editor .mce-btn:focus {
  border-color: #ebebeb;
}
/* line 12, ../scss/components/_tinymce.scss */
.zarafa-mailcreatepanel-field-editor .mce-toolbar-grp {
  padding-bottom: 0px;
}
/* line 17, ../scss/components/_tinymce.scss */
.zarafa-mailcreatepanel-field-editor .mce-panel.mce-tinymce {
  border-width: 1px 0px 0px !important;
  width: auto !important;
}

/* line 23, ../scss/components/_tinymce.scss */
.mce-arrow-up {
  margin-top: 12px !important;
}

/* line 27, ../scss/components/_tinymce.scss */
.mce-arrow-down {
  margin-top: -12px !important;
}

/* line 31, ../scss/components/_tinymce.scss */
.mce-arrow:before,
.mce-arrow:after {
  position: absolute;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  content: "";
}

/* line 43, ../scss/components/_tinymce.scss */
.mce-arrow.mce-arrow-up:before {
  top: -9px;
  border-bottom-color: #e6e6e6;
  border-width: 0 9px 9px;
  margin-left: -9px;
}

/* line 50, ../scss/components/_tinymce.scss */
.mce-arrow.mce-arrow-down:before {
  bottom: -9px;
  border-top-color: #e6e6e6;
  border-width: 9px 9px 0;
  margin-left: -9px;
}

/* line 57, ../scss/components/_tinymce.scss */
.mce-arrow.mce-arrow-up:after {
  top: -8px;
  border-bottom-color: #ffffff;
  border-width: 0 8px 8px;
  margin-left: -8px;
}

/* line 64, ../scss/components/_tinymce.scss */
.mce-arrow.mce-arrow-down:after {
  bottom: -8px;
  border-top-color: #ffffff;
  border-width: 8px 8px 0;
  margin-left: -8px;
}

/* line 1, ../scss/components/_presence.scss */
.zarafa-presence-status-icon {
  display: inline-block;
  background-color: transparent;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  margin-right: 6px;
  margin-bottom: -1px;
}

/* line 10, ../scss/components/_presence.scss */
.zarafa-presence-status-online .zarafa-presence-status-icon {
  background-color: #23cb02;
}

/* line 13, ../scss/components/_presence.scss */
.zarafa-presence-status-offline .zarafa-presence-status-icon {
  background-color: #dadada;
}

/* line 16, ../scss/components/_presence.scss */
.zarafa-presence-status-unknown .zarafa-presence-status-icon {
  display: none;
}

/* some extra styling for the message header in the (pre)view panel */
/* line 21, ../scss/components/_presence.scss */
.zarafa-sentinfo-on-behalf .zarafa-presence-status-icon {
  margin-left: 6px;
}

/* line 24, ../scss/components/_presence.scss */
.preview-recipient-data .zarafa-recipient-link:not(:first-child) .zarafa-presence-status-icon {
  margin-left: 3px;
}

/* line 2, ../scss/components/_whatsnew.scss */
#k-whatsnew-window .k-whatsnew-feature-number {
  padding: 1px 9px 0;
}
/* line 6, ../scss/components/_whatsnew.scss */
#k-whatsnew-window .k-whatsnew-feature-text {
  padding: 12px 12px 0;
}
/* line 9, ../scss/components/_whatsnew.scss */
#k-whatsnew-window .k-whatsnew-feature-text .k-whatsnew-feature-icon {
  margin-bottom: 12px;
  max-height: 100px;
  max-width: 200px;
}
/* line 15, ../scss/components/_whatsnew.scss */
#k-whatsnew-window .k-whatsnew-feature-text h2.k-whatsnew-text-title {
  font-size: 18px !important;
  margin-bottom: 9px;
}
/* line 20, ../scss/components/_whatsnew.scss */
#k-whatsnew-window .k-whatsnew-feature-text .k-whatsnew-text-description {
  line-height: 18px;
}
/* line 24, ../scss/components/_whatsnew.scss */
#k-whatsnew-window .k-whatsnew-feature-image {
  padding: 12px 0 0;
  text-align: center;
}
/* line 28, ../scss/components/_whatsnew.scss */
#k-whatsnew-window .k-whatsnew-feature-image img {
  max-width: 420px;
  max-height: 275px;
}
/* line 34, ../scss/components/_whatsnew.scss */
#k-whatsnew-window .k-whatsnew-navbar {
  border: none;
}
/* line 37, ../scss/components/_whatsnew.scss */
#k-whatsnew-window .k-whatsnew-navbar .x-item-disabled {
  visibility: hidden;
}
/* line 43, ../scss/components/_whatsnew.scss */
#k-whatsnew-window .k-whatsnew-checkbox label {
  line-height: 100%;
  margin-left: 9px;
}

/*
 * To make sure that the tinymce skin styling is loaded before the editor
 * is rendered, we import it ourself so we don't have to wait for the
 * dynamic loading of it.
 * This way the toolbar will have the correct height when the editor is
 * initialized, and the editor will be sized to the correct height.
 */
