@charset "UTF-8";
/* @import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700); */
@import url(./font.css);

:root {
    --input-border: #3498db;
    --menu-color: #1d2228;
    --menu-width: 188px;
    --color-white: #fff;
    --input-select-textarea-border: 1px solid #8cb6ef;
    --table-border: 1px solid #ebf1f6;
    --button-bg: #186dde;
    --button-bg-hover: #1564cc;
    --button-save-bg: #0acc95;
    --button-save-bg-hover: #09ad7f;
    --button-cancel-bg: #ffe6eb;
    --button-cancel-bg-hover: #ef5350;
    --button-padding: 4px 20px;
    --select-padding: 4px 30px 4px 20px;
    --border-radius: 8px;
    --button-radius: 60px;
    --body-background-color: #f6f7f7;
}


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

body {
    font-family: 'Montserrat', sans-serif;
}

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;
}

#wpcontent,
#wpwrap {
    background-color: var(--body-background-color);
}

.wrap {
    margin: 20px 20px 0 2px;
}


/* top bar start */

#wpadminbar * {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

#wpadminbar {
    height: 70px;
    background: var(--menu-color);
}

#wp-toolbar {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#wpadminbar .quicklinks>ul>li>a {
    padding: 0 12px 0 9px;
    border-radius: 8px 8px 0 0;
}

#wpadminbar .ab-sub-wrapper,
#wpadminbar ul,
#wpadminbar ul li {
    min-height: 34px;
    line-height: 34px;
}

#wpadminbar .quicklinks .menupop ul li .ab-item,
#wpadminbar .quicklinks .menupop ul li a strong,
#wpadminbar .quicklinks .menupop.hover ul li .ab-item,
#wpadminbar .shortlink-input,
#wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item {
    line-height: 34px;
    height: 34px;
}


#wpadminbar .menupop .ab-sub-wrapper {
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

#wpadminbar .menupop .ab-sub-wrapper .ab-submenu .ab-item input {
    border: var(--input-select-textarea-border);
    border-radius: var(--border-radius);
    padding: var(--button-padding);
}

#wpadminbar .menupop .ab-sub-wrapper button {
    color: var(--color-white);
    border-color: var(--button-bg);
    background-color: var(--button-bg);
    vertical-align: top;
    border-radius: var(--button-radius);
    padding: var(--button-padding);

}


/* top bar end */


/* menu start */
#wpcontent,
#wpfooter {
    margin-left: var(--menu-width);
}

#adminmenu,
#adminmenu .wp-submenu,
#adminmenuback,
#adminmenuwrap {
    width: var(--menu-width);
}

#adminmenu {
    background: var(--menu-color);
}

#adminmenu .wp-submenu {
    background: var(--menu-color);
    left: var(--menu-width);
}

#adminmenu li.menu-top {
    min-height: 40px;
}

#adminmenu .wp-submenu li {
    min-height: 34px;
}

#adminmenu .wp-submenu a {
    /* color:#67757c; */
    color: var(--color-white);
}

#adminmenu a {
    /* color: #67757c; */
    opacity: 0.6;
    color: var(--color-white);
}

#adminmenu a:hover {
    color: var(--color-white);
    opacity: 1;

}



/* #adminmenu .wp-submenu a:hover {
    color: #AAA;
} */

#adminmenu li.menu-top:hover {
    color: var(--color-white);
}

#adminmenu li.menu-top:hover,
#adminmenu li.opensub>a.menu-top {
    color: var(--color-white);
}

#adminmenu div.wp-menu-image:before {
    color: #67757c;
}

#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: var(--color-white);
    opacity: 1;
}

#adminmenu li.current a,
#adminmenu .opensub .wp-submenu li.current a,
#adminmenu .wp-submenu li.current,
#adminmenu .wp-submenu li.current a,
#adminmenu .wp-submenu li.current a:focus,
#adminmenu .wp-submenu li.current a:hover,
#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a {
    color: var(--color-white);
    opacity: 1;
}

/* menu end */

/* list page start */

.div-card {
    border-radius: var(--border-radius);
    padding: 20px;
    background-color: var(--color-white);
    margin-bottom: 24px;
}

.div-card table {
    border: 0;
    border-collapse: collapse;
}

.div-card table tr {
    border-bottom: var(--table-border);
    border-collapse: collapse;

}

.div-card table tbody {
    /* border-bottom: var(--table-border); */

}

.div-card table tfoot,
.div-card table tfoot tr {
    border-bottom: 0;
}

.div-card table tfoot th,
.div-card table tfoot td {
    border-top: var(--table-border);
    border-bottom: 0;

}

.div-card table td,
.div-card table th {
    padding: 16px;
    line-height: 21px;
    vertical-align: middle;
    background-color: var(--color-white);
    border-bottom: 0;
    /* border-bottom: var(--table-border); */
    /* border-collapse: collapse; */

}

.div-card table th.check-column {
    vertical-align: middle;

}

.check-column input:hover+label,
.check-column label:hover {
    background-color: var(--color-white);
}

.wp-list-table .row-actions {
    left: 0;
}

ul.subsubsub {
    float: none;
    margin: 0;
}

p.search-box {
    margin: 0 18px 0px 0;
}



/* .tablenav .button{
    border-radius: var(--button-radius);
    color:var(--color-white);
    background-color: var(--button-bg);
    padding: var(--button-padding);
}
.tablenav .button:hover{
    color:var(--color-white);
    background-color: #1357b2;
    padding: var(--button-padding);
} */

.div-card .tablenav {
    margin: 0;
    padding: 0;
    height: auto;
}

.div-card .tablenav:after {
    clear: both;
}

.tablenav select,
.wp-list-table select {
    /* border: var(--input-select-textarea-border);
    border-radius:var(--border-radius);
    padding: 4px 30px var(--button-padding); */
}

/* .tablenav input,
.wp-list-table input,
.tablenav textarea,
.wp-list-table textarea {
    border: var(--input-select-textarea-border);
    border-radius:var(--border-radius);
    padding: var(--button-padding);
} */

ul.cat-checklist {
    border: var(--input-select-textarea-border);
    border-radius: var(--border-radius);
}

.wrap h1.wp-heading-inline {
    display: inline-block;
    margin-right: 5px;
    padding: 4px 0;
}

.wp-header-end {
    margin-bottom: 20px;
}

.wrap .page-title-action {
    color: var(--color-white);
    border-color: var(--button-bg);
    background-color: var(--button-bg);
    vertical-align: top;
    border-radius: var(--button-radius);
    padding: var(--button-padding);
}

.wrap .page-title-action:hover {
    color: var(--color-white);
    border-color: var(--button-bg-hover);
    background-color: var(--button-bg-hover);
    vertical-align: top;
    border-radius: var(--button-radius);
    padding: var(--button-padding);
}



.wp-core-ui .button {
    color: var(--color-white);
    border-color: var(--button-bg);
    background-color: var(--button-bg);
    vertical-align: top;
    border-radius: var(--button-radius);
    padding: var(--button-padding);
}

.wp-core-ui .button:hover {
    color: var(--color-white);
    border-color: var(--button-bg-hover);
    background-color: var(--button-bg-hover);
    vertical-align: top;
    border-radius: var(--button-radius);
    padding: var(--button-padding);
}

.wp-core-ui .button.save {
    color: var(--color-white);
    border-color: var(--button-save-bg);
    background-color: var(--button-save-bg);
}

.wp-core-ui .button.save:hover {
    color: var(--color-white);
    border-color: var(--button-save-bg-hover);
    /* background-color: #09ad7f; */
    background-color: var(--button-save-bg-hover);
}

.wp-core-ui .button.cancel {
    color: var(--button-cancel-bg-hover);
    border-color: var(--button-cancel-bg);
    background-color: var(--button-cancel-bg);
}

.wp-core-ui .button.cancel:hover {
    color: var(--color-white);
    border-color: var(--button-cancel-bg-hover);
    background-color: var(--button-cancel-bg-hover);
}

.wp-core-ui .button-group.button-hero .button,
.wp-core-ui .button.button-hero {
    padding: var(--button-padding);
}

.wp-core-ui .button-secondary {
    border-radius: var(--button-radius);
    padding: var(--button-padding);
}

/* list page end */


/* post category start */
.wp-core-ui select {
    border: var(--input-select-textarea-border);
    border-radius: var(--border-radius);
    padding: var(--select-padding);
}

.wp-core-ui textarea {
    border: var(--input-select-textarea-border);
    border-radius: var(--border-radius);
    padding: var(--button-padding);
}

/* post category end */



/* detail page start */
#screen-meta-links .show-settings {
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}



.wp-editor-tools .wp-media-buttons .insert-media {
    padding: var(--button-padding);
}

.wp-core-ui .button.button-small {
    padding: 0px 12px;
}

.wp-core-ui .button.button-large {
    padding: var(--button-padding);
}

.wp-core-ui input {
    border: var(--input-select-textarea-border);
    border-radius: var(--border-radius);
    padding: var(--button-padding);
}

.wp-core-ui input[type=radio] {
    width: 16px;
    height: 16px;
    border-radius: var(--border-radius);
}

.wp-core-ui input[type=checkbox] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
}

.wp-core-ui input[type=file] {
    height: 42px;
    padding: 0;
}

.wp-editor-tabs .wp-switch-editor {
    top: 9px;
    height: 20px;
    margin: 0px 0 0 var(--border-radius);
    padding: 6px 16px 6px 16px;
    border: 1px solid #dcdcde;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}


.wp-editor-expand #wp-content-editor-tools {
    background-color: var(--body-background-color);
}


.postbox {
    background: var(--color-white);
    border-radius: var(--border-radius);
    border: 0;
}


.postbox-header {
    border-bottom: 0;
    line-height: 50px;
}

#major-publishing-actions {
    background-color: var(--color-white);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.meta-box-sortables select {
    border: var(--input-select-textarea-border);
    border-radius: var(--border-radius);
    padding: var(--select-padding);
}

.meta-box-sortables select option {
    padding: var(--border-radius);
    border-bottom: 1px solid var(--button-save-bg-hover);
}

.postbox .inside {
    padding-bottom: 15px;
}

.postbox .inside .the-tagcloud {
    border-radius: var(--border-radius);
}

ul.category-tabs li.tabs {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    padding: var(--border-radius) 10px;
}

.categorydiv div.tabs-panel,
.customlinkdiv div.tabs-panel,
.posttypediv div.tabs-panel,
.taxonomydiv div.tabs-panel,
.wp-tab-panel {
    border-radius: 0 0px var(--border-radius) var(--border-radius);
}



/* module */
.media-modal-content {
    border-radius: var(--border-radius);
}

.media-frame-content {
    bottom: 68px;
}

.media-router .active {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.media-modal-content select,
.media-modal-content input {
    border: var(--input-select-textarea-border);
    border-radius: var(--border-radius);
    padding: var(--select-padding);
}

.media-modal-content input.search {
    border: var(--input-select-textarea-border);
    border-radius: var(--border-radius);
    padding: var(--select-padding);

}

.media-modal-content .media-sidebar .setting input,
.media-modal-content .media-sidebar .setting select,
.media-modal-content .media-sidebar .setting textarea {
    border: var(--input-select-textarea-border);
    border-radius: var(--border-radius);
    padding: var(--select-padding);
}

/* detail page end */


/* plugin list start */
.div-card table tr.update {
    border-bottom: 0;
}

.media-upload-form .notice,
.media-upload-form div.error,
.wrap .notice,
.wrap div.error,
.wrap div.updated {
    border-radius: var(--border-radius);
}

.div-card table tbody {
    border-top: var(--table-border);
}

.div-card table.plugins tr {
    border-bottom: 0;
}

/* plugin list end */

/* plugin add start */
.plugin-install-php .wp-filter {
    border-radius: var(--border-radius);
}

.plugin-install-php .plugin-card {
    border-radius: var(--border-radius);
    background-color: var(--body-background-color);
}

.plugin-card-bottom {
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.upload-plugin .wp-upload-form input[type=file] {
    line-height: 40px;
    padding: 0 10px;
}

/* plugin add end */




/* acf metabox start */
/* .postbox .acf-field input[type=text],
.postbox .acf-field input[type=password],
.postbox .acf-field input[type=date],
.postbox .acf-field input[type=datetime],
.postbox .acf-field input[type=datetime-local],
.postbox .acf-field input[type=email],
.postbox .acf-field input[type=month],
.postbox .acf-field input[type=number],
.postbox .acf-field input[type=search],
.postbox .acf-field input[type=tel],
.postbox .acf-field input[type=time],
.postbox .acf-field input[type=url],
.postbox .acf-field input[type=week], */
.postbox .acf-fields .acf-field input,
.postbox .acf-fields .acf-field select {
    border: var(--input-select-textarea-border);
    border-radius: var(--border-radius);
    padding: var(--select-padding);
    height: 38px;
}

.postbox .acf-fields .acf-field input[type=radio] {
    width: 16px;
    height: 16px;
    border-radius: var(--border-radius);
}

.postbox .acf-fields .acf-field input[type=checkbox] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
}

.postbox .acf-fields .acf-field input[type=file] {
    height: 42px;
    padding: 0;
}

.postbox .acf-fields .acf-field textarea {
    border: var(--input-select-textarea-border);
    border-radius: var(--border-radius);
    padding: var(--select-padding);

}

.postbox .acf-input-prepend {
    border-radius: var(--border-radius) 0 0 var(--border-radius);
    line-height: 28px;
}

.postbox .acf-input-append {
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    line-height: 28px;
}

.postbox .acf-fields.-left>.acf-field>.acf-input {
    width: 30%;
}

ul.acf-radio-list:focus-within,
ul.acf-checkbox-list:focus-within {
    border: 0;
}

.acf-headerbar-field-editor {
    top: 70px;
}


/* 文章对象类型的下拉选择器 start */
.select2-container.-acf .select2-selection{
    border: var(--input-select-textarea-border);
    border-radius: var(--border-radius);
    padding: var(--select-padding);
    height: 38px;
}

.acf-field .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
}

.select2-dropdown .select2-results__option {
    height: 38px;
    line-height: 38px;
}

.select2-container.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--button-bg-hover);
    height: 38px;
    line-height: 38px;
}
/* 文章对象类型的下拉选择器 end */

/* acf metabox end */




/* theme start */
.theme-browser .theme {
    border-radius: var(--border-radius);
}

.theme-browser .theme .theme-name {
    height: 26px;
}

.theme-browser .theme .theme-screenshot {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.theme-id-container {
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    background-color: var(--body-background-color);
}

.theme-browser .theme .theme-name {
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

/* theme end */



/* Dashboard start */
#activity-widget #latest-comments #the-comment-list .comment-item {
    background-color: var(--color-white);
}

/* Dashboard end */


/* Media start */
#posts-filter .wp-filter {
    border-radius: var(--border-radius);
    border: 0;
    margin-bottom: 20px;
}

/* Media end */


/* options-general start */
.options-general-php input.small-text {
    width: 120px;
}

/* options-general end */



/* cf7 start */
.wpcf7-welcome-panel {
    border-radius: var(--border-radius);
}

/* cf7 end */

/* other plugin start */
.berocket_admin_notice.berocket_admin_notice_1 {
    border-radius: 8px !important;
    box-shadow: none !important;
    border: 0 !important;
}

.akismet_activate {
    border-radius: 8px !important;
}

.akismet_activate .aa_button_container {
    border-radius: 8px !important;
}

.akismet_activate .aa_button_border {
    border-radius: 8px !important;
}

.akismet_activate .aa_button {
    border-radius: 8px !important;
}

/* other plugin end */





/* login form start */
.login {
    position: relative;
    color: var(--body-background-color);
    display: flex;
}

.login .obj-left {
    /* position: absolute; */
    position: fixed;
    left: 0;
    bottom: 0;
    width: 162px;
    height: 264px;
    background: url(/wp-content/plugins/zendkee_admin_theme/images/leaf-left.png);
    z-index: -1;
}

.login .obj-right {
    /* position: absolute; */
    position: fixed;
    right: 0;
    bottom: 0;
    width: 189px;
    height: 207px;
    background: url(/wp-content/plugins/zendkee_admin_theme/images/leaf-right.png);
    z-index: -1;
}


.login h1 {
    border-radius: 8px 8px 0 0;
}

#login {
    border-radius: 8px;
    background-color: white;
    /* margin: 100px auto 0 auto; */
    margin: auto;
    padding: 24px 48px 0 48px;
    width: 340px;
}

#loginform {
    border: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0 0 8px 8px;
}

#loginform label {
    color: #545b62;
}

#login-message {
    border-radius: 8px;
    border-left: 0;
}


.login .message,
.login .notice,
.login .success {
    background-color: #186dde;
    color: #fff;
}

.login .success {
    background-color: #0acc95;
    color: #fff;
}

.login .notice-error {
    background-color: #ef5350;
    color: #fff;
}

#loginform .wp-pwd button {
    padding: 0;
    color: #186dde;
    border: 0;
}

.language-switcher label {
    color: #186dde;
}




.interim-login #login {
    padding: 20px;
}
#wp-auth-check-wrap #wp-auth-check {
    width: 740px;
    border-radius: 8px;
    height: 450px;
    max-height: 450px !important;
    margin-left: -370px;
}

/* login form end */