/* Get pagination buttons to show */
#dt-pag-nav {
    position: absolute;
    top: -50px;
    left: 1001px;
    height: 48px;
    background: initial;
    display: none;
}

.yui-layout-bd, .yui-layout-bd-noft, .yui-layout-bd-nohd {
    overflow: visible !important;
}

/* Expand email windows */
#container.email, #container.email div.yui-layout-doc {
    height: 1922px !important;
}

.pagination button.button {
    height: 30px !important;
}

.vhr-badges {
    float: right;
    text-align: right;
}

.vhr-badges span {
    display: inline-block;
}

.vhr-badges .alert {
    margin: 0 0 0 1rem;
    padding: 1rem 2rem;
}

.img-thumbnail {
    max-width: 100%;
    max-height: 30rem;
}

.gmtv_photos-grid .row > div {
    padding: 2rem 1rem;
}

.gmtv_photos-grid table {
    border-spacing: 1rem;
    border-collapse: inherit;
}

#photos_container {
    float: right;
    margin-left: 5rem;
    margin-top: -2rem;
    max-width: 25rem;
    width: 100%;
    position: absolute;
    right: 107px;
    top: 316px;
}

#photos_container img {
    max-width: 100%;
    max-height: 6rem;
    margin: 0 auto;
}

.slick-lightbox {
    z-index: 99999;
}

.photo-uploads {
    margin: 0 2rem;
}

#upload-photos {
    display: none;
}

.drag-and-drop {
    border: 1px dashed #CCC;
    padding: 2rem;
    text-align: center;
    position: relative;

}

.drag-and-drop.dragover {
    border-color: #000;
    border-width: 2px;
}

.drag-and-drop.loading {
    border-color: #090;
}

.drag-and-drop:hover {
    border-color: #666;
}

.drag-and-drop label {
    display: block;
    text-align: center;
}

.drag-and-drop input[type="file"] {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.drag-and-drop .thumbnail {
    margin-bottom: 0;
}

.drag-and-drop .loading {
    position: relative;
}

.drag-and-drop .loading img {
    filter: grayscale(100%) brightness(150%);
}

.drag-and-drop .loading::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url('themes/SuiteP/images/loading.gif') no-repeat center center;
}

.drag-and-drop .loading.failed::after {
    background: none;
}

.drag-and-drop .previews > div {
    transition: all 0.2s ease-in
}

.drag-and-drop .previews > div:nth-child(6n+1) {
    clear: left;
}

table .sugar_action_button {
    display: flex;
}

table .suitepicon.suitepicon-action-sorting-descending,
table .suitepicon.suitepicon-action-sorting-none,
table .suitepicon.suitepicon-action-sorting-ascending,
table .suitepicon.suitepicon-action-sorting-descending::before,
table .suitepicon.suitepicon-action-sorting-none::before,
table .suitepicon.suitepicon-action-sorting-ascending::before,
.button-toggle-expanded span::before,
.button-toggle-collapsed span::before,
.panel-heading a.collapsed::before,
.panel-heading a::before,
.suitepicon.suitepicon-action-minus:before,
.suitepicon.suitepicon-action-clear:before {
    vertical-align: baseline !important;
}


#subpanel_list .suitepicon.suitepicon-action-sorting-ascending,
#subpanel_list .suitepicon.suitepicon-action-sorting-descending,
#subpanel_list .suitepicon.suitepicon-action-sorting-none,
#subpanel_list table .suitepicon.suitepicon-action-sorting-ascending,
#subpanel_list table .suitepicon.suitepicon-action-sorting-descending,
#subpanel_list table .suitepicon.suitepicon-action-sorting-none {
    display: none;
}

#desktop_notifications #alerts {
    background: #534d64;
    padding: 10px 10px 15px;
    float: right;
    right: 0;
    width: 296px;
    left: auto;
}

#desktop_notifications #alerts .nav-tabs {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border: none;
}

#desktop_notifications #alerts .tab-pane.active {
    margin-top: 15px;
}

#desktop_notifications #alerts .emblem > a {
    padding: 0;
    border-radius: 0;
    border: none;
    background-color: transparent;
}

#desktop_notifications #alerts .emblem > a:hover {
    border: none;
}

#desktop_notifications #alerts .emblem.active > a {
    border: none;
    background-color: #a2b2bf;
}

#desktop_notifications #alerts .emblem img {
    height: 40px;
    padding: 10px;
}

#desktop_notifications #alerts .footer {
    display: flex;
    justify-content: space-between;
    align-item: center;
}

#desktop_notifications #alerts .footer a.btn {
    margin: 0;
    width: calc(50% - 5px);
}

#desktop_notifications #alerts .panel {
    margin-bottom: 10px;
    border: 1px solid #757083;
    border-radius: 5px;
}

#desktop_notifications #alerts .title {
    padding: 13px 15px;
    color: #fff;
    font-size: 13px;
    background: #5e5670;
}

#desktop_notifications #alerts .content {
    padding: 0;
}

#desktop_notifications #alerts .title .close {
    font-size: 10px;
    color: #fff;
}

#desktop_notifications #alerts .msg {
    background: #fff;
    padding: 8px 15px;
    color: #333;
}

#desktop_notifications #alerts .sub_alert_count {
    width: 20px;
    height: 20px;
    text-align: center;
    top: -47px;
    right: -26px;
    left: auto;
}

.mobile-bar .desktop_notifications .sub_alert_count {
    top: -16px;
    left: 4px
}

.desktop_notifications .sub_alert_count {
    display: block;
    position: relative;
    top: -16px;
    left: 24px;
    font-size: 10px;
    background-color: #f08377;
    color: #fff;
    border-radius: 30px;
    float: left;
    line-height: 20px;
    width: 20px;
    height: 20px
}

#desktop_notifications #alerts .alert_count,
#desktop_notifications #alerts .sub_alert_count,
.desktop_notifications .sub_alert_count {
    min-width: 20px;
    min-height: 20px;
    width: auto;
    height: auto;
}

.desktop_notifications .alert_count {
    min-width: 0px;
    min-height: 0px;
}

#desktop_notifications #alerts .panel {
    cursor: pointer;
}

#upsheets #tab-content-5 .detail-view-row-item {
    box-sizing: border-box;
    padding-right: 1rem;
    margin-bottom: 1rem;
}

#upsheets #tab-content-5 .detail-view-row .label.col-2-label {
    padding: 0;
}

#upsheets #tab-content-5 .detail-view-row .label {
    padding: 0;
    white-space: normal;
    line-height: normal;
    margin-bottom: 0.5rem;
}

#upsheets #tab-content-5 .detail-view-row-item > div {
    width: 100%;
}

#upsheets #tab-content-4 .edit-view-row-item {
    box-sizing: border-box;
    padding-right: 1rem;
    margin-bottom: 1rem;
}

#upsheets #tab-content-4 .edit-view-row .label.col-2-label {
    padding: 0;
}

#upsheets #tab-content-4 .edit-view-row .label {
    padding: 0;
    white-space: normal;
    line-height: normal;
    margin-bottom: 0.5rem;
}

#upsheets #tab-content-4 .edit-view-row-item > div {
    width: 100%;
}

tr.highlight > td {
    background-color: #f3f3f5;
}

.pic-preview {
    border: 1px solid #CCC;
    background: #FFF;
    padding: 1rem;
    text-align: center;
}

.pic-preview > img {
    max-width: 100%;
}

.edit-view-row .label.voicemail-schedule {
    line-height: 1.5rem;
}

@media (max-width: 1560px) {
    .globallabel-user {
        display: none !important;
    }
}
.dropdown.nav.navbar-nav.globalLinks-desktop.open button.dropdown-toggle.btn.btn-default.usermenucollapsed {
	background-color: transparent !important;
	background-image: none, url("/index.php?entryPoint=getImage&themeName=SuiteP&themeName=SuiteP&imageName=p_user_icon.svg"), url("/index.php?entryPoint=getImage&themeName=SuiteP&themeName=SuiteP&imageName=p_user_icon.png") !important;
	background-position: 0 0 !important;
}

#subpanel_list td .action_buttons > * {
    margin-right: 5px;
}

.glyphicon.bootstrap-checkbox.initialized-checkbox::before{
    vertical-align: bottom;
}

.glyphicon.bootstrap-checkbox.initialized-checkbox .suitepicon.suitepicon-action-caret::before{
    vertical-align: baseline;
}

@media (min-width: 1024px) {
    #EditView_tabs .col-sm-12 .edit-view-field .dateTimeComboColumn .datetimecombo_date {
        width: inherit;
    }
}

#subpanel_list td .action_buttons > * {
    margin-right: 5px;
}

/* ==========================================
   SCOREBOARD FULL STYLES
    I think someone misspelled scoreboard in the table name so it is also misspelled in the css here so we need to override it....and then whip them with wet noodles for introducing the misspellings to the codebase.
    Not really though. HR said we can't do that anymore.
========================================== */

   table.scoreboad {
    --sb-top-blue: #4569B2;
    --sb-head-bg: #F2F3F5;
    --sb-col-alt: #ECEDEF;
    --sb-col-base: #FFFFFF;
    --sb-text: #4A4F59;
    --sb-border: #E1E4E8;
    --sb-expand-bg: #F8FAFF;
    --sb-expand-accent: #9DB4E8;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
  }
  
  /* Top Header */
  table.scoreboad > thead > tr:first-child > th {
    background: var(--sb-top-blue) !important;
    color: #FFFFFF !important;
  }
  table.scoreboad > thead > tr:first-child > th:first-child { border-top-left-radius: 8px; }
  table.scoreboad > thead > tr:first-child > th:last-child  { border-top-right-radius: 8px; }
  
  /* Header labels row */
  table.scoreboad > tbody > tr.header-row > td {
    background: var(--sb-head-bg) !important;
    color: var(--sb-text);
    font-weight: 600;
  }
  
  /* Column tinting */
  table.scoreboad td.today, table.scoreboad th.today { background: var(--sb-col-alt); }
  table.scoreboad td.week,  table.scoreboad th.week  { background: var(--sb-col-base); }
  table.scoreboad td.month, table.scoreboad th.month { background: var(--sb-col-alt); }
  
  /* Base cell styling */
  table.scoreboad th,
  table.scoreboad td {
    border-color: var(--sb-border);
    color: var(--sb-text);
    padding: 10px 12px;
  }
  
  /* Team row */
  table.scoreboad tbody tr.team > td {
    font-weight: 600;
    cursor: pointer;
  }
  
  /* Buyer rows always have a distinct look when visible */
  table.scoreboad tbody tr.buyer > td {
    background: var(--sb-expand-bg) !important;
    border-left: 3px solid var(--sb-expand-accent);
    padding-left: 16px;
  }
  
  /* Indent first buyer cell a bit more for hierarchy */
  table.scoreboad tbody tr.buyer > td:first-child {
    padding-left: 24px;
    font-weight: 500;
  }
  
  /* Hover keeps full-row highlight for both team and buyer rows */
  table.scoreboad tbody tr:hover > td {
    background: #FBF7D0 !important;
  }
  
  /* Totals row */
  table.scoreboad tbody tr#totals > td {
    font-weight: 700;
    background: #F5F7FB !important;
  }
  
  /* Smooth transitions */
  table.scoreboad tbody td {
    transition: background-color 0.15s ease, border-color 0.15s ease;
  }