/**
 * SCSS - _postsaverplugin-admin-ui.scss - Holds general Admin CSS that applies plugin-wide, including CSS for the Admin containers, the advertisment areas, and the dashboard icon
 *
 * @author   Jake Evans
 * @category SCSS
 * @package  Includes/Assets/CSS
 * @version  6.0.0
 */

/*
CSS TO PREVENT THE DELETION OF PLUGINS FROM THE ADMIN PLUGINS PAGE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/

tr[data-slug=bell-website-database]{
    pointer-events: none;
} 

/*
 * BEGIN ADMIN CONTAINER BONES, ADVERTISMENT, LICENSE UI ELEMENTS, AND DASHBOARD ICON CSS
 */
.postsaverplugin-admin-top-container, .postsaverplugin-admin-advert-container{
    @extend %postsaver-admin-containers;
}

.postsaverplugin-admin-top-title-icon{
    @extend %postsaver-admin-top-title-icon;
}

.postsaverplugin-admin-top-title{
    @extend %postsaver-admin-top-title;
}

.postsaverplugin-admin-advert-visit-me-title{
    @extend %postsaver-admin-advert-visit-me-title;
}

.postsaverplugin-admin-advert-site-div{
    @extend %postsaver-admin-advert-site-div;
}

.postsaverplugin-admin-advert-site-div img{
    @extend %postsaver-margin-auto-centered;
    width: 100%;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

#postsaverplugin-admin-advert-email-me{
    @extend %postsaver-margin-auto-centered;
    text-align: center;
    width: 70%;
    font-size: 16px;
    font-weight: bold;
}

#postsaverplugin-admin-advert-flex-container{
    display:flex;
}

#postsaverplugin-facebook-link-div, #postsaverplugin-admin-advert-money-container{
    text-align:center;
}

#postsaverplugin-admin-advert-money-container form{
    display: inline-block;
}

#postsaverplugin-patreon-img{
    width: 100px;
}

#postsaverplugin-patreon-link{
    display: inline-block;
    margin: 10px;
}

.postsaverplugin-admin-advert-visit-me-link{
    text-decoration:none;
    font-size: 20px;
    margin-bottom: 30px;
    display: block;
}

.postsaver_page_Postsaverplugin-Options .dashicons-before img {
    width: 30px !important;
    margin-right: 2px !important;
    margin-left: 2px !important;
}

.postsaverplugin-my-notice-dismiss-forever{
    @extend %postsaver-default-buttons-style;
}

.postsaverplugin-my-notice-dismiss-forever:hover {
    @extend %postsaver-default-buttons-style-hover;
}

.postsaverplugin-extension-genreric-key-plugins-page-input{
    margin-right:5px;
}

.postsaverplugin-extension-genreric-key-dashboard-input{
    min-width:300px;
}

.postsaverplugin-extension-genreric-key-dashboard-form{
    padding-bottom:10px;
}

.postsaverplugin-form-section-placeholder-image {
    width: 80px;
    margin: 10px;
}

.postsaverplugin-form-section-placeholder-image-button{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.postsaverplugin-form-section-submit-button{
    margin-top:10px;
}

.postsaverplugin-users-update-info-container {
    height: 0px;
    overflow: hidden;
}

.postsaverplugin-users-update-container{
    margin:10px;
}

.postsaverplugin-users-update-container-accordion-heading{
    width: 100%;
}

/*
 * BEGIN ADMIN CONTAINER BONES, ADVERTISMENT, LICENSE UI ELEMENTS, AND DASHBOARD ICON CSS
 */


/*
 * BEGIN COMMON ELEMENTS INSIDE OF TOP ADMIN CONTAINERS
 */

 .postsaverplugin-color-orange-italic{
    @extend  %postsaver-color-orange-italic;
 }

.postsaverplugin-tab-intro-para{
    @extend %postsaver-tab-intro-para;
}

.postsaverplugin-tab-intro-para-left{
    @extend %postsaver-tab-intro-para;
    text-align: left;
}

.postsaverplugin-icon-image-question, .postsaverplugin-icon-image-question-with-link{
   @extend %postsaver-icon-image-question;
}

.postsaverplugin-icon-image-question-with-link{
    right: 3px;
}

.postsaverplugin-spinner{
    @extend %postsaver-spinner;
}

.postsaverplugin-response-success-fail-container{
    @extend %postsaver-response-success-fail-container;
}

.postsaverplugin-question-icon-label{
    @extend %postsaver-question-icon-label;
}

.postsaverplugin-addition-div-img{
    width:22px;
}

.postsaverplugin-addition-div-img{
   @extend %postsaver-addition-div-img;
}

.postsaverplugin-addition-div-p{
    @extend %postsaver-addition-div-p;
}

#postsaverplugin-smile-icon-1{
    @extend %postsaver-margin-auto-centered;
    @extend %postsaver-smile-icon;
}

#postsaverplugin-success-span{
    font-style: italic;
    color: $primary-color;
    font-size: 16px;
}

.postsaverplugin-show-book-colorbox {
    text-decoration: underline;
    cursor: pointer;
}

.postsaverplugin-bold-shortcode{
    @extend %postsaver-bold-shortcode;
}

.postsaverplugin-bold-shortcode-orange{
    @extend %postsaver-bold-shortcode-orange;
}

.postsaverplugin-bold-li-heading{
   @extend %postsaver-bold-li-heading;
}

#postsaverplugin-dynamic-input-library{
    min-width: 300px;
    margin-bottom:50px;
}

#postsaverplugin-dynamic-shortcode-button{
    margin-bottom:50px;
}

#postsaverplugin-dynamic-shortcode-button, .postsaver_delete_custom_lib{
    width: 200px;
}

.postsaverplugin-response-success-fail-button{
   @extend %postsaver-response-success-fail-button;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#postsaverplugin-cache-clear-wrapper{
    width: 70%;
    margin: 25px;
    margin-top: 0px;
    position: relative;
    text-align: center;
    top: 5px;
}


#postsaverplugin-cache-clear-wrapper img{
    left: 0px;
    top: 1px;
}

#postsaverplugin-spinner-cache{
    height: 10px;
    width: 10px;
    display: inline-block;
    top: 10px;
    border-left: 1px solid #F1F1F1;
    border-right: 1px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
}



/*
 * END COMMON ELEMENTS INSIDE OF TOP ADMIN CONTAINERS
 */



/*
 * 
 */

#postsaverplugin-display-options-container{
    text-align: center;
}

.postsaverplugin-form-section-fields-wrapper{
    display: flex;
    margin: 10px;
}

.postsaverplugin-form-section-fields-label{
    display: block;
    position: relative;
    cursor: default;
}

.postsaverplugin-form-section-fields-indiv-wrapper{
    flex: 1;
    margin-top: 10px;
    margin-bottom: 10px;
}

.postsaverplugin-form-section-fields-indiv-wrapper input, .postsaverplugin-form-section-fields-indiv-wrapper select  {
    width:13vw;
}

.postsaverplugin_page_PostSaver-Options .dashicons-before img{
    width: 30px !important;
    margin-right: 2px !important;
    padding: 2px 0 0 !important;
    top: 6px;
    position: relative;
}

@media screen and ( max-width: 960px ){

    .postsaverplugin-form-section-fields-wrapper{
        flex-direction: column;
    }

    .postsaverplugin-form-section-fields-indiv-wrapper input {
        width:40vw;
    }

}


 /*
 * END CSS FOR COMMON FORM FILL
 */


/*
 * BEGIN CSS FOR ADMIN EDITING PAGE
 */

.postsaver-form-section-fields-indiv-wrapper{
    display:inline-block;
}

.postsaver-form-section-fields-indiv-wrapper label{
    display:block;
    text-align: center;
}

.postsaver-form-section-fields-wrapper{
    text-align:center;
    margin: 20px;
}

.postsaver-display-search-ui-search-buttons-container{
    text-align:center;
}

.postsaver-siteinfo-update-container-accordion-heading{
    width: 100%;
    margin-bottom: 10px;
    padding: 8px;
}

.postsaver-display-search-ui-top-container{
    margin-bottom:20px;
}

.postsaver-all-edit-siteinfo .bellwebsites-form-section-wrapper{
    margin-top:0px;
}

.postsaver-all-edit-siteinfo .postsaver-siteinfo-update-container-accordion-heading{
    margin-bottom:7px;
}

.postsaver-all-edit-siteinfo .postsaver-siteinfo-update-info-container{
    background-color: #f6f6f6;
    border: solid 1px #cecece;
    margin-bottom: 50px;
}

.postsaver-all-edit-siteinfo .bellwebsites-form-section-wrapper{
    border-left: 0;
    border-right: 0;
    margin-bottom: -1px;
}

.postsaver-all-edit-siteinfo .bellwebsites-displayentries-response-div-wrapper{
    text-align: center;
}

.bellwebsites-form-section-fields-input-button-editwebsite{
    top: 20px;
    position: relative;
}

#toplevel_page_PostSaver-Options img{
    width: 20px;
}

.postsaverplugin-label-right-question{
    width: 18px;
    position: absolute;
    top: -4px;
    margin-left: 5px;
    cursor: pointer;       
}

.postsaverplugin-response-div-p, .postsaverplugin-response-div-img{
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
}

.postsaverplugin-response-div-img{
    width: 20px;
    display: inline-block;
    position: relative;
    top: 5px;
}

.postsaverplugin-response-div-actual-container{
    height: 65px;
}

 /*
 * END CSS FOR ADMIN EDITING PAGE
 */