* {
    box-sizing: border-box;
}

/* XML Sitemap for Google - Configuration Settings Page CSS Starts  */

.wrap-xmlsbw {
    padding-right: 10px;
}

@media (min-width: 783px) {
    .wrap-xmlsbw {
        padding-right: 20px;
    }
}

@media (min-width: 1441px) {
    .wrap-xmlsbw .inner-xmlsbw .left-box-xmlsbw {
        width: 76%;
    }
     .wrap-xmlsbw .inner-xmlsbw .right-box-xmlsbw {
        position: fixed;
        top: 280px;
        right: 5px; padding: 0 20px;
        width: 21%;
    }
    .wrap-xmlsbw .inner-xmlsbw .right-box-xmlsbw .xmlsbw-plugin-cta {
        margin-bottom: 20px;
    }
} 

.wrap-xmlsbw .inner-xmlsbw .right-box-xmlsbw {
    margin-top: 20px;
    z-index: 1000;
}

.xmlsbw-plugin-cta{
    padding: 15px;
    border: 1px solid #ccc;
    background-color: #fff;
    margin-bottom: 15px;
    border-radius: 6px;
}

.xmlsbw-plugin-cta .xmlsbw-heading{
    font-size: 18px;
    line-height:1.2;
    margin: 0 0 10px 0;
    padding: 0;
}

.xmlsbw-plugin-cta p{
    font-size: 14px;
    margin: 0 0 15px 0;
    padding: 0;
}

.xmlsbw-plugin-cta .button{
    margin-bottom: 10px;
}

.xmlsbw-plugin-cta.upgrade{
    background-color: #fdb930;
    text-align: center;
    border: 0;
    border-radius: 6px;
}
.xmlsbw-plugin-cta.upgrade p{
    color: #000;
    font-weight: 450;
    font-size: 16px;
}

.xmlsbw-plugin-cta.upgrade .button{
    background-color: #262626;
    box-shadow: 0 4px 0 #7f7f7f;
    color: #fff;
    transition: all .2s ease-in-out;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    height: auto;
    padding: 10px 15px;
    min-width: 160px;
    text-transform: uppercase;
}

.wrap-xmlsbw .inner-xmlsbw .right-box-xmlsbw  .xmlsbw-plugin-cta .action-btns {
    display: flex;
    gap: 14px;
}

@media screen and (max-width: 1140px) {
    
    .wrap-xmlsbw .inner-xmlsbw .left-box-xmlsbw{
        width: 100%;
        box-sizing: border-box;
        padding-right: 0;
    }
}
@media screen and (min-width: 1500px) {
    .wrap-xmlsbw .inner-xmlsbw .left-box-xmlsbw {
        width: 72%;
    }
    .wrap-xmlsbw .inner-xmlsbw .right-box-xmlsbw {        
        width: 24.5%;
    }
}

.post-type-wrapper, .html-sitemap-wrapper {
    float: left;
    width: 100%;
}

/* CSS for form xmlsbw-sitemap-settings-form Starts */

.tab-content th {
    vertical-align: top;
    text-align: left;
    padding: 12px 10px 12px 0;
    width: 150px;
    line-height: 1.3;
    font-weight: 600;
}

.tab-content td {
    margin-bottom: 9px;
    padding: 15px 10px;
    line-height: 0.3;
    vertical-align: top;
}

.form-group-xml {
    margin-top: 6px;
}

.form-group-xml label {
    margin-left: 5px;
}

#delete-row, #delete-row-robots {
    background: transparent !important;
    border: none;
}

.delete-checkbox {
    margin: 0 auto;
    display: block;
}

.delete-checkbox::before {
    width: 20px; 
    height: 20px; 
}

#additional-pages-table, #robots-txt-data {
    border-collapse: collapse;
    width: 100%;
}

.table-addi{
    max-height: 512px;
    overflow-y: auto;
    overflow-x: hidden;
}

#additional-pages-table td,
#additional-pages-table th,
#robots-txt-data td,
#robots-txt-data th {
    border: 1px solid #cdcdcd;
    padding: 8px;
    vertical-align: middle;
    text-align: center;
}

#additional-pages-table th, #robots-txt-data th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #f2f2f2;
}

.add-new{
    float: right;
    margin-top:5px !important;
}

.search-box{
    float: right;
    margin-top:5px !important;
    margin-right:5px !important;
}

.post-type-tab, .post-type-tab-html,
.archive-type-tab, .html-sitemap-block-tab{
    float: left;
    border:1px solid #d9d7d7;
    margin-right: 0.5em;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.71428571;
    font-weight: 600;
    background: #f6f7f7;
    color: #50575e;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 4px;
}

.tab-content-post-type, .tab-content-post-type-html {
    margin-top: 10px;
    border: 1px solid #ddd;
    float: left;
    width: 100%;
    background-color: white;
    padding: 10px;
    border-radius: 4px;
}
.post-type-tab.active, .post-type-tab-html.active {
    background: #135e96;
    color: #fff;
}
.post-type-tab:focus, .post-type-tab-html:focus {
    outline: none;
    box-shadow: none;
}
.tab-content-archive-page, .tab-content-html-sitemap {
    margin-top: 10px;
    border: 1px solid #ddd;
    background-color: white;
    padding: 10px;
    border-radius: 4px;
    float: left;
    width: 100%;
}

.archive-type-tab.active, .html-sitemap-block-tab.active {
    background: #135e96;
    color: #fff;
}
.archive-type-tab:focus, .html-sitemap-block-tab:focus {
    outline: none;
    box-shadow: none;
}

@keyframes slideDown {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        transform: translateY(1);
    }
}

.post-type,
.taxonomy-type,
.archive-page {
    display: flex;
}

.post-type-div,
.post-type-priority-div,
.post-type-frequency-div,

.taxonomy-type-div,
.taxonomy-type-priority-div,
.taxonomy-type-frequency-div,

.archive-page-home-div,
.archive-page-home-priority-div,
.archive-page-home-frequency-div,

.archive-page-author-div,
.archive-page-author-priority-div,
.archive-page-author-frequency-div,

.archive-page-date-div,
.archive-page-date-priority-div,
.archive-page-date-frequency-div {
    flex: 1;
}

.archive-page-home-div, .archive-page-author-div, .archive-page-date-div{
    margin-top:1px;
}

.additional-pages-div{
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 514px;
    margin-top: 10px;
}

#pagination-container{
    float: right;
}

.pagination-container{
    margin-top: 10px;
}

.page-link{
    margin-left: 2px !important;
}

.pagination-nav{
   display: flex;
   align-items: center;
}

.include_last_mod_time_div, .include_publication_date{
    display: flex;
    align-items: center;
    gap: 5px;
}

.excluded_posts_container, .excluded_terms_container, .excluded_posts_html_container,  .excluded_terms_html_container{
    float: left;
    width: 100%;
    margin-top: 10px;
    max-height: 86px;
    overflow-y: auto;
	overflow-x: hidden;
}
.excluded-post, .excluded-term, .excluded-post-html, .excluded-term-html{
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 10px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.remove-excluded-post, .remove-excluded-term, .remove-excluded-post-html, .remove-excluded-term-html {
    line-height: 1px;
    text-align: center;
    cursor: pointer;
    background: #fff;
    color: #545252;
    padding: 8px 6px 11px 6px;
    border-radius: 12px;
    margin-left: 5px;
    border: none;
}

.loader{
    display: none;
}

.success-message, .copied-message{
    display: none;
}

.loader .spinner {
    visibility: visible;
    float: left;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.toggle-switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 20px;
    margin: 0;
    padding: 0;
}

.toggle-switch input[type="checkbox"] {
    display: none;
}

.toggle-switch input[type="checkbox"] + label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.toggle-switch input[type="checkbox"]:checked + label {
    background-color: #135e96;
}

.toggle-switch input[type="checkbox"] + label::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s;
}

.toggle-switch input[type="checkbox"]:checked + label::after {
    transform: translateX(16px);
}

#additional_pages_tr, #exclude_posts_tr, #exclude_terms_tr, #exclude_posts_html_tr, #exclude_terms_html_tr {
    background-color: white;
}

.select-post-type{
    margin-top:10px;
}

.html-sitemap-page {
    border-radius: 6px;
}

.html-sitemap-page code {
    display: block;
    padding: 11px 17px 11px 17px;
    border-right: 1px solid #d7d7d7;
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 1.1em;
    color: #333;
}

.html-sitemap-page .description {
    font-size: 1em;
    color: #666;
    margin-top: 10px;
}

.sitemap-php-code {
    max-width: 425px;
}

.xmlsbw_sitemap_url{
    pointer-events: none;
}

.copy-short, .copy-php{
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #f9f9fa;
    border: 1px solid #d9d9d9;
    width: min-content;
    border-radius: 6px;
}
.copy-shortcode,.copy-phpcode {
    border-left: 1px solid #d9d9d9;
    padding: 10px 12px;
    cursor: pointer;
}
.code,.php-code {
        padding:10px 9px 10px 20px;
}
.copy-php {
    width: max-content !important;
}
.copy-php p {
    margin: 0;
}

.scroll-table {
    max-height: 600px;
    overflow-y: auto;
}
.scroll-table table thead {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 9;
}
/* CSS for form xmlsbw-sitemap-settings-form Ends */

/* XML Sitemap for Google - Configuration Settings Page CSS Ends  */