@charset "UTF-8";
/*
 * Copyright (C) 2014 - 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * 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/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
/*
 * Copyright (C) 2017 - 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/>.
 */
/*
 * 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * 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/>.
 */
/*
 * Copyright (C) 2012 - 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/>.
 */
/*
 * 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/>.
 */
/*
 * 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/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
/*
 * 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/>.
 */
/*
 * 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * 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/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
/*
 * Copyright (C) 2017 - 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/>.
 */
/*
 * 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * 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/>.
 */
/*
 * Copyright (C) 2012 - 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/>.
 */
/*
 * 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/>.
 */
/*
 * 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/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.ic-tokeninput {
  display: inline-block;
}

.ic-tokeninput-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999999;
  border: 1px solid #E8EAEC;
  background: #FFFFFF;
  padding: 5px 0px;
  font-size: 14px;
  font-size: 0.875rem;
  width: 100%;
  box-sizing: border-box;
}

.ic-tokeninput-is-open .ic-tokeninput-list {
  display: block;
}

.ic-tokeninput-option:focus {
  outline: 0;
  color: white;
  background: hsl(200, 50%, 50%);
}

.ic-tokeninput-input {
  padding-right: 20px;
  width: 100%;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.ic-tokeninput-button {
  display: inline-block;
  position: absolute;
  cursor: default;
  outline: none;
  top: 2px;
  right: 6px;
  font-size: 16px;
  font-size: 1rem;
  cursor: default;
}

.ic-tokeninput-button:active {
  color: #4095BF;
}

.ic-tokeninput-option, .ic-tokeninput-header {
  display: block;
  padding: 2px 16px;
  cursor: default;
}

.ic-tokeninput-header {
  font-weight: bold;
}

.ic-tokeninput-header:focus {
  outline: 0;
  color: white;
  background: #ddd;
}

.ic-tokeninput-selected:before {
  content: "✓";
  position: absolute;
  left: 4px;
}

.token-input-wrapper {
  width: 204px;
  min-height: 50px;
  float: left;
}

.ic-tokens {
  margin-left: 5px;
  flex-wrap: wrap;
  z-index: 1;
  list-style: none;
  padding: 6px;
  border: 1px solid #E8EAEC;
  background-color: #FFFFFF;
  border-radius: 3px;
  cursor: text;
  position: relative;
  will-change: transform;
  flex: 1 75%;
  margin: 0;
}

.ic-token {
  background-color: #F2F4F4;
  border: none;
  color: var(--ic-brand-font-color-dark);
  border-radius: 3px;
  padding: 0;
  margin: 2px;
  font-size: 14px;
  font-size: 0.875rem;
  display: inline-flex;
}

.ic-token-label {
  padding: 3px 15px;
}

.ic-token-delete-button {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 3px 15px;
  cursor: pointer;
  order: 2;
}

.ic-token-delete-button:hover {
  background-color: rgb(228.1875, 232.3125, 232.3125);
}

.ic-tokeninput {
  display: inline-flex;
}

.ic-tokeninput-input {
  border: 0 none;
  outline: 0;
}

.ic-tokeninput-button {
  display: none;
}

.token_input {
  position: relative;
  min-height: 0;
  height: 38px;
  box-sizing: border-box;
  background: #FFFFFF;
  border: 1px solid #E8EAEC;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  cursor: text;
  overflow: hidden;
  vertical-align: middle;
  padding: 2px;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.token_input a.browser {
  position: absolute;
  top: 6px;
  right: 6px;
  cursor: pointer;
  text-align: right;
}
.token_input > span {
  float: left;
  color: #6A7883;
  padding: 4px;
}
.token_input > div {
  overflow: auto;
  max-height: 90px;
}
.token_input.browsable > div {
  padding-right: 20px;
}
.token_input ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.token_input li div {
  padding: 8px;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.token_input li span {
  color: var(--ic-brand-font-color-dark);
  vertical-align: middle;
  display: inline-block;
}
.token_input li a, .token_input li button {
  color: var(--ic-brand-font-color-dark);
  padding-right: 8px;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid transparent;
}
.token_input li a:hover, .token_input li button:hover {
  border: 1px solid var(--ic-brand-font-color-dark);
}
.token_input li {
  white-space: nowrap;
  float: left;
  color: var(--ic-brand-font-color-dark);
  background-color: #F2F4F4;
  border: 1px solid #E8EAEC;
  border-radius: 4px;
  cursor: default;
  position: relative;
}
.token_input li.cannot_remove div, .token_input li.cannot_remove:hover div {
  padding-right: 8px;
}
.token_input li {
  line-height: 1.1em;
}
.token_input li.selected {
  background-color: #5b89f3;
  border-color: #5b89f3;
  color: #fff;
}
.token_input li.selected a {
  background-position: -10px center;
}
.token_input li.details div {
  padding: 0 11px;
}
.token_input li.details span {
  padding: 0 15px 0 4px;
}
.token_input input {
  box-shadow: none;
  float: left;
  border: 0;
  outline: none;
  padding: 8px;
  margin: 1px 0;
  line-height: 1.1em;
}

.token_input.browse a.browser {
  background-position: 0 -36px;
}

.token_input.active {
  box-shadow: 0 0 3px 2px #68B4DF;
}

/*
 * 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/>.
 */
.autocomplete_menu {
  position: absolute;
  z-index: 2000;
  overflow: hidden;
  margin-left: -12px;
  padding: 0 12px 12px;
  display: block;
}
.autocomplete_menu > div {
  background: #FFFFFF;
  border: 1px solid #E8EAEC;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  overflow: hidden;
  width: 390px;
}
.autocomplete_menu > div > div {
  position: relative;
}
.autocomplete_menu > div > div > div {
  float: left;
  width: 390px;
}
.autocomplete_menu ul.heading {
  margin: 0;
  overflow: visible;
}
.autocomplete_menu ul {
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
  overflow: auto;
}
.autocomplete_menu ul li, .autocomplete_menu ul li.active.no-results {
  background: #FFFFFF;
  position: relative;
  overflow: hidden;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px dashed #6A7883;
  padding: 5px;
}
.autocomplete_menu ul li.active.no-results {
  border-bottom: none;
}
.autocomplete_menu ul li.first {
  border-top: none;
}
.autocomplete_menu ul li.last {
  border-bottom: none;
}
.autocomplete_menu ul li.expanded {
  cursor: default;
  background: #fff;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
}
.autocomplete_menu ul li.message {
  line-height: 32px;
  text-align: center;
  border-bottom: none;
}
.autocomplete_menu ul li.active, .autocomplete_menu ul li:focus {
  background: var(--ic-brand-primary);
  outline: none;
}
.autocomplete_menu ul li.active.expanded {
  background: #F2F4F4;
}

.autocomplete_menu ul {
  max-height: 218px;
  position: relative;
}
.autocomplete_menu li, .autocomplete_menu li.active.expanded {
  cursor: pointer;
}
.autocomplete_menu li a.toggle, .autocomplete_menu li a.expand, .autocomplete_menu li.active.expanded a.toggle, .autocomplete_menu li.active.expanded a.expand {
  position: relative;
  padding: 1px;
  background: transparent;
}
.autocomplete_menu li i, .autocomplete_menu li.active.expanded i {
  display: block;
  width: 30px;
  height: 30px;
}
.autocomplete_menu li a.expand, .autocomplete_menu li.active.expanded a.expand {
  float: right;
}
.autocomplete_menu li a.expand i, .autocomplete_menu li.active.expanded a.expand i {
  background: transparent url(/dist/images/messages/expand-context-3ff4e71b40.png) no-repeat 10px -23px;
}
.autocomplete_menu li a.toggle, .autocomplete_menu li.active.expanded a.toggle {
  display: none;
  float: left;
  margin: 0 14px 0 6px;
}
.autocomplete_menu li a.toggle i, .autocomplete_menu li.active.expanded a.toggle i {
  width: 16px;
  height: 16px;
  margin: 7px;
}
.autocomplete_menu li .avatar, .autocomplete_menu li.active.expanded .avatar {
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 4px;
  margin-top: -2px;
}
.autocomplete_menu li .avatar-box, .autocomplete_menu li.active.expanded .avatar-box {
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 4px;
  background: transparent url(/dist/images/messages/avatar-sprites-8984d52638.png) 0 0 no-repeat;
}
.autocomplete_menu li span.name, .autocomplete_menu li span.details, .autocomplete_menu li.active.expanded span.name, .autocomplete_menu li.active.expanded span.details {
  white-space: nowrap;
  overflow: hidden;
  display: block;
  line-height: 16px;
}
.autocomplete_menu li b, .autocomplete_menu li.active.expanded b {
  color: #000;
  text-shadow: none;
}
.autocomplete_menu li span.details, .autocomplete_menu li span.context_info, .autocomplete_menu li.active.expanded span.details, .autocomplete_menu li.active.expanded span.context_info {
  color: #2571bd;
  font-weight: bold;
  font-size: 0.8em;
}
.autocomplete_menu li span.details, .autocomplete_menu li.active.expanded span.details {
  display: block;
}
.autocomplete_menu li span.context_info, .autocomplete_menu li.active.expanded span.context_info {
  padding-left: 6px;
}
.autocomplete_menu li.toggleable a.toggle i {
  background: transparent url(/dist/images/messages/checkbox-sprite-87c167a2eb.png) no-repeat 0 0;
}
.autocomplete_menu li.context .avatar-box, .autocomplete_menu li.context.active.expanded .avatar-box {
  background-position: 0 -64px;
}
.autocomplete_menu li.user.active .avatar-box {
  background-position: 0 -32px;
}
.autocomplete_menu li.context.active .avatar-box {
  background-position: 0 -96px;
}
.autocomplete_menu li.active a.expand i {
  background-position: 10px 10px;
}
.autocomplete_menu li.active a.expand:hover {
  padding: 0;
  border: 1px solid #2da5f0;
  background: #2da5f0 url(/dist/images/messages/finder-active-883f8a257e.png) repeat-x 0 0;
}
.autocomplete_menu li.active b {
  color: #fff;
  text-shadow: 0px 1px 1px #0587bb;
}
.autocomplete_menu li.active span {
  color: #e1edf0;
}
.autocomplete_menu li.active a.toggle i {
  background-position: 0 -48px;
}
.autocomplete_menu li.active .user.avatar-box {
  background-position: 0 -32px;
}
.autocomplete_menu li.active .context.avatar-box {
  background-position: 0 -96px;
}
.autocomplete_menu li.toggleable.on a.toggle i {
  background-position: 0 -32px;
}
.autocomplete_menu li.toggleable.on.active a.toggle i {
  background-position: 0 -80px;
}
.autocomplete_menu li.toggleable.on.active a.toggle:hover i {
  background-position: 0 -64px;
}
.autocomplete_menu li.expanded, .autocomplete_menu li.active.expanded {
  cursor: default;
}
.autocomplete_menu li.expanded a.expand i, .autocomplete_menu li.active.expanded a.expand i {
  background-position: 10px -55px;
}
.autocomplete_menu li.expanded a.toggle, .autocomplete_menu li.active.expanded a.toggle {
  display: none !important;
}
.autocomplete_menu li.active.expanded a.expand:hover {
  cursor: pointer;
  background: #fff;
  border-color: #e4ebef;
}
.autocomplete_menu div.with-toggles a.toggle {
  display: block;
}
.autocomplete_menu div.with-toggles li.expanded, .autocomplete_menu div.with-toggles li.active.expanded {
  padding-left: 11px;
}
.autocomplete_menu div.with-toggles li.expanded .avatar-box, .autocomplete_menu div.with-toggles li.active.expanded .avatar-box {
  margin: 0 14px 0 0;
}

/*
 * 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/>.
 */
#course_form .date_entry {
  width: 165px;
}

#course-status {
  font-size: 0.875rem !important;
  font-weight: normal;
}

.users-wrapper {
  border: 1px solid #ccc;
  margin-bottom: 1.4em;
}
.users-wrapper h3,
.users-wrapper .h3 {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0;
  padding: 8px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ccc;
  line-height: 1em;
}
.users-wrapper .pagination-loading {
  padding: 8px;
  display: block;
  text-align: center;
  text-decoration: none;
  background-color: #06a9ee;
  color: white;
}

ul.user_list {
  list-style: none;
  padding: 0px;
  margin: 0;
  max-height: 300px;
  min-height: 50px;
  overflow: auto;
}
ul.user_list li.none {
  padding: 8px;
}

ul.user_list li.user {
  min-height: 30px;
  padding-left: 10px;
  color: #444;
  line-height: 1em;
  padding: 8px;
  margin: 0;
  border-bottom: 1px solid #ccc;
}
ul.user_list li.user:last-child {
  border-bottom: 0;
}
ul.user_list li.user > span.pending {
  width: 0;
  height: 0;
  padding: 0;
  margin: -8px 0 0 -8px;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #06a9ee;
  display: block;
  position: relative;
}

ul.user_list li.user:hover {
  background-color: #E0EBF5;
}

ul.user_list li.user .email {
  font-size: 0.8em;
  margin-left: 10px;
}

ul.user_list li.user .associated_user {
  display: none;
  font-size: 0.8em;
  margin-left: 10px;
}

ul.user_list li.user.observer_enrollment .associated_user {
  display: block;
}

ul.user_list li.user .section {
  font-size: 0.8em;
  margin-left: 10px;
}

ul.user_list li.user .short_name {
  font-size: 0.8em;
  margin-left: 10px;
  margin-top: 2px;
}

ul.user_list li.user .associated_user_name:hover {
  text-decoration: underline;
}

ul.user_list li.user .enrollment_type {
  font-size: 0.8em;
  margin: -2px 10px 0px;
}

ul.user_list li.user .links {
  float: right;
  padding-right: 20px;
  padding-top: 5px;
  visibility: hidden;
}

ul.user_list li.user .links a {
  text-decoration: none;
}

ul.user_list li.user:hover .links {
  float: right;
  padding-right: 20px;
  visibility: visible;
}

ul.user_list div.enrollment_type.pending {
  color: #888;
  font-style: italic;
}

.add-course-users {
  border: 1px solid #ccc;
  margin-bottom: 1.4em;
}
.add-course-users .header {
  padding: 8px;
  border-bottom: 1px solid #ccc;
  background-color: #f7f7f7;
}
.add-course-users .header .id-holder {
  float: left;
  padding-right: 1em;
}
.add-course-users #user_list_boxes {
  overflow: hidden;
  margin: 8px;
}
.add-course-users #user_list_boxes #user_list_textarea_container {
  height: auto;
}
.add-course-users #user_list_boxes #user_list_parsed {
  height: auto;
  width: 98%;
}

#sections {
  margin: 0;
  padding: 0;
  list-style: none;
}
#sections li {
  margin: 0;
  padding: 0;
}
#sections {
  max-width: fit-content;
  min-width: 500px;
  list-style-type: none;
}

.course_section_dates, .course_section_crosslist {
  color: #6A7883;
}

#sections .section {
  padding: 3px 2px;
}

#sections .section .section_links {
  float: right;
}

#sections .section .users_count {
  padding-left: 5px;
}

#edit_section_form {
  float: left;
}

.nav_list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav_list li {
  margin: 0;
  padding: 0;
}
.nav_list {
  width: 400px;
  max-width: calc(100vw - 22px);
  margin: 20px 0;
}
.nav_list li.enabled:hover span {
  display: block;
}
.nav_list li.navitem {
  color: var(--ic-brand-font-color-dark);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-size: 1rem;
  padding: 4px 0 4px 10px;
  border: solid #E8EAEC;
  border-width: 0 1px 1px;
}
.nav_list li.navitem:hover {
  background-color: #F2F4F4;
  z-index: 0;
  position: static;
  text-decoration: none;
}
.nav_list li.navitem:hover .disabled_message {
  display: none;
}
.nav_list li.navitem:focus {
  outline: 2px solid var(--ic-brand-primary);
  outline-offset: -2px;
  z-index: 1;
}
.nav_list li.navitem.keyboard-focus {
  background-color: #F2F4F4;
}
.nav_list li.navitem.dragging {
  background-color: color-mix(in srgb, var(--ic-brand-primary) 15%, white);
  border-color: var(--ic-brand-primary);
  border-width: 3px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transform: scale(1.02);
  position: relative;
  z-index: 10;
  cursor: grabbing;
}
.nav_list li.navitem .draggable_handle {
  display: inline-block;
  padding: 10px 0px;
  margin-right: 10px;
  width: 25px;
  min-width: 25px;
}
.nav_list li.navitem .navitem_content {
  display: inline-block;
  padding: 10px 0px;
  flex-grow: 1;
}
.nav_list li.navitem .disabled_message {
  display: none;
}
.nav_list li.disabled {
  padding: 4px 0 4px 0px;
  border-bottom: 1px solid #E8EAEC;
}

#nav_disabled_list li.navitem {
  color: var(--ic-brand-font-color-dark-lightened-15);
}
#nav_disabled_list li.navitem .disabled_message {
  display: block;
  font-size: 0.8em;
  padding-left: 0px;
  line-height: 0.7em;
  font-style: italic;
}

.token_input {
  width: 100%;
}

#user_sections {
  list-style: none;
  margin: 0;
  padding: 0;
}
#user_sections li div {
  padding: 8px;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
#user_sections li span {
  color: var(--ic-brand-font-color-dark);
  vertical-align: middle;
  display: inline-block;
}
#user_sections li a, #user_sections li button {
  color: var(--ic-brand-font-color-dark);
  padding-right: 8px;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid transparent;
}
#user_sections li a:hover, #user_sections li button:hover {
  border: 1px solid var(--ic-brand-font-color-dark);
}
#user_sections li {
  white-space: nowrap;
  float: left;
  color: var(--ic-brand-font-color-dark);
  background-color: #F2F4F4;
  border: 1px solid #E8EAEC;
  border-radius: 4px;
  cursor: default;
  position: relative;
}
#user_sections li.cannot_remove div, #user_sections li.cannot_remove:hover div {
  padding-right: 8px;
}
#user_sections li {
  clear: left;
}

#edit_sections a.browser {
  background: transparent url(/dist/images/messages/context-search-sprite-436077bd3d.png) 0 0 no-repeat;
}

#right-side table.summary {
  margin-top: 20px;
}
#right-side table.summary caption h3 {
  line-height: inherit;
  margin: 0;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bold;
}

#right-side .course-criteria {
  margin-top: 20px;
}
#right-side .course-criteria h3 {
  line-height: inherit;
  margin: 0;
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 6px;
  font-weight: bold;
  border-bottom: 1px solid #6A7883;
}
#right-side .course-criteria #criteria-mount {
  padding: 6px;
}

.course-settings-sub-navigation-lti .new_badge {
  background-color: #bc3aa6;
  color: white;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: normal;
  text-transform: uppercase;
  top: 1px;
}

.Button--course-settings i[class*=icon-],
.Button--course-settings i[class^=icon-] {
  margin-right: 0.5rem;
}

#course_form div.coursesettings {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#course_form div.coursesettings input[type=checkbox] + label {
  vertical-align: baseline;
}
#course_form div.coursesettings input,
#course_form div.coursesettings select,
#course_form div.coursesettings td {
  vertical-align: baseline;
}
#course_form div.coursesettings .form-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 0.25rem;
}
#course_form div.coursesettings .form-row > div:nth-of-type(1) {
  flex: 1;
}
#course_form div.coursesettings .form-row > div:nth-of-type(2) {
  flex: 4;
}
#course_form div.coursesettings .form-row > div {
  padding-right: 10px;
}
#course_form div.coursesettings .form-row .form-label label {
  font-weight: bold;
}
#course_form div.coursesettings .form-row .form-label .form-label-info {
  margin-top: 3px;
}
@media screen and (max-width: 900px) {
  #course_form div.coursesettings .form-row.form-row > div {
    flex: unset;
    width: 100%;
  }
  #course_form div.coursesettings .form-row .nobr {
    white-space: normal;
  }
  #course_form div.coursesettings .form-row .syllabus-visibility {
    display: block;
  }
}
#course_form div.coursesettings .form-row .checkbox-flex-container {
  display: flex;
}
#course_form div.coursesettings .form-row .checkbox-flex-container input {
  margin-right: 0.25rem;
}
#course_form div.coursesettings .tall-row {
  padding-top: 3px;
}
#course_form div.coursesettings .aside {
  font-size: 0.9em;
}
#course_form div.coursesettings .checklabelfix {
  vertical-align: -4px;
}
#course_form div.coursesettings .license_help_link img,
#course_form div.coursesettings #course_locale,
#course_form div.coursesettings #course_default_wiki_editing_roles {
  vertical-align: baseline;
}
#course_form div.coursesettings .palign {
  line-height: 100%;
  margin-bottom: 10px;
}
#course_form div.coursesettings .top-hint {
  margin-top: 10px;
  margin-bottom: 5px;
}
#course_form div.coursesettings .bottom-hint {
  margin-bottom: 15px;
}
#course_form div.coursesettings select#course_locale + span {
  white-space: nowrap;
}
#course_form div.coursesettings i.date-warning {
  padding: 8px 0 0 8px;
  color: rgb(250.7598425197, 180.0905511811, 79.7401574803);
}
#course_form div.coursesettings select {
  width: 350px;
  max-width: 100%;
}
#course_form div.coursesettings input[type=text], #course_form div.coursesettings textarea {
  width: 332px;
  max-width: 100%;
}
#course_form div.coursesettings .course-visibility-row,
#course_form div.coursesettings .course-conclude-at-row,
#course_form div.coursesettings .course-participation-row,
#course_form div.coursesettings .language-row,
#course_form div.coursesettings .course-paces-row,
#course_form div.coursesettings .friendly-name-row {
  align-items: flex-start;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#course_form div.coursesettings .friendly-name-row .form-label {
  padding-top: 0.65rem;
}

input.move-nav-item-label-spacer {
  margin-right: 10px;
}

.move-nav-item-or {
  display: inline-block;
  width: 60px;
  margin-left: 20px;
}

.move-nav-item-select-spacer {
  margin-top: 10px;
}

.drag_and_drop_warning {
  padding: 4px 8px;
  background: var(--ic-link-color);
  background-clip: border-box;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 4px;
  border: 1px dashed rgba(255, 255, 255, 0.8);
}
.drag_and_drop_warning:focus {
  color: #fff;
}

a.long {
  min-width: 20px;
}

.not-locked {
  min-width: 16px;
  content: "p";
}

td.e-tool-table-data {
  line-height: 33px;
}

td.center-text {
  text-align: center;
}

.panel-border {
  border-radius: 10px;
  border: 1px solid #ccc;
  padding: 15px;
  width: 322px;
  max-width: 100%;
}

.master_course_restrictions {
  display: none;
  margin-top: 5px;
  margin-left: 18px;
}

.master_course_restrictions .ic-Checkbox-group {
  margin-left: 18px;
}

.caution-text {
  display: flex;
}
.caution-text i {
  color: #E62429;
  margin-left: -0.1rem;
  margin-right: 0.3rem;
}
.caution-text p {
  margin: 0;
}
.caution-text:not(.shown) {
  display: none;
}

.disabled-warning:not(.shown) {
  display: none;
}

#csp_options {
  margin-top: 10px;
}

/* New Course Navigation Settings Component - scoped to avoid global conflicts */
.course-nav-tabs-list .course-nav-tab {
  border: solid #ddd;
  border-width: 0px 1px 1px 1px;
}

.course-nav-tabs-list .course-nav-tab.course-nav-tab-first {
  border-width: 1px;
}

.course-nav-tabs-list .course-nav-tab:focus {
  border-radius: 0.25rem;
}

.course-nav-tabs-list .course-nav-tab-dragging {
  background-color: #d9edf9;
  padding: 0rem 0.25rem 0rem 0.25rem;
  border-radius: 0.25rem;
  border: 2px solid var(--ic-brand-primary);
  box-shadow: 2px 2px 4px;
}

.course-nav-tabs-list {
  display: inline-block;
  width: 400px;
  max-width: calc(100vw - 22px);
}

/*
 * Copyright (C) 2016 - 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/>.
 */
.CourseImageSelector {
  box-sizing: border-box;
  border: 1px solid #6A7883;
  position: absolute;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.CourseImageSelectorWrapper {
  position: relative;
  margin-bottom: 12px;
}
.CourseImageSelectorWrapper:not(.wide) {
  height: 146px;
  width: 262px;
}
.CourseImageSelectorWrapper.wide {
  max-width: 562px;
}
.CourseImageSelectorWrapper.wide > .CourseImageSelectorContent {
  padding-bottom: 20%;
}

.CourseImageSelector__Overlay {
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
}

.CourseImageSelector__Button {
  position: absolute;
  top: 6px;
  right: 6px;
}
.CourseImageSelector__Button button:focus {
  outline: 4px solid #fff;
  outline-offset: 2px;
}

.CourseImagePicker {
  height: 100%;
}

.CourseImagePicker__Content {
  margin: 24px 96px;
}

.CourseImagePicker__Overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 10;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
}

.DraggingOverlay {
  top: 12px;
  left: 12px;
  right: 12px;
  bottom: 12px;
  border: 4px dashed var(--ic-brand-primary);
}

.DraggingOverlay__Content {
  width: 100%;
}

.DraggingOverlay__Icon {
  text-align: center;
  color: var(--ic-brand-primary);
}
.DraggingOverlay__Icon i[class*=icon-], .DraggingOverlay__Icon i[class^=icon-] {
  line-height: 1;
}
.DraggingOverlay__Icon i[class*=icon-]:before, .DraggingOverlay__Icon i[class^=icon-]:before {
  font-size: 96px;
}

.DraggingOverlay__Instructions {
  text-align: center;
  font-size: 25px;
}

.UploadArea {
  border: 2px dotted #6A7883;
  border-radius: 6px;
  height: 150px;
  display: flex;
  align-items: center;
}

.UploadArea__Content {
  width: 100%;
}

.UploadArea__Icon {
  text-align: center;
  color: var(--ic-brand-primary);
}
.UploadArea__Icon i[class*=icon-], .UploadArea__Icon i[class^=icon-] {
  line-height: 1;
}
.UploadArea__Icon i[class*=icon-]:before, .UploadArea__Icon i[class^=icon-]:before {
  font-size: 42px;
}

.UploadArea__Instructions {
  margin-top: 6px;
  text-align: center;
}

.UploadArea__FileTypes {
  text-align: center;
  font-style: italic;
  margin-top: 12px;
  font-size: 14px;
}

.FileUpload__Input {
  display: none;
}

/*
 * Copyright (C) 2014 - 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/>.
 */
.star-sprite {
  display: block;
  width: 46px;
  height: 8px;
  margin-top: 5px;
  overflow: hidden;
  background-image: url(/dist/images/star-sprite-b71d0614e3.png);
  background-position: 0px 0px;
}
.star-sprite.star-sprite-1 {
  background-position: 0 -8px;
}
.star-sprite.star-sprite-2 {
  background-position: 0 -16px;
}
.star-sprite.star-sprite-3 {
  background-position: 0 -24px;
}
.star-sprite.star-sprite-4 {
  background-position: 0 -32px;
}
.star-sprite.star-sprite-5 {
  background-position: 0 -40px;
}

#external_tools .AddExternalToolButton {
  display: flex;
}
#external_tools p.description {
  margin-bottom: 15px;
}
#external_tools .well {
  border: none;
}
#external_tools .text-right {
  text-align: right;
}
#external_tools .lm {
  margin-left: 5px;
}
#external_tools table {
  table-layout: fixed;
  margin-bottom: 120px;
}
#external_tools .external_tool_item .external_tool {
  width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#external_tools .external_tool_item .tool-update-badge {
  margin: 0 15px;
  color: var(--ic-brand-primary);
}
#external_tools .app-full-view td {
  border: none;
  vertical-align: top;
}
#external_tools .app-full-view td.app-full-view-left {
  width: 255px;
}
#external_tools .app-full-view h2 {
  margin: 0;
}
#external_tools .app-full-view .add_app {
  margin: 10px 0 5px;
}
#external_tools .app-full-view .app_cancel {
  font-size: 14px;
  font-size: 0.875rem;
}
#external_tools .reviews {
  margin-top: 5px;
}
#external_tools .reviews .avatar {
  padding-left: 65px;
  min-height: 65px;
}
#external_tools .reviews .review-item {
  border-top: thin solid #eeeeee;
  padding-top: 10px;
}
#external_tools .reviews .review-item-header {
  margin-top: 0px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #a1a3a2;
}
#external_tools .reviews .review-item-header span {
  color: #666666;
}
#external_tools .app_center .app_list .app {
  cursor: pointer;
  width: 256px;
  height: 143px;
  position: relative;
  float: left;
  border: thin solid #eeeeee;
  margin: 0 2px 2px 0;
}
#external_tools .app_center .app_list .app .installed-ribbon {
  position: absolute;
  width: 100%;
  height: 20px;
  right: 0;
  z-index: 100;
  color: #757575;
  text-align: right;
  padding-right: 5px;
  font-size: 0.9em;
}
#external_tools .app_center .app_list .app .showing-details .installed-ribbon {
  color: #909090;
}
#external_tools .app_center .app_list .app .banner_image {
  width: 216px;
  height: 103px;
  position: relative;
  top: 20px;
  left: 20px;
}
#external_tools .app_center .app_list .app .details {
  position: absolute;
  top: 0px;
  width: 256px;
  height: 143px;
  background-color: black;
  color: white;
  opacity: 0;
  transition: opacity 200ms;
}
#external_tools .app_center .app_list .app .details .content {
  padding: 15px;
}
#external_tools .app_center .app_list .app .details .content .name {
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  color: #d6ecfc;
}
#external_tools .app_center .app_list .app .details .content .desc {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.5;
}
#external_tools .app_center .app_list .app:focus .details, #external_tools .app_center .app_list .app:hover .details {
  opacity: 0.85;
}
#external_tools .individual-app td {
  vertical-align: top;
}
#external_tools .individual-app .gray-box-centered {
  text-align: center;
  color: #666666;
  background-color: #efefef;
  padding: 10px;
}
#external_tools .individual-app .individual-app-left {
  width: 250px;
  padding-right: 20px;
  text-align: center;
}
#external_tools .individual-app .individual-app-left .add_app {
  margin-top: 10px;
}
#external_tools .individual-app .individual-app-left .app_cancel {
  display: block;
  margin-top: 5px;
}
#external_tools .individual-app .individual-app-right h2 {
  margin: 0px;
}
#external_tools .individual-app .individual-app-right .data-label {
  color: #888888;
  text-align: right;
  padding-right: 10px;
}
#external_tools .individual-app .individual-app-right .data-value ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#external_tools .individual-app .individual-app-right .star-table {
  margin-bottom: 10px;
}
#external_tools .individual-app .individual-app-right .star-table td {
  padding: 0px;
}
#external_tools .add-review {
  margin-top: 20px;
  padding-top: 5px;
  border-top: thin solid #dddddd;
}
#external_tools .add-review .rate_app {
  font-weight: bold;
}
#external_tools .review-item {
  margin: 0 0 10px;
}
#external_tools .review-item td.image-and-stars {
  padding: 10px 0 0 10px;
  width: 58px;
}
#external_tools .review-item td.image-and-stars img {
  max-width: 50px;
}
#external_tools .review-item td.review-content .review-item-header {
  font-size: 14px;
  font-size: 0.875rem;
}

fieldset.rate_app_wrapper {
  margin: 0px;
}

.ConfigurationForm {
  margin: 0px;
}
.ConfigurationForm .bootstrap-select.btn-group {
  white-space: normal;
}
.ConfigurationForm .bootstrap-select.btn-group > button {
  width: 100%;
}
.ConfigurationForm .bootstrap-select.btn-group > button .caret {
  float: right;
}
.ConfigurationForm .bootstrap-select.btn-group .dropdown-menu {
  width: 100%;
}
.ConfigurationForm .bootstrap-select.btn-group .dropdown-menu.inner {
  width: 100%;
  position: static;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
.ConfigurationForm .ConfigurationsTypeSelector {
  margin-bottom: 10px;
}

.ExternalAppsRoot .control-group,
.ReactModal__Content--canvas .control-group {
  margin-bottom: 2px;
}
.ExternalAppsRoot textarea,
.ReactModal__Content--canvas textarea {
  margin-bottom: 0;
}
.ExternalAppsRoot label,
.ReactModal__Content--canvas label {
  display: block;
  margin-bottom: 2px;
}
.ExternalAppsRoot label input.input-block-level,
.ReactModal__Content--canvas label input.input-block-level {
  display: block;
  height: 38px;
}
.ExternalAppsRoot label .hint-text,
.ReactModal__Content--canvas label .hint-text {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  display: block;
}
.ExternalAppsRoot .error .hint-text,
.ReactModal__Content--canvas .error .hint-text {
  color: #E62429;
}

.ConfigurationForm {
  margin-bottom: 0px;
}
.ConfigurationForm .control-group {
  margin-bottom: 2px;
}
.ConfigurationForm input.input-block-level {
  height: 38px;
}

@media not all and (min-width: 768px) {
  #external_tools .lm {
    margin-left: 5px;
    padding-right: 4px;
    padding-left: 4px;
  }
}
/*
 * Copyright (C) 2013 - 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * 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/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
/*
 * Copyright (C) 2017 - 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/>.
 */
/*
 * 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * 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/>.
 */
/*
 * Copyright (C) 2012 - 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/>.
 */
/*
 * 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/>.
 */
/*
 * 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/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
/*
 * Copyright (C) 2017 - 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/>.
 */
.btn-group {
  position: relative;
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
  white-space: nowrap;
}

.btn-group + .btn-group {
  margin-left: 5px;
}

.btn-toolbar {
  font-size: 0;
  margin-top: 11px;
  margin-bottom: 11px;
}
.btn-toolbar .btn + .btn,
.btn-toolbar .btn-group + .btn,
.btn-toolbar .btn + .btn-group {
  margin-left: 5px;
}

.btn-group > .btn {
  position: relative;
  border-radius: 0;
}

.btn-group > .btn + .btn {
  margin-left: -1px;
}

.btn-group > .btn,
.btn-group > .dropdown-menu {
  font-size: 14px;
  font-size: 0.875rem;
}

.btn-group > .btn-mini {
  font-size: 11px;
  font-size: 0.6875rem;
}

.btn-group > .btn-small {
  font-size: 12px;
  font-size: 0.75rem;
}

.btn-group > .btn-large {
  font-size: 16px;
  font-size: 1rem;
}

.btn-group > .btn:first-child {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.btn-group > .btn.large:first-child {
  margin-left: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  *padding-top: 5px;
  *padding-bottom: 5px;
}

.btn-group > .btn-mini + .dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
  *padding-top: 2px;
  *padding-bottom: 2px;
}

.btn-group > .btn-small + .dropdown-toggle {
  *padding-top: 5px;
  *padding-bottom: 4px;
}

.btn-group > .btn-large + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
  *padding-top: 7px;
  *padding-bottom: 7px;
}

.btn-group > [class*=btn].active:focus {
  box-shadow: inset 0 0 0 2px #FFFFFF;
}

.btn-group.open .dropdown-toggle {
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-group.open .btn-primary.dropdown-toggle {
  background-color: var(--ic-link-color);
}
.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406;
}
.btn-group.open .btn-danger.dropdown-toggle {
  background-color: rgb(163.8696132597, 16.2593452851, 12.1303867403);
}
.btn-group.open .btn-success.dropdown-toggle {
  background-color: rgb(62.1958333333, 165.5041666667, 62.1958333333);
}
.btn-group.open .btn-info.dropdown-toggle {
  background-color: rgb(37.0538071066, 150.4609137056, 184.1461928934);
}
.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222;
}

.btn .caret {
  margin-top: 8px;
  margin-left: 0;
}

.btn-mini .caret,
.btn-small .caret,
.btn-large .caret {
  margin-top: 6px;
}

.btn-large .caret {
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-width: 5px;
}

.dropup .btn-large .caret {
  border-bottom-width: 5px;
}

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

#tab-features .alert {
  margin-bottom: 20px;
  padding: 8px 35px 8px 14px;
}

.feature-flags {
  border: 1px solid #c1c7cf;
  border-radius: 3px;
  color: var(--ic-brand-font-color-dark-lightened-15);
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}

.feature-flag {
  border-bottom: 1px solid #e1e3e4;
  line-height: 30px;
  padding: 6px 6px 6px 16px;
}
.feature-flag:last-child {
  border-bottom: none;
}

.feature-flag .element_toggler, .feature-flag .element_toggler:hover {
  color: var(--ic-brand-font-color-dark);
  text-decoration: none;
}

.feature-flag .element_toggler {
  transition: outline-offset 0.2s ease-out;
  outline-width: 0.125rem;
  outline-color: transparent;
  outline-style: solid;
}
.feature-flag .element_toggler:focus {
  outline-offset: 0;
  outline-color: var(--ic-link-color);
}

.feature-flag .ui-button {
  min-width: 25px;
}

.feature-flag-group-title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 24px;
  padding-left: 16px;
}

.feature-title {
  font-weight: bold;
  margin-right: 8px;
}

.feature-release, .feature-release-notes-link {
  font-size: 12px;
  font-size: 0.75rem;
}

.feature-release-date {
  font-weight: bold;
}

.feature-details {
  display: none;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20px;
  margin-top: 16px;
  position: relative;
}

.feature-details p {
  padding-left: 24px;
}

.feature-detail-links {
  bottom: 0;
  position: absolute;
  right: 0;
}

.feature-detail-underline {
  text-decoration: underline;
}

.ff-background {
  display: inline-block;
  background-color: #334451;
  margin: 0px -2px;
}
.ff-background.ff-disabled {
  background-color: rgb(148.2272727273, 170.6363636364, 187.7727272727);
}
.ff-background.ff-left {
  border-radius: 20px 0 0 20px;
}
.ff-background.ff-right {
  border-radius: 0 20px 20px 0;
}

.ui-buttonset--feature-settings .ui-button {
  background-color: #334451;
  color: rgba(255, 255, 255, 0.8);
  border-color: #334451;
  border-width: 3px;
  margin: 0;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  border-radius: 20px;
  height: 15px;
  line-height: 15px;
  font-weight: bold;
}
.ui-buttonset--feature-settings .ui-button.ui-corner-left {
  border-radius: 20px;
}
.ui-buttonset--feature-settings .ui-button.ui-corner-right {
  border-radius: 20px;
}
.ui-buttonset--feature-settings .ui-button.ui-state-active {
  background-color: #FFFFFF;
  color: #334451;
  border-color: #334451;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
.ui-buttonset--feature-settings .ui-button.ui-state-active.ui-state-focus {
  box-shadow: inset 0 0 0 1px #FFFFFF, inset 0 0 0 3px #334451, 0 3px 6px rgba(0, 0, 0, 0.3);
}
.ui-buttonset--feature-settings .ui-button.ui-state-disabled {
  opacity: 1;
  background-color: rgb(148.2272727273, 170.6363636364, 187.7727272727);
  border-color: rgb(148.2272727273, 170.6363636364, 187.7727272727);
}
.ui-buttonset--feature-settings .ui-button.ui-state-disabled.ui-state-active {
  background-color: #FFFFFF;
  color: rgb(148.2272727273, 170.6363636364, 187.7727272727);
  box-shadow: none;
}
.ui-buttonset--feature-settings .ui-button.ui-state-hover {
  border-color: #334451;
  color: white;
  background-color: #334451;
}
.ui-buttonset--feature-settings .ui-button.ui-state-hover.ui-state-active {
  background-color: #FFFFFF;
  color: var(--ic-brand-font-color-dark);
}

.ui-buttonset--feature-settings-responsive {
  white-space: nowrap;
}
@media only screen and (min-width: 992px) {
  .ui-buttonset--feature-settings-responsive {
    white-space: normal;
  }
}

.row-fluid .span5-responsive {
  width: initial;
  margin-left: 0;
  text-align: initial;
}
@media only screen and (min-width: 992px) {
  .row-fluid .span5-responsive {
    width: 40.42553%;
    margin-left: 2.12766%;
    text-align: right;
  }
}

/*
 * 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/>.
 */
#standards .grading_standard {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 25px;
}
#standards .grading_standard .links {
  opacity: 0.5;
}
#standards .grading_standard:hover .links {
  opacity: 1;
}
#standards .grading_standard .standard_title {
  font-weight: bold;
  font-size: 1.2em;
}
#standards.react_grading_standards .cancel_button {
  margin-right: 6px;
}

.grading_standard .read_only {
  display: none;
}
.grading_standard .editing_box {
  display: none;
}
.grading_standard .editing_td {
  display: none;
}
.grading_standard .editing_tr {
  display: none;
}
.grading_standard .min_score, .grading_standard .max_score {
  width: 100px;
}
.grading_standard.editing .displaying {
  display: none;
}
.grading_standard.editing .editing_box {
  display: block;
}
.grading_standard.editing td.editing_box {
  display: table-cell;
}
.grading_standard.editing tr.editing_box {
  display: table-row;
}
.grading_standard.editing .standard_title div {
  float: left;
}
.grading_standard.react_grading_standard .alert-message:focus {
  outline: none;
}
.grading_standard.react_grading_standard .links {
  float: right;
}
.grading_standard.react_grading_standard .disabled-buttons {
  float: right;
  opacity: 0.5;
}
.grading_standard.react_grading_standard .cannot-manage-notification {
  font-weight: normal;
  margin-left: 4px;
}
.grading_standard.react_grading_standard .icon-edit {
  margin-right: 5px;
}
.grading_standard.react_grading_standard .form-actions {
  background-color: transparent;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.grading_standard.react_grading_standard table {
  width: 100%;
}
.grading_standard.react_grading_standard table.grading_standard_data {
  margin-bottom: 20px;
}

.grading_standard_headers .icon_row_cell {
  width: 5%;
}
.grading_standard_headers .name_row_cell {
  width: 30%;
  text-align: left;
}
.grading_standard_headers .range_row_cell {
  width: 60%;
  text-align: left;
}

.grading_standard_row.react_grading_standard_row input {
  margin-top: 5px;
  margin-bottom: 5px;
}
.grading_standard_row.react_grading_standard_row .row_cell {
  padding: 2px;
  width: 30%;
}
.grading_standard_row.react_grading_standard_row .row_cell .range_to {
  padding-right: 5px;
}
.grading_standard_row.react_grading_standard_row .delete_row_button {
  float: right;
}
.grading_standard_row.react_grading_standard_row.border_below {
  border-bottom: dashed;
  border-bottom-width: 2px;
  border-bottom-color: #999;
}

.standard_name {
  width: 100px;
}

.standard_value {
  width: 37px;
}

.add_standard_button {
  margin-bottom: 10px;
}

/*
 * Copyright (C) 2017 - 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * 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/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
/*
 * Copyright (C) 2017 - 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/>.
 */
/*
 * 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/*
 * Copyright (C) 2014 - 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/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * 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/>.
 */
/*
 * Copyright (C) 2012 - 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/>.
 */
/*
 * 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/>.
 */
/*
 * 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/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
.bcs_sub-menu {
  display: none;
}

.bcs_sub-menu-viewable {
  display: block;
}

.bcs_sub-menu-item {
  margin-left: 2.125em;
  margin-bottom: 0.75em;
  max-width: 500px;
  white-space: normal;
}

.bcs__object-tab {
  padding: 0.6em;
  border-top: 1px solid #E8EAEC;
  border-left: 1px solid #E8EAEC;
  border-right: 1px solid #E8EAEC;
}
.bcs__object-tab:first-of-type {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.bcs__object-tab:last-of-type {
  border-bottom: 1px solid #E8EAEC;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.bcs__object-tab .bcs_tab-icon {
  padding-top: 0.45em;
}
.bcs__object-tab .bcs_tab-text {
  padding-top: 0.4em;
}
.bcs__object-tab .bcs_tab_indicator-icon {
  padding: 0em;
}

.bcs_check-box {
  margin-bottom: 0.75em;
}

.bcs_check_box-group {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  margin-left: 2.5em;
}

.bcs_radio_input-group {
  margin-left: 2em;
  padding-bottom: 0.75em;
}