/****

* OC UI Alterations Stylesheet
* GovAccess - 2023
* Version 1.0

****/

/* Full-Width Page Banner - Correcting Spacing / Jumpiness in Edit Mode */

/* div#ColumnUserControl1 > :nth-child(3) .widget_wrapper_title.edit,
div#ColumnUserControl1 > :nth-child(3):hover .widget_wrapper_title.edit {
    display: none;
} */


.edit .widget_wrapper:hover {
    border-color: transparent;
}
div#ColumnUserControl1 > :nth-child(3) .edit nav.sidenav,
div#ColumnUserControl1 > :nth-child(3):hover .edit nav.sidenav {
    margin-top: 0;
}
.edit .widget_wrapper:hover:before {
    border-color: transparent;
}
.edit .widget_wrapper:hover {
    border-color: transparent;
}
/* .edit .widget_wrapper:has(.main_menu_widget):before,
.page.edit .sortable_col:not(.site_template_column) .widget_wrapper:has(.main_menu_widget) .widget_wrapper_title,
.edit .widget_wrapper:has(.main_menu_widget):before, .edit .widget_wrapper.widget-selected:before {
    display: none;
} */
.edit .widget_wrapper:has(.vi-fullwidth-banner):hover {
    z-index: 1
}

.edit .widget_wrapper_body.edit.clearfix:has(.vi-img-overlay-buttons) { height: 100%; }
.edit .widget_wrapper:has(.vi-img-overlay-buttons) { height: 100%; }

/* Hide Old Granicus Full-Width Buttons */
body > div.Metro.reDropDownBody.reApplyClass > table > tbody > tr:nth-child(n+8) { display: none; }

.edit .widget_wrapper:before {
    border: 2px solid transparent;
    left: 0;
    right: 0;
    transition: 0.2s ease-in-out;
}

.edit .widget_wrapper .widget_wrapper_title.edit,
.edit .widget_wrapper.widget-selected .widget_wrapper_title.edit {
    transition: 0.2s ease-in-out;
}

/* Add Transition to Loading Mask */
.loading.mask {
    transition: opacity 0.2s ease-in-out;
}

/* Progress Bar */

.pace .pace-progress {
    background-color: var(--oc-green);
    height: 5px;
}

/* Correct Sizes for Spotlight and Quicklinks within 3-Column Layout */

.edit-design .vi-img-overlay-buttons,
.edit-design .widget_wrapper:has(.govA-buttons-widget),
.edit-design .widget_wrapper_body.edit:has(.govA-buttons-widget) {
    height: 100%;
}

/* Removes Un-Checked Document Selector */

.display-doc-links:has(.ng-empty) {
    display: none;
}

li.display_links_to_document_viewers:has(input#Setting_DisplayLinkToDocumentViewer:not(:checked)) { display: none; }

/* Prevent Menu Selection in Edit Mode */

.page.edit .widget_wrapper:has( .main_menu_widget) {
    border: 0!important;
    height: 0;
    margin: 0!important;
    padding: 0!important;
    pointer-events: none;
    position: relative!important;
    z-index: 3!important;
}

.page.edit .widget_wrapper:has( .main_menu_widget) .widget_wrapper_title.widget_wrapper_handle.edit.ui-sortable-handle,
.page.edit .widget_wrapper:has( .main_menu_widget) .widget_wrapper_body.edit.clearfix {
    border: 0!important;
    margin: 0!important;
    min-height: 0;
    padding: 0!important;
}

/* Fix UI Buttons */

a.action_block_add {
    background-color: #008480;
    border: 1px solid #026764;
    border-radius: 4px;
    font-size: 14px;
    height: auto;
    line-height: 100%;
    padding: 12px 20px;
    text-transform: none;
    transition: 0.12s ease-in-out;
    width: auto;
}

.primary:hover, input[type=button].primary:hover, input[type=submit].primary:hover, input[type=submit].command.primary:hover, input[type=button].command.primary:hover, a.primary:hover, a.action_block_add:hover {
    background-color: #026764;
    border-radius: 5px;
    text-decoration: none;
    transform: scale(0.99);
}

.command, input[type=button], input[type=submit], a.command {
    border-radius: 4px;
    font-size: 14px;
    line-height: 100%;
    text-transform: none;
    transition: 0.12s ease-in-out;
}

.command:hover, input[type=button]:hover, input[type=submit]:hover, a.command:hover {
    text-decoration: none;
    transform: scale(0.99);
}

.bulk_delete_button_disabled:hover {
    border-radius: 4px;
    cursor: not-allowed!important;
    transform: scale(1)!important;
}

#wrapper.edit-design .logon-bar .command, #wrapper.edit-design .logon-bar input[type=button], #wrapper.edit-design .logon-bar input[type=submit] {
    min-width: unset;
    text-transform: none;
    width: auto;
}

/*** Filters ***/

.app-visionlive .search_area {
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    display: inline-flex;
    margin: 0 10px 20px 0;
    width: 220px;
}

.app-visionlive .search_area::before {
    color: #888;
    content: '\f002';
    font-family: 'FontAwesome';
    padding-left: 7px;
}

.app-visionlive input.searchinput {
    float: none;
    height: 100%;
    padding: 7px;
    width: 100%;
}

.app-visionlive .search_area input.searchicon, .search_area input.searchicon:hover { display: none; }

.app-visionlive .listpage .search_area+.filter {
    align-items: stretch;
    display: inline-flex;
    float: none;
    gap: 10px;
    height: auto;
    justify-content: space-between;
    margin: 0;
    margin-bottom: 20px;
}

.app-visionlive .listpage .filter select {
    border: 0;
    border-radius: 4px;
    border-right: 7px solid transparent;
    cursor: pointer;
    flex: 1;
    height: 100%;
    margin: 0;
    outline: 1px solid #ccc;
    outline-offset: -1px;
    padding: 7px 14px 7px 7px;
    vertical-align: unset;
    width: auto;
}

/**** Dashboard Transition ****/

.sub_tabs li:hover a, .sub_tabs li.active_tab a,
.t-tabstrip .t-tabstrip-items li:hover a,
.t-tabstrip .t-tabstrip-items li.t-state-active a,
.t-tabstrip .t-tabstrip-items li.ui-state-active a,
.vi-tabstrip li:hover a,
.vi-tabstrip li.vi-state-active a {
    color: #333!important;
    font-weight: 500;
    text-decoration: none;
}

.vi-tabstrip a.vi-link {
    transition: 0.12s ease-in-out;
}

.sub_tabs li, .t-tabstrip .t-tabstrip-items li, .vi-tabstrip li {
    transition: 0.12s ease-in-out;
}