/**
 * This stylesheet is used to adjust standard FACS styles to make them responsively compliant<div class="
 * As we continue to refactor towards cleaner and more responsive CSS, these styles should trim
 * down to only a few specific elements<div class="
 */



@media /* iPad Pro - landscape */
	(min-width: 1024px), /* desktop "large" sizes */
	(min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

	/*[> -- Status container in entry header -- <]*/
	/*.status-ui-container { max-width: 550px; }*/

	/*[> -- UI-Grid overrides -- <]*/
	/*.ui-grid-cell-contents { font-size: 9pt; }*/
	/*.menu_expanded .panel-content .ui-grid { width: 915px; }*/

	/*[> -- Textarea input overrides -- <]*/
	/*[>.EXPANDED .pair-textarea { width: 1038px; }<]*/
	/*[>.menu_expanded .EXPANDED .pair-textarea { width: 898px; }<]*/
	/*[>.EXPANDED .pair-textarea textarea { width: 850px; }<]*/
	/*[>.menu_expanded .EXPANDED .pair-textarea textarea { width: 710px; }<]*/

	/*[> -- Input container for Comments -- <]*/
	/*.entry_form_comments { width: 1030px; }*/
	/*.menu_expanded .entry_form_comments { width: 890px; }*/
}



@media /* iPad Pro - portrait */
	(min-width: 992px) and (max-width: 1199px), /* desktop "medium" sizes */
	(min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

	/* -- Panel overrides -- */
	/*.entry-container .panel-heading { width: 888px; }*/
	/*.menu_expanded .entry-container .panel-heading { width: 748px; }*/
	/*.status-ui-container { max-width: 350px; }*/

	/* -- UI-Grid overrides -- */
	/*.ui-grid { width: 828px; }*/
	/*.menu_expanded .ui-grid { width: 688px; }*/

	/*[> -- Textarea input overrides -- <]*/
	/*.EXPANDED .pair-textarea { width: 838px; }*/
	/*.menu_expanded .EXPANDED .pair-textarea { width: 698px; }*/
	/*.EXPANDED .pair-textarea textarea { width: 650px; }*/
	/*.menu_expanded .EXPANDED .pair-textarea textarea { width: 510px; }*/

	/*[> -- Input container for Comments -- <]*/
	/*.entry_form_comments { width: 830px; }*/
	/*.menu_expanded .entry_form_comments { width: 690px; }*/

}



@media /* Any 768x1024 screens (desktop and tablet) "small" sizes */
	(max-width: 992px),
	(max-device-width: 1024px) and (orientation: portrait),
	(max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

	/* -- Panel overrides -- */
	/*.entry-container .panel-heading { width: 668px; }*/
	/*.menu_expanded .entry-container .panel-heading { width: 528px; }*/
	/*.status-ui-container { max-width: 250px; }*/

	/* -- Textarea input overrides -- */
	/*.EXPANDED .pair-textarea { width: 618px; }*/
	/*.menu_expanded .EXPANDED .pair-textarea { width: 478px; }*/
	/*.EXPANDED .pair-textarea textarea { width: 430px; }*/
	/*.menu_expanded .EXPANDED .pair-textarea textarea { width: 290px; }*/

	/* -- Input container for Comments -- */
	/*.entry_form_comments { width: 610px; }*/
	/*.menu_expanded .entry_form_comments { width: 470px; }*/

}



@media /* Desktop windows +1400px */
	screen and (min-width: 1400px) {

	/*input[type=checkbox]*/
	/*{*/
		/*[> Double-sized Checkboxes <]*/
		/*-ms-transform: scale(1.5); [> IE <]*/
		/*-moz-transform: scale(1.5); [> FF <]*/
		/*-webkit-transform: scale(1.5); [> Safari and Chrome <]*/
		/*-o-transform: scale(1.5); [> Opera <]*/
		/*padding: 5px;*/
		/*margin-right: 8px;*/
	/*}*/

	/*[> -- Panel overrides -- <]*/
	/*[>.entry-container .panel-heading { width: 1155px; }<]*/
	/*[>.menu_expanded .entry-container .panel-heading { width: 1155px; }<]*/

	/*.menu_expanded .primary-content-container .container { padding-left: 100px; }*/
	/*.primary-content-container .container { padding-left: 30px; }*/
	/*.container:not(.service-builder) .panel { width: 1157px; }*/
	/*.Grid-heading-title { font-size: 16pt; }*/

	/*[> Retain login panel size, otherwise it'll look ridiculous. <]*/
	/*.login-container .panel { width: 748px !important; }*/

	/*[> Status container on entry page <]*/
	/*.status-ui-container { max-width: 550px; }*/

	/*[> -- UI-Grid overrides -- <]*/
	/*.ui-grid * { font-size: 10pt; }*/
	/*.ui-grid-cell-contents { font-size: 10pt; }*/

	/*[> -- Textarea input overrides -- <]*/
	/*.EXPANDED .entry-form-label-input-pair, .entry-form-label-input-pair { width: 520px; }*/
	/*.entry-container #id-addressee { width: 1105px; }*/
	/*.entry-container .ui-grid { width: 1095px; }*/

	/*.notify-recipients-container label,*/
	/*.entry_form_addressee_notify .notify-recipients-container label,*/
	/*.entry_form_comments_newcomment_button .notify-recipients-container label { width: 130px; font-size: 11pt; text-align: right; }*/
	/*.notify-recipients-container label { padding-right: 4px; }*/

	/*[>[> -- Text areas: menu expanded, within entry screen -- <]<]*/
	/*[>.entry-container #id-textarea { width: 1105px; }<]*/
	/*[>.entry-container #id-textarea label, .modal-content #label-textarea { width: 225px; }<]*/
	/*[>.entry-container #id-textarea textarea { width: 868px; }<]*/
	/*[>.EXPANDED .entry-form-label-input-pair *, .entry-form-label-input-pair * { font-size: 11pt !important; }<]*/
	/*[>.EXPANDED .entry-form-label-input-pair label { height: 24px; }<]*/

	/*[> -- Input container for Comments -- <]*/
	/*.entry_form_comments { width: 1095px; }*/
	/*.menu_expanded .entry_form_comments { width: 1095px; }*/

}



/* Catches an rare state between desktop and mobile to cleanly prevent the header from showing the top of the third
	line of a very long project name */
@media (max-width: 854px) {
	#facs-navbar-project-div .project_name {
		padding-top: 3px;
	}
}



/* Smartphones (landscape) ----------- */
@media only screen and (orientation: landscape) and (max-width: 640px),
	   only screen and (orientation: landscape) and (max-width: 731px) {

	/*  Top Header & Navigation  */
	#app.login #saving-status-div {
		top: 23px;
		left: 3px;
	}
	.host_and_portal_ident_container {
		width: 140px;
	}
	#facs-navbar-project-div {
		position: fixed;
		top: 0px;
		left: 143px;
		right: 52px;
	}
	#facs-navbar-project-div .project_name {
		padding-top: 3px;
		font-size: 12pt;
	}

}



/* Smartphones (portrait) ----------- */
@media only screen and (orientation: portrait) and (max-width: 320px),
	   only screen and (orientation: portrait) and (max-width: 375px),
	   only screen and (orientation: portrait) and (max-width: 414px),
	   only screen and (orientation: portrait) and (max-width: 666px) {

	/*[>  Top Header & Navigation  <]*/
	/*#app.login #saving-status-div {*/
		/*top: 23px;*/
		/*left: 3px;*/
	/*}*/
	/*.host_and_portal_ident_container {*/
		/*width: 100px;*/
	/*}*/
	/*.navbar-brand {*/
		/*font-size: 10pt;*/
	/*}*/
	/*#facs-navbar-project-div {*/
		/*position: fixed;*/
		/*top: 0px;*/
		/*left: 103px;*/
		/*right: 52px;*/
	/*}*/
	/*#facs-navbar-project-div .project_name {*/
		/*padding-top: 3px;*/
		/*font-size: 12pt;*/
	/*}*/

}