/* additional */

a.button:hover {
	/*color: rgba(0,0,0,0.8);*/
	color: #202124;
	background: #f5f5f5;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.08);
	border: 1px solid #d2d2d2;
	outline: 0;
}

#login-form .button:hover {
        /*color: #333;*/
	color: #202124;
        background: #fff;
	border-color: #fff;
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0,0,0,.12);
}

/*
#login-form input.button:focus {
	color: #333;
	border-color: #dcdcdc;
	background: #dcdcdc;
}
*/

#login-form input[type="text"]:focus,
#login-form input[type="password"]:focus,
.searchbox input:focus,
#quicksearchbar input:focus {
	/*border-color: #707070;*/
	/*border-color: #5f5f5f;*/
	border-color: rgba(255,255,255,0.3);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25), 0 2px 10px 0 rgba(0,0,0,0.15);
}

input.button.mainaction:hover,
input.button.mainaction:focus {
	color: #fff;
	/*background-color: #0d60e8;*/
	background-color: #008000;
	border-color: transparent;
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0,0,0,.12);

}

/*#toolbar-count-box {*/
        /*display: flex;*/
        /*background-color: #fcfcfc;*/
        /*box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);*/
        /*height: 36px;*/
        /*height: 42px;*/
	/*box-shadow: 0 2px 4px rgba(0,0,0,.08);*/
	/*box-shadow: 0 1px 0 0 rgba(0,0,0,0.05);*/
	/*box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);*/
/*}*/

#countcontrols,
#listcontrols {
	margin: 0 2px;
}

/*ul.proplist li:only-child, table.propform tr:only-child td {*/
ul.proplist li:last-child, table.propform tr:last-child td {
    /*border-bottom: 0;*/
}

/*a.button:not(.disabled):hover span.icon,*/
a.button:not(.disabled) span.icon:hover,
.pagenav a.button:not(.disabled) span.inner:hover {
	opacity: 1;
}

/*
.pagenav a:first-of-type,
.boxpagenav a:first-of-type {
	border-radius: 2px 0 0 2px;
}

.pagenav a:last-of-type,
.boxpagenav a:last-of-type {
        border-radius: 0 2px 2px 0;
}
*/

a.iconbutton.cancel:hover {
	opacity: 1;
	background-color: #fff;
}

/*
.topright a {
	position: relative;
	display: inline-block;
        padding: 4px 8px;
	font-weight: bold;
}

.topright a:hover {
	background-color: #111;
	border-radius: 3px;
	transition: background-color 0.2s ease-in-out;
}
*/

/*
.topright a span {
	display: inline-block;
        height: 18px;
        line-height: 18px;
}
*/

/*
.topright a:last-child {
	margin-left: 4px;
	border-left: 1px solid #707070;
}
*/

/*.topright a:not(:last-child)::after {*/
/*
.topright a:first-of-type:before,
.topright a:last-of-type:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -10px;
	width: 1px;
	height: 22px;
	margin: auto;
	background: rgba(255,255,255,0.2);
}
*/

.topright a {
        width: 24px;
        height: 24px;
        background: url(images/buttons_24px.svg?v=d537.3621) 0 -1000px no-repeat;
        padding: 0;
        margin: 0 10px;
        opacity: 0.65;
        position: relative;
        display: inline-block;
}

.topright a:hover {
    background-color: transparent;
}

.topright a.button-mail {
        background-position: 0 0;
}

.topright a.button-addressbook {
        background-position: 0 -40px;
}

.topright a.button-settings {
        background-position: 0 -80px;
}

.topright a > span {
        opacity: 0;
        display: block;
        font-weight: bold;
        position: absolute;
        top: 36px;
        background-color: #111;
        padding: 7px 10px;
        border-radius: 4px;
        left: 50%;
        transform: translateX(-50%);
        /*transition: opacity .2s ease;*/
        pointer-events: none;
	box-shadow: 0 3px 10px 0 rgba(0,0,0,0.25);
}

.topright a > span::before {
	content: "";
	position: absolute;
	top: -6px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	/*border-width: 0 5px 5px 5px;*/
	border-width: 0 7px 7px 7px;
	border-color: transparent transparent #111 transparent;
}

.topright a:hover > span {
        opacity: 1;
        /*z-index: 200;*/
	z-index: 1;
        transition: opacity .2s .2s ease;
}

.topright a.closelink {
        margin: 0;
        padding: 5px 10px;
        margin-left: 10px;
        width: auto;
        height: auto;
        font-weight: bold;
        border-left: 1px solid rgba(255,255,255,0.2);
        opacity: 1;
}

.topright a.closelink:hover {
        color: #fff;
        background-color: #101114;
        border-radius: 3px;
}

.currentuserphoto {
        display: inline-flex;
	position: relative;
        width: 26px;
        height: 26px;
        margin: 0 8px 0 10px;
        border-radius: 50%;
        /*background-color: rgba(255,255,255,0.9);*/
	/*box-shadow: inset 0 0 2px rgba(0,0,0,0.8);*/
        overflow: hidden;
	font-size: 0;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
}

.currentuserphoto > img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
        margin: auto;
	max-width: 100%;
}

#taskmenu {
        background-color: #fff;
        margin-top: 12px;
}

#taskmenu a {
        /*color: #333;*/
	color: #202124;
        font-weight: bold;
        text-align: center;
}

#taskmenu a:hover {
        background-color: #ddd;
}

#taskmenu-toggle {
        width: 18px;
        height: 18px;
        margin: 0 5px;
        background: url(images/s_icons.svg?v=33e7.5916) 0 -475px no-repeat;
        opacity: 0.75;
        cursor: pointer;
        outline: none;
}

#taskmenu-toggle:hover {
        opacity: 1;
}

.pagenav a.button.disabled {
	opacity: 0.4;
	cursor: default;
	pointer-events: none;
}

a.iconlink.delete:hover,
a.iconlink.upload:hover {
	background-color: #fff;
}

#message div:after {
	width: 18px;
	height: 18px;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	/*right: 0;*/
	margin: auto 0;
	background: url(images/messages.svg?v=2cdb.938) 0 -1000px no-repeat;
}

#message div.notice:after {
	background-position: 0 0;
	background-color: #fff;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.2),0 2px 1px -2px rgba(0,0,0,0.2);
	border-radius: 50%;
}

#message div.warning:after {
	background-position: 0 -102px;
}

#message div.error:after {
	background-position: 0 -68px;
}

#message div.confirmation:after {
	background-position: 0 -34px;
}

#message div.loading:after {
        /*width: 18px;*/
        /*height: 18px;*/
        background: url(images/loader.svg?v=fa0a.901) 0 0 no-repeat;
        background-size: 18px 18px;
}

#messagestack div.notice::after {
	background-position: 0 0;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.2),0 2px 1px -2px rgba(0,0,0,0.2);
	opacity: 0.85;
}

.ui-dialog .ui-dialog-title {
    position: relative;
}

.ui-dialog .ui-dialog-title:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    width: 18px;
    height: 18px;
    background: url(images/messages.svg?v=2cdb.938) 0 -1000px no-repeat;
}

.ui-dialog.warning .ui-dialog-title:after {
        background-position: 0 -102px;
}

.ui-dialog.error .ui-dialog-title:after {
        background-position: 0 -68px;
}

.ui-dialog.confirmation .ui-dialog-title:after {
        background-position: 0 -34px;
}

.toolbar a.button:not(.disabled):active {
        opacity: 0.7;
}

.listbox .listitem:not(.selected) a:hover,
.listbox .listitem:not(.selected) span:hover,
.listbox .tablink:not(.selected) a:hover,
/*.listing tbody tr:not(.selected) td:not(.title):not(.header):hover,*/
.listing li:not(.selected):not(.droptarget):not(.context-source) > a:hover,
#contacts-table tr:not(.selected):not(.context-source):hover {
	background-color: #f0f0f0;
}

.listing tbody tr.selected td {
	background-color: #0668a6;
}

.listing tbody tr.selected td a {
	color: #fff;
}

ul.treelist li div.treetoggle:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url(images/s_icons.svg?v=33e7.5916) 0 0 no-repeat;
        width: 18px;
        height: 18px;
        margin: auto;
        opacity: 0.55;
        z-index: 1;
        transform: rotate(-90deg);
        transition: transform .3s ease;
        border-radius: 50%;
}

ul.treelist li div.treetoggle.expanded:after {
        transform: rotate(0deg);
}

ul.treelist li.selected > div.treetoggle:after {
        background-position: 0 -476px;
        opacity: 0.75;
}

ul.treelist li div.treetoggle:hover:after {
        opacity: 1;
	background-color: rgba(0,0,0,0.05);
	/*background-color: #f2f2f2;*/
	/*border-radius: 50%;*/
}

ul.treelist li.selected > div.treetoggle:hover:after {
	background-color: #0777bd;
}


ul.treelist li > a:hover ~ div.treetoggle {
        background-color: #f0f0f0;
        border-radius: 50%
}


ul.treelist li.selected > a ~ div.treetoggle {
        background-color: #0883d0;
        /*border-radius: 50%*/
}

/*
ul.treelist li.selected > a:focus ~ div.treetoggle {
        background-position: 0 0;
        background-color: #f5f5f5;
}
*/

ul.treelist li ul li:first-child:not(:only-child):before {
	content:"";
	position: absolute;
	/*left: 12px;*/
	/*left: 0;*/
	left: 1px;
	/*border-left: 1px solid #ddd;*/
	border-left: 1px solid #e0e0e0;
	height: 100%;
	width: 1px;
}

ul.treelist li ul li:not(:first-child):not(:last-child):before {
	content:"";
	position: absolute;
	/*left: 12px;*/
	/*left: 0;*/
	left: 1px;
	/*border-left: 1px solid #ddd;*/
	border-left: 1px solid #e0e0e0;
	height: 100%;
	width: 1px;
}


ul.treelist li ul li > a:before {
	content:"";
	position: absolute;
	/*left: 12px;*/
	top: 0;
	/*left:0;*/
	left: 1px;
	/*border-left: 1px solid #ddd;*/
	border-left: 1px solid #e0e0e0;
	/*height: 100%;*/
	height: 17px;
	width: 1px;
}

ul.treelist li ul li:after {
	content:"";
	position: absolute;
	top: 15px;
	left: 1px;
	/*border-bottom: 1px solid #ddd;*/
	border-bottom: 1px solid #e0e0e0;
	height: 1px;
	/*width: 16px;*/
	width: 14px;
}

/*
ul.treelist li > a:hover ~ div.treetoggle {
	background-color: #f0f0f0;
	border-radius: 50%
}

ul.treelist li.selected > a ~ div.treetoggle {
	background-color: #0883d0;
	border-radius: 50%
}

ul.treelist li.selected > a:focus ~ div.treetoggle {
        background-position: 0 0;
	background-color: #f5f5f5;
}
*/
/*
.toolbar a.button:not(.disabled):hover,
.toolbar a.button:not(.disabled):focus {
        border: 1px solid #c4c4c4;
        background: #fff;
        color: #333;
        position: relative;
        z-index: 1;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.08);
        background: #f5f5f5;
        border: 1px solid #d2d2d2;
	outline: 0;
}
*/
.toolbar a.iconbutton {
	/*content: "";*/
	/*position: absolute;*/
	position: relative;
	/*top: 0;*/
	/*left: 0;*/
	/*right: 0;*/
	/*bottom: 0;*/
	/*background: url(images/buttons_18px.svg?v=eae4.11218) 0 -2000px no-repeat;*/
	/*width: 18px;*/
	/*height: 18px;*/
	/*margin: auto;*/
	margin-right: 12px;
	/*opacity: 0.55;*/
	/*z-index: 1;*/
	/*border-radius: 50%*/
	border-width: 7px;
}

.toolbar a.iconbutton + a.button,
.toolbar a.iconbutton + a.button[style="display: none;"] + a.button {
        margin-left: 6px;
}

.toolbar a.button:not(.compose) + a.iconbutton,
.toolbar a.button:not(.compose) + span > a.iconbutton,
.toolbar a.button:not(.compose) + span + a.iconbutton,
.toolbar a.button.compose + a.iconbutton {
	margin-left: 12px;
}

.toolbar a.button:not(.disabled):hover:before,
.toolbar a.button:not(.disabled):hover:after {
	opacity: 1;
}

.toolbar a.button.extwin {
	background: none;
	border: 0;
	padding: 6px;
	margin: 0;
	width: 18px;
	height: 18px;
	min-width: 18px;
	max-width: 18px;
	opacity: 0.55;
	margin-left: auto;
}

.toolbar a.button.extwin:hover,
.toolbar a.button.extwin:focus {
	background-color: rgba(0,0,0,0.1);
	border: 0;
	border-radius: 50%;
	box-shadow: none;
	opacity: 1;
	transition: background-color 0.2s ease-in-out;
}

.toolbar a.iconbutton.selection {
        /*left: auto;*/
        /*right: 12px;*/
        /*width: 24px;*/
	/*background-position: 12px -544px;*/
	/*border-radius: 4px;*/
	/*margin-left: 12px;*/
	/*margin-left: 4px;*/
	margin: 0 12px 0 4px;
}

.toolbar a.iconbutton.selection::before {
	content: "";
	position: absolute;
	/*top: 6px;*/
	top: 0;
	bottom: 0;
	/*left: 20px;*/
	left: 0;
	right: 0;
	margin: auto;
	width: 10px;
	height: 10px;
	border: 2px solid #000;
	border-radius: 2px;
	/*opacity: .4;*/
}

.toolbar a.iconbutton.back {
        background-position: 0 -918px;
	/*margin-left: 12px;*/
	/*margin-left: 4px;*/
	margin: 0 12px 0 4px;
}

.toolbar a.iconbutton.checkmail {
	background-position: 0 0;
}
/*
.toolbar a.button.reply:after {
	background-position: 0 -34px;
}

.toolbar a.button.reply-all:after {
	background-position: 0 -68px;
}

.toolbar a.button.forward:after {
	background-position: 0 -102px;
}
*/
.toolbar a.iconbutton.delete {
	background-position: 0 -136px;
}

.toolbar a.iconbutton.archive {
    background-position: 0 -238px;
}

.toolbar a.iconbutton.junk {
    background-position: 0 -816px;
}

.toolbar a.iconbutton.print {
        background-position: 0 -204px;;
}

.toolbar a.iconbutton.markmessage {
	/*left: auto;*/
	/*right: 5px;*/
	/*background-position: 0 -544px;*/
	background-position: 0 -884px;
	/*margin: auto 0;*/
}
/*
.toolbar a.button.move:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 16px;
	opacity: 0.55;
	background: url(images/buttons_18px.svg?v=eae4.11218) 0 -170px no-repeat;
	width: 18px;
	height: 18px;
	margin: auto 0;
}

.toolbar a.button.move:after {
	background-position: 0 -544px;
	margin: auto 0;
	left: auto;
	right: 10px;
}
*/

.toolbar a.iconbutton.move {
        background-position: 0 -170px;
}

.toolbar a.iconbutton.more {
	/*left: auto;*/
	/*right: 5px;*/
	background-position: 0 -850px;
	/*margin: auto 0;*/
}

.toolbar a.iconbutton.spellcheck {
	/*right: 10px;*/
	background-position: 0 -272px;
}

.toolbar a.iconbutton.attach {
	background-position: 0 -306px;
}

.toolbar a.iconbutton.insertsig {
	background-position: 0 -340px;
}

.toolbar a.iconbutton.responses {
	background-position: 0 -374px;
}
/*
.toolbar a.button.rotate:after {
        background-position: 0 -1020px;
}

.toolbar a.button.zoomin:after {
        background-position: 0 -952px;
}

.toolbar a.button.zoomout:after {
        background-position: 0 -986px;
}
*/
.toolbar a.iconbutton.extwin {
	background-position: 0 -680px;
	margin-left: auto;
	margin-right: 4px;
}
/*
.toolbar a.button.download:after {
	background-position: 0 -442px;
}
*/
.toolbar a.iconbutton.search {
	background-position: 0 -408px;
}

/*.toolbar a.button.compose,*/
/*.toolbar a.button.markmessage,*/
/*.toolbar a.button.more,*/
/*.toolbar a.button.import,*/
/*.toolbar a.button.export,*/
/*.toolbar a.button.send,*/
/*.toolbar a.button.savedraft,*/
/*.toolbar a.button.back,*/
/*.toolbar a.button.cancel,*/
/*.toolbar a.button.close {*/
	/*font-size: 12px;*/
	/*text-align: center;*/
	/*display: flex;*/
	/*align-items: center;*/
	/*justify-content: center;*/
/*}*/


/*.toolbar a.button.markmessage,*/
/*.toolbar a.button.more {*/
	/*justify-content: flex-start;*/
	/*text-indent: -11px;*/
/*}*/

.toolbar a.button.compose {
/*.toolbar a.button.send {*/
	color: rgba(255,255,255,0.85);
	/*box-shadow: 0px 2px 2px 0 rgba(0,0,0,0.2),0px 3px 1px -2px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,.12);*/
	box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0,0,0,.12);
        transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
	letter-spacing: 0.5px;
}

.toolbar a.button.compose:hover,
.toolbar a.button.send:hover,
.toolbar a.button.savedraft:hover {
	color: #fff;
	/*box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0,0,0,.12);*/
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0,0,0,.12);
}

.toolbar a.button.compose:active,
.toolbar a.button.send:active {
	box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0,0,0,.12);
}
/*.toolbar a.button.compose:not(.disabled):hover,*/
/*.toolbar a.button.compose:not(.disabled):focus {*/
.toolbar a.button.compose:hover {
        /*color: #fff;*/
        /*background: #044168;*/
        /*background: #044670;*/
	/*background: #022e4a;*/
	/*background: #012237;*/
	background: #022e4a;
        /*border: 1px solid #022e49;*/
	/*border: 1px solid #044670;*/
	/*border: 1px solid #022e4a;*/
	/*border-color: #022e4a;*/
	/*border-color: #012237;*/
	border-color: #022e4a;
	/*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.2),0 2px 1px -2px rgba(0,0,0,0.2);*/
	/*box-shadow: 0 1px 1px 0px rgba(0,0,0,0.14), 0 3px 14px 0px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);*/
	/*box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0,0,0,.12);*/
}

.toolbar a.button.send:hover,
.toolbar a.button.send:focus {
	/*color: #fff;*/
	/*background: #1b7e37;*/
	/*background: #008000;*/
	/*background: #0d60e8;*/
	background: #0d47a1;
	/*border: 1px solid #13850b;*/
	/*border-color: #13850b;*/
	/*border-color: #1b7e37;*/
	/*box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0,0,0,.12);*/
}

.toolbar a.button.savedraft:hover,
.toolbar a.button.savedraft:focus {
	background: #008000;
}

.toolbar a.button.cancel:hover, .toolbar a.button.cancel:focus {
	background: #d5d5d5;
	/*border: 1px solid #c0c0c0;*/
	border-color: #c0c0c0;
}

/*
.mswidescreen .toolbar a.button.compose {
	font-size: 0;
	text-indent: 100px;
	min-width: 0;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0 12px 0 13px;
	border-width: 4px;
	border-radius: 50%;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.2),0 2px 1px -2px rgba(0,0,0,0.2);
	transition: all 0.1s ease, background 0s, border 0s, border-radius 0s, opacity 0s;
}

.mswidescreen .toolbar a.button.compose:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(images/s_icons_20px.svg?v=52e4.2147) 0 0 no-repeat;
	width: 20px;
	height: 20px;
	margin: auto;
	opacity: 0.9;
	z-index: 1;
}

.mswidescreen .toolbar a.button.compose:hover,
.mswidescreen .toolbar a.button.compose:focus {
	border-width: 4px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.2),0 2px 1px -2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px 0px rgba(0,0,0,0.14), 0 3px 14px 0px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}
*/

/*
#folder-selector li a {
        display: inline-block;
}
*/

.extwin .toolbar a.iconbutton.delete {
	margin-left: 6px;
}

ul.toolbarmenu li a.iconbutton {
	font-size: 13px;
	border: 0;
	width: auto;
	opacity: 1;
}

#folder-selector li a[style="padding-left: 0px;"] span {
        background: none;
}

.folderlist li.mailbox.selected > a:focus {
	color: #fff;
	background-color: #0883d0;
}
/*
.folderlist li.mailbox {
	transition: all 0.5s ease, background .01s linear;
}
*/
/*
:not(.widescreen) .folderlist li.mailbox a:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -48px;
        margin: auto 0;
        width: 20px;
        height: 20px;
        background: url(images/folders.svg?v=0bef.1895) 0 -1000px no-repeat;
        opacity: 0;
	visibility: hidden;
        transition: all 0.5s ease, background .01s linear;
}

:not(.widescreen) .folderlist li.mailbox.inbox > a:before {
        background-position: 0 0;
}

:not(.widescreen) .folderlist li.mailbox.drafts > a:before {
        background-position: 0 -36px;
}

:not(.widescreen) .folderlist li.mailbox.sent > a:before {
        background-position: 0 -72px;
}

:not(.widescreen) .folderlist li.mailbox.junk > a:before {
        background-position: 0 -108px;
}

:not(.widescreen) .folderlist li.mailbox.trash > a:before {
        background-position: 0 -144px;
}

:not(.widescreen) .folderlist li.mailbox.archive > a:before {
        background-position: 0 -180px;
}

.widescreen .folderlist li.mailbox a:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto 0;
	width: 20px;
	height: 20px;
	background: url(images/folders.svg?v=0bef.1895) 0 -1000px no-repeat;
	opacity: 0.67;
	visibility: visible;
	transition: all 0.5s ease, background .01s linear;
	transition: all 0.2s;
}
*/

/*
.widescreen .folderlist li.mailbox.inbox > a:before {
	background-position: 0 0;
}

.widescreen .folderlist li.mailbox.drafts > a:before {
	background-position: 0 -36px;
}

.widescreen .folderlist li.mailbox.sent > a:before {
        background-position: 0 -72px;
}

.widescreen .folderlist li.mailbox.junk > a:before {
        background-position: 0 -108px;
}

.widescreen .folderlist li.mailbox.trash > a:before {
        background-position: 0 -144px;
}

.widescreen .folderlist li.mailbox.archive > a:before {
	background-position: 0 -180px;
}

.folderlist li.mailbox.selected > a:focus .unreadcount {
	background: #ccc;
	color: #333;
}
*/

.boxfooter .listbutton:not(.disabled):hover,
.boxfooter .listbutton:not(.disabled):focus {
	background-color: rgba(0,0,0,0.1);
	border-radius: 50%;
	transition: background-color 0.2s ease-in-out;
}

.boxfooter .listbutton.disabled {
	cursor: default;
	pointer-events: none;
}

/*.records-table thead th.subject a {*/
	/*padding-left: 26px;*/
	/*padding-left: 24px;*/
	/*padding-left: 16px;*/
	/*padding-left: 32px;*/
/*}*/

/*.attachment-size {*/
	/*display: block;*/
	/*font-size: 11px;*/
	/*font-weight: normal;*/
	/*color: #888;*/
	/*line-height: 2.2;*/
	/*margin-top: 4px;*/
	/*color: #9d9d9d;*/
	/*color: rgba(0,0,0,0.4);*/
/*}*/

.attachmentslist li:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	/*right:0;*/
	background: url(images/filetypes.png?v=14e0.4632) 0 0 no-repeat;
	width: 24px;
	height: 24px;
	margin: auto 0;
}

.attachmentslist li.txt:after,
.attachmentslist li.text:after {
	background-position: 0 -416px;
}

.attachmentslist li.pdf:after {
	background-position: 0 -26px;
}

.attachmentslist li.doc:after,
.attachmentslist li.docx:after,
.attachmentslist li.msword:after {
	background-position: 0 -52px;
}

.attachmentslist li.odt:after {
	background-position: 0 -78px;
}

.attachmentslist li.xls:after,
.attachmentslist li.xlsx:after,
.attachmentslist li.msexcel:after {
	background-position: 0 -104px;
}

.attachmentslist li.ods:after {
	background-position: 0 -130px;
}

.attachmentslist li.zip:after,
.attachmentslist li.gz:after {
	background-position: 0 -156px;
}

.attachmentslist li.rar:after {
	background-position: 0 -182px;
}

.attachmentslist li.image:after {
	background-position: 0 -208px;
}

.attachmentslist li.jpg:after,
.attachmentslist li.jpeg:after {
	background-position: 0 -234px;
}

.attachmentslist li.png:after {
	background-position: 0 -260px;
}

.attachmentslist li.m4p:after {
	background-position: 0 -286px;
}

.attachmentslist li.mp3:after,
.attachmentslist li.audio:after {
	background-position: 0 -312px;
}

.attachmentslist li.video:after {
	background-position: 0 -338px;
}

.attachmentslist li.ics:after,
.attachmentslist li.calendar:after {
	background-position: 0 -364px;
}

.attachmentslist li.vcard:after {
	background-position: 0 -390px;
}

.attachmentslist li.sig:after,
.attachmentslist li.pgp-signature:after,
.attachmentslist li.pkcs7-signature:after {
	background-position: 0 -442px;
}

.attachmentslist li.html:after {
	background-position: 0 -468px;
}

.attachmentslist li.eml:after,
.attachmentslist li.rfc822:after {
	background-position: 0 -494px;
}

.attachmentslist li.ppt:after,
.attachmentslist li.pptx:after,
.attachmentslist li.ppsx:after,
.attachmentslist li.vnd.mspowerpoint:after {
	background-position: 0 -520px;
}

.attachmentslist li.odp:after,
.attachmentslist li.otp:after {
	background-position: 0 -546px;
}

.attachmentslist li.application.asc:after {
	background-position: 0 -598px;
}

.attachmentslist li.application.pgp-keys:after {
	background-position: 0 -572px;
}

.attachmentslist li a.drop:hover, .attachmentslist li a.delete:hover, .attachmentslist li a.cancelupload:hover {
	/*top: 0;*/
	/*right: 0;*/
	/*top: 2px;*/
	/*top: 0;*/
	/*right: 2px;*/
	opacity: 1;
	/*ckground-color: rgba(0,0,0,0.1);*/
	/*background-color: #fff;*/
	background-color: rgba(0,0,0,0.1);
	/*border: 4px solid transparent;*/
	border-radius: 50%;
	/*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.2),0 2px 1px -2px rgba(0,0,0,0.2);*/
	/*transition: color 200ms cubic-bezier(0.4,0.0,0.2,1),background 200ms cubic-bezier(0.4,0.0,0.2,1),box-shadow 400ms cubic-bezier(0.4,0.0,0.2,1);*/
	transition: background-color 0.2s ease-in-out;
}

.attachmentslist li.uploading > span {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding-right: 30px;
	line-height: 31px;
}

.attachmentslist li.uploading::after {
	background: url(images/loader.svg?v=fa0a.901) no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
	left: 6px;
}

#productname {
	/*display: inline-block;*/
	display: flex;
	flex-direction: column;
	/*align-items: flex-start;*/
	/*text-align: center;*/
	/*margin-right: auto;*/
	/*margin-left: 11px;*/
	/*margin-bottom: 11px;*/
	/*margin: 0 8px 24px 8px;*/
	/*padding: 16px 12px 8px 12px;*/
	/*padding: 16px 16px 8px;*/
	/*padding: 8px 0;*/
	/*padding: 0 10px 0 16px;*/
	/*position: relative;*/
	/*border-bottom: 1px solid #515151;*/
	/*border-bottom: 1px solid rgba(255,255,255,0.05);*/
	/*box-sizing: border-box;*/
	/*width: 90%;*/
	position: relative;
	/*background-color: #555;*/
	width: 180px;
	/*border-radius: 3px;*/
	/*margin-left: 5px;*/
	margin-left: 10px;
}

#productname .pnl1 {
	font-size: 14px;
	font-weight: bold;
	/*display: inline-block;*/
	/*font-family: 'Segoe UI', Tahoma, sans-serif;*/
	/*color: #2E7D32;*/
	/*color: #47a500;*/
	/*color: #3f9100;*/
	/*color: #43b05c;*/
	/*color: #358b49;*/
	/*color: #43A047;*/
	/*color: #198c19;*/
	/*color: #259b24;*/
	/*color: #009639;*/
	/*color: #4aaa4e;*/
	/*color: #5e9956;*/
	/*color: #4e9956;*/
	/*color: rgba(95, 186, 125, 0.8);*/
	color: rgba(111,192,138, 0.8);
	/*color: #00796b;*/
	/*font-size: 15px;*/
	/*transform: scale(1.5,1);*/
	/*transform-origin: 0 0;*/
	/*text-shadow: -0.1px 0.5px #2E7D32;*/
	/*text-shadow: -1px 1px #1B5E20;*/
	/*text-shadow: -1px 1px #123214;*/
	/*text-shadow: 1px 1px #1d4300;*/
	/*text-shadow: 1px 1px rgba(0,0,0,.2);*/
	/*text-shadow: 1px 1px rgba(0,0,0,.4);*/
	/*margin: 0 auto;*/
	/*margin-left: 38px;*/
	margin-left: 42px;
	letter-spacing: 4.5px;
}

#productname .pnl2 {
	/*display: inline-block;*/
	/*margin-left: 33px;*/
	/*font-family: Tahoma, sans-serif;*/
	font-size: 10px;
	font-weight: 500;
	/*color: #555;*/
	color: rgba(255,255,255,0.3);
	letter-spacing: 0.5px;
	/*text-shadow: 1px 1px rgba(0,0,0,0.4);*/
	/*transform: scale(1.1,1);*/
	/*transform-origin: 0 0;*/
	/*margin: 0 auto;*/
	/*margin: 0 0 1px 40px;*/
	margin: 0 0 1px 44px;
}

/*#productname .pnl3 {*/
	/*position: absolute;*/
	/*height: 30px;*/
	/*width: 30px;*/
	/*font-size: 24px;*/
	/*font-weight: bold;*/
	/*text-align: center;*/
	/*margin: -2px 0 0 5px;*/
	/*line-height: 32px;*/
	/*border-radius: 1px;*/
/*}*/

#productname::before {
	content: "";
	position: absolute;
	top: 0;
	left: 3px;
	right: 0;
	bottom: 0;
	height: 30px;
        width: 30.5px;
	/*background-image: linear-gradient(to bottom left,#048f61,#517fbe);*/
	background-image: linear-gradient(to bottom left,#198c19,#517fbe);
	border-radius: 50%;
}

#productname::after {
	content: "";
        position: absolute;
        /*top: -5px;*/
        /*left: 9px;*/
	top: 2px;
	left: 11px;
        right: 0;
        bottom: 0;
        height: 0;
        width: 0;
	border-style: solid;
	/*border-width: 16px 0 16px 27.7px;*/
	border-width: 13px 0 13px 22.5px;
	border-color: transparent transparent transparent rgba(255,255,255,0.3);
}

/*
#productname .pnl3::before {
	content: "";
	position: absolute;
	width: 16px;
	background-color: rgba(255,255,255,0.45);
	height: 4px;
	margin: 0 auto;
	top: 7px;
	left: 0;
	right: 0;
}

#productname .pnl3::after {
	content: "";
	position: absolute;
	width: 4px;
	background-color: rgba(255,255,255,0.45);
	height: 14px;
	margin: 0 auto;
	top: 11px;
	left: 0;
	right: 0;
}
*/

#controlstoolbar {
	display: flex;
	align-items: center;
	/*margin-left: auto;*/
	/*margin-right: 4px;*/
	position: absolute;
	right: 8px;
	height: 48px;
}

#countdisplaybox {
	position: relative;
	padding: 0 12px;
	cursor: pointer;
	color: #5f6368;
	height: 30px;
	display: flex;
	align-items: center;
}

#countdisplaybox:hover {
	background-color: rgba(0,0,0,0.1);
	border-radius: 4px;
	transition: background-color .2s ease-in-out;
	color: #202124;
}

#pagenavfirstlast {
	display: block;
	position: absolute;
	/*top: 24px;*/
	top: 30px;
	/*left: auto;*/
	/*right: auto;*/
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	visibility: hidden;
	opacity: 0;
	transition: all .2s ease;
	/*z-index: 300;*/
	max-height: none;
}

#controlstoolbar #countdisplaybox:hover #pagenavfirstlast {
	/*background: #333;*/
	/*padding: 6px 0;*/
	/*box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);*/
	visibility: visible;
	opacity: 1;
	transition: opacity .2s .3s ease;
	cursor: auto;
}

#controlstoolbar .pagenavbuttons {
	position: relative;
	top: auto;
	font-size: 0;
	display: inline-block;
	margin: 0 2px;
}

#controlstoolbar .pagenavbuttons a.button {
	/*padding: 6px;*/
	padding: 0;
	/*margin: 0 4px;*/
}

#controlstoolbar .pagenavbuttons a.button:not(.disabled):hover,
#messageactionstoolbar a.button:not(.disabled):hover,
.toolbar a.iconbutton:hover,
#listcontrols:hover,
#listmenulink:hover {
	background-color: rgba(0,0,0,0.075);
	border-radius: 50%;
	/*border: 0;*/
	box-shadow: none;
	transition: background-color 0.2s ease-in-out;
	opacity: 1;
}

#controlstoolbar .pagenavbuttons a.button:not(.disabled):hover .inner {
	opacity: 1;
}

#listmenulink {
	/*position: relative;*/
	background: url(images/buttons_18px.svg?v=eae4.11218) 0 -816px no-repeat;
	/*font-size: 0;*/
	/*width: 18px;*/
	/*height: 18px;*/
	/*border: 6px solid transparent;*/
	/*opacity: .55;*/
	/*outline: 0;*/
	/*margin-right: 12px;*/
	margin-right: 3px;
}
/*
#listmenulink:hover {
	border-radius: 50%;
	background-color: rgba(0,0,0,0.1);
	transition: background-color .2s ease-in-out;
	opacity: 1;
}
*/
#listselectmenu {
	background: #fff;
	box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
	border: 1px solid rgba(0,0,0,0.2);
}

#listselectmenu ul li a {
	color: rgba(0,0,0,0.8);
	font-weight: 500;
}

/*
#listselectmenu ul.toolbarmenu li a.icon {
	padding: 2px 6px;
}

#listselectmenu ul.toolbarmenu li span.icon {
	color: #333;
	padding: 0px 4px 0px 12px;
}
*/
#listselectmenu.popupmenu ul.toolbarmenu li a.active:hover, #listselectmenu.popupmenu ul.toolbarmenu li a.active:focus {
	background-color: #f0f0f0;
}

span.slct {
	position: relative;
	font-weight: bold;
	display: block;
	height: 18px;
	line-height: 18px;
	margin: 0 8px 6px 8px;
	padding: 8px 0 8px 28px;
	border-bottom: 1px dotted rgba(0,0,0,0.2);
}

span.slct:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 4px;
	/*right: 0;*/
	margin: auto 0;
	background: url(images/s_icons.svg?v=33e7.5916) 0 -510px no-repeat;
	height: 18px;
	width: 18px;
	opacity: .55;
}

span.tvx {
	position: relative;
	font-weight: bold;
	border-top: 1px dotted rgba(0,0,0,0.2);
	display: block;
	height: 18px;
        line-height: 18px;
	margin: 6px 8px 6px 8px;
	padding: 8px 0 8px 28px;
	border-bottom: 1px dotted rgba(0,0,0,0.2);
}

span.tvx:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 4px;
	margin: auto 0;
	/*right: 0;*/
	background: url(images/buttons_18px.svg?v=eae4.11218) 0 -646px no-repeat;
	height: 18px;
	width: 18px;
	opacity: .55;
}

#searchmenu.popupmenu {
	width: 200px;
	max-height: 80%;
}
/*
#searchmenu.popupmenu a.button {
	border-radius: 2px;
}
*/

#listoptions.popupdialog ul.proplist li {
    padding: 4px 10px;
}

#listoptions ul.proplist input[type="checkbox"],
#listoptions ul.proplist input[type="radio"] {
	margin: 3px 6px;
}

.boxpagenav a.button {
        padding: 3px 5px;
        /*margin: 0 0 0 -1px;*/
        margin: 0 -1px 0 0;
	border-radius: 0;
}

.boxpagenav a.button span.inner {
        display: inline-block;
        padding: 0;
        height: 18px;
        width: 18px;
        /*text-indent: 0;*/
        vertical-align: middle;
        background: url(images/buttons_18px.svg?v=eae4.11218) 0 -2000px no-repeat;
        /*color: #333;*/
	color: #202124;
	opacity: 0.55;
}

.boxpagenav a.button:not(.disabled) span.inner:hover {
	opacity: 1;
}

.boxpagenav a.button.firstpage span.inner {
        background-position: 0 -510px;
        transform: rotate(180deg);
}

.boxpagenav a.button.prevpage span.inner {
        background-position: 0 -476px;
        transform: rotate(180deg);
}

.boxpagenav a.button.nextpage span.inner {
        background-position: 0 -476px;
}

.boxpagenav a.button.lastpage span.inner {
        background-position: 0 -510px;
}

/*.pagenav a:first-of-type,*/
.boxpagenav a:first-of-type {
	border-radius: 4px 0 0 4px;
}

/*.pagenav a:last-of-type,*/
.boxpagenav a:last-of-type {
	border-radius: 0 4px 4px 0;
}

#messagecontframe .nothingselected {
    font-family: "Roboto Flex", Arial, Helvitica, sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
      "slnt" 0,
      "wdth" 100,
      "GRAD" 0,
      "XOPQ" 96,
      "XTRA" 468,
      "YOPQ" 79,
      "YTAS" 750,
      "YTDE" -203,
      "YTFI" 738,
      "YTLC" 514,
      "YTUC" 712;
    font-weight: bold;
    color: rgba(0,0,0,0.65);
    text-align: center;
}

.vlsplitter {
	width: 1px;
	height: 24px;
	background-color: rgba(0,0,0,0.15);
	margin: 3px 6px;
}

/*
ul.treelist li div.treetoggle:hover {
	opacity: 1;
}
*/

/*
#folder-selector li a {
        display: inline-block;
}

#folder-selector li a[style="padding-left: 0px;"] span {
	background: none;
}
*/

/*
ul.treelist li div.treetoggle:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(images/s_icons.svg?v=33e7.5916) 0 0 no-repeat;
	width: 18px;
	height: 18px;
	margin: auto;
	opacity: 0.55;
	z-index: 1;
	transform: rotate(-90deg);
	transition: transform .3s ease;
	border-radius: 50%;
}

ul.treelist li div.treetoggle.expanded:after {
        transform: rotate(0deg);
}

ul.treelist li.selected > div.treetoggle:after {
	background-position: 0 -476px;
	opacity: 0.75;
}

ul.treelist li div.treetoggle:hover:after {
        opacity: 1;
}
*/

a.zipdownload {
	/*display: inline-block;*/
	/*margin-top: .5em;*/
	/*padding: 3px 5px 4px 5px;*/




	margin: 0 !important;
	padding: 3px 5px !important;
	vertical-align: middle !important;
	position: absolute !important;
	right: 0 !important;
	top: 10px !important;
}

/*
.currentuserphoto {
	display: inline-flex;
	width: 24px;
	height: 24px;
	margin: 0 8px 0 10px;
	border-radius: 50%;
	background-color: #f8f8f8;
	overflow: hidden;
}

.currentuserphoto > img {
	margin: auto;
}

#taskmenu {
	background-color: #fff;
	margin-top: 12px;
}

#taskmenu a {
        color: #333;
	font-weight: bold;
	text-align: center;
}

#taskmenu a:hover {
        background-color: #ccc;
}

#taskmenu-toggle {
	width: 18px;
	height: 18px;
	margin: 0 5px;
	background: url(images/s_icons.svg?v=33e7.5916) 0 -475px no-repeat;
	opacity: 0.75;
	cursor: pointer;
	outline: none;
}

#taskmenu-toggle:hover {
	opacity: 1;
}
*/

/*
.topright a {
	width: 24px;
	height: 24px;
	background: url(images/buttons_24px.svg?v=d537.3621) 0 -1000px no-repeat;
	padding: 0;
	margin: 0 10px;
	opacity: 0.65;
	position: relative;
	display: inline-block;
}

.topright a:hover {
    background-color: transparent;
}

.topright a.button-mail {
	background-position: 0 -400px;
}

.topright a.button-addressbook {
        background-position: 0 -480px;
}

.topright a.button-settings {
        background-position: 0 -520px;
}

.topright a > span {
	opacity: 0;
	display: block;
	font-weight: bold;
        position: absolute;
        top: 36px;
        background-color: #222;
        padding: 5px 10px;
        border-radius: 3px;
        left: 50%;
        transform: translateX(-50%);
	transition: opacity .2s ease;
	pointer-events: none;
}
*/

/*
.topright a > span:after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent gray transparent;
}
*/

/*
.topright a:hover > span {
	opacity: 1;
	z-index: 200;
	transition: opacity .2s .2s ease;
}
*/

/*
.topright .closelink {
	padding: 4px 8px;
	width: auto;
	height: auto;
	opacity: 1;
}
*/

/*#topline a.button-logout,#topline a.closelink {*/
/*
#topline a.closelink {
	margin: 0;
	padding: 5px 10px;
	margin-left: 10px;
	width: auto;
	height: auto;
	font-weight: bold;
	border-left: 1px solid rgba(255,255,255,0.2);
	opacity: 1;
}
*/
/*#topline a.button-logout:hover,#topline a.closelink:hover {*/
/*
#topline a.closelink:hover {
	color: #fff;
	background-color: #222;
	border-radius: 3px;
}
*/

/* new */
/*
.hidden-button {
        width: 0;
        height: 0;
        visibility: hidden;
}
*/

a.button.more span.icon,
.pagenav a.more span.inner {
        /*background-position: -29px -256px;*/
        background-position: 0 -578px;
}

ul.toolbarmenu li.hsplitter {
	height: 1px;
	background-color: rgba(255,255,255,0.1);
	margin: 6px 30px;
}

/*
#folder-selector li,
#folder-selector li a[style*="padding-left"] {
	position: relative;
}
*/

#folder-selector li a[style="padding-left: 16px;"] {
        padding-left: 26px !important;
}

#folder-selector li a[style="padding-left: 32px;"] {
        padding-left: 52px !important;
}

#folder-selector li a[style="padding-left: 48px;"] {
        padding-left: 78px !important;
}

#folder-selector li a[style="padding-left: 64px;"] {
        padding-left: 104px !important;
}

#folder-selector li a[style="padding-left: 80px;"] {
        padding-left: 130px !important;
}

#folder-selector li a[style="padding-left: 96px;"] {
        padding-left: 156px !important;
}

#folder-selector li a[style="padding-left: 112px;"] {
        padding-left: 182px !important;
}

#folder-selector li a[style="padding-left: 128px;"] {
        padding-left: 208px !important;
}

/*
#folder-selector li.l1 + li.l2 > a::before {
	content: "";
	position: absolute;
	left: 8px;
	bottom: 24px;
	height: 100%;
	width: 18px;
	background: url(images/s_icons.svg?v=33e7.5916) 0 -646px no-repeat;
}

#folder-selector li.l2 ~ li:not(.l1):not(.l2)::before {
	content: "";
        position: absolute;
	top: -14px;
	bottom: 0;
        left: 16px;
        border-left: 1px solid red;
	z-index: 1;
}

#folder-selector li.l4 ~ li:not(.l1):not(.l2):not(.l3):not(.l4) {
        border-left: 1px solid green;
}

#folder-selector li.l6 ~ li:not(.l1):not(.l2):not(.l3):not(.l4):not(.l5):not(.l6)::after {
        content: "";
        position: absolute;
        top: -14px;
        bottom: 0;
        left: 122px;
        border-left: 1px solid blue;
        z-index: 1;
}

#folder-selector li:not(.l1) a::after {
	content: "";
        position: absolute;
        left: 0;
        bottom: 14px;
        border-left: 1px solid red;
        border-bottom: 1px solid red;
        height: 18px;
        width: 14px;
}

#folder-selector li:not(.l1) a[style="padding-left: 16px;"]::after {
        left: 16px;
}

#folder-selector li:not(.l1) a[style="padding-left: 32px;"]::after {
        left: 44px;
}

#folder-selector li:not(.l1) a[style="padding-left: 48px;"]::after {
        left: 70px;
}

#folder-selector li:not(.l1) a[style="padding-left: 64px;"]::after {
        left: 96px;
}

#folder-selector li:not(.l1) a[style="padding-left: 80px;"]::after {
        left: 122px;
}

#folder-selector li:not(.l1) a[style="padding-left: 96px;"]::after {
        left: 148px;
}

#folder-selector li:not(.l1) a[style="padding-left: 112px;"]::after {
        left: 174px;
}

#folder-selector li:not(.l1) a[style="padding-left: 128px;"]::after {
        left: 200px;
}
*/
/*
.popupmenu + #folder-selector {
	margin-top: -6px;
}
*/
/*
.quotadisplaybox {
	display: flex;
	align-items: center;
}
*/

.bar {
	display: block;
	/*height: .5rem;*/
	height: 10px;
	width: 82px;
	margin: 0 8px 0 4px;
	/*background-color: #fff;*/
	/*background-color: rgba(0,0,0,0.075);*/
	/*background-color: rgba(44,190,78,0.1);*/
	/*background-color: rgba(76, 175, 80,0.15);*/
	/*background-color: rgba(144, 144, 144,0.15);*/
	background-color: #e8e8e8;
	/*border: 1px solid #eaeaea;*/
	/*border-radius: .25rem;*/
	border-radius: 2px;
	overflow: hidden;
}

.bar.warning {
	background-color: rgba(144, 144, 144,0.15);
}

.bar.warning .value {
	/*background-color: #ffc107;*/
	/*background-color: #f1a539;*/
	background-color: #ffb300;
}

#settings-right .bar {
	margin-left: 16px;
}

.bar .value {
	display: block;
	/*background-color: #4285f4;*/
	/*background-color: #4CAF50;*/
	/*background-color: #2cbe4e;*/
	background-color: #4caf50;
	/*height: 1rem;*/
	height: 100%;
}

/*
#quotadisplay.countdisplay {
	width: 34px;
	padding: 0;
	text-align: center;
}
*/

/*
.storageusage {
	font-size: 11px;
}
*/

body.iframe .footerleft.floating.scrollshadow::after,
#composeview-bottom .formbuttons.floating.scrollshadow::after {
    content: "";
    display: block;
    height: 14px;
    position: absolute;
    top: 0;
    left: 24px;
    right: 12px;
    box-shadow: 0 -8px 6px -6px rgba(0,0,0,.3);
}

table.propform td input[type="checkbox"] {
	margin-left: 1px;
}

/*
a.button:not(.disabled):hover {
        color: rgba(0,0,0,0.8);
	background: #f5f5f5;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.08);
        border: 1px solid #d2d2d2;
	outline: 0;
}
*/


#zipdownload-menu {
	margin: -6px 0;
}

#messagetoolbar .hidden-button,
#messagetoolbar-right .hidden-button,
.boxfooter .hidden-button {
	min-width: 0;
	min-height: 0;
	width: 0;
	height: 0;
	border: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}


.toolbar a.iconbutton.back + span {
	opacity: 0;
	display: block;
	/*font-size: 13px;*/
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	color: #fff;
	position: absolute;
	/*top: 36px;*/
	top: -30px;
	background-color: #111;
	/*padding: 7px 10px;*/
	padding: 7px;
	border-radius: 4px;
	left: 50%;
	transform: translateX(-50%);
	transition: opacity .3s ease;
	pointer-events: none;
	box-shadow: 0 3px 10px 0 rgba(0,0,0,0.25);
	z-index: 300;
}

.toolbar a.iconbutton.back + span::before {
	content: "";
	position: absolute;
	/*top: -6px;*/
	top: 28px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	/*border-width: 0 7px 7px 7px;*/
	border-width: 7px 7px 0 7px;
	/*border-color: transparent transparent #111 transparent;*/
	border-color: #111 transparent transparent transparent;
}

.toolbar a.iconbutton.back:hover + span {
	opacity: 1;
	transition: opacity .25s .25s ease;
}

#imagetoolbar {
	position: relative;
	bottom: 5em;
	left: 50%;
	transform: translateX(-50%);
	display: inline-flex;
	padding: 2px;
	/*background-color: #ebebeb;*/
	/*background-color: rgba(51,51,51,0.8);*/
	background-color: rgba(0,0,0,0.75);
	border-radius: 4px;
	box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);
}

#imagetoolbar a {
	/*font-weight: bold;*/
	/*line-height: 18px;*/
	/*padding: 5px 12px;*/
	padding: 8px;
	margin: 0 2px;
	/*background: #fff;*/
	background: none;
	border: 0;
	/*border-radius: 4px;*/
	/*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);*/
	font-size: 0;
}

#imagetoolbar a.button span.inner {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(images/buttons_24px.svg?v=d537.3621) 0 -1000px no-repeat;
	opacity: 0.55;
}

#imagetoolbar a.button.zoomin span.inner {
	background-position: 0 -360px;
}

#imagetoolbar a.button.zoomout span.inner {
        background-position: 0 -400px;
}

#imagetoolbar a.button.rotate span.inner {
        background-position: 0 -440px;
}

#imagetoolbar a.button.download span.inner {
	background-position: 0 -280px;
}

#imagetoolbar a.button.print span.inner {
        background-position: 0 -320px;
}

#imagetoolbar a.button:hover {
        background-color: rgba(255,255,255,0.15);
	border-radius: 50%;
}

#imagetoolbar a.button:hover span.inner {
	opacity: 1;
}
/*
#imagetoolbar a:hover {
	color: #202124;
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0,0,0,.12);
}
*/
/*
.firstletter {
	position: absolute;
	width: 100%;
	height: 100%;
	line-height: 24px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: black;
}
*/


/* Firefox */

html {
  scrollbar-width: thin;
  /*scrollbar-color: rgba(0, 0, 0, .3) #f0f0f0;*/
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
            background-color: #f0f0f0;
}

*::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .3);
  border: 1px solid transparent;
}

.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
	background-image: none !important;
}

#countdisplaybox #rcmcountemptydisplay {
	pointer-events: none;
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color: #000;

  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 18px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';

  color: #000;
}

#messagemenu + #folder-selector {
	margin: -8px 5px;
}

ul.toolbarmenu li a[onclick*="download"].icon::after,
ul.toolbarmenu li a[onclick*="move"].icon::after,
ul.toolbarmenu li a[onclick*="copy"].icon::after,
ul.toolbarmenu li a.cmd_download::after, 
ul.toolbarmenu li a.cmd_move::after,
ul.toolbarmenu li a.cmd_copy::after {
	content: "";
	display: block;
	background: url(images/arrow_right.svg) 0 0 no-repeat;
	height: 18px;
	width: 18px;
	position: absolute;
	right: 6px;
	top: 6px;
	opacity: 0.2;
}

ul.toolbarmenu li a[onclick*="download"].icon.active::after,
ul.toolbarmenu li a[onclick*="move"].icon.active::after,
ul.toolbarmenu li a[onclick*="copy"].icon.active::after,
ul.toolbarmenu li a.cmd_download.active::after,
ul.toolbarmenu li a.cmd_move.active::after,
ul.toolbarmenu li a.cmd_copy.active::after {
	opacity: 1;
}