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

.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: 20px !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%;
}

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

.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;
}

#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 .alert_count,
.desktop_notifications .sub_alert_count {
    min-width: 20px;
    min-height: 20px;
    width: auto;
    height: auto;
}

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

.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;
}