/* Telcobright Mail branding for Roundcube Elastic. GENERATED by make-branding-css.py from
   /var/www/roundcube/skins/elastic/styles/styles.min.css - do not edit by hand; edit the palette in the script and re-run. */
a{color:#0566b0}
a:hover{color:#034a7d}
@media screen and (min-width:481px){#layout-menu .popover-header{background-color:#0566b0!important}}
@media screen and (min-width:481px){#layout-menu{background-color:#0566b0}}
#rcmdraglayer{background-color:#0566b0}
p.image-attachment{background-color:rgba(10,132,214,.05)}
.quota-widget .value{background-color:#0a84d6}
.image-tools{background-color:rgba(10,132,214,.4)}
.image-tools a:focus,.image-tools a:hover{background-color:rgba(10,132,214,.5)!important}
.floating-action-buttons a.button{background:#0a84d6}
.btn:focus{box-shadow:0 0 0 .2rem rgba(10,132,214,.3)}
.btn-link{color:#0566b0}
.btn-primary{background:#0a84d6;border-color:#0a84d6}
.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(10,132,214,.5)}
.btn-primary.disabled,.btn-primary:disabled{background:#0a84d6;border-color:#0a84d6}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(10,132,214,.53)}
.ui-menu .ui-state-active{background-color:#0a84d6!important}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link:focus{background-color:rgba(10,132,214,.5)}
.ui-slider .ui-slider-handle.ui-state-active{background:#0a84d6;border-color:#034a7d}
.ui-datepicker .ui-datepicker-days-cell-over a,.ui-datepicker .ui-datepicker-days-cell-over a.ui-state-default,.ui-datepicker .ui-state-highlight,.ui-datepicker.ui-widget-content .ui-state-highlight{color:#0a84d6}
.ui-datepicker a.ui-state-active{background:#0a84d6!important}
html.layout-phone .popover-header,html.layout-small .popover-header{background-color:#034a7d}
.popover .menu li a:not(.disabled):hover{background-color:#0a84d6}
.popover .menu .dropbutton a.dropdown:hover{background-color:#0a84d6}
@media screen and (min-width:481px){#taskmenu a.selected{background:rgba(255,255,255,.18)}#taskmenu a.selected:hover{background:rgba(255,255,255,.18)}#taskmenu a:hover{background:rgba(255,255,255,.18)}#taskmenu .special-buttons{background-color:#0566b0}#taskmenu .action-buttons a{color:#ffffff}#taskmenu .action-buttons a:hover{color:#ffffff;background:rgba(255,255,255,.18)}}
@media screen and (min-width:1025px){#taskmenu a:focus{background-color:rgba(255,255,255,.18)}}
.ui.alert{background-color:rgba(10,132,214,.05)}
.ui.alert a:not(.btn){color:#0a84d6}
.ui.alert.boxinformation{background-color:rgba(10,132,214,.2)}
#messagestack .alert-info.information{background-color:#0a84d6}
.popupmenu .listing li>a:not(.disabled):hover{background-color:#0a84d6}
.popupmenu .listing li.selected{background-color:#0a84d6}
.folderlist li.mailbox .unreadcount{background:#0a84d6}
.folderlist li.mailbox.recent>a>.unreadcount{background:#0a84d6}
.formcontent.raweditor .CodeMirror-focused{border-color:#0a84d6;box-shadow:0 0 0 .2rem rgba(10,132,214,.25)}
.input-group a:focus{background-color:rgba(10,132,214,.25)}
.multi-input>.content.focused{border-color:#0a84d6;box-shadow:0 0 0 .2rem rgba(10,132,214,.25)}
.recipient-input.focus{border-color:#0a84d6;box-shadow:0 0 0 .2rem rgba(10,132,214,.25)}
.tagedit-list[tabindex="-1"]{border-color:#0a84d6;box-shadow:0 0 0 .2rem rgba(10,132,214,.25)}
.form-control:focus{border-color:#0a84d6;box-shadow:0 0 0 .2rem rgba(10,132,214,.25)}
.input-group-text input:focus{border-color:#0a84d6!important}
.custom-switch .custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(10,132,214,.25)}
.custom-switch .custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#0a84d6}
.custom-switch .custom-control-input:checked~.custom-control-label::before{border-color:#0a84d6;background-color:#0a84d6}
.custom-file-input:focus~.custom-file-label{border-color:#0a84d6;box-shadow:0 0 0 .2rem rgba(10,132,214,.25)}
div.tox.focused{border-color:#0a84d6!important;box-shadow:0 0 0 .2rem rgba(10,132,214,.25)!important}
div.tox .tox-dialog .tox-dialog__body-nav-item--active{color:#0566b0}
div.tox .tox-dialog .tox-dialog__body-nav-item--active:hover{color:#034a7d}
div.tox .tox-dialog__footer .tox-button{background:#0a84d6;border-color:#0a84d6}
div.tox .tox-dialog__footer .tox-button:focus{box-shadow:0 0 0 .2rem rgba(10,132,214,.5)}
div.tox .tox-dialog__footer .tox-button.disabled,div.tox .tox-dialog__footer .tox-button:disabled{background:#0a84d6;border-color:#0a84d6}
div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled).active:focus,div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(10,132,214,.53)}
div.tox .tox-dialog__footer .tox-button:focus:not(:disabled){background:#0a84d6;border-color:#0a84d6}
div.tox .tox-color-input>input:focus,div.tox .tox-listboxfield .tox-listbox--select:focus,div.tox .tox-textarea:focus,div.tox .tox-textfield:focus{border-color:#0a84d6;box-shadow:0 0 0 .2rem rgba(10,132,214,.25)}
.googie_list li.googie_list_onhover{background-color:#0a84d6}
html.dark-mode body{background-color:#034a7d}
html.dark-mode #layout-menu .special-buttons a:not(:focus){background:#034a7d}
html.dark-mode #taskmenu .action-buttons a{color:#ffffff}
html.dark-mode .listing li.selected,html.dark-mode .listing li.selected>a,html.dark-mode .listing li.selected>div>a,html.dark-mode .listing tr.selected td{color:#0a84d6}
html.dark-mode .listing li.selected ul{background-color:#034a7d}
html.dark-mode .messagelist tr:not(.flagged):not(.deleted).selected td.subject a,html.dark-mode .messagelist tr:not(.flagged):not(.deleted).selected td.subject span.msgicon.status{color:#0a84d6}
html.dark-mode .custom-file-label,html.dark-mode .form-control{background-color:#034a7d}
html.dark-mode .custom-file-label:focus:not(.is-invalid),html.dark-mode .form-control:focus:not(.is-invalid){border-color:#0a84d6}
html.dark-mode .multi-input:not(.is-invalid)>.content.focused{border-color:#0a84d6}
html.dark-mode .input-group a:focus{border-color:#0a84d6;box-shadow:0 0 0 .2rem rgba(10,132,214,.25)}
html.dark-mode .recipient-input.focus{border-color:#0a84d6}
html.dark-mode .formcontent.raweditor .CodeMirror{background-color:#034a7d}
html.dark-mode .formcontent.raweditor .CodeMirror-focused{border-color:#0a84d6}
html.dark-mode .tox .tox-dialog,html.dark-mode .tox .tox-dialog__body,html.dark-mode .tox .tox-dialog__footer,html.dark-mode .tox .tox-dialog__header,html.dark-mode .tox .tox-dialog__title{background-color:#034a7d}
html.dark-mode .tox .tox-dialog__body-nav-item--active{color:#0a84d6}
html.dark-mode .tox .tox-collection__item--enabled{color:#0a84d6}
html.dark-mode .message-part blockquote{background-color:#034a7d}
html.dark-mode .message-part blockquote span.blockquote-link{background:#034a7d}
html.dark-mode .ui-widget-content,html.dark-mode .ui-widget-header{background-color:#034a7d}
html.dark-mode .ui-datepicker .ui-state-highlight,html.dark-mode .ui-datepicker.ui-widget-content .ui-state-highlight{color:#0a84d6}
html.dark-mode .nav-tabs .nav-link:hover{background:#034a7d}
html.dark-mode .nav-tabs .nav-link.active{background:#034a7d}

/* ---- hand-written: brand gradient menu bar, like the admin panel header */
#layout-menu,#layout-menu .popover-header{background:linear-gradient(180deg,#0a84d6,#0566b0)!important}
#taskmenu a,#taskmenu a:before{color:#fff}
#taskmenu a.selected,#taskmenu a:hover,#taskmenu a:focus{background-color:rgba(255,255,255,.18)!important;color:#fff!important}
#taskmenu a.logout,#taskmenu a.logout:hover,#taskmenu a.logout:before{color:#ffd6d5!important}
#layout-menu .popover-header img,#layout-menu .logo{border-radius:10px}
/* login page */
body.task-login{background:#ffffff}  /* plain white: the logo image has a white background */
#login-form .formbuttons .btn-primary,#login-form button.mainaction{background-color:#0a84d6;border-color:#0a84d6}
#login-form .formbuttons .btn-primary:hover,#login-form button.mainaction:hover{background-color:#0566b0;border-color:#0566b0}