// -- WordPress 3.8 new dashboard style (originally codenamed MP6)

body.mp6 {

  #wpbody-content .wrap h2:before {
    display:inline-block; font-style:normal; font-weight:normal; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  }

  #your-profile h3,
  #edittag h3,
  #addtag h3,
  #site-content h3 {
    font-size: 14px;
    font-weight: 600;
    font-family: "Open Sans",sans-serif;
    -moz-border-radius: 0px 0px 0 0;
    -webkit-border-radius: 0px 0px 0 0;
    border-radius: 0px 0px 0 0;
    box-shadow: none;

  }

  #your-profile h3.custom {
    border-top: 1px solid #FFF;

    em {
        padding-top: 3px;
      }

  }

  .ui-dialog.aristo {

    .ui-dialog-title {
      font-family: "Open Sans", sans-serif;
      font-weight: bold;
      font-size: 13px;
    }

    .ui-dialog-titlebar-close::before {
      //top: 50%;
      content: none;
    }

  } // .ui-dialog.aristo

  .mp-messages {

    padding-right: 19px;

    li {
      background-color: #fff;
      border: none;
      .box-shadow(0px 1px 1px 0px rgba(0,0,0,0.1));

      i {
        margin-top: 1px;
      }
    }

    li.success {
      border-left: 4px solid #7ad03a;
    }

    li.error {
      border-left: 4px solid #ce3636;
    }

    li.notification {
      border-left: 4px solid #FFCC00;
    }


  } // .mp-messages

  #post-body .mp-field .mpft-visual-editor-ui .mceStatusbar a.mceResize {
    top: auto;
    margin-right: 0;
  }

  #site-content,
  #edittag .postbox,
  #addtag .postbox {
    h2, h3 {
      font-family: "Open Sans", sans-serif;
      font-weight: bold;
      font-size: 14px;

      &.hndle {
        border-top: 1px solid #FFF;
      }

      em {
        padding-top: 3px;
        font-style: normal;
      }

    }

  }

  .mpv {
    a:focus,
    a:active {
      outline: none;
      .box-shadow(none);
    }
  }

  .postbox h2.hndle,
  .postbox h3.hndle,
  #site-content h3 {

    em {
      position: relative;
      font-style: normal;
    }

    i {
      font-style: normal;
      position: absolute;
      left: -3px;
      width: 24px;
      top: 1px;
      text-align: center;
      font-size: 16px;
      line-height: 16px;
      display: inline-block;
      vertical-align: baseline;
      font-weight: normal;
    }

  }

  #wphead h1,
  .mpv,
  .mpv button,
  .mpv button.text,
  .mpv button.icon,
  .mpv button.ir,
  .mpv .mpv-title h3,
  .mpv .sortable-list-menu li,
  .mp-metabox-message,
  .mp-set-head .mp-controls button,
  .mp-set-foot .mp-controls button,
  .mp-set-item .mp-controls button,
  .mp-field-ui .qq-upload-button {
    font-family: "Open Sans", sans-serif;
  }

  .mpv .sortable-list-menu ul {
    background-color: #000;
  }

  .mpv .sortable-list-menu li {
    border-top: none;
    border-bottom: none;
    background-color: #222222;
    font-weight: normal;
    font-family: "Open Sans", sans-serif;
    color: #FFF;
    text-shadow: none;

    &.disabled {
      color: #666;
    }

    &:hover {
      background-color: #111;
    }

    &.divide,
    &.holder {
      background-color: #111 !important;
    }

  }

  .mpv .fs .sortable-list-menu .ui-sortable-placeholder {
    background-color: #111 !important;
  }


  .mp-select2-container.select2-container-multi .select2-choices .select2-search-choice i {
    margin-top: 0;
  }

  .mp-select2-container.select2-container-multi .select2-search-choice-close {
    top: 6px;
  }

  .mpv table.grid thead th.first {
    .rounded(0);
  }

  .mpv table.grid thead th.last {
    .rounded(0);
  }

  .mpv table.grid thead th {
    height: 30px;
  }

  .mpv table.grid thead th i {
    margin-top: 0;
  }

  .mpv .icon32 {
    display: block;
    float: left;
    height: 32px;
    width: 34px;
    margin-right: 6px;
    margin-top: 9px;
  }

  .mpv-title .icon32 {
    font-family: 'masterpress';
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
  	text-transform: none;
    font-size: 28px;
  	/* Better Font Rendering =========== */
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
    margin-right: 4px;
    margin-left: 0px;
  }

  .mpv-post-types-manage-field-sets .mpv-title .icon32,
  .mpv-post-types-create-field-set .mpv-title .icon32,
  .mpv-post-types-edit-field-set .mpv-title .icon32,
  .mpv-post-types-delete-field-set .mpv-title .icon32,
  .mpv-post-types-delete-field .mpv-title .icon32 {

    background: none !important;
    margin-top: 16px;

    &:before {
      content: "\e603";
    }

  }

  .mpv-templates-manage,
  .mpv-templates-form {
    .mpv-title .icon32 {
        background: none !important;
        margin-top: 16px;

        &:before {
          content: "\e60c";
        }
      }

  }

  .mpv-shared-field-sets-manage .mpv-title .icon32,
  .mpv-shared-field-sets-edit .mpv-title .icon32,
  .mpv-shared-field-sets-delete .mpv-title .icon32,
  .mpv-shared-field-sets-create .mpv-title .icon32 {

    background: none !important;
    margin-top: 16px;

    &:before {
      content: "\e607";
    }

  }

  .mpv-roles-manage-field-sets,
  .mpv-role-field-sets-form {
    .mpv-title .icon32 {
     background: none !important;
     margin-top: 16px;

     &:before {
       content: "\e605";
     }
    }
  }

  .mpv-taxonomies-manage-field-sets,
  .mpv-taxonomies-delete-field-sets,
  .mpv-taxonomy-field-sets-form {
    .mpv-title .icon32 {
     background: none !important;
     margin-top: 16px;

     &:before {
       content: "\e609";
     }
    }
  }


  .mpv-roles-manage .mpv-title .icon32,
  .mpv-roles-edit .mpv-title .icon32,
  .mpv-roles-delete .mpv-title .icon32,
  .mpv-roles-create .mpv-title .icon32 {

    background: none !important;
    margin-top: 16px;

    &:before {
      content: "\e606";
    }

  }

  .mpv-templates-manage-field-sets,
  .mpv-template-field-sets-form {
    .mpv-title .icon32 {
     background: none !important;
     margin-top: 16px;

     &:before {
       content: "\e60b";
     }
    }
  }

  .mpv-site-field-sets-manage .mpv-title .icon32,
  .mpv-site-field-sets-edit .mpv-title .icon32,
  .mpv-site-field-sets-delete .mpv-title .icon32,
  .mpv-site-field-sets-create .mpv-title .icon32 {

    background: none !important;
    margin-top: 16px;

    &:before {
      content: "\e608";
    }

  }



  .mpv-fields-edit,
  .mpv-fields-form {
    .mpv-title .icon32 {
      background: none !important;
      margin-top: 16px;

      &:before {
        content: "\e601";
      }

    }
  }

  .mpv-post-types-create .mpv-title .icon32,
  .mpv-post-types-edit .mpv-title .icon32,
  .mpv-post-types-delete .mpv-title .icon32,
  .mpv-post-types-manage .mpv-title .icon32 {

    background: none !important;
    margin-top: 16px;

    &:before {
      content: "\e604";
    }

  }


  .mpv-taxonomies-create .mpv-title .icon32,
  .mpv-taxonomies-edit .mpv-title .icon32,
  .mpv-taxonomies-delete .mpv-title .icon32,
  .mpv-taxonomies-manage .mpv-title .icon32 {

    background: none !important;
    margin-top: 16px;

    &:before {
      content: "\e60a";
    }

  }


  .mpv-title .icon32 {

    //color: @color-orange;

    &.edit {
      color: @color-blue;
    }

    &.create {
      color: @color-green;
    }

    &.delete {
      color: @color-red;
    }

  }

  .aristo .ui-icon {
    line-height: 16px;
  }

  .mpv .mpv-title .buttons .add-new-h2,
  .mpv .mpv-title .buttons .simple-primary {
    text-shadow: none;
    font-weight: bold;
    padding: 4px 8px;
    margin-top: -3px;
  }

  .mpv .mpv-title .buttons {
    margin-top: 3px;

    li {
      padding-left: 8px;
    }
  }

  .postbox h2 a.mp-go,
  .postbox h3 a.mp-go {
    margin-top: 2px;
  }

  .mp-metabox-message p.warning {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  @newBorderColor: #E2E2E2;
  @restoreMetaColor: #F3F3F3;

  table.widefat {
    margin-top: 10px;
  }

  .mpv .f label i,
  .mpv .f .label i {
    margin-top: 1px;
  }

  #poststuff  .mp-postbox .hndle {
    background-color: @restoreMetaColor;
    border-top: 1px solid #FFF;
    border-bottom-color: @newBorderColor;
  }

  .mpv .fstb,
  .mpv .fst {
    .rounded(0);
  }

  .widefat thead,
  .widefat tfoot {
    th, td.column-cb {
      background-color: @restoreMetaColor;
    }
  }

  .mpv input.checkbox,
  .mpv input.radio {
    margin-top: 4px;
  }

  .mp-set-item > .mp-controls .set-index {
    line-height: 32px;
  }

  .mp-set .mp-set-description {
    background: #F3F3F3;
    border-bottom-color: @newBorderColor;
    padding: 6px 12px 7px 12px;
  }


  .mp-set-item > .mp-controls {
    .border-radius(0);
  }

  .mp-set-item > .mp-controls > li:first-child {
    .border-radius(0);
  }

  .mp-set.multiple .mp-field {
    border-left-color: #dfdfdf;
    border-right-color: #e2e2e2;
  }

  .mp-set .mp-field-first {
    border-top-color: #dfdfdf;
  }

  .mp-set.multiple .mp-set-item.expanded .mp-controls {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.04);
    box-shadow: 0 1px 0 rgba(0,0,0,0.04);
  }


  .mp-set-item > .mp-controls {
    border-bottom-color: @newBorderColor;
    border-left-color: @newBorderColor;
  }

  .mp-set.multiple .mp-set-fields button.collapse-lower {
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .mp-set .mp-set-fields button.collapse-lower,
  .mp-set .mp-set-fields button.collapse-lower strong {
    .border-radius(0);
  }

  .mp-set > .mp-set-inner > .mp-set-items > .mp-set-item > .mp-set-fields > .mp-item-divider {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.04);
    box-shadow: 0 1px 0 rgba(0,0,0,0.04);
  }


  .mp-set-head .mp-controls button.add-set-item span,
  .mp-set-foot .mp-controls button.add-set-item span {
    line-height: 33px;
  }

  li.mp-field-summary {
    background-image: none;
  }

  .mp-field-summary > h4.summary-label i {
    margin-top: 0;

    &.mp-icon-taxonomy,
    &.mp-icon-post-type {
      background: none;
    }

  }

  .mp-set-foot .mp-controls li.li-add-set-item,
  .mp-set-head .mp-controls li.li-add-set-item {
    border-left: none;
  }


  .mp-field-ui {
    a {
      .transition-duration(0s);
    }
  }

  .mp-set.multiple .mp-set-item .mp-controls li.control-check input, .mp-set-head .mp-controls.rt li.control-check-all input, .mp-set-foot .mp-controls.rt li.control-check-all input {
    width: 16px;
    height: 16px;
    left: 10px;
    top: 9px;
  }

  .mpv .fst h3 i {
    margin-top: 0;
    position: relative;
    top: 1px;

    &.mpf {
      font-size: 14px;
    }
  }

  .mpv .columns .checkbox .head input {
    margin-top: 5px;
    margin-left: 7px;
  }

  .mpv .columns .checkbox .body input {
    margin-left: 14px;
    margin-top: 12px;
  }

  .mpv .columns .foot button.remove i {
    margin-top: -6px;
  }

  .mpv .custom-columns button.add i,
  .mpv .custom-columns button.taxonomy i,
  .mpv .custom-columns button.field i {
    margin-top: -7px;
  }

  .mpv .columns li .head {
    background: #f3f3f3;
  }

  .mpv .columns li .head input.text {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
  }

  .mpv .sortable-list-menu li.bi {
    // built-in icons
    span.icon16 {
      margin-top: -6px;
    }
  }

  .mpv table.grid tr.summary td.first {
    padding-left: 14px;
  }

  .mpv table.grid tbody td i.go {
    margin-top: 0;
  }

  .mpv .sortable-list li i {
    margin-top: 2px;
  }

  .mpv .title-info-panel {
    background: #FFF;
    border: none;
    border-left: 4px solid #BBB;
    .rounded(4px);
    .box-shadow(0px 1px 1px 0px rgba(0,0,0,0.1));
    margin-top: 10px;

    h3 {
      line-height: inherit;
      padding-top: 6px;
      padding-bottom: 6px;
      padding-left: 0;

    }

    h3 i.divide {
      margin-top: 1px;
    }

    h3 i.metabox {
      margin-top: 2px;
    }

    i.mp-icon {
      background: none;
      font-size: 16px;
    }

  }

  .mpv .title-info-panel-lt {
    padding-bottom: 2px;
    border: none;
  }



  .mpv table.grid {
    background: none;

    tr.gap td {
      background: none;
    }
  }

  .mpv .fs h4 i {
    margin-top: 0;
  }

  .mp-set-foot button.add-set-item i,
  .mp-set-head button.add-set-item i,
  .mp-set-item button.add-set-item i {
    margin-top: -9px;
  }

  .qq-upload-button {
    .rounded(2px);
    border-color: #CCCCCC;
    -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
    box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
    background: #f7f7f7;
    height: 10px;
    padding-top: 7px;

    &:hover {
      background: #FAFAFA;
      border-color: #AAAAAA;
    }

    &:active {
      background: #eee;
      border-color: #999;
      color: #333;
      -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
      box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    }
  }

  .mpv-masterplan-form .qq-upload-button {
    padding-bottom: 6px;
  }

  .fw .uploader-ui .qq-upload-button {
    padding-bottom: 12px;
  }

  .mpft-image-ui .qq-upload-button {
    width: 114px;
  }

  @select2BG: #FFF;

  .mp-select2-container.select2-container .select2-choice {
    .border-radius(0);
    border-color: #CCC;
    background: @select2BG;
  }

  .mp-select2-drop.select2-drop .select2-search {
    background: #f3f3f3;
    border-bottom: none;
    background-position: 0 0;
    border-top: 1px solid @newBorderColor;
    padding-top: 3px;

    input {
      .border-radius(0);
      -webkit-box-shadow: none;
      -moz-box-shadow   : none;
      -o-box-shadow     : none;
      box-shadow        : none;
      padding: 5px 20px 5px 6px;
      background-position: 100% -21px;
      background: #ffffff url('../images/select2.png') no-repeat 100% -22px;
      border-color: #DFDFDF;
    }

  }

  .mp-select2-container.select2-dropdown-open .select2-choice {
    border-bottom: 1px solid #DFDFDF;
  }

  .mp-select2-container.select2-container-multi .select2-choices {
    .border-radius(0);
    border-color: @newBorderColor;
    background: #FFF;
  }

  .mp-select2-container.select2-container-multi .select2-choices .select2-search-choice {
    .border-radius(0);
    padding-top: 2px;
  }

  .mpv td.actions a.button-primary, .mpv th.actions a.button-primary, .mpv tr.summary a.button-primary, .mpv td.actions a.button, .mpv th.actions a.button, .mpv tr.summary a.button, .mpv td.actions a.button-secondary, .mpv th.actions a.button-secondary, .mpv tr.summary a.button-secondary {
    height: 26px;
  }

  .mpv tbody th.actions {
    padding-top: 12px;
  }

  .mp-select2-container.select2-container {

    .select2-choices {
      -webkit-box-shadow: none;
      -moz-box-shadow   : none;
      -o-box-shadow     : none;
      box-shadow        : none;
    }

  }

  .mp-select2-container.select2-container-active {

    .select2-choice,
    .select2-choices {
      -webkit-box-shadow: none;
      -moz-box-shadow   : none;
      -o-box-shadow     : none;
      box-shadow        : none;
      border-color: #aaa;
    }

  } // .select2-container-active

  .mp-select2-drop.select2-drop {
    border-color: #aaa;
  }

  .mp-select2-container.select2-container .select2-choice i,
  .mp-select2-drop.select2-drop .select2-results .select2-result-label div.result i {
    text-align: center;
  }

  .mp-select2-drop.select2-drop .select2-results .select2-result-label div.result i {
    margin-top: 1px;

    &.font {
      margin-top: 1px;
    }
  }

  .mpv input.text,
  .mpv textarea,
  .mpv.mp-set.multiple input.text,
  .mpv.mp-set.multiple select,
  .mpv.mp-set.multiple textarea {
    box-shadow: none;
    border-color: @newBorderColor;
  }



  .mpv.mp-set .mp-field.active {

    input.text,
    textarea {
      border-color: #AAAAAA;
      -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
      box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    }

  }



  .mptt .mptt-text {
    padding-top: 10px;
  }

  .mptt-bubble {
    .border-radius(0);
  }


  .mpv a.create-link i {
    margin-top: -7px;
  }

  .mpv-site-content-manage .mpv-title .icon32 {
    background: none !important;
    margin-top: 15px;
    margin-right: 0px;

    &:before {
      font-family: "FontAwesome";
      content: '\f0e8';
      font-size: 24px;
    }
  }

  .mpft-image-ui ul.prop button.attributes {
    margin-top: -4px;
    line-height: 11px;
    padding-top: 0px;
  }

  #adminmenu {

    #toplevel_page_masterpress-site-content {

      .wp-menu-image {

        background: none;

        &:before {
          font-family: 'FontAwesome';
          content: '\f0e8';
        }

        @media
          only screen and (-webkit-min-device-pixel-ratio: 2),
          only screen and (   min--moz-device-pixel-ratio: 2),
          only screen and (     -o-min-device-pixel-ratio: 2/1),
          only screen and (        min-device-pixel-ratio: 2),
          only screen and (                min-resolution: 192dpi),
          only screen and (                min-resolution: 2dppx) {

          background: none;
        }

      }


    }


    #toplevel_page_masterpress {

      .wp-menu-image {
        background-position: 9px 9px !important;

        @media
          only screen and (-webkit-min-device-pixel-ratio: 2),
          only screen and (   min--moz-device-pixel-ratio: 2),
          only screen and (     -o-min-device-pixel-ratio: 2/1),
          only screen and (        min-device-pixel-ratio: 2),
          only screen and (                min-resolution: 192dpi),
          only screen and (                min-resolution: 2dppx) {

          background-position: 11px -22px !important;
        }

        &:before {
          content: "";
        }

      }
    }

    #toplevel_page_masterpress:hover,
    #toplevel_page_masterpress-site-content:hover,
    #toplevel_page_masterpress.wp-has-current-submenu,
    #toplevel_page_masterpress-site-content.current {
      .wp-menu-image {

        background-position: -291px 9px !important;

        @media
        only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (min--moz-device-pixel-ratio: 1.5),
        only screen and (min-device-pixel-ratio: 1.5) {
          background-position: -139px -22px !important;
        }
      }
    }

  }

  .mpv-options-menu {
    padding-left: 25px;
  }

  #adminmenu .wp-submenu li.toplevel_page_masterpress {
    min-height: 24px;

    &:hover,
    &.current a {
      background-color: inherit;
    }

    span {
      font-size: 13px;
      line-height: 14px;
    }
  }

  .mpv input.checkbox:hover {
    border-color: #666 !important;
  }

  .mpv input.checkbox:focus, .mpv input.radio:focus {
    .box-shadow(none);
    outline: none !important;
    border-color: #666 !important;
  }

  .mpv .title-info-panel-lt i {
    margin-top: 0px;
  }

  .mpv .title-info-panel-lt i.metabox-sitemap-large {
    margin-top: -2px;
  }

  .widefat tbody th.check-column input {
    margin-top: 4px;
  }

  @media screen and (max-width: 500px) {
    #wp-admin-bar-masterpress {
      display: none;
    }
  }


  .mp-icon-post-type,
  .mp-icon-post-type-post,
  .mp-icon-post-type-attachment,
  .mp-icon-post-type-page,
  .mp-icon-taxonomy {
    background-image: none !important;
  }






} // .mp6



.mp6 {

  .mp-icon-post-type:before,
  .mp-icon-taxonomy:before {
    display:inline-block;
    font-family:dashicons;
    font-size: 16px;
    margin-top: 1px;
    color: #555;
    font-style:normal;
    font-weight:normal;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }

  .mp-icon-taxonomy:before {
    content: "\f323";
  }

  .mp-icon-post-type:before {
    content: "\f109";
  }

  .mp-icon-taxonomy:before {
    content: "\f323";
  }

  .mp-icon-post-type-post:before {
    content: "\f109";
  }

  .mp-icon-post-type-page:before {
    content: "\f105";
  }

  .mp-icon-post-type-attachment:before {
    content: "\f104";
  }

  .mpv .f .warning,
  .mpv .fw .note,
  .mp-messages li {
    i.fa {
      background: none !important;
      font-size: 18px;
    }
  }

  .mpv .f .warning {
    i.fa {
      width: 18px;
    }
  }


} // .mp6






@media screen and (max-width: 782px) {

  body.mp6 {

    .mpv {

      table.grid {

        thead th {
          padding-left: 10px;
          padding-right: 10px;

          i {
            display: none;
          }

        } //

        tbody {

          th, td {
            padding-left: 10px;
            padding-right: 10px;
          }

          th.type {
            padding-left: 6px;
            i {

            }
          }

          td.type {
            padding-left: 15px;
          }
        }

      } // table.grid


      .grid-foot-controls {

        a.button {
          height: auto;
        }

      } // .grid-foot-controls

      .file-uploader .file {
        width: 99%;
      }

      .mpv-title {

        .clearfix();
        height: auto;


        .icon32 {
          margin-top: 4px;
        }

        h3 {
          margin-top: 10px;
        }

        ul.buttons {
          float: right;
          padding-right: 0;
          margin-top: 4px;
          padding-top: 0;
        }

      } // .mpv-title

      .fw {

        p.note {
          br {
            display: none;
          }
        }

      } // .fw

      .f {
        padding-left: 2px;
        padding-right: 2px;

        label {
          float: none;
        }

        label.icon {
          margin-left: 2px;
        }
      } // .f

      .fw input.checkbox,
      .fw input.radio {
        margin-left: 0;
        margin-top: 8px;
      }

      .mpv-field-sets-form {

        .f {
          .fw {
            width: 100%;

            p.checkbox-alt-label {
              width: auto;
              width: ~"calc(100% - 40px)";
            }

          } // .fw
        } // .f

      } // .mpv-field-sets-form

    } // .mpv




  } // body.mp6


} // media
