/* override default app styles*/

/* legacy from 2013 - might need diff colors
FACS Blue = moz-linear-gradient(center top , #2D488E, #0D1C44) #1d205e
FPC Orange = moz-linear-gradient(center top , #FD9900, #D36500) #FC9800, #D36500, #D54000
FPI  Yellow = moz-linear-gradient(center top , #FED900, #E19F02)
Flyout Menu Background = #727A90
Flyout Menu Silver =  #9198A7
Flyout Menu Text = #FFFFFF
Error Red = #F20000
Confirmation Green = #008000
Deactivated field gray =#7D7D7D
Button background = moz-linear-gradient(center top , #FEFEFE, #DEDEDE
Button border = 1px solid #B4B4B4
FPI Green #48671e
*/



/* FACS logo displayed on the bottom-right of the screen. */
.facs-logo {
	width: 130px;
	right: 10px;
	bottom: 10px;
	position: fixed;
	z-index: 1000;
}


/* This is the primary content container: it holds the left-menu and content of the site. It is
	defined this way to exclude the fixed navbar header. */
.primary-content-container {
    padding-top: 0px;
    position: fixed;
    top: 50px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: auto;
}
/* When logged in and the left-menu is collapsed: */
.primary-content-container .container {
	padding-left: 65px;
	padding-bottom: 30px;
}
/* When logged in and the left-menu is expanded: */
.menu_expanded .primary-content-container .container {
	padding-left: 205px;
}
/* When not logged in (no menu displayed): */
.primary-content-container .login-container {
	margin-top: 0px;
	padding-left: 15px;
}
/* Entry form containers should be flush with the navbar. */
.primary-content-container .container.EXPANDED {
	margin-top: -21px;
}

.red { color: red; }
.green { color: #52982b; }
.yellow { color: yellow; }


/**
* menu styles affecting  menu3.blade.php
**/

#icon-text-toggle-div {
position: fixed;
bottom:0px;
text-align:left;
background:#1d205e;
width:100%;
max-width:190px;
padding:10px;
}

.menu-top-text {
    display: inline-block;
}
.sub-menu-group {
    display: none;
}
.sub-menu-toggle {
    cursor: pointer;
}

/*  Mobile Navigation Hamburger button  */
.navbar-toggle {
	margin-right: 7px;
	padding: 9px;
}
.navbar-toggle .icon-bar {
	width: 21px;
}
.navbar-toggle.collapsed {
	overflow: hidden;
    width: 40px;
}



/*  'Loading' status (disappears) */
#saving-status-div {
	position: fixed;
	z-index:1100;
}



/*  Resizes left navigation menu when it's collapsed.  */
#facs-main-column-menu.collapsed, #icon-text-toggle-div.collapsed {
	width: 50px !important;
}


/* -- Navbar tweaks, this really relates to the header (cookie crumb and project/user menus) -- */
/* -- This is NOT related to the left-hand menu -- */
.navbar-static-top {
	position: fixed;
	width: 100%;
}
/* When wide enough, the secondary navigation menu for login/logout and project selection appears to the top right.
	This ensures the right offset is correct. */
.navbar-right {
	margin-right: 20px;
}

.host_and_portal_ident_container {
	text-align: right;
	overflow-x: visible;
	display: inline-block;
	vertical-align: top;
	height: 50px;
	max-height: 50px;
	overflow: hidden;
	text-align: right;
	width: 200px;
}

#server_identification {
	height: 13px;
	line-height: 11pt;
	font-size: 10pt;
}

/* Bootstrap overrides */
.navbar-brand {
	float: none;
	line-height: 18pt;
	padding: 0px;
}
.navbar>.container .navbar-brand {
	margin-left: -8px;
}

#facs-navbar-project-div {
	display: inline-block;
	font-size: 1.5em;
    line-height: 17pt;
    margin-bottom: -5px;
	vertical-align: middle;
    height: 50px;
	width: auto;

	position: fixed;
	top: 0px;
	/*right: 180px;*/
	right: 540px;
	left: 203px;
	overflow: hidden;
}
#app.login #facs-navbar-project-div {
	right: 90px;
}

#facs-navbar-project-div .fa-fw {
	height: 32px;
	float: left;
	padding-top: 16px;
	margin-right: 4px;
}
#facs-navbar-project-div .project_name {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	overflow: hidden;
	height: 50px;
	word-break: break-all;
}


/*  ---  Search Bar (within the header)  ---  */
.navbar-nav .search_bar_container {
	border: solid 1px #FFF;
	border-radius: 4px;
	padding: 1px;
	background-color: #FFF;
	line-height: 16pt;
	margin-top: 9px;
	margin-right: 12px;
}
.search_bar_container #search_bar {
	padding: 0px 4px;
	border: 0px;
	vertical-align: middle;
	outline: none;
}
.search_bar_container #search_button {
	background-color: #0E66BD;
	width: 36px;
	height: 27px;
	padding: 6px 11px;
	border-radius: 4px;
	color: #FFF;

}
.search_bar_container #search_button:hover {
	text-decoration: none;
}



/* This is the heading of most entity grid listings. It's sensitive to screen size because it's
	used as a fixed and non-fixed element. There are some more overrides in /css/responsive.css */
.panel-heading {
	display: block;
	z-index: 9;
}
/*.entry-container .panel-heading {*/
	/*width: 1088px;*/
/*}*/
/*.menu_expanded .entry-container .panel-heading {*/
	/*width: 948px;*/
/*}*/

.panel-heading .fa {
	cursor: pointer;
}
.panel-heading .fa.disabled {
	cursor: not-allowed;
}

.login-container .panel {
	margin-top: 20px;
}
.login-container .panel-heading {
	width: auto;
}
.fixed-to-top .panel-body {
	padding-top: 130px;
}
.panel-heading .owner-info {
	margin-top: 20px;
}
/* Special case to fix unaccounted for instances of the panel that get impacted by responsive styles. */
/* TODO: This will be addressed when we refactor the UI. */
.permission-deny .panel { width: auto !important; }


.cursor-not-allowed {
    cursor: not-allowed;
}

.facs-sub-menu {
    display:none;
    width:160px;
    position:absolute;
    left: 60px;
    top: 0;
    height:100%;
    z-index:998;
}

.facs-sub-menu-block {
    margin-top:15px;
}


.facs-sub-menu-header {
    font-size:18px;
    margin-left:2px;
    padding-top:25px;
}


.facs-menu-inner-div, .facs-tray{
	position: fixed;
}
.facs-menu-inner-div a {
	color: #ffffff;
	margin-left: 2px;
	display: block;
	font-size: .9em;
}


.entry_form_button_div {clear:both; width:100%; display:block; padding-top:15px;}

.white-bright {  color: rgba(255,255,255,1); }
.white-faded {  color: rgba(255,255,255,.125); }



/*  ---  UI Grid Overrides  --------------------------------------------------------------------- */
.ui-grid-cell-contents {
	font-size: 8pt;
}

.uigrid-number {
	width: 50px;
}

.widget-SectionAdmin label { width:300px !important; }
.bulk-edit-container {
    min-height:160px !important;
    padding:4px;
}
.bulk-edit-notice {
    text-align: center;
    width: 400px;
    position: relative;
    left: 50%;
    transform: translate(-50%);
}
.bulk-edit-container input[type=checkbox] {
    height: 14px;
    width:21px;
}
.bulk-edit-value-container {
	margin-top:10px;
}
.bulk-edit-value-field {
    margin-left:4px;
}
.bulk-edit-value-field textarea {
    margin-bottom: 0px;
}
.hide {display:none;}
.inline-show {display:inline-block;}

.panel-heading .notify-recipients-container{
	display: none;
}
.notify-recipients-checkbox {
    height:14px;
}
.notify-recipients-container label{

}

/*  ---  Specific Overrides  -------------------------------------------------------------------- */
/*  Since our styles are a bit hectic and disorganized, for the time-being, any highly specific
	overrides that may need to be made should be placed here. Ultimately, this section should go
	away after we refactor and cleanup our CSS */

.entry-form-input-readonly, .pair-status {
	line-height: 20pt;
}

/* change pin to a lock in file cabinet for locked files
overrides pin icon on elfinder.min.css*/
.elfinder-lock {
    background-position: 0px -64px !important;
}
.modal-content .pair-selectgrid_multi_sub, .modal-content .pair-selectgrid_multi_limitforentry, .modal-content .pair-grid_readonly {
	width: 100% !important;
}

.carousel_container {
	height: 100%;
	background-color: #DDD;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.carousel_container .preview_container {
	position: absolute;
	bottom: 70px;
	top: 0px;
	left: 0px;
	right: 0px;
	background-color: #333;
}
.carousel_container .preview {
	background-color: #222;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 34px;
	padding: 10px;
	text-align: center;
}
.carousel_container .preview img {
	max-height: 100%;
	max-width: 100%;
	height: auto;
	width: auto;
}
.carousel_container .preview video {
	height: 100%;
	width: auto;
}
.carousel_container .preview .pdf {
	max-height: 100%;
	max-width: 100%;
	height: 100%;
	width: 100%;
}
.carousel_container .loading {
	text-align: center;
	font-size: 24pt;
	padding-top: 20%;
}
.carousel_container .meta_data {
	background-color: #111;
	color: #DDD;
	position: absolute;
	height: 34px;
	left: 0px;
	right: 0px;
    bottom: 70px;
	text-align: center;
	line-height: 34px;
}
.carousel_container .preview_controls_container {
	position: absolute;
	padding: 10px;
	line-height: 50px;
	text-align: center;
	height: 70px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.carousel_container .preview_controls_container .prev,
.carousel_container .preview_controls_container .next {
	color: rgb(var(--primary-color));
	border-radius: 60px;
	line-height: 30px;
	vertical-align: middle;
	cursor: pointer;
    width: 30px;
    height: 30px;
	background-color: #D0D0D0;
}
.carousel_container .btn_download {
    color: white !important;
    text-decoration: none !important;
}
.carousel_container .preview_controls_container .btn_download {
	margin: 0px 20px;
}
.subgrid_table .table{
	margin-bottom: 0px;
}
.subgrid_table_header .table>tbody>tr>td {
	border-top:0px;
}

.service-grid-container {
	position: relative;
}

.grid-loader {
	position: absolute;
	top: 50%;
	left: 40%;
	font-size: 20px;
}

.grid-backdrop {
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgb(33,33,33, .25);
	border-radius: 10px;
	z-index: 50;
}

.confirm-modal-backdrop {
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgb(33,33,33, .25);
	z-index: 50;
}

.confirm-modal-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 20px;
}