/* Hostfly theme for Roundcube Elastic */
@font-face{font-family:"Inter";src:url("fonts/inter-latin-wght-normal.woff2") format("woff2-variations");font-weight:100 900;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Inter";src:url("fonts/inter-cyrillic-wght-normal.woff2") format("woff2-variations");font-weight:100 900;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
html:not(.dark-mode) body{font-family:"Inter","Helvetica Neue",Arial,sans-serif}
/* left menu */
html:not(.dark-mode) #layout-menu{background:#fff;border-right:1px solid #dedede}
html:not(.dark-mode) #layout-menu .menu a{color:#333}
html:not(.dark-mode) #layout-menu .menu a.selected,html:not(.dark-mode) #layout-menu .menu a:hover{background:#f2f7fd;color:#0027ea}
html:not(.dark-mode) #layout-menu .popover-header,html:not(.dark-mode) #layout-menu .header{background:#fff}
#layout-menu #logo,#logo{max-height:48px;width:auto}
/* primary accents */
html:not(.dark-mode) a,html:not(.dark-mode) .link{color:#0027ea}
html:not(.dark-mode) .btn-primary,html:not(.dark-mode) .button.mainaction,html:not(.dark-mode) a.button.compose,html:not(.dark-mode) #login-form button.mainaction{background:#000!important;border-color:#000!important;color:#fff!important;border-radius:8px}
html:not(.dark-mode) .btn-primary:hover,html:not(.dark-mode) .button.mainaction:hover,html:not(.dark-mode) #login-form button.mainaction:hover{background:#666!important;border-color:#666!important}
html:not(.dark-mode) .listing li.selected,html:not(.dark-mode) table.records-table tr.selected td,html:not(.dark-mode) .listing li.focused,html:not(.dark-mode) table.records-table tr.focused td{background:#f2f7fd!important;color:#000}
html:not(.dark-mode) table.messagelist tr.unread td{font-weight:600}
html:not(.dark-mode) .unreadcount,html:not(.dark-mode) .badge{background:#0027ea;color:#fff}
html:not(.dark-mode) .form-control:focus,html:not(.dark-mode) input:focus,html:not(.dark-mode) textarea:focus{border-color:#0027ea!important;box-shadow:0 0 0 3px rgba(0,39,234,.16)!important}
/* login */
html:not(.dark-mode) body.task-login{background:#f7f7f7}
body.task-login #layout-content{background:transparent}
body.task-login #login-form{background:#fff;border:1px solid #dedede;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.06);padding:32px 32px 16px;max-width:420px}
body.task-login #login-form input.form-control{height:56px;border-radius:8px;font-size:16px}
body.task-login #login-form button.mainaction{height:56px;width:100%;font-size:16px;font-weight:600}
body.task-login #login-footer{color:#7f7f7f}
/* left menu bottom block + folder list */
html:not(.dark-mode) #layout-menu .popover-header,html:not(.dark-mode) #layout-menu #taskmenu .special-buttons,html:not(.dark-mode) #layout-menu .special-buttons{background:#fff!important}
html:not(.dark-mode) #layout-menu .special-buttons a{color:#333!important}
html:not(.dark-mode) #layout-menu .special-buttons a.logout{color:#db3032!important}
html:not(.dark-mode) #layout-menu #logo{background:#fff}
html:not(.dark-mode) #folderlist-content li a,html:not(.dark-mode) #directorylist li a{color:#333}
html:not(.dark-mode) #folderlist-content li.selected>a,html:not(.dark-mode) #folderlist-content li.selected>div a{color:#0027ea}
html:not(.dark-mode) #layout-menu #taskmenu a.selected{background:#f2f7fd!important;color:#0027ea!important}
body.task-login #logo{max-height:64px!important;width:auto;margin-bottom:8px}