body {
   margin-top:          100px;
   font-family:         arial, verdana, sans-serif;
   font-size:           10pt;
}

div#clear_course_filter_msg {
   display:             none;
   margin:              auto;
   margin-top:          15px;
   margin-bottom:       15px;
   width:               300px;
   padding:             3px;
   border:              1px solid black;
   box-shadow:          -3px 3px 2px lightgray;
   text-align:          center;
   font-weight:         bold;
   background:          white;
}

div#feedback_placeholder {
   height:              25px;
   margin-top:          6pt;
}

div#feedback,
div#dialog_course_admin {
   display:             none;
}

select#assignment_due {
   font-family:         arial, verdana, sans-serif;
   font-size:           12px;
   font-weight:         bold;
   background:          none;
}
select#header_course_select,
select#unit_name_select {
   font-size:           12px;
   background:          none;
}
select#header_course_select {
   width:               125px;
}
/* Initially hidden -- until select2 formats. */
select.course_select,
select.unit_select,
select.class_select,
select.pay_select {
   display:             none;
}
select#unit_name_select {
   width:               90px;
}

td.unit_no input {
   margin-bottom:       3px;
}

td.unit span.select2-selection {
   height:              22px;
   margin-bottom:       3px;
}
td.unit span.select2-selection__rendered {
   line-height:         22px !important;
}
td.unit span.select2-selection__arrow {
   height:              20px !important;
}

div#spinner {
   position:            absolute;
   display:             none;
   width:               40px;
   left:                50vw;
   top:                 33vh;
   transform:           translate(-50%, -50%);
   z-index:             110;  /* Get on top of modal dialog. */
}

img.spinner_small {
   display:             none;
   width:               20px;
   height:              20px;
   margin-top:          -5px;
   transform:           translate(0px, 5px);
   -webkit-transform:   translate(0px, 5px);
}

button.update_licensee_share {
   box-shadow:          -3px 3px 2px lightgray;
   background-color:    #f2f2f2;
   border-radius:       3px;
   border:              1px solid #666666;
   display:             inline-block;
   cursor:              pointer;
   color:               #050505;
   padding:             2px;
   text-decoration:     none;
}
button.update_licensee_share:hover {
   background-color:    white;
}

.ui-tooltip {
   opacity:             1;
   background:          #f9f9f9;
   font-size:           8pt;
   padding:             4px;
}

#unit_no_feedback {
   position:            absolute;
   display:             none;
   background:          yellow;
   font-weight:         bold;
}

img {
   border:              none;
}

img[src$="add_icon.png"],
img[src$="delete.png"],
img[src$="clone_icon.png"],
img[src$="icon_exit_bw.png"],
img[src$="icon_clock.png"] {
   width:               16px;
   height:              16px;
}
img[src$="info_icon.png"] {
   width:               13px;
   height:              13px;
}
img[src$="icon_locked.png"] {
   width:               14px;
   height:              16px;
}

td.clone_to_selected,
td.assignment_date img[src$="icon_clock.png"] {
   cursor:              help;
}

table.dialog_course_admin {
   border-spacing:      0;
}
table.dialog_course_admin th {
   text-align:          left;
   border-bottom:       1px solid black;
}
table.dialog_course_admin th,
table.dialog_course_admin td {
   padding-right:       5px;
}

table.set_time_window_table th,
table.set_time_window_table td {
   text-align:          left;
   padding-right:       5px;
}
table.set_time_window_table span.message {
   color:               red;
}
input.test_start_time {
   width:               5em;
}

select.test_availability {
   height:              24px;
   white-space:         pre;
   font-family:         monospace;
}
table.test_times_list {
   width:               max-content;
   border-spacing:      0;
}
table.test_times_list td {
   padding:             2px !important;
}
table.test_times_list td.test_times_class_name {
   font-weight:         bold;
}
table.test_times_list td.test_times {
   color:               red;
}

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

.green {
   color:               green;
   font-weight:         bold;
}

.red {
   color:               red;
   font-weight:         bold;
}

.normal {
   font-size:           10pt;
   font-weight:         normal;
}

.smaller {
   font-size:           80%;
}
.smaller_important {
   font-size:           80% !important;
}

div.table_title {
   width:               calc(100vw - 33px);
}

h2.table_title {
   display:             inline-block;
   margin-top:          0;
   margin-bottom:       0;
}
h3 {
   margin-bottom:       2px;
}

.payments {
   display:             none;
}

.row_count {
   display:             block;
   float:               right;
   font-weight:         bold;
}

/*
div#table_quizzes_decks {
   width:               2000px;
}
*/
table.quizzes_decks {
   table-layout:        fixed;
}

table.quizzes_decks th,
table.quizzes_decks td {
   border:              none;
   /*
   outline:             1px solid red;
   */
}

table.quizzes_decks th {
   vertical-align:      bottom;
}

button.table_quizzes_decks_button {
   width:               18px;
   height:              18px;
   border:              none;
   padding:             0px;
   background:          none;
}

table.quizzes_decks th.select_row,
table.quizzes_decks td.select_row {
   width:               25px;
   padding-right:       0 !important;
   padding:             0 !important;
}
table.quizzes_decks .select_row input {
   font-size:           150%;
}

table.quizzes_decks th.name_qrecord_id,
table.quizzes_decks td.name_qrecord_id {
   width:               150px;
   min-width:           150px;
   word-break:          break-all;
}

table.quizzes_decks th.page_url,
table.quizzes_decks td.page_url {
   width:               60px;
   min-width:           60px;
   padding-left:        10px;
}
table.quizzes_decks td.page_url {
   word-break:          break-all;
}

table.quizzes_decks th.question_card_limit,
table.quizzes_decks td.question_card_limit {
   width:               50px;
   min-width:           50px;
}
input.question_card_limit {
   width:               2.5em;
}

table.quizzes_decks th.share,
table.quizzes_decks td.share {
   width:               70px;
   min-width:           70px;
   padding-right:       0 !important;
}
table.quizzes_decks td.share select.share {
   width:               65px;
}

table.quizzes_decks th.remove,
table.quizzes_decks td.remove {
   width:               68px;
}

table.quizzes_decks th.display_name,
table.quizzes_decks td.display_name {
   width:               125px;
   min-width:           125px;
}
table.quizzes_decks td.display_name {
   overflow-wrap:       break-word;
}

textarea.display_name {
   width:               120px;
   min-width:           120px;
   max-width:           120px;
   font-family:         arial, verdana, sans-serif;
   font-size:           10pt;
}

table.quizzes_decks th.assignment_date,
table.quizzes_decks td.assignment_date {
   width:               205px;
   padding-right:       0 !important;
}
table.quizzes_decks td.assignment_date {
   white-space:         nowrap;
}
table.quizzes_decks td.assignment_date_not_safari input[type="text"] {
   width:               140px;
}
table.quizzes_decks td.assignment_date_safari input[type="date"] {
   width:               90px;
}
table.quizzes_decks td.assignment_date img[src$="icon_clock.png"]:hover {
   outline:             2px solid white;
}

table.quizzes_decks th.clone_to_selected,
table.quizzes_decks td.clone_to_selected {
   width:               30px;
   min-width:           30px;
}

table.quizzes_decks th.course,
table.quizzes_decks td.course {
   width:               120px;
   min-width:           120px;
   padding-right:       0 !important;
}

table.quizzes_decks th.unit_no,
table.quizzes_decks td.unit_no {
   width:               80px;
   min-width:           80px;
}
table.quizzes_decks td.unit_no input {
   width:               65px;
}
table.quizzes_decks td.unit_no input.hidden-input {
   border:              none;
   background:          none;
}

table.quizzes_decks th.unit,
table.quizzes_decks td.unit {
   width:               114px;
   min-width:           114px;
   padding-right:       0 !important;
}

table.quizzes_decks th.assigned_to_classes,
table.quizzes_decks td.assigned_to_classes {
   width:               155px;
   min-width:           155px;
   padding-right:       0 !important;
}

table.quizzes_decks th.make_pay,
table.quizzes_decks td.make_pay {
   width:               205px;
   min-width:           205px;
   padding-right:       0 !important;
}

table.quizzes_decks th.hide_remove,
table.quizzes_decks td.hide_remove {
   width:               2px;
   margin:              0;
   padding-right:       0 !important;
}

table.quizzes_decks th.hide_share_and_unit_no,
table.quizzes_decks td.hide_share_and_unit_no {
   width:               2px;
   min-width:           2px;
   background-image:    none;
   margin:              0;
   padding-right:       0 !important;
}
table.quizzes_decks th.hide_share_and_unit_no *,
table.quizzes_decks td.hide_share_and_unit_no * {
   display:             none;
}

select.class_select {
   width:               80px;
}

table.quizzes_decks input.tablesorter-filter.disabled {
   display:             none;
}

table.quizzes_decks th.free_trial,
table.quizzes_decks td.free_trial {
   width:               45px;
}
table.quizzes_decks td.free_trial input {
   font-size:           150%;
}
table.quizzes_decks tr.tablesorter-filter-row td {
   padding-left:        0;
   padding-right:       0;
   text-align:          left;
}
table.quizzes_decks input.tablesorter-filter {
   color:               blue;
   font-weight:         bold;
   width:               calc(100% - 18px);
}

.maker_select_field {
   width:               25em;
}
div#newly_shared_only_popup {
   display:             none;
   position:            fixed;
   top:                 100px;
   right:               20px;
   width:               250px;
   z-index:             2;
   padding:             8px;
   text-align:          center;
   background:          yellow;
   border:              1px solid black;
   border-radius:       4px;
   box-shadow:          -3px 3px 2px lightgray;
}
div.newly_shared_overlay {
   position:            absolute;
   top:                 -2px;
   right:               0;
   width:               200px;
   z-index:             2;
   padding:             0 2px 2px 0;
   text-align:          center;
   background:          white;
   border:              1px solid black;
   border-radius:       4px;
   box-shadow:          -3px 3px 2px lightgray;
}
div.newly_shared_overlay.highlight {
   background:          yellow !important;
}

#restore_header_link {
   display:             inline-block;
}

#show_restore_table_msg {
   display:             none;
   text-align:          center;
}

#table_restore {
   display:             none;
   margin-bottom:       15px;
}

table.restore {
   border:              1px solid black;
}

table.restore td {
   padding-right:       10px;
}

.shift_checkbox {
   transform:           translate(0px, 3px);
   -webkit-transform:   translate(0px, 3px);
}

.icon_smaller {
   transform:           scale(0.8);
   -webkit-transform:   scale(0.8);
}

.shift_icon {
   transform:           translate(0px, 3px);
   -webkit-transform:   translate(0px, 3px);
}

.pointer {
   cursor:              pointer;
}

.help {
   cursor:              help;
}

.qwiz-display-none {
   display:             none;
}
.newly_shared_hide {
   display:             none;
}

.custom-combobox {
   position: relative;
   display: inline-block;
}
.custom-combobox-toggle {
   position:            absolute;
   top:                 0;
   bottom:              0;
   margin-left:         -1px;
   padding:             0;
   background:          none !important;
   width:               1em  !important;
   border-left:         0;
   border-radius:       0    !important;
}
.custom-combobox-toggle:hover {
   border:              1px solid #d9d9d9;
   background:          #cee3f6 !important;
}
.custom-combobox-input {
   font-size:           11px;
   color:               black;
   margin:              0;
   padding:             1px 2px 2px;
   background:          none !important;
   border-right:        0;
   border-radius:       0;
}
.ui-menu-item {
   font-size:           10pt;
}