html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video
 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
strong{
	font-weight:bold;
}
body {
	line-height: 1;
}
b{
	font-weight: bold;
}
a{
	text-decoration:none;
}
ul {
	list-style: none;
}
.bullets {
	list-style-type:disc;
	margin-left:15px;
}
.bullets li {
	margin-bottom: 5px;
}
ol{
	margin-left:30px;
}
ol li{
	margin-bottom:10px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body{
	font-family: Roboto, Arial, Helvetica, sans-serif;
}

h1{
	font-size:1.7em;
	font-weight:bold;
	margin-bottom:10px;
}

h2{
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:10px;
}

h3{
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
}

h4{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

h5{
	color:black;
	font-size:10px;
	font-weight:bold;
	margin-bottom:5px;
}

th{
	padding:10px;
	background: #e5e5e5;
	border: 1px solid white;
}

table tr th:first-child {
  border-left: 0;
}

table tr th:last-child {
  border-right: 0;
}

sup {
    vertical-align: text-top;
    font-size: 50%;
}

p{
	/*margin-bottom:15px;*/
}

p:last-child{
	margin-bottom:0px;
}


label{
	margin-left:10px;
	margin-right:10px;
}

.clear{
	clear:both;
}

.light{
	color: #CCCCCC;
}
	
#setup_html_saved{
	width: 70px;
	position: fixed;
    bottom: 10px;
	opacity:0;
}

#ui-datepicker-div{
	background:white;
	padding:10px;
	border: 1px solid #E6E6E6;
}

.ui-datepicker-header div,.ui-datepicker-header a{
	padding:10px;
	border: 1px solid #E6E6E6;
	margin-right:10px;
	float:left;
}
.ui-datepicker-header a{
	cursor:pointer;
}


#data{
	display:none;
}
	
.data{
	display:none;
}

.hidden{
	display:none;
}

.logo_image {
	display:block;
	height: 30px;
	padding:15px;
	float:left;
}

.logobar{
	height:60px;
	background-image: url('../images/background-p-1600.jpg');
	background-position-y: center;     
	background-size: cover;
}

.infotablecolumn{
	float:left;
	border-left:1px solid #CCCCCC;
	margin-right:5px;
	
}

.databox{
	float:left;
	margin:5px;
	margin-right:0px;
	padding-right:5px;
}

.databoxgroup{
	float:left;
	width:100%;
	border-top:1px solid #CCCCCC;
	margin-top:5px;
}

.bigger{
	font-size:18px;
}

.big{
	font-size:14px;
}

.small{
	font-size:70%;
	font-weight:bold;
}

.content{
	margin:10px;
}

.left{
	float:left;
}

.navbar{
	margin:5px;
}

.navbar li{
	float:left;	
	padding:10px;
}

.navbar li a{
	display:block;
}

.menu li{
	float:left;	
}

.menu .label{	
	display:block;
	padding:10px;
	font-weight:bold;
}

.menu li a{
	text-decoration:none;
	display:block;
	padding:10px;
	color:black;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.menu .active a{	
	background:#FFE84E;
	display:block;
	padding:10px;
	border: 1px solid black;
	padding-top:9px;
}

.menu li a:hover{
	background:#FFE84E;
}

.vehicle_requests{
	float:left;
	margin-left:2px;
}

.log_item{
	padding:10px;
	border-bottom: 1px solid #E6E6E6;
}

.categories ul li{
	display:block;
	float:left;
	padding:5px;
}

.conversation_icontext{
	border:2px solid #e5e5e5;;
	border-right:0px; 
	border-radius:5px;
	padding:2px; 
	padding-right:5px;
	padding-left:4px;
}

.conversation_icongreen{
	background:#B6F073;
	border:2px solid #89E024;
	border-radius:5px;
	padding:2px; 
	padding-right:5px;
	padding-left:4px;
}

.conversation_icon{
	margin-left:-3px;
	color:#e5e5e5;
}

.prompt_details ul{
}

.prompt_details li{
	margin-top:10px;
	display:block;
	margin-right:10px;
}

.metadatarow{
	padding:2px;
	clear:both;
	max-width:600px;
}

.messagerow{
	padding:2px;
	clear:both;
	max-width:600px;
}

.messagerow_delete{
	background:#FFE87A;
	border:2px solid #f7d328;
	border-radius: 0 12px 12px 0;
	width:27px;
	line-height:30px;
	position:absolute;
	text-align:center;
	padding-right:3px;
	margin-left:-3px;
	display:none;
}
.messagerow.deletehighlight{
	border-left:5px solid  #f7d328;
}

.messagetime{
	float:right;
	margin-right:2px;
	padding:7px;
	color:#6e6e6e;
	font-size:0.7em;
}

.messagetime_textcolor{
	color:#6e6e6e;
}

.messagedate{
	float:right;
	margin-right:2px;
	padding:7px;
	padding-right:50px;
	padding-left:50px;
	color:black;
	font-size:0.7em;
	background:#e5e5e5;
	border-radius: 12px;
}

.message{
	padding:7px;
	border-radius: 12px;
	background:#fde29c;
	border:2px solid #fdd045;
}

.prompt{
	padding:15px;
	border-radius: 12px;
	display:block;
	background:white;
	border:2px solid #d6d6d6;
}

.editcriteria_button{
	background-color: #d9c0f8;
	border-radius: 12px;
	border-radius:5px;
	float:right;
	text-align:center;
	padding-right:6px;
	padding-left:6px;
	color: #4c51bf;
}

span.tooltip{
	color: #4c51bf;
}

.message.tooltip,.message.FIELD,.handle.tooltip {
	background-color: #d9c0f8;
	border: 2px solid #4F129B;
}

.message.manual{
	background:#E6E6E6;
	border:2px solid #d6d6d6;
}

.message.inbound{
	float:left;
	background:white;
	border:2px solid #E6E6E6;
}

.message.outbound{
	float:left;
	margin-left:50px;
}

.message.scheduled, .message.queued, .message.draft{
	opacity:0.5;
}

.message.failed, .message.duplicate, .message.filter, .message.cancel{
	opacity:0.3;
}

.question{
	padding-bottom:7px;
	margin-bottom:7px;
}

.message.TAG{
	border-radius: 0px;
	margin-left: 0px;
	float:left;
}

.message.FIELD{
	border-radius: 0px;
}

.message.criteria{
	border-radius: 0px;
	margin-left: 0px;
	font-size:0.7em;
	font-weight:bold;
}

.message.metadata{
	background:#E6E6E6;
	border:2px solid #d6d6d6;
}

.message.metadata select{
	background:white;
	border:1px solid #d6d6d6;
}

.message.metadata .formrow{
	border-bottom:1px solid #d6d6d6;
}

.message.metadata .formrow:last-child{
	border-bottom:0px solid;
}

.message.metadata.green{
	background:#B6F073;
	border:2px solid #89E024;
}

.message.metadata.yellow{
	background:#FFE87A;
	border:2px solid #f7d328;
}

.message ul {
  margin: 1;
  list-style-type: none;
}
.message ul  li {
  text-indent: 5px;
  line-height:20px;
  font-size:14px;
}
.message ul > li:before {
  content: "- ";
  text-indent: 5px;
  color:#E6E6E6;
}

.messageheader{
	line-height:25px;
	border-bottom:1px solid #E6E6E6;
	padding-bottom:5px;
	font-weight:bold;
}

.messageheader a{
	text-decoration:none;
	color:black;
}

.messageheaderdetails{
	font-size:12px;
	margin-bottom:0px;
}

.messageheaderdetails a{
	font-size:12px;
	text-decoration:underline;
}

.messagesubtitle{
	font-size:8px;
	line-height:10px;
	font-weight:normal;
	color:grey;
}

.editable{
	border-bottom:2px dotted #ffc100;
}

[contenteditable] {
  outline: 0px solid transparent;
}

.maxlength{
	border-right:5px solid red;
}

.criteria{
	border:2px solid black;
	background:white;
	--height:30px;
	border:2px solid #d6d6d6;
	border-radius: 5px;
}

.ontop{
	z-index:10;
}

.criteria_mini{
	line-height:22px;
	padding:10px;
}

.criteria.draggable{
	max-width:400px;
}

.grid{
	display:grid;
	gap:10px;
	grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
	padding:10px;
}
	
.criteria_row{
	width:100%;
	margin-bottom:5px;
}
	
.criteria_spot{
	float:left;
	padding:5px;
	min-height:50px;
	background:#E6E6E6;
	border-radius: 10px;
	
}

.criteria_spot_highlight{
	background:#B6F073;
}

.handle{
	background:#B6F073;
	border:2px solid #89E024;
	border-top-left-radius:5px;
	padding:2px; 
	padding-right:6px;
	padding-left:6px;
	float:left;
	text-align:center;
	width:40px;
	margin-left:-1px;
	margin-top:-2px;
	font-weight:normal;
}

.handle.right{
	border-top-left-radius:0px;
	border-top-right-radius:5px;
}

.close{
	background:#f07373;
	border:2px solid #e02424;
	border-bottom-right-radius:5px;
	padding:2px; 
	padding-right:6px;
	padding-left:6px;
	margin-right:5px;
	margin-top:-2px;
	float:left;
	left:50px;
}

.criteria_row_add{
	padding:10px;
	border:1px solid black;
	min-width:1px;
}

.criteria_new_add{
	padding:10px;
	border:1px solid black;
	min-width:1px;
}

.formrow{
	border-bottom:1px solid #E6E6E6;
	padding:7px;
}

.formrow:last-child{
	border-bottom:0px solid white;
	padding:7px;
}

.formrow.tall{
	line-height:150%;
	padding-bottom:20px;
	margin-top:10px;
}

.substep{
	padding-left:100px;
}

.trip-icon:nth-child(even){
	//margin-top:10px;
}

.trip_icon{
	display: inline-block;
	//opacity:0.8;
	margin-bottom:1px;
	font-size:9px;
	font-face: Lucida Console;
	border: 2px solid white;
	color:black;
	line-height:18px;
	height:36px; 
	width:36px;
	float:left;
	margin:2px;
	border-radius:4px;
	text-align:center;
}

.infotable{
	margin-bottom:5px;
	overflow:hidden;
	border: 1px solid #CCCCCC;
	border-radius:0px;
}

.infocube{
	margin-bottom:5px;
	margin-top:5px;
	max-width:200px;
	overflow:hidden;
	float:left;
	margin-right:10px;
	border-radius:0px;
}

.infocube.dark{
	background: #EAEAEA;
}

.infotable table{
	text-align:left;
}

.infotable th,td{
	padding:12px;
	padding-left:5px;
	padding-right:5px;
}
tr:nth-child(odd) {
    background-color: #f5f5f5;
}

.infotableborder th,td{
	border:0px solid #e5e5e5;
}

.infotable th{
	font-weight:bold;
	background:#CCCCCC;
}

.infotableheader{
	/*border-left:6px solid #69BD5C;
	background:#EAEAEA;
	color:black;
	padding:5px;
	border-radius:0px;
	padding-right:10px;*/
}

.pad5{
	padding:5px;
}

.background_grey1{
	background:#EAEAEA;
}

.infotableheader.dark{
	background:#d1d1d1;
}

.infotableheader td{
	padding-bottom:7px;
}

.infotableheader:hover{
}

.infotableheader th{
	color:black;
	font-size:10px;
	font-weight:bold;
	padding:6px;
	padding-bottom:0px;
	padding-left:10px;
	min-width:80px;
	border-radius:0px;
}

.signup_countdown{
    height: 40px; 
    position: fixed; 
    bottom:0%;
    width:100%; 
    background-color: black; 
}

.pip{
	top:-2px;
	border: 2px solid black;
	font-size:9px;
	border-radius:3px;
	padding:2px;
	font-weight:bold;
	background: white;
	position:relative;
}

.level0{
	border: 1px solid #69BD5C;
	border-left:6px solid #69BD5C;
}

.level1{
	border: 1px solid #5D8CC7;
	border-left:6px solid #5D8CC7;
}

.level2{
	border: 1px solid #FFE21E;
	border-left:6px solid #FFE21E;
}

.level3{
	border: 1px solid #F94C59;
	border-left:6px solid #F94C59;
}

.level4{
	border: 1px solid black;
	border-left:6px solid black;
}

.levelE0{
	border-color: #69BD5C;
	color: #69BD5C;
}

.levelE1{
	border-color: #5D8CC7;
	color: #5D8CC7;
}

.levelE2{
	border-color: #FFE21E;
	color: #FFE21E;
}

.levelE3{
	border-color: #F94C59;
	color: #F94C59;
}

.levelE4{
	border-color: black;
	color: black;
}

.fill.level0{
	background: #69BD5C;
	border:0px;
}

.fill.level1{
	background: #5D8CC7;
	border:0px;
}

.fill.level2{
	background: #FFE21E;
	border:0px;
}

.fill.level3{
	background: #F94C59;
	border:0px;
}

.fill.level4{
	background: black;
	color:white;
	border:0px;
}

.text0{
	color: #69BD5C;
}

.text1{
	color: #5D8CC7;
}

.text2{
	color: #FFE21E;
}

.text3{
	color: #F94C59;
}

.text4{
	background: black;
	color:white;
}

.color.level0{
	color:#69BD5C;
	border: 0px;
}

.color.level1{
	color:#5D8CC7;
	border: 0px;
}

.color.level2{
	color:#FFE21E;
	border: 0px;
}

.color.level3{
	color:#F94C59;
	border: 0px;
}

.color.level4{
	color:black;
	border: 0px;
}

.vehicle.level0{
	border: 1px solid black;
	border-left:6px solid black;
}

.vehicle.level1{
	border: 1px solid #69BD5C;
	border-left:6px solid #69BD5C;
}

.vehicle.level2{
	border: 1px solid #5D8CC7;
	border-left:6px solid #5D8CC7;
}

.infotabledetails{
	padding:10px;
	border-radius:0px;
}

.infotabledetails tr{
	max-width:150px;
}

.infotabledetails th{
	color:black;
	font-size:10px;
	font-weight:bold;
	padding:6px;
	padding-left:10px;
}

.infotabledetails .future{
	border-bottom:1px solid #FFE21E;
	background:#FFF5B0;
	overflow:hidden;
}

.infotabledetails .show:hover{
	background:#FFE84E;
}

.pip.switch{
	position:relative;
	display: inline-block;
}

.color1{
	border-color: #0B438B;
	color: #0B438B;
}

.color2{
	border-color: #93C900;
	color: #93C900;
}

.color3{
	border-color: #D48300;
	color: #D48300;
}

.color4{
	border-color: #A10070;
	color: #A10070;
}

.colorA3{
	border-color: red;
	color: red;
}

.colorA2{
	border-color: #5D8CC7;
	color: #5D8CC7;
}

.colorA1{
	border-color: #69BD5C;
	color: #69BD5C;
}

.colorA0{
	border-color: black;
	color: black;
}

.highlight{
	padding:10px;
	background:#31A2A2;
	border:1px solid #416969;
}

.highlight.yellow {
	background:#FFE42A;
	border:1px solid #E5D66F;
}

.highlight.grey {
	background:#CDCDCD;
	border:1px solid #BEBEBE;
}

.highlight.red {
	background:#F94C59;
	border:1px solid #C9797F;
}

.margin5{
	margin-bottom:5px;
}

.pad10{
	padding:10px;
}

select {
	border:1px solid #d6d6d6;
	border-radius:1px;
	background:transparent;
	padding:0px;
	margin:0px;
	margin-top:-3px;
	font:inherit;
}

.select-selected:after{
	position: absolute;
	content: "";
	top: 14px;
	right: 10px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #fff transparent transparent transparent;
}

.query ,.query  td,.query  th{
	border-collapse: collapse;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-top:1px solid #C4C4C4;
	border-bottom:1px solid #C4C4C4;
	padding:3px;
}

.tablestyle2 td{
	background:#eaeaea;
}

.tablecentertext td{
	text-align:center;
}

.printonly{
	display:none;
}

.corridor_trend_chart{
	width:100%; 
	height: 170px;
}

.chartbar{
	height:25px;
	font-size:80%;
}

.chartbar:first-of-type{
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}

.chartbar:last-of-type{
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}

.chartbar_label{
	margin:5px;
}

.collapsein{
    display: none;
	position:absolute;
	background:white;
	z-index: 99;
	border:1px solid #CCCCCC;
}
.collapsein li{
	padding:10px;
}



input {
	padding: 7px;
}

.login_input{
	padding: 7px;
	width: 300px;
	margin: 8px 0;
	box-sizing: border-box;
}

input [type=text]{
	padding: 7px;
	width: 300px;
	margin: 8px 0;
	box-sizing: border-box;
}

select {
	padding: 7px;
	width: 300px;
	box-sizing: border-box;
}

input[type=radio]{
	background:red;
	border:1px solid black;
}

.code{
	background: #f5f2f0;
	padding-left:5px;
	padding-right:5px;
}

.button {
	color:black;
	border: none;
	padding: 5px;
	cursor: pointer;
	border-radius: 4px;
	font-size: 0.9em;
	width: 80px; /* Uniform width */
	text-align: center;
	font-family: Arial, sans-serif;
	background:#B6F073;
	border:2px solid #89E024;
}

.button.yellow{
	background:#FFE87A;
	border:2px solid #f7d328;
}

.button.white{
	background:white; 
	border:2px solid #d6d6d6;
}

.toggle-button:hover {
	background-color: #7cb342; /* Slightly darker on hover */
}

.copy_button {
	border: 2px solid #e5e5e5;
	background:white;
    padding: 3px 3px;
    cursor: pointer;
    font-size: 10px;
    border-radius: 5px;
	line-height:8px;
	top:-3px;
	margin-left:4px;
	position:relative;
}
.copy_button:hover {
	border: 2px solid #f5f5f5;
}
/* Checklist item layout for consistent alignment */
.checklist-item {
	display: flex;
	justify-content: space-between; /* Space between left content and button */
	align-items: flex-start; /* Aligns items to the top */
	margin-bottom: 10px; /* Space between each item */
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	color: #333; /* Dark text for readability */
}
/* Checklist title styling for inline emoji and text */
.checklist-title {
	font-weight: 500; /* Slightly bolder for visibility */
	display: inline-flex; /* Ensures emoji and text stay inline */
	align-items: center;
	gap: 5px; /* Small space between emoji and title text */
}
		   /* Left side container for text */
.checklist-left {
	display: flex;
	flex-direction: column;
	flex: 1; /* Ensures left side takes available space */
}
/* Container for title and description */
.checklist-text-container {
	display: flex;
	flex-direction: column;
	margin-left: 10px; /* Adds space between emoji and text */
}
/* Styling the checklist container */
.checklist-container {
	width:100%;
	max-width: 600px;
	line-height: 1.5; /* Increases readability by adding space between lines */
}
/* Styling for the checklist description */
.checklist-description {
	color: #666; /* Light gray for secondary text */
	font-size: 0.85em;
	margin-top: 2px;
	margin-left: 25px; /* Aligns description text with title */
}
/* Headings for section */
.checklist-container h1 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #333;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}


@media print {
	.noprint{
		display:none;
	}
	.printonly{
		display:block;
	}
	
	h3{
	}
   
	.infotableheader{
	}
   
	.databox{
		padding:5px;
	}
	
	.infotabledetails{
		padding:0px;
	}
   
	.databox h5{
		font-size:0.6em;
	}
	
}