html { height:100%; background-color:#eeeeee;}

body {
	background-color:#eeeeee; 
	/*background: linear-gradient(to bottom right, #eeeeee,#E7F2FE);*/
	/*min-height: 100vh;*/
	
	background-attachment: fixed;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
  	/* overflow:hidden; */
}

img {
	max-width: 100%;
}

/* XRAY SURVEY */
.xray {
	height:100%;
	background-color:#EEEEEE;
	overflow-y:scroll;

	width:250px;
	display:block;	
	/*float:left;*/
	margin:1px;
}

.xraybar {
	height:100%;
	background:url(../images/sidebar.gif);
	overflow-y:none;
	width:8px;
	display:block;	
	/*float:left;*/
	margin-right:-3px;
}

#sidebararrow{ 
	position: absolute;
	top: 50%;
	height:34px;
	margin-top:-17px; 
	margin-left:1px;
}

#xrayContent {
	height: 0px;
}

.main {
	height:100%;
	display:block;	
	margin-left:0px;
	overflow: hidden;
}

.basePanel {
	overflow: auto;
}

.xrayQues {
	/*font-family:Verdana;
	font-size:8pt;*/
	border-top: 1px solid #cccccc;
	padding:5px 5px 5px 5px;
}

.xrayQuesID {
	/*font-size:10pt;*/
	font-weight:bold;
}

.xrayResponse {
	margin-bottom: 5px;
}

.grid>div.xrayResponse:not(:last-child) {
	border-bottom: solid 1px #cccccc;
}

.jumperLink {
	cursor: pointer;
	color: blue;
	text-decoration: underline;
}

/*
#mySurvey {
	height: 100%;
	width: 100%;
}*/

/* XRAY APP and CHEAT SHEETS */
/*
body.surveycheck {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	overflow-y:scroll;
  	overflow-x:hidden;
  	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

}
*/
.app_link {
	/*padding-left:20px;
	border:0px solid #000;*/
}

.app_link:hover {
	text-decoration: none;
}


a.app_link:link { color:#428bca !important; }
a.app_link:visited { color:#428bca !important; }
a.app_link:hover { color:#2a6496 !important; }
a.app_link:active { color:#2a6496 !important; }


/*
.surveycheck_nav {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #000000;
  font-size: 14px;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
  width:100%;
  text-align:left;
  border:0px solid #000000;
  background-color:#FFFFFF;
}

.surveycheck_nav:hover {
  background: #6699CC !important;
  text-decoration: none;
}

*/

.bottom_space {
	padding-bottom:20px;
}

.button_icon {
	background:none;
	border:none;
}


.comment {
  flex-direction:row;
  /*border-top: 1px solid #CCCCCC; */
  width:100%;
  display:flex;
  padding-top: 3px;
  /*padding-bottom: 3px;*/
}

.edit_comments>div.comment:not(:last-child) {
	border-bottom: solid 1px #cccccc;
}

.comment_author {
  /*font-size:10pt;*/
  color: #737373; 
  font-style:italic;
}



.comment_label {
	color:  #000;
}

.comment_time {
  
}

.dashboard_section {
	background-color:#FFFFFF;
	padding:5px
}

.dropshadow {
	-webkit-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.75); 	
}

.dropshadow2 {
	-webkit-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.50);
	-moz-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.50);
	box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.50); 	
}

.edit_base {
	border: 1px solid #cccccc;
	padding: 3px;
	margin-top: 10px;
	background-color:  #FFFFFF;
}

.edit_base_row {
	border: 1px solid #cccccc;
	padding: 3px;
	margin-top: 10px;
	background-color:  #FFFFFF;
	display:flex;
	flex-direction:row;
}

.edit_status_prog {
	background-color: #1a7f4e;
}

.edit_status_check {
	background-color:  #1a7f4e;
}

/*
.edit_status_approve {
	background-color: #428bca;
}
*/

.edit_status_client {
	background-color: #1a7f4e;
}

/* button CAN be clicked, not button IS clicked */
.edit_status_active {
	opacity:  .4;
}

.font_size_large {
	font-size: 1.1rem;
}

.font_size_mid {
	/* 14px */
	font-size: .875rem;
}

.font_size_small {
	/* 12px */
	font-size: .75rem;
}

.footer_OLD {
	width:95%;
	border-top:1px solid #aaaaaa;
}

.icon_red {
	color:red;
}

.main_header {
	width:90%;
}

/* updated 4/1/2025 */
.main_content {
	/*margin-top:60px;*/
	padding-top:10px;
	width:100%;
	text-align:left;
}

.main_content_padding {
	padding-left:10px;
	padding-right:10px;
	/*overflow-y: scroll;*/
}

.main_nomenu {
	border:1px solid #000000; 
	width:300px;
	margin:5px;
	padding:6px;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px;
	background-color:#FFF;
}

.respondent_link {
	padding:5px 0px 5px 15px;
	font-size:10pt;

	width:100%;
	height:34px;
	/*padding:0px;*/
	display:table;
	border-bottom:1px solid #aaaaaa;
}

.respondent_link_text {
	vertical-align:middle;
	display:table-cell;
	border:0px solid blue;
	height:100%;
	width:125px;
	padding-left:10px;
}

.respondent_link_current {
	vertical-align:middle;
	display:table-cell;
	border:0px solid blue;
	height:100%;
}

.respondent_link_new {
	vertical-align:middle;
	display:table-cell;
	border:0px solid blue;
	height:100%;
	display:none;
}

.respondent_link_log {
	vertical-align:middle;
	display:table-cell;
	border:0px solid blue;
	height:100%;
	display:none;	
}

.respondent_link_addedit {
	vertical-align:middle;
	display:table-cell;
	border:0px solid blue;
	height:100%;
	padding-right:40px
}

.rounded_corners {
	border-radius: 8px;
}

.screenshot {
	border:1px solid #000000;
}

.screenshot_text {
	font-weight:bold;
	font-size:10pt;
	font-style:italic;
	display:block;
	padding-bottom:15px;
}

.signin {
	background-color:#FFF;
	border:0px solid #000; 
	padding:5px;
	width:300px;
	margin-top:20px;
	text-align:left;
	display:inline-block;
	/*height:100%;*/


}

/* surveycheck may be xray v2 and not used - removed 4/12/2025*/

/*
.surveycheck_cell_warning {
	background-color: #ffc6b3;
}

.surveycheck_main {
	
	margin-top:100px;
	margin-left:0px;
	
	border:0px solid red;
}

.surveycheck_header {
	font-weight:bold;
	font-size:18pt;
	padding-top:15px;
	padding-bottom:15px;
}

.surveycheck_header2 {
	font-weight:bold;
	font-size:12pt;
}

.surveycheck_howto {
	padding-bottom:15px;
}

.surveycheck_table {
	border-collapse:collapse;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	width:100%;
}

.surveycheck_table_header {
	font-weight:bold;
	font-family: Arial;
	font-size:11pt;
	text-align:center;
	color:#eeeeee;
	background-color:#428bca;
	padding:10px 12px 10px 12px;
}

.surveycheck_table td {
	padding:10px 12px 10px 12px;
	color:#616161;
	font-family: Arial;
	font-size:11pt;
}

.surveycheck_table thead:first-child tr:first-child th:first-child, tbody:first-child tr:last-child td:first-child {
    border-top-left-radius:8px;
}

.surveycheck_table thead:first-child tr:first-child th:last-child, tbody:first-child tr:first-child td:last-child   {
    border-top-right-radius:8px;
}

.surveycheck_table tbody:last-child tr:last-child td:first-child {
   border-bottom-left-radius:8px;
}

.surveycheck_table tbody:last-child tr:last-child td:last-child {
    border-bottom-right-radius:8px;
}
*/
/*
.surveycheck_table_onecolumn thead:first-child tr:last-child th:last-child  {
    border-radius: 8px 8px 0 0;
}

.surveycheck_table_onerow tbody:first-child tr:last-child td:first-child  {
    border-radius: 8px 0 0 8px;
}

.surveycheck_table_onerow tbody:first-child tr:last-child td:last-child  {
    border-radius: 0 8px 8px 0;
}
*/

/*
.surveycheck_table2 thead:last-child tr:last-child th:first-child, tbody:last-child tr:last-child td:first-child {
    border-radius: 0 0 0 8px;
}*/

/*
.surveycheck_row {
	background-color: white;
}

.surveycheck_odd_row {
	background-color: #eeeeee;
}

.surveycheck_row_warning {
	background-color: #ffc6b3;
}

.surveycheck_row_active {
	background-color: #ADE1B1;
}

.surveycheck_qid {
	font-weight:bold;
	font-size:12pt;
}

.surveycheck_text {
	text-align:left;
}

.surveycheck_text img {
	max-width: 100%;
}

.surveycheck_text_middle {
	text-align:center;
}

.surveycheck_question_item {
	margin-left:20px;
}

.surveycheck_question_item_warning {
	margin-left:20px;
}

.surveycheck_question_header {
	background-color: #cce6ff;
}




.surveycheck_nav {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #000000;
  font-size: 14px;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
  width:100%;
  text-align:left;
  border:0px solid #000000;
  background-color:#FFFFFF;
}

.surveycheck_nav:hover {
  background: #6699CC !important;
  text-decoration: none;
}

.surveycheck_nav_main {
  background-color:#B4DAEE;
  padding: 4px 20px 4px 20px !important;
}
*/

/* removed 4/12/2025 */
/*
.tiny {
	font-size:10pt;
}
*/

/* removed 4/12/2025 */
/*
.tooltip2 {
    position: relative;
    display: inline-block;
    border-bottom: 0px dotted black; 
}


.tooltip2 .tooltiptext2 {
    visibility: hidden;
    width: 300px;
    background-color: #FBFDC6;
    color: #000;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%; 
    margin-left: -60px; 
}


.tooltip2:hover .tooltiptext2 {
    visibility: visible;

}
*/

/* OVERWRITE BOOTSTRAP */
/*
.navbar {
	border-bottom:1px solid #aaaaaa;
	background-color: #ffffff;
	height: 70px;
	width:100%;
	margin: 0 auto
}

.dropdownheader {
	font-weight:bold;
	padding-left:5px;

}

.nav-link {
	font-size:18px;
}*/

/*
.navbar-brand {
	padding:5px 50px 5px 10px;
	height:100%;
}

.container5{
	border:1px solid blue;
	width:100%;
}

.container-fluid3 {
	height:69px;
	background-color:#ffffff;
}


a.dropdown-toggle2:hover  {
    background-image: none;
}

.nav3 {
	border:0px solid red;
	margin-top:0px;
}

.navbar-nav3 {
	border:0px solid blue;
	
}


.navbar2 {
	border-bottom:1px solid #aaaaaa;

	background-color: #B4DAEE;
	
	height: 90px;

}

.container-fluid_survey {
	border-bottom:1px solid #aaaaaa;

}
*/

/* Jquery dialog */
/* removed 4/12/2025 */
/*
.ui-widget {
  border: 0px solid #CCC !important;
}

.ui-widget-content {
  font-family: Arial !important;
  color: #2C3E50 !important;
  font-size: 11pt !important;
  padding:0px !important; 
}

.ui-widget-header {
  background: none  !important; 
  border-top:none  !important;
  border-right:none  !important;
  border-left:none  !important;
  border-bottom: 1px solid #EEE  !important;
}



.ui-dialog {
  padding:0px !important;
  -webkit-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.50);
  -moz-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.50);
  box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.50); 
  max-width:500px;
  min-width:400px;
}
  */
/*
.xray-dialog-content {
  
}
*/

/* header classes */
/* removed 4/12/2025 */
/*
.ui-dialog-titlebar-close {
  border: none !important;
  background-color:#FFF !important;
  background: none !important; 
}

.ui-dialog-title {
  font-family: Arial !important;
  color: #000000 !important;
  font-size: 14pt !important;
}

.ui-button:hover {
  background:none;
}
*/

/*
.ui-dialog-buttonpane {
  border-top: 1px solid #EEE; 
}

.ui-dialog .ui-dialog-buttonpane button {
  background: none; 

  color:#ffffff;
  width:150px;
  border: none;
  -webkit-border-radius: 6px; 
  -moz-border-radius: 6px; 
  border-radius: 6px; 
  padding:5px; 
  font-weight:bold;
  margin-bottom:10px;
  font-family:Arial;
  font-size:11pt;
  font-weight:bold; 
}
*/


.xray-modal-content {
  padding:10px;
}

.xray-modal-buttons {
  border-top: 1px solid #EEE; 
  text-align:right;

}

.xray-button {
  background: none; 
  color:#ffffff;
  width:90px;
  border: none;
  -webkit-border-radius: 6px; 
  -moz-border-radius: 6px; 
  border-radius: 6px; 
  padding:5px; 
  font-weight:bold;
  font-family:Arial !important;
  font-size:11pt !important;
  margin:5px;
}

.xray-button-mini {
  background: none; 
  color:#ffffff;
  width:90px;
  border: none;
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px; 
  border-radius: 4px; 
  padding:2px; 
  font-weight:bold;
  font-family:Arial !important;
  font-size:10pt !important;

}

.xray-button-action {
  /*background: none; */
  color:#ffffff;
  /*width:90px;*/
  border: none;
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px; 
  border-radius: 4px; 
  padding:2px; 
  font-weight:bold;
  height: 25px;
  /*font-family:Arial !important;
  font-size:12px !important;*/

}

.xray-button-fixed {
	width: 90px;
}

.xray-button-status {
	width: 33%;
}



.xray-button-grey {
  background-color:#cccccc;
}

/*
.xray-button-blue {
	background-color:#428bca;
  }

.xray-button-brown {
  background-color:#967E76;
}

.xray-button-purple {
  background-color:#7E5CAD;
}
*/

/*
:root {
	--bulma-primary: #474E93; 
	--bulma-secondary: #1a7f4e; 
	--bulma-tertiary: #7E5CAD; 
  }
*/

.has-background-bmprimary {
	background-color: var(--brookmark-primary-color )!important;
}

.has-background-bmsecondary {
	background-color: var(--brookmark-secondary-color);
}

.has-background-bmtertiary {
	background-color: var(--brookmark-tertiary-color);
}

.has-color-bmprimary {
	color: var(--brookmark-primary-color )!important;
}

.has-color-bmsecondary {
	color: var(--brookmark-secondary-color);
}

.has-color-bmtertiary {
	color: var(--brookmark-tertiary-color);
}

.theme-bm8 {
    --fa-primary-color: var(--brookmark-tertiary-color );
	--fa-primary-opacity: .4;
    --fa-secondary-color: var(--brookmark-primary-color);
	--fa-secondary-opacity: 1;
  }

  .theme-bm8-reverse {
    --fa-primary-color: var(--brookmark-primary-color );
	--fa-primary-opacity: 1;
    --fa-secondary-color: var(--brookmark-tertiary-color);
	--fa-secondary-opacity: .4;
  }

  .theme-bm8-accent {
    --fa-primary-color: #000;
	--fa-primary-opacity: 1;
    --fa-secondary-color: red;
	--fa-secondary-opacity: 1;
  }

.test_results {
  margin-left:50px;
  margin-right:10px;
  padding:5px;
  background-color: #FFFFFF;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  display:none;
}

.test_results_fail {
	background-color: #ffbaba;
}

.test_results_header {
	font-weight:bold;
	display:flex;
	flex-direction:row;
	width:100%;
	color: #000000;
}

.test_results_row {
	display:flex;
	flex-direction:row;
	width:100%;
	border-top:1px solid #cccccc;
	color: #000000;
}

.test_results_row_newitem {
	border-top: 3px solid #aaaaaa;
}



.test_title {
	font-weight: bold;
	margin-left:5px;
}


.brookmark:hover {
	cursor:pointer;
}

.dashboard_emphasize {
	font-size: 1.5rem
}

.dashboard_emphasize_pos {
	color:green;
}

.dashboard_emphasize_neg {
	color:red;
}

/* customize bulma.io */
:root {
	--navbar-background: #23486A; /* Custom navbar background */
	--navbar-item-color: #ffffff; /* Navbar text color */
	--navbar-item-hover: #FFBB00; /* Hover color */
	--navbar-button-background: #23486A; /* Button background */
	--navbar-button-hover: #FFBB00; /* Button hover */	
	/*--bulma-notification-padding: 1em 1em !important;*/

	--brookmark-primary-color: #23486A;
	--brookmark-secondary-color: #1a7f4e;
	--brookmark-tertiary-color: #7E5CAD;
	--brookmark-accent: #FFBB00;
  }
  


  .modal-card-head {
	--bulma-modal-card-head-padding: 1rem;
	--bulma-shadow: none;
  }

  .modal-card-foot {
	--bulma-modal-card-head-padding: 1rem;
  }
 

  /* Apply custom colors */
  .navbar {
	background-color: var(--navbar-background) !important;
  }
  
  
  .navbar .navbar-menu > .navbar-start > .navbar-item,
  .navbar .navbar-menu > .navbar-end > .navbar-item,
  .navbar .navbar-menu > .navbar-start > .navbar-item.has-dropdown > .navbar-link,
  .navbar .navbar-menu > .navbar-end > .navbar-item.has-dropdown > .navbar-link
  {
	color: var(--navbar-item-color) !important;
	/* border-bottom: 3px solid var(--navbar-button-background); */
  }
  
  
  .navbar .navbar-brand > .navbar-item:hover,
  .navbar .navbar-menu > .navbar-start > .navbar-item:hover,
  .navbar .navbar-menu > .navbar-end > .navbar-item:hover,
  .navbar .navbar-menu > .navbar-start > .navbar-item.has-dropdown > .navbar-link:hover,
  .navbar .navbar-menu > .navbar-end > .navbar-item.has-dropdown > .navbar-link:hover{
	background-color: var(--navbar-button-background) !important; 
	color: var(--navbar-item-hover) !important;
  }
  

  .navbar-burger span {
	background-color: var(--navbar-item-color);
  }
  
  /* Style buttons in the navbar */
  .navbar .button {
	background-color: var(--navbar-button-background);
	/*color: white;*/
	border: none;
  }
  
  .navbar .button:hover {
	background-color: var(--navbar-button-hover);
  }

  /* only do top level items */
/*
  .navbar > .navbar-menu .navbar-item:hover {
	background-color: transparent;
	border-bottom: 3px solid red; 
	 color: #3273dc; 
	transition: border-bottom 0.2s ease-in-out;
  }
 */

 .navbar .navbar-menu > .navbar-end > .navbar-item.no-hover:hover {
	
	background-color: transparent !important;
	color: var(--navbar-item-color) !important; 
	cursor: default;
  }

  /*remove dropdown arrow */
  .navbar-link::after {
  display: none !important;
}