.sitewrapper > header {
    z-index: 580 !important;
}

header header {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
}

.header_msp_container {
    position: absolute;
    top: 1rem;
    right: 7rem;
    width: 30%;
    height: 3rem;
    overflow-y: hidden;
    z-index: 5000;
    transition: 0.5s all cubic-bezier(.02, .01, .47, 1);
    background: transparent;
    border-radius: 5px;
}

.header_msp_container.container_visible {
    height: 400px;
    background: black;
    overflow-y: auto;
}

.header_msp_container h2 {
    font-size: 1.5em;
    color: white;
    display: inline-block;
    font-family: "Cabin Condensed", "Arial Narrow", sans-serif;
    line-height: 1.5em;
    cursor: pointer;
    transition: 0.5s all;
    position: relative;
    right: 0;
}

.header_msp_container_content {
    position: relative;
}

.header_msp_container.container_visible h2 {
    right: 50%;
    transform: translate(50%,0);
}

.header_msp_container_content ul {
    list-style: none outside;
    column-count: 2;
}

.header_msp_container_content ul li {
    box-sizing: border-box;
    padding: 0.5em;
    line-height: 1.25em;
    color: white;
    text-align: left;
    font-family: "Cabin Condensed", "Arial Narrow", sans-serif;
    border-bottom: 1px #aaa solid;
}

.header_msp_container_content ul li a {
    color: white;
    float: left;
}

#dark_mode_toggle { position: absolute; top: 1rem; right: 2rem; }
#dark_mode_toggle a { color: #f9a51a; }
body.liftoff_dark .light_only, body:not(.liftoff_dark) .dark_only { display: none; }


.mc_hidden, .mcnoc_hidden {
    display: none;
}

._liftoff_ddb_ .swal-modal {
    width: 80%;
}

.ui-dialog-titlebar-close {
    text-indent: -9999px;
}

.callmanager .ui-dialog {
    z-index: 50000;
}

._liftoff_accounts_ #ui-datepicker-div {
    z-index: 100010 !important;
}

.mcnoc_dev_page .sitewrapper > header {
    background: #00009c !important;
}

#announcement_overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    z-index: 99999998;
}

#announcement_container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    height: 70%;
    z-index: 99999999;
    background: white;
    border: 3px black solid;
    padding: 2em;
    text-align: left;
    box-shadow: rgba(0, 0, 0, 0.6) 0 0 10px;
}

.announcement_post {
    max-height: 90%;
    overflow-y: auto;
}

.announcement_post h1 {
    font-size: 3em;
}

.announcement_post h2, .announcement_post h3, .announcement_post h4 {
    text-align: left;
}

.announcement_post ul, .announcement_post ol {
    list-style-position: outside;
    padding: 0.5em 0 0.5em 2em;
}

.announcement_post ol ol {
    list-style: lower-alpha;
}

.announcement_post ol p, .announcement_post ul p {
    padding: 0;
}

.announcement_post img {
    border: 1px black solid;
}

.announcement_post img.alignleft {
    margin: 0 2em 1em 0;
}

.announcement_post img.alignright {
    margin: 0 0 2em 1em;
}

.tipso_bubble {
    z-index: 100001 !important;
}

.tipso_bubble.small {
    line-height: 1.3em;
}

.acf-field.msp_list .acf-input {
    height: 100px;
    overflow-y: scroll;
}

.ucase {
    text-transform: uppercase;
}

.mcnoc_highlight {
    background: #ffffaa !important;
}

table.dataTable thead th {
    padding-left: 10px !important;
}

.nowrap {
    white-space: nowrap;
}

.swal-overlay, .swal-modal {
    z-index: 100006 !important;
}

.swal-modal.wide_modal {
    width: 80%;
}

.swal-modal.wide_modal p {
    padding: 0 0 1em 0;
}

.swal-modal.wide_modal table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.swal-modal.wide_modal table th, .swal-modal.wide_modal table td {
    border: 1px #aaa solid;
    text-align: center;
}

.dialog-service-tags { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); }
.dialog-service-tags span { background: #3498db; color: #fff; border-radius: 4px; padding: 3px 8px; margin-left: 5px; font-size: 0.75em; font-weight: normal; white-space: nowrap; display: inline-block; }

.swal-modal.swal_autosize {
    width: auto !important;
}
.swal-modal.swal_autosize ul { text-align: left; }

.liftoff_title {
    font-family: Montserrat, sans-serif;
    font-weight: 800;
    text-align: left;
    text-indent: 7px;
}

/*.liftoff_title i { position: absolute; right: -1.1em; top: -0.5em; }*/
.liftoff_messages {
    position: relative;
    top: 0.3em;
    float: right;
    color: #ddd;
}

.liftoff_messages.has_messages {
    animation: blinker 0.75s linear infinite;
}

@keyframes blinker {
    50% {
        color: #ff0000;
    }
}

.priority_high {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #ff9928;
    font-weight: bold;
    color: black;
}

.priority_med {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    background: yellow;
    font-weight: bold;
    color: black;
}

.priority_low {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #009c00;
    color: white;
    font-weight: bold;
}

.priority_crit {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #c5293d;
    color: white;
    font-weight: bold;
}

.sla_critical {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #c5293d;
    color: white;
    font-weight: bold;
}

.sla_medium {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    background: yellow;
    font-weight: bold;
    color: black;
}

.sla_normal {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.ad_sla i {
    color: black;
}

.sla_critical i {
    color: white;
}

.red_icon, .red_icon:hover {
    color: #c5293d;
}

.green_icon, .green_icon:hover {
    color: #009c00;
}

.orange_icon, .orange_icon:hover {
    color: #ff9928;
}

.purple_icon, .purple_icon:hover {
    color: #610ace;
}

.blue_icon, .blue_icon:hover {
    color: #3d29c5;
}

.grey_icon, .grey_icon:hover {
    color: #aaa;
}

.gold_icon, .gold_icon:hover {
    color: #e29705;
}

.fa-stack-1x.red_icon, .fa-stack-1x.orange_icon, .fa-stack-1x.green_icon, .fa-stack-1x.purple_icon {
    text-shadow: white 2px 2px 0, white 2px -2px 0, white -2px -2px 0, white -2px 2px 0;
    padding: 15px 0 0 15px;
}

.mc_notice, .mc_termination_notice {
    border: 2px #c5293d solid;
    background: #f7c1cb;
    color: #851f2a;
    text-align: center;
    padding: 1em 0;
    margin-bottom: 2em;
    border-radius: 8px;
    display: none;
}

.mc_termination_notice span {
    font-weight: bold;
}

.tipso_style {
    border-bottom: none !important;
}

.mcnoc_page > .sitewrapper > main {
    text-align: center;
    clear: both;
    min-height: 82.2vh;
}

._liftoff_login_ main, ._liftoff_mfa_ main { padding-top: 4rem; }

i.fas, i.fab, i.far, i.fad, i.fal, i.fa-solid, i.fa-brands, i.fa-regular, i.fa-light {
    margin-right: 0.5em;
}

i.fas.flipmargin, i.fab.flipmargin, i.far.flipmargin {
    margin-right: 0;
    margin-left: 0.5em;
}

.mcnoc_dialog, .mc_quickinfo_dialog, #mcnoc_frame, .mcnoc_sow_dialog {
    display: none;
}

.mcnoc_dialog, .ui-front {
    z-index: 100000 !important;
}

.mcnoc_sow_dialog {
    z-index: 100010 !important;
}

.mcnoc_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 99999;
}

.ui-widget-overlay {
    z-index: 49 !important;
}

.mcnoc_button, #gform_wrapper_9 input[type="button"], #gform_wrapper_9 input[type="submit"], .gform_save_link {
    color: black;
    border: 2px black solid;
    font-family: 'Poppins', 'Arial', sans-serif;
    font-weight: bold;
    background: white;
    text-transform: uppercase;
    padding: 0.25em 1em;
    position: relative;
    top: 0;
    box-shadow: #ffffff88 0 5px 10px;
    transition: all 0.5s;
}

label + .mcnoc_button {
    top: 0.5rem;
}

.mcnoc_button svg {
    height: 25px;
    position: relative;
    top: 7px;
    left: -5px;
}

.mcnoc_button + .mcnoc_button { margin-left: 0.7rem; }

.mcnoc_button_danger { background: #dc3545; border-color: #dc3545; color: #fff; }
.mcnoc_button_danger:hover { background: #c82333; border-color: #bd2130; color: #fff; }

.matrix_button {
    background: #eee;
}

.mcnoc_button:hover, #gform_wrapper_9 input[type="button"]:hover, #gform_wrapper_9 input[type="submit"]:hover, .gform_save_link:hover, .mcnoc_button_fake_hover {
    color: white;
    background: black;
    box-shadow: #ffffff00 0 5px 10px;
}

.mcnoc_button_small {
    font-size: 0.8em;
    padding: 0.25em;
}

.mcnoc_button_small i.fas, .mcnoc_button_small i.fab, .mcnoc_button_small i.far {
    padding-right: 0;
    margin: 0 0.25em;
}

button.mcnoc_button {
    margin-bottom: 1em;
    font-size: 1.1em;
}

.padtop {
    padding-top: 2em;
}

.login_form {
    margin: 0 auto;
    padding: 2em;
    width: 40%;
    border: 1px #eee solid;
}

.login_form h1 {
    text-transform: uppercase;
    font-size: 2em;
}

.login_form p {
    text-align: center;
}

.login_form p br {
    display: none;
}

.login_form label {
    display: inline-block;
    width: 25%;
    text-align: right;
    padding-right: 1em;
}

.login_form p input {
    display: inline-block;
    width: 40%;
    font-size: 1.2em;
    border: 1px #ddd solid;
    font-family: 'Poppins', 'Arial', sans-serif;
    font-weight: 300;
}

.liftoff_menu.red_menu {
    background: #ff7c7c;
    background: linear-gradient(to bottom, #ff7c7c 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7c7c', endColorstr='#ffffff', GradientType=0);
}

/*.mcnoc_page main {*/
/*    display: flex;*/
/*    align-items: flex-start;*/
/*}*/

.liftoff_menu {
    display: inline-block;
    width: 15%;
    /*flex-basis: 15%;*/
    vertical-align: top;
    padding: 2em 0;
    text-align: left;
    position: relative;
    font-family: 'Cabin Condensed', 'Arial Narrow', sans-serif;
}

.liftoff_menu h3 {
    font-family: 'Cabin Condensed', 'Arial Narrow', sans-serif;
}

.liftoff_menu li {
    list-style: none outside;
}

.liftoff_menu li:last-child {
    margin-top: 1em;
}

.liftoff_menu li a {
    color: black;
    padding: 0.25em 1em;
}

.liftoff_menu li.currently_selected {
    background: #ddd;
}

.liftoff_menu.red_menu li.currently_selected {
    background: #ffdddd;
}

.liftoff_menu li a:hover {
    color: #C6293D;
}

.liftoff_content {
    overflow-x: hidden;
    min-height: 500px;
    display: inline-block;
    vertical-align: top;
    width: 80%;
    padding: 2em 0;
    margin-left: 2%;
    text-align: left;
    position: relative;
}

.liftoff_content > div {
    width: 98%;
    position: absolute;
    top: 2em;
}

.liftoff_content > div#list {
    left: 0;
    z-index: 100 !important;
}

.liftoff_content > div#detail, .liftoff_content > div#onboarding, .liftoff_content > div#add_ticket, .liftoff_content > div#template, .liftoff_content > div#log_view {
    left: 100%;
    z-index: 105 !important;
}

.liftoff_content .edit_msp_page, .liftoff_content .account_panels {
    left: 200%;
    z-index: 110 !important;
}

.liftoff_content > div#user_permissions, .liftoff_content > div#user_pods, .liftoff_content > div#user_skills, .liftoff_content > div#user_detail {
    left: 300%;
    z-index: 115 !important;
}

.liftoff_content.fullwidth {
    width: 95%;
    font-size: 0.9em;
    font-family: 'Cabin Condensed', sans-serif;
    text-align: center;
}

.dataTables_wrapper .dataTables_filter {
    padding-top: 0.755em;
}

#call_manager_report_wrapper, #activity_report_wrapper {
    margin: 2em 0;
}

#call_manager_report, #activity_report, #call_report_detail {
    font-family: 'Cabin Condensed', sans-serif;
}

#activity_report td { vertical-align: top !important; }

#call_manager_report td .smaller, #activity_report td .smaller {
    font-size: 0.8em;
    display: block;
    line-height: 1em;
}

#call_report_summary tbody tr:last-child td {
    font-weight: bold;
    background: #ddd;
}

#next_ticket_results thead tr th:first-child {
    padding-left: 0 !important;
}

#next_ticket_results th, #next_ticket_results td, #scheduled_ticket_results th, #scheduled_ticket_results td {
    text-align: left;
}

#next_ticket_results td.tighter {
    line-height: 1.1em;
}

.smaller {
    font-size: 0.8em;
}

#xnext_ticket_results_wrapper {
    overflow-y: auto;
    height: 280px;
}

#followUp_ticket_results thead tr th:first-child {
    padding-left: 0 !important;
}

#followUp_ticket_results th, #next_ticket_results td, #scheduled_ticket_results th, #scheduled_ticket_results td {
    text-align: left;
}

#followUp_ticket_results td.tighter {
    line-height: 1.1em;
}

#followUp_ticket_results td .smaller {
    font-size: 0.8em;
}

#xfollowUp_ticket_results_wrapper {
    overflow-y: auto;
    height: 280px;
}

#scheduled_ticket_results td i {
    font-size: 1.2em;
}

#scheduled_ticket_results td.tighter {
    line-height: 1.1em;
}

#scheduled_ticket_results td .smaller {
    font-size: 0.8em;
}

#xscheduled_ticket_results_wrapper {
    overflow-y: auto;
    height: 280px;
}

#scheduledToday_ticket_results td.tighter {
    line-height: 1.1em;
}

#scheduledToday_ticket_results td .smaller {
    font-size: 0.8em;
}

#scheduledToday_ticket_results td i {
    font-size: 1.2em;
}

#scheduledToday_ticket_results .overdue_high {
    background-color: red;
}

#scheduledToday_ticket_results .overdue_low {
    background-color: yellow;
}

#nextticket_header {
    padding-right: 1em;
}

#nextticket_header a {
    font-size: 0.5em;
    border: 1px #144084 solid;
    border-right: none;
    padding: 3px 7px;
}

#nextticket_header a:hover {
    background: #1b5acc;
    color: white;
}

#nextticket_header a:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#nextticket_header a:last-child {
    border-right: 1px #144084 solid;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.nextticket_selected {
    background: #144084 !important;
    color: white;
}

.dialog-content {
    position: relative;
}

#ui-datepicker-div {
    z-index: 100007 !important;
}

.liftoff_menu:after {
    content: '';
    position: absolute;
    top: 0;
    right: -1.2em;
    width: 2px;
    height: 100%;
    background: #dddddd;
    background: linear-gradient(to bottom, #dddddd 0%, #dddddd 65%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff', GradientType=0);
}

.liftoff_content h2, .liftoff_content h3 {
    padding-bottom: 0;
}

.liftoff_content #list table, #business_hours table {
    width: 100%;
}

.liftoff_content #list table th, #business_hours table th {
    padding: 10px 0;
}

.liftoff_content #list table td, #business_hours table td {
    vertical-align: middle;
    cursor: pointer;
}

.liftoff_content #list table.msp_list tr.msp_inactive td {
    cursor: default !important;
}

.liftoff_content #list table td:first-child img {
    height: 24px;
    width: 24px;
}

.liftoff_content #list table td .loading {
    float: right;
    padding-right: 1em;
    display: none;
}

.liftoff_content p, .swal-content p {
    position: relative;
    padding: 1em 0 1em 3px;
}

.liftoff_content p input[type="text"],.liftoff_content p input[type="email"], .liftoff_content p input[type="password"], .liftoff_content p select, .liftoff_content p textarea {
    font-family: 'Poppins', Arial, sans-serif;
    background: transparent;
    position: relative;
    z-index: 5;
    border: 1px #888 solid;
}

.liftoff_content p input[type="text"][disabled], .liftoff_content p input[type="password"][disabled], .liftoff_content p select[disabled], .liftoff_content p select[disabled] option, .liftoff_content p textarea[disabled] {
    color: black;
    background: #eee;
}

.liftoff_content p input[type="text"],
.liftoff_content p input[type="email"],
.liftoff_content p input[type="password"] {
    padding: 0.25em;
    width: 97%;
}

.liftoff_content p select {
    padding: 0.25em 0;
    width: 75%;
}

.liftoff_content p.big_input input, .liftoff_content p.big_input select {
    font-size: 1.5em;
}

.liftoff_content p label, .swal-content p label {
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 0.5em;
    transform: translate(0, -50%);
    transition: all 0.5s;
}

.liftoff_content p label i {
    color: #C6293D;
    position: relative;
    top: -0.8em;
    font-size: 0.5em;
}

.liftoff_content p.full_input input[type="text"], .liftoff_content p.full_input input[type="email"], .liftoff_content p.full_input input[type="password"], .liftoff_content p.full_input select, .liftoff_content p textarea,
.swal-content p.full_input input[type="text"],.swal-content p.full_input input[type="email"],  .swal-content p.full_input input[type="password"], .swal-content p.full_input select, .swal-content p textarea {
    width: 94%;
}

.liftoff_content p textarea {
    height: 100px;
}

.liftoff_content p.full_input textarea {
    height: auto;
}

.liftoff_content .top_label label, .swal-content p label, #past_contact label {
    font-size: 0.7em;
    transform: none;
    top: -0.5em;
}

#past_contact label {
    font-weight: bold;
}

#past_contact {
    padding: 0.5em;
    margin-bottom: 1em;
    background: #ddddff;
}

#past_contact ul {
    list-style: disc outside;
    padding-left: 2em;
    margin-bottom: 0.5em;
}

#past_contact p {
    padding: 0 !important;
    font-size: 0.8em;
    line-height: 1.2em;
}

.liftoff_content .textcenter label {
    left: 50%;
    transform: translate(-50%, 0);
}
.swal-overlay .top_label label {
    font-size: 0.9rem;
    transform: none;
    top: 0;
    display: block;
    font-weight: bold;
    position: relative;
    left: 0;
}
 #addNoteDialog .top_label label, .top_label label {
    font-size: 0.9em;
    transform: none;
    top: -0.5em;
    display: block;
    font-weight: bold;
}

/*#addNoteDialog .top_label select, .mcnoc_dialog .top_label select, .mcnoc_dialog .top_label input[type="text"], .mcnoc_dialog .top_label textarea {*/
.top_label select, .top_label input[type="text"], .top_label textarea {
    width: 100%;
}

.mcnoc_dialog .top_label textarea {
    height: 250px;
}

/* Account Management swal form */
.acctmgmt-form {
    text-align: left;
    padding: 0 0.5rem;
}

.acctmgmt-field {
    margin-bottom: 1.25rem;
}

.acctmgmt-label {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.35rem;
}

.acctmgmt-label-required::after {
    content: ' *';
    color: #C6293D;
}

.acctmgmt-select,
.acctmgmt-input,
.acctmgmt-textarea {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    font-family: 'Poppins', Arial, sans-serif;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    box-sizing: border-box;
}

.acctmgmt-select:hover,
.acctmgmt-input:hover,
.acctmgmt-textarea:hover {
    border-color: #999;
}

.acctmgmt-select:focus,
.acctmgmt-input:focus,
.acctmgmt-textarea:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

.acctmgmt-textarea {
    min-height: 120px;
    resize: vertical;
}

body.liftoff_dark .acctmgmt-label {
    color: #ddd;
}

body.liftoff_dark .acctmgmt-select,
body.liftoff_dark .acctmgmt-input,
body.liftoff_dark .acctmgmt-textarea {
    background-color: #222;
    color: #eee;
    border-color: #555;
}

body.liftoff_dark .acctmgmt-select:focus,
body.liftoff_dark .acctmgmt-input:focus,
body.liftoff_dark .acctmgmt-textarea:focus {
    border-color: #5b9bf6;
    box-shadow: 0 0 0 2px rgba(91, 155, 246, 0.25);
}

.smalltext {
    font-size: 0.7em;
    font-family: 'Exo', Arial, sans-serif;
    font-weight: 400;
    line-height: 1.3em;
    padding-top: 1em;
    display: block;
}

.medtext {
    font-size: 0.85em;
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: 400;
    line-height: 1.3em;
    padding-top: 1em;
    display: block;
}

.liftoff_content .new_call #contact_id option {
    background-color: white
}

.liftoff_content .new_call #contact_id option.vip, .select2-dropdown .vip {
    background-color: #D4AF37 !important;
}

.liftoff_content .new_call #contact_id option.approver, .select2-dropdown .approver {
    background-color: #e1aa3c !important;
}

.acct_term {
    background-color: #ffc1c1 !important;
    color: black !important;
}

.acct_onb {
    background-color: #c7efff !important;
    color: black !important;
}

.liftoff_content #matrices table, .liftoff_content .nonsync_worktypes_table {
    width: 100%;
    margin-top: 2em;
}

.msp_contact_table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2em;
}

.msp_contact_table th {
    border-bottom: 1px black solid;
    padding: 0.5em;
}

.msp_contact_table td {
    padding: 0.5em;
}

.msp_contact_table input {
    width: 100%;
    font-size: 1.2em;
}

.liftoff_content #matrices table td {
    width: 40%;
}

.liftoff_content #matrices table tr td:first-child, .liftoff_content #matrices table .default_col {
    width: 10%;
    text-align: center;
}

.liftoff_content #matrices select {
    padding: 0.25em 0;
    width: 75%;
    font-size: 1.1em;
    font-family: 'Poppins', Arial, sans-serif;
    background: transparent;
    position: relative;
    z-index: 5;
    border: 1px #888 solid;
}

.liftoff_content #matrices select.Halo {
    width: 50%;
}

.liftoff_content #matrices table tfoot tr td {
    text-align: center;
    padding: 1em 0;
}

.liftoff_content .half_input {
    display: inline-block;
    width: 47%;
    vertical-align: top;
    padding-right: 2%;
    position: relative;
}

.liftoff_content .third_input, .swal-content .third_input {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    padding-right: 2%;
    position: relative;
}

.liftoff_content .quarter_input {
    display: inline-block;
    width: 22.4%;
    vertical-align: top;
    padding-right: 2%;
}

.liftoff_content .three_quarter_input {
    display: inline-block;
    width: 72.4%;
    vertical-align: top;
    padding-right: 2%;
}

.search_criteria {
    position: relative !important;
    top: 0 !important;
}

.liftoff_section_overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
}

.admin_act_as {
    padding: 1em;
    border: 2px #666 solid;
    text-align: center;
    margin: 3em auto;
    width: 70%;
    background: white;
    box-shadow: rgba(40, 40, 40, 0.4) 5px 5px 5px;
}

.admin_act_as p {
    padding: 0;
}

.admin_act_as p:last-child {
    padding: 1em 0;
}

.admin_act_as .admin_act_as_msp {
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
}

/* MSP Alerts Notice in Left Menu */
.admin_alerts_notice {
    margin: 1em auto;
    width: 70%;
}

.admin_alerts_notice .alerts_link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    padding: 0.8em 1em;
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
    color: white;
    text-decoration: none;
    border-radius: 6px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: rgba(231, 76, 60, 0.4) 0 4px 12px;
    transition: all 0.2s ease;
    animation: pulse-alert 2s infinite;
}

.admin_alerts_notice .alerts_link:hover {
    background: linear-gradient(135deg, #c0392b 0%, #a93226 100%);
    transform: translateY(-2px);
    box-shadow: rgba(231, 76, 60, 0.6) 0 6px 16px;
}

.admin_alerts_notice .alerts_link i {
    font-size: 1.2em;
}

.admin_alerts_notice .alerts_label {
    font-size: 0.95em;
}

.admin_alerts_notice .alerts_badge {
    background: white;
    color: #c0392b;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.85em;
    font-weight: bold;
    min-width: 20px;
    text-align: center;
}

@keyframes pulse-alert {
    0% {
        box-shadow: rgba(231, 76, 60, 0.4) 0 4px 12px;
    }
    50% {
        box-shadow: rgba(231, 76, 60, 0.6) 0 4px 20px;
    }
    100% {
        box-shadow: rgba(231, 76, 60, 0.4) 0 4px 12px;
    }
}

.liftoff_content .users {
    width: 95%;
}

.liftoff_content .users tfoot tr td {
    text-align: center;
    padding: 1em 0;
}

.liftoff_content .users input[type="text"], .liftoff_content .users input[type="password"] {
    font-family: 'Poppins', Arial, sans-serif;
    background: transparent;
    position: relative;
    z-index: 5;
    border: 1px #888 solid;
    background-image: none !important;
    padding: 0.25em;
    width: 95%;
}

.liftoff_content .users .mc_only i {
    margin-right: 0;
}

.liftoff_content .box {
    padding: 0.5em;
    border: 1px #aaa solid;
    text-align: center;
    margin-bottom: 1em;
}

.liftoff_content .fit_width {
    width: fit-content;
}

.liftoff_content .fit_width_center {
    margin-left: auto;
    margin-right: auto;
}


.liftoff_content .box p {
    width: 80%;
    margin: 0 auto;
}

.liftoff_content .box label {
    font-size: 0.7em;
    transform: none;
    top: -0.5em;
}

.liftoff_content .box input, .liftoff_content .box select {
    width: 100% !important;
}

.liftoff_content .box .has_refresh_icon input, .liftoff_content .box .has_refresh_icon select {
    width: 90% !important;
    margin-right: 2%;
}

.liftoff_content .line {
    border-top: 1px #aaa solid;
    width: 80%;
    text-align: center;
    margin: 0.5em auto -0.5em !important;
    padding: 0 0 1em 0;
}

.liftoff_content .line span {
    padding: 0 1em;
    margin-top: -1.2em;
    display: inline-block;
    background: white;
    font-size: 0.7em;
}

.liftoff_content .small_select {
    width: 4em !important;
}

.liftoff_content .medium_select, .liftoff_content .medium_input {
    width: 15em !important;
}

.liftoff_content .large_select {
    width: 35em !important;
}

.liftoff_content .authorized_users {
    list-style: none outside;
    width: fit-content;
    margin: 0 auto 2em;
}

.liftoff_content .devices tbody tr {
    cursor: pointer;
}

.liftoff_content .devices tfoot tr td {
    border-top: 0;
    padding: 4px 10px;
    font-weight: bold;
}

.liftoff_content .devices tfoot tr:first-child td {
    border-top: 3px black solid;
    padding-top: 8px;
}

.liftoff_content .devices tfoot tr:last-child td {
    padding-bottom: 8px;
}

#date_container > span {
    display: block;
    position: relative;
    padding-bottom: 0.5em;
}

#date_container > span > span {
    display: inline-block;
    padding: 0.75em 0 0 0.3em;
}

.pending_termination_icon, .terminated_icon {
    display: none;
}

.pending_termination .pending_termination_icon, .terminated .terminated_icon {
    display: inline-block;
}

.terminated .account_column, .devices .terminated td {
    text-decoration: line-through;
    color: #aaa;
}

.accounts .terminated {
    display: none;
}

.devices .terminated td:last-child {
    text-decoration: none;
    color: black;
}

#matching_accounts tfoot td {
    text-align: center;
    padding: 2em 0;
}

.tipso_style {
    cursor: pointer !important;
}

.search_results {
    width: 100%;
}

#lookup_ticket .search_results {
    width: 100%;
}

.search_results > div:nth-child(odd) {
    background: #eee;
}

.search_result {
    width: 100%;
    position: relative;
    padding: 1%;
    line-height: 1.2em;
}

.search_result p {
    padding: 0;
}

.search_result .sr_icon {
    display: inline-block;
    width: 8%;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-size: 0.8em;
    text-transform: uppercase;
}

.search_result .sr_icon i {
    padding-right: 0;
    margin-right: 0;
}

.search_result .sr_data, .search_result .sr_right {
    display: inline-block;
    width: 44%;
    vertical-align: top;
}

.search_result .sr_data .sr_msp_name {
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.search_result .sr_data .sr_account_name {
    font-size: 1.3em;
    font-weight: bold;
    padding-bottom: 0.25em;
}

.search_result .sr_data .sr_alt_account_names {
    font-size: 1em;
    font-weight: bold;
    padding-bottom: 0.25em;
}

.search_result .sr_list {
    display: none;
    list-style: none outside;
}

.search_result .sr_device_list, .search_result .sr_contact_list {
    list-style: none outside;
}

.search_result .sr_list_header {
    cursor: pointer;
}

.search_result .sr_list_header i {
    transition: all 0.5s;
    transform: rotate(0deg);
}

.search_result .sr_list_open i {
    transform: rotate(90deg);
}

.search_result .sr_phone {
    display: inline-block;
    margin-right: 10px;
}

#mc_ticket_number, #msp_ticket_number {
    text-transform: uppercase;
}

.ticket_searching {
    background: url(../../images/loading.gif) 99% center no-repeat !important;
}

.ticket_search_result {
    padding: 1%;
}

.ticket_search_result #FullContent section.TicketNote {
    padding: 1em;
    border-bottom: 1px #AAAAAA solid
}

.ticket_search_result #FullContent section.TimeEntry {
    padding: 1em;
    border-bottom: 1px #AAAAAA solid
}

.ticket_search_result #FullContent section.TimeEntry section {
    padding: 0em;
}

.ticket_search_result #FullContent article {
    padding-left: 1em;
}

.ticket_status {
    float: right;
    text-transform: uppercase;
}

.ticket_number_and_title {
    font-size: 1.25em;
    width: 50%;
    font-weight: bold;
    padding: 0 0 1em 1.5em !important;
}

#lookup_ticket .ticket_number_and_title {
    width: 100%;
    clear: both;
}

.ticket_number_and_title img {
    position: absolute;
    left: 0;
    width: 25px;
}

.ticket_data {
    width: 100%;
    margin-bottom: 1em;
}

.ticket_data tr:first-child td {
    border-top: 1px #aaa solid;
}

.ticket_data tr td {
    width: 35%;
    padding: 0.5em 0;
    border-bottom: 1px #aaa solid;
}

.ticket_data tr td:first-child, .ticket_data tr td:nth-child(3) {
    width: 15%;
    font-weight: bold;
}

.ticket_status {
    background: black;
    color: white;
    font-weight: bold;
    padding: 0.25em 2em !important;
    margin-left: 1em;
    text-transform: uppercase;
    border-radius: 25px;
}

.resource_name {
    margin-left: 0.1em;
    padding: 0.25em 0 0.25em 0 !important;
}
.resource_name strong {
    font-weight: bold;
}

.ticket_status_1, .ticket_status_5, .ticket_status_17 {
    background: #009c00;
}

.ticket_status_7, .ticket_status_9, .ticket_status_12, .ticket_status_13, .ticket_status_18 {
    background: #ff9928;
}

.ticket_status_8, .ticket_status_14, .ticket_status_19 {
    background: #00cab7;
}

.ticket_status_10, .ticket_status_16 {
    background: #4444ff;
}

.ticket_status_11, .ticket_status_15, .ticket_status_20 {
    background: #ff0000;
}

.ticket_not_bridged {
    margin: 0 0 2em 2em;
    width: fit-content;
    padding: 0.25em 1em !important;
    background: #9c0000;
    color: white;
    text-transform: uppercase;
    border-radius: 25px;
    font-weight: bold;
}

.service_times {
    font-size: 0.8em;
    color: #666;
}

.add_ticket_icon {
    color: #4444ff;
    margin-left: 0.5em;
}

#msp_filter {
    width: 50%;
    margin-right: 1em;
    border: 2px #144084 solid;
    color: #144084;
    font-size: 1.1em;
    padding: 2px 5px;
    border-radius: 5px;
    margin-left: 0.5em;
}

.billing_sections {
    list-style: none outside;
    text-align: center;
    width: 50%;
    margin: 0 auto;
}

.billing_sections li {
    display: inline-block;
    width: 39%;
    margin: 0 5% 1em;
    vertical-align: top;
    text-align: center;
}

.billing_sections li p {
    padding: 0;
}

.billing_sections li p input {
    text-align: center;
    cursor: pointer;
}

.billing_sections li p select {
    width: 100%;
}

.billing_msp_list {
    width: 40%;
    margin: 0 auto;
    list-style: none outside;
    height: 170px;
    overflow-y: scroll;
}

.todo_list {
    width: 100%;
}

.todo_list tr td {
    vertical-align: top !important;
    border-bottom: 1px #aaa solid;
    padding: 0.5em 1em;
}

.todo_list tr th {
    text-align: left;
    border-bottom: 1px #aaa solid;
    padding: 0 1em !important;
}

.todo_list tr td p {
    padding: 0 0 0.5em;
}

.todo_list tr td p.response {
    font-weight: bold;
    font-style: italic;
    padding-bottom: 0;
}

.todo_list tr:nth-child(even) td {
    background: #e0e0e0;
}

#extra_per_incident_settings {
    padding-left: 4em;
    display: none;
}

.bridge_modifiers span {
    padding-left: 4em;
}

.half_day_explanation {
    background: #ddd;
    font-size: 0.8em;
    padding: 0.5em 1em;
    text-align: center;
    line-height: 1em;
    margin-bottom: 1em;
}

.half_width {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.fullwidth .half_width {
    width: 46%;
    margin: 0 0.5%;
}

#mc_filter_dialog p {
    padding: 1em 0;
}

#mc_filter_dialog label {
    display: inline-block;
    width: 30%;
}

#mc_schedule_dialog p {
    padding: 1em 0;
}

#mc_schedule_dialog label {
    display: inline-block;
    width: 30%;
}

#mc_quicksearch_dialog p {
    padding: 1em 0;
}

#mc_quicksearch_dialog label {
    display: inline-block;
    width: 30%;
}

.dataTables_empty {
    text-align: center !important;
}

.report_recipients {
    list-style: none outside;
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
}

.ticket_schedule_icon {
    float: right;
    padding: 1em 0 0 !important;
    margin-right: -1em;
    z-index: 100;
}

.ticket_escalate_icon {
    float: right;
    padding: 1em 0 0 !important;
    z-index: 100;
}

.note_create_icon {
    float: right;
    padding: 1em 0 0 !important;
    z-index: 100;
}

#scheduled_ticket_results .overdue_high {
    background-color: red;
}

#scheduled_ticket_results .overdue_low {
    background-color: yellow;
}

#mc_escalate_dialog, .mcnoc_sow_dialog {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 80%;
    height: 80%;
    transform: translate(-50%, -50%);
    border: 5px black solid;
    background: white;
    z-index: 100001;
    overflow-y: auto;
}

.callmanager #mc_escalate_dialog {
    z-index: 50001;
}

#mc_escalate_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 100;
}

.callmanager #mc_escalate_overlay {
    z-index: 50000;
}

#phone_system_quickcodes {
    width: 100%;
    margin: 0 auto;
}

#phone_system_quickcodes tr th {
    width: 20%;
}

#phone_system_quickcodes tr th:first-child {
    width: 5%;
}

#phone_system_quickcodes tr th:nth-child(2) {
    width: 15%;
}

#phone_system_quickcodes .phone_code {
    width: 83%;
}

#phone_system_quickcodes td select {
    width: 97%;
}

#phone_system_quickcodes tfoot td {
    padding: 1em 0 2em;
    text-align: center;
}

#mc_escalate_dialog > p, #mc_escalate_dialog > div {
    width: 70%;
    margin: 0 auto;
}

#mc_escalate_dialog label {
    display: inline-block;
    width: 30%;
    text-align: left;
    vertical-align: top;
}

#mc_escalate_dialog > p > span {
    width: 65%;
    display: inline-block;
    vertical-align: top;
}

#mc_escalate_dialog #escalation_procedures {
    width: 65%;
    height: 200px;
    overflow-y: auto;
    display: inline-block;
    vertical-align: top;
    list-style: none outside;
    margin-bottom: 2em;
}

#mc_escalate_dialog #escalation_procedures li.selected_procedure {
    background: #ffffdd;
}

#mc_escalate_dialog #escalation_procedures li {
    font-size: 0.8em;
    cursor: pointer;
    border-bottom: 1px #aaa solid;
    line-height: 1.4em;
    padding: 0.5em 0;
}

#mc_escalate_dialog #escalation_procedures li:last-child {
    border-bottom: none;
}

#mc_escalate_dialog #escalation_procedures li h3 {
    padding: 0;
}

#mc_escalate_dialog #escalation_procedures li p {
    padding: 0;
}

#sent_email_content {
    text-align: left;
    font-size: 0.8em;
    border: 1px #ccc solid;
    padding: 1em;
    line-height: 1.4em;
    margin: 2em 0;
}

#sent_email_content p {
    padding: 0 0 1em;
}

#sent_email_content p:last-child {
    padding: 0;
}

#blackListAddEdit {
    display: none;
}

#blackListList tr.disabled {
    color: #aaa;
}

#add_rule_note {
    width: 95%;
    height: 75px
}

.telephone_notifications > li {
    padding-bottom: 1em;
}

.community {
    list-style: disc outside;
    padding-left: 2em;
}

.community li {
    padding-bottom: 1em;
}

.contact_history {
    list-style: disc outside;
    padding-left: 2em;
    font-size: 0.8em;
}


.escalation_procedure_types {
    list-style: none outside;
    text-align: center;
    margin-bottom: 1em;
}

.escalation_procedure_types > li {
    width: 18%;
    display: inline-block;
    vertical-align: top;
    border: 1px black solid;
    background: #ddd;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: bold;
    cursor: pointer;
}

.escalation_procedure_types > li > h3 {
    padding: 0;
    margin: 0;
}

.escalation_procedure_types > li.selected_type {
    background: white;
}

.escalation_procedure_types > li.selected_type h3 {
    color: #C1233C;
    font-weight: bold;
}

#escalation_procedures .dtrg-group td {
    padding: 1em 0 0;
    background: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

#escalation_procedures td i {
    margin: 0 0.25em;
    display: inline-block;
}

#escalation_procedures td i.fa-circle-yellow {
    text-shadow: #aaa 1px 1px 0, #aaa -1px 1px 0, #aaa -1px -1px 0, #aaa 1px -1px 0;
}

.escalation_procedure_steps {
    list-style: none outside;
}

.escalation_procedure_steps > li {
    text-align: center;
    margin-bottom: 1em;
    position: relative;
}

.escalation_step_order {
    position: absolute !important;
    top: 0;
    left: 1em;
    z-index: 5;
    cursor: pointer;
}

.escalation_procedure_steps li.step {
    background: #efefef;
    padding: 1em;
    border: 1px #aaa solid;
    border-radius: 10px;
}

.escalation_procedure_steps li.join {
    background: #efed79;
    padding: 0.25em 0.5em;
    border: 1px #e5c200 solid;
}

.escalation_procedure_steps .contact_info.hide_email .type_email {
    display: none;
}

.escalation_procedure_steps .contact_info.hide_telephone .type_telephone {
    display: none;
}

.escalation_contacts {
    list-style: none outside;
}

.escalation_contacts li p {
    width: 90%;
    display: inline-block;
    padding: 0.25em 0;
}

.procedure_time_periods {
    list-style: none outside;
    padding-left: 2em;
}

.procedure_time_periods li {
    padding-bottom: 1em;
}

.procedure_time_periods li:last-child {
    padding-bottom: 0;
}

.procedure_time_periods li p {
    padding: 0;
}

.procedure_time_periods li p span {
    display: inline-block;
    vertical-align: top;
    padding-right: 1em;
}

.escalation_submenu {
    list-style: none outside;
    margin-bottom: 1em;
}

.escalation_submenu li {
    border-bottom: 2px #aaa solid;
    display: inline-block;
    width: 49%;
    text-align: center;
}

.escalation_submenu li a {
    color: #aaa;
    font-size: 0.8em;
    text-transform: uppercase;
}

.escalation_submenu li.currently_selected {
    border-color: black;
}

.escalation_submenu li.currently_selected a {
    color: black;
}

.current_escalations > p {
    padding-top: 2em;
}

#current_escalations_table, #escalation_email_templates {
    width: 100% !important;
}

#escalation_email_templates td img {
    position: relative;
    top: 6px;
    padding-right: 0.5em;
}

#escalation_email_templates tr td:last-child {
    padding: 1em;
    text-align: right;
}

.procedure_priorities, .procedure_accounts {
    border: 1px #aaa solid;
    height: 130px;
    overflow-y: auto;
    padding: 0.5em;
    display: none;
}

.email_template_selector {
    display: none;
}

.numchars {
    color: #666;
    font-size: 0.8em;
    font-style: italic;
    padding-left: 3em;
}

.call_manager {
    background: #9c0000;
    margin-bottom: 1em;
    padding: 0.5em 0;
    text-align: center;
}

.call_manager:hover {
    background: red;
}

.call_manager a {
    color: white;
    text-transform: uppercase;
}


.callmanager header header .logo img {
    height: 50px;
}

.callmanager .partner_channel, .callmanager .menu_link, .callmanager footer, .callmanager .existing_ticket, .callmanager .new_ticket_number, .callmanager .tech_list_container {
    display: none;
}

.callmanager .sitewrapper > header {
    height: 75px;
}

.callmanager .liftoff_content {
    width: 90%;
    padding: 0 0 2em;
}

.callmanager .liftoff_content .half {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    overflow-y: auto;
}

.callmanager .liftoff_content > .new_call {
    position: relative;
}

.callmanager .liftoff_content > div:first-child {
    margin-right: 1%;
}

/*.callmanager #add_ticket .business_hours_banner, .callmanager #add_ticket .dispatchNotes {*/
/*    display: none !important;*/
/*}*/

.callmanager #notes {
    height: 300px !important;
}

.callmanager .timer .clock {
    font-size: 3em;
    margin-left: 0.5em;
}

.callmanager .guidance_header {
    width: 100%;
    position: fixed;
    z-index: 5;
    background: white;
}

.callmanager .available_options {
    line-height: 3em;
    padding: 0;
}

.callmanager .available_options a {
    margin: 0 0.5em 1em;
    display: inline-block;
    padding: 0 1em;
    line-height: 2em;
}

.callmanager .script_container p, .callmanager .initial_greeting p {
    text-align: center;
}

.callmanager .launch_ticket_window {
    display: none;
}

.callmanager .script_container ul, .callmanager .script_container ol {
    padding-left: 2em;
}

.callmanager .script_container li {
    padding-bottom: 1em;
}

.call_manager_tabs, .tabs {
    list-style: none outside;
    border-bottom: 1px black solid;
    margin-bottom: 2em;
}

.call_manager_tabs li, .tabs li {
    display: inline-block;
    width: fit-content;
    vertical-align: bottom;
    border: 1px black solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 0;
    padding: 0 1em;
    font-size: 0.9em;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    background: #e2e2e2;
    background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
}

.call_manager_tabs li:first-child, .tabs li:first-child {
    margin-left: 1em;
}

.call_manager_tabs li.tab_selected, .tabs li.tab_selected {
    background: #e4f5fc;
    background: linear-gradient(to bottom, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4f5fc', endColorstr='#2ab0ed', GradientType=0);
}

.call_manager_tab_content .fa-chevron-circle-left, .tab_content .fa-chevron-circle-left {
    display: none;
}

.script_half {
    overflow-y: visible !important;
}

.pod_msp_list {
    list-style: none outside;
    width: 90%;
    margin: 0 auto;
    column-count: 3;
}

#call_history_table {
    margin-top: 2em;
    width: 95%;
}

.ad_tickets, #security_dashboard {
    font-family: 'Cabin Condensed', sans-serif;
}

.ad_tickets thead th.textcenter {
    padding-left: 0 !important;
}

.ad_tickets td {
    line-height: 1em;
    font-size: 0.95em;
}

#security_dashboard { width: 100% !important; }

#security_dashboard th { padding-left: 0 !important; padding-right: 0 !important; }
#security_dashboard td {
    font-size: 0.8em;
    line-height: 1em;
}

#security_dashboard tr td:first-child {
    white-space: nowrap;
}

#security_dashboard .alert1 td { background: #c4daeb; }
#security_dashboard .alert2 td { background: #c4ebc4; }
#security_dashboard .alert3 td { background: #ebc4c4; }

.ad_tickets td .ad_smaller {
    display: block;
    font-size: 0.8em;
}

.ad_tickets .big_icon i {
    font-size: 1.5em;
    padding-right: 0 !important;
}

.ad_tickets .sorting_asc {
    background-image: none !important;
}

.ad_sla {
    display: inline-block;
    line-height: 1.75em;
}

.ad_sla a {
    color: white;
}

.ad_tickets + .dataTables_info, .ad_tickets ~ .dataTables_paginate {
    font-size: 0.8em;
    font-family: 'Cabin Condensed', sans-serif;
}

.ad_tickets ~ .dataTables_paginate .paginate_button {
    padding: 0 1em !important;
}

.ad_action_icons a i, .ad_icon i {
    margin-right: 0.25em;
    font-size: 1.2em;
}

.ad_action_icons a:last-child i {
    margin-right: 0;
}

.bordered {
    padding: 1em;
    border: 1px black solid;
    border-radius: 10px;
    margin-bottom: 1em;
    display: none;
}

.mfa_box {
    width: 60%;
    margin: 2em auto;
    padding: 1em;
    border: 2px black solid;
    text-align: center;
}

.mfa_done i {
    color: green;
}

.mfa_not_done i {
    color: red;
}

.vip_ticket {
    background-color: #fff0a8 !important;
}

.mismatched_schedule_ticket {
    background-color: #ff92fb !important;
}

.schedule_status_mismatch {
    background-color: white !important;
}

.sync_indicator {
    opacity: 0.25;
}

.call_manager_filter, .activity_report_filter, #additional_filters > div, .tech_filter, .ticket_filter {
    width: fit-content;
    margin: 0 0.5em 1em;
    display: inline-block;
}

#additional_filters {
    margin-top: 1em;
}

#br_update_button {
    display: none;
}

#activity_bar_container {
    margin-bottom: 2em;
}

#activity_bar_container h3 {
    font-size: 0.9em;
    text-align: center;
    text-transform: uppercase;
    margin-top: 1em;
}

#activity_bar_container h3 span {
    padding-left: 3em;
}

.activity_bar {
    width: 100%;
    height: 25px;
    border: 1px black solid;
    position: relative;
    background: #eee;
    overflow-x: hidden;
}

.activity_bar .gap {
    position: absolute;
    top: 0;
    height: 25px;
    background: #666;
}

.activity_bar_labels {
    width: 100%;
    position: relative;
    top: -5px;
    font-size: 0.9em;
    text-transform: uppercase;
    font-family: 'Exo', sans-serif;
}

.activity_bar_labels .start {
    position: absolute;
    left: 0;
}

.activity_bar_labels .end {
    position: absolute;
    right: 0;
}

#tech_report {
    margin: 2em 0;
    height: 600px;
}

.wickedpicker {
    z-index: 100001 !important;
}

.business_hours_container, .assign_to_mc_container {
    position: relative;
}

.business_hours_overlay, .assign_to_mc_overlay {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    display: none;
}

.week {
    margin-bottom: 1em;
}

.week thead th {
    text-align: center;
}

.week tbody td {
    width: 12%;
    text-align: center;
}

.week tbody td input[type="text"] {
    width: 90%;
    text-align: center;
}

.week tbody th {
    width: 16%;
    text-align: center;
}

.table_box {
    border-collapse: collapse;
}

.table_box th, .table_box td {
    border: 1px #444 solid;
}

.table_center th, .table_center td {
    text-align: center;
}

.matrix {
    width: 100%;
}

.dispatch_container {
    position: relative;
}

.dispatch_overlay {
    display: none;
    position: absolute;
    z-index: 500;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
}

.dispatchNotes {
    display: none;
    margin-bottom: 1em;
    padding: 1em;
    list-style: none outside;
}

.dispatchNotes p {
    padding: 0 0 0.5em;
}

.dispatchNotes p:last-child {
    padding-bottom: 0;
}

.dispatchNotes li {
    width: 47%;
    box-sizing: border-box;
    margin: 0 1% 0.5em 0;
    display: inline-block;
    text-align: left;
    padding: 0.5em 0.5em 0.5em calc(0.5em + 45px);
    border: 1px #666 solid;
    border-radius: 5px;
    vertical-align: top;
}

.dispatchNotes li h3 {
    text-align: left;
    margin-left: -36px;
    padding: 0;
}


.business_hours_banner {
    background: #ddddff;
    padding: 1em;
    text-align: center;
    display: none;
}

.business_hours_banner > div {
    flex: 1 0 calc(50% - 1em);
}

.business_hours_banner > .account_hours {
    margin-left: 2em;
    display: none;
}

.callmanager .business_hours_banner {
    flex-wrap: wrap;
}

.callmanager .business_hours_banner > div {
    flex-basis: 100%;
}

.callmanager .business_hours_banner > .account_hours {
    margin-left: 0;
}

.callmanager .dispatchNotes li {
    width: 100%;
}

.business_hours_banner h3 {
    font-size: 1em;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

.business_hours_banner table {
    margin: 0 auto 1em;
    border-collapse: collapse;
    width: 100%;
}

.business_hours_banner table tr th {
    width: 9%;
}

.business_hours_banner table td {
    border: 1px #aaa solid;
    padding: 0.5em;
    width: 13%;
    white-space: nowrap;
    font-size: 0.8em;
}

.business_hours_banner .outside_hours {
    color: red;
}

.bulletin_banner {
    background: #ffdddd;
    padding: 1em;
    text-align: center;
    display: none;
}

.bulletin_banner p {
    padding-top: 0;
}

.bulletin_banner ol, .bulletin_banner ul {
    width: fit-content;
    margin: 0 auto 1em;
}

.bulletin_banner li {
    text-align: left;
    padding-bottom: 0.25em;
    line-height: 1em;
}

#assign_to_mc_table td {
    padding: 0.5em 0;
}

.psa_icon {
    float: left;
    padding-right: 10px;
}

.red_box {
    background: #c5293d;
}

.gold_box {
    background: #e29705;
}

.red_box, .gold_box {
    padding: 0.25em 0.5em;
    margin-left: 1em;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}

#ticket_review_dialog p, #push_ticket_dialog p {
    line-height: 1.2em;
}

#ticket_review_dialog h2, #push_ticket_diaog h2 {
    padding-bottom: 0;
}

#ticket_review_dialog #review_ticket_description, #push_ticket_dialog #push_ticket_description {
    text-align: center;
    padding-bottom: 1em;
    line-height: 1.2em;
}

.ticket_review_12 {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    padding: 0 2% 2em;
    transition: 0.4s all;
}

.ticket_review_13 {
    display: inline-block;
    vertical-align: top;
    width: 29%;
    padding: 0 2% 2em;
}

.ticket_review_23 {
    display: inline-block;
    vertical-align: middle;
    width: 60%;
    padding: 0 2% 2em;
}

.ticket_review_12 h4, .ticket_review_13 h4 {
    padding: 0.25em 0 0;
}

.ticket_review_12 h4:first-child, .ticket_review_13 h4:first-child {
    padding-top: 0;
}

.ticket_review_12 p, .ticket_review_13 p {
    padding: 0.5em 0 0.5em;
}

.ticket_review_12 label, .ticket_review_13 label {
    display: block;
    font-weight: bold;
}

.ticket_review_12 input[type="text"], .ticket_review_12 textarea, .ticket_review_12 select,
.ticket_review_13 input[type="text"], .ticket_review_13 textarea, .ticket_review_13 select {
    width: 100%;
}

.ticket_review_12 p span {
    display: block;
    padding-bottom: 0em;
}

span.bigger_text input[type="radio"] {
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

span.bigger_text {
    font-size: 2em;
    line-height: 1.4em;
    display: block;
}

.ticket_review_12 p #msp_ticket_priority {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

.opaque {
    opacity: 0;
}

.ticket_reviewed_by {
    white-space: nowrap;
}

.review_title_flags {
    position: relative;
    top: -0.15em;
}

.overall_confirm {
    font-size: 1.2em;
    color: #BF223D;
    text-align: center;
    line-height: 1.2em;
    padding-top: 1em;
}

.confirm_checkbox {
    /*margin-top: -0.75em;*/
    line-height: 1.2em;
}

.confirm_checkbox:after {
    display: table;
    content: '';
    clear: both;
}

.confirm_checkbox input {
    float: left;
    margin-bottom: 1em;
}

#open_escalate_window {
    display: inline-block;
    width: 10%;
    text-align: center;
    vertical-align: top;
}

.beside_escalate_checkbox {
    display: inline-block;
    width: 87%;
    text-align: left;
    vertical-align: top;
    padding-bottom: 1em;
}

#review_split_ticket {
    display: block;
    text-align: center;
}

#review_perincident_disabled {
    margin-top: 1em;
    display: none;
    padding: 0.5em;
    background: red;
    color: white;
    font-weight: bold;
    text-align: center;
    line-height: 1.2em;
}

#auto_onboard_enabled {
    margin-top: 0.25em;
    display: none;
    padding: 0.5em;
    background: #0000cc;
    color: white;
    font-weight: bold;
    text-align: center;
    line-height: 1.2em;
}

#noc_blanket_approval {
    margin-top: 0.25em;
    display: none;
    padding: 0.5em;
    background: #0000cc;
    color: white;
    font-weight: bold;
    text-align: center;
    line-height: 1.2em;
}

#email_template {
    width: 100%;
    height: 250px;
    margin-bottom: 1em;
}

#template_section {
    display: none;
}

.ddb_email_content #template_section {
    display: block;
}

.email_template_list {
    padding: 1em 0;
    list-style: none outside;
}

.email_template_list li {
    padding-bottom: 0.5em;
    line-height: 1.2em;
}

.ticket_description_dialog, #mc_payment_card_dialog, .mcnoc_quickinfo_dialog, #pod_dialog, #mc_ddb_email, #manage_pod_dialog, #preset_dialog, #sow_notify_dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100005;
    width: 80%;
    height: 80%;
    box-shadow: #000 0 0 5px;
    padding: 1em;
    background: white;
    border: 3px black solid;
    display: none;
    overflow-y: auto;
}

#pod_dialog {
    height: auto;
}

.ticket_description_dialog > p {
    padding-bottom: 0;
    margin-bottom: 0;
}

.ticket_description {
    height: 90%;
    overflow-y: auto;
}

#mc_payment_card_dialog h2 {
    text-align: center;
}

#payment_cards {
    margin-bottom: 3em;
}

#payment_cards td i {
    position: relative;
    top: 3px;
}

.read_more_button {
    display: inline-block;
    margin-left: 1em;
    padding: 5px 1em;
    background: #2962c5;
    color: white !important;
    font-weight: bold;
    font-size: 0.8em;
    text-transform: uppercase;
}

#ticket_report td, #current_escalations_table td {
    line-height: 1.1em;
    font-family: 'Cabin Condensed', 'Arial Condensed', sans-serif;
}

#extended_search_results th, #extended_search_results td {
    line-height: 1.3em;
    font-family: 'Cabin Condensed', 'Arial Condensed', sans-serif;
}

#extended_search_results td {
    cursor: pointer;
}

.for_msp, .for_mc {
    display: inline-block;
    width: 35px;
    background: #0000cc;
    color: white;
    font-weight: bold;
    font-size: 0.8rem;
    text-align: center;
    border-radius: 5px;
    margin: 0 5px 5px 0;
}

.for_mc {
    background: #cc0000 !important;
    margin-bottom: 0 !important;
}

#mc_ticket_detail_dialog {
    position: fixed;
    z-index: 100000;
    top: 50%;
    left: 50%;
    width: 70%;
    height: 80%;
    transform: translate(-50%, -50%);
    overflow-y: scroll;
    margin: 0 auto;
    padding: 3rem;
    background: white;
    border: 2px black solid;
    box-shadow: rgba(0, 0, 0, 0.7) 0 0 10px;

}

#mc_ticket_detail_dialog .ticket_details, #mc_ticket_detail_dialog .notes_time_entries {
    width: 100%;
    font-family: "Cabin Condensed", "Arial Narrow", sans-serif;
    border-collapse: collapse;
}

#mc_ticket_detail_dialog .ticket_details th, #mc_ticket_detail_dialog .ticket_details td {
    border: 1px black solid;
}

#mc_ticket_detail_dialog .ticket_details th {
    width: 30%;
    background: #eee;
}

#mc_ticket_detail_dialog .ticket_details tr th:first-child, #mc_ticket_detail_dialog .ticket_details tr th:nth-child(3) {
    width: 20%;
}

#mc_ticket_detail_dialog .ticket_details td {
    padding-bottom: 1rem;
}

#mc_ticket_detail_dialog .ticket_details td.textleft {
    padding: 0 1rem 1rem;
}


.tech_list_container {
    display: inline-block;
    min-height: 135px;
    box-sizing: border-box;
    vertical-align: middle;
    width: calc(100% - 120px - 5em); /* 100% - width of logo - a little extra spacing */
    position: relative;
    border-radius: 10px;
    background: rgb(233, 233, 233);
    background: linear-gradient(180deg, rgba(233, 233, 233, 1) 0%, rgba(203, 203, 203, 1) 100%);
    text-align: center;
    line-height: 1.2em;
}

.tech_list_container .sync_icon {
    position: absolute;
    bottom: 0.5em;
    right: 0;
    color: #ccc;
    display: none;
}

.tech_list, .non_tech_list {
    list-style: none outside;
    text-align: left;
    line-height: 1.2em;
    vertical-align: top;
    font-size: 0.8em;
    display: inline-block;
}

.tech_list {
    margin-left: 30px;
    width: 60%;
}

.non_tech_container {
    width: 35%;
    display: inline-block;
    vertical-align: top;
}

.no_coordinator {
    line-height: 1.2em;
    font-size: 0.8em;
    border: 2px red solid;
    background: #ffaaaa;
    color: black;
    font-weight: bold;
    margin: 0.5rem 0;
    padding: 0.5rem;
}

.tech_list_container ul li {
    display: inline-block;
    width: 32%;
    text-align: left;
    line-height: 1em;
    padding: 0.25em 0.5em;
    white-space: nowrap;
    box-sizing: border-box;
}

.tech_list_container ul li:first-child {
    width: 100%;
    display: block;
    font-size: 0.7em;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.5em;
    border-bottom: 1px #aaa solid;
    padding-top: 10px;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: bottom;
}

.tech_list_container ul li strong {
    font-weight: bold;
    color: #9c0000;
}

.tech_list_container ul li span.idletime {
    font-size: 0.85em;
    font-weight: 300;
    background: transparent;
    display: inline-block;
    border-radius: 50px;
    border: 1px #888 solid;
    text-align: center;
    width: 2em;
    margin-right: 0.5em;
}

.tech_list_container ul li strong span.idletime {
    background: #9c0000;
    color: white;
    border: 1px #9c0000 solid;
}

.tech_list_container ul li i {
    font-size: 1.25em;
}

#onboard_multiple_devices, #offboard_multiple_devices, #adjust_dates_devices {
    width: 100% !important;
}

#onboard_multiple_devices select, #onboard_multiple_devices input, #offboard_multiple_devices select, #offboard_multiple_devices input, #adjust_dates input {
    width: 98% !important;
    font-family: 'Poppins', 'Arial', sans-serif;
}

.onboard_multiple_profile select {
    width: 100% !important;
}

.onboard_multiple_profile .helpdesk_half_day_hour, .onboard_multiple_profile .helpdesk_half_day_min, .onboard_multiple_profile .helpdesk_half_day_ampm {
    width: 4em !important;
}

#onboard_multiple .highlight {
    background: yellow;
}

.onboard_multiple_profile {
    text-align: center;
}

.onboard_multiple_profile p {
    text-align: left;
}

.onboard_multiple_12, .onboard_multiple_14, #adjust_dates_12 {
    display: inline-block;
    vertical-align: top;
}

.onboard_multiple_12 span, .onboard_multiple_14 span {
    position: relative;
}

.onboard_multiple_12, #adjust_dates_12 {
    width: 48%;
}

.onboard_multiple_14 {
    width: 24%;
}

#offboard_multiple_devices select, #offboard_multiple_devices input {
    width: 98% !important;
    font-family: 'Poppins', 'Arial', sans-serif;
}

.offboard_multiple_profile select {
    width: 100% !important;
}

.offboard_multiple_profile .helpdesk_half_day_hour, .offboard_multiple_profile .helpdesk_half_day_min, .offboard_multiple_profile .helpdesk_half_day_ampm {
    width: 4em !important;
}

#offboard_multiple .highlight {
    background: yellow;
}

.ofboard_multiple_profile {
    text-align: center;
}

.offboard_multiple_profile p {
    text-align: left;
}

.offboard_multiple_12, .offboard_multiple_14 {
    display: inline-block;
    vertical-align: top;
}

.offboard_multiple_12 span, .offboard_multiple_14 span {
    position: relative;
}

.offboard_multiple_12 {
    width: 48%;
}

.offboard_multiple_14 {
    width: 24%;
}


#payment_information {
    width: 50%;
    margin: 2em auto;
}

.charges_table {
    width: 100%;
}

.charges_table th {
    border-bottom: 1px #ddd solid;
    padding: 0 0.5em !important;
}

.charges_table td {
    border-bottom: 1px #ddd solid;
    padding: 0.5em;
}

.charges_table td input, .charges_table td select {
    width: 95%;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 1.1em;
}

.referral_program ul {
    list-style: disc outside;
    padding-left: 2em;
}

.referral_program ul li {
    padding-bottom: 0.5em;
}

#blackListList td {
    font-family: "Cabin Condensed", "Arial Narrow", sans-serif;
    line-height: 1.2em;
    white-space: nowrap;
    cursor: default !important;
}

#blackListList td span {
    font-size: 0.8em;
}

#blackListList th {
    vertical-align: bottom;
}

#blackListList th span {
    font-size: 0.8em;
    font-weight: normal;
    font-family: "Cabin Condensed", "Arial Narrow", sans-serif;
}

#blackListList th select {
    width: 100%;
    font-family: "Cabin Condensed", "Arial Narrow", sans-serif;
    font-size: 0.9em;
    margin-bottom: 0.25em;
}

#secondary_ticket_status_container {
    display: none;
    padding-left: 3em;
    margin-bottom: 3em;
}

#secondary_ticket_status_container ul {
    list-style: none outside;
    column-count: 3;
}

#onboarding_tickets th, #onboarding_tickets td {
    cursor: default !important;
}

#onboarding_tickets td {
    vertical-align: top !important;
    line-height: 1.3em;
}

#onboarding_tickets td ul {
    list-style: none outside;
}

#onboarding_tickets td ul li {
    line-height: 1.2em;
    padding: 0.25em 0;
    text-indent: -1em;
}

#onboarding_tickets td ul.checklist_todo li {
    cursor: pointer;
}

#onboarding_tickets td ul.checklist_todo li.important_item i {
    color: red;
}

.add_payment_card p {
    position: relative;
    text-align: center;
    padding-bottom: 2em;
}

.add_payment_card p label {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0) !important;
    font-size: 0.7em !important;
    top: -2em !important;
}

.add_payment_card input[type="text"], .add_payment_card select {
    width: 50% !important;
    font-family: 'Poppins', 'Arial', sans-serif;
    font-size: 1.1em;
    text-align: center;
}

.add_payment_card select {
    width: 5em !important;
}

#close_payment_card_dialog_button {
    display: none;
}

#mc_payment_card_dialog #close_payment_card_dialog_button {
    display: inline-block;
}

#email_completion, #no_email, #phone_completion, #acc_co_managed_alert, #no_phone, #sms_completion, #no_sms, #slack_completion, #no_slack {
    text-align: center;
    font-size: 1em;
}

#toggle_subscription_button {
    position: absolute;
    left: 1.5em;
    top: auto;
    bottom: 1em;
    height: 1.5em;
    line-height: 1.5em;
}

.mcnoc_user .logomark {
    height: 5em;
    margin-left: 2em;
    width: auto !important;
    display: none;
}

#mcnoc_notifications {
    position: fixed;
    top: 1em;
    right: 1em;
    width: 350px;
    height: auto;
    z-index: 999999999;
}

#mcnoc_notifications div {
    font-weight: bold;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 1em;
    text-align: center;
    margin-bottom: 1em;
    position: relative;
}

#mcnoc_notifications div.type_phone {
    background: rgba(190, 0, 0, 0.8);
    color: white;
}

#mcnoc_notifications div.type_timeup {
    background: rgba(255, 255, 0, 0.8);
    color: black;
}

#mcnoc_notifications div.type_note_added {
    background: rgba(0, 255, 217, 0.8);
    color: black;
}

#mcnoc_notifications div a.close {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    color: white;
}

#mcnoc_notifications div p {
    padding-bottom: 0;
    margin-bottom: 0;
}

.within_three_days {
    background: #FFFF00;
    font-weight: bold;
    border-radius: 5px;
    margin-bottom: 1em;
    padding: 1em;
    text-align: center;
    line-height: 1.2em;
    display: none;
}

.documentation_platforms_list label {
    font-weight: bold;
}

.documentation_platforms_list:after {
    content: '';
    display: table;
    clear: both;
}

.documentation_platforms_list ul {
    list-style: none outside;
    column-count: 2;
}

.itglue_url_container {
    margin-top: 1em;
}

/*#quickinfo a {*/
/*    position: relative;*/
/*    top: 3em;*/
/*}*/

.msp_quickinfo {
    display: flex;
    align-items: flex-start;
    overflow-y: auto;
    margin-top: 1rem;
}

.msp_quickinfo > div {
    flex-basis: 100%;
    margin-left: 2%;
    box-sizing: border-box;
}

.msp_quickinfo > div:first-child {
    margin-left: 0;
}

.msp_quickinfo ul {
    list-style: none outside;
    max-height: 20em;
    overflow-y: auto;
}

.msp_quickinfo ul li {
    text-align: left;
    padding: 0.25em 0.5em;
    border-bottom: 1px #ddd solid;
    cursor: pointer;
}

.msp_quickinfo ul li:last-child {
    border-bottom: 0;
}

.msp_quickinfo table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Cabin Condensed', 'Arial Condensed', sans-serif;
    margin-bottom: 2em;
}

.msp_quickinfo table th {
    width: 30%;
    text-align: left;
    border-bottom: 1px #ddd solid;
    border-right: 1px #ddd solid;
    padding: 0 0.5em;
}

.msp_quickinfo table td {
    width: 70%;
    text-align: left;
    border-bottom: 1px #ddd solid;
    padding: 0 0.5em;
}

.msp_quickinfo table td.contact {
    width: 30%;
}

.msp_quickinfo table tr:last-child th, .msp_quickinfo table tr:last-child td {
    border-bottom: 0;
}

.unbreakable {
    white-space: nowrap;
}

.unbreakable:after {
    content: '\00B7';
    display: inline-block;
    padding: 0 0.5em;
}

.msp_quickinfo table td .unbreakable:last-child:after {
    content: '';
}

#slack_message_content {
    font-family: 'Cabin Condensed', 'Arial Narrow', sans-serif;
    width: 100%;
    height: 100px;
}

.unassigned_container {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    box-sizing: border-box;
    max-height: 800px;
    overflow-y: auto;
}

.pod_msp_listing {
    list-style: none outside;
}

.pod_msp_listing li {
    border: 1px #ccc solid;
    padding: 0.25em;
    text-align: center;
    margin-bottom: 0.25em;
    cursor: grab;
    user-select: none;
}

.pod_msp_listing li.not_original_pod {
    background: #FFFFDD;
}

.pod_msp_listing li.no_msps {
    cursor: default;
}

.pod_msp_listing li.disabled-msp {
    background: #ddd;
    color: #777;
    font-style: italic;
}

.unassigned_container h3, .unassigned_container .pod_msp_listing {
    width: 90%;
}

.pod_hide_inactive .pod_msp_listing li.disabled-msp {
    display: none;
}

.pod_container {
    display: inline-block;
    width: 70%;
    margin-right: 2%;
    vertical-align: top;
}

.pod_data {
    float: left;
    width: 30%;
    margin-right: 2%;
    margin-bottom: 2em;
}

.pod_data h3 {
    text-align: left;
}

#runtime_table {
    width: 100%;
    border-spacing: 10px;
    border-collapse: separate;
    cursor: default !important;
    font-family: 'Cabin Condensed', 'Arial Narrow', sans-serif;
}

#runtime_table > thead > tr > th {
    text-align: center;
    border-bottom: 1px black solid;
}

#runtime_table col:nth-child(odd) {
    background: #eaeaea;
}

#runtime_table table {
    width: 90%;
    margin: 0 auto;
}

#runtime_table table td {
    border-bottom: 1px #ddd solid;
    text-align: center;
    cursor: default !important;
}

#review_ticket_instructions {
    list-style: none outside;
    display: flex;
    justify-content: center;
    margin-bottom: 2em;
}

#review_ticket_instructions li {
    flex-basis: 19%;
    padding: 0.5em;
    box-sizing: border-box;
    border: 1px black solid;
    border-radius: 10px;
    margin-right: 1%;
    background: #ffffdd;
}

#review_ticket_instructions li h4 {
    font-size: 12px;
    text-align: center;
    border-bottom: 1px black solid;
    padding: 0;
    margin: 0 0 5px;
    line-height: 18px;
}

#review_ticket_instructions li p {
    font-size: 12px;
    text-align: center;
    padding: 0;
}

.time_spent_to_date {
    text-align: center;
    border: 1px black solid;
    border-radius: 15px;
    padding: 1em;
    margin-top: 2em;
    box-sizing: border-box;
}

.time_spent_to_date span {
    display: inline !important;
    font-weight: bold;
    color: red;
}

.user_pods {
    list-style: none outside;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.user_pods > li {
    margin-bottom: 2em;
}

.user_pods ul {
    list-style: none outside;
    column-count: 2;
}

.user_pods ul li {
    margin-bottom: 0.5em;
}

.user_pods ul li input[type="checkbox"]:checked + span {
    color: #bf223d;
    text-decoration: line-through;
}

.msp_exclusions {
    list-style: none outside;
    column-count: 3;
}

#dispatch_dashboard_table td {
    cursor: default !important;
}

#dispatch_dashboard_table .block {
    display: block;
    font-size: 0.8rem;
}

#dispatch_dashboard_table .nopadding {
    margin-right: 0 !important;
}

.time_disclaimer {
    text-align: center;
    display: none;
    font-style: italic;
}

.call_report_download_button {
    text-align: center;
    margin: 3em 0;
    display: none;
}

.hide_until_report_done {
    margin-top: 2em;
    display: none;
}

.shaded {
    background: #ddf;
}

.device_report_table th, .device_report_table td, .compact_font td {
    font-family: 'Cabin Condensed', 'Arial Narrow', sans-serif;
}

table.compact_header th {
    font-family: 'Cabin Condensed', 'Arial Narrow', sans-serif;
    font-weight: normal;
    padding: 0 !important;
    text-indent: -10px;
}

.column_striping thead tr th:nth-child(even), .column_striping tbody tr td:nth-child(even) {
    background-color: #eee !important;
}

.bold_cells td {
    font-weight: bold;
}

.ticket_instructions_verification {
    text-align: center;
    background: #ffffdd;
    padding: 0.5rem 0;
    border: 1px #aaaaff solid;
}

#call_report_detail th, #call_report_detail td {
    padding: 10px 18px !important;
}

.audio_link i {
    margin: 0 !important;
}

#audio_controls {
    position: fixed;
    bottom: -105%;
    right: 0;
    z-index: 9999999999;
    background: white;
    border: 3px #aaa solid;
    padding-bottom: 2rem;
    text-align: center;
    min-width: 25%;
    transition: 0.4s all;
}

#audio_controls.visible {
    bottom: 0;
}

#audio_controls h3, #audio_controls p {
    padding: 0;
    margin: 0;
}

#onboarded_status {
    font-family: 'Cabin Condensed', 'Arial Narrow', sans-serif;
    font-size: 1rem;
    font-weight: normal;
    color: black;
}

#onboarded_status img {
    padding-right: 4px !important;
}

#verifying, #verification_status {
    display: none;
}

#device_type_map {
    width: 100%;
    border-collapse: collapse;
}

#device_type_map tr td {
    width: 50%;
    border: 1px #ccc solid;
    border-left: 0;
    border-right: 0;
    padding: 0.5rem 1rem;
}

#device_type_map select {
    width: 100%;
    font-size: 1.1rem;
}

#mc_ddb_email_thread {
    border: 3px black solid;
    background: white;
    position: fixed;
    z-index: 99999999;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    display: none;
    transform: translate(-50%, -50%);
    box-shadow: rgba(0, 0, 0, 0.6) 0 0 10px;
}

#close_ddb_email_thread {
    position: absolute;
    top: 1rem;
    left: 101%;
}

.ddb_email_thread_list {
    list-style: none outside;
    flex-basis: 30%;
    box-sizing: border-box;
    height: 100%;
    border-right: 2px black solid;
    overflow-y: auto;
}

.ddb_email_thread_list li {
    border-bottom: 1px #777 solid;
    padding: 1rem;
    cursor: pointer;
    text-align: left;
    font-family: 'Cabin Condensed', 'Arial Narrow', sans-serif;
    font-size: 0.8rem;
}

.ddb_email_thread_list li.current {
    background: #eee;
}

.ddb_email_thread_list li p {
    padding: 0;
    margin: 0;
}

.ddb_email_content {
    flex-basis: 70%;
    box-sizing: border-box;
    padding: 1rem;
    text-align: left;
    overflow-y: auto;
}

.underline {
    border-bottom: 1px black solid;
    margin-bottom: 1rem;
}

.recipient_list {
    list-style: none outside;
    margin-bottom: 2rem;
}

.recipient_list input {
    display: inline-block;
    width: 45% !important;
}

.sla_report_percentages {
    display: none;
    border: 1px black solid;
    padding: 0.5rem;
    margin: 2rem 0;
    text-align: center;
}

.noc_sla_met, .noc_sla_within_10, .noc_sla_missed, .hd_sla_met, .hd_sla_within_10, .hd_sla_missed {
    width: 0;
    height: 2rem;
    line-height: 2rem;
    background: #009c00;
    color: white;
    font-family: 'Cabin Condensed', 'Arial Narrow', sans-serif;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    padding: 0;
    vertical-align: middle;
}

.noc_sla_within_10, .hd_sla_within_10 {
    background: #CB6A00;
}

.noc_sla_missed, .hd_sla_missed {
    background: #ff0000;
}

.liftoff_noc_sla_met, .liftoff_noc_sla_within_10, .liftoff_noc_sla_missed, .liftoff_hd_sla_met, .liftoff_hd_sla_within_10, .liftoff_hd_sla_missed {
    width: 0;
    height: 2rem;
    line-height: 2rem;
    background: #009c00;
    color: white;
    font-family: 'Cabin Condensed', 'Arial Narrow', sans-serif;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    padding: 0;
    vertical-align: middle;
}

.liftoff_noc_sla_within_10, .liftoff_hd_sla_within_10 {
    background: #CB6A00;
}

.liftoff_noc_sla_missed, .liftoff_hd_sla_missed {
    background: #ff0000;
}

#escalation_report_summary {
    flex-wrap: wrap;
}

#escalation_report_summary > div {
    flex-basis: 25%;
    padding: 1rem;
    text-align: center;
    box-sizing: border-box;
}

#escalation_report_summary_2 > div {
    flex-basis: 33%;
    padding: 1rem;
    text-align: center;
    box-sizing: border-box;
}

#escalation_report_summary p, #escalation_report_summary_2 p {
    font-family: 'Cabin Condensed', 'Arial Narrow', sans-serif;
    line-height: 1em;
}

#escalation_report_summary span {
    color: #CB6A00;
}

.park_or_schedule {
    width: 95%;
    margin: 2em 0;
    background: #ffbbbb;
    border: 2px red solid;
    padding: 1rem;
}

#calendar_header {
    width: 80%;
    margin: 0 auto;
}

#calendar_header span {
    font-size: 1.5rem;
}

#calendar_header a {
    padding: 0.15rem 2rem;
}

.holiday_calendar {
    border-collapse: collapse;
    width: 98%;
    margin-left: 1%;
}

.holiday_calendar th {
    width: 14.28%;
    font-weight: bold;
    font-size: 0.8em;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 2px black solid;
}

.holiday_calendar td {
    border: 1px #666 solid;
    position: relative;
    height: 75px;
    vertical-align: top !important;
}

.holiday_calendar td.empty_day {
    border: none;
}

.holiday_calendar .date_number {
    font-size: 0.8em;
    font-weight: bold;
    display: block;
    width: 25%;
    border-right: 1px #666 solid;
    border-bottom: 1px #666 solid;
    text-align: center;
}

.holiday_calendar td.is_holiday {
    background: #ffffbb;
}

.holiday_calendar td p {
    padding: 0 0.25rem;
    font-size: 0.8rem;
    line-height: 1.2em;
}

.holidays {
    list-style: none outside;
}

.holidays li {
    padding: 0.5rem 1rem;
}

.holidays li:nth-child(odd) {
    background: #eee;
}

#schedule_main table tr:nth-child(odd) {
    background: #eee;
}

#schedule_main table th {
    width: 33%;
}

#schedule_main #Tech_Team_schedule th,
#schedule_main #Night_Tech_Team_schedule th {
    width: 20%
}

#lunch_hour_select,
#lunch_minute_select,
#time_period_select{
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 1.2rem;
    margin: 5px;
    cursor: pointer;
    background: transparent;
    position: relative;
    padding: 0.25em;
    z-index: 5;
    border: 1px #888 solid;
}

#lunch_hour_select option:hover,
#lunch_minute_select option:hover,
#time_period_select option:hover{
    cursor: pointer;
}

#schedule_main table {
    width: 75%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.holidays li:after {
    content: '';
    clear: both;
    display: table;
}

.holidays .mcnoc_button {
    float: right;
    font-size: 0.9rem;
}

.holidays h4 {
    font-size: 1.25rem;
    padding: 0;
    margin: 0;
}

.holidays p {
    font-size: 0.9rem;
    padding: 0;
    margin: 0;
}

.msp_holiday {
    background: yellow;
    color: black;
    font-weight: bold;
    text-align: center;
    padding: 0.5rem 0;
    display: none;
}

.instructions {
    list-style: disc outside;
    padding-left: 3rem;
}

.instructions ul {
    list-style: circle outside;
    padding-left: 3rem;
}

.instructions li {
    padding-bottom: 1rem;
}

.verification_required, .contact_verified, .contact_not_verified {
    margin-top: 0.5rem;
    display: block;
}

.mcnoc_throb a {
    animation: throb 1.5s infinite;
}

.call_manager_template_list {
    list-style: none outside;
}

.call_manager_template_list li {
    transition: 0.4s all;
}

.call_manager_template_list li:hover {
    background: #eee;
}

.call_manager_template_list li.selected {
    background: #ddd;
}

#template_content {
    width: 100%;
    height: 250px;
}

.sow_pages {
    list-style: none outside;
    margin-top: 2rem;
}

.sow_pages li {
    background: #eee;
    color: #444;
    padding: 0.5rem;
    border: 1px #aaa solid;
    margin-bottom: 0.5rem;
    border-radius: 5px;
    font-family: "Cabin Condensed", "Arial Narrow", sans-serif;
}

.sow_pages li.placeholder {
    background: #ffffc1;
    height: 28px;
}

.sow_pages li#no-steps {
    background: white;
    text-align: center;
}

.sow_pages li .iblock {
    display: inline-block;
    width: 2rem;
}

.sow_pages li .cblock {
    display: inline-block;
    width: calc(100% - 2rem);
    cursor: pointer;
}

.mcnoc_sow_search {
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

.mcnoc_sow_search input {
    width: 80%;
    text-align: center;
    font-size: 1.2em;
}

.mcnoc_sow_accordion_container {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    height: 90%;
    overflow-y: auto;
    margin: 2rem auto;
}

.sow_accordion > div {
    padding: 1rem 2rem;
}

.mcnoc_sow_accordion_container .sow_highlight {
    background: #f8f878;
    font-weight: bold;
    text-transform: uppercase;
}

.ui-state-active .sow_highlight {
    color: black !important;
}

.time_report_tab label, .time_report_tab select, .time_report_tab input[type="number"] {
    width: 100% !important;
}

.update_threshold_percentage .top_label label {
    white-space: normal;
    position: static;
    margin-bottom: 5px;
    text-align: left;
    left: 0;
    transform: none;
}

.current_time {
    display: block;
    white-space: nowrap;
    text-align: center;
    margin-bottom: 0.5rem;
    font-size: 0.7rem;
    line-height: 1.2em;
    position: relative;
    z-index: 10;
}

.current_time span {
    font-weight: bold;
    font-size: 0.9rem;
}

.noclose .ui-dialog-titlebar-close {
    display: none;
}

.progress_bar {
    width: 50%;
    margin: 1rem auto;
    padding: 2rem;
    position: relative
}

.progress_bar .progress_container {
    position: relative;
    border: 1px black solid;
    border-radius: 50px;
    padding: 0;
    display: block;
    height: 15px;
}

.progress_bar .progress {
    background: blue;
    position: absolute;
    width: 80%;
    height: 100%;
    margin: 0;
    border-radius: 50px;
}

.progress_bar .time_spent, .progress_bar .time_allowed {
    position: absolute;
    width: fit-content;
    font-size: 0.8rem;
    left: 80%;
    top: -2rem;
    transform: translate(-50%, 0);
}

.progress_bar .time_allowed {
    left: 100%;
    top: auto;
    bottom: -2rem;
}


@keyframes throb {
    0% {
        color: black;
    }
    30% {
        color: red;
    }
    50% {
        color: red;
    }
    80% {
        color: black;
    }
}


/** MSPs Users **/
div.createUser {
    padding: 20px;
    margin: 40px auto;
    border: dashed 2px black;
    background-color: #f5f5f5;
}

.hide{
    display: none;
}


#createUser input.error{
    border-color: red;
}

.select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 0.85em; }
.select2-results__option { padding: 0 6px !important; font-size: 0.85em; }

#missing_prepurchased_contract_warning { font-weight: bold; padding: 0.5em 1em; background: #ffdddd; margin: 1em 0; }
#missing_helpdesk_per_incident_contract_warning { font-weight: bold; padding: 0.5em 1em; background: #ffdddd; margin: 1em 0; }
#missing_block_hours_contract_warning { font-weight: bold; padding: 0.5em 1em; background: #ffdddd; margin: 1em 0; }

.td_add_contact_dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 600px;
    transform: translate(-50%,-50%);
    background: white;
    border: 3px black solid;
    z-index: 100001;
    text-align: center;
    padding: 1em;
    display: none;
}
.td_add_contact_dialog input {
    width: 70%;
    text-align: center;
}

.users_list { list-style: none outside; column-count: 2; }
.users_list li { padding: 0.5rem 1rem; border-bottom: 1px #ddd solid; }
.users_list li .user_id { display: inline-block; width: 2.5rem; text-align: left; font-size: 0.8em; }
.users_list.hide_inactive_users .user_disabled { display: none; }
.users_list .user_disabled a { text-decoration: line-through; font-weight: normal; color: #aaa; font-style: italic; }

.left_side_menu a { display: block; position: relative; width: 80%; padding: 0.25em; font-family: 'Cabin Condensed', 'Arial Narrow', sans-serif; }
.left_side_menu a.current_page { background: #144084; color: white; }
.left_side_menu a.current_page:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(0,-50%);
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 10px #144084 solid;
}

.page_with_submenu { display: flex; align-items: flex-start; margin-top: 1rem; }
.left_side_menu { flex-basis: 15%; box-sizing: border-box; }
.side_menu_main_section { flex-basis: 85%; box-sizing: border-box; padding: 0; }
.user_subpage { display: none; }

#user_status { float: right; font-size: 0.8em; padding: 0.25em 0.5em; margin-top: 0.5rem; color: white; font-weight: bold; }
.status_green { background: #009c00; }
.status_red { background: #ff0000; }

#review_ticket_bulletin { background: #ffdddd; border: red 2px solid; text-align: center; padding: 1rem; }
#review_ticket_bulletin p { padding: 0; }

.user_status_container { position: absolute; bottom: 1rem; left: 50%; transform: translate(-50%,0); width: 90%; margin: 0 auto; background: black; }
.user_status_container ul { list-style: none outside; width: 100%; display: flex; gap: 0.8rem; }
.user_status_container ul li { flex-basis: 25%; border: 2px white solid !important; padding: 0.25rem; color: white; box-sizing: border-box; cursor: pointer; background: black; transition: 0.5s all; text-align: center; }
.user_status_container ul li:hover { background: #444; }
.user_status_container ul li.status_active { background: white; color: black; }
.user_status_container ul li.status_active:hover { background: #ddd; }

.obwizard_button_row { margin-top: 1rem; text-align: left; }
.obwizard_button_row:after { content: ''; clear: both; display: table; }
.onboarding_col { display: flex; width: 100%; gap: 1rem; list-style: none outside; margin-bottom: 2rem; }
.onboarding_col > li { text-align: center; flex-grow: 1; width: 0; box-sizing: border-box; align-items: flex-start; }
.onboarding_col > li label { display: block; font-weight: bold; }
.onboarding_col > li img { max-width: 100%; max-height: 100px; }
.onboarding_col.onboarding_platform_selection li { padding: 2rem; box-sizing: border-box; border: 1px #eee solid; border-radius: 10px; }
.onboarding_col.onboarding_platform_selection li label { height: 150px; position: relative; }
.onboarding_col.onboarding_platform_selection li img { max-width: 100%; max-height: 150px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto !important; height: auto !important; }
.onboarding_col input[type="text"], .onboarding_col select { box-sizing: border-box; width: 100%; }
.onboarding_progress_meter { width: 100%; height: 20px; border: 1px #444 solid; border-radius: 10px; position: relative; margin: 1rem 0; overflow: hidden; display: none; }
.onboarding_progress_meter span { width: 0; height: 100%; background: #c32a3b; position: absolute; top: 0; left: 0; transition: 0.5s all; }
.onboarding_slide .mcnoc_highlight { border: 1px #444 solid; padding: 2px 3px; }
.onboarding_slide p.mcnoc_highlight { padding: 1em 0 1em 3px; }
.onboarding_accordion_title { font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: bold; border: 1px #444 solid; border-radius: 15px; margin: 1rem 0; }
.onboarding_accordion { margin-bottom: 2rem; }
.onboarding_subaccordion_title { font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: bold; border: 1px #444 solid; border-radius: 15px; margin: 1rem 0 1rem 5%; width: 95%; }
.onboarding_subaccordion { margin-bottom: 2rem; padding-left: 5rem; }

.onboarding_col.onboarding_psa_question { margin-top: 5rem; align-items: flex-start; }
.onboarding_col.onboarding_psa_question li label { margin-top: 0; top: 0; position: relative; }

.onboarding_columns { display: flex; gap: 2rem; align-items: flex-start; }
.onboarding_column_equal { flex-basis: 50%; box-sizing: border-box; }
.onboarding_column_big { flex-basis: 70%; box-sizing: border-box; }
.onboarding_column_small { flex-basis: 30%; border: 1px #444 solid; border-radius: 15px; padding: 1rem; box-sizing: border-box; }
.onboarding_column_big .onboarding_col { list-style: none outside !important; padding-left: 0 !important; }

.onboarding_columns ul { padding-left: 2em; list-style: disc outside; }
.onboarding_columns ul li { line-height: 1.2em; margin-bottom: 1rem; }
.onboarding_columns ul ul, .onboarding_columns ol ul { margin-top: 0.5rem; list-style: circle outside; }

.onboarding_columns ol { padding-left: 2em; list-style: decimal outside; }
.onboarding_columns ol li { line-height: 1.2em; margin-bottom: 1rem; }

.onboarding_columns strong { font-family: 'Montserrat', sans-serif; font-weight: bold; }

.automations_subpage li ul, .automations_subpage li ol { padding-left: 2rem; }

.onboarding_slide .fas, .onboarding_slide .far, .onboarding_slide .fal { margin: 0 1rem !important; }

/* Loom floating video bubble */
.loom_bubble { position: fixed; bottom: 20px; right: 20px; z-index: 9999; }
.loom_bubble_minimized { background: #c32a3b; color: #fff; padding: 10px 16px; border-radius: 24px; cursor: pointer; font-size: 14px; box-shadow: 0 2px 10px rgba(0,0,0,0.25); transition: background 0.2s; }
.loom_bubble_minimized:hover { background: #a12331; }
.loom_bubble_minimized i { margin-right: 6px; }
.loom_bubble_player { width: 320px; background: #fff; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.3); overflow: hidden; transition: width 0.3s; }
.loom_bubble.loom_expanded .loom_bubble_player { width: 640px; }
.loom_bubble_header { display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; background: #333; color: #fff; font-size: 13px; }
.loom_bubble_header a { color: #fff; text-decoration: none; font-size: 14px; margin-left: 10px; }
.loom_bubble_header a:hover { color: #ccc; }
.loom_bubble_player iframe { width: 100%; aspect-ratio: 16/9; display: block; }

.onboarding_table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.onboarding_table th { width: 25%; line-height: 1em; vertical-align: bottom; font-weight: bold; text-align: center; background: #eee; border: 1px #444 solid; }
.onboarding_table td { text-align: center; border: 1px #444 solid; padding-bottom: 1rem; vertical-align: top !important; }

.onboarding_table.onboarding_vertical_center { margin-bottom: 3rem; }
.onboarding_table.onboarding_vertical_center th { width: 19% !important; }
.onboarding_table.onboarding_vertical_center tr th:last-child { width: 5% !important; }
.onboarding_table.onboarding_vertical_center td { padding: 0.5rem 0; vertical-align: middle !important; width: 19%; }
.onboarding_table.onboarding_vertical_center tr td:last-child { width: 5%; }

.onboarding_table td.onboarding_full { background: #eeffee; }
.onboarding_table td.onboarding_no { background: #ffeeee; }
.onboarding_table td.onboarding_custom { background: #ffffee; }
.onboarding_table td.onboarding_nopadding { padding-bottom: 0; }

.onboarding_table .onboarding_table { width: 100% !important; margin: 0 auto; }
.onboarding_table .onboarding_table th { width: 33.3%; }

.onboarding_table .fas, .onboarding_table .far, .onboarding_table .fal { margin-right: 0 !important; }

.onboarding_business_hours th, .onboarding_business_hours td { width: 13% !important; }
.onboarding_business_hours tr th:first-child, .onboarding_business_hours tr td:first-child { width: 9% !important; }

.onboarding_permission_grid { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.onboarding_permission_grid th { border: 1px #444 solid; width: 15%; background: #eee; font-weight: bold; text-align: center; padding: 0.5rem 1rem !important; }
.onboarding_permission_grid tr th:first-child { width: 40% !important; text-align: left; }
.onboarding_permission_grid tr td { border: 1px #444 solid; width: 15% !important; text-align: center; padding: 0.5rem 1rem !important; }
.onboarding_permission_grid tr td:first-child { width: 40% !important; text-align: left; text-indent: 3em; }
.onboarding_permissions_subheading { background: #ccc; }

#onboarding_test_table td { padding: 0; }
.onboarding_udf_table td { padding: 1rem; }
#onboarding_test_table i, .onboarding_udf_table i { color: #aaa; margin: 1rem !important; }
.onboarding_table .test_active i { color: #000 !important; }
.onboarding_table .test_success i { color: #00cc00 !important; }
.onboarding_table .test_failure i { color: #ff0000 !important; }
#onboarding_stop_test_button { display: none; }

.onboarding_sync_account_types { width: fit-content; list-style: none outside; margin: 0 auto; }
.onboarding_sync_account_types li { text-align: left; }

.onboarding_selected_queues { list-style: none outside; width: fit-content; margin: 0 auto; }
.onboarding_selected_queues li { text-align: left; }

#onboarding_escalation_status_explanation td { width: 34%; vertical-align: top; padding: 1em !important; }
#onboarding_escalation_status_explanation tbody tr td:first-child,
#onboarding_escalation_status_explanation tbody tr td:last-child { width: 33%; }

.onboarding_no_bullets { list-style: none outside; }
.onboarding_two_col { column-count: 2; }
.onboarding_margin_right { display: inline-block; margin-right: 1em; }


.vip_approver_list, .approval_category_list { width: 100%; border-collapse: collapse; }
.vip_approver_list th, .approval_category_list th { text-align: center; padding: 0 1rem; }
.vip_approver_list td, .approval_category_list td { border: 1px #aaa solid; border-left: 0; border-right: 0; padding: 0.5rem 1rem; text-align: center; }
.vip_approver_list tr th:first-child, .vip_approver_list tr td:first-child,
.approval_category_list tr th:first-child, .approval_category_list tr td:first-child { text-align: left; }

.pod_data_container { border: 1px #444 solid; border-radius: 10px; padding: 1rem; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; }
.pod_data_container h4 { margin-top: 0; padding-top: 0; text-align: left; }
.pod_data_container h4 a { float: right; font-size: 0.65em; margin-left: 0.25rem; }
.pod_info { flex-basis: 30%; border: 1px #ddd solid; border-radius: 5px; padding: 0.5em; }
.pod_msp_list, .pod_tech_list { list-style: none outside; }
.pod_msp_list li, .pod_tech_list li {
    border: 1px #bbb solid;
    border-radius: 5px;
    padding: 0.1rem 0.5rem;
    margin-bottom: 0.5rem;
    transition: 0.5s background-color;
    font-family: 'Cabin Condensed', 'Arial Narrow', sans-serif;
    text-align: left;
}
.pod_msp_list li { cursor: pointer; }
.pod_msp_list .no_msps, .pod_tech_list, .no_techs { text-align: center; border: none; }
.pod_tech_list h5 a { float: right; font-size: 0.9em; margin-top: 0.25em; }

.unassigned_msp_list { list-style: none outside; }
.unassigned_msp_list li { cursor: pointer; border: 1px #444 solid; border-radius: 5px; margin-bottom: 0.5em; padding: 0.1em 0.5em;  }

.unassigned_container {
    visibility: hidden;
    display: inline-block;
    width: 25%;
    vertical-align: top;
    box-sizing: border-box;
    max-height: 800px;
    overflow-y: auto;
    margin-left: 4%;
}

.pod_container {
    visibility: hidden;
    display: inline-block;
    width: 70%;
    vertical-align: top;
}

.manage_pod_users {
    list-style: none outside;
    column-count: 3;
    column-gap: 2rem;
    width: 80%;
    margin: 0 auto;
}

.manage_pod_users li { text-align: left; }

.small_sigil { position: relative; top: 5px; }

.pod_threshold_status { position: absolute; top: 30px; left: 0; font-size: 12px; }
.pod_threshold_active { background: #ddffdd; color: #1c7430; font-weight: bold; padding: 0.25em 0.5em; }
.pod_threshold_inactive { background: #ffdddd; color: #ff0000; font-weight: bold; padding: 0.25em 0.5em; }

#locations_table tbody td { width: 45%; }
#locations_table tbody tr td:first-child { width: 30%; }
#locations_table tbody tr td:last-child { width: 25%; }

.rule_builder ul { list-style: none outside; width: 80%; margin: 0 auto; }
.rule_builder .rule_detail, .rule_builder .rule_detail div:not(.account_listing):not(.software_listing) { padding-left: 5em; display: none; }
.rule_builder .rule_detail { margin-bottom: 1rem; }
.rule_builder .left_side_menu .mcnoc_button { margin:  0 auto 1rem; }
.rule_builder .rule_detail .scrollable { height: 150px; overflow-y: scroll; }
.rule_builder .rule_detail .scrollable:not(.account_listing):not(.software_listing) { display: none; }
.rule_builder .rule_detail p { margin: 0 0 0.5em; padding: 0 0 0.25em; font-size: 0.8em; border-bottom: 1px #ddd solid; }
.rule_builder .search_bar { width: 50% !important; display: inline-block; margin-right: 3em; }
.rule_builder .account_listing input[type="checkbox"].onboarded + label { font-weight: bold; }
.rule_builder .specific_account { display: none; }
.rule_builder textarea { width: 100%; height: 100px; display: block; }
.rule_builder .rb_smaller { width: 40% !important; margin-right: 1rem; }
.rule_builder .dispatcher_textarea { width: 70% !important; margin-right: 1rem; }

.mcnoc_faq { list-style: none outside; margin: 2rem 0; }
.mcnoc_faq > li { border-top: 1px #ddd solid; padding: 0.5rem 1rem; }
.mcnoc_faq > li .faq_answer { display: none; }
.mcnoc_faq > li .faq_client { background: #ddffdd; display: inline-block; padding: 0.1em 0.5em; float: right; font-size: 0.8em; }
.mcnoc_faq > li .faq_internal { background: #ffdddd; display: inline-block; padding: 0.1em 0.5em; float: right; font-size: 0.8em; }
.mcnoc_faq > li > h5 { cursor: pointer; }
.mcnoc_faq > li > h5:before { content: "\25ba"; margin-right: 1em; }
.mcnoc_faq > li.faq_active .faq_answer { display: block; }
.mcnoc_faq > li.faq_active > h5:before { content: "\25bc"; }

.lo_notice { padding: 0.5rem 3rem 0.5rem 1rem; font-weight: bold; font-size: 0.9em; position: relative; z-index: 5001; }
.lo_notice:after { content: ''; clear: both; display: table; }
.lo_notice.pri_high { background: #ffdddd; border-bottom: 2px red solid; color: red; }
.lo_notice.pri_medium { background: #ffff99; border-bottom: 2px yellow solid; color:#444; }
.lo_notice.pri_low { background: #99ffff; border-bottom: 2px #02fafa solid; color:#444; }
.lo_notice.pri_overage { background: #ee91ff; border-bottom: 2px #db25ff solid; color: #3b1042; }
.lo_notice a { float: right; margin-left: 2rem; display: inline-block; padding: 0.25em 0.5em; border-radius: 5px; font-size: 0.8em; background: #444; color: white; }
.lo_notice.pri_overage a { background: #3b1042; transition: 0.5s all; }
.lo_notice.pri_overage a:hover { background: #5b1d65; }
.lo_notice.pri_parked { background: #deea3e; border-bottom: 2px #db25ff solid; color: #3b1042; }
.lo_notice.pri_parked a { background: #3b1042; transition: 0.5s all; }
.lo_notice.pri_parked a:hover { background: #5b1d65; }
.lo_notice.pri_parked_msp { background: #deea3e; border-bottom: 2px #db25ff solid; color: #3b1042; }
.lo_notice.pri_parked_msp a { background: #3b1042; transition: 0.5s all; }
.lo_notice.pri_parked_msp a:hover { background: #5b1d65; }
.lo_notice.pri_is_removed { background: #deea3e; border-bottom: 2px #db25ff solid; color: #3b1042; }
.lo_notice.pri_is_removed a { background: #d42a2a; transition: 0.5s all; }
.lo_notice.pri_is_removed a:hover { background: #5b1d65; }
#notification_history th, #notification_history td { cursor: auto !important; font-family: 'Cabin Condensed', 'Arial Narrow', sans-serif; }

.very-on-top { z-index: 5002 !important; }

.sidebar_container .content_container.is_visible { display: block; height: calc( 100% - 10rem ); overflow-y: auto; }

/* Hide this stuff for now until we're actually ready to launch it. */
/*.sidebar_container { position: fixed; top: 0; right: calc( calc( 2rem + 3px ) * -1 ); z-index: 5500; width: auto; height: 100%; background: black; color: white; border-left: 3px white solid; padding: 1rem; }*/
/*.sidebar_container h4 { font-size: 0.9rem; text-transform: uppercase; }*/
/*.staff_tab { position: absolute; top: 1rem; right: calc( 100% - 1px ); transform: rotate(-90deg); transform-origin: bottom right; background: black; color: white; border: 1px white solid; border-bottom: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 0.5rem 1rem; font-weight: bold; cursor: pointer; transition: 0.5s background-color; }*/
/*.staff_tab:hover { background: #444; }*/
.staff_listing_container { width: 0; transition: 0.5s width; max-height: 100%; overflow-y: auto;  }
.staff_listing_container.is_visible { width: 310px; }
.staff_listing { list-style: none outside; font-family: 'Cabin Condensed', 'Arial Narrow', sans-serif; width: 290px; }
.staff_listing li:after { clear: both; content: ''; display: table; }
.staff_listing li span { float: right; display: inline-block; }
.staff_listing li span.user_time { font-size: 0.7em; }
.staff_listing li .helpdesk_level { color: #00cab7; position: relative; top: 5px; }
.staff_listing li.show_late{ color: #dd0000;}
.staff_listing li .noc_level { color: #f6b35f; position: relative; top: 5px; }
.staff_listing .pointer_icon { cursor: pointer; }

.permission_section { font-family: 'Cabin Condensed', 'Arial Narrow', sans-serif; }

#manage_users_table .inactive_user td { color: #888; text-decoration: line-through; }

.password_requirements { list-style: none outside; column-count: 2; }
.password_requirements li { font-size: 0.8rem; text-align: left; }

.layout_2col { display: flex; flex-wrap: wrap; gap: 1rem; }
.layout_2col > * { flex-basis: 45%; box-sizing: border-box; }

.no_bullets { list-style: none outside; padding-left: 0; }
.mc_scrollable { overflow-y: auto; height: 300px; }

.inline_box { display: inline-block; padding: 0.15rem 0.25rem; border: 1px #e8e8e8 solid; margin: 0 0.5rem; }
#edit_msp_id { font-size: 0.8rem; line-height: 1em; }

.matrix_selector { list-style: none outside; display: flex; width: 100%; gap: 0.5rem; border-bottom: 2px black solid; }
.matrix_selector li { background: #e9e9e9; font-weight: bold; text-align: center; padding: 0.25rem 1rem; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; }
.matrix_selector li.currently_selected { background: #134284; color: white; text-transform: uppercase; }


#quickcode_list li:last-child { border-bottom: none; }
#qc_ticket_profile_name, #qc_note_profile_name, #qc_timeentry_profile_name { position: relative; }
.qc_cannot_rename_default { position: absolute; bottom: -0.5rem; left: 0.5rem; color: #666; font-size: 0.7em; font-family: 'Cabin Condensed', sans-serif; }

.td_priority, .td_status { color: white; padding: 0 0.5rem; border-radius: 5px; }
.td_sla { padding: 0 0.5rem; border-radius: 5px; display: block; width: fit-content; margin: 0 auto; border: 1px black solid; }
.td_sla.tipso_style { border-style: solid !important; }
.td_vip { background: red; color: white; padding: 0 0.5rem; margin-left: 0.5rem; display: inline-block; border-radius: 5px; }
.status_color { display: inline-block; padding: 0.25rem 0.5rem; }

.create_overlay { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 5999; background: rgba(255,255,255,0.6); }
.close_create_popup { position: absolute; top: 1rem; right: 1rem; }
.create_popup { display: none; position: fixed; top: 45%; left: 50%; width: 90%; height: auto; z-index: 6000; transform: translate(-50%,-50%); background: white; border: 3px black solid; padding: 1rem; box-shadow: rgba(0,0,0,0.4) 10px 10px 19px; }
.create_popup > div { padding-left: 3rem; }
.create_popup .layout_2col > * { flex-basis: 48%; }
.create_popup .layout_2col .layout_2col p { padding-bottom: 0; }
.create_popup .required { font-weight: bold; color: red; }

.ct_quickcode { width: 10em; }

.refresh_statuses_link { vertical-align: top; position: relative; z-index: 20; }

table.dataTable.no_sorting thead .sorting { background-image: none !important; }

#flyout_timer { border: 1px #aaa solid; text-align: center; padding: 0.25rem 0; margin-bottom: 1rem; }

.sidebar_container .flex { display: block; margin-bottom: 1rem; }
.sidebar_container .flex > * { box-sizing: border-box; }
.ticket_search { position: relative; flex-basis: 100%; padding: 0; }
.ticket_search input { padding: 0.5rem 2rem 0.5rem 0.25rem; font-family: 'Cabin Condensed', 'Arial Narrow', sans-serif; width: calc( 100% - 2.5rem ); }
.ticket_search a { position: absolute; top: 50%; right: 1rem; transform: translate(0,-50%); z-index: 5; }
.ticket_search i.fa-stack-2x { padding: 0; font-size: 1.5em !important; line-height: 1.3em; text-align: right;  }
.ticket_search i.fa-stack-1x { padding: 0; position: absolute; right: -0.3em; left: auto; bottom: -0.5rem; font-size: 0.8em; text-align: right; text-shadow: white 0 0 2px, white 0 0 2px, white 0 0 2px; }
.flyout_create { flex-basis: 25%; text-align: center; border: 1px #aaa solid; padding: 0.5rem 0; transition: 0.5s all; }
.flyout_create:hover { background: #444; }
.flyout_create a { color: white; }
.flyout_create i.fa-stack-1x { padding: 0; position: absolute; right: 0; left: auto; bottom: -0.5rem; font-size: 0.8em; text-align: right; text-shadow: white 0 0 2px; }

.sidebar_container { position: fixed; top: 0; right: calc( calc( 300px + 2rem + 2px ) * -1 ); z-index: 5500; width: 330px; height: 100%; background: black; color: white; border-left: 3px white solid; padding: 1rem; transition: 0.5s all; }
.sidebar_container.is_visible { right: 0; }
.sidebar_container h3 { color: white; padding: 0.5px }
.sidebar_container h4 { color: white; font-size: 0.9rem; text-transform: uppercase; line-height: 1.2em; }
.sidebar_container h4 a { color: yellow; }
.sidebar_container .mcnoc_button i { margin-right: 0.3em; }
.sidebar_container textarea { width: 98%; height: 100px; font-size: 0.9em; font-family: 'Cabin Condensed', sans-serif; }
.sidebar_container .mcnoc_button:hover { background: #ddd; color: black; box-shadow: yellow 0 5px 10px; }

.flyout_ticket_description { text-align: left; font-size: 0.8em; line-height: 1.4em; max-height: 150px; overflow-y: auto; }

#flyout_lookup_ticket { text-transform: uppercase; }

.flyout_tabs { position: absolute; top: 0; right: calc( 100% - 1px ); list-style: none outside; transform: rotate(-90deg); transform-origin: bottom right; white-space: nowrap; }
.flyout_tabs li { display: inline-block; background: black; color: #777; border: 1px white solid; border-bottom: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 0.5rem 1rem; font-weight: bold; cursor: pointer; transition: 0.5s background-color; white-space: nowrap;  }
.flyout_tabs li:hover { background: #444; }
.flyout_tabs li.is_visible { color: white; }

.flyout_pin { text-align: right; }
body.flyout_pinned .flyout_pin a { color: yellow; }
body:not(.flyout_pinned) .flyout_pin a { color: white; }

.sidebar_container i.fab, .sidebar_container i.far, .sidebar_container i.fad, .sidebar_container i.fal, .sidebar_container i.fa-solid, .sidebar_container i.fa-brands, .sidebar_container i.fa-regular, .sidebar_container i.fa-light {
    margin-right: 0;
}

.flyout_pinned .flyout_tabs { right: auto; left: 0; transform: none; width: 70%; border-bottom: 1px #aaa solid; margin-bottom: 0.5rem; }
.flyout_pinned .flyout_tabs li { border: none; padding: 0.25rem 1rem; }
.flyout_pinned .sitewrapper { width: calc( 100% - 320px ); }

.pointer_icon { cursor: pointer; }

.settings_status_colors { list-style: none outside; text-align: center; }
.settings_status_colors li { padding: 0.25rem 0.5rem; margin: 0.5rem; display: inline-block; white-space: nowrap; cursor: pointer; }

.ticket_history { list-style: none outside; text-align: left; max-height: 400px; overflow-y: auto; }
.ticket_history li { padding: 0.5rem 0; border-bottom: 1px #ddd solid; width: 97%; position: relative; }
.ticket_history li label { font-size: 0.9rem; top: 0; position: relative; display: inline-block; width: 10em; }
.ticket_history li p { padding: 0.25rem 0 !important; font-size: 0.9rem; }
.ticket_history li p.resource { font-style: italic; color: #aaa; float: right; }
.swal-modal p.ticket_description { text-align: left; font-size: 0.9rem; max-height: 100px; overflow-y: auto; }
.ticket_history li p.meta, .ticket_history li p.meta label { font-size: 0.8em; padding-top: 0 !important; padding-bottom: 0 !important; }
.ticket_history li.note p, .ticket_history li.time_entry p { padding-left: 2.5rem !important; position: relative; line-height: 1.2em; }
.ticket_history li.note p:before, .ticket_history li.time_entry p:before { color: white; font-weight: bold; text-align: center; position: absolute; top: 1em; left: 0; padding: 0 0.25em; transform: rotate(-90deg); }
.ticket_history li p.public { background: #eeffee; min-height: 35px; white-space: pre; }
.ticket_history li p.public:before { background: #00cc00; content: 'PUB'; }
.ticket_history li p.private { background: #ffeeee; min-height: 35px; white-space: pre; }
.ticket_history li p.private:before { background: #cc0000; content: 'PRV'; }
.ticket_history li.note::after, .ticket_history li.time_entry::after { font: var(--fa-font-light); position: absolute; top: 0; left: 0; font-size: 2em; }
.ticket_history li.note::after { content: "\e1ff"; }
.ticket_history li.time_entry::after { content: "\e134"; }


.ticket_title_description { font-size: 0.8em; max-height: 100px; overflow-y: auto; background: #f6f6f6; margin-bottom: 2rem; color: black !important; }

#flyout_timer { margin-bottom: 2rem; border: 2px #444 solid; background: #111; }
#ticket_timer { margin-bottom: 2rem; border: 2px #444 solid; background: #111; }

#flyout_timer span, #ticket_timer_value {
    font-family: 'Spline Sans Mono', sans-serif;
    display: block;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 0.5rem;
}
#ticket_timer_value { padding: 0; margin: 0 0 0.5rem; }
#ticket_timer_total { padding: 0; margin: 0 0 0; text-align: center; }
#ticket_timer_limit { padding: 0; margin: 0 0 0.5rem; text-align: center; }

#ticket_timer_current_id { width: 95%; font-size: 0.8em; background: transparent; color: white; margin-bottom: 0.5rem; }
#ticket_timer_current_id option { background: black; border: none; }

.round_buttons { text-align: center; margin: 0; padding: 0; }
.round_buttons a { display: inline-block; width: 32px; height: 32px; background: #bbb; color: #444 !important; border-radius: 99px; border: 2px #444 solid; position: relative; transition: 0.5s all; }
.round_buttons a.mcnoc_hidden { display: none; }
.round_buttons a + a { margin-left: 0.5rem; }
.round_buttons a:hover { background: white; }
.round_buttons a i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.round_buttons a i.fa-rotate-90 { transform: translate(-50%,-50%) rotate(90deg); }
.round_buttons a.ticket_timer_running { background: #84e584; }
.round_buttons a.ticket_timer_stopped { background: #fe8484; }
#ticket_timer_current_id { width: 95%; font-size: 0.8em; background: transparent; color: white; margin-bottom: 0.5rem; }
#ticket_timer_current_id option { background: black; border: none; }

#ticket_timer_title_desc { text-align: center; }
#ticket_timer_title_desc h4 a { color: yellow; }
#ticket_timer_title_desc p { font-size: 0.8em; line-height: 1.2em; }
#ticket_timer a { font-weight: normal; color: white; }

.unverify_button { position: absolute; top: 3rem; right: 1rem; }

#flyout_offered_ticket_title_desc { line-height: 1.2em; }
#flyout_offered_ticket_title_desc p:empty { display: none; }


.mcnoc_button.small_button {
    padding: 0.25em 0.75em;
}

/*.mcnoc_button.accept-button {*/
/*    display: block;*/
/*    margin-bottom: 10px; !* Adjust the value as needed *!*/
/*    text-align: center; !* Center the content *!*/
/*    text-decoration: none; !* Remove underlines *!*/
/*}*/

.flex { display: flex; align-items: flex-start; gap: 2rem; }
.flex > * { flex-basis: 50%; box-sizing: border-box; }

.mc_department_list { list-style: none outside; border: 1px black solid; }
.mc_department_list li { border-bottom: 1px black solid; padding: 0.5rem 1rem; cursor: pointer; }
.mc_department_list li:hover { background: #ddd; }
.mc_department_list > li:last-child { border-bottom: none; }
.mc_user_department_list { list-style: none outside; margin-bottom: 2rem; }


.ticketHistory p:before { color: white; font-weight: bold; text-align: center; position: absolute; top: 1em; left: 0; padding: 0 0.25em; transform: rotate(-90deg); }
.ticketHistory p { margin-bottom: 0.5rem }
.ticketHistory p.publicHistory { background: #EEFFEE; min-height: 35px; padding-left: 3em}
.ticketHistory p.publicHistory:before { background: #00CC00; content: 'PUB'; }
.ticketHistory p.privateHistory { background: #FFEEEE; min-height: 35px;padding-left: 3em}
.ticketHistory p.privateHistory:before { background: #CC0000; content: 'PRV'; }

.copy-icon {
    cursor: pointer;
    margin-left: 10px;
    position: relative;
    display: inline-block;
}
.copy-icon .tooltiptext {
    visibility: hidden;
    width: 100px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%; /* Position the tooltip above the icon */
    left: 50%;
    margin-left: -50px;
    opacity: 0;
    transition: opacity 0.3s;
}
.copy-icon:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%; /* Arrow will be at the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}
.copy-icon .copied {
    visibility: hidden;
    width: 80px;
    background-color: green;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -40px;
    opacity: 0;
    transition: opacity 0.3s;
}
.copy-icon .copied.visible {
    visibility: visible;
    opacity: 1;
}

#ticketUI, #ticketUI > *:not(h2):not(h3) {
    font-size: 0.9rem !important;
    line-height: 1.3em;
}

/* Recent Tickets Panel Styles */

.main-ticket-content {
    flex: 3;
    padding-right: 20px;
}

.recent-tickets-panel {
    flex: 1;
    min-width: 250px;
    max-width: 300px;
    padding: 10px;
    background-color: #f5f5f5;
    border-left: 1px solid #ddd;
    border-radius: 4px;
}

.recent-tickets-panel h3 {
    margin-top: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
}

.recent-tickets-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.recent-tickets-list li {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    line-height: 1.4;
}

.ticket-number {
    font-weight: bold;
    color: #0066cc;
    text-decoration: none;
}

.ticket-title {
    color: #333;
    text-decoration: none;
    display: block;
    margin: 3px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-status {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 3px;
    background-color: #e6e6e6;
    color: #666;
    font-size: 11px;
    margin-top: 3px;
}

.view-all {
    text-align: center;
    margin-top: 15px;
}

.view-all a {
    color: #0066cc;
    text-decoration: none;
    font-size: 13px;
}

.all-tickets-container {
    max-height: 70vh;
    overflow-y: auto;
}

.all-tickets-table {
    width: 100%;
    border-collapse: collapse;
}

.all-tickets-table th,
.all-tickets-table td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.all-tickets-table th {
    background-color: #f2f2f2;
    position: sticky;
    top: 0;
}

.all-tickets-table tr:hover {
    background-color: #f5f5f5;
}

.description-cell {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#ticketUI #ticketInfo { text-align: right; margin-right: 2rem; font-family: 'Cabin Condensed', sans-serif; }
#ticketUI #ticketInfo strong { float:left; text-transform: uppercase; }
#ticketUI #ticketInfo strong:before { content:''; display:table; clear:both; }
#ticketUI i {cursor: pointer}
#ticketUI .time_styling {display: block; margin-top: 0.5rem; font-style:italic; }

.tech_reservations { width: 100%; border-collapse: collapse; }
.tech_reservations th { border-bottom: 1px #aaa solid; text-align: left; font-weight: bold; padding: 0.25rem 0.5rem; }
.tech_reservations td { border-bottom: 1px #ddd solid; text-align: left; padding: 0.25rem 0.5rem; }
.tech_reservations tr:nth-child(odd) td { background: #eee; }
.tech_reservations tfoot td { text-align: center; }

.liftoff_notification_container { position: fixed; top: 0; left: 0; width: 100%; height: auto; z-index: 100000000; max-height: 300px; overflow-y: auto; }
._liftoff_showticket_ footer, ._liftoff_showticket_ header, ._liftoff_showticket_ .sidebar_container {display: none}
._liftoff_showticket_ .liftoff_content > div {position: relative !important;}
._liftoff_showticket_ .liftoff_content {width: 100%}
._liftoff_showticket_ #restoreWindow {position: fixed; right: 1rem; bottom: 1rem; z-index: 100000000}

.ninjarmm_automation_instructions { list-style: decimal outside; padding-left: 2rem; }
.ninjarmm_automation_instructions ul { padding-left: 2rem; list-style: disc outside; }
.ninjarmm_automation_instructions li { margin-bottom: 0.5rem; }
.ninjarmm_automation_instructions strong { font-weight: bold !important; }
._liftoff_migrationtool_ #options select {width: 25%; margin-right: 2em;}
._liftoff_migrationtool_ #options label { display: inline-block}

#activity_bar_container { overflow: visible !important; }
.activity_report_day_container { width: 100%; position: relative; overflow: visible !important; }
.activity_report_day { position: relative; width: 100%; height: 1rem; border: 1px blue solid; overflow: visible !important; }
.activity_report_day_title { text-align: center; }
.activity_report_day_start { position: absolute !important; width: 100%; bottom: 1rem; left: 0; padding: 0 !important; }
.activity_report_day_end { position: absolute !important; width: 100%; bottom: 1rem; right: -0.5rem; padding: 0 !important; text-align: right; }
.activity_report_day_event { position: absolute; top: 0; height: 100%; background: #444; border-left: 1px white solid; border-right: 1px white solid; }
.msp_info_service_tags { float: right; width: 60%; text-align: right; }
.msp_info_service_tags span { background: #ddd; color: #444; border: 1px #aaa solid; border-radius: 5px; padding: 0.25rem 0.5rem; margin: 0.25rem 0.5rem; font-size: 0.8rem; }

#activity_report_container h3 { position: relative; border-bottom: 1px black solid; text-align: left; margin-top: 2rem; }
#activity_report_container h3:after { content: "\f0d8"; font: var(--fa-font-solid); position: absolute; right: 0; top: 50%; transition: 0.5s all; }
#activity_report_container h3.arrow_down:after { transform: rotate(180deg); }
#activity_report_container table { font-family: 'Cabin Condensed', 'Arial Narrow', sans-serif; }
#activity_report_container table td { line-height: 1.1em; }

.activity_report_summary { display: flex; width: 100%; margin: 1rem 0 3rem; }
.activity_report_summary > div { text-align: center; flex-grow: 1; }
.activity_report_summary h4 { font-family: 'Cabin Condensed', sans-serif; font-size: 0.8em; font-weight: bold; color: black; line-height: 1em; padding: 0; margin: 0; }

.mcnoc_ar_highlight { background: yellow; display: inline-block; padding: 0.5rem 1rem; }

.parked-warning { animation: flash-yellow 1s infinite; }
.parked-critical { animation: flash-red 0.8s infinite; }

.email_integration_list { list-style-position: outside; padding-left: 2rem; text-align: left; }
h3 + .email_integration_list { margin-top: 1rem; }
.email_integration_list ol.email_integration_list { list-style-type: lower-roman; margin-top: 1rem; }
.email_integration_list li { margin-bottom: 1rem; }
.email_integration_list li strong { font-weight: bold; }


@keyframes flash-yellow {
    0%, 50% { background-color: #ffeb3b; color: #000; }
    51%, 100% { background-color: transparent; color: inherit; }
}

@keyframes flash-red {
    0%, 50% { background-color: #f44336; color: #fff; }
    51%, 100% { background-color: transparent; color: inherit; }
}

.frequency-entry input,
.frequency-entry select,
.frequency-entry button {
    padding: 6px 10px;
    font-size: 14px;
}

.frequency-entry input {
    width: 70px;
}

.frequency-entry select {
    width: 100px;
}

.frequency-entry button {
    margin-left: auto;
    white-space: nowrap;
}

.frequency-options p.frequency-option {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 3px 0;
}

.frequency-options input[type="number"] {
    width: 60px;
    padding: 5px;
}

.frequency-options span {
    white-space: nowrap;
}

.queue_list {
    list-style: none outside;
    column-count: 3;
    width: 80%;
    margin: 2rem auto;
}

.ddb_assigned { background-color: #eeeeff; }
.ddb_assigned_to_me { background-color: #ffcccc; }
.ddb_sticky { background-color: #ffffdd; }

.troubleshooting_header { background: #007fff; }



/* Parked Call Summary (Reports > POD Tech Level Graph) */
.parked-summary { background: #f9f9f9; padding: 15px; border-radius: 5px; border: 1px solid #ddd; }
.parked-summary__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.parked-summary__title { margin: 0; color: #333; }
.parked-summary__total { font-size: 18px; font-weight: bold; color: #cc3300; }
.parked-summary__levels { display: flex; gap: 20px; justify-content: center; margin-bottom: 20px; }
.parked-level-box { text-align: center; padding: 10px; color: white; border-radius: 3px; min-width: 100px; }
.parked-level-box--junior       { background: #ffaa00; }
.parked-level-box--intermediate { background: #ff6600; }
.parked-level-box--senior       { background: #cc3300; }
.parked-level-box__label { font-weight: bold; }
.parked-level-box__count { font-size: 20px; }
.parked-summary__empty { text-align: center; color: #666; padding: 20px; }
.parked-detail-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.parked-detail-table thead tr { background: #e8e8e8; }
.parked-detail-table th { padding: 6px 8px; text-align: left; border-bottom: 2px solid #ccc; }
.parked-detail-table td { padding: 5px 8px; border-bottom: 1px solid #eee; }
.parked-detail-table tbody tr:nth-child(odd)  { background: #fff; }
.parked-detail-table tbody tr:nth-child(even) { background: #f5f5f5; }
.parked-detail-table .col-subject { max-width: 220px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.parked-detail-table .col-nowrap  { white-space: nowrap; }
.parked-detail-table .col-duration { text-align: center; font-weight: bold; }
.parked-level-badge { padding: 2px 6px; border-radius: 3px; font-size: 11px; color: white; }
.parked-level-badge--junior       { background: #ffaa00; }
.parked-level-badge--intermediate { background: #ff6600; }
.parked-level-badge--senior       { background: #cc3300; }

/* DARK SETTINGS */
/* This area should go at the end of the file. */
.liftoff_dark {

    /* this one looks weird because it's not a subselector... but it's correct */
    background: #222;

    main { background: #222; color: #eee; }

    .swal-icon--success__hide-corners, .swal-icon--success:after, .swal-icon--success:before { background: #111; }

    h2, h3, h4, h5, button { color: #aaa; }
    button:not(.swal-button) { background: transparent; border: none; }

    a, .liftoff_menu li a { color: #ddd; }
    a:hover, .liftoff_menu li a:hover { color: white; }
    .liftoff_menu:after { background: #666; }
    .liftoff_menu li.admin_menu a { color: #d05a5a; }
    .liftoff_menu li.currently_selected { background-color: #134184; }
    .liftoff_menu li.currently_selected a { color: white; }
    .liftoff_menu.red_menu { background: #442222; }
    .admin_act_as { background: #772222; }

    .mcadmin_msp_list li.current_msp > span { color: #d05a5a; }

    .mcnoc_button { background: #555; color: white; box-shadow: rgba(0,0,0,0.7) 0 5px 10px; border-color: #555; }
    .mcnoc_button:hover { background: black; }

    .select2-dropdown, .select2-container--default .select2-selection--single { background-color: #444; }
    .select2-container--default .select2-selection--single .select2-selection__rendered { color: #eee; }
    .select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default .select2-results__option--selected { background-color: #666; }
    .select2-results__option { color: white; }

    input[type="text"], input[type="email"], input[type="password"], select, textarea {
        background: #444;
        color: white;
    }
    select option { background: #444; color: white; }

    input[type="text"][disabled], input[type="password"][disabled], select[disabled], select[disabled] option, textarea[disabled] {
        background: #ddd; color: #444;
    }

    .blue_icon { color: #7474ff; }
    .red_icon { color: #d05a5a; }
    .green_icon { color: #52c22a; }

    .swal-overlay { background-color: rgba(0,0,0,0.8); }
    .swal-modal { background-color: #111; border: 1px #aaa solid; }
    .swal-title { color: #eee; }
    .swal-content, .swal-text { color: white; }
    .swal-button { color: #222; }

    .liftoff_section_overlay { background: #222222aa; }

    .onboarding_table th { background-color: #666; };
    .onboarding_table td.onboarding_no { background-color: #9c0000; }
    .onboarding_table td.onboarding_full { background-color: #009c00; }
    .onboarding_table td.onboarding_custom { background-color: #9c9c9c; }

    .dashboard_order li { background-color: #666; }

    table.dataTable > tbody > tr { background: #333; }
    table.dataTable > tbody > tr:hover { background: #222; }
    div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active { color: inherit !important; }

    .status_inactive td { color: #777; }

    #ticket_review_dialog, .create_popup { background-color: #111; }
    #ticket_review_overlay, .create_overlay { background-color: rgba(0,0,0,0.8); }
    .ticket_title_description, .create_popup textarea { background-color: #444; color: white; }
    #review_ticket_bulletin p { color: red; }

    .td_sla { border-color: white; }
    .td_sla_under_30 { border-color: orange; }
    .td_sla_under_15 { border-color: #d05a5a; color: #d05a5a; }
    .td_sla_expired { border-color: red; }

    .vip_ticket td { color: #333; }
    .vip_ticket td a { color: #555; }

    .fa-stack-1x.red_icon, .fa-stack-1x.orange_icon, .fa-stack-1x.green_icon, .fa-stack-1x.purple_icon { text-shadow: #1f1f1f 2px 2px 0, #1f1f1f 2px -2px 0, #1f1f1f -2px -2px 0, #1f1f1f -2px 2px 0; }

    .tui_tabs { background: #222; }
    .tui_tab:hover { background: #5f5f5f; color: #ddd; }
    .tui_tab.active { background: #777; color: white; }
    .ticket_history li p.public { background: #113b11; }
    .ticket_history li p.private { background: #3b1111; }
    .tui_description { border-color: #222; border-left-color: #444; }

    .mcnoc_faq > li .faq_client { color: black; }
    .todo_list tr:nth-child(even) td { background: #444; }

    .ui-widget-header, .ui-widget-content { background: #333; color: #eee; }
    .dispatchNotes { background: #222 !important; }
    .business_hours_banner { background: #222244; }
    .bulletin_banner { background: #442222; }

    .call_manager_tabs li, .tabs li { background: #444; }
    .call_manager_tabs li.tab_selected, .tabs li.tab_selected { background: #666; }

    .ddb_assigned { background-color: #222244; }
    .ddb_assigned_to_me { background-color: #442222; }
    .ddb_sticky { background-color: #444422; }

    .troubleshooting_header { background: #000044; }

    .call_manager_template_list li:hover { background: #222; }
    .call_manager_template_list li.selected { background: #444; }

    #template_content { background: #444; color: white; }

    liftoff_content input[type="text"][disabled], .liftoff_content input[type="password"][disabled], .liftoff_content select[disabled], .liftoff_content select[disabled] option, .liftoff_content textarea[disabled] {
        background: #444; color: #ddd;
    }

    .business_hours_overlay, .assign_to_mc_overlay { background: #222222cc; }

    #banner, #banner > div, .recent-tickets-panel { background-color: #222 !important; }
    #banner, #banner div { color: #ddd !important; }
    .ticketHistory p.privateHistory { background-color: #666; }
    .ticketHistory p.publicHistory { background-color: #444; }

    .create_popup { color: #eee; }

    #activity_overall_summary { background: #444 !important; }

    #mc_escalate_overlay { background-color: #222222cc; }
    #mc_escalate_dialog { background-color: #444; }
    #mc_escalate_dialog #escalation_procedures li.selected_procedure { background: #666; }
    #mc_escalate_dialog #escalation_procedures li.selected_procedure h3 { color: white; }

    #mc_ddb_email_thread { background: #444; }
    .ddb_email_thread_list li.current { background: #666; }
    .ddb_email_content div, .ddb_email_content table { background-color: transparent !important; }

    #cm_extended_query_section { background: #222 !important; }
    .search_results > div:nth-child(odd) { background: #444; }

    .mcnoc_overlay { background: #222222aa; }
    .ticket_description_dialog, #mc_payment_card_dialog, .mcnoc_quickinfo_dialog, #pod_dialog, #mc_ddb_email, #manage_pod_dialog { background: #222; color: white; }

    #past_contact { background: #444; }
    #past_contact label { color: #bf223d; }

    .ticket_search_result a { color: #eee; }

    #schedule_main table tr:nth-child(odd) { background: #444; }

    #runtime_table thead tr th:nth-child(odd), #runtime_table > tbody > tr > td:nth-child(odd) { background: #444; }

    .tech_reservations tr:nth-child(odd) td { background: #444; }
    .tech_reservations a { color: #eee; }

    #mc_ticket_detail_dialog { background: #444; }
    #mc_ticket_detail_dialog .ticket_details th { background: #666; }

    .parked-summary { background: #2a2a2a; border-color: #444; }
    .parked-summary__title { color: #eee; }
    .parked-summary__empty { color: #aaa; }
    .parked-detail-table thead tr { background: #3a3a3a; }
    .parked-detail-table th { color: #eee; border-bottom-color: #555; }
    .parked-detail-table td { border-bottom-color: #3a3a3a; }
    .parked-detail-table tbody tr:nth-child(odd)  { background: #262626; }
    .parked-detail-table tbody tr:nth-child(even) { background: #2f2f2f; }

}


#jit_label .jit-note {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #666;
}

#msp_tool_container .msp_tool_fields {
    display: inline-block;
    text-align: center;
    margin-top: 0.8em;
}

#msp_tool_container .msp_tool_field {
    margin-bottom: 0.5em;
}

#msp_tool_container .msp_tool_field label {
    display: block;
    margin-bottom: 0.2em;
}
/* ── Project Bridge: status-overview dashboard ─────────────────────────────── */
.pb_status_overview {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin: 0.4rem 0 1.2rem;
}
.pb_stat_card {
    min-width: 96px;
    flex: 0 0 auto;
    padding: 0.55rem 0.85rem;
    border: 1px solid #e3e6ec;
    border-left: 4px solid #b9c0cc;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    transition: box-shadow 0.12s, transform 0.12s;
}
.pb_stat_card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.08); transform: translateY(-1px); }
.pb_stat_card.active { box-shadow: 0 0 0 2px rgba(58,91,160,0.35); }
.pb_stat_card_num { font-size: 1.5rem; font-weight: 700; line-height: 1.1; color: #2b3b53; }
.pb_stat_card_lbl { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.03em; color: #7a8699; margin-top: 0.15rem; }
.pb_stat_card.green  { border-left-color: #3fae6a; }
.pb_stat_card.orange { border-left-color: #e0a800; }
.pb_stat_card.red    { border-left-color: #d9534f; }
.pb_stat_card.grey   { border-left-color: #9aa3b2; }
.pb_stat_card.blue   { border-left-color: #1a56c4; }
.pb_stat_card.teal   { border-left-color: #0f766e; }
.pb_stat_card.pb_stat_total { border-left-color: #3a5ba0; background: #f5f8ff; }
.pb_show_completed_tgl { display:inline-flex; align-items:center; gap:0.4rem; font-size:0.8rem; color:#6b7280; cursor:pointer; align-self:center; margin-left:0.4rem; white-space:nowrap; }
.pb_show_completed_tgl input { cursor:pointer; }

/* ── Project Bridge: task detail (ticket-like) modal ───────────────────────── */
.pb_task_modal_overlay {
    position: fixed; inset: 0; background: rgba(20,28,42,0.55);
    display: flex; align-items: flex-start; justify-content: center;
    z-index: 9999; padding: 4vh 1rem; overflow-y: auto;
}
.pb_task_modal {
    background: #fff; width: 100%; max-width: 760px; border-radius: 10px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.3); overflow: hidden;
}
.pb_task_modal_head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 0.9rem 1.2rem; background: #2b3b53; color: #fff;
}
.pb_task_modal_title { font-weight: 600; font-size: 1.05rem; }
.pb_task_modal_close { color: #fff; font-size: 1.4rem; line-height: 1; text-decoration: none; }
.pb_task_modal_meta {
    display: flex; flex-wrap: wrap; gap: 1rem; padding: 0.7rem 1.2rem;
    background: #f5f7fb; border-bottom: 1px solid #e3e6ec; font-size: 0.82rem; color: #56627a;
}
.pb_task_modal_meta b { color: #2b3b53; font-weight: 600; margin-right: 0.3rem; }
.pb_task_modal_desc { padding: 0.8rem 1.2rem; color: #444; border-bottom: 1px solid #eee; }
.pb_task_modal_body { padding: 1rem 1.2rem 1.4rem; }
.pb_task_section_title { font-weight: 700; color: #2b3b53; margin-bottom: 0.5rem; }
.pb_task_te_list { margin-bottom: 0.8rem; }
.pb_task_te_row {
    display: flex; align-items: center; gap: 0.8rem; padding: 0.45rem 0.2rem;
    border-bottom: 1px solid #eef0f4; font-size: 0.85rem;
}
.pb_task_te_date { width: 90px; color: #56627a; }
.pb_task_te_hrs { width: 60px; font-weight: 600; }
.pb_task_te_notes { flex: 1; color: #444; }
.pb_task_te_form { margin-top: 0.9rem; padding: 0.9rem; background: #f7f9fc; border: 1px solid #e3e6ec; border-radius: 8px; }
.pb_te_grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 0.7rem; margin-bottom: 0.7rem; }
.pb_task_te_form label { display: flex; flex-direction: column; font-size: 0.78rem; font-weight: 600; color: #56627a; gap: 0.2rem; }
.pb_task_te_form input, .pb_task_te_form select, .pb_task_te_form textarea {
    font-weight: 400; padding: 0.35rem 0.5rem; border: 1px solid #ccd2db; border-radius: 5px; font-size: 0.85rem;
}
.pb_te_full { display: block; margin-bottom: 0.7rem; }
.pb_te_full textarea { width: 100%; box-sizing: border-box; }
.pb_te_actions { display: flex; align-items: center; justify-content: space-between; }
.pb_te_inline { flex-direction: row !important; align-items: center; gap: 0.4rem; }

/* ── Project Bridge: task notes (in task modal) ────────────────────────────── */
.pb_task_section_sep { margin-top: 1.4rem; padding-top: 1rem; border-top: 1px solid #eef0f4; }
.pb_task_note_list { margin-bottom: 0.7rem; }
.pb_task_note_row { padding: 0.5rem 0.2rem; border-bottom: 1px solid #eef0f4; }
.pb_task_note_meta { font-size: 0.72rem; color: #8893a5; margin-bottom: 0.15rem; }
.pb_task_note_body { font-size: 0.88rem; color: #333; white-space: pre-wrap; }
.pb_task_note_add { display: flex; gap: 0.6rem; align-items: flex-start; flex-wrap: wrap; }
.pb_task_note_add textarea {
    flex: 1 1 100%; padding: 0.45rem 0.6rem; border: 1px solid #ccd2db; border-radius: 6px;
    font-size: 0.88rem; box-sizing: border-box; resize: vertical;
}
#pb_tnote_quickcode { flex: 0 0 auto; max-width: 200px; }

/* Required-field asterisk + quick-code type badges */
.pb_req { color: #c0392b; font-weight: 700; }
.pb_qc_badge { display: inline-block; padding: 0.08rem 0.45rem; border-radius: 10px; font-size: 0.7rem; font-weight: 600; }
.pb_qc_badge.te   { background: #e7f1ff; color: #1d6fd6; }
.pb_qc_badge.note { background: #fff2dd; color: #b9760a; }

/* ── Project Bridge: progress bar ─────────────────────────────────────────── */
.pb_progress_wrap { margin: 0 0 1rem; padding: 0.7rem 0.9rem; background: #fafbfc; border: 1px solid #e9ecf2; border-radius: 8px; }
.pb_progress_head { display: flex; justify-content: space-between; align-items: center; font-size: 0.8rem; color: #56627a; margin-bottom: 0.45rem; }
.pb_progress_head i { color: #3a5ba0; margin-right: 0.3rem; }
.pb_progress_stat b { color: #1f2a44; font-size: 0.9rem; }
.pb_progress_track { height: 9px; background: #e9ecf2; border-radius: 6px; overflow: hidden; }
.pb_progress_fill { height: 100%; border-radius: 6px; transition: width 0.4s ease; background: #1a56c4; }
.pb_progress_fill.green { background: #3fae6a; }
.pb_progress_fill.blue  { background: #1a56c4; }
.pb_progress_fill.grey  { background: #9aa3b2; }

/* ── Project Bridge: Schedule grid (Phase -> Task tree) ────────────────────── */
.pb_sched_table { width: 100%; border-collapse: collapse; font-size: 0.86rem; }
.pb_sched_table th {
    text-align: left; padding: 0.45rem 0.6rem; border-bottom: 2px solid #e3e6ec;
    color: #56627a; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.03em;
}
.pb_sched_table td { padding: 0.45rem 0.6rem; border-bottom: 1px solid #eef0f4; vertical-align: middle; }
.pb_sched_num { width: 48px; color: #8893a5; font-variant-numeric: tabular-nums; }
.pb_sched_hrs { width: 90px; text-align: right; font-variant-numeric: tabular-nums; }
.pb_sched_date { width: 110px; color: #56627a; }
.pb_sched_status { width: 130px; }
.pb_sched_phase td { background: #f5f7fb; }
.pb_sched_phase_name { font-weight: 700; color: #2b3b53; }
.pb_sched_taskcell { padding-left: 1.6rem !important; }
.pb_sched_task_name { color: #3a5ba0; cursor: pointer; text-decoration: none; }
.pb_sched_task_name:hover { text-decoration: underline; }
.pb_sched_diamond { color: #c79a00; margin-right: 0.35rem; }
.pb_sched_milestone .pb_sched_task_name { font-weight: 600; }

/* ── Project Bridge: Summary (Autotask-style General) ──────────────────────── */
.pb_sum_section { margin-bottom: 1.4rem; }
.pb_sum_section_title {
    font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.04em; color: #7a8699;
    font-weight: 700; padding-bottom: 0.4rem; margin-bottom: 0.8rem; border-bottom: 1px solid #e3e6ec;
}
.pb_sum_grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0.9rem 1.6rem; }
.pb_sum_item { display: flex; flex-direction: column; gap: 0.15rem; }
.pb_sum_label { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.03em; color: #8893a5; }
.pb_sum_val { font-size: 0.92rem; color: #2b3b53; }
.pb_sum_stats { display: flex; gap: 0.8rem; flex-wrap: wrap; }
.pb_sum_warn {
    background: #fff6e0; border: 1px solid #f0d48a; color: #8a6d1a; border-radius: 6px;
    padding: 0.6rem 0.9rem; margin-bottom: 1.2rem; font-size: 0.88rem;
}

/* ── Project Bridge: module styles (migrated from public.php inline block) ── */
    /* ── Project Bridge UI ─────────────────────────────────────── */
    .pb_header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.2rem;
        padding-bottom: 0.8rem;
        border-bottom: 2px solid #eee;
    }
    .pb_header h2 { margin: 0; font-size: 1.35rem; }
    .pb_header .pb_actions { display: flex; gap: 0.5rem; align-items: center; }
    .pb_meta { font-size: 0.8rem; color: #999; margin-bottom: 1.2rem; }
    .pb_msp_bar {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        margin-bottom: 1.2rem;
        flex-wrap: wrap;
    }
    .pb_msp_bar label { font-size: 0.85rem; color: #555; font-weight: 600; white-space: nowrap; }
    .pb_msp_bar select { padding: 0.3rem 0.5rem; border: 1px solid #ccc; border-radius: 4px; font-size: 0.85rem; }

    /* Status badges */
    .pb_badge {
        display: inline-block;
        padding: 0.15rem 0.55rem;
        border-radius: 10px;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.03em;
        background: #e8f0fe;
        color: #3a5ba0;
    }
    .pb_badge.green  { background: #e6f4ea; color: #256029; }
    .pb_badge.orange { background: #fef3e2; color: #b45309; }
    .pb_badge.grey   { background: #f1f1f1; color: #666; }
    .pb_badge.red    { background: #fce8e6; color: #9b2335; }
    .pb_badge.blue   { background: #e8f0fe; color: #1a56c4; }
    .pb_badge.teal   { background: #e0f5f3; color: #0f766e; }

    /* Detail view */
    #pb_detail_view { display: none; }
    .pb_breadcrumb {
        font-size: 0.82rem;
        color: #888;
        margin-bottom: 1rem;
        cursor: pointer;
    }
    .pb_breadcrumb:hover { color: #333; }
    .pb_breadcrumb i { margin-right: 0.35rem; }

    .pb_project_header {
        display: flex;
        align-items: flex-start;
        gap: 1.5rem;
        margin-bottom: 1.5rem;
        background: #f9f9f9;
        border: 1px solid #eaeaea;
        border-radius: 6px;
        padding: 1rem 1.25rem;
    }
    .pb_project_header_main { flex: 1; }
    .pb_project_header h3 { margin: 0 0 0.4rem; font-size: 1.15rem; }
    .pb_project_meta_row { display: flex; gap: 1.5rem; flex-wrap: wrap; margin-top: 0.6rem; }
    .pb_project_meta_item { font-size: 0.8rem; color: #777; }
    .pb_project_meta_item strong { color: #333; display: block; font-size: 0.75rem; }
    .pb_project_header_stats {
        display: flex;
        gap: 1rem;
        flex-shrink: 0;
    }
    .pb_stat_box {
        text-align: center;
        min-width: 54px;
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        padding: 0.4rem 0.6rem;
    }
    .pb_stat_box .pb_stat_num { font-size: 1.3rem; font-weight: 700; color: #3a5ba0; line-height: 1; }
    .pb_stat_box .pb_stat_lbl { font-size: 0.65rem; color: #999; margin-top: 0.2rem; }

    /* Detail tabs */
    .pb_tabs { display: flex; border-bottom: 2px solid #eee; margin-bottom: 1.2rem; }
    .pb_tab {
        padding: 0.55rem 1.1rem;
        font-size: 0.85rem;
        font-weight: 600;
        color: #888;
        cursor: pointer;
        border-bottom: 3px solid transparent;
        margin-bottom: -2px;
        transition: color 0.15s, border-color 0.15s;
    }
    .pb_tab:hover { color: #333; }
    .pb_tab.active { color: #3a5ba0; border-bottom-color: #3a5ba0; }
    .pb_tab_panel { display: none; }
    .pb_tab_panel.active { display: block; }

    /* Phase tree */
    .pb_phase_tree { list-style: none; margin: 0; padding: 0; }
    .pb_phase_tree li { border-left: 2px solid #e0e0e0; padding-left: 0.75rem; margin: 0.4rem 0; }
    .pb_phase_tree li.root { border-left: none; padding-left: 0; }
    .pb_phase_row {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.45rem 0.6rem;
        border-radius: 4px;
        background: #fafafa;
        border: 1px solid #eee;
        margin-bottom: 0.3rem;
    }
    .pb_phase_row:hover { background: #f0f4ff; }
    .pb_phase_title { flex: 1; font-size: 0.85rem; font-weight: 600; }
    .pb_phase_detail { font-size: 0.75rem; color: #888; white-space: nowrap; }
    .pb_progress_bar { height: 5px; border-radius: 3px; background: #e0e0e0; width: 80px; overflow: hidden; display: inline-block; vertical-align: middle; margin-right: 0.25rem; }
    .pb_progress_fill { height: 100%; border-radius: 3px; background: #4caf82; }

    /* Notes */
    .pb_notes_list { display: flex; flex-direction: column; gap: 0.75rem; }
    .pb_note_card {
        border: 1px solid #e8e8e8;
        border-radius: 6px;
        padding: 0.75rem 1rem;
        background: #fff;
    }
    .pb_note_card:hover { border-color: #c0c8e0; }
    .pb_note_header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 0.4rem; }
    .pb_note_title { font-weight: 600; font-size: 0.88rem; color: #2f6df0; text-decoration: none; cursor: pointer; }
    .pb_note_title:hover { text-decoration: underline; }
    .pb_note_date { font-size: 0.72rem; color: #aaa; }
    .pb_note_type_badge { font-size: 0.64rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; color: #6b4ce0; background: #f0eefc; border: 1px solid #ddd6f7; padding: 0.08rem 0.45rem; border-radius: 999px; white-space: nowrap; }
    .pb_note_body { font-size: 0.82rem; color: #555; white-space: pre-wrap; }
    .pb_note_clamp { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; cursor: pointer; }
    .pb_note_expand { font-size: 0.75rem; color: #2f6df0; cursor: pointer; margin-top: 0.35rem; display: inline-block; font-weight: 600; }

    /* Note reader modal */
    .pb_note_modal_overlay { position: fixed; inset: 0; background: rgba(20,28,44,0.45); z-index: 10001; display: flex; align-items: center; justify-content: center; padding: 2rem; }
    .pb_note_modal { background: #fff; width: 100%; max-width: 720px; max-height: 82vh; border-radius: 12px; display: flex; flex-direction: column; box-shadow: 0 18px 50px rgba(0,0,0,0.3); overflow: hidden; }
    .pb_note_modal_head { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.3rem; background: #3a5ba0; color: #fff; }
    .pb_note_modal_title { font-weight: 650; font-size: 1.05rem; }
    .pb_note_modal_close { color: #fff; font-size: 1.4rem; line-height: 1; text-decoration: none; }
    .pb_note_modal_meta { padding: 0.55rem 1.3rem; font-size: 0.74rem; color: #8893a5; border-bottom: 1px solid #eef0f4; }
    .pb_note_modal_body { padding: 1.2rem 1.3rem; overflow-y: auto; font-size: 0.92rem; line-height: 1.55; color: #2b3b53; white-space: pre-wrap; word-break: break-word; flex: 1; }
    .pb_note_modal_foot { padding: 0.8rem 1.3rem; border-top: 1px solid #eef0f4; display: flex; gap: 0.6rem; justify-content: flex-end; }

    /* Empty state */
    .pb_empty { text-align: center; padding: 2.5rem 1rem; color: #bbb; font-size: 0.88rem; }
    .pb_empty i { font-size: 2rem; display: block; margin-bottom: 0.5rem; }

    /* Loading spinner */
    .pb_loading { text-align: center; padding: 2rem; color: #aaa; font-size: 0.85rem; }

    /* DataTables overrides */
    #pb_projects_table td { vertical-align: middle; }
    #pb_projects_table td:first-child { cursor: pointer; color: #3a5ba0; font-weight: 500; }
    #pb_projects_table td:first-child:hover { text-decoration: underline; }
    #pb_tasks_table td { vertical-align: middle; font-size: 0.82rem; }
    #pb_time_entries_table td { vertical-align: middle; font-size: 0.82rem; }

    /* Sync direction indicator */
    .pb_sync_dir {
        font-size: 0.72rem;
        color: #aaa;
        background: #f5f5f5;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        padding: 0.2rem 0.55rem;
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
    }
    .pb_sync_dir .arrow { color: #3a5ba0; font-weight: 700; }

    /* ── Entity forms (phases / tasks / notes / time entries) ─── */
    .pb_entity_form {
        background: #f9f9fb;
        border: 1px solid #dde0ea;
        border-radius: 6px;
        padding: 1.1rem 1.3rem;
        margin-bottom: 1rem;
    }
    .pb_entity_form_title {
        font-size: 0.88rem;
        font-weight: 700;
        color: #3a5ba0;
        margin-bottom: 0.9rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .pb_entity_form_close {
        font-size: 0.75rem;
        font-weight: 400;
        color: #aaa;
        cursor: pointer;
        padding: 0.1rem 0.4rem;
    }
    .pb_entity_form_close:hover { color: #555; }

    /* Tab toolbar */
    .pb_tab_toolbar { display: flex; justify-content: flex-end; margin-bottom: 0.75rem; }

    /* Inline action buttons in tables/lists */
    .pb_row_actions { display: flex; gap: 0.3rem; justify-content: flex-end; }
    .pb_row_btn {
        padding: 0.18rem 0.55rem;
        font-size: 0.72rem;
        border-radius: 3px;
        cursor: pointer;
        border: 1px solid #ccc;
        background: #fff;
        color: #555;
        text-decoration: none;
        white-space: nowrap;
    }
    .pb_row_btn:hover { background: #f0f4ff; border-color: #3a5ba0; color: #3a5ba0; }
    .pb_row_btn.danger:hover { background: #fce8e6; border-color: #9b2335; color: #9b2335; }

    /* ── Create form panel ─────────────────────────────────────── */
    #pb_create_panel {
        display: none;
        background: #f9f9fb;
        border: 1px solid #dde0ea;
        border-radius: 7px;
        padding: 1.4rem 1.6rem;
        margin-bottom: 1.4rem;
    }
    #pb_create_panel h3 {
        margin: 0 0 1.1rem;
        font-size: 1rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #pb_create_panel h3 .pb_close_create {
        font-size: 0.75rem;
        font-weight: 400;
        color: #aaa;
        cursor: pointer;
        padding: 0.2rem 0.5rem;
    }
    #pb_create_panel h3 .pb_close_create:hover { color: #555; }
    .pb_form_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.85rem 1.4rem;
    }
    .pb_form_grid.wide { grid-template-columns: 1fr; }
    .pb_field label {
        display: block;
        font-size: 0.77rem;
        font-weight: 600;
        color: #555;
        margin-bottom: 0.28rem;
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }
    .pb_field input,
    .pb_field select,
    .pb_field textarea {
        width: 100%;
        padding: 0.42rem 0.65rem;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-size: 0.85rem;
        background: #fff;
        box-sizing: border-box;
    }
    .pb_field textarea { height: 72px; resize: vertical; }
    .pb_field input:focus,
    .pb_field select:focus,
    .pb_field textarea:focus {
        outline: none;
        border-color: #3a5ba0;
        box-shadow: 0 0 0 2px rgba(58,91,160,0.12);
    }
    .pb_form_footer {
        display: flex;
        justify-content: flex-end;
        gap: 0.5rem;
        margin-top: 1.2rem;
        padding-top: 0.9rem;
        border-top: 1px solid #e8e8e8;
    }
    .pb_psa_targets {
        display: flex;
        gap: 1rem;
        margin-top: 0.5rem;
        font-size: 0.82rem;
    }
    .pb_psa_targets label { display: flex; align-items: center; gap: 0.3rem; cursor: pointer; font-weight: normal; text-transform: none; letter-spacing: 0; }
    .pb_create_result {
        margin-top: 0.8rem;
        font-size: 0.82rem;
        padding: 0.5rem 0.8rem;
        border-radius: 4px;
        display: none;
    }
    .pb_create_result.ok  { background: #e6f4ea; color: #256029; }
    .pb_create_result.err { background: #fce8e6; color: #9b2335; }

    /* ── Phase drag-and-drop ───────────────────────────────────── */
    #pb_phase_sortable { display: flex; flex-direction: column; gap: 0; }
    .pb_phase_item { user-select: none; }
    .pb_phase_item.sortable-ghost    > .pb_phase_row { opacity: 0.35; background: #e8f0ff !important; }
    .pb_phase_item.sortable-chosen   > .pb_phase_row { border-color: #3a5ba0; box-shadow: 0 2px 8px rgba(58,91,160,0.18); }
    .pb_phase_item.sortable-drag     > .pb_phase_row { box-shadow: 0 4px 16px rgba(0,0,0,0.14); }
    .pb_phase_children { margin-left: 1.2rem; border-left: 2px solid #e8ecf8; padding-left: 0.5rem; margin-top: 0.25rem; display: flex; flex-direction: column; gap: 0; }
    .pb_phase_row {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        padding: 0.48rem 0.7rem;
        border-radius: 5px;
        background: #fafafa;
        border: 1px solid #ebebeb;
        margin-bottom: 0.3rem;
        transition: background 0.12s, border-color 0.12s;
    }
    .pb_phase_row:hover { background: #f0f4ff; border-color: #c8d4f0; }
    .pb_phase_grip {
        color: #c8c8c8;
        cursor: grab;
        font-size: 0.78rem;
        flex-shrink: 0;
        padding: 0 0.15rem;
        transition: color 0.12s;
    }
    .pb_phase_grip:hover  { color: #3a5ba0; }
    .pb_phase_grip:active { cursor: grabbing; }
    .pb_phase_title { flex: 1; font-size: 0.85rem; font-weight: 600; color: #222; }
    .pb_phase_pbar  { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.73rem; color: #888; white-space: nowrap; }
    .pb_phase_meta  { font-size: 0.73rem; color: #aaa; white-space: nowrap; }

    /* ── Task board (grouped by phase) ────────────────────────── */
    .pb_task_board { display: flex; flex-direction: column; gap: 0.85rem; }

    .pb_task_section { border: 1px solid #e5e9f0; border-radius: 7px; overflow: hidden; }
    .pb_task_section_hdr {
        display: flex;
        align-items: center;
        gap: 0.7rem;
        padding: 0.55rem 0.9rem;
        background: #f4f6fb;
        border-bottom: 1px solid #e5e9f0;
        font-size: 0.83rem;
    }
    .pb_task_section_hdr .pb_task_section_name { font-weight: 700; color: #2c3e6b; flex: 1; }
    .pb_task_section_hdr .pb_task_section_count { font-size: 0.72rem; color: #aaa; white-space: nowrap; }
    .pb_task_section_hdr .pb_progress_bar { flex-shrink: 0; }

    .pb_task_col_body {
        padding: 0.45rem 0.6rem;
        min-height: 40px;
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        background: #fcfcfd;
    }
    .pb_task_col_body.drag-over { background: #eef2ff; }
    .pb_task_col_empty { font-size: 0.78rem; color: #ccc; text-align: center; padding: 0.4rem 0; }

    /* Task cards */
    .pb_task_card {
        display: flex;
        align-items: center;
        gap: 0.55rem;
        padding: 0.5rem 0.65rem;
        border-radius: 5px;
        border: 1px solid #e5e9f0;
        background: #fff;
        cursor: default;
        transition: border-color 0.12s, box-shadow 0.12s;
    }
    .pb_task_card:hover { border-color: #b8c8f0; box-shadow: 0 1px 4px rgba(58,91,160,0.08); }
    .pb_task_card.sortable-ghost  { opacity: 0.35; border-style: dashed; }
    .pb_task_card.sortable-chosen { border-color: #3a5ba0; box-shadow: 0 2px 8px rgba(58,91,160,0.18); }
    .pb_task_card.sortable-drag   { box-shadow: 0 4px 18px rgba(0,0,0,0.14); border-color: #3a5ba0; }
    .pb_task_grip {
        color: #c8c8c8;
        cursor: grab;
        font-size: 0.72rem;
        flex-shrink: 0;
        padding: 0 0.1rem;
        transition: color 0.12s;
    }
    .pb_task_grip:hover  { color: #3a5ba0; }
    .pb_task_grip:active { cursor: grabbing; }
    .pb_task_card_body { flex: 1; min-width: 0; }
    .pb_task_card_title { font-size: 0.82rem; font-weight: 600; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .pb_task_card_meta { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.2rem; flex-wrap: wrap; }
    .pb_task_card_hrs { font-size: 0.7rem; color: #aaa; }

    /* Milestone cards */
    .pb_task_card.pb_milestone {
        background: linear-gradient(135deg, #fffbf0 0%, #fff8e6 100%);
        border-color: #f0d070;
        border-left: 3px solid #d4930a;
    }
    .pb_task_card.pb_milestone:hover { border-color: #c07800; box-shadow: 0 1px 5px rgba(200,120,0,0.12); }
    .pb_milestone_diamond { color: #c07800; font-size: 0.95rem; flex-shrink: 0; line-height: 1; margin-right: 0.05rem; }
    .pb_milestone_date { font-size: 0.72rem; color: #c07800; font-weight: 600; margin-top: 0.2rem; }
    .pb_milestone_date i { margin-right: 0.2rem; font-size: 0.65rem; }

/* ── Project Bridge: Schedule actions + row actions ────────────────────────── */
.pb_sched_actions { display: flex; gap: 0.5rem; margin-bottom: 1rem; }
.pb_sched_row_actions { margin-left: 0.7rem; opacity: 0; transition: opacity 0.12s; white-space: nowrap; }
.pb_sched_table tr:hover .pb_sched_row_actions { opacity: 1; }
.pb_sched_row_actions a { font-size: 0.74rem; color: #3a5ba0; margin-left: 0.5rem; text-decoration: none; }
.pb_sched_row_actions a:hover { text-decoration: underline; }
.pb_sched_row_actions a.danger { color: #c0392b; }

/* ── Project Bridge: associate-ticket bar ──────────────────────────────────── */
.pb_assoc_bar { display: flex; gap: 0.6rem; align-items: center; margin-bottom: 1rem; }
.pb_assoc_bar input { padding: 0.4rem 0.6rem; border: 1px solid #ccd2db; border-radius: 6px; font-size: 0.88rem; width: 220px; }

/* ── Project Bridge: Schedule drag handle ──────────────────────────────────── */
.pb_sched_grip { cursor: grab; color: #b9c0cc; margin-right: 0.45rem; opacity: 0; transition: opacity 0.12s; }
.pb_sched_table tr:hover .pb_sched_grip { opacity: 1; }
.pb_sched_grip:active { cursor: grabbing; }

/* ── Project Bridge: task timer ────────────────────────────────────────────── */
.pb_task_timer_wrap { display: flex; align-items: center; gap: 0.7rem; }
.pb_task_timer { font-variant-numeric: tabular-nums; font-weight: 600; font-size: 0.95rem; color: #fff; background: rgba(255,255,255,0.12); padding: 0.15rem 0.5rem; border-radius: 5px; }
.pb_task_timer_btn { color: #fff; font-size: 0.95rem; text-decoration: none; }

/* ══════════════════════════════════════════════════════════════════════════
   Project Bridge — minimalist refresh (clear boundaries, calmer surfaces)
   Scoped under #list so it only touches the Projects module.
   ══════════════════════════════════════════════════════════════════════════ */
#list {
    --pb-accent:  #2f6df0;
    --pb-ink:     #1f2733;
    --pb-muted:   #6b7280;
    --pb-line:    #e6e9ef;
    --pb-bg-soft: #f7f8fa;
    --pb-radius:  10px;
}

/* Page header */
#list .pb_header { border-bottom: 1px solid var(--pb-line); padding-bottom: 1rem; margin-bottom: 1.4rem; }
#list .pb_header h2 { font-size: 1.3rem; font-weight: 650; color: var(--pb-ink); letter-spacing: -0.01em; }

/* MSP selector bar → a quiet pill row */
#list .pb_msp_bar { background: var(--pb-bg-soft); border: 1px solid var(--pb-line); border-radius: var(--pb-radius); padding: 0.6rem 0.85rem; }
#list .pb_msp_bar select { border: 1px solid var(--pb-line); border-radius: 7px; padding: 0.35rem 0.6rem; background: #fff; }

/* Status cards — flatter, even borders (drop the heavy left rule) */
#list .pb_status_overview { gap: 0.7rem; }
#list .pb_stat_card { border: 1px solid var(--pb-line); border-left-width: 1px; border-radius: var(--pb-radius); padding: 0.7rem 0.95rem; box-shadow: none; background: #fff; }
#list .pb_stat_card:hover { border-color: #cfd6e2; transform: none; box-shadow: 0 1px 3px rgba(16,24,40,0.06); }
#list .pb_stat_card.active { border-color: var(--pb-accent); box-shadow: 0 0 0 1px var(--pb-accent); }
#list .pb_stat_card::before { content:''; display:block; width:26px; height:3px; border-radius:3px; background: var(--pb-line); margin-bottom:0.5rem; }
#list .pb_stat_card.green::before  { background:#3fae6a; }
#list .pb_stat_card.orange::before { background:#e0a800; }
#list .pb_stat_card.red::before    { background:#d9534f; }
#list .pb_stat_card.blue::before   { background:#2f6df0; }
#list .pb_stat_card.teal::before   { background:#0f766e; }
#list .pb_stat_card.grey::before   { background:#9aa3b2; }
#list .pb_stat_card.pb_stat_total::before { background: var(--pb-accent); }

/* Detail header → white card with a clear edge */
#list .pb_project_header { background: #fff; border: 1px solid var(--pb-line); border-radius: var(--pb-radius); padding: 1.1rem 1.25rem; }
#list .pb_project_header h3 { font-weight: 650; color: var(--pb-ink); }
#list .pb_stat_box { border: 1px solid var(--pb-line); border-radius: 8px; background: var(--pb-bg-soft); }
#list .pb_stat_box .pb_stat_num { color: var(--pb-ink); }

/* Tabs — calmer, single accent */
#list .pb_tab { color: var(--pb-muted); font-weight: 600; }
#list .pb_tab.active { color: var(--pb-accent); border-bottom-color: var(--pb-accent); }

/* Entity forms / panels → bounded cards */
#list .pb_entity_form,
#list #pb_create_panel,
#list #pb_quickcodes_panel { background:#fff; border: 1px solid var(--pb-line); border-radius: var(--pb-radius); padding: 1.1rem 1.2rem; box-shadow: 0 1px 2px rgba(16,24,40,0.04); }
#list .pb_entity_form_title { font-weight: 650; color: var(--pb-ink); margin-bottom: 0.8rem; }

/* Section panels get breathing room + a divider above the schedule grid */
#list .pb_sched_actions { display:flex; gap:0.5rem; margin-bottom: 1rem; }

/* Tables — clearer rows */
#list .pb_sched_table th { color: var(--pb-muted); border-bottom: 1px solid var(--pb-line); }
#list .pb_sched_table td { border-bottom: 1px solid var(--pb-line); }
#list .pb_sched_phase td { background: var(--pb-bg-soft); }

/* Badges — slightly tighter */
#list .pb_badge { border-radius: 999px; padding: 0.12rem 0.6rem; }

/* Origin badge: where the project started */
.pb_origin { display:inline-block; font-size:0.66rem; font-weight:700; letter-spacing:0.02em; text-transform:uppercase;
    padding:0.1rem 0.5rem; border-radius:999px; vertical-align:middle; }
.pb_origin.mc  { background:#eaf1ff; color:#2f6df0; border:1px solid #cfe0ff; }
.pb_origin.msp { background:#f0eefc; color:#6b4ce0; border:1px solid #ddd6f7; }

/* ── Schedule toolbar + List/Timeline switch ──────────────────────────────── */
.pb_sched_toolbar { display:flex; justify-content:space-between; align-items:center; gap:0.8rem; margin-bottom:0.8rem; flex-wrap:wrap; }
.pb_sched_search_wrap { position:relative; flex:1; max-width:320px; }
.pb_sched_search_wrap i { position:absolute; left:0.7rem; top:50%; transform:translateY(-50%); color:#9aa3b2; font-size:0.8rem; }
.pb_sched_search_wrap input { width:100%; box-sizing:border-box; padding:0.45rem 0.6rem 0.45rem 2rem; border:1px solid var(--pb-line,#e6e9ef); border-radius:8px; font-size:0.85rem; }
.pb_sched_search_wrap input:focus { outline:none; border-color:#2f6df0; box-shadow:0 0 0 2px rgba(47,109,240,0.12); }
.pb_view_switch { display:inline-flex; border:1px solid var(--pb-line); border-radius:8px; overflow:hidden; }
.pb_view_switch button { border:none; background:#fff; color:#6b7280; font-size:0.8rem; font-weight:600; padding:0.4rem 0.85rem; cursor:pointer; }
.pb_view_switch button + button { border-left:1px solid var(--pb-line); }
.pb_view_switch button.active { background:#2f6df0; color:#fff; }
.pb_view_switch button i { margin-right:0.35rem; }

/* ── Gantt / milestone timeline ───────────────────────────────────────────── */
.pb_gantt { border:1px solid var(--pb-line); border-radius:var(--pb-radius); overflow:hidden; background:#fff; }
.pb_gantt_axis { position:relative; height:26px; border-bottom:1px solid var(--pb-line); background:#fbfcfe;
    margin-left:220px; }
.pb_gantt_month { position:absolute; top:0; bottom:0; border-left:1px dashed #e3e7ee; }
.pb_gantt_month span { position:absolute; top:5px; left:5px; font-size:0.68rem; color:#9aa3b2; white-space:nowrap; }
.pb_gantt_body { position:relative; }
.pb_gantt_row { display:flex; align-items:center; min-height:34px; border-bottom:1px solid #f1f3f7; }
.pb_gantt_row:last-child { border-bottom:none; }
.pb_gantt_phase_row { background:var(--pb-bg-soft); }
.pb_gantt_label { width:220px; flex:0 0 220px; padding:0 0.8rem; font-size:0.82rem; color:var(--pb-ink);
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; }
.pb_gantt_phase_row .pb_gantt_label { font-weight:650; }
.pb_gantt_phase_row .pb_gantt_label i { color:#9aa3b2; margin-right:0.35rem; }
.pb_gantt_task_label { padding-left:1.6rem; }
.pb_gantt_task_label a { color:var(--pb-accent); text-decoration:none; }
.pb_gantt_task_label a:hover { text-decoration:underline; }
.pb_gantt_track { position:relative; flex:1; height:34px; }
.pb_gantt_bar { position:absolute; top:9px; height:16px; border-radius:5px; background:#9aa3b2; min-width:6px; }
.pb_gantt_bar.phase { background:#c7d2e8; border:1px solid #aebbd6; height:14px; top:10px; }
.pb_gantt_bar.green { background:#3fae6a; }
.pb_gantt_bar.blue  { background:#2f6df0; }
.pb_gantt_bar.orange{ background:#e0a800; }
.pb_gantt_bar.red   { background:#d9534f; }
.pb_gantt_bar.teal  { background:#0f766e; }
.pb_gantt_bar.grey  { background:#9aa3b2; }
.pb_gantt_ms { position:absolute; top:6px; transform:translateX(-50%); color:#c79a00; font-size:1.05rem; line-height:1; }
.pb_gantt_today { position:absolute; top:0; bottom:0; width:2px; background:#e0556b; opacity:0.7; z-index:2; }
.pb_gantt_nodate { position:absolute; top:10px; left:8px; font-size:0.7rem; color:#bbb; font-style:italic; }
.pb_gantt_legend { display:flex; gap:1.1rem; align-items:center; padding:0.6rem 0.9rem; border-top:1px solid var(--pb-line);
    background:#fbfcfe; font-size:0.72rem; color:#6b7280; flex-wrap:wrap; }
.pb_gantt_legend .pb_lg { display:inline-block; width:18px; height:9px; border-radius:3px; vertical-align:middle; margin-right:0.3rem; }
.pb_gantt_legend .pb_lg.phase { background:#c7d2e8; border:1px solid #aebbd6; }
.pb_gantt_legend .pb_lg.blue  { background:#2f6df0; }
.pb_gantt_legend .pb_lg.green { background:#3fae6a; }
.pb_gantt_legend .pb_lg_ms    { color:#c79a00; font-weight:700; }
.pb_gantt_legend .pb_lg_today { color:#e0556b; font-weight:700; }

@media (max-width: 720px) {
    .pb_gantt_axis, .pb_gantt_label { margin-left:0; }
    .pb_gantt_label { width:120px; flex-basis:120px; }
}

.pb_hint { font-weight: 400; font-size: 0.72rem; color: #9aa3b2; text-transform: none; letter-spacing: 0; }