/*
*  abcpcommon.css
*/

/* Monstserrat font import for abcp-theme usage. To be used until the issue with the
   Liferay portal property theme.css.fast.load is resolved.
 */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,500,600,700');

/* Styles used for highlighting YUI datatables. */ 
tbody tr.hoverHighlightOdd {
	background-color: #00CCFF;
}

tbody tr.hoverHighlightEven {
	background-color: #00CCFF;
}

/* Styles for the asynchronous search response paras. */
.abcp-async-search-indicator {
	padding-left: 5px !important;
}

.abcp-async-search-available {
	color: #EE7421 !important;
	font-size: 0.9em important;
	font-weight: normal !important;
}

.abcp-async-search-unavailable {
	color: #999999 !important;
	font-size: 0.9em important;
	font-weight: normal !important;
}

/* Style for centering a div element on a page (useful for progress indicators).
   Make sure to override the height and width outside of this style, if needed. */
div.abcp-center-div-on-page {
	margin: auto;
	height: 100px;
	width: 100px;
	position: absolute;
	top: -10%;
	bottom: 0px;
	left: 7%;
	right: 0px;
}

/* Style for centering a div element relative to a parent div (useful for dialogs).
   Make sure to override the height and width outside of this style, if needed. */
div.abcp-center-div-on-parent {
	margin: 34px auto;
	height: 100px;
	width: 100%;
	position: absolute;
	top: 15%;
	left: 0;
}

div.abcp-center-div-on-parent img {
	margin: 0 auto;
	display:block;
}

/* Cursor for apply and clear filter links. */
.abcp-filter-links-cursor-type {
	cursor: pointer;
}

/* Definition of the padding for the right column in a 2 column table. */
td.abcp-2-column-right-padding {
	padding-left: 20px;
}

/* Style for the required field indicator. */
span.abcp-required-field-ind {
	color: #FF6600;
	font-weight: bold;
}

textarea.abcp-textarea-modal {
	height: 300px; 
	width: 460px;
}

/* Style for making a textarea element 95% width within a modal dialog body. */
div.modal-body textarea {
	width: 95% !important;
}

/* Style for spinner overlay div for modal. */
div.abcp-spinner-overlay {
	position: fixed; /* Sit on top of the page content */
    width: inherit; /* Cover the host parent's width, by default it is the full body-element's width. */
    height: inherit; /* Cover the host parent's height, by default it is the full body-element's height. */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999 !important; /* Specify a stack order in case you're using a different order for other elements */
    cursor: auto; /* Add a pointer on hover */ 
}