/* basic_styles.css*/
/* modified: Dec 31, 2022 */

BODY {
	margin-left: 10px;
	margin-right: 10px; /*padding: 10px 10px 10px 10px;*/
	margin-top: 0px;
	background-color: #FFFFE0; /* background of content */
	padding: 10px 10px 10px 10px;
}

H1, H2, H3, H4, H5
{
	//padding: 20px 10px 5px 10px;
	text-align: left;
	text-transform: none;
	font-variant: small-caps;
	border: thin solid navy;
}

.menu_header{
	margin-bottom: 10px;
	margin-top: 0;
}


H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: black;
	background-color: lightsteelblue;
	margin-left:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	border: none;
}
				 
/*********************/

H2 {
	font-family: sans-serif;
	font-size: large;
	color: blue;
	background-color: #FFF8DC;
	margin-left:0px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
  
.h1_item
{
	color:yellow;
}
  
  
H3 {
	font-family: sans-serif;
	font-size: medium;
	color: black;
	background: #F8F8FF;
	margin-left: 40px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

H4 {
	font-family: sans-serif;
	font-size : medium;
	color: black;
	margin-left:60px;
}

H5 {
	font-family: sans-serif;
	font-size: medium;
	color: navy;
	margin-left:60px;
}

H6 {
	color: yellow;
	font-size: small;
}


.form_hdr{
	font-family: sans-serif;
	font-size: medium;
	color: navy;
	font: Times New Roman;
	font-weight: bold;
}

p , li
{
	color: navy;
	margin-left: inherit;
	font-style: normal;
	font-family: Arial;
}

ul{
	font: normal normal normal medium Arial Unicode MS;
	color: navy;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	
	text-align: left;
	list-style: disc inside;
}

ol{
	font: normal normal normal medium Arial Unicode MS;
	color: navy;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	
	text-align: left;
	list-style: decimal inside;
	list-style-position: inside;
	padding-left: 5px;
	padding-bottom: 5px;
}

li{

	text-align : left;
	padding-left: 5px;
	padding-bottom: 5px;
}


.textRight
{
	text-align: right;
}

.data_entry
{
	border: thin solid Navy;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 50px;
}

.set_div_width{
	width: 1520px;
	/* border: thin dashed Fuchsia; */
		float: left;
}


.float_left
{
	float: left;
}

/* -------------  BOOTSTRAP   */

.menu_bar{
	background-color: lightsteelblue !important; 
	margin-bottom:10px !important; 
	margin-left:-20px !important; 
	margin-top:-10px !important; 
	margin-right:-19px !important; 
}


.menu_margin
{
	margin-right: 5px;  /* create space between menu buttons */
	margin-top:5px !important;     
	padding-top:5px !important;  /* space within menu buttons */
	padding-bottom:5px !important; 

}

.drop_style
{
	margin-bottom: 10px;
	width:100px;
	text-align:center;
}

/* modification for bootstrap "* Hide/Show" toggle button */
.navbar-toggle
{
	outline: none;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .5em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;

	color: black;
	border: solid 1px #555;
	background: #F2F2F2;

	background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#C7C7C7));
	background: -moz-linear-gradient(top,  #F2F2F2,  #C7C7C7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2F2F2, endColorstr=#C7C7C7);
}

// -------------  end BOOTSTRAP

.html_content
{
	border: thin red solid;
	width: 98%;
	height: 100%;
	margin: 0px 10px 0px 10px;
	padding: 0px 10px 0px 10px;
}

.confirm_box
{
	border: medium solid navy;
	border-radius: 10px;
}

.confirm_hdg {
	color: red;
	font-size: large;
	font-variant: small-caps;
	border-bottom: thin solid Navy;
}

.confirm_text{
		color: navy;
		font-size: medium;
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 20px;
}

.confirm_button {
	width: 70px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
	white-space: normal;
	text-align: center;
}

.pop_up_msg{
	position: absolute;
	z-index: 1;
	background: #99CCFF;
	margin-top: -150px;
	margin-left: -150px;
 	top: 50%;
	left: 50%;
	text-align: center;
	line-height: 300px; /* font-family:"Trebuchet MS", verdana, arial,tahoma; */
	font-size: 18pt;
}

.style_form{
	border: thin red solid;
}




/* used for bootstrap information boxes */
.info_bkgd{
	background-color: lightyellow;
	padding: 10px 10px 10px 210px;
	border: thin solid navy;
	border-radius: 10px;
}

.data_entry_bkgd{
	background-color: #FFF8DC;
	border: thin solid navy;
	border-radius: 10px;
}

.invalid_browser_bkgd{
	background-color: #F5F5F5;
	border: thin solid navy;
	border-radius: 10px;
}

.dropdown_menu_override
{
	padding: 0.5rem 0.5rem 0.5rem;
	background-color: lightsteelblue;
}

.dropdown_item_override
{
	margin-bottom: 0.5rem;
}


.compact{
	font: inherit;
	color: inherit;
	margin-left: inherit;
	line-height: 95%;
}

.log_table{
	background-color: ivory;
	margin-left: 5px;
	width: 100%;
}

.display_msg_box{
	border: thin solid Navy;
	color: Navy;
	padding: 20px 20px 20px;
	font: normal normal normal large "Times New Roman";
	background: #FFFFF0;
	text-align: center;
 	border-radius: 15px;
}

.display_msg_box_content{
	background:  #FAF0E6;
}

.modal_custom
{
	background-color: #FFFAFA;
	border: medium solid Navy;
	color: Navy;
	font: small-caps;
}



// modifiy bootstrap checkbox sizes
.checkbox-lg .form-check-input{
 top: .8rem;
 scale: 1.4;
 margin-right: 0.7rem;
 }

.checkbox-lg .form-check-label {
 padding-top: 13px;
 }

.checkbox-xl .form-check-input {
 top: 1.2rem;
 scale: 1.7;
 margin-right: 0.8rem;
 }

.checkbox-xl .form-check-label {
 padding-top: 19px;
 }


// use to outline groups of bootstrap checkboxes, radio buttons

.group-left,  .group-mid,  .group-right {
	background-color: #ADD8E6;
	padding-top: 10px;
	padding-bottom: 10px;	
}

.group-left {
	border-left: thin solid Navy;
	border-top: thin solid Navy;
	border-bottom: thin solid Navy;
	border-radius: 15px 0px 0px 15px;   /* top left, top right, bottom right, bottom left */
}

.group-mid {
		border-top: thin solid Navy;
		border-bottom: thin solid Navy;
}

.group-right {
		border-right: thin solid Navy;
		border-top: thin solid Navy;
		border-bottom: thin solid Navy;
		border-radius: 0px 15px 15px 0px;   /* top left, top right, bottom right, bottom left */
}


.group_seperator {
		border-right: thin solid Navy;
}



	.note
	{
		position: relative;
		top: 8px;
	}
	
	.modal {
	  text-align: center;
	  padding: 0!important;

	}

	.modal:before {
	  content: '';
	  display: inline-block;
	  height: 100%;
	  vertical-align: middle;
	  margin-right: -4px; /* Adjusts for spacing */
	}

	.modal-dialog {
	  display: inline-block;
	  text-align: left;
	  vertical-align: middle;
	}
	
	.highlight
	{
		background-color: lightgreen !important;	
	}