* {
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */	
}

.clearfix {
	clear: both;
	height: 0;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.block {
	display:block;
}
html, body {
    min-height: 100%;
	/*min-width: 1150px;*/ /*andrew 10-25*/
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	font-size: 100%;
	background: repeat scroll 0 0 #fff;
	position: relative;
}
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em; /* 10-28 */
	color: #333;
}

a, a:hover {
	text-decoration:none;
}
table {
	border-collapse: collapse; 
	/*margin: auto;*/
}
ul {
	 list-style: none outside none;
}
header, nav, section, article, aside, footer {/*for old IE<=8*/
   display:block;
}
button {
	background-color: #1ABC9C;
	color: #fff; 	
	border: none;
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	transition: color 0s ease 0s, all 0.25s ease 0s, all 0s ease-in-out 0s, background 0s ease 0s, all 0.25s ease 0s, all 0s ease-in-out 0s;
	display: inline-block;
    text-align: center;
    vertical-align: middle;	  	
	text-decoration: none;	
	/*padding: 10px;10-28*/
	/*padding: 10px .8333vw; 10-29*/
	padding: 10px .714em; /* 10/14*/
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	
}
button:hover {
	background-color: #16a085;
}

button.wide {
	/*min-width: 200px; 10-28 */
	/*min-width: 16.667vw; 10-29 */
	min-width: 14.286em;/*200/14*/ 
	font-weight: bold;
}
button.image {
	/*background-color: #7f8c8d;*/ /* gray */
	background-color: #34495e; /* dark blue */
	padding: 0px;
	overflow: hidden;
	/*height: 40px; 10-28 */
	max-height: 40px;	
	/*width: 180px;10-28*/
	max-width: 250px;
	/*width: 15vw; 10-29*/
	width: 12.857em; /* 180/14*/
}
button.image:hover {
	/*background-color: #95a5a6;*/ /* gray */
	background-color: #415b76;  /* dark blue */
	background-color: #2c3e50;  /* dark blue */
}

button.image .button_image {		
	padding: 6px 0px;
	float: left;
	height: 100%;
	/*margin-right:5px; 10-28 */
	/*margin-right: .41667vw;10-29*/
	margin-right: .357em; /*5/14*/
}


button.image .button_text {
	float:left;
	padding: 10px 0px;
	text-align: left;
}

button.image svg {	
	/*margin-left: 5px; 10-28*/
	/*margin-left: .41667vw; 10-29 */
	margin-left: .357em; /*5/14*/
	float: left;
	fill: white;
	stroke: white;
	/*width: 24px;	 10-28 */
	/*width: 2vw; 10-29*/
	width: 1.714em; /* 24/14*/
	max-width: 24px;
	
}
button.fit_width {
	/*min-width: 180px; 10-28 */
	/*min-width: 15vw; 10-29 */
	min-width: 12.857em; /* 180/14*/
	width: auto;
	/*padding-right: 5px; 10-28 */
	/*padding-right: .41667vw; 10-29 */
	padding-right: .357em; /*5/14*/
}
.report_page button.image {
	margin-bottom:10px;
	font-size: .875em; /* 14*/
}
.report_page .filter_container button.image {
	margin-bottom:0px;
}
.form_page .table_ajax button.image {
	/*margin: 10px; 10-29 */
	/*margin: 10px .8333vw; 10-29 */
	margin: 10px .714em; /* 10/14*/
	font-size: .875em; /* 14*/
}

.report_page button.small_image .button_image, .form_page .table_ajax button.small_image .button_image {
	padding: 10px 0px;
}
.report_page button.small_image svg, .form_page .table_ajax button.small_image svg {
	/*width: 18px;	 10-28 */
	/*width: 1.5vw; 10-29 */
	width: 1.2857em; /* 18/14*/
}


.modal_box {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	z-index: 999999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in-out;
	-moz-transition: opacity 400ms ease-in-out;
	transition: opacity 400ms ease-in-out;
	pointer-events: none;
	overflow:scroll;
	text-align:center;
	color: #333;
}

.modal_box:target, .modal_box_active {
	opacity:1;
	pointer-events: auto;
}


.modal_box > div {
	width: auto;
	/*min-width: 600px; 10-28*/
	/*min-width: 50vw; 10-28 */
	min-width: 42.857em; /* 600/14*/
	max-width: 95%;
	position: relative;
	margin: 10% auto;
	/*padding: 5px 20px 13px 20px; 10-28 */
	/*padding: 5px 1.667vw 13px 1.667vw;  10-29*/
	padding: 5px 1.42857em 13px 1.42857em; /* 20/14*/
	border-radius: 6px;
	background: #fff;
	display:inline-block;
	text-align: left;
}
/* following added 4-23-20 for popup not modal*/
.modal_box.not_modal {
	background:none;
}
.modal_box.not_modal > div {
	border:1px solid #ccc;
	pointer-events: auto;
}

.modal_box #modal_header {	
	padding: 5px 0px;
	font-size: 1em;
	border-bottom: 1px solid #ccc;
}

.modal_box #modal_content {
	margin: 10px 0px;
}
.modal_box #modal_content table {
	/*width: auto; 10-25*/
}

.modal_box #modal_content .filter_container {
	background: none;
}
.modal_box #modal_content .radio_container  {/* used for toggle shipment status */
	margin-bottom:10px;
}
.modal_box #modal_content .radio_container input {
	/*margin-right: 10px; 10-28 */
	/*margin-right: .8333vw;10-29*/
	margin-right: .714em; /* 10/14*/
	
}

.modal_box #modal_buttons {
	/*font-size: 13px; 10-28 */
	font-size: .8125em; /* 13/16*/
	text-align: center;
}
.modal_box #modal_buttons button {
	/*margin: 0px 40px;	10-28 */
	/*margin: 0px 3.333vw; 10-29*/
	margin: 0px 2.857em; /* 40/14*/
	background-color: #95a5a6;
    color: #ffffff;		
	/*min-width: 100px; 10-28*/
	/*min-width: 8.333vw; 10-29 */
	min-width: 7.143em; /* 100/14*/
	
}
.modal_box #modal_buttons button:hover {
	background-color: #7f8c8d;
}

.close, .modal_close {
	background: #333;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	cursor: pointer;
}
.close:hover { background: #222; }

.down_triangle, .up_triangle, .right_triangle {	
	/*border-top-color: #AAAAAA;*/
	/*border-color: #C0C0C0 transparent transparent;   */
	border-color: #444 transparent transparent; 
	border-style: solid dashed dashed;
	border-width: 5px 5px 0;
	padding: 0px;
	display: inline-block;
	font-size: 0px;
	width: 0;
	height: 0;
	left: 0px;
	line-height: 0;
	padding-top: 1px;
	position: relative;
	top: -1px;
	z-index: 999;

}
.up_triangle {
	border-color: transparent transparent #444;
	border-style: dashed dashed solid;
	border-width: 0px 5px 5px;
}
.right_triangle {
	border-color: transparent transparent transparent #444;
	border-style: dashed dashed dashed solid;
	border-width: 5px 0px 5px 5px;
}

.tab_container {
	position: relative;
	margin-top: 20px;
}
.tab_header_container {
	background-color: #1abc9c;
	overflow: visible;	
}
.tab_header_container li span {
	text-align: center;
	display:inline-block;
	float: left;
	font-size: .875em; /*14*/
	font-weight: bold;
	position: relative;
	/*padding: 10px;	10-28 */
	/*padding: 10px .8333vw; 10-29*/
	padding: 10px .714em; /* 10/14*/
	color: #fff;
}
.tab_header_container .down_triangle {
	border-width: 10px 10px 0;
	margin: 0 auto;
	position: absolute;
	top: 100%;
	right: 0;
	border-top-color: #34495e; /* dark blue */
}

.tab_header_container li.tab_inactive span .down_triangle {
	display:none;
}

.tab_header_container li.tab_active span {	
	background-color: #34495e; /* dark blue */
	color: #fff;
	cursor: default;
}
.tab_header_container li.tab_inactive span {
	border-right: 1px solid #16a085;
	cursor:pointer;
}
.tab_header_container li.tab_inactive span:hover {
	background-color: #16a085;
}
.tab_header_container li.tab_inactive span:hover .down_triangle {
	border-top-color: #16a085;
	display:inline;
}

.tab_content_inactive {
	display:none;	
}
.tab_section {
	margin-bottom: 20px;
	clear:both;
	background-color: #f1f1f1;
}

#navbar .menu_header .down_triangle, #navbar .menu_header_active .down_triangle {
	border-color: #eee transparent transparent;
	margin-left: 3px;
	border-width: 4px 4px 0;
}

#navbar .menu_header_active .down_triangle {
	border-color: #333 transparent transparent;
}

#navbar {
	background-color: #201f1e;	
	padding:0px;
	width: 100%;
	/*min-width: 1150px;10-28*/
	position: fixed;
    top: 0;        
	z-index: 9999;
}
#navbar.Basstech_Europe {
	background-color: #8e44ad; /* purple*/
}
#navbar.Sandbox {
	background-color: green; /* purple*/
}
#navbar li {
	display:inline-block;
	margin:0px;
	/*padding: 8px 10px; 10-28 */
	/*padding: 8px .8333vw; 10-29 */
	padding: 8px .714em; /* 10/14*/
	color: #eee;
	font-size: .875em; /*14*/
}
#navbar li a { /*used just for logout */
	color: #F7DA64; /* yellow */
}

#navbar li li {
	padding:0px;
}
#navbar li li a, #navbar li li span.toggle_modal {
	cursor: pointer;
	display:block;
    /*padding: 8px 5px; 10-28*/
	/*padding: 8px .41667vw;*/
	padding: 8px .357em; /* 5/14*/
    position: relative;
	color: #eee;
}
#navbar li.company {
	font-weight: bold;
}

#navbar .menu_header, #navbar .menu_header_active {    
    position: relative;
	cursor: pointer;  	
}
#navbar .menu_header_active {    	
	background-color: #fff;	
	color: #333;	
}

#navbar .menu_header_active span {
    color: #333;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

#navbar .submenu {
	background-color: #FFFFFF;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    color: #333333;
    display: none;
    left: 0;
    margin-top: 5px;
    overflow: hidden;
    padding: 10px 0;
    position: absolute;
    text-align: left;
    /*width: 175px; 10-28 */
	/*width: 14.583vw;10-29*/
	min-width: 12.5em; /* 175/14*/
    z-index: -1;
}

#navbar li#custom_reports_menu_header .submenu {
	right:0;
	left:auto;
}

#navbar .submenu li {
	background: repeat scroll 0 0 #fff;
	padding: 0px;
	display: block;
	margin: 0px;	
}
#navbar .submenu li:hover {
	background: repeat scroll 0 0 #f5f5f5;
}

#navbar .submenu li a, #navbar .submenu li span.toggle_modal {
	background: none;	
	color: #333;
	/*margin-left: 10px; 10-28 */
	/*margin-left: .8333vw; 10-29 */
	margin-left: .714em; /* 10/14*/
}

#navbar .submenu div.submenu_col {
	float:left;
	width: 12.5em;
}

#container {
	margin: 30px auto 0;	
	width: 100%;
}

#page_header {
	width: 100%;
	height: 50px;
	/*padding: 5px 20px; 10-28 */
	/*padding: 5px 1.667vw; 10-29*/
	padding: 5px 1.42857em; /* 20/14*/
	color: #fff;
	position: fixed;
	z-index: 9997;

}

#page_header.blue {
	background-color: #3498db; /*#0066cc;*/ /* blue */
	background-color: #2980b9;
}

#page_header.red {
	background-color: #e74c3c; /*red;	*/
	background-color: #c0392b;
}

#page_header.green {
	background-color: #27ae60; /*green*/
}
#page_header.gray {
	background-color: #616060; /* dark gray*/
}
#page_header .cancelled {
	/*margin-left: 5px; 10-28 */
	/*margin-left: .41667vw; 10-29 */
	margin-left: .357em; /* 5/14*/
	color: #F7DA64; /* yellow */
}
#page_header h1 {
	display:inline-block;
}
#page_header_search {
	display:inline-block;
	float:right;
	padding:5px 0px;
	
}
#page_header_search button {
	padding: 4px .714em;	
	
}
#page_header_search input {
	padding: 4px .142857em;
}

#page_menu, #form_sidebar {
	width: 10%;
	height: 95%;
	position: fixed;
	background: #f1f1f1;
	overflow-y:auto;
	margin-top: 50px;
	font-size: .875em; /* 14*/
}

#form_sidebar {
	/*width: 200px; 10-28 */
	/*width: 16.667vw; 10-29*/
	width: 14.2857em; /* 200/14*/
}

#page_menu li {
	cursor: pointer;
	color: #333;
	padding: 0px;
	display:block;	
}

#page_menu li:hover {
	background: #bbb;
}

#page_menu li.header, #page_menu li.header:hover {
	font-weight: bold;
	background: #f1f1f1;	
	cursor: default;
	/*padding:10px; 10-28 */
	/*padding: 10px .8333vw; 10-29 */
	padding: 10px .714em; /* 10/14*/
	border-bottom: 1px dashed #d1d1d1;
	margin-bottom:5px;
}
#page_menu li.header span.down_triangle {
	margin-left: 5px;
}

#page_menu li.active, #page_menu li.active:hover {
	position: relative;	
	cursor: default;
	background: #d1d1d1;
	color: #000;
	/*padding: 10px 10px 10px 15px; 10-28 */
	/*padding: 10px .833vw 10px 1.25vw; 10-29 */
	padding: 10px .714em 10px 1.071em; /* 10/14, 15/14*/
}
#page_menu li.active span.right_triangle {
	position: absolute;	
	left: 100%;
	top: 0;
	bottom:0;
	border-color: transparent transparent transparent #d1d1d1;
	border-width: 8px 0px 8px 8px;		
	margin: auto;
 }

#page_menu li a {
	color: #666;
	display: block;
	/*padding: 10px 5px 10px 15px; 10-28 */
	/*padding: 10px .41667vw 10px 1.25vw; 10-29 */
	padding: 10px .357em 10px 1.071em; /* 5/14, 15/14*/
}
#page_menu li:hover a {
	color: #000;	
}

#form_sidebar {
	background:none;
}
#form_sidebar li {
	/*margin: 20px 0px 20px 20px; 10-28 */
	/*margin: 20px 0px 20px 1.667vw; 10-29 */
	margin: 20px 0px 20px 1.42857em; /* 20/14 */
}
#form_sidebar button {
	width: 100%;
}
#main_container {
	width: 85%;
	height: auto;
	position: absolute;
	right: 2.5%;
	margin-top: 50px;
}	
#main_container.graph_page {/* no sidebar*/
	width: 98%;
	right: 1%;
	height: auto;
}
#main_container.form_page {
	/*margin-left: 220px; 10-28 */
	/*margin-left: 18.333vw;	10-29 */
	margin-left: 15.714em; /* 220/14*/
	width:auto;
	left: 0;
	right: 0;
	margin-right: 1%;
}
#main_container.no_sidebar {
	margin-left: 1%;
	margin-right: 1%;
	width: 98%;	
	right:0;/* added 4-23-20 for kanban*/
}

table {
	/*table-layout: fixed;*/ /*removed 10-28 to try to fix resizing tables*/
	/*width: 100%;*/ /* removed 10_25 to try to fix resizing tables*/
	width:	100%;
}	
th,td {
	border: 0px solid #ccc;
	font-size: .8125em; /* 13*/
	text-align: left;	
	/*padding: 6px 4px;10-25*/
	/*padding: 6px .5%*//* 10-28*/
	/*padding: 6px .333vw; 10-29 */
	padding: 6px .2857em; /* 4/14*/
}
th, th:hover {		
	background-color:#ccc;
	color: #333;
	/*padding: 6px 4px;10-25*/
	/*padding: 6px .5%*//* 10-28*/
	/*padding: 6px .333vw; 10-29  */
	padding: 6px .2857em; /* 4/14*/
}
a, th.sortable {
	color: #3498db;
	cursor:pointer;
}
a:hover, th.sortable:hover {
	color: #2980b9;
}

tr {
	color: #333;
}
th.right_justify {
	/*padding-right: 8px; 10-25*/
}
.right_justify, .right_justify input, .right_justify span {
	text-align:right;
}
.table_header {
	padding-top: 10px;
	background-color: #f1f1f1;
	overflow:hidden;
}

.table_header span.results {
	float:right;
	color: #333;	
	margin-bottom:5px;	
}
.table_header table {
	clear:both;
	/*width:auto;*/
}

.table_detail {	
	max-height: 400px;
	overflow-y:auto;
}
.table_header table tr.summary th {
	background-color: #333;
	color: #fff;
	line-height: 2em;
}

.table_detail tr:nth-child(even) {background: #f1f1f1}
.table_detail tr:nth-child(odd) {background: #fff}

.table_detail tr:hover {
	background-color: #666;
	color: #fff;
	cursor: pointer;	
}	
.table_detail tr:hover input, .table_detail tr:hover select {
}
.table_detail input {
	/*padding: 2px 6px;10-25*/
	/*padding: 2px .5vw; 10-29 */
	padding: 2px .42857em; /* 6/14*/
}
.table_detail select {
	/*padding: 2px 6px;10-25*/
	/*padding: 2px .5vw; 10-29 */
	padding: 2px .42857em; /* 6/14*/
}

.table_detail tr.group_header_row, .table_detail tr.group_header_row:hover {
	background-color: #999;
	font-weight: bold;	
	color: #333;
}

.table_detail tr.subtotal, tr.grandtotal  {
	text-transform: uppercase;
	font-weight: bold;	
}
tr.grandtotal {
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
}
.table_detail tr.cancelled {
	text-decoration: line-through;
	color: #c0392b; /* red */
}
.table_detail td, .table_header th {
	word-wrap: break-word;
    overflow-wrap: break-word;	
}

#table_search_email_log .table_detail td, #table_search_email_log .table_detail th, #table_search_page_log .table_detail td, #table_search_page_log .table_detail th {
	max-width: 10em;
}


.no_scroll {
	max-height: none;
	border: 0px;
}
.no_scroll table {
	width: auto;
}

.no_scroll th {
	background-color: #333;
	color: #fff;
}

.table_pagination {
	margin: 5px 0px;
}

.table_pagination button.left {
	float: left;
}
.table_pagination button.right {
	float: right;
}

.filter_container {
	background: #f1f1f1;
	margin: 10px 0px;
	/*padding: 10px; 10-28 */
	/*padding: 10px .8333vw; 10-29 */
	padding: 10px .714em; /* 10/14*/
	font-size: .875em; /*14*/
	color: #333;
	position:relative;
}

.form_page .filter_container {
	margin: 0px;
	padding-top: 15px;
}

.form_page .note_container {
	background-color: #f1f1f1;
	float:right;
	/*width:20%; 10-28
	min-width: 300px;*/
	/*width: 24vw;*/
	width: 24%;
		
	min-height: 300px;
	max-height: 500px;
	/*max-height: 100%;*/
	
	overflow-y:auto;
	border-left: 1px dashed #ccc;
	padding-left: 10px;
}

.note_container .note, .note_container .note_priority {
	/*padding: 5px; 10-28 */
	/*padding: 5px .41667vw; 10-29 */
	padding: 5px .357em; /* 5/14*/
	display:block;
	margin-top: 10px;
	background-color: #e1e1e1;
}
.note_container .note_priority {
	background-color: #FFFF66;
	font-weight: bold;
	color: #000;
	border: 1px solid #333;
	font-size: 1em;
}

.note_container .data_entry_error_note {/* added 6-16-18*/
	background-color: #1abc9c; /* green*/
	font-weight: bold;
	color: #000;
	border: 0px solid #333;
	font-size: 1em;
}
.note_container .revision_note {/* added 10-15-25*/
	background-color: #f5b5e6; /* pink */
	font-weight: bold;
	color: #000;
	border: 0px solid #333;
	font-size: 1em;
}


.note_container textarea {
	width: 100%;
	height: 150px;
}
.note_container span {
	color: #666;
	font-size: .85714em; /* 12/14*/
}

.note_container span.note_text {
	/*font-size: 1em;*/
	color: #333;
}

.note_container .note_header {
	color: #333;
	font-weight: bold;
	font-size: .91667em; /* 11/12*/
	border-bottom: 1px solid #ccc;
	margin-bottom: 3px;
	padding-bottom:3px;
}
.note_container .note_header span {
	color: #333;
}
.note_container .note_footer {
	font-size: .91667em; /* 11/12*/
	border-top: 1px solid #ccc;
	margin-top: 3px;
	padding-top:3px;
	font-style:italic;
}
.note_container .note_buttons {
	display:block;
}
.filter_container .note_container .note_footer button {	
	font-size: .857165em; /*12/12.833*/
	margin-left: 0px;
}
.table_ajax {
	clear:both;
}

.form_page .table_ajax {
	margin: 0px;
}
/*.filter_container*/ .hidden {
	display:none;
}
.filter_container .float_left {/* used as a container for all inputs on left and note container on right*/
	float:left;
	/*min-width: 800px;10-28*/
	/*min-width: 66.667vw;*/
	/*width: 70vw;*/
	width: 75%;
}
.filter_container .no_edit {
	padding-bottom: 10px;
	color: #666;
}
.filter_container .solid_border {
	border:1px solid #ccc;
}
.filter_container .dash {
	border:1px dashed #ccc;
	/*padding:10px; 10-28 */
	/*padding: 10px .833vw; 10-29 */
	padding: 10px .714em; /* 10/14*/
	font-size: .85714em; /*12/14*/
}
.filter_container .margin_left { /* to line up with no_edit above it */
	/*margin-left: 10px; 10-28 */
	/*margin-left: .833vw; 10-29*/
	margin-left: .714em; /* 10/14*/
}
.filter_container .inline, .filter_container .inline_right {
	float:left;
	/*margin-right: 15px; 10-28*/
	/*margin-right: 1.25vw; 10-29 */
	margin-right: 1.0714em; /* 15/14*/
}
.filter_container .float_no_width {
	float: left;
	/*margin-right: 15px; 10-28*/
	/*margin-right: 1.25vw; 10-29 */
	margin-right: 1.0714em; /* 15/14*/
}
.filter_container .clear {
	clear: both;
}

.filter_container .error_container {
	color: #c0392b; /* red */
}
.filter_container .margin_top {
	padding-top: 20px;
}
.filter_container .right_justify label {
	text-align:left;
}

.filter_container label {
	/*margin-right: 10px; 10-28 */
	/*margin-right: .833vw; 10-29 */
	margin-right: .714em; /* 10/14*/
	color: #666;
}

.filter_container input, .filter_container textarea { 
	/*padding: 2px 6px; 10-28 */
	/*padding: 2px .5vw; 10-29*/
	padding: 2px .42857em; /* 6/14*/
	font-size: 1em;
}
.filter_container select {
	/*padding: 2px; */
	/*padding: 2px .1667vw; 10-29 */
	padding: 2px .142857em; /* 2/14*/
	font-size: 1em;
}

.filter_container option {
	font-size: 1em;
	/*padding: 2px 0px 2px 4px; 10-28 */
	/*padding: 2px 0px 2px .333vw;10-29*/
	padding: 2px 0px 2px .2857em; /*4/14*/
}

.filter_container .float {
	float: left;	
	/*margin-right: 20px;	 10-28 */
	/*margin-right: 1.667vw;10-29*/
	margin-right: 1.42857em; /*20/14*/
	/*width: 600px;10-28*/
	/*width: 50vw;	10-29*/
	width: 42.857em; /* 600/14*/
	/*padding: 10px; 10-28 */
	/*padding: 10px .833vw;10-29 */
	padding: 10px .714em; /* 10/14*/
	margin-bottom: 5px;
}
.filter_container .short {
	/*width: 300px; 10-28 */
	/*width: 25vw;10-29*/
	width: 21.42857em; /* 300/14*/
}

.filter_container .auto_width {
	width:auto;
}

.filter_container .float label, .filter_container .form label, .filter_container .radio_inline label {
	display:inline-block;
	/*width: 150px; 10-28 */	
	/*width: 12.5vw; 10-29*/
	/*max-width: 150px; 10-29 */
	width: 10.714em; /* 150/14*/	
	vertical-align: top;
	padding-top: 2px;
}
.filter_container .vertical_padding {
	padding-bottom:10px;
}
.filter_container .block span {
	display:inline-block;
}

.filter_container .inline span, .filter_container .inline_right span {
	display:inline-block;
	vertical-align: top;
	padding-top: 2px;
}
.filter_container .inline_right span {
	text-align:right;
}
.filter_container .collapse_label label {
	width: auto;
}

.filter_container .float input,  .filter_container .float select {
	display:block;
	margin-bottom: 10px;
}
.filter_container .form input,  .filter_container .form select {
	display:inline-block;
	margin-bottom: 10px;
}

.filter_container .float input.datepicker, .filter_container .form input.datepicker {
	display:inline-block;
	/*width: 100px; 10-28 */
	/*width: 8.333vw;10-29*/
	width: 7.142857em; /* 100/14*/
	max-width: 100px;
}

.filter_container .radio, .filter_container .checkbox {
	/*width: 200px;	10-28 */
	/*width: 16.667vw; 10-29*/
	width: 14.2857em; /* 200/14*/
	max-width: 200px;
}
.filter_container .width250 {
	width: 17.857em; /* 200/14*/
	max-width: 250px;
}


.filter_container .radio label, .filter_container span.filter_group_label {
	display:block;
	float: none;
	margin-bottom: 5px;
	font-weight: bold;
}

.filter_container .radio input, .filter_container .checkbox input {
	float: left;
	/*margin: 0px 5px; 10-28*/
	/*margin: 0px .41667vw;10-29*/
	margin: 0px .357em; /* 5/14*/
}
.filter_container .radio_inline input {
	/*margin: 0px 5px; 10-28*/
	/*margin: 0px .41667vw;10-29*/
	margin: 0px .357em; /* 5/14*/
}

.filter_container .radio span, .filter_container .checkbox label {
	display:block;
	margin:0px;
	margin-bottom: 5px;
	font-size:.92857em; /*13/14*/	
}
.filter_container .no_width label {
	width: auto;
}
.filter_container .inline_block {
	margin-bottom:5px;
}
.filter_container .inline_block span {
	display:inline-block;
	
}
.filter_container button.vertical_top {
	vertical-align: top;
}


.filter_container .products {	
	margin-top:10px;	
}
.filter_container .products label {	
	/*padding-left:10px; 10-28 */
	/*padding-left: .8333vw;10-29*/
	padding-left: .714em; /*10/14*/
}

.filter_container button.primary_button {/*used for saving*/
	margin-top: 20px;
	/*margin-left: 165px; 10-28 *//* compensate for the label and align with inputs */
	/*margin-left: 13.75vw;10-29*/
	margin-left: 11.7857em; /* 165/14*/
	/*width: 300px; 10-28 */
	/*width: 25vw;10-29*/
	width: 21.42857em; /* 300/14*/
	max-width: 300px;
	clear: both;
	display:block;
}
.filter_container button.secondary_button {/*used for saving*/
	margin-top: 20px;
	background-color: #95a5a6;
	/*min-width: 100px;	 10-28 */
	/*min-width: 8.333vw;10-29*/
	min-width: 10.714em; /*100/14*/
	max-width: 300px;
	float:left;
}
.filter_container button:hover.secondary_button {
	background-color: #7f8c8d;
}
.filter_container button.inline {	
	display:inline-block;
	margin-left:0px;
}
#form_unit_conversion_calculator .answer span {
	border: 1px solid #ccc;
	/*padding: 5px; 10-28 */
	/*padding: 5px .41667vw;10-29*/
	padding: 5px .357em; /*5/14*/
	font-weight: bold;
	/*width: 100px; 10-28 */
	/*width: 8.333vw;10-29*/
	width: 7.142857em; /*100/14*/
	display:inline-block;
}
.filter_container button.field_button, table button {
	/*padding: 4px; 10-28*/
	/*padding: .333vw;10-29*/
	padding: .2857em; /*4/14*/
	/*margin: 0px 10px 2px; 10-28 */
	/*margin: 0px .833vw 2px;10-29*/
	margin: 0px .714em 2px; /*10/14*/
	font-size: .785714em; /*11px*/
	background-color: #95a5a6;
	color:  #fff;
}
table button {
	/*margin: 0px 10px; 10-28 */
	margin: 0px;
}
.filter_container button.field_button:hover, table button:hover {
	background-color: #7f8c8d;
}

.field_container {
	display: block;
}
.min_field, .max_field {
	display: inline-block;
	height: 40px;
}
.filter_container .form .min_field, .filter_container .form .max_field {
	height: 50px;
}
.filter_container .large_textarea  {
	margin-bottom: 10px;
}
.filter_container .large_textarea textarea {
	height: 100px;
}
.form_page .filter_container .table {
	margin-bottom: 10px;
}
.form_page .filter_container .table span {
	text-align: right;
	display:inline-block;
}
.form_page .filter_container .table .underline span {
	border-bottom: 1px solid #ccc;
}
.form_page .filter_container .table .bold span, .form_page .filter_container .table .bold label {
	font-weight: bold;
}
.input_container {
	position: relative;
	display:inline-block;
}
.max_field {
	/*margin-left: 10px; 10-28*/
	/*margin-left: .833vw;10-29*/
	margin-left: .714em; /*10/14*/
}
.min_field span, .max_field span{
	position: absolute;
	bottom: -5px;
	/*left: 5px; 10-28 */
	/*left: .41667vw;10-29*/
	left: .357em; /*5/14*/
	font-size: .85714em; /*12/14*/
}
.table_title {
	font-weight: bold;
	display:block;
	color: #666;
	color: #3498db; /* changed to blue 1-28-20*/
	padding-top:10px; /* added 1-28-20*/
}
.table_ajax .table_title {/* used for form tables */	
	/*padding: 10px; 10-28 */
	/*padding: 10px .833vw;10-29*/
	padding: .714em; /*10/14*/
}
.filter_container .table_title {/* forms */
	padding-bottom: 5px;
	font-size: 1.142857em; /*16/14*/
}
.table_hint, .form_hint {
	display:block;	
	font-style: italic;
	margin-bottom:5px;
}
.table_hint {
	float:left;
	/*margin:5px; 10-28 */
	/*margin: 5px .41667vw;10-29*/
	margin: 5px .357em; /*5/14*/
	font-size: .875em; /*14/16*/
}
.form_hint {
	color: #666;
}
.no_results {
	/*padding: 10px; 10-28 */
	/*padding: 10px .833vw;10-29*/
	padding: 10px .714em;/*10/14*/
	display:block;
}
/* reports */
.report_page .filter_container .float input, .report_page .filter_container .form input, .report_page .filter_container .radio_inline input, .report_page .filter_container .float select {
	display:inline-block;
}
/* custom reports */
#tab_content_tab_custom_report .filter_container .float input, #tab_content_tab_custom_report .filter_container .form input, #tab_content_tab_custom_report .filter_container .radio_inline input, #tab_content_tab_custom_report .filter_container .float select {
	display:inline-block;
}

.report_page .filter_container select {
	/* max-width: 400px; 10-28 */
	/*max-width: 33.333vw;10-29*/
	max-width: 28.571em; /*400/14*/
}
.filter_container_bar {
	background: #f1f1f1;
	margin: 10px 0;
	padding: 10px .714em;
	display:none;
	font-size: .875em; /* 14/16 */
	color: #666;
	position: relative;
}
button.filter_collapse {
	position: absolute;
	right: .3em;
	top: .3em;
	background-color: #95a5a6;
	font-size: 1.5em; 
	line-height: 0em;
	height: 1em; /* 10/56 */
	width: 1em; /* 10/56 */
	padding: 0px; 
	padding-bottom: .1em;
	
}
button:hover.filter_collapse {
	background-color: #7f8c8d;
}


/* form_tables*/
table.form_table {
	table-layout:fixed;
}

table.form_table input, table.form_table select {
	max-width: 100%;
}
.form_table {
	max-height: none;
}
.table_empty button.hide_on_empty {
	display:none;
}
.table_ajax button.primary_button {
	/*margin:10px; 10-28 */
	/*margin: 10px .833vw;10-29*/
	margin: 10px .714em; /*10/14*/
}
.form_table input.error, .form_table select.error {
	color: #c0392b;
	background-color: yellow;
}
.form_table_error_container {
	color: #c0392b;
	/*margin:10px; 10-28 */
	/*margin: 10px .833vw;10-29*/
	margin: 10px .714em; /*10/14*/
}
.form_table_error_container span.error_container {
	display:block;
}

.form_table span.span_link, div.span_link span {
	color: #3498db;
	cursor:pointer;
}
.form_table span.span_link:hover, div.span_link span:hover {
	color: #2980b9;
}

/* multi_form */
.multi_form .filter_container {
	border-bottom: 20px solid #fff;
}
.multi_form .filter_container .float_left {/* used as a container for all inputs on left and note container on right*/
	width:auto;
}
.multi_form .filter_container span {
	margin-bottom: 10px;
	display:inline-block;
}
.multi_form .filter_container span.table_title {
	margin-bottom:0px;
	display:block;
}
.multi_form .filter_container .input_table, .multi_form .filter_container .summary_table {
	font-size: .9285714em; /*13/14*/ 
	border:1px dashed #ccc;
	/*padding:10px; 10-28*/
	/*padding: 10px .833vw;10-29*/
	padding: 10px .714em; /*10/14*/
	margin-bottom: 10px;
}
.multi_form .filter_container .input_table button.field_button {
	font-size: .846154em; /*11/13*/
}
.multi_form .filter_container .input_table input {
	text-align: right;
}

.multi_form .filter_container .summary_table {	
	font-weight:bold;
}
.multi_form .filter_container .summary_table .inline {
	margin:0px;
}

.multi_form .filter_container .suffix {
	margin: 0px;	
	float: left;
}

.multi_form .filter_container .summary_table span {
	text-align: right;
}
/* file_uplodad */
#upload {
	/*padding: 10px; 10-28*/
	/*padding: 10px .833vw;10-29*/
	padding: 10px .714em; /*10/14*/
	color: #333;
	font-size: 1em;
}
#upload fieldset {
	border: 0px;
}
#filedrag {
	display: none;
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
	margin: 1em 0;
	color: #555;
	border: 2px dashed #555;
	border-radius: 7px;
	cursor: default;
}

#filedrag.hover {
	color: #f00;
	border-color: #f00;
	border-style: solid;
	box-shadow: inset 0 3px 4px #888;
}
#progress p {
	display: block;
	width: 240px;
	padding: 2px 5px;
	margin: 2px 0;
	border: 1px inset #446;
	border-radius: 5px;
}
#progress p.success {
	background: #0c0 none 0 0 no-repeat;
}

#progress p.failed {
	background: #c00 none 0 0 no-repeat;
}

/** login **/
#form_login {
	/*width: 600px; 10-28*/
	/*width: 50vw;10-29*/
	width: 42.857em; /*600/14*/
	margin: auto;	
}


/************* media queries ***********/

@media screen and (max-width: 1399px) {
	#page_menu {
		display:none;
	}
	#main_container.report_page {
		width: 98%;
		right: 1%;
	}
	#form_sidebar {
		position: absolute;
		width: auto;
		left: 0;
		right: 0;
		overflow-y:visible;
	}
	#form_sidebar li {
		display: inline-block;
		/*margin: 10px 0px 10px 10px; 10-28 */
		/*margin: 10px 0px 10px .833vw;10-29*/
		margin: 10px 0px 10px .714em; /*10/14*/
	}
	#form_sidebar li button {
		/*width: 180px; 10-28 */
		/*width: 15vw;10-29*/
		width: 12.857em; /*180/14*/
		max-width: 180px;
	}
	#main_container.form_page {
		/*margin-left: 10px; 10-28 */
		/*margin-left: .833vw;10-29*/
		margin-left: .714em;/*10/14*/
		margin-top: 100px;
	}
	#main_container.no_sidebar {
		margin-top: 50px;
	}
}
/**** graph ****/
/*span#graph_total {*/
#graph_total_container {
	font-weight: bold;
	clear:both;
	display:block;
	margin:10px 0;
	padding: 5px 1em; /* 16/16px*/
	border: 1px solid #ccc;
	width: 25em;
	background-color: #f1f1f1;
}
#graph_total_container span.label {
	clear:both;
	/*display:inline-block;*/
	float:left;
	width: 8em;
}
#graph_total_container span.value {
	/*display:inline-block;*/
	width: 10em;
	text-align: right;
	float:left;
}

/******edit_contact contact notes tabs *****/
#tab_content_tab_edit_contact_notes .tab_section#edit_contact_notes_edit_contact_notes {
	width: 75%;
	float:left;
	border-right: 1px dashed #ccc;
	padding-right: 1em;
}
#tab_content_tab_edit_contact_notes .tab_section#edit_contact_notes_edit_contact_notes .filter_container .float input, #tab_content_tab_edit_contact_notes .tab_section#edit_contact_notes_edit_contact_notes .filter_container .form input, #tab_content_tab_edit_contact_notes .tab_section#edit_contact_notes_edit_contact_notes .filter_container #tab_content_tab_edit_contact_notes .tab_section#edit_contact_notes_edit_contact_notes .filter_container .radio_inline input, #tab_content_tab_edit_contact_notes .tab_section#edit_contact_notes_edit_contact_notes .filter_container .float select {
	display:inline-block;
}
#tab_content_tab_edit_company_notes  .filter_container .float input, #tab_content_tab_edit_company_notes .filter_container .form input, #tab_content_tab_edit_company_notes .filter_container #tab_content_tab_edit_company_notes .filter_container .radio_inline input, #tab_content_tab_edit_company_notes .filter_container .float select {
	display:inline-block;
}
#tab_content_tab_edit_contact_notes .tab_section#edit_contact_notes_edit_contact_add_note {
	width: 25%;
	float:left;
	clear:none;	
}
#tab_content_tab_edit_contact_notes .tab_section#edit_contact_notes_edit_contact_add_note .input_container {
	max-width: 90%;
}
#tab_content_tab_edit_contact_notes .tab_section#edit_contact_notes_edit_contact_add_note textarea {
	max-width: 90%;
	height: 150px;	
}
#tab_content_tab_edit_contact_notes .tab_section#edit_contact_notes_edit_contact_add_note #button_save_edit_contact_add_note {
	margin-left:0px;
	width: 50%;
}
/*****email reminder modal****/
#form_edit_reminders_modal .additional_recipients .additional_recipient {
	margin-left: 12.428em;
}




/****** EMAILS ***********/
.tab_section#my_emails_list_my_emails_list_header, .tab_section#emails_my_emails_list_header {
	/* this is the header*/
	width: 100%;
}

.tab_section#my_emails_list_my_emails_list, .tab_section#emails_my_emails_list {
	/* this is the table of emails*/
	width: 60%;
	display:inline-block;
	float:left;
}
.tab_section#my_emails_list_email_rightside, .tab_section#emails_email_rightside {
	/* this is the preview individual container and compose*/
	margin-left: 1%;
	width: 39%;
	display:inline-block;
}

#email_rightside_container_toolbar button {
	font-size: 0.875em; /* 14*/
	margin-bottom: 5px;
	background-color: #444;
}
#email_rightside_container_toolbar button:hover {
	background-color: #222;
}

#filter_container_my_emails_list.filter_container .float {
	width:auto;
}

#filter_container_my_emails_list.filter_container .float .min_field label {
	width:auto;
}

#filter_container_my_emails_list.filter_container .float.radio {
	width:auto;
	max-width: 100px;
	margin-right: 5px;
	font-size: 0.92857em; /* 13/14*/ /*13px;*/
}
#filter_container_my_emails_list.filter_container .float.radio.date_range {
	max-width:150px;
}

#table_my_emails_list .table_detail tbody tr.active_email {
	border:1px solid #444;
	background-color:#1ABC9C; /*basstech teal green*/
}

#table_my_emails_list .table_detail tbody tr.active_email:hover {
	color: #333;
}

#table_my_emails_list tr td {	
	position: relative; /* need this for snippet hint*/
}
#table_my_emails_list tr td div.hint {
	position:absolute; 
	top:40px; 
	left:0; 
	width:300px;
	max-height:150px;
	background: #111;
	color: #eee;
	border-radius:4px;
	padding:5px;
	font-size: 12px;
	z-index: 1000;
}
#table_my_emails_list tr[data-box="sent"] {
	background: #FFF0F0; /*red*/
}
#table_my_emails_list tr[data-box="sent"]:nth-child(odd) {
	background: #FBCECE; 
}

#table_my_emails_list tr[data-box="inbox"] {
	/*background: #E0E1FC;*/ /*blue*/
}

#table_my_emails_list td span.email_subject {
	font-weight:bold;
	color:#111;
}
#button_send_receive_emails {
	
}
#email_rightside_container {
	width:100%;
	min-height:300px;
	padding:5px;
	/*overflow: scroll;*/
}
#email_attachments_container, #email_tags_container, #email_headers_container, #email_body {
	border:1px solid #999;
	min-height:20px;
	margin:5px 0px;
	padding:5px;
	background-color: #fff;
}
#email_attachments_container_header, #email_tags_container_header {
	margin-bottom:5px;
}
#email_attachments_container_header span, #email_tags_container_header span {
/*
	changed to use icon instead of text header
	display:block;
	font-weight: bold;
	text-decoration:underline;
	color: #444;
*/	
	/*font-size: .75em; *//*12/16*/	
}
#email_attachments_container_header, #email_tags_container_header {
	display:inline-block;
	float:left;
	width: 2em;
}
#email_attachments_container_header i, #email_tags_container_header i {
	font-size: 1em;
	color: #1ABC9C; /*basstech teal green*/
}

#email_attachments_container_body {
	margin-left: 2em;
}

#email_attachments_container_body span {
	color: #3498db;
	cursor:pointer;
	margin-bottom:5px;
	font-size: .8125em ; /* 13/16 */
}
#email_attachments_container_body span:hover {
	color: #2980b9;
}

#email_tags_container_body div {
	display:inline-block;
}

#email_body {
	overflow:auto;
}

#email_body div.thread_email {
	border: 1px solid #ccc;
	padding:5px;
	margin-bottom:5px;
	
}
#email_body div.thread_email.to_me {
	margin-left:0px;
}
#email_body div.thread_email.from_me {
	margin-left:50px;
	background: #FFF0F0; /*red*/
}

#table_my_emails_list tbody td {
	font-size: .75em; /* 12 */
}

#table_my_emails_list tbody td button {
	background-color: #444;
	padding: 4px;
	padding-left: 7px; /* need this because icons have margin-right of 3px*/
	font-size: 14px;
	background-color: #444;	
	color: #fff;
}

#email_tags_container_body span, #table_my_emails_list span.email_tag, #email_compose_tags span.email_tag {
	padding:3px 5px;
	border-radius: 2px;
	margin:3px;
	display:inline-block;
	font-size: .92308em; /* 12/13px*/
}
#email_tags_container_body span {
	font-size: .75em; /* 12px*/
}
#email_tags_container_body span:hover, #table_my_emails_list span.email_tag:hover, #email_compose_tags span.email_tag:hover {
	cursor: pointer;		
}

#email_tags_container_body span[data-tag_type="2"], #table_my_emails_list span.email_tag[data-tag_type="2"], #email_compose_tags span.email_tag[data-tag_type="2"] {/* opportunities*/
	background-color:#1ABC9C; /*basstech teal green*/
	color: #fff;
}
#email_tags_container_body span[data-tag_type="3"], #table_my_emails_list span.email_tag[data-tag_type="3"], #email_tags_container_body span[data-tag_type="5"], #table_my_emails_list span.email_tag[data-tag_type="5"], #email_compose_tags span.email_tag[data-tag_type="3"], #email_compose_tags span.email_tag[data-tag_type="5"] {
	background-color: #2980b9; /* po blue*/
	color: #fff;
}
#email_tags_container_body span[data-tag_type="4"], #table_my_emails_list span.email_tag[data-tag_type="4"], #email_tags_container_body span[data-tag_type="6"], #table_my_emails_list span.email_tag[data-tag_type="6"], #email_compose_tags span.email_tag[data-tag_type="4"], #email_compose_tags span.email_tag[data-tag_type="6"] {
	background-color: #c0392b; /* sc red */
	color: #fff;
}
#email_tags_container_body span[data-tag_type="7"], #table_my_emails_list span.email_tag[data-tag_type="7"], #email_compose_tags span.email_tag[data-tag_type="7"] {/* projects*/
	background-color: purple;
	color: #fff;
}
#email_headers_container_body {
	font-size: .75em; /*12/16*/
}
#email_headers_container_body div {
	margin-bottom: 5px;
}
#email_headers_container_body span.header{
	font-weight: bold;
	width: 7em;
	display:inline-block;
}
button.small_icon {
	padding: 4px;
	padding-left: 7px; /* need this because icons have margin-right of 3px*/
	font-size: 14px;
	background-color: #444;	
	color: #fff;
}
button.small_icon:hover {
	background-color: #222;
}
i.fas {
	margin-right:3px;
}
#filter_container_search_opportunities_modal #filter_group_0.inline div {/* used for  search_opportunities_modal*/
	display:inline-block;
	margin-left:5px;
}
#filter_container_search_opportunities_modal #filter_group_0.inline {
	width:auto;
}

#email_compose_container {
	font-size: .8125em;
}

.email_compose_address_container {
	margin-bottom:5px;	
}

.email_compose_address_container div.label {
	width: 10%;
	display:inline-block;
}
.email_compose_address_container div.input {
	position:relative;
	display:inline-block;
	width: 88%;	
}
.email_compose_address_container div.input input, .email_compose_address_container div.input textarea {
	position:relative;
	width: 100%;	
	padding: 2px;
	vertical-align: top;
	height:2em;
}

#email_address_lookup {
	border: 1px solid #ccc;
	padding:5px;
	background-color: #fff;
	position:absolute;
	max-height: 400px;
	overflow-y: auto;
	font-size: 1em;
	color: #444;
	width: 100%;
	z-index:100;
}
#email_address_lookup div {
	margin-bottom:2px;
}
#email_address_lookup span {
	background-color:none;
}
#email_address_lookup span.active, #email_address_lookup span:hover {
	background-color:#ccc;
	cursor: pointer;
}
#email_compose_attachments_container div.label, #email_compose_tags_container div.label {
	vertical-align:top;	
}
#email_compose_attachments, #email_compose_tags {
	background-color: #fff;
	border: 1px solid rgb(169,169,169); /* color to match input border color*/
	padding:2px; 
	min-height:2em;
}
#email_compose_attachments {
	min-height:4em;/*made larger for easier drag and drop attachments*/
}

/******************** KENBAN **********************/
.kanban_col {
	float:left;
	border:1px solid #ccc;	
}
.kanban_col_header {
	background-color: #c0392b; /* red */
	padding: .5em;
	
}
.kanban_col_header span {
	color: #fff;
}
.kanban_col_detail {
	overflow-y: auto;
	background-color: #f1f1f1;
}

.kanban_card {
	/*width: 200px;*/
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: 3px;
	padding: .25em;
	margin: .3em;	
}

.kanban_card:hover {
	background-color: #e1e1e1;	
	cursor:pointer;	
	border:1px solid #fff;
}

.kanban_card .deal_board_title {
	display:block;	
	color: #2980b9;/* blue */
	color:#000;
	font-size: .875em; /* 14 */	
	font-weight:bold;
	margin-bottom:3px;
}
.kanban_card span.field_header {
	color: #444;
	font-size: .8125em; /* 13*/
	
}
.kanban_card span.field_val {
	color: #000;
	font-size: .8125em; /* 13*/
	font-weight: bold;
}
/*********** CALENDAR **********/

.calendar_col {
	float:left;
	border:1px solid #ccc;	
}
.calendar_col_header {
	background-color: #333; /* red */
	padding: .5em;
	
}
.calendar_col_header span {
	color: #fff;
}
.calendar_col_detail {
	overflow-y: auto;
	background-color: #f1f1f1;
}

.calendar_card {
	/*width: 200px;*/
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: 3px;
	padding: .25em;
	margin: .3em;	
	height:5em;
	overflow: auto;
}
.calendar_card.inactive_month {	
	background-color: #e1e1e1;	
}
.monthly_day_header {
	float:right;
	position: sticky;
	top:0;
}

#calendar_header {
	margin-bottom: 5px;
}

#calendar_header button.today_button {
	position:absolute; 
	left:.25em;
}

#calendar_header div.center_div {
	width:100%; 
	margin:auto; 
	display:inline-block; 
	text-align:center;
}


#calendar_header span.current_month {
	display:inline-block;
	width:15em;
	font-size: 1.5em;
	font-weight: bold;
}
.calendar_event {
	max-width: 90%;
	font-size: .75em;
	cursor:pointer;
}
.calendar_event:hover {
	text-decoration:underline;
}

.calendar_card .monthly_day_header {
	cursor:pointer;
}


/* for summernote wysiwyg editor*/
.note-editable ul {
	list-style-type: disc;
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.note-editable ol {
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.span_button {
	font-size:1.5em;
	margin-right: .25em;
}

.span_button:hover {
	cursor:pointer;
}

#form_edit_opportunity button.primary_button {
	margin-left:0;
}
#form_edit_opportunity button.secondary_button {
	margin-right:1em;
	background-color: #34495e
}

#form_edit_opportunity button.secondary_button:hover {
	background-color: #2c3e50;  /* dark blue */
}
#edit_opportunity_description {
	height: 8em; /* about 100px */
}

#form_edit_address_modal {
	overflow-y: scroll;
	max-height: 600px;
}
#table_edit_bill_items, #table_edit_payment_items, #table_edit_invoice_items, #table_edit_receipt_items { /* 11-8-25*/
	max-width: 1000px;
}