%PDF- %PDF-
| Direktori : /home/bitrix/www/bitrix/components/bitrix/mail.client.config/templates/.default/ |
| Current File : //home/bitrix/www/bitrix/components/bitrix/mail.client.config/templates/.default/style.css |
.mail-add {
padding: 40px 0;
background: #fff;
}
.mail-add-inner {
text-align: center;
}
.mail-add-title {
font: 32px/37px 'OpenSans-Light', "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #333;
margin-bottom: 10px;
}
.mail-add-desc {
font: 19px/27px 'OpenSans-Light', "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #525c69;
opacity: .5;
margin-bottom: 35px;
}
.mail-add-list {
display: flex;
flex-wrap: wrap;
width: 747px;
margin: 0 auto;
}
.mail-add-item {
width: 179px;
height: 88px;
border-radius: 3px;
border: 1px solid #e3e3e3;
margin: 0 10px 11px 0;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
cursor: pointer;
transition: border-color .3s ease;
}
.mail-add-text,
.mail-connect-text {
width: 100%;
font: bold 22px Arial, Helvetica, sans-serif;
color: rgb(82,92,105);
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
}
.mail-add-text-small,
.mail-connect-text-small {
font-size: 18px;
}
.mail-add-item:hover {
border-color: #c8c8c8;
}
.mail-add-item:nth-child(4n) {
margin-right: 0;
}
.mail-add-item:last-child {
flex-direction: column;
}
.mail-add-item-imap {
text-transform: uppercase;
color: #525c69;
font: 8px/14px 'OpenSans-Semibold', "Helvetica Neue", Arial, Helvetica, sans-serif;
margin-bottom: 12px;
}
.mail-add-pagetitle-wrap {
margin-left: 21px;
}
.mail-connect-slider-wrap {
margin: 0 20px;
}
.mail-connect {
background: #fff;
color: #535c6A;
}
.mail-connect-slider {
padding: 18px 28px 30px 19px;
}
.mail-connect-section-block {
margin-bottom: 40px;
}
.mail-connect-title-block {
padding-bottom: 10px;
margin-bottom: 16px;
border-bottom: 1px solid #d8d8d8;
}
.mail-connect-title {
font: 16px/24px "OpenSans-Regular", "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #333;
}
.mail-connect-inner {
display: flex;
align-items: center;
border: 1px solid #c6cdd3;
border-radius: 2px;
padding: 20px 10px 19px 21px;
margin-bottom: 9px;
}
.mail-connect-img-block {
margin-right: 31px;
}
.mail-connect-option-email {
color: #535c6A;
font: 13px/22px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.mail-connect-option-email-num {
color: #1169c3;
padding-bottom: 2px;
border-bottom: 1px dashed #88b4e1;
cursor: pointer;
}
.mail-connect-option-email-num:hover {
border-color: #1169c3;
}
.mail-set-textarea-show {
display: inline-block;
box-sizing: border-box;
position: relative;
height: 19px;
line-height: 17px;
color: #1169c3;
margin: 0 15px 0 0;
border-bottom: 1px dashed #88b4e1;
cursor: pointer;
-webkit-transition: .1s;
-moz-transition: .1s;
-ms-transition: .1s;
-o-transition: .1s;
transition: .1s;
}
.mail-set-textarea-show:hover {
color: #1169c3;
}
.mail-set-textarea-show:after {
content: '';
width: 7px;
height: 4px;
position: absolute;
right: -13px;
top: 7px;
background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%227px%22%20height%3D%224px%22%20viewBox%3D%220%200%207%204%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%0A%09%3Cdefs/%3E%0A%09%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%09%09%3Cpolygon%20fill%3D%22%231169c3%22%20points%3D%223.5%200%207%204%200%204%22/%3E%0A%09%3C/g%3E%0A%3C/svg%3E) center center no-repeat;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.mail-set-textarea-show-open:after {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
.mail-set-singleselect {
display: inline-block;
vertical-align: middle;
position: relative;
width: 150px;
height: 40px;
margin: -13px 10px;
border: 1px solid #ccd0d2;
background: #fff;
-webkit-box-shadow: inset 0 1px 2px #e4e8e9;
-moz-box-shadow: inset 0 1px 2px #e4e8e9;
box-shadow: inset 0 1px 2px #e4e8e9;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mail-set-singleselect:before {
content: attr(placeholder);
display: inline-block;
position: absolute;
top: 0;
left: 0;
z-index: 9;
width: 100%;
height: 40px;
padding: 0 0 0 12px;
line-height: 40px;
white-space: nowrap;
color: #1169c3;
overflow-x: hidden;
cursor: pointer;
-webkit-box-shadow: inset 0 1px 2px #e4e8e9;
-moz-box-shadow: inset 0 1px 2px #e4e8e9;
box-shadow: inset 0 1px 2px #e4e8e9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mail-set-singleselect:after {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border: 4px solid transparent;
border-top: 4px solid #777979;
position: absolute;
top: 17px;
right: 13px;
text-align: center;
line-height: 40px;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mail-set-singleselect label {
display: inline-block;
min-width: 100%;
height: 32px;
line-height: 32px;
white-space: nowrap;
padding: 0 10px;
background: #fff;
cursor: pointer;
-webkit-transition: .2s;
-moz-transition: .2s;
-ms-transition: .2s;
-o-transition: .2s;
transition: .2s;
-webkit-box-shadow: inset 0 1px 2px #e4e8e9;
-moz-box-shadow: inset 0 1px 2px #e4e8e9;
box-shadow: inset 0 1px 2px #e4e8e9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mail-set-singleselect-line {
display: inline-block;
border: none;
background: transparent;
box-shadow: none;
padding: 0;
width: auto;
height: 19px;
margin: 0 3px;
}
.mail-set-singleselect-line label {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.mail-set-singleselect-line input[type="radio"]:checked + label {
background: transparent;
height: 19px;
line-height: 17px;
color: #1169c3;
border: none;
padding: 0;
border-bottom: 1px dashed #88b4e1;
}
.mail-set-singleselect-line:before {
padding: 0;
box-shadow: none;
}
.mail-set-singleselect-line:after {
display: none;
}
.mail-set-singleselect-line:before {
height: 19px;
line-height: 17px;
}
.mail-set-singleselect input,
.mail-set-singleselect label {
display: none;
}
.mail-set-singleselect div {
min-width: 100%;
max-height: 320px;
overflow-x: hidden;
}
.mail-set-singleselect input[type="radio"]:checked ~ div {
position: absolute;
top: 50%;
left: 25px;
z-index: 999;
overflow-y: auto;
background: #fff;
-webkit-box-shadow: 0 7px 21px rgba(83, 92, 105, .12), 0 -1px 6px 0 rgba(83, 92, 105, .06);
-moz-box-shadow: 0 7px 21px rgba(83, 92, 105, .12), 0 -1px 6px 0 rgba(83, 92, 105, .06);
box-shadow: 0 7px 21px rgba(83, 92, 105, .12), 0 -1px 6px 0 rgba(83, 92, 105, .06);
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
transform: translate(0,-50%);
}
.mail-set-singleselect-line input[type="radio"]:checked ~ div {
left: 0px;
}
.mail-set-singleselect input[type="radio"]:checked ~ div > label,
.mail-set-singleselect input[type="radio"]:checked + label {
display: block;
z-index: 0 !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.mail-set-singleselect input[type="radio"]:checked ~ div > label:hover {
background: #f6f8f9;;
}
.mail-set-singleselect input[type="radio"]:not(:checked) ~ div > input[type="radio"]:checked + label {
position: relative;
z-index: -1;
}
.mail-set-singleselect-option-disabled {
background: #fff !important;
color: #bbb;
}
.mail-connect-notice-block {
background: #f8f4bc;
border-radius: 2px;
padding: 10px 30px 11px 14px;
margin-bottom: 13px;
}
.mail-connect-notice-text {
color: #535c6a;
opacity: .8;
font: 13px/16px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.mail-connect-warning-block {
background: rgb(253,225,200);
border-radius: 2px;
padding: 10px 30px 11px 14px;
margin-bottom: 13px;
}
.mail-connect-warning-text {
color: rgb(219,90,22);
font: 13px/16px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.mail-connect-notice-more {
color: #3f85c2;
cursor: pointer;
padding-bottom: 2px;
border-bottom: 1px dashed transparent;
transition: border-bottom .3s ease;
}
.mail-connect-notice-more:hover {
border-color: #88b4e1;
}
.mail-connect-access-user-block {
border: 1px solid #c6cdd3;
border-radius: 2px;
padding: 4px 20px 0 4px;
min-height: 34px;
}
.mail-connect-access-user-block .feed-add-post-destination {
margin: 0 4px 4px 0;
}
.mail-connect-access-user-block .feed-add-post-destination.feed-add-post-destination-undelete {
padding-left: 13px;
padding-right: 13px;
background-color: #e2e3e5;
color: #535c69 !important;
}
.mail-connect-access-user-block .feed-add-destination-inp {
margin: 0 4px 4px 0;
padding-left: 5px;
}
.mail-connect-access-user-block .mail-connect-lock-icon {
height: 1em;
margin: 7px 0 10px 5px;
}
.mail-connect-access-user-title {
color: #828b95;
font-size: 13px;
line-height: 20px;
margin-bottom: 5px;
}
.mail-connect-access-user-inner {
background-color: #c9efff;
border-radius: 1px;
position: relative;
padding: 7px 35px 8px 10px;
margin: 0 4px 4px 0;
display: inline-block;
vertical-align: top;
transition: all 300ms ease;
}
.mail-connect-access-user-inner:hover {
background-color: #86e2ff;
}
.mail-connect-access-user-name, .mail-connect-access-user-add {
color: #1069c3;
font: 13px/16px "Helvetica Neue", Arial, Helvetica, sans-serif;
font-weight: 700;
}
.mail-connect-access-user-add {
text-transform: lowercase;
display: inline-block;
vertical-align: top;
margin: 7px 0 10px 15px;
position: relative;
border-bottom: 1px solid transparent;
transition: border-bottom-color .3s linear;
}
.mail-connect-access-user-add:hover {
border-color: #1069c3;
}
.mail-connect-access-user-add:before{
content: '';
position: absolute;
left: -11px;
top: 5px;
height: 7px;
width: 8px;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%228%22%20height%3D%227%22%20viewBox%3D%220%200%208%207%22%3E%0A%20%20%3Cpolygon%20fill%3D%22%231069C3%22%20fill-rule%3D%22evenodd%22%20points%3D%22305.602%2021.022%20308.189%2021.022%20308.189%2022.413%20305.602%2022.413%20305.602%2025%20304.211%2025%20304.211%2022.413%20301.624%2022.413%20301.624%2021.022%20304.211%2021.022%20304.211%2018.435%20305.602%2018.435%22%20transform%3D%22translate%28-301%20-18%29%22/%3E%0A%3C/svg%3E%0A');
}
.mail-connect-access-delete-button {
width: 32px;
height: 32px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.mail-connect-access-delete-button:before, .mail-connect-access-delete-button:after {
content: '';
width: 2px;
height: 10px;
border-radius: 1px;
background: #525c69;
opacity: .2;
position: absolute;
top: 11px;
right: 15px;
}
.mail-connect-access-delete-button:before {
transform: rotate(-45deg);
}
.mail-connect-access-delete-button:after {
transform: rotate(45deg);
}
.mail-connect-footer {
padding-top: 10px;
border-top: 1px solid #d8d8d8;
}
.mail-connect-footer-container {
text-align: center;
}
.ui-btn.mail-connect-btn-cancel {
margin-left: 5px;
}
.ui-btn.mail-connect-btn-connect {
color: #535c69;
}
.mail-connect-footer-fixed {
box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.06);
overflow: hidden;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
padding: 12px 20px;
background: #fff;
text-align: left;
border-top: none;
}
.mail-connect-lock-icon {
display: inline-block;
vertical-align: middle;
width: 8px;
height: 10px;
background: url(images/lock.png) no-repeat center;
cursor: pointer;
margin-left: 5px;
}
.mail-connect-form-label {
color: #828b95;
font-size: 13px;
line-height: 22px;
margin-bottom: 2px;
position: relative;
cursor: pointer;
}
.mail-connect-form-label-check {
color: #535c6a;
line-height: 15px;
margin-bottom: 0;
}
.mail-connect-form-item {
display: flex;
flex-direction: column;
margin-bottom: 11px;
max-width: 520px;
}
.mail-connect-form-input {
outline: none;
border: 1px solid #c6cdd3;
border-radius: 2px;
padding: 8px 10px 6px;
margin: 0;
color: #535c6a;
font-size: 13px;
line-height: 22px;
height: 22px;
}
.mail-connect-form-input::placeholder {
color: #c7c7c7;
}
.mail-connect-form-input::-webkit-input-placeholder {
color: #c7c7c7;
}
.mail-connect-form-input:-moz-placeholder {
color: #c7c7c7;
}
.mail-connect-form-input::-moz-placeholder {
color: #c7c7c7;
}
.mail-connect-form-input:-ms-input-placeholder {
color: #c7c7c7;
}
.mail-connect-form-input::-ms-input-placeholder {
color: #c7c7c7;
}
.mail-connect-form-input-check {
margin-right: 5px;
vertical-align: middle;
}
.mail-connect-form-input-radio {
margin-right: 14px;
}
.mail-connect-form-check {
font-size: 13px;
display: flex;
}
.mail-connect-form-item-inner {
display: flex;
align-items: center;
}
.mail-connect-form-item-inner .mail-connect-form-input {
max-width: 120px;
margin-right: 21px;
}
.mail-connect-form-item-inner .mail-connect-form-input-check {
max-width: 120px;
margin-right: 5px;
}
.mail-connect-form-item-server-port {
display: flex;
}
.mail-connect-form-item-server-port .mail-connect-form-input-server {
width: 100%;
margin-right: 15px;
}
.mail-connect-form-item-server-port .mail-connect-form-input-port {
max-width: 120px;
}
.mail-connect-form-item-confirmed .mail-connect-form-input {
border-color: #7bd500;
}
.mail-connect-form-item-error .mail-connect-form-input {
border-color: #ff5752;
}
.mail-connect-form-error {
display: none;
font-size: 12px;
color: #ff5752;
margin-top: 5px;
}
.mail-connect-form-item-error .mail-connect-form-error {
display: block;
}
.mail-connect-check-block {
background: #f6f6f7;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 1px 14px 1px 15px;
}
.mail-connect-check-inner {
font-size: 0;
}
.mail-connect-check-text {
font-size: 13px;
line-height: 22px;
color: #535c69;
margin-right: 15px;
}
.mail-connect-check-status {
color: #6f950d;
font-weight: 700;
font-size: 14px;
line-height: 23px;
}
.mail-connect-email-block {
padding-left: 22px;
border-left: 1px solid #d8d8d8;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.mail-connect-email-text {
color: #0b66c3;
font-weight: 700;
text-decoration: none;
}
.mail-connect-email-btn-disable {
color: #80868e;
}
.mail-connect-email-img {
display: inline-block;
vertical-align: middle;
width: 41px;
height: 41px;
border-radius: 50%;
margin: -10px 4px -10px 0;
background: #535c6a no-repeat center;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ny4xODgiIGhlaWdodD0iNTQuMDYzIiB2aWV3Qm94PSIwIDAgNDcuMTg4IDU0LjA2MyI+PGRlZnM+PHN0eWxlPi5jbHMtMSB7IGZpbGw6ICNmZmY7IGZpbGwtcnVsZTogZXZlbm9kZDsgfTwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJTaGFwZV8yX2NvcHlfNCIgZGF0YS1uYW1lPSJTaGFwZSAyIGNvcHkgNCIgY2xhc3M9ImNscy0xIiBkPSJNNDcuMTggNTQuMDYyYzAtMy4yMTctMy42MS0xNi44MjYtMy42MS0xNi44MjYgMC0xLjk5LTIuNi00LjI2LTcuNzItNS41ODVhMTcuMzk0IDE3LjM5NCAwIDAgMS00Ljg4Ny0yLjIyM2MtLjMzLS4xODgtLjI4LTEuOTI1LS4yOC0xLjkyNWwtMS42NDgtLjI1YzAtLjE0Mi0uMTQtMi4yMjUtLjE0LTIuMjI1IDEuOTcyLS42NjMgMS43Ny00LjU3NCAxLjc3LTQuNTc0IDEuMjUyLjY5NSAyLjA2OC0yLjQgMi4wNjgtMi40IDEuNDgyLTQuMy0uNzM4LTQuMDQtLjczOC00LjA0YTI3LjA1IDI3LjA1IDAgMCAwIDAtNy45MThjLS45ODctOC43MDgtMTUuODQ3LTYuMzQ0LTE0LjA4NS0zLjUtNC4zNDMtLjgtMy4zNTIgOS4wODItMy4zNTIgOS4wODJsLjk0MiAyLjU2Yy0xLjg1IDEuMi0uNTY0IDIuNjUtLjUgNC4zMi4wOSAyLjQ2NiAxLjYgMS45NTUgMS42IDEuOTU1LjA5MyA0LjA3IDIuMSA0LjYgMi4xIDQuNi4zNzcgMi41NTYuMTQyIDIuMTIuMTQyIDIuMTJsLTEuNzg2LjIxN2E3LjEgNy4xIDAgMCAxLS4xNCAxLjczMmMtMi4xLjkzNi0yLjU1MyAxLjQ4NS00LjY0IDIuNC00LjAzMiAxLjc2Ny04LjQxNCA0LjA2NS05LjE5MyA3LjE2Uy0uMDEyIDU0LjA2LS4wMTIgNTQuMDZoNDcuMTl6Ii8+PC9zdmc+);
background-size: 50%;
font: 18px/18px "OpenSans-Bold", "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #fff;
padding-top: 10px;
text-transform: uppercase;
text-align: center;
box-sizing: border-box;
}
.mail-connect-email-img-color {
background: #fdbd00;
}
.mail-connect-handle-inner {
padding: 13px 20px 24px 17px;
border: 1px solid #e3e6e9;
border-radius: 2px;
}
.mail-connect-handle-item {
padding-bottom: 26px;
border-bottom: 1px solid #e3e6e9;
margin-bottom: 16px;
}
.mail-connect-handle-item:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.mail-connect-handle-title {
color: #828b95;
font-size: 13px;
line-height: 22px;
margin-bottom: 2px;
}
.mail-connect-handle-value {
color: #1169c3;
padding-bottom: 2px;
border-bottom: 1px dashed rgba(17, 105, 195, .5);
transition: all .3s ease;
}
.mail-connect-handle-value:hover {
border-color: rgba(17, 105, 195, 1);
}
.mail-connect-mailbox-block {
margin-bottom: 12px;
}
.mail-connect-mailbox-name {
color: #000;
font: 24px/30px "OpenSans-Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.mail-connect-dashed-switch {
display: inline-block;
color: #1169c3;
padding-bottom: 2px;
border-bottom: 1px dashed rgba(17, 105, 195, .5);
transition: border-color .3s ease;
cursor: pointer;
}
.mail-connect-dashed-switch:hover {
border-color: rgba(17, 105, 195, 1);
}
.mail-connect-form-hidden-block .mail-connect-form-inner {
margin: 15px 0 0 25px;
transition: all .4s linear;
}
.mail-connect-form-hidden-block .mail-connect-access-user-block {
margin-bottom: 11px;
}
.mail-connect-form-hidden-block {
padding-top: 5px;
}
.mail-connect-form-textarea {
min-height: 110px;
resize: none;
outline: none;
border: 1px solid #c6cdd3;
border-radius: 2px;
padding: 9px 11px;
box-sizing: border-box;
font: 13px/22px "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #535c6a;
overflow: auto;
}
.mail-connect-form-check-hidden {
margin-bottom: 8px;
}
.mail-connect-form-check-hidden:last-child {
margin-bottom: 0;
}
.mail-connect-form-textarea-block {
margin: 0 0 8px 0;
display: flex;
flex-direction: column;
}
.mail-connect-form-textarea-title {
font-size: 13px;
color: #828b95;
margin-bottom: 6px;
}
.mail-connect-form-source {
color: #1169c3;
padding-bottom: 2px;
border-bottom: 1px dashed rgba(17, 105, 195, .5);
font-size: 13px;
transition: all .3s ease;
}
.mail-connect-form-source:hover {
border-color: rgba(17, 105, 195, 1);
}
.mail-connect-address-desc {
color: #535c6a;
font-size: 13px;
line-height: 18px;
margin-bottom: 26px;
}
.mail-connect-address-add {
margin-top: 19px;
}
.mail-connect-address-add-link {
text-decoration: none;
color: #2066b0;
font-size: 13px;
line-height: 22px;
border-bottom: 1px solid rgba(38, 106, 178, .4);
transition: all .3s ease;
}
.mail-connect-address-add-link:hover {
border-color: rgba(38, 106, 178, 1);
}
.mail-connect-title-bold {
font-weight: 700;
}
.mail-connect-form-label-radio {
margin-bottom: 0;
color: #535c6a;
}
.mail-connect-folder-list .mail-connect-form-check {
margin-bottom: 12px;
}
.mail-connect-folder-list .mail-connect-form-check:last-child {
margin-bottom: 0;
}
.mail-connect-folder-list .mail-connect-form-input-check {
margin-right: 14px;
}
.main-connect-form-error {
display: none;
margin: 0 0 12px 0;
padding: 10px 18px;
background: rgb(253,225,229);
color: rgb(219,0,22);
font-size: 13px;
}
.main-connect-form-error-ext {
display: none;
}
.mail-connect-last-sync-title {
color: #626d71;
display: inline-block;
font-size: 14px;
margin-right: 15px;
}
.mail-connect-last-sync-status {
display: inline-block;
font-size: 13px;
font-weight: bold;
margin: 0 28px 0 0;
}
.mail-connect-last-sync-success {
color: #6f950d;
}
.mail-connect-last-sync-error {
color: #d04749;
}
.mail-connect-last-sync-wrapper {
margin: 8px 0 0 0;
}
.mail_connect_mb_import_messages_label {
cursor: pointer;
}