/* Custom admin style - copy this file and configure it in aquila-admin-theme.php on plugin upgrade
   Configure base back-office cms style in  aquila settings
   primary colour - #ff4000
   secondary colour - #ff6b000
   Link text colour -  #212121
   Menu Background Color - #12161f
   Menu Text Color - #fff
  */
@import url('https://cdn.linearicons.com/free/1.0.0/icon-font.min.css');

/* Admin body  */
#wpbody-content .wrap{

}
#wpwrap{
  background-color: #e5e8f3;
}
#wpadminbar{
  background: #12161f;
}
html.wp-toolbar body.wp-admin {
  font-family: 'Ubuntu', sans-serif !important;
}

body.wp-admin #update-nag, body.wp-admin .update-nag{
  display: none;
}

body.wp-admin #adminmenuback,
body.wp-admin #adminmenuwrap,
body.wp-admin #adminmenu{
  background: #fff;
}

body.wp-admin #adminmenu a, body.wp-admin #adminmenu div.wp-menu-image:before{
  color: #212121 !important;
}

body.wp-admin #adminmenu .wp-submenu,
body.wp-admin #adminmenu .wp-has-current-submenu .wp-submenu,
body.wp-admin #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
body.wp-admin #adminmenu a.wp-has-current-submenu:focus + .wp-submenu{
  background: #fff;
}
/* Admin page edit style*/
.edit-post-fullscreen-mode-close.has-icon,
.edit-post-more-menu,
.editor-post-switch-to-draft,
.components-snackbar,
.components-panel__body.edit-post-last-revision__panel.is-opened,
.components-notice.is-warning.is-dismissible
{
  display: none !important;
}
/* Admin page edit style*/

/* Admin side bar  */
ul#adminmenu div.wp-menu-name{
  font-family: "Yanone Kaffeesatz","Arial Narrow",Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  font-size: 16px;
}

ul#adminmenu li.wp-first-item{
  display: none;
}
#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
body.wp-admin #adminmenu a.wp-not-current-submenu:hover
{
  background-color: transparent !important;
}

body.wp-admin #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu[aria-haspopup="false"] + .wp-submenu li{
  margin-left: 60px;
}
body.wp-admin #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
body.wp-admin #adminmenu .wp-menu-arrow,
body.wp-admin #adminmenu .wp-menu-arrow div,
body.wp-admin #adminmenu li.current a.menu-top,
body.wp-admin #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
body.wp-admin #adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
body.wp-admin #adminmenu a.current div.wp-menu-image:before,
body.wp-admin #adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
body.wp-admin #adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before
{
  background: #48505f !important;
  color: #fff !important;
}

body.wp-admin #adminmenu .wp-submenu a:hover,
body.wp-admin #adminmenu li > a.menu-top:focus
{
  background-color: transparent;
}

ul#adminmenu #collapse-button .collapse-button-label{
  display: none;
}
body.wp-admin #adminmenu #collapse-button:hover,
body.wp-admin #adminmenu #collapse-button:target,
body.wp-admin #adminmenu #collapse-button:target,
body.wp-admin #adminmenu #collapse-button:focus,
body.wp-admin #adminmenu #collapse-button,
body.wp-admin #adminmenu .wp-submenu .wp-submenu-head{
  color: #212121;
  background-color: transparent;
}

ul#adminmenu div.wp-menu-name,
#adminmenu div.wp-menu-image:before,
body.wp-admin #adminmenu .wp-submenu a,
#adminmenu .wp-has-current-submenu .wp-submenu a
{
  text-transform: capitalize !important;
}
body.wp-admin #adminmenu .wp-submenu a, #adminmenu .wp-has-current-submenu .wp-submenu a{
  color: #212121 !important;
  font-size: 14px;
}
body.wp-admin #adminmenu .wp-submenu li.current a{
  color: #007ff5 !important;
}

#collapse-button[aria-expanded="true"] .collapse-button-icon:after{
  content: "\00d7";
  font-size: 42px !important;
  left: 170px;
}
#collapse-button[aria-expanded="false"] .collapse-button-icon:after{
  content: "\f228";
  font-size: 33px !important;
}

/* Admin page buttons  */
body.wp-admin .wrap .page-title-action:hover,
body.wp-core-ui .button:hover
{
  border: 1px solid !important;
  border-color: #ff6b00 ;
  background-color: #fff;
  color:#ff6b00;
}

body.wp-admin .wrap .page-title-action,body.wp-core-ui .button{
  background-color: #ff6b00;
}
body.wp-admin #adminmenu .opensub .wp-submenu li.current a, body.wp-admin #adminmenu .wp-submenu li.current, body.wp-admin #adminmenu .wp-submenu li.current a, body.wp-admin #adminmenu .wp-submenu li.current a:focus, body.wp-admin #adminmenu .wp-submenu li.current a:hover, body.wp-admin #adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a
{
  font-weight: normal !important;
}

/* Inputs*/
.wp-core-ui input[type=text], .wp-core-ui input[type=search], .wp-core-ui input[type=tel], .wp-core-ui input[type=time], .wp-core-ui input[type=url], .wp-core-ui input[type=week], .wp-core-ui input[type=password], .wp-core-ui input[type=color], .wp-core-ui input[type=date], .wp-core-ui input[type=datetime], .wp-core-ui input[type=datetime-local], .wp-core-ui input[type=email], .wp-core-ui input[type=month], .wp-core-ui input[type=number], .wp-core-ui select, .wp-core-ui textarea{
  border-bottom: 1px solid #616161;
}

body.wp-core-ui .page-title-action,
body.wp-core-ui .button
{
  color:#fff;
  font-weight: normal;
}

/* Admin Top bar  */
#wp-admin-bar-top-secondary, #wp-admin-bar-contextHelp{
  display: none;
}

body.admin-bar #wpadminbar *,
#wpadminbar .quicklinks .ab-empty-item, #wpadminbar .quicklinks a, #wpadminbar .shortlink-input{
  font-family: 'Yanone Kaffeesatz',sans-serif !important;
  font-weight: 300;
  font-size: 16px;
  text-transform: uppercase;

}
#wpadminbar #wp-admin-bar-adminTitle .ab-item{
  font-weight: 300;
}

#wpadminbar #wp-admin-bar-cms-logo{
  padding-left: 25%;
}
#cms_logo_id{
  width: 30px;
}
#wpadminbar #cms_style_section > li{
  padding-right: 10px;
  color: #7b8099;
  font-size: 20px;
  font-family: 'Yanone Kaffeesatz',sans-serif !important;
}
#wpadminbar .dashicons-before .dashicons-format-chat{
  color: #7b8099 !important;
}
#cms_bubble_icon{
  color: #7b8099 !important;
}
#cms_bubble_icon:before{
  line-height: 1.5;
}

#wpadminbar #wp-admin-bar-cms-logo:hover,
#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item{
  background-color: transparent !important;
}


/* Admin Alert/ confirmation */

html.wp-toolbar .notice.notice-success,
html.wp-toolbar div.error.notice-success,
html.wp-toolbar div.updated.notice-success,
html.wp-toolbar .notice.updated,
html.wp-toolbar div.error.updated,
html.wp-toolbar div.updated.updated {
  background: #43a047;
  color: #fff;
}


/* Admin footer note */

#wpfooter{
  display: none;
}



 /*CX0 spiiner style block*/
#CXO_Spinner_block {
  text-align: center;
  position:fixed;
  width:100%;
  #height: 10%;
  left:0;right:0;top:0;bottom:0;
  background-color: rgba(255,255,255,0.8);
  z-index:9999;
  display:none;
}

#spinner_cxo {
  content:'';
  display:block;
  position:absolute;
  left: 43%;
  top: 38%;
}

.loading-logo-spinner[_ngcontent-jbq-c4] {
  width: 80px;
}

.upper[_ngcontent-jbq-c4] {
  stroke: #ff4000;
  -webkit-animation: dash_upper 4s linear infinite;
  animation: dash_upper 4s linear infinite;
}

.lower[_ngcontent-jbq-c4] {
  stroke: #ff6b00;
  -webkit-animation: dash_lower 4s linear infinite;
  animation: dash_lower 4s linear infinite;
}


.shape[_ngcontent-jbq-c4] {
  fill: none;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
body.aquilaAdmin input[type=radio]:checked:before{
  background-color: #3582c4;
}

@-webkit-keyframes dash_upper {
  0%, 100% {
    stroke-dashoffset: -324px;
    stroke-dasharray: 324px, 324px
  }
  50% {
    stroke-dashoffset: 0;
    stroke-dasharray: 324px, 324px
  }
}

@keyframes dash_upper {
  0%, 100% {
    stroke-dashoffset: -324px;
    stroke-dasharray: 324px, 324px
  }
  50% {
    stroke-dashoffset: 0;
    stroke-dasharray: 324px, 324px
  }
}

@-webkit-keyframes dash_lower {
  0% {
    stroke-dashoffset: 0;
    stroke-dasharray: 0, 324px
  }
  50% {
    stroke-dashoffset: 0;
    stroke-dasharray: 324px, 324px
  }
  100% {
    stroke-dashoffset: -324;
    stroke-dasharray: 324px, 324px
  }
}

@keyframes dash_lower {
  0% {
    stroke-dashoffset: 0;
    stroke-dasharray: 0, 324px
  }
  50% {
    stroke-dashoffset: 0;
    stroke-dasharray: 324px, 324px
  }
  100% {
    stroke-dashoffset: -324;
    stroke-dasharray: 324px, 324px
  }
}

/*CX0 spiiner style block*/

#wpadminbar #wp-admin-bar-purge-varnish-cache .ab-icon {
  background-position-y: center;
}
.aquilaFront #wpadminbar li {
  width: 100%;
}
.aquilaFront #wpadminbar #wp-admin-bar-edit > .ab-item:before{
  content:"\e802";
  font-family: 'Linearicons-Free' !important;
}

.aquilaFront #wp-admin-bar-cms-logo,
.aquilaFront #wp-admin-bar-top-secondary,
.aquilaFront .screen-reader-shortcut,
.aquilaFront #wp-admin-bar-wp-logo,
.aquilaFront #wp-admin-bar-screenOptions,
.aquilaFront #wp-admin-bar-contextHelp,
.aquilaFront #wp-admin-bar-customize,
.aquilaFront #wp-admin-bar-updates,
.aquilaFront #wp-admin-bar-comments,
.aquilaFront #wp-admin-bar-new-content,
.aquilaFront #wp-admin-bar-new-content,
.aquilaFront #wp-admin-bar-site-name,
.aquilaFront #wp-admin-bar-purge-varnish-cache {
  display: none;
}
.aquilaFront #wpadminbar .quicklinks a {
  font-size: 14px;
}

#wpadminbar .quicklinks .ab-empty-item, #wpadminbar .quicklinks a, #wpadminbar .shortlink-input {
  height: 65px;
  line-height: 4.5;
}
#wpadminbar .quicklinks #wp-admin-bar-wp-logo a {
  height: 50px;
}
#wpadminbar .ab-icon, #wpadminbar .ab-item:before, #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon{
  font-size: 28px;
  height: 65px;
}

#wpadminbar #wp-admin-bar-cms-logo li {
  line-height: 3.5;
}