/* 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 {
	padding-right: 30px;
	transition: all .4s ease 0s;
	height: 100%;
}

#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;
}

/* if was toggled, left sidebar wrapper will margin 20 instead of 160 */
#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;
		margin-right:1.5em;  	/* RS 2020-04-24 (Trunk, UI): Make the gap with page content narrower */

}

/* 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;
}


/* 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;
}

#ctpage-pushed-content-from-left-sidebar {
		min-height: 300px;
		padding-right: 0;
		margin-right: 0;
		overflow: hidden;
		height: auto;
}

/* 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;*/
}

#ctpage-left-sidebar-main-icon {
	
	/* NW 2020-03-18 (b330, Issue 718): Changed top to 3px */
	top: 3px;
	position: relative;
	
	/* RS 2020-04-24 (Trunk, UI): Changed left to 0 to flush the button with the right border */
	left: 0;

	font-size: 1.2em;
	color: #9bd9f4;  /*#4682b4;*/
	background: #f5f5f5;
	
	/* 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 10px 10px 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 */
	padding: 3em .1em;
	/* opacity: 0.8; */
}

/* 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;
	}
}