/*! Admin stylesheet */
#gbyp_checkboxes_plugin > h2 {
  color: #0073aa;
  font-size: 1.8em;
  margin-top: 25px;
  padding-top: 15px;
  border-top: 1px dotted #ccc; }

#gbyp_checkboxes_plugin > em {
  display: block;
  margin-top: -10px;
  padding-bottom: 20px; }

#gbyp_checkboxes_plugin .yp_checkboxes_legend {
  color: #888; }
  #gbyp_checkboxes_plugin .yp_checkboxes_legend .yp_legend strong {
    font-size: 14pt;
    color: #555; }
  #gbyp_checkboxes_plugin .yp_checkboxes_legend em {
    color: #555;
    font-size: 12pt; }

#gbyp_checkboxes_plugin .onoff {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  cursor: pointer;
  width: 55px;
  height: 30px;
  line-height: 30px; }
  #gbyp_checkboxes_plugin .onoff label {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: #c2c2c2;
    border-radius: 5px;
    font-weight: bold;
    color: #fff;
    -webkit-transition: background 0.3s, text-indent 0.3s;
    transition: background 0.3s, text-indent 0.3s;
    text-indent: 27px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset; }
    #gbyp_checkboxes_plugin .onoff label:after {
      content: attr(data-no);
      display: block;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      font-size: 12px;
      color: #858585;
      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.35);
      z-index: 1; }
    #gbyp_checkboxes_plugin .onoff label:before {
      content: '';
      width: 15px;
      height: 24px;
      border-radius: 3px;
      background: #fff;
      position: absolute;
      z-index: 2;
      top: 3px;
      left: 3px;
      display: block;
      -webkit-transition: left 0.3s;
      transition: left 0.3s;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); }
  #gbyp_checkboxes_plugin .onoff input:checked + label {
    background: #378b2c;
    text-indent: 8px; }
  #gbyp_checkboxes_plugin .onoff input:checked + label:after {
    content: attr(data-yes);
    color: #eff5a0; }
  #gbyp_checkboxes_plugin .onoff input:checked + label:before {
    left: 37px; }

.yp_agreement_visualize {
  background: #e6e6e6;
  border-radius: 3px;
  padding: 10px 15px;
  width: 50%;
  color: #555;
  border: 1px solid #888;
  margin-top: 25px; }
  .yp_agreement_visualize .vis_copy {
    border-radius: 5px;
    background: #ccc;
    display: block;
    padding: 1px 10px; }