.developer_note {
	background-color: darkorange;
	font-weight:      700;
	font-family:      "Courier New", monospace;
	font-size:        1.4em;
}

.under_construction_1995 {
	background-image: url(http://localhost:3000/images/yellow_and_black_chevron_small.png);
	/*color: #c1005f;*/
	color: #eb4496;
	/*text-shadow: 2px 2px 4px #000000;*/
	/*text-shadow: 2px 2px 4px lime;*/
	font-weight: 900;
	font-size: 111%;
	width: 200px;
	height: 38px;
}

.width_is_200_px {
	width: 200px;
}

.cozy-sidebar .cozy-sidebar-menu > li > a {
	padding: 2px 5px; /* 2017-02-07-JT for DR>>>, compact side-bar menu applied to dev-admins */
}


/**********************************************************************************************************************************************************************************/
/*http://cssdeck.com/labs/css-checkbox-styles*/
/*http://jsfiddle.net/hqZt6/6/*/
.cv_checkbox_undefined {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	/*noinspection CssUnknownTarget,CssUnknownTarget*/
	background: url("/images/clearview_checkbox_20x20_undefined.png");
}

.cv_checkbox_undefined:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	/*noinspection CssUnknownTarget,CssUnknownTarget*/
	background: url("/images/clearview_checkbox_20x20_undefined.png");
}

.cv_checkbox_undefined:checked:before {
	/*noinspection CssUnknownTarget,CssUnknownTarget*/
	background: url("/images/clearview_checkbox_20x20_undefined.png");
}

.cv_checkbox_undefined:disabled:before {
	/*noinspection CssUnknownTarget,CssUnknownTarget*/
	background: url("/images/clearview_checkbox_20x20_undefined.png");
}

.cv_checkbox_undefined:checked:disabled:before {
	/*noinspection CssUnknownTarget,CssUnknownTarget*/
	background: url("/images/clearview_checkbox_20x20_undefined.png");
}

.cv_checkbox_mixed {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	/*noinspection CssUnknownTarget,CssUnknownTarget*/
	background: url("/images/clearview_checkbox_20x20_mixed.png");
}

.cv_checkbox_mixed:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	/*noinspection CssUnknownTarget,CssUnknownTarget*/
	background: url("/images/clearview_checkbox_20x20_mixed.png");
}

.cv_checkbox_mixed:checked:before {
	/*noinspection CssUnknownTarget,CssUnknownTarget*/
	background: url("/images/clearview_checkbox_20x20_mixed.png");
}

.cv_checkbox_mixed:disabled:before {
	/*noinspection CssUnknownTarget,CssUnknownTarget*/
	background: url("/images/clearview_checkbox_20x20_mixed.png");
}

.cv_checkbox_mixed:checked:disabled:before {
	/*noinspection CssUnknownTarget,CssUnknownTarget*/
	background: url("/images/clearview_checkbox_20x20_mixed.png");
}


.cv_checkbox {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	/*noinspection CssUnknownTarget,CssUnknownTarget*/
	background: url("/images/clearview_checkbox_20x20_unchecked.png");
}

.cv_checkbox:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	/*noinspection CssUnknownTarget,CssUnknownTarget*/
	background: url("/images/clearview_checkbox_20x20_unchecked.png");
}

.cv_checkbox:checked:before {
	/*noinspection CssUnknownTarget,CssUnknownTarget*/
	background: url("/images/clearview_checkbox_20x20_checked.png") #fff;
}

.cv_checkbox:disabled:before {
	/*noinspection CssUnknownTarget,CssUnknownTarget*/
	background: url("/images/clearview_checkbox_20x20_disabled.png");
}

.cv_checkbox:checked:disabled:before {
	/*noinspection CssUnknownTarget,CssUnknownTarget*/
	background: url("/images/clearview_checkbox_20x20_checked_disabled.png");
 }

/*.cv_checkbox:before:hover {*/
/*background: url("/images/clearview_checkbox_20x20_hover.png") #fff;*/
/*}*/

/*This can change the style of ALL the checkboxes*/
/*input[type=checkbox]:before {*/
/*content: "";*/
/*display: inline-block;*/
/*width: 20px;*/
/*height: 20px;*/
/*background: url("/images/clearview_checkbox_20x20_unchecked.png");*/
/*}*/

/*input[type=checkbox]:checked:before {*/
/*background: url("/images/clearview_checkbox_20x20_checked.png") #fff;*/
/*}*/



/**********************************************************************************************************************************************************************************/
/*This is probably the best expansion code I've got so far. DR 2016-02-10*/
.parent_row { /*This class represents a row which is always visible*/
}

.child_row {/*This class represents a row which starts compressed, then expands when its parent is hovered over.*/
	height: 1px;
	transition:height 0.35s;
	overflow: hidden;
}

.parent_row:hover .child_row { /*when the parent row is hovered over, the child row expands*/
	height: 80px;
	overflow: visible;
}
/**********************************************************************************************************************************************************************************/

/*from http://jsfiddle.net/K6zCT/2309/*/
.grow {
	height: 100px; /* Original height */
	width: 22%; /* Original width */
	margin: 5px 1% 5px 1%; /* Just for presentation (Not required) */
	float: left; /* Just for presentation (Not required) */
	position: relative; /* Just for presentation (Not required) */
	transition:height 0.5s; /* Animation time */
	-webkit-transition:height 0.5s; /* For Safari */
}
.grow:hover {
	height: 115px; /* This is the height on hover */
}
/**********************************************************************************************************************************************************************************/

/*Refer to http://www.w3schools.com/howto/howto_css_dropdown.asp*/
.dan_dropdown_trigger_row {
	/*background-color: #4CAF50;*/
	/*color: white;*/
	/*padding: 16px;*/
	/*font-size: 16px;*/
	/*border: none;*/
	/*cursor: pointer;*/
}

.dan_dropdown {
	/*position: relative;*/
	/*display: inline-block;*/
}

.dan_detail_row {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	float: right;
	width: 90%;
	border: 2px solid #111111;
	margin-top: 50px;
	margin-right: 5%;
	margin-left: 5%;
	margin-bottom: 5%;
	padding: 5px;
	z-index: 100;
}

.dan_detail_row a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dan_detail_row tr {
	color: black;
	margin-top: 6px;
	margin-bottom: 6px;
	border-top: 1px solid lightgrey;
}

.dan_detail_row thead tr {
	color: black;
	margin-top: 2px;
	margin-bottom: 6px;
	border-top: none; /*This gets rid of the extra divider above the table header - DR 2016-02-10*/
}

.dan_detail_row a:hover {
	background-color: #f1f1f1
}

.dan_dropdown:hover .dan_detail_row {
	display: block;
}

.dan_dropdown:hover .dan_dropdown_trigger_row {
	/*background-color: #3e8e41;*/
}

/**********************************************************************************************************************************************************************************/

/*https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions*/

/*.dan_roll_open_top {*/
/*}*/

/*.dan_roll_open_collapsible {*/
	/*height: 0;*/
	/*transition: width 2s, height 2s, background-color 2s, transform 2s;*/
/*}*/

/*.dan_roll_open_top:click .dan_roll_open_collapsible {*/
	/*height: 200px;*/
/*}*/

/**********************************************************************************************************************************************************************************/

.hover_brighten_blue { /*This class represents a row which is always visible*/
}

.hover_brighten_blue:hover{
	background-color: #18375E;
}

/*http://stackoverflow.com/questions/14820952/change-bootstrap-input-focus-blue-glow*/
/*textarea:focus,*/
/*input[type="text"]:focus,*/
/*input[type="password"]:focus,*/
/*input[type="datetime"]:focus,*/
/*input[type="datetime-local"]:focus,*/
/*input[type="date"]:focus,*/
/*input[type="month"]:focus,*/
/*input[type="time"]:focus,*/
/*input[type="week"]:focus,*/
/*input[type="number"]:focus,*/
/*input[type="email"]:focus,*/
/*input[type="url"]:focus,*/
/*input[type="search"]:focus,*/
/*input[type="tel"]:focus,*/
/*input[type="color"]:focus,*/
/*.uneditable-input:focus {*/
	/*border-color: rgba(126, 239, 104, 0.8);*/
	/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);*/
	/*outline: 0 none;*/
/*}*/

/*.focus-glow{*/
/*}*/

/*.focus-glow:focus {*/
	/*border-color: rgba(126, 239, 104, 0.8);*/
	/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);*/
	/*outline: 0 none;*/
/*}*/

/*.focus-glow input:focus{*/
	/*border-color: rgba(126, 239, 104, 0.8);*/
	/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);*/
	/*outline: 0 none;*/
/*}*/

/*.focus-glow input:focus{*/
	/*border-color: rgba(126, 239, 104, 0.8);*/
	/*box-shadow: 0 10px 10px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);*/
	/*outline: 0 none;*/
/*}*/


.truncate_text {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/**********************************************************************************************************************************************************************************/
/*https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_tooltip*/
/*https://www.w3schools.com/css/css_tooltip.asp*/

.checky_tip-right {
	position: relative;
	display: inline-block;
	/*border-bottom: 1px dotted black;*/
}

.checky_tip-right .tooltiptext {
	visibility: hidden;
	min-width: 250px;
	width: auto;
	background-color: LightGoldenRodYellow;
	color: peru;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
	z-index: 1;
	opacity: 0;
	transition: opacity 500ms; /*500ms seems pretty good*/
	/*transition: opacity 3500ms; !*3.5 seconds is hilariously long*!*/

	/* Position the tooltip */
	position: absolute;
	/*z-index: 1;*/
	top: -3px;
	/*left: 105%;*/
	/*left: 130%;*/
	left: 108%;
	border-width: 3px;
	border-style: solid;
	border-color: khaki;
	border-radius: 6px;
	content: '<img style="max-height:40px" src="https://freightspoke-cfs.s3.amazonaws.com/2017-07-31-164755873Checky.png" alt="Checkit &quot;Checky&quot; Checkmark">';
}


.checky_tip-right .tooltiptext::after { /*put an arrow on the left side of the tooltip*/
	content: " ";
	position: absolute;
	/*top: 50%;*/
	top: 5px;
	right: 100%; /* To the left of the tooltip */
	margin-top: -5px;
	/*border-width: 5px;*/
	border-width: 12px;
	border-style: solid;
	border-color: transparent khaki transparent transparent;
}

.checky_tip-right:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}


/**********************************************************************************************************************************************************************************/


.checky_tip-top {
	position: relative;
	display: inline-block;
	/*border-bottom: 1px dotted black;*/
}

.checky_tip-top .tooltiptext {
	visibility: hidden;
	min-width: 250px;
	width: auto;
	background-color: LightGoldenRodYellow;
	color: peru;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
	z-index: 1;
	opacity: 0;
	transition: opacity 500ms; /*500ms seems pretty good*/

	/* Position the tooltip */
	position: absolute;
	bottom: 105%;
	left: 50%;
	margin-left: -125px; /* Use half of the width (250/2 = 125), to center the tooltip */
	border-width: 3px;
	border-style: solid;
	border-color: khaki;
	border-radius: 6px;
	content: '<img style="max-height:40px" src="https://freightspoke-cfs.s3.amazonaws.com/2017-07-31-164755873Checky.png" alt="Checkit &quot;Checky&quot; Checkmark">';
}


.checky_tip-top .tooltiptext::after { /*put an arrow under the tooltip*/
	content: "";
	position: absolute;
	top: 100%; /* Under the tooltip */
	left: 50%;
	margin-left: -12px;
	border-width: 12px;
	border-style: solid;
	border-color: khaki transparent transparent transparent;
}

.checky_tip-top:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}


/**********************************************************************************************************************************************************************************/
/*https://codepen.io/jasondavis/pen/BCKos*/
/*https://codepen.io/firaga/pen/JyJbpG/*/
/* Progress indicator */
.progress_tracker li {
	font-size: small;
	font-weight: bold;
	color: white;
	/*color: black;*/
	list-style: none;
	line-height: 24px;/*2em;*/
	/*line-height: 1.5em;*/
	background-color: #006590 ;
	border-color: #006590 ;
	margin-right: 17px;/*1.25em;*/
	padding: 2px 2px 2px 4px;/*0.25em 0.25em 0.25em 0.5em;*/
	position: relative;
	display: inline-block;
	cursor: default;
}
.progress_tracker li:before {
	content: "";
	border: solid;
	border-top-color: inherit;
	border-left-color: transparent;
	border-bottom-color: inherit;
	border-width: 14px 0 14px 17px;
	display: block;
	position: absolute;
	top: 0;
	left: -16px; /*-1.25em;*/
}
.progress_tracker li:first-child:before {
	border-radius: 15px 0 0 15px;/*1.5em 0 0 1.5em;*/
	border-color: inherit;
}
.progress_tracker li:after {
	content: "";
	border: solid;
	border-top-color: transparent;
	border-left-color: inherit;
	border-bottom-color: transparent;
	border-width: 14px 0 14px 17px;
	display: block;
	position: absolute;
	right: -16px;/*-1.25em;*/
	top: 0;
}
.progress_tracker li:last-child:after {
	border-radius: 0 15px 15px 0;/*0 1.5em 1.5em 0;*/
	border-color: inherit;
}
.progress_tracker li.done {
	background-color: #2C90C2 ;
	border-color: #2C90C2 ;
	/*color: #111;*/
	/*background-color: #6CBD45;*/
	/*border-color: #6CBD45;*/
	/*background-color: #7CCD55;*/
	/*border-color: #7CCD55;*/
}
.progress_tracker li.done:hover {
	background-color: #4CB6F0 ;
	border-color: #4CB6F0 ;
	/*color: black;*/
	/*background-color: #8AF62A ;*/
	/*border-color: #8AF62A ;*/
}

.progress_tracker li.active {
	/*font-weight: 700;*/
	background-color: #D3112C ;
	border-color: #D3112C ;
}
.progress_tracker li.active:hover {
	background-color: #E73650 ;
	border-color: #E73650 ;
}

.progress_tracker li.all-done {
	/*font-weight: 700;*/
	background-color: #2CA01C;
	border-color:     #2CA01C;
}
.progress_tracker li.all-done:hover {
	background-color: #6CBD45;
	border-color:     #6CBD45;
}

.progress_tracker li.paused {
	/*font-weight: 700;*/
	background-color: grey;
	border-color:     grey;
}
/*.progress_tracker li.paused:hover {*/
	/*background-color: lightgrey;*/
	/*border-color:     lightgrey;*/
/*}*/


.progress_tracker li.unstarted {
	/*   cursor: not-allowed; */
	/*background-color: #006590;*/
	/*border-color: #006590;*/
	/*background-color: #005580;*/
	/*border-color: #005580;*/
	background-color: #004570;
	border-color: #004570;
}

/*.progress_tracker div{*/
	/*!*height:37px;*!*/
	/*background-color: #013;*/
	/*padding:2px 2px 2px 18px;*/
	/*border-radius: 18px !important;*/
	/*margin-bottom: 0 !important;*/
/*}*/

/*.progress_tracker ul {*/
	/*height:50px !important;*/
	/*background-color: #006088 !important;*/
	/*padding:2px 2px 2px 18px !important;*/
	/*border-radius: 18px !important;*/
/*}*/

/**********************************************************************************************************************************************************************************/

.state_button {
	border:1px solid darkgrey;
	border-radius:3px !important;
	margin:0 1px;
	float: right;
	/*font-size: x-small;*/
	/*padding: 0 3px;*/
}