/*
	pagelet style sheet
	-------------------	
	generic classes used by all layouts
*/


/* contains border around entire pagelet, hide the overflow here for ie */
/* RS 2021-11-02 (trunk): Modernize */
.pagelet {
	border: 0 !important;		/* RS 2021-11-02 (trunk): remove boder.  Use important to override border by JQ */
	margin: 15px;				/* RS 2021-11-02 (trunk): changed from 5px to add more whitespace*/
	overflow: hidden;

	/* RS 2021-11-02 (trunk): Added drag/drop cursor.  When inactive, use "grab" */
	cursor: move; /* fallback if grab cursor is unsupported */
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
} 

/* RS 2021-11-02 (trunk): Added to change cursor from grab to grabbing for drag/drop effect */
.pagelet:active {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

/* RS 2021-11-02 (trunk): Added shadow when user hovers to help with drag/drop */
.pagelet:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}


/* TH 2019-04-04 (b281, issue 631): Added. Media query for when the page is small, we change the sliding tiles width
 to 100% so that it can be responsive for mobile */
@media (max-width: 768px) {
	.pagelet-column { margin-right: 1px; margin-bottom: 1px; padding-bottom: 10px; width: 100% !important;}
}
@media (min-width: 769px) {
	.pagelet-column { margin-right: 1px; margin-bottom: 1px; padding-bottom: 10px;}
}

/*AI 2018-09-26 (b265, Issue 601 ) Changed the margin and the paddding of the original code*/
.pagelet-title {margin:0;padding-bottom:.6em;padding-left:.9em;padding-top:.6em;padding-right:.6em;

	/* RS 2021-11-02 (trunk): modernize header font */
	font-size: 1.3em;
	font-family: 'Montserrat';

	/* RS 2021-11-02 (trunk): remove jq background color and add a border below title */
	background: white;
    border-bottom: 1px solid silver;
}


.pagelet-title .ui-icon { float: right; }

/* firefox needs width: auto, ie needs 100% (ie doesn't prioritize !important), hide the overflow for firefox */
.pagelet-content { 
	margin: 1em; 	/* orig = 0.3em; */
	width: auto !important; 
	width: 100%; 
	overflow: hidden; 
} 


/* container for edit/remove buttons */
.pagelet-edit-functions { text-align: right; top: 5px; margin-right: 10px; position: relative; font-size: 9px; } 
/* edit/remove buttons */
.pagelet-edit-buttons { background-color: white; border: 1px solid silver; text-decoration: none; } 
/* container for add/change layout buttons */
.pagelet-owner-functions { clear: both; }

.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 100px !important; }
.ui-sortable-placeholder * { visibility: hidden; }

.ui-widget-content a {
	color: #4682b4
}

.ui-widget-content a:visited {
	color: #4682b4; /* steelblue */
}

.ui-widget-content a:hover {
	color: #ff6633;
}