@tailwind base;
@tailwind components;
@tailwind utilities;

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/
/*
 RichText: WYSIWYG editor developed as jQuery plugin

 @name RichText
 @author https://github.com/webfashionist - Bob Schockweiler - richtext@webfashion.eu

 Copyright (C) 2020 Bob Schockweiler ( richtext@webfashion.eu )

 This program 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, either version 3 of the License, or
 (at your option) any later version.

 This program 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/>.
*/

.richText{z-index: 1;position:relative;background-color:#fafafa;border:#efefef solid 1px;color:#333;width:100%}.richText .richText-form{font-family:Calibri,Verdana,Helvetica,sans-serif}.richText .richText-form label{display:block;padding:10px 15px}.richText .richText-form input[type=file],.richText .richText-form input[type=number],.richText .richText-form input[type=text],.richText .richText-form select{padding:10px 15px;border:#999 solid 1px;min-width:200px;width:100%}.richText .richText-form select{cursor:pointer}.richText .richText-form button{margin:10px 0;padding:10px 15px;background-color:#3498db;border:none;color:#fafafa;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px}.richText .richText-toolbar{position:-webkit-sticky;position:sticky;top:0;min-height:20px;background-color:inherit;border-bottom:#efefef solid 1px}.richText .richText-toolbar .richText-length{font-family:Verdana,Helvetica,sans-serif;font-size:13px;vertical-align:middle;line-height:34px}.richText .richText-toolbar .richText-length .black{color:#000}.richText .richText-toolbar .richText-length .orange{color:orange}.richText .richText-toolbar .richText-length .red{color:red}.richText .richText-toolbar ul{padding-left:0;padding-right:0;margin-top:0;margin-bottom:0}.richText .richText-toolbar ul li{float:left;display:block;list-style:none}.richText .richText-toolbar ul li a{display:block;padding:10px 13px;border-right:#efefef solid 1px;cursor:pointer;transition:background-color .4s}.richText .richText-toolbar ul li a .fa,.richText .richText-toolbar ul li a .far,.richText .richText-toolbar ul li a .fas,.richText .richText-toolbar ul li a svg{pointer-events:none}.richText .richText-toolbar ul li a .richText-dropdown-outer{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);cursor:default}.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown{position:relative;display:block;margin:3% auto 0 auto;background-color:#fafafa;border:#efefef solid 1px;min-width:100px;width:300px;max-width:90%;box-shadow:0 0 5px 0 #333}.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close{position:absolute;top:0;right:-23px;background:#fff;color:#333;cursor:pointer;font-size:20px;text-align:center;width:20px}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown{list-style:none}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li{display:block;float:none;font-family:Calibri,Verdana,Helvetica,sans-serif}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a{display:block;padding:10px 15px;border-bottom:#efefef solid 1px}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover{background-color:#fff}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline{margin:10px 6px;float:left}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a{display:block;padding:0;margin:0;border:none;border-radius:50%;box-shadow:0 0 10px 0 #999}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a span{display:block;height:30px;width:30px;border-radius:50%}.richText .richText-toolbar ul li a .richText-dropdown-outer div.richText-dropdown{padding:10px 15px}.richText .richText-toolbar ul li a:hover{background-color:#fff}.richText .richText-toolbar ul li[data-disable=true]{opacity:.1}.richText .richText-toolbar ul li[data-disable=true] a{cursor:default}.richText .richText-toolbar ul li:not([data-disable=true]).is-selected .richText-dropdown-outer{display:block}.richText .richText-toolbar ul:after{display:block;content:"";clear:both}.richText .richText-toolbar:last-child{font-size:12px;z-index: -1}.richText .richText-toolbar:after{display:block;clear:both;content:""}.richText .richText-editor{padding:20px;background-color:#fff;border-left:#fff solid 2px;font-family:Calibri,Verdana,Helvetica,sans-serif;height:300px;outline:0;overflow-y:scroll;overflow-x:auto}.richText .richText-editor[placeholder]:before{content:attr(placeholder);color:#555}.richText .richText-editor ol,.richText .richText-editor ul{margin:10px 25px}.richText .richText-editor table{margin:10px 0;border-spacing:0;width:100%}.richText .richText-editor table td,.richText .richText-editor table th{padding:10px;border:#efefef solid 1px}.richText .richText-editor:focus{border-left:#3498db solid 2px}.richText .richText-initial{margin-bottom:-4px;padding:10px;background-color:#282828;border:none;color:#3f3;font-family:Monospace,Calibri,Verdana,Helvetica,sans-serif;max-width:100%;min-width:100%;width:100%;min-height:400px;height:400px}.richText .richText-help{float:right;display:block;padding:10px 15px;cursor:pointer}.richText .richText-redo,.richText .richText-undo{float:left;display:block;padding:10px 15px;border-right:#efefef solid 1px;cursor:pointer}.richText .richText-redo.is-disabled,.richText .richText-undo.is-disabled{opacity:.4}.richText .richText-help-popup a{color:#3498db;text-decoration:underline}.richText .richText-help-popup hr{margin:10px auto 5px auto;border:none;border-top:#efefef solid 1px}.richText .richText-list.list-rightclick{position:absolute;background-color:#fafafa;border-right:#efefef solid 1px;border-bottom:#efefef solid 1px}.richText .richText-list.list-rightclick li{padding:5px 7px;cursor:pointer;list-style:none}
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d0d5dd;
  background-color: white;
  filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.05));
  border-radius: 8px;
  isolation: isolate;
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.pagination > * + * {
  border-right-width: 0px;
  border-left-width: 1px;
  border-right-color: #d0d5dd;
}

.span.gap,
.pagination span,
.pagination em,
.pagination a {
  font-style: normal;
  font-family: "Inter", sans-serif;
  color: #1d2939;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.pagination span,
.pagination em,
span.gap,
.pagination a {
  width: 40px;
  height: 40px;
}
.pagination span:hover,
.pagination em:hover,
.pagination a:hover,
span.gap:hover,
.pagination em.current,
.pagination a.current {
  background-color: #f9fafb;
}

.pagination .previous_page {
  width: 119px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M13.3333 6.9974H1.66663M1.66663 6.9974L7.49996 12.8307M1.66663 6.9974L7.49996 1.16406' stroke='%23344054' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 8% 50%;
}

.pagination .next_page {
  width: 119px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M1.66669 6.9974H13.3334M13.3334 6.9974L7.50002 1.16406M13.3334 6.9974L7.50002 12.8307' stroke='%23344054' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 88% 50%;
}
/* line 1, app/assets/stylesheets/select.scss */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  height: 100%;
  width: 100% !important;
}

/* line 10, app/assets/stylesheets/select.scss */
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

/* line 18, app/assets/stylesheets/select.scss */
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 26, app/assets/stylesheets/select.scss */
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

/* line 31, app/assets/stylesheets/select.scss */
.select2-container[dir="rtl"]
.select2-selection--single
.select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

/* line 37, app/assets/stylesheets/select.scss */
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

/* line 47, app/assets/stylesheets/select.scss */
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

/* line 55, app/assets/stylesheets/select.scss */
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

/* line 60, app/assets/stylesheets/select.scss */
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}

/* line 75, app/assets/stylesheets/select.scss */
.select2-container
.select2-search--inline
.select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* line 80, app/assets/stylesheets/select.scss */
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

/* line 91, app/assets/stylesheets/select.scss */
.select2-results {
  display: block;
}

/* line 94, app/assets/stylesheets/select.scss */
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 99, app/assets/stylesheets/select.scss */
.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

/* line 104, app/assets/stylesheets/select.scss */
.select2-results__option--selectable {
  cursor: pointer;
}

/* line 107, app/assets/stylesheets/select.scss */
.select2-container--open .select2-dropdown {
  left: 0;
}

/* line 110, app/assets/stylesheets/select.scss */
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 115, app/assets/stylesheets/select.scss */
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 120, app/assets/stylesheets/select.scss */
.select2-search--dropdown {
  display: block;
  padding: 4px;
}

/* line 124, app/assets/stylesheets/select.scss */
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

/* line 129, app/assets/stylesheets/select.scss */
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* line 132, app/assets/stylesheets/select.scss */
.select2-search--dropdown.select2-search--hide {
  display: none;
}

/* line 135, app/assets/stylesheets/select.scss */
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

/* line 152, app/assets/stylesheets/select.scss */
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* line 164, app/assets/stylesheets/select.scss */
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

/* line 169, app/assets/stylesheets/select.scss */
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

/* line 175, app/assets/stylesheets/select.scss */
.select2-container--default
.select2-selection--single
.select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}

/* line 185, app/assets/stylesheets/select.scss */
.select2-container--default
.select2-selection--single
.select2-selection__placeholder {
  color: #999;
}

/* line 190, app/assets/stylesheets/select.scss */
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

/* line 199, app/assets/stylesheets/select.scss */
.select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

/* line 214, app/assets/stylesheets/select.scss */
.select2-container--default[dir="rtl"]
.select2-selection--single
.select2-selection__clear {
  float: left;
}

/* line 219, app/assets/stylesheets/select.scss */
.select2-container--default[dir="rtl"]
.select2-selection--single
.select2-selection__arrow {
  left: 1px;
  right: auto;
}

/* line 225, app/assets/stylesheets/select.scss */
.select2-container--default.select2-container--disabled
.select2-selection--single {
  background-color: #eee;
  cursor: default;
}

/* line 230, app/assets/stylesheets/select.scss */
.select2-container--default.select2-container--disabled
.select2-selection--single
.select2-selection__clear {
  display: none;
}

/* line 235, app/assets/stylesheets/select.scss */
.select2-container--default.select2-container--open
.select2-selection--single
.select2-selection__arrow
b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

/* line 242, app/assets/stylesheets/select.scss */
.select2-container--default
.select2-selection--multiple
.select2-selection__choice
.select2-container--default
.select2-selection--multiple {
  cursor: text;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

/* line 253, app/assets/stylesheets/select.scss */
.select2-container--default
.select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

/* line 257, app/assets/stylesheets/select.scss */
.select2-container--default
.select2-selection--multiple
.select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}

/* line 269, app/assets/stylesheets/select.scss */
.select2-container--default
.select2-selection--multiple
.select2-selection__choice {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  box-sizing: border-box;
  display: inline-block;
  padding: 0;
  padding-right: 20px;
  padding-left: 5px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

/* line 287, app/assets/stylesheets/select.scss */
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
  color: white;
  color: #344054;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}

/* line 298, app/assets/stylesheets/select.scss */
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  color: #344054;
  cursor: pointer;
  font-size: 22px;
  line-height: 17px;
  padding: 0 4px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

/* line 313, app/assets/stylesheets/select.scss */
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove
span {
  line-height: 10px;
  height: 17px;
  display: inherit;
}

/* line 321, app/assets/stylesheets/select.scss */
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove:hover,
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

/* line 331, app/assets/stylesheets/select.scss */
.select2-container--default[dir="rtl"]
.select2-selection--multiple
.select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

/* line 337, app/assets/stylesheets/select.scss */
.select2-container--default[dir="rtl"]
.select2-selection--multiple
.select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

/* line 343, app/assets/stylesheets/select.scss */
.select2-container--default[dir="rtl"]
.select2-selection--multiple
.select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 353, app/assets/stylesheets/select.scss */
.select2-container--default[dir="rtl"]
.select2-selection--multiple
.select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

/* line 361, app/assets/stylesheets/select.scss */
.select2-container--default.select2-container--disabled
.select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

/* line 366, app/assets/stylesheets/select.scss */
.select2-container--default.select2-container--disabled
.select2-selection__choice__remove {
  display: none;
}

/* line 370, app/assets/stylesheets/select.scss */
.select2-container--default.select2-container--open.select2-container--above
.select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above
.select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 377, app/assets/stylesheets/select.scss */
.select2-container--default.select2-container--open.select2-container--below
.select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
.select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 384, app/assets/stylesheets/select.scss */
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

/* line 387, app/assets/stylesheets/select.scss */
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

/* line 394, app/assets/stylesheets/select.scss */
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

/* line 398, app/assets/stylesheets/select.scss */
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

/* line 401, app/assets/stylesheets/select.scss */
.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__group {
  padding-left: 0;
}

/* line 407, app/assets/stylesheets/select.scss */
.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

/* line 414, app/assets/stylesheets/select.scss */
.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

/* line 422, app/assets/stylesheets/select.scss */
.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

/* line 431, app/assets/stylesheets/select.scss */
.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

/* line 441, app/assets/stylesheets/select.scss */
.select2-container--default
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option
.select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

/* line 452, app/assets/stylesheets/select.scss */
.select2-container--default .select2-results__option--group {
  padding: 0;
}

/* line 455, app/assets/stylesheets/select.scss */
.select2-container--default .select2-results__option--disabled {
  color: #999;
}

/* line 458, app/assets/stylesheets/select.scss */
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

/* line 461, app/assets/stylesheets/select.scss */
.select2-container--default
.select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

/* line 466, app/assets/stylesheets/select.scss */
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

/* line 471, app/assets/stylesheets/select.scss */
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

/* line 482, app/assets/stylesheets/select.scss */
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

/* line 485, app/assets/stylesheets/select.scss */
.select2-container--classic
.select2-selection--single
.select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

/* line 491, app/assets/stylesheets/select.scss */
.select2-container--classic
.select2-selection--single
.select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}

/* line 500, app/assets/stylesheets/select.scss */
.select2-container--classic
.select2-selection--single
.select2-selection__placeholder {
  color: #999;
}

/* line 505, app/assets/stylesheets/select.scss */
.select2-container--classic
.select2-selection--single
.select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

/* line 524, app/assets/stylesheets/select.scss */
.select2-container--classic
.select2-selection--single
.select2-selection__arrow
b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

/* line 539, app/assets/stylesheets/select.scss */
.select2-container--classic[dir="rtl"]
.select2-selection--single
.select2-selection__clear {
  float: left;
}

/* line 544, app/assets/stylesheets/select.scss */
.select2-container--classic[dir="rtl"]
.select2-selection--single
.select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

/* line 555, app/assets/stylesheets/select.scss */
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

/* line 558, app/assets/stylesheets/select.scss */
.select2-container--classic.select2-container--open
.select2-selection--single
.select2-selection__arrow {
  background: transparent;
  border: none;
}

/* line 564, app/assets/stylesheets/select.scss */
.select2-container--classic.select2-container--open
.select2-selection--single
.select2-selection__arrow
b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

/* line 571, app/assets/stylesheets/select.scss */
.select2-container--classic.select2-container--open.select2-container--above
.select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

/* line 582, app/assets/stylesheets/select.scss */
.select2-container--classic.select2-container--open.select2-container--below
.select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

/* line 593, app/assets/stylesheets/select.scss */
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

/* line 602, app/assets/stylesheets/select.scss */
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

/* line 605, app/assets/stylesheets/select.scss */
.select2-container--classic
.select2-selection--multiple
.select2-selection__clear {
  display: none;
}

/* line 610, app/assets/stylesheets/select.scss */
.select2-container--classic
.select2-selection--multiple
.select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

/* line 621, app/assets/stylesheets/select.scss */
.select2-container--classic
.select2-selection--multiple
.select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

/* line 628, app/assets/stylesheets/select.scss */
.select2-container--classic
.select2-selection--multiple
.select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

/* line 641, app/assets/stylesheets/select.scss */
.select2-container--classic
.select2-selection--multiple
.select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

/* line 647, app/assets/stylesheets/select.scss */
.select2-container--classic[dir="rtl"]
.select2-selection--multiple
.select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

/* line 653, app/assets/stylesheets/select.scss */
.select2-container--classic[dir="rtl"]
.select2-selection--multiple
.select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

/* line 659, app/assets/stylesheets/select.scss */
.select2-container--classic[dir="rtl"]
.select2-selection--multiple
.select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 667, app/assets/stylesheets/select.scss */
.select2-container--classic.select2-container--open
.select2-selection--multiple {
  border: 1px solid #5897fb;
}

/* line 671, app/assets/stylesheets/select.scss */
.select2-container--classic.select2-container--open.select2-container--above
.select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 677, app/assets/stylesheets/select.scss */
.select2-container--classic.select2-container--open.select2-container--below
.select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 683, app/assets/stylesheets/select.scss */
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

/* line 687, app/assets/stylesheets/select.scss */
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

/* line 691, app/assets/stylesheets/select.scss */
.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}

/* line 695, app/assets/stylesheets/select.scss */
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

/* line 698, app/assets/stylesheets/select.scss */
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

/* line 701, app/assets/stylesheets/select.scss */
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

/* line 705, app/assets/stylesheets/select.scss */
.select2-container--classic .select2-results__option--group {
  padding: 0;
}

/* line 708, app/assets/stylesheets/select.scss */
.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

/* line 711, app/assets/stylesheets/select.scss */
.select2-container--classic
.select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: #fff;
}

/* line 716, app/assets/stylesheets/select.scss */
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

/* line 721, app/assets/stylesheets/select.scss */
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/* line 725, app/assets/stylesheets/select.scss */
#select2-data-2-hojc {
  width: 100% !important;
}

/* Tab styles */
/* line 731, app/assets/stylesheets/select.scss */
.ask-tabs {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
}

/* line 738, app/assets/stylesheets/select.scss */
.ask-tab {
  min-width: 145px;
  height: 40px;
  cursor: pointer;
  padding: 10px 16px;
  background-color: #f2f2f2;
  border: 1px solid #D0D5DD;
  border-radius: 8px;
  margin-right: 5px;
  background: #fff;
  font-family: 'Inter';
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #344054;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 758, app/assets/stylesheets/select.scss */
.ask-tab.active {
  background-color: #6469E4;
  border-bottom-color: #6469E4;
  color: #fff;
}

/* Tab content styles */
/* line 765, app/assets/stylesheets/select.scss */
.ask-tab-content {
  display: none;
  margin-top: 40px;
}

/* line 770, app/assets/stylesheets/select.scss */
.ask-tab-content.active {
  display: block;
}

/* Tab content styles */
/* line 775, app/assets/stylesheets/select.scss */
.grade-tab-content {
  display: none;
  margin-top: 40px;
}

/* line 780, app/assets/stylesheets/select.scss */
.grade-tab-content.active {
  display: block;
}

/* line 784, app/assets/stylesheets/select.scss */
.grade-tab.active {
  background-color: #6469E4;
  border-bottom-color: #6469E4;
  color: #fff;
}

/* Tab styles */
/* line 792, app/assets/stylesheets/select.scss */
.ans-tabs {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
}

/* line 799, app/assets/stylesheets/select.scss */
.ans-tab {
  min-width: 145px;
  height: 40px;
  cursor: pointer;
  padding: 10px 16px;
  background-color: #f2f2f2;
  border: 1px solid #D0D5DD;
  border-radius: 8px;
  margin-right: 5px;
  background: #fff;
  font-family: 'Inter';
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #344054;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Tab styles for gade*/
/* line 820, app/assets/stylesheets/select.scss */
.grade-tabs {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
}

/* line 827, app/assets/stylesheets/select.scss */
.grade-tab {
  min-width: 145px;
  height: 40px;
  cursor: pointer;
  padding: 10px 16px;
  background-color: #f2f2f2;
  border: 1px solid #D0D5DD;
  border-radius: 8px;
  margin-right: 5px;
  background: #fff;
  font-family: 'Inter';
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #344054;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 847, app/assets/stylesheets/select.scss */
.ans-tab.active {
  background-color: #6469E4;
  border-bottom-color: #6469E4;
  color: #fff;
}

/* Tab content styles */
/* line 854, app/assets/stylesheets/select.scss */
.ans-tab-content {
  display: none;
  margin-top: 40px;
}

/* line 859, app/assets/stylesheets/select.scss */
.ans-tab-content.active {
  display: block;
}

/* line 863, app/assets/stylesheets/select.scss */
.checkmark::before {
  content: '\2713';
  /* Unicode character for a check mark */
  font-size: 20px;
  color: #6469E4;
  display: inline-block;
  margin-right: 5px;
}

/* line 869, app/assets/stylesheets/select.scss */
.checkmark.active::before {
  color: #fff;
}

/* line 874, app/assets/stylesheets/select.scss */
input[type="search"]::-webkit-search-cancel-button {
  cursor: pointer;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 @import "bootstrap";

 */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
/* line 21, app/assets/stylesheets/application.scss */
* {
  font-family: "Plus Jakarta Sans", sans-serif;
}

/* line 25, app/assets/stylesheets/application.scss */
.font-inter {
  font-family: "Inter", sans-serif !important;
}

/* line 29, app/assets/stylesheets/application.scss */
html,
body {
  height: 100%;
  width: 100%;
  background-color: #fcfcfd;
  scroll-behavior: smooth;
}

/* custom scrollbar  */
/* width */
/* line 39, app/assets/stylesheets/application.scss */
.scrollbar::-webkit-scrollbar,
#scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* line 45, app/assets/stylesheets/application.scss */
.scrollbar_tiny::-webkit-scrollbar,
#scrollbar_tiny::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

/* Track */
/* line 52, app/assets/stylesheets/application.scss */
.scrollbar::-webkit-scrollbar-track,
#scrollbar::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
/* line 58, app/assets/stylesheets/application.scss */
.scrollbar::-webkit-scrollbar-thumb,
#scrollbar::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 40px;
}

/* Handle on hover */
/* line 65, app/assets/stylesheets/application.scss */
.scrollbar::-webkit-scrollbar-thumb:hover,
#scrollbar::-webkit-scrollbar-thumb:hover {
  background: #e5e5e5;
}

/* line 70, app/assets/stylesheets/application.scss */
.hide_scrollbar::-webkit-scrollbar {
  display: none;
}

/* line 74, app/assets/stylesheets/application.scss */
.inside::-webkit-scrollbar {
  display: none;
}

/* line 78, app/assets/stylesheets/application.scss */
.sidebar {
  max-width: 280px;
}

/* line 82, app/assets/stylesheets/application.scss */
.sm-sidebar {
  max-width: 85px;
}

/* line 85, app/assets/stylesheets/application.scss */
.sm-sidebar .expanded {
  padding-left: 16px;
  padding-right: 8px;
}

/* line 89, app/assets/stylesheets/application.scss */
.sidebar .expanded {
  max-width: 280px;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

/* line 96, app/assets/stylesheets/application.scss */
.sm-sidebar .aside_logo,
.sm-sidebar .label {
  width: 0px;
  font-size: 0px;
  padding-left: 0 !important;
}

/* line 102, app/assets/stylesheets/application.scss */
.sm-sidebar .sub_menu {
  left: 85px !important;
}

/* line 106, app/assets/stylesheets/application.scss */
.sm-sidebar a {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

/* line 112, app/assets/stylesheets/application.scss */
header li.active a,
header li.active button {
  background-color: #e8f0fe;
  color: #6469e4;
  font-weight: 700;
}

/* line 121, app/assets/stylesheets/application.scss */
input[type="radio"],
input[type="checkbox"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

/* line 127, app/assets/stylesheets/application.scss */
input[type="radio"]:checked,
input[type="checkbox"]:checked {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: currentColor;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90% 90%;
  border-color: transparent;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
       print-color-adjust: exact;
  -webkit-user-select: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}

/* line 145, app/assets/stylesheets/application.scss */
#quiz input[type="radio"]:checked + label .outter,
#quiz input[type="radio"]:checked + label .inner {
  background: #0047ab;
}

/* line 151, app/assets/stylesheets/application.scss */
.custom_tab button[aria-selected="true"] {
  color: #5a5fcd;
  border-color: #5a5fcd;
}

/* line 157, app/assets/stylesheets/application.scss */
.question_ask_tab button[aria-selected="true"] {
  border-color: #6469e4 !important;
  background: #6469e4 !important;
}

/* line 163, app/assets/stylesheets/application.scss */
.inner_tabs_3 button[aria-selected="true"] {
  border-color: #d0d5dd !important;
  background: #6469e4 !important;
  color: #ffffff !important;
}

/* line 168, app/assets/stylesheets/application.scss */
.inner_tabs_3 button[aria-selected="false"] {
  border-color: #d0d5dd !important;
  background: #fff !important;
  color: #344054 !important;
}

/* line 174, app/assets/stylesheets/application.scss */
.question_ask_tab button[aria-selected="true"] img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(3605%) hue-rotate(263deg) brightness(118%) contrast(105%);
}

/* line 180, app/assets/stylesheets/application.scss */
.skill_tabs button[aria-selected="true"] {
  font-weight: 700;
  color: #6469e4;
  border-color: #6469e4;
  background: #fff;
}

/* line 186, app/assets/stylesheets/application.scss */
.skill_tabs button[aria-selected="false"] {
  font-weight: 500;
  color: #6c727f;
  border-color: transparent;
}

/* line 194, app/assets/stylesheets/application.scss */
.slick-arrow.slick-disabled {
  opacity: 0;
}

@media (min-width: 1536px) {
  /* line 199, app/assets/stylesheets/application.scss */
  .custom_slide .right-arrow {
    right: 80px;
  }
}

/* line 206, app/assets/stylesheets/application.scss */
.sub_navigation li:last-child a {
  color: #6469e4;
}

/* line 212, app/assets/stylesheets/application.scss */
select {
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
}

/* line 218, app/assets/stylesheets/application.scss */
.nice-select {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  float: left;
  outline: none;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

/* line 239, app/assets/stylesheets/application.scss */
.no_arrow.nice-select:after {
  margin-top: 0;
  display: none;
  content: "";
}

/* line 244, app/assets/stylesheets/application.scss */
.only_arrow.nice-select:after {
  margin-top: 0;
  content: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33301 1.66699L5.99967 6.33366L10.6663 1.66699' stroke='%231C1C1C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* line 248, app/assets/stylesheets/application.scss */
.nice-select:after {
  margin-top: 3px;
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='8' fill='%23F4F4F6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.27609 10.3547C8.44859 10.139 8.76324 10.1041 8.97887 10.2766L11.9999 12.6934L15.0208 10.2766C15.2365 10.1041 15.5511 10.139 15.7236 10.3547C15.8961 10.5703 15.8612 10.8849 15.6455 11.0574L12.3122 13.7241C12.1296 13.8702 11.8701 13.8702 11.6875 13.7241L8.35417 11.0574C8.13854 10.8849 8.10358 10.5703 8.27609 10.3547Z' fill='%236C727F'/%3E%3C/svg%3E");
  pointer-events: none;
  transform-origin: center;
  transform: rotate(0);
  transition: all 0.15s ease-in-out;
}

/* line 266, app/assets/stylesheets/application.scss */
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}

/* line 274, app/assets/stylesheets/application.scss */
.nice-select.wide {
  width: 100%;
}

/* line 277, app/assets/stylesheets/application.scss */
.select_up .list {
  bottom: 100%;
  top: auto !important;
}

/* line 281, app/assets/stylesheets/application.scss */
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

/* line 285, app/assets/stylesheets/application.scss */
.nice-select.right {
  float: right;
}

/* line 288, app/assets/stylesheets/application.scss */
.nice-select.right .list {
  left: auto;
  right: 0;
}

/* line 293, app/assets/stylesheets/application.scss */
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

/* line 297, app/assets/stylesheets/application.scss */
.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  transform-origin: 50% 0;
  transform: scale(0.75) translateY(-21px);
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}

/* line 321, app/assets/stylesheets/application.scss */
.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

/* line 324, app/assets/stylesheets/application.scss */
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  transition: all 0.2s;
}

/* line 337, app/assets/stylesheets/application.scss */
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: #f6f6f6;
}

/* line 342, app/assets/stylesheets/application.scss */
.nice-select .option.selected {
  font-weight: bold;
}

/* line 345, app/assets/stylesheets/application.scss */
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

/* line 351, app/assets/stylesheets/application.scss */
.no-csspointerevents .nice-select .list {
  display: none;
}

/* line 355, app/assets/stylesheets/application.scss */
.no-csspointerevents .nice-select.open .list {
  display: block;
}

/* line 359, app/assets/stylesheets/application.scss */
.svg-hover:hover {
  filter: brightness(0) saturate(100%) invert(30%) sepia(26%) saturate(5793%) hue-rotate(230deg) brightness(84%) contrast(93%);
}

/* line 364, app/assets/stylesheets/application.scss */
.list {
  max-height: 250px;
  overflow: auto !important;
}

/* line 369, app/assets/stylesheets/application.scss */
.tox-statusbar__branding {
  display: none;
}

/* line 373, app/assets/stylesheets/application.scss */
.tox-statusbar__resize-handle {
  display: none !important;
}

/* line 377, app/assets/stylesheets/application.scss */
.select2-container--default .select2-selection--single {
  padding: 10px 14px;
  font-weight: 400;
  line-height: 24px;
  background-color: white;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  height: auto;
}

/* line 386, app/assets/stylesheets/application.scss */
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
  top: 13px;
  right: 10px;
}

/* line 393, app/assets/stylesheets/application.scss */
.select2-search__field {
  min-width: 200px;
  min-height: 28px;
}

/* line 398, app/assets/stylesheets/application.scss */
button:disabled {
  color: #c7c0c0;
}

/* line 402, app/assets/stylesheets/application.scss */
button:disabled:hover {
  color: #c7c0c0;
  /* Set the same color for hover */
}

/* line 406, app/assets/stylesheets/application.scss */
#add-file:hover {
  cursor: pointer;
}

/* line 410, app/assets/stylesheets/application.scss */
#grade_select .nice-select .current {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

/* line 417, app/assets/stylesheets/application.scss */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}