/*
 * 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) 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/>.
 */
#message_students_dialog .button-container {
  text-align: left;
}
#message_students_dialog .student_list {
  max-height: 100px;
  overflow: auto;
  font-size: 0.8em;
  padding: 5px 0;
  margin: 0;
  list-style-type: none;
}
#message_students_dialog .student_list li {
  float: right;
  padding: 2px 4px;
  margin: 1px 2px;
  background-color: #cdf;
  border: 1px solid #aaa;
}
#message_students_dialog .student_list li .score {
  display: none;
  padding-right: 5px;
  font-size: 0.9em;
  color: #444;
}
#message_students_dialog .student_list li:hover .remove-button {
  color: #444;
}
#message_students_dialog .student_list li .remove-button {
  padding: 0px;
  color: #9ac;
}
#message_students_dialog .student_list li .remove-button:focus {
  color: #444;
}
#message_students_dialog .student_list.show_score li .score {
  display: inline;
}

/*
 * 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/>.
 */
.row {
  margin-right: -20px;
}
.row:before, .row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}

[class*=span] {
  float: right;
  min-height: 1px;
  margin-right: 20px;
}

.container {
  width: 940px;
}

@media (min-width: 768px) {
  .span12 {
    width: 940px;
  }
}
@media (max-width: 767px) {
  .span12 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span11 {
    width: 860px;
  }
}
@media (max-width: 767px) {
  .span11 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span10 {
    width: 780px;
  }
}
@media (max-width: 767px) {
  .span10 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span9 {
    width: 700px;
  }
}
@media (max-width: 767px) {
  .span9 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span8 {
    width: 620px;
  }
}
@media (max-width: 767px) {
  .span8 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span7 {
    width: 540px;
  }
}
@media (max-width: 767px) {
  .span7 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span6 {
    width: 460px;
  }
}
@media (max-width: 767px) {
  .span6 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span5 {
    width: 380px;
  }
}
@media (max-width: 767px) {
  .span5 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span4 {
    width: 300px;
  }
}
@media (max-width: 767px) {
  .span4 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span3 {
    width: 220px;
  }
}
@media (max-width: 767px) {
  .span3 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span2 {
    width: 140px;
  }
}
@media (max-width: 767px) {
  .span2 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span1 {
    width: 60px;
  }
}
@media (max-width: 767px) {
  .span1 {
    width: 100%;
  }
}
.offset12 {
  margin-right: 980px;
}

.offset11 {
  margin-right: 900px;
}

.offset10 {
  margin-right: 820px;
}

.offset9 {
  margin-right: 740px;
}

.offset8 {
  margin-right: 660px;
}

.offset7 {
  margin-right: 580px;
}

.offset6 {
  margin-right: 500px;
}

.offset5 {
  margin-right: 420px;
}

.offset4 {
  margin-right: 340px;
}

.offset3 {
  margin-right: 260px;
}

.offset2 {
  margin-right: 180px;
}

.offset1 {
  margin-right: 100px;
}

.row-fluid {
  width: 100%;
}
.row-fluid:before, .row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*=span] {
  display: block;
  width: 100%;
  min-height: 32px;
  box-sizing: border-box;
  float: right;
}
@media (min-width: 768px) {
  .row-fluid [class*=span] {
    margin-right: 2.1276595745%;
  }
}
@media (max-width: 767px) {
  .row-fluid [class*=span] {
    margin-right: 0;
  }
}
.row-fluid [class*=span]:first-child {
  margin-right: 0;
}
.row-fluid .controls-row [class*=span] + [class*=span] {
  margin-right: 2.1276595745%;
}
@media (min-width: 768px) {
  .row-fluid .span12 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span12 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span11 {
    width: 91.4893617021%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span11 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span10 {
    width: 82.9787234043%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span10 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span9 {
    width: 74.4680851064%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span9 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span8 {
    width: 65.9574468085%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span8 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span7 {
    width: 57.4468085106%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span7 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span6 {
    width: 48.9361702128%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span6 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span5 {
    width: 40.4255319149%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span5 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span4 {
    width: 31.914893617%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span4 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span3 {
    width: 23.4042553191%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span3 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span2 {
    width: 14.8936170213%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span2 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span1 {
    width: 6.3829787234%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span1 {
    width: 100%;
  }
}
.row-fluid .offset12 {
  margin-right: 104.2553191489%;
}
.row-fluid .offset12:first-child {
  margin-right: 102.1276595745%;
}
.row-fluid .offset11 {
  margin-right: 95.7446808511%;
}
.row-fluid .offset11:first-child {
  margin-right: 93.6170212766%;
}
.row-fluid .offset10 {
  margin-right: 87.2340425532%;
}
.row-fluid .offset10:first-child {
  margin-right: 85.1063829787%;
}
.row-fluid .offset9 {
  margin-right: 78.7234042553%;
}
.row-fluid .offset9:first-child {
  margin-right: 76.5957446809%;
}
.row-fluid .offset8 {
  margin-right: 70.2127659574%;
}
.row-fluid .offset8:first-child {
  margin-right: 68.085106383%;
}
.row-fluid .offset7 {
  margin-right: 61.7021276596%;
}
.row-fluid .offset7:first-child {
  margin-right: 59.5744680851%;
}
.row-fluid .offset6 {
  margin-right: 53.1914893617%;
}
.row-fluid .offset6:first-child {
  margin-right: 51.0638297872%;
}
.row-fluid .offset5 {
  margin-right: 44.6808510638%;
}
.row-fluid .offset5:first-child {
  margin-right: 42.5531914894%;
}
.row-fluid .offset4 {
  margin-right: 36.170212766%;
}
.row-fluid .offset4:first-child {
  margin-right: 34.0425531915%;
}
.row-fluid .offset3 {
  margin-right: 27.6595744681%;
}
.row-fluid .offset3:first-child {
  margin-right: 25.5319148936%;
}
.row-fluid .offset2 {
  margin-right: 19.1489361702%;
}
.row-fluid .offset2:first-child {
  margin-right: 17.0212765957%;
}
.row-fluid .offset1 {
  margin-right: 10.6382978723%;
}
.row-fluid .offset1:first-child {
  margin-right: 8.5106382979%;
}

[class*=span].hide,
.row-fluid [class*=span].hide {
  display: none;
}

[class*=span].pull-right,
.row-fluid [class*=span].pull-right {
  float: left;
}

form {
  margin: 0 0 22px;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 22px;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 44px;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
legend small {
  font-size: 16.5px;
  font-size: 1.03125rem;
  color: #999;
}

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 22px;
}

input,
button,
select,
textarea {
  font-family: "Lato Extended", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
  display: block;
  margin-bottom: 5px;
}

select,
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input {
  display: inline-block;
  height: 22px;
  padding: 8px;
  margin-bottom: 11px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22px;
  color: #2D3B45;
  border-radius: 3px;
  vertical-align: middle;
}

input,
textarea,
.uneditable-input {
  width: 206px;
}

textarea {
  height: auto;
}

textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
.uneditable-input:focus {
  border-color: var(--ic-link-color-lightened-10);
  outline: 0;
}

input[type=radio],
input[type=checkbox] {
  margin: 4px 0 0;
  line-height: normal;
  cursor: pointer;
}

input[type=file],
input[type=image],
input[type=submit],
input[type=reset],
input[type=button],
input[type=radio],
input[type=checkbox] {
  width: auto;
}

select,
input[type=file] {
  height: 2.375rem;
  line-height: 2.375rem;
}

select {
  width: 220px;
  border: 1px solid #ccc;
  background-color: #fff;
}

select.responsive-width {
  width: unset;
  min-width: 220px;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  text-decoration: none;
}

#external_tool_button_form {
  margin: 0 0 0;
}

.uneditable-input,
.uneditable-textarea {
  color: #999;
  background-color: #fcfcfc;
  border-color: #ccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}

.uneditable-textarea {
  width: auto;
  height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #777;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #777;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #777;
}

.radio,
.checkbox {
  min-height: 22px;
  padding-right: 20px;
}

.radio input[type=radio],
.checkbox input[type=checkbox] {
  float: right;
  margin-right: -20px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-right: 10px;
}

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

input[class*=span],
select[class*=span],
textarea[class*=span],
.uneditable-input[class*=span],
.row-fluid input[class*=span],
.row-fluid select[class*=span],
.row-fluid textarea[class*=span],
.row-fluid .uneditable-input[class*=span] {
  float: none;
  margin-right: 0;
}

.input-append input[class*=span],
.input-append .uneditable-input[class*=span],
.input-prepend input[class*=span],
.input-prepend .uneditable-input[class*=span],
.row-fluid input[class*=span],
.row-fluid select[class*=span],
.row-fluid textarea[class*=span],
.row-fluid .uneditable-input[class*=span],
.row-fluid .input-prepend [class*=span],
.row-fluid .input-append [class*=span] {
  display: inline-block;
}

input,
textarea,
.uneditable-input {
  margin-right: 0;
}

.controls-row [class*=span] + [class*=span] {
  margin-right: 20px;
}

input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 926px;
}

input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 846px;
}

input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 766px;
}

input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 686px;
}

input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 606px;
}

input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 526px;
}

input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 446px;
}

input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 366px;
}

input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 286px;
}

input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 206px;
}

input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 126px;
}

input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 46px;
}

.controls-row:before, .controls-row:after {
  display: table;
  content: "";
  line-height: 0;
}
.controls-row:after {
  clear: both;
}

.controls-row [class*=span],
.row-fluid .controls-row [class*=span] {
  float: right;
}

.controls-row .checkbox[class*=span],
.controls-row .radio[class*=span] {
  padding-top: 5px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eee;
}

input[type=radio][disabled],
input[type=checkbox][disabled],
input[type=radio][readonly],
input[type=checkbox][readonly] {
  background-color: transparent;
}

.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #8e6d34;
}
.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #8e6d34;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  border-color: #8e6d34;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #695026;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c6a162;
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #8e6d34;
  background-color: #fcf8e3;
  border-color: #8e6d34;
}

.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #a94341;
}
.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #a94341;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #a94341;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #843433;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cf8381;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #a94341;
  background-color: #f2dede;
  border-color: #a94341;
}

.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #3d763e;
}
.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #3d763e;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  border-color: #3d763e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #2c542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #68b169;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #3d763e;
  background-color: #dff0d8;
  border-color: #3d763e;
}

.control-group.info > label,
.control-group.info .help-block,
.control-group.info .help-inline {
  color: #306f8e;
}
.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  color: #306f8e;
}
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  border-color: #306f8e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
  border-color: #235168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #5ca4c8;
}
.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
  color: #306f8e;
  background-color: #d9edf7;
  border-color: #306f8e;
}

input[type]:required:invalid,
textarea:required:invalid,
select:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
  box-shadow: 0 0 6px #f8b9b7;
}
input[type]:required:invalid:focus,
textarea:required:invalid:focus,
select:required:invalid:focus {
  border-color: #e9322d;
}

/*
Forms: Form Actions

This is the standard form actions button bar at the bottom of every content form. Buttons may vary, but the styling or the container and button positions should be consistent

```html
<div class="form-actions">
  <button class="btn">Cancel</button>
  <button type="submit" class="btn btn-primary">Save changes</button>
</div>
```

*/
.form-actions {
  padding: 21px 20px 22px;
  margin-top: 22px;
  margin-bottom: 22px;
  border-top: 1px solid #e5e5e5;
}
.form-actions:before, .form-actions:after {
  display: table;
  content: "";
  line-height: 0;
}
.form-actions:after {
  clear: both;
}

.help-block,
.help-inline {
  color: #394B58;
}

.help-block {
  display: block;
  margin-bottom: 11px;
}

.help-inline {
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
}

.input-append,
.input-prepend {
  margin-bottom: 5px;
  font-size: 0;
  white-space: nowrap;
}
.input-append input,
.input-append select,
.input-append .uneditable-input,
.input-append .dropdown-menu,
.input-prepend input,
.input-prepend select,
.input-prepend .uneditable-input,
.input-prepend .dropdown-menu {
  font-size: 14px;
  font-size: 0.875rem;
}
.input-append input,
.input-append select,
.input-append .uneditable-input,
.input-prepend input,
.input-prepend select,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-right: 0;
  vertical-align: top;
  border-radius: 3px 0 0 3px;
}
.input-append input:focus,
.input-append select:focus,
.input-append .uneditable-input:focus,
.input-prepend input:focus,
.input-prepend select:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2;
}
.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 22px;
  min-width: 16px;
  padding: 8px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 22px;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
}
.input-append .add-on,
.input-append .btn,
.input-prepend .add-on,
.input-prepend .btn {
  vertical-align: top;
  border-radius: 0;
}
.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546;
}

.input-prepend .add-on,
.input-prepend .btn {
  margin-left: -1px;
}
.input-prepend .add-on:last-child,
.input-prepend .btn:last-child {
  border-radius: 3px 0 0 3px;
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
  border-radius: 0 3px 3px 0;
}
.input-append input + .btn-group .btn,
.input-append select + .btn-group .btn,
.input-append .uneditable-input + .btn-group .btn {
  border-radius: 3px 0 0 3px;
}
.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-right: -1px;
}
.input-append .add-on:first-child,
.input-append .btn:first-child {
  border-radius: 0 3px 3px 0;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  border-radius: 0;
}
.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  border-radius: 3px 0 0 3px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  border-radius: 3px 0 0 3px;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  border-radius: 0 3px 3px 0;
}
.input-prepend.input-append .btn-group:last-child {
  margin-right: 0;
}

input.search-query {
  padding-left: 14px;
  padding-left: 4px \9 ;
  padding-right: 14px;
  padding-right: 4px \9 ;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
}

/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  border-radius: 0;
}

.form-search .input-append .search-query {
  border-radius: 0 14px 14px 0;
}

.form-search .input-append .btn {
  border-radius: 14px 0 0 14px;
}

.form-search .input-prepend .search-query {
  border-radius: 14px 0 0 14px;
}

.form-search .input-prepend .btn {
  border-radius: 0 14px 14px 0;
}

.form-search input,
.form-search textarea,
.form-search select,
.form-search .help-inline,
.form-search .uneditable-input,
.form-search .input-prepend,
.form-search .input-append,
.form-inline input,
.form-inline textarea,
.form-inline select,
.form-inline .help-inline,
.form-inline .uneditable-input,
.form-inline .input-prepend,
.form-inline .input-append,
.form-horizontal input,
.form-horizontal textarea,
.form-horizontal select,
.form-horizontal .help-inline,
.form-horizontal .uneditable-input,
.form-horizontal .input-prepend,
.form-horizontal .input-append {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block;
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-right: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-search .radio input[type=radio],
.form-search .checkbox input[type=checkbox],
.form-inline .radio input[type=radio],
.form-inline .checkbox input[type=checkbox] {
  float: right;
  margin-left: 3px;
  margin-right: 0;
}

.control-group {
  margin-bottom: 11px;
}

legend + .control-group {
  margin-top: 22px;
  -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
  margin-bottom: 22px;
}
.form-horizontal .control-group:before, .form-horizontal .control-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.form-horizontal .control-group:after {
  clear: both;
}
.form-horizontal .control-label {
  float: right;
  width: 160px;
  padding-top: 5px;
  text-align: left;
}
.form-horizontal .controls {
  margin-right: 180px;
}
.form-horizontal .controls .controls-section {
  margin-top: 5px;
}
.form-horizontal .help-block {
  margin-bottom: 0;
}
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block {
  margin-top: 11px;
}
.form-horizontal .form-actions {
  padding-right: 180px;
}

.form-horizontal .margin-t-m {
  margin-top: 1rem;
}

.form-horizontal .responsive-control-group {
  display: flex;
}
.form-horizontal .responsive-control-group .control-label {
  flex-basis: 160px;
  flex-grow: 0;
  padding-left: 20px;
}
.form-horizontal .responsive-control-group .controls {
  display: flex;
  flex-direction: column;
  margin-right: inherit;
}
.form-horizontal .responsive-control-group .controls .input-append,
.form-horizontal .responsive-control-group .responsive-input-with-add-on {
  display: flex;
  flex-direction: row;
}
.form-horizontal .responsive-control-group .controls .input-append input,
.form-horizontal .responsive-control-group .responsive-control-input {
  flex-grow: 1;
}
.form-horizontal .responsive-control-group .controls .input-append .add-on,
.form-horizontal .responsive-control-group .responsive-control-add-on {
  flex-grow: 0;
  width: auto;
}

@media (min-width: 768px) {
  .form-horizontal .responsive-control-group {
    margin-bottom: 22px;
  }

  .form-horizontal .responsive-button-container {
    margin-left: 180px;
  }

  .form-horizontal .responsive-control-button {
    align-self: flex-start;
  }
}
@media not all and (min-width: 768px) {
  .form-horizontal .responsive-control-group {
    flex-direction: column;
  }

  .form-horizontal .responsive-control-group .control-label {
    flex-basis: inherit;
    float: inherit;
    padding-left: inherit;
    text-align: inherit;
  }

  .form-horizontal .responsive-button-container {
    display: flex;
    flex-direction: column;
  }

  .form-horizontal .responsive-control-button {
    flex-grow: 1;
  }
}
.table {
  width: 100%;
  margin-bottom: 22px;
}
.table th,
.table td {
  padding: 8px;
  line-height: 22px;
  text-align: right;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #ddd;
}

.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

.table-bordered {
  border: 1px solid #ddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-right: 0;
  border-radius: 3px;
}
.table-bordered th,
.table-bordered td {
  border-right: 1px solid #ddd;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  border-top-right-radius: 4px;
}
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  border-top-left-radius: 4px;
}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child,
.table-bordered tfoot:last-child tr:last-child td:first-child {
  border-radius: 0 0 4px 0;
  border-bottom-right-radius: 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child,
.table-bordered tfoot:last-child tr:last-child td:last-child {
  border-bottom-left-radius: 4px;
}
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  border-top-right-radius: 4px;
}
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  border-top-left-radius: 4px;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #f5f5f5;
}

table td[class*=span],
table th[class*=span],
.row-fluid table td[class*=span],
.row-fluid table th[class*=span] {
  display: table-cell;
  float: none;
  margin-right: 0;
}

.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-right: 0;
}
.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-right: 0;
}
.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-right: 0;
}
.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-right: 0;
}
.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-right: 0;
}
.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-right: 0;
}
.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-right: 0;
}
.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-right: 0;
}
.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-right: 0;
}
.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-right: 0;
}
.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-right: 0;
}
.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-right: 0;
}

.table tbody tr.success td {
  background-color: #dff0d8;
}
.table tbody tr.error td {
  background-color: #f2dede;
}
.table tbody tr.warning td {
  background-color: #fcf8e3;
}
.table tbody tr.info td {
  background-color: #d9edf7;
}

.table-hover tbody tr.success:hover td {
  background-color: #d0e9c6;
}
.table-hover tbody tr.error:hover td {
  background-color: #ebcccc;
}
.table-hover tbody tr.warning:hover td {
  background-color: #faf2cc;
}
.table-hover tbody tr.info:hover td {
  background-color: #c4e3f3;
}

div.checkbox {
  padding: 12px;
  margin: 10px 0px;
  background: #eee;
  border-radius: 5px;
}
div.checkbox:hover {
  background: #d9edf7;
}

.hr {
  margin: 10px;
  padding: 10px;
  border-bottom: 1px solid #eee;
}

table.table {
  border: 1px solid #d5d5d5;
  font-size: 14px;
  font-size: 0.875rem;
}
table.table th, table.table td {
  padding: 12px;
  border: 1px solid #d5d5d5;
}
table.table th, table.table td, table.table tr {
  text-align: center;
}
table.table th {
  background: #eee;
  font-weight: 400;
}
table.table.left-first th:first-child, table.table.left-first td:first-child {
  text-align: right;
}

.ui-dialog label {
  display: inline;
}

.text-right-responsive {
  text-align: left;
}
@media screen and (max-width: 1143px) {
  .text-right-responsive {
    text-align: right;
  }
}

.custom-column-cell textarea {
  max-width: 620px;
}

h3.assignment_selection {
  margin-bottom: 0px;
}

ic-tab {
  padding: 6px 12px;
  margin: 2px;
  border-radius: 5px;
}
ic-tab:hover, ic-tab:focus {
  background-color: #eee;
}
ic-tab[selected] {
  background-color: var(--ic-link-color);
  color: #fff;
}

.hide-outcomes ic-tab-list {
  display: none;
}

.grading_value {
  text-align: center;
  width: 50px;
}

select.grading_box.pass_fail {
  width: inherit;
}

span.late-pill, span.missing-pill, span.extended-pill {
  padding-right: 12px;
  text-transform: uppercase;
}

.error {
  color: #D01A19;
  border-color: #D01A19;
}

.submission_late_penalty {
  color: #D01A19;
  padding-right: 12px;
}

.submission_final_grade {
  padding-right: 12px;
}

.pill-align {
  transform: translateY(6px);
}

.deduction-box {
  display: flex;
}
.deduction-box .deduction-box-labels {
  margin-left: 0.5em;
}
.deduction-box .deduction-box-values {
  flex: 1;
}

.row-fluid .ml-0 {
  margin-right: 0;
}

.mr-add {
  margin-left: 2.1276595745%;
}