/** Calendar plugin **/
.listing li.selected>div>*{
    background-color: #ddf3d1 !important;
}
body.task-calendar .ui-datepicker-inline .ui-datepicker-week-col {
    color: #999 !important;
}
#datepicker td.ui-datepicker-activerange {
	border-color: #7ac554;
}
.listing li>div a.quickview:before {
    color: #7ac554 !important;
}

#datepicker .ui-datepicker-activerange a {
	color: #4e4e4e;
	background: #ddf3d1;
	background: -moz-linear-gradient(top, #ddf3d1 0%, #ddf3d1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddf3d1), color-stop(100%,#ddf3d1));
	background: -o-linear-gradient(top, #ddf3d1 0%, #ddf3d1 100%);
	background: -ms-linear-gradient(top, #ddf3d1 0%, #ddf3d1 100%);
	background: linear-gradient(top, #ddf3d1 0%, #ddf3d1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddf3d1', endColorstr='#ddf3d1', GradientType=0);
}
#calendars .treelist li.selected > div.calendar {
	background-color: #ddf3d1;
}
.fc-widget-header {
    background-color: #7ac554;
	color: #324033;
	text-shadow: 0px 1px 1px #fff;
}

.fc-view thead th.fc-widget-header {
	padding: 8px 0;
	color: #324033;
}

/** jQuery plugin **/
.ui-datepicker td a.ui-state-active {
	border-color: #7ac554 !important;
    background: #7ac554 !important;
}
.ui-dialog .ui-dialog-buttonpane {
    height: 4.5rem !important;
}

/**Global address book plugin**/
.overlay {
    position: absolute;
    width: 100%;
    background: transparent;
    height: 100%;
    z-index: 10;
}
.nofocus:focus{
    border-color: #b2b2b2 !important;
    box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.1) !important;
    -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.1) !important;
    outline: 0 !important;
}

.topright {
    float: right;
}
#topline a, #topnav a {
    /* color: #eee; */
    text-decoration: none;
}

/**Login Box**/

#header{
    margin: 0;
    box-sizing: border-box;
    border-bottom: 5px solid #8BC53F;
    background-image: url('../images/Header.png') !important;
    padding: .5rem !important;
}

#header img#toplogo{
    display: block;
    margin: 0 auto;
    width: 15%;
}

#header #taskbar{
    display: none;
}


.login-box{
    margin: 0 auto;
    top: 15vh;
    position: relative;
    background-color: #f0f0f0;
    border-radius: 8px;
}

#login-form {
    top: 1vh !important;
    padding: 2rem 1.5em !important;
    max-width: 95%;
}

#login-form h3, #login-form tr {
    margin-bottom: 30px;
}

.task-login #logo{
    top: 0 !important;
}

@media screen and (max-width:768px){
    .login-box{
        margin: 0 auto;
        top: 15vh;
        position: relative;
        background-color: #f0f0f0;
        border-radius:0;
    }

    #header img#toplogo{
        width: 30%;
    }

}

.verify-code-col {
    padding-right: 2px;
    padding-left: 2px;
    width: 100%;    
}

#messagelist tbody tr:nth-child(odd) {background-color: #83727229;}

tr.unread .fromto, tr.unread .date {
    font-weight: 700;
}

.header .header-title select.deco{
    height: 35px !important;
    color: #7ac554;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.task-addressbook .pagenav-text #rcmcountdisplay{
    display: none;
}

.print-logo{
    background-color: #141513;
}

/* Below style apply in the Print preview background graphics */
* {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari 6 – 15.3, Edge */
    color-adjust: exact !important;                 /* Firefox 48 – 96 */
    print-color-adjust: exact !important;           /* Firefox 97+, Safari 15.4+ */
}

#contactsectioncontact .contactfieldgroup .input-group-prepend{
    margin-right: 0.5rem!important;
}

label.contactfieldlabel.input-group-text.label {
    margin-right: 10px;
}

#agendaoptions {
    padding-top: 10px !important;
}

/* Dark Mode styles*/
html.dark-mode .login-box {
    background-color: #3c4043;
}

html.dark-mode #kolabnoteslist td.date, html.dark-mode #notedetailstitle .dates, html.dark-mode #tasklist span.date, html.dark-mode .availability span, html.dark-mode .calendar-agenda-preview .event-row.current, html.dark-mode .fc .fc-axis, html.dark-mode .fc .fc-day-header, html.dark-mode .fc .fc-day-number, html.dark-mode .fc .fc-week-header, html.dark-mode .fc .fc-week-number, html.dark-mode .formcontent.text-only .faded *, html.dark-mode .invitebox .rsvp-status.hint, html.dark-mode .invitebox td.label{
    color: #FFFFFF !important;
    text-shadow: none !important;
}

html.dark-mode .listing li.selected>div>* {
    background-color: #374549 !important;
}

html.dark-mode #agendaoptions {
    background-color: inherit;
}

.menu a.about:before {
    content: "\f129";
}
.menu a.help:before {
    content: "\f128";
}

.btn-link:focus{
    color: #7ac554;
}