.wsko_mini_logo
{
    display:inline-block;
    background-color: #337ab7;
    border-radius: 50%;
    padding:2px;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.wsko_mini_logo img
{
    width: 20px;
    height: 20px;
}

/*CO Postbox buttons*/
#wsko_post_metabox.postbox .toggle-indicator:before {
  content: "\f142";
  font: normal 20px/1 dashicons;
padding: 2px;	
}
#wsko_post_metabox.postbox.closed .toggle-indicator:before {
  content: "\f140";
  font: normal 20px/1 dashicons;
padding: 2px;
}

#wsko_post_metabox a.button.wsko-fetch-as-google {
  position: absolute;
  right: 30px;
  top: -39px;
  transform: scale(.8);
}
/*/CO Postbox buttons*/

/*CO Iframe*/
.bst-co-iframe-link:not(.wsko-co-no-style):not(.bst-frontend-co-admin-button), 
.bst-co-iframe-link:not(.wsko-co-no-style) a {
    background: #337ab7 !important;
    background-image: -webkit-radial-gradient(top,circle cover,#337ab7 0,#1a6099 80%) !important;
    background-image: -moz-radial-gradient(top,circle cover,#337ab7 0,#1a6099 80%) !important;
    background-image: -o-radial-gradient(top,circle cover,#337ab7 0,#1a6099 80%) !important;
    background-image: radial-gradient(top,circle cover,#337ab7 0,#1a6099 80%) !important;
    color: #fff !important;
    border-radius: 50% !important;
    font-size: 12px !important;
    display: inline-block !important;
    width: 25px !important;
    height: 25px !important;
    line-height: 23px !important;
    text-align: center !important;
    position: relative !important;
    z-index: 1 !important;
    text-decoration: none !important;
    padding:0px !important;
    letter-spacing: .5px;
}
td.page-title a.bst-co-iframe-link:not(.wsko-co-no-style) {
  float: right;
}
.bst-co-iframe-link.bst-frontend-co-admin-button a {
  transform: scale(.9);
  font-size: 11px !important;
  margin-top: -3px !important;
  position: relative !important;
  vertical-align: middle;
  line-height: 24px !important;
}
.bst-co-iframe-link a {
    margin: 0px 5px !important;
}

body.bst-co-iframe-open
{
    position: fixed!important;
    width:100%;
    overflow: hidden!important;
}
.bst-co-iframe-modal
{
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:999999;
}
.bst-co-iframe-modal.bst-co-iframe-active
{
    display: block;
}
.bst-co-iframe-modal-wrapper
{
  position: fixed;
  background-color: #fff;
  max-width: 70%;
  margin-right: auto;
  margin-left: auto;
  height: auto;
  top: 7vh;
  right: 0;
  left: 0;
  box-shadow: 0 0 20px 3px rgba(0,0,0,.2);
  min-height: 90vh;
  max-height: 90vh;
}
.bst-co-iframe-modal .bst-co-iframe-modal-backdrop
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    opacity:0.9;
    background-color: rgba(0,0,0,.3);
}
.bst-co-modal-iframe-content iframe {
    border: 0px;
}
.bst-co-iframe-modal .bst-co-iframe-modal-content,
.bst-co-iframe-modal .bst-co-iframe-modal-loading
{
  position:absolute;
  top:0%;
  left:0%;
  width:100%;
  height:100%;
  z-index:9999999;
}
.bst-co-iframe-modal .bst-co-iframe-modal-loading
{
  background-color: white;
}
.bst-co-iframe-modal .bst-co-iframe-modal-close
{
  position: fixed!important;
  right: 15%!important;
  width: 30px!important;
  height: 30px!important;
  padding: 0!important;
  margin: 5px!important;
  z-index: 9999999!important;
  text-align: center!important;

  /*border: 5px solid #f50000;
  background:
      linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,#fff 40%,#fff 60%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 100%),
      linear-gradient(135deg, #f50000 0%,#f50000 43%,#fff 40%,#fff 60%,#f50000 57%,#f50000 100%);
  border: 5px solid #f7f7f7;
  opacity: 0.6;
  background:
      linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,#868282 40%,#868282 60%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 100%),
      linear-gradient(135deg, #f7f7f7 0%,#f7f7f7 43%,#868282 40%,#868282 60%,#f7f7f7 57%,#f7f7f7 100%); /*#868282*/
}
.bst-co-iframe-modal a.bst-co-iframe-modal-close:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "\2716";
  font-size: 14px;
  opacity: .6;
  color: #444;
}

.bst-loader-small
{
	height: 20px!important;
    width: 20px!important;
	margin: 0px!important;
    display: inline-block;
}
.bst-loader {
  position: relative;
  margin: 20px auto;
  width: 70px;
}
.bst-loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.bst-circular {
  -webkit-animation: bst-rotate 2s linear infinite;
          animation: bst-rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.bst-path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: bst-dash 1.5s ease-in-out infinite, bst-color 6s ease-in-out infinite;
          animation: bst-dash 1.5s ease-in-out infinite, bst-color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes bst-rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes bst-rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes bst-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes bst-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes bst-color {
  100%,
  0% {
    stroke: #337ab7;
  }
  40% {
    stroke: #337ab7;
  }
  66% {
    stroke: #337ab7;
  }
  80%,
  90% {
    stroke: #337ab7;
  }
}
@keyframes bst-color {
  100%,
  0% {
    stroke: #337ab7;
  }
  40% {
    stroke: #337ab7;
  }
  66% {
    stroke: #337ab7;
  }
  80%,
  90% {
    stroke: #337ab7;
  }
}
/* /CSS Loader */



/* CO Compatibility */
div#wsko_post_metabox.wsko-metabox-vc,
#titlediv + #wsko_post_metabox {
    margin-top: 15px;
}
#wsko_post_metabox .inside {
  padding-bottom: 0px;
}


/*Modal*/
.wsko-modal {
	display:none;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:99999;
}
.wsko-modal.wsko-modal-active {
	display:block;
}
.wsko-modal .wsko-modal-backdrop {
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	background-color:black;
	opacity:0.3;
}
.wsko-modal .wsko-modal-loader {
	text-align:center;
}

.wsko-modal .wsko-modal-box {
    position: fixed;
    background-color: #fff;
    max-width: 70%;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    top: 7vh;
    right: 0;
    left: 0;
    box-shadow: 0 0 20px 3px rgba(0,0,0,.2);
    min-height: 90vh;	
    max-height: 90vh;
    overflow: hidden;
    overflow-y: auto;
    /*overflow: hidden;*/
}

@media screen and (max-width: 782px) {
	.wsko-modal .wsko-modal-box {
		max-width: 95%;
	}
}

.wsko-modal .wsko-modal-header {
	border-bottom: 1px solid #eee;
	padding: 10px;
}

.wsko-modal .wsko-modal-content {
	height: 100%;
}
.wsko-modal .wsko-modal-close {
    float: right;
    height: 30px;
    width: 30px;
    position: absolute;
    right: 5px;
    z-index: 9;
}
.wsko-modal .wsko-modal-close:after {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "\2716"; /*X*/
    font-size: 14px; 
    opacity: .6;
    line-height: 30px;
    text-align: center;
	cursor:pointer;
}
.wsko-modal .wsko-modal-close:hover:after {
    opacity: .7;
}