/* ===== 2FA FORM ===== */

#twofactor_gauthenticator-form .settingsbox {
    max-width: 900px;
}

#twofactor_gauthenticator-form h3 {
    margin-bottom: 1.2rem;
}

/* tabela -> więcej powietrza */
#twofactor_gauthenticator-form table td {
    padding: 0.6rem 0.5rem;
    vertical-align: middle;
}

#twofactor_gauthenticator-form td.title {
    width: 220px;
    font-weight: 500;
    color: #555;
}

#twofactor_gauthenticator-form input[type="text"],
#twofactor_gauthenticator-form input[type="password"] {
    padding: 0.45rem 0.6rem;
    border-radius: 6px;
    border: 1px solid #ccc;
    margin-right: 0.4rem;
}

#twofactor_gauthenticator-form input[type="checkbox"] {
    transform: scale(1.1);
}

#twofactor_gauthenticator-form .btn {
    margin: 0.3rem 0.4rem 0.3rem 0;
}

#twofactor_gauthenticator-form p {
    margin-top: 1.5rem;
    line-height: 1.8;
}

#twofactor_gauthenticator-form #rcmbtn114 {
    min-width: 140px;
}

#twofactor_gauthenticator-form input[name="2FA_recovery_codes[]"] {
    width: 90px;
    text-align: center;
}

#twofactor_gauthenticator-form #2FA_code_to_check {
    width: 120px;
    margin-left: 0.5rem;
}

html.dark-mode #twofactor_gauthenticator-form td.title {
    color: #ddd;
}

html.dark-mode #twofactor_gauthenticator-form input[type="text"],
html.dark-mode #twofactor_gauthenticator-form input[type="password"] {
    background-color: #1f1f1f;
    border-color: #444;
    color: #fff;
}


/* Links
================== */
.header-links > a, a.rcmContactAddress , .subject > .extwin {
    color: #f27c11 !important;
}
.header-links > a:hover, a.rcmContactAddress:hover {
    color: #ff9f48 !important;
}
/* Taskmenu
================== */
#taskmenu .action-buttons a {
    color: #FFAA00 !important;
}
#taskmenu a.logout {
    color: #FF8600 !important;
}
.folderlist li.mailbox .unreadcount {
    background: #FF8600 !important;
    font-weight: 300 !important;
}

/* Form
================== */
.btn-primary {
    background: #ff8e18 !important;
    border-color: #ff8e18 !important;
}
.btn-primary:hover {
    background: #e55e48 !important;
    border-color: #e55e48 !important;
}
.custom-switch .custom-control-input:checked~.custom-control-label::before {
    border-color: #f27c11 !important;
    background-color: #f27c11 !important;
}

/* Menu elements
================== */
ul.menu.listing[role="menu"] li a:hover {
    background-color: #f27c11;
    color: #fff;
}
.popupmenu .menu.listing.folderlist li a:hover,
.popupmenu .menu.listing.folderlist li a:focus {
    background-color: #f27c11;
    color: #fff;
}


.treelist.listing.folderlist li.selected > a {
    background-color: #FFF8F0;
}
html.dark-mode .treelist.listing.folderlist li.selected > a {
    background-color: #ffaa00;
    color: #fff !important;
}

.messagelist tr.message.selected td {
    background-color: #FFF8F0;
}
.messagelist tr.message:not(.selected):hover td {
    background-color: #FFF8F0;
}

html.dark-mode .messagelist tr.message.selected td {
    background-color: #27383f;
}
html.dark-mode .messagelist tr.message:not(.selected):hover td {
    background-color: #4d6066;;
}

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: #ff8c37;
}

#directorylist.treelist.listing li.selected > a {
    background-color: #FFF8F0;
}
html.dark-mode #directorylist.treelist.listing li.selected > a {
    background-color: #ffaa00;
    color: #fff;
}

#calendarslist.treelist.listing li.selected .calendar > a.calname {
    background-color: #FFF8F0;
}
html.dark-mode #calendarslist.treelist.listing li.selected .calendar > a.calname {
    background-color: #ffaa00;
    color: #fff;
}
.listing li.selected>div>* {
    color: #2c363a;
    background-color: #FFF8F0;
}
html.dark-mode .listing li.selected>div>* {
    color: #2c363a;
    background-color: #ffaa00;
}

#settings-menu li.selected > a {
    background-color: #FFF8F0;
}
html.dark-mode #settings-menu li.selected > a {
    background-color: #ffaa00;
    color: #fff;
}
#sections-table tr.selected td.section {
    background-color: #FFF8F0;
}
html.dark-mode #sections-table tr.selected td.section {
    background-color: #ffaa00;
    color: #fff;
}