/* *********   Custom Styles for WP-Deployer Plugin   ********* */
:root {
    --primary-color: #002492;
    --bg-gray: #F1F1F1;
    --bg-gray-light: #F5F5F5;
    --yellow-color: #F0B942;
}

body.deploy-sync-content--invisible-during-load {
    visibility: hidden;
}

#wpfooter {
    display: none !important;
}

.custom-toolbar {
    background-color: #a93e3e;
    color: #fff;
    padding: 10px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    z-index: 999999;
}

.custom-toolbar button {
    background-color: #0073e6;
    color: #fff;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
}

.custom-toolbar button:hover {
    background-color: #0057b3;
}

.close-button {
    float: right;
    font-size: 20px;
    cursor: pointer;
}

.top-custom-toolbar-wrapper {
    width: 50%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.deploy-sync-content--message-toolbar-wrapper {
    flex-basis: 60%;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
}

.deploy-sync-content--btn-toolbar-wrapper,
.deploy-sync-content--close-toolbar-wrapper {
    flex-basis: 20%;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
}

#toplevel_page_deploy-sync-content.menu-top img {
    /* Fixes the admin theme adding a fixed and unbalanced padding top for img icons. */
    padding-top: 5px;
}

#toplevel_page_deploy-sync-content.menu-top.current img {
    /* Fixes the admin theme not reverting the item opacity when active for SVG icons. */
    opacity: 1;
}

.toplevel_page_deploy-sync-content #wpcontent {
    background-color: var(--bg-gray);
    min-height: 100vh;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .container-deploy-sync-content-options {
    padding: 25px 0;
}

.toplevel_page_deploy-sync-content h2 {
    margin-bottom: 0;
    font-size: 1.4rem;
    font-weight: 600;
    color: #3D4349;
}

@media screen and (min-width: 961px) {
    .toplevel_page_deploy-sync-content h2 {
        font-size: 1.7rem;
    }
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container input[type=file] {
    padding: .5rem 1rem;
    border-color: var(--primary-color);
}

.toplevel_page_deploy-sync-content input[type=checkbox] {
    border-color: var(--bs-secondary-color);
    width: 25px;
    height: 25px;
    outline: none;
    box-shadow: inset 0 0 0 #fff;
}

.toplevel_page_deploy-sync-content input[type=checkbox]:checked {
    background: var(--yellow-color);
    border-color: var(--yellow-color);
}

.toplevel_page_deploy-sync-content input[type=checkbox]:checked::before {
    content: url('data:image/svg+xml,<svg width="11" height="10" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.92024 0.376004C10.0857 0.486342 10.2006 0.657896 10.2396 0.85293C10.2786 1.04796 10.2386 1.25051 10.1282 1.416L5.12824 8.916C5.06666 9.00825 4.98538 9.08569 4.89027 9.14274C4.79516 9.19979 4.68858 9.23504 4.5782 9.24594C4.46783 9.25685 4.35641 9.24313 4.25197 9.20579C4.14754 9.16845 4.05268 9.10842 3.97424 9.03L0.974241 6.03C0.841761 5.88783 0.769638 5.69978 0.773066 5.50548C0.776494 5.31118 0.855206 5.1258 0.992619 4.98838C1.13003 4.85097 1.31542 4.77226 1.50972 4.76883C1.70402 4.7654 1.89207 4.83752 2.03424 4.97L4.38724 7.323L8.88024 0.583004C8.99074 0.417681 9.16236 0.303005 9.35738 0.264188C9.55241 0.225371 9.75486 0.26559 9.92024 0.376004Z" fill="white"/></svg>');
    margin: 0.4rem 0 0 0.1rem;
    width: 20px;
    height: 20px;
}

.toplevel_page_deploy-sync-content input[type=radio] {
    border-color: var(--bs-secondary-color);
    width: 25px;
    height: 25px;
    outline: none;
    box-shadow: inset 0 0 0 #fff;
}

.toplevel_page_deploy-sync-content input[type=radio]:checked {
    background: var(--yellow-color);
    border-color: var(--yellow-color);
}

.toplevel_page_deploy-sync-content input[type=radio]:checked::before {
    background: #fff;
    width: 9px;
    height: 9px;
    margin: 7px;
}

.toplevel_page_deploy-sync-content input.form-control {
    min-height: 30px;
    min-width: 280px;
    font-size: 1rem;
    border-color: var(--primary-color);
}
@media screen and (min-width: 1201px) {
    .toplevel_page_deploy-sync-content .form-deploy input.form-control {
        min-height: 48px;
        font-size: 1.25rem;
    }
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .form-deploy {
    display: flex;
    margin: 0.5rem 0 1rem 0;
    padding: 0.75rem;
    background-color: white;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    width: min-content;
    max-width: max-content;
}

@media screen and (min-width: 961px) {
    .toplevel_page_deploy-sync-content .deploy-sync-content--container .form-deploy {
        width: 100%;
    }
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .form-deploy label {
    font-weight: bold;
}

.toplevel_page_deploy-sync-content .tablenav.top {
    margin: 0 0 0.5rem 0;
}

.toplevel_page_deploy-sync-content .tablenav.top .actions {
    display: block;
}

.toplevel_page_deploy-sync-content .btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-color: var(--primary-color);
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: var(--primary-color);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--primary-color);
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: var(--primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #2271b1;
    --bs-btn-disabled-border-color: #2271b1;
    border-radius: 2rem;
    padding: 0.5rem 2rem;
    font-weight: bold;
}

.toplevel_page_deploy-sync-content .btn-rounded {
    --bs-btn-border-radius: 25px !important;
    font-weight: 700 !important;
    padding: 0.5rem 2rem;
}

.toplevel_page_deploy-sync-content .btn-yellow {
    display:block;
    --bs-btn-color: var(--primary-color) !important;
    --bs-btn-bg: var(--yellow-color) !important;
    --bs-btn-border-color: var(--yellow-color) !important;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #ecd39c;
    --bs-btn-disabled-border-color: #ecd39c;
    --bs-btn-hover-color: var(--primary-color) !important;
    --bs-btn-hover-border-color: var(--yellow-color) !important;
    --bs-btn-hover-bg: #fff;
}

.toplevel_page_deploy-sync-content .btn-link {
    --bs-btn-color: var(--primary-color) !important;
    font-weight: 600 !important;
    display: flex !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.toplevel_page_deploy-sync-content .btn-update {
    background-color: #40C174 !important;
    border-color: #40C174 !important;
    font-weight: 600 !important;
}

.toplevel_page_deploy-sync-content .btn-add {
    background-color: #fff !important;
    border-color:  var(--primary-color) !important;
    color:  var(--primary-color) !important;
    font-weight: 600 !important;
    margin-top: 1rem;
}

.toplevel_page_deploy-sync-content #import_zipfile_form .btn-primary {
    background-color: #fff !important;
    border-color:  var(--primary-color) !important;
    color:  var(--primary-color) !important;
    font-weight: 600 !important;
}

.toplevel_page_deploy-sync-content #import_zipfile_form .btn-primary .arrow-icon {
    display: none;
}

.toplevel_page_deploy-sync-content #import_zipfile_form .btn-primary::before {
    height: 30px;
    display: block;
    width: 30px;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="%23002492"><path fill-rule="evenodd" d="M2 10a.75.75 0 0 1 .75-.75h12.59l-2.1-1.95a.75.75 0 1 1 1.02-1.1l3.5 3.25a.75.75 0 0 1 0 1.1l-3.5 3.25a.75.75 0 1 1-1.02-1.1l2.1-1.95H2.75A.75.75 0 0 1 2 10Z" clip-rule="evenodd" /></svg>');
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .link-date.btn-link::before {
    content: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23002492"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /></svg>');
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .btn-subitems {
    border-color: var(--bs-link-hover-color) !important;
    color: var(--bs-link-hover-color) !important;
    background: transparent !important;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .btn-subitem:hover {
    --bs-btn-bg: var(--bs-link-hover-color) !important;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .btn-link::before {
    content: "";
    margin: .1rem .5rem 0 0;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .link-date.btn-link::before {
    content: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23002492"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /></svg>');
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .link-collapse.btn-link::before {
    content: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23002492"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 18.75 7.5-7.5 7.5 7.5" /><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 7.5-7.5 7.5 7.5" /></svg>');
    margin-left: 1rem;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .link-expand.btn-link::before {
    content: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23002492"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 5.25 7.5 7.5 7.5-7.5m-15 6 7.5 7.5 7.5-7.5" /></svg>');
    margin-left: 1rem;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .link-select.btn-link::before {
    content: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23002492"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" /></svg>');
    margin-left: 1rem;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .link-unselect.btn-link::before {
    content: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23002492"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /></svg>');
    margin-left: 1rem;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .btn-dependencies.btn-link {
    color: var(--bs-btn-disabled-bg);
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .btn-dependencies.btn-link::before {
    content: "";
}

.toplevel_page_deploy-sync-content .btn-icon {
    background: transparent !important;
    border: 0;
    padding: 0;
    margin: 0 0.25rem;
    width: 24px;
    height: 28px;
    overflow: hidden;
}

.toplevel_page_deploy-sync-content .btn-icon::before {
    content: "";
    display: block;
    margin: 0;
    overflow: hidden;
    width: 24px;
    height: 24px;
}

.toplevel_page_deploy-sync-content .btn-edit::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23F0B942"><path d="M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712ZM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32L19.513 8.2Z" /></svg>');
}

.toplevel_page_deploy-sync-content .btn-delete::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="%23E31818"><path fill-rule="evenodd" d="M8.75 1A2.75 2.75 0 0 0 6 3.75v.443c-.795.077-1.584.176-2.365.298a.75.75 0 1 0 .23 1.482l.149-.022.841 10.518A2.75 2.75 0 0 0 7.596 19h4.807a2.75 2.75 0 0 0 2.742-2.53l.841-10.52.149.023a.75.75 0 0 0 .23-1.482A41.03 41.03 0 0 0 14 4.193V3.75A2.75 2.75 0 0 0 11.25 1h-2.5ZM10 4c.84 0 1.673.025 2.5.075V3.75c0-.69-.56-1.25-1.25-1.25h-2.5c-.69 0-1.25.56-1.25 1.25v.325C8.327 4.025 9.16 4 10 4ZM8.58 7.72a.75.75 0 0 0-1.5.06l.3 7.5a.75.75 0 1 0 1.5-.06l-.3-7.5Zm4.34.06a.75.75 0 1 0-1.5-.06l-.3 7.5a.75.75 0 1 0 1.5.06l.3-7.5Z" clip-rule="evenodd" /></svg>');
} 

.toplevel_page_deploy-sync-content .btn-arrow-top::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="%23F0B942"><path fill-rule="evenodd" d="M9.47 6.47a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L10 8.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06l4.25-4.25Z" clip-rule="evenodd" /></svg>');
}

.toplevel_page_deploy-sync-content .btn-arrow-bottom::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="%23F0B942"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg>');
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .wrapper-link {
    margin-left: auto;
}

.toplevel_page_deploy-sync-content .accordion-body {
    padding: 0;
}

.toplevel_page_deploy-sync-content .table {
    margin: 0;
    border: 1px solid var(--bs-border-color) !important;
}

.toplevel_page_deploy-sync-content .table tr {
    display: flex;
}

.toplevel_page_deploy-sync-content .table tr td, .toplevel_page_deploy-sync-content .table tr th {
    height: 60px;
    border: 0;
    align-items: center;
    display: inline-flex;
    flex: 1;
}

.toplevel_page_deploy-sync-content .table th {
    background-color: var(--bg-gray-light) !important;
    color: #555;
}

.toplevel_page_deploy-sync-content .table tr:nth-child(even) td {
    background-color: var(--bg-gray-light) !important;
}

.toplevel_page_deploy-sync-content .accordion-button {
    background-color: var(--bg-gray-light) !important;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .custom-tooltip {
    --bs-tooltip-bg: #585858;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .tooltip-icon {
    color: #585858;
    font-size: 16px;
    font-weight: normal;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .badge.badge-updated {
    background-color: var(--yellow-color) !important;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .badge.badge-new {
    background-color: #40C174 !important;
}

.toplevel_page_deploy-sync-content .accordion .row-datas:nth-child(even) {
    background-color: var(--bg-gray-light) !important;
}

.toplevel_page_deploy-sync-content .accordion .accordion-item {
    margin-bottom: 1rem;
    border: 1px solid var(--bs-accordion-border-color) !important;
    border-radius: var(--bs-accordion-border-radius) !important;
    overflow: hidden;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .popover-body ul {
    padding: 0;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .popover-body ul .btn-link {
    font-size: 0.8rem;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .line-separator::after {
    content: "";
    position: absolute;
    top: 2rem;
    left: 0;
    width: calc(100% - 20px);
    margin-left: 10px;
    height: 1px;
    background-color: lightgray !important;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .pagination {
    flex-wrap: wrap;
    margin-bottom: 0;
    margin-top: 1rem;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .pagination .page-link {
    background-color: var(--bg-gray-light) !important;
    color: var(--bs-link-hover-color) !important;
    border-color: var(--bs-link-hover-color) !important;
    
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .pagination .active>.page-link, .pagination .page-link.active {
    background-color: var(--bs-link-hover-color) !important;
    color: white !important;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .select-all-row {
    margin-bottom: 1rem;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container fieldset {
    border: 1px solid #dee2e6;
    padding: 25px;
    margin: 10px 0;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .list-trackers {
    padding-left: 20px;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container fieldset .list-trackers .row {
    margin-bottom: 0.5rem;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .deployment_item__label_uuid {
	display: inline-block;
	vertical-align: top;
}
 
.toplevel_page_deploy-sync-content .deploy-sync-content--container .deployment_item__label_uuid .uuid {
	font-family: monospace;
	font-size: 0.75rem;
	opacity: 0.5;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .download-zip-link {
    text-decoration: none;
    color: #222;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .deploy_sync_content__field_diff + .deploy_sync_content__field_diff {
	margin-top: 1rem;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .deploy_sync_content__field_name .full-field-name {
	font-family: monospace;
	font-size: 0.75rem;
	opacity: 0.5;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .container-deploy-sync-content-advanced-options {
    padding-top: 25px;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container #nav-tabContentAdvancedSettings {
    padding: 25px;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .accordionSmall {
    margin: 0 auto;
    max-width: 930px;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .nav {
    --bs-nav-link-color: var(--primary-color);
    --bs-nav-link-hover-color: var(--primary-color);
    --bs-accordion-active-color: #FFFFFF;
    --bs-accordion-active-bg: #dcdcde;
    --bs-accordion-not-active-bg: #1d2327;
    font-weight: bold;
    margin-bottom: 1rem;
    border: 0;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .nav-tabs .nav-link {
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--primary-color);
    border-radius: 2rem;
    margin-right: 0.5rem;
    padding: 0.5rem 2rem;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .nav-tabs .nav-link.active {
    color:  #FFFFFF;
    background-color: var(--primary-color);
}

.toplevel_page_deploy-sync-content .accordion-button:not(.collapsed) {
    color: #555;
    background-color: #2271b1;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.toplevel_page_deploy-sync-content .accordion-button:focus {
    box-shadow: none;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container #nav-tabContentAdvancedSettings fieldset .is-dependency {
    display: none;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .processor-line .remove-wrapper,
.toplevel_page_deploy-sync-content .deploy-sync-content--container  .exclusion-line .remove-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .processor-line-origin,
.toplevel_page_deploy-sync-content .deploy-sync-content--container .exclusion-line-origin {
    display: none !important;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .exclusion-line .remove-wrapper {
    justify-content: center;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .deploy-sync-content--notice {
    padding-right: 38px;
    position: relative;
    margin-top: 26px;
    background: #fff;
    border-left-width: 4px;
    border-left-style: solid;
    padding: 1px 12px;
    border-radius: 5px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .deploy-sync-content--notice p {
    margin: 0.75em 0;
    padding: 2px;
    font-size: 16px;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .notice-error,
.toplevel_page_deploy-sync-content .deploy-sync-content--container div.error {
    border-left-color: #E31818;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .notice-error .notice-dismiss::before {
    color: #E31818;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .notice-warning {
    border-left-color: #dba617;
}
.toplevel_page_deploy-sync-content .deploy-sync-content--container .notice-success,
.toplevel_page_deploy-sync-content .deploy-sync-content--container div.updated {
    border-left-color: #00a32a;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .notice-info {
    border-left-color: var(--primary-color);
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .notice-info .notice-dismiss::before {
    color: var(--primary-color);
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container #form-data-advanced-settings.is-submitting .loader {
    background-image: url(../../../../../../wp-admin/images/loading.gif);
    height: 1em;
    width: 1em;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .deploy-sync-content--sticky {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .toplevel_page_deploy-sync-content .deploy-sync-content--container .deploy-sync-content--sticky {
        top: 46px;
    }
}

@media screen and (max-width: 600px) {
    .toplevel_page_deploy-sync-content .deploy-sync-content--container .deploy-sync-content--sticky {
        top: 0;
    }
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .loader.in-progress:after {
    background-image: url(../../../../../../wp-admin/images/loading.gif);
    background-position: left 5px center;
    background-repeat: no-repeat;
    content: "";
    padding: 10px 25px 10px 0;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .arrow-icon {
    filter: invert(100%);
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .main-content .form-control {
    min-height: 48px;
    padding: .5rem 1rem;
    border-color: var(--primary-color);
    font-size: 1.25rem;
    border-radius: .5rem;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .options-list .form-check {
    margin-bottom: 0.5rem;
}

.toplevel_page_deploy-sync-content .form-check:not(.form-check-inline) {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.toplevel_page_deploy-sync-content .form-check label {
    margin-left: 0.5rem;
    color: var(--bs-secondary-color);
}

.toplevel_page_deploy-sync-content .form-check-input:checked ~ label { 
    color: var(--primary-color); 
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container form#filter_by_date_form label {
    font-weight: 700;
}

.toplevel_page_deploy-sync-content select {
    color: var(--primary-color);
    border-color: var(--primary-color);
    font-weight:bold;
}

.toplevel_page_deploy-sync-content .tablenav .bulkactions input[type=submit] {
    color: white;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    font-weight: bold;
}

.toplevel_page_deploy-sync-content .tablenav .displaying-num {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: black;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .nav-tab-wrapper {
    border: none;
}
.toplevel_page_deploy-sync-content .deploy-sync-content--container .nav-tab {
    color: white;
    background-color: var(--primary-color);
    border: none;
    padding: 5px 10px;
    border-radius: 3px;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .nav-tab-active {
    color: var(--primary-color);
    background-color: white;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .wp-list-table tr {
    background-color: var(--bg-gray-light);
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .wp-list-table thead {
    background-color: var(--bg-gray-light);
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .wp-list-table thead td.check-column {
    width: 2.6em;
    padding-top: 0;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .wp-list-table th {
    padding-top: 16px;
    padding-bottom: 16px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: black;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .wp-list-table #the-list td {
    font-size: 16px;
    line-height: 20px;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .wp-list-table.striped tbody > tr:nth-child(odd) {
    background-color: white;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .wp-list-table.striped tbody > tr:nth-child(even) {
    background-color: #FAFAFA;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .wp-list-table #the-list td.column-item_id b {
    font-weight: 700;
    color: var(--primary-color);
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .wp-list-table th.column-item_view,
.toplevel_page_deploy-sync-content .deploy-sync-content--container .wp-list-table th.column-item_generate,
.toplevel_page_deploy-sync-content .deploy-sync-content--container .wp-list-table th.column-item_delete,
.toplevel_page_deploy-sync-content .deploy-sync-content--container .wp-list-table th.column-item_zip {
    width: 100px;
    text-align: center;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .wp-list-table th.column-item_view {
    width: 125px;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .wp-list-table th.column-item_generate {
    width: 195px;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .wp-list-table #the-list td.column-item_view,
.toplevel_page_deploy-sync-content .deploy-sync-content--container .wp-list-table #the-list td.item_delete,
.toplevel_page_deploy-sync-content .deploy-sync-content--container .wp-list-table #the-list td.column-item_zip {
    text-align: center;
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .download-zip-link {
    --bs-btn-padding-y: 0;
    font-size: 25px;
    color: var(--primary-color);
}

.toplevel_page_deploy-sync-content .deploy-sync-content--container .btn.delete-item {
    --bs-btn-padding-y: 0;
    --bs-btn-color: red;
    font-size: 25px;
}

.modal-backdrop.show {
    background: #fff !important;
    opacity: 0.8 !important;
}

.modal.show .modal-dialog {
    margin-top: 4rem;
}

.modal .modal-header {
    background-color: var(--bg-gray-light) !important;
}

.modal .modal-content {
    color: var(--bs-accordion-color);
}

.modal .modal-title.h4 {
    font-size: 16px;
    font-weight: bold;
}

.toplevel_page_deploy-sync-content .modal .form-check {
    margin: 0.5rem 0;
}

.toplevel_page_deploy-sync-content .modal .table {
    margin-bottom: 1rem;
}

.toplevel_page_deploy-sync-content .modal .accordion-body {
    padding: 1rem;
}

.toplevel_page_deploy-sync-content .modal .accordion-body > div {
    margin-bottom: 1rem;
}

.toplevel_page_deploy-sync-content [data-is-submitting]:after {
    background-image: url(../../../../../../wp-admin/images/spinner.gif);
    background-size: cover;
    content: "";
    display: inline-block;
    height: 1em;
    width: 1em;
}

.toplevel_page_deploy-sync-content button[data-is-submitting] {
    align-items: center;
    display: flex;
    justify-content: center;
}

.toplevel_page_deploy-sync-content .wpd-card h2 {
    margin-bottom: 0.3em;
}

.toplevel_page_deploy-sync-content .wpd-card li {
    list-style: initial;
}

.toplevel_page_deploy-sync-content .wpd-card .card-item + .card-item {
    margin-top: 1em;
}
