style.css

@charset "UTF-8";
/* 
Plugin Name: WPAT
Plugin URI: https://cleancoded.com/wpat
Description: A clean coded WordPress admin theme
Version: 1.9
Author: CLEANCODED
Author URI: https://cleancoded.com
Text Domain: wpat
Domain Path: /languages
*/
 
html {
	background: none!important;
}

body.wp-admin {
    padding: 70px 50px 0px 50px;
    font-weight: 400;
    line-height: 1.5;
    color: #3E4B5B;
    background: linear-gradient(to bottom right, #545c63, #32373c)!important;
	background-repeat: no-repeat!important;
    background-attachment: fixed!important;
}

body.wp-admin-spacing {
    height: calc(100vh - 102px);
}

body.wp-admin.iframe {
	background: none!important;
    padding: 0px;
    min-height: auto;
}

#wp-auth-check-wrap #wp-auth-check-form iframe {
    height: 100%;
    width: 100%;
}

a, .wp-core-ui .button-link, .media-menu > a, .media-frame a {
    color: #4777CD;
	text-decoration: none
}

a:hover, a:active, .wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .media-menu > a:hover, .media-frame a:hover {
    color: #4e5d79;
}

.body-spacer {
	position: relative;
	max-width: 2000px;
	margin: 0px auto 70px auto;
	overflow: hidden;
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}

#wpwrap {    
	background: #f2f4f8;
	overflow: hidden;
}

body.wp-admin-spacing #wpwrap {
    height: 100%;
}

/*************************************/
/* BUTTONS */
/*************************************/

.wp-core-ui .button:not(.wp-color-result):not(.button-primary), 
.wp-core-ui .button-secondary, 
.tablenav-pages-navspan,
.tablenav .tablenav-pages a,
#save-action input, 
#preview-action a.button,
.wrap .page-title-action.button-secondary,
.wp-core-ui .button.button-small, 
.wp-core-ui .button-group.button-small .button,
#wpwrap .avia_button.avia_button_inactive {
	background: #dde1ea!important;
	border: 1px solid #dde1ea!important;
	box-shadow: none!important;
	border-radius: 2px!important;
	color: #555!important;
	font-weight: 500!important;
	text-shadow: none!important
}

.wp-core-ui .button:not(.wp-color-result):not(.button-primary):hover,
.wp-core-ui .button:hover, 
.wp-core-ui .button-secondary:hover, 
.tablenav-pages-navspan:hover,
.tablenav .tablenav-pages a:hover,
#save-action input:hover, 
#preview-action a.button:hover,
.wp-core-ui .button.button-small:hover, 
.wp-core-ui .button-group.button-small .button:hover,
#wpwrap .avia_button.avia_button_inactive:hover {
	background: #eaedf3!important;
}

.wp-core-ui .button:not(.wp-color-result):not(.button-primary):focus, 
.wp-core-ui .button-secondary:focus, 
.tablenav-pages-navspan:focus,
.tablenav .tablenav-pages a:focus,
#save-action input:focus, 
#preview-action a.button:focus,
.wrap .page-title-action.button-secondary:focus,
.wp-core-ui .button.button-small:focus, 
.wp-core-ui .button-group.button-small .button:focus,
#wpwrap .avia_button.avia_button_inactive:focus {
	background: #eaedf3!important;
}

.wrap .add-new-h2, 
.wrap .add-new-h2:active, 
.wrap .page-title-action, 
.wrap .page-title-action:active,
#minor-publishing-actions input, 
#major-publishing-actions input, 
#minor-publishing-actions .preview,
.wp-core-ui .button-primary,
.wp-core-ui button.button.button-primary
.wp-core-ui input.button.button-primary,
button.button.button-hero,
.wp-core-ui .button-primary[disabled],
#wpwrap .avia_button,
.split-page-title-action a, 
.split-page-title-action a:active, 
.split-page-title-action .expander:after {
	background-color: #4777CD!important;
	border: 1px solid #4777CD!important;
	color: #fff!important;
	font-weight: 600!important;
	border-radius: 2px;
	text-shadow: none!important
}

.wp-core-ui .button-primary {
	box-shadow: none!important
}

.wp-core-ui .button-primary[disabled] {
	color: rgba(255,255,255,0.5)!important
}

.wrap .page-title-action {
	padding: 6px 10px;
}

.wrap .add-new-h2:hover, 
.wrap .add-new-h2:active:hover, 
.wrap .page-title-action:hover, 
.wrap .page-title-action:active:hover,
#minor-publishing-actions input:hover, 
#major-publishing-actions input:hover, 
#minor-publishing-actions .preview:hover,
.wp-core-ui .button-primary:hover,
.wp-core-ui button.button.button-primary:hover,
.wp-core-ui input.button.button-primary:hover,
button.button.button-hero:hover,
.split-page-title-action a:hover, 
.split-page-title-action:hover .expander:after {
	background: #6e92d2!important;
}

.wrap .wp-heading-inline + .page-title-action {
	margin-left: 15px
}

.wp-core-ui .button.button-small, 
.wp-core-ui .button-group.button-small .button {
	height: 28px
}

.split-page-title-action a {
    border-radius: 2px 0px 0px 2px!important;
}

/*************************************/
/* FORM ELEMENTS */
/*************************************/

*:focus, a:focus, button:focus, input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="checkbox"]:focus, 
input[type="color"]:focus, 
input[type="date"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="email"]:focus, 
input[type="month"]:focus, 
input[type="number"]:focus, 
input[type="search"]:focus, 
input[type="radio"]: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 {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

input[type="text"], 
input[type="password"], 
input[type="checkbox"], 
input[type="color"], 
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="text"], 
input[type="time"], 
input[type="url"], 
input[type="week"], 
select, 
textarea {
	border-color: #dde1ea;
	border-radius: 2px;
	vertical-align: middle;
	transition: all 0.5s;
}
 
input[type="radio"] {
	border-color: #dde1ea;
	transition: all 0.5s;
}

.wp-filter-search, 
.search {
	font-size: inherit!important;
	height: 28px!important;
	font-weight: normal!important
}

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="text"], 
input[type="time"], 
input[type="url"], 
input[type="week"], 
select {
	height: 28px!important;
	font-size: 14px!important;
	padding: 3px 7px!important;
	font-family: inherit!important;
}

select[multiple] {
	height: auto!important
}

select,
.submit-btn {
	vertical-align: middle!important
}

#titlewrap input#title {
	height: 40px!important;
	font-size: 21px!important;
}

#titlediv #title-prompt-text {
    padding: 5px 10px;
}

.select2-container--default .select2-selection--single,
.select2-dropdown,
.select2-container--default .select2-selection--multiple {
	border-color: #dde1ea!important;
	box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #4777CD!important
}

.select2-container--default .select2-search--inline .select2-search__field {
	height: auto!important;
	padding: 0px!important
}

.select2-container--default.-acf .select2-selection--multiple .select2-selection__choice {
    background-color: #f8f9fb!important;
    border-color: #dde1ea!important;
	font-size: 11px;
}

.select2-container--default.-acf .select2-selection--multiple .select2-selection__choice:hover {
    background-color: #fff!important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #4777CD!important;
}

.select2-container .select2-selection--single {
	height: 28px!important
}

.select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 26px!important
}

.post-type-shop_order .tablenav input, .post-type-shop_order .tablenav select {
	height: 28px!important;
	line-height: 26px!important
}

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="checkbox"]:focus, 
input[type="color"]:focus, 
input[type="date"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="email"]:focus, 
input[type="month"]:focus, 
input[type="number"]:focus, 
input[type="search"]:focus, 
input[type="radio"]:focus, 
input[type="tel"]:focus, 
input[type="text"]:focus, 
input[type="time"]:focus, 
input[type="url"]:focus, 
input[type="week"]:focus, 
select:focus {
	background-color: #ebf0fa!important;
	border: 1px solid #acc5f1;
	box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.1);
	transition: all 0.5s;
}

input[type="radio"]:checked:before {
    background-color: #4777CD;
}

.wp-color-result, .wp-color-result:after {
	background: #f8f9fb;
	border-color: #dde1ea;
}

.wp-color-result {
	height: 26px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}

.wp-color-result:after {
    line-height: 26px;
    padding: 0 9px;
}

/*************************************/
/* ADMIN BAR */
/*************************************/

#wpadminbar {
	height: 50px;
	background: #32373c;
}

#wp-toolbar {
	height: 42px;
	padding: 8px
}

#wpadminbar #wp-admin-bar-root-default {
	float: left
}

#wpadminbar #wp-admin-bar-top-secondary {
}

#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img, 
#wpadminbar #wp-admin-bar-my-account.with-avatar > a img {
    height: 32px;
    border: none;
    border-radius: 50%;
    margin: 0px 0 0 12px;
	background: none!important;
}

/*************************************/
/* LEFT ADMIN MENU */
/*************************************/

/* WPAT expandable left admin menu */

.wp-admin-left-menu-expand #adminmenu li.wp-has-submenu .wp-submenu {
    position: static!important;
    top: auto!important;
    left: auto!important;
	margin-top: 0px!important;
}

.wp-admin-left-menu-expand.folded #adminmenu .wp-submenu {
    display: none!important;
}

.wp-admin-left-menu-expand #adminmenu li.wp-has-submenu:not(.wp-has-current-submenu) .wp-submenu {
	display: none;
	border: 0px!important;
	box-shadow: none!important;
}

.wp-admin-left-menu-expand #adminmenu li.wp-has-submenu a.menu-top .wp-menu-name {
    padding-right: 24px;
}

.wp-admin-left-menu-expand #adminmenu li.wp-has-submenu a.menu-top .wp-menu-name:before {
    content: "\f347";
    font-family: dashicons;
    position: absolute;
    top: 12px;
    right: 5px;
    font-size: 13px;
	color: #dadada;
}

.wp-admin-left-menu-expand #adminmenu li.wp-has-submenu.wp-has-current-submenu a.menu-top .wp-menu-name:before,
.wp-admin-left-menu-expand #adminmenu li.wp-has-submenu a.menu-top.expanded .wp-menu-name:before {
    content: none;
}

#adminmenuback, #adminmenuwrap {
	background: #fff!important;
	width: 200px
}

#adminmenuwrap {
	position: relative!important;
	top: 0px!important;
}

#adminmenu {
	width: 160px;
	height: 100%;
	background: #fff;
	padding: 20px 20px 100px 20px
}

.folded #adminmenu {
	padding: 0px
}

.adminmenu-container {
	width: 100%;
	text-align: center;
	padding: 0px!important;
	margin: -4px 0px 7px 0px!important;
	border: 0px!important;
	display: block!important
}

.adminmenu-container .wp-menu-name {
	padding: 0px 0px 20px 0px!important
}

.adminmenu-container .adminmenu-avatar {
	position: relative;
}

.adminmenu-container .adminmenu-avatar img.avatar {
	border-radius: 50%;
	display: inline-block;
	border: 4px solid #fff;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

.adminmenu-container img.company-box-logo {
	max-width: 100%
}

.adminmenu-container .adminmenu-user-name {
	margin-top: 10px
}

.adminmenu-container .adminmenu-user-name span {
	display: inline-block;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	padding-top: 10px;
	font-weight: 600;
	color: #878fa7;
	font-size: 12px
}

.adminmenu-container .wp-menu-image,
.adminmenu-container .wp-menu-arrow {
	display: none
}

.adminmenu-container .adminmenu-user-edit {
	opacity: 0;
	display: inline-block;
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(0,0,0,0.6);
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	padding: 3px 6px;
	border-radius: 3px;
	transition: all 0.5s;
}

.adminmenu-container:hover .adminmenu-user-edit {
	opacity: 1;
	top:50%;
	transition: all 0.5s;
}

#adminmenu a:hover, 
#adminmenu li.menu-top.wp-not-current-submenu > a:focus, 
#adminmenu .wp-submenu a:hover, 
#adminmenu .wp-submenu a:focus, 
#adminmenu li.opensub > a.menu-top {
	color: #4777CD;
}

#adminmenu li.menu-top > a:focus {
	color: #fff;
}

#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu li.wp-has-submenu > a.expanded,
#adminmenu li.wp-has-submenu a.expanded div.wp-menu-image:before {
	color: #fff!important;
}

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

#adminmenu .wp-has-current-submenu .wp-submenu, 
#adminmenu .wp-has-submenu a.expanded ~ .wp-submenu, 
.no-js li.wp-has-current-submenu:hover .wp-submenu, 
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu, 
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open, 
#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
	background-color: #f8f9fb;
}

#adminmenuback {
	position: absolute!important;
    top: 0px!important;
    bottom: 0px!important;
	background: none;
    box-shadow: 0px 0px 30px rgba(69, 101, 173, 0.1);
    z-index: 999
}

#adminmenu a, 
#adminmenu .wp-submenu li.current, 
#adminmenu .wp-submenu li.current a, 
#adminmenu .opensub .wp-submenu li.current a, 
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a, 
#adminmenu .wp-submenu li.current a:hover, 
#adminmenu .wp-submenu li.current a:focus, 
#adminmenu .wp-submenu a {
	color: #3E4B5B
}

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

#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, 
#adminmenu li.wp-has-submenu > a.expanded,
#adminmenu li.current a.menu-top, 
.folded #adminmenu li.wp-has-current-submenu, 
.folded #adminmenu li.current.menu-top, 
#adminmenu .wp-menu-arrow, 
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, 
#adminmenu .wp-menu-arrow div {
	background-color: #4777CD;
}

ul#adminmenu a.wp-has-current-submenu:after, 
ul#adminmenu > li.current > a.current:after {
	right: -20px;
	border-right-color: #e8ecf5!important
}

.block-editor-page ul#adminmenu a.wp-has-current-submenu:after,
.block-editor-page ul#adminmenu > li.current > a.current:after {
	content: none;
}

#adminmenu .wp-submenu, 
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, 
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
	background: #fff;
	border-left: 6px solid #4777CD
}

#adminmenu .wp-has-submenu.opensub:after {
	border-right-color: #4777CD!important;
}

li.wp-has-current-submenu {
	margin-bottom: 10px!important
}

/*#adminmenu .wp-has-submenu:hover .wp-submenu {
    top: 0px;
}*/

#adminmenu div.wp-menu-image:before {
	color: #4777CD;
	padding: 10px 0;
}

#adminmenu .wp-menu-image img {
    padding: 11px 0 0 0
}

#adminmenu div.wp-menu-image .wp-menu-img-wrap {
    background-color: #4777CD;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 11px 0 0 0;
    display: inline-block;
    text-align: center
}

#adminmenu div.wp-menu-image .wp-menu-img-wrap img {
    padding: 0px;
    width: 64%;
    vertical-align: middle;
    height: auto;
    display: inline-block;
    opacity: 1
}

#adminmenu div.wp-menu-image.svg {
    margin-top: 2px;
}

#adminmenu li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

#adminmenu li li {
    border-bottom: 0px;
}

#adminmenu div.wp-menu-name {
    padding: 11px 0;
}

#adminmenu li.wp-menu-separator {
    height: 11px;
    margin: 0 0 11px 0;
}

/* RIGHT ADMIN CONTENT */

#wpcontent {
	padding-left: 0px;
	margin-left: 200px;
    height: 100%;
}

#wpbody {
    height: 100%;
	padding: 0px 40px 0px 40px;
	background: none!important;
}

body.wp-admin-spacing #wpcontent,
body.wp-admin-spacing #wpbody {
    min-height: calc(100vh - 172px);
}

.wrap {
    margin: 40px 0px 0px 0px;
	padding-top: 0px
}

/*************************************/
/* HEADLINES */
/*************************************/

.wrap h1 {
	font-weight: 300;
	color: #4777CD;
	font-size: 32px;
	padding-bottom: 16px;
    margin-bottom: 40px!important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 1;
}

.wrap h1:after {
    content: "";
    background-color: #4777CD;
    width: 22px;
    height: 6px;
    border-radius: 2px;
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0px;
}

h2 {
	color: #4777CD;
	font-weight: 500;
	margin-top: 30px
}

/*************************************/
/* POSTBOX */
/*************************************/

.postbox {
	border: 0px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
}

.postbox h2 {
	color: #23282d;
}

.postbox .inside, .stuffbox .inside {
    padding: 15px 15px 15px 15px!important;
	margin: 0px!important
}

.postbox .inside .inside {
    padding: 0px!important;
}

.postbox .inside p:first-child {
	margin: 0px 0px 10px 0px
}

.handlediv, 
.postbox .handlediv.button-link, 
.item-edit, 
.sidebar-name-arrow, 
.accordion-section-title:after {
	color: #e8ecf5
}

#dashboard_right_now .main {
	padding: 0px
}

/*************************************/
/* TABLES */
/*************************************/

.tablenav.top, .tablenav.bottom {
	height: auto;
	margin: 0px 0px 25px 0px
}

.tablenav.bottom {
	margin: 25px 0px 0px 0px
}

.widget-top, 
.menu-item-handle, 
.widget-inside, 
#menu-settings-column .accordion-container, 
#menu-management .menu-edit, 
.manage-menus, 
table.widefat, 
.stuffbox, 
p.popular-tags, 
.widgets-holder-wrap, 
.wp-editor-container, 
.popular-tags, 
.feature-filter, 
.imgedit-group, 
.comment-ays {
	border: 0px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
}

table.widefat {
	border: 6px solid #fff;
	table-layout: auto
}

table.widefat thead, 
table.widefat tfoot {
	background: #f2f4f8;
	text-transform: uppercase
}

table.widefat thead tr, 
table.widefat tfoot tr {
	background: none
}

table.widefat thead a, 
table.widefat tfoot a {
	color: #3E4B5B
}

.widefat th, 
.widefat thead td, 
.widefat tfoot td {
    font-weight: 600;
	font-size: 11px;
}

.widefat thead td, 
.widefat tfoot td, 
.widefat thead th, 
.widefat tfoot th {
    border: 0px!important
}

.widefat th {
	position: relative;
    padding: 12px 10px;
}

.widefat th a {
    position: static;
}

.widefat th .sorting-indicator {
    position: absolute;
	left: 0px;
    top: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(255,255,255,0.6);
	width: auto;
	height: auto;
	margin: 0px!important;
	text-align: center;
	padding-top: 15px
}

.widefat th .sorting-indicator:before {
    top: auto;
	left: auto
}

.row-title {
	font-size: 13px!important
}

.striped > tbody > :nth-child(odd), 
ul.striped > :nth-child(odd), .alternate {
    background-color: #fff;
}

.striped > tbody > :nth-child(even), 
ul.striped > :nth-child(even), .alternate {
    background-color: rgba(242, 244, 248, 0.51);
}

table.widefat tr:hover td a:not(.submitdelete):not(.delete):not(.vim-u) {
	color: #4777CD;
	transition: all 0.5s;
}

table.widefat tr:hover td {
	opacity: 1;
	transition: all 0.5s;
}

table.widefat td:not(.column-title) a {
	color: #3E4B5B
}

table.widefat tr:hover a:not(.column-title) a {
	color: #3E4B5B
}

.unapprove a {
	color: #d98500!important;
}

.trash a {
	color: #a00!important;
}

.widefat th input, 
.updates-table td input, 
.widefat thead td input, 
.widefat tfoot td input {
    margin: 0px 0px 0px 7px;
    vertical-align: middle;
}

table.form-table {
   margin-bottom: 40px
}

/*************************************/
/* TABLE NAVIGATION */
/*************************************/

.tablenav-pages-navspan, .tablenav .tablenav-pages a {
	height: auto;
	vertical-align: middle
}

/*************************************/
/* SUBSUBSUB */
/*************************************/

.subsubsub {
	margin: 0px 0px 20px 0px!important
}

.subsubsub a {
	position: relative;
}

.subsubsub .count {
	display: inline-block;
	margin: 4px 5px 0px 3px;
	background: #dde1ea;
	border-radius: 4px;
	padding: 0px 4px;
	font-size: 9px;
	font-weight: 600!important;
	vertical-align: top;
}

/*************************************/
/* TABS */
/*************************************/

h1.nav-tab-wrapper, 
.wrap h2.nav-tab-wrapper, 
.nav-tab-wrapper, 
.acf-tab-group {
	border-color: #dde1ea!important;
}

.nav-tab {
	border-color: #dde1ea!important;
    background: #fff!important;
}

.nav-tab:hover {
    background: #dde1ea!important;
}

.nav-tab-active, 
.nav-tab-active:hover, 
.nav-tab-active:focus, 
.nav-tab-active:focus:active {
	border-bottom: 1px solid #f2f4f8!important;
    background: #f2f4f8!important;
}

ul.add-menu-item-tabs li {
    padding: 3px 5px 5px 8px;
}

/*************************************/
/* ACCORDION */
/*************************************/

.accordion-section-title {
	background: #fff!important
}

.accordion-section-title:hover {
	background: #f8f9fb!important
}

/*************************************/
/* HELP TEXT */
/*************************************/

p.help, 
p.description:not(.field-description.description), 
span.description, 
.form-wrap p {
	font-size: 12px;
	color: #a0a0a0;
	margin: 5px 0px;
}

.form-field:hover .help, 
.form-field:hover .description, 
.form-field:hover p, 
.form-table td:hover p {
	color: #3E4B5B!important
}

.form-table td p label {
	color: #3E4B5B!important
}

/*************************************/
/* MEDIA TOOLBAR */
/*************************************/

.media-toolbar, .manage-menus {
	background: none;
	box-shadow: none;
	border: none;
	padding: 0px
}

.media-frame.mode-grid .attachments-browser .attachments {
    margin: 0px -10px;
}

.wp-core-ui .attachment {
	padding: 10px
}

.wp-core-ui .attachment-preview {
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
	background: #fff;
	transition: all 0.5s;
}

.wp-core-ui .attachment-preview:hover {
	transform: rotate(3deg) scale(1.1);
	transition: all 0.5s;
	box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.26);
}

.wp-core-ui .attachment .thumbnail:after {
	border: 6px solid #fff;
	box-shadow: none;
}

.media-frame-menu {
	z-index: 999
}

.media-menu {
	box-shadow: 10px 0px 20px rgba(0,0,0,0.05);
}

.media-menu, .media-modal-content, .media-sidebar {
	background-color: #f8f9fb!important;
	border-color: #dde1ea!important;
}

.media-frame, 
.media-frame .attachments-browser, 
.media-frame-content, 
.attachments-browser .attachments {
	overflow: visible!important
}

.media-modal .media-frame {
	overflow: hidden!important
}

.media-modal .media-frame .attachments-browser, 
.media-modal .media-frame-content, 
.media-modal .attachments-browser .attachments {
	overflow: auto!important
}

.media-modal .media-frame-toolbar .media-toolbar {
	padding-right: 15px
}

.media-modal .media-frame .attachments-browser .media-toolbar {
	padding: 0px 20px;
	border-bottom: 1px solid #dde1ea!important;
}

.media-modal .media-frame  .attachments-browser .attachments {
	padding: 20px
}

.media-modal .media-frame .media-frame-title h1 {
	padding: 0px 20px
}


.media-modal .media-frame .media-router {
	padding: 0px 20px
}

.media-modal .media-frame .media-router .active, 
.media-router > a.active:last-child {
	border-color: #dde1ea!important;
}

.media-modal .media-frame .media-frame-content {
	border-color: #dde1ea!important;
}

.media-modal .media-selection .attachment-preview .thumbnail:after {
	border: 0px
}

.media-modal .media-selection .attachment {
	padding: 0px!important
}

.media-modal .media-frame .media-frame-toolbar {
	bottom: 57px
}

.wp-core-ui .attachment.details .check, .wp-core-ui .attachment.selected .check:focus, 
.wp-core-ui .media-frame.mode-grid .attachment.selected .check {
	background-color: #4777CD!important
}

.wp-core-ui .attachment.details {
    box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #4777CD!important;
}

/*************************************/
/* CUSTOM FIELDS */
/*************************************/

#postcustomstuff table {
    border: 1px solid #dde1ea!important;
    background-color: #f8f9fb!important;
}

#postcustomstuff thead th {
	background-color: #f2f4f8!important;
    border-bottom: 1px solid #dde1ea!important;
	text-transform: uppercase;
	font-size: 11px
}

#postcustomstuff thead tr {
	background: none!important;
}

/*************************************/
/* META LINKS */
/*************************************/

#screen-meta, #screen-meta-links {
	margin: 0px
}

#screen-options-link-wrap, 
#contextual-help-link-wrap {
	background: none;
	box-shadow: none
}

#screen-options-link-wrap .button, 
#contextual-help-link-wrap .button {
	background: none!important;
	border: 0px!important;
}

#screen-options-link-wrap .button:hover, 
#contextual-help-link-wrap .button:hover {
	background: #fff!important;
}

/*************************************/
/* GUTENBERG EDITOR */
/*************************************/

/* gutenberg wrapper */

.block-editor .block-editor__container {
    background: #fff;
    min-height: calc(100vh - 50px)!important;
}

.wp-admin-spacing .block-editor .block-editor__container {
    min-height: calc(100vh - 172px)!important;
}

/* gutenberg toolbar */

.block-editor .edit-post-header {
    top: 50px;
    left: 200px!important;
    box-shadow: 0px 0px 60px rgba(69, 101, 173, 0.2);
    z-index: 999;
    border-bottom: 0px;
}

.wp-admin-spacing .block-editor .edit-post-header {
    position: absolute;
	top: 0px;
	right: 0px;
    left: 0px!important;
}

.folded .block-editor .edit-post-header {
    left: 36px!important;
}

.block-editor .editor-inserter__tabs .components-tab-panel__tabs {
    background: #f8f9fb;
}

.block-editor .editor-inserter__tab.is-active {
    border-bottom-color: #4777CD;
}

/* gutenberg sidebar */

.block-editor .edit-post-sidebar {
    top: 106px;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(69, 101, 173, 0.1);
}

.wp-admin-spacing .block-editor .edit-post-sidebar {
    position: absolute;
    top: 56px;
	right: 0px;
}

.block-editor .edit-post-sidebar .components-panel__header {
    background: #f8f9fb;
}

.block-editor .edit-post-sidebar__panel-tab.is-active {
    border-bottom-color: #4777CD;
}

.wp-admin-spacing .block-editor .edit-post-layout .editor-post-publish-panel {
    position: absolute!important;
    top: 0px!important;
}

/*.wp-admin-spacing .block-editor .edit-post-layout .components-notice-list {
    position: absolute!important;
    left: 0px!important;
    right: 0px!important;
}*/

/* gutenberg title */

.block-editor .edit-post-visual-editor .editor-post-title__block {
    margin-bottom: 20px;
}

/* gutenberg content */

.block-editor .edit-post-visual-editor {
    padding: 50px 0px 0px 0px;
}

/*.block-editor .editor-writing-flow,
.block-editor .edit-post-layout__metaboxes {
    background: linear-gradient(to right, rgba(96, 145, 179, 0.07) 0%, rgba(255,255,255,0) 20%)!important;
}*/

.block-editor .edit-post-visual-editor .editor-block-list__block {
    border: 1px dashed #e6e6e6;
    margin-bottom: 20px;
}

.block-editor .edit-post-visual-editor .editor-block-list__block .editor-block-list__block {
    border: 0px;
    margin-bottom: inherit;
}

.block-editor .edit-post-visual-editor .editor-block-list__block:hover {
    box-shadow: 0px 0px 30px rgba(69, 101, 173, 0.1);
}

.block-editor .edit-post-visual-editor .editor-block-list__block:hover .editor-block-list__block,
.block-editor .edit-post-visual-editor .editor-block-list__block .editor-block-list__block:hover {
    box-shadow: none;
}

.block-editor .editor-block-list__block > .editor-block-list__insertion-point {
    z-index: 99;
}

.block-editor .editor-block-list__insertion-point-inserter .editor-inserter__toggle {
	margin-top: 0px;
	background: #4777CD;
	color: #fff;
	box-shadow: 0px 0px 30px rgba(69, 101, 173, 0.1);
}

.block-editor .components-icon-button:not(:disabled):not([aria-disabled=true]):not(.is-default):hover {
	background: #4777CD;
	color: rgba(255,255,255,0.6);
}

.block-editor .components-icon-button:not(:disabled):not([aria-disabled=true]):not(.is-default):hover,
.block-editor .components-toolbar__control.components-button:not(:disabled).is-active > svg, 
.block-editor .components-toolbar__control.components-button:not(:disabled):hover > svg,
.block-editor .components-dropdown-menu .components-dropdown-menu__toggle:focus, 
.block-editor .components-dropdown-menu .components-dropdown-menu__toggle:hover, 
.block-editor .components-dropdown-menu .components-dropdown-menu__toggle:not(:disabled):not([aria-disabled=true]):not(.is-default):hover {
	background: #4777CD;
	color: rgba(255,255,255,0.6);
	box-shadow: none;
}

.block-editor .editor-block-list__breadcrumb {
	top: -16px;
	right: -15px;
}

.block-editor .editor-block-list__breadcrumb div {
	padding: 7px;
	background: #4777CD;
}

.block-editor .editor-block-list__layout .editor-default-block-appender > .editor-default-block-appender__content, 
.block-editor .editor-block-list__layout > .editor-block-list__block > .editor-block-list__block-edit, 
.block-editor .editor-block-list__layout > .editor-block-list__layout > .editor-block-list__block > .editor-block-list__block-edit {
    margin-bottom: 16px;
    margin-top: 16px;
}

.block-editor .editor-block-list__layout > .editor-block-list__block .editor-block-list__block > .editor-block-list__block-edit {
    margin-bottom: 32px;
    margin-top: 32px;
}

.block-editor .editor-block-list__layout > .editor-block-list__block .editor-inner-blocks .editor-inner-blocks {
	padding: 10px;
}

.block-editor .editor-block-list__block > .editor-block-mover {
    top: 7px;
	left: -40px;
}

.block-editor .editor-block-list__layout .editor-block-list__block > .editor-block-list__block-edit:before {
	top: -16px;
	right: -15px;
	bottom: -16px;
	left: -15px;
}

.block-editor .editor-block-list__layout .editor-block-list__block.is-hovered > .editor-block-list__block-edit:before {
	outline: 1px solid #4777CD;
}

.block-editor .editor-block-list__block .editor-block-contextual-toolbar {
	z-index: 999;
	margin-left: -16px;
	transform: translateY(-54px);
}

.block-editor .editor-block-list__block .editor-block-contextual-toolbar .components-icon-button {
	border-radius: 0px;
}

/* gutenberg metaboxes */

.block-editor .edit-post-layout__metaboxes {
    padding: 40px!important;
    background: #f8f9fb;
    margin: 0px!important
}

.block-editor .edit-post-meta-boxes-area {
    max-width: 1000px!important;
	margin-left: auto!important;
	margin-right: auto!important;
}

/* gutenberg admin notice */

.block-editor .components-notice-list {
   	position: static!important;
	z-index: 998;
}

.block-editor .components-notice-list .components-notice {
	margin: 0px!important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.block-editor .components-notice-list .components-notice.is-warning {
	border-bottom: 1px solid rgba(240, 184, 73, 0.2);
}

.block-editor .components-notice-list .components-notice.is-success {
	border-bottom: 1px solid rgba(74, 184, 102, 0.2);
}

.block-editor .components-notice-list .components-notice.is-error {
	border-bottom: 1px solid rgba(217, 79, 79, 0.2);
}

.block-editor .components-notice-list .components-notice.is-info {
	border-bottom: 1px solid rgba(0, 160, 210, 0.2);
}

.block-editor .components-notice-list .components-notice:last-child {
	border-bottom: 0px;
}

/*************************************/
/* POST / PAGE PERMALINK */
/*************************************/

#edit-slug-box, #comment-link-box {
    padding: 0px;
    margin-bottom: 10px
}

#edit-slug-box .button {
    height: 23px;
    vertical-align: baseline;
}

/*************************************/
/* EDITOR */
/*************************************/

button.wp-switch-editor {
	background: #fff
}

.wp-media-buttons .button, 
.wp-media-buttons button {
	margin: 8px 8px 8px 0px!important;
}

.wp-editor-tabs {
    position: absolute;
    bottom: 0px;
	right: 0px
}

.wp-switch-editor {
	height: auto!important
}

.tmce-active .switch-tmce, 
.html-active .switch-html {
	background: #f8f9fb!important;
	border-bottom-color: #f8f9fb!important
}

#wp-content-editor-tools {
	background: #f2f4f8
}

.quicktags-toolbar, 
div.mce-toolbar-grp {
    background: #f8f9fb!important;
	border-color: #dde1ea!important
}

.quicktags-toolbar {
    padding: 0px!important;
}

.quicktags-toolbar input.ed_button.button.button-small {
    margin: 0px!important;
	background: #f8f9fb!important;
	border: 0px!important;
	border-right: 1px solid #dde1ea!important;
	height: auto!important;
	padding: 4px 9px 4px 9px!important;
	border-radius: 0px!important
}

.quicktags-toolbar input.ed_button.button.button-small:hover {
	background: #fff!important;
}

.qt-dfw {
   margin: 3px 3px 0 0!important;
}

.wp-editor-container {
	box-shadow: none
}

.wp-editor-area, 
#template textarea {
	padding: 15px!important;
	background: #fff
}

div.mce-statusbar {
	position: absolute;
	bottom: 0px;
	right: 0px;
	border: 0px!important
}

div.mce-path {
    display: none
}

/* word count */

.wp-editor-expand #post-status-info, 
#post-status-info {
	background: #fff;
	border-color: #dde1ea;
	border-top: 0px!important
}

#wp-word-count, .autosave-info {
    padding: 6px 10px;
	color: #a0a0a0
}

/*************************************/
/* NOTICE */
/*************************************/

.notice-warning, 
.notice-warning.notice-alt {
	background: #fdfaf1
}

.updated.notice, 
.updated, 
.notice-success {
	background: #fcfff6
}

.plugins .active th.check-column, 
.plugin-update-tr.active td {
	border-color: #4777CD
}

.error {
	background: #f7e6e6!important
}

.notice p, 
.notice-title, 
div.updated p, 
div.error p, 
.form-table td 
.notice p {
	margin: 8px 0px!important;
}

.post-state {
	background-color: #4777CD;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	padding: 3px 6px;
	border-radius: 3px;
    margin: 0px 4px;
}

.status-draft .post-state {
	background-color: #dab35f;
}

.status-pending .post-state {
	background-color: #da905f;
}

.status-private .post-state, .post-password-required .post-state {
	background-color: #222222;
}

.status-future .post-state {
	background-color: #a0c96a;
}

mark.instock, mark.outofstock {
	background-color: #a0c96a!important;
	color: #fff!important;
	text-transform: uppercase;
	font-size: 10px;
	padding: 3px 6px;
	border-radius: 3px
}

mark.outofstock {
	background-color: #da905f!important;
}

/*************************************/
/* THEME */
/*************************************/

.theme-browser .theme .theme-name {
	height: 23px;
    padding: 12px;
}

.theme-browser .theme.active {
	border-color: #4777CD;
}

.theme-browser .theme.active .theme-name {
	background-color: #4777CD;
	box-shadow: none
}

.theme-browser .theme.active .theme-actions {
	background: rgba(49,49,49,0.2);
}

.theme-browser .theme h2 {
	color: #23282d;
}

.theme-browser .theme.active h2 {
	color: #fff
}


.theme:not(.active) {
	opacity: 0.5
}

.theme:not(.active):hover {
	opacity: 1
}

.theme-browser .theme.add-new-theme a:hover:after, .theme-browser .theme.add-new-theme a:focus:after {
	background-color: #4777CD;
}

.theme-browser .theme.add-new-theme a:hover span:after, .theme-browser .theme.add-new-theme a:focus span:after {
    color: #4777CD;
}

/*************************************/
/* WIDGETS */
/*************************************/

.widgets-sortables {
	padding: 15px!important
}

#widgets-left .widgets-sortables {
	padding: 0px!important
}

div#widgets-right .sidebar-name h2, 
div#widgets-right .sidebar-name h3 {
    padding: 5px 0px;
}

div#widgets-right .sidebar-description,
#widgets-left .sidebar-description {
	margin: 10px 0px 20px 0px;
}

#widgets-right .widgets-holder-wrap .description {
    padding: 0px!important;
}

.widgets-sortables h2 {
	color: #23282d;
}

.sidebar-name .sidebar-name-arrow:before {
	padding: 4px!important
}

#available-widgets .widget {
	width: 48%!important;
}

.widget .widget-top {
    background: #f8f9fb;
    border: 1px solid #dde1ea;
}

.widget.widget-in-question .widget-top {
    border: 1px solid #dde1ea!important;
}

.widget.open .widget-top,
#available-widgets .widget:hover .widget-top {
	background-color: #4777CD;
    border: 1px solid #4777CD!important;
	color: #fff;
}

.widget.open .widget-top h3,
#available-widgets .widget:hover .widget-top h3 {
	color: #fff;
}

.widget.open .widget-top h3 span {
	color: rgba(255,255,255,0.6)!important
}

#available-widgets .widget:not(.widget-in-question) {
	margin-bottom: 20px;
}

#available-widgets .widget:not(.widget-in-question) .widget-description {
	display: none;
	position: absolute;
	top: 90%;
	right: 20px;
	left: 20px;
	z-index: 2;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
}

#available-widgets .widget:not(.widget-in-question) .widget-description:before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -4px;
	border: solid 8px transparent;
	border-bottom-color: #fff;
}

#available-widgets .widget:not(.widget-in-question):hover .widget-description {
	display: block
}

#widgets-right .widget:not(.open) .widget-top:hover {
	background: #fff
}

.widget-liquid-left #widgets-left.chooser #available-widgets .widget-in-question {
	padding: 10px;
	background: #fff;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
	margin-bottom: 20px;
}

.remove-inactive-widgets {
	margin-top: 40px
}

.widgets-chooser ul,
.widgets-chooser li {
	border-color: #dde1ea!important;
	box-shadow: none;
    font-size: 12px;
}

.widgets-chooser li.widgets-chooser-selected {
	background-color: #4777CD
}

.widgets-chooser-actions button {
	height: 28px!important;
	padding: 0px 10px!important;
	font-size: 13px!important
}

/*************************************/
/* MENU MANAGEMENT */
/*************************************/

#menu-management {
	background: #fff
}

.nav-menus-php #post-body {
	padding: 15px
}

.nav-menus-php #post-body h3:first-of-type {
	margin-top: 0px
}

.menu li.menu-item-edit-active .menu-item-handle {
	background-color: #4777CD;
	border-color: #4777CD;
	color: #fff;
	box-shadow: none
}

.menu li .menu-item-handle .item-type,
.menu li .menu-item-handle .is-submenu {
	color: rgba(0,0,0,0.4)!important
}

.menu li.menu-item-edit-active .menu-item-handle .item-type,
.menu li.menu-item-edit-active .menu-item-handle .is-submenu {
	color: rgba(255,255,255,0.6)!important
}

.menu-item-edit-active .menu-item-settings {
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
}

.nav-menus-php .metabox-holder h3:hover {
	background: #f8f9fb
}

.menu-item-bar .menu-item-handle:hover {
	background: #fff
}

/*************************************/
/* MULTISITE */
/*************************************/

#myblogs .form-table {
	margin: 0px!important
}

.my-sites li {
	margin: 0px 20px 20px 0px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
	border: 1px solid #dde1ea!important;
	border-radius: 3px;
	background: #fff!important
}

.my-sites.striped li:after {
	background: none!important
}

.network-admin .nav-tab-wrapper {
	margin-bottom: 30px!important
}

#network_dashboard_right_now form input {
	width: 100%;
	margin: 0px 0px 10px 0px!important
}

#network_dashboard_right_now .youhave {
	margin-top: 0px!important
}

#network_dashboard_right_now p .button {
    vertical-align: middle!important;
}

/*************************************/
/* DASHBOARD */
/*************************************/

#dashboard_quick_press form {
    margin: 0px;
}

#dashboard_primary .inside {
	padding: 0px!important
}

#dashboard_primary .rss-widget {
	padding-left: 15px;
	padding-right: 15px
}

#dashboard_primary .activity-block {
	padding: 15px
}

#dashboard_primary .community-events-results.activity-block {
	padding: 0px
}

#dashboard_activity .activity-block {
	padding: 0px 15px 10px 15px;
	margin: 0 -15px;
}

#dashboard_activity #latest-comments h3 {
	margin: 10px 0px
}

#dashboard_activity #latest-comments #the-comment-list {
    margin: 0 -15px;
}

#activity-widget #latest-comments #the-comment-list .comment-item {
	padding: 15px;
}

#dashboard_activity .subsubsub {
    margin: 0 -15px!important;
}

#dashboard_activity #activity-widget #the-comment-list .comment-item {
	background: #f8f9fb
}

.top-10-posts tr:nth-child(even) {
    background: #f8f9fb!important;
}

/*************************************/
/* WP FOOTER */
/*************************************/

#wpfooter {
    bottom: 5px;
    left: 60px;
}

#footer-upgrade {
	text-align: right
}










ul.category-tabs li.tabs, ul.add-menu-item-tabs li.tabs, .wp-tab-active {
	background: #f8f9fb;
	border: 1px solid #dde1ea!important;
	border-bottom: 1px solid #f8f9fb!important;
}

.wp-tab-panel, .categorydiv div.tabs-panel, .customlinkdiv div.tabs-panel, .posttypediv div.tabs-panel, .taxonomydiv div.tabs-panel {
	background: #f8f9fb;
	border-color: #dde1ea!important;
}







#major-publishing-actions {
    border-top: 0px;
    background: #fff;
    margin: 15px -15px -15px -15px;
	padding: 10px 15px;
}

#minor-publishing-actions {
    padding: 0px;
}

#misc-publishing-actions {
	padding-top: 10px;
}

.misc-pub-section {
    padding: 5px 20px 5px 0px;
}

/*************************************/
/* ACF */
/*************************************/

.block-editor .acf-block-body.is-edit * {
	font-size: 14px;
}

.block-editor .acf-block-body.is-edit {
	/*margin: -32px -15px -32px -15px;*/
}
    
.block-editor .acf-block-body.is-edit input,
.block-editor .acf-block-body.is-edit textarea {
	border-color: #ddd!important;
}

.acf-input-prepend, .acf-input-append {
	/*height: 20px!important;*/
	background: #f8f9fb!important;
	border-color: #dde1ea!important
}

.acf-fields.-sidebar:before {
	background: #f8f9fb!important;
	border-color: #dde1ea!important
}

.block-editor .acf-tab-group {
	padding: 10px 10px 0px 10px!important;
}

.acf-tab-group li a {
	border-color: #dde1ea!important;
    background: #fff!important;
}

.block-editor .acf-tab-group li a {
    background: #f2f4f8!important;
	color: #686868!important;
}

.acf-tab-group li a:hover {
    background: #dde1ea!important;
}

.block-editor .acf-tab-group li a:hover {
    background: #fff!important;
}

.acf-tab-group li.active a {
    padding-bottom: 6px!important;
	border-bottom: 1px solid #f2f4f8!important;
    background: #f2f4f8!important;
}

.block-editor .acf-tab-group li.active a {
	border-bottom: 1px solid #fff!important;
    background: #fff!important;
}

.acf-table .acf-tab-group li.active a, #poststuff .acf-tab-group li.active a {
    background: #fff!important;
	border-bottom-color: #fff!important
}

.acf-table .acf-tab-group li a, #poststuff .acf-tab-group li a {
    background: #f2f4f8!important;
}

#poststuff .acf-tab-wrap.-left .acf-tab-group li a {
    background: #f8f9fb!important;
}

#poststuff .acf-tab-wrap.-left .acf-tab-group li a:hover {
    background: #f2f4f8!important;
}

#poststuff .acf-tab-wrap.-left .acf-tab-group li.active a {
	background: #fff!important;
    padding-bottom: 10px!important;
	border-bottom-color: #dde1ea!important
}

.acf-tab-wrap.-left .acf-tab-group li a {
	background: #f8f9fb!important;
	border-color: #dde1ea!important
}

.acf-button-group label.selected {
    border-color: #4777CD!important;
    background: #4777CD!important;
}

.acf-fields:not(.-left) .acf-field-message {
	padding: 8px 15px!important;
	box-shadow: 1px 2px 7px rgba(0,0,0,0.04);
}

.acf-fields:not(.-left) .acf-field-message:before {
	content: '';
	position: absolute;
	top: 100%;
	left: 13px;
	border: solid 9px transparent;
	border-top-color: #eee;
	margin: 0px 0px -1px -1px
}

.acf-fields:not(.-left) .acf-field-message:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 13px;
	border: solid 8px transparent;
	border-top-color: #fff;
}

.acf-fields:not(.-left) .acf-field-message > .acf-label {
    margin: 0px!important;
}

.acf-fields:not(.-left) .acf-field-message > .acf-label label {
	display: inline-block!important;
	width: auto;
	color: #4777CD;
    position: relative;
    padding: 3px 0px 0px 19px!important;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 13px!important;
    font-weight: 600!important;
	z-index: 2
}

.acf-fields:not(.-left) .acf-field-message > .acf-label label:before {
    content: "\f111";
    font-family: dashicons;
    position: absolute;
    top: 3px;
    left: 0px;
    font-size: 14px;
}

.acf-fields:not(.-left) .acf-field-message > .acf-input p:after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 6px;
	border: solid 6px transparent;
	border-bottom-color: #f8f9fb;
}

.acf-fields:not(.-left) .acf-field-message > .acf-input p {
	position: relative;
	display: inline-block;
	margin-top: 10px!important;
	background: #f8f9fb;
	border-radius: 2px;
	padding: 6px 8px;
	box-shadow: 1px 2px 3px rgba(0,0,0,0.06);
	font-size: 12px
}

.acf-fields > .acf-field {
	border-top: 0px!important;
	border-bottom: #EEEEEE solid 1px!important;
}

ul.acf-radio-list.acf-hl li {
	margin: 0px 10px 10px 0px!important
}

.acf-radio-list label {
	padding: 4px 8px 4px 5px;
	border-radius: 15px;
	border: 1px solid #eee;
	background: #f8f9fb
}

.acf-radio-list label.selected {
	background: #4777CD;
	color: #fff;
	border-color: #4777CD
}

.acf-radio-list input[type=radio] {
	margin: -3px 5px 0 0!important	
}


.acf-repeater > table {
    background: #f8f9fb!important;
	border-color: #dde1ea!important
}

.acf-repeater .acf-row-handle.order {
    background: #f8f9fb!important;
}

.acf-repeater .acf-row-handle.order + td {
    border-color: #dde1ea!important
}

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

.acf-repeater .acf-row-handle.remove {
    background: #f8f9fb!important;
	border-color: #dde1ea!important
}

.acf-fields.-left > .acf-field:before {
    background: #f8f9fb!important;
	border-color: #dde1ea!important
}

.acf-switch.-on {
	background-color: #4777CD!important;
	box-shadow: none!important;
}

.acf-switch {
    background: #f8f9fb!important;
    box-shadow: inset 0 0 1px rgba(195, 203, 220, 1)!important;
}

.acf-switch .acf-switch-slider {
    border-color: #dde1ea!important
}

.acf-switch.-on .acf-switch-slider {
    border-color: #fff!important
}

.acf-tab-wrap.-left .acf-tab-group li a {
	color: #4777CD!important
}

/* image uploader actions */

.acf-image-uploader img {
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
	border: 6px solid #fff;
    background: #f2f4f8!important;
}

.acf-image-uploader .acf-actions {
    top: 50%!important;
	right: auto!important;
    left: 50%!important;
	transform: translate(-50%, -50%);
	white-space: nowrap;
	background: rgba(255,255,255,0.8);
	padding: 4px;
	border-radius: 20px
}

.acf-image-uploader .acf-actions a {
	margin: 0px 2px!important;
	background-color: #4777CD!important;
}

.acf-image-uploader .acf-actions a.acf-icon.-pencil:hover {
	color: rgba(255,255,255,0.5)!important
}

/* image file uploader */

.acf-image-uploader:not(.has-value) .hide-if-value {
	display: inline-block;
    background: #f8f9fb!important;
	border: 1px solid #dde1ea!important;
	padding: 3px 3px 3px 8px;
	border-radius: 3px
}

.acf-image-uploader:not(.has-value) .hide-if-value a {
    margin-left: 10px;
	vertical-align: baseline!important
}

.acf-image-uploader:not(.has-value) .hide-if-value p {
    margin: 0px!important;
}

.acf-fields > .acf-field, .inside.acf-fields > .acf-field,
.acf-field-tab .acf-fields > .acf-field{
    padding: 15px;
}


.acf-editor-wrap.delay .acf-editor-toolbar {
	background: #f8f9fb!important;
    border-color: #dde1ea!important;
}

.acf-url input[type="url"] {
    padding-left: 25px!important;
}

.acf-field code {
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    background: #f2f4f8!important;
	border-radius: 3px;
    font-size: 12px!important;
	padding: 2px 7px 2px 5px!important;
    margin: 0px 2px!important;
}

#acf-field-group-fields .inside,
.acf-postbox .inside {
	padding: 0px!important;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
}

.acf-field-object.open > .handle {
    background-color: #4777CD!important;
    border-color: #4777CD!important;
    text-shadow: none!important;
    margin: 0px!important;
}

.acf-table tr.acf-field > td.acf-label,
.acf-tfoot {
	background: #f8f9fb!important;
	border-color: #dde1ea!important;
}

.acf-field-list {
    background: #f8f9fb!important;
}

.acf-thead > li {
    font-size: 11px!important;
    font-weight: 600!important;
    text-transform: uppercase!important;
}

.acf-thead {
	background: #f8f9fb!important;
}

.acf-box .footer {
	background-color: #4777CD!important;
	color: #fff!important
}

.acf-box .footer a {
	color: #fff!important
}

.form-table > tbody > .acf-field > .acf-input {
	padding-right: 0px!important
}

/*************************************/
/* YOAST SEO */
/*************************************/

#wp-admin-bar-wpseo-menu {
    display: none
}

th.column-wpseo-score,
th.column-wpseo-score-readability,
th.column-wpseo-links,
th.column-wpseo-linked {
	text-align: center
}

th.column-wpseo-score span:before,
th.column-wpseo-score-readability span:before,
th.column-wpseo-links span:before,
th.column-wpseo-linked span:before {
	background-size: 16px!important
}

.wpseo-tab-video-container {
	display: none
}

.wpseotab {
	padding: 15px;
	background-color: #f8f9fb!important;
	border-color: #dde1ea!important;
}

#wpseo-conf .wpseotab {
	padding: 0px!important;
	background: none!important;
}

ul.wpseo-metabox-tabs li.active {
	background: #f8f9fb!important;
	border: 1px solid #dde1ea!important;
	border-bottom: 1px solid #f8f9fb!important;
}

ul.wpseo-metabox-tabs li.active em {
	font-style: normal!important
}

.yoast-container {
    margin: 20px 0px 20px 0px!important;
    padding: 0px!important;
    border: 0px!important;
    background: none!important;
    box-shadow: none!important;
}

.yoast-alerts .yoast-container h3 {
    margin: 0px!important;
    padding: 10px 0px!important;
    border-bottom: 0px!important;
    background: none!important;
    font-size: initial!important;
}

.switch-light.switch-yoast-seo a, .switch-toggle.switch-yoast-seo a {
	background: #4777CD!important;
	box-shadow: none!important;
	border: 0px!important
}

.switch-light.switch-yoast-seo>span, .switch-toggle.switch-yoast-seo {
	box-shadow: none!important;
	background: #f8f9fb!important;
	border: 1px solid #dde1ea!important;
}

.fieldset-switch-toggle legend, .switch-light.switch-yoast-seo>strong {
    font-weight: initial!important;
	padding: 0px 0px 10px 0px;
}

.yoast-sidebar__title {
	display: none
}

.wp-admin #wpadminbar .yoast-issue-counter {
	border-radius: 10px!important;
	padding: 0px 5px 1px 5px!important
}

#wpadminbar .yoast-issue-counter span {
	font-size: 10px!important
}

.wpseo-metabox-sidebar {
	margin-top: 36px!important;
}

.wpseo-metabox-sidebar li {
	width: 100%!important;
	padding: 5px 0px!important;
	border: 1px solid #dde1ea!important;
	text-align: center!important
}

.wpseo-metabox-sidebar li.active {
	background-color: #f8f9fb!important;
	border-right-color: #f8f9fb!important;
	position: relative;
	z-index: 1;
}

.wpseo-metabox-sidebar li.active span {
	border: 0px!important
}

.wpseo-metabox-sidebar li span {
	padding: 0px!important
}

.wpseotab {
	padding: 15px!important
}

.yoast-help-center-container,
.yoast-help-center .yoast-help-center__button,
.wpseo-metabox-buy-premium,
ul.wpseo-metabox-tabs li.wpseo-tab-add-keyword {
    display: none!important
}

.wpseosnippet .snippet-editor__label {
    font-size: inherit!important;
    font-weight: 600!important;
}

.wpseosnippet .snippet-editor__label input,
.wpseosnippet .snippet-editor__label textarea {
    font-weight: normal!important;
}

/*************************************/
/* WPML */
/*************************************/

#wpadminbar #wp-admin-bar-WPML_ALS img,
#icl_how_to_translate_link,
#icl_cfo,
.icl_pop_info_but,
#icl_set_duplicate {
    display: none
}

.icl_subsubsub {
    margin: -15px 0px 10px 0px!important
}

#icl_div_config ul {
    margin: 0px
}

/*************************************/
/* POLYLANG */
/*************************************/

#wp-admin-bar-languages {
    display: none
}

/*************************************/
/* WP FASTEST CACHE */
/*************************************/

#wpadminbar #wp-admin-bar-wpfc-toolbar-parent > .ab-empty-item::before {
    content: none
}

.toplevel_page_wpfastestcacheoptions .tabGroup select, 
.toplevel_page_wpfastestcacheoptions .tabGroup label, 
.toplevel_page_wpfastestcacheoptions .tabGroup div {
    font-size: 14px;
}

.toplevel_page_wpfastestcacheoptions .tabGroup {
    background: none!important;
    border: 0px;
    padding: 0px;
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
}

.toplevel_page_wpfastestcacheoptions .tabGroup > input[type="radio"] + label {
    border: 1px solid #dde1ea;
    border-bottom: none;
    margin-left: 0.5em;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #555;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 0px;
    background: #fff
}

.toplevel_page_wpfastestcacheoptions .tabGroup > input[type="radio"]:checked + label {
    background: none
}

.toplevel_page_wpfastestcacheoptions .tabGroup > div {
    border-top: 1px solid #dde1ea!important;
    margin-top: 0px;
}

.toplevel_page_wpfastestcacheoptions .tabGroup > div {
    border: 0px;
    background-color: transparent;
    padding: 10px 0px;
}

.toplevel_page_wpfastestcacheoptions .tabGroup div.question {
    text-align: left;
    width: 230px;
    font-weight: 600!important;
    padding: 6px 10px 6px 0px;
}

.toplevel_page_wpfastestcacheoptions .tabGroup div.inputCon {
    padding: 6px 10px;
}

.toplevel_page_wpfastestcacheoptions div.questionCon.qsubmit {
    text-align: left
}

.toplevel_page_wpfastestcacheoptions .omni_admin_sidebar {
    display: none
}

/*************************************/
/* WOOCOMMERCE */
/*************************************/

.woocommerce h1 {
	display: none
}

.woocommerce-reports-wide .postbox .chart-with-sidebar, .woocommerce-reports-wrap .postbox .chart-with-sidebar {
    padding: 15px 15px 15px 249px!important;
}

.woocommerce #order_data {
    padding: 15px;
}

.woocommerce #order_data .order_data_column {
    width: 30%;
    padding: 0 5% 0 0;
}

#woocommerce-order-actions .inside ul.order_actions li {
    padding: 0px 0px 20px 0px!important;
	border: 0px!important
}

#woocommerce-order-actions .order_actions li#actions select {
    width: 210px!important;
}

#woocommerce-order-notes ul.order_notes {
	padding: 0px!important;
	margin: 0px!important
}

#woocommerce-order-notes .inside ul.order_notes li {
	padding: 0px!important;
}

#woocommerce-order-notes div.add_note {
	padding: 0px!important;
	border: 0px!important
}

#woocommerce-coupon-data .inside, #woocommerce-order-data .inside, #woocommerce-order-downloads .inside, #woocommerce-product-data .inside, #woocommerce-product-type-options .inside {
	padding: 0px!important
}

.woocommerce_options_panel p:first-child {
	margin: 9px 0px!important
}

#woocommerce-product-images .inside #product_images_container {
	padding: 0px!important
}

#woocommerce-product-images .inside #product_images_container ul {
	margin: 0px -5px!important
}

#woocommerce-product-images .inside #product_images_container ul li.add, #woocommerce-product-images .inside #product_images_container ul li.image, #woocommerce-product-images .inside #product_images_container ul li.wc-metabox-sortable-placeholder {
    width: 120px!important;
    margin: 0px 5px 10px 5px!important;
	border: 0px!important
}

#woocommerce-product-images .inside .add_product_images {
	padding: 0px 0px 12px 0px!important;
}

#woocommerce_dashboard_status .inside {
	padding: 0px!important
}

#woocommerce_dashboard_status .wc_status_list li a strong {
	color: #4777CD!important;
}

#woocommerce-product-data ul.wc-tabs li a,
#woocommerce-product-data ul.wc-tabs {
	background: #f8f9fb!important
}

#woocommerce-product-data ul.wc-tabs li a:hover {
	background: #f2f4f8!important
}

#woocommerce-product-data ul.wc-tabs li.active {
	margin-right: -1px!important
}

#woocommerce-product-data ul.wc-tabs li.active a {
	background: #fff!important
}

/*************************************/
/* AUTOPTIMIZE */
/*************************************/

#autoptimize_main .itemDetail {
	border: 1px solid #dde1ea!important;
}

#autoptimize_main .form-table th {
	font-weight: 600
}

/*************************************/
/* WP SUPER CACHE */
/*************************************/

.settings_page_wpsupercache #nav h2 {
    float: left;
    width: 100%;
	border-color: #dde1ea!important;
}

/*************************************/
/* DEBUG BAR */
/*************************************/

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

/*************************************/
/* VISUAL COMPOSER */
/*************************************/

.vc_fullscreen .vc_navbar, .vc_subnav-fixed {
    top: 50px!important;
	padding-left: 0px!important;
	z-index: 9999!important;
}

.vc_subnav-fixed, 
body.compose-mode .vc_navbar {
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

body:not(.compose-mode) .vc_navbar {
	background-color: #f8f9fb!important;
	border-color: #eee!important;
}

body:not(.compose-mode) .vc_navbar .vc_navbar-nav > li {
	border-color: #eee!important;
}

.vc_navbar .vc_icon-btn .vc-composer-icon {
    color: inherit!important
}

.vc_navbar.vc_navgar-frontend .vc_icon-btn .vc-composer-icon {
    color: #fff!important
}

.vc_navbar .vc_icon-btn:hover {
    background: #eee!important
}

.vc_navbar.vc_navgar-frontend .vc_icon-btn:hover {
    background-color:inherit!important
}

.wpb_row_container>.wpb_vc_column>.vc_controls,
.wpb_row_container>.wpb_vc_column>.wpb_element_wrapper,
.wpb_row_container>.wpb_vc_column>.vc_controls,
.wpb_vc_row>.vc_controls>.column_move, .wpb_vc_row_inner>.vc_controls>.column_move, .wpb_vc_section>.vc_controls>.column_move {
	background-color: #f8f9fb!important;
}

.vc_controls-row .vc_control {
	background-color: #dde1ea!important;
	color: #8c93a0!important;
	margin-right: 2px
}

.vc_controls-row .vc_control-set-column {
	color: #8c93a0!important;
}

.vc_row_edit_clone_delete .vc_control {
	margin-left: 3px!important;
	margin-right: 0px
}

#wpb_visual_composer > .inside {
	padding: 0px 0px 15px 0px!important
}

.vc_navbar-header #vc_logo {
	display: none
}

.composer-switch {
	margin-top: 10px!important
}

.composer-switch a {
	background: #4777CD!important;
}

.composer-switch a.wpb_switch-to-composer {
    border-top-left-radius: 4px!important;
    border-bottom-left-radius: 4px!important;
}

.composer-switch .vc_spacer {
	background: none!important
}

.composer-switch .logo-icon {
	display: none!important
}

.vc_editor .body-spacer {
    max-width: 100%;
}

/* frontend editor mode */

body.wp-admin.compose-mode {
	padding: 0px!important
}

body.wp-admin.compose-mode .body-spacer {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: 0px!important
}

body.wp-admin.compose-mode #wpbody {
	padding: 0px!important
}

/*************************************/
/* ANTISPAM BEE PLUGIN */
/*************************************/

.ab-column.ab-arrow > ul > li:before  {
	border-color: #ccc transparent!important
}

.ab-column.ab-arrow > ul > li:after {
	border-color: #f2f4f8 transparent!important
}

.ab-column.ab-join > ul > li:before {
	border-right-color: #ccc!important
}

.ab-column.ab-diff > ul > li:before {
	border-bottom-color: #ccc!important
}

.ab-column > ul > li {
    padding: 10px 20px 15px 20px!important;
}

.ab-column--submit-service {
	width: 100%!important
}

.ab-column--submit-service p {
    padding: 0px!important;
    text-align: left!important;
    width: auto!important;
	border: 0px!important
}

.ab-column--submit-service .button {
    width: auto!important;
}

/*************************************/
/* THEME CHECK PLUGIN */
/*************************************/

#theme-check .theme-check {
	border: 0px!important
}

#theme-check .theme-check form {
	margin-left: 0px;	
}

#theme-check .theme-check form input[type=submit],
#theme-check .theme-check form select {
	margin: 0px 20px 0px 0px;	
}

#theme-check .theme-check h2 {
	background: none!important;
	border: 0px!important;
	margin: 30px 0px 10px 0px!important;
	padding-left: 0px;
}

#theme-check .theme-check h3 {
	margin-left: 0px;
}

#theme-check .theme-check p {
	padding: 0px;
}

#theme-check .theme-check .theme-info {
	margin: 0px;
	padding: 20px;
	background: #fff;
	border: 1px solid #dde1ea!important;
}

#theme-check .theme-check ul {
	margin: 0px;
}

/*************************************/
/* GOOGLE ANALYTICS DASHBOARD FOR WP */
/*************************************/

table.gadwp-settings-options {
	padding: 0px!important
}

.gadwp-settings-options td {
	padding: 0px!important
}

.gadwp-settings-options td.gadwp-settings-title {
	padding: 20px 10px 20px 0!important
}

td.gadwp-settings-title label {
	font-weight: 600;
}

.gadwp-settings-options td.gadwp-settings-roles, td.gadwp-settings-info {
	padding: 15px 0px!important
}

.button-primary.gadwp-settings-switchoo {
	width: 80px!important;
    height: 26px!important;
}

.gadwp-settings-switchoo-label {
	border: 0px!important
}

.gadwp-settings-switchoo-switch {
	right: auto!important
}

.gadwp-settings-switchoo-checkbox:checked+.gadwp-settings-switchoo-label .gadwp-settings-switchoo-switch {
	right: 0px!important
}

.gadwp-settings-switchoo-inner:before, .gadwp-settings-switchoo-inner:after {
    height: 24px!important;
	line-height: 24px!important
}

.gadwp-settings-switchoo-inner:before {
	padding-left: 10px!important;
}

.gadwp-settings-switchoo-inner:after {
	padding-right: 10px!important;
    color: #555!important;
}

.toplevel_page_gadash_settings hr,
.google-analytics_page_gadash_frontend_settings hr {
	display: none!important
}

.gadwp-settings-options .submit .button {
	margin-top: 20px
}

#gadwp-widget .inside .small-box {
	box-shadow: none!important
}

/*************************************/
/* WP QUERY MONITOR */
/*************************************/

body.wp-admin #wpwrap #qm {
	position: fixed!important;
	top: 80px;
	right: 40px;
	bottom: 40px;
	left: 40px;
	z-index: 9999;
	min-width: auto!important;
	margin: 0px!important;
	padding: 0px!important;
	box-shadow: 0px 10px 20px rgba(0,0,0,0.6);
	background: #f2f4f8!important;
}

body.wp-admin #wpwrap #qm #qm-wrapper {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	overflow: auto;
	margin: 0px!important;
	padding: 20px!important;
}

body.wp-admin #wpwrap #qm #qm-title {
	font-weight: 600!important;
	font-style: normal!important;
	margin: 0px 0px 20px 0px!important
}

body.wp-admin #wpwrap #qm #qm-title p {
    margin: 0px!important;
}

body.wp-admin #wpwrap #qm .qm {
    margin: 0px!important;
    padding: 0px 0px 20px 0px!important;
}

.query-monitor-close {
	position: absolute;
	top: -20px;
	right: -20px;
	width: 35px;
	height: 35px;
	z-index: 1;
	padding: 5px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	font-size: 20px;
	border-radius: 50%;
	text-align: center;
	cursor: pointer
}
.query-monitor-close:hover {
	background: rgba(0,0,0,0.8);
}

/*************************************/
/* CONTENT AWARE SIDEBARS */
/*************************************/

.cas-widget-manager:not(.widgets_access) .wrap h1 {
    margin-left: 0px!important;
}

.cas-widget-manager:not(.widgets_access) #available-widgets {
    position: static!important;
    top: auto!important;
    padding: 0px!important;
    left: auto!important;
    width: 100%!important;
    background: none!important;
    box-shadow: none!important;
    border: 0px!important;
}

.cas-widget-manager:not(.widgets_access) #available-widgets:not(.closed) #widget-list {
    position: relative!important;
    top: auto!important;
    padding: 0px!important;
    overflow: visible!important;
    width: 100%!important;
    bottom: auto!important;
}

.cas-widget-manager:not(.widgets_access) #available-widgets #widget-list {
    border: 0px!important;
    padding: 0px!important;
    margin: 0px!important;
    background: none!important;
}

.cas-widget-manager:not(.widgets_access) #widgets-left #available-widgets .widget:nth-child(even) {
    float: right!important;
    margin-left: 0px!important;
}

.widget-liquid-right .widgets-holder-wrap .cas-settings {
    border: 0px!important;
    background-color: transparent!important;
    margin-left: 0px!important;
    margin-right: 0px!important;
}

.widget-liquid-right .widgets-holder-wrap .cas-sidebar-link {
    border: 0px!important;
    padding: 0px 5px!important;
}

/*************************************/
/* ENFOLD THEME */
/*************************************/

#wp-admin-bar-avia {
    display: none
}

#avia_options_page {
    width: auto!important;
    max-width: 100%!important;
    margin-top: 40px!important
}

/* buttons */

#wpwrap .avia_button {
    line-height: inherit!important;
    padding: 3px 10px!important;
    font-family: inherit!important;
}

#poststuff .avia-builder-button {
    margin: 0px!important
}

/* selects */

#wpwrap .avia_style_wrap select {
    min-height: auto!important;
    padding-right: 40px!important
}

#avia_options_page .avia_select_fake_val {
    line-height: inherit!important;
    padding: 5px 9px!important;
}

/* modals */

.avia-modal {
    top: 80px!important
}

.avia-modal-tab-container-inner {
    box-sizing: border-box!important;
}

/* avia layout builder */

.avia-hotkey-info {
    display: none!important
}

.avia-expanded .avia-fixed-controls {
    top: 36px!important;
    padding: 15px 15px 0px 15px!important;
    background: #fff!important;
    box-shadow: none!important
}

.avia-expanded .avia-fixed-controls .avia-expand-button {
    position: static!important
}

.postbox.avia-expanded {
    top: 0px!important;
}

.avia-tab {
    border: 1px solid #dde1ea!important;
    background: #f8f9fb!important;
    padding: 10px 10px 2px 10px!important;
}

.avia-tab-title-container a.active-tab {
    background: #f8f9fb!important;
    border: 1px solid #dde1ea!important;
    border-bottom-color: #f8f9fb!important;
}

.avia-tab .shortcode_insert_button {
    margin: 0px 8px 8px 0px!important;
}

.avia-template-save-button-container {
    right: 45px!important;
    top: 12px;
    bottom: auto!important;
}

#avia_builder a.open-template-button.button {
    padding-left: 10px!important
}

.avia-expand-button {
    top: 15px;
    right: 15px!important;
    bottom: auto!important;
}

.layout-builder-wrap {
    margin-top: 15px!important;
}

.avia-controll-bar {
    box-sizing: border-box!important;
    width: auto!important;
    top: 0px!important;
    right: 1px!important;
    left: 1px!important;
    padding: 0px!important;
    background: #f8f9fb!important;
    border-right: 0px!important;
    border-left: 0px!important;
}

.avia_layout_builder {
    box-sizing: border-box!important;
    top: auto!important;
    left: 0px!important;
    padding: 60px 0px 0px 0px!important;
    margin-bottom: 20px
}

.avia_default_container.avia_sortable_element .avia_inner_shortcode,
.avia_sortable_element .avia_textblock {
    background: #f8f9fb!important;
}

.avia_sortable_element .avia_sorthandle {
    background: rgba(0,0,0,0.1)!important;
}

/* preview meta box */

#preview .avia-form-element-container {
    padding: 8px 0px!important;
}

#preview .avia_meta_box {
    margin: 0px!important
}

#preview div.avia_meta_box_hr {
    display: none
}

#preview .avia_meta_box_heading {
    margin-bottom: 20px!important
}

#preview .avia-form-element .button {
    margin-right: 10px
}

/* side meta box */

#layout.postbox .avia-form-element-container {
    padding: 0px!important
}


/*************************************/
/* WP MEMORY */
/*************************************/

.wpat-footer-info {
    display: inline-block;
}

.wpat-footer-info-sep {
    display: inline-block;
    padding: 0px 8px;
    border-right: 1px solid #ccc;
}

.wpat-footer-info-sep:last-child {
    border-right: 0px;
    padding-right: 0px;
}

.memory-status {
	padding: 2px 6px;
    margin-left: 5px;
    color: #fff;
    font-size: 10px;
}

.field-status {
	display: inline-block;
	padding: 3px 6px;
    margin-left: 8px;
    color: #fff;
    font-size: 10px;
    border-radius: 3px;
	text-transform: uppercase;
	vertical-align: bottom
}

.field-status.visible {
	background: #46b450
}

.field-status.hidden {
	background: #daa92e
}

.sys-status {
	display: inline-block;
}

.sys-status.enable {
	color: #20bf6b;
}

.sys-status.disable {
	color: #daa92e;
}

.table-border-top td {
   border-top: 2px solid #e0e0e0; 
}

.table-border-bottom td {
   border-bottom: 2px solid #e0e0e0; 
}

.status-progressbar {
    position: relative;
    display: inline-block;
    width: 40%;
    padding: 1px 5px;
    box-sizing: border-box;
    font-size: 11px;
    color: #fff;
    vertical-align: bottom;
    box-shadow: inset 0px 0px 30px rgba(69, 101, 173, 0.1);
    overflow: hidden;
}

.status-progressbar span {
    position: relative;
    z-index: 2;
}

.status-progressbar div {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    background: #20bf6b;
}

label.color-picker {
    padding: 2px 0px 8px 0px;
	margin-right: 20px;
    vertical-align: text-bottom;
    display: inline-block;
}

.img-upload-container {
	width: 100px;
	height: 100px;
	margin: 20px 0px;
	border: 6px solid #fff;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

.button.restore {
	margin-left: 20px
}

.button.uploader {
	margin-left: 8px
}

.option-textarea {
	width: 100%;
	height: 200px;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-size: 11px;
	padding: 15px
}

.wpat-nextto-input {
	margin-right: 8px;
}

.wpat-range-value {
	vertical-align: middle;
    margin: 1px 12px 0px 0px;
}

.wpat-input-range {
	vertical-align: middle;
}

.wpat-info {
    position: relative;
	display: block;
	margin-top: 10px; 
	padding-left: 25px
}

.wpat-info:before {
	content: "\f348";
    font-family: dashicons;
    position: absolute;
    top: -3px;
    left: 0px;
    font-size: 18px;
    color: #ccc;
}

.wpat-logout {
	position: absolute;
	top: 16px;
	right: 20px
}

.wpat-logout a {
	position: relative;
	padding: 4px 6px 4px 26px;
	margin-left: 10px;
	border-radius: 3px;
	color: #fff;
	opacity: 0.8
}

.wpat-logout a:hover {
	background: rgba(255,255,255,0.1);
	opacity: 1
}

.wpat-logout a:before {
	position: absolute;
	top: 1px;
	left: 6px;
    font-size: 15px;
}

.wpat-logout a.home-btn:before {
	content: "\f102";
    font-family: dashicons;
}

.wpat-logout a.multisite-btn:before {
	content: "\f541";
    font-family: dashicons;
}

.wpat-logout a.logout-btn:before {
	content: "\f310";
    font-family: dashicons;
}

.wpat-inactive-option {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

.wpat-page-menu {
    float: left;
    width: 100%;
}

.wpat-page-menu ul {
    float: left;
    margin: 20px 0px;
    padding: 0px;
}

.wpat-page-menu li {
    float: left;
    margin: 0px 10px 10px 0px;
}

.wpat-page-menu li a {
    float: left;
    padding: 9px 13px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    box-shadow: inset 0px 0px 30px rgba(69, 101, 173, 0.1);
}

.wpat-page-menu li a:hover {
    background: #fff;
}

/* wp table featured image column */

th#featured_image {
    width: 60px;
} 

td.featured_image img {
	width: 55px;
    max-width: 55px;
    height: auto
}

th#wps_post_id {
    width: 50px;
}
	
@media only screen and (max-width: 1249px) {

	body.wp-admin-spacing.wp-admin-toolbar-hide {
		padding: 50px;
	}
    
	.body-spacer {
		box-shadow: none;
		border-radius: 0px;
		margin: 0px;
	}
	
	#wpbody {
		padding: 0px 20px 40px 20px;
	}
	
}

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

	.body-spacer {
		height: 100%;
		overflow: unset
	}
	
	#wpadminbar #wp-admin-bar-wpseo-menu,
	#wpadminbar #wp-admin-bar-query-monitor,
	#wpadminbar #wp-admin-bar-autoptimize {
		display: none!important
	}
	
	.wp-admin-left-menu-expand .wp-submenu {
		display: none;
	}
	
	#adminmenu {
		padding: 0px;
	}
	
	.wrap {
		margin: 20px 0px 0px 0px;
	}
	
	.wrap h1 {
		font-size: 27px;
		margin-bottom: 15px!important;
		padding-top: 0px!important
	}
    
    body.wp-admin-spacing #wpwrap {
        height: auto;
    }
    
    .block-editor .edit-post-header {
        left: 36px!important;
    }
	
}

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

	body.wp-admin {
		padding: 0px;
		background: #f2f4f8;
	}
    
    body.wp-admin-spacing.wp-admin-toolbar-hide {
		padding: 0px;
	}
	
	#wp-toolbar {
		height: auto;
		padding: 0px;
	}
	
	#wpbody {
		padding: 0px 15px 10px 15px;
	}
	
	#wpwrap {
		overflow: unset;
	}
	
	.auto-fold #wpcontent {
    	padding-left: 0px!important;
	}
	
	.wrap {
		padding-top: 20px;
		margin: 0px 0px 0px 0px;
		overflow: unset
	}
	
	h2 {
		margin-top: 20px;
	}
	
	.wrap .wp-heading-inline + .page-title-action {
		float: right;
	}
	
	#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
		top: 8px;
		width: 30px;
		height: 30px;
	}
	
	#adminmenu {
		margin: 0px;
		height: auto
	}
	
	.auto-fold #adminmenu .selected .wp-submenu, .auto-fold #adminmenu .wp-menu-open .wp-submenu {
		left: 0px!important
	}
	
	.wp-submenu.wp-submenu-wrap {
		background-color: #f8f9fb!important;
	}
	
	#adminmenu .wp-submenu, .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu {
		border-left: 0px!important
	}
	
	.adminmenu-container {
		display: none!important
	}
	
	li.wp-has-current-submenu {
		margin-bottom: 0px!important;
	}
	
	#adminmenu li.wp-menu-separator {
		height: 0px;
		margin: 0 0 0px 0;
	}
	
	#adminmenu .wp-has-submenu.wp-not-current-submenu.selected .wp-submenu {
		   margin-top:0px!important;
}
	
	.widefat .check-column {
		width: 35px;
	}
	
	.widefat th, .widefat thead td, .widefat tfoot td {
		font-size: 14px!important
	}
	
	.wp-list-table th#featured_image,
	.wp-list-table th.column-featured_image,
	.wp-list-table td.featured_image,
	.wp-list-table .is-expanded td.featured_image {
		display: none!important
	}
	
	.row-title {
		font-size: 14px !important;
	}
	
	
	.tablenav.top .tablenav-pages, .tablenav.top .pagination-links {
		display: block!important
	}
	
	.tablenav .tablenav-pages {
		text-align: left;
		margin: 0px
	}
	
	.tablenav-pages .pagination-links a, .tablenav-pages-navspan {
		padding: 8px 11px 8px;
	}
	
	.tablenav-pages .tablenav-paging-text {
		float: none
	}
	
	.subsubsub {
		text-align: left;
	}
	
	.subsubsub .count {
		font-size: 12px;
	}
	
	p.search-box {
		right: 20px;
		left: 20px;
		width: auto;
	}
	
	.form-table th {
		padding-top: 15px;
		padding-bottom: 10px;
	}
	
	.form-table td {
		padding: 0px;
	}
	
	.form-field input[type="text"], .form-field input[type="password"], .form-field input[type="email"], .form-field input[type="number"], .form-field input[type="search"], .form-field input[type="tel"], .form-field input[type="url"], .form-field textarea {
		width: 100%;
	}
	
	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="text"], input[type="time"], input[type="url"], input[type="week"], select {
		height: 36px!important;
		font-size: 16px!important
	}
	
	.wp-core-ui .button, .wp-core-ui .button.button-large, .wp-core-ui .button.button-small, input#publish, input#save-post, a.preview {
    	padding: 8px 14px;
	}
	
	#available-widgets .widget {
		width: auto!important;
	}
	
	.quicktags-toolbar {
		padding: 0px 0px 5px 5px!important;
	}
	
	.quicktags-toolbar input.ed_button.button.button-small {
		padding: 10px 10px 10px 10px!important;
		margin: 5px 5px 0px 0px!important;
    	border: 1px solid #dde1ea!important;
	}
	
	.quicktags-toolbar .qt-dfw {
		display: none!important
	}
	
	#menu-management-liquid {
		width: 100%;
	}
	
	h1 .nav-tab, h2 .nav-tab, h3 .nav-tab,
	h1 .nav-tab:hover, h2 .nav-tab:hover, h3 .nav-tab:hover {
		border-bottom: 1px solid #dde1ea!important;
	}
	
	.menu-item-handle .item-title {
		margin-right: 60px;
	}
	
	.wpseo-metabox-sidebar {
		margin-top: 0px!important;
		width: 100%!important;
		margin: 0px 0px 10px 0px!important;
	}
	
	.wpseo-metabox-sidebar ul {
		width: 100%!important
	}
	
	.wpseo-metabox-sidebar li {
		width: 25%!important
	}
	
	.wpseo-meta-section-link .dashicons, .wpseo-meta-section-link .yst-traffic-light-container {
		padding-top: 5px!important
	}
    
    .block-editor .edit-post-layout.has-fixed-toolbar {
        padding-top: 56px;
    }
    
    .block-editor .edit-post-header {
        left: 0px!important;
    }
	
}

@media only screen and (max-width: 600px) {
	
    body.wp-admin-spacing.wp-admin-toolbar-hide {
		height: calc(100vh - 0px);
	}
    
    body.block-editor-page #wpbody {
        padding: 0px 0px 10px 0px;
    }
    
    body.wp-admin-spacing .block-editor .edit-post-header {
        top: 46px;
    }

	.wrap {
		margin: 46px 0px 0px 0px;
	}
	
}