/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */
 .wrapper-global-form {
  list-style-type: none;
  padding: 0;
  border-radius: 3px;
}
.wrapper {
  background-color: whitesmoke;
  list-style-type: none;
  padding: 0;
  border-radius: 3px;
}
.form-row {
  display: flex;
  justify-content: flex-end;
  padding: .5em;
}
.form-row > label {
  padding: .5em 1em .5em 0;
  flex: 1;
  font-weight: bold;
}
.form-row > input[type=text],
.form-row > input[type=checkbox],
.form-row > textarea,
.form-row > select {
  flex: 2;
  padding: .5em;
}
.form-row > button {
 background: gray;
 color: white;
 border: 0;
}

.left, .right {
float: left;
width: 49%;
}
.full {
float: left;
width: 100%;
}
.rowx {
padding: .5em;
}
.left > label,
.right > label,
.full > label {
padding: .5em 1em .5em 0;
font-weight: bold;
}
.left > input,
.right > input {
width: 90%;
padding: .5em;
}
.full > textarea {
width: 100%;
}

/**
* Metabox Tabs
*/
ul.metabox-tabs {
display: none;
    margin-top: 12px;
    margin-bottom: 0px;
    padding: 15px 20px;
}
.metabox-tabs-div ul {
list-style: none;
}
.metabox-tabs li {
display: inline;
}
ul.metabox-tabs li.active {
border-style: solid solid none;
border-width: 1px 1px 0;
background: #ffffff;
}
ul.metabox-tabs li {
padding: 15px 20px;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -khtml-border-top-left-radius: 3px;
  -khtml-border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-color: #eaeaea;
  background: #f7f7f7;
}
.metabox-tabs a,
.metabox-tabs a:active,
.metabox-tabs a:focus {
text-decoration: none!important;
outline: 0!important;
border: none;
-moz-outline-style: none;
box-shadow: none!important;
  padding: 10px 14px;
  color: #000;
  font-weight: 500;
  font-size: 14px;
}
.metabox-tabs-div div.tabs-panel {
overflow: auto;
padding: 0.5em 0.9em;
border-style: solid;
border-width: 1px;
}
.heading {
padding-left:10px;
}
.tab-content{
overflow: auto;
padding: 0.5em 0.9em;
border-style: solid;
border-width: 0.5px;
border-color: #eaeaea;
border-radius: 4px;
}
/* This will cover the whole screen and blur the background when visible */
#loading_spinner,
#loading_series,
#creating_series {
  display: none;
  position: fixed; /* Fixed position */
  z-index: 1000; /* Sit on top of everything else */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Black color */
  background-color: rgba(0,0,0,0.4); /* Black color with a little bit see-through */
  backdrop-filter: blur(2px); /* Blur the background */
}

/* This will center the spinner image */
#loading_spinner img,
#loading_series img,
#creating_series img {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@keyframes spin {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
}

#loading-spinner .spinner-overlay,
#loading-spinner-1 .spinner-overlay,
#loading-spinner-2 .spinner-overlay {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}

#loading-spinner .dashicons,
#loading-spinner-1 .dashicons,
#loading-spinner-2 .dashicons {
  animation: spin 2s linear infinite;
  color: #fff;
  font-size: 50px;
}
#adminmenu .menu-icon-player div.wp-menu-image img {
max-width: 20px;
height: auto;
}
.live {
background-color: #d3ffd3!important; /* Light green background */
}