@keyframes wpc-spinner {
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes wpc-spinner {
  to {
    -webkit-transform: rotate(360deg);
  }
}

.wpclever_plugins_wrapper.wpclever_plugins_loading {
  min-height: 120px;
  position: relative;
}

.wpclever_plugins_loading:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  display: block;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  border-width: 4px;
  border-style: solid;
  border-radius: 100%;
  border-top-color: rgba(0, 0, 0, .5);
  border-left-color: rgba(0, 0, 0, .1);
  border-bottom-color: rgba(0, 0, 0, .1);
  border-right-color: rgba(0, 0, 0, .1);
  animation: wpc-spinner 1s linear infinite;
  -webkit-animation: wpc-spinner 1s linear infinite;
}

/* Menu */

body[class*="wpclever_page_"] {
  overflow-x: hidden;
}

#adminmenu .toplevel_page_wpclever .wp-menu-image img {
  width: 30px !important;
  padding-top: 2px !important;
}

#adminmenu .toplevel_page_wpclever .wp-menu-image.svg {
  background-size: 30px !important;
}

/* Dashboard Widget */

#wpclever_dashboard_widget .inside {
  padding: 0;
  margin: 0;
  max-height: 365px;
  display: inline-block;
  width: 100%;
  overflow-y: auto;
}

#wpclever_dashboard_widget.closed .inside {
  display: none;
}

#wpclever_dashboard_widget .item {
  border-bottom: 1px solid #eee;
  margin: 0;
  padding: 10px 12px;
  display: block;
}

#wpclever_dashboard_widget .item:hover {
  background-color: #fafafa;
}

#wpclever_dashboard_widget .item:last-child {
  border-bottom: none;
}

#wpclever_dashboard_widget .item a {
  display: inline-block;
  width: 100%;
  color: #23282d;
  outline: none;
  box-shadow: none;
  text-decoration: none;
}

#wpclever_dashboard_widget .item img {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 10px;
  border-radius: 2px;
}

#wpclever_dashboard_widget .item .num {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 10px;
  border-radius: 20px;
  background-color: #b05d93;
  text-align: center;
  line-height: 40px;
  color: #ffffff;
}

#wpclever_dashboard_widget .item .info {
  opacity: .5;
}

/* Welcome Page */

.wpclever_page .card {
  border-color: #eee;
  max-width: 100%;
}

.wpclever_page img {
  max-width: 100%;
  height: auto;
}

/* Settings Page */

@media only screen and (min-width: 1200px) {
  .wpclever_settings_page {
    width: 90%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
}

.wpclever_settings_page .wpclever_settings_page_header {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 100px;
  margin-top: -10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dddddd;
  position: relative;
  background-color: #ffffff;
  -webkit-box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.05);

  &:before {
    content: '';
    display: block;
    width: 2000px;
    height: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
    position: absolute;
    top: 0;
    left: -2000px;
    -webkit-box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.05);
  }

  &:after {
    content: '';
    display: block;
    width: 2000px;
    height: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
    position: absolute;
    top: 0;
    left: 100%;
    -webkit-box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.05);
  }

  p {
    margin-top: 0;
    margin-bottom: 0;
  }

  .wpclever_settings_page_header_logo {
    display: block;
    width: 90px;
    height: 90px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path fill="%23222" d="M485,159.63c0,10.8,4.8,17,13.46,17.45l1,0a14.6,14.6,0,0,0,10.18-3.84,16.27,16.27,0,0,0,4.93-11.77c.56-27.68.58-56.13.08-84.54a16.48,16.48,0,0,0-4.9-11.85,14.9,14.9,0,0,0-11-4C490,61.43,485,67.73,485,78.42q0,14,0,27.93v23.79Q485,144.89,485,159.63Z"/><path fill="%23222" d="M513.53,394.66v32h18.26c11.52,0,18.25-6.88,18.25-15.86v-.3c0-10.32-7.18-15.86-18.7-15.86Z"/><path fill="%23222" d="M685.14,316C635.43,231.68,544.28,192.34,449.2,214.2,295.42,249.55,232.77,442.33,336.79,562.77c31.36,36.32,58.74,73.44,64,122.84,1.21,11.33,8.14,14.72,18.94,11.66,14.36-4.08,28.76-8,43.25-11.6,36.45-9,73-17.77,113.31-27.56a1.35,1.35,0,0,1,1.46,2c-6.18,9.38-13.65,8.58-19.36,10-48.8,12.35-97.74,24.19-146.68,36-9.62,2.34-17.71,7-15,17.77,2.4,9.68,11.38,11.08,20.33,8.79Q502.25,711,587.44,689.07c7.5-1.93,13.29-5.39,14-14.14,3.36-43.42,27-75.68,55.6-106.49C721.78,498.58,732.43,396.26,685.14,316ZM344,330.94a180.55,180.55,0,0,1,312.67.43c4.36,7.52-3.56,16.25-11.43,12.55l-.29-.13a9.11,9.11,0,0,1-4-3.67,162.57,162.57,0,0,0-281.25-.39,9,9,0,0,1-4,3.67l-.29.14C347.49,347.19,339.61,338.45,344,330.94Zm229.39,79.13v.3c0,24.24-18.85,36.81-42.34,36.81H513.53V468a11.52,11.52,0,0,1-23,0v-82.6A11.43,11.43,0,0,1,502,373.86h31.27C558.27,373.86,573.38,388.67,573.38,410.07ZM319.61,388.52a14.87,14.87,0,0,1-.9-4.34c0-6.43,5.39-11.22,11.82-11.22a11.62,11.62,0,0,1,11.22,8.23l20.8,64.19,20.95-63.59c1.8-5.39,5.84-9.13,11.67-9.13H397c5.83,0,9.87,3.59,11.67,9.13l20.95,63.59,20.8-64.19A11.52,11.52,0,0,1,461.46,373,11.12,11.12,0,0,1,472.83,384a15.86,15.86,0,0,1-.9,4.48l-29.32,82.3c-2.1,5.84-6.44,9.43-12,9.43h-2.4c-5.53,0-9.72-3.44-11.82-9.43l-20.65-60-20.65,60c-2.09,6-6.28,9.43-11.82,9.43h-2.39c-5.54,0-9.88-3.59-12-9.43ZM658.77,516a180.57,180.57,0,0,1-316.9.44c-4.18-7.58,3.72-16.15,11.54-12.43l.29.14a9,9,0,0,1,4.06,3.82,162.57,162.57,0,0,0,285.11-.4,9.13,9.13,0,0,1,4-3.83l.28-.13C655,499.88,662.93,508.42,658.77,516Zm18-48.79c-9.43,8.23-20.5,13.17-37.26,13.17-30.82,0-53.72-23.79-53.72-53.87v-.3c0-29.78,22.45-54.17,54.62-54.17,15.71,0,26.33,4.19,35,10.63a11.51,11.51,0,0,1,4.49,9.13A11.24,11.24,0,0,1,668.55,403a12.09,12.09,0,0,1-6.89-2.25c-6.43-4.78-13.16-7.48-21.39-7.48-17.66,0-30.38,14.67-30.38,32.62v.3c0,18,12.42,32.92,30.38,32.92,9.72,0,16.16-3,22.74-8.23a10.67,10.67,0,1,1,13.77,16.31Z"/><path fill="%23222" d="M581.78,785.79c-57.34,14.64-114.63,29.46-172,44-7.93,2-13.53,5.18-12,14.53s8.37,10.6,16.09,10.4H414a25,25,0,0,0,3.24-.41Q503.42,833,589.54,811.51c8.45-2.11,14.58-7.66,12.3-16.69C599.31,784.81,590.71,783.51,581.78,785.79Z"/><path fill="%23222" d="M583.81,724.72Q496,746.14,408.42,768.17c-7.21,1.8-11.67,6.14-10.66,14.34,1.05,8.45,7.08,10.32,14.13,10.92h.19a18.8,18.8,0,0,0,3.21-.25Q503,771.42,590.63,749.49c7.61-1.91,13.26-7,11.48-15.64C600,723.86,591.83,722.76,583.81,724.72Z"/><path fill="%23222" d="M803.13,638c-21.46-18.42-45.23-38.51-74.79-63.24a31,31,0,0,0-7.08-4.08l-.69-.32a8.91,8.91,0,0,0-5.44-.69c-5.36,1-9.06,4-11.64,9.35-5.1,10.57,3.14,17.68,7.1,21.1,22.63,19.51,46.24,39.52,72.2,61.17,4.89,4.08,9.72,6.13,14.17,6.13a14.68,14.68,0,0,0,11-5.14c2.94-3.19,4.33-6.6,4.13-10.13C811.8,647.58,808.88,643,803.13,638Z"/><path fill="%23222" d="M542.34,857.29c-26.87,21-54.38,21.7-83,3.45-6.76-4.3-15.3-6.65-20.22,2.56-4.47,8.34.63,15.15,7.29,19.81,15.26,10.69,32.19,17,52.17,17.35,21.37-.74,40.84-9.18,58.22-22.93,6.6-5.22,8.44-11.91,3.08-18.79C555,852.45,548.53,852.44,542.34,857.29Z"/><path fill="%23222" d="M279.56,571.47c-5.34-3.1-10.73-2.93-14.78.49-29.13,24.54-53.53,45.24-77.93,66.53-4.48,3.9-5.33,10.65-2.07,16.42a14.74,14.74,0,0,0,9.23,7.54,14.49,14.49,0,0,0,3.75.48,18.35,18.35,0,0,0,5.77-1,17.06,17.06,0,0,0,5.58-2.84c22.57-18.88,46.73-39.22,70.56-60,3.85-3.36,5.63-9.39,6.34-12.68C287.39,580.11,285,574.66,279.56,571.47Z"/><path fill="%23222" d="M869.8,382.83a15.89,15.89,0,0,0-11.46-4.7c-32.84-.44-63.21-.41-92.83.09a16.07,16.07,0,0,0-11.58,4.62,15.23,15.23,0,0,0-3.82,11.36c.45,11.53,9.23,14,16.57,14h.15c10.11,0,20.4,0,30.34,0H812v-.24l11.88,0c11.19,0,22.76.08,34.14-.11,9.32-.16,15.54-5.5,15.86-13.61A15.48,15.48,0,0,0,869.8,382.83Z"/><path fill="%23222" d="M682.59,252.67c6.7,0,12.67-5,15.24-7.15,16.63-13.91,33.34-28.28,49.51-42.17l9.89-8.49c5.37-4.62,8.22-9.6,8.48-14.82v-.21c-.33-6.08-2.81-10.23-7.79-13.05-8.38-4.76-15-.65-20.37,4-17.95,15.55-37,32.23-60,52.51-5.66,5-15.12,13.35-6,23.83C675.19,251.23,679,252.67,682.59,252.67Z"/><path fill="%23222" d="M185.52,408.12V408c3.68,0,7.36,0,11,0,10.43,0,21.21.09,31.81-.12a18.51,18.51,0,0,0,10.93-3.54,13,13,0,0,0,5.16-10,15.48,15.48,0,0,0-4.08-11.48A15.69,15.69,0,0,0,229,378.12c-32.68-.39-61.5-.29-88.13.33-4.62.1-8.46,1.69-11.09,4.59s-3.92,7.09-3.57,12c.62,8.61,5.89,13,15.67,13.08,5.71,0,11.48.05,17.2.05h26.44Z"/><path fill="%23222" d="M237.09,197.15c17.81,15.58,35.62,30.65,56.88,48.48,5.48,4.6,10.67,6.9,15.34,6.9,4.19,0,7.95-1.85,11.1-5.57,8.82-10.39-1.57-19.57-6.57-24-14.8-13.08-30-26.23-44.65-38.95l-12.93-11.22c-3.14-2.72-6.62-5.39-11.48-5.54a14.4,14.4,0,0,0-14.13,8.33C227.2,183,229.43,190.45,237.09,197.15Z"/></svg>');
    background-size: 90px;
    background-position: left center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -45px;
    transform: rotate(-20deg);
    transition: all .3s ease;
    outline: none !important;
    box-shadow: none !important;

    &:hover {
      margin-top: -47px;
    }
  }

  div.wpclever_settings_page_title {
    font-size: 20px;
    line-height: 1;
    font-weight: 500;
    margin: 10px 0;
  }
}

.wpclever_settings_page img {
  max-width: 100%;
  height: auto;
}

.wpclever_settings_page .wpclever_settings_page_title {
  display: flex;
  align-items: center;
}

.wpclever_settings_page .wpclever_settings_page_title .premium {
  display: inline-block !important;
  font-size: 10px;
  line-height: 1;
  background-color: #333;
  color: #fff;
  padding: 6px 10px;
  margin-left: 10px;
  border-radius: 4px;
  text-transform: uppercase;
}

.wpclever_settings_page .wpclever_settings_page_desc a {
  outline: none;
  box-shadow: none;
}

.wpclever_settings_page .wpclever_settings_page_nav .nav-tab-wrapper {
  border-color: #eee;
}

.wpclever_settings_page .wpclever_settings_page_nav .nav-tab-wrapper a {
  margin-left: 0;
  margin-right: 7px;
  padding: 10px 20px;
  outline: none;
  box-shadow: none;
  border-color: #eee;
}

.wpclever_settings_page .wpclever_settings_page_nav .nav-tab-wrapper a.nav-tab-active, .wpclever_settings_page .wpclever_settings_page_nav .nav-tab-wrapper a:hover {
  background-color: #fafafa;
  border-color: #fafafa;
}

.wpclever_settings_page .wpclever_settings_page_content {
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #eee;
  background-color: #fff;
  display: inline-block;
  width: 100%;
  margin: 0;
}

.wpclever_settings_page .wpclever_settings_page_content select[multiple] {
  padding: 10px;
}

.wpclever_settings_page .wpclever_settings_page_content > form {
  margin: 0;
}

.wpclever_settings_page .wpclever_settings_page_content table {
  margin: 0;
  padding: 0;
  border-spacing: 0;
  border-collapse: unset;
}

.wpclever_settings_page .wpclever_settings_page_content table tr.heading th, .wpclever_settings_page .wpclever_settings_page_content table tr.heading td, .wpclever_settings_page .wpclever_settings_page_content table tr.submit th, .wpclever_settings_page .wpclever_settings_page_content table tr.submit td {
  background-color: #fafafa;
  padding: 15px 20px;
  margin: 0;
}

.wpclever_settings_page .wpclever_settings_page_content table tr.submit {
  position: relative;
}

.wpclever_settings_page .wpclever_settings_page_content table tr.submit p {
  margin: 0;
  padding: 0;
}

.wpclever_settings_page .wpclever_settings_page_content table tr.submit .wpclever_export {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 400;
}

.wpclever_settings_page .wpclever_settings_page_content table tr.heading {
  border-bottom: 1px dashed #eeeeee;
}

.wpclever_settings_page .wpclever_settings_page_content table tr.heading th {
  border-left: 4px solid #23282d;
  padding-left: 16px;
}

.wpclever_settings_page .wpclever_settings_page_content .wpclever_settings_page_content_text {
  padding: 20px;
}

.wpclever_settings_page .wpclever_settings_page_content .wpclever_settings_page_content_text p {
  margin-top: 0;
  margin-bottom: 15px;
}

.wpclever_settings_page .wpclever_settings_page_content .wpclever_settings_page_content_text p:last-child {
  margin-bottom: 0;
}

.wpclever_settings_page .wpclever_settings_page_content table tr th, .wpclever_settings_page .wpclever_settings_page_content table tr td {
  padding: 15px 20px;
  border-bottom: 1px dashed #eee;
}

.wpclever_settings_page .wpclever_settings_page_content table tr.submit th, .wpclever_settings_page .wpclever_settings_page_content table tr.submit td {
  border-bottom: none;
}

.wpclever_settings_page p.description, .wpclever_settings_page span.description {
  font-size: 13px !important;
}

.wpclever_settings_page .wpclever_settings_page_suggestion {
  font-size: 14px;
  margin-top: 20px;
  padding: 20px 20px 10px 20px;
  border: 1px dashed #8c8f94;
  background-color: #ffffff;
  position: relative;
  border-radius: 2px;
}

.wpclever_settings_page .wpclever_settings_page_suggestion .wpclever_settings_page_suggestion_label {
  background-color: #999999;
  color: #ffffff;
  text-transform: uppercase;
  height: 20px;
  line-height: 20px;
  padding: 0 10px;
  border-radius: 2px;
  font-size: 8px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wpclever_settings_page .wpclever_settings_page_suggestion .wpclever_settings_page_suggestion_content > div {
  margin-bottom: 10px;
}

.wpclever_plugins_order {
  margin-left: 10px;
}

.wpclever_plugins_order a:after {
  content: '↑';
  margin-left: 5px;
}

.wpclever_plugins_order a.wpclever_plugins_order_down:after {
  content: '↓';
}

.wpclever_plugins_order, .wpclever_plugins_order a {
  font-size: 13px;
  font-weight: 400;
}

.wpclever_plugins_wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.wpclever_plugins .item {
  border-bottom: 1px solid #eee;
  margin: 0;
  padding: 10px 0;
  display: inline-block;
  width: 25%;
}

@media only screen and (max-width: 1440px) {
  .wpclever_plugins .item {
    width: 33.33%;
  }
}

@media only screen and (max-width: 1024px) {
  .wpclever_plugins .item {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .wpclever_plugins .item {
    width: 100%;
  }
}

.wpclever_plugins .item:hover {
  background-color: #fafafa;
}

.wpclever_plugins .item:last-child {
  border-bottom: none;
}

.wpclever_plugins .item a {
  display: inline-block;
  width: 100%;
  color: #23282d;
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

.wpclever_plugins .item img {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 10px;
  border-radius: 2px;
}

.wpclever_plugins .item .num {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 10px;
  border-radius: 20px;
  background-color: #b05d93;
  text-align: center;
  line-height: 40px;
  color: #ffffff;
}

.wpclever_plugins .item .info {
  opacity: .5;
}

/* RTL */

body.rtl .wpclever_plugins .item .num {
  float: right;
  margin-right: 0;
  margin-left: 10px;
}

body.rtl .wpclever_settings_page .wpclever_settings_page_nav .nav-tab-wrapper a {
  margin-right: 0;
  margin-left: 7px;
}

body.rtl .wpclever_settings_page .wpclever_settings_page_content table tr.heading {
  border-left: none;
  border-right: 4px solid #23282d;
}

/* Premium */

.wpc-premium, .wpc-premium a {
  color: #c9356e;
}

/* WPC Dialog */

.ui-dialog.wpc-dialog {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100102;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  color: #3c434a;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 13px;
  line-height: 1.4em;
}

.ui-dialog.wpc-dialog + .ui-widget-overlay {
background-image: none;
opacity: 1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .1);
}

.ui-dialog.wpc-dialog .ui-dialog-titlebar {
  background: #fcfcfc;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dfdfdf;
  border-radius: 0;
  height: 36px;
  font-size: 16px;
  font-weight: 600;
  line-height: 36px;
  padding: 0 36px 0 16px
}

.ui-dialog.wpc-dialog .ui-dialog-titlebar .ui-dialog-title {
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  height: 36px;
  line-height: 36px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog.wpc-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  background: 0 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #666;
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  outline: none;
  overflow: hidden;
  font-size: 0;
}

.ui-dialog.wpc-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:before {
  font: 400 20px/1 dashicons;
  vertical-align: top;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 36px;
  width: 36px;
  height: 36px;
  content: '\f158';
}

.ui-dialog.wpc-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
  color: #00a0d2;
}

.ui-dialog.wpc-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span {
  display: none;
}

.ui-dialog.wpc-dialog .ui-dialog-content {
  padding: 16px;
  overflow: auto;
}
