/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

@import "base/_environment.scss";

[type=radio].styled-radio {
  margin: direction-sides(4px 7px 2px 2px);
  float: direction(left);
}

.muted-margin {
  margin-#{direction(left)}: 20px;
}

.top-margin {
  margin-top: 5px;
}

.bottomMargin {
  margin-bottom: 5px;
}

.top-padding {
  padding-top: 5px;
}

.migrationProgressItem {
  padding-top: 5px;
  padding-bottom: 5px;
}

.controlMargin {
  padding-top: 8px;
}

.centerText {
  text-align: center;
}

.cancelBtn {
  margin-#{direction(left)}: 0;
}

.rightAlign {
  text-align: direction(right);
}

.progress {
  margin-bottom: 0;
}

#progress {
  margin-#{direction(left)}: 20px;
  margin-top: 100px;
}

.noMargin {
  margin: 0;
}

.icon-folder {
  font-size: 24px !important;
}

hr {
  margin-bottom: 0 !important;
}

.plain {
  color: black;
}

.control-height {
  height: 30px;
}

.selectContentDialog ul {
  margin: 0;
  list-style: none;
  .checkbox-title {
    padding-#{direction(left)}: 5px;
  }
  .checkbox-caret {
    color: black;
  }
  .no-caret {
    margin-#{direction(left)}: 20px;
  }
  .treeitem-heading {
    min-height: 22px;
  }
  input[type=checkbox] {
    margin: direction-sides(0 10px 3px 0px);
    float: none;
    padding-#{direction(right)}: 5px;
  }
  label.checkbox {
    display: inline;
    padding-#{direction(left)}: 0px;
  }
  div.module_options {
    display: inline-block;
    margin: 5px 38px;
    padding: 5px;
    background-color: $ic-bg-light-primary;
    border: solid 1px var(--ic-brand-primary);

    .ic-Form-control {
      margin-bottom: 0;
    }
  }
  li.top-level-treeitem {
    margin: 10px 0px;
    border: 1px solid lightgray;
    border-radius: 5px;
    > .treeitem-heading {
      padding: 5px;
    }
  }
  li.normal-treeitem {
    min-height: 32px;
    padding-#{direction(left)}: 33px;
  }
  li {
    list-style: none;
    > .treeitem-heading {
      padding: 5px;
      &:hover {
        background-color: $ic-bg-light-primary;
      }
      .sub_count {
        font-style: italic;
      }
    }
  }
  li li li li li {
    > .treeitem-heading {
      padding: 5px;
    }
  }
  li.small-spacing {
    margin: 5px 0px;
  }
  li[aria-selected=true] {
    border-radius: 5px;
    > .treeitem-heading {
      background-color: var(--ic-brand-primary);
      label, a {
        color: white;
      }
    }
  }
  li[aria-expanded=true] {
    .icon-arrow-right {
      display: none;
    }
    .icon-arrow-down {
      display: inline-block;
    }
    > ul {
      display: block;
    }
  }
  li[aria-expanded=false] {
    .icon-arrow-right {
      display: inline-block;
    }
    .icon-arrow-down {
      display: none;
    }
    > ul {
      display: none;
    }
  }
}

i.course_select_warning {
  display: none;
  padding: direction-sides(8px 0 0 8px);
  color: $ic-color-alert;
}

.migration--error-detail {
  font-style: italic;
  padding-#{direction(left)}: $ic-sp;
}

#selectContentBtn.btn-primary {
  background: var(--ic-brand-button--primary-bgd);
  color: var(--ic-brand-button--primary-text);
}
