/*
 * Bug fixes 
 */

ui-view { display: inherit; width: 100%;}

md-chips-wrap {
	box-shadow: none !important;
}

.md-whiteframe-1dp md-tabs-wrapper {
	border-style: none !important;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.mobile-row {
	min-height: 48px;
}
.desktop-row {
	min-height: 36px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.desktop-row button {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.fab-padding {
	min-height: 96px;
}

img.md-user-avatar {
	height: 40px;
	border-radius: 50%;
}

/* Gets the <input>s inside an <md-input-container> with a class of "md-no-underline" */
md-input-container.md-no-underline input {
	 border-width: 0 0 0 0;
}
/* Gets the <input>s inside an <md-input-container> with a class of "md-no-underline" */
md-input-container.md-underline-only-on-focus textarea:not(:focus) {
	border-width: 0 0 0 0;
}

/* Long words were breaking layouts */
md-card {
	word-break: break-word
}
@media (max-device-width: 768px) {
	.md-open-menu-container.md-active {
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition: color 0 ease-in !important;
		transition: none !important;
	}

	.sidePanelItem {
		min-height: 48px;
		line-height: 48px;
	}
}

md-icon-cq-fit {margin-bottom: 8px; margin-top: -2px;}
md-button md-small{
	max-height: auto !important;
	max-width: auto !important;
	height: auto !important;
	width: auto !important;
	min-height: 23px !important;
	min-width: 46px !important;
	font-size: 10px !important;
	line-height: 0px;
}
/* Inputs are huge because they have space for a error to be displayed.
this class removes the spacer...but obviously that means errors won't show*/
.hide-validation-error .md-errors-spacer { display: none;}
.hide-validation-error { margin-bottom: 0px;} /* didn't work*/

.hide-validation-error md-select { margin-bottom: 0px !important; }

.hide-validation-error-mobile .md-errors-spacer { display: none;}
.hide-validation-error-mobile md-select { margin-bottom: 0px !important;
margin-top: 0px !important; }
md-input-container.hide-validation-error-mobile { margin-bottom: 0px !important;
margin-top: 0px !important;}

.full-size-panel {
	height: 100% !important;
	width: 100% !important;
	left: 0px !important;
	top: 0px !important;
	transform: unset !important;
}
.scrollable-panel {
	max-height: 90% !important;
	max-width: 80% !important;
	/*height: 90% !important;*/
	width: 80% !important;
	overflow: auto;
}

.md-title-light {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0.005em;
}
/*
	Responsive md-panel gives fixed header and footer with scrollable md-contents
	
	See comment by meyertee at: 
	https://stackoverflow.com/questions/4069734/fixed-header-footer-with-scrollable-content
*/
.responsive-panel {
	max-height: 90% !important;
	max-width: 80% !important;
	width: 80% !important;
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.responsive-full-size-panel {
	height: 100% !important;
	width: 100% !important;
	left: 0px !important;
	top: 0px !important;
	transform: unset !important;
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.responsive-panel div.panel-header,
.responsive-panel div.panel-footer,
.responsive-full-size-panel div.panel-header,
.responsive-full-size-panel div.panel-footer,{
	flex-shrink: 0;
}

md-menu md-menu-item .md-cascading-menu {
	height: 32px;
}

shareable-folders {
	min-width: 100%
} 

.small-buttons .md-button{
	min-width: 64px;
	width: 64px;
}

md-check {
	direction: rtl;
	float: left;
}
.white-space {
	white-space: pre-wrap;
}

/*/
/*		CSS BUG FIXES
/*/

/* ng-click can cause a blue border to appear on divs caused by the div's focus  */
.ngClickNoBorder:focus { outline: none;
    border: 0;
 }

/*/
/*		TYPOGRAPHY STYLES
/*/

/* prevent text from wrapping to next row.*/
.text-no-overflow {
	overflow: hidden;
	white-space: nowrap;
    width: 100%;
}
/* prevent text from wrapping to next row, cut off content shows a "..."" at end.*/
.text-overflow-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    width: 100%;
}

.capitalize:first-letter {
	text-transform: capitalize;
}
/* Using color : rgba doesn't work because text can be different colors (mostly white or black)*/
.text-opacity-filled{
	opacity: 0.92;
}
.text-opacity-medium{
	opacity: 0.87;
}
.text-opacity-fair{
	opacity: 0.54;
}
.text-opacity-light{
	opacity: 0.38;
}
.text-opacity-faint{
	opacity: 0.12;
}
/* @todo Need to handle dark vs light backgrounds*/
.secondary-text{
	color: rgba(0, 0, 0, 0.54)
}

.iOS-flicker-fix {
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}

/* Messages Feature Tags */
.msgFtr-padding { padding: 32px;}
.msgFtr-section { padding: 16px 0;}
.msgFtr-button-link-primary {
	color: rgb(96,125,139);
	display: inline-block;
	min-height: 36px;
	min-width: 88px;
	line-height: 36px;
	vertical-align: middle;
	text-align: center;
	border-radius: 3px;
	box-sizing: border-box;
	user-select: none;
	outline: none;
	border: 0;
	padding: 0 6px;
	margin: 6px 8px;
	white-space: nowrap;
	text-transform: uppercase;
	font-weight: 500;
	overflow: hidden;
  text-decoration: none
}