/*
 * Copyright 2013 John Ahlroos
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@mixin addon-dragdroplayouts() {
  /* Absolute layout styles */
  .v-ddabsolutelayout-drag-shadow,
  .v-ddcsslayout-drag-shadow {
    background-color: rgb(169, 209, 255); /* IE fallback */
    background-color: rgba(169, 209, 255, .6);
    background-position: 0;
    background-image: none !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    vertical-align: bottom;
  }

  /* Horizontal and vertical styles */
  .v-ddorderedlayout-over {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  .v-ddorderedlayout-over-middle,
  .v-ddorderedlayout-over-center {
    background-color: rgb(169, 209, 255); /* IE fallback */
    background-color: rgba(169, 209, 255, .6);
  }
  .v-ddorderedlayout-over.v-ddorderedlayout-over-left {
    border-left: 2px solid #1d9dff;
    margin-right: -2px;
  }
  .v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-left {
    border-left: 6px solid #1d9dff;
    padding-left: 0px !important;
  }
  .v-ddorderedlayout-over.v-ddorderedlayout-over-right {
    border-right: 2px solid #1d9dff;
    margin-left: -2px;
  }
  .v-ddorderedlayout-over.v-ddorderedlayout-over-top {
    border-top: 2px solid #1d9dff;
    margin-bottom: -2px;
  }
  .v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-top {
    border-top: 7px solid #1d9dff;
    padding-top: 0px !important;
  }
  .v-ddorderedlayout-over.v-ddorderedlayout-over-bottom {
    border-bottom: 2px solid #1d9dff;
    margin-top: -2px;
  }
  .v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-right + div {
    border-left: 6px solid #1d9dff;
    padding-left: 0px !important;
  }
  .v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-bottom + div {
    border-top: 7px solid #1d9dff;
    padding-top: 0px !important;
  }
  /* First child never has padding, in that case use a narrow indicator */
  .v-horizontallayout div:first-child.v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-left {
    border-left: 2px solid #1d9dff;
    margin-right: -2px;
  }
  .v-verticallayout div:first-child.v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-top {
    border-top: 2px solid #1d9dff;
    margin-bottom: -2px;
  }

  /* Grid layout styles */
  .v-ddgridlayout-over {

  }
  .v-ddgridlayout-over-middle,
  .v-ddgridlayout-over-center {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: rgb(169, 209, 255); /* IE fallback */
    background-color: rgba(169, 209, 255, .6);
  }
  .v-ddgridlayout-over-left {
    background-color: transparent;
    border-left: 2px solid #1d9dff;
    margin-right: -2px;
  }
  .v-ddgridlayout-over-right {
    background-color: transparent;
    border-right: 2px solid #1d9dff;
    margin-left: -2px;
  }
  .v-ddgridlayout-over-top {
    background-color: transparent;
    border-top: 2px solid #1d9dff;
    margin-bottom: -2px;
  }
  .v-ddgridlayout-over-bottom {
    background-color: transparent;
    border-bottom: 2px solid #1d9dff;
    margin-top: -2px;
  }
  .v-ddgridlayout-drag-shadow {
    position: absolute;
  }

  /* SplitPanel styles */
  .v-ddsplitpanel-over {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: rgb(169, 209, 255); /* IE fallback */
    background-color: rgba(169, 209, 255, .6);
  }
  .v-ddsplitpanel-over-splitter {
    border: 1px solid rgb(169, 209, 255); /* IE fallback */
    border: 1px solid rgba(169, 209, 255, .6);
  }

  /* TabSheet styles */
  .v-tabsheet-tabs .v-tabsheet-spacertd .new-tab {
    background: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: rgb(169, 209, 255); /* IE fallback */
    background-color: rgba(169, 209, 255, .6);
    width: 48px;
    height: 23px;
    padding: 9px 8px 0 6px;
  }
  .v-tabsheet-tabs .new-tab-left {
    border-left: 2px solid #1d9dff;
    margin-right: -1px;
  }
  .v-tabsheet-tabs .new-tab-right {
    border-right: 2px solid #1d9dff;
    margin-left: -1px;
  }
  .v-tabsheet-tabs .new-tab-center {
    border-top: 2px solid #1d9dff;
    margin-bottom: -2px;
  }

  .v-tabsheet.v-dd-active-drag-source {
    opacity: 1;
  }

  /* Accordion styles */
  .v-accordion-item.dd-over,
  .v-accordion-item-caption .v-caption.dd-over {
    background: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: rgb(169, 209, 255); /* IE fallback */
    background-color: rgba(169, 209, 255, .6);
  }
  .v-accordion .spacer {
    background-color: #1d9dff;
    height: 2px;
    width: 100%;
    position: relative;
  }

  /* FormLayout styles */
  .v-ddformlayout-over {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: rgb(169, 209, 255); /* IE fallback */
    background-color: rgba(169, 209, 255, .6);
  }

  .v-ddformlayout-over-top .v-formlayout-captioncell,
  .v-ddformlayout-over-top .v-formlayout-errorcell,
  .v-ddformlayout-over-top .v-formlayout-contentcell {
    border-top: 2px solid #1d9dff;
    padding-top: 6px !important;
  }

  .v-ddformlayout-over-middle .v-formlayout-captioncell,
  .v-ddformlayout-over-middle .v-formlayout-errorcell,
  .v-ddformlayout-over-middle .v-formlayout-contentcell {
    background: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: rgb(169, 209, 255); /* IE fallback */
    background-color: rgba(169, 209, 255, .6);
  }

  .v-ddformlayout-over-bottom .v-formlayout-captioncell,
  .v-ddformlayout-over-bottom .v-formlayout-errorcell,
  .v-ddformlayout-over-bottom .v-formlayout-contentcell {
    border-bottom: 2px solid #1d9dff;
    padding-top: 6px !important;
  }

  /* Panel styles */
  .v-ddpanel-over {
    background-color: rgb(169, 209, 255) !important; /* IE fallback */
    background-color: rgba(169, 209, 255, .6) !important;
  }

  /* Fixes VFilterselect dragging drag image styles */
  .v-drag-element .v-filterselect-input {
    float: left;
    padding: 4px 0px 4px 2px;
    border: none;
    height: 16px;
    background-position: 0% -499px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    line-height: normal;
    background: transparent repeat-x;
    background-image: url(../../themes/reindeer/common/img/vertical-sprites.png);
    -background-image: url(../../themes/reindeer/common/img/vertical-sprites-ie6.png);
    background-position: left -499px;
  }
  .v-drag-element .v-filterselect-button {
    font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    line-height: normal;
  }

  /* Fixes VTextField drag image styles */
  .v-drag-element .v-textfield {
    padding: 3px 3px 4px;
    color: #222;
    font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    line-height: normal;
  }

  .v-drag-element input.v-textfield-small {
    font-size: 11px;
    line-height: normal;
    height: auto;
    padding: 2px;
  }

  /* Fixes VTextArea drag image styles */
  .v-drag-element .v-textarea {
    padding: 3px 3px 4px;
    color: #222222;
    font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    line-height: normal;
  }

  .v-drag-element textarea.v-textarea-small {
    font-size: 11px;
  }

  /* IFRAME shim styles */
  .v-dragdrop-iframe-cover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    -webkit-opacity: 0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0;
    background-color: rgb(169, 209, 255); /* IE fallback */
    background-color: rgba(169, 209, 255, .6);
  }

  /* Fade out drag source */
  .v-dd-active-drag-source {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -webkit-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
  }
}