/****** Base default Roundcube skin (larry) overrides *****/

/*
The following CSS files form the base (NCO + Reg365) branding overrides (listed in load order):

 - common.css                   <- larry skin
 - outlook.css                  <- outlook skin
 - common_[desktop|mobile].css  <- larry + outlook skin
 - ...all other CSS files are for specific brands...

Skin overrides + fixes should be placed in common.css in the first instance unless the issue can be attributed to
the outlook skin. Common desktop/mobile specific fixes go in the desktop/mobile sheets. Per brand amends always go in
the brand stylesheets.
*/

/****** Larry (Base) Skin: styles.css overrides (~/skins/larry/styles.css) ******/
#vacationform fieldset td,
fieldset.whitelist td,
fieldset.blacklist td {
	vertical-align: top;
}

/****** ContextMenu: contextmenu.css overrides (~/plugins/contextmenu/skins/larry/contextmenu.css) ******/

/* hide for mobile */
body.rcs-mobile-skin div.contextmenu {
	display: none !important;
}

/* remove image based left hand background icons */
body div.contextmenu span.icon {
	background: none !important;
	/* background-color: #999 !important; /* temp, remove */
	/* padding-left: 1.5em !important; */
}

/* replace left hand icons with fontawesome icons */
body div.contextmenu span.icon:before {
	font-family: IconFont;
	padding-right: 0.4em;
}
body div.contextmenu .reply span.icon:before { content: "\f112"; }
body div.contextmenu .reply-all span.icon:before { content: "\f122"; }
body div.contextmenu .forward span.icon:before { content: "\f064"; }
body div.contextmenu .delete span.icon:before { content: "\f1f8"; }
body div.contextmenu .markmessage span.icon:before { content: "\f024"; }
body div.contextmenu .more span.icon:before { content: "\f141"; }
body div.contextmenu .replyalllink span.icon:before { content: "\f112"; }
body div.contextmenu .replylistlink span.icon:before { content: "\f03a"; }
body div.contextmenu .forwardlink span.icon:before { content: "\f064"; }
body div.contextmenu .forwardattachmentlink span.icon:before { content: "\f0c6"; }
body div.contextmenu .readfolder span.icon:before { content: "\f005"; }
body div.contextmenu .collapseall span.icon:before { content: "\f146"; }
body div.contextmenu .expandall span.icon:before { content: "\f0fe"; }
body div.contextmenu .openfolder span.icon:before { content: "\f045"; }
body div.contextmenu .cmd_expunge span.icon:before { content: "\f066"; }
body div.contextmenu .cmd_purge span.icon:before { content: "\f05e"; }
body div.contextmenu .cmd_group-create span.icon:before { content: "\f234"; }
body div.contextmenu .cmd_group-rename span.icon:before { content: "\f246"; }
body div.contextmenu .cmd_group-delete span.icon:before { content: "\f1f8"; }
body div.contextmenu .cmd_search-delete span.icon:before { content: "\f1f8"; }
body div.contextmenu .cmd_compose span.icon:before { content: "\f044"; }
body div.contextmenu .cmd_print span.icon:before { content: "\f02f"; }
body div.contextmenu .cmd_delete span.icon:before { content: "\f00d"; }
body div.contextmenu .assigngroup span.icon:before { content: "\f234"; }
body div.contextmenu .cmd_group-remove-selected span.icon:before { content: "\f235"; }
body div.contextmenu .export span.icon:before { content: "\f019"; }

/* replace right hand arrow icons */
body div.contextmenu span.right-arrow {
	background: none !important;
}
body div.contextmenu span.right-arrow:after {
	font-family: IconFont;
	content: "\f04b";
	margin-left: 0.5em;
}

/****** Keyboard Shortcuts: keyboard_shortcuts.css overrides (~/plugins/keyboard_shortcuts/keyboard_shortcuts.css) ******/
body #keyboard_shortcuts_link img {
	display: none;
}
body #keyboard_shortcuts_link:after {
	font-family: IconFont;
	content: "\f11c";
	font-size: 1.6em;
	vertical-align: bottom;
}

/****** jQueryUI: jquery-ui-1.10.4-custom.css overrides ******/
.ui-menu .ui-menu-item {
	border-top: 1px solid #f9f9f9 !important;
	border-bottom: 1px solid #e9e9e9 !important;
}
.ui-menu .ui-menu-item a {
	color: #333 !important;
	background-color: #fff !important;
}

/****** General larry skin overrides ******/

/* Correct main content offset */
#mainscreen.offset {
    top: 88px;
}

/* Emphasise unread messages with a light gray background*/
#messagelist tr.message {
    background-color: rgb(247, 247, 247) !important;
}
#messagelist tr.message.unread {
    background-color: #fff !important;
}
#messagelist tr.message.selected {
    background-color: #ffc !important;
}
#messagelist tr.message td,
#messagelistcontainer #messagelist tr.selected td.date,
#messagelist td.date {
    background: transparent !important;
}

#messageheader td.header.from a {
	margin-left: 0.5em;
}
#messageheader td.header.from a:first-child {
	margin-left: 0;
}

/* Remove padding on pagejumper box (at bottom of message list) */
.pagenav .pagejumper {
	padding: 0;
}

/* Fix main toolbar button padding  */
#mainscreen .toolbar a.button,
#mainscreen .toolbar a.button::before,
#mainscreen .toolbar a.dropbuttontip::before
{
	padding-bottom: 0;
}

/* Fix messagelistheader / messagelistfooter margins  */
#messagelistheader input {
	margin-bottom: 0 !important;
}
#messagelistfooter {
	padding-top: 8px;
	padding-bottom: 11px;
}

/* Fix message unflagged status */
.messagelist tr .flag span.unflagged,
.messagelist tr .flag span.unflagged:hover {
	width: 20px;
	height: 20px;
}

.messagelist tr:hover span.unflagged::before {
	content: "\f024";
	color: #ddd;
}

/* Fix settings list */
body .uibox.listbox .boxtitle {
	color: #fff!important; /* fix for managesieve */
}
body.rcs-mobile-skin .uibox.listbox,
body.rcs-mobile-skin .uibox.listbox .boxtitle {
	color: #333 !important;
}

/***** New (general) UI components *****/

/* login banner */
body.login-page #login-form .login-banner {
	text-align: center;
}
body.rcs-mobile-skin.login-page #login-form .login-banner img {
	max-width: 95% !important;
}