/* Warna brand untuk semua elemen yang di skin Elastic memakai #37beff.
   Dibuat otomatis dari styles.min.css Elastic - jangan diedit manual, ubah variabel di theme.css. */
html p.image-attachment{background-color:rgba(11,87,208,.05)}
html .quota-widget .value{background-color:var(--lx-primary)}
html .image-tools{background-color:rgba(11,87,208,.4)}
html .image-tools a:focus,html .image-tools a:hover{background-color:rgba(11,87,208,.5)!important}
html .floating-action-buttons a.button{background:var(--lx-primary)}
html .btn:focus{box-shadow:0 0 0 .2rem rgba(11,87,208,.3)}
html .btn-primary{background:var(--lx-primary);border-color:var(--lx-primary)}
html .btn-primary:focus{box-shadow:0 0 0 .2rem rgba(11,87,208,.5)}
html .btn-primary.disabled,html .btn-primary:disabled{background:var(--lx-primary);border-color:var(--lx-primary)}
html .btn-primary:not(:disabled):not(.disabled).active:focus,html .btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(11,87,208,.53)}
html .ui-menu .ui-state-active{background-color:var(--lx-primary)!important}
html .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link:focus{background-color:rgba(11,87,208,.5)}
html .ui-slider .ui-slider-handle.ui-state-active{background:var(--lx-primary)}
html .ui-datepicker .ui-datepicker-days-cell-over a,html .ui-datepicker .ui-datepicker-days-cell-over a.ui-state-default,html .ui-datepicker .ui-state-highlight,html .ui-datepicker.ui-widget-content .ui-state-highlight{color:var(--lx-primary)}
html .ui-datepicker a.ui-state-active{background:var(--lx-primary)!important}
html .popover .menu li a:not(.disabled):hover{background-color:var(--lx-primary)}
html .popover .menu .dropbutton a.dropdown:hover{background-color:var(--lx-primary)}
@media screen and (min-width:481px){html #taskmenu .action-buttons a{color:var(--lx-primary)}}
@media screen and (min-width:481px){html #taskmenu .action-buttons a:hover{color:var(--lx-primary)}}
html .ui.alert{background-color:rgba(11,87,208,.05)}
html .ui.alert a:not(.btn){color:var(--lx-primary)}
html .ui.alert.boxinformation{background-color:rgba(11,87,208,.2)}
html #messagestack .alert-info.information{background-color:var(--lx-primary)}
html .popupmenu .listing li>a:not(.disabled):hover{background-color:var(--lx-primary)}
html .popupmenu .listing li.selected{background-color:var(--lx-primary)}
html .folderlist li.mailbox .unreadcount{background:var(--lx-primary)}
html .folderlist li.mailbox.recent>a>.unreadcount{background:var(--lx-primary)}
html .formcontent.raweditor .CodeMirror-focused{border-color:var(--lx-primary);box-shadow:0 0 0 .2rem rgba(11,87,208,.25)}
html .input-group a:focus{background-color:rgba(11,87,208,.25)}
html .multi-input>.content.focused{border-color:var(--lx-primary);box-shadow:0 0 0 .2rem rgba(11,87,208,.25)}
html .recipient-input.focus{border-color:var(--lx-primary);box-shadow:0 0 0 .2rem rgba(11,87,208,.25)}
html .tagedit-list[tabindex="-1"]{border-color:var(--lx-primary);box-shadow:0 0 0 .2rem rgba(11,87,208,.25)}
html .form-control:focus{border-color:var(--lx-primary);box-shadow:0 0 0 .2rem rgba(11,87,208,.25)}
html .input-group-text input:focus{border-color:var(--lx-primary)!important}
html .custom-switch .custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(11,87,208,.25)}
html .custom-switch .custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:var(--lx-primary)}
html .custom-switch .custom-control-input:checked~.custom-control-label::before{border-color:var(--lx-primary);background-color:var(--lx-primary)}
html .custom-file-input:focus~.custom-file-label{border-color:var(--lx-primary);box-shadow:0 0 0 .2rem rgba(11,87,208,.25)}
html div.tox.focused{border-color:var(--lx-primary)!important;box-shadow:0 0 0 .2rem rgba(11,87,208,.25)!important}
html div.tox .tox-dialog__footer .tox-button{background:var(--lx-primary);border-color:var(--lx-primary)}
html div.tox .tox-dialog__footer .tox-button:focus{box-shadow:0 0 0 .2rem rgba(11,87,208,.5)}
html div.tox .tox-dialog__footer .tox-button.disabled,html div.tox .tox-dialog__footer .tox-button:disabled{background:var(--lx-primary);border-color:var(--lx-primary)}
html div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled).active:focus,html div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(11,87,208,.53)}
html div.tox .tox-dialog__footer .tox-button:focus:not(:disabled){background:var(--lx-primary);border-color:var(--lx-primary)}
html div.tox .tox-color-input>input:focus,html div.tox .tox-listboxfield .tox-listbox--select:focus,html div.tox .tox-textarea:focus,html div.tox .tox-textfield:focus{border-color:var(--lx-primary);box-shadow:0 0 0 .2rem rgba(11,87,208,.25)}
html .googie_list li.googie_list_onhover{background-color:var(--lx-primary)}
html .message-htmlpart blockquote,html .message-part blockquote{color:var(--lx-primary-dark);border-left:2px solid var(--lx-primary-dark);border-right:2px solid var(--lx-primary-dark)}
html.dark-mode #taskmenu .action-buttons a{color:#a8c7fa}
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:#a8c7fa}
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:#a8c7fa}
html.dark-mode .btn-primary{background-color:#0842a0}
html.dark-mode .floating-action-buttons a.button{background:#0842a0}
html.dark-mode .custom-file-label:focus:not(.is-invalid),html.dark-mode .form-control:focus:not(.is-invalid){border-color:#a8c7fa}
html.dark-mode .custom-switch .custom-control-input:checked~.custom-control-label::before{background-color:#0842a0}
html.dark-mode .multi-input:not(.is-invalid)>.content.focused{border-color:#a8c7fa}
html.dark-mode .input-group a:focus{border-color:#a8c7fa;box-shadow:0 0 0 .2rem rgba(168,199,250,.25)}
html.dark-mode .recipient-input.focus{border-color:#a8c7fa}
html.dark-mode .formcontent.raweditor .CodeMirror-focused{border-color:#a8c7fa}
html.dark-mode .tox .tox-dialog__footer .tox-button{background-color:#0842a0}
html.dark-mode .tox .tox-dialog__footer .tox-button:focus:not(:disabled){background-color:#0842a0}
html.dark-mode .tox .tox-dialog__body-nav-item--active{color:#a8c7fa}
html.dark-mode .tox .tox-collection__item--enabled{color:#a8c7fa}
html.dark-mode .ui-datepicker .ui-state-highlight,html.dark-mode .ui-datepicker.ui-widget-content .ui-state-highlight{color:#a8c7fa}