:root {
  --QTOrange: #EC6C37;
  --QTDarkOrange: #c05600;
  --QTLightOrange: #fadacd;
  --QTDarkBlue: #004466;
  --QTLightBlue: #99b2cc;
  --QTBlue: #336699;
  --QTDarkGrey: #232323;
  --QTGrey: #aaaaaa;
  --QTLightGrey: #e6e6e6;
  --QTDbLightGrey: #eaeaea;
  --QTLightGreyBlue: #F6F8F9;
  --QTGreen: #669933;
  --QTLightGreen: #B3CC9A;
  --QTDarkGreen: #446600;
  --QTDarkPurple: #5a08a2;  
  --QTBlackTransparent50: rgb(0, 0, 0, 0.5);
  --QTWhiteTransparent50: rgb(255, 255, 255, 0.5);
  --QTWhiteTransparent75: rgb(255, 255, 255, 0.75);
  --QTTransparent0: rgb(0, 0, 0, 0);
}

.QTDarkOrange{ color: var(--QTDarkOrange); }
.QTDarkBlue  { color: var(--QTDarkBlue);   }
.QTBlue      { color: var(--QTBlue);       }
.QTDarkBlue  { color: var(--QTDarkBlue);   }
.QTGreen     { color: var(--QTGreen);      }
.QTOrange    { color: var(--QTOrange);     }

/********************* link *********************/

a{
  color: var(--QTDarkBlue) !important;
  text-decoration: none !important;
}

.QTLink, .cMESH_link, .slcMESH_link, .PMID_link, .PMID_linkFromList, .PMIDList_link, .author_link{
  color: var(--QTDarkBlue);
  text-decoration: none;
  cursor: pointer;
}

.readedPMID_link{
  color: var(--QTDarkPurple);
  text-decoration: none;
  cursor: pointer;
}

.QTButton, .QTButton:focus{
  background-color: var(--QTTransparent0);
  color: var(--QTDarkBlue);
  font-weight: 600;
  border: 0px solid var(--QTDarkBlue)!important;
  border-radius: 20px;
  cursor: pointer;
  margin: 5px 5px 5px 5px;
  box-shadow: 0px 1px 2px var(--QTGrey);
}
.QTButton:hover {
  background-color: var(--QTLightGrey) !important;
  color: var(--QTDarkBlue);
  border: 0px !important;
  transition: 0.7s;
  margin: 5px 5px 5px 5px;
  box-shadow: 0px 2px 5px var(--QTGrey);
}
.QTButtonDark, .QTButtonDark:hover, .QTButtonDark:focus{
  background-color: var(--QTBlue);
  color: #ffffff !important;
  font-weight: 600;
  border: 0px !important;
  border-radius: 20px;
  margin-bottom: 5px;
  cursor: pointer;
}
.QTButtonGrey, .QTButtonGrey:hover, .QTButtonGrey:focus{
  background-color: var(--QTLightGrey);
  color: var(--QTDarkBlue) !important;
  font-weight: 600;
  border: 0px !important;
  border-radius: 20px;
  margin-bottom: 5px;
  cursor: pointer;
}
.QTButton.disabled, .QTButton:disabled{
  background-color: var(--QTLightGrey) !important;
  color: var(--QTGrey);
  border: 0px !important;
  transition: 0.7s;
  margin: 5px 5px 5px 5px;
  box-shadow: 0px 2px 5px var(--QTGrey);
}
.QTButton.active, .QTButton:active{
  background-color: var(--QTBlue) !important;
  color: white;
  border: 0px !important;
  transition: 0.7s;
  margin: 5px 5px 5px 5px;
  box-shadow: 0px 2px 5px var(--QTGrey);
}

.QTIcon{
  display: inline-block;
  width: 1.5em;
  vertical-align: middle;
  text-align: center;
  margin:auto;
  color: var(--QTDarkBlue);
  cursor: pointer;
}

.QTIconButton, .QTIconButton:focus{
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  vertical-align: middle;
  text-align: center;
  margin:auto;
  color: var(--QTDarkBlue);
  cursor: pointer;
}
.QTIconButton:hover{
  display: inline-block;
  background-color: var(--QTLightGrey);
  border-radius: 20px;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  vertical-align: middle;

  text-align: center;
  margin:auto;
  color: var(--QTDarkBlue);
  cursor: pointer;
}
.QTIconButtonGreen, .QTIconButtonGreen:focus{
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  vertical-align: middle;
  text-align: center;
  margin:auto;
  color: var(--QTGreen);
  cursor: pointer;
}
.QTIconButtonGreen:hover{
  display: inline-block;
  background-color: var(--QTLightGrey);
  border-radius: 20px;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  vertical-align: middle;

  text-align: center;
  margin:auto;
  color: var(--QTGreen);
  cursor: pointer;
}

.QTIconButtonOrange, .QTIconButtonOrange:focus{
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  vertical-align: middle;

  text-align: center;
  margin:auto;
  color: var(--QTDarkOrange);
  cursor: pointer;
}
.QTIconButtonOrange:hover{
  display: inline-block;
  background-color: var(--QTLightGrey);
  border-radius: 20px;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  vertical-align: middle;

  text-align: center;
  margin:auto;
  color: var(--QTDarkOrange);
  cursor: pointer;
}

.QTIconButtonGrey{
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  vertical-align: middle;

  text-align: center;
  margin:auto;
  color: var(--QTGrey);
  cursor: pointer;
}
.QTIconButtonGrey:hover{
  display: inline-block;
  background-color: var(--QTLightGrey);
  border-radius: 20px;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  vertical-align: middle;

  text-align: center;
  margin:auto;
  color: var(--QTDarkBlue);
  cursor: pointer;
}

.QTIconForButton{
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin:auto;
}

.QTCurrentText{
  text-align: justify;
  margin-bottom: 0px !important;
  padding-right: 10px;
}

#div_prevent_clicks{
  visibility:visible;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: var(--QTBlackTransparent50);
  z-index: 99999;
  opacity: 1;

  transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s  ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
}
#div_prevent_clicks_spinner_div{
  width:  5rem; 
  height: 5rem;
  border-width:  0.5em;
  color:  var(--QTDarkBlue);
}

.tippy-tooltip.left-align-theme {
  text-align: left;
  border-radius: 10px;
}

.slcMESH_tippy_link{
  color: #ffffff !important;
  text-decoration: underline !important;
  font-weight: 500 !important;
  cursor: pointer;
}

.alert{
  border-radius: 10px;
}

.underlineGradient{
  background-repeat: no-repeat !important;
  background-size: 100% 2px !important;
  background-position-y: 100% !important;
}

/********************* Headings *********************/

h5{
  color:var(--QTDarkBlue) !important;
  padding-top:10px;
  font-size: 1.20rem;
  font-weight: 500;
  margin-bottom: 0px;
  line-height:  30px;
}

.h_wo_lineBreak{
  display: inline;
  padding-top: 0px;
}

.highlightBlue{
  color:#336699;
  font-weight: bold;
}

/********************* list *********************/

ol.help_modal_summary {
  list-style-type: none;
  counter-reset: item !important;
  padding-left: 15px !important;
}
li.help_modal_summary {
  display: block !important;
}
ol.help_modal_summary li::before {
  content: counters(item, ".") ". " !important;
  counter-increment: item !important;
}
ol.help_modal_summary ol.help_modal_summary li::before {
  content: counters(item, ".") ". " !important;
}

/********************* form *********************/

input[type="checkbox"]:checked{
  accent-color: var(--QTDarkBlue);
}

textarea, textarea:focus{
  background-color: var(--QTDbLightGrey);
  box-shadow: 0px 1px 2px var(--QTGrey);
  border-radius: 20px;
  border:none;
  padding-left: 10px;
  padding-right: 10px;
  resize: none;
  outline: none;
}

.QTInput, .QTInput:focus{
  background-color: var(--QTDbLightGrey);
  box-shadow: 0px 1px 2px var(--QTGrey);
  border-radius: 20px;
  border:none;
  padding-left: 10px;
  padding-right: 10px;
  margin: 5px 0px 5px 0px;
  resize: none;
  outline: none;
  height: 30px;
}

.QTSelect{
  background-color: var(--QTDbLightGrey);
  box-shadow: 0px 1px 2px var(--QTGrey);
  border-radius: 20px;
  border: none;
  padding-left: 10px;
  padding-right: 10px;
  margin: 5px 0px 5px 0px;
  height: 30px;
  resize: none;
  outline: none;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, input:autofill, input:autofill:hover, input:autofill:focus, input:autofill:active{
  background-color: var(--QTDbLightGrey);
  background: none;
  -webkit-text-fill-color: black;
  transition: background-color 5000000s ease-in-out 0s;
}

/********************* table *********************/

table.dataTable thead th {
  color: var(--QTDarkBlue);
}
table.dataTable tr {
  border-bottom: 2px;
  border-color: var(--QTLightGrey);
}
table{
  width:100% !important;
}

.table-striped thead th{
  color: var(--QTDarkBlue);
}
.table-striped tr{
  background-color: white !important;
}
.table-striped tr                 {background-color: white !important;}
.table-striped tr:nth-child(even) {background-color: white !important;}

.word_break{
  word-break: break-all;
}

.dt-paging-button.active > a{
  background-color: var(--QTBlue) !important;
  color: white !important;
}

/********************* body *********************/

#fullBody{
  background-color: var(--QTLightGreyBlue);
}

.tab_contentHelp{
  padding-left: 10px !important;
  padding-right: 10px !important;
}

div.dt-scroll-body{
  border-bottom-width:0px !important;
}
.dt-scroll-body{
  overflow-x:hidden !important;
  overflow-y:auto !important;
}

.row{
  margin: 0px 0px 0px 0px !important;
  padding: 0px 0px 0px 0px !important;
}

#bodyPart{
  background-color: #ffffff;
  border-radius: 20px 0px 0px 0px;
}
.paddingLeft12{
  padding-left: 12px !important;
}

/********************* menu *********************/

#allTopMenu{
  position: fixed;
  z-index: 999;
  width: 100%;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

#tabToolsMenu{
  border: none !important;
}

#menu_logoQuaesia{
  height: 24px;
  max-width:150px;
  margin-left: 16px;
  margin-right: 16px;
}

.nav-link{
  color:var(--QTBlue) !important;
  font-weight: 500;
  border-radius: 20px !important;
  border: 0px !important;
  font-size: 1.1em
}
.nav-link.active, .nav-link:active, .nav-link.active:hover{
  background-color: var(--QTBlue) !important;
  color: white !important;
}
.nav-link.hover, .nav-link:hover{
  background-color: white !important;
  color:var(--QTBlue) !important;
}
.nav-link.disabled{
  color:var(--QTGrey) !important;
}

#menu_help_button{
  margin-left: 16px;
  margin-right: 16px;
}

#topMenu_msg{
  overflow: hidden;
}
#topMenu_msg > :first-child {
  display: inline-block;
  padding-left: 100%;
  white-space: nowrap;
  animation: defilement-rtl 15s infinite linear;
}
@keyframes defilement-rtl {
  0%   { transform: translate3d(0,0,0);    }
  100% { transform: translate3d(-100%,0,0);}
}

#hamburger_menu{
  background-color: var(--QTTransparent0) ;
  position: absolute;
  right: 0;
  top: 10;
  z-index: 9999;
}
#hamburger_menu_logoQuaesia{
  max-width:150px
}

#user_picture {
  width:100px;
  height:100px;
  object-fit: cover;
  border-radius: 50%;
  border-color: var(--QTBlue);
  border-width: 4px;
  border-style: solid;
}

.rightBarLink{
  cursor: pointer;
}

#study_tab_cyStudyPopup, #study_tab_cyQueryPopup, #PMID_tab_cyPMIDPopup{
  font-size: 0.9em;
  position: absolute;
  z-index: 99;
  padding-right: 10px;
  background-color: var(--QTWhiteTransparent75);
}

/********************* sidebar *********************/

#sidebar_title{
  margin-left: 12px !important;
  padding-right: 24px !important;
}

#sidebar_show{
  background-color: var(--QTLightGreyBlue);
  color: var(--QTBlue);
  position: absolute;
  border-radius: 0px 10px 10px 0px;
  padding:0px;
  margin:0px;
  cursor: pointer;
}
#sidebar_show_text{
  writing-mode: vertical-rl;
  text-orientation: mixed;
  line-height: 1.8em;
}
#sidebar_showMobile{
  background-color: var(--QTLightGreyBlue);
  color: var(--QTBlue);
  position: absolute;
  width:100% !important;
  border-radius: 0px 0px 10px 10px;
  padding:0px;
  margin:0px;
  cursor: pointer;
}

#sidebar_study_table table thead tbody th td tr{
  border: 1px solid !important;
  border-width: 1px !important;
  border-style: solid !important;
}
#sidebar_study_table_wrapper{
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.sidebar_study_cMESHIdWeight_input, .sidebar_study_freeTermWeight_input{
  border: 0px;
  background-color: var(--QTTransparent0);
  width: 3em;
  text-align: center;
}
.sidebar_study_cMESHIdWeight_input::-webkit-inner-spin-button, .sidebar_study_cMESHIdWeight_input::-webkit-outer-spin-button, .sidebar_study_freeTermWeight_input::-webkit-inner-spin-button, .sidebar_study_freeTermWeight_input::-webkit-outer-spin-button {
  opacity: 1;
  background-color: var(--QTTransparent0);
}
.sidebar_study_cMESHIdWeight_input:focus, .sidebar_study_freeTermWeight_input:focus {
  outline: none;
}

.tab_study_change{
  color: var(--QTOrange);
}

/********************* home_tab *********************/

#home_tab_contentTool{
  margin: 0px !important;
  padding: 0px !important;
}

#home_tab_background1, #home_tab_background2{
  background-color: var(--QTOrange);
  z-index: 0;
}

.hr_separator{
  height: 1px !important;
  background-color: var(--QTBlue);
  border: none;
  margin-top: 100px;
  margin-bottom: 100px;
}

#home_tab_part_title{
  text-align: center;
}
#home_tab_part_title_img{
  width: 500px;
  margin-top: 50px;
  margin-bottom: 50px;
}
#home_tab_part_textHeader{
  margin-top: 50px;
  margin-bottom: 50px;
}
#home_tab_part_textHeader_text{
  max-width: 800px;
  margin-top: 50px;
  font-size: 1.1em;
}
#home_tab_part_1stScreenShot_img{
  max-width: 1200px;
  margin-top: 50px;
  margin-bottom: 50px;
}
#home_tab_part_queryBackground{
  background: var(--QTBlue) ;
  background: linear-gradient(90deg,rgba(51, 102, 153, 0.25) 0%, rgba(236, 108, 55, 0.25) 100%);
  padding-top: 100px !important;
  padding-bottom: 100px !important;
  margin-bottom: 100PX !important;
}
#home_tab_part_titleQuestion{
  padding-bottom: 50px !important;
  color: var(--QTDarkBlue);
}
.home_tab_subpartAvantage{
  max-width: 1200px;
}
#home_tab_partSupport{
  margin-bottom: 100px !important;
}

/********************* study_tab *********************/

#study_tab_cyQueryHeader_div, #study_tab_cyStudyHeader_div{
  margin-left: 12px !important;
}

#study_tab_description_form{
  margin-right: 12px;
  background-color: var(--QTDbLightGrey);
  border-radius: 20px 20px 20px 20px;
  padding: 5px !important;
}

#study_tab_description_text_textarea{
  min-height: 3em;
  max-height: 10em;
  background-color: none;
  border: none;
  box-shadow: none;
  border-radius: 0;
}
#study_tab_description_submit_button{
  background-color: white;
}

.study_tab_publication{
  padding-top: 12px !important;
}

#study_tab_cyStudy_slider {
  background: var(--QTBlue);
  height: 3px !important;
  display: inline-block;
  max-width:200px;
}
#study_tab_cyStudy_slider .ui-slider-handle{
  background: white;
  border-color: var(--QTBlue);
  border-width: 3px;
  border-radius: 50%;
  margin-top:-3px;
  height: 18px;
  width: 18px;
  outline: 2px solid white;
}

/********************* RE_tab *********************/

#RE_tab_empty_divCol{
  max-width: 600px;
  margin-top: 30vh;
}

#RE_tab_table_wrapper .col-12{
  padding-right: 0px !important;
}

/********************* pred_tab *********************/

.pred_tab_svgPairE{
  cursor: pointer;
}

.pred_tab_target_button_selected{
  background-color: var(--QTBlue) !important;
  color: white !important;
  border: 0px !important;
  transition: 0.7s;
  margin: 5px 5px 5px 5px;
  box-shadow: 0px 2px 5px var(--QTGrey);
}

.pred_tab_target_button_selected:hover{
  background-color: var(--QTBlue) !important;
}

#pred_tab_targetMESH_button{
  color: var(--QTDarkGreen);
}

.pred_tab_targetcMESH_button_remove:hover{
  background-color: var(--QTOrange) !important;
  color: white;
}

/********************* PMIDlist_tab *********************/

#PMIDList_tab_findPMIDExecute_button{
  background-color: white;
}

#PMIDList_tab_empty_divCol{
  max-width: 600px;
  margin-top: 30vh;
}

#PMIDList_tab_resultTable{
  margin-top: 6px !important ;
}

#PMIDList_tab_filteryearSpinner_div{
  height: 400px;
}
.spinner{
  transform-origin:center;
  animation:spinner_AtaB .75s infinite linear;
  fill: var(--QTBlue);
}
@keyframes spinner_AtaB{
  100%{transform:rotate(360deg)}
}

#PMIDList_tab_filteryearHistogram{
  height: 400px;
}
#PMIDList_tab_filteryearHistogramSlider {
  background: var(--QTTransparent0) !important;
  border-width: 0 !important;
  height:0px !important;
  margin-top:9px;
}
#PMIDList_tab_filteryearHistogramSlider .ui-widget.ui-widget-content {
  border: 0px;
  background: var(--QTTransparent0);
}
#PMIDList_tab_filteryearHistogramSlider .ui-slider-range{
  background: var(--QTBlue);
  border-color: var(--QTBlue);
  margin-top:1px;
  height: 3px;
}
#PMIDList_tab_filteryearHistogramSlider .ui-slider-handle{
  background: white;
  border-color: var(--QTBlue);
  border-width: 3px;
  border-radius: 50%;
  margin-top:-2px;
  height: 18px;
  width: 18px;
  outline: 2px solid white;
}
#PMIDList_tab_filterFindlimitSup{
  width: 4em;
  height: 30px;
  display: inline;
}
.PMID_linkFromList{
  font-family: "Merriweather", serif;
}
.PMIDlist_author{
  color:var(--QTDarkGrey);
  font-size: 0.9rem;
}
.PMIDlist_jt{
  color:var(--QTGreen);
  font-size: 0.9rem;
}
.PMIDlist_PMID, .PMIDlist_PMC, .PMIDlist_DOI{
  color:var(--QTDarkOrange);
  font-size: 1rem;
}

/********************* PMID_tab *********************/

#PMID_tab_Info{
  margin-right: 12px;
  padding-top: 1em !important;
}

#PMID_tab_graph{
  margin-left: 12px;
  padding-top: 1em !important;
}

#PMID_tab_empty_divCol{
  max-width: 600px;
  margin-top: 30vh;
}

#PMID_tab_find_form{
  display: inline-block;
  background-color: var(--QTDbLightGrey);
  box-shadow: 0px 1px 2px var(--QTGrey);
  border-radius: 20px;
  height: 30px;
  max-width:175px !important;
  width:175px !important;
  padding-left: 10px;
}

#PMID_tab_find_form:hover, #PMID_tab_find_form:focus {
  background-color: var(--QTDbLightGrey) !important;
  transition: 0.7s;
}

#PMID_tab_find_input, #PMID_tab_find_input:focus{
  border: none;
  outline: none;
  width: 130px;
  line-height: 30px;
  padding: 0px;
  background: none;
}

#PMID_tab_find_button{
  cursor: pointer;
  text-align: center;
  line-height: 30px;
  background: none;
  border:none;
  color: var(--QTDarkBlue);
  padding: 0px;
  margin: 0px;
}

#PMID_tab_NERDError_button{
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}

#PMID_tab_title_text{
  line-height: 1.3em;
  font-family: "Merriweather", serif;  
}

#PMID_tab_journalTitleyear_div{
  color:var(--QTGreen);
  font-size: 0.9rem;
}

#PMID_tab_listAffiliation_div{
  font-size: 0.9rem;
}

#PMID_tab_listAuthors_div{
  font-size: 0.9rem;
}

#PMID_tab_abstract_div{
  margin-bottom: 1em;
}

.outLink{
  color:var(--QTDarkOrange) !important;
  font-size: 1em;
  line-height: 1.5em;
}

.PMID_sectionTitle{
  font-weight: 600;
  margin-top: 6px !important;
  margin-bottom: 0px !important;
}

.PMID_sectionText{
  margin: 6px 12px 12px 0px !important;
}

.form-control, .form-control:focus{
  border: none;
  outline: none;
  background-color: var(--QTLightGrey) !important;
  box-shadow: 0px 1px 2px var(--QTGrey);
  border-radius: 20px;
  margin-bottom: 5px;
}

/********************* author_tab *********************/

#author_tab_empty_divCol{
  max-width: 600px;
  margin-top: 30vh;
}

#author_tab_MESH_table{
  width:100% !important;
}
#author_tab_MESH_table_wrapper .col-12{
  padding-right: 0px !important;
}

#author_tab_rightCol{
  padding-right: 0px !important;
}

/********************* tutorial_tab *********************/

pre{
  margin:0px !important;
  padding:0px !important;
}

#tutorial_tab_colLeft_div{
  border-right: 1px solid var(--QTDarkGrey);
}

.tutorial_linkFalse{
  text-decoration: line-through !important;
}

.tutorial_tab_text p{
  text-align: justify;
  margin:5px 0px 5px 0px !important;
}

.tutorial_tab_codeLineNumber{
  overflow-x:hidden !important;
  overflow-y:hidden !important;
  border-radius: 5px 5px 5px 5px;
  color: var(--QTDarkGrey);
  background-color: var(--QTLightGrey);
  margin:0px !important;
  padding:5px !important;
  border: solid;
  border-width: 1px;
  border-color: var(--QTDarkGrey);
}
.tutorial_tab_code{
  background-color: var(--QTTransparent0);
  margin:0px !important;
  padding:5px !important;
  transform: translate(3em, 0%) !important;
  border-left: solid;
  border-left-width: 1px;
  border-left-color: var(--QTDarkGrey);
}
.tutorial_tab_copyCode{
  background-color: var(--QTTransparent0) !important;
  border-width: 0px;
  padding:5px;
  transform: translate(-100%, 0%) !important;
  z-index:99;
}

#tutorial_tab_wrongAccess_div{
  position: relative !important;
  border: 1px solid !important;
  padding: 10px 50px 10px 50px !important;
  margin: -1em 10% 0px 10% !important;
  box-shadow: 0px 0px 150px #888888 !important;
  background-color: white !important;
  z-index: 99 !important;
}

.tutorial_tab_img{
  width:100%;
  max-width:600px;
}

/*********************  modal *********************/

.modal-title{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.modal.underBackdrop { z-index: 1029; }
.ui-dialog .ui-resizable-se {
  background-image: url("");
}

#cite_modal_dialog, #share_modal_dialog, #login_modal_dialog, #supportQuaesia_modal_dialog, #limitStudySize_modal_dialog, #fctdisabled_modal_dialog, #bug_modal_dialog, #contact_modal_dialog, #EntitySetColor_modal_dialog {
  width: 700px !important;
  max-width: 90% !important;
  height: 90vh !important;
  max-height: 90vh !important;
}
#RE_modal_dialog, #REAdd_modal_dialog, #MESH_modal_dialog, #userData_modal_dialog, #download_modal_dialog, #invoice_modal_dialog {
  width: 90% !important;
  max-width: 90% !important;
  height: 90vh !important;
  max-height: 90vh !important;
}

.login_modal_loginPatreon_button, .login_modal_loginLinkedin_button{
  cursor: pointer;
}

#MESH_modal_content{
  height: 100%;
}
#MESH_modal_find_form{
  background-color: var(--QTDbLightGrey);
  box-shadow: 0px 1px 2px var(--QTGrey);
  border-radius: 20px;
  height: 30px;
  max-width:250px !important;
  width:250px !important;
  margin-top: 10px;
  margin-left: 10px;
  padding-left: 10px;
}
#MESH_modal_find_form:hover, #MESH_modal_find_form:focus {
  background-color: var(--QTDbLightGrey) !important;
  transition: 0.7s;
}
#MESH_modal_find_input, #MESH_modal_find_input:focus{
  background-color: var(--QTDbLightGrey) !important;
  border: none !important;
  outline: none !important;
  width: 205px !important;
  line-height: 30px !important;
  padding: 0px !important;
}
#MESH_modal_find_button{
  cursor: pointer;
  text-align: center;
  line-height: 30px;
  background: none;
  border:none;
  color: var(--QTDarkBlue);
  padding: 0px;
  margin:0px;
}
#MESH_modal_header{
  display: block;
}
.MESH_modal_rmFromEntity{
  padding-right: 5px;
}
.jstree-container {
  overflow-x: hidden;
}
.jstree-anchor {
  white-space: break-spaces !important;
  height: auto !important;
}

#EntitySetColor_modal_colorUnderline_div{
  text-decoration: underline;
  text-decoration-thickness: 0.12em;
  text-decoration-offset: 0.1em;
}
#EntitySetColor_modal_HueSelectorSlider {
  background: -webkit-linear-gradient(left, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%) 100%);
  width: 250px;
  height: 5px !important;
  border-width: 0 !important;
  margin-top:20px;
}
#EntitySetColor_modal_HueSelectorSlider .ui-widget.ui-widget-content {
  border: 0px;
  background: var(--QTTransparent0);
}
#EntitySetColor_modal_HueSelectorSlider .ui-slider-range{
  background: var(--QTBlue);
  border-color: var(--QTBlue);
  margin-top:1px;
  height: 3px;
}
#EntitySetColor_modal_HueSelectorSlider .ui-slider-handle{
  background: white;
  border-color: var(--QTBlue);
  border-width: 3px;
  border-radius: 50%;
  margin-top:-2px;
  height: 18px;
  width: 18px;
  outline: 2px solid white;
}
#EntitySetColor_modal_SaturalionSelectorSlider {
  background: -webkit-linear-gradient(left, hsl(0, 0%, 50%), hsl(0, 100%, 50%) 100%);
  width: 250px;
  height: 5px !important;
  border-width: 0 !important;
  margin-top:20px;
}
#EntitySetColor_modal_SaturalionSelectorSlider .ui-widget.ui-widget-content {
  border: 0px;
  background: var(--QTTransparent0);
}
#EntitySetColor_modal_SaturalionSelectorSlider .ui-slider-range{
  background: var(--QTBlue);
  border-color: var(--QTBlue);
  margin-top:1px;
  height: 3px;
}
#EntitySetColor_modal_SaturalionSelectorSlider .ui-slider-handle{
  background: white;
  border-color: var(--QTBlue);
  border-width: 3px;
  border-radius: 50%;
  margin-top:-2px;
  height: 18px;
  width: 18px;
  outline: 2px solid white;
}
#EntitySetColor_modal_LightnessSelectorSlider {
  background: -webkit-linear-gradient(left, hsl(0, 50%, 0%), hsl(0, 50%, 100%) 100%);
  width: 250px;
  height: 5px !important;
  border-width: 0 !important;
  margin-top:20px;
}
#EntitySetColor_modal_LightnessSelectorSlider .ui-widget.ui-widget-content {
  border: 0px;
  background: var(--QTTransparent0);
}
#EntitySetColor_modal_LightnessSelectorSlider .ui-slider-range{
  background: var(--QTBlue);
  border-color: var(--QTBlue);
  margin-top:1px;
  height: 3px;
}
#EntitySetColor_modal_LightnessSelectorSlider .ui-slider-handle{
  background: white;
  border-color: var(--QTBlue);
  border-width: 3px;
  border-radius: 50%;
  margin-top:-2px;
  height: 18px;
  width: 18px;
  outline: 2px solid white;
}
.EntitySetColor_modal_lcMESH_color_warning{
  width:150px;
  max-width:150px;
  padding: 10px !important;
  margin: 0px !important;
}

.NERDEdit_modal_selectSlcMESHId_button{
  cursor: pointer;
}
.NERDEdit_position_input, .REEdit_position_input_N1, .REEdit_position_input_N2{
  border: 0px;
  background-color: var(--QTTransparent0);
  width: 3em;
  text-align: center;
}
.NERDEdit_position_input::-webkit-inner-spin-button, .NERDEdit_position_input::-webkit-outer-spin-button, .REEdit_position_input_N1::-webkit-inner-spin-button, .REEdit_position_input_N1::-webkit-outer-spin-button, .REEdit_position_input_N2::-webkit-inner-spin-button, .REEdit_position_input_N2::-webkit-outer-spin-button{
  opacity: 1;
  background-color: var(--QTTransparent0);
}
.NERDEdit_position_input:focus, .REEdit_position_input_N1:focus, .REEdit_position_input_N2:focus{
  outline: none;
}
#NERDEdit_modal_newAnnotationTable table, #NERDEdit_modal_newAnnotationTable tr, #NERDEdit_modal_newAnnotationTable td, #NERDEdit_modal_newAnnotationTable th{
  border: 1px solid black;
  border-collapse: collapse;
  border-color: var(--QTGrey);
  padding: 5px 2px 5px 2px;
}
#NERDEdit_modal_annotation_table table{
  width:100%;
  text-align: center;
  vertical-align: middle;
  table-layout: fixed;
}
#NERDEdit_modal_annotation_table tr{
  text-align: center;
  vertical-align: middle;
}
#NERDEdit_modal_annotation_table td, #NERDEdit_modal_annotation_table th{
  text-align: center;
  vertical-align: middle;
  word-wrap: break-word;
}
.NERDEdit_modal_annotationHighlight      { box-shadow: 0px 0px 0px 4px var(--QTGreen); }
#NERDEdit_modal_editModePart3_div, #NERDEdit_modal_deleteModePart3list_ul{
  max-width: 800px;
}

.REAdd_select_link{
  margin-top: 10px;
  cursor: pointer;
}

#REEdit_modal_table_listPair {
  list-style-type: none;
}
#REEdit_modal_table_NERD table, #REEdit_modal_table_NERD tr, #REEdit_modal_table_NERD td, #REEdit_modal_table_NERD th{
  border: 1px solid black;
  border-collapse: collapse;
  border-color: var(--QTGrey);
  padding: 5px 2px 5px 2px;
}
#REEdit_modal_NERD1Error_checkbox, #REEdit_modal_NERD2Error_checkbox{
  padding-right:10px;
}
.REEdit_circle{
  color: var(--QTDarkBlue);
}
.REEdit_edit_link, .REEdit_edit_link:focus, .REEdit_add_link, .REEdit_add_link:focus{
  border: 3px solid var(--QTTransparent0);
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 2px 8px 2px 0px;
}
.REEdit_edit_link:hover, .REEdit_add_link:hover{
  background-color: var(--QTLightGrey);
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.REEdit_edit_link_selected, .REEdit_add_link_selected{
  border-radius: 20px;
  border: 3px solid var(--QTBlue);
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

#userData_modal_study_save_form, #userData_modal_PMIDList_create_form{
  background-color: var(--QTDbLightGrey);
  box-shadow: 0px 1px 2px var(--QTGrey);
  border-radius: 20px;
  height: 30px;
  max-width:250px !important;
  width:250px !important;
  padding-left: 10px;
}
#userData_modal_study_save_form:hover, #userData_modal_study_save_form:focus, #userData_modal_PMIDList_create_form:hover, #userData_modal_PMIDList_create_form:focus {
  background-color: var(--QTDbLightGrey) !important;
  transition: 0.7s;
}
#userData_modal_study_save_input, #userData_modal_study_save_input:focus, #userData_modal_PMIDList_create_input, #userData_modal_PMIDList_create_input:focus{
  background-color: var(--QTDbLightGrey) !important;
  border: none !important;
  outline: none !important;
  width: 205px !important;
  line-height: 30px !important;
  padding: 0px !important;
}
#userData_modal_study_save_button, #userData_modal_PMIDList_create_button{
  cursor: pointer;
  text-align: center;
  line-height: 30px;
  background: none;
  border:none;
  color: var(--QTDarkBlue);
  padding: 0px;
  margin:0px;
}
.userData_modal_study_studyName_link, .userData_modal_PMIDList_listName_link{
  cursor: pointer;
  color: var(--QTBlue);
}
.userdata_modal_study_msg, .userData_modal_PMIDList_msg, .NERDEdit_modal_msg{
  margin: 10px;
  text-align: center;
}
#userData_modal_study_rename_input, #userData_modal_PMIDList_rename_input{
  background-color: var(--QTDbLightGrey) !important;
  box-shadow: 0px 1px 2px var(--QTGrey) !important;
  border-radius: 20px !important;
  border: none !important;  
  height: 30px !important;
  max-width:250px !important;
  width:250px !important;
  padding-left: 10px !important;
}

#help_modal{
  top:5%;
  left:100%;
  bottom:auto;
  right:auto;
  margin-left:-400px;
  width: 400px;
}
#help_modal_dialog{
  margin: 0px;
}
#help_modal_content{
  padding: 10px;
}