.card-header.banner {
    padding: 0px;
}

/* Keep the admin login brand mark within the login panel. */
.login-logo img {
    display: block;
    width: auto;
    max-width: 320px;
    max-height: 120px;
    height: auto;
    margin: 0 auto;
}

.card-header.banner .carousel-control span {
    position: absolute;
    top: 50%;
    font-size: 44px;
    margin-top: -22px;
}

.table.inactive,
.table.inactive tbody {
    position: relative;
}

.table.inactive::after {
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    content: "\f1ce";
    background: none;
    top: 260px;
    left: 49%;
    text-align: center;
    font-family: "FontAwesome";
    font-size: 20px;
    color: #2D88C1;
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.table.inactive tbody::after {
    position: absolute;
    width: 100%;
    display: block;
    content: "";
    background: rgba(255, 255, 255, 0.9);
    top: 0px;
    left: 0px;
    height: 560px;
}

.rlvcntr {
    position: relative;
}

.rlvcntr > .abslbl {
    position: absolute;
    top: 13px;
    line-height: 15px;
    right: 10px;
}

.card-login .input-group .input-group-addon {
    padding: 20px 5px 0px 0px;
}

.card-login .input-group .input-group-addon.sfx {
    padding: 0px 5px 0px 0px;
    font-size: 16px;
}

.sidebar .sidebar-background:after,
.off-canvas-sidebar .sidebar-background:after {
    background: rgba(0, 0, 0, 0.4);
}

.nav > li > a:focus,
.nav > li > a {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.3);
}

.sidebar .nav i,
.off-canvas-sidebar .nav i,
.sidebar .nav p,
.off-canvas-sidebar .nav p {
    color: #000;
}

.sidebar .nav > li.active p,
.sidebar .nav > li.active i {
    color: #FFF;
}

.sidebar .logo .simple-text,
.off-canvas-sidebar .logo .simple-text {
    color: #FFF;
}



.fancybox-is-open .fancybox-bg {
    opacity: 1;
}

.fancybox-bg {
    background: #d4d4d4;
}

.attchmnt-cstm .caption {
    position: relative;
}

.attchmnt-cstm .caption > .caption-stngs {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 15px 21px;
    left: 0;
    color: #FFF;
    font-size: 12px;
}

.attchmnt-cstm .caption > .caption-stngs > a {
    color: #FFFFFF;
}

#chng-tmplt .h1,
#chng-tmplt .h2,
#chng-tmplt .h3,
#chng-tmplt .h4,
#chng-tmplt .h5,
#chng-tmplt .h6 {
    margin: 0px;
}

@-webkit-keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 480px),
(max-width: 767px) {
    .form-group .form-control {
        width: 100%;
    }
}

.attchmnt-snd .eachrw {
    border: solid 1px #ccc;
    margin-bottom: 3px;
}

.attchmnt-snd .eachrw .progress {
    margin: 0;
}

.email-id-row span.email-ids {
    float: left;
    border: 1px solid #ccc;
    padding: 0px 5px;
    background: #f1f1f1;
    margin: 0 0 3px 3px;
    border-radius: 3px;
    font-size: 13px;
}

.email-id-row span.cancel-email {
    float: right;
    margin-left: 11px;
    font-weight: bold;
    color: #a9a9a9;
    font-size: 17px;
    cursor: pointer;
}

.email-id-row {
    border-bottom: 1px solid #ccc;
    padding: 8px 0px;
}

.email-id-row input {
    border: 0px;
    outline: 0px;
    padding: 0 10px;
    width: 260px;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

.site-vrbls>a {
    padding:3px 5px;
    margin-bottom:2px;
    font-size:12px;
}

.beinvsbl {
    position:absolute;
    top:0;
    left:-999999999px;
    z-index:-9999;
}

.table-inbox tbody tr {
    cursor:pointer;
}

.table-inbox tbody tr:hover {
    background:#eeeeee;
}

.card .card-content.table-inbox {
    padding-bottom:0;
}

.table-inbox {
    background:#fff;
    border-radius:0 0 6px 6px;
}
.table-inbox table { margin-bottom:0; }
.table-inbox table tbody tr {
    border-bottom:1px solid #edf0f2;
    transition:background .15s ease, box-shadow .15s ease;
}
.table-inbox table tbody tr:hover {
    background:#f5fbff;
    box-shadow:inset 3px 0 0 #2d88c1;
}
.table-inbox table td {
    padding:14px 16px;
    vertical-align:middle;
    color:#52606d;
}
.table-inbox table td:first-child { color:#263238; font-weight:600; }
.table-inbox table a { color:#256d9f; }

.mail-message-body {
    display:block !important;
    float:none !important;
    width:calc(100% - 40px) !important;
    max-width:860px !important;
    margin:20px auto 28px !important;
    padding:24px !important;
    box-sizing:border-box !important;
    background:#f5f7fa !important;
    border:1px solid #dfe6ee !important;
    border-radius:12px !important;
    box-shadow:0 6px 22px rgba(31,45,61,.14) !important;
    overflow-x:auto;
    color:#263238;
    line-height:1.6;
}
.mail-message-body > table:first-child {
    width:100% !important;
    max-width:760px !important;
    margin:0 auto !important;
    background:#fff !important;
    border-radius:8px !important;
    overflow:hidden !important;
    box-shadow:0 1px 5px rgba(31,45,61,.08) !important;
}
.mail-message-body > table,
.mail-message-body > table[width="650"],
.mail-message-body > table[width="100%"] {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
}
.mail-message-body td,
.mail-message-body th { max-width:100%; }
.mail-message-body img {
    max-width:100% !important;
    height:auto !important;
}
.mail-message-body p { margin:0 0 14px; }
.mail-message-body a { overflow-wrap:anywhere; }
.mail-message-body h1,
.mail-message-body h2,
.mail-message-body h3,
.mail-message-body h4,
.mail-message-body h5 { line-height:1.3; }
.mail-message-header {
    margin:0 auto;
    max-width:900px;
    padding:18px 24px;
    background:#fff;
    border:1px solid #e6ebef;
    border-bottom:0;
    border-radius:8px 8px 0 0;
}
.mail-message-header h3 { margin-top:0; color:#263238; font-weight:600; }
.mail-message-header .media-heading { color:#37474f; font-size:16px; }
.mail-message-actions {
    max-width:900px;
    margin:0 auto 24px;
    padding:0 24px 20px;
    background:#fff;
    border:1px solid #e6ebef;
    border-top:0;
    border-radius:0 0 8px 8px;
}
.mail-message-actions .btn { margin-right:8px; min-width:90px; }
.mail-reading-pane { margin-top:18px; }
.mail-reading-pane > .container { width:100%; padding:0; }
.mail-reading-loading, .mail-reading-error { background:#fff; border:1px solid #e2e8ee; padding:28px; color:#607080; text-align:center; }
.mail-reading-close { float:right; position:relative; z-index:2; margin:12px 14px -38px 0; border:0; background:transparent; color:#78909c; font-size:26px; line-height:1; }
.mail-reading-close:hover { color:#263238; }
.mail-reading-pane .mail-message-body { width:100% !important; max-width:none !important; margin:16px 0 24px !important; padding:0 !important; background:#fff !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
.mail-reading-pane .mail-message-header { max-width:none; border:0; border-bottom:1px solid #e6ebef; border-radius:0; padding:20px 24px 14px; }
.mail-reading-pane .mail-message-actions { max-width:none; border:0; padding:12px 24px 24px; }
.mail-inbox-page { margin:0 !important; padding:0 18px 24px; }
.mail-inbox-page > .col-md-12 { padding-left:0; padding-right:0; }
.mail-inbox-page > .col-md-12:first-child .card { margin:0 0 12px; }
.mail-inbox-page > .col-md-12:first-child .card-content { padding:10px 14px !important; }
.mail-inbox-page > .col-md-12:first-child .input-group { width:100%; max-width:none; }
.mail-inbox-page > .col-md-12:first-child .form-control { height:38px; }
.mail-inbox-page > .col-md-12:nth-child(2) .card { margin-top:0; }
.mail-inbox-page .card-header { padding:14px 20px !important; }
.mail-inbox-page .card-content.table-responsive { padding:0 12px 8px !important; }
.mail-inbox-page .table-inbox table { margin-bottom:0; }
.mail-attachment-card { display:flex; align-items:center; gap:12px; margin:8px 0 16px; padding:12px 14px; background:#fff; border:1px solid #e1e7ec; border-radius:8px; }
.mail-attachment-icon { color:#607d8b; font-size:20px; }
.mail-attachment-meta { min-width:0; flex:1; }
.mail-attachment-meta strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#263238; }
.mail-attachment-meta small { display:block; color:#90a4ae; margin-top:3px; }
.mail-attachment-download { color:#1976a8; font-size:18px; }
/* Unified Gmail-style reading surface */
.mail-reading-pane { width:100%; max-width:1120px; margin:0 auto 24px !important; background:#fff; border:1px solid #e1e7ec; border-radius:8px; padding:0 36px 24px; box-shadow:0 1px 3px rgba(31,45,61,.06); box-sizing:border-box; }
.mail-reading-pane .mail-message-header { margin:0; padding:24px 0 16px; background:#fff; border:0; border-bottom:1px solid #edf1f4; border-radius:0; }
.mail-reading-pane .mail-message-header h3 { margin:0 0 18px; font-size:21px; line-height:1.35; }
.mail-reading-pane .mail-message-body { margin:0 !important; padding:24px 0 12px !important; background:#fff !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
.mail-reading-pane .mail-message-body > table:first-child { max-width:760px !important; margin:0 auto !important; box-shadow:none !important; }
.mail-reading-pane .mail-message-actions { margin:0; padding:18px 0 0; background:#fff; border:0; border-top:1px solid #edf1f4; border-radius:0; }
.mail-reading-pane .attchmnt-cstm { margin-left:0; margin-right:0; }
.mail-reading-pane .mail-message-header,
.mail-reading-pane .mail-message-body,
.mail-reading-pane .mail-message-actions { width:100%; box-sizing:border-box; }
.mail-reading-pane .mail-message-body > table:first-child { width:100% !important; max-width:820px !important; }

/* Mail workspace refresh: scoped to the internal mail portal */
body { background:#f6f8fb; color:#172b4d; }
.wrapper { background:#f6f8fb; }
.sidebar { background:#10243e !important; background-image:none !important; width:236px; box-shadow:none; }
.sidebar .logo { padding:20px 18px; border-bottom:1px solid rgba(255,255,255,.1); }
.sidebar .logo img { max-width:170px !important; }
.sidebar-wrapper { padding:14px 12px; }
.sidebar .nav li a { margin:3px 0; padding:10px 13px; border-radius:8px; color:#b9c7d8; }
.sidebar .nav li a p { font-size:13px; font-weight:500; }
.sidebar .nav li a i { color:#9eb2c9; margin-right:12px; }
.sidebar .nav li a:hover { background:rgba(65,133,196,.16); color:#fff; }
.sidebar .nav li.active > a { background:#1f5f93; color:#fff; box-shadow:none; }
.sidebar .nav li.active > a i { color:#fff; }
.main-panel { background:#f6f8fb; }
.navbar.navbar-transparent { height:62px; background:#fff !important; box-shadow:0 1px 0 #e5eaf0; }
.navbar .navbar-brand { color:#172b4d !important; font-size:15px; font-weight:600; line-height:62px; }
.navbar .navbar-brand i { color:#4a87b8; vertical-align:middle; }
.navbar .navbar-nav > li > a { color:#52677d !important; padding-top:17px; }
.content { padding-top:74px !important; }
.content > .container-fluid { padding:0 28px 28px; }
.card { border:1px solid #e3e9ef; border-radius:10px; box-shadow:0 1px 2px rgba(20,40,60,.04); }
.card-header[data-background-color] { background:#fff !important; color:#172b4d !important; border-bottom:1px solid #e8edf2; padding:16px 20px !important; }
.card-header .title { font-size:18px; font-weight:600; margin:0; }
.card-header .category { color:#8190a0; font-size:12px; margin:5px 0 0; }
.mail-inbox-page { padding-left:0; padding-right:0; }
.mail-inbox-page > .col-md-12:first-child .card-content { padding:8px 0 12px !important; }
.mail-inbox-page > .col-md-12:first-child .input-group { max-width:none; }
.mail-inbox-page > .col-md-12:first-child .form-control { height:42px; border:1px solid #d9e1e9; border-radius:8px 0 0 8px; box-shadow:none; padding-left:14px; }
.mail-inbox-page > .col-md-12:first-child .input-group-addon { border:1px solid #d9e1e9; border-left:0; border-radius:0 8px 8px 0; background:#fff; }
.mail-inbox-page > .col-md-12:first-child .input-group-addon .btn { background:#fff; color:#3977a8; box-shadow:none; }
.table-inbox { padding:0 !important; }
.table-inbox table tr { border-bottom:1px solid #edf1f5; cursor:pointer; transition:background .15s ease; }
.table-inbox table tr:hover { background:#f4f8fc; }
.table-inbox table td { height:58px; padding:12px 16px; border:0; font-size:13px; }
.table-inbox table td:nth-child(2) { color:#263d56; font-weight:500; }
.table-inbox table td:last-child { color:#8493a3; font-size:12px; }
.mail-inbox-page .card-footer { display:block !important; min-height:58px; padding:10px 16px !important; background:#fff; border-top:1px solid #edf1f5; }
.mail-inbox-page #pagination-demo { display:flex !important; justify-content:center; align-items:center; gap:4px; margin:0 !important; padding:0 !important; list-style:none; }
.mail-inbox-page #pagination-demo > li > a { display:block; min-width:32px; height:32px; padding:7px 9px; border:1px solid #dfe6ed; border-radius:6px; background:#fff; color:#526b82; text-align:center; line-height:16px; }
.mail-inbox-page #pagination-demo > li.active > a { background:#397caf; border-color:#397caf; color:#fff; }
.mail-inbox-page #pagination-demo > li.disabled > a { color:#b8c2cc; pointer-events:none; }
.sidebar .mail-logout-item { margin-top:28px; border-top:1px solid rgba(255,255,255,.1); padding-top:12px; }
.mail-search-col { margin-bottom:12px; }
.mail-search-card { background:transparent; padding:0; }
.mail-search-card .card-content { padding:0 !important; }
.mail-list-shell { background:#fff; border:1px solid #e3e9ef; border-radius:10px; overflow:hidden; }
.mail-list-toolbar { height:58px; display:flex; align-items:center; justify-content:space-between; padding:0 20px; border-bottom:1px solid #e8edf2; }
.mail-list-toolbar .title { margin:0; font-size:18px; font-weight:600; color:#172b4d; }
.mail-toolbar-meta { color:#8190a0; font-size:12px; }
.mail-list-footer { min-height:58px; padding:12px 16px; border-top:1px solid #edf1f5; }
.mail-inbox-page .mail-list-shell .table-inbox { border:0; }
.mail-reading-pane { box-shadow:0 1px 2px rgba(20,40,60,.04); }
@media (max-width:768px) { .content > .container-fluid { padding:0 14px 20px; } .sidebar { width:100%; } .mail-reading-pane { padding:0 16px 18px; } }
.sidebar .nav li a, .sidebar .nav li a:hover { background:transparent; }
.sidebar .nav li a { min-height:44px; }
.sidebar .nav li.active > a { background:rgba(55,125,178,.35); }
.sidebar .nav li a:hover { background:rgba(255,255,255,.06); }
.sidebar .nav li.mail-compose-primary { margin:0 0 14px; }
.sidebar .nav li.mail-compose-primary a { background:#397caf; color:#fff; font-weight:600; }
.sidebar .nav li.mail-compose-primary a:hover { background:#468bbb; }
.sidebar .nav li.mail-compose-primary a i { color:#fff; }
.sidebar .nav li:not(.mail-compose-primary) a { color:#d2dce7; }
.sidebar .nav .abslbl, .table-inbox .abslbl { display:none !important; }
.mail-search-col { margin-top:-8px; }
.mail-search-col { display:none; }
.mail-search-card .input-group { width:520px !important; max-width:100% !important; }
.mail-search-card .form-control { height:42px !important; }
.mail-search-card .input-group { position:relative; }
.mail-search-card .input-group-addon { position:absolute; right:0; top:0; height:42px; z-index:3; border:0 !important; background:transparent !important; }
.mail-search-card .input-group-addon .btn { padding:9px 12px; }
.mail-list-shell { margin-top:0; }
.table-inbox table tr { height:58px; }
.table-inbox table tr.mail-unread { background:#fff !important; }
.table-inbox table tr:not(.mail-unread) { background:#f3f8fc !important; }
.table-inbox table tr.mail-unread td:nth-child(2) { font-weight:700; color:#172b4d; }
.table-inbox table tr.mail-unread td:first-child { font-weight:600; }
.mail-unread-dot { display:none; width:7px; height:7px; margin:0 7px 1px 0; border-radius:50%; background:#397caf; vertical-align:middle; }
.table-inbox table tr.mail-unread .mail-unread-dot { display:inline-block; }
.table-inbox table { width:100%; table-layout:fixed; }
.table-inbox table td:first-child { width:240px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.table-inbox table td:nth-child(2) { width:auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.table-inbox table td:nth-child(3) { width:100px; white-space:nowrap; }
.table-inbox table td:nth-child(2) b { font-weight:600; }
.table-inbox table td:first-child { color:#344054; font-weight:500; }
.table-inbox table td:nth-child(2) { color:#344054; font-weight:500; }
.table-inbox table td:nth-child(3) { color:#667085; font-size:12px; font-weight:400; }
.mail-row-subject { color:#344054; font-weight:500; }
.mail-row-preview { color:#667085; font-weight:400; }
.mail-unread .mail-row-subject { color:#172033; font-weight:600; }
.mail-unread .mail-row-preview { color:#475467; font-weight:400; }
.mail-row-separator { color:#98a2b3; font-weight:400; }
.table-inbox table tr:not(.mail-unread) .mail-row-subject { color:#344054 !important; font-weight:500; }
.table-inbox table tr:not(.mail-unread) .mail-row-preview { color:#667085 !important; font-weight:400; }
.table-inbox table tr:not(.mail-unread) td:first-child { color:#243b53 !important; }
.table-inbox table tr:not(.mail-unread) td:nth-child(3) { color:#52606d !important; }
.mail-reading-pane .mail-message-header .media-heading { color:#344054 !important; }
.table-inbox table tr.mail-unread .mail-row-subject { color:#172033 !important; font-weight:600; }
.table-inbox table tr.mail-unread .mail-row-preview { color:#475467 !important; font-weight:400; }
.table-inbox table td:first-child:before { content:none; }
.mail-row-avatar { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; margin-right:9px; border-radius:50%; background:#e8f0f7; color:#245b83; font-weight:700; vertical-align:middle; }
.table-inbox table td:nth-child(2) { font-weight:600; }
.table-inbox table td:nth-child(2) b { font-weight:600; }
.mail-reading-content { max-width:1050px !important; margin:0 auto; }
.mail-back-inbox { display:inline-block; margin:0 0 12px; color:#397caf; font-size:13px; text-decoration:none; }
.mail-back-inbox:hover { color:#245b83; text-decoration:none; }
.mail-back-inbox { padding:6px 10px; border:1px solid #d8e2eb; border-radius:6px; background:#fff; }
.mail-reading-pane .mail-message-header { padding-top:14px; }
.mail-reading-pane .mail-message-header h3 { margin-bottom:12px; }
.mail-reading-pane .mail-message-body { padding-top:16px !important; }
.mail-reading-pane .mail-message-body { max-width:1050px !important; }
.mail-reading-pane .mail-message-body > table:first-child { max-width:950px !important; }
.mail-reading-pane .mail-message-actions .btn { height:41px; padding:10px 16px; border:1px solid #d5dfe8; border-radius:7px; background:#fff; color:#34495e; box-shadow:none; font-weight:500; }
.mail-reading-pane .mail-message-actions .btn-primary { border-color:#8db6d2; color:#28658f; background:#f7fbfe; }
.mail-reading-pane .mail-message-actions .btn:hover { background:#f1f6fa; }
.mail-trash-action { display:none; position:absolute; right:78px; top:50%; transform:translateY(-50%); border:0; background:transparent; color:#94a3b8; padding:2px 4px; cursor:pointer; }
.table-inbox table td:last-child { position:relative; }
.table-inbox table tr:hover .mail-trash-action { display:inline-block; }
.mail-trash-action:hover { color:#b42318; }
.mail-restore-action { display:none; position:absolute; right:94px; top:50%; transform:translateY(-50%); border:0; background:transparent; color:#397caf; padding:2px 4px; cursor:pointer; }
.table-inbox table tr:hover .mail-restore-action, .table-inbox tr:hover .mail-restore-action { display:inline-block; }
.mail-folder-page { padding:0 0 24px; }
.mail-folder-page > .col-md-12:first-child { display:none; }
.mail-folder-page > .col-md-12:nth-child(2) { margin-top:18px; }
.mail-folder-page > .col-md-12:nth-child(2) .card { margin-top:0; border:1px solid #e3e9ef; border-radius:10px; box-shadow:0 1px 2px rgba(20,40,60,.04); overflow:hidden; }
.mail-folder-page .card-header { background:#fff !important; color:#172b4d !important; border-bottom:1px solid #e8edf2; padding:16px 20px !important; }
.mail-folder-page .card-header .title { font-size:18px; font-weight:600; }
.mail-folder-page .card-content { padding:0 12px 8px !important; }
.mail-folder-page .card-content thead { display:none; }
.mail-folder-page .card-content table { table-layout:fixed; margin:0; }
.mail-folder-page .card-content table td { height:58px; padding:12px 14px; border-bottom:1px solid #edf1f5; color:#344054; font-size:13px; }
.mail-folder-page .card-content table td:first-child { width:220px; font-weight:500; }
.mail-folder-page .card-content table td:nth-child(3) { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mail-folder-page .card-content table td:last-child { width:100px; color:#667085; }
.mail-folder-page .card-footer { padding:12px 16px; background:#fff; border-top:1px solid #edf1f5; }
.compose-section-title { color:#172b4d; font-size:17px; font-weight:600; margin:0 0 20px; }
.mail-folder-page .sent-mail-row { height:60px; cursor:pointer; transition:background .15s ease; }
.mail-folder-page .sent-mail-row:hover { background:#f4f8fc; }
.mail-folder-page .sent-mail-row td { height:60px !important; padding:10px 14px !important; vertical-align:middle; border-bottom:1px solid #edf1f5; }
.mail-folder-page .sent-mail-row .sent-recipient { width:290px; white-space:nowrap; overflow:visible; color:#344054; font-weight:500; font-size:12px; }
.mail-folder-page .sent-mail-row .sent-recipient .mail-row-avatar { width:34px; height:34px; margin-right:9px; }
.mail-folder-page .sent-mail-row .sent-subject { min-width:0; color:#344054; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:500; }
.mail-folder-page .sent-mail-row .sent-date { width:145px; color:#667085; white-space:nowrap; font-size:12px; }
.mail-folder-page .sent-mail-row .sent-actions { width:76px; white-space:nowrap; }
.mail-folder-page .sent-mail-table { table-layout:auto; }
.mail-folder-page .sent-mail-row .sent-recipient { width:300px; min-width:300px; overflow:visible; text-overflow:clip; }
.sent-action-link { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; color:#718096; }
.sent-action-link:hover { color:#397caf; text-decoration:none; }
.navbar.navbar-transparent { height:64px; }
.mail-top-title { font-size:18px !important; font-weight:650 !important; line-height:64px !important; padding-left:0 !important; }
.mail-top-search { position:absolute; left:210px; top:11px; width:480px; height:42px; display:flex; align-items:center; background:#f8fafc; border:1px solid #d9e2ea; border-radius:8px; }
.mail-top-search i { margin:0 9px 0 13px; color:#71859a; font-size:20px; }
.mail-top-search input { width:100%; height:40px; border:0; outline:0; background:transparent; color:#263b50; font-size:13px; }
.mail-top-search:focus-within { border-color:#6b9fc2; box-shadow:0 0 0 3px rgba(67,130,174,.12); }
.mail-account-label { padding:0 8px; }
.mail-account-label span { color:#243b53 !important; font-size:14px; font-weight:500; line-height:64px; white-space:nowrap; }
.content { padding-top:78px !important; }
.mail-inbox-page { padding-top:0 !important; }
.mail-inbox-page { margin-top:-42px !important; }
.mail-inbox-page > .col-md-12:first-child { display:none; }
.mail-inbox-page > .col-md-12:nth-child(2) { margin-top:18px; }
@media (max-width:900px) { .mail-top-search { left:150px; width:42%; } .mail-account-label { display:none !important; } }

/* Sidebar-only containment and contrast pass */
.sidebar { box-sizing:border-box !important; width:260px !important; min-width:260px !important; max-width:260px !important; flex:0 0 260px !important; overflow:hidden !important; }
.sidebar .logo { box-sizing:border-box; width:100%; padding:20px 12px 24px; }
.sidebar .logo a { display:block; width:100%; text-align:center; }
.sidebar .logo img { display:block !important; width:160px !important; max-width:100% !important; height:auto !important; max-height:none !important; object-fit:contain !important; margin:0 auto !important; }
.sidebar-wrapper { box-sizing:border-box; width:100%; padding:10px 12px !important; overflow:hidden; }
.sidebar .nav { width:100%; margin:0; padding:0; }
.sidebar .nav li { width:100%; max-width:100%; margin:0 0 5px; box-sizing:border-box; }
.sidebar .nav li a,
.sidebar .nav li.mail-compose-primary a { display:flex; align-items:center; box-sizing:border-box; width:100%; max-width:100%; min-height:44px; height:44px; margin:0; padding:0 11px; border-radius:8px; overflow:hidden; color:#CBD5E1 !important; background:transparent; }
.sidebar .nav li a { width:calc(100% - 24px) !important; max-width:calc(100% - 24px) !important; margin-left:12px !important; margin-right:12px !important; border-radius:8px !important; transform:none !important; }
.sidebar .nav, .sidebar .nav li { padding-left:0 !important; padding-right:0 !important; }
.sidebar .nav li a p { margin:0; color:#CBD5E1 !important; font-size:14px; font-weight:500; line-height:44px; white-space:nowrap; }
.sidebar .nav li a i { flex:0 0 19px; width:19px; margin:0 12px 0 0; color:#94A3B8 !important; font-size:19px; text-align:center; }
.sidebar .nav li a:hover { background:rgba(255,255,255,.07) !important; color:#fff !important; }
.sidebar .nav li a:hover p, .sidebar .nav li a:hover i { color:#fff !important; }
.sidebar .nav li.active > a { background:#21496b !important; color:#fff !important; }
.sidebar .nav li.active > a p, .sidebar .nav li.active > a i { color:#fff !important; }
.sidebar .nav li.mail-compose-primary { margin-bottom:14px; }
.sidebar .nav li.mail-compose-primary a { height:44px; min-height:44px; background:#397caf !important; color:#fff !important; }
.sidebar .nav li.mail-compose-primary a p, .sidebar .nav li.mail-compose-primary a i { color:#fff !important; }
.sidebar .nav li.mail-logout-item { margin-top:20px; padding-top:10px; border-top:1px solid rgba(255,255,255,.12); }
.sidebar .nav li.mail-logout-item a { color:#CBD5E1 !important; }
.sidebar .nav li.mail-logout-item a p { color:#CBD5E1 !important; }
.sidebar .nav li.mail-logout-item a:hover p, .sidebar .nav li.mail-logout-item a:hover i { color:#fff !important; }
.main-panel { min-width:0; }
@media (max-width:768px) { .sidebar { width:100% !important; min-width:0 !important; max-width:none !important; flex:0 0 auto !important; } }

.media, .media-body {
    overflow: unset;
}

/* Isolate sender-controlled HTML from the viewer shell. The message itself
   keeps its authored dimensions/styles; only the outer shell contains it. */
.mail-original-content { min-width:0; width:100%; max-width:none; box-sizing:border-box; overflow:visible; }
.mail-message-body { overflow-x:auto !important; overflow-y:visible; }
.mail-original-content img { max-width:100%; height:auto; }
.mail-original-content table { max-width:none; }
.mail-original-content a { overflow-wrap:normal; }

/* Mobile Mail layout: keep the approved desktop UI, but let every mail surface
   fit narrow screens without horizontal clipping. */
@media (max-width: 768px) {
    html, body { max-width:100%; overflow-x:hidden; }
    .wrapper { min-height:100vh; overflow-x:hidden; }
    .sidebar { position:fixed !important; left:0; top:0; bottom:0; width:260px !important; min-width:260px !important; max-width:260px !important; flex:none !important; z-index:1032 !important; pointer-events:auto !important; }
    .sidebar a, .sidebar button { pointer-events:auto !important; }
    #bodyClick { z-index:1030 !important; }
    .main-panel { position:relative !important; left:0 !important; right:0 !important; width:100% !important; min-width:0; margin-left:0 !important; transform:none !important; overflow-x:hidden; }
    .navbar.navbar-transparent { height:56px; min-height:56px; }
    .navbar .container-fluid { padding:0 12px; }
    .navbar-header { width:auto; }
    .navbar .navbar-toggle { display:block !important; float:left !important; position:relative; z-index:20; margin:11px 6px 0 0; }
    .mail-top-title { display:none !important; }
    .mail-top-search { position:relative; left:auto; top:auto; width:calc(100vw - 86px) !important; max-width:none !important; height:40px; margin:8px 0 0 4px; }
    .mail-top-search input { height:38px; font-size:13px; }
    .mail-account-label, .mail-account-label + li { display:none !important; }
    .content { padding-top:62px !important; }
    .content > .container-fluid { width:100% !important; margin-left:0 !important; margin-right:0 !important; padding:0 10px 18px !important; box-sizing:border-box; }
    .mail-inbox-page, .mail-folder-page { width:100% !important; margin:0 !important; }
    .mail-inbox-page > .col-md-12:nth-child(2), .mail-folder-page > .col-md-12:nth-child(2) { margin-top:10px; padding:0; }
    .mail-list-shell, .mail-folder-page .card { width:100%; border-radius:8px; }
    .mail-list-shell .card-header, .mail-folder-page .card-header { padding:13px 14px !important; }
    .mail-list-shell .card-header .title, .mail-folder-page .card-header .title { font-size:17px; }
    .table-inbox .card-content { padding:0 !important; overflow-x:hidden; }
    .table-inbox table { table-layout:fixed; width:100%; }
    .table-inbox table td { height:58px; padding:9px 7px !important; font-size:12px; }
    .table-inbox table td:first-child { width:35%; }
    .table-inbox table td:nth-child(2) { width:50%; }
    .table-inbox table td:nth-child(3) { width:15%; font-size:10px; padding-right:5px !important; }
    .mail-row-avatar { width:30px; height:30px; margin-right:5px; }
    .mail-unread-dot { width:6px; height:6px; margin-right:3px; }
    .mail-trash-action, .mail-restore-action { right:2px; }
    .mail-folder-page .card-content { padding:0 4px 6px !important; overflow-x:hidden; }
    .mail-folder-page .card-content table { width:100%; table-layout:fixed; }
    .mail-folder-page .card-content table td { padding:9px 6px !important; font-size:12px; }
    .mail-folder-page .sent-mail-row .sent-recipient { width:36%; min-width:0; font-size:11px; overflow:hidden; text-overflow:ellipsis; }
    .mail-folder-page .sent-mail-row .sent-subject { width:auto; }
    .mail-folder-page .sent-mail-row .sent-date { width:18%; font-size:10px; }
    .mail-folder-page .sent-mail-row .sent-actions { width:48px; }
    .sent-action-link { width:22px; }
    .mail-reading-pane { width:100%; max-width:100%; margin:10px 0 16px !important; padding:0 14px 16px !important; border-radius:8px; }
    .mail-reading-pane .mail-message-header { padding:12px 0 10px; }
    .mail-reading-pane .mail-message-header h3, .mail-reading-pane .mail-message-header h4 { font-size:18px; line-height:1.35; overflow-wrap:anywhere; }
    .mail-reading-pane .mail-message-body { padding:14px 0 10px !important; overflow-wrap:anywhere; word-break:break-word; }
    .mail-reading-pane .mail-message-body { overflow-x:auto !important; -webkit-overflow-scrolling:touch; }
    .mail-original-content { display:block; width:100%; max-width:none; min-width:0; }
    .mail-original-content > table { margin-left:auto !important; margin-right:auto !important; }
    .mail-original-content img { max-width:100%; height:auto; }
    .mail-reading-pane .mail-message-body > table:first-child { width:100% !important; max-width:100% !important; }
    .mail-reading-pane .mail-message-body img { max-width:100% !important; height:auto !important; }
    .mail-reading-pane .mail-message-actions { padding:12px 0 4px; }
    .mail-reading-pane .mail-message-actions .btn { min-width:88px; margin-right:5px; }
    .mail-reading-content { width:100% !important; max-width:none !important; }
    .mail-search-card .input-group { width:100% !important; }
    .pagination { margin:10px 0 4px; }
    .compose-section-title { margin-bottom:12px; }
    .mail-folder-page form .input-group { width:100%; }
}

/* Open-message mobile polish only. Sender HTML remains untouched inside the
   horizontally contained body; the page, not the message card, scrolls vertically. */
@media (max-width: 768px) {
    .mail-reading-pane { width:calc(100% - 16px) !important; max-width:none !important; margin:8px !important; padding:0 12px 12px !important; overflow:visible !important; }
    .mail-reading-pane .mail-reading-close { margin:8px 0 -32px 0; font-size:22px; }
    .mail-reading-pane .mail-back-inbox { height:38px; line-height:24px; margin:8px 0 6px; padding:6px 9px; font-size:14px; }
    .mail-reading-pane .mail-message-header { padding:10px 0 10px !important; }
    .mail-reading-pane .mail-message-header h3 { margin:0 0 10px; font-size:21px; line-height:1.3; overflow-wrap:anywhere; }
    .mail-reading-pane .mail-message-header .media-object { font-size:42px !important; }
    .mail-reading-pane .mail-message-body { max-height:none !important; overflow-y:visible !important; overflow-x:auto !important; margin:0 !important; padding:12px 0 !important; }
    .mail-reading-pane .mail-message-actions { display:flex; gap:8px; padding:12px 0 2px !important; }
    .mail-reading-pane .mail-message-actions .btn { flex:1 1 0; min-width:0; height:42px; margin:0 !important; }
    .mail-reading-pane .attchmnt-cstm { width:100%; overflow:hidden; }
    .mail-reading-pane .mail-attachment-card { max-width:100%; }
    .mail-reading-pane .mail-attachment-meta { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}
@media (max-width:480px) {
    .mail-reading-pane { width:calc(100% - 12px) !important; margin:6px !important; padding:0 10px 10px !important; }
    .mail-reading-pane .mail-message-header h3 { font-size:20px; }
    .mail-reading-pane .mail-message-header .media-body { min-width:0; }
}

/* Unified opened-message viewer shell for every viewport. */
.mail-reading-pane { width:calc(100% - 24px) !important; max-width:1120px !important; margin:12px auto 24px !important; padding:0 24px 18px !important; overflow:visible !important; box-sizing:border-box; }
.mail-reading-pane .mail-message-body { max-height:none !important; overflow-y:visible !important; overflow-x:auto !important; }
.mail-reading-pane .mail-message-actions { display:flex; gap:8px; }
.mail-reading-pane .mail-message-actions .btn { min-width:100px; margin:0 !important; }
.mail-reading-pane .mail-original-content { width:100%; min-width:0; }
.mail-reading-pane .mail-original-content img { max-width:100%; height:auto; }
.mail-reading-pane .mail-sender-meta { margin-bottom:22px; }
.mail-reading-pane .mail-sender-meta { margin-top:0 !important; padding-top:16px !important; }
/* Simple flowing messages get a comfortable reading measure. Table/layout
   emails are intentionally excluded so their authored width is preserved. */
.mail-reading-pane .mail-original-content:not(:has(table)) { max-width:920px; margin-left:auto; margin-right:auto; }
@media (max-width:480px) {
    .mail-reading-pane { width:calc(100% - 12px) !important; margin:6px !important; padding:0 10px 10px !important; }
    .mail-reading-pane .mail-message-actions .btn { min-width:0; flex:1 1 0; }
}
@media (max-width:1024px) {
    .mail-reading-pane .mail-original-content:not(:has(table)) { max-width:100%; }
}