/* Neutral presentation overrides for inherited Elastic/Bootstrap controls.
   Generated through the browser CSS parser; no layout or icon-font declarations. */
body{color:rgb(39,39,35);background-color:rgb(255,255,255);}
a{color:rgb(41,41,37);}
a:hover{color:rgb(41,41,37);}
caption{color:rgb(123,123,110);}
hr{border-top-color:rgba(0,0,0, 0.1);}
.mark, mark{background-color:rgb(252,248,227);}
.blockquote-footer{color:rgb(123,123,110);}
.img-thumbnail{background-color:rgb(255,255,255);border-top-color:rgb(228,228,224);border-right-color:rgb(228,228,224);border-bottom-color:rgb(228,228,224);border-left-color:rgb(228,228,224);}
.figure-caption{color:rgb(123,123,110);}
code{color:rgb(232,62,140);}
kbd{color:rgb(255,255,255);background-color:rgb(39,39,35);}
pre{color:rgb(39,39,35);}
.table{color:rgb(39,39,35);}
.table td, .table th{border-top-color:rgb(228,228,224);}
.table thead th{border-bottom-color:rgb(228,228,224);}
.table tbody + tbody{border-top-color:rgb(228,228,224);}
.table-bordered{border-top-color:rgb(228,228,224);border-right-color:rgb(228,228,224);border-bottom-color:rgb(228,228,224);border-left-color:rgb(228,228,224);}
.table-bordered td, .table-bordered th{border-top-color:rgb(228,228,224);border-right-color:rgb(228,228,224);border-bottom-color:rgb(228,228,224);border-left-color:rgb(228,228,224);}
.table-striped tbody tr:nth-of-type(2n+1){background-color:rgba(0,0,0, 0.05);}
.table-hover tbody tr:hover{color:rgb(39,39,35);background-color:rgba(0,0,0, 0.075);}
.table-primary, .table-primary > td, .table-primary > th{background-color:rgb(221,221,218);}
.table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th{border-top-color:rgb(192,192,185);border-right-color:rgb(192,192,185);border-bottom-color:rgb(192,192,185);border-left-color:rgb(192,192,185);}
.table-hover .table-primary:hover{background-color:rgb(210,210,204);}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th{background-color:rgb(210,210,204);}
.table-secondary, .table-secondary > td, .table-secondary > th{background-color:rgb(219,219,214);}
.table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th{border-top-color:rgb(187,187,179);border-right-color:rgb(187,187,179);border-bottom-color:rgb(187,187,179);border-left-color:rgb(187,187,179);}
.table-hover .table-secondary:hover{background-color:rgb(206,206,201);}
.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th{background-color:rgb(206,206,201);}
.table-success, .table-success > td, .table-success > th{background-color:rgb(195,230,203);}
.table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th{border-top-color:rgb(143,209,158);border-right-color:rgb(143,209,158);border-bottom-color:rgb(143,209,158);border-left-color:rgb(143,209,158);}
.table-hover .table-success:hover{background-color:rgb(177,223,187);}
.table-hover .table-success:hover > td, .table-hover .table-success:hover > th{background-color:rgb(177,223,187);}
.table-info, .table-info > td, .table-info > th{background-color:rgb(215,215,210);}
.table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th{border-top-color:rgb(180,180,172);border-right-color:rgb(180,180,172);border-bottom-color:rgb(180,180,172);border-left-color:rgb(180,180,172);}
.table-hover .table-info:hover{background-color:rgb(203,203,197);}
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th{background-color:rgb(203,203,197);}
.table-warning, .table-warning > td, .table-warning > th{background-color:rgb(255,238,186);}
.table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th{border-top-color:rgb(255,223,126);border-right-color:rgb(255,223,126);border-bottom-color:rgb(255,223,126);border-left-color:rgb(255,223,126);}
.table-hover .table-warning:hover{background-color:rgb(255,232,161);}
.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th{background-color:rgb(255,232,161);}
.table-danger, .table-danger > td, .table-danger > th{background-color:rgb(245,198,203);}
.table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th{border-top-color:rgb(237,150,158);border-right-color:rgb(237,150,158);border-bottom-color:rgb(237,150,158);border-left-color:rgb(237,150,158);}
.table-hover .table-danger:hover{background-color:rgb(241,176,183);}
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th{background-color:rgb(241,176,183);}
.table-light, .table-light > td, .table-light > th{background-color:rgb(254,254,253);}
.table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th{border-top-color:rgb(252,252,251);border-right-color:rgb(252,252,251);border-bottom-color:rgb(252,252,251);border-left-color:rgb(252,252,251);}
.table-hover .table-light:hover{background-color:rgb(242,242,240);}
.table-hover .table-light:hover > td, .table-hover .table-light:hover > th{background-color:rgb(242,242,240);}
.table-dark, .table-dark > td, .table-dark > th{background-color:rgb(203,203,197);}
.table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th{border-top-color:rgb(158,158,147);border-right-color:rgb(158,158,147);border-bottom-color:rgb(158,158,147);border-left-color:rgb(158,158,147);}
.table-hover .table-dark:hover{background-color:rgb(191,191,184);}
.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th{background-color:rgb(191,191,184);}
.table-active, .table-active > td, .table-active > th{background-color:rgba(0,0,0, 0.075);}
.table-hover .table-active:hover{background-color:rgba(0,0,0, 0.075);}
.table-hover .table-active:hover > td, .table-hover .table-active:hover > th{background-color:rgba(0,0,0, 0.075);}
.table .thead-dark th{color:rgb(255,255,255);background-color:rgb(61,61,55);border-top-color:rgb(81,81,73);border-right-color:rgb(81,81,73);border-bottom-color:rgb(81,81,73);border-left-color:rgb(81,81,73);}
.table .thead-light th{color:rgb(84,84,76);background-color:rgb(237,237,235);border-top-color:rgb(228,228,224);border-right-color:rgb(228,228,224);border-bottom-color:rgb(228,228,224);border-left-color:rgb(228,228,224);}
.table-dark{color:rgb(255,255,255);background-color:rgb(61,61,55);}
.table-dark td, .table-dark th, .table-dark thead th{border-top-color:rgb(81,81,73);border-right-color:rgb(81,81,73);border-bottom-color:rgb(81,81,73);border-left-color:rgb(81,81,73);}
.table-dark.table-striped tbody tr:nth-of-type(2n+1){background-color:rgba(255,255,255, 0.05);}
.table-dark.table-hover tbody tr:hover{color:rgb(255,255,255);background-color:rgba(255,255,255, 0.075);}
.form-control{color:rgb(84,84,76);background-color:rgb(255,255,255);border-top-color:rgb(214,214,210);border-right-color:rgb(214,214,210);border-bottom-color:rgb(214,214,210);border-left-color:rgb(214,214,210);}
.form-control:focus{color:rgb(84,84,76);background-color:rgb(255,255,255);border-top-color:rgb(195,195,188);border-right-color:rgb(195,195,188);border-bottom-color:rgb(195,195,188);border-left-color:rgb(195,195,188);box-shadow:rgba(41,41,37, 0.25) 0px 0px 0px 0.2rem;}
.form-control::-webkit-input-placeholder{color:rgb(123,123,110);}
.form-control::placeholder{color:rgb(123,123,110);}
.form-control:disabled, .form-control[readonly]{background-color:rgb(237,237,235);}
.form-control-plaintext{color:rgb(39,39,35);}
.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label{color:rgb(123,123,110);}
.valid-feedback{color:rgb(40,167,69);}
.valid-tooltip{color:rgb(255,255,255);background-color:rgba(40,167,69, 0.9);}
.form-control.is-valid, .was-validated .form-control:valid{border-top-color:rgb(40,167,69);border-right-color:rgb(40,167,69);border-bottom-color:rgb(40,167,69);border-left-color:rgb(40,167,69);}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus{border-top-color:rgb(40,167,69);border-right-color:rgb(40,167,69);border-bottom-color:rgb(40,167,69);border-left-color:rgb(40,167,69);box-shadow:rgba(40,167,69, 0.25) 0px 0px 0px 0.2rem;}
.custom-select.is-valid, .was-validated .custom-select:valid{border-top-color:rgb(40,167,69);border-right-color:rgb(40,167,69);border-bottom-color:rgb(40,167,69);border-left-color:rgb(40,167,69);background-color:rgb(255,255,255);}
.custom-select.is-valid:focus, .was-validated .custom-select:valid:focus{border-top-color:rgb(40,167,69);border-right-color:rgb(40,167,69);border-bottom-color:rgb(40,167,69);border-left-color:rgb(40,167,69);box-shadow:rgba(40,167,69, 0.25) 0px 0px 0px 0.2rem;}
.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label{color:rgb(40,167,69);}
.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label{color:rgb(40,167,69);}
.custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before{border-top-color:rgb(40,167,69);border-right-color:rgb(40,167,69);border-bottom-color:rgb(40,167,69);border-left-color:rgb(40,167,69);}
.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before{border-top-color:rgb(52,206,87);border-right-color:rgb(52,206,87);border-bottom-color:rgb(52,206,87);border-left-color:rgb(52,206,87);background-color:rgb(52,206,87);}
.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before{box-shadow:rgba(40,167,69, 0.25) 0px 0px 0px 0.2rem;}
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before{border-top-color:rgb(40,167,69);border-right-color:rgb(40,167,69);border-bottom-color:rgb(40,167,69);border-left-color:rgb(40,167,69);}
.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label{border-top-color:rgb(40,167,69);border-right-color:rgb(40,167,69);border-bottom-color:rgb(40,167,69);border-left-color:rgb(40,167,69);}
.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label{border-top-color:rgb(40,167,69);border-right-color:rgb(40,167,69);border-bottom-color:rgb(40,167,69);border-left-color:rgb(40,167,69);box-shadow:rgba(40,167,69, 0.25) 0px 0px 0px 0.2rem;}
.invalid-feedback{color:rgb(220,53,69);}
.invalid-tooltip{color:rgb(255,255,255);background-color:rgba(220,53,69, 0.9);}
.form-control.is-invalid, .was-validated .form-control:invalid{border-top-color:rgb(220,53,69);border-right-color:rgb(220,53,69);border-bottom-color:rgb(220,53,69);border-left-color:rgb(220,53,69);}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{border-top-color:rgb(220,53,69);border-right-color:rgb(220,53,69);border-bottom-color:rgb(220,53,69);border-left-color:rgb(220,53,69);box-shadow:rgba(220,53,69, 0.25) 0px 0px 0px 0.2rem;}
.custom-select.is-invalid, .was-validated .custom-select:invalid{border-top-color:rgb(220,53,69);border-right-color:rgb(220,53,69);border-bottom-color:rgb(220,53,69);border-left-color:rgb(220,53,69);background-color:rgb(255,255,255);}
.custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus{border-top-color:rgb(220,53,69);border-right-color:rgb(220,53,69);border-bottom-color:rgb(220,53,69);border-left-color:rgb(220,53,69);box-shadow:rgba(220,53,69, 0.25) 0px 0px 0px 0.2rem;}
.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label{color:rgb(220,53,69);}
.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label{color:rgb(220,53,69);}
.custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before{border-top-color:rgb(220,53,69);border-right-color:rgb(220,53,69);border-bottom-color:rgb(220,53,69);border-left-color:rgb(220,53,69);}
.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before{border-top-color:rgb(228,96,109);border-right-color:rgb(228,96,109);border-bottom-color:rgb(228,96,109);border-left-color:rgb(228,96,109);background-color:rgb(228,96,109);}
.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before{box-shadow:rgba(220,53,69, 0.25) 0px 0px 0px 0.2rem;}
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before{border-top-color:rgb(220,53,69);border-right-color:rgb(220,53,69);border-bottom-color:rgb(220,53,69);border-left-color:rgb(220,53,69);}
.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label{border-top-color:rgb(220,53,69);border-right-color:rgb(220,53,69);border-bottom-color:rgb(220,53,69);border-left-color:rgb(220,53,69);}
.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label{border-top-color:rgb(220,53,69);border-right-color:rgb(220,53,69);border-bottom-color:rgb(220,53,69);border-left-color:rgb(220,53,69);box-shadow:rgba(220,53,69, 0.25) 0px 0px 0px 0.2rem;}
.btn{color:rgb(39,39,35);}
.btn:hover{color:rgb(39,39,35);}
.btn.focus, .btn:focus{box-shadow:rgba(41,41,37, 0.25) 0px 0px 0px 0.2rem;}
.btn-primary{color:rgb(255,255,255);background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.btn-primary:hover{color:rgb(255,255,255);background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.btn-primary.focus, .btn-primary:focus{color:rgb(255,255,255);background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);box-shadow:rgba(41,41,37, 0.5) 0px 0px 0px 0.2rem;}
.btn-primary.disabled, .btn-primary:disabled{color:rgb(255,255,255);background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle{color:rgb(255,255,255);background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus{box-shadow:rgba(41,41,37, 0.5) 0px 0px 0px 0.2rem;}
.btn-secondary{color:rgb(255,255,255);background-color:rgb(123,123,110);border-top-color:rgb(123,123,110);border-right-color:rgb(123,123,110);border-bottom-color:rgb(123,123,110);border-left-color:rgb(123,123,110);}
.btn-secondary:hover{color:rgb(255,255,255);background-color:rgb(102,102,92);border-top-color:rgb(96,96,86);border-right-color:rgb(96,96,86);border-bottom-color:rgb(96,96,86);border-left-color:rgb(96,96,86);}
.btn-secondary.focus, .btn-secondary:focus{color:rgb(255,255,255);background-color:rgb(102,102,92);border-top-color:rgb(96,96,86);border-right-color:rgb(96,96,86);border-bottom-color:rgb(96,96,86);border-left-color:rgb(96,96,86);box-shadow:rgba(144,144,131, 0.5) 0px 0px 0px 0.2rem;}
.btn-secondary.disabled, .btn-secondary:disabled{color:rgb(255,255,255);background-color:rgb(123,123,110);border-top-color:rgb(123,123,110);border-right-color:rgb(123,123,110);border-bottom-color:rgb(123,123,110);border-left-color:rgb(123,123,110);}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle{color:rgb(255,255,255);background-color:rgb(96,96,86);border-top-color:rgb(89,89,80);border-right-color:rgb(89,89,80);border-bottom-color:rgb(89,89,80);border-left-color:rgb(89,89,80);}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus{box-shadow:rgba(144,144,131, 0.5) 0px 0px 0px 0.2rem;}
.btn-success{color:rgb(255,255,255);background-color:rgb(40,167,69);border-top-color:rgb(40,167,69);border-right-color:rgb(40,167,69);border-bottom-color:rgb(40,167,69);border-left-color:rgb(40,167,69);}
.btn-success:hover{color:rgb(255,255,255);background-color:rgb(33,136,56);border-top-color:rgb(30,126,52);border-right-color:rgb(30,126,52);border-bottom-color:rgb(30,126,52);border-left-color:rgb(30,126,52);}
.btn-success.focus, .btn-success:focus{color:rgb(255,255,255);background-color:rgb(33,136,56);border-top-color:rgb(30,126,52);border-right-color:rgb(30,126,52);border-bottom-color:rgb(30,126,52);border-left-color:rgb(30,126,52);box-shadow:rgba(72,180,97, 0.5) 0px 0px 0px 0.2rem;}
.btn-success.disabled, .btn-success:disabled{color:rgb(255,255,255);background-color:rgb(40,167,69);border-top-color:rgb(40,167,69);border-right-color:rgb(40,167,69);border-bottom-color:rgb(40,167,69);border-left-color:rgb(40,167,69);}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle{color:rgb(255,255,255);background-color:rgb(30,126,52);border-top-color:rgb(28,116,48);border-right-color:rgb(28,116,48);border-bottom-color:rgb(28,116,48);border-left-color:rgb(28,116,48);}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus{box-shadow:rgba(72,180,97, 0.5) 0px 0px 0px 0.2rem;}
.btn-info{color:rgb(255,255,255);background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.btn-info:hover{color:rgb(255,255,255);background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.btn-info.focus, .btn-info:focus{color:rgb(255,255,255);background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);box-shadow:rgba(41,41,37, 0.5) 0px 0px 0px 0.2rem;}
.btn-info.disabled, .btn-info:disabled{color:rgb(255,255,255);background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle{color:rgb(255,255,255);background-color:rgb(41,41,37);border-top-color:rgb(75,75,68);border-right-color:rgb(75,75,68);border-bottom-color:rgb(75,75,68);border-left-color:rgb(75,75,68);}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus{box-shadow:rgba(41,41,37, 0.5) 0px 0px 0px 0.2rem;}
.btn-warning{color:rgb(39,39,35);background-color:rgb(255,193,7);border-top-color:rgb(255,193,7);border-right-color:rgb(255,193,7);border-bottom-color:rgb(255,193,7);border-left-color:rgb(255,193,7);}
.btn-warning:hover{color:rgb(39,39,35);background-color:rgb(224,168,0);border-top-color:rgb(211,158,0);border-right-color:rgb(211,158,0);border-bottom-color:rgb(211,158,0);border-left-color:rgb(211,158,0);}
.btn-warning.focus, .btn-warning:focus{color:rgb(39,39,35);background-color:rgb(224,168,0);border-top-color:rgb(211,158,0);border-right-color:rgb(211,158,0);border-bottom-color:rgb(211,158,0);border-left-color:rgb(211,158,0);box-shadow:rgba(222,170,12, 0.5) 0px 0px 0px 0.2rem;}
.btn-warning.disabled, .btn-warning:disabled{color:rgb(39,39,35);background-color:rgb(255,193,7);border-top-color:rgb(255,193,7);border-right-color:rgb(255,193,7);border-bottom-color:rgb(255,193,7);border-left-color:rgb(255,193,7);}
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle{color:rgb(39,39,35);background-color:rgb(211,158,0);border-top-color:rgb(198,149,0);border-right-color:rgb(198,149,0);border-bottom-color:rgb(198,149,0);border-left-color:rgb(198,149,0);}
.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus{box-shadow:rgba(222,170,12, 0.5) 0px 0px 0px 0.2rem;}
.btn-danger{color:rgb(255,255,255);background-color:rgb(220,53,69);border-top-color:rgb(220,53,69);border-right-color:rgb(220,53,69);border-bottom-color:rgb(220,53,69);border-left-color:rgb(220,53,69);}
.btn-danger:hover{color:rgb(255,255,255);background-color:rgb(200,35,51);border-top-color:rgb(189,33,48);border-right-color:rgb(189,33,48);border-bottom-color:rgb(189,33,48);border-left-color:rgb(189,33,48);}
.btn-danger.focus, .btn-danger:focus{color:rgb(255,255,255);background-color:rgb(200,35,51);border-top-color:rgb(189,33,48);border-right-color:rgb(189,33,48);border-bottom-color:rgb(189,33,48);border-left-color:rgb(189,33,48);box-shadow:rgba(225,83,97, 0.5) 0px 0px 0px 0.2rem;}
.btn-danger.disabled, .btn-danger:disabled{color:rgb(255,255,255);background-color:rgb(220,53,69);border-top-color:rgb(220,53,69);border-right-color:rgb(220,53,69);border-bottom-color:rgb(220,53,69);border-left-color:rgb(220,53,69);}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle{color:rgb(255,255,255);background-color:rgb(189,33,48);border-top-color:rgb(178,31,45);border-right-color:rgb(178,31,45);border-bottom-color:rgb(178,31,45);border-left-color:rgb(178,31,45);}
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus{box-shadow:rgba(225,83,97, 0.5) 0px 0px 0px 0.2rem;}
.btn-light{color:rgb(39,39,35);background-color:rgb(249,249,249);border-top-color:rgb(249,249,249);border-right-color:rgb(249,249,249);border-bottom-color:rgb(249,249,249);border-left-color:rgb(249,249,249);}
.btn-light:hover{color:rgb(39,39,35);background-color:rgb(231,231,229);border-top-color:rgb(225,225,222);border-right-color:rgb(225,225,222);border-bottom-color:rgb(225,225,222);border-left-color:rgb(225,225,222);}
.btn-light.focus, .btn-light:focus{color:rgb(39,39,35);background-color:rgb(231,231,229);border-top-color:rgb(225,225,222);border-right-color:rgb(225,225,222);border-bottom-color:rgb(225,225,222);border-left-color:rgb(225,225,222);box-shadow:rgba(220,220,215, 0.5) 0px 0px 0px 0.2rem;}
.btn-light.disabled, .btn-light:disabled{color:rgb(39,39,35);background-color:rgb(249,249,249);border-top-color:rgb(249,249,249);border-right-color:rgb(249,249,249);border-bottom-color:rgb(249,249,249);border-left-color:rgb(249,249,249);}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle{color:rgb(39,39,35);background-color:rgb(225,225,222);border-top-color:rgb(219,219,215);border-right-color:rgb(219,219,215);border-bottom-color:rgb(219,219,215);border-left-color:rgb(219,219,215);}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus{box-shadow:rgba(220,220,215, 0.5) 0px 0px 0px 0.2rem;}
.btn-dark{color:rgb(255,255,255);background-color:rgb(61,61,55);border-top-color:rgb(61,61,55);border-right-color:rgb(61,61,55);border-bottom-color:rgb(61,61,55);border-left-color:rgb(61,61,55);}
.btn-dark:hover{color:rgb(255,255,255);background-color:rgb(41,41,37);border-top-color:rgb(34,34,31);border-right-color:rgb(34,34,31);border-bottom-color:rgb(34,34,31);border-left-color:rgb(34,34,31);}
.btn-dark.focus, .btn-dark:focus{color:rgb(255,255,255);background-color:rgb(41,41,37);border-top-color:rgb(34,34,31);border-right-color:rgb(34,34,31);border-bottom-color:rgb(34,34,31);border-left-color:rgb(34,34,31);box-shadow:rgba(92,92,83, 0.5) 0px 0px 0px 0.2rem;}
.btn-dark.disabled, .btn-dark:disabled{color:rgb(255,255,255);background-color:rgb(61,61,55);border-top-color:rgb(61,61,55);border-right-color:rgb(61,61,55);border-bottom-color:rgb(61,61,55);border-left-color:rgb(61,61,55);}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle{color:rgb(255,255,255);background-color:rgb(34,34,31);border-top-color:rgb(27,27,25);border-right-color:rgb(27,27,25);border-bottom-color:rgb(27,27,25);border-left-color:rgb(27,27,25);}
.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus{box-shadow:rgba(92,92,83, 0.5) 0px 0px 0px 0.2rem;}
.btn-outline-primary{color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.btn-outline-primary:hover{color:rgb(255,255,255);background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.btn-outline-primary.focus, .btn-outline-primary:focus{box-shadow:rgba(41,41,37, 0.5) 0px 0px 0px 0.2rem;}
.btn-outline-primary.disabled, .btn-outline-primary:disabled{color:rgb(41,41,37);}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle{color:rgb(255,255,255);background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus{box-shadow:rgba(41,41,37, 0.5) 0px 0px 0px 0.2rem;}
.btn-outline-secondary{color:rgb(123,123,110);border-top-color:rgb(123,123,110);border-right-color:rgb(123,123,110);border-bottom-color:rgb(123,123,110);border-left-color:rgb(123,123,110);}
.btn-outline-secondary:hover{color:rgb(255,255,255);background-color:rgb(123,123,110);border-top-color:rgb(123,123,110);border-right-color:rgb(123,123,110);border-bottom-color:rgb(123,123,110);border-left-color:rgb(123,123,110);}
.btn-outline-secondary.focus, .btn-outline-secondary:focus{box-shadow:rgba(123,123,110, 0.5) 0px 0px 0px 0.2rem;}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled{color:rgb(123,123,110);}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle{color:rgb(255,255,255);background-color:rgb(123,123,110);border-top-color:rgb(123,123,110);border-right-color:rgb(123,123,110);border-bottom-color:rgb(123,123,110);border-left-color:rgb(123,123,110);}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus{box-shadow:rgba(123,123,110, 0.5) 0px 0px 0px 0.2rem;}
.btn-outline-success{color:rgb(40,167,69);border-top-color:rgb(40,167,69);border-right-color:rgb(40,167,69);border-bottom-color:rgb(40,167,69);border-left-color:rgb(40,167,69);}
.btn-outline-success:hover{color:rgb(255,255,255);background-color:rgb(40,167,69);border-top-color:rgb(40,167,69);border-right-color:rgb(40,167,69);border-bottom-color:rgb(40,167,69);border-left-color:rgb(40,167,69);}
.btn-outline-success.focus, .btn-outline-success:focus{box-shadow:rgba(40,167,69, 0.5) 0px 0px 0px 0.2rem;}
.btn-outline-success.disabled, .btn-outline-success:disabled{color:rgb(40,167,69);}
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle{color:rgb(255,255,255);background-color:rgb(40,167,69);border-top-color:rgb(40,167,69);border-right-color:rgb(40,167,69);border-bottom-color:rgb(40,167,69);border-left-color:rgb(40,167,69);}
.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus{box-shadow:rgba(40,167,69, 0.5) 0px 0px 0px 0.2rem;}
.btn-outline-info{color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.btn-outline-info:hover{color:rgb(255,255,255);background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.btn-outline-info.focus, .btn-outline-info:focus{box-shadow:rgba(41,41,37, 0.5) 0px 0px 0px 0.2rem;}
.btn-outline-info.disabled, .btn-outline-info:disabled{color:rgb(41,41,37);}
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle{color:rgb(255,255,255);background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus{box-shadow:rgba(41,41,37, 0.5) 0px 0px 0px 0.2rem;}
.btn-outline-warning{color:rgb(255,193,7);border-top-color:rgb(255,193,7);border-right-color:rgb(255,193,7);border-bottom-color:rgb(255,193,7);border-left-color:rgb(255,193,7);}
.btn-outline-warning:hover{color:rgb(39,39,35);background-color:rgb(255,193,7);border-top-color:rgb(255,193,7);border-right-color:rgb(255,193,7);border-bottom-color:rgb(255,193,7);border-left-color:rgb(255,193,7);}
.btn-outline-warning.focus, .btn-outline-warning:focus{box-shadow:rgba(255,193,7, 0.5) 0px 0px 0px 0.2rem;}
.btn-outline-warning.disabled, .btn-outline-warning:disabled{color:rgb(255,193,7);}
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle{color:rgb(39,39,35);background-color:rgb(255,193,7);border-top-color:rgb(255,193,7);border-right-color:rgb(255,193,7);border-bottom-color:rgb(255,193,7);border-left-color:rgb(255,193,7);}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus{box-shadow:rgba(255,193,7, 0.5) 0px 0px 0px 0.2rem;}
.btn-outline-danger{color:rgb(220,53,69);border-top-color:rgb(220,53,69);border-right-color:rgb(220,53,69);border-bottom-color:rgb(220,53,69);border-left-color:rgb(220,53,69);}
.btn-outline-danger:hover{color:rgb(255,255,255);background-color:rgb(220,53,69);border-top-color:rgb(220,53,69);border-right-color:rgb(220,53,69);border-bottom-color:rgb(220,53,69);border-left-color:rgb(220,53,69);}
.btn-outline-danger.focus, .btn-outline-danger:focus{box-shadow:rgba(220,53,69, 0.5) 0px 0px 0px 0.2rem;}
.btn-outline-danger.disabled, .btn-outline-danger:disabled{color:rgb(220,53,69);}
.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle{color:rgb(255,255,255);background-color:rgb(220,53,69);border-top-color:rgb(220,53,69);border-right-color:rgb(220,53,69);border-bottom-color:rgb(220,53,69);border-left-color:rgb(220,53,69);}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus{box-shadow:rgba(220,53,69, 0.5) 0px 0px 0px 0.2rem;}
.btn-outline-light{color:rgb(249,249,249);border-top-color:rgb(249,249,249);border-right-color:rgb(249,249,249);border-bottom-color:rgb(249,249,249);border-left-color:rgb(249,249,249);}
.btn-outline-light:hover{color:rgb(39,39,35);background-color:rgb(249,249,249);border-top-color:rgb(249,249,249);border-right-color:rgb(249,249,249);border-bottom-color:rgb(249,249,249);border-left-color:rgb(249,249,249);}
.btn-outline-light.focus, .btn-outline-light:focus{box-shadow:rgba(249,249,249, 0.5) 0px 0px 0px 0.2rem;}
.btn-outline-light.disabled, .btn-outline-light:disabled{color:rgb(249,249,249);}
.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle{color:rgb(39,39,35);background-color:rgb(249,249,249);border-top-color:rgb(249,249,249);border-right-color:rgb(249,249,249);border-bottom-color:rgb(249,249,249);border-left-color:rgb(249,249,249);}
.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus{box-shadow:rgba(249,249,249, 0.5) 0px 0px 0px 0.2rem;}
.btn-outline-dark{color:rgb(61,61,55);border-top-color:rgb(61,61,55);border-right-color:rgb(61,61,55);border-bottom-color:rgb(61,61,55);border-left-color:rgb(61,61,55);}
.btn-outline-dark:hover{color:rgb(255,255,255);background-color:rgb(61,61,55);border-top-color:rgb(61,61,55);border-right-color:rgb(61,61,55);border-bottom-color:rgb(61,61,55);border-left-color:rgb(61,61,55);}
.btn-outline-dark.focus, .btn-outline-dark:focus{box-shadow:rgba(61,61,55, 0.5) 0px 0px 0px 0.2rem;}
.btn-outline-dark.disabled, .btn-outline-dark:disabled{color:rgb(61,61,55);}
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle{color:rgb(255,255,255);background-color:rgb(61,61,55);border-top-color:rgb(61,61,55);border-right-color:rgb(61,61,55);border-bottom-color:rgb(61,61,55);border-left-color:rgb(61,61,55);}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus{box-shadow:rgba(61,61,55, 0.5) 0px 0px 0px 0.2rem;}
.btn-link{color:rgb(41,41,37);}
.btn-link:hover{color:rgb(41,41,37);}
.btn-link.disabled, .btn-link:disabled{color:rgb(123,123,110);}
.dropdown-menu{color:rgb(39,39,35);background-color:rgb(255,255,255);border-top-color:rgba(0,0,0, 0.15);border-right-color:rgba(0,0,0, 0.15);border-bottom-color:rgba(0,0,0, 0.15);border-left-color:rgba(0,0,0, 0.15);}
.dropdown-divider{border-top-color:rgb(237,237,235);}
.dropdown-item{color:rgb(39,39,35);}
.dropdown-item:focus, .dropdown-item:hover{color:rgb(26,26,23);background-color:rgb(249,249,249);}
.dropdown-item.active, .dropdown-item:active{color:rgb(255,255,255);background-color:rgb(41,41,37);}
.dropdown-item.disabled, .dropdown-item:disabled{color:rgb(123,123,110);}
.dropdown-header{color:rgb(123,123,110);}
.dropdown-item-text{color:rgb(39,39,35);}
.input-group-text{color:rgb(84,84,76);background-color:rgb(237,237,235);border-top-color:rgb(214,214,210);border-right-color:rgb(214,214,210);border-bottom-color:rgb(214,214,210);border-left-color:rgb(214,214,210);}
.custom-control-input:checked ~ .custom-control-label::before{color:rgb(255,255,255);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);background-color:rgb(41,41,37);}
.custom-control-input:focus ~ .custom-control-label::before{box-shadow:rgba(41,41,37, 0.25) 0px 0px 0px 0.2rem;}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before{border-top-color:rgb(195,195,188);border-right-color:rgb(195,195,188);border-bottom-color:rgb(195,195,188);border-left-color:rgb(195,195,188);}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before{color:rgb(255,255,255);background-color:rgb(219,219,215);border-top-color:rgb(219,219,215);border-right-color:rgb(219,219,215);border-bottom-color:rgb(219,219,215);border-left-color:rgb(219,219,215);}
.custom-control-input:disabled ~ .custom-control-label, .custom-control-input[disabled] ~ .custom-control-label{color:rgb(123,123,110);}
.custom-control-input:disabled ~ .custom-control-label::before, .custom-control-input[disabled] ~ .custom-control-label::before{background-color:rgb(237,237,235);}
.custom-control-label::before{background-color:rgb(255,255,255);border-top-color:rgb(185,185,177);border-right-color:rgb(185,185,177);border-bottom-color:rgb(185,185,177);border-left-color:rgb(185,185,177);}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before{border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);background-color:rgb(41,41,37);}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before{background-color:rgba(41,41,37, 0.5);}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before{background-color:rgba(41,41,37, 0.5);}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before{background-color:rgba(41,41,37, 0.5);}
.custom-switch .custom-control-label::after{background-color:rgb(185,185,177);}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after{background-color:rgb(255,255,255);}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before{background-color:rgba(41,41,37, 0.5);}
.custom-select{color:rgb(84,84,76);background-color:rgb(255,255,255);border-top-color:rgb(214,214,210);border-right-color:rgb(214,214,210);border-bottom-color:rgb(214,214,210);border-left-color:rgb(214,214,210);}
.custom-select:focus{border-top-color:rgb(195,195,188);border-right-color:rgb(195,195,188);border-bottom-color:rgb(195,195,188);border-left-color:rgb(195,195,188);box-shadow:rgba(41,41,37, 0.25) 0px 0px 0px 0.2rem;}
.custom-select:disabled{color:rgb(123,123,110);background-color:rgb(237,237,235);}
.custom-file-input:focus ~ .custom-file-label{border-top-color:rgb(195,195,188);border-right-color:rgb(195,195,188);border-bottom-color:rgb(195,195,188);border-left-color:rgb(195,195,188);box-shadow:rgba(41,41,37, 0.25) 0px 0px 0px 0.2rem;}
.custom-file-input:disabled ~ .custom-file-label, .custom-file-input[disabled] ~ .custom-file-label{background-color:rgb(237,237,235);}
.custom-file-label{color:rgb(84,84,76);background-color:rgb(255,255,255);border-top-color:rgb(214,214,210);border-right-color:rgb(214,214,210);border-bottom-color:rgb(214,214,210);border-left-color:rgb(214,214,210);}
.custom-file-label::after{color:rgb(84,84,76);background-color:rgb(237,237,235);}
.custom-range:focus::-webkit-slider-thumb{box-shadow:rgb(255,255,255) 0px 0px 0px 1px, rgba(41,41,37, 0.25) 0px 0px 0px 0.2rem;}
.custom-range::-webkit-slider-thumb{background-color:rgb(41,41,37);}
.custom-range::-webkit-slider-thumb:active{background-color:rgb(219,219,215);}
.custom-range::-webkit-slider-runnable-track{background-color:rgb(228,228,224);}
.custom-range:disabled::-webkit-slider-thumb{background-color:rgb(185,185,177);}
.nav-link.disabled{color:rgb(123,123,110);}
.nav-tabs{border-bottom-color:rgb(228,228,224);}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border-top-color:rgb(237,237,235);border-right-color:rgb(237,237,235);border-bottom-color:rgb(228,228,224);border-left-color:rgb(237,237,235);}
.nav-tabs .nav-link.disabled{color:rgb(123,123,110);}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color:rgb(84,84,76);background-color:rgb(255,255,255);border-top-color:rgb(228,228,224);border-right-color:rgb(228,228,224);border-bottom-color:rgb(255,255,255);border-left-color:rgb(228,228,224);}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{color:rgb(255,255,255);background-color:rgb(41,41,37);}
.navbar-light .navbar-brand{color:rgba(0,0,0, 0.9);}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover{color:rgba(0,0,0, 0.9);}
.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0, 0.5);}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0, 0.7);}
.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0, 0.3);}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{color:rgba(0,0,0, 0.9);}
.navbar-light .navbar-toggler{color:rgba(0,0,0, 0.5);border-top-color:rgba(0,0,0, 0.1);border-right-color:rgba(0,0,0, 0.1);border-bottom-color:rgba(0,0,0, 0.1);border-left-color:rgba(0,0,0, 0.1);}
.navbar-light .navbar-text{color:rgba(0,0,0, 0.5);}
.navbar-light .navbar-text a{color:rgba(0,0,0, 0.9);}
.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover{color:rgba(0,0,0, 0.9);}
.navbar-dark .navbar-brand{color:rgb(255,255,255);}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover{color:rgb(255,255,255);}
.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255, 0.5);}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255, 0.75);}
.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255, 0.25);}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link{color:rgb(255,255,255);}
.navbar-dark .navbar-toggler{color:rgba(255,255,255, 0.5);border-top-color:rgba(255,255,255, 0.1);border-right-color:rgba(255,255,255, 0.1);border-bottom-color:rgba(255,255,255, 0.1);border-left-color:rgba(255,255,255, 0.1);}
.navbar-dark .navbar-text{color:rgba(255,255,255, 0.5);}
.navbar-dark .navbar-text a{color:rgb(255,255,255);}
.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover{color:rgb(255,255,255);}
.card{background-color:rgb(255,255,255);border-top-color:rgba(0,0,0, 0.125);border-right-color:rgba(0,0,0, 0.125);border-bottom-color:rgba(0,0,0, 0.125);border-left-color:rgba(0,0,0, 0.125);}
.card-header{background-color:rgba(0,0,0, 0.03);border-bottom-color:rgba(0,0,0, 0.125);}
.card-footer{background-color:rgba(0,0,0, 0.03);border-top-color:rgba(0,0,0, 0.125);}
.breadcrumb{background-color:rgb(237,237,235);}
.breadcrumb-item + .breadcrumb-item::before{color:rgb(123,123,110);}
.breadcrumb-item.active{color:rgb(123,123,110);}
.page-link{color:rgb(41,41,37);background-color:rgb(255,255,255);border-top-color:rgb(228,228,224);border-right-color:rgb(228,228,224);border-bottom-color:rgb(228,228,224);border-left-color:rgb(228,228,224);}
.page-link:hover{color:rgb(41,41,37);background-color:rgb(237,237,235);border-top-color:rgb(228,228,224);border-right-color:rgb(228,228,224);border-bottom-color:rgb(228,228,224);border-left-color:rgb(228,228,224);}
.page-link:focus{box-shadow:rgba(41,41,37, 0.25) 0px 0px 0px 0.2rem;}
.page-item.active .page-link{color:rgb(255,255,255);background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.page-item.disabled .page-link{color:rgb(123,123,110);background-color:rgb(255,255,255);border-top-color:rgb(228,228,224);border-right-color:rgb(228,228,224);border-bottom-color:rgb(228,228,224);border-left-color:rgb(228,228,224);}
.badge-primary{color:rgb(255,255,255);background-color:rgb(41,41,37);}
a.badge-primary:focus, a.badge-primary:hover{color:rgb(255,255,255);background-color:rgb(41,41,37);}
a.badge-primary.focus, a.badge-primary:focus{box-shadow:rgba(41,41,37, 0.5) 0px 0px 0px 0.2rem;}
.badge-secondary{color:rgb(255,255,255);background-color:rgb(123,123,110);}
a.badge-secondary:focus, a.badge-secondary:hover{color:rgb(255,255,255);background-color:rgb(96,96,86);}
a.badge-secondary.focus, a.badge-secondary:focus{box-shadow:rgba(123,123,110, 0.5) 0px 0px 0px 0.2rem;}
.badge-success{color:rgb(255,255,255);background-color:rgb(40,167,69);}
a.badge-success:focus, a.badge-success:hover{color:rgb(255,255,255);background-color:rgb(30,126,52);}
a.badge-success.focus, a.badge-success:focus{box-shadow:rgba(40,167,69, 0.5) 0px 0px 0px 0.2rem;}
.badge-info{color:rgb(255,255,255);background-color:rgb(41,41,37);}
a.badge-info:focus, a.badge-info:hover{color:rgb(255,255,255);background-color:rgb(41,41,37);}
a.badge-info.focus, a.badge-info:focus{box-shadow:rgba(41,41,37, 0.5) 0px 0px 0px 0.2rem;}
.badge-warning{color:rgb(39,39,35);background-color:rgb(255,193,7);}
a.badge-warning:focus, a.badge-warning:hover{color:rgb(39,39,35);background-color:rgb(211,158,0);}
a.badge-warning.focus, a.badge-warning:focus{box-shadow:rgba(255,193,7, 0.5) 0px 0px 0px 0.2rem;}
.badge-danger{color:rgb(255,255,255);background-color:rgb(220,53,69);}
a.badge-danger:focus, a.badge-danger:hover{color:rgb(255,255,255);background-color:rgb(189,33,48);}
a.badge-danger.focus, a.badge-danger:focus{box-shadow:rgba(220,53,69, 0.5) 0px 0px 0px 0.2rem;}
.badge-light{color:rgb(39,39,35);background-color:rgb(249,249,249);}
a.badge-light:focus, a.badge-light:hover{color:rgb(39,39,35);background-color:rgb(225,225,222);}
a.badge-light.focus, a.badge-light:focus{box-shadow:rgba(249,249,249, 0.5) 0px 0px 0px 0.2rem;}
.badge-dark{color:rgb(255,255,255);background-color:rgb(61,61,55);}
a.badge-dark:focus, a.badge-dark:hover{color:rgb(255,255,255);background-color:rgb(34,34,31);}
a.badge-dark.focus, a.badge-dark:focus{box-shadow:rgba(61,61,55, 0.5) 0px 0px 0px 0.2rem;}
.jumbotron{background-color:rgb(237,237,235);}
.alert-primary{color:rgb(41,41,37);background-color:rgb(231,231,228);border-top-color:rgb(221,221,218);border-right-color:rgb(221,221,218);border-bottom-color:rgb(221,221,218);border-left-color:rgb(221,221,218);}
.alert-primary hr{border-top-color:rgb(210,210,204);}
.alert-primary .alert-link{color:rgb(43,43,39);}
.alert-secondary{color:rgb(64,64,57);background-color:rgb(229,229,226);border-top-color:rgb(219,219,214);border-right-color:rgb(219,219,214);border-bottom-color:rgb(219,219,214);border-left-color:rgb(219,219,214);}
.alert-secondary hr{border-top-color:rgb(206,206,201);}
.alert-secondary .alert-link{color:rgb(37,37,33);}
.alert-success{color:rgb(21,87,36);background-color:rgb(212,237,218);border-top-color:rgb(195,230,203);border-right-color:rgb(195,230,203);border-bottom-color:rgb(195,230,203);border-left-color:rgb(195,230,203);}
.alert-success hr{border-top-color:rgb(177,223,187);}
.alert-success .alert-link{color:rgb(11,46,19);}
.alert-info{color:rgb(57,57,51);background-color:rgb(227,227,223);border-top-color:rgb(215,215,210);border-right-color:rgb(215,215,210);border-bottom-color:rgb(215,215,210);border-left-color:rgb(215,215,210);}
.alert-info hr{border-top-color:rgb(203,203,197);}
.alert-info .alert-link{color:rgb(30,30,27);}
.alert-warning{color:rgb(133,100,4);background-color:rgb(255,243,205);border-top-color:rgb(255,238,186);border-right-color:rgb(255,238,186);border-bottom-color:rgb(255,238,186);border-left-color:rgb(255,238,186);}
.alert-warning hr{border-top-color:rgb(255,232,161);}
.alert-warning .alert-link{color:rgb(83,63,3);}
.alert-danger{color:rgb(114,28,36);background-color:rgb(248,215,218);border-top-color:rgb(245,198,203);border-right-color:rgb(245,198,203);border-bottom-color:rgb(245,198,203);border-left-color:rgb(245,198,203);}
.alert-danger hr{border-top-color:rgb(241,176,183);}
.alert-danger .alert-link{color:rgb(73,18,23);}
.alert-light{color:rgb(136,136,123);background-color:rgb(254,254,254);border-top-color:rgb(254,254,253);border-right-color:rgb(254,254,253);border-bottom-color:rgb(254,254,253);border-left-color:rgb(254,254,253);}
.alert-light hr{border-top-color:rgb(242,242,240);}
.alert-light .alert-link{color:rgb(104,104,104);}
.alert-dark{color:rgb(32,32,28);background-color:rgb(218,218,213);border-top-color:rgb(203,203,197);border-right-color:rgb(203,203,197);border-bottom-color:rgb(203,203,197);border-left-color:rgb(203,203,197);}
.alert-dark hr{border-top-color:rgb(191,191,184);}
.alert-dark .alert-link{color:rgb(5,5,4);}
.progress{background-color:rgb(237,237,235);}
.progress-bar{color:rgb(255,255,255);background-color:rgb(41,41,37);}
.progress-bar-striped{background-image:linear-gradient(45deg, rgba(255,255,255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255, 0.15) 50%, rgba(255,255,255, 0.15) 75%, transparent 75%, transparent);}
.list-group-item-action{color:rgb(84,84,76);}
.list-group-item-action:focus, .list-group-item-action:hover{color:rgb(84,84,76);background-color:rgb(249,249,249);}
.list-group-item-action:active{color:rgb(39,39,35);background-color:rgb(237,237,235);}
.list-group-item{background-color:rgb(255,255,255);border-top-color:rgba(0,0,0, 0.125);border-right-color:rgba(0,0,0, 0.125);border-bottom-color:rgba(0,0,0, 0.125);border-left-color:rgba(0,0,0, 0.125);}
.list-group-item.disabled, .list-group-item:disabled{color:rgb(123,123,110);background-color:rgb(255,255,255);}
.list-group-item.active{color:rgb(255,255,255);background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.list-group-item-primary{color:rgb(41,41,37);background-color:rgb(221,221,218);}
.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover{color:rgb(41,41,37);background-color:rgb(210,210,204);}
.list-group-item-primary.list-group-item-action.active{color:rgb(255,255,255);background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.list-group-item-secondary{color:rgb(64,64,57);background-color:rgb(219,219,214);}
.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover{color:rgb(64,64,57);background-color:rgb(206,206,201);}
.list-group-item-secondary.list-group-item-action.active{color:rgb(255,255,255);background-color:rgb(64,64,57);border-top-color:rgb(64,64,57);border-right-color:rgb(64,64,57);border-bottom-color:rgb(64,64,57);border-left-color:rgb(64,64,57);}
.list-group-item-success{color:rgb(21,87,36);background-color:rgb(195,230,203);}
.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover{color:rgb(21,87,36);background-color:rgb(177,223,187);}
.list-group-item-success.list-group-item-action.active{color:rgb(255,255,255);background-color:rgb(21,87,36);border-top-color:rgb(21,87,36);border-right-color:rgb(21,87,36);border-bottom-color:rgb(21,87,36);border-left-color:rgb(21,87,36);}
.list-group-item-info{color:rgb(57,57,51);background-color:rgb(215,215,210);}
.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover{color:rgb(57,57,51);background-color:rgb(203,203,197);}
.list-group-item-info.list-group-item-action.active{color:rgb(255,255,255);background-color:rgb(57,57,51);border-top-color:rgb(57,57,51);border-right-color:rgb(57,57,51);border-bottom-color:rgb(57,57,51);border-left-color:rgb(57,57,51);}
.list-group-item-warning{color:rgb(133,100,4);background-color:rgb(255,238,186);}
.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover{color:rgb(133,100,4);background-color:rgb(255,232,161);}
.list-group-item-warning.list-group-item-action.active{color:rgb(255,255,255);background-color:rgb(133,100,4);border-top-color:rgb(133,100,4);border-right-color:rgb(133,100,4);border-bottom-color:rgb(133,100,4);border-left-color:rgb(133,100,4);}
.list-group-item-danger{color:rgb(114,28,36);background-color:rgb(245,198,203);}
.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover{color:rgb(114,28,36);background-color:rgb(241,176,183);}
.list-group-item-danger.list-group-item-action.active{color:rgb(255,255,255);background-color:rgb(114,28,36);border-top-color:rgb(114,28,36);border-right-color:rgb(114,28,36);border-bottom-color:rgb(114,28,36);border-left-color:rgb(114,28,36);}
.list-group-item-light{color:rgb(136,136,123);background-color:rgb(254,254,253);}
.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover{color:rgb(136,136,123);background-color:rgb(242,242,240);}
.list-group-item-light.list-group-item-action.active{color:rgb(255,255,255);background-color:rgb(136,136,123);border-top-color:rgb(136,136,123);border-right-color:rgb(136,136,123);border-bottom-color:rgb(136,136,123);border-left-color:rgb(136,136,123);}
.list-group-item-dark{color:rgb(32,32,28);background-color:rgb(203,203,197);}
.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover{color:rgb(32,32,28);background-color:rgb(191,191,184);}
.list-group-item-dark.list-group-item-action.active{color:rgb(255,255,255);background-color:rgb(32,32,28);border-top-color:rgb(32,32,28);border-right-color:rgb(32,32,28);border-bottom-color:rgb(32,32,28);border-left-color:rgb(32,32,28);}
.close{color:rgb(0,0,0);text-shadow:rgb(255,255,255) 0px 1px 0px;}
.close:hover{color:rgb(0,0,0);}
.toast{background-color:rgba(255,255,255, 0.85);border-top-color:rgba(0,0,0, 0.1);border-right-color:rgba(0,0,0, 0.1);border-bottom-color:rgba(0,0,0, 0.1);border-left-color:rgba(0,0,0, 0.1);box-shadow:rgba(0,0,0, 0.1) 0px 0.25rem 0.75rem;}
.toast-header{color:rgb(123,123,110);background-color:rgba(255,255,255, 0.85);border-bottom-color:rgba(0,0,0, 0.05);}
.modal-content{background-color:rgb(255,255,255);border-top-color:rgba(0,0,0, 0.2);border-right-color:rgba(0,0,0, 0.2);border-bottom-color:rgba(0,0,0, 0.2);border-left-color:rgba(0,0,0, 0.2);}
.modal-backdrop{background-color:rgb(0,0,0);}
.modal-header{border-bottom-color:rgb(228,228,224);}
.modal-footer{border-top-color:rgb(228,228,224);}
.bs-tooltip-auto[x-placement^="top"] .arrow::before, .bs-tooltip-top .arrow::before{border-top-color:rgb(0,0,0);}
.bs-tooltip-auto[x-placement^="right"] .arrow::before, .bs-tooltip-right .arrow::before{border-right-color:rgb(0,0,0);}
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .bs-tooltip-bottom .arrow::before{border-bottom-color:rgb(0,0,0);}
.bs-tooltip-auto[x-placement^="left"] .arrow::before, .bs-tooltip-left .arrow::before{border-left-color:rgb(0,0,0);}
.tooltip-inner{color:rgb(255,255,255);background-color:rgb(0,0,0);}
.popover{background-color:rgb(255,255,255);border-top-color:rgba(0,0,0, 0.2);border-right-color:rgba(0,0,0, 0.2);border-bottom-color:rgba(0,0,0, 0.2);border-left-color:rgba(0,0,0, 0.2);}
.bs-popover-auto[x-placement^="top"] > .arrow::before, .bs-popover-top > .arrow::before{border-top-color:rgba(0,0,0, 0.25);}
.bs-popover-auto[x-placement^="top"] > .arrow::after, .bs-popover-top > .arrow::after{border-top-color:rgb(255,255,255);}
.bs-popover-auto[x-placement^="right"] > .arrow::before, .bs-popover-right > .arrow::before{border-right-color:rgba(0,0,0, 0.25);}
.bs-popover-auto[x-placement^="right"] > .arrow::after, .bs-popover-right > .arrow::after{border-right-color:rgb(255,255,255);}
.bs-popover-auto[x-placement^="bottom"] > .arrow::before, .bs-popover-bottom > .arrow::before{border-bottom-color:rgba(0,0,0, 0.25);}
.bs-popover-auto[x-placement^="bottom"] > .arrow::after, .bs-popover-bottom > .arrow::after{border-bottom-color:rgb(255,255,255);}
.bs-popover-auto[x-placement^="bottom"] .popover-header::before, .bs-popover-bottom .popover-header::before{border-bottom-color:rgb(247,247,247);}
.bs-popover-auto[x-placement^="left"] > .arrow::before, .bs-popover-left > .arrow::before{border-left-color:rgba(0,0,0, 0.25);}
.bs-popover-auto[x-placement^="left"] > .arrow::after, .bs-popover-left > .arrow::after{border-left-color:rgb(255,255,255);}
.popover-header{background-color:rgb(247,247,247);border-bottom-color:rgb(235,235,235);}
.popover-body{color:rgb(39,39,35);}
.carousel-control-next, .carousel-control-prev{color:rgb(255,255,255);}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{color:rgb(255,255,255);}
.carousel-indicators li{background-color:rgb(255,255,255);}
.carousel-caption{color:rgb(255,255,255);}
.bg-primary{background-color:rgb(41,41,37) !important;}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{background-color:rgb(41,41,37) !important;}
.bg-secondary{background-color:rgb(123,123,110) !important;}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover{background-color:rgb(96,96,86) !important;}
.bg-success{background-color:rgb(40,167,69) !important;}
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover{background-color:rgb(30,126,52) !important;}
.bg-info{background-color:rgb(41,41,37) !important;}
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover{background-color:rgb(41,41,37) !important;}
.bg-warning{background-color:rgb(255,193,7) !important;}
a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover{background-color:rgb(211,158,0) !important;}
.bg-danger{background-color:rgb(220,53,69) !important;}
a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover{background-color:rgb(189,33,48) !important;}
.bg-light{background-color:rgb(249,249,249) !important;}
a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover{background-color:rgb(225,225,222) !important;}
.bg-dark{background-color:rgb(61,61,55) !important;}
a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover{background-color:rgb(34,34,31) !important;}
.bg-white{background-color:rgb(255,255,255) !important;}
.border{border-top-color:rgb(228,228,224) !important;border-right-color:rgb(228,228,224) !important;border-bottom-color:rgb(228,228,224) !important;border-left-color:rgb(228,228,224) !important;}
.border-top{border-top-color:rgb(228,228,224) !important;}
.border-right{border-right-color:rgb(228,228,224) !important;}
.border-bottom{border-bottom-color:rgb(228,228,224) !important;}
.border-left{border-left-color:rgb(228,228,224) !important;}
.border-primary{border-top-color:rgb(41,41,37) !important;border-right-color:rgb(41,41,37) !important;border-bottom-color:rgb(41,41,37) !important;border-left-color:rgb(41,41,37) !important;}
.border-secondary{border-top-color:rgb(123,123,110) !important;border-right-color:rgb(123,123,110) !important;border-bottom-color:rgb(123,123,110) !important;border-left-color:rgb(123,123,110) !important;}
.border-success{border-top-color:rgb(40,167,69) !important;border-right-color:rgb(40,167,69) !important;border-bottom-color:rgb(40,167,69) !important;border-left-color:rgb(40,167,69) !important;}
.border-info{border-top-color:rgb(41,41,37) !important;border-right-color:rgb(41,41,37) !important;border-bottom-color:rgb(41,41,37) !important;border-left-color:rgb(41,41,37) !important;}
.border-warning{border-top-color:rgb(255,193,7) !important;border-right-color:rgb(255,193,7) !important;border-bottom-color:rgb(255,193,7) !important;border-left-color:rgb(255,193,7) !important;}
.border-danger{border-top-color:rgb(220,53,69) !important;border-right-color:rgb(220,53,69) !important;border-bottom-color:rgb(220,53,69) !important;border-left-color:rgb(220,53,69) !important;}
.border-light{border-top-color:rgb(249,249,249) !important;border-right-color:rgb(249,249,249) !important;border-bottom-color:rgb(249,249,249) !important;border-left-color:rgb(249,249,249) !important;}
.border-dark{border-top-color:rgb(61,61,55) !important;border-right-color:rgb(61,61,55) !important;border-bottom-color:rgb(61,61,55) !important;border-left-color:rgb(61,61,55) !important;}
.border-white{border-top-color:rgb(255,255,255) !important;border-right-color:rgb(255,255,255) !important;border-bottom-color:rgb(255,255,255) !important;border-left-color:rgb(255,255,255) !important;}
.shadow-sm{box-shadow:rgba(0,0,0, 0.075) 0px 0.125rem 0.25rem !important;}
.shadow{box-shadow:rgba(0,0,0, 0.15) 0px 0.5rem 1rem !important;}
.shadow-lg{box-shadow:rgba(0,0,0, 0.176) 0px 1rem 3rem !important;}
.stretched-link::after{background-color:rgba(0,0,0, 0);}
.text-white{color:rgb(255,255,255) !important;}
.text-primary{color:rgb(41,41,37) !important;}
a.text-primary:focus, a.text-primary:hover{color:rgb(41,41,37) !important;}
.text-secondary{color:rgb(123,123,110) !important;}
a.text-secondary:focus, a.text-secondary:hover{color:rgb(83,83,74) !important;}
.text-success{color:rgb(40,167,69) !important;}
a.text-success:focus, a.text-success:hover{color:rgb(25,105,44) !important;}
.text-info{color:rgb(41,41,37) !important;}
a.text-info:focus, a.text-info:hover{color:rgb(69,69,62) !important;}
.text-warning{color:rgb(255,193,7) !important;}
a.text-warning:focus, a.text-warning:hover{color:rgb(186,139,0) !important;}
.text-danger{color:rgb(220,53,69) !important;}
a.text-danger:focus, a.text-danger:hover{color:rgb(167,29,42) !important;}
.text-light{color:rgb(249,249,249) !important;}
a.text-light:focus, a.text-light:hover{color:rgb(213,213,208) !important;}
.text-dark{color:rgb(61,61,55) !important;}
a.text-dark:focus, a.text-dark:hover{color:rgb(21,21,19) !important;}
.text-body{color:rgb(39,39,35) !important;}
.text-muted{color:rgb(123,123,110) !important;}
.text-black-50{color:rgba(0,0,0, 0.5) !important;}
.text-white-50{color:rgba(255,255,255, 0.5) !important;}
@media print {blockquote, pre{border-top-color:rgb(185,185,177);border-right-color:rgb(185,185,177);border-bottom-color:rgb(185,185,177);border-left-color:rgb(185,185,177);}
.badge{border-top-color:rgb(0,0,0);border-right-color:rgb(0,0,0);border-bottom-color:rgb(0,0,0);border-left-color:rgb(0,0,0);}
.table td, .table th{background-color:rgb(255,255,255) !important;}
.table-bordered td, .table-bordered th{border-top-color:rgb(228,228,224) !important;border-right-color:rgb(228,228,224) !important;border-bottom-color:rgb(228,228,224) !important;border-left-color:rgb(228,228,224) !important;}
.table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th{border-top-color:rgb(228,228,224);border-right-color:rgb(228,228,224);border-bottom-color:rgb(228,228,224);border-left-color:rgb(228,228,224);}
.table .thead-dark th{border-top-color:rgb(228,228,224);border-right-color:rgb(228,228,224);border-bottom-color:rgb(228,228,224);border-left-color:rgb(228,228,224);}
}
a{color:rgb(41,41,37);}
a:hover{color:rgb(41,41,37);}
html{scrollbar-color:rgb(193,193,193) rgb(241,241,241);}
html:not(.touch) ::-webkit-scrollbar-track{background-color:rgb(241,241,241);}
html:not(.touch) ::-webkit-scrollbar-thumb{background-color:rgb(193,193,193);}
body{color:rgb(54,54,48);}
#layout > div > .header{border-bottom-color:rgb(219,219,215);color:rgb(54,54,48);background-color:rgb(244,244,244);}
#layout > div > .header a.button{color:rgb(54,54,48);}
#layout > div > .footer{border-top-color:rgb(219,219,215);background-color:rgb(255,255,255);}
#layout-sidebar{border-right-color:rgb(219,219,215);background-color:rgb(255,255,255);}
#layout-sidebar.sidebar-right{border-left-color:rgb(219,219,215);}
#layout-list{border-right-color:rgb(219,219,215);background-color:rgb(255,255,255);}
#layout-content{background-color:rgb(255,255,255);}
@media screen and (min-width: 481px) {#layout-menu .popover-header{background-color:rgb(58,58,52) !important;}
}
@media screen and (max-width: 768px) {#layout > div > .header{background-color:rgb(244,244,244);}
#layout > div > .footer{background-color:rgb(244,244,244);}
}
@media screen and (min-width: 481px) {#layout-menu{background-color:rgb(58,58,52);}
}
#rcmdraglayer{background-color:rgb(58,58,52);color:rgb(255,255,255);box-shadow:rgb(243,243,242) 3px 3px 5px;}
.popup .listbox .footer{border-top-color:rgb(219,219,215);background-color:rgb(251,251,251);}
p.image-attachment{border-top-color:rgb(221,221,221);border-right-color:rgb(221,221,221);border-bottom-color:rgb(221,221,221);border-left-color:rgb(221,221,221);background-color:rgba(41,41,37, 0.05);}
p.image-attachment span{color:rgb(123,123,111);}
fieldset.image-attachment legend{color:rgb(123,123,111);border-top-color:rgb(245,245,245);}
.iframe-loader{background-color:rgba(255,255,255, 0.95);}
.iframe-loader .spinner-border{color:rgb(243,243,242);border-right-color:rgb(123,123,111);}
.webkit-scroller::-webkit-scrollbar-thumb{background-color:rgba(0,0,0, 0.3);border-top-color:rgb(255,255,255);border-right-color:rgb(255,255,255);border-bottom-color:rgb(255,255,255);border-left-color:rgb(255,255,255);}
.quota-widget{color:rgb(123,123,111);}
.quota-widget .bar{background-color:rgb(255,255,255);border-top-color:rgb(219,219,215);border-right-color:rgb(219,219,215);border-bottom-color:rgb(219,219,215);border-left-color:rgb(219,219,215);}
.quota-widget .value{background-color:rgb(41,41,37);}
.quota-widget .value.warning{background-color:rgb(255,85,82);}
.image-tools{background-color:rgba(41,41,37, 0.4);}
.image-tools a{color:rgb(255,255,255) !important;}
.image-tools a:focus, .image-tools a:hover{background-color:rgba(41,41,37, 0.5) !important;}
.quota-info .root{color:rgb(123,123,111);background-color:rgb(243,243,242);}
.table-widget{border-top-color:rgb(219,219,215);border-right-color:rgb(219,219,215);border-bottom-color:rgb(219,219,215);border-left-color:rgb(219,219,215);}
.table-widget > .footer{border-top-color:rgb(219,219,215);}
.table-widget table.options-table tr:last-child td{border-bottom-color:rgb(219,219,215);}
.table-widget table.options-table tr.selected td{background-color:rgb(246,246,244);color:rgb(54,54,48);}
table.table tr.deleted td{color:rgba(54,54,48, 0.5) !important;}
.floating-action-buttons a.button{background-color:rgb(41,41,37);color:rgb(255,255,255);box-shadow:rgb(245,245,244) 0px 0px 5px 5px;}
.btn:focus{box-shadow:rgba(41,41,37, 0.3) 0px 0px 0px 0.2rem;}
.btn-link{color:rgb(41,41,37);}
.btn-secondary{color:rgb(255,255,255);background-color:rgb(159,159,147);border-top-color:rgb(159,159,147);border-right-color:rgb(159,159,147);border-bottom-color:rgb(159,159,147);border-left-color:rgb(159,159,147);}
.btn-secondary:focus{background-color:rgb(146,146,134);border-top-color:rgb(142,142,129);border-right-color:rgb(142,142,129);border-bottom-color:rgb(142,142,129);border-left-color:rgb(142,142,129);box-shadow:rgba(159,159,147, 0.5) 0px 0px 0px 0.2rem;}
.btn-secondary:hover{background-color:rgb(146,146,134);border-top-color:rgb(142,142,129);border-right-color:rgb(142,142,129);border-bottom-color:rgb(142,142,129);border-left-color:rgb(142,142,129);}
.btn-secondary.disabled, .btn-secondary:disabled{background-color:rgb(159,159,147);border-top-color:rgb(159,159,147);border-right-color:rgb(159,159,147);border-bottom-color:rgb(159,159,147);border-left-color:rgb(159,159,147);}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active{background-color:rgb(135,135,120);border-top-color:rgb(129,129,116);border-right-color:rgb(129,129,116);border-bottom-color:rgb(129,129,116);border-left-color:rgb(129,129,116);}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus{box-shadow:rgba(159,159,147, 0.53) 0px 0px 0px 0.2rem;}
.btn-primary{color:rgb(255,255,255);background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.btn-primary:focus{background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);box-shadow:rgba(41,41,37, 0.5) 0px 0px 0px 0.2rem;}
.btn-primary:hover{background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.btn-primary.disabled, .btn-primary:disabled{background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active{background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:rgba(41,41,37, 0.53) 0px 0px 0px 0.2rem;}
.btn-danger{color:rgb(255,255,255);background-color:rgb(255,85,82);border-top-color:rgb(255,85,82);border-right-color:rgb(255,85,82);border-bottom-color:rgb(255,85,82);border-left-color:rgb(255,85,82);}
.btn-danger:focus{background-color:rgb(255,60,56);border-top-color:rgb(255,50,46);border-right-color:rgb(255,50,46);border-bottom-color:rgb(255,50,46);border-left-color:rgb(255,50,46);box-shadow:rgba(255,85,82, 0.5) 0px 0px 0px 0.2rem;}
.btn-danger:hover{background-color:rgb(255,60,56);border-top-color:rgb(255,50,46);border-right-color:rgb(255,50,46);border-bottom-color:rgb(255,50,46);border-left-color:rgb(255,50,46);}
.btn-danger.disabled, .btn-danger:disabled{background-color:rgb(255,85,82);border-top-color:rgb(255,85,82);border-right-color:rgb(255,85,82);border-bottom-color:rgb(255,85,82);border-left-color:rgb(255,85,82);}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active{background-color:rgb(255,35,31);border-top-color:rgb(255,25,21);border-right-color:rgb(255,25,21);border-bottom-color:rgb(255,25,21);border-left-color:rgb(255,25,21);}
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus{box-shadow:rgba(255,85,82, 0.53) 0px 0px 0px 0.2rem;}
.ui-widget-overlay{background-color:rgba(54,54,48, 0.5);}
.ui-widget{border-top-color:rgb(219,219,215);border-right-color:rgb(219,219,215);border-bottom-color:rgb(219,219,215);border-left-color:rgb(219,219,215);box-shadow:rgb(243,243,242) 3px 3px 5px;}
.ui-menu .ui-state-active{background-color:rgb(41,41,37) !important;}
.ui-dialog .ui-dialog-titlebar{border-bottom-color:rgb(221,221,221);}
.ui-dialog .ui-dialog-title{color:rgb(54,54,48);}
.ui-dialog .ui-dialog-titlebar-close{color:rgb(54,54,48);}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link{color:rgb(54,54,48);}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link:focus{background-color:rgba(41,41,37, 0.5);}
@media screen and (max-width: 480px) {.ui-dialog .ui-dialog-titlebar{background-color:rgb(244,244,244);}
.ui-dialog .ui-dialog-buttonpane{border-top-color:rgb(221,221,221);background-color:rgb(244,244,244);}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-primary, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary{color:rgb(54,54,48);}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-danger{color:rgb(255,85,82);}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link{color:rgb(54,54,48);}
}
.ui-slider .ui-slider-range{background-color:rgb(233,233,230);}
.ui-slider .ui-slider-handle.ui-state-active{background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.ui-datepicker .ui-datepicker-header{border-bottom-color:rgb(221,221,221);}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev{color:rgb(54,54,48);}
.ui-datepicker .ui-state-default, .ui-datepicker.ui-widget-content .ui-state-default{color:rgb(54,54,48);}
.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{background-color:rgb(233,233,230);color:rgb(41,41,37);}
.ui-datepicker a.ui-state-active{background-color:rgb(41,41,37) !important;color:rgb(255,255,255) !important;}
.minicolors-panel{border-top-color:rgb(219,219,215);border-right-color:rgb(219,219,215);border-bottom-color:rgb(219,219,215);border-left-color:rgb(219,219,215);box-shadow:rgb(243,243,242) 3px 3px 5px;}
.popover{box-shadow:rgb(243,243,242) 3px 3px 5px;border-top-color:rgb(219,219,215);border-right-color:rgb(219,219,215);border-bottom-color:rgb(219,219,215);border-left-color:rgb(219,219,215);}
html.layout-phone .popover:not(.select-menu) .listing li:last-child, html.layout-small .popover:not(.select-menu) .listing li:last-child{border-bottom-color:rgb(243,243,242);}
html.layout-phone .popover-overlay, html.layout-small .popover-overlay{background-color:rgba(54,54,48, 0.5);}
html.layout-phone .popover-header, html.layout-small .popover-header{color:rgb(255,255,255);background-color:rgb(41,41,37);}
html.layout-phone .popover-header a, html.layout-small .popover-header a{color:rgb(255,255,255);}
.pgpkeyimport div.key.disabled, .pgpkeyimport div.key.revoked{color:rgb(123,123,111);}
.menu a:not(.disabled):focus, .menu a:not(.disabled):hover{background-color:rgb(236,236,236);}
.menu.toolbar a{color:rgb(54,54,48);}
.menu.toolbar a.selected{color:rgb(65,184,73);}
.menu.toolbar .dropbutton:not(.disabled):hover{background-color:rgb(236,236,236);}
.menu.toolbar .dropbutton a.dropdown:hover{background-color:rgb(224,224,224);}
.menu.pagenav a{color:rgb(54,54,48);}
.menu.pagenav .pagenav-text{color:rgb(123,123,111);}
.menu.pagenav.pagenav-list{background-color:rgb(251,251,251);border-bottom-color:rgb(243,243,242);}
.menu.pagenav.pagenav-list + .navlist{background-color:rgb(251,251,251);}
.menu.pagenav.pagenav-list.expanded + .navlist{border-bottom-color:rgb(219,219,215);}
.menu .buttons button{color:rgb(54,54,48);}
.popover .menu li.separator{color:rgb(123,123,111);background-color:rgb(243,243,242);}
.popover .menu li a:not(.disabled):hover{color:rgb(255,255,255);background-color:rgb(41,41,37);}
.popover .menu li a[aria-haspopup]::after{color:rgb(123,123,111);}
.popover .menu li a[aria-haspopup].dropdown::after{color:rgb(54,54,48);}
.popover .menu li a[aria-haspopup]:hover::after{color:rgb(255,255,255);}
.popover .menu .dropbutton:not(.disabled):hover{background-color:rgb(246,246,246);}
.popover .menu .dropbutton a.dropdown{background-color:rgb(246,246,246);}
.popover .menu .dropbutton a.dropdown:hover{background-color:rgb(41,41,37);}
@media screen and (min-width: 769px) {.header a.button.icon:not(.disabled):focus, .header a.button.icon:not(.disabled):hover{background-color:rgb(236,236,236);}
}
@media screen and (max-width: 768px) {.menu.listing a{color:rgb(54,54,48);}
}
.searchbar{background-color:rgb(251,251,251);border-bottom-color:rgb(243,243,242);}
.searchbar form::before{color:rgb(123,123,111);}
.searchbar a{color:rgb(54,54,48);}
.searchbar a.selected{color:rgb(65,184,73);}
@media screen and (max-width: 480px) {#taskmenu a{color:rgb(54,54,48);border-bottom-color:rgb(243,243,242) !important;}
}
@media screen and (min-width: 481px) {#taskmenu a{color:rgb(255,255,255);}
#taskmenu a.selected{color:rgb(255,255,255);background-color:rgb(85,85,76);}
#taskmenu a.selected:hover{color:rgb(255,255,255);background-color:rgb(85,85,76);}
#taskmenu a:hover{color:rgb(255,255,255);background-color:rgb(85,85,76);}
#taskmenu .special-buttons{background-color:rgb(58,58,52);}
#taskmenu .action-buttons a{color:rgb(41,41,37);}
#taskmenu .action-buttons a:hover{color:rgb(41,41,37);background-color:rgb(85,85,76);}
#taskmenu a.logout{color:rgb(255,85,82) !important;}
#taskmenu a.logout:hover{color:rgb(255,85,82) !important;}
}
@media screen and (min-width: 1025px) {#taskmenu a:focus{background-color:rgb(85,85,76);}
}
.ui.alert{color:rgb(54,54,48);background-color:rgba(41,41,37, 0.05);}
.ui.alert > i.icon{color:rgb(94,94,85);}
.ui.alert.loading{color:rgb(118,118,106);}
.ui.alert.alert-success > i.icon::before{color:rgb(65,184,73);}
.ui.alert.alert-warning > i.icon::before{color:rgb(255,212,82);}
.ui.alert.alert-danger > i.icon::before{color:rgb(255,85,82);}
.ui.alert a:not(.btn){color:rgb(41,41,37);}
.ui.alert.boxerror{background-color:rgba(255,85,82, 0.2);}
.ui.alert.boxinformation{background-color:rgba(41,41,37, 0.2);}
.ui.alert.boxconfirmation{background-color:rgba(65,184,73, 0.2);}
.ui.alert.boxwarning{background-color:rgba(255,212,82, 0.2);}
#messagestack div{background-color:rgb(54,54,48);color:rgb(255,255,255);}
#messagestack div > i.icon::before{color:rgb(255,255,255);}
#messagestack .loading{background-color:rgb(118,118,106);}
#messagestack .alert-info.information{background-color:rgb(41,41,37);}
#messagestack .alert-success{background-color:rgb(65,184,73);}
#messagestack .alert-warning{background-color:rgb(255,212,82);color:rgb(54,54,48);}
#messagestack .alert-warning > i.icon::before{color:rgb(54,54,48);}
#messagestack .alert-danger{background-color:rgb(255,85,82);}
.listing li, .listing tbody td{border-bottom-color:rgb(243,243,242);}
.listing li a, .listing tbody td{color:rgb(54,54,48);}
.listing tbody td a{color:rgb(54,54,48);}
.listing li.selected, .listing tr.selected td{color:rgb(54,54,48);background-color:rgb(246,246,244);}
.listing li.droptarget > a, .listing tr.droptarget > td{background-color:rgb(255,255,204);}
.listing li.disabled, .listing tr.disabled td{color:rgba(54,54,48, 0.5);}
.listing span.secondary{color:rgb(123,123,111);}
html:not(.touch) .listing li > a:focus, html:not(.touch) .listing.focus tbody tr.focused > td:first-child, html:not(.touch) .listing.focus:not(.withselection) tbody tr.focused > td.selection + td{border-left-color:rgb(209,209,203);}
ul.listing li ul{border-top-color:rgb(243,243,242);}
.listing-info{color:rgb(123,123,111);}
.listing-hover-menu{background-color:rgb(255,255,255);border-top-color:rgb(221,221,221);border-right-color:rgb(221,221,221);border-bottom-color:rgb(221,221,221);border-left-color:rgb(221,221,221);box-shadow:rgb(211,211,211) 0px 0px 5px;}
.listing-hover-menu a.button{color:rgb(54,54,48);}
.listing-hover-menu span.txt{color:rgb(123,123,111);}
@media screen and (max-width: 1200px) {.listing.selection-large-only li.selected{color:rgb(54,54,48);}
}
.popupmenu .listing li > a:not(.disabled):hover{color:rgb(255,255,255);background-color:rgb(41,41,37);}
.popupmenu .listing li.selected{color:rgb(255,255,255);background-color:rgb(41,41,37);}
ul.treelist li.selected > a, ul.treelist li.selected > div > a{color:rgb(54,54,48);background-color:rgb(246,246,244);}
.folderlist li.mailbox .unreadcount{background-color:rgb(41,41,37);color:rgb(255,255,255);}
.folderlist li.mailbox.recent > a{color:rgb(41,41,37);}
.folderlist li.mailbox.recent > a > .unreadcount{background-color:rgb(41,41,37);color:rgb(255,255,255);}
.messagelist td.subject span.date, .messagelist td.subject span.size{color:rgb(123,123,111);}
.messagelist td.subject span.fromto{color:rgb(123,123,111);}
.messagelist tr.flagged span.size, .messagelist tr.flagged td, .messagelist tr.flagged td.subject span.date, .messagelist tr.flagged td.subject span.fromto, .messagelist tr.flagged td.subject span.subject a{color:rgb(255,85,82);}
.messagelist tr.deleted td, .messagelist tr.deleted td.subject span.date, .messagelist tr.deleted td.subject span.fromto, .messagelist tr.deleted td.subject span.subject a{color:rgba(54,54,48, 0.5);}
.messagelist span.attachment span{color:rgba(123,123,111, 0.75);}
.messagelist tr.flaggedroot:not(:hover) span.unflagged::before{color:rgba(123,123,111, 0.75);}
.contactlist span.email{color:rgb(123,123,111);}
.attachmentslist{background-color:rgb(252,252,252);border-top-color:rgb(244,244,244);border-right-color:rgb(244,244,244);border-bottom-color:rgb(244,244,244);border-left-color:rgb(244,244,244);}
.attachmentslist li .attachment-name{color:rgb(54,54,48);}
.attachmentslist li .attachment-size{color:rgb(123,123,111);}
.propform .form-text{color:rgb(123,123,111);}
.formcontent .hint{color:rgb(123,123,111);}
.formcontent.raweditor .CodeMirror{border-top-color:rgb(214,214,210);border-right-color:rgb(214,214,210);border-bottom-color:rgb(214,214,210);border-left-color:rgb(214,214,210);color:rgb(54,54,48);}
.formcontent.raweditor .CodeMirror-focused{border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);box-shadow:rgba(41,41,37, 0.25) 0px 0px 0px 0.2rem;}
.formcontent.raweditor .CodeMirror-linebackground.line-error{background-color:rgb(255,85,82);}
.input-group a:focus{background-color:rgba(41,41,37, 0.25);}
.proplist li.with-sublist > a.dropdown{color:rgb(54,54,48);}
.multi-input > .content{border-top-color:rgb(214,214,210);border-right-color:rgb(214,214,210);border-bottom-color:rgb(214,214,210);border-left-color:rgb(214,214,210);}
.multi-input > .content.focused{border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);box-shadow:rgba(41,41,37, 0.25) 0px 0px 0px 0.2rem;}
.multi-input .input-group-text, .multi-input input, .multi-input input:focus{border-bottom-color:rgb(214,214,210);}
.multi-input .input-group-text{border-left-color:rgb(214,214,210);}
.multi-input.is-invalid > .content{border-top-color:rgb(255,85,82);border-right-color:rgb(255,85,82);border-bottom-color:rgb(255,85,82);border-left-color:rgb(255,85,82);}
.multi-input.is-invalid > .content.focused{border-top-color:rgb(255,85,82);border-right-color:rgb(255,85,82);border-bottom-color:rgb(255,85,82);border-left-color:rgb(255,85,82);box-shadow:rgba(255,85,82, 0.25) 0px 0px 0px 0.2rem;}
.file-upload{border-top-color:rgb(219,219,215);border-right-color:rgb(219,219,215);border-bottom-color:rgb(219,219,215);border-left-color:rgb(219,219,215);}
.file-upload .hint{color:rgb(123,123,111);}
.file-upload.droptarget.active{border-top-color:rgb(185,185,185);border-right-color:rgb(185,185,185);border-bottom-color:rgb(185,185,185);border-left-color:rgb(185,185,185);}
.file-upload.droptarget.hover{border-top-color:rgb(185,185,185);border-right-color:rgb(185,185,185);border-bottom-color:rgb(185,185,185);border-left-color:rgb(185,185,185);background-color:rgb(236,236,236);}
.recipient-input.focus{border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);box-shadow:rgba(41,41,37, 0.25) 0px 0px 0px 0.2rem;}
.recipient-input li.recipient, body > li.recipient.ui-sortable-helper{border-top-color:rgb(214,214,210);border-right-color:rgb(214,214,210);border-bottom-color:rgb(214,214,210);border-left-color:rgb(214,214,210);background-color:rgb(243,243,242);}
.recipient-input li.recipient a.button.icon, body > li.recipient.ui-sortable-helper a.button.icon{color:rgb(54,54,48);}
.tagedit-list[tabindex="-1"]{border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);box-shadow:rgba(41,41,37, 0.25) 0px 0px 0px 0.2rem;}
.tagedit-list li.tagedit-listelement-old{border-top-color:rgb(214,214,210);border-right-color:rgb(214,214,210);border-bottom-color:rgb(214,214,210);border-left-color:rgb(214,214,210);background-color:rgb(243,243,242);}
.skinselection .skinthumbnail{border-top-color:rgb(214,214,210);border-right-color:rgb(214,214,210);border-bottom-color:rgb(214,214,210);border-left-color:rgb(214,214,210);background-color:rgb(255,255,255);}
.image-upload{background-color:rgb(244,244,244);}
.image-upload a.button{background-color:rgba(255,255,255, 0.85);}
.form-control{color:rgb(54,54,48);}
.form-control:focus{color:rgb(54,54,48);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);box-shadow:rgba(41,41,37, 0.25) 0px 0px 0px 0.2rem;}
.form-control.is-invalid{border-top-color:rgb(255,85,82);border-right-color:rgb(255,85,82);border-bottom-color:rgb(255,85,82);border-left-color:rgb(255,85,82);}
.form-control.is-invalid:focus{border-top-color:rgb(255,85,82);border-right-color:rgb(255,85,82);border-bottom-color:rgb(255,85,82);border-left-color:rgb(255,85,82);box-shadow:rgba(255,85,82, 0.25) 0px 0px 0px 0.2rem;}
.form-control::placeholder{color:rgb(187,187,187);}
.invalid-feedback{color:rgb(255,85,82);}
.input-group-text{color:rgb(54,54,48);background-color:rgb(243,243,242);}
.input-group-text input:focus{border-top-color:rgb(41,41,37) !important;border-right-color:rgb(41,41,37) !important;border-bottom-color:rgb(41,41,37) !important;border-left-color:rgb(41,41,37) !important;}
.custom-switch .custom-control-input:focus ~ .custom-control-label::before{box-shadow:rgba(41,41,37, 0.25) 0px 0px 0px 0.2rem;}
.custom-switch .custom-control-input:focus:not(:checked) ~ .custom-control-label::before{border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before{border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);background-color:rgb(41,41,37);}
.custom-switch .custom-control-input:checked:disabled ~ .custom-control-label::before{border-top-color:rgb(197,197,190);border-right-color:rgb(197,197,190);border-bottom-color:rgb(197,197,190);border-left-color:rgb(197,197,190);background-color:rgb(197,197,190);}
.custom-file-input:focus ~ .custom-file-label{border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);box-shadow:rgba(41,41,37, 0.25) 0px 0px 0px 0.2rem;}
div.tox.tox-tinymce{border-top-color:rgb(214,214,210);border-right-color:rgb(214,214,210);border-bottom-color:rgb(214,214,210);border-left-color:rgb(214,214,210);}
div.tox.focused{border-top-color:rgb(41,41,37) !important;border-right-color:rgb(41,41,37) !important;border-bottom-color:rgb(41,41,37) !important;border-left-color:rgb(41,41,37) !important;box-shadow:rgba(41,41,37, 0.25) 0px 0px 0px 0.2rem !important;}
div.tox .tox-toolbar-overlord > div{background-color:rgb(243,243,242);}
div.tox .tox-toolbar{background-color:rgb(243,243,242);}
div.tox .tox-dialog{border-top-color:rgb(219,219,215);border-right-color:rgb(219,219,215);border-bottom-color:rgb(219,219,215);border-left-color:rgb(219,219,215);}
div.tox .tox-dialog .tox-dialog__body-nav-item--active{color:rgb(41,41,37);}
div.tox .tox-dialog .tox-dialog__body-nav-item--active:hover{color:rgb(41,41,37);}
div.tox .tox-dialog-wrap__backdrop{background-color:rgba(54,54,48, 0.5);}
div.tox .tox-dialog__header{border-bottom-color:rgb(221,221,221);}
div.tox .tox-dialog__header .tox-button{color:rgb(54,54,48);}
@media screen and (max-width: 480px) {div.tox .tox-dialog__footer{border-top-color:rgb(221,221,221);}
}
div.tox .tox-dialog__footer .tox-button{color:rgb(255,255,255);background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
div.tox .tox-dialog__footer .tox-button:focus{background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);box-shadow:rgba(41,41,37, 0.5) 0px 0px 0px 0.2rem;}
div.tox .tox-dialog__footer .tox-button:hover{background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
div.tox .tox-dialog__footer .tox-button.disabled, div.tox .tox-dialog__footer .tox-button:disabled{background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled).active, div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled):active{background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
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:rgba(41,41,37, 0.53) 0px 0px 0px 0.2rem;}
div.tox .tox-dialog__footer .tox-button:focus:not(:disabled){background-color:rgb(41,41,37);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary{background-color:rgb(159,159,147);border-top-color:rgb(159,159,147);border-right-color:rgb(159,159,147);border-bottom-color:rgb(159,159,147);border-left-color:rgb(159,159,147);color:rgb(255,255,255);}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:focus{background-color:rgb(146,146,134);border-top-color:rgb(142,142,129);border-right-color:rgb(142,142,129);border-bottom-color:rgb(142,142,129);border-left-color:rgb(142,142,129);box-shadow:rgba(159,159,147, 0.5) 0px 0px 0px 0.2rem;}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:hover{background-color:rgb(146,146,134);border-top-color:rgb(142,142,129);border-right-color:rgb(142,142,129);border-bottom-color:rgb(142,142,129);border-left-color:rgb(142,142,129);}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary.disabled, div.tox .tox-dialog__footer .tox-button.tox-button--secondary:disabled{background-color:rgb(159,159,147);border-top-color:rgb(159,159,147);border-right-color:rgb(159,159,147);border-bottom-color:rgb(159,159,147);border-left-color:rgb(159,159,147);}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:not(:disabled):not(.disabled).active, div.tox .tox-dialog__footer .tox-button.tox-button--secondary:not(:disabled):not(.disabled):active{background-color:rgb(135,135,120);border-top-color:rgb(129,129,116);border-right-color:rgb(129,129,116);border-bottom-color:rgb(129,129,116);border-left-color:rgb(129,129,116);}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:not(:disabled):not(.disabled).active:focus, div.tox .tox-dialog__footer .tox-button.tox-button--secondary:not(:disabled):not(.disabled):active:focus{box-shadow:rgba(159,159,147, 0.53) 0px 0px 0px 0.2rem;}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:focus:not(:disabled){background-color:rgb(159,159,147);border-top-color:rgb(159,159,147);border-right-color:rgb(159,159,147);border-bottom-color:rgb(159,159,147);border-left-color:rgb(159,159,147);}
div.tox .tox-dialog__title{color:rgb(54,54,48);}
div.tox .tox-label{color:rgb(54,54,48);}
div.tox .tox-color-input > input, div.tox .tox-listboxfield .tox-listbox--select, div.tox .tox-textarea, div.tox .tox-textfield{color:rgb(54,54,48);}
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-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);box-shadow:rgba(41,41,37, 0.25) 0px 0px 0px 0.2rem;}
div.tox .image-selector button{color:rgb(255,255,255);background-color:rgb(159,159,147);border-top-color:rgb(159,159,147);border-right-color:rgb(159,159,147);border-bottom-color:rgb(159,159,147);border-left-color:rgb(159,159,147);}
div.tox .image-selector button:focus{background-color:rgb(146,146,134);border-top-color:rgb(142,142,129);border-right-color:rgb(142,142,129);border-bottom-color:rgb(142,142,129);border-left-color:rgb(142,142,129);box-shadow:rgba(159,159,147, 0.5) 0px 0px 0px 0.2rem;}
div.tox .image-selector button:hover{background-color:rgb(146,146,134);border-top-color:rgb(142,142,129);border-right-color:rgb(142,142,129);border-bottom-color:rgb(142,142,129);border-left-color:rgb(142,142,129);}
div.tox .image-selector button.disabled, div.tox .image-selector button:disabled{background-color:rgb(159,159,147);border-top-color:rgb(159,159,147);border-right-color:rgb(159,159,147);border-bottom-color:rgb(159,159,147);border-left-color:rgb(159,159,147);}
div.tox .image-selector button:not(:disabled):not(.disabled).active, div.tox .image-selector button:not(:disabled):not(.disabled):active{background-color:rgb(135,135,120);border-top-color:rgb(129,129,116);border-right-color:rgb(129,129,116);border-bottom-color:rgb(129,129,116);border-left-color:rgb(129,129,116);}
div.tox .image-selector button:not(:disabled):not(.disabled).active:focus, div.tox .image-selector button:not(:disabled):not(.disabled):active:focus{box-shadow:rgba(159,159,147, 0.53) 0px 0px 0px 0.2rem;}
@media screen and (max-width: 480px) {div.tox .tox-dialog__header{background-color:rgb(244,244,244);}
div.tox .tox-dialog__footer{background-color:rgb(244,244,244);}
div.tox .tox-dialog__footer .tox-button{color:rgb(54,54,48) !important;}
div.tox .tox-dialog__footer .tox-button:active, div.tox .tox-dialog__footer .tox-button:focus, div.tox .tox-dialog__footer .tox-button:hover{color:rgb(54,54,48);}
}
.image-selector.droptarget{border-top-color:rgb(219,219,215);border-right-color:rgb(219,219,215);border-bottom-color:rgb(219,219,215);border-left-color:rgb(219,219,215);}
.image-selector .attachmentslist li:focus, .image-selector .attachmentslist li:hover{background-color:rgb(246,246,244);}
.image-selector .attachmentslist li span.img{border-top-color:rgb(243,243,242);border-right-color:rgb(243,243,242);border-bottom-color:rgb(243,243,242);border-left-color:rgb(243,243,242);background-color:rgb(255,255,255);}
.html-editor .editor-toolbar{border-bottom-color:rgb(214,214,210);background-color:rgb(243,243,242);}
.html-editor .editor-toolbar .mce-i-html{color:rgb(51,51,45);}
.html-editor .editor-toolbar .mce-i-html:focus, .html-editor .editor-toolbar .mce-i-html:hover{border-top-color:rgb(230,230,227);border-right-color:rgb(230,230,227);border-bottom-color:rgb(230,230,227);border-left-color:rgb(230,230,227);background-color:rgb(226,226,222);}
.html-editor > iframe{border-top-color:rgb(214,214,210);border-right-color:rgb(214,214,210);border-bottom-color:rgb(214,214,210);border-left-color:rgb(214,214,210);}
.googie_edit_layer{border-top-color:rgb(214,214,210);border-right-color:rgb(214,214,210);border-bottom-color:rgb(214,214,210);border-left-color:rgb(214,214,210);}
.googie_link{color:rgb(255,85,82);}
.googie_list li.googie_list_onhover{color:rgb(255,255,255);background-color:rgb(41,41,37);}
#login-form .formbuttons + .oauthlogin{border-top-color:rgb(204,204,204);}
#login-footer{color:rgb(123,123,111);}
#login-footer > div{background-color:rgb(243,243,242);}
#contactpic{background-color:rgb(244,244,244);}
#contacthead.readonly .source.row{color:rgb(123,123,111);}
body.status-flagged #message-header > .subject::before{color:rgb(255,85,82);}
#message-header > .header img.contactphoto{background-color:rgb(244,244,244);}
#message-header .header-headers .header-title{color:rgb(123,123,111);}
.message-partheaders{border-top-color:rgb(244,244,244);background-color:rgb(252,252,252);}
.message-partheaders table.headers-table{color:rgb(123,123,111);}
.message-htmlpart:not(:first-child), .message-part:not(:first-child){border-top-color:rgb(244,244,244);}
.message-htmlpart blockquote, .message-part blockquote{color:rgb(41,41,37);border-left-color:rgb(41,41,37);border-right-color:rgb(41,41,37);background-color:rgba(243,243,242, 0.5);}
.message-htmlpart blockquote blockquote, .message-part blockquote blockquote{color:rgb(32,90,36);border-left-color:rgb(32,90,36);border-right-color:rgb(32,90,36);}
.message-htmlpart blockquote blockquote blockquote, .message-part blockquote blockquote blockquote{color:rgb(235,4,0);border-left-color:rgb(235,4,0);border-right-color:rgb(235,4,0);}
.message-htmlpart blockquote span.blockquote-link, .message-part blockquote span.blockquote-link{color:rgb(123,123,111);background-color:rgb(243,243,242);border-top-color:rgb(219,219,215);border-right-color:rgb(219,219,215);border-bottom-color:rgb(219,219,215);border-left-color:rgb(219,219,215);}
.message-part span.sig{color:rgb(123,123,111);}
.suspicious-address-warning::before{color:rgb(255,212,82);}
html.dark-mode{scrollbar-color:rgb(41,41,37) rgb(94,94,85);}
html.dark-mode:not(.touch) ::-webkit-scrollbar-track{background-color:rgb(94,94,85);}
html.dark-mode:not(.touch) ::-webkit-scrollbar-thumb{background-color:rgb(41,41,37);}
html.dark-mode body{color:rgb(207,207,201);background-color:rgb(41,41,36);}
html.dark-mode #layout-content, html.dark-mode #layout-list, html.dark-mode #layout-sidebar, html.dark-mode #layout > div > .footer, html.dark-mode #layout > div > .header, html.dark-mode .menu.pagenav.pagenav-list, html.dark-mode .menu.pagenav.pagenav-list + .navlist, html.dark-mode .menu.pagenav.pagenav-list.expanded + .navlist, html.dark-mode .popup .listbox .footer{border-top-color:rgb(94,94,85);border-right-color:rgb(94,94,85);border-bottom-color:rgb(94,94,85);border-left-color:rgb(94,94,85);}
html.dark-mode #layout > div > .footer a.button, html.dark-mode #layout > div > .header a.button{color:rgb(207,207,201);}
html.dark-mode #layout-menu{border-right-color:rgb(94,94,85);}
@media screen and (max-width: 480px) {html.dark-mode #layout-menu .popover-header{border-bottom-color:rgb(94,94,85);}
}
html.dark-mode #layout-menu .special-buttons a:not(:focus){background-color:rgb(41,41,36);}
html.dark-mode.layout-phone #layout-menu{background-color:rgb(27,27,24);}
html.dark-mode .searchbar{border-top-color:rgb(94,94,85);border-right-color:rgb(94,94,85);border-bottom-color:rgb(94,94,85);border-left-color:rgb(94,94,85);}
html.dark-mode .searchbar a.selected{color:rgb(65,184,73);}
html.dark-mode #messagestack div{color:rgb(207,207,201);}
html.dark-mode #messagestack div i.icon::before{color:rgb(207,207,201);}
html.dark-mode #messagestack .alert-info, html.dark-mode .ui.alert.boxinformation{background-color:rgb(98,98,88);}
html.dark-mode #messagestack .alert-danger, html.dark-mode .ui.alert.boxerror{background-color:rgb(153,51,49);}
html.dark-mode #messagestack .alert-warning, html.dark-mode .ui.alert.boxwarning{background-color:rgb(153,127,49);}
html.dark-mode #messagestack .alert-success, html.dark-mode .ui.alert.boxconfirmation{background-color:rgb(39,110,44);}
html.dark-mode #messagestack .loading{background-color:rgb(68,68,60);}
html.dark-mode .ui.alert.boxconfirmation, html.dark-mode .ui.alert.boxerror, html.dark-mode .ui.alert.boxinformation, html.dark-mode .ui.alert.boxwarning{color:rgb(207,207,201);}
html.dark-mode .ui.alert.boxconfirmation i.icon::before, html.dark-mode .ui.alert.boxerror i.icon::before, html.dark-mode .ui.alert.boxinformation i.icon::before, html.dark-mode .ui.alert.boxwarning i.icon::before{color:rgb(207,207,201);}
html.dark-mode .ui.alert a:not(.btn){color:rgb(207,207,201);}
html.dark-mode .iframe-loader{background-color:rgba(41,41,36, 0.9);}
html.dark-mode .iframe-loader .spinner-border{color:rgb(147,147,134);border-right-color:rgb(81,81,72);}
html.dark-mode #taskmenu a, html.dark-mode .menu.toolbar a{color:rgb(207,207,201);}
html.dark-mode #taskmenu a.selected, html.dark-mode .menu.toolbar a.selected{background-color:rgb(68,68,60);}
html.dark-mode #taskmenu .action-buttons a{color:rgb(41,41,37);}
@media screen and (max-width: 480px) {html.dark-mode #taskmenu a{border-top-color:rgb(54,54,48) !important;border-right-color:rgb(54,54,48) !important;border-bottom-color:rgb(54,54,48) !important;border-left-color:rgb(54,54,48) !important;}
}
html.dark-mode.layout-phone .popover, html.dark-mode.layout-small .popover{border-left-color:rgb(94,94,85);}
html.dark-mode.layout-phone .popover:not(.select-menu) .listing li:last-child, html.dark-mode.layout-small .popover:not(.select-menu) .listing li:last-child{border-top-color:rgb(54,54,48);border-right-color:rgb(54,54,48);border-bottom-color:rgb(54,54,48);border-left-color:rgb(54,54,48);}
html.dark-mode.layout-phone .popover-header, html.dark-mode.layout-small .popover-header{background-color:rgb(27,27,24);border-bottom-color:rgb(94,94,85);}
html.dark-mode.layout-phone .popover-overlay, html.dark-mode.layout-small .popover-overlay{background-color:rgba(0,0,0, 0.7);}
html.dark-mode #taskmenu a:hover, html.dark-mode .header a.button.icon:not(.disabled):focus, html.dark-mode .header a.button.icon:not(.disabled):hover, html.dark-mode .menu a:not(.disabled):focus, html.dark-mode .menu a:not(.disabled):hover, html.dark-mode .menu.toolbar .dropbutton:not(.disabled):hover, html.dark-mode .popupmenu .listing li > a:not(.disabled):hover{background-color:rgb(68,68,60);}
html.dark-mode .menu.toolbar a.selected{color:rgb(65,184,73);}
html.dark-mode .menu.toolbar .dropbutton a.dropdown:hover{background-color:rgb(81,81,73);}
html.dark-mode .listing li a, html.dark-mode .listing tbody td, html.dark-mode .listing tbody td a, html.dark-mode .proplist li.with-sublist > a.dropdown{color:rgb(207,207,201);}
html.dark-mode .listing li, html.dark-mode .listing li ul, html.dark-mode .listing tbody td{border-top-color:rgb(54,54,48);border-right-color:rgb(54,54,48);border-bottom-color:rgb(54,54,48);border-left-color:rgb(54,54,48);}
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:rgb(41,41,37);background-color:rgb(68,68,60);}
html.dark-mode .listing li.selected ul{background-color:rgb(41,41,36);}
html.dark-mode .listing li.selected ul div.treetoggle{color:rgb(207,207,201);}
html.dark-mode .listing li.disabled, html.dark-mode .listing tr.disabled td{color:rgb(121,121,108);}
html.dark-mode .listing li.droptarget > a, html.dark-mode .listing tr.droptarget > td{background-color:rgb(77,77,0);}
html.dark-mode .messagelist{color:rgb(207,207,201);}
html.dark-mode .messagelist tr:not(.flagged):not(.deleted) td.subject span.date, html.dark-mode .messagelist tr:not(.flagged):not(.deleted) td.subject span.fromto, html.dark-mode .messagelist tr:not(.flagged):not(.deleted) td.subject span.size{color:rgb(159,159,147);}
html.dark-mode .messagelist tr:not(.flagged):not(.deleted) td.subject span.msgicon.status{color:rgb(207,207,201);}
html.dark-mode .messagelist tr:not(.flagged):not(.deleted) span.flag{color:rgb(207,207,201);}
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:rgb(41,41,37);}
html.dark-mode .messagelist tr.flagged:not(.deleted) span.attachment span, html.dark-mode .messagelist tr.flagged:not(.deleted) td{color:rgb(255,85,82);}
html.dark-mode .messagelist tr.deleted td span.attachment span, html.dark-mode .messagelist tr.deleted td span.flag, html.dark-mode .messagelist tr.deleted td.subject span.date, html.dark-mode .messagelist tr.deleted td.subject span.fromto, html.dark-mode .messagelist tr.deleted td.subject span.msgicon.status, html.dark-mode .messagelist tr.deleted td.subject span.msgicon.status.unread::before, html.dark-mode .messagelist tr.deleted td.subject span.subject a{color:rgb(121,121,108);}
html.dark-mode .messagelist span.attachment span{color:rgb(159,159,147);}
html.dark-mode .folderlist li.mailbox .unreadcount{background-color:rgb(94,94,85);color:rgb(231,231,228);}
html.dark-mode .attachmentslist{background-color:rgb(68,68,60);}
html.dark-mode .attachmentslist a{color:rgb(207,207,201);}
html.dark-mode .attachmentslist li .attachment-name{color:rgb(207,207,201);}
html.dark-mode .attachmentslist li .attachment-size{color:rgb(159,159,147);}
html.dark-mode .btn{color:rgb(207,207,201);}
html.dark-mode .btn:focus, html.dark-mode .btn:hover{color:rgb(231,231,228);}
html.dark-mode .btn-primary{background-color:rgb(41,41,37);color:rgb(231,231,228);}
html.dark-mode .btn-primary:hover:not(:disabled){background-color:rgb(41,41,37);}
html.dark-mode .btn-secondary{background-color:rgb(94,94,85);color:rgb(231,231,228);}
html.dark-mode .btn-secondary:hover:not(:disabled){background-color:rgb(108,108,97);}
html.dark-mode .btn-danger{background-color:rgb(153,51,49);color:rgb(231,231,228);}
html.dark-mode .btn-danger:hover:not(:disabled){background-color:rgb(172,57,55);}
html.dark-mode .floating-action-buttons a.button{background-color:rgb(41,41,37);}
html.dark-mode .custom-file-label, html.dark-mode .form-control{background-color:rgb(41,41,36);color:rgb(207,207,201);}
html.dark-mode .custom-file-label:not(.is-invalid), html.dark-mode .form-control:not(.is-invalid){border-top-color:rgb(146,146,134);border-right-color:rgb(146,146,134);border-bottom-color:rgb(146,146,134);border-left-color:rgb(146,146,134);}
html.dark-mode .custom-file-label:focus, html.dark-mode .form-control:focus{background-color:rgb(54,54,49);}
html.dark-mode .custom-file-label:focus:not(.is-invalid), html.dark-mode .form-control:focus:not(.is-invalid){border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);color:rgb(231,231,228) !important;}
html.dark-mode .custom-file-label::after{color:rgb(207,207,201);background-color:rgb(68,68,60);}
html.dark-mode .custom-switch .custom-control-label::before{background-color:rgb(94,94,85);}
html.dark-mode .custom-switch .custom-control-label::after{background-color:rgb(207,207,201);}
html.dark-mode .custom-switch .custom-control-input:checked ~ .custom-control-label::before{background-color:rgb(41,41,37);}
html.dark-mode .custom-switch .custom-control-input:checked ~ .custom-control-label::after{background-color:rgb(207,207,201);}
html.dark-mode .multi-input:not(.is-invalid) > .content{border-top-color:rgb(146,146,134);border-right-color:rgb(146,146,134);border-bottom-color:rgb(146,146,134);border-left-color:rgb(146,146,134);}
html.dark-mode .multi-input:not(.is-invalid) > .content.focused{border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
html.dark-mode .input-group-text{color:rgb(207,207,201);background-color:rgb(68,68,60);border-top-color:rgb(146,146,134);border-right-color:rgb(146,146,134);border-bottom-color:rgb(146,146,134);border-left-color:rgb(146,146,134);}
html.dark-mode .input-group a:focus{border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);box-shadow:rgba(41,41,37, 0.25) 0px 0px 0px 0.2rem;}
html.dark-mode .recipient-input.focus{color:rgb(231,231,228);background-color:rgb(54,54,49);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
html.dark-mode .recipient-input a.button.icon, html.dark-mode .recipient-input input{color:rgb(207,207,201);}
html.dark-mode .recipient-input .recipient{background-color:rgb(68,68,60);border-top-color:rgb(146,146,134);border-right-color:rgb(146,146,134);border-bottom-color:rgb(146,146,134);border-left-color:rgb(146,146,134);}
html.dark-mode .file-upload{border-top-color:rgb(94,94,85);border-right-color:rgb(94,94,85);border-bottom-color:rgb(94,94,85);border-left-color:rgb(94,94,85);}
html.dark-mode .file-upload.droptarget.active{border-top-color:rgb(207,207,201);border-right-color:rgb(207,207,201);border-bottom-color:rgb(207,207,201);border-left-color:rgb(207,207,201);}
html.dark-mode .file-upload.droptarget.hover{border-top-color:rgb(207,207,201);border-right-color:rgb(207,207,201);border-bottom-color:rgb(207,207,201);border-left-color:rgb(207,207,201);background-color:rgb(68,68,60);}
html.dark-mode .image-upload{background-color:rgb(68,68,60);}
html.dark-mode .image-upload a.button{background-color:rgba(41,41,36, 0.25);}
html.dark-mode .formcontent.raweditor .CodeMirror{color:rgb(207,207,201);background-color:rgb(41,41,36);border-top-color:rgb(146,146,134);border-right-color:rgb(146,146,134);border-bottom-color:rgb(146,146,134);border-left-color:rgb(146,146,134);}
html.dark-mode .formcontent.raweditor .CodeMirror-focused{background-color:rgb(54,54,49);border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);}
html.dark-mode .CodeMirror-line::selection, html.dark-mode .CodeMirror-line > span::selection, html.dark-mode .CodeMirror-line > span > span::selection, html.dark-mode .CodeMirror-selected{background-color:rgb(68,68,60);}
html.dark-mode .CodeMirror-gutters{background-color:rgb(41,41,36);}
html.dark-mode .CodeMirror-activeline-background{background-color:rgb(68,68,60);}
html.dark-mode .skinselection .skinthumbnail{border-top-color:rgb(146,146,134);border-right-color:rgb(146,146,134);border-bottom-color:rgb(146,146,134);border-left-color:rgb(146,146,134);}
html.dark-mode .html-editor .editor-toolbar{background-color:rgb(68,68,60);border-top-color:rgb(146,146,134);border-right-color:rgb(146,146,134);border-bottom-color:rgb(146,146,134);border-left-color:rgb(146,146,134);}
html.dark-mode .html-editor .editor-toolbar .mce-i-html:focus, html.dark-mode .html-editor .editor-toolbar .mce-i-html:hover{background-color:rgb(108,108,97);}
html.dark-mode .tox.tox-tinymce{border-top-color:rgb(146,146,134);border-right-color:rgb(146,146,134);border-bottom-color:rgb(146,146,134);border-left-color:rgb(146,146,134);}
html.dark-mode .tox .tox-toolbar{background-color:rgb(68,68,60);border-top-color:rgb(146,146,134);border-right-color:rgb(146,146,134);border-bottom-color:rgb(146,146,134);border-left-color:rgb(146,146,134);}
html.dark-mode .tox .tox-toolbar-overlord > div{background-color:rgb(68,68,60);}
html.dark-mode .tox .tox-pop.tox-pop--top::after, html.dark-mode .tox .tox-pop.tox-pop--top::before{border-bottom-color:rgb(159,159,147);}
html.dark-mode .tox .tox-pop__dialog{border-top-color:rgb(159,159,147);border-right-color:rgb(159,159,147);border-bottom-color:rgb(159,159,147);border-left-color:rgb(159,159,147);}
html.dark-mode .tox .tox-split-button, html.dark-mode .tox .tox-swatches__picker-btn, html.dark-mode .tox .tox-tbtn{color:rgb(207,207,201);}
html.dark-mode .tox .tox-split-button svg, html.dark-mode .tox .tox-swatches__picker-btn svg, html.dark-mode .tox .tox-tbtn svg{fill:rgb(207,207,201) !important;}
html.dark-mode .tox .tox-split-button:focus, html.dark-mode .tox .tox-split-button:hover, html.dark-mode .tox .tox-swatches__picker-btn:focus, html.dark-mode .tox .tox-swatches__picker-btn:hover, html.dark-mode .tox .tox-tbtn:focus, html.dark-mode .tox .tox-tbtn:hover{color:rgb(207,207,201);background-color:rgb(108,108,97);}
html.dark-mode .tox .tox-tbtn--enabled{background-color:rgb(108,108,97);}
html.dark-mode .tox .tox-button--naked.tox-button--icon:hover:not(:disabled), html.dark-mode .tox .tox-button--naked:focus:not(:disabled){color:rgb(219,219,215);background-color:rgb(108,108,97);}
html.dark-mode .tox .tox-selectfield select{color:rgb(207,207,201);}
html.dark-mode .tox .tox-selectfield svg{fill:rgb(207,207,201);}
html.dark-mode .tox .tox-color-input span::before{background-color:rgb(207,207,201);}
html.dark-mode .tox .tox-toolbar__group:not(:last-of-type){border-top-color:rgb(146,146,134);border-right-color:rgb(146,146,134);border-bottom-color:rgb(146,146,134);border-left-color:rgb(146,146,134);}
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{color:rgb(207,207,201);border-top-color:rgb(94,94,85);border-right-color:rgb(94,94,85);border-bottom-color:rgb(94,94,85);border-left-color:rgb(94,94,85);background-color:rgb(41,41,36);}
html.dark-mode .tox .tox-button--naked, html.dark-mode .tox .tox-color-input > input, html.dark-mode .tox .tox-dialog__body-nav-item, html.dark-mode .tox .tox-dialog__header .tox-button, html.dark-mode .tox .tox-insert-table-picker__label, html.dark-mode .tox .tox-label, html.dark-mode .tox .tox-textfield{color:rgb(207,207,201);}
html.dark-mode .tox .tox-dialog__footer .tox-button{background-color:rgb(41,41,37);color:rgb(231,231,228);}
@media screen and (max-width: 480px) {html.dark-mode .tox .tox-dialog__footer .tox-button{color:rgb(207,207,201) !important;}
}
html.dark-mode .tox .tox-dialog__footer .tox-button:focus:not(:disabled){background-color:rgb(41,41,37);}
html.dark-mode .tox .tox-dialog__footer .tox-button:hover:not(:disabled){background-color:rgb(41,41,37);}
html.dark-mode .tox .tox-dialog__footer .tox-button.tox-button--secondary{background-color:rgb(94,94,85);color:rgb(231,231,228);}
html.dark-mode .tox .tox-dialog__footer .tox-button.tox-button--secondary:focus:not(:disabled){background-color:rgb(94,94,85);}
html.dark-mode .tox .tox-dialog__footer .tox-button.tox-button--secondary:hover:not(:disabled){background-color:rgb(108,108,97);}
html.dark-mode .tox .tox-dialog__body-nav-item--active{color:rgb(41,41,37);}
html.dark-mode .tox .tox-dialog-wrap__backdrop{background-color:rgba(0,0,0, 0.7);}
html.dark-mode .tox .tox-menu{background-color:rgb(27,27,24);border-top-color:rgb(159,159,147);border-right-color:rgb(159,159,147);border-bottom-color:rgb(159,159,147);border-left-color:rgb(159,159,147);}
html.dark-mode .tox .tox-collection__item-caret svg{fill:rgb(207,207,201);}
html.dark-mode .tox .tox-collection__item{color:rgb(207,207,201);}
html.dark-mode .tox .tox-collection__item:not(:last-child){border-bottom-color:rgb(54,54,48);}
html.dark-mode .tox .tox-collection__item--active, html.dark-mode .tox .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:rgb(207,207,201);background-color:rgb(68,68,60);}
html.dark-mode .tox .tox-collection__item--enabled{color:rgb(41,41,37);background-color:rgb(68,68,60);}
html.dark-mode .message-part{border-top-color:rgb(94,94,85);border-right-color:rgb(94,94,85);border-bottom-color:rgb(94,94,85);border-left-color:rgb(94,94,85);}
html.dark-mode .message-part blockquote{background-color:rgb(41,41,36);border-top-color:rgb(185,185,176);border-right-color:rgb(185,185,176);border-bottom-color:rgb(185,185,176);border-left-color:rgb(185,185,176);color:rgb(185,185,176);}
html.dark-mode .message-part blockquote span.blockquote-link{background-color:rgb(41,41,36);}
html.dark-mode .message-part blockquote blockquote{color:rgb(100,200,107);border-top-color:rgb(100,200,107);border-right-color:rgb(100,200,107);border-bottom-color:rgb(100,200,107);border-left-color:rgb(100,200,107);}
html.dark-mode .message-part blockquote blockquote blockquote{color:rgb(255,135,133);border-top-color:rgb(255,135,133);border-right-color:rgb(255,135,133);border-bottom-color:rgb(255,135,133);border-left-color:rgb(255,135,133);}
html.dark-mode .message-part span.sig{color:rgb(159,159,147);}
html.dark-mode .message-htmlpart{background-color:rgb(255,255,255);color:rgb(54,54,48);}
html.dark-mode #message-header .header-headers .header-title{color:rgb(207,207,201);}
html.dark-mode .message-partheaders{background-color:rgb(68,68,60);}
html.dark-mode .message-partheaders table.headers-table{color:rgb(207,207,201);}
html.dark-mode p.image-attachment{border-top-color:rgb(94,94,85);border-right-color:rgb(94,94,85);border-bottom-color:rgb(94,94,85);border-left-color:rgb(94,94,85);background-color:rgb(68,68,60);}
html.dark-mode p.image-attachment span{color:rgb(159,159,147);}
html.dark-mode fieldset.image-attachment legend{color:rgb(159,159,147);border-top-color:rgb(94,94,85);border-right-color:rgb(94,94,85);border-bottom-color:rgb(94,94,85);border-left-color:rgb(94,94,85);}
html.dark-mode #messagepartframe{background-color:rgb(255,255,255);}
html.dark-mode .ui-widget{border-top-color:rgb(94,94,85);border-right-color:rgb(94,94,85);border-bottom-color:rgb(94,94,85);border-left-color:rgb(94,94,85);}
html.dark-mode .ui-widget-overlay{background-color:rgba(0,0,0, 0.7);}
html.dark-mode .ui-widget-content, html.dark-mode .ui-widget-header{background-color:rgb(41,41,36);}
html.dark-mode .ui-dialog .ui-dialog-titlebar{border-top-color:rgb(94,94,85);border-right-color:rgb(94,94,85);border-bottom-color:rgb(94,94,85);border-left-color:rgb(94,94,85);}
html.dark-mode .ui-dialog .ui-dialog-title, html.dark-mode .ui-dialog .ui-dialog-titlebar-close{color:rgb(207,207,201);}
html.dark-mode .ui-dialog .ui-dialog-buttonpane{border-top-color:rgb(94,94,85);border-right-color:rgb(94,94,85);border-bottom-color:rgb(94,94,85);border-left-color:rgb(94,94,85);}
html.dark-mode .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link{color:rgb(207,207,201);}
@media screen and (max-width: 480px) {html.dark-mode .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-primary:not(.btn-danger), html.dark-mode .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary{color:rgb(207,207,201);}
}
html.dark-mode .ui-datepicker .ui-datepicker-header{border-top-color:rgb(94,94,85);border-right-color:rgb(94,94,85);border-bottom-color:rgb(94,94,85);border-left-color:rgb(94,94,85);}
html.dark-mode .ui-datepicker th{color:rgb(159,159,147);}
html.dark-mode .ui-datepicker .ui-datepicker-next, html.dark-mode .ui-datepicker .ui-datepicker-prev, html.dark-mode .ui-datepicker .ui-state-default, html.dark-mode .ui-datepicker.ui-widget-content .ui-state-default{color:rgb(207,207,201);}
html.dark-mode .ui-datepicker .ui-state-highlight, html.dark-mode .ui-datepicker.ui-widget-content .ui-state-highlight{color:rgb(41,41,37);background-color:rgb(68,68,60);}
html.dark-mode .ui-datepicker .ui-datepicker-days-cell-over a{background-color:rgb(94,94,85);}
html.dark-mode .ui-menu{background-color:rgb(27,27,24);border-top-color:rgb(159,159,147);border-right-color:rgb(159,159,147);border-bottom-color:rgb(159,159,147);border-left-color:rgb(159,159,147);}
html.dark-mode .ui-menu .ui-menu-item{border-bottom-color:rgb(54,54,48);}
html.dark-mode .ui-menu .ui-state-active{background-color:rgb(68,68,60) !important;}
html.dark-mode .minicolors-panel{border-top-color:rgb(94,94,85);border-right-color:rgb(94,94,85);border-bottom-color:rgb(94,94,85);border-left-color:rgb(94,94,85);background-color:rgb(27,27,24);}
html.dark-mode #contacthead.readonly .source.row, html.dark-mode #login-footer, html.dark-mode .contactlist span.email, html.dark-mode .file-upload .hint, html.dark-mode .formcontent .hint, html.dark-mode .listing span.secondary, html.dark-mode .listing-info, html.dark-mode ::-webkit-input-placeholder, html.dark-mode ::placeholder{color:rgb(159,159,147);}
html.dark-mode .popover{background-color:rgb(27,27,24);border-top-color:rgb(159,159,147);border-right-color:rgb(159,159,147);border-bottom-color:rgb(159,159,147);border-left-color:rgb(159,159,147);}
html.dark-mode .popover .menu li.separator{color:rgb(159,159,147);}
html.dark-mode .popover .menu ul + li.separator{border-top-color:rgb(54,54,48);}
html.dark-mode .popover-body{color:rgb(207,207,201);}
html.dark-mode .bs-popover-auto[x-placement^="right"] > .arrow::after, html.dark-mode .bs-popover-right > .arrow::after{border-right-color:rgb(159,159,147);}
html.dark-mode .bs-popover-auto[x-placement^="left"] > .arrow::after, html.dark-mode .bs-popover-left > .arrow::after{border-left-color:rgb(159,159,147);}
html.dark-mode .bs-popover-auto[x-placement^="top"] > .arrow::after, html.dark-mode .bs-popover-top > .arrow::after{border-top-color:rgb(159,159,147);}
html.dark-mode .bs-popover-auto[x-placement^="bottom"] > .arrow::after, html.dark-mode .bs-popover-bottom > .arrow::after{border-bottom-color:rgb(159,159,147);}
html.dark-mode .listing-hover-menu{background-color:rgb(27,27,24);border-top-color:rgb(94,94,85);border-right-color:rgb(94,94,85);border-bottom-color:rgb(94,94,85);border-left-color:rgb(94,94,85);box-shadow:rgb(0,0,0) 0px 0px 5px;}
html.dark-mode .listing-hover-menu a.button{color:rgb(207,207,201);}
html.dark-mode .listing-hover-menu span.txt{color:rgb(159,159,147);}
html.dark-mode .nav-tabs{border-top-color:rgb(94,94,85);border-right-color:rgb(94,94,85);border-bottom-color:rgb(94,94,85);border-left-color:rgb(94,94,85);}
html.dark-mode .nav-tabs .nav-link{color:rgb(207,207,201);border-bottom-color:rgb(94,94,85);}
html.dark-mode .nav-tabs .nav-link:hover{background-color:rgb(41,41,36);border-top-color:rgb(94,94,85);border-right-color:rgb(94,94,85);border-bottom-color:rgb(94,94,85);border-left-color:rgb(94,94,85);color:rgb(207,207,201);}
html.dark-mode .nav-tabs .nav-link.active{background-color:rgb(41,41,36);border-top-color:rgb(94,94,85);border-right-color:rgb(94,94,85);border-left-color:rgb(94,94,85);color:rgb(255,255,255);}
html.dark-mode .table{color:rgb(207,207,201);}
html.dark-mode .table td, html.dark-mode .table th, html.dark-mode .table thead th{border-top-color:rgb(94,94,85);border-right-color:rgb(94,94,85);border-bottom-color:rgb(94,94,85);border-left-color:rgb(94,94,85);}
html.dark-mode .table-widget{border-top-color:rgb(94,94,85);border-right-color:rgb(94,94,85);border-bottom-color:rgb(94,94,85);border-left-color:rgb(94,94,85);}
html.dark-mode .table-widget > .footer{border-top-color:rgb(94,94,85);border-right-color:rgb(94,94,85);border-bottom-color:rgb(94,94,85);border-left-color:rgb(94,94,85);}
html.dark-mode .table-widget table.options-table tr:last-child td{border-top-color:rgb(94,94,85);border-right-color:rgb(94,94,85);border-bottom-color:rgb(94,94,85);border-left-color:rgb(94,94,85);}
html.dark-mode .table-widget table.options-table tr.selected td{background-color:rgb(68,68,60);color:rgb(207,207,201);}
html.dark-mode #rcmdraglayer{background-color:rgb(27,27,24);border-top-color:rgb(159,159,147);border-right-color:rgb(159,159,147);border-bottom-color:rgb(159,159,147);border-left-color:rgb(159,159,147);color:rgb(207,207,201);}
html.dark-mode .quota-widget .bar{border-top-color:rgb(94,94,85);border-right-color:rgb(94,94,85);border-bottom-color:rgb(94,94,85);border-left-color:rgb(94,94,85);background-color:rgb(94,94,85);}
html.dark-mode .quota-info .root{color:rgb(159,159,147);}
html.dark-mode #contactpic, html.dark-mode img.contactphoto{background-color:rgb(68,68,60) !important;}
html.dark-mode .pgpkeyimport div.key.disabled, html.dark-mode .pgpkeyimport div.key.revoked{color:rgb(121,121,108);}
.ui-checkboxradio-label .ui-icon-background{box-shadow:rgb(204,204,204) 1px 1px 1px inset;}
.ui-selectable-helper{border-top-color:rgb(0,0,0);border-right-color:rgb(0,0,0);border-bottom-color:rgb(0,0,0);border-left-color:rgb(0,0,0);}
.ui-widget-content{background-color:rgb(255,255,255);}
.ui-widget-header{background-color:rgb(255,255,255);}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border-top-color:rgb(197,197,197);border-right-color:rgb(197,197,197);border-bottom-color:rgb(197,197,197);border-left-color:rgb(197,197,197);background-color:rgb(246,246,246);color:rgb(69,69,69);}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button{color:rgb(69,69,69);}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus{color:rgb(43,43,43);}
.ui-visual-focus{box-shadow:rgb(160,160,148) 0px 0px 3px 1px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);background-color:rgb(41,41,37);color:rgb(255,255,255);}
.ui-icon-background, .ui-state-active .ui-icon-background{border-top-color:rgb(41,41,37);border-right-color:rgb(41,41,37);border-bottom-color:rgb(41,41,37);border-left-color:rgb(41,41,37);background-color:rgb(255,255,255);}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:rgb(255,255,255);}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{border-top-color:rgb(218,213,94);border-right-color:rgb(218,213,94);border-bottom-color:rgb(218,213,94);border-left-color:rgb(218,213,94);background-color:rgb(255,250,144);color:rgb(119,118,32);}
.ui-state-checked{border-top-color:rgb(218,213,94);border-right-color:rgb(218,213,94);border-bottom-color:rgb(218,213,94);border-left-color:rgb(218,213,94);background-color:rgb(255,250,144);}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a{color:rgb(119,118,32);}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error{border-top-color:rgb(241,168,153);border-right-color:rgb(241,168,153);border-bottom-color:rgb(241,168,153);border-left-color:rgb(241,168,153);background-color:rgb(253,223,223);color:rgb(95,63,63);}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a{color:rgb(95,63,63);}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text{color:rgb(95,63,63);}
/* Source: customstyles.css; original layout and behavior preserved. */
/*
 * J&A Automation Webmail
 * Corporate skin over Roundcube Elastic
 */

:root {
    --ja-bg: #f4f4f2;
    --ja-surface: #ffffff;
    --ja-surface-soft: #f4f4f2;

    --ja-nav: #232320;
    --ja-nav-2: #292925;

    --ja-text: #20201d;
    --ja-muted: #6b6b62;
    --ja-border: #e4e4df;

    --ja-primary: #292925;
    --ja-primary-strong: #111110;
    --ja-primary-soft: #eeeee9;

    --ja-radius: 12px;
    --ja-radius-lg: 18px;

    --ja-shadow:
        0 18px 50px rgba(30,30,27,.12);

    --ja-shadow-soft:
        0 4px 18px rgba(30,30,27,.06);
}


/* =========================================================
   GLOBAL
   ========================================================= */

body {
    color: var(--ja-text);
    background: var(--ja-bg);
    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

a {
    transition:
        background-color .15s ease,
        color .15s ease,
        border-color .15s ease,
        opacity .15s ease;
}

.form-control {
    border-radius: 9px;
    border-color: var(--ja-border);
}

.form-control:focus {
    border-color: var(--ja-primary);
    box-shadow: 0 0 0 3px rgba(118,118,105,.12);
}

.btn,
.button {
    border-radius: 9px;
}

.btn-primary {
    border-color: var(--ja-primary);
    background: var(--ja-primary);
}

.btn-primary:hover,
.btn-primary:focus {
    border-color: var(--ja-primary-strong);
    background: var(--ja-primary-strong);
}


/* =========================================================
   LOGIN
   ========================================================= */

body.task-login {
    background:
        radial-gradient(
            circle at 15% 15%,
            rgba(118,118,105,.20),
            transparent 34%
        ),
        radial-gradient(
            circle at 90% 85%,
            rgba(78,78,70,.18),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #121211 0%,
            #1e1e1b 48%,
            #2e2e29 100%
        );
}

.task-login #layout-content {
    text-align: center;
    width: 100%;
    display: block;
}

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

    margin-top: 7vh;
    margin-bottom: 2rem;

    max-height: 145px;
    max-width: min(78vw, 360px);

    width: auto;
    height: auto;

    filter:
        drop-shadow(0 12px 28px rgba(0,0,0,.35));
}

.task-login #login-form {
    top: auto !important;

    width: calc(100% - 2rem);
    max-width: 390px;

    padding: 2rem 2rem 1.6rem;

    background: rgba(255,255,255,.97);

    border: 1px solid rgba(255,255,255,.60);
    border-radius: 20px;

    box-shadow:
        0 30px 80px rgba(0,0,0,.35);

    backdrop-filter: blur(18px);
}

.task-login #login-form .form-control {
    min-height: 46px;

    border-radius: 10px;
    border: 1px solid #e4e4e0;

    background: #fbfbfb;
}

.task-login #login-form .form-control:focus {
    background: #ffffff;
}

.task-login #rcmloginsubmit {
    min-height: 46px;

    border: 0;
    border-radius: 10px;

    font-weight: 650;
    letter-spacing: .01em;

    background:
        linear-gradient(
            135deg,
            var(--ja-primary),
            var(--ja-primary-strong)
        );

    box-shadow:
        0 8px 20px rgba(118,118,105,.22);
}

.task-login #rcmloginsubmit:hover {
    transform: translateY(-1px);

    box-shadow:
        0 10px 24px rgba(118,118,105,.30);
}

#login-footer {
    color: #98988b;
}

#login-footer > div {
    background: transparent;
}


/* =========================================================
   LEFT TASK MENU
   ========================================================= */

#layout-menu {
    background:
        linear-gradient(
            180deg,
            var(--ja-nav) 0%,
            var(--ja-nav-2) 100%
        );

    box-shadow:
        4px 0 18px rgba(30,30,27,.08);

    border-right: 0;
}

#taskmenu a {
    color: rgba(255,255,255,.72);

    border-radius: 10px;

    margin-left: 6px;
    margin-right: 6px;
}

#taskmenu a:hover {
    color: #ffffff;

    background:
        rgba(255,255,255,.08);
}

#taskmenu a.selected {
    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            rgba(118,118,105,.32),
            rgba(118,118,105,.15)
        );

    box-shadow:
        inset 3px 0 0 var(--ja-primary);
}

#taskmenu .compose {
    color: #ffffff;
}

#taskmenu .logout {
    opacity: .82;
}


/* =========================================================
   MAIN LAYOUT
   ========================================================= */

#layout-sidebar {
    background: var(--ja-surface-soft);

    border-right:
        1px solid var(--ja-border);
}

#layout-list {
    background: var(--ja-surface);

    border-right:
        1px solid var(--ja-border);
}

#layout-content {
    background: var(--ja-surface);
}

#layout > div > .header {
    color: var(--ja-text);

    background:
        rgba(250,250,250,.96);

    border-bottom:
        1px solid var(--ja-border);

    font-weight: 600;
}

#layout > div > .footer {
    background: var(--ja-surface);

    border-top:
        1px solid var(--ja-border);
}


/* =========================================================
   FOLDERS
   ========================================================= */

#mailboxlist {
    padding: .5rem;
}

#mailboxlist li > a {
    margin: 2px 4px;

    border-radius: 8px;

    color: #4e4e45;
}

#mailboxlist li > a:hover {
    background: #f5f5f3;
}

#mailboxlist li.selected > a {
    color: var(--ja-primary-strong);

    background: var(--ja-primary-soft);

    font-weight: 600;
}

#mailboxlist .unreadcount {
    background: var(--ja-primary);

    color: #ffffff;
}


/* =========================================================
   MESSAGE LIST
   ========================================================= */

#messagelist {
    background: #ffffff;
}

#messagelist tr > td {
    border-bottom:
        1px solid #f2f2f0;
}

#messagelist tr:hover > td {
    background:
        #fafaf9;
}

#messagelist tr.selected > td {
    background:
        var(--ja-primary-soft);
}

#messagelist tr.unread {
    font-weight: 600;
}

#messagelist tr.unread > td:first-child {
    box-shadow:
        inset 3px 0 0 var(--ja-primary);
}

.listing li {
    border-color: #f2f2f0;
}

.listing li:hover {
    background: #fafaf9;
}

.listing li.selected {
    background: var(--ja-primary-soft);
}


/* =========================================================
   SEARCH + TOOLBARS
   ========================================================= */

#searchbar {
    border-radius: 10px;

    background: #ffffff;

    box-shadow:
        inset 0 0 0 1px var(--ja-border);
}

.toolbar a {
    border-radius: 8px;
}

.toolbar a:hover {
    background:
        rgba(118,118,105,.08);
}


/* =========================================================
   POPUPS / DIALOGS
   ========================================================= */

.popover,
.popupmenu,
.ui-dialog {
    border:
        1px solid var(--ja-border);

    border-radius:
        var(--ja-radius-lg);

    box-shadow:
        var(--ja-shadow);

    overflow: hidden;
}

.menu li > a:hover {
    background:
        var(--ja-primary-soft);

    color:
        var(--ja-primary-strong);
}


/* =========================================================
   SETTINGS / FORMS
   ========================================================= */

.propform {
    color: var(--ja-text);
}

.propform .form-control {
    background: #ffffff;
}

fieldset {
    border-color: var(--ja-border);
}

legend {
    color: var(--ja-text);
    font-weight: 600;
}


/* =========================================================
   MESSAGE VIEW
   ========================================================= */

#message-header {
    background: #ffffff;

    border-bottom:
        1px solid var(--ja-border);
}

.message-part {
    background: #ffffff;
}

blockquote {
    border-left:
        3px solid var(--ja-primary);

    background:
        #fafaf9;
}


/* =========================================================
   SCROLLBARS
   ========================================================= */

* {
    scrollbar-width: thin;
    scrollbar-color:
        #cbcbc5 transparent;
}


/* =========================================================
   DARK MODE
   ========================================================= */

html.dark-mode {
    --ja-bg: #141412;
    --ja-surface: #1c1c1a;
    --ja-surface-soft: #1a1a17;

    --ja-text: #e7e7e4;
    --ja-muted: #ababa1;
    --ja-border: #393934;

    --ja-primary-soft:
        rgba(118,118,105,.15);
}

html.dark-mode body {
    background: var(--ja-bg);
    color: var(--ja-text);
}

html.dark-mode #layout-sidebar,
html.dark-mode #layout-list,
html.dark-mode #layout-content {
    background: var(--ja-surface);
}

html.dark-mode #layout-sidebar {
    background: var(--ja-surface-soft);
}

html.dark-mode #layout > div > .header,
html.dark-mode #layout > div > .footer {
    color: var(--ja-text);

    background: #1f1f1c;

    border-color: var(--ja-border);
}

html.dark-mode #messagelist {
    background: var(--ja-surface);
}

html.dark-mode #messagelist tr > td {
    border-color: var(--ja-border);
}

html.dark-mode #messagelist tr:hover > td {
    background: #262622;
}

html.dark-mode #mailboxlist li > a {
    color: #d2d2cc;
}

html.dark-mode #mailboxlist li > a:hover {
    background: #262622;
}

html.dark-mode .listing li:hover {
    background: #262622;
}

html.dark-mode #searchbar,
html.dark-mode .form-control {
    color: var(--ja-text);

    background: #1c1c19;

    border-color: var(--ja-border);
}


/* =========================================================
   MOBILE
   ========================================================= */

html.layout-phone #layout-menu {
    background: var(--ja-nav);
}

html.layout-phone #layout > div > .header {
    box-shadow:
        0 1px 8px rgba(30,30,27,.08);
}

@media (max-width: 480px) {
    .task-login #logo {
        margin-top: 4vh;
        max-height: 115px;
    }

    .task-login #login-form {
        width: calc(100% - 1.5rem);

        padding:
            1.5rem 1.25rem;
    }
}

/* =========================================================
   DARK MODE - SELECTED MESSAGE FIX
   ========================================================= */

html.dark-mode #messagelist tr.selected > td,
html.dark-mode #messagelist tr.selected:hover > td,
html.dark-mode .listing li.selected,
html.dark-mode .listing li.selected:hover {
    background: #33332e !important;
    color: #ffffff !important;
}

html.dark-mode #messagelist tr.selected > td *,
html.dark-mode #messagelist tr.selected:hover > td *,
html.dark-mode .listing li.selected *,
html.dark-mode .listing li.selected:hover * {
    color: #ffffff !important;
}

html.dark-mode #messagelist tr.selected a,
html.dark-mode #messagelist tr.selected .subject,
html.dark-mode #messagelist tr.selected .fromto,
html.dark-mode #messagelist tr.selected .date,
html.dark-mode #messagelist tr.selected .size {
    color: #ffffff !important;
}

html.dark-mode #messagelist tr.selected.unread > td:first-child {
    box-shadow: inset 3px 0 0 #292925;
}

/* =========================================================
   DARK MODE - OPEN MESSAGE PANE
   ========================================================= */

html.dark-mode #layout-content,
html.dark-mode #message-content,
html.dark-mode #message-header,
html.dark-mode #messagebody,
html.dark-mode #messagebody .message-part,
html.dark-mode #messagebody .message-part .pre {
    background: #1f1f1b !important;
    color: #f6f6f4 !important;
}

/* Subject */
html.dark-mode h2.subject,
html.dark-mode h2.subject *,
html.dark-mode #message-header .subject,
html.dark-mode #message-header .subject * {
    color: #ffffff !important;
}

/* Sender / recipient / date metadata */
html.dark-mode #message-header,
html.dark-mode #message-header *,
html.dark-mode .headers-table,
html.dark-mode .headers-table *,
html.dark-mode .message-headers,
html.dark-mode .message-headers * {
    color: #eaeae8 !important;
}

/* Plain-text email body */
html.dark-mode #messagebody .pre {
    color: #f4f4f2 !important;
    background: #1f1f1b !important;
}

/* Links remain identifiable */
html.dark-mode #messagebody a {
    color: #a9a99f !important;
}

/* Separators */
html.dark-mode #message-header,
html.dark-mode #messagebody {
    border-color: #3d3d36 !important;
}

/* Remove white surfaces introduced by the light theme */
html.dark-mode .message-part {
    border-color: #3d3d36 !important;
    box-shadow: none !important;
}

/* ==========================================================
   J&A LIGHT MODE CONTRAST FIX
   Only applies when Roundcube is NOT in dark mode.
   Dark mode intentionally remains untouched.
   ========================================================== */

html:not(.dark-mode) body:not(.task-login) {
    color: #20201d !important;
}

/* Main headers / footers */
html:not(.dark-mode) body:not(.task-login) #layout > div > .header,
html:not(.dark-mode) body:not(.task-login) #layout > div > .footer {
    color: #383833 !important;
}

/* Mailbox names */
html:not(.dark-mode) body.task-mail #mailboxlist li > a {
    color: #3c3c35 !important;
}

/* Message list */
html:not(.dark-mode) body.task-mail #messagelist tr > td,
html:not(.dark-mode) body.task-mail #messagelist .subject,
html:not(.dark-mode) body.task-mail #messagelist .fromto,
html:not(.dark-mode) body.task-mail #messagelist .date,
html:not(.dark-mode) body.task-mail #messagelist .size {
    color: #30302b !important;
}

/* Secondary/unread metadata */
html:not(.dark-mode) body.task-mail #messagelist tr.unread > td,
html:not(.dark-mode) body.task-mail #messagelist tr.unread .subject {
    color: #282824 !important;
}

/* Keep selected messages readable on blue/dark selection */
html:not(.dark-mode) body.task-mail #messagelist tr.selected > td,
html:not(.dark-mode) body.task-mail #messagelist tr.selected > td *,
html:not(.dark-mode) body.task-mail #messagelist tr.selected a {
    color: #ffffff !important;
}

/* Open message metadata */
html:not(.dark-mode) body.task-mail #message-header,
html:not(.dark-mode) body.task-mail #message-header *,
html:not(.dark-mode) body.task-mail h2.subject,
html:not(.dark-mode) body.task-mail h2.subject * {
    color: #2a2a26 !important;
}

/* Plain-text email body only.
   Do NOT override colors inside arbitrary HTML emails. */
html:not(.dark-mode) body.task-mail #messagebody .pre {
    color: #2a2a26 !important;
    background: #ffffff !important;
}

/* Settings / contacts */
html:not(.dark-mode) body.task-settings #layout-content,
html:not(.dark-mode) body.task-settings .boxcontent,
html:not(.dark-mode) body.task-settings .propform,
html:not(.dark-mode) body.task-settings label,
html:not(.dark-mode) body.task-settings legend,
html:not(.dark-mode) body.task-settings td,
html:not(.dark-mode) body.task-settings th,
html:not(.dark-mode) body.task-addressbook #layout-content,
html:not(.dark-mode) body.task-addressbook .listing li {
    color: #30302b !important;
}

/* Forms */
html:not(.dark-mode) body:not(.task-login) .form-control,
html:not(.dark-mode) body:not(.task-login) input,
html:not(.dark-mode) body:not(.task-login) textarea,
html:not(.dark-mode) body:not(.task-login) select {
    color: #20201d !important;
}

html:not(.dark-mode) body:not(.task-login) .form-control::placeholder,
html:not(.dark-mode) body:not(.task-login) input::placeholder,
html:not(.dark-mode) body:not(.task-login) textarea::placeholder {
    color: #808073 !important;
    opacity: 1;
}


/* Source: brand-extras.css; original layout and behavior preserved. */

/* ======================================================
   J&A LOGIN IDENTITY
   ====================================================== */

.ja-login-identity {
    margin:
        -1rem auto
        1.6rem;

    text-align: center;
}

.ja-login-company {
    color: #ffffff;

    font-size: 1.35rem;
    line-height: 1.2;

    font-weight: 700;
    letter-spacing: -.02em;
}

.ja-login-tagline {
    margin-top: .25rem;

    color: rgba(255,255,255,.82);

    font-size: .9rem;
    font-weight: 500;
    letter-spacing: .035em;
}

.ja-login-caption {
    display: inline-flex;

    margin-top: .75rem;
    padding: .3rem .65rem;

    border:
        1px solid rgba(255,255,255,.14);

    border-radius: 999px;

    background:
        rgba(255,255,255,.07);

    color:
        rgba(255,255,255,.62);

    font-size: .7rem;

    text-transform: uppercase;
    letter-spacing: .11em;
}


/* ======================================================
   USER AVATAR
   ====================================================== */

#layout-sidebar .header-title.username {
    display: flex !important;

    align-items: center;
    gap: .65rem;

    min-width: 0;
}

.ja-user-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 34px;

    width: 34px;
    height: 34px;

    border-radius: 50%;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #292925,
            #4f4f46
        );

    box-shadow:
        0 5px 14px
        rgba(118,118,105,.22);

    font-size: .72rem;
    font-weight: 750;
    line-height: 1;

    letter-spacing: .04em;

    padding: 0;
    margin: 0;

    text-align: center;
    vertical-align: middle;
}


/* Mobile */

@media (max-width: 480px) {
    .ja-login-company {
        font-size: 1.15rem;
    }

    .ja-login-tagline {
        font-size: .82rem;
    }

    .ja-user-avatar {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }
}

/* ============================================================
   LOGIN INPUTS - dark corporate style
   ============================================================ */

body.task-login #rcmloginuser,
body.task-login #rcmloginpwd,
body.task-login #rcmloginhost,
body.task-login input.form-control {
    background: #22221f !important;
    color: #ffffff !important;
    border: 1px solid rgba(177,177,168,0.35) !important;
    box-shadow: none !important;
}

body.task-login #rcmloginuser::placeholder,
body.task-login #rcmloginpwd::placeholder,
body.task-login #rcmloginhost::placeholder,
body.task-login input.form-control::placeholder {
    color: rgba(255,255,255,0.68) !important;
}

body.task-login #rcmloginuser:focus,
body.task-login #rcmloginpwd:focus,
body.task-login #rcmloginhost:focus,
body.task-login input.form-control:focus {
    background: #2e2e29 !important;
    color: #ffffff !important;
    border-color: #a4a499 !important;
    box-shadow: 0 0 0 3px rgba(164,164,153,0.18) !important;
    outline: none !important;
}

/* Browser autofill fix */
body.task-login input:-webkit-autofill,
body.task-login input:-webkit-autofill:hover,
body.task-login input:-webkit-autofill:focus,
body.task-login input:-webkit-autofill:active {
    -webkit-text-fill-color: #ffffff !important;
    -webkit-box-shadow: 0 0 0 1000px #22221f inset !important;
    transition: background-color 9999s ease-in-out 0s;
    caret-color: #ffffff !important;
}

/* ============================================================
   J&A AUTOMATION - LOGIN GLASS / INDUSTRIAL CORPORATE THEME
   ============================================================ */

/* ------------------------------------------------------------
   1. Industrial dark gradient background
   ------------------------------------------------------------ */

body.task-login {
    min-height: 100vh;

    background:
        radial-gradient(
            circle at 18% 22%,
            rgba(118,118,105,0.18) 0,
            rgba(118,118,105,0.06) 18%,
            transparent 38%
        ),
        radial-gradient(
            circle at 82% 78%,
            rgba(76,76,69,0.20) 0,
            rgba(76,76,69,0.05) 22%,
            transparent 42%
        ),
        linear-gradient(
            135deg,
            #131311 0%,
            #1a1a18 38%,
            #252521 68%,
            #232320 100%
        ) !important;

    background-attachment: fixed !important;
}


/* subtle technical grid effect */

body.task-login::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(255,255,255,.018) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.018) 1px,
            transparent 1px
        );

    background-size: 32px 32px;

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.65),
            rgba(0,0,0,.18)
        );

    z-index: 0;
}


/* ------------------------------------------------------------
   2. Glass login panel
   ------------------------------------------------------------ */

body.task-login #login-form {
    position: relative;
    z-index: 1;

    background:
        linear-gradient(
            180deg,
            rgba(38,38,34,0.82),
            rgba(25,25,23,0.78)
        ) !important;

    border:
        1px solid
        rgba(184,184,176,0.22) !important;

    border-radius: 22px !important;

    backdrop-filter:
        blur(22px)
        saturate(135%);

    -webkit-backdrop-filter:
        blur(22px)
        saturate(135%);

    box-shadow:
        0 24px 80px
        rgba(0,0,0,.42),
        0 8px 24px
        rgba(0,0,0,.24),
        inset 0 1px 0
        rgba(255,255,255,.06),
        0 0 0 1px
        rgba(118,118,105,.05) !important;

    padding: 2rem 2rem 1.8rem !important;
}


/* soft cyan edge glow */

body.task-login #login-form::before {
    content: "";
    position: absolute;
    inset: -1px;

    border-radius: 22px;

    padding: 1px;

    background:
        linear-gradient(
            135deg,
            rgba(161,161,151,.32),
            rgba(161,161,151,.06) 35%,
            rgba(255,255,255,.03) 60%,
            rgba(118,118,105,.22)
        );

    -webkit-mask:
        linear-gradient(#ffffff 0 0)
        content-box,
        linear-gradient(#ffffff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}


/* ------------------------------------------------------------
   3. Logo / corporate identity
   ------------------------------------------------------------ */

body.task-login #logo {
    filter:
        drop-shadow(
            0 8px 22px
            rgba(118,118,105,.18)
        );
}

body.task-login .ja-login-company {
    color: #ffffff !important;

    font-weight: 750;
    letter-spacing: .01em;

    text-shadow:
        0 2px 12px
        rgba(0,0,0,.30);
}

body.task-login .ja-login-tagline {
    color: #d0d0ca !important;

    font-weight: 650;
    letter-spacing: .08em;
    text-transform: uppercase;
}

body.task-login .ja-login-caption {
    color: rgba(238,238,236,.72) !important;
}


/* ------------------------------------------------------------
   4. Elegant labels
   ------------------------------------------------------------ */

body.task-login label {
    color: #eaeae8 !important;

    font-size: .78rem !important;
    font-weight: 650 !important;

    letter-spacing: .055em !important;
    text-transform: uppercase !important;

    margin-bottom: .42rem !important;
}


/* secondary helper text */

body.task-login .form-text,
body.task-login small,
body.task-login .hint {
    color: rgba(227,227,223,.62) !important;
}


/* ------------------------------------------------------------
   5. Dark input fields
   ------------------------------------------------------------ */

body.task-login #rcmloginuser,
body.task-login #rcmloginpwd,
body.task-login #rcmloginhost,
body.task-login input.form-control,
body.task-login select.form-control {
    min-height: 48px;

    background:
        linear-gradient(
            180deg,
            rgba(24,24,21,.92),
            rgba(33,33,30,.92)
        ) !important;

    color: #ffffff !important;

    border:
        1px solid
        rgba(176,176,166,.28) !important;

    border-radius: 12px !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.025),
        0 4px 16px
        rgba(0,0,0,.14) !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease,
        transform .18s ease;
}


body.task-login #rcmloginuser:hover,
body.task-login #rcmloginpwd:hover,
body.task-login input.form-control:hover {
    border-color:
        rgba(181,181,173,.46) !important;
}


body.task-login #rcmloginuser:focus,
body.task-login #rcmloginpwd:focus,
body.task-login #rcmloginhost:focus,
body.task-login input.form-control:focus,
body.task-login select.form-control:focus {
    background:
        linear-gradient(
            180deg,
            rgba(33,33,30,.98),
            rgba(42,42,37,.98)
        ) !important;

    color: #ffffff !important;

    border-color:
        #a5a59b !important;

    box-shadow:
        0 0 0 3px
        rgba(118,118,105,.17),
        0 8px 24px
        rgba(0,0,0,.18) !important;

    outline: none !important;
}


/* placeholders */

body.task-login input::placeholder {
    color:
        rgba(233,233,231,.50) !important;
}


/* browser autofill */

body.task-login input:-webkit-autofill,
body.task-login input:-webkit-autofill:hover,
body.task-login input:-webkit-autofill:focus,
body.task-login input:-webkit-autofill:active {
    -webkit-text-fill-color:
        #ffffff !important;

    -webkit-box-shadow:
        0 0 0 1000px
        #23231f inset !important;

    caret-color:
        #ffffff !important;

    transition:
        background-color 9999s
        ease-in-out 0s;
}


/* ------------------------------------------------------------
   6. Corporate blue login button
   ------------------------------------------------------------ */

body.task-login #rcmloginsubmit,
body.task-login button[type="submit"],
body.task-login input[type="submit"] {
    min-height: 48px;

    border: 0 !important;
    border-radius: 12px !important;

    color: #ffffff !important;

    font-size: .92rem !important;
    font-weight: 700 !important;

    letter-spacing: .025em;

    background:
        linear-gradient(
            135deg,
            #292925 0%,
            #68685d 45%,
            #515149 100%
        ) !important;

    box-shadow:
        0 10px 28px
        rgba(118,118,105,.28),
        inset 0 1px 0
        rgba(255,255,255,.14) !important;

    transition:
        transform .16s ease,
        box-shadow .16s ease,
        filter .16s ease;
}


body.task-login #rcmloginsubmit:hover,
body.task-login button[type="submit"]:hover,
body.task-login input[type="submit"]:hover {
    filter: brightness(1.08);

    transform:
        translateY(-1px);

    box-shadow:
        0 14px 34px
        rgba(118,118,105,.36),
        inset 0 1px 0
        rgba(255,255,255,.16) !important;
}


body.task-login #rcmloginsubmit:active,
body.task-login button[type="submit"]:active,
body.task-login input[type="submit"]:active {
    transform:
        translateY(0);

    box-shadow:
        0 7px 18px
        rgba(118,118,105,.26) !important;
}


body.task-login #rcmloginsubmit:focus-visible,
body.task-login button[type="submit"]:focus-visible,
body.task-login input[type="submit"]:focus-visible {
    outline:
        2px solid #c0c0b9 !important;

    outline-offset:
        3px !important;
}


/* ------------------------------------------------------------
   7. Login footer / links
   ------------------------------------------------------------ */

body.task-login a {
    color: #b9b9b0 !important;
}

body.task-login a:hover {
    color: #d6d6d1 !important;
}


/* ------------------------------------------------------------
   8. Mobile polish
   ------------------------------------------------------------ */

@media (max-width: 600px) {

    body.task-login #login-form {
        width:
            calc(100% - 1.25rem) !important;

        padding:
            1.5rem 1.15rem 1.35rem !important;

        border-radius:
            18px !important;
    }

    body.task-login #login-form::before {
        border-radius:
            18px;
    }

    body.task-login #rcmloginuser,
    body.task-login #rcmloginpwd,
    body.task-login input.form-control,
    body.task-login #rcmloginsubmit,
    body.task-login button[type="submit"] {
        min-height:
            46px;
    }
}


/* Source: responsive.css; original layout and behavior preserved. */

/*
 * J&A Automation
 * Responsive / touch refinements
 */

#messagebody img {
    max-width: 100%;
    height: auto;
}

#messagebody,
.message-part,
.message-part .pre {
    overflow-wrap: anywhere;
    word-break: normal;
}


/* Better touch targets */

@media (pointer: coarse) {

    .toolbar a,
    .menu a,
    #mailboxlist li > a {
        min-height: 42px;
    }

}


/* Tablet */

@media (max-width: 1024px) {

    #layout > div > .header {
        min-height: 48px;
    }

    .toolbar a {
        padding-left: .55rem;
        padding-right: .55rem;
    }

}


/* Phones */

@media (max-width: 600px) {

    .task-login #logo {
        max-width: 78vw;
        max-height: 110px;
    }

    .task-login #login-form {
        width: calc(100% - 1.25rem);
        padding: 1.35rem 1rem;
    }

    #messagebody {
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .message-part {
        max-width: 100%;
    }

}


/* Scrollbars */

* {
    scrollbar-width: thin;
    scrollbar-color:
        rgba(156,156,144,.55)
        transparent;
}

/* Source: mail-v2.css; original layout and behavior preserved. */

/* ============================================================
   J&A AUTOMATION MAIL UI V2
   Modern mail workspace layered over Roundcube Elastic
   ============================================================ */


/* ------------------------------------------------------------
   MAIL DESIGN TOKENS
   ------------------------------------------------------------ */

body.task-mail {
    --jam-bg: #f4f4f2;
    --jam-panel: #ffffff;
    --jam-panel-soft: #f8f8f6;
    --jam-panel-hover: #f6f6f5;

    --jam-sidebar: #232320;
    --jam-sidebar-2: #292925;

    --jam-text: #20201d;
    --jam-text-strong: #20201d;
    --jam-muted: #6b6b62;

    --jam-border: rgba(45,45,40,.09);
    --jam-border-strong: rgba(45,45,40,.14);

    --jam-accent: #292925;
    --jam-accent-bright: #a5a59b;
    --jam-accent-soft: rgba(118,118,105,.10);

    --jam-selected: #f3f3f1;

    --jam-radius-sm: 9px;
    --jam-radius: 13px;
    --jam-radius-lg: 18px;

    --jam-shadow:
        0 10px 30px rgba(37,37,33,.07);

    background: var(--jam-bg);
}


/* ------------------------------------------------------------
   MAIN THREE-PANE WORKSPACE
   ------------------------------------------------------------ */

body.task-mail #layout-sidebar,
body.task-mail #layout-list,
body.task-mail #layout-content {
    border-color: var(--jam-border) !important;
}


body.task-mail #layout-sidebar {
    background:
        linear-gradient(
            180deg,
            #f4f4f2 0%,
            #f7f7f7 100%
        ) !important;
}


body.task-mail #layout-list,
body.task-mail #layout-content {
    background: var(--jam-panel) !important;
}


/* subtle separation instead of heavy borders */

body.task-mail #layout-sidebar {
    border-right:
        1px solid var(--jam-border) !important;
}

body.task-mail #layout-list {
    border-right:
        1px solid var(--jam-border) !important;
}


/* ------------------------------------------------------------
   GLOBAL TASK BAR / LEFT DARK STRIP
   ------------------------------------------------------------ */

body.task-mail #layout-menu {
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(118,118,105,.15),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            var(--jam-sidebar) 0%,
            var(--jam-sidebar-2) 100%
        ) !important;

    box-shadow:
        5px 0 24px
        rgba(23,23,20,.10) !important;
}


body.task-mail #taskmenu a {
    margin:
        4px 7px !important;

    border-radius:
        11px !important;

    color:
        rgba(242,242,240,.68) !important;

    transition:
        background .15s ease,
        color .15s ease,
        transform .15s ease !important;
}


body.task-mail #taskmenu a:hover {
    color:
        #ffffff !important;

    background:
        rgba(255,255,255,.075) !important;
}


body.task-mail #taskmenu a.selected {
    color:
        #ffffff !important;

    background:
        linear-gradient(
            135deg,
            rgba(118,118,105,.34),
            rgba(118,118,105,.16)
        ) !important;

    box-shadow:
        inset 3px 0 0
        var(--jam-accent-bright),
        0 7px 18px
        rgba(0,0,0,.10) !important;
}


/* ------------------------------------------------------------
   PANE HEADERS
   ------------------------------------------------------------ */

body.task-mail #layout > div > .header {
    min-height:
        58px;

    background:
        rgba(255,255,255,.91) !important;

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);

    color:
        var(--jam-text-strong) !important;

    border-bottom:
        1px solid var(--jam-border) !important;

    font-weight:
        650 !important;
}


/* ------------------------------------------------------------
   ACCOUNT HEADER
   ------------------------------------------------------------ */

body.task-mail #layout-sidebar .header-title.username {
    padding-left:
        .2rem;

    color:
        var(--jam-text-strong) !important;

    font-weight:
        650;
}


body.task-mail .ja-user-avatar {
    background:
        linear-gradient(
            135deg,
            #808073,
            #56564d
        ) !important;

    box-shadow:
        0 6px 18px
        rgba(118,118,105,.26) !important;
}


/* ------------------------------------------------------------
   MAILBOX / FOLDER LIST
   ------------------------------------------------------------ */

body.task-mail #mailboxlist {
    padding:
        .7rem .55rem !important;
}


body.task-mail #mailboxlist li > a {
    min-height:
        38px;

    display:
        flex;

    align-items:
        center;

    margin:
        2px 3px !important;

    padding:
        .45rem .65rem !important;

    border-radius:
        10px !important;

    color:
        #5c5c52 !important;

    font-weight:
        500;

    transition:
        background .14s ease,
        color .14s ease,
        transform .14s ease;
}


body.task-mail #mailboxlist li > a:hover {
    color:
        #32322d !important;

    background:
        rgba(118,118,105,.075) !important;
}


body.task-mail #mailboxlist li.selected > a {
    color:
        #58584e !important;

    background:
        linear-gradient(
            135deg,
            rgba(118,118,105,.14),
            rgba(158,158,146,.075)
        ) !important;

    font-weight:
        650 !important;

    box-shadow:
        inset 3px 0 0
        var(--jam-accent);
}


/* unread badge */

body.task-mail #mailboxlist .unreadcount {
    min-width:
        22px;

    height:
        20px;

    padding:
        0 6px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            135deg,
            var(--jam-accent),
            #616157
        ) !important;

    color:
        #ffffff !important;

    font-size:
        .68rem;

    font-weight:
        750;

    box-shadow:
        0 4px 12px
        rgba(118,118,105,.20);
}


/* ------------------------------------------------------------
   SEARCH BAR
   ------------------------------------------------------------ */

body.task-mail #searchbar {
    min-height:
        39px;

    border:
        1px solid
        var(--jam-border-strong) !important;

    border-radius:
        12px !important;

    background:
        var(--jam-panel-soft) !important;

    box-shadow:
        inset 0 1px 2px
        rgba(34,34,31,.025) !important;

    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        background .15s ease;
}


body.task-mail #searchbar:focus-within {
    background:
        #ffffff !important;

    border-color:
        rgba(118,118,105,.55) !important;

    box-shadow:
        0 0 0 3px
        rgba(118,118,105,.10) !important;
}


body.task-mail #searchbar input {
    color:
        var(--jam-text) !important;

    background:
        transparent !important;
}


body.task-mail #searchbar input::placeholder {
    color:
        #ababa2 !important;
}


/* ------------------------------------------------------------
   TOOLBAR
   ------------------------------------------------------------ */

body.task-mail .toolbar {
    gap:
        3px;
}


body.task-mail .toolbar a {
    border-radius:
        10px !important;

    transition:
        background .14s ease,
        color .14s ease,
        transform .14s ease !important;
}


body.task-mail .toolbar a:hover {
    color:
        #636359 !important;

    background:
        rgba(118,118,105,.09) !important;

    transform:
        translateY(-1px);
}


body.task-mail .toolbar a:active {
    transform:
        translateY(0);
}


/* ------------------------------------------------------------
   MESSAGE LIST
   ------------------------------------------------------------ */

body.task-mail #messagelist {
    background:
        var(--jam-panel) !important;
}


/* roomier modern rows */

body.task-mail #messagelist tr > td {
    min-height:
        52px;

    padding-top:
        .55rem !important;

    padding-bottom:
        .55rem !important;

    border-bottom:
        1px solid
        var(--jam-border) !important;

    color:
        var(--jam-text) !important;

    background:
        var(--jam-panel) !important;

    transition:
        background .12s ease,
        color .12s ease;
}


/* hover */

body.task-mail #messagelist tr:hover > td {
    background:
        var(--jam-panel-hover) !important;
}


/* selected */

body.task-mail #messagelist tr.selected > td,
body.task-mail #messagelist tr.selected:hover > td {
    background:
        linear-gradient(
            90deg,
            rgba(118,118,105,.13),
            rgba(158,158,146,.065)
        ) !important;

    color:
        #272723 !important;
}


/* selected accent */

body.task-mail #messagelist tr.selected > td:first-child {
    box-shadow:
        inset 3px 0 0
        var(--jam-accent) !important;
}


/* unread */

body.task-mail #messagelist tr.unread > td {
    background:
        #fdfdfd !important;

    font-weight:
        650 !important;
}


body.task-mail #messagelist tr.unread > td:first-child {
    box-shadow:
        inset 3px 0 0
        var(--jam-accent-bright) !important;
}


/* subject */

body.task-mail #messagelist .subject {
    color:
        var(--jam-text-strong);

    font-weight:
        580;
}


/* metadata */

body.task-mail #messagelist .date,
body.task-mail #messagelist .size {
    color:
        var(--jam-muted) !important;

    font-size:
        .82rem;
}


/* ------------------------------------------------------------
   GENERIC ELASTIC LISTS
   ------------------------------------------------------------ */

body.task-mail .listing li {
    border-color:
        var(--jam-border) !important;

    transition:
        background .12s ease;
}


body.task-mail .listing li:hover {
    background:
        var(--jam-panel-hover) !important;
}


body.task-mail .listing li.selected {
    background:
        var(--jam-selected) !important;
}


/* ------------------------------------------------------------
   READING PANE
   ------------------------------------------------------------ */

body.task-mail #message-header {
    padding:
        1rem 1.25rem !important;

    background:
        rgba(255,255,255,.96) !important;

    border-bottom:
        1px solid
        var(--jam-border) !important;

    box-shadow:
        0 5px 18px
        rgba(37,37,33,.025);
}


/* subject */

body.task-mail #message-header h2.subject,
body.task-mail h2.subject {
    color:
        var(--jam-text-strong) !important;

    font-weight:
        690 !important;

    letter-spacing:
        -.015em;

    line-height:
        1.3;
}


/* message metadata */

body.task-mail #message-header .header,
body.task-mail #message-header .headers-table,
body.task-mail #message-header .message-headers {
    color:
        var(--jam-muted);
}


/* body breathing room */

body.task-mail #messagebody {
    padding:
        1.1rem 1.4rem 2rem !important;

    background:
        #f8f8f6 !important;
}


body.task-mail #messagebody > .message-part {
    max-width:
        980px;

    margin:
        0 auto;

    padding:
        1.6rem 1.8rem !important;

    border:
        1px solid
        var(--jam-border) !important;

    border-radius:
        16px !important;

    background:
        #ffffff !important;

    color:
        var(--jam-text) !important;

    box-shadow:
        0 8px 28px
        rgba(34,34,31,.045) !important;
}


/* plain text mail */

body.task-mail #messagebody .pre {
    line-height:
        1.62 !important;

    color:
        var(--jam-text) !important;
}


/* quoted mail */

body.task-mail #messagebody blockquote {
    margin:
        1rem 0;

    padding:
        .65rem .9rem;

    border-left:
        3px solid
        var(--jam-accent) !important;

    border-radius:
        0 8px 8px 0;

    background:
        #f9f9f8 !important;

    color:
        #6c6c60;
}


/* ------------------------------------------------------------
   ATTACHMENTS
   ------------------------------------------------------------ */

body.task-mail .attachmentslist li,
body.task-mail .attachment {
    border-radius:
        10px !important;

    border-color:
        var(--jam-border) !important;

    background:
        var(--jam-panel-soft) !important;

    transition:
        border-color .14s ease,
        background .14s ease,
        transform .14s ease;
}


body.task-mail .attachmentslist li:hover,
body.task-mail .attachment:hover {
    border-color:
        rgba(118,118,105,.28) !important;

    background:
        #f6f6f5 !important;
}


/* ------------------------------------------------------------
   FOOTERS
   ------------------------------------------------------------ */

body.task-mail #layout > div > .footer {
    background:
        rgba(255,255,255,.96) !important;

    border-top:
        1px solid
        var(--jam-border) !important;
}


/* ------------------------------------------------------------
   POPOVERS / MENUS
   ------------------------------------------------------------ */

body.task-mail .popupmenu,
body.task-mail .popover,
body.task-mail .ui-dialog {
    border:
        1px solid
        var(--jam-border-strong) !important;

    border-radius:
        14px !important;

    box-shadow:
        0 20px 50px
        rgba(37,37,33,.16) !important;
}


/* ============================================================
   DARK MODE
   ============================================================ */

html.dark-mode body.task-mail {
    --jam-bg: #121211;

    --jam-panel: #1d1d1a;
    --jam-panel-soft: #191917;
    --jam-panel-hover: #272723;

    --jam-text: #e7e7e5;
    --jam-text-strong: #f9f9f9;
    --jam-muted: #a7a79d;

    --jam-border: rgba(201,201,194,.095);
    --jam-border-strong: rgba(201,201,194,.14);

    --jam-selected: #34342f;

    background:
        var(--jam-bg) !important;
}


/* sidebar */

html.dark-mode body.task-mail #layout-sidebar {
    background:
        linear-gradient(
            180deg,
            #181816,
            #1b1b18
        ) !important;
}


/* main panes */

html.dark-mode body.task-mail #layout-list,
html.dark-mode body.task-mail #layout-content {
    background:
        var(--jam-panel) !important;
}


/* pane headers */

html.dark-mode body.task-mail #layout > div > .header {
    background:
        rgba(27,27,25,.94) !important;

    color:
        var(--jam-text-strong) !important;

    border-color:
        var(--jam-border) !important;
}


/* mailbox */

html.dark-mode body.task-mail #mailboxlist li > a {
    color:
        #cdcdc8 !important;
}


html.dark-mode body.task-mail #mailboxlist li > a:hover {
    color:
        #ffffff !important;

    background:
        rgba(158,158,146,.075) !important;
}


html.dark-mode body.task-mail #mailboxlist li.selected > a {
    color:
        #cacac4 !important;

    background:
        rgba(118,118,105,.14) !important;
}


/* search */

html.dark-mode body.task-mail #searchbar {
    background:
        #181815 !important;

    border-color:
        var(--jam-border-strong) !important;
}


html.dark-mode body.task-mail #searchbar:focus-within {
    background:
        #20201d !important;
}


html.dark-mode body.task-mail #searchbar input {
    color:
        #f6f6f4 !important;
}


/* rows */

html.dark-mode body.task-mail #messagelist,
html.dark-mode body.task-mail #messagelist tr > td {
    background:
        var(--jam-panel) !important;

    color:
        var(--jam-text) !important;

    border-color:
        var(--jam-border) !important;
}


html.dark-mode body.task-mail #messagelist tr:hover > td {
    background:
        var(--jam-panel-hover) !important;
}


html.dark-mode body.task-mail #messagelist tr.unread > td {
    background:
        #20201d !important;

    color:
        #f8f8f7 !important;
}


html.dark-mode body.task-mail #messagelist tr.selected > td,
html.dark-mode body.task-mail #messagelist tr.selected:hover > td {
    background:
        linear-gradient(
            90deg,
            #363631,
            #2c2c28
        ) !important;

    color:
        #ffffff !important;
}


html.dark-mode body.task-mail #messagelist tr.selected > td *,
html.dark-mode body.task-mail #messagelist tr.selected:hover > td * {
    color:
        #ffffff !important;
}


html.dark-mode body.task-mail #messagelist .subject {
    color:
        #f5f5f4;
}


/* reading pane */

html.dark-mode body.task-mail #message-header {
    background:
        #1e1e1b !important;

    color:
        #f0f0ee !important;

    border-color:
        var(--jam-border) !important;
}


html.dark-mode body.task-mail #message-header *,
html.dark-mode body.task-mail h2.subject,
html.dark-mode body.task-mail h2.subject * {
    color:
        #f9f9f8 !important;
}


html.dark-mode body.task-mail #messagebody {
    background:
        #171714 !important;
}


html.dark-mode body.task-mail #messagebody > .message-part {
    background:
        #21211d !important;

    color:
        #f4f4f3 !important;

    border-color:
        var(--jam-border) !important;

    box-shadow:
        0 12px 34px
        rgba(0,0,0,.15) !important;
}


html.dark-mode body.task-mail #messagebody .pre {
    background:
        transparent !important;

    color:
        #f4f4f3 !important;
}


html.dark-mode body.task-mail #messagebody blockquote {
    background:
        #1c1c1a !important;

    color:
        #cbcbc5 !important;
}


/* footer */

html.dark-mode body.task-mail #layout > div > .footer {
    background:
        #1d1d1a !important;

    border-color:
        var(--jam-border) !important;
}


/* ------------------------------------------------------------
   MOTION ACCESSIBILITY
   ------------------------------------------------------------ */

@media (prefers-reduced-motion: reduce) {

    body.task-mail *,
    body.task-mail *::before,
    body.task-mail *::after {
        transition-duration:
            .01ms !important;
    }
}


/* ------------------------------------------------------------
   TABLET
   ------------------------------------------------------------ */

@media (max-width: 1024px) {

    body.task-mail #layout > div > .header {
        min-height:
            52px;
    }

    body.task-mail #messagelist tr > td {
        padding-top:
            .48rem !important;

        padding-bottom:
            .48rem !important;
    }

}


/* ------------------------------------------------------------
   PHONE
   ------------------------------------------------------------ */

@media (max-width: 600px) {

    body.task-mail #mailboxlist {
        padding:
            .45rem !important;
    }

    body.task-mail #mailboxlist li > a {
        min-height:
            42px;
    }

    body.task-mail #messagebody {
        padding:
            .6rem !important;
    }

    body.task-mail #messagebody > .message-part {
        padding:
            1rem !important;

        border-radius:
            12px !important;
    }

}



/* ============================================================
   J&A MAIL UI V2 — MOBILE APP POLISH
   ============================================================ */

@media (max-width: 600px) {

    /* --------------------------------------------------------
       Safe areas / modern phones
       -------------------------------------------------------- */

    body.task-mail {
        padding-bottom:
            env(safe-area-inset-bottom);
    }

    #layout-menu {
        padding-bottom:
            env(safe-area-inset-bottom);
    }


    /* --------------------------------------------------------
       Headers
       -------------------------------------------------------- */

    body.task-mail #layout > div > .header {
        min-height: 52px !important;

        padding-left: .7rem !important;
        padding-right: .7rem !important;

        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
    }


    /* --------------------------------------------------------
       Touch targets
       -------------------------------------------------------- */

    body.task-mail .toolbar a,
    body.task-mail .menu a,
    body.task-mail #mailboxlist li > a,
    body.task-mail button {
        min-width: 44px;
        min-height: 44px;
    }


    /* Don't use desktop hover movement on touch screens */

    body.task-mail .toolbar a:hover {
        transform: none !important;
    }


    /* --------------------------------------------------------
       Folder list
       -------------------------------------------------------- */

    body.task-mail #mailboxlist {
        padding:
            .5rem .4rem !important;
    }

    body.task-mail #mailboxlist li > a {
        min-height: 46px;

        padding:
            .55rem .75rem !important;

        margin:
            2px 3px !important;

        border-radius:
            11px !important;

        font-size:
            .95rem;
    }

    body.task-mail #mailboxlist .unreadcount {
        min-width: 24px;
        height: 22px;

        font-size:
            .7rem;
    }


    /* --------------------------------------------------------
       Search
       -------------------------------------------------------- */

    body.task-mail #searchbar {
        min-height: 44px;

        border-radius:
            12px !important;
    }

    body.task-mail #searchbar input {
        /*
         * 16px avoids automatic zoom on iOS when focusing inputs.
         */
        font-size:
            16px !important;
    }


    /* --------------------------------------------------------
       Message list
       -------------------------------------------------------- */

    body.task-mail #messagelist tr > td {
        min-height:
            58px;

        padding-top:
            .65rem !important;

        padding-bottom:
            .65rem !important;
    }

    body.task-mail #messagelist .subject {
        font-size:
            .94rem;

        line-height:
            1.3;
    }

    body.task-mail #messagelist .fromto {
        font-size:
            .9rem;
    }

    body.task-mail #messagelist .date {
        font-size:
            .74rem !important;

        color:
            var(--jam-muted) !important;
    }

    /*
     * Message size is low-value information on a narrow phone.
     * Attachment icon remains available.
     */
    body.task-mail #messagelist .size {
        display:
            none !important;
    }


    /* --------------------------------------------------------
       Selected / unread mail
       -------------------------------------------------------- */

    body.task-mail #messagelist tr.selected > td:first-child,
    body.task-mail #messagelist tr.unread > td:first-child {
        box-shadow:
            inset 3px 0 0
            var(--jam-accent) !important;
    }


    /* --------------------------------------------------------
       Reading pane
       -------------------------------------------------------- */

    body.task-mail #message-header {
        padding:
            .85rem .9rem !important;
    }

    body.task-mail #message-header h2.subject,
    body.task-mail h2.subject {
        font-size:
            1.1rem !important;

        line-height:
            1.3;

        margin-bottom:
            .55rem;
    }

    body.task-mail #messagebody {
        padding:
            .55rem !important;
    }

    body.task-mail #messagebody > .message-part {
        width:
            100%;

        max-width:
            none;

        margin:
            0;

        padding:
            1rem !important;

        border-radius:
            12px !important;

        box-shadow:
            0 5px 18px
            rgba(34,34,31,.04) !important;
    }

    body.task-mail #messagebody .pre {
        font-size:
            .94rem;

        line-height:
            1.62 !important;
    }


    /* --------------------------------------------------------
       Images inside mail
       -------------------------------------------------------- */

    body.task-mail #messagebody img {
        max-width:
            100% !important;

        height:
            auto !important;
    }


    /* --------------------------------------------------------
       Attachments
       -------------------------------------------------------- */

    body.task-mail .attachmentslist {
        width:
            100%;
    }

    body.task-mail .attachmentslist li,
    body.task-mail .attachment {
        width:
            100%;

        min-height:
            46px;

        margin:
            .35rem 0 !important;

        border-radius:
            11px !important;
    }


    /* --------------------------------------------------------
       Forms / compose
       -------------------------------------------------------- */

    body.task-mail input,
    body.task-mail textarea,
    body.task-mail select {
        /*
         * Prevent iPhone Safari from zooming the page
         * when focusing a field.
         */
        font-size:
            16px;
    }


    /* --------------------------------------------------------
       Dialogs
       -------------------------------------------------------- */

    body.task-mail .ui-dialog {
        max-width:
            calc(100vw - 1rem) !important;

        max-height:
            calc(100vh - 1rem) !important;

        border-radius:
            16px !important;
    }

}


/* Fine-tuning specifically for coarse/touch pointers */

@media (pointer: coarse) {

    body.task-mail a,
    body.task-mail button {
        -webkit-tap-highlight-color:
            rgba(118,118,105,.12);
    }

}

/* Source: compose-ux-v2.css; original layout and behavior preserved. */

/* ============================================================
   J&A AUTOMATION — COMPOSE UX V2
   Desktop + Mobile
   ============================================================ */


/* ============================================================
   DESKTOP — MAKE COMPOSE THE PRIMARY ACTION
   ============================================================ */

body.task-mail #taskmenu .action-buttons .compose {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #292925 0%,
            #636359 55%,
            #4f4f47 100%
        ) !important;

    border-radius:
        13px !important;

    box-shadow:
        0 8px 22px
        rgba(118,118,105,.30),
        inset 0 1px 0
        rgba(255,255,255,.13) !important;

    transition:
        transform .15s ease,
        box-shadow .15s ease,
        filter .15s ease !important;
}


body.task-mail #taskmenu .action-buttons .compose:hover {
    color:
        #ffffff !important;

    filter:
        brightness(1.08);

    transform:
        translateY(-1px);

    box-shadow:
        0 11px 28px
        rgba(118,118,105,.37),
        inset 0 1px 0
        rgba(255,255,255,.15) !important;
}


body.task-mail #taskmenu .action-buttons .compose:active {
    transform:
        translateY(0);
}


/* ============================================================
   MOBILE — FLOATING "+ NEW MESSAGE" BUTTON
   ============================================================ */

@media (max-width: 600px) {

    /*
     * Elastic already creates .floating-action-buttons from
     * data-fab=true. We only redesign it.
     */

    body.task-mail .floating-action-buttons {
        position:
            fixed !important;

        right:
            max(14px, env(safe-area-inset-right)) !important;

        bottom:
            calc(18px + env(safe-area-inset-bottom)) !important;

        z-index:
            1100 !important;

        pointer-events:
            none;
    }


    body.task-mail .floating-action-buttons a.button.compose {
        display:
            inline-flex !important;

        align-items:
            center;

        justify-content:
            center;

        width:
            auto !important;

        min-width:
            158px !important;

        height:
            54px !important;

        padding:
            0 1.15rem !important;

        margin:
            0 !important;

        border:
            1px solid
            rgba(196,196,189,.25) !important;

        border-radius:
            999px !important;

        color:
            #ffffff !important;

        background:
            linear-gradient(
                135deg,
                #7b7b6f 0%,
                #68685d 50%,
                #515149 100%
            ) !important;

        box-shadow:
            0 14px 36px
            rgba(66,66,59,.36),
            0 4px 12px
            rgba(0,0,0,.18),
            inset 0 1px 0
            rgba(255,255,255,.18) !important;

        opacity:
            1 !important;

        pointer-events:
            auto;

        transition:
            transform .15s ease,
            box-shadow .15s ease,
            filter .15s ease !important;
    }


    /*
     * Replace Roundcube's icon with a clean +
     */

    body.task-mail .floating-action-buttons a.button.compose::before {
        content:
            "+" !important;

        display:
            inline-flex !important;

        align-items:
            center;

        justify-content:
            center;

        width:
            auto !important;

        height:
            auto !important;

        margin-right:
            .55rem !important;

        font-family:
            inherit !important;

        font-size:
            1.55rem !important;

        font-weight:
            400 !important;

        line-height:
            1 !important;

        color:
            #ffffff !important;
    }


    /*
     * Elastic normally hides .inner in FABs.
     * Show our text instead.
     */

    body.task-mail .floating-action-buttons a.button.compose .inner {
        display:
            inline-block !important;

        font-size:
            0 !important;

        color:
            #ffffff !important;
    }


    body.task-mail .floating-action-buttons a.button.compose .inner::after {
        content:
            "New message";

        font-size:
            .92rem;

        font-weight:
            700;

        letter-spacing:
            .01em;

        white-space:
            nowrap;
    }


    body.task-mail .floating-action-buttons a.button.compose:active {
        transform:
            scale(.97);
    }


    /*
     * Extra safety: never show the FAB while already composing.
     */

    body.task-mail.action-compose .floating-action-buttons {
        display:
            none !important;
    }

}


/* ============================================================
   PHONE TASK MENU — COMPOSE AS LARGE CTA
   ============================================================ */

html.layout-phone body.task-mail #taskmenu .action-buttons {
    padding:
        .55rem .55rem .35rem;
}


html.layout-phone body.task-mail #taskmenu .action-buttons .compose {
    width:
        100% !important;

    min-height:
        48px;

    display:
        flex !important;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        12px !important;

    color:
        #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #292925,
            #5a5a51
        ) !important;

    box-shadow:
        0 9px 24px
        rgba(118,118,105,.25) !important;
}


/* ============================================================
   MESSAGE ACTION SHELF — MOBILE
   Reply/navigation feels more like a native mail app
   ============================================================ */

@media (max-width: 600px) {

    body.task-mail #layout-content > .footer.content-frame-navigation {
        position:
            sticky;

        bottom:
            0;

        z-index:
            850;

        min-height:
            58px;

        padding-bottom:
            env(safe-area-inset-bottom);

        background:
            rgba(30,30,26,.92) !important;

        border-top:
            1px solid
            rgba(177,177,168,.13) !important;

        box-shadow:
            0 -10px 28px
            rgba(0,0,0,.13);

        backdrop-filter:
            blur(16px)
            saturate(130%);

        -webkit-backdrop-filter:
            blur(16px)
            saturate(130%);
    }


    body.task-mail .content-frame-navigation .buttons {
        display:
            flex;

        align-items:
            center;

        justify-content:
            center;

        gap:
            .4rem;
    }


    body.task-mail .content-frame-navigation .button {
        min-width:
            46px;

        min-height:
            44px;

        border-radius:
            11px !important;
    }


    /*
     * Reply = primary action when reading mail
     */

    body.task-mail .content-frame-navigation .button.reply {
        color:
            #ffffff !important;

        background:
            linear-gradient(
                135deg,
                #292925,
                #5c5c52
            ) !important;

        box-shadow:
            0 7px 20px
            rgba(118,118,105,.24);
    }

}


/* ============================================================
   COMPOSE SCREEN
   ============================================================ */

body.task-mail.action-compose #layout-content {
    background:
        #f8f8f8 !important;
}


body.task-mail.action-compose #compose-content {
    background:
        #f8f8f8;
}


body.task-mail.action-compose #compose-headers {
    background:
        #ffffff;

    border-bottom:
        1px solid
        rgba(45,45,40,.08);

    box-shadow:
        0 6px 22px
        rgba(34,34,31,.025);
}


body.task-mail.action-compose .compose-headers {
    padding:
        1rem 1.1rem .5rem;
}


body.task-mail.action-compose .compose-headers .form-control {
    min-height:
        43px;

    border:
        1px solid
        rgba(74,74,66,.14);

    border-radius:
        10px !important;

    background:
        #fdfdfc;

    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        background .15s ease;
}


body.task-mail.action-compose .compose-headers .form-control:focus {
    background:
        #ffffff;

    border-color:
        rgba(118,118,105,.58);

    box-shadow:
        0 0 0 3px
        rgba(118,118,105,.09);
}


/* ============================================================
   SEND = MOST IMPORTANT COMPOSE ACTION
   ============================================================ */

body.task-mail.action-compose .send,
body.task-mail.action-compose button.send,
body.task-mail.action-compose .btn.send {
    min-height:
        44px;

    min-width:
        112px;

    border:
        0 !important;

    border-radius:
        11px !important;

    color:
        #ffffff !important;

    font-weight:
        700 !important;

    background:
        linear-gradient(
            135deg,
            #7b7b6f 0%,
            #68685d 55%,
            #515149 100%
        ) !important;

    box-shadow:
        0 9px 25px
        rgba(118,118,105,.28),
        inset 0 1px 0
        rgba(255,255,255,.15) !important;
}


body.task-mail.action-compose .send:hover {
    filter:
        brightness(1.07);

    box-shadow:
        0 12px 30px
        rgba(118,118,105,.35) !important;
}


/* ============================================================
   MOBILE COMPOSER
   ============================================================ */

@media (max-width: 600px) {

    body.task-mail.action-compose .compose-headers {
        padding:
            .65rem .65rem .25rem;
    }


    body.task-mail.action-compose .compose-headers .form-control {
        min-height:
            46px;

        font-size:
            16px !important;
    }


    /*
     * Send becomes large and thumb-friendly in the bottom shelf.
     */

    body.task-mail.action-compose
    .content-frame-navigation
    .buttons {
        width:
            100%;

        padding:
            6px 8px;
    }


    body.task-mail.action-compose
    .content-frame-navigation
    .send {
        flex:
            1;

        min-height:
            48px;

        max-width:
            260px;

        border-radius:
            12px !important;
    }


    /*
     * Draft/secondary actions remain accessible,
     * but Send visually dominates.
     */

    body.task-mail.action-compose
    .content-frame-navigation
    .save {
        min-width:
            48px;

        min-height:
            48px;

        border-radius:
            12px !important;
    }

}


/* ============================================================
   DARK MODE
   ============================================================ */

html.dark-mode body.task-mail.action-compose #layout-content,
html.dark-mode body.task-mail.action-compose #compose-content {
    background:
        #171714 !important;
}


html.dark-mode body.task-mail.action-compose #compose-headers {
    background:
        #1e1e1b !important;

    border-color:
        rgba(194,194,186,.10) !important;
}


html.dark-mode body.task-mail.action-compose .compose-headers .form-control {
    color:
        #f5f5f4 !important;

    background:
        #1b1b18 !important;

    border-color:
        rgba(194,194,186,.14) !important;
}


html.dark-mode body.task-mail.action-compose
.compose-headers .form-control:focus {
    background:
        #242420 !important;

    border-color:
        rgba(158,158,146,.58) !important;
}


/* ============================================================
   ACCESSIBILITY
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    body.task-mail #taskmenu .compose,
    body.task-mail .floating-action-buttons .compose,
    body.task-mail.action-compose .send {
        transition:
            none !important;
    }

}


/* Source: workspace-v2.css; original layout and behavior preserved. */

/* ============================================================
   J&A AUTOMATION — WORKSPACE V2
   Unified Mail / Contacts / Settings experience
   ============================================================ */


/* ============================================================
   FIX: MOBILE COMPOSE BUTTON
   ============================================================ */

@media (max-width: 600px) {

    html.layout-phone body.task-mail
    #taskmenu .action-buttons {
        width: 100% !important;
        box-sizing: border-box !important;

        padding:
            .55rem !important;
    }


    html.layout-phone body.task-mail
    #taskmenu .action-buttons .compose {
        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            .55rem !important;

        width:
            100% !important;

        max-width:
            100% !important;

        min-width:
            0 !important;

        min-height:
            48px;

        margin:
            0 !important;

        padding:
            0 .9rem !important;

        box-sizing:
            border-box !important;

        border-radius:
            12px !important;
    }


    /*
     * Elastic's icon has its own sizing.
     * Reset it so icon + text are centered as one unit.
     */

    html.layout-phone body.task-mail
    #taskmenu .action-buttons .compose::before {
        position:
            static !important;

        float:
            none !important;

        display:
            inline-block !important;

        flex:
            0 0 auto;

        width:
            auto !important;

        height:
            auto !important;

        line-height:
            1 !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }


    html.layout-phone body.task-mail
    #taskmenu .action-buttons .compose .inner {
        display:
            inline-block !important;

        width:
            auto !important;

        margin:
            0 !important;

        padding:
            0 !important;

        line-height:
            1.2;
    }


    /* Floating Compose button safety */

    body.task-mail
    .floating-action-buttons
    a.button.compose {
        max-width:
            calc(100vw - 28px) !important;

        box-sizing:
            border-box !important;

        gap:
            .5rem !important;
    }


    body.task-mail
    .floating-action-buttons
    a.button.compose::before {
        margin:
            0 !important;
    }

}


/* ============================================================
   SHARED APP TOKENS
   ============================================================ */

body.task-addressbook,
body.task-settings {
    --jaw-bg: #f4f4f2;
    --jaw-panel: #ffffff;
    --jaw-panel-soft: #f8f8f6;

    --jaw-hover: #f6f6f5;
    --jaw-selected: #f2f2f1;

    --jaw-text: #20201d;
    --jaw-text-strong: #20201d;
    --jaw-muted: #6b6b62;

    --jaw-border:
        rgba(45,45,40,.09);

    --jaw-border-strong:
        rgba(45,45,40,.14);

    --jaw-accent: #292925;
    --jaw-accent-bright: #a5a59b;

    background:
        var(--jaw-bg) !important;

    color:
        var(--jaw-text);
}


/* ============================================================
   LEFT GLOBAL J&A NAV
   ============================================================ */

body.task-addressbook #layout-menu,
body.task-settings #layout-menu {
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(118,118,105,.15),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            #232320 0%,
            #292925 100%
        ) !important;

    border-right:
        0 !important;

    box-shadow:
        5px 0 24px
        rgba(23,23,20,.10) !important;
}


body.task-addressbook #taskmenu a,
body.task-settings #taskmenu a {
    color:
        rgba(242,242,240,.68) !important;

    margin:
        4px 7px !important;

    border-radius:
        11px !important;

    transition:
        background .15s ease,
        color .15s ease !important;
}


body.task-addressbook #taskmenu a:hover,
body.task-settings #taskmenu a:hover {
    color:
        #ffffff !important;

    background:
        rgba(255,255,255,.075) !important;
}


body.task-addressbook #taskmenu a.selected,
body.task-settings #taskmenu a.selected {
    color:
        #ffffff !important;

    background:
        linear-gradient(
            135deg,
            rgba(118,118,105,.34),
            rgba(118,118,105,.16)
        ) !important;

    box-shadow:
        inset 3px 0 0
        var(--jaw-accent-bright),
        0 7px 18px
        rgba(0,0,0,.10) !important;
}


/* ============================================================
   PANES
   ============================================================ */

body.task-addressbook #layout-sidebar,
body.task-addressbook #layout-list,
body.task-addressbook #layout-content,
body.task-settings #layout-sidebar,
body.task-settings #layout-list,
body.task-settings #layout-content {
    border-color:
        var(--jaw-border) !important;
}


body.task-addressbook #layout-sidebar,
body.task-settings #layout-sidebar {
    background:
        linear-gradient(
            180deg,
            #f4f4f2,
            #f7f7f7
        ) !important;

    border-right:
        1px solid
        var(--jaw-border) !important;
}


body.task-addressbook #layout-list,
body.task-addressbook #layout-content,
body.task-settings #layout-list,
body.task-settings #layout-content {
    background:
        var(--jaw-panel) !important;
}


body.task-addressbook #layout-list,
body.task-settings #layout-list {
    border-right:
        1px solid
        var(--jaw-border) !important;
}


/* ============================================================
   HEADERS
   ============================================================ */

body.task-addressbook #layout > div > .header,
body.task-settings #layout > div > .header {
    min-height:
        58px;

    color:
        var(--jaw-text-strong) !important;

    background:
        rgba(255,255,255,.92) !important;

    border-bottom:
        1px solid
        var(--jaw-border) !important;

    font-weight:
        650;

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);
}


/* ============================================================
   TOOLBARS
   ============================================================ */

body.task-addressbook .toolbar a,
body.task-settings .toolbar a {
    border-radius:
        10px !important;

    transition:
        color .14s ease,
        background .14s ease,
        transform .14s ease !important;
}


body.task-addressbook .toolbar a:hover,
body.task-settings .toolbar a:hover {
    color:
        #636359 !important;

    background:
        rgba(118,118,105,.09) !important;
}


/* ============================================================
   SEARCH BARS
   ============================================================ */

body.task-addressbook .searchbar,
body.task-settings .searchbar {
    min-height:
        39px;

    background:
        var(--jaw-panel-soft) !important;

    border:
        1px solid
        var(--jaw-border-strong) !important;

    border-radius:
        12px !important;

    box-shadow:
        none !important;
}


body.task-addressbook .searchbar:focus-within,
body.task-settings .searchbar:focus-within {
    background:
        #ffffff !important;

    border-color:
        rgba(118,118,105,.55) !important;

    box-shadow:
        0 0 0 3px
        rgba(118,118,105,.10) !important;
}


/* ============================================================
   GENERIC LISTS
   ============================================================ */

body.task-addressbook .listing li,
body.task-settings .listing li {
    border-color:
        var(--jaw-border) !important;

    color:
        var(--jaw-text);

    transition:
        background .13s ease,
        color .13s ease;
}


body.task-addressbook .listing li:hover,
body.task-settings .listing li:hover {
    background:
        var(--jaw-hover) !important;
}


body.task-addressbook .listing li.selected,
body.task-settings .listing li.selected {
    color:
        #58584e !important;

    background:
        linear-gradient(
            90deg,
            rgba(118,118,105,.13),
            rgba(158,158,146,.06)
        ) !important;

    box-shadow:
        inset 3px 0 0
        var(--jaw-accent);
}


/* ============================================================
   CONTACTS
   ============================================================ */

body.task-addressbook #directorylist,
body.task-addressbook #savedsearchlist {
    padding:
        .55rem !important;
}


body.task-addressbook #directorylist li,
body.task-addressbook #savedsearchlist li {
    margin:
        2px 3px;

    border-radius:
        10px;
}


body.task-addressbook #contacts-table li {
    min-height:
        54px;

    padding-top:
        .55rem !important;

    padding-bottom:
        .55rem !important;

    border-bottom:
        1px solid
        var(--jaw-border) !important;
}


body.task-addressbook #contacts-table li:hover {
    background:
        var(--jaw-hover) !important;
}


/* New Contact = primary desktop action */

body.task-addressbook
#addressbooktoolbar
.create:not(.disabled) {
    color:
        #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #292925,
            #5a5a51
        ) !important;

    border-radius:
        10px !important;

    box-shadow:
        0 7px 20px
        rgba(118,118,105,.22);
}


/* ============================================================
   CONTACTS — MOBILE NEW CONTACT FAB
   ============================================================ */

@media (max-width: 600px) {

    body.task-addressbook
    .floating-action-buttons {
        position:
            fixed !important;

        right:
            max(14px, env(safe-area-inset-right)) !important;

        bottom:
            calc(
                18px + env(safe-area-inset-bottom)
            ) !important;

        z-index:
            1100 !important;
    }


    body.task-addressbook
    .floating-action-buttons
    a.button.create {
        display:
            inline-flex !important;

        align-items:
            center;

        justify-content:
            center;

        gap:
            .5rem;

        width:
            auto !important;

        min-width:
            148px !important;

        max-width:
            calc(100vw - 28px) !important;

        height:
            54px !important;

        padding:
            0 1.15rem !important;

        margin:
            0 !important;

        box-sizing:
            border-box !important;

        border-radius:
            999px !important;

        color:
            #ffffff !important;

        background:
            linear-gradient(
                135deg,
                #7b7b6f,
                #68685d 55%,
                #515149
            ) !important;

        box-shadow:
            0 14px 36px
            rgba(66,66,59,.34),
            0 4px 12px
            rgba(0,0,0,.16) !important;
    }


    body.task-addressbook
    .floating-action-buttons
    a.button.create::before {
        content:
            "+" !important;

        position:
            static !important;

        width:
            auto !important;

        height:
            auto !important;

        line-height:
            1 !important;

        margin:
            0 !important;

        font-family:
            inherit !important;

        font-size:
            1.5rem !important;
    }


    body.task-addressbook
    .floating-action-buttons
    a.button.create .inner {
        display:
            inline-block !important;

        font-size:
            0 !important;
    }


    body.task-addressbook
    .floating-action-buttons
    a.button.create .inner::after {
        content:
            "New contact";

        font-size:
            .92rem;

        font-weight:
            700;

        white-space:
            nowrap;
    }

}


/* ============================================================
   SETTINGS SIDEBAR
   ============================================================ */

body.task-settings #settings-menu {
    padding:
        .65rem .5rem !important;
}


body.task-settings #settings-menu li {
    margin:
        2px 3px !important;

    border-radius:
        10px !important;
}


body.task-settings #settings-menu li > a {
    min-height:
        42px;

    display:
        flex;

    align-items:
        center;

    padding:
        .5rem .7rem !important;

    border-radius:
        10px !important;

    color:
        #5c5c52 !important;
}


body.task-settings #settings-menu li > a:hover {
    background:
        rgba(118,118,105,.075) !important;
}


body.task-settings #settings-menu li.selected > a {
    color:
        #58584e !important;

    background:
        rgba(118,118,105,.11) !important;

    font-weight:
        650;
}


/* Preference sections */

body.task-settings #sections-table li {
    min-height:
        48px;

    padding:
        .55rem .7rem !important;
}


/* ============================================================
   SETTINGS FORMS
   ============================================================ */

body.task-settings .propform,
body.task-settings .formcontent {
    color:
        var(--jaw-text);
}


body.task-settings fieldset {
    margin:
        .8rem;

    padding:
        1rem 1.1rem;

    border:
        1px solid
        var(--jaw-border) !important;

    border-radius:
        14px;

    background:
        #ffffff;

    box-shadow:
        0 6px 22px
        rgba(34,34,31,.025);
}


body.task-settings legend {
    color:
        var(--jaw-text-strong) !important;

    font-weight:
        680 !important;
}


body.task-settings .form-control {
    border:
        1px solid
        var(--jaw-border-strong) !important;

    border-radius:
        10px !important;

    background:
        #fdfdfc;

    color:
        var(--jaw-text);
}


body.task-settings .form-control:focus {
    background:
        #ffffff;

    border-color:
        rgba(118,118,105,.55) !important;

    box-shadow:
        0 0 0 3px
        rgba(118,118,105,.10) !important;
}


body.task-settings .btn-primary {
    border:
        0 !important;

    border-radius:
        10px !important;

    background:
        linear-gradient(
            135deg,
            #292925,
            #5a5a51
        ) !important;

    box-shadow:
        0 7px 20px
        rgba(118,118,105,.20);
}


/* ============================================================
   POPUPS
   ============================================================ */

body.task-addressbook .popupmenu,
body.task-addressbook .popover,
body.task-addressbook .ui-dialog,
body.task-settings .popupmenu,
body.task-settings .popover,
body.task-settings .ui-dialog {
    border:
        1px solid
        var(--jaw-border-strong) !important;

    border-radius:
        14px !important;

    box-shadow:
        0 20px 50px
        rgba(37,37,33,.16) !important;
}


/* ============================================================
   MOBILE GENERAL
   ============================================================ */

@media (max-width: 600px) {

    body.task-addressbook
    #layout > div > .header,

    body.task-settings
    #layout > div > .header {
        min-height:
            52px;

        padding-left:
            .7rem !important;

        padding-right:
            .7rem !important;
    }


    body.task-addressbook .toolbar a,
    body.task-settings .toolbar a,
    body.task-addressbook button,
    body.task-settings button {
        min-width:
            44px;

        min-height:
            44px;
    }


    body.task-addressbook .searchbar {
        min-height:
            44px;
    }


    body.task-addressbook .searchbar input,
    body.task-settings input,
    body.task-settings select,
    body.task-settings textarea {
        font-size:
            16px !important;
    }


    body.task-settings #settings-menu li > a {
        min-height:
            46px;
    }


    body.task-settings fieldset {
        margin:
            .5rem;

        padding:
            .8rem;

        border-radius:
            12px;
    }

}


/* ============================================================
   DARK MODE
   ============================================================ */

html.dark-mode body.task-addressbook,
html.dark-mode body.task-settings {
    --jaw-bg: #121211;
    --jaw-panel: #1d1d1a;
    --jaw-panel-soft: #191917;

    --jaw-hover: #272723;
    --jaw-selected: #34342f;

    --jaw-text: #e7e7e5;
    --jaw-text-strong: #f9f9f9;
    --jaw-muted: #a7a79d;

    --jaw-border:
        rgba(201,201,194,.095);

    --jaw-border-strong:
        rgba(201,201,194,.14);

    background:
        var(--jaw-bg) !important;
}


html.dark-mode body.task-addressbook
#layout-sidebar,

html.dark-mode body.task-settings
#layout-sidebar {
    background:
        linear-gradient(
            180deg,
            #181816,
            #1b1b18
        ) !important;
}


html.dark-mode body.task-addressbook
#layout-list,

html.dark-mode body.task-addressbook
#layout-content,

html.dark-mode body.task-settings
#layout-list,

html.dark-mode body.task-settings
#layout-content {
    background:
        var(--jaw-panel) !important;
}


html.dark-mode body.task-addressbook
#layout > div > .header,

html.dark-mode body.task-settings
#layout > div > .header {
    color:
        var(--jaw-text-strong) !important;

    background:
        rgba(27,27,25,.94) !important;

    border-color:
        var(--jaw-border) !important;
}


html.dark-mode body.task-addressbook
.listing li,

html.dark-mode body.task-settings
.listing li {
    color:
        #d5d5d0;
}


html.dark-mode body.task-addressbook
.listing li:hover,

html.dark-mode body.task-settings
.listing li:hover {
    background:
        var(--jaw-hover) !important;
}


html.dark-mode body.task-addressbook
.listing li.selected,

html.dark-mode body.task-settings
.listing li.selected {
    color:
        #ffffff !important;

    background:
        linear-gradient(
            90deg,
            #363631,
            #2c2c28
        ) !important;
}


html.dark-mode body.task-settings
#settings-menu li > a {
    color:
        #cdcdc8 !important;
}


html.dark-mode body.task-settings
#settings-menu li > a:hover {
    color:
        #ffffff !important;

    background:
        rgba(158,158,146,.075) !important;
}


html.dark-mode body.task-settings
fieldset {
    background:
        #21211d !important;

    border-color:
        var(--jaw-border) !important;
}


html.dark-mode body.task-settings
.form-control {
    color:
        #f5f5f4 !important;

    background:
        #1b1b18 !important;

    border-color:
        var(--jaw-border-strong) !important;
}


html.dark-mode body.task-settings
.form-control:focus {
    background:
        #242420 !important;
}


/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    body.task-addressbook *,
    body.task-settings * {
        transition-duration:
            .01ms !important;
    }

}


/* J&A portal alignment. Fonts and light tokens from the production portal.
   Scope typography to application chrome; message HTML and editor frames retain
   their own formatting. Keep Elastic's icons, layout, states and event handlers. */
@font-face {
  font-family: 'Geist'; src: url('fonts/geist-latin.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Geist Mono'; src: url('fonts/geist-mono-latin.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
}
html:root body[class] {
  --ja-bg: #f4f4f2; --ja-surface: #fff; --ja-surface-soft: #f8f8f6;
  --ja-text: #20201d; --ja-muted: #6b6b62; --ja-border: #e4e4df;
  --ja-primary: #292925; --ja-primary-strong: #111110; --ja-primary-soft: #eeeee9;
  --ja-nav: #232320; --ja-nav-2: #292925;
  --ja-control-border: #898980; --ja-focus: #4568ff;
  --ja-shadow: 0 16px 48px rgb(25 25 20 / 7%);
  --ja-shadow-soft: 0 1px 2px rgb(25 25 20 / 3.5%);
  --jam-bg: var(--ja-bg); --jam-panel: var(--ja-surface);
  --jam-panel-soft: var(--ja-surface-soft); --jam-panel-hover: var(--ja-primary-soft);
  --jam-sidebar: var(--ja-nav); --jam-sidebar-2: var(--ja-nav-2);
  --jam-text: var(--ja-text); --jam-text-strong: var(--ja-text); --jam-muted: var(--ja-muted);
  --jam-border: var(--ja-border); --jam-border-strong: #d1d1c9;
  --jam-accent: var(--ja-primary); --jam-accent-bright: #a5a59b;
  --jam-accent-soft: rgb(41 41 37 / 8%); --jam-selected: var(--ja-primary-soft);
  --jaw-bg: var(--ja-bg); --jaw-panel: var(--ja-surface); --jaw-panel-soft: var(--ja-surface-soft);
  --jaw-hover: var(--ja-primary-soft); --jaw-selected: var(--ja-primary-soft);
  --jaw-text: var(--ja-text); --jaw-text-strong: var(--ja-text); --jaw-muted: var(--ja-muted);
  --jaw-border: var(--ja-border); --jaw-border-strong: #d1d1c9;
  --jaw-accent: var(--ja-primary); --jaw-accent-bright: #a5a59b;
  color: var(--ja-text); background: var(--ja-bg);
  font-family: 'Geist', ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
html:root body[class].dark-mode, html:root.dark-mode body[class] {
  --ja-bg: #1c1c19; --ja-surface: #242421; --ja-surface-soft: #292925;
  --ja-text: #f0f0eb; --ja-muted: #b5b5aa; --ja-border: #41413a;
  --ja-primary: #deded5; --ja-primary-strong: #fff; --ja-primary-soft: #373731;
  --ja-control-border: #898980; --jam-border-strong: #626259; --jaw-border-strong: #626259;
}
html:root body[class] input, html:root body[class] button, html:root body[class] select,
html:root body[class] textarea, html:root body[class] .ui-widget, html:root body[class] .popover,
html:root body[class] .tox .tox-toolbar, html:root body[class] .tox .tox-tbtn {
  font-family: 'Geist', ui-sans-serif, system-ui, sans-serif;
}
html:root body[class] #layout-menu { background: #232320 !important; box-shadow: none !important; }
html:root body[class] #taskmenu a { color: #c8c8bf !important; }
html:root body[class] #taskmenu a:hover { color: #fff !important; background: #343430 !important; }
html:root body[class] #taskmenu a.selected {
  color: #fff !important; background: #41413a !important;
  box-shadow: inset 3px 0 0 #d1d1c9 !important;
}
html:root body[class] #layout-sidebar { background: var(--ja-bg) !important; }
html:root body[class] #layout-list, html:root body[class] #layout-content { background: var(--ja-surface) !important; }
html:root body[class] #layout > div > .header {
  background: var(--ja-surface) !important; color: var(--ja-text) !important;
  border-color: var(--ja-border) !important; backdrop-filter: none; -webkit-backdrop-filter: none;
}
html:root body[class] #layout .footer { background: var(--ja-surface-soft) !important; border-color: var(--ja-border) !important; }
html:root body[class] .ja-user-avatar { background: #292925 !important; box-shadow: none; color: #fff; }
html:root body[class] .btn-primary,
html:root body[class] #taskmenu .action-buttons .compose,
html:root body[class] .floating-action-buttons a.button.compose,
html:root body[class] .floating-action-buttons a.button.create,
html:root body[class] #layout-content .header a.create[data-fab]:not(.disabled) {
  background: #292925 !important; color: #fff !important; border-color: #626259 !important;
  box-shadow: var(--ja-shadow-soft) !important; border-radius: 10px !important;
}
html:root body[class] .btn-primary:hover,
html:root body[class] #taskmenu .action-buttons .compose:hover,
html:root body[class] .floating-action-buttons a.button:hover {
  background: #111110 !important; color: #fff !important;
}
html:root body[class] #mailboxlist li.selected > a,
html:root body[class] #settings-menu li.selected > a,
html:root body[class] .listing li.selected,
html:root body[class] #messagelist tr.selected td {
  background: var(--ja-primary-soft) !important; color: var(--ja-text) !important;
}
html:root body[class] #mailboxlist li.selected > a::before,
html:root body[class] #settings-menu li.selected > a::before { color: var(--ja-text) !important; }
html:root body[class] .searchbar { background: var(--ja-surface-soft) !important; border-color: var(--ja-control-border) !important; }
html:root body[class] .form-control, html:root body[class] .custom-select {
  background-color: var(--ja-surface) !important; color: var(--ja-text) !important;
  border-color: var(--ja-control-border) !important; border-radius: 10px;
}
html:root body[class] .form-control:focus, html:root body[class] .custom-select:focus,
html:root body[class] .searchbar:focus-within {
  border-color: var(--ja-focus) !important; box-shadow: 0 0 0 3px rgb(69 104 255 / 16%) !important;
}
html:root body[class] :is(a, button, input, select, textarea):focus-visible {
  outline: 2px solid var(--ja-focus) !important; outline-offset: 3px !important;
}
html:root body[class] .popupmenu, html:root body[class] .popover, html:root body[class] .ui-dialog {
  border-color: var(--ja-border) !important; box-shadow: var(--ja-shadow) !important;
}
/* The login remains Roundcube's native form, including its CSRF token,
   accessibility labels, password handling, validation and submit action. */
html:root body[class].task-login { background: var(--ja-bg) !important; }
html:root body[class].task-login::before, html:root body[class].task-login #login-form::before { content: none; }
html:root body[class].task-login #layout-content {
  min-height: 100svh; padding: clamp(24px, 6vh, 64px) 16px 32px;
  background: var(--ja-bg) !important; overflow: auto;
}
html:root body[class].task-login #logo {
  max-height: 112px; max-width: 190px; margin: 0 auto 24px;
  padding: 10px; background: #fff; border: 1px solid #e4e4df; border-radius: 16px; filter: none;
}
html:root body[class].task-login .ja-login-identity { margin: 0 auto 26px; }
html:root body[class].task-login .ja-login-company {
  color: var(--ja-text) !important; text-shadow: none; font-size: 1.8rem;
  font-weight: 650; letter-spacing: -.045em;
}
html:root body[class].task-login .ja-login-tagline {
  color: var(--ja-muted) !important; font-size: .9rem; font-weight: 400;
  letter-spacing: 0; text-transform: none;
}
html:root body[class].task-login .ja-login-caption {
  color: var(--ja-muted) !important; background: transparent; border: 0; padding: 0;
  font-family: 'Geist Mono', ui-monospace, monospace; font-size: .72rem; letter-spacing: .11em;
}
html:root body[class].task-login #login-form {
  margin: 0 auto; max-width: 430px; width: 100% !important;
  padding: 32px !important; border: 1px solid var(--ja-border) !important;
  border-radius: 20px !important; background: var(--ja-surface) !important;
  box-shadow: var(--ja-shadow) !important; backdrop-filter: none; -webkit-backdrop-filter: none;
}
html:root body[class].task-login #login-form .input-group { margin-bottom: 16px; }
html:root body[class].task-login #login-form .input-group-text {
  color: var(--ja-muted); background: var(--ja-surface-soft); border-color: var(--ja-control-border);
  border-radius: 10px 0 0 10px;
}
html:root body[class].task-login #login-form input.form-control {
  min-height: 50px; color: var(--ja-text) !important; background: var(--ja-surface) !important;
  border: 1px solid var(--ja-control-border) !important; box-shadow: none !important;
  border-radius: 0 10px 10px 0 !important; caret-color: var(--ja-text);
}
html:root body[class].task-login #login-form input.form-control:focus {
  border-color: var(--ja-focus) !important; box-shadow: 0 0 0 3px rgb(69 104 255 / 16%) !important;
}
html:root body[class].task-login #login-form input::placeholder { color: var(--ja-muted) !important; }
html:root body[class].task-login #login-form input:-webkit-autofill {
  -webkit-text-fill-color: var(--ja-text) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--ja-surface) inset !important;
  caret-color: var(--ja-text) !important;
}
html:root body[class].task-login #rcmloginsubmit {
  min-height: 50px; background: #292925 !important; color: #fff !important;
  border: 1px solid #626259 !important; border-radius: 10px !important;
  box-shadow: var(--ja-shadow-soft) !important; text-transform: none; letter-spacing: 0;
}
html:root body[class].task-login #rcmloginsubmit:hover { background: #111110 !important; filter: none; }
html:root body[class].task-login #login-footer { color: var(--ja-muted); font-size: .8rem; margin-top: 20px; }
html:root body[class].task-login a { color: var(--ja-text) !important; }
html:root body[class].task-login label { color: var(--ja-text) !important; }
@media (max-width: 600px) {
  html:root body[class].task-login #layout-content { padding: 28px 16px; }
  html:root body[class].task-login #logo { max-height: 90px; margin-bottom: 20px; }
  html:root body[class].task-login #login-form { padding: 24px 20px !important; }
  html:root body[class].task-login #login-form input { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html:root body[class] :is(a, button, input, select, textarea) { transition: none !important; }
}
/* Compose chrome and action states use the same flat portal surfaces. */
html:root body[class].task-mail.action-compose #layout-content,
html:root body[class].task-mail.action-compose #compose-content,
html:root body[class].task-mail.action-compose #compose-headers,
html:root body[class].task-mail.action-compose #composeoptions {
  background: var(--ja-surface) !important; color: var(--ja-text) !important;
  border-color: var(--ja-border) !important;
}
html:root body[class].task-mail.action-compose .send {
  background: #292925 !important; color: #fff !important;
  border: 1px solid #626259 !important; box-shadow: var(--ja-shadow-soft) !important;
}
html:root body[class] #layout-menu .popover-header,
html:root body[class] #taskmenu .special-buttons,
html:root body[class] #taskmenu .special-buttons a { background: #232320 !important; }
html:root body[class] #taskmenu .special-buttons a:hover { background: #343430 !important; }
html:root body[class] #layout-menu #logo { background: #fff; border-radius: 8px; padding: 3px; }
html:root body[class] .tox .tox-toolbar, html:root body[class] .tox .tox-toolbar__primary,
html:root body[class] .tox .tox-toolbar-overlord { background: var(--ja-surface-soft) !important; }
html:root body[class] .tox .tox-tbtn { color: var(--ja-text) !important; }
html:root body[class] .tox .tox-tbtn svg { fill: var(--ja-text) !important; }
html:root body[class] .tox .tox-tbtn:hover { background: var(--ja-primary-soft) !important; }

html:root body[class] .btn-secondary { color: var(--ja-text) !important; background: var(--ja-surface-soft) !important; border-color: var(--ja-control-border) !important; box-shadow: none; }
html:root body[class] .btn-secondary:hover { background: var(--ja-primary-soft) !important; }