/************************************************
	The Shaded Panels
	US-183621/TSK-187811 -- Style sheet specific for Panels
*************************************************
    Created  : 2024-01-22
    By       : Tom Beale
    Desc     : Moved the panel styles into its own file
    ADOS     : US-183621/TSK-188022
************************************************/
#page-content{
	position: fixed;
	top:   140px;
	right:  15px;
	bottom: 15px;
	left:   15px;
}


div.outer-panel {
	position:         fixed;
	border-radius:    8px;
	background-color: white;
	overflow:         hidden;
	
	padding: 10px;
	top:    140px;
	left:    90px;
	right:   15px;
	bottom:  15px;
	
	/*
	border:            .5px solid #ccc;
	box-shadow:         1px 2px 2px 1px rgba(0,0,0,0.12);
	-webkit-box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.12);
	-moz-box-shadow:    1px 2px 2px 1px rgba(0,0,0,0.12);
	*/
	transition:  left .1s;
}

div.panel {
	position: absolute;
	border-radius: 8px;
	background-color: white;
	/*
	top:    5px;
	left:   5px;
	bottom: 5px;
	right:  5px;
	border: .5px solid #ccc;
	*/
	overflow: hidden;
	padding: 10px;
}

div.panel:hover {
	/*
	box-shadow:         1px 2px 2px 1px rgba(0,0,0,0.12);
	-webkit-box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.12);
	-moz-box-shadow:    1px 2px 2px 1px rgba(0,0,0,0.12);
	transition:         left .1s;
	*/
}

div.panel-content {
	position: absolute;
	top:      40px;
	right:    3px;
	bottom:   3px;
	left:     3px;
	overflow: auto;
	padding:  2px 8px;
}

.panel-heading {
	position:       relative;
	top:            -5px;
	font-size:      12pt;
	font-weight:    bold;
	color:          #106ebe;
	border-bottom:  1px solid #ccc;
	height:         25px;
	margin-bottom: .5em;
}

.panel-corner-options {
	position:   absolute;
	top:        0px;
	right:      0px;
	text-align: right;
}

/************************************************
	Toolbar Style
	US-187994/TSK-187995 -- Putting the Toolbar styles here for now
************************************************/
.toolbar-icon {
	cursor:      pointer;
	position:    relative;
	top:         -5px; 
	margin-left: 3px;
}