/* sidebars.css will function by determining if the left and right sidebars
contain active or not. If it does, it will change the sidebar accordingly.
The screen size will also affect the look of the sidebars. */

/* NW 2020-11-16 (b342, Issue 338): Removed. Not sure what it does or if it affects the bootstrap on the site.
.row {
	margin-left:0px;
	margin-right:0px;
} */

/* forces padding on the right sidebar and content to be pushed (right) */
#ctpage-right-sidebar-wrapper {
	/* TH 2024-08-02 (b452, issue 930): Remove the padding
	padding-right: 30px; */
	transition: all .4s ease 0s;
	height: 100%;
}

/* TH 2024-08-02 (b452, issue 930): Added, css to set different padding on the page wrapper depending
 on what's on the page */
/* TH 2024-11-06 (trunk, UI): Change from using :has pseudo class due to an indiana user
 might have had the option layout.css.has-selector.enabled to false on her browsers. 
 https://stackoverflow.com/questions/54224791/why-has-not-working-in-css-select-parent
*/
#ctpage-right-sidebar-wrapper.has-ctpage-right-sidebar-window:not(.active) {
	padding-right: 30px;
}

/* TH 2024-11-06 (trunk, UI): Change from using :has pseudo class due to an indiana user
 might have had the option layout.css.has-selector.enabled to false on her browsers. 
 https://stackoverflow.com/questions/54224791/why-has-not-working-in-css-select-parent
*/
#ctpage-right-sidebar-wrapper.has-ctpage-right-sidebar-window #pageheadertbl {
	padding-right: 20px;
}

#ctpage-right-sidebar-wrapper.active {
	padding-right: 170px;
}

/* forces padding on the left sidebar and content to be pushed (left) */
#ctpage-left-sidebar-wrapper {
	/* NW 2020-04-02 (b330, Issue 718): Removed. Removal of property will flush the left sidebar menu to the left.
	margin-left: 60px; */
	transition: all .4s ease 0s;
	height: 100%;
	background-color:white;
}

/* TH 2024-08-02 (b452, issue 930): Added container for main content and footer */
#ctpage-main-content-and-footer {
	flex : 1;
	display: flex;
	flex-direction: column;
}

/* TH 2024-11-06 (trunk, UI): Change from using :has pseudo class due to an indiana user
 might have had the option layout.css.has-selector.enabled to false on her browsers. 
 https://stackoverflow.com/questions/54224791/why-has-not-working-in-css-select-parent
*/
#ctpage-main-content-and-footer.has-ctpage-pushed-content-from-left-sidebar {
	padding-left: 0;
    padding-top: 0;
}

/* if was toggled, left sidebar wrapper will margin 20 instead of 160 */
/* TH 2024-07-30 (b452, issue 930): Removed
#ctpage-left-sidebar-wrapper.active {

	/ * NW 2020-04-03 (b330, Issue 718): Change to 0px so there's no gap to the left. * /
	margin-left: 0px;
}*/

/* responsible for the position of the right sidebar */
#ctpage-right-sidebar-window {
		margin-right: -220px;
		margin-top: 4px;
		right: 30px;
		width: 230px;
		border-radius: 10px;  /* RS 2020-04-24 (Trunk, UI): Match border radius with left side button */
		border: 1px solid #eee;
		background-color: white;
		position: fixed;
		z-index: 90; /* RS 2019-08-09 (Trunk) - Changed to 90 to make it go behind jquery dialog (e.g. when scoring rubrics in rapid) */
		transition: all .4s ease 0s;

}

/* responsible for the position of the left sidebar */
#ctpage-left-sidebar-window {
		/* NW 2020-04-02 (b330, Issue 718): Removed. Remvoed so that the position of the sidebar menu isn't off.
		margin-left: -55px;
		left: 70px; */

		/* TH 2017-11-14 (b246, issue 499) Set the background color to transparent so that it doesn't conflict 
		with the user's page background color */
		background-color: transparent;
		position: static;
		float: left;
		z-index: 90; /* RS 2019-08-09 (Trunk) - Changed to 90 to make it go behind jquery dialog (e.g. when scoring rubrics in rapid) */
		transition: all .4s ease 0s;
		/* TH 2024-08-02 (b452, issue 930): Removed 
		margin-right:1.5em; */ 	/* RS 2020-04-24 (Trunk, UI): Make the gap with page content narrower */

}

/* TH 2024-08-29 (trunk, UI): If there is a left menu, add additional padding to pagecontent_core */
/* TH 2024-11-06 (trunk, UI): Change from using :has pseudo class due to an indiana user
 might have had the option layout.css.has-selector.enabled to false on her browsers. 
 https://stackoverflow.com/questions/54224791/why-has-not-working-in-css-select-parent
*/
#ctpage-left-sidebar-wrapper.has-ctpage-left-sidebar-window .pagecontent_core {
	padding-left:25px;
}

/* NW 2020-03-31 (b330, Issue 718): Added. Additional class to convert to the BS4 implementation of the left sidebar menu. */

#ctpage-left-sidebar-menu .sidemenulink {
	border-radius: 0;
	color: #3e3e3e;
	border-left: 0;
	border-right: 0;
	border-color: #2c2c2c;
	text-decoration: none;
	
	/* TH 2024-03-20 (trunk): Added max width so that if a side menu item (class title) has 
	 really long title, it wont make the side menu expand half of the page */
	max-width: 250px;
}


/* NW 2020-11-16 (b342, Issue 338): This section has been moved to sidemenu_master_1.css */
/* closed state -  caret-right icon 
#ctpage-left-sidebar-menu .collapse-toggle[aria-expanded="false"]::after {
	content: " \f0da";
	font-family: "Font Awesome 5 Pro";
	display: inline;
	text-align: right;
	padding-left: 5px;
	font-weight: 900;
} */

/* open state - caret-down icon 
#ctpage-left-sidebar-menu .collapse-toggle[aria-expanded="true"]::after {
	content: " \f0d7";
	font-family: "Font Awesome 5 Pro";
	display: inline;
	text-align: right;
	padding-left: 5px;
	font-weight: 900;
} */

.ctpage-right-sidebar-nav {
	display: block;
	width: 230px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#ctpage-whole-page-content {
	padding-right: 0;
	margin-right: 0;
	width: 100%;
	height: auto;
	
}

/* TH 2024-08-02 (b452, issue 930): Added. Change to display flex if there is a main menu on the page */
/* TH 2024-11-06 (trunk, UI): Change from using :has pseudo class due to an indiana user
 might have had the option layout.css.has-selector.enabled to false on her browsers. 
 https://stackoverflow.com/questions/54224791/why-has-not-working-in-css-select-parent
*/
#ctpage-whole-page-content.has-topMenuContainer {
	display: flex;
}

#ctpage-pushed-content-from-left-sidebar {
	min-height: 300px;
	padding-right: 0;
	margin-right: 0;
	overflow: hidden;
	
	/* TH 2024-08-02 (b452, issue 930): Change to height 100% */
	height: 100%;
}

/* TH 2024-08-02 (b452, issue 930): Added padding depending on what's on the page */
/* TH 2024-08-29 (trunk, UI): Removed. We dont want the gap between the left menu and the page content
#ctpage-left-sidebar-wrapper.active #ctpage-pushed-content-from-left-sidebar{
	padding-left: 18px;
} */

#ctpage-left-sidebar-wrapper:not(.active) #ctpage-pushed-content-from-left-sidebar {
	border-left: 1px solid silver;
}

/* NW 2020-04-03 (b330, Issue 718): Removed. Removed so that the transition of the sidebar isn't jumpy.
#ctpage-left-sidebar-wrapper.active {
		padding-left: 5px;
} */

#ctpage-right-sidebar-wrapper.active #ctpage-right-sidebar-window {
	right: 170px;
}

#ctpage-right-sidebar-menu-arrow {
	list-style: none;
	margin-top: 5px;
}

#ctpage-right-sidebar-window-toggle {
	margin-top: 37px;  
}

#ctpage-right-sidebar-menu-arrow li a, .ctpage-right-sidebar-nav li a {
		display: block;
		float: right;
		text-decoration: none;
		width: 230px;
		-webkit-transition: background .5s;
		-moz-transition: background .5s;
		-o-transition: background .5s;
		-ms-transition: background .5s;
		transition: background .5s;
}

.ctpage-right-sidebar-nav li {
	line-height: 35px;
	text-indent: 5px;
}

.ctpage-right-sidebar-nav li i {  /*for material icons*/
	margin-right: 9px;  /*distance between icon and text*/
	color: #6d95b3;
    width: 29px;		/*align icons vertically by giving them all the same outer width */
    text-align: center;  /*align icons vertically by centering them */
    vertical-align: text-top;  /*make icons line up with text */
}

.ctpage-right-sidebar-nav li a {
	
	/* TH 2020-04-17 (b334, issue 723): Changed to black to match the share link color */
	color: black; /*#4682b4;*/
	display: block;
	text-decoration: none;
	font-size: 18px;
}

.ctpage-right-sidebar-nav li a:hover {
	color: #ff6633;
	background: #eeeeee;
	text-decoration: none;
}

/* add spacing to the right of the icons inside right side bar.  Needed especially for cthelp icon */
.ctpage-right-sidebar-nav li a img {
	margin-right: 1em;
}

.ctpage-left-sidebar-nav {

	/* NW 2020-04-03 (b330, Issue 718): Removed display property because it is safe to do so and transition can be handled differently.
	display: none; */

	/* NW 2020-04-03 (b330, Issue 718): Added. Properties that will be changing instead of toggling the display for the transiton of the
		sidemenu in the BS4 implementation. */
	width: 0;
	opacity: 0;
	overflow: hidden;
}

.ctpage-left-sidebar-nav.active {

	/* NW 2020-04-03 (b330, Issue 718): Removed display property because it is safe to do so and transition can be handled differently.
	display: block;*/

	/* NW 2020-04-03 (b330, Issue 718): Added. Properties that will be changing instead of toggling the display for the transiton of the
		sidemenu in the BS4 implementation. */
	transition: all .2s ease;
	width: 100%;
	opacity: 1;
	overflow: visible;
}

.ctpage-right-sidebar-nav li a:active,
.ctpage-right-sidebar-nav li a:focus,
.ctpage-left-sidebar-nav li a:active,
.ctpage-left-sidebar-nav li a:focus  {
	text-decoration: none;
}

.ctpage-left-sidebar-brand {
	/* NW 2020-03-18 (b330, Issue 718): Changed width percentage from 10% to 1px so that the toggle icon isn't squeezing the first menu item. */
	width: 1px;
	float: right;
}

.ctpage-right-sidebar-brand {
	text-indent: -5px;
}

.ctpage-right-sidebar-nav > .ctpage-right-sidebar-brand {
	height: 65px;
	line-height: 60px;
	font-size: 18px;
}

.ctpage-right-sidebar-nav > .ctpage-right-sidebar-brand a {
	color: #999999;
}

.ctpage-right-sidebar-nav > .ctpage-right-sidebar-brand a:hover {
	color: #fff;
	background: none;
}

#ctpage-right-sidebar-main-icon {
	padding-left: 0.8em;
	font-size: 2em;
	color: #9bd9f4;  /*#4682b4;*/
}

/* TH 2024-08-02 (b452, issue 930): If the left side bar collapsed, set the left to 0 */
/* TH 2024-08-29 (trunk, UI): Change the look for the button */
#ctpage-left-sidebar-wrapper.active #ctpage-left-sidebar-main-icon {
	left: 0;
}

#ctpage-left-sidebar-main-icon {
	
	/* NW 2020-03-18 (b330, Issue 718): Changed top to 3px */
	top: 80px;
	position: relative;
	
	/* RS 2020-04-24 (Trunk, UI): Changed left to 0 to flush the button with the right border */
	left: 2px;
	/* TH 2023-09-21 (trunk, UI): Fix the side menu */
	font-size: .8rem;
	/* color: #9bd9f4; */  /*#4682b4;*/

	/* RS 2023-08-07 (trunk): chaged background to white to blend in with sidemenu better */
	background-color: #eee;
	
	/* NW 2020-03-18 (b330, Issue 718): Removed border shorthand property to specify individual properties. */
	/*border: 1px solid silver;
	border-color: silver;
	border-style: solid;*/

	/* NW 2020-03-18 (b330, Issue 718): Changed border radius so it seems like a rounded tab instead. */
	border-radius: 0 14px 14px 0;

	/* NW 2020-03-18 (b330, Issue 718): Changed border width on one side. */
	border-width: 1px 1px 1px 0px;

	/* RS 2020-04-24 (Trunk, UI): make the collapse button narrow and tall */
	/* RS 2023-08-07 (trunk): increased paddings on both sides of the icon */
	padding: 4.5rem .15rem;
	/* opacity: 0.8; */
	
	/* TH 2024-09-09 (trunk, UI): Lower the z-index so it doesnt show on top of the main menu dropdown */
	z-index: 98;
}

/* TH 2024-09-09 (trunk, UI): Added, hover css for the expand collapse icon */
#ctpage-left-sidebar-main-icon:hover { 
    width: 18px;
    background-color: #777;
    color: white;
    font-size: 1rem;
}

/* small desktops, tablets 
	Changed max from 991 to 1199
*/
/* TH 2018-11-27 (b248, issue 595): Changed the max-width to 991 because of the new update from bs3 to bs4 */
@media (min-width: 768px) and (max-width: 991px) {
	
	/* TH 2021-06-24 (trunk): Removed right sidebar media query
	#ctpage-right-sidebar-wrapper {
		padding-right: 123px;
	}

	#ctpage-right-sidebar-wrapper.active {
		padding-right: 32px;
	}
	
	/ * will only trigger if the right sidebar does not contain active * /
	#ctpage-right-sidebar-wrapper #ctpage-right-sidebar-window {

		/ * TH 2018-06-25 (b235, issue 467): Changed the px to be the same as 
			the larger screen, because the side bar get cut off when it's under 1200px
		 * /
		right: 170px;

		/ * TH 2020-04-17 (b334, issue 723): Making the arrow more transparent * /
		background-color: rgba(255,255,255,.9);
	}

	/ * will only trigger if the right sidebar does contain active * /
	#ctpage-right-sidebar-wrapper.active #ctpage-right-sidebar-window {
		right: 30px;
	}*/
}

/* Mobile / Tablet */
@media (max-width:767px) {

	/* TH 2021-06-24 (trunk): Removed right sidebar media query
	#ctpage-right-sidebar-wrapper {
		padding-right: 0px;
	}

	#ctpage-right-sidebar-wrapper.active {
		padding-right: 0px;
	}

	/*  RS 2017-05-21 removed to keep consistent with larger screen size and avoid overlapping with button above it
	#ctpage-right-sidebar-window {
		top: 51px;
		position: absolute;
	}
	
	/ * will only trigger if right sidebar does not contain active * /
	#ctpage-right-sidebar-wrapper #ctpage-right-sidebar-window {
		right: 140px;

		/ * TH 2020-04-17 (b334, issue 723): Making the arrow more transparent * /
		background-color: rgba(255,255,255,.9);
	}

	/ * will only trigger if right sidebar does contain active * /
	#ctpage-right-sidebar-wrapper.active #ctpage-right-sidebar-window {

		/ * TH 2020-5-29 (b332, issue 722-UI): Minor change to the margin * /
		right: 15px;
	}*/

	#ctpage-left-sidebar-wrapper {
		/* RS 2020-04-25 (trunk): removed: not doing anything 
		background-color:white; */
		

		/* RS 2020-04-25 (trunk): removed to match the desktop version 
		margin-left: 10px;*/
	}

	#ctpage-left-sidebar-wrapper.active {
		/*margin-left: 50px;*/
	}
	
	/* will only trigger if the left sidebar contains active */
	/* NOTE RS: Not sure if this is activated anywhere*/
	#ctpage-left-sidebar-wrapper.active .ctpage-left-sidebar-window {
		left: 70px;
	}
	
	/* will only trigger if the left sidebar does not contain active */
	/* NOTE RS: Not sure if this is activated anywhere*/
	#ctpage-left-sidebar-wrapper .ctpage-left-sidebar-window {
		left: -55px;
	}

	.ctpage-left-sidebar-nav {
		/* NW 2020-04-03 (b330, Issue 718): Removed display property because it is safe to do so and transition can be handled differently.
		display: block;*/
	
		/* NW 2020-04-03 (b330, Issue 718): Added. Properties that will be changing instead of toggling the display for the transiton of the
			sidemenu in the BS4 implementation. */
		transition: all .2s ease;
		width: 100%;
		opacity: 1;
		overflow: visible;
	}

	.ctpage-left-sidebar-nav.active {
		/* NW 2020-04-03 (b330, Issue 718): Removed display property because it is safe to do so and transition can be handled differently.
		display: none; */
	
		/* NW 2020-04-03 (b330, Issue 718): Added. Properties that will be changing instead of toggling the display for the transiton of the
			sidemenu in the BS4 implementation. */
		width: 0;
		opacity: 0;
		overflow: hidden;
	}
}