/**
 * JWD Teams PRO ** Admin Side Stylesheet **
 *
 */
/* Typography */
/* Colors */
/* Screen Sizes */
/* Other */
/* Target IE11 Only */
/* Box Shadow */
/* Transition */
/* Hover */
/* Placeholder */
/* Display */
/* Transform */
/* Scroll Bar */
.jt__wrapper {
  display: block;
  position: relative;
  margin: 0;
  padding: 0; }

.jt__teams {
  display: block;
  position: relative;
  margin: 1em 0;
  background-color: #fff;
  border: 1px solid #e5e5e5; }
  .jt__teams-highlight {
    margin: .5em 0;
    height: 20em;
    border: 1px dashed #999; }
  .jt__teams-head {
    display: block;
    position: relative;
    cursor: move;
    background-color: #f9f9f9;
    color: #888;
    font-weight: 600;
    border-bottom: 1px solid #e5e5e5; }
  .jt__teams-list, .jt__teams-details ul {
    display: block;
    position: relative;
    list-style-type: none; }
  .jt__teams-list {
    margin: 1em; }
    .jt__teams-list li {
      display: inline-block;
      position: relative;
      vertical-align: top; }
      .jt__teams-list li input[type='text'], .jt__teams-list li textarea {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        width: 90%;
        border-radius: 0;
        border-color: #e5e5e5; }
      .jt__teams-list li textarea {
        padding: 7px 10px;
        min-height: 140px; }
  .jt__teams-img {
    padding-right: 2em;
    max-width: 100px; }
    .jt__teams-img input[type='text'] {
      display: none !important; }
    .jt__teams-img-avatar {
      display: block;
      position: relative;
      width: 100px;
      height: 100px;
      margin-bottom: .6em;
      cursor: pointer;
      transition: opacity .25s ease-in;
      border: 1px solid #e5e5e5; }
      .jt__teams-img-avatar:hover {
        opacity: 0.8; }
      .jt__teams-img-avatar img {
        display: block;
        position: relative;
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto; }
    .jt__teams-img-info {
      display: block;
      position: relative;
      text-align: center;
      margin: 2.25em 0 0;
      color: #888;
      font-size: 0.875em;
      line-height: 1.25; }
  .jt__teams-details, .jt__teams-socials {
    width: 100%;
    margin: 1em 0 0; }
    @media screen and (min-width: 80em) {
      .jt__teams-details, .jt__teams-socials {
        width: 40%;
        padding-right: 1em;
        margin: 0; } }
    @media screen and (min-width: 90em) {
      .jt__teams-details, .jt__teams-socials {
        padding-right: 2em; } }
    @media screen and (min-width: 100em) {
      .jt__teams-details, .jt__teams-socials {
        width: 41.6666%; } }
    .jt__teams-details li, .jt__teams-socials li {
      display: block;
      position: relative;
      padding-right: 0; }
    .jt__teams-details i, .jt__teams-socials i {
      margin-right: .5em;
      width: 14px; }
    .jt__teams-details-info, .jt__teams-socials-info {
      font-size: 90%;
      font-style: italic;
      padding: 0 0 .5em;
      text-align: center;
      margin: 0; }
    .jt__teams-details-item.mb_name input, .jt__teams-socials-item.mb_name input {
      font-size: 1.75em !important; }
    .jt__teams-details-item.mb_desc, .jt__teams-socials-item.mb_desc {
      margin: 0; }
  .jt__teams-socials {
    padding: 0; }
    .jt__teams-socials input {
      font-size: 1.25em !important;
      padding: .25em .5em;
      margin-bottom: .15em; }

.jt__switch-field {
  overflow: hidden; }
  .jt__switch-field input {
    display: none; }
    .jt__switch-field input:checked + label {
      background-color: #02b5a5;
      -webkit-box-shadow: none;
      box-shadow: none;
      color: #fff; }
  .jt__switch-field label {
    float: left;
    display: inline-block;
    position: relative;
    vertical-align: top;
    background-color: #fafafa;
    font-size: 14px;
    text-align: center;
    text-shadow: none;
    padding: .25em .5em;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
    transition: all 0.1s ease-in-out; }
    .jt__switch-field label:hover {
      cursor: pointer;
      background-color: #fff; }
    .jt__switch-field label:first-of-type {
      border-radius: 4px 0 0 4px; }
    .jt__switch-field label:last-of-type {
      border-radius: 0 4px 4px 0; }
    .jt__switch-field label.jt_checkbox {
      margin-bottom: .75em; }
      .jt__switch-field label.jt_checkbox:first-of-type, .jt__switch-field label.jt_checkbox:last-of-type {
        border-radius: 4px; }

.jt__switch-title {
  display: block;
  position: relative;
  margin-bottom: .75em; }

.jt__tabs, .jt__tab {
  list-style-type: none;
  padding: 0;
  display: block;
  position: relative; }
  .jt__tabs li, .jt__tab li {
    margin: 0;
    border: 1px solid #e9e9e9;
    transition: all .5s ease-in;
    display: inline-block;
    position: relative;
    vertical-align: top; }

.jt__tabs {
  margin: 0;
  z-index: 1; }
  .jt__tabs li {
    background-color: #fafafa;
    padding: .5em 4%;
    color: #999;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600; }
    .jt__tabs li:hover {
      color: #000; }
    .jt__tabs li.active {
      background-color: #fff;
      color: #000;
      border-bottom-color: #fff; }

.jt__tab {
  margin: -1px 0 0; }
  .jt__tab li {
    display: none;
    padding: 1em; }
    .jt__tab li.active {
      display: block; }

.jt__addnew {
  margin-top: 0.35em !important;
  font-size: 1.25em !important; }

.jt__remove {
  position: absolute;
  top: .45em;
  right: .4em;
  z-index: 99; }
  .jt__removeimg {
    float: right; }

.jt__custom_css {
  background-color: #f1f1f1;
  display: block;
  position: relative; }

.jt__slider {
  display: block;
  position: relative;
  padding: 0; }
  .jt__slider-bg {
    border: 1px solid #e9e9e9 !important;
    background: #fafafa !important;
    height: 0.35em !important;
    border-radius: 2px !important;
    display: block;
    position: relative;
    margin: 1.6em 0; }
  .jt__slider-handle {
    width: auto !important;
    height: auto !important;
    min-width: 1.2em !important;
    min-height: 1.6em !important;
    padding: 0 0.25em !important;
    top: 50% !important;
    margin-left: -0.9375em !important;
    margin-top: -0.875em !important;
    text-align: center !important;
    border: 1px solid #02b5a5 !important;
    background: #02b5a5 !important;
    z-index: 99 !important;
    position: absolute !important;
    border-radius: 4px !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    cursor: e-resize !important; }
  .jt__slider-input {
    display: none;
    width: 40px; }

.jt__rating {
  display: block;
  position: relative;
  padding: 1em .75em;
  background: #243649;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, #243649, #03182e);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #243649, #03182e);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #243649, #03182e);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #243649, #03182e);
  /* Standard syntax */
  border-radius: 3px;
  color: #fff;
  transition: all .35s ease-in; }
  .jt__rating a {
    position: relative;
    text-decoration: none; }
  .jt__rating-left, .jt__rating-right, .jt__rating h2 span {
    display: inline-block;
    position: relative;
    vertical-align: middle; }
  .jt__rating-left, .jt__rating-right {
    max-width: 45%; }
  .jt__rating-right {
    text-align: right;
    float: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 50%;
    padding-right: 7%; }
    @media screen and (min-width: 64em) {
      .jt__rating-right {
        padding-right: 6%; } }
    @media screen and (min-width: 80em) {
      .jt__rating-right {
        padding-right: 5%; } }
    @media screen and (min-width: 100em) {
      .jt__rating-right {
        padding-right: 3%; } }
  .jt__rating .dashicons {
    width: 1.25em;
    height: 1em;
    color: #ffb900; }
  .jt__rating h1, .jt__rating h2, .jt__rating h3, .jt__rating h4, .jt__rating h5 {
    color: #fff;
    margin: 0;
    padding: 0; }
  .jt__rating h3 {
    margin-top: .15em; }
  .jt__rating h5 {
    font-weight: normal; }

.jt__alert {
  display: block;
  position: relative;
  padding: .75em;
  margin: 1em 0;
  border: 1px solid transparent;
  border-radius: 4px; }
  .jt__alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1; }
  .jt__alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
  .jt__alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; }
  .jt__alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1; }

/* WP Admin Page Style */
.post-type-jwd_team #jwdtm_team_shortcode_box_id {
  border-color: #02b5a5; }
  .post-type-jwd_team #jwdtm_team_shortcode_box_id button.handlediv {
    color: #fff; }
  .post-type-jwd_team #jwdtm_team_shortcode_box_id h2.hndle {
    background-color: #02b5a5;
    color: #fff; }
  .post-type-jwd_team #jwdtm_team_shortcode_box_id h4 {
    margin: 1em 0 !important; }

.post-type-jwd_team #submitdiv h2.hndle::before {
  font-family: 'FontAwesome';
  content: "\f19a";
  position: relative;
  vertical-align: middle;
  margin-right: .875em;
  font-size: 1em; }

.post-type-jwd_team .quicklinks #wp-admin-bar-view {
  display: none !important; }

.post-type-jwd_team #message a {
  display: none !important; }

.post-type-jwd_team #minor-publishing-actions {
  display: none !important; }

.post-type-jwd_team #wpbody-content {
  padding-bottom: 0; }

.post-type-jwd_team.post-php #wpfooter, .post-type-jwd_team.post-new-php #wpfooter {
  position: relative; }

.post-type-jwd_team #footer-upgrade {
  font-size: 85%;
  position: relative;
  margin-top: .5em; }
  .post-type-jwd_team #footer-upgrade a {
    text-decoration: none;
    color: #243649;
    transition: all .5s ease-in; }
    .post-type-jwd_team #footer-upgrade a:hover {
      color: #FF867D; }