.striped-table tr:nth-child(even) td {
	background-color: #e2ebed;
}
.striped-table tr:nth-child(odd) td {
	background-color: #f9f9f9;
}

/* A debug option will toggle the column IDs */
.col-id {
	color: green;
	font-weight: bold;
}

/* sidebar nonsense */
.nav-container {
	top:0px;
	background-color:#2F3D40;
	border-right:      1px solid #eee;
	overflow-x:        hidden;
	overflow-y:        auto;
}

.nav-container.expanded {
	width: 300px;
}

.collapsed .nav-description {
	display: none !important;
}


/* tab container nonsense */
mat-tab-group.fullscreen {
	height: 100%;
	overflow: hidden;
}

mat-tab-group.fullscreen > div.mat-tab-body-wrapper {
	flex-grow: 1;
}



.dark-dialog-backdrop {
	background-color: black;
	opacity: 0.6 !important;
}

.large-dialog-panel {
	width: 97% !important;
}

.large-dialog-panel .mat-dialog-container {
	max-width: 90%;
	margin:auto;
}

body, html {
	width: 100%;
	height: 100%;

	font-family: 'Work Sans', sans-serif;
	font-size: 14px;
}

label {
	padding: 0;
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
	background-color:#E2EBED;
}

.red                { color:#d00000;            }
.nowrap             { white-space: nowrap;        }
.bold               { font-weight:bold;           }
.underline          { text-decoration: underline; }
.italic             { font-style:italic;          }
.font-weight-normal { font-weight:normal;         }
.cursor-pointer     { cursor: pointer;            }
.cursor-normal      { cursor: default;            }
.left               { text-align: left;           }
.center             { text-align: center;         }
.right              { text-align: right;          }

.error{
	color:red;
	font-weight:bold;
}

.project-manager-control-button {
	width: 26px;
	height: 26px;
	margin-left: 1px;
	margin-right: 1px;
	border-radius:2px;
	background-color: white;
	border: 1px solid #dfdfdf;
}
.project-manager-control-button .material-icons  {
	font-size: 1.5em;
	margin-left: -5px;
	margin-top: 1px;
}

/**** Printing ****/
/* Need separate classes because they have different display settings when re-activated */
.only-show-while-printing       { display: none !important; }
.only-show-while-printing-thead { display: none !important; }
.only-show-while-printing-td    { display: none !important; }
/**** End Printing ****/


.scrollable-container {
	position: relative;
	width: 100%;
	height: 100%;
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.line-item-button{
	border:1px solid #a2a2a2;
	padding: 1px 8px;
	height:24px;
}

input[type=checkbox]{
	opacity:1;
}

input[type=checkbox]:disabled{
	opacity:0.4;
}

.changed-by-cust-serv,
.changed-by-cust-serv > * {
	background-color:rgba(255, 86, 86, 0.3) !important;
}

.parent-line-item td {
	box-sizing: border-box;
	border-top: 2px solid #566a8fd3 !important;
	font-weight:bold;
}

.child-line-item-name-indent {
	padding-left:0px;
}

.line-item-checkbox {
	padding: 2px;
	text-align: right;
	width: 20px;
}

.scrollable {
	position: absolute;
	width: 100%;
	height: 100%;
}

button[disabled]{
	opacity:0.6;
}

/* CodeMirror fixes */
.CodeMirror {
	height: 100%;
	font-family: Consolas;
	font-size: 10pt;
}


.layout-flex {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.layout-flex > * {
	flex: 0;
}

/* element styles */
.-cw-header {
	background-color: #F2F2F2;
	padding: 0 0 1em 1em;
}


/* custom attributes */
/* deprecated! use fxLayout instead! */
[cw-layout-fill] {
	width: 100%;
	height: 100%;
}

[cw-layout="row"] {
	flex-direction: row;
	display: flex;
}

[cw-layout="column"] {
	flex-direction: column;
	display: flex;
}

.cw-cursor,
[routerLink] {
	cursor: pointer;
}


[cw-wrap] {
	white-space: pre-wrap;
}


/* image */
.cw-image-container{
	background: transparent;
}
.cw-image-container > .cw-image {
	background-repeat:   no-repeat;
	background-position: center center;
	background-size:     contain;

	width:  500px;
	height: 375px;
}

.nav-item.customClass a {
	background-color: #9bafb6;
	color:white;

}

.nav-item.customClass a active {
	color:black;

}

.nav-item.customClass a:hover {
	color:black;

}

.card-title{
	font-family: Roboto,'Helvetica Neue',sans-serif;
	font-weight:bold;
}

.close-button{
	border: 1px solid #ddd;
	position: absolute;
	right: 3px;
	background-color: transparent;
	border-radius: 0;
	padding: 2px 8px;
	font-weight: bold;
	cursor: pointer;
	color: #ff0000;
}

[cw-contain-image] {
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

/* is full screen so you can't click on anything during save */
/* the progress bar is a child of this element */
.progress-bar-backing{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1000;
	background-color: rgba(0, 0, 0, 0.05);
}

.progress-bar-placement{
	width:100%;
	margin-left:0%;
	margin-top:0%;
	height:5px;
}

/* footer */
.cw-button-row > button {
	margin-right: .5em;
}