/**
 * Roundcube libcalendaring plugin styles for skin "Larry"
 *
 * Copyright (c) 2012-2014, Kolab Systems AG <contact@kolabsys.com>
 *
 * The contents are subject to the Creative Commons Attribution-ShareAlike
 * License. It is allowed to copy, distribute, transmit and to adapt the work
 * by keeping credits to the original autors in the README file.
 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
 */

.alarm-item {
	margin: 0.4em 0 1em 0;
}

.alarm-item .event-title {
	font-size: 14px;
	margin: 0.1em 0 0.3em 0;
}

.alarm-item div.event-section {
	margin-top: 0.1em;
	margin-bottom: 0.3em;
}

.alarm-item .alarm-actions {
	margin-top: 0.4em;
}

.alarm-item div.alarm-actions a {
	margin-right: 0.8em;
	text-decoration: none;
}

a.alarm-action-snooze:after {
	content: ' ▼';
	font-size: 10px;
	color: #666;
}

#alarm-snooze-dropdown {
	z-index: 5000;
}

span.edit-alarm-set {
	white-space: nowrap;
}

.ui-dialog.alarms .ui-dialog-title {
	background-image: url(../../../../skins/mailweb/images/messages.png);
	background-repeat: no-repeat;
	background-position: 0 -91px;
	padding-left: 24px;
}

.itip-reply-comment {
	padding-left: 2px;
}

a.reply-comment-toggle {
	display: inline-block;
	color: #666;
}

label.noreply-toggle + a.reply-comment-toggle {
	margin-left: 1em;
}

.itip-reply-comment textarea {
	display: block;
	width: 90%;
	margin-top: 0.5em;
}

.itip-dialog-confirm-text {
	margin-bottom: 1em;
}

.popup textarea.itip-comment {
	width: 98%;
}

.edit-alarm-item {
	position: relative;
	padding-right: 30px;
	margin-bottom: 0.2em;
}

.edit-alarm-buttons {
	position: absolute;
	top: 1px;
	right: 0;
}

.edit-alarm-buttons a.iconbutton {
	display: none;
}

.edit-alarm-item .edit-alarm-buttons a.delete-alarm,
.edit-alarm-item.first .edit-alarm-buttons a.add-alarm {
	display: inline-block;
}

.edit-alarm-item.first .edit-alarm-buttons a.delete-alarm {
	display: none;
}

.recurrence-form {
	display: none;
}

.recurrence-form label.weekday,
.recurrence-form label.monthday {
	min-width: 3em;
}

.recurrence-form label.month {
	min-width: 5em;
}

.recurrence-form .event-section label + div,
.recurrence-form .form-section label + div {
	display: inline-block;
}

#edit-recurrence-rdates {
	display: block;
	list-style: none;
	margin: 0 0 0.8em 0;
	padding: 0;
	max-height: 300px;
	overflow: auto;
}

#edit-recurrence-rdates:empty {
	margin: 0;
}

#edit-recurrence-rdates li {
	display: block;
	position: relative;
	width: 12em;
	padding: 4px 0 4px 0;
}

#edit-recurrence-rdates li a.delete {
	position: absolute;
	top: 5px;
	right: 0;
	width: 8px;
	height: 16px;
	background-position: -7px -337px;
	border: 0;
}

.itip-dialog-form input.text {
	width: 98%;
}

.itip-dialog-form label > input.checkbox {
	margin-left: 0;
	margin-right: 10px;
}

.edit-attendees-table td.options a.button {
	border: 0;
}

.ui-widget-content a.button {
	color: #52525;
}

#event-status-badge {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}

#event-status-badge span {
	display: none;
	text-transform: uppercase;
	width: 150px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	left: -20px;
	top: 35px;
	padding-left: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	box-shadow: 1px 1px 2px #ccc, -1px -1px 2px #ccc;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.status-cancelled #event-status-badge span {
	background: url(images/badge.png) 26px -24px no-repeat #cc0000;
	display: block;
}

.sensitivity-private #event-status-badge span {
	background: url(images/badge.png) 40px -52px no-repeat #0066ff;
	display: block;
}

.sensitivity-confidential #event-status-badge span {
	background: url(images/badge.png) 20px 2px no-repeat #cc0000;
	display: block;
}

#edit-attendees-comment {
	margin-top: .5em;
}

/* ===== Calendar Invitation Box ===== */

.calendar-invitebox {
    background: #f6f8fc !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 20px !important;
    box-shadow: none !important;
    align-items: flex-start !important;
    gap: 16px;
    margin: 16px 0 !important;
}

/* Логотип mail73 вместо иконки */
.calendar-invitebox > i.icon {
    flex-shrink: 0;

    width: 32px !important;
    height: 32px !important;
    background: url('https://s3.mail73.ru/mail73.ru.mini.png') center center / contain no-repeat !important;
    display: block !important;
    margin-top: 15px !important;
    margin-bottom: 20px;
}

.calendar-invitebox > i.icon:before {
    display: none !important;
}

.calendar-invitebox > span {
    padding-left: 0 !important;
    flex: 1;
}

/* Таблица с деталями события */
.calendar-invitebox .calendar-eventdetails {
    width: 100%;
    margin-bottom: 16px;
    border-collapse: collapse;
}

.calendar-invitebox .calendar-eventdetails td {
    padding: 4px 12px 4px 0;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.5;
}

.calendar-invitebox .calendar-eventdetails td.ititle,
.calendar-invitebox .calendar-eventdetails td.label {
    color: #999;
    white-space: nowrap;
    width: 80px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-top: 6px;
    display: none;
}

.calendar-invitebox .calendar-eventdetails td.title {
    font-weight: 600;
    font-size: 17px;
    padding-top: 35px;
    color: #2c363a;
}

.calendar-invitebox .calendar-eventdetails td.date {
    color: #45515c;
    font-size: 13px;
}

/* RSVP-вопрос */
.calendar-invitebox .rsvp-status:not(.loading) {
    font-size: 13px;
    color: #666;
    margin-bottom: 10px;
    font-weight: 500;
}

/* Кнопки RSVP */
.calendar-invitebox .rsvp-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-bottom: 10px;
}

.calendar-invitebox .rsvp-buttons input.button {
    border-radius: 4px !important;
    font-size: 13px !important;
    padding: 5px 14px !important;
    border: none !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    transition: opacity .15s;
    background: #8b9fa7 !important;
    color: #fff !important;
    height: auto !important;
    min-width: auto !important;
}

.calendar-invitebox .rsvp-buttons input.button:hover {
    opacity: 0.85 !important;
}

/* Принять */
.calendar-invitebox .rsvp-buttons input.accepted {
    background: #41b849 !important;
}

/* Может быть */
.calendar-invitebox .rsvp-buttons input.tentative {
    background: #f59e0b !important;
}

/* Отклонить */
.calendar-invitebox .rsvp-buttons input.declined {
    background: #ff5552 !important;
}

/* Проверить календарь */
.calendar-invitebox .rsvp-buttons input.preview {
    background: transparent !important;
    color: #4a90d9 !important;
    border: 1px solid #4a90d9 !important;
}

/* Выбор папки */
.calendar-invitebox .folder-select {
    font-size: 12px;
    color: #999;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.calendar-invitebox .folder-select select {
    font-size: 12px !important;
    padding: 2px 6px !important;
    height: auto !important;
    border-radius: 4px;
}

/* Ответный комментарий */
.calendar-invitebox .itip-reply-controls {
    margin-top: 8px;
}

.calendar-invitebox .itip-reply-controls a.reply-comment-toggle {
    font-size: 12px;
    color: #4a90d9;
}

/* Предпросмотр календаря */
.calendar-invitebox .calendar-agenda-preview {
    margin-top: 16px;
    padding: 12px 14px;
    background: #f6f8fc;
    border-radius: 6px;
}

.calendar-invitebox .preview-title {
    font-size: 12px;
    font-weight: 600;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 0 0 8px 0;
}

.calendar-invitebox .event-row {
    padding: 5px 0;
    display: flex;
    gap: 12px;
    border-bottom: 1px solid #eef0f3;
    font-size: 13px;
}

.calendar-invitebox .event-row:last-child {
    border-bottom: none;
}

.calendar-invitebox .event-row.no-event {
    color: #bbb;
    font-style: italic;
    font-size: 12px;
}

.calendar-invitebox .event-row.current {
    font-weight: 600;
    color: #2c363a;
}

.calendar-invitebox .event-row.fc-needs-action {
    color: #f59e0b;
}

.calendar-invitebox .event-date {
    color: #888;
    white-space: nowrap;
    font-size: 12px;
    min-width: 110px;
}

.calendar-invitebox .event-row.current .event-date {
    color: #555;
    font-weight: 500;
}