/* Resvia branding for Roundcube */

/* Primary buttons and links */
a.button.mainaction,
.mainaction.btn,
button.btn-primary,
.btn-primary {
    background-color: #4F46E5 !important;
    border-color: #4F46E5 !important;
}
.btn-primary:hover,
a.button.mainaction:hover {
    background-color: #4338CA !important;
    border-color: #4338CA !important;
}

/* Links */
a {
    color: #4F46E5;
}
a:hover {
    color: #4338CA;
}

/* Selected items */
.listing li.selected,
.listing li.selected > a,
.listing li.selected > div,
.listing tr.selected td {
    background-color: #4F46E5 !important;
}

/* Checkbox/toggle active state */
.custom-switch .custom-control-input:checked ~ .custom-control-label::before,
input[type="checkbox"]:checked + label::before {
    background-color: #4F46E5 !important;
    border-color: #4F46E5 !important;
}

/* Login page */
#login-form .box-inner {
    border-top: 3px solid #4F46E5 !important;
}

/* Replace logo with Resvia logo */
#logo, .logo,
#layout-menu .special-buttons a.logo,
a.logo {
    background-image: url(/resvia-logo.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
}
#logo img, .logo img,
a.logo img {
    display: none !important;
}
a.logo svg {
    display: none !important;
}

/* Login page logo - bigger */
#login-form .logo,
#login-form a.logo {
    width: 64px !important;
    height: 64px !important;
    min-height: 64px !important;
    margin: 0 auto 10px !important;
    display: block !important;
}

/* Focus rings */
input:focus, textarea:focus, select:focus,
.form-control:focus {
    border-color: #4F46E5 !important;
    box-shadow: 0 0 0 0.2rem rgba(79, 70, 229, 0.25) !important;
}

/* Task menu active button */
#taskmenu a.selected::after,
.toolbar a.selected {
    color: #4F46E5 !important;
}