.grey {
    background: #eee;
}

table {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

td {
    /* The spec says that word-break is for CJK
    languages. word-wrap is for Latin based
    languages. Specifying both at the same time
    seems to give precedence to word-break. I can't
    seem to find a way to do this based on
    languages. hyphens property seems new, and
    doesn't work on my Chrome.

    word-break: break-word on Chrome (and probably
    webkit) seems to do the right thing. It's a
    combination of 'word-wrap: break-word' and
    'word-break: break-word'.*/
    word-break: break-word;
    word-wrap: break-word;
    vertical-align: middle;
    white-space: pre-wrap;
}

.table > thead {
    background: white;
    z-index: 1000;
}

.table > thead > tr > th {
    vertical-align: middle;
}

.table > tbody > tr > td {
    vertical-align: middle;
}

.table > tbody + tbody {
    border: none;
}

/*.btn {
	padding: 5px;
	margin-top: 2px;
}*/
.badge {
    margin: 0px;
}

.pc_badge {
    background: #1C96CA;
}

.thin-right-border {
    border-right: thin solid #ddd;
}

.nrtable-zebra {
    background: #eee;
}

.nr-tableview, .nr-tableview-library {
    height: 699px;
    overflow-y: scroll;
    overflow-x: hidden;
}


.nr-tableview-courses {
    height: 120px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.tab-content {
    padding: 10px;
    border: 1px solid #aaaaaa;
    border-top: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /* border-top-right-radius: 5px;*/
}

.nr-network-private {
    background: #fff;
    border: thin solid grey;
}

.nr-network-public {
    background: #000;
}

.nr-network {
    border-radius: 100%;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
}

.nr-network-dropdown {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 30px;
}

.networks-menu-dropdown > li > a {
    height: 30px;
    padding-left: 10px;
}

.nr-no-explanation {
    border-radius: 100%;
    width: 16px;
    height: 16px;
    background: white;
    border: thin solid grey;
    vertical-align: middle;
    display: inline-block;
}

#reload_button {
    position: absolute;
}

.tab-content tr {
    font-size: 1.0em;
    height: 40px;
}

.drag_enter {
    border: 2px solid red;
}

#button_setting {
    position: absolute;
    width: 194px;
    height: 280px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: white;
    z-index: 15;
}

@media (min-width: 768px) {
    #button_setting {
        left: -148px;
        top: 43px;
    }
}

@media (max-width: 769px) {
    #button_setting {
        left: -154px;
        top: 31px;
    }
}

.setting_list {
    /*margin: 10px;*/
    padding-left: 10px;
}

.setting_list_icon {
    font-size: 24px;
    margin-top: 4px;
}

.setting_list_name {
    margin-left: 10px;
    font-size: 16px;
}

#setting_save, #setting_cancel {
    margin-left: 30px;
}

#eeg_table-placeholder, #introductory {
    margin: 50px 15px 0px 15px;
}

#courses_table-placeholder {
    margin: 0 20px 0 20px;
    border: 1px solid #aaaaaa;
}

#course_options {
    margin: 10px 5px 10px 5px;
}

#course_name_form {
    margin: 10px 5px 0 10px;
}

#suspended_info {
    display: none;
    text-align: right;
    margin-right: 30px;
    margin-bottom: 5px;
    color: red;
}

#library_table-placeholder {
    margin: 50px 15px 50px 50px;
}

#purchase_inkles {
    margin: 20px 0 20px 0;
}

@media (max-width: 1024px) {
    #history_table_placeholder {
        margin-top: 20px;
    }
}

.element_visibility {
    margin: 8px 10px 0 5px !important;
}

/* override a bootstrap tab css */
.nr-tabs {
    height: 45px;
}

#table-placeholder {
    overflow: hidden;
}

::-webkit-input-placeholder { /* Safari, Chrome and Opera */
    color: #C0C0C0; /* rgb(192, 192, 192) */
}

:-moz-placeholder { /* Firefox 18- */
    color: #C0C0C0; /* rgb(192, 192, 192) */
}

::-moz-placeholder { /* Firefox 19+ */
    color: #C0C0C0; /* rgb(192, 192, 192) */
}

:-ms-input-placeholder { /* IE 10+ */
    color: #C0C0C0; /* rgb(192, 192, 192) */
}

::-ms-input-placeholder { /* Edge */
    color: #C0C0C0; /* rgb(192, 192, 192) */
}

:placeholder-shown { /* Standard one last! */
    color: #C0C0C0; /* rgb(192, 192, 192) */
}

.progress-nr {
    margin-bottom: 0px;
    position: relative;
}

.history-thead {
    font-family: 'source_sans_proregular';
    border-top: 1px solid #ddd !important;
}

.nr-progress-bar-label {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    padding: 0px 2px;
    color: #333;
    text-shadow: 0px 0px 7px #fff;
    font-family: 'source_sans_proregular';
}

.expand_arrow:after, .expanded_arrow:after {
    content: " ";
}

/*.expand_arrow{
    background-image: url(data:image/png;base64,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);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    text-decoration: none;
    width: 19px;
    height: 10px;
}

.expanded_arrow{
  background-image: url(data:image/png;base64,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);
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
  text-decoration: none;
  width: 19px;
  height: 10px;
}*/

.relation_AB {
    color: #0065AB;
    font-family: 'source_sans_probold', serif;
    padding-left: 0px !important;
    display: inline-block;
}

.pc_prefix_span {
    color: #1C96CA;
    font-family: 'source_sans_probold', serif;
}

.premiseContent {
    padding-left: 30px;
}

.no_bullets {
    list-style: none;
    margin: 0;
    padding: 0;
}

.selected_tr {
    background: #F2F2F2;
}

.selected_tr_all {
    display: none;
}

#all_table {
    border-top: 1px solid;
}

#selected_course_info {
    width: 50%;
    margin: auto;
    position: relative;
    vertical-align: middle;
}

#no_course_info {
    width: 250px;
    margin: auto;
    position: relative;
    vertical-align: middle;
}

#no_purchased_course_info,
#no_purchased_inkle_info {
    width: 300px;
    margin: auto;
    position: relative;
    vertical-align: middle;
}

@media (max-width: 480px) {
    #selected_course_info {
        top: 15%;
    }
}

@media (min-width: 481px) {
    #selected_course_info {
        top: 30%;
    }
}

#course_info_all {
    font-family: 'source_sans_probold';
    font-size: 1.1em;
    color: #555555;
    cursor: pointer;
}

@media (max-width: 480px) {
    .mobile-false {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .wide-mobile-false {
        display: none !important;
    }
}

.zoomContainer {
    height: 0px !important;
}

.nr-tabs {
    background-color: #FAFAFA;
    border-top: 1px solid #E0E0E0 !important;
    border-left: 1px solid #E0E0E0 !important;
    border-right: 1px solid #E0E0E0 !important;
}

li.active .nr-tabs {
    border-top: 1px solid #AAAAAA !important;
    border-left: 1px solid #AAAAAA !important;
    border-right: 1px solid #AAAAAA !important;
}

@media (max-width: 768px) {
    .long_name {
        display: none;
    }
}

@media (min-width: 769px) {
    .short_name {
        display: none;
    }
}

.audio-button {
    color: white;
    padding: 2px;
    font-weight: bold;
    background-color: red;
}

.course_label_tooltip {
    word-break: break-word;
}

/* reduce the font size for tooltip text */
.course_label_tooltip > .tooltip-inner {
    font-size: 14px;
}

.content_help_tooltip > .tooltip-inner {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* align right-side-tab with table-content */
.nr-tabs-right {
    left: 2px;
}

#relation_search {
    border: 1px solid #aaa;
    line-height: 2.2 !important;
    padding-left: 10px;
}

/* http://www.spiceupyourblog.com/2013/09/css-sliding-underline-wordpress-blogger.html#.VzytcJMrKGQ */
/* Underline Slide */
.uslide {
    display: inline-block;
}

.uslide:after {
    content: '';
    display: block;
    height: 3px;
    width: 0;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}

.uslide:hover:after {
    width: 100%;
    background: rgba(255, 22, 22, 0.8);
}

/*Slide Right To Left*/
.uslide2 {
    display: inline-block;
    position: relative;
    padding-bottom: 3px;
}

.uslide2:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}

.uslide2:hover:after {
    width: 100%;
    background: #990000;
}

#td_course_search {
    padding-left: 35px;
}

.validity_span {
    margin-right: 10px;
}

.validity_input {
    width: 25px;
    margin-right: 10px;
}

@media (min-width: 481px) {
    .validity_span {
        display: inline-block;
    }
}

@media (max-width: 480px) {
    .validity_span {
        display: none;
    }
}

/*https://stackoverflow.com/questions/39846282/how-to-add-the-text-on-and-off-to-toggle-button*/
.switch {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 34px;
    margin-bottom: 0px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ca2222;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2ab934;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(55px);
    -ms-transform: translateX(55px);
    transform: translateX(55px);
}

/*------ ADDED CSS ---------*/

.no_errors, .errors {
    color: white;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    font-size: 10px;
    font-family: Verdana, sans-serif;
}

input:checked + .slider .no_errors {
    display: block;
}

input:checked + .slider .errors {
    display: none;
}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/* Switch CSS End*/

#course_errors_table, #response_scores_table {
    border: 1px solid #A0A0A0;
    table-layout: auto;
    width: 100%;
}

#course_errors_table th, #response_scores_table th, #course_errors_table td, #response_scores_table td {
    border: 1px solid #A0A0A0;
    padding: 5px;
}

#response_scores_table td {
    font-weight: normal;
}

#course_errors, #response_scores {
    max-height: 500px;
    overflow-y: scroll;
    font-size: 1em;
}

.response_scores {
    cursor: pointer;
}

.icon-learn {
    filter: invert(1);
    height: 15px;
    width: 20px;
}

.icon-test {
    filter: invert(1);
    height: 15px;
    width: 15px;
}

.icon-learn:hover {
    filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);
}

.icon-test:hover {
    filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);
}

#all_responses_option {
    margin-top: 5px;
    margin-left: 10px;
}

#reduce_difficulty_option {
    margin-left: 10px;
}

.nt-circle {
    margin-left: 10px;
    background: #1C96CA;
    color: #fff;
    padding: 2px 6px;
    border-radius: 50%;
    font-size: 12px;
}


.course_sub_option_title {
    padding-left: 10px !important;
    margin-bottom: 5px
}

.course_algorithm_select {
    width: 50%;
    margin-left: 10px;
}

.course_algorithm_input {
    margin-left: 10px;
}

.course_sub_options {
    margin-left: 10px;
    margin-top: 5px;
}

.pomdp_number_inputs {
    margin-top: 3px;
    margin-bottom: 5px;
}

.course_sub_option_list {
    border-left: 1px solid #BDBDBD;
}

.course_sub_option_title {
    font-family: source_sans_proregular, serif;
}