/****************** SPPRO NOTICE STYLES***************/
div.sppro-notice-left {
  display:inline-block;
  vertical-align:middle;
}
div.sppro-notice-right {
  max-width: calc(100% - 120px);
  display: inline-block; 
  vertical-align: middle; 
  margin-left: 10px;
}
span.color {
  color: #0073aa;
}
/****************** SPPRO NOTICE STYLES ***************/

/****************** SPPRO IMPORT PAGE STYLES ***************/
div.try-gutenberg-panel, div.welcome-panel {
  line-height: 1.5em;
}
p.notice {
  padding: 10px;
}
div.section {
  overflow: hidden; 
  margin-bottom: 30px; 
}
span.sp-btn {
     
}
span.sp-btn:hover {
}
.import-result {
  width: auto;
  height: 30px;
  padding: 10px 2px 5px 10px;
  font-family: sans-serif;
  font-size: 20px;
  font-weight: bold;
  border-radius: 5px;
  background: red;
  color: white;
  margin-top: 10px;
  display: none;
}
.import-box {
  overflow: hidden; 
  float: left;
  margin: 0 29px 30px 0;
  position: relative;
  width: 30.6%;
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px -1px rgba(0,0,0,.1);
  box-sizing: border-box;
  text-align: center;
  padding: 10px;
}
div.import-box:last-child {
  margin-right: 0; 
}
.import-box img {
  /*max-height: 280px;*/
  /*width: 100%;*/
  height: 320px;
}
.import-box img:hover {
  transform: scale(0.99);
}
div.import-box-title {
  padding: .25rem 1rem;
}
span.sp-label {
  font-weight: bold; 
}
span.sp-btn-importer {

}
span.sp-import-handle {
  /*float: right; */
}
div.import-box-result {
  text-align: center;
  padding: 3px 10px;
  color: #efefef;
  position: absolute;
  width: 100%;
  bottom: 27px;
  line-height: 1.3em; 
}
div.import-box-result a {
  color: #efefef; 
}
div.import-box-result.success {
  background: green; 
  color: #efefef; 
}
div.import-box-result.error {
  background: red; 
  color: #efefef; 
  margin: 0 !important; 
}
@media only screen and (max-width: 769px) {
  .section-inline {
    display: block;
    width: auto; 
    margin-right: 0; 
  }
}
span.fs-15 {
  font-size: 1.5rem;
}
span.fs-2 {
  font-size: 2rem;
}
div.display-none {
  display: none;
}
span.v-hidden {
  visibility: hidden;
}
i.loader-fa-styles {
  font-size: 14px;
  color: #f56e28;
  position: relative;
  left: -8px;
}
/****************** SPPRO IMPORT PAGE STYLES ***************/

/****************** SPPRO SUPPORT PAGE STYLES ***************/
.sppro-contact-support .input-group-text {
  min-width: 130px;
}
.wp-admin select {
  height: 38px;
}
div.result-area {
  line-height: 1.5em;
  padding: 10px 15px;
}
span.f-175 {
  font-size: 1.75rem;
}
div.master-red {
  background: #ED1C24;
  height: 20px;
  width: 100px;
  display: inline-block;
  margin: -4px 0px;
}
div.cool-green {
  background: #00A560;
  height: 20px;
  width: 100px;
  display: inline-block;
  margin: -4px 0px;
}
div.creamy-orange {
  background: #EE5921;
  height: 20px;
  width: 100px;
  display: inline-block;
  margin: -4px 0px;
}
div.light-blue {
  background: #08ADDC;
  height: 20px;
  width: 100px;
  display: inline-block;
  margin: -4px 0px;
}
div.classic-grey {
  background: #484848;
  height: 20px;
  width: 100px;
  display: inline-block;
  margin: -4px 0px;
}
div.custom-color {
  background: #1e73be;
  height: 20px;
  width: 100px;
  display: inline-block;
  margin: -4px 0px;
}
span.mb-40 {
  margin-bottom: 40px;
}
span.sp-loader-styles {
  margin-left: 10px;
  visibility: hidden;
}
i.sp-loader-fa-styles {
  font-size: 22px;
  color: #f56e28;
  position: relative;
}
/****************** SPPRO SUPPORT PAGE STYLES ***************/

/****************** SPPRO MANAGE POPUP PAGE STYLES ***************/
.dashicons.spin {
  animation: dashicons-spin 1s infinite;
  animation-timing-function: linear;
}
@keyframes dashicons-spin {
  0% {
    transform: rotate( 0deg );
  }
  100% {
    transform: rotate( 360deg );
  }
}
span.icon-dash-style {
  font-size: 35px;
  margin-right: 20px;
}
a.text-decoration-none {
  text-decoration: none;
}
p.fs-11 {
  font-size: 1.1rem;
}
/****************** SPPRO MANAGE POPUP PAGE STYLES ***************/