body {
background: none;
}
.grey {
color: #e0e0e0;
}
.question_checkbox {
/*line it up with the checkbox button*/
float: right;
margin-right: -2px !important;
}
#mainFrame.exams {
padding-top: 5px;
}
#mainFrame.exams .exam_search {
margin-top: 1px;
}
.exam_actions select {
background: none;
border: none;
-webkit-appearance: none;
}
.exam_actions {
display: block;
width: 100%;
height: 30px;
padding: 10px 0 10px 0;
}
select[name="exam_actions"] {
background: #fffdfe;
background: -moz-linear-gradient(top, #fffdfe 0%, #e7e6e2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffdfe), color-stop(100%, #e7e6e2));
background: -webkit-linear-gradient(top, #fffdfe 0%, #e7e6e2 100%);
background: -o-linear-gradient(top, #fffdfe 0%, #e7e6e2 100%);
background: -ms-linear-gradient(top, #fffdfe 0%, #e7e6e2 100%);
background: linear-gradient(to bottom, #fffdfe 0%, #e7e6e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfe', endColorstr='#e7e6e2', GradientType=0);
display: block;
width: 65px;
height: 24px;
border: 1px solid #CCC;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.exam_actions_left {
float: left;
width: 50%;
}
.exam_actions_left input,
.exam_actions_left select {
float: left;
}
.exam_actions_right {
float: right;
width: 50%;
}
.exam_actions_right .create_exam {
float: right;
display: block;
/* padding: 5px; */
text-decoration: none;
/* border: 1px solid black; */
}
.exam_actions_left select {
margin: 5px;
float: left;
}
.exams_table {
width: 100%;
}
.exams_table td.name_descrip_col .exam_name {
font-family: 'ProximaNova-Bold';
line-height: 1.75em;
font-size: 1em;
}
.exams_table th.active_col {
font-family: 'ProximaNova-Bold';
font-weight: normal;
padding: 6px 0.55555%;
}
.exams_table .take_exam {
background: #fffdfe;
background: -moz-linear-gradient(top, #fffdfe 0%, #e7e6e2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffdfe), color-stop(100%, #e7e6e2));
background: -webkit-linear-gradient(top, #fffdfe 0%, #e7e6e2 100%);
background: -o-linear-gradient(top, #fffdfe 0%, #e7e6e2 100%);
background: -ms-linear-gradient(top, #fffdfe 0%, #e7e6e2 100%);
background: linear-gradient(to bottom, #fffdfe 0%, #e7e6e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfe', endColorstr='#e7e6e2', GradientType=0);
display: block;
border: 1px solid #CCC;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
font-size: 13px;
text-align: center;
width: 90%;
padding: 5px;
margin-top: -4px;
}
.exams_table .take_exam:hover {
background: #52b152;
/* Old browsers */
background: -moz-linear-gradient(top, #52b152 0%, #009e05 46%, #008206 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #52b152), color-stop(46%, #009e05), color-stop(100%, #008206));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #52b152 0%, #009e05 46%, #008206 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #52b152 0%, #009e05 46%, #008206 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #52b152 0%, #009e05 46%, #008206 100%);
/* IE10+ */
background: linear-gradient(to bottom, #52b152 0%, #009e05 46%, #008206 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52b152', endColorstr='#008206', GradientType=0);
/* IE6-9 */
color: #fff;
}
.exams_table tr {
height: 40px;
}
.library_name {
color: white;
background-color: #ec8c02;
padding: 3px;
font-size: 12px;
margin-left: 10px;
}
/****************************** EXAM CREATION WIZARD ******************************************************/
.exam_creation {
padding: 15px;
}
.exam_creation .checkbox p,
.exam_creation .radio p {
clear: both;
margin-bottom: 0;
margin-left: 20px;
color: #666;
font-family: ProximaNova-regular;
font-size: 12px;
}
.exam_creation .indent {
margin-left: 18px;
}
.exam_creation label {
font-family: 'ProximaNova-Bold';
color: #00AFEC;
clear: both;
float: left;
font-size: 14px;
font-weight: normal !important;
margin-top: 40px;
padding-bottom: 5px;
}
.exam_creation fieldset {
margin-top: 25px;
padding-top: 10px;
font-size: 11px;
}
.exam_creation fieldset legend {
margin-bottom: 0;
}
.exam_creation fieldset p {
clear: both;
font-size: 13px;
}
.exam_creation .form-control {
font-weight: normal;
}
.exam_creation .form-inline .form-control {
display: inline-block;
width: 45px;
font-size: 12px;
height: 25px;
position: relative;
top: 5px;
}
.exam_creation .form-inline span {
top: 6px;
position: relative;
}
.exam_creation .form-group {
margin-bottom: 0;
}
.exam_creation .until {
color: #1256A7;
font-size: 12px;
}
ul.step_nav {
margin: 0;
padding: 0;
}
ul.step_nav li {
list-style-type: none;
display: inline;
margin-right: 15px;
}
ul.step_nav li.active {
color: #1256A7;
background-image: url("../../all/images/wizard-arrows.png");
background-repeat: no-repeat;
background-position: 0px -180px;
height: 30px;
width: 180px;
}
.last_step {
margin-right: 10px;
}
html .exam_schedules .user_access_wrapper a.useraccess_label {
cursor: pointer;
}
.user_access_wrapper .arrow {
display: inline-block;
width: 15px;
height: 15px;
background: url("../../all/images/down.png") 0 0 no-repeat;
}
.user_access_wrapper.hidden .arrow {
background: url("../../all/images/up.png") 0 0 no-repeat;
cursor: pointer;
}
.fullcourse_access_wrapper label,
.section_access_wrapper label,
.user_access_wrapper label {
cursor: pointer;
}
/*** questions-controller ***/
.questions-controller .table-wrap table.formatted tbody tr:hover {
background: none;
}
.panel-body.question-panel {
padding-top: 0;
}
.panel-body.question-panel .editor_column {
margin-top: 0;
}
.panel-body.question-panel [for="question_type_select"] {
vertical-align: top;
}
.new_time_block {
cursor: pointer;
display: block;
width: 135px;
text-align: center;
background-color: #ccc;
border: 1px solid black;
border-radius: 6px;
padding: 3px;
color: black;
}
.create_time_block {
z-index: 9999;
border-radius: 8px;
top: 50%;
left: 50%;
}
.datepair input[type="text"] {
width: 80px;
}
/****************************** EDIT EXAM PAGE ******************************************************/
.dotted_divider {
border-bottom: 1px dashed #ccc;
width: 100%;
display: block;
margin-bottom: 30px;
}
.xdsoft_scrollbar {
display: none;
}
#exams-edit .datetimepicker,
#exams-create .datetimepicker {
background-color: transparent;
border: 1px solid transparent;
outline: none;
font-size: 13px;
}
#exams-edit .datetimepicker:hover,
#exams-create .datetimepicker:hover {
border: 1px solid #ccc;
}
#exams-edit .datetimepicker:focus,
#exams-create .datetimepicker:focus {
background-color: #fff;
border: 1px solid #1256A7;
}
#exams-edit table th,
#exams-create table th {
background-color: #fff;
border-bottom: 1px solid #666;
}
#exams-edit table tr,
#exams-create table tr {
background-color: #f6f6f6;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
#exams-edit .exam_creation,
#exams-create .exam_creation {
padding: 25px;
padding-top: 0;
}
#exams-edit .exam_creation label,
#exams-create .exam_creation label {
margin-top: 20px;
color: #666;
}
#exams-edit .exam_creation label.checkbox_label,
#exams-create .exam_creation label.checkbox_label,
#exams-edit .exam_creation label.checkbox_desc,
#exams-create .exam_creation label.checkbox_desc {
margin: 0;
}
#exams-edit .exam_schedules,
#exams-create .exam_schedules {
clear: both;
float: none;
}
#exams-edit .edit_menu,
#exams-create .edit_menu {
list-style-type: none;
padding-left: 0;
}
#exams-edit .edit_menu li,
#exams-create .edit_menu li {
display: inline-block;
padding: 2px 5px;
}
#exams-edit .edit_menu li a,
#exams-create .edit_menu li a {
color: #666666;
}
#exams-edit .edit_menu li a.active,
#exams-create .edit_menu li a.active {
color: #1256A7;
}
#exams-edit .edit_menu li a:hover,
#exams-create .edit_menu li a:hover {
cursor: pointer;
}
#exams-edit .edit_exam_schedule ul,
#exams-create .edit_exam_schedule ul,
#exams-edit .edit_exam_groups ul,
#exams-create .edit_exam_groups ul,
#exams-edit .edit_exam_schedule li,
#exams-create .edit_exam_schedule li,
#exams-edit .edit_exam_groups li,
#exams-create .edit_exam_groups li {
list-style-type: none;
list-style-position: inside;
margin: 0;
padding: 0;
}
#exams-edit #manageTimeBlock .col-tall,
#exams-create #manageTimeBlock .col-tall {
height: 250px;
margin-bottom: 15px;
}
#exams-edit #manageTimeBlock .col-tall select,
#exams-create #manageTimeBlock .col-tall select {
height: 250px;
font-size: 12px;
overflow-x: scroll;
}
#exams-edit #manageTimeBlock .col-search,
#exams-create #manageTimeBlock .col-search {
margin-bottom: 15px;
}
#exams-edit .nav-center-vertical,
#exams-create .nav-center-vertical {
padding-top: 95px;
}
#exams-edit .access_wrapper,
#exams-create .access_wrapper {
padding: 15px 15px 0 15px;
border: dotted 1px #ddd;
margin-bottom: 25px;
padding-bottom: 15px;
}
#exams-edit .access_wrapper .radio,
#exams-create .access_wrapper .radio,
#exams-edit .access_wrapper label,
#exams-create .access_wrapper label {
margin-top: 0;
}
#exams-edit .access_display,
#exams-create .access_display {
display: none;
}
#exams-edit .active-type,
#exams-create .active-type {
display: block;
}
#exams-edit .edit_exam_schedule,
#exams-create .edit_exam_schedule,
#exams-edit .exam_step_5,
#exams-create .exam_step_5 {
margin-top: 25px;
}
#exams-edit .edit_exam_groups,
#exams-create .edit_exam_groups {
margin-top: 25px;
}
#exams-edit .edit_exam_groups .exam_groups,
#exams-create .edit_exam_groups .exam_groups {
margin-top: 15px;
}
#exams-edit .edit_exam_groups .group_name,
#exams-create .edit_exam_groups .group_name {
margin-bottom: 15px;
color: #1256A7;
}
#exams-edit .edit_exam_groups .exam_group,
#exams-create .edit_exam_groups .exam_group {
border: dotted 1px #ddd;
background-color: #ffffff;
padding: 10px;
margin-bottom: 20px;
}
#exams-edit .edit_exam_groups .exam_group label,
#exams-create .edit_exam_groups .exam_group label {
margin-top: 10px;
}
#exams-edit .edit_exam_groups .ui-slider-handle,
#exams-create .edit_exam_groups .ui-slider-handle {
border-color: #1256A7;
background: #1256A7;
}
#exams-edit .edit_exam_groups .ui-slider-range,
#exams-create .edit_exam_groups .ui-slider-range {
background: #ddd;
}
#exams-edit #available_group_list,
#exams-create #available_group_list,
#exams-edit #assigned_group_list,
#exams-create #assigned_group_list {
height: 250px;
}
#exams-edit label.fullcourse_label,
#exams-create label.fullcourse_label {
float: left;
clear: none;
margin-top: 4px;
}
#exams-edit label.sectionaccess_label,
#exams-create label.sectionaccess_label,
#exams-edit label.useraccess_label,
#exams-create label.useraccess_label {
float: left;
clear: none;
margin-top: 3px;
}
#exams-edit .no-access,
#exams-create .no-access {
margin-left: 20px;
color: red;
font-family: 'ProximaNova-Bold';
}
#exams-edit .scheduling_btn,
#exams-create .scheduling_btn {
margin-top: 40px;
margin-left: -10px;
float: left;
}
#exams-edit html body#exams-edit.exams-controller div#container div#mainFrame div.edit_exam_schedule div.exam_schedules div.fullcourse_access_wrapper form#full_course_form div.clear div.full_course_table_wrapper table.full_course_table thead.section_access_header tr th.full_access_applied_col,
#exams-create html body#exams-edit.exams-controller div#container div#mainFrame div.edit_exam_schedule div.exam_schedules div.fullcourse_access_wrapper form#full_course_form div.clear div.full_course_table_wrapper table.full_course_table thead.section_access_header tr th.full_access_applied_col {
width: 54%;
}
#exams-edit table.full_course_table,
#exams-create table.full_course_table,
#exams-edit table.section_access_table,
#exams-create table.section_access_table,
#exams-edit table.user_access_table,
#exams-create table.user_access_table {
border-collapse: collapse;
clear: both;
}
#exams-edit table.full_course_table th,
#exams-create table.full_course_table th,
#exams-edit table.section_access_table th,
#exams-create table.section_access_table th,
#exams-edit table.user_access_table th,
#exams-create table.user_access_table th {
border-bottom: #666 1px solid;
color: #1256A7;
font-family: 'ProximaNova-Bold';
font-weight: normal;
}
#exams-edit table.full_course_table th.full_access_start_col,
#exams-create table.full_course_table th.full_access_start_col,
#exams-edit table.section_access_table th.full_access_start_col,
#exams-create table.section_access_table th.full_access_start_col,
#exams-edit table.user_access_table th.full_access_start_col,
#exams-create table.user_access_table th.full_access_start_col,
#exams-edit table.full_course_table th.full_access_end_col,
#exams-create table.full_course_table th.full_access_end_col,
#exams-edit table.section_access_table th.full_access_end_col,
#exams-create table.section_access_table th.full_access_end_col,
#exams-edit table.user_access_table th.full_access_end_col,
#exams-create table.user_access_table th.full_access_end_col,
#exams-edit table.full_course_table th.section_access_start_col,
#exams-create table.full_course_table th.section_access_start_col,
#exams-edit table.section_access_table th.section_access_start_col,
#exams-create table.section_access_table th.section_access_start_col,
#exams-edit table.user_access_table th.section_access_start_col,
#exams-create table.user_access_table th.section_access_start_col,
#exams-edit table.full_course_table th.section_access_end_col,
#exams-create table.full_course_table th.section_access_end_col,
#exams-edit table.section_access_table th.section_access_end_col,
#exams-create table.section_access_table th.section_access_end_col,
#exams-edit table.user_access_table th.section_access_end_col,
#exams-create table.user_access_table th.section_access_end_col,
#exams-edit table.full_course_table th.user_access_start_col,
#exams-create table.full_course_table th.user_access_start_col,
#exams-edit table.section_access_table th.user_access_start_col,
#exams-create table.section_access_table th.user_access_start_col,
#exams-edit table.user_access_table th.user_access_start_col,
#exams-create table.user_access_table th.user_access_start_col,
#exams-edit table.full_course_table th.user_access_end_col,
#exams-create table.full_course_table th.user_access_end_col,
#exams-edit table.section_access_table th.user_access_end_col,
#exams-create table.section_access_table th.user_access_end_col,
#exams-edit table.user_access_table th.user_access_end_col,
#exams-create table.user_access_table th.user_access_end_col {
width: 20%;
}
#exams-edit table.full_course_table th.full_access_applied_col,
#exams-create table.full_course_table th.full_access_applied_col,
#exams-edit table.section_access_table th.full_access_applied_col,
#exams-create table.section_access_table th.full_access_applied_col,
#exams-edit table.user_access_table th.full_access_applied_col,
#exams-create table.user_access_table th.full_access_applied_col,
#exams-edit table.full_course_table th.section_access_applied_col,
#exams-create table.full_course_table th.section_access_applied_col,
#exams-edit table.section_access_table th.section_access_applied_col,
#exams-create table.section_access_table th.section_access_applied_col,
#exams-edit table.user_access_table th.section_access_applied_col,
#exams-create table.user_access_table th.section_access_applied_col,
#exams-edit table.full_course_table th.user_access_applied_col,
#exams-create table.full_course_table th.user_access_applied_col,
#exams-edit table.section_access_table th.user_access_applied_col,
#exams-create table.section_access_table th.user_access_applied_col,
#exams-edit table.user_access_table th.user_access_applied_col,
#exams-create table.user_access_table th.user_access_applied_col {
width: 54%;
}
#exams-edit table.full_course_table th.full_access_actions_col,
#exams-create table.full_course_table th.full_access_actions_col,
#exams-edit table.section_access_table th.full_access_actions_col,
#exams-create table.section_access_table th.full_access_actions_col,
#exams-edit table.user_access_table th.full_access_actions_col,
#exams-create table.user_access_table th.full_access_actions_col,
#exams-edit table.full_course_table th.section_access_actions_col,
#exams-create table.full_course_table th.section_access_actions_col,
#exams-edit table.section_access_table th.section_access_actions_col,
#exams-create table.section_access_table th.section_access_actions_col,
#exams-edit table.user_access_table th.section_access_actions_col,
#exams-create table.user_access_table th.section_access_actions_col,
#exams-edit table.full_course_table th.user_access_actions_col,
#exams-create table.full_course_table th.user_access_actions_col,
#exams-edit table.section_access_table th.user_access_actions_col,
#exams-create table.section_access_table th.user_access_actions_col,
#exams-edit table.user_access_table th.user_access_actions_col,
#exams-create table.user_access_table th.user_access_actions_col {
width: 6%;
}
#exams-edit table.full_course_table th,
#exams-create table.full_course_table th,
#exams-edit table.section_access_table th,
#exams-create table.section_access_table th,
#exams-edit table.user_access_table th,
#exams-create table.user_access_table th {
background-color: #fff;
}
#exams-edit table.full_course_table tr,
#exams-create table.full_course_table tr,
#exams-edit table.section_access_table tr,
#exams-create table.section_access_table tr,
#exams-edit table.user_access_table tr,
#exams-create table.user_access_table tr {
background-color: #f6f6f6;
}
#exams-edit table.section_access_table,
#exams-create table.section_access_table {
margin-top: 10px;
margin-bottom: 20px;
}
#exams-edit table.user_access_table,
#exams-create table.user_access_table {
margin-bottom: 20px;
margin-top: 10px;
}
#exams-edit .user_access_wrapper a.useraccess_label,
#exams-create .user_access_wrapper a.useraccess_label {
color: #666;
font-size: 14px;
font-family: 'ProximaNova-Bold';
}
#exams-edit .user_access_wrapper a.useraccess_label:hover,
#exams-create .user_access_wrapper a.useraccess_label:hover,
#exams-edit .fullcourse_access_wrapper label:hover,
#exams-create .fullcourse_access_wrapper label:hover,
#exams-edit .section_access_wrapper label:hover,
#exams-create .section_access_wrapper label:hover {
color: #1256A7;
}
#exams-edit .datepair,
#exams-create .datepair {
float: left;
margin: 5px 0px 30px 20px;
}
#exams-edit a.new_time_block,
#exams-create a.new_time_block {
margin-left: 20px;
}
#exams-edit .ui-timepicker-input,
#exams-create .ui-timepicker-input,
#exams-edit .hasDatepicker,
#exams-create .hasDatepicker {
width: 90px;
margin-left: 10px;
}
#exams-edit .exam_group label.radio_label,
#exams-create .exam_group label.radio_label {
margin-top: 0px;
float: left;
padding-top: 3px;
}
#exams-edit .exam_group label.radio_label input,
#exams-create .exam_group label.radio_label input {
width: 20px;
margin: 0 5px;
float: none;
}
/* End #exams-edit */
#finalreport .detailhead {
border-bottom: none;
font-size: 15px;
color: #49c346;
}
#finalreport section {
clear: both;
}
#finalreport section label {
font-size: 13px;
}
#finalreport .left_align {
display: inline-block;
position: relative;
top: 18px;
}
#finalreport fieldset {
margin-bottom: 25px;
clear: both;
}
#finalreport fieldset legend {
font-size: 14px;
padding: 5px;
}
#exams-create .detailhead {
width: 100%;
clear: both;
}
#exams-create .step_nav {
margin-bottom: 20px;
}
/* End #exams-create */
/******************************************* Manage Questions ***************************************************/
/* overriding bootstrap panel heading color */
#questions-groups .panel-heading {
background-image: none !important;
background-color: #fff !important;
border-color: #fff !important;
}
.dirty {
border: 1px solid #A82121 !important;
-webkit-box-shadow: 0 0 4px #A82121 !important;
-moz-box-shadow: 0 0 4px #A82121 !important;
box-shadow: 0 0 4px #A82121 !important;
}
.answer_type .correct .answer-editor,
.answer_type .correct .answer-input {
border: 1px solid #46c54e;
}
.answer_type .incorrect .answer-editor,
.answer_type .incorrect .answer-input {
border: 1px solid #A82121;
}
.answer_type label.correct {
color: #46c54e;
}
.answer_type label.incorrect {
color: #A82121;
}
.answer_type .input-group .numeric-answer {
width: 230px;
margin-left: 10px;
}
.answer_type .input-group .trash-bin {
padding: 0.375rem 0.75rem;
font-size: 15px;
font-weight: 400;
line-height: 35px;
color: #55595c;
text-align: center;
background-color: #eceeef;
border: 1px solid #ccc;
border-radius: 0.25rem;
height: 35px;
}
.answer_type .answers {
padding-bottom: 10px;
}
.correct_answer {
border: 1px solid #46c54e !important;
}
.incorrect_answer {
border: 1px solid #A82121 !important;
}
.multi-answer {
min-height: 34px;
height: 100% !important;
}
div.answers > div > div.input-group,
div.answers > div > div.first-input {
width: 100%;
padding: 4px;
}
.question_title {
display: inline-block;
overflow: hidden;
word-wrap: break-word;
/* IE 5.5-7 */
white-space: nowrap;
/* Other browsers */
text-overflow: ellipsis;
vertical-align: middle;
}
@media (min-width: 400px) {
.question_title {
width: 42%;
}
}
@media (min-width: 600px) {
.question_title {
width: 60%;
}
}
@media (min-width: 800px) {
.question_title {
width: 70%;
}
}
@media (min-width: 1200px) {
.question_title {
width: 80%;
}
}
.fa-chevron-right,
.fa-chevron-down {
cursor: pointer;
display: inline-block;
vertical-align: middle;
}
.fa-vimeo-square,
.fa-camera,
.fa-camera-retro {
margin: 0 3px;
font-size: 1em;
}
.thumbnail,
.media_button {
cursor: pointer;
margin-bottom: 10px !important;
border: 2px dashed #ddd !important;
padding-top: 14px !important;
}
.media-button {
padding: 10px;
width: 100%;
cursor: pointer;
}
.remove_media_button {
width: 300px;
}
.editor_column {
margin-top: 7px;
}
.editor {
margin-top: 10px;
padding: 6px 12px;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
min-height: 170px;
}
.panel-body.question-panel select#question_type_select {
margin-top: -7px;
}
.panel-body.question-panel .form-answer-type-select {
padding-bottom: 10px;
}
.question_edit,
.question_edit .icons,
.question_edit .answer-input {
float: left;
}
.answer-editor {
float: none !important;
}
.icon {
margin-right: 4px;
}
.question_show_hide {
max-width: 12px;
width: 5%;
min-width: 12px;
display: inline;
}
.question_order_number {
max-width: 100px;
width: 10%;
min-width: 20px;
display: inline;
}
.question_action_menu {
width: 100px;
display: inline;
}
.question_action_menu a {
margin-right: 6px;
}
.question_button_menu {
margin-bottom: 8px;
}
.answer_type label {
float: left;
margin-right: 10px;
padding-top: 3px;
}
a.right {
float: right;
}
.answer_type ul li {
list-style: none;
height: 25px;
margin: 10px 0 10px -40px;
}
.answer_type label {
float: left;
margin-right: 10px;
padding-top: 3px;
}
.answers > li {
margin-top: 4px;
}
.answers > div > div > span.input-group-addon {
cursor: pointer;
}
.grabbable {
cursor: move;
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
.grabbing {
cursor: move;
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
/*********************************** Edit Exam Question Groups ***********************************/
.question-actions-list {
list-style-type: none;
}
.question-actions-list li {
display: inline-block;
}
.question-actions-list li:not(:last-child) {
margin-right: 30px;
}
.question-actions-list li a {
cursor: pointer;
}
.notice {
display: block;
min-height: 127px;
border: 1px solid #ddd;
color: #ccc;
font-size: 0.875em;
padding: 0 10px;
margin-bottom: 20px;
}
.exam_groups_left h2,
.exam_groups_right h2 {
color: #666;
font-size: 1.25em;
font-family: 'ProximaNova-Bold';
font-weight: normal;
}
.wrapper {
margin: 15px auto;
clear: both;
}
.exam_groups_left {
width: 45%;
float: left;
display: block;
margin-right: 5%;
}
.exam_groups_left #group_select {
height: 150px;
width: 100%;
display: block;
margin-bottom: 15px;
}
.exam_groups_right {
width: 45%;
float: left;
display: block;
}
.exam_groups_right ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.exam_groups_right ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.exam_groups_right ul li {
width: 100%;
min-height: 150px;
border: 2px dashed #ddd;
text-align: left;
padding: 10px;
margin-bottom: 20px;
list-style-type: none;
}
.exam_groups_right li .name {
color: #666666;
font-family: 'ProximaNova-Bold';
font-weight: normal;
display: block;
font-size: 1em;
width: auto;
}
.exam_groups_right li form.q_group_dets {
font-size: 0.875em;
/* 14px / 16px */
}
.exam_groups_right li form.q_group_dets {
font-size: 0.875em;
/* 14px / 16px */
margin-left: 6.17283%;
}
.exam_groups_right li form.q_group_dets .blue_heading {
color: #1256A7;
font-family: 'ProximaNova-Bold';
font-weight: normal;
}
.exam_groups_right li form.q_group_dets .q_quantity,
.exam_groups_right li form.q_group_dets .q_order {
margin-bottom: 10px;
}
input.delete_icon-r {
color: transparent;
background-color: transparent;
border: 0;
cursor: pointer;
}
.mc_addanswer {
margin-left: 5px;
}
/*********************************** Question Groups ***********************************/
.q-groups_actions_col {
width: 8.88888%;
}
.q-groups_name {
width: 32.22222%;
}
.q-groups_descrip {
width: 43.33333%;
}
.q-groups_num {
width: 12.22222%;
}
.add_question {
margin-top: -10px;
}
.fb_addanswer {
margin-bottom: 10px;
}
#testDiv {
box-shadow: 1px 1px 4px #000000;
}
#testDiv .imagemap_content {
background-color: #ffffff;
padding: 5px;
}
#testDiv .imagemap_title {
background-color: #6ba7ed;
color: #FFFFFF;
padding: 5px;
}
#testDiv .imagemap_ledgend {
display: none;
}
#testDiv .imagemap_message span {
margin-bottom: 5px;
display: block;
clear: left;
}
.exams-controller .dataTables_filter input {
float: none;
margin: 0;
}
.button.loading {
text-indent: -99999px;
}
#exams-edit table.full_course_table {
margin-top: 0;
}
.assessment_checkbox {
margin-right: 10px !important;
}
/************************************************ STUDENT VIEWS **************************************************/
#exams-index.exams-controller table.formatted th.start_resume_col {
width: 13%;
}
#grades-exam.grades-controller .top_wrapper {
display: none;
}
#grades-index.grades-controller .top_wrapper {
display: none;
}
#grades-exam.grades-controller .table-wrap h3 {
display: none;
}
h2.exam_question {
font-size: 1.25em;
margin-bottom: 30px;
}
.question-content {
margin-top: 30px;
}
textarea {
width: 100%;
}
.FIB_textbox {
width: 50%;
}
@media (min-width: 400px) {
.FIB_textbox {
width: 100%;
}
}
@media (min-width: 600px) {
.FIB_textbox {
width: 75%;
}
}
@media (min-width: 800px) {
.FIB_textbox {
width: 50%;
}
}
@media (min-width: 1200px) {
.FIB_textbox {
width: 50%;
}
}
table.table.gradebook-table tbody tr td {
vertical-align: middle;
}
.save-grades-alert {
display: none;
z-index: 9999;
position: fixed;
bottom: 0;
right: 15px;
}
#exams-edit .user_access_wrapper label {
margin-top: 0;
}
.back_button {
margin-right: 5px;
}
/* Angular Animation */
.angular-animate {
-webkit-transition: all linear 0.1s;
transition: all linear 0.1s;
}
.angular-animate.ng-hide {
opacity: 0;
}
/* ng-show/hide animation */
.angular-animate.ng-hide-add,
.my-element.ng-hide-remove {
/* this is required as of 1.3x to properly
apply all styling in a show/hide animation */
transition: 0s linear all;
}
.angular-animate.ng-hide-add-active,
.angular-animate.ng-hide-remove-active {
/* the transition is defined in the active class */
transition: 0.5s linear all;
}
/* Animation keyframes - you need to add prefixes */
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-ms-keyframes spin {
from {
-ms-transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
}
}
.loading-icon {
width: 28px;
height: 28px;
left: 50%;
margin: 40px auto;
text-align: center;
z-index: 99999;
padding: 40px 0 80px 0;
}
.loading-icon:after {
content: "Loading";
color: #666;
font-size: 14px;
top: 26px;
margin-left: -13px;
position: relative;
}
.loading-icon .spinner {
left: 5px;
top: 66px;
width: 26px;
height: 26px;
-webkit-animation: spin 1s infinite linear;
-moz-animation: spin 1s infinite linear;
-o-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
}
.loading-icon .mask {
width: 12px;
height: 12px;
overflow: hidden;
}
.loading-icon .masked-circle {
width: 20px;
height: 20px;
border-radius: 12px;
border: 3px solid #666;
}
.loading-pane {
text-align: center;
padding: 40px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(243, 243, 243, 0.8);
z-index: 9999;
border-radius: 8px;
}
.loading-pane .edit-exam-loader {
color: #1256A7;
font-size: 20px;
margin: 200px auto;
width: 1em;
height: 1em;
border-radius: 50%;
position: relative;
text-indent: -9999em;
-webkit-animation: load4 1.3s infinite linear;
animation: load4 1.3s infinite linear;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
left: 0;
right: 0;
}
@-webkit-keyframes load4 {
0%,
100% {
box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
}
12.5% {
box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
25% {
box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
37.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
50% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
62.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
}
75% {
box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
}
87.5% {
box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
}
}
@keyframes load4 {
0%,
100% {
box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
}
12.5% {
box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
25% {
box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
37.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
50% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
62.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
}
75% {
box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
}
87.5% {
box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
}
}
body {
margin: 0;
font-family: 'Proxima Nova', Arial;
color: #666666;
background: none;
background-color: #ffffff;
}
.modal {
background: none;
}
a {
text-decoration: none;
}
.error p,
.error {
color: #DE2C2C;
font-size: 0.75em;
}
.success {
color: #2bdc47;
font-size: 0.75em;
}
.smaction_btn {
background-color: #67c069;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #47AD4A;
display: inline-block !important;
color: #fff !important;
font-size: 15px;
font-family: 'ProximaNova-Bold';
padding: 5px 9px 3px 9px;
text-decoration: none;
}
.smaction_btn:hover {
background-color: #47AD4A;
border: 1px solid #67c069;
}
div.modalHeader {
margin-bottom: 5px;
text-align: center;
border-bottom: 1px solid #888888;
/* border-top-left-radius: 4px;
border-top-right-radius: 4px; */
background: linear-gradient(to bottom, #fbfbfb 2%, #cacaca 100%);
/* W3C */
}
div.container div.contentWrapper {
padding: 0px 20px;
margin: 20px 0;
}
.modal_actions {
text-align: right;
padding-right: 20px;
margin-top: 20px;
}
.modal_body input.short {
margin-top: 5px;
margin-bottom: 10px;
width: 20%;
}
.Modalbutton {
-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
box-shadow: inset 0px 1px 0px 0px #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color: #ededed;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #bbb;
display: inline-block !important;
color: #333 !important;
font-size: 15px;
font-weight: bold;
padding: 2px 6px 2px 6px;
text-decoration: none;
text-shadow: 1px 1px 0px #ffffff;
margin-top: 20px;
margin-left: 10px;
cursor: pointer;
}
.Modalbutton:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color: #dfdfdf;
}
.Modalbutton:active {
position: relative;
top: 1px;
}
.btn-margin {
margin-left: 4px;
margin-right: 4px;
}
.modal_wrapper input {
margin-top: 5px;
margin-bottom: 15px;
width: 98%;
}
.modal_body {
width: 100%;
}
.modal_body section input.short {
width: 20%;
}
.modal_body input[type="text"] {
margin-top: 10px;
width: 98%;
font-family: 'ProximaNova-Regular', arial;
color: #333;
font-size: 0.8em;
}
.modal_body textarea[type="text"] {
margin-top: 10px;
width: 98%;
color: #333;
font-family: 'ProximaNova-Regular', arial;
font-size: 0.8em;
padding: 3px;
}
.clear {
clear: both;
}
.right {
float: right;
}
.www {
float: left;
padding-top: 3px;
margin-right: 3px;
}
input.domain {
float: left;
}
input.date {
margin-right: 10px;
}
#ui-datepicker-div {
font-size: 14px;
}
/**** Create New Event Modal ***/
input.eventTitle {
margin-top: 5px;
margin-bottom: 15px;
width: 100%;
color: #666;
font-size: 0.875em;
font-family: 'ProximaNova-Regular', arial;
font-weight: normal;
}
textarea.eventDetails {
margin-top: 5px;
width: 90%;
color: #666;
font-size: 0.875em;
font-family: 'ProximaNova-Regular', arial;
padding: 3px;
font-weight: normal;
}
input.date {
margin-right: 10px;
margin-top: 5px;
}
/***** Add document Modal *****/
input#document_title,
input#describe_the_file {
margin-top: 5px;
margin-bottom: 15px;
}
/*** Modal Formatted **/
section.modal_format input {
margin-top: 5px;
margin-bottom: 15px;
width: 50px;
}
section.modal_format select {
margin-top: 5px;
margin-bottom: 15px;
width: 100%;
}
/****** New/Edit User Specific Time block ********/
a.add_user {
position: absolute;
}
select#users_selected {
min-width: 150px;
}
input#search_users {
min-width: 220px;
}
.variables td.center {
text-align: center;
}
body {
background: none;
font-family: 'ProximaNova-Regular';
width: 100%;
color: #666666;
margin: 0px;
font-size: 1em;
}
a {
color: #1256A7;
}
.center {
text-align: center;
}
#container {
width: 100%;
background-color: #ffffff;
padding-top: 10px;
height: auto;
position: relative;
}
#message {
clear: both;
margin-bottom: 25px;
}
.clearfix {
width: 100%;
display: block;
height: 1px;
clear: both;
}
.no-padding {
padding: 0;
}
.no-margin {
margin: 0;
}
.right {
float: right;
}
.left {
float: left;
}
#mainFrame table td {
color: #333333;
}
.bold {
font-family: 'ProximaNova-Bold';
font-weight: normal;
}
/******** Icons **********/
.settings1_icon,
.copy_icon,
.archived_icon,
.analytics_icon,
.settings2_icon,
.delete_icon,
.move_icon,
.domain_icon,
.back-right_icon,
.back-left_icon,
.preview_icon,
.courses_icon,
.permissions_icon,
.questions_icon,
.users_icon,
.log-icon,
.unlock_icon,
.lock_icon,
.terms_icon,
.gradebook_icon,
.sections_icon,
.edit_icon,
.inactive_icon,
.active_icon,
.warning_icon,
.doc_icon,
.excel_icon,
.pdf_icon,
.html_icon,
.gif_icon,
.eps_icon,
.ppt_icon,
.txt_icon,
.back-btn_icon,
.exam_active_icon,
.exam_pending_icon,
.exam_expired_icon,
.rich_text {
background-image: url("../../all/images/bdL-sprite.png");
width: 15px;
height: 20px;
display: block;
background-repeat: no-repeat;
float: left;
padding: 0 3px;
cursor: pointer;
}
.delete_icon-r {
background-image: url("../../all/images/bdL-sprite.png");
width: 15px;
height: 20px;
display: block;
background-repeat: no-repeat;
margin-top: 5px;
float: right;
padding: 0;
text-align: right;
}
.settings1_icon {
background-position: 0 -3px;
}
.copy_icon {
background-position: 0 -30px;
}
.analytics_icon {
background-position: 0 -59px;
}
.settings2_icon {
background-position: 0 -83px;
}
.delete_icon {
background-position: 0 -110px;
}
.delete_icon-r {
background-position: 0 -107px;
}
.move_icon {
background-position: 0 -133px;
}
.domain_icon {
background-position: 0 -157px;
}
.back-right_icon {
background-position: 0 -180px;
}
.back-left_icon {
background-position: 0 -200px;
}
.preview_icon {
background-position: 0 -223px;
}
.courses_icon {
background-position: 0 -250px;
}
.permissions_icon {
background-position: 0 -275px;
}
.questions_icon {
background-position: 0 -298px;
}
.users_icon {
background-position: 0 -323px;
}
.log_icon {
background-position: 0 -351px;
}
.unlock_icon {
background-position: 0 -378px;
}
.lock_icon {
background-position: 0 -403px;
}
.terms_icon {
background-position: 0 -454px;
}
.gradebook_icon {
background-position: 0 -484px;
}
.sections_icon {
background-position: 0 -510px;
}
.edit_icon {
background-position: 0 -534px;
}
.expired_icon {
background-position: 0 -428px;
}
.inactive_icon {
background-position: 0 -558px;
}
.active_icon {
background-position: 0 -583px;
}
.warning_icon {
background-position: 0 -609px;
}
.back-btn_icon {
background-position: 0 -870px;
}
.exam_active_icon {
background-position: 0 -910px;
}
.exam_pending_icon {
background-position: 0 -950px;
}
.exam_expired_icon {
background-position: 0 -428px;
}
.rich_text {
background-position: 0 -890px;
}
.doc_icon {
background-position: 0 -635px;
}
.excel_icon {
background-position: 0 -664px;
}
.pdf_icon {
background-position: 0 -694px;
}
.html_icon {
background-position: 0 -724px;
}
.gif_icon {
background-position: 0 -754px;
}
.eps_icon {
background-position: 0 -784px;
}
.ppt_icon {
background-position: 0 -814px;
}
.txt_icon {
background-position: 0 -845px;
}
.archived_icon {
background-position: 0 -403px;
float: none;
cursor: default;
}
/***** HEADER ******/
#header {
min-height: 70px;
padding-bottom: 10px;
overflow: hidden;
}
#chosen_select_chosen,
#chosen_select_2_chosen,
#chosen_select_3_chosen {
position: absolute !important;
}
/*.chosen-container-single .chosen-single*/
#chosen_select_chosen .chosen-single,
#chosen_select_2_chosen .chosen-single,
#chosen_select_3_chosen .chosen-single {
height: 30px !important;
border: 1px #fff solid !important;
line-height: 29px !important;
background: white !important;
}
#chosen_select_chosen .chosen-drop,
#chosen_select_2_chosen .chosen-drop,
#chosen_select_3_chosen .chosen-drop {
border: 1px #fff solid !important;
}
/***** COURSE BAR ******/
#courseBar {
width: 95.74468%;
min-height: 70px;
padding: 20px 2.22222% 0;
color: #666666;
}
/* #courseinfo {
float:left;
width: 80%;
} */
#course {
float: left;
min-width: 50%;
max-width: 70%;
margin-right: 2.22222%;
height: auto;
}
#course p {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px #efefef solid;
margin: 5px 5px 5px 0px;
height: 30px;
}
#course p.course {
margin: 10px 3.125% 5px 0px;
font-family: 'ProximaNova-Bold';
font-size: 1.375em;
/* 22px / 16px */
float: left;
width: 100%;
}
#course p.selector {
float: left;
width: 98%;
margin-top: 10px;
}
#course p.term {
width: 28%;
float: left;
}
#course p.section {
font-weight: normal;
font-size: 1em;
/* 16px / 16px */
width: 69%;
float: left;
}
#logo {
float: right;
width: 230px;
/* 27.77777% */
height: 60px;
display: block;
background-position: right;
}
.admin #logo {
background: url(../images/bdL-logo-admin.png) no-repeat;
}
.theme-bio #logo {
background: url(../../bio/images/bluedoorlabs-bio3.png) no-repeat;
}
.theme-ap #logo {
background: url(../../ap/images/bluedoorlabs-ap2.png) no-repeat;
}
.theme-chem #logo {
background: url(../../chem/images/bluedoorlabs-chem.png) no-repeat;
}
.theme-vettech #logo {
background: url(../../vettech/images/bluedoorlabs-vettech.png) no-repeat;
}
.theme-microbio #logo {
background: url(../../microbio/images/bluedoorlabs-microbio.png) no-repeat;
}
.theme-geo #logo {
background: url(../../geo/images/bluedoorlabs-geo.png) no-repeat;
}
/***** NAVIGATION *****/
#navigation {
background: #e9e8e3;
border-top: #999999 1px solid;
width: 100%;
}
#navigation a {
text-decoration: none;
color: #666;
font-size: 1em;
/* 16px / 16px */
font-weight: normal;
}
#navigation a #navigation a:hover {
color: #1256A7;
}
.admin_nav_mode + .admin_nav_mode {
margin-left: 10px;
}
/***** ACCOUNT NAV ******/
#accountNav {
height: 40px;
padding-right: 1.06382%;
width: 98.93617%;
}
#accountNav ul {
list-style-type: none;
margin-top: 8px;
width: auto;
padding: 0px;
text-align: right;
}
#accountNav ul li {
display: inline;
padding: 10px 1.27659% 5px 1.27659%;
}
#accountNav ul li.accountNav-active {
background: #fff;
border-top: #fff 1px solid;
border-left: #999 1px solid;
border-bottom: #1256A7 5px solid;
border-right: #999 1px solid;
color: #1256A7;
font-family: 'ProximaNova-Bold';
}
/***** MAIN NAV ******/
#mainNav {
clear: both;
border-bottom: #999999 1px solid;
background: #e9e8e3;
padding-left: 30px;
width: 98.9362%;
}
#mainNav ul {
list-style-type: none;
margin-bottom: 3px;
padding-left: 0;
}
#mainNav ul li {
display: inline;
padding: 10px 12px 5px 12px;
}
#mainNav ul li.mainNav-active {
background: #fff;
border-bottom: #fff 1px solid;
border-left: #999 1px solid;
border-top: #1256A7 5px solid;
border-right: #999 1px solid;
font-family: 'ProximaNova-Bold';
}
#mainNav ul li.mainNav-active a {
color: #444444;
}
/***** SUBNAV ******/
#subNav {
background: #fffdfe;
/* Old browsers */
background: -moz-linear-gradient(top, #fffdfe 0%, #e7e6e2 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffdfe), color-stop(100%, #e7e6e2));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fffdfe 0%, #e7e6e2 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fffdfe 0%, #e7e6e2 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #fffdfe 0%, #e7e6e2 100%);
/* IE10+ */
background: linear-gradient(to bottom, #fffdfe 0%, #e7e6e2 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfe', endColorstr='#e7e6e2', GradientType=0);
/* IE6-9 */
height: 30px;
padding-left: 35px;
}
#subNav ul {
list-style-type: none;
padding: 0;
}
#subNav ul li {
display: inline;
padding: 0px 4px;
font-size: 14px;
}
#subNav ul li a {
text-decoration: none;
color: #444444;
padding: 4px 7px;
}
#subNav ul li.subnav-active a {
color: #ffffff;
background: #888888;
padding: 7px 7px;
/* padding: 4px 7px */
/* border-radius: 6px; */
}
/***** MAIN FRAME ******/
/* #mainFrame {
padding: 2.12765%;
min-height: 600px;
width: 95.74468%;
} */
.actions_row {
width: 100%;
}
.actions_dd {
min-width: 150px;
max-width: 250px;
float: left;
}
.searchbar {
width: auto;
}
.search_input {
float: left;
margin-right: 10px;
}
.search_filters {
float: left;
margin-right: 10px;
}
.search_filter {
float: left;
margin-right: 10px;
}
/** Formatted Table **/
.table-wrap {
text-align: left;
clear: both;
}
.table-wrap a {
text-decoration: none;
color: #333333;
}
.table-wrap .btn-success {
color: #ffffff;
}
.table-wrap a:hover {
color: #1256A7;
}
.table-wrap table.formatted {
border-collapse: collapse;
table-layout: fixed;
width: 100%;
clear: both;
margin-top: 20px;
}
.table-wrap table.formatted-detail {
border-collapse: collapse;
table-layout: fixed;
width: 100%;
clear: both;
margin-top: 20px;
}
.table-wrap table.formatted thead tr {
border-bottom: 2px solid #888888;
border-top: 2px solid #888888;
color: #888888;
}
.table-wrap .formatted-detail thead tr {
border-bottom: 2px solid #888888;
border-top: none;
color: #888888;
}
.table-wrap table.formatted th,
.table-wrap table.formatted-detail th {
/* border-bottom: 1px solid @theme_color; */
font-family: 'ProximaNova-Bold';
font-weight: normal;
color: #ffffff;
background-color: #ffffff;
color: #333;
}
.table-wrap table.formatted tr:nth-child(even),
.table-wrap table.formatted-detail tr:nth-child(even) {
background-color: #f6f6f6;
}
.table-wrap table.formatted tbody tr,
.table-wrap table.formatted-detail tbody tr {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
.table-wrap table.formatted tbody tr:hover,
.table-wrap table.formatted-detail tbody tr:hover {
background-color: #eaeaea;
}
.table .lab_download_head {
width: 175px;
}
.table .lab_unsubmit_head {
width: 200px;
}
#dashboard-index.dashboard-controller .table-wrap table.events tr:hover {
background-color: transparent;
}
.top_wrapper {
background-color: #f6f6f6;
font-size: 14px;
height: 20px;
padding: 15px 10px;
position: relative;
/* top: -35px; */
width: auto;
}
#sorttable_wrapper {
position: relative;
}
#sorttable_filter input {
width: 330px;
}
a.paginate_disabled_previous,
a.paginate_disabled_previous:hover,
a.paginate_disabled_previous:active {
color: #ddd;
text-decoration: none;
margin-right: 20px;
}
a.paginate_disabled_next,
a.paginate_disabled_next:hover,
a.paginate_disabled_next:active {
color: #ddd;
text-decoration: none;
}
a.paginate_enabled_previous {
color: #1256A7;
text-decoration: none;
margin-right: 20px;
}
a.paginate_enabled_previous:hover {
color: #1256A7;
text-decoration: underline;
margin-right: 20px;
}
a.paginate_enabled_next {
color: #1256A7;
text-decoration: none;
}
a.paginate_enabled_next:hover {
color: #1256A7;
text-decoration: underline;
}
.actions_row a.icon {
opacity: 0.6;
}
.actions_row-q a.icon {
opacity: 0.6;
}
.actions_row-q a.icon:hover {
opacity: 1;
}
.actions_row a.icon:hover {
opacity: 1;
}
.light-theme-color {
background-color: #78a5da;
}
/************************* DASHBOARD *******************************/
.system_message {
border: 1px solid;
margin: 10px 0px;
padding: 15px;
background-repeat: no-repeat;
background-position: 10px center;
color: #9F6000;
background-color: #FEEFB3;
}
.system_message .close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 0.2;
cursor: pointer;
}
.system_message .close:hover {
opacity: 0.5;
}
.new_message {
float: right;
}
.dashboard-right {
float: right;
width: 37.77777%;
}
table.events {
width: 100%;
/* 500px */
background-color: #eee;
}
table.exams {
margin-top: 50px;
width: 100%;
background-color: #eee;
}
.dashboard-left {
float: left;
width: 60%;
margin-right: 2.22222%;
}
.dashboard-right .table > tbody > tr > td {
border-top: none;
}
.count_num {
color: #000;
margin-top: 20px;
font-size: 26px;
padding-left: 20px;
}
.dash-heading {
border-top: 3px solid #1457A7;
padding: 10px 0 10px 10px;
color: #1457A7;
font-size: 20px;
background-color: #f6f6f6;
}
.dash-content {
padding: 10px;
border-left: 1px #ddd solid;
border-right: 1px #ddd solid;
}
.dash-content li {
font-weight: bold;
}
.dash-content li li {
font-weight: normal;
font-style: italic;
}
#auth-button {
border-top: 3px solid #1457A7;
padding-top: 10px;
margin-top: 40px;
}
.highchart {
margin-top: 30px;
}
.section-filter {
float: right;
margin-bottom: 20px;
width: 100%;
}
.section-filter span {
margin: 0;
color: #1256A7;
float: left;
}
.section-filter select {
float: left;
margin-right: 5px;
max-width: 92%;
overflow: hidden;
}
.section-filter input {
float: right;
}
#myCalendar {
width: 100%;
height: auto;
clear: both;
}
#myCalendar .tooltip {
background-color: #fff;
border-style: solid;
border-width: 5px;
display: none;
width: 250px;
height: 250px;
position: absolute;
z-index: 999;
color: black;
border-radius: 10px;
}
.popup {
display: none;
top: 285px;
width: 250px;
min-height: 250px;
position: absolute;
z-index: 999;
background-color: #f6f6f6;
left: 61%;
border: 1px solid black;
width: 25%;
padding: 15px 1.66666%;
}
.popup .dashboard-left .tooltip {
background-color: #fff;
border-style: solid;
border-width: 5px;
display: none;
width: 250px;
min-height: 250px;
position: absolute;
z-index: 999;
color: black;
border-radius: 10px;
}
.popup .popupTitle {
font-family: 'ProximaNova-Bold';
font-weight: normal;
margin-top: 3px;
margin-bottom: 15px;
}
.popup input.eventTitle {
width: 100%;
margin-bottom: 20px;
}
.popup textarea.eventDetails {
width: 100%;
margin-bottom: 20px;
}
.popup input.date {
margin-right: 2.22222%;
width: 30%;
}
.popup input.time {
margin-bottom: 20px;
margin-top: 5px;
}
.popup label {
color: #1256A7;
}
.popup label.send_email {
margin-left: 2.22222%;
color: #666;
}
.popup .create_event_btn {
margin-top: 20px;
}
.popup .datepair {
margin: 0;
}
.close_popup {
float: right;
text-align: right;
}
table.events td {
font-family: 'ProximaNova-Regular';
font-weight: normal;
padding: 6px 2%;
}
table.events th.event_date_col {
width: 33.5%;
}
table.events th.event_title_col {
width: 41.5%;
}
table.events th.event_edit_col {
width: 13%;
}
table.exams td {
font-family: 'ProximaNova-Regular';
font-weight: normal;
padding: 6px 2%;
}
table.exams th.exam_date_col {
width: 33.5%;
}
table.exams th.exam_title_col {
width: 46%;
}
table.exams th.exam_edit_col {
width: 8.5%;
}
.user_count {
font-weight: 400;
}
/**************** Modal Style ***********************/
div.fancybox-wrap div.fancybox-skin {
background-color: #f6f6f6;
}
a[data-href] {
cursor: pointer;
}
/**************** Media Modal ***********************/
#media-index .modal {
overflow-x: scroll;
}
/******************** FOOTER **************************/
#footer {
padding: 10px 20px;
text-align: center;
clear: both;
}
#footer p {
font-size: 0.75em;
/* 12px / 16px */
color: #bbb;
}
#footer ul {
font-size: 0.75em;
/* 12px / 16px */
list-style-type: none;
}
#footer ul li {
display: inline;
padding: 0 10px;
}
/******* Gradebook **********/
/******* Seth's Corner **************/
#online_manual-index #mainFrame {
min-height: 0;
height: 100%;
display: block;
}
.online_manual_container {
border: 1px solid red;
float: left;
width: 100%;
height: 100%;
}
.fullscreen {
background: #ffffff;
}
.fullscreen #mainFrame {
margin: 0;
padding: 0;
margin-top: 16px;
margin-bottom: 25px;
width: 100%;
}
.error_msg {
border: 1px solid #cb2027;
color: #cb2027;
padding: 10px;
}
.status_msg {
border: 1px solid #70c970;
padding: 5px 0.5em;
background-color: #c6eac6;
position: absolute;
width: 90%;
color: #70c970;
}
span.error {
clear: both;
display: block;
}
.error a {
color: #cb2027;
text-decoration: underline;
}
#ui-datepicker-div {
font-size: 14px;
}
/* .fc-event-title:hover {
text-decoration: underline;
cursor: pointer;
} */
#user-index p.user_new_course {
border: 1px #10bc57 solid;
background-color: #d0fbe2;
margin-top: 30px;
padding: 10px;
}
#user-index p.user_new_course a {
color: #10bc57;
}
#user-index p.user_new_course a:hover {
text-decoration: underline;
}
ul.edit_menu,
.step_nav {
margin: 0;
}
ul.edit_menu li a,
.step_nav li a {
cursor: default;
color: #666;
}
ul.edit_menu li a:hover,
.step_nav li a:hover {
color: #666;
}
ul.edit_menu li .active,
.step_nav li .active {
color: #1256A7;
}
.detailhead {
font-family: 'ProximaNova-Bold';
font-weight: normal;
margin-bottom: 0;
margin-top: 0px;
display: block;
border-bottom: 1px #1256A7 solid;
color: #1256A7;
clear: both;
float: none;
margin-bottom: 25px;
width: 100%;
}
h2#logo {
font-family: 'Myriad Pro', sans-serif;
font-weight: 500;
font-size: 40px;
}
.unauthenticated #login {
float: right;
margin-top: 40px;
margin-right: 25px;
background-color: #effbff;
padding: 5px;
border: 1px solid #89dfff;
}
.unauthenticated #mainFrame {
padding-top: 0;
}
.unauthenticated #header {
padding-bottom: 0;
min-height: 0;
height: 115px;
}
.unauthenticated h1 {
margin-top: 0;
}
.loading {
background: url('../../all/images/loading_sm.gif') no-repeat;
width: 20px;
height: 20px;
display: inline-block;
position: relative;
top: 7px;
margin-left: 10px;
}
tr.grayed_tr {
opacity: 0.5;
}
#course .single_item {
padding: 7px;
display: block;
font-size: 14px;
padding-left: 14px;
}
/* bootstrap adjustments */
#mainFrame {
padding: 20px;
min-height: 600px;
width: 100%;
}
#courseBar {
padding-top: 0;
}
#courseBar {
width: 100%;
}
.breadcrumb {
background: none !important;
}
#subNav {
padding-top: 5px;
}
#courseBar {
margin-top: 10px;
}
.top_wrapper {
background: none;
}
.documents-controller #mainFrame {
padding-left: 2%;
}
#mainNav {
width: 100%;
}
#subNav {
padding-top: 5px;
}
.modal-dialog .modal-body {
height: inherit;
}
.modal-dialog .modal-content {
padding: 0;
}
.btn-row .btn {
margin-left: 15px;
}
.checkbox input[type="checkbox"].checkbox-fix {
margin-left: 0;
}
.radio-fix {
margin-top: 0;
margin-bottom: 25px;
width: 13px;
}
.radio-fix .form-control {
margin-top: 10px;
}
table tbody td.red {
background-color: #FF776C !important;
color: black;
}
table tbody td.green {
background-color: #67c069 !important;
color: black;
}
table tbody td.orange {
background-color: #f0ad4e !important;
color: black;
}
.green,
.bd-success {
color: #67c069;
}
.red,
.bd-error {
color: #c12e2a;
}
.blue,
.bd-info {
color: #31708f;
}
.orange,
.bd-warning,
.text-warning {
color: #f0ad4e !important;
}
.grey,
.bd-inactive {
color: #AEAEAE;
}
#courses-add fieldset {
border: 0;
}
#courses-add .form-group label {
padding: 0;
}
#courses-add .tab_settings .form-group {
clear: both;
/* padding-bottom: 20px; */
}
#new_user_list input.form-control {
max-width: 180px;
margin-right: 15px;
display: inline-block;
}
.wizard_menu {
list-style-type: none;
padding-left: 0;
}
.wizard_menu li {
display: inline-block;
padding: 2px 5px;
}
.wizard_menu li a {
color: #666666;
}
.wizard_menu li a.active {
color: #1256A7;
}
.wizard_menu li a:hover {
cursor: pointer;
}
.inputswitch {
position: relative;
width: 90px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.inputswitch-checkbox {
display: none;
}
.inputswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border: 1px solid #2b669a;
border-radius: 20px;
}
.inputswitch-inner {
display: block;
width: 200%;
margin-left: -100%;
transition: margin 0.3s ease-in 0s;
}
.inputswitch-inner:before,
.inputswitch-inner:after {
display: block;
float: left;
width: 50%;
height: 30px;
padding: 0;
line-height: 30px;
font-size: 12px;
color: white;
/* font-family: Trebuchet, Arial, sans-serif; */
font-weight: normal;
box-sizing: border-box;
}
.inputswitch-inner:before {
content: "";
padding-left: 10px;
/* background-color: #2D6CA2; */
background-image: linear-gradient(to bottom, #428bca 0, #2d6ca2 100%);
color: #FFFFFF;
}
.inputswitch-inner:after {
content: "";
padding-right: 10px;
/* background-color: #EEEEEE; */
background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
color: #999999;
text-align: right;
}
.inputswitch-inner_onoff:before {
content: "ON";
}
.inputswitch-inner_onoff:after {
content: "OFF";
}
.inputswitch-inner_yesno:before {
content: "YES";
}
.inputswitch-inner_yesno:after {
content: "NO";
}
.inputswitch-switch {
display: block;
width: 20px;
margin: 6px;
background: #ffffff;
position: absolute;
top: 0;
bottom: 0;
right: 56px;
border: 1px solid #2b669a;
border-radius: 20px;
transition: all 0.3s ease-in 0s;
}
.inputswitch-checkbox:checked + .inputswitch-label .inputswitch-inner {
margin-left: 0;
}
.inputswitch-checkbox:checked + .inputswitch-label .inputswitch-switch {
right: 0px;
}
/* ui.bootstrap compatibility, see http://angular-ui.github.io/bootstrap/ */
.nav,
.pagination,
.carousel,
.panel-title a {
cursor: pointer;
}
/** DLM **/
h2.dlm-page-title {
font-size: 2em;
color: #1256A7;
margin: 0 0 20px 0;
font-weight: 300;
}
.lti-table > thead > tr > th,
.lti-table > tbody > tr > th,
.lti-table > tfoot > tr > th,
.lti-table > thead > tr > td,
.lti-table > tbody > tr > td,
.lti-table > tfoot > tr > td {
vertical-align: middle !important;
}
.left-margin {
margin-left: 30px;
}
.tableFloatingHeaderOriginal {
background-color: white;
}
.sticky-column {
background-color: white;
border: 1px solid #ddd;
position: sticky;
}
.sticky-header {
background-color: white;
}
.sc1 {
left: 0;
}
.sc2 {
left: 78px;
}
/* Graph Table modifications */
.table-graph th,
.table-graph td {
vertical-align: middle !important;
}
.table-graph tbody td {
padding: 0 !important;
background: #ffffff;
}
.table-graph tbody .form-control {
border: none;
}
.table-graph tbody tr td:last-child {
background: none;
padding-left: 5px !important;
}
.table-graph input.inline-edit {
padding: 5px;
}
/******* Manage *********/
.searchbar {
float: left;
}
.searchchecks {
float: left;
}
input.searchfield {
float: left;
}
.submit_btn {
float: left;
}
.detailhead {
float: left;
}
.detail_btn {
float: right;
margin-bottom: 15px;
}
.clear {
clear: both;
}
.left {
float: left;
}
.viewMore {
margin-top: 15px;
}
.viewMore a:hover {
text-decoration: underline;
}
input[type="checkbox"] {
margin: 0;
padding-right: 10px;
}
.button-div {
margin-bottom: 30px;
}
.btn_no_margin {
margin: 0px 8px !important;
}
hr.accentcolor {
color: #1256A7;
border-color: #1256A7;
background-color: #1256A7;
display: block;
height: 1px;
border: 0;
border-top: 1px #1256A7;
margin: 0.5em 0;
padding: 0;
}
.back_to {
display: block;
width: 100%;
clear: both;
height: 20px;
}
.left-align {
text-align: left;
width: 75%;
display: inline-block;
}
.right-align {
text-align: right;
width: 20%;
display: inline-block;
margin-right: 0.5em;
font-family: arial;
font-size: 12px;
font-weight: bold;
margin-right: 1.2%;
}
.saveChanges {
margin-top: 15px;
}
.edit_page {
margin-top: 20px;
}
div.top_wrapper div.sort_option_wrapper div.sort_option {
float: left;
margin-right: 10px;
}
div.top_wrapper div.sort_option_wrapper div.sort_option input {
margin-right: 5px;
}
div.top_wrapper div.sort_option_wrapper div.sort_option label {
margin-right: 10px;
}
/*********** Accounts ***************/
.accounts-controller h2,
.courses-controller h2,
.users-controller h2,
.terms-controller h2,
.sections-controller h2,
.transfer_queue-controller h2 {
margin: 10px 0 20px 0;
padding: 10px;
font-size: 1.125em;
/* 18px / 16px */
font-family: "ProximaNova-Bold";
font-weight: normal;
line-height: 1em;
color: #1256A7;
background-color: #f0f0ed;
border-bottom: 1px solid #1256A7;
}
.sections-controller h2 {
margin-top: 25px;
}
input.editInline {
border: 1px #ffffff solid;
font-size: 15px;
color: #666666;
width: 52%;
font-family: "ProximaNova-Regular";
font-weight: normal;
outline: 0;
background-color: #F8F8F6;
}
input.editInline:focus {
border: 1px solid #cccccc;
outline: none;
}
input.editInline:hover {
border: 1px #cccccc solid;
}
.accounts_table th,
.sections_table th,
.domains_table th,
.rcourses_table th,
.courses-table th,
.terms_table th,
.users-table th,
.digital_lab_manual th {
font-family: 'ProximaNova-Bold';
font-weight: normal;
padding: 6px 0.55555%;
}
table td {
padding: 6px 0.55555%;
font-family: 'ProximaNova-Regular';
font-weight: normal;
font-size: 14px;
}
.accounts_table th.account_actions_col {
width: 5.77777%;
}
.accounts_table th.account_name_col {
width: 48.66666%;
}
.accounts_table th.account_shortname_col {
width: 16.66666%;
}
.accounts_table th.account_mprice_col {
width: 16.66666%;
}
.accounts_table th.activeCol {
width: 6.66666%;
}
/** Account > Edit ****/
.accounts-controller .details {
float: left;
width: 75%;
}
.accounts-controller .domains {
float: left;
margin-top: 50px;
}
.accounts-controller .recent_courses {
float: left;
margin: 50px 0;
}
.domains_table th.domain_actions_col {
width: 6.66666%;
}
.domains_table th.domain_name_col {
width: 92.22222%;
}
.domains_table th.domain_delete_col {
width: 6.666666%;
}
.rcourses_table {
/*
th.rcourses_term_col {
width: 18.88888%;
}
th.rcourses_section_col {
width: 23.33333%;
}
th.rcourses_users_col {
width: 4.444444%;
}
th.rcourses_crn_col {
width: 8.88888%;
} */
}
.rcourses_table th.rcourses_actions_col {
width: 6.44444%;
}
.rcourses_table th.rcourses_name_col {
width: 80%;
}
.rcourses_table th.rcourses_delete_col {
width: 3.33333%;
}
/*********** Courses List View ***************/
.courses-table th.course_actions_col {
width: 7.44444%;
}
.courses-table th.course_name_col {
width: 37.11111%;
}
.courses-table th.course_account_col {
width: 25.77777%;
}
.courses-table th.active_col {
width: 6.66666%;
}
.courses-table th.course_login_col {
width: 12.88888%;
}
.dataTables_length {
float: right;
padding: 0;
margin-top: 3px;
}
.dataTables_filter {
float: left;
margin-right: 20px;
}
.sort_option {
margin-top: 3px;
}
/**** Course > Edit *******/
.edit_page .terms {
margin: 50px 0;
}
.terms_table th.terms_actions_col {
width: 4.44444%;
}
.terms_table th.terms_name_col {
width: 37.77777%;
}
.term_table th.terms_duration_col,
.terms_table th.terms_regdate_col {
width: 26.11111%;
}
.terms_table th.terms_delete_col {
width: 3.33333%;
}
/*********** Terms List View ***************/
/**** Term > Edit ****/
.edit_page .termdetails {
float: left;
margin-bottom: 25px;
width: 75%;
}
.edit_page .sections {
clear: both;
margin-top: 50px;
}
.sections_table th.section_actions_col {
width: 4.44444%;
}
.sections_table th.section_name_col {
width: 48.88888%;
}
.sections_table th.section_assistants_col {
width: 29.44444%;
}
.sections_table th.section_students_col {
width: 8.33333%;
}
.sections_table th.section_delete_col {
width: 3.33333%;
}
.sections_table ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.sections_table ul li {
display: block;
}
/*********** Sections List View ****************/
/**** Sections > Edit ****/
/*********** Users List View ***************/
.cheader:hover {
cursor: pointer;
}
.users-table .actions_col {
width: 4.44444%;
}
.users-table .user_name_col {
width: 22.22222%;
}
.users-table .last_login_col {
width: 20%;
}
.users-table .access_level_col {
width: 15.55555%;
}
.users-table .user_email_col {
width: 27.22222%;
}
.users-table .no-sort {
width: 5%;
}
.dataTables_info {
width: auto;
float: left;
margin: 20px 0;
}
.dataTables_paginate {
width: auto;
float: right;
margin: 20px 0;
}
.users-students #sorttable_wrapper {
top: 10px;
}
/** Users > Edit ****/
.users-controller .edit_page #details {
width: 98%;
float: left;
}
.users-controller .edit_page #permissions {
float: left;
margin-top: 50px;
width: 100%;
}
.users-controller .edit_page #courses {
margin-top: 50px;
}
.users-controller .edit_page #activitylog {
margin: 50px 0;
}
.user-courses-table .course_name_col {
width: 51.11111%;
}
.user-courses-table .user_term_col {
width: 13.88888%;
}
.user-courses-table .user_section_col {
width: 27.22222%;
}
.user-courses-table .delete_col {
width: 3.33333%;
}
.user-activitylog-table .activity_date_col {
width: 8.88888%;
}
.user-activitylog-table .activity_time_col {
width: 10%;
}
.user-activitylog-table .activity_action_col {
width: 15.55555%;
}
.user-activitylog-table .activity_descrip_col {
width: 45%;
}
.user-activitylog-table .activity_type_col {
width: 15%;
}
.tab_display {
margin-bottom: 10px;
}
.tab_display label {
width: 160px;
text-align: right;
font-weight: normal;
display: inline-block;
font-size: 13px;
padding-right: 20px;
font-family: "ProximaNova-Bold";
}
.tab_display input {
display: inline-block;
}
.tab_display .tab_name_override {
margin-left: 15px;
}
#permissions {
margin-bottom: 25px;
}
#permissions .preset {
float: right;
padding: 10px;
margin-top: 15px;
}
#permissions .preset2 {
background-color: #f0f0ed;
border-bottom: 1px solid #1256A7;
height: 53px;
}
#permissions h2 {
float: left;
}
#permissions .align_ctr {
text-align: center;
}
#permissions .buttonsm {
margin-top: 15px;
}
/*********** User Groups ***************/
/*********** User Privileges ***************/
#permissions .permission_group_wrapper {
margin-bottom: 25px;
height: 200px;
}
#permissions .permission_group_wrapper .permission_group {
height: 165px;
overflow: hidden;
margin-bottom: 10px;
}
#permissions .permission_group_wrapper .permission_group table thead {
border-bottom: 1px solid #1256A7;
}
#permissions .permission_group_wrapper .permission_group table td {
font-size: 11px;
}
#permissions .permission_group_wrapper .more-permissions {
border-top: 1px solid #ccc;
display: block;
cursor: pointer;
}
/*********** Access Keys ***************/
/*********** Online Manual ***************/
/************************************************ INSTRUCTOR VIEWS **************************************************/
/*** #users-assistants.users-controller div.top_wrapper ***/
/* #users-students.users-controller div.top_wrapper, #users-instructors.users-controller div.top_wrapper, {
margin-top:15px;
margin-bottom: 15px;
top:0;
} */
img.attempt_row_media {
width: auto;
height: 200px;
}
.import_msg {
display: inline;
font-size: 11px;
}
.ui-timepicker-wrapper {
overflow-y: auto;
height: 150px;
width: 6.5em;
background: #fff;
border: 1px solid #ddd;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
outline: none;
z-index: 10001;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration {
width: 11em;
}
.ui-timepicker-list {
margin: 0;
padding: 0;
list-style: none;
}
.ui-timepicker-duration {
margin-left: 5px;
color: #888;
}
.ui-timepicker-list:hover .ui-timepicker-duration {
color: #888;
}
.ui-timepicker-list li {
padding: 3px 0 3px 5px;
cursor: pointer;
white-space: nowrap;
color: #000;
list-style: none;
margin: 0;
}
.ui-timepicker-list:hover .ui-timepicker-selected {
background: #fff;
color: #000;
}
li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
background: #1980EC;
color: #fff;
}
li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
color: #ccc;
}
.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
color: #888;
cursor: default;
}
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
background: #f2f2f2;
}
#dlm-page-content .collapse-container .collapse-header {
background-color: #1256A7;
}
#dlm-page-content .collapse-container .collapse-content {
border-color: #1256A7;
}
#mainFrame .row ol.breadcrumb li a {
color: #1256A7;
}
#mainFrame ul.toc-flyout li a.active,
#mainFrame ul.toc-flyout li a:hover {
color: #1256A7;
}
.cover_img {
width: 100%;
}
#csseditor {
position: absolute;
height: 80%;
width: 75%;
top: 120px;
border-color: black;
border-width: 10px 0 10px 0;
border-style: solid;
/* border radius */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
body > div {
padding: 0;
}
.dashboard-content {
padding: 20px 20px 0 0;
padding: 20px;
margin-bottom: 15px;
min-height: 550px;
margin-left: 250px;
/* float:right; */
width: 80%;
}
.dashboard-content .row {
width: 100%;
padding-left: 25px;
}
.dashboard-content .dlm-alert,
.dashboard-content .dlm-sidebar-alert {
line-height: 1.42857142;
padding: 6px 12px;
font-size: 14px;
margin-right: 15px;
display: none;
z-index: 1000000;
}
#user-left-wrapper {
position: absolute;
top: 0;
bottom: 0;
overflow-y: scroll;
background-color: #152c4b;
}
.dashboard-toolbar {
min-width: 80%;
/* float: right; */
margin-left: 250px;
}
.dashboard-toolbar ul.toolbar-list {
list-style-type: none;
padding-left: 0;
background-color: #bbb;
/* height: 43px; */
}
.dashboard-toolbar ul.toolbar-list li {
display: block;
float: left;
width: 16.6%;
min-width: 106px;
height: 40px;
}
.dashboard-toolbar ul.toolbar-list li.exit-dlm {
float: right;
}
.dashboard-toolbar ul.toolbar-list li a {
display: block;
color: #152c4b;
font-size: 1em;
text-align: center;
padding: 10px;
transition: color, border-color 0.5s;
/* border-bottom: 1px solid #f5f5f5; */
font-family: 'Arial';
cursor: pointer;
}
.dashboard-toolbar ul.toolbar-list li a:hover {
text-decoration: none;
/* border-bottom: 2px solid #175d80; */
background-color: #ccc;
font-weight: bold;
}
.dashboard-toolbar ul.toolbar-list li.active a {
text-decoration: none;
border-bottom: 1px solid #fff;
background-color: #fff;
font-weight: bold;
}
@media screen and (max-width: 953px) {
.dashboard-toolbar {
width: 80%;
margin-left: 172px;
}
.dashboard-toolbar ul.toolbar-list {
margin-left: 10%;
}
.dashboard-toolbar ul.toolbar-list li {
width: auto;
min-width: auto;
}
.dashboard-toolbar ul.toolbar-list li.exit-dlm {
float: left;
}
.dashboard-toolbar ul.toolbar-list li a {
width: 40px;
height: 40px;
}
.dashboard-toolbar ul.toolbar-list li a .toolbar-text {
display: none;
}
}
.dashboard-sidebar {
position: fixed !important;
top: 0;
bottom: 0;
overflow-y: hidden;
overflow-x: hidden;
background-color: #152c4b;
width: 250px;
min-width: 250px;
height: 100%;
z-index: 999999;
}
.dashboard-sidebar .curr-editing {
font-style: italic;
padding-left: 35px;
}
.dashboard-sidebar a,
.dashboard-sidebar p,
.dashboard-sidebar h1,
.dashboard-sidebar h2,
.dashboard-sidebar h3,
.dashboard-sidebar h4 {
color: white;
font-family: 'Arial';
}
.dashboard-sidebar a:hover {
color: white;
}
.dashboard-sidebar .chapter-select-wrapper {
margin: 0 auto;
padding-left: 35px;
padding-bottom: 15px;
}
.dashboard-sidebar .chapter-select-wrapper .pane-header {
padding: 0;
}
.dashboard-sidebar .chapter-select-wrapper .chapter-select {
width: 82%;
}
.dashboard-sidebar .chapter-select-wrapper .chapter-select-btn {
width: 23%;
/* margin-left: 5px; */
min-width: 80px;
}
.dashboard-sidebar h4 {
padding-left: 35px;
}
.dashboard-sidebar .pane-list {
margin-top: 20px;
width: 100%;
padding-left: 0;
list-style-type: none;
}
.dashboard-sidebar .pane-list.pages-list {
padding-bottom: 85px;
}
.dashboard-sidebar .pane-list.pages-list li {
height: auto;
}
.dashboard-sidebar .pane-list.pages-list li a {
float: left;
display: block;
width: 80%;
}
.dashboard-sidebar .pane-list.pages-list li .page-settings-edit {
font-size: 18px;
color: white;
z-index: 999;
line-height: 40px;
width: 10%;
display: block;
text-align: center;
float: right;
padding-right: 10px;
}
.dashboard-sidebar .pane-list li {
height: 40px;
width: 100%;
border-right: 8px solid;
border-color: #152C4B;
transition: border-color 0.5s;
transition: background-color 0.5s;
-webkit-transition: border-color 0.5s;
-webkit-transition: background-color 0.5s;
}
.dashboard-sidebar .pane-list li:hover,
.dashboard-sidebar .pane-list li.active {
background-color: #0E1F33;
cursor: pointer;
border-color: #35B44B;
color: white;
}
.dashboard-sidebar .pane-list li:hover a,
.dashboard-sidebar .pane-list li.active a {
color: white;
}
.dashboard-sidebar .pane-list li a {
padding-left: 35px;
line-height: 40px;
font-size: 13px;
display: inline-block;
text-decoration: none;
width: 90%;
}
.dashboard-sidebar .pane-list li a i {
margin-right: 10px;
width: 30px;
}
.dashboard-sidebar .pane-list li a:hover,
.dashboard-sidebar .pane-list li a:active,
.dashboard-sidebar .pane-list li a:focus {
text-decoration: none;
color: white;
}
.dashboard-sidebar .sidebar-pane {
max-height: 70%;
}
.dashboard-sidebar h4.pane-header {
font-weight: bold;
color: #4E6E95;
font-size: 13px;
}
.dashboard-sidebar hr {
padding: 0 2px;
clear: both;
border-top: 2px solid #1B3B64;
}
.dashboard-sidebar .bd-logo {
text-align: center;
}
.dashboard-sidebar .bd-logo img {
width: 100%;
height: auto;
margin: 0 auto;
padding: 20px;
}
.dashboard-sidebar .user-dropdown {
margin-left: 35px;
display: table;
}
.dashboard-sidebar .user-dropdown .circle-letter {
color: #00AEEF;
background-color: white;
padding: 0 14px;
display: inline-block;
border-radius: 25px;
font-size: 30px;
font-weight: bold;
}
.dashboard-sidebar .user-dropdown ul {
list-style-type: none;
display: table-cell;
vertical-align: middle;
margin-top: -5px;
padding-left: 10px;
}
.dashboard-sidebar .user-dropdown ul a {
transition: color 1s;
-webkit-transition: color 1s;
}
.dashboard-sidebar .user-dropdown ul a:hover {
text-decoration: none;
cursor: pointer;
color: #a4c8f9;
}
.dashboard-sidebar .user-dropdown ul a:hover i {
color: white;
}
.dashboard-nav-wrapper {
list-style-type: none;
padding: 20px 20px 0 10px;
border-bottom: 2px solid #ABACB0;
box-shadow: 2px 1px 2px 0 #ABACB0;
display: table;
width: 100%;
margin-bottom: 20px;
}
.dashboard-nav-wrapper .dashboard-nav {
padding-left: 50px;
display: table-cell;
vertical-align: bottom;
position: relative;
}
.dashboard-nav-wrapper .dashboard-nav li {
display: table-cell;
vertical-align: bottom;
padding: 10px 20px;
text-align: center;
margin-bottom: 3px;
border-bottom: 4px solid transparent;
}
.dashboard-nav-wrapper .dashboard-nav li.active,
.dashboard-nav-wrapper .dashboard-nav li:hover {
border-color: #183557;
margin-bottom: 0;
cursor: pointer;
}
.dashboard-nav-wrapper .dashboard-nav li a {
color: #183557;
cursor: pointer;
font-size: 15px;
}
.dashboard-nav-wrapper .dashboard-nav li a:hover {
text-decoration: none;
}
.dashboard-nav-wrapper .dashboard-nav li.nav-logo {
padding-right: 50px;
}
.dashboard-nav-wrapper .dashboard-nav li.nav-logo img {
height: 65px;
width: auto;
}
.dashboard-nav-wrapper .dashboard-nav li.nav-logo:hover {
border-color: transparent;
}
.dashboard-nav-wrapper .quicklink-icons {
list-style-type: none;
vertical-align: middle;
}
.dashboard-nav-wrapper .quicklink-icons li {
display: inline-block;
padding: 0 10px;
}
.dashboard-nav-wrapper .quicklink-icons li a {
font-size: 24px;
color: #183557;
transition: color 0.5s;
-webkit-transition: color 0.5s;
}
.dashboard-nav-wrapper .quicklink-icons li:hover {
cursor: pointer;
}
.dashboard-nav-wrapper .quicklink-icons li:hover a {
color: #5c80ac;
}
.dlm-ordering-list {
list-style-type: none;
padding: 20px 0 0 0;
margin: 0;
}
.dlm-ordering-list .sortable-placeholder {
background-color: #F9F9F9;
border: 1px dashed #ededed;
padding: 8px 15px 8px 15px;
height: 46px;
margin-top: 10px;
}
.dlm-ordering-list .item {
width: 100%;
padding: 8px 15px 8px 15px;
font-family: 'Arial', sans-serif;
font-size: 20px;
background-color: #F9F9F9;
border: 1px solid #ededed;
color: #00AEEF;
margin-top: 10px;
cursor: move;
transition: background-color 0.5s;
}
.dlm-ordering-list .item .chapter-title:before,
.dlm-ordering-list .item .page-title:before {
position: relative;
left: -10px;
content: "\2014";
top: -2px;
color: rgba(49, 109, 179, 0.23);
}
.dlm-ordering-list .item .order {
padding-right: 20px;
color: #316DB3;
}
.dlm-ordering-list .item i {
font-size: 12px;
padding-right: 15px;
display: inline-block;
position: relative;
top: -3px;
}
.dlm-ordering-list .item:hover {
background-color: #efefef;
}
.dlm-ordering-list ul {
list-style-type: none;
padding-left: 0;
margin-left: 40px;
}
.dlm-ordering-list ul .item {
margin-bottom: 10px;
}
.dlm-ordering-list ul ul {
display: none !important;
}
.ordering-alert {
display: none;
position: fixed;
max-width: 600px;
right: 10px;
top: 50px;
}
.cke_button.cke_button__ckeditor_addterm.cke_button_off span.cke_button_icon {
width: 52px !important;
background-size: 52px 16px !important;
}
#editor-status.btn-group {
padding-left: 20px;
}
.btn-default.btn-on.active {
background-color: #5BB75B;
color: white;
}
.btn-default.btn-off.active {
background-color: #59a1da;
color: white;
}
.btn.btn-default.editor-status-label {
border: 1px solid #5BB75B;
}
#page-preview {
/* display: none; */
visibility: hidden;
padding-top: 0;
}
#page-preview .page-content-preview {
width: 70%;
float: left;
margin-right: 5%;
}
#page-preview .page-content-preview.full-width {
width: 95%;
}
#page-preview .page-sidebar-content-preview {
width: 25%;
float: left;
padding-left: 5px;
}
#page-preview .page-sidebar-content-preview.no-width {
width: 0%;
}
#page-preview .page-sidebar-content-preview .glossary-list li a,
#page-preview .page-sidebar-content-preview .quicklinks-list li a {
text-transform: capitalize;
}
.editor-top {
padding-bottom: 10px;
}
.editor-top .editor-header {
display: block;
width: auto;
font-size: 18px;
}
.editor-top .editor-btns {
display: block;
}
.editor-top .page_num {
color: #bbb;
}
.cke_notification {
z-index: 999;
background-color: white;
padding: 40px 20px 20px 20px;
border: 1px solid #152C4B;
border-radius: 5px;
box-shadow: 2px 1px #666;
}
.cke_notification .cke_notification_close {
position: absolute;
top: 5px;
right: 2%;
}
/**
*
*
* START CUSTOM CSS FOR SPECIFIC DLM
*
*
**/
/* Custom styles for interactive microscope in AP1 */
#microscope_interactive #left_microscope_links,
#microscope_interactive #right_microscope_links {
float: left;
}
#microscope_interactive #left_microscope_links ul li,
#microscope_interactive #right_microscope_links ul li {
list-style: none;
}
#left_microscope_links a,
#right_microscope_links a {
text-decoration: none;
padding: 3px;
font-family: Arial, Helvetica, sans-serif;
color: #336699 !important;
font-size: 12px;
width: 150px;
display: block;
}
#microscope_interactive .active,
#microscope_interactive .microscope_links li:hover {
background-color: #336699;
}
#microscope_interactive #left_microscope_links .active a,
#microscope_interactive #right_microscope_links .active a,
#microscope_interactive #left_microscope_links a:hover,
#microscope_interactive #right_microscope_links a:hover {
color: #ffffff !important;
}
/* Tiny Scrollbar */
#myMenu {
width: 250px;
margin: 20px 0 10px;
}
#myMenu .viewport {
width: 230px;
height: 93%;
overflow: hidden;
position: relative;
}
#myMenu .overview {
list-style: none;
position: absolute;
left: 0;
top: 0;
padding-left: 10px;
margin: 0;
width: 220px;
}
#myMenu .scrollbar {
background: transparent url(https://www.bluedoorlabs.com/themes/admin/images/bg-scrollbar-track-y86.png) no-repeat 0 0;
position: relative;
background-position: 0 0;
float: right;
width: 15px;
}
#myMenu .track {
background: transparent url(https://www.bluedoorlabs.com/themes/admin/images/bg-scrollbar-trackend-y86.png) no-repeat 0 100%;
height: 100%;
width: 13px;
position: relative;
padding: 0 1px;
}
#myMenu .thumb {
background: transparent url(https://www.bluedoorlabs.com/themes/admin/images/bg-scrollbar-thumb-y4.png) no-repeat 50% 100%;
height: 20px;
width: 15px;
cursor: pointer;
overflow: hidden;
position: absolute;
top: 0;
left: -5px;
}
#myMenu .thumb .end {
background: transparent url(https://www.bluedoorlabs.com/themes/admin/images/bg-scrollbar-thumb-y-end.png) no-repeat 50% 0;
overflow: hidden;
height: 5px;
width: 15px;
}
#myMenu .disable {
display: none;
}
.noSelect {
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
}
.qa .answer-toggle {
cursor: hand;
cursor: pointer;
}
.qa a.answer-toggle {
margin-left: 10px;
}
.qa {
border: 1px solid #cccccc;
padding: 10px;
}
.qa .question {
margin-bottom: 10px 0;
}
.qa .answer {
font-weight: bold;
padding: 10px;
}
/************* Seth's Corner ****************/
body.cover,
body.admin_page {
background: none;
}
.table_of_contents li {
list-style: none;
margin-bottom: 5px;
}
.table_of_contents a {
display: inline-block;
text-decoration: none;
margin-bottom: 5px;
color: #0074BD;
font-size: 15px;
}
/******* Ambers ***********/
a {
cursor: pointer;
}
t {
text-decoration: underline;
font-weight: bold;
color: #26ACE2;
cursor: pointer;
}
#dlm-page-content a,
#dlm-page-sidebar-content a {
color: #1256A7;
color: #26ACE2;
}
#mainFrame .row {
margin-right: 0;
margin-left: 0;
}
/* #mainFrame .breadcrumb {
margin:10px 0 5px 0;
padding: 8px 10px;
font-weight:500;
border-bottom:#ccc solid 2px;
}
#mainFrame .breadcrumb a {
cursor:pointer;
} */
#mainFrame h4 {
margin: 0;
}
.lab-title {
background-color: #00AEEF;
color: #fff;
padding: 10px 20px 10px 10px;
margin-bottom: 20px;
font-size: 16px;
border-radius: 5px;
letter-spacing: 1px;
}
.dlm-btn-group {
background-color: #f5f5f5;
padding: 10px 0;
border-radius: 4px;
bottom: 0;
left: 0;
right: 0;
width: 100%;
position: fixed;
}
.dlm-btn-group a {
margin-left: 10px;
}
.content-header {
color: #bbb;
}
.dashboard-sidebar .curr-editing {
background-color: #204373;
padding-top: 10px;
padding-bottom: 10px;
}
.publish-alert {
padding: 5px 8px;
border-radius: 5px;
margin-bottom: 10px;
}
/****************** Editor Preview ******************/
#preview-wrapper {
padding: 10px 30px 0;
height: fit-content !important;
}
#preview-wrapper h2 {
color: #1256A7;
}
#page-preview {
margin-top: -85px;
}
#page-preview > div.row > ol > li > a {
color: #1256A7;
}
#page-preview .breadcrumb {
margin: 20px 0 5px 30px;
padding: 8px 10px;
font-weight: 500;
border-bottom: #ccc solid 2px;
}
.page-sidebar-content-preview {
margin-top: -45px;
}
/****************** Accordion Style ******************/
.collapse-container {
border-radius: 5px;
margin-bottom: 5px;
}
.collapse-header {
padding: 6px 10px;
cursor: pointer;
font-weight: bold;
color: white;
background-color: #58A0D9;
width: 100%;
margin: 0;
border-radius: 4px 4px 0 0;
transition: margin 0.5s;
}
.collapse-header p {
margin: 0;
padding: 0;
}
.collapse-header p strong {
font-size: 18px;
font-family: 'Raleway', sans-serif;
vertical-align: middle;
margin: 0;
padding: 0;
color: white;
font-weight: normal;
text-decoration: none;
}
.collapse-header p a {
text-decoration: none;
}
.no-collapse-header {
padding: 6px 10px;
font-weight: bold;
color: #333333;
font-family: 'Raleway', sans-serif;
}
.collapse-content {
margin: 0;
padding: 4px;
color: #363636;
border-radius: 0 0 4px 4px;
background-color: #FBFBFB;
border: 1px solid #58A0D9;
margin-bottom: 8px;
border-top: 0;
}
#dlm-sidebar > div > .collapse-content {
border: 0;
}
.dlm-sidebar {
background-color: #eee;
padding: 20px;
}
.collapse-header.collapsed:before,
.collapse-header:before {
color: white;
float: right;
margin-top: 2px;
}
.collapse-header.collapsed {
margin-bottom: 8px;
}
.collapse-header:before {
content: "(Click to Hide)";
}
.collapse-header.collapsed:before {
content: "(Click to Expand)";
}
.collapse-content ul {
list-style-type: square;
padding: 10px 10px 10px 30px;
margin: 0;
font-family: 'Raleway', sans-serif;
}
.collapse-content ul li {
line-height: 25px;
}
.collapse-content .qa {
background-color: white;
color: #333;
}
.toggle-handle {
width: 15px;
height: 15px;
text-align: center;
/* padding: 0px 5px; */
float: left;
border-radius: 5px;
background-color: #fff;
margin-right: 10px;
}
img:hover {
cursor: pointer;
}
.modal.modal-xl .modal-dialog {
width: 800px;
}
.digital_lab_manual-controller a {
cursor: pointer;
}
.quicklinks-list,
.glossary-list {
list-style-type: none;
padding: 20px;
background-color: #F5F5F5;
border-bottom: #ccc solid 1px;
}
.quicklinks-list a,
.glossary-list a {
cursor: pointer;
}
.quicklinks-list:before,
.glossary-list:before {
content: "Quicklinks";
color: #4d4d4d;
position: relative;
padding-bottom: 2px;
margin-bottom: 2px;
/* border-bottom: 1px solid #ccc; */
top: -5px;
padding-right: 10%;
font-weight: 600;
font-size: 16px;
}
.glossary-list:before {
content: "Glossary";
}
.sidebar_content {
background-color: #f5f5f5;
border-bottom: #ccc solid 1px;
padding: 20px;
}
.dlm-toc-list,
.dlm-toc-list li > ul {
list-style-type: none;
}
.dlm-toc-list li {
padding: 10px 4px;
}
.dlm-toc-list li a {
font-size: 16px;
color: #656565;
padding-bottom: 4px;
text-decoration: none;
}
.dlm-toc-list li a:hover {
cursor: pointer;
border-bottom: 1px solid #ccc;
}
.dlm-toc-list li a.order {
padding-right: 8px;
color: #1256A7;
}
.dlm-toc-list li a.order:after {
content: "";
border-bottom: 1px solid #656565;
position: relative;
height: 1px;
width: 15px;
display: inline-block;
bottom: 5px;
left: 7px;
}
.cover-wrapper {
min-height: 250px;
padding: 10px;
}
.cover-img-upload {
margin-top: 5px;
}
#page-wrapper {
padding-top: 10px;
padding-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
}
#page-wrapper #dlm-page-content {
width: 70%;
float: left;
margin-right: 5%;
}
#page-wrapper #dlm-page-content-full {
width: 100%;
}
#page-wrapper #dlm-page-sidebar-content {
width: 25%;
float: left;
padding-left: 5px;
}
.toc-flyout {
display: none;
list-style-type: none;
background-color: #333;
padding: 10px 25px 20px 15px;
position: absolute;
/* border-radius: 5px; */
border: 1px solid black;
z-index: 999;
margin: 3px auto 0 auto;
}
.toc-flyout li a {
font-size: 16px;
color: white;
line-height: 25px;
cursor: pointer;
}
.toc-flyout li a.active {
color: #1256A7;
}
.toc-flyout li a.active:hover {
text-decoration: none;
}
.toc-flyout li a.active:after {
/* content: "(Current)"; */
color: #f5f5f5;
font-size: 12px;
}
.toc-flyout li ul {
list-style-type: none;
}
.toc-flyout > li:not(:last-child) {
border-bottom: 1px solid #323232;
padding: 5px 0;
}
.toc-flyout > li.toc-flyout-header {
font-size: 22px;
color: white;
border-color: #00AEEF;
}
textarea.cke_dialog_ui_input_textarea {
word-wrap: normal !important;
max-width: 100%;
white-space: normal !important;
}
/*can be overridden in main.less*/
body {
margin: -20px 0;
font-family: "ProximaNova-regular";
}
.login-controller #message p.status_msg {
margin: 0px;
text-align: center;
}
.login-controller #message p.error_msg {
margin: 0px;
text-align: center;
padding: 3px;
color: yellow;
}
a[data-href] {
cursor: pointer;
}
div#backdrop {
height: 270px;
width: 100%;
background: #057aa8;
/* Old browsers */
background: -moz-linear-gradient(top, #057aa8 0%, #2dabea 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #057aa8), color-stop(100%, #2dabea));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #057aa8 0%, #2dabea 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #057aa8 0%, #2dabea 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #057aa8 0%, #2dabea 100%);
/* IE10+ */
background: linear-gradient(to bottom, #057aa8 0%, #2dabea 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#057aa8', endColorstr='#2dabea', GradientType=0);
/* IE6-9 */
z-index: 1;
position: relative;
}
#icons {
height: 265px;
background-image: url("../../all/images/LoginPage-icons.png");
background-repeat: repeat-x;
background-position: center bottom;
}
.login_box_wrapper {
z-index: 2;
}
#login_box {
background: #969696;
width: 280px;
padding: 10px;
min-height: 350px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin: -210px auto 0;
display: block;
border: #fff solid 1px;
z-index: 3;
position: relative;
}
#logintitle {
background: #fff;
padding: 15px 10px 5px 10px;
margin: 10px 0 20px -22px;
width: 290px;
font-family: 'Myriad Pro', sans-serif;
font-weight: 500;
font-size: 40px;
text-align: center;
z-index: 999;
}
ul#login_form {
list-style-type: none;
color: #d6d6d6;
margin: 0;
padding-left: 25px;
}
ul#login_form li {
display: block;
color: #d6d6d6;
padding-top: 15px;
}
ul#login_form li input {
margin-top: 3px;
}
ul#login_form li input#identity,
ul#login_form li input#password,
#newAccount ul li input#firstname,
#newAccount ul li input#lastname {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
border-style: solid;
border: none;
border-width: 1px;
border: 1px solid #cccccc;
background: #f6f6f6;
width: 220px;
}
ul#login_form li#forgotpass {
padding-top: 5px;
}
ul#login_form li#signin {
color: #ffffff;
font-weight: bold;
padding-top: 0px;
}
ul#login_form li#forgotpass a {
color: #cccccc;
text-decoration: none;
font-size: 12px;
}
ul#login_form li#forgotpass a:hover {
color: #dddddd;
text-decoration: underline;
font-size: 12px;
}
ul#login_form li#submit_btn {
text-align: right;
margin-right: 40px;
padding-top: 5px;
}
#loginbottom {
margin: auto 60px;
}
.phoneSupporticon {
background-image: url("../../all/images/LogIn-sprite.png");
background-position: 0px 0px;
width: 15px;
height: 18px;
float: left;
margin-right: 10px;
}
.emailSupporticon {
background-image: url("../../all/images/LogIn-sprite.png");
background-position: 0px -19px;
width: 15px;
height: 18px;
float: left;
margin-right: 10px;
}
.howtoVidicon {
background-image: url("../../all/images/LogIn-sprite.png");
background-position: 0px -37px;
width: 15px;
height: 18px;
float: left;
margin-right: 10px;
}
.FAQicon {
background-image: url("../../all/images/LogIn-sprite.png");
background-position: 0px -53px;
width: 15px;
height: 18px;
float: left;
margin-right: 10px;
}
.login_content_box {
color: #666666;
margin: 10px auto;
background: #efefef;
margin-right: 10px;
height: 170px;
padding: 20px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border: 1px #cccccc solid;
}
.login_content_box ul {
display: block;
padding: 0;
margin: 0;
}
.login_content_box ul li {
list-style-type: none;
margin-bottom: 5px;
}
.login_content_box ul li a {
color: #0A7FAF;
}
.login_content_box .title {
font-family: 'ProximaNova-Bold';
font-weight: normal;
margin-bottom: 8px;
}
.button_green {
background: #52b152;
/* Old browsers */
background: -moz-linear-gradient(top, #52b152 0%, #008206 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #52b152), color-stop(100%, #008206));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #52b152 0%, #008206 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #52b152 0%, #008206 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #52b152 0%, #008206 100%);
/* IE10+ */
background: linear-gradient(to bottom, #52b152 0%, #008206 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52b152', endColorstr='#008206', GradientType=0);
/* IE6-9 */
color: #fff;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #008206;
display: inline-block;
color: #ffffff;
font-size: 15px;
font-family: 'ProximaNova-Bold';
padding: 3px 5px 2px 5px;
text-decoration: none;
letter-spacing: 0.5;
}
.button_green.loading,
.button_green.loading:hover {
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
background: url("../../all/images/ajax-loader.gif") 50% 25% no-repeat transparent;
border: none;
color: transparent;
}
.button_green:hover {
background: #008206;
/* Old browsers */
background: -moz-linear-gradient(top, #008206 31%, #52b152 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(31%, #008206), color-stop(100%, #52b152));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #008206 31%, #52b152 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #008206 31%, #52b152 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #008206 31%, #52b152 100%);
/* IE10+ */
background: linear-gradient(to bottom, #008206 31%, #52b152 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008206', endColorstr='#52b152', GradientType=0);
/* IE6-9 */
}
.button_green:active {
position: relative;
top: 1px;
}
/******************** FOOTER **************************/
#footer {
padding: 10px 20px;
margin-top: 20px;
text-align: center;
clear: both;
}
#footer p {
font-size: 0.75em;
/* 12px / 16px */
color: #bbb;
}
#footer ul {
font-size: 0.75em;
/* 12px / 16px */
list-style-type: none;
}
#footer ul li {
display: inline;
padding: 0 10px;
}
#footer a {
color: #0A7FAF;
}
#push {
height: 240px;
}
/*!
* FullCalendar v1.6.1 Stylesheet
* Docs & License: http://arshaw.com/fullcalendar/
* (c) 2013 Adam Shaw
*/
.fc {
direction: ltr;
text-align: left;
}
.fc table {
border-collapse: collapse;
border-spacing: 0;
}
html .fc,
.fc table {
font-size: 1em;
}
.fc td,
.fc th {
padding: 0;
vertical-align: top;
}
/* Header
------------------------------------------------------------------------*/
.fc-header td {
white-space: nowrap;
}
.fc-header-left {
width: 25%;
text-align: left;
}
.fc-header-center {
text-align: center;
}
.fc-header-right {
width: 25%;
text-align: right;
}
.fc-header-title {
display: inline-block;
vertical-align: top;
}
.fc-header-title h2 {
margin-top: 0;
white-space: nowrap;
}
.fc .fc-header-space {
padding-left: 10px;
}
.fc-header .fc-button {
margin-bottom: 1em;
vertical-align: top;
}
/* buttons edges butting together */
.fc-header .fc-button {
margin-right: -1px;
}
.fc-header .fc-corner-right,
.fc-header .ui-corner-right {
/* theme */
margin-right: 0;
/* back to normal */
}
/* button layering (for border precedence) */
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
z-index: 2;
}
.fc-header .fc-state-down {
z-index: 3;
}
.fc-header .fc-state-active,
.fc-header .ui-state-active {
z-index: 4;
}
/* Content
------------------------------------------------------------------------*/
.fc-content {
clear: both;
}
.fc-view {
width: 100%;
/* needed for view switching (when view is absolute) */
overflow: hidden;
}
/* Cell Styles
------------------------------------------------------------------------*/
.fc-widget-header,
.fc-widget-content {
/* | , usually */
border: 1px solid #ddd;
}
.fc-state-highlight {
/* | today cell */
/* TODO: add .fc-today to | */
background: #fcf8e3;
}
.fc-cell-overlay {
/* semi-transparent rectangle while dragging */
background: #bce8f1;
opacity: 0.3;
filter: alpha(opacity=30);
/* for IE */
}
/* Buttons
------------------------------------------------------------------------*/
.fc-button {
position: relative;
display: inline-block;
padding: 0 0.6em;
overflow: hidden;
height: 1.9em;
line-height: 1.9em;
white-space: nowrap;
cursor: pointer;
}
.fc-state-default {
/* non-theme */
border: 1px solid;
}
.fc-state-default.fc-corner-left {
/* non-theme */
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right {
/* non-theme */
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
/*
Our default prev/next buttons use HTML entities like ‹ › « »
and we'll try to make them look good cross-browser.
*/
.fc-text-arrow {
margin: 0 0.1em;
font-size: 2em;
font-family: "Courier New", Courier, monospace;
vertical-align: baseline;
/* for IE7 */
}
.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow {
/* for ‹ › */
font-weight: bold;
}
/* icon (for jquery ui) */
.fc-button .fc-icon-wrap {
position: relative;
float: left;
top: 50%;
}
.fc-button .ui-icon {
position: relative;
float: left;
margin-top: -50%;
*margin-top: 0;
*top: -50%;
}
/*
button states
borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
color: #333333;
background-color: #e6e6e6;
}
.fc-state-hover {
color: #333333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.fc-state-down,
.fc-state-active {
background-color: #cccccc;
background-image: none;
outline: 0;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-disabled {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
box-shadow: none;
}
/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event {
border: 1px solid #3a87ad;
/* default BORDER color */
background-color: #3a87ad;
/* default BACKGROUND color */
color: #444;
/* default TEXT color */
font-size: 0.85em;
cursor: default;
}
a.fc-event {
text-decoration: none;
}
a.fc-event,
.fc-event-draggable {
cursor: pointer;
}
.fc-rtl .fc-event {
text-align: right;
}
.fc-event-inner {
width: 100%;
height: 100%;
overflow: hidden;
}
.fc-event-time,
.fc-event-title {
padding: 0 1px;
}
.fc .ui-resizable-handle {
display: block;
position: absolute;
z-index: 99999;
overflow: hidden;
/* hacky spaces (IE6/7) */
font-size: 300%;
/* */
line-height: 50%;
/* */
}
/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
border-width: 1px 0;
margin-bottom: 1px;
}
.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
border-left-width: 1px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
border-right-width: 1px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
/* resizable */
.fc-event-hori .ui-resizable-e {
top: 0 !important;
/* importants override pre jquery ui 1.7 styles */
right: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: e-resize;
}
.fc-event-hori .ui-resizable-w {
top: 0 !important;
left: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: w-resize;
}
.fc-event-hori .ui-resizable-handle {
_padding-bottom: 14px;
/* IE6 had 0 height */
}
/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
border-collapse: separate;
}
table.fc-border-separate th {
border-collapse: separate;
background-color: #1256A7;
color: #fff;
border-bottom: 2px solid #000;
padding: 5px 0;
}
.fc-border-separate th,
.fc-border-separate td {
border-width: 1px 0 0 1px;
}
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
border-right-width: 1px;
}
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
border-bottom-width: 1px;
}
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
border-top-width: 0;
}
/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
text-align: center;
}
.fc .fc-week-number {
width: 22px;
text-align: center;
}
.fc .fc-week-number div {
padding: 0 2px;
}
.fc-grid .fc-day-number {
float: right;
padding: 0 2px;
}
.fc-grid .fc-other-month .fc-day-number {
opacity: 0.3;
filter: alpha(opacity=30);
/* for IE */
/* opacity with small font can sometimes look too faded
might want to set the 'color' property instead
making day-numbers bold also fixes the problem */
}
.fc-grid .fc-day-content {
clear: both;
padding: 2px 2px 1px;
/* distance between events and day edges */
}
/* event styles */
.fc-grid .fc-event-time {
font-weight: bold;
}
/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
float: left;
}
.fc-rtl .fc-grid .fc-event-time {
float: right;
}
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
border-collapse: separate;
}
.fc-agenda-days th {
text-align: center;
}
.fc-agenda .fc-agenda-axis {
width: 50px;
padding: 0 4px;
vertical-align: middle;
text-align: right;
white-space: nowrap;
font-weight: normal;
}
.fc-agenda .fc-week-number {
font-weight: bold;
}
.fc-agenda .fc-day-content {
padding: 2px 2px 1px;
}
/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
border-right-width: 1px;
}
.fc-agenda-days .fc-col0 {
border-left-width: 0;
}
/* all-day area */
.fc-agenda-allday th {
border-width: 0 1px;
}
.fc-agenda-allday .fc-day-content {
min-height: 34px;
/* TODO: doesnt work well in quirksmode */
_height: 34px;
}
/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
height: 2px;
overflow: hidden;
}
.fc-widget-header .fc-agenda-divider-inner {
background: #eee;
}
/* slot rows */
.fc-agenda-slots th {
border-width: 1px 1px 0;
}
.fc-agenda-slots td {
border-width: 1px 0 0;
background: none;
}
.fc-agenda-slots td div {
height: 20px;
}
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
border-top-width: 0;
}
.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
border-top-style: dotted;
}
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
*border-top-style: solid;
/* doesn't work with background in IE6/7 */
}
/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {
border-width: 0 1px;
}
.fc-event-vert.fc-event-start {
border-top-width: 1px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.fc-event-vert.fc-event-end {
border-bottom-width: 1px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.fc-event-vert .fc-event-time {
white-space: nowrap;
font-size: 10px;
}
.fc-event-vert .fc-event-inner {
position: relative;
z-index: 2;
}
.fc-event-vert .fc-event-bg {
/* makes the event lighter w/ a semi-transparent overlay */
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: 0.25;
filter: alpha(opacity=25);
}
.fc .ui-draggable-dragging .fc-event-bg,
.fc-select-helper .fc-event-bg {
display: none\9;
/* for IE6/7/8. nested opacity filters while dragging don't work */
}
/* resizable */
.fc-event-vert .ui-resizable-s {
bottom: 0 !important;
/* importants override pre jquery ui 1.7 styles */
width: 100% !important;
height: 8px !important;
overflow: hidden !important;
line-height: 8px !important;
font-size: 11px !important;
font-family: monospace;
text-align: center;
cursor: s-resize;
}
.fc-agenda .ui-resizable-resizing {
/* TODO: better selector */
_overflow: hidden;
}
/*** BUTTONS ***/
.smaction_btn {
background-color: #67c069;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #47ad4a;
display: inline-block;
color: #fff !important;
font-size: 15px;
font-family: "ProximaNova-Bold";
padding: 5px 9px 3px 9px;
text-decoration: none;
/* text-shadow:1px 1px 0px #ffffff; */
}
.smaction_btn.disabled,
.smaction_btn.disabled:hover {
background-color: #ccc;
border-color: #bebebe;
}
.smaction_btn:hover {
background-color: #47ad4a;
border: 1px solid #67c069;
}
.smdetail_btn {
background-color: #67c069;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #47ad4a;
display: inline-block;
color: #fff !important;
font-size: 15px;
font-family: "ProximaNova-Bold";
padding: 3px 7px 3px 5px;
text-decoration: none;
float: right;
margin: 6px;
}
.smdetail_btn:hover {
background-color: #47ad4a;
border: 1px solid #67c069;
}
.smdetail_btn-red {
background-color: #ff6347;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #fc1501;
display: inline-block;
color: #fff !important;
font-size: 15px;
font-family: "ProximaNova-Bold";
padding: 3px 7px 3px 5px;
text-decoration: none;
float: right;
margin: 6px;
}
.smdetail_exercise_btn-red {
background-color: #ff6347;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #fc1501;
display: inline-block;
color: #fff !important;
font-size: 15px;
font-family: "ProximaNova-Bold";
padding: 3px 7px 3px 5px;
text-decoration: none;
float: right;
margin: 2px;
}
.smdetail_btn-red:hover {
background-color: #fc1501;
border: 1px solid #da1201;
}
.smdetail_btn-save {
background-color: #ff6347;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #fc1501;
display: inline-block;
color: #fff !important;
font-size: 13px;
font-family: "ProximaNova-Bold";
padding: 3px 4px 3px 3px;
text-decoration: none;
margin: 6px 0;
}
.smdetail_btn-save:hover {
background-color: #fc1501;
border: 1px solid #da1201;
}
.button {
-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
box-shadow: inset 0px 1px 0px 0px #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color: #ededed;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
display: inline-block;
color: #333333;
font-size: 15px;
font-family: "ProximaNova-Bold";
padding: 5px 9px 3px 9px;
text-decoration: none;
text-shadow: 1px 1px 0px #ffffff;
}
.button.loading,
.button.loading:hover {
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
background: url("../../all/images/ajax-loader.gif") 50% 25% no-repeat transparent;
border: none;
color: transparent;
}
.button:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color: #dfdfdf;
}
.button:active {
position: relative;
top: 1px;
}
.buttonsm {
-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
box-shadow: inset 0px 1px 0px 0px #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color: #ededed;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #bbb;
display: inline-block;
color: #777777;
font-size: 12px;
font-family: "ProximaNova-Bold";
font-weight: normal;
padding: 2px 5px 2px 5px;
text-decoration: none;
margin-left: -5px;
cursor: pointer;
/* text-shadow:1px 1px 0px #ffffff; */
}
.buttonsm:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color: #dfdfdf;
}
.buttonsm:active {
position: relative;
top: 1px;
}
.buttonsm_blue {
/* -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff; */
background: -moz-linear-gradient(top, #00aef0 0%, #0089bd 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00aef0), color-stop(100%, #0089bd));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #00aef0 0%, #0089bd 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #00aef0 0%, #0089bd 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #00aef0 0%, #0089bd 100%);
/* IE10+ */
background: linear-gradient(to bottom, #00aef0 0%, #0089bd 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aef0', endColorstr='#0089bd', GradientType=0);
/* IE6-9 */
background: #00aef0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #bbb;
display: inline-block;
color: #fff;
font-size: 12px;
font-family: "ProximaNova-Bold";
font-weight: normal;
padding: 2px 5px 2px 5px;
text-decoration: none;
/* text-shadow:1px 1px 0px #ffffff; */
}
.buttonsm_blue:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color: #dfdfdf;
}
.buttonsm_blue:active {
position: relative;
top: 1px;
}
.q-buttonSave_disabled {
-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
box-shadow: inset 0px 1px 0px 0px #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color: #ededed;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ddd;
display: inline-block;
color: #ccc;
font-size: 12px;
font-family: "ProximaNova-Regular";
font-weight: normal;
padding: 2px 5px 2px 5px;
text-decoration: none;
float: left;
margin-right: 10px;
}
.q-buttonSave {
background: #e22d2d;
background: -moz-linear-gradient(top, #e22d2d 0%, #a82121 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e22d2d), color-stop(100%, #a82121));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e22d2d 0%, #a82121 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e22d2d 0%, #a82121 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #e22d2d 0%, #a82121 100%);
/* IE10+ */
background: linear-gradient(to bottom, #e22d2d 0%, #a82121 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e22d2d', endColorstr='#a82121', GradientType=0);
/* IE6-9 */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #a82121;
display: inline-block;
color: #fff;
font-size: 12px;
font-family: "ProximaNova-Bold";
font-weight: normal;
padding: 2px 5px 2px 5px;
text-decoration: none;
float: left;
margin-right: 10px;
}
.button-back {
background: -moz-linear-gradient(top, #686868 0%, #b5b5b5 99%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #686868), color-stop(99%, #b5b5b5));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #686868 0%, #b5b5b5 99%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #686868 0%, #b5b5b5 99%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #686868 0%, #b5b5b5 99%);
/* IE10+ */
background: linear-gradient(to bottom, #686868 0%, #b5b5b5 99%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#686868', endColorstr='#b5b5b5', GradientType=0);
/* IE6-9 */
background: #686868;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #bbb;
display: inline-block;
color: #333333;
font-size: 15px;
font-family: "ProximaNova-Bold";
padding: 6px 10px 4px 10px;
text-decoration: none;
text-shadow: 1px 1px 0px #ffffff;
}
.button-back.loading,
.button-back.loading:hover {
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
background: url("../../all/images/ajax-loader.gif") 50% 25% no-repeat transparent;
border: none;
color: transparent;
}
.button-back:hover {
background: -moz-linear-gradient(top, #b5b5b5 0%, #686868 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5b5b5), color-stop(100%, #686868));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b5b5b5 0%, #686868 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b5b5b5 0%, #686868 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b5b5b5 0%, #686868 100%);
/* IE10+ */
background: linear-gradient(to bottom, #b5b5b5 0%, #686868 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5b5b5', endColorstr='#686868', GradientType=0);
/* IE6-9 */
background: #b5b5b5;
}
.button-back:active {
position: relative;
top: 1px;
}
.button-save {
background: #e22d2d;
background: -moz-linear-gradient(top, #e22d2d 0%, #a82121 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e22d2d), color-stop(100%, #a82121));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e22d2d 0%, #a82121 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e22d2d 0%, #a82121 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #e22d2d 0%, #a82121 100%);
/* IE10+ */
background: linear-gradient(to bottom, #e22d2d 0%, #a82121 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e22d2d', endColorstr='#a82121', GradientType=0);
/* IE6-9 */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #a82121;
display: inline-block;
color: #fff;
font-size: 0.875em;
font-family: "ProximaNova-Bold";
font-weight: normal;
padding: 4px 8px 3px 8px;
text-decoration: none;
float: left;
margin-right: 10px;
}
.button-save.loading,
.button-save.loading:hover {
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
background: url("../../all/images/ajax-loader.gif") 50% 25% no-repeat transparent;
border: none;
color: transparent;
}
.button-save:hover {
background: #a82121;
background: -moz-linear-gradient(top, #a82121 0%, #e22d2d 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a82121), color-stop(100%, #e22d2d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a82121 0%, #e22d2d 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a82121 0%, #e22d2d 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #a82121 0%, #e22d2d 100%);
/* IE10+ */
background: linear-gradient(to bottom, #a82121 0%, #e22d2d 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a82121', endColorstr='#e22d2d', GradientType=0);
/* IE6-9 */
}
.button-save:active {
position: relative;
top: 1px;
}
.button_green {
/* -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff; */
background: #52b152;
/* Old browsers */
background: -moz-linear-gradient(top, #52b152 0%, #008206 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #52b152), color-stop(100%, #008206));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #52b152 0%, #008206 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #52b152 0%, #008206 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #52b152 0%, #008206 100%);
/* IE10+ */
background: linear-gradient(to bottom, #52b152 0%, #008206 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52b152', endColorstr='#008206', GradientType=0);
/* IE6-9 */
color: #fff;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #008206;
display: inline-block;
color: #ffffff;
font-size: 15px;
font-family: "ProximaNova-Bold";
padding: 6px 10px 4px 10px;
text-decoration: none;
letter-spacing: 0.5;
}
.button_green.loading,
.button_green.loading:hover {
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
background: url("../../all/images/ajax-loader.gif") 50% 25% no-repeat transparent;
border: none;
color: transparent;
}
.button_green:hover {
background: #008206;
/* Old browsers */
background: -moz-linear-gradient(top, #008206 31%, #52b152 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(31%, #008206), color-stop(100%, #52b152));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #008206 31%, #52b152 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #008206 31%, #52b152 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #008206 31%, #52b152 100%);
/* IE10+ */
background: linear-gradient(to bottom, #008206 31%, #52b152 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008206', endColorstr='#52b152', GradientType=0);
/* IE6-9 */
}
.button_green:active {
position: relative;
top: 1px;
}
input.close_attempt_button {
border-width: 1px;
border-color: #d7be13;
border-style: solid;
border-radius: 6px;
color: #fff;
background-image: -moz-linear-gradient(90deg, #d2b808 0%, #ead01f 100%);
background-image: -webkit-linear-gradient(90deg, #d2b808 0%, #ead01f 100%);
background-image: -ms-linear-gradient(90deg, #d2b808 0%, #ead01f 100%);
text-shadow: none;
box-shadow: none;
font-family: "ProximaNova-Regular";
font-weight: normal;
text-shadow: 1px 1px 0px #aaa;
}
input.close_attempt_button:hover {
background-image: -moz-linear-gradient(90deg, #d7be13 0%, #a39010 100%);
background-image: -webkit-linear-gradient(90deg, #d7be13 0%, #a39010 100%);
background-image: -ms-linear-gradient(90deg, #d7be13 0%, #a39010 100%);
color: #fff;
}
input.remove_attempt_button {
border-width: 1px;
border-color: #bf0d0e;
border-style: solid;
border-radius: 6px;
background-image: -moz-linear-gradient(90deg, #bf0d0e 0%, #e21414 100%);
background-image: -webkit-linear-gradient(90deg, #bf0d0e 0%, #e21414 100%);
background-image: -ms-linear-gradient(90deg, #bf0d0e 0%, #e21414 100%);
text-shadow: none;
box-shadow: none;
font-family: "ProximaNova-Regular";
font-weight: normal;
color: #fff;
text-shadow: 1px 1px 0px #666;
}
input.remove_attempt_button:hover {
background-image: -moz-linear-gradient(90deg, #e21414 0%, #bf0d0e 100%);
background-image: -webkit-linear-gradient(90deg, #e21414 0%, #bf0d0e 100%);
background-image: -ms-linear-gradient(90deg, #e21414 0%, #bf0d0e 100%);
color: #fff;
}
/** Theme color buttons **/
a.btn.btn-microbio,
button.btn.btn-microbio {
background: #651d8e;
background: -moz-linear-gradient(top, #651d8e 0%, #72448c 49%, #764d8e 100%);
background: -webkit-linear-gradient(top, #651d8e 0%, #72448c 49%, #764d8e 100%);
background: linear-gradient(to bottom, #651d8e 0%, #72448c 49%, #764d8e 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#651d8e', endColorstr='#764d8e', GradientType=0);
color: white;
}
a.btn.btn-ap,
button.btn.btn-ap {
background: #00aeef;
background: -moz-linear-gradient(top, #00aeef 0%, #44c0ed 49%, #61c7ed 100%);
background: -webkit-linear-gradient(top, #00aeef 0%, #44c0ed 49%, #61c7ed 100%);
background: linear-gradient(to bottom, #00aeef 0%, #44c0ed 49%, #61c7ed 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aeef', endColorstr='#61c7ed', GradientType=0);
color: white;
}
a.btn.btn-bio,
button.btn.btn-bio {
background: #49ac4a;
background: -moz-linear-gradient(top, #49ac4a 0%, #63aa63 49%, #aaed90 100%);
background: -webkit-linear-gradient(top, #49ac4a 0%, #63aa63 49%, #aaed90 100%);
background: linear-gradient(to bottom, #49ac4a 0%, #63aa63 49%, #aaed90 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49ac4a', endColorstr='#aaed90', GradientType=0);
color: white;
}
a.btn.btn-chem,
button.btn.btn-chem {
background: #f3922b;
background: -moz-linear-gradient(top, #f3922b 0%, #f2a252 49%, #f2b87d 100%);
background: -webkit-linear-gradient(top, #f3922b 0%, #f2a252 49%, #f2b87d 100%);
background: linear-gradient(to bottom, #f3922b 0%, #f2a252 49%, #f2b87d 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3922b', endColorstr='#f2b87d', GradientType=0);
color: white;
}
a.btn.btn-geo,
button.btn.btn-geo {
background: #367d2e;
background: -moz-linear-gradient(top, #367d2e 0%, #58a35f 49%, #7eb785 100%);
background: -webkit-linear-gradient(top, #367d2e 0%, #58a35f 49%, #7eb785 100%);
background: linear-gradient(to bottom, #367d2e 0%, #58a35f 49%, #7eb785 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#367d2e', endColorstr='#7eb785', GradientType=0);
color: white;
}
a.btn.btn-vettech,
button.btn.btn-vettech {
background: #651d8e;
background: -moz-linear-gradient(top, #651d8e 0%, #72448c 49%, #764d8e 100%);
background: -webkit-linear-gradient(top, #651d8e 0%, #72448c 49%, #764d8e 100%);
background: linear-gradient(to bottom, #651d8e 0%, #72448c 49%, #764d8e 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#651d8e', endColorstr='#764d8e', GradientType=0);
color: white;
}
img {
border: 0;
}
.document_group .library_name {
color: white;
background-color: #ec8c02;
padding: 3px;
font-size: 12px;
margin-left: 10px;
}
.document_group .inactive {
color: #d9534f;
}
.document_group .active {
color: #5cb85c;
}
.document_group .user_name {
border-bottom: 1px solid #808080;
height: 25px;
margin-bottom: 20px;
}
.document_group .document {
margin-bottom: 25px;
cursor: move;
}
.document_group .document .status-icon {
margin-left: -5px;
}
.document_group .document .description,
.document_group .document .date_uploaded {
font-size: 12px;
color: #808080;
margin-bottom: 5px;
}
.document_group .document .actions a {
color: #1256A7;
font-size: 13px;
}
.document_group .document .actions a:hover {
text-decoration: underline;
}
.document_group .document .icon {
float: left;
margin-right: 10px;
height: 70px;
margin-top: -10px;
}
.document_group .document .header {
font-family: 'ProximaNova-Bold';
height: 60px;
margin-bottom: 5px;
}
.dragstart {
opacity: 0.5;
}
.dragover {
border: #808080;
border-style: dashed;
padding: 0px;
border-width: 2px;
}
.word {
height: 50px;
width: 40px;
background: url("../../all/images/Document-Icons.png") -5px 4px no-repeat;
}
.excel {
height: 50px;
width: 40px;
background: url("../../all/images/Document-Icons.png") -59px 4px no-repeat;
}
.pdf {
height: 50px;
width: 40px;
background: url("../../all/images/Document-Icons.png") -113px 4px no-repeat;
}
.html {
height: 50px;
width: 40px;
background: url("../../all/images/Document-Icons.png") -168px 10px no-repeat;
}
.txt {
height: 50px;
width: 40px;
background: url("../../all/images/Document-Icons.png") -5px -54px no-repeat;
}
.image_icon {
height: 50px;
width: 40px;
background: url("../../all/images/Document-Icons.png") -59px -54px no-repeat;
}
.ppt {
height: 50px;
width: 40px;
background: url("../../all/images/Document-Icons.png") -168px -54px no-repeat;
}
.folder {
height: 50px;
width: 40px;
background: url("../../all/images/folder-icon.png") no-repeat;
background-size: 40px;
background-position: center;
}
.modal_loading {
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
background: url("../../all/images/ajax-loader-trans.gif") 50% 25% no-repeat transparent;
border: none;
color: transparent;
}
.modal_wrapper ul {
list-style-type: none;
padding: 0px;
margin-bottom: 0;
}
.Modalbutton {
margin-top: 0;
}
/* Media */
ul.media_gallery {
list-style-type: none;
padding: 0 0 0 55px;
}
ul.media_gallery li.gallery_item {
display: block;
width: 320px;
min-height: 300px;
background-color: #EFEFEF;
margin-bottom: 5px;
float: left;
margin: 0 5px 10px 0;
}
ul.media_gallery li.gallery_item img {
max-height: 170px;
max-width: 300px;
margin: 10px auto 10px auto;
border: 1px solid #666666;
display: block;
}
ul.media_gallery li.gallery_item .edit_icon,
ul.media_gallery li.gallery_item .delete_icon {
float: right;
}
ul.media_gallery .media_edit {
display: block;
clear: both;
position: relative;
}
ul.media_gallery .item_details {
display: block;
width: 300px;
}
ul.media_gallery .item_title {
color: #666;
}
ul.media_gallery p.item_description {
padding-top: 5px;
width: 300px;
margin-top: 0;
word-break: break-all;
}
.gallery_item .edit_icon {
margin-left: 6px;
margin-right: 12px;
}
.library_name {
color: white;
background-color: #ec8c02;
padding: 3px;
font-size: 12px;
}
.no-documents-list {
margin: 0 auto;
list-style-type: none;
padding: 0;
}
.no-documents-list li {
display: inline-block;
text-align: center;
width: 250px;
vertical-align: top;
padding-top: 50px;
}
.no-documents-list li i {
font-size: 5em;
color: black;
margin-bottom: 15px;
}
.lab_report-controller #save_components {
margin-right: 10px;
}
.lab_report-controller .edit_div {
max-width: 940px;
padding: 15px;
}
.lab_report-controller .lab_components li.lab_component {
border: 2px dashed #ddd;
text-align: left;
margin-bottom: 20px;
list-style-type: none;
margin-left: -40px;
background-color: #ffffff;
}
.lab_report-controller .lab_components li.lab_component .component_title_wrapper {
background-color: #176ed5;
color: #ffffff;
height: 40px;
}
.lab_report-controller .lab_components li.lab_component .component_title_wrapper a {
color: #ffffff;
padding: 10px;
display: inline-block;
}
.lab_report-controller .lab_components li.lab_component .component_title_wrapper .component_title {
display: inline-block;
}
.lab_report-controller .lab_components li.lab_component .component_title_wrapper .remove_component {
top: 5px;
position: relative;
height: 7px;
}
.lab_report-controller .lab_components li.lab_component .component_content {
padding: 10px;
}
.lab_report-controller #finalreport .left_align {
top: 0;
}
.lab_report-controller #finalreport label {
margin-top: 0;
padding-bottom: 35px;
}
.lab_report-controller #finalreport fieldset {
padding-top: 25px;
}
.lab_report-controller .lab_checkbox .text,
.lab_report-controller .lab_checkbox .checkbox {
display: inline-block;
}
.lab_report-controller .lab_checkbox .checkbox {
position: relative;
top: -8px;
}
#floatingBarsG {
position: relative;
width: 20px;
height: 25px;
}
.blockG {
position: absolute;
background-color: #F78233;
width: 3px;
height: 8px;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
-webkit-transform: scale(0.4);
-webkit-animation-name: fadeG;
-webkit-animation-duration: 0.88s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: linear;
-moz-transform: scale(0.4);
-moz-animation-name: fadeG;
-moz-animation-duration: 0.88s;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: linear;
border-radius: 3px 3px 0 0;
-o-transform: scale(0.4);
-o-animation-name: fadeG;
-o-animation-duration: 0.88s;
-o-animation-iteration-count: infinite;
-o-animation-direction: linear;
-ms-transform: scale(0.4);
-ms-animation-name: fadeG;
-ms-animation-duration: 0.88s;
-ms-animation-iteration-count: infinite;
-ms-animation-direction: linear;
}
#rotateG_01 {
left: 0;
top: 9px;
-webkit-animation-delay: 0.33s;
-webkit-transform: rotate(-90deg);
-moz-animation-delay: 0.33s;
-moz-transform: rotate(-90deg);
-o-animation-delay: 0.33s;
-o-transform: rotate(-90deg);
-ms-animation-delay: 0.33s;
-ms-transform: rotate(-90deg);
}
#rotateG_02 {
left: 3px;
top: 3px;
-webkit-animation-delay: 0.44s;
-webkit-transform: rotate(-45deg);
-moz-animation-delay: 0.44s;
-moz-transform: rotate(-45deg);
-o-animation-delay: 0.44s;
-o-transform: rotate(-45deg);
-ms-animation-delay: 0.44s;
-ms-transform: rotate(-45deg);
}
#rotateG_03 {
left: 8px;
top: 1px;
-webkit-animation-delay: 0.55s;
-webkit-transform: rotate(0deg);
-moz-animation-delay: 0.55s;
-moz-transform: rotate(0deg);
-o-animation-delay: 0.55s;
-o-transform: rotate(0deg);
-ms-animation-delay: 0.55s;
-ms-transform: rotate(0deg);
}
#rotateG_04 {
right: 3px;
top: 3px;
-webkit-animation-delay: 0.66s;
-webkit-transform: rotate(45deg);
-moz-animation-delay: 0.66s;
-moz-transform: rotate(45deg);
-o-animation-delay: 0.66s;
-o-transform: rotate(45deg);
-ms-animation-delay: 0.66s;
-ms-transform: rotate(45deg);
}
#rotateG_05 {
right: 0;
top: 9px;
-webkit-animation-delay: 0.77s;
-webkit-transform: rotate(90deg);
-moz-animation-delay: 0.77s;
-moz-transform: rotate(90deg);
-o-animation-delay: 0.77s;
-o-transform: rotate(90deg);
-ms-animation-delay: 0.77s;
-ms-transform: rotate(90deg);
}
#rotateG_06 {
right: 3px;
bottom: 2px;
-webkit-animation-delay: 0.88s;
-webkit-transform: rotate(135deg);
-moz-animation-delay: 0.88s;
-moz-transform: rotate(135deg);
-o-animation-delay: 0.88s;
-o-transform: rotate(135deg);
-ms-animation-delay: 0.88s;
-ms-transform: rotate(135deg);
}
#rotateG_07 {
bottom: 0;
left: 8px;
-webkit-animation-delay: 0.99s;
-webkit-transform: rotate(180deg);
-moz-animation-delay: 0.99s;
-moz-transform: rotate(180deg);
-o-animation-delay: 0.99s;
-o-transform: rotate(180deg);
-ms-animation-delay: 0.99s;
-ms-transform: rotate(180deg);
}
#rotateG_08 {
left: 3px;
bottom: 2px;
-webkit-animation-delay: 1.1s;
-webkit-transform: rotate(-135deg);
-moz-animation-delay: 1.1s;
-moz-transform: rotate(-135deg);
-o-animation-delay: 1.1s;
-o-transform: rotate(-135deg);
-ms-animation-delay: 1.1s;
-ms-transform: rotate(-135deg);
}
@-webkit-keyframes fadeG {
0% {
background-color: #fbdecb;
}
100% {
background-color: #F78233;
}
}
@-moz-keyframes fadeG {
0% {
background-color: #fbdecb;
}
100% {
background-color: #F78233;
}
}
@-o-keyframes fadeG {
0% {
background-color: #fbdecb;
}
100% {
background-color: #F78233;
}
}
@-ms-keyframes fadeG {
0% {
background-color: #fbdecb;
}
100% {
background-color: #F78233;
}
}
.loader {
text-align: left;
}
.loader #floatingBarsG {
float: left;
display: block-inline;
}
.loader .message {
font-weight: bold;
position: relative;
top: 5px;
}
#lab_report-review_report .save_status {
float: left;
}
.pdf_icon {
background: url("../../all/images/pdf.gif") no-repeat scroll 0 0 transparent;
display: inline-block;
height: 16px;
width: 25px;
}
.pdf_icon a {
padding-left: 15px;
display: block;
width: 150px;
}
.lab_report-controller label {
color: #666;
}
.take_button {
background: #fffdfe;
background: -moz-linear-gradient(top, #fffdfe 0%, #e7e6e2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffdfe), color-stop(100%, #e7e6e2));
background: -webkit-linear-gradient(top, #fffdfe 0%, #e7e6e2 100%);
background: -o-linear-gradient(top, #fffdfe 0%, #e7e6e2 100%);
background: -ms-linear-gradient(top, #fffdfe 0%, #e7e6e2 100%);
background: linear-gradient(to bottom, #fffdfe 0%, #e7e6e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfe', endColorstr='#e7e6e2', GradientType=0);
display: block;
border: 1px solid #CCC;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
font-size: 13px;
text-align: center;
width: 90%;
padding: 5px;
margin-top: -4px;
}
.take_button:hover {
background: #52b152;
/* Old browsers */
background: -moz-linear-gradient(top, #52b152 0%, #009e05 46%, #008206 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #52b152), color-stop(46%, #009e05), color-stop(100%, #008206));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #52b152 0%, #009e05 46%, #008206 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #52b152 0%, #009e05 46%, #008206 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #52b152 0%, #009e05 46%, #008206 100%);
/* IE10+ */
background: linear-gradient(to bottom, #52b152 0%, #009e05 46%, #008206 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52b152', endColorstr='#008206', GradientType=0);
/* IE6-9 */
color: #fff !important;
}
.save_status {
font-size: 11px;
position: relative;
top: 5px;
height: 20px;
}
.save_status.saving {
background: url("../../all/images/lab_save_status.gif") no-repeat scroll 0 0 transparent;
padding-left: 25px;
}
.save_status.saved {
background: url("../../all/images/lab_save_ok.gif") no-repeat scroll 0 0 transparent;
padding-left: 25px;
}
#save_report,
.save_status {
float: right;
margin-right: 10px;
}
.start_resume_col .retake_button {
color: #1256A7;
font-size: 13px;
}
.start_resume_col .retake_button:hover {
text-decoration: underline;
}
#pdf_status {
border: 1px solid #cccccc;
padding: 10px;
margin-bottom: 25px;
}
#pdf_status ul {
list-style: none;
padding: 0;
}
#pdf_status ul li {
padding: 5px;
padding-left: 40px;
font-size: 19px;
margin-bottom: 12px;
}
#pdf_status ul li .action {
float: right;
}
#pdf_status ul li.done {
background: url('../../all/images/active.png') no-repeat;
}
#pdf_status ul li.done .action {
color: #49c346;
}
#pdf_status ul li.error {
background: url('../../all/images/inactive.png') no-repeat;
background-position: 1px;
}
#pdf_status ul li.generating {
background: url('../../all/images/loading_sm.gif') no-repeat;
background-position: 10px 8px;
color: #F3922B;
}
#pdf_status ul li.waiting {
color: #cccccc;
}
.bdl_select_dropdown {
position: absolute;
font-size: 14px;
z-index: 1000;
height: auto;
padding: 0;
margin: 2px 0 0 0;
background: #ffffff;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
display: none;
}
.bdl_select_wrapper {
width: 100%;
}
.bdl_selected_option.active {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.bdl_selected_option.active:after {
margin-top: -4px;
border-color: transparent transparent #000000 transparent;
border-width: 0 5px 5px 5px;
}
.bdl_selected_option:after {
position: absolute;
top: 50%;
right: 15px;
padding-left: 2px;
display: block;
width: 0;
height: 0;
margin-top: -1px;
border-color: #333333 transparent transparent transparent;
border-style: solid;
border-width: 5px 5px 0 5px;
content: ' ';
}
.bdl_selected_option {
font-size: 14px;
height: 30px;
position: relative;
z-index: 1;
display: inline-block;
width: 100%;
padding: 6px 12px;
overflow: hidden;
border: 1px solid #ffffff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bdl_selected_option:hover {
background: #e8e8e8;
}
.bdl_selected_option.active,
.bdl_selected_option.disabled {
background: #ffffff;
}
.bdl_selected_option.disabled {
color: #cccccc;
}
.bdl_selected_option.disabled:after {
border-color: #cccccc transparent transparent transparent;
}
.bdl_select_dropdown .option.active {
background-color: #5388c8;
color: #ffffff;
}
.bdl_select_dropdown .option {
cursor: pointer;
padding: 3px 12px;
}
body.matching-method #mainFrame,
body.exercises-controller.edit-method #mainFrame,
body.labeling-method #mainFrame,
body.concept_map-method #mainFrame,
body.review_quiz-method #mainFrame {
padding-left: 0;
padding-top: 0;
}
.exercises-controller .exercise.left {
/* padding-left: 40px; */
width: 75%;
float: left;
margin-left: 40px;
}
.exercises-controller .exercises_toolbar {
/* margin-top: -16px; */
}
.exercises-controller .exercises_toolbar ul {
background-color: #7B7B7B;
list-style-type: none;
padding: 7px 1.06382%;
margin: 0;
}
.exercises-controller .exercises_toolbar ul li {
display: inline;
padding-right: 5px;
}
.exercises-controller .exercises_list {
margin-left: 0;
padding-left: 20px;
list-style-type: none;
}
.exercises-controller .exercises_list li a {
display: block;
/* width: 150px; */
height: 30px;
color: #666;
margin: 5px 0px;
line-height: 30px;
}
.exercises-controller .exercises li ul {
list-style-type: none;
padding-left: 0;
}
.exercises-controller .terms_list input.incorrect {
border-color: red;
}
.exercises-controller .terms_list input.correct {
border-color: #3DCF15;
}
.exercises-controller .terms_list input {
border: 1px #CCC solid;
text-align: center;
width: 30px;
text-transform: uppercase;
height: 25px;
margin-right: 10px;
}
.exercises-controller .terms_list li {
min-width: 200px;
padding-right: 50px;
margin-bottom: 15px;
}
.exercises-controller .terms_list img {
pointer-events: none;
}
.exercises-controller .term_pair a {
margin-right: 5px;
}
.exercises-controller .term_pair input {
border: 1px solid #cccccc;
color: #7B7B7B;
padding: 6px;
margin-right: 5px;
margin-bottom: 5px;
}
.exercises-controller .term_pair ::-webkit-input-placeholder {
color: white;
}
.exercises-controller .term_pair :-moz-placeholder {
color: white;
}
.exercises-controller .term_pair ::-moz-placeholder {
color: white;
}
.exercises-controller .term_pair :-ms-input-placeholder {
color: white;
}
.exercises-controller .new_term {
display: none;
}
.exercises-controller .exercise_title,
.exercises-controller .exercise_title input {
border: 1px #ffffff solid;
background: 0;
color: #666;
/* margin-top: -36px; */
font-size: 25px;
font-family: "ProximaNova-Bold";
font-weight: normal;
width: 80%;
}
.exercises-controller .exercise_title input.inline {
border: 1px #ffffff solid;
background-color: #F8F8F6;
font-weight: normal;
font-family: "ProximaNova-Regular";
margin-top: 20px;
}
.exercises-controller .exercise_title input.inline:hover {
border: 1px #cccccc solid;
}
.exercises-controller .dropzone {
width: 76px;
height: auto;
position: absolute;
}
.exercises-controller .zone_hover {
border: dotted 1px #666;
background-color: #ddd;
height: 20px;
width: 85px;
}
.exercises-controller .term_title {
border: 1px dotted #cccccc;
background-color: #ffffff;
width: 76px;
height: auto;
padding: 3px;
text-align: center;
font-size: 11px;
font-weight: bold;
display: inline-block;
cursor: pointer;
vertical-align: top;
margin-bottom: 5px;
}
.exercises-controller .term_title_container {
position: fixed;
height: 70px;
padding: 5px;
bottom: 0px;
z-index: 9999;
}
.exercises-controller .term_background {
background-color: #000000;
position: fixed;
height: 70px;
padding: 5px;
bottom: 0px;
opacity: 0.5;
}
.exercises-controller .exercises_sidebar {
background-color: #F5F5F5;
min-height: 600px;
width: 20%;
/* margin-left: -39px;
margin-top: -55px; */
}
.exercises-controller .exercises_sidebar a.active {
color: #1256A7;
}
.exercises-controller h4.exercise_type_header {
padding-left: 40px;
margin-bottom: 0;
}
.exercises-controller a.exercise_edit {
margin-left: 30px;
margin-top: 5px;
}
.exercises-controller .incorrect input {
border: 1px solid #D8000C;
}
.exercises-controller .correct input {
border: 1px solid #4F8A10;
}
.exercises-controller .term_title.incorrect {
color: #D8000C;
background-color: #FFBABA;
border: 1px solid #D8000C;
}
.exercises-controller .term_title.correct {
color: #4F8A10;
background-color: #DFF2BF;
border: 1px solid #4F8A10;
}
.exercises-controller #courseBar {
padding-top: 0;
}
.exercises-controller #mainNav,
.exercises-controller #courseBar {
width: 100%;
}
.exercises-controller .left-col {
background-color: #f4f3f3;
padding-top: 15px;
}
.exercises-controller ul.jqtree-tree .jqtree-toggler {
font-size: 11px;
}
.exercises-controller ul.jqtree-tree li.jqtree-selected > .jqtree-element,
.exercises-controller ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover {
background: transparent;
}
.exercises-controller .module_btn {
margin-bottom: 15px;
}
.exercises-controller .jqtree_common.jqtree-selected .jqtree-title {
color: #1fa5f8;
font-weight: bold;
}
.exercises-controller .jqtree_common li {
margin-bottom: 10px;
}
.exercises-controller .jqtree-selected.jqtree-folder .jqtree-title {
font-weight: normal;
color: #000000;
}
.exercises-controller .exercise_icon_list {
list-style: none;
}
.exercises-controller .exercise_icon_list li {
margin-left: -25px;
margin-bottom: 20px;
}
.exercises-controller .exercise_icon,
.exercises-controller #module_list .module_name {
cursor: move;
}
.exercises-controller #module_list {
margin: 30px 0;
}
.exercises-controller #save {
margin-left: 15px;
margin-right: 10px;
}
.exercises-controller a#save:hover {
text-decoration: none;
}
.exercises-controller .exercise_icon:before {
background-color: #00aef1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline-block;
width: 20px;
height: 20px;
position: relative;
color: #ffffff;
padding-left: 4px;
margin-right: 5px;
}
.exercises-controller .concept_map_icon:before {
content: "C";
}
.exercises-controller .labeling_icon:before {
content: "L";
}
.exercises-controller .review_quiz_icon:before {
content: "Q";
}
.exercises-controller .matching_icon:before {
content: "M";
}
.exercises-controller .left-col {
min-height: 600px;
}
.exercises-controller .answers label {
margin-left: 8px;
}
.exercises-controller a.smaction_btn {
cursor: pointer;
}
.exercises-controller .right_buttons {
margin-top: 15px;
}
.exercises-controller .red {
color: #f24d53;
}
.exercises-controller .green {
color: #68c06a;
}
.exercises-controller .jqtree .jqtree_common a {
color: #7f7f7f;
}
.exercises-controller ul.jqtree-tree li.jqtree-folder a.module {
color: #07adf7;
font-weight: bold;
}
.exercises-controller ul.jqtree-tree li.jqtree-folder a.activity {
color: #7f7f7f;
font-weight: normal;
}
.exercises-controller ul.jqtree-tree li.jqtree-folder.jqtree-closed a {
color: #7f7f7f;
font-weight: normal;
}
.exercises-controller ul.jqtree-tree .jqtree-toggler {
color: #333 !important;
}
.exercises-controller #mainFrame {
padding: 0;
}
body {
margin: 0;
border: 0;
padding: 0;
font-size: 11pt;
}
body > h1 {
margin: 0 0 0.5em 0;
font: 2em sans-serif;
background-color: #def;
}
p {
margin-top: 0;
}
ins {
background: #dfd;
text-decoration: none;
}
del {
color: red;
background: #fdd;
text-decoration: none;
}
code {
font-size: smaller;
}
#params {
margin: 1em 0;
font: 14px sans-serif;
}
.code {
margin-left: 2em;
font: 12px monospace;
}
.ins {
background: #dfd;
}
.del {
background: #fdd;
}
.rep {
color: #008;
background: #eef;
}
.panecontainer {
display: inline-block;
width: 49.5%;
vertical-align: top;
}
.panecontainer > p {
margin: 0;
border: 1px solid #bcd;
border-bottom: none;
padding: 1px 3px;
background: #def;
font: 14px sans-serif;
}
.panecontainer > p + div {
margin: 0;
padding: 2px 0 2px 2px;
border: 1px solid #bcd;
border-top: none;
}
.pane {
margin: 0;
padding: 0;
border: 0;
width: 100%;
min-height: 20em;
overflow: auto;
font: 12px monospace;
}
#htmldiff.onlyDeletions ins {
display: none;
}
#htmldiff.onlyInsertions del {
display: none;
}
.button_row {
margin-top: 15px;
margin-bottom: 15px;
}
#docVersion {
display: none;
}
#handle_docVersion {
border-color: #1256A7;
background: #1256A7;
}
.version_history {
border: 1px solid #cccccc;
padding: 10px;
font-size: 14px;
line-height: 1.618;
padding: 0.5em;
vertical-align: top;
word-wrap: break-word;
}
.html_view {
font-family: Consolas,Monaco,monospace;
}
body {
/* padding: 10px; */
}
.slider_container {
margin-bottom: 5px;
}
.ui-slider-tic {
top: -21px !important;
}
.ui-slider .ui-slider-handle {
outline: none;
}
ins p,
del p,
ins table,
del table,
ins th,
td,
del th,
del td {
background: inherit;
}
#revision_date {
font-size: 12px;
}
.revision-bar {
position: absolute;
top: 231px;
width: 100%;
background: white;
opacity: 0.95;
z-index: 9;
padding: 0 20px;
left: 0;
}
.revision-preview {
padding-top: 225px;
}
.revision_details {
text-align: center;
margin-bottom: 25px;
}
/************* Defaults (site-wide?) *************/
a {
color: #333333;
}
.btn-row {
margin: 20px 0;
text-align: right;
margin-right: 0;
}
#add_page {
color: #4aa14a;
margin-left: 15px;
}
/************* Breadcrumb (NEW) *************/
.breadcrumb-new {
padding: 10px 15px;
background-color: #f6f6f6;
margin: 0 0 40px;
}
.breadcrumb-new h2 {
font-size: 24px;
margin: 0;
}
.breadcrumb-new i.bc-icon {
font-size: 12px;
color: #666666;
}
.breadcrumb-new .bc-active-pg {
color: #777;
}
/************* Question Panel *************/
body#lab-edit_page .panel.question-panel {
border: 1px solid #ddd;
/* #DFF0D8 */
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 5px;
margin: 20px 0;
}
body#lab-edit_page .panel.question-panel .panel-body {
padding: 15px 0;
background-color: #f6f6f6;
}
body#lab-edit_page .panel.question-panel .panel-body .panel-body {
padding: 15px;
}
body#lab-edit_page .panel.question-panel h4 {
padding: 5px 0;
}
body#lab-edit_page .panel.question-panel hr {
border-top: 5px solid #fff;
}
body#lab-edit_page .panel.question-panel .panel-title a:hover,
body#lab-edit_page .panel.question-panel .panel-title a:focus {
text-decoration: none;
}
body#lab-edit_page .panel.question-panel .panel-heading {
background-color: #ddd !important;
/* #DFF0D8 */
background-image: none;
border-color: #ddd;
/* #DFF0D8 */
}
body#lab-edit_page .panel.question-panel .panel-heading .accordion-toggle:after {
/* symbol for "opening" panels */
font-family: "Glyphicons Halflings";
/* essential for enabling glyphicon */
content: "\e114";
/* adjust as needed, taken from bootstrap.css */
float: left;
/* adjust as needed */
color: grey;
/* adjust as needed */
margin-right: 20px;
}
body#lab-edit_page .panel.question-panel .panel-heading .accordion-toggle.collapsed:after {
/* symbol for "collapsed" panels */
content: "\e080";
/* adjust as needed, taken from bootstrap.css */
margin-right: 20px;
}
body#lab-edit_page .panel.question-panel .dropdown-li {
padding: 5px 0;
}
body#lab-edit_page .panel.question-panel .dropdown-ul {
list-style-type: none;
padding-left: 10px;
}
/* end .panel */
.panel-heading.questions {
background-color: #f6f6f6 !important;
}
.panel.question-interior {
margin-bottom: 0;
}
.q_subhead {
text-transform: uppercase;
}
.points-div {
background-color: #fcf8e3;
border-top: 5px solid #fff;
}
/************* Data Table with Graph *************/
.question-section {
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
font-family: sans-serif, arial;
}
a.question-section:hover {
text-decoration: none;
}
.dtg_dataTable {
padding: 0;
border-top: 1px solid #d9edf7;
}
.dtg_graphSettings {
margin: 30px 0;
padding: 0 0 35px 0;
border-top: 1px solid #d9edf7;
border-bottom: 1px solid #d9edf7;
}
.dtg_graph {
padding: 0;
}
.hc_graph {
overflow: hidden;
margin-top: 35px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
/************* Graded Calculation *************/
.graded-calculation .input-group {
height: auto;
clear: none;
}
.graded-calculation .input-group[class*="col-"] {
float: left;
}
.graded-calculation .eqpreview {
background-color: #fff !important;
}
.graded-calculation .variables th.variable-col {
width: 15%;
}
.graded-calculation .variables th.label-col {
width: 20%;
}
.graded-calculation .variables th.unit-col {
width: 8%;
}
.graded-calculation .variables th.minval-col {
width: 10%;
}
.graded-calculation .variables th.maxval-col {
width: 10%;
}
.graded-calculation .variables th.decimal-col {
width: 8%;
}
.graded-calculation .variables th.sigfig-col {
width: 5%;
}
.graded-calculation .variables th.point-col {
width: 8%;
}
.graded-calculation .variables th.graded-col {
width: 5%;
}
.graded-calculation .variables th.action-col {
width: 5%;
}
.graded-calculation .variables input[type="checkbox"] {
margin: 0;
}
.graded-calculation .variables .form-control {
box-shadow: none;
}
.graded-calculation .form-control-inline {
min-width: 0;
width: auto;
display: inline;
}
/************* Take views *************/
body#lab-take .panel-footer {
background-color: #fff;
border-top: 1px #fff solid;
}
body#lab-take .form-group {
margin-bottom: 10px;
}
body#lab-take .form-group input.text-answer {
margin-left: 15px;
}
body#lab-take h2 {
margin-top: 0;
}
body#lab-take .btn-group {
margin: 20px 0px;
}
body#lab-take .content {
margin: 30px 60px 0 60px;
}
body#lab-take .content label {
font-weight: normal;
}
body#lab-take .content label .q-num {
font-weight: bold;
margin-right: 5px;
vertical-align: top;
}
body#lab-take .content label .question-text > p {
display: inline;
vertical-align: top;
word-wrap: break-word;
}
body#lab-review h2 {
margin-top: 0;
}
body#lab-review .btn-group {
margin: 20px 0px;
}
/************* Grading View *************/
body#lab-grades {
/*btn-size {
max-width: 400px;
}*/
}
body#lab-grades label {
font-weight: normal;
}
body#lab-grades .panel-heading .panel-title {
padding: 0;
}
body#lab-grades .light-text {
color: #ddd;
}
body#lab-grades .grading-nav {
margin-bottom: 10px;
}
body#lab-grades .btn-group {
display: flex;
}
body#lab-grades .answer-check {
margin-left: 2%;
margin-bottom: 2%;
}
body#lab-grades .answer-check .table {
max-width: 100%;
}
body#lab-grades .input-group {
height: 75px;
width: 150px;
margin-left: 1%;
clear: both;
}
body#lab-grades .input-group .placeholder-style {
width: 45px;
}
body#lab-grades .lab-media {
height: 200px;
}
.rubric {
overflow-y: auto;
overflow-x: auto;
}
/************* assignment page edit view *************/
.points {
margin-left: 2%;
margin-top: 2%;
}
label.correct {
color: #46c54e;
}
label.incorrect {
color: #a82121;
}
/************ CAUSING ISSUES ***************/
/************* UNSORTED *************/
#textarea {
resize: none;
}
.accord {
margin-left: 0px;
margin-right: 15px;
margin-bottom: 10px;
}
h2 {
color: #000000;
font-family: helvetica;
}
.dropdown-menu .selector-active {
font-weight: bold;
color: orange;
}
#laba-assign .selector-active {
font-weight: bold;
color: orange;
}
.section-info {
font-family: arial;
font-size: 18px;
/* margin-left: 60px; */
margin-bottom: 50px;
}
.bc {
margin-left: 30px;
}
.navbar-login {
width: 305px;
padding: 10px;
padding-bottom: 0px;
}
.navbar-login-session {
padding: 10px;
padding-bottom: 0px;
padding-top: 0px;
}
.row .mycheckbox {
float: left;
clear: right;
}
.small-margin-bottom {
padding-bottom: 15px;
}
.big-margin-bottom {
padding-bottom: 30px;
}
h4 {
font-size: 1.8px;
font-weight: normal;
padding-bottom: 10px;
}
.label h5 {
font-size: 1.3em;
font-weight: normal;
}
.icon-size {
font-size: 87px;
}
.placeholder-style::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #333;
}
.placeholder-style::-moz-placeholder {
/* Firefox 19+ */
color: #333;
}
.placeholder-style:-ms-input-placeholder {
/* IE 10+ */
color: #333;
}
.placeholder-style:-moz-placeholder {
/* Firefox 18- */
color: #333;
}
.jFiler-input-dragDrop {
margin-bottom: 0px;
width: 275px;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
.jFiler {
font-family: inherit;
}
.top {
margin: 20px 0px 20px 20px;
}
.top-dropdown {
text-align: left;
width: 100%;
}
table#rubric td {
border: 1px solid #ccc;
padding: 10px;
}
table#rubric th {
border: 1px solid #ccc;
padding: 10px;
background-color: #f6f6f6;
}
.grade-panel thead tr th {
border-bottom: none;
}
.grade-panel > tbody > tr > td,
.grade-panel > tbody > tr > th,
.grade-panel > tfoot > tr > td,
.grade-panel > tfoot > tr > th,
.grade-panel > thead > tr > td,
.grade-panel > thead > tr > th {
border-top: 1px solid #fff;
}
.editor {
padding: 6px 12px;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
min-height: 36px;
}
input.data-table-title {
width: 97%;
margin-bottom: 20px;
}
input.inline-edit {
background-color: inherit;
border: none;
width: 100%;
}
table.data-table tr td:last-child {
border: none !important;
}
/************* submissions list view *************/
.submission-panel tbody > tr > td,
.submission-panel tbody > tr > th,
.submission-panel tfoot > tr > td,
.submission-panel tfoot > tr > th,
.submission-panel thead > tr > td,
.submission-panel thead > tr > th {
vertical-align: middle !important;
}
/* @import "https://www.bluedoorlabs.com/themes/admin/css/pages.less"; */
/*overrides matching variables in the above files before compiling to css*/ |