html {
    scroll-behavior: smooth;
}

body {
    background: #f1f3f6;
}

#adminmenu,
#adminmenu .wp-submenu,
#adminmenuback,
#adminmenuwrap {
    width: 265px;
    background-color: #1e1e2d;
}

#adminmenu {
    margin-bottom: 120px;
}

#wpadminbar {
    height: 74px;
    transition: right 0.3s ease;
    box-shadow: 0px 10px 30px 0px rgb(82 63 105 / 5%);
    background-color: #ffffff;
    border-bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    align-items: center !important;
    width: auto;
}

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

    .auto-fold #adminmenu,
    .auto-fold #adminmenu li.menu-top,
    .auto-fold #adminmenuback,
    .auto-fold #adminmenuwrap {
        width: 50px;
    }

    .auto-fold #adminmenu div.wp-menu-image {
        width: 50px;
    }

    #wpadminbar {
        margin-right: 0px;
    }

    .auto-fold #wpfooter {
        margin-right: 50px;
    }

}

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


    html.wp-toolbar {
        padding-top: 74px;
    }

    html #wpadminbar {
        height: 74px;
    }


    #wpadminbar ul li {
        padding: 15px 4px;
    }

    .auto-fold #adminmenu div.wp-menu-image {
        width: 34px;
    }

    .auto-fold #adminmenu,
    .auto-fold #adminmenu li.menu-top,
    .auto-fold #adminmenuback,
    .auto-fold #adminmenuwrap {

        width: 190px;
    }

    p.search-box input[name="s"] {
        width: auto;
    }

    p.search-box {
        float: right;
        position: revert;
    }

    #wpbody-content {
        float: none;
    }
}


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

    .welcome-panel-content {
        flex-direction: column !important;
    }

    html.wp-toolbar {
        padding-top: 0px;
    }

    #wpbody {
        padding-top: 74px;
    }

    .auto-fold #adminmenu {
        top: 74px;
    }
}

#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img {
    width: 36px;
    height: 36px;
    border-radius: 10%;
    border: none;
}

#wpadminbar ul#wp-admin-bar-root-default>li#wp-admin-bar-wp-logo {
    display: none
}

.postbox {
    border-radius: 5px;
}

#screen-meta-links .show-settings {


    border: none;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 4%) !important;
}

#wpadminbar .ab-top-menu>li.hover>.ab-item,
#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,
#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus {
    background: unset;
}

#wpadminbar .menupop .ab-sub-wrapper,
#wpadminbar .shortlink-input {
    background: #eef3f7;
}

#wpadminbar .quicklinks .menupop ul li a,
#wpadminbar .quicklinks .menupop ul li a strong,
#wpadminbar .quicklinks .menupop.hover ul li a,
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
    color: #5e6278;
}

.wp-menu-name {
    color: #B6B9C8;
}

#adminmenu div.wp-menu-image:before {
    color: #4a4b68;
}

#adminmenu li.menu-top:hover,
#adminmenu li.opensub>a.menu-top,
#adminmenu li>a.menu-top:focus {
    background-color: unset;
}

.wp-menu-name:hover {
    color: #fff;
}

#screen-meta {
    border: none;
}

#adminmenu li a:focus div.wp-menu-image:before,
#adminmenu li.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before {
    color: #fff;
}

#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu .wp-menu-arrow,
#adminmenu .wp-menu-arrow div,
#adminmenu li.current a.menu-top,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu {
    background: #009EF7;
    color: #fff;
}


.wp-has-current-submenu .wp-menu-name,
.current .wp-menu-name {
    color: #fff;
    font-weight: bold;
}

#adminmenu div.separator {
    height: 1px;
    background: #2D2D43;
}


@media screen and (min-width: 782px) {

    #wpadminbar {
        height: 74px !important;
    }

    html.wp-toolbar {
        padding-top: 74px !important;
    }

    .admin-bar.masthead-fixed .site-header {
        top: 74px !important;
    }

    #wp-admin-bar-oneds-title .ab-item {
        font-size: large;
        width: 215px;
        color: #fff !important;
        line-height: 32px;
    }

    #wp-admin-bar-oneds-title {
        background: #1e1e2e !important;
        width: 215px;
        text-align: center;

    }


    li#wp-admin-bar-oneds-title .ab-item::before {
        content: '';
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: auto 32px !important;
        width: 24px !important;
        height: 24px !important;
        display: inline-block !important;
        vertical-align: middle !important;
        margin-right: 8px !important;
    }

    li#wp-admin-bar-oneds-title,
    li#wp-admin-bar-oneds_collapse_button {
        border-bottom: 0.5px #2d2d43 solid !important;
    }

    .ab-submenu {
        padding: 14px 0px;
    }

    #wpadminbar ul li {
        padding: 21px 0px;
    }

    #wpadminbar .quicklinks .menupop ul li {
        padding: 10px 0px;
    }

    #adminmenu,
    #adminmenu .wp-submenu,
    #adminmenuback,
    #adminmenuwrap {
        width: 265px;
        z-index: 999;
    }

    #adminmenu .wp-submenu {
        right: 265px;
    }

    #adminmenu .wp-has-current-submenu ul>li>a {
        padding-right: 34px
    }

    ul#adminmenu a.wp-has-current-submenu:after,
    ul#adminmenu>li.current>a.current:after,
    #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
        display: none
    }

    #adminmenu .wp-submenu-head,
    #adminmenu a.menu-top {
        padding: 7px 0;
    }

    #adminmenu .wp-not-current-submenu .wp-submenu,
    .folded #adminmenu .wp-has-current-submenu .wp-submenu {
        padding: 10px;
    }

    #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
        background: none;
    }

    #wpcontent,
    #wpfooter {
        margin-right: 265px
    }

    #wpfooter {
        background: #fff;
        z-index: 9999 !important;
        position: fixed;
        border-top: 1px solid #1f1f2e1a;
    }

    #wp-admin-bar-site-name-default {
        display: none !important
    }

    #adminmenu div.wp-menu-image {
        width: 50px;
    }

    .folded #adminmenu,
    .folded #adminmenu li.menu-top,
    .folded #adminmenuback,
    .folded #adminmenuwrap {
        width: 50px;
        background: #cacbcf;
        border-top: none;
    }

    .folded #wpcontent,
    .folded #wpfooter {
        margin-right: 50px;
    }

    .folded #adminmenu div.wp-menu-image {
        width: 50px;
    }

    .folded .wp-submenu {
        top: 0;
        right: 50px !important;
    }

    .dashicons,
    .dashicons-before:before {
        width: 22px;
        height: 22px;
        font-size: 22px;
    }

    .edit-post-header {
        right: 265px;
        top: 74px;
    }

    .has-fixed-toolbar .edit-post-layout__content {
        top: 102px;
    }

    .edit-post-layout__content {
        margin-right: 265px;
    }

    .edit-post-sidebar {
        top: 102px;
    }

    .edit-post-layout .editor-post-publish-panel {
        top: 74px;
    }

    body.auto-fold .edit-post-layout__content {
        margin-right: 265px;
    }

}

.woocommerce-layout__header {
    top: 74px !important;
}

#collapse-button .collapse-button-icon {
    width: 45px;
}

#collapse-button .collapse-button-label {
    display: none;
}

.auto-fold .interface-interface-skeleton {
    right: 265px;
}

.interface-interface-skeleton {
    top: 74px;
}

#wpadminbar .ab-empty-item,
#wpadminbar a.ab-item,
#wpadminbar>#wp-toolbar span.ab-label,
#wpadminbar>#wp-toolbar span.noticon {
    color: #181C32;
}

#wpadminbar #adminbarsearch:before,
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before {
    color: #A1A5B7;
}

.postbox {
    border: unset;
}

.postbox-header {
    border-bottom: none;
    height: 46px;
}

.metabox-holder .postbox>h3,
.metabox-holder .stuffbox>h3,
.metabox-holder h2.hndle,
.metabox-holder h3.hndle {
    font-size: 16px;
    padding: 8px 24px;
}

h2,
h3 {
    color: #181C32;
}

#wpadminbar .screen-reader-shortcut:focus {
    color: #009EF7;
}

.screen-reader-shortcut:focus {
    color: #009EF7;
}

a {
    color: #009EF7;
}

.wrap .add-new-h2,
.wrap .add-new-h2:active,
.wrap .page-title-action,
.wrap .page-title-action:active {
    border: 1px solid #009EF7;
}

.wp-ui-highlight {
    background-color: #009EF7
}

.wp-ui-text-highlight {
    color: #009EF7
}

.tagchecklist .ntdelbutton .remove-tag-icon:before {
    color: #009EF7;
}

.show-filters .wp-filter .drawer-toggle:focus,
.show-filters .wp-filter .drawer-toggle:hover {
    background: #009EF7
}

input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
textarea,
select {
    background: #f5f8fa;
}

input[type=checkbox]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=radio]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus {

    box-shadow: none !important;
    background-color: #eef3f7 !important;
    border-color: #eef3f7 !important;
    border: 1px solid !important;
    color: #5E6278 !important;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.wp-core-ui select:hover {
    color: #5E6278;
    background-color: #eef3f7 !important;
}

.wp-core-ui select:hover::-ms-value {
    color: #009EF7
}

.wp-tags-autocomplete .ui-state-focus,
.wp-tags-autocomplete [aria-selected=true] {
    background-color: #009EF7;
}

.wp-menu {
    background: #009EF7;
    color: #fff;
}

.welcome-panel {
    background: #009EF7 url(images/about-texture.png) center repeat;
}

.column-comments a.post-com-count-approved:focus .comment-count-approved,
.column-comments a.post-com-count-approved:hover .comment-count-approved,
.column-response a.post-com-count-approved:focus .comment-count-approved,
.column-response a.post-com-count-approved:hover .comment-count-approved {
    background: #009EF7
}

.column-comments a.post-com-count-approved:focus:after,
.column-comments a.post-com-count-approved:hover:after,
.column-response a.post-com-count-approved:focus:after,
.column-response a.post-com-count-approved:hover:after {
    border-top-color: #009EF7
}

.view-switch a.current:before {
    color: #009EF7
}

.health-check-accordion-trigger:focus,
.privacy-settings-accordion-trigger:focus {
    outline: 2px solid #009EF7;
}

.health-check-accordion-trigger .badge.purple,
.privacy-settings-accordion-trigger .badge.purple {
    border: 1px solid #009EF7
}

.ac_over .ac_match,
.ac_results .ac_over {
    background-color: #009EF7;
}

.media-item .bar {
    background-color: #009EF7;
}

.image-editor .imgedit-settings .imgedit-help-toggle,
.image-editor .imgedit-settings .imgedit-help-toggle:active,
.image-editor .imgedit-settings .imgedit-help-toggle:hover {
    color: #009EF7;
}

.image-editor .imgedit-settings .imgedit-help-toggle:focus {
    color: #009EF7;
}

.theme-browser .theme .more-details:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #009EF7
}

.theme-browser .theme.add-new-theme a:focus span:after,
.theme-browser .theme.add-new-theme a:hover span:after {
    color: #009EF7
}

.theme-browser .theme.add-new-theme a:focus:after,
.theme-browser .theme.add-new-theme a:hover:after {
    background: #009EF7;
}

.theme-browser .theme .theme-installed {
    background: #009EF7
}

.wp-core-ui .wp-full-overlay .collapse-sidebar:focus,
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover {
    color: #009EF7
}

.wp-full-overlay-footer .devices button.active:hover,
.wp-full-overlay-footer .devices button:focus {
    border-bottom-color: #009EF7
}

.wp-full-overlay-footer .devices button:focus:before,
.wp-full-overlay-footer .devices button:hover:before {
    color: #009EF7
}

.bulk-selection .bulk-select-button {
    color: #009EF7;
    border-color: #009EF7;
}

.no-js.nav-menus-php .item-edit {
    color: #009EF7;
}

.wp-pointer-content h3 {
    border: 1px solid #009EF7;
    background: #009EF7
}

.wp-pointer-content h3:before {
    color: #009EF7;
}

.wp-pointer-top .wp-pointer-arrow,
.wp-pointer-undefined .wp-pointer-arrow {
    border-bottom-color: #009EF7
}

.wp-pointer-top .wp-pointer-arrow-inner,
.wp-pointer-undefined .wp-pointer-arrow-inner {
    border-bottom-color: #009EF7;
}

.widgets-chooser .widgets-chooser-selected .widgets-chooser-button {
    background: #009EF7;
}

.wp-core-ui .button,
.wp-core-ui .button-secondary {
    border-color: #009EF7;
    border-radius: 0.325rem !important;
    box-shadow: 0px 0px 20px 0px rgb(76 87 125 / 2%) !important;
}

.wp-core-ui .button-link {
    color: #009EF7;
}

.wp-core-ui .button-primary {
    background: #009EF7;
    border-color: #009EF7;
}

.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #009EF7
}

#wp-auth-check-wrap .wp-auth-check-close:focus,
#wp-auth-check-wrap .wp-auth-check-close:hover {
    color: #009EF7
}

#wp-admin-bar-oneds_collapse_button {
    background: #1e1e2d !important;
    height: 74px;
    width: 50px;
    padding: 0 !important;
}

#collapse-button {
    width: 50px;
}


#collapse-button .collapse-button-icon:after,
#collapse-button .collapse-button-label {
    color: #4a4b68;
}

#adminmenuwrap {
    border-top: 1px solid #2D2D43;
}

#adminmenuwra {
    transition: width 2s;
}

#adminmenuwrap {
    transition: width 0.3s ease-in-out;
}

#wpcontent {
    transition: margin-right 0.3s ease-in-out;
}


#wp-admin-bar-oneds_collapse_button {
    margin-left: 10px !important;
}

img.avatar.avatar-26.photo {
    margin-left: 10px !important;
}

#wp-admin-bar-comments {
    display: none;
}


.acf-field input[type=text],
.acf-field input[type=password],
.acf-field input[type=date],
.acf-field input[type=datetime],
.acf-field input[type=datetime-local],
.acf-field input[type=email],
.acf-field input[type=month],
.acf-field input[type=number],
.acf-field input[type=search],
.acf-field input[type=tel],
.acf-field input[type=time],
.acf-field input[type=url],
.acf-field input[type=week],
.acf-field textarea,
.acf-field select {
    background: #f5f8fa !important;
    border: none;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}


.acf-field input[type=checkbox]:focus,
.acf-field input[type=color]:focus,
.acf-field input[type=date]:focus,
.acf-field input[type=datetime-local]:focus,
.acf-field input[type=datetime]:focus,
.acf-field input[type=email]:focus,
.acf-field input[type=month]:focus,
.acf-field input[type=number]:focus,
.acf-field input[type=password]:focus,
.acf-field input[type=radio]:focus,
.acf-field input[type=search]:focus,
.acf-field input[type=tel]:focus,
.acf-field input[type=text]:focus,
.acf-field input[type=time]:focus,
.acf-field input[type=url]:focus,
.acf-field input[type=week]:focus,
.acf-field select:focus,
.acf-field textarea:focus {

    box-shadow: none !important;
    background-color: #eef3f7 !important;
    border-color: #eef3f7 !important;
    color: #5E6278 !important;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.acf-field input.readonly,
.acf-field input[readonly],
.acf-field textarea.readonly,
.acf-field textarea[readonly] {
    background-color: #f0f0f1 !important;
}

.acf-field input.readonly:focus,
.acf-field input[readonly]:focus,
.acf-field textarea.readonly:focus,
.acf-field textarea[readonly]:focus {
    background-color: #f0f0f1 !important;
    border: none !important;
}

.acf-input-prepend,
.acf-input-append {
    padding: 10px 8px !important;

}

span.select2-selection.select2-selection--single {
    background: #f5f8fa;
    border: none;
    height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 39px !important;
}

input.readonly,
input[readonly],
textarea.readonly,
textarea[readonly] {
    background-color: #f0f0f1 !important;
}

input.readonly:focus,
input[readonly]:focus,
textarea.readonly:focus,
textarea[readonly]:focus {
    background-color: #f0f0f1 !important;
}

.acf-fields.-right>.acf-field:before {
    background: #ffffff !important;
}

.acf-input-prepend,
.acf-input-append {
    border: none !important;
}

select {
    background: #f5f8fa url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat left 5px top 55% !important;
}

/*
* WooCoomerce
*/
.woocommerce-layout__header {
    width: calc(100% - 265px) !important;
    top: 74px;
}

.folded .woocommerce-layout__header {
    width: calc(100% - 50px) !important;
}

table.wp-list-table.widefat.fixed.striped {
    border-radius: 0.625rem;
    border: none;
    box-shadow: 0px 0px 20px 0px rgb(76 87 125 / 2%);
}

a.page-title-action {
    border-radius: 0.325rem !important;
    box-shadow: 0px 0px 20px 0px rgb(76 87 125 / 2%) !important;
}


div#wpbody-content {
    padding-left: 2.5%;
    padding-right: 2.5%;
    width: 95%;
}

span.display-name {
    color: #5e6278 !important;
}

li#wp-admin-bar-comments {
    display: none;
}

.media-sidebar {
    background: #f1f3f6;
}

.media-modal-content {
    border-radius: 10px;
}

.debug-bar-maximized #querylist {
    top: 74px;
}

#wpcontent .acf-admin-toolbar {
    margin-right: -20px;
    margin-left: unset !important;
    padding: inherit;
}

.acf-fields>.acf-tab-wrap {
    background: none !important;
}

.acf-fields.acf-form-fields.-top {
    background: white !important;
    padding: 10px !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 1px rgb(0 0 0 / 4%) !important;
    margin-top: 18px;
}

.acf-form-submit {
    padding: 18px;
}

#dashboard_quick_press .inside {
    padding: 0 12px 12px;
}

#dashboard_quick_press input,
#dashboard_quick_press textarea {
    border: none;
}