/* EA 2016-09-1 (issue 462, b222): CSS to override bootstrap defaults */

/* TH 2021-05-20 (b367, Issue 791): Import for the coloring variables */
/* TH 2023-10-30 (trunk): Removed. Moved these into CTPage so we can control the version number
@ import url(../../central_var.css);
*/

/* top menu ul */
.bootstrap-iso ul.topmenubar {
	font-size:1.4em; 
	float:none; 
	padding-left:0px; 
	/*border-bottom: 1px solid silver;
	background-color:#333;*/



}
/* AI 2018-10-12 (b253, Issue 602 ): Over ride the menu color and added border*/
.bootstrap-iso .bg-light
{
	background-color:#f8f8f8 !important;
	border:.01em solid #e7e7e7 !important;
	
}


/*AI 2018-10-17 (b253, Issue 602 ): Added rouded borders to the sign in button*/
.bootstrap-iso input, .bootstrap-iso button, .bootstrap-iso select, .bootstrap-iso optgroup, .bootstrap-iso textarea
{
	border-radius: 5px !important;
}


/*AI 2018-10-17 (b253, Issue 602 ): Fixed the sizing of the submenu "home" and 
"about Rcampus*/
.bootstrap-iso ul.submenubar > li > a
{
	padding-top:10px !important;
	padding-bottom:10px !important;
	line-height: 1.1em;
}

/*AI 2018-10-12 (b253, Issue 602 ): Over ride the current page color*/
.bootstrap-iso .navbar-light .navbar-nav .show > .nav-link, .bootstrap-iso .navbar-light .navbar-nav .active > .nav-link, .bootstrap-iso .navbar-light .navbar-nav .nav-link.show, .bootstrap-iso .navbar-light .navbar-nav .nav-link.active
{
	background-color: #e7e7e7;
}


/*AI 2018-10-12 (b253, Issue 602 ): Over ride the 'home' button underneath the top menu*/
.bootstrap-iso .nav-pills .nav-link.active, .bootstrap-iso .nav-pills .show > .nav-link
{
	color:#555555 !important;
	background-color: #e7e7e7 !important;
}

/*AI 2018-10-17 (b253, Issue 602 ): fix the two icons on the top right, i and group to be on the same line as rest of 
icons*/
.bootstrap-iso .nav-link
{
	padding-top: 15px !important;
}


/* override top menu colors */
.bootstrap-iso .navbar-default .topmenubar > li > a {  
  xxcolor: #ddd;  /* original #777 */
}
.bootstrap-iso .navbar-default .topmenubar > li > a:hover,  /* inherit from .bootstrap-iso .navbar-default .navbar-nav > li > a */
.bootstrap-iso .navbar-default .navbar-nav .topmenubar > li > a:focus {
  xxcolor: #fff;  /* original #333 */
}
.bootstrap-iso .navbar-default .topmenubar > .active > a:hover,  /* inherit from .bootstrap-iso .navbar-default .navbar-nav > .active > a:hover */
.bootstrap-iso .navbar-default .topmenubar > .active > a:focus {
  xxcolor: #222;
}


.bootstrap-iso .staticmenu-nav-tabs {
	border: 0px;
	margin: 1em 3px 3px 3px;  /* RS 2021-05-24 (trunk): add more top margin.  See also staticmenubutton */
	padding-right: 1em;
}


/* Created for log out button to override bootstrap css  */
.bootstrap-iso .navbar-default .nav-tabs > li > .staticmenu,
.bootstrap-iso .navbar-default .nav-tabs > li > div > .staticmenu  {
	/* color:#ffffff; */
	font-size:1.4em; /*Changed from 13px to 1.4em;*/

}

/* Created for log out button to override bootstrap css  */
.bootstrap-iso .navbar-default .nav-tabs > li > .staticmenu:hover,
.bootstrap-iso .navbar-default .nav-tabs > li > .staticmenu:focus {
  /* color: #ffffff; */
  background-color: transparent;
}


/*staticButtons like logIn and Sign up buttons for example */
.staticmenu  .staticmenubutton{
	padding:.60em; 
	/*margin:5px; */
	margin-top:9px !important;
	margin-left: 1em;  /* RS 2021-05-24 (trunk): change margin config to have a better line up with input boxes */
}

/* For badges in the navigation bar, to resize them */
.bootstrap-iso .navbar-default .nav-tabs .badge-staticmenu {
	background-color:red;
    position:absolute;
	top: 7px; /*Was 3*/
    left: 25px;
	font-size: 9px; /*Was .8em*/
	color:white !important; /*Made the white important, wasnt important before*/
	/*AI 2018-10-12 (b253, Issue 602 ) Added to make the borders round*/
	border-radius: 15px
}

/*AI 2018-10-12 (b253, Issue 602 ): Over ride the drop down text size */
.bootstrap-iso .dropdown-item
{
	font-size:14px !important;


}

/*AI 2018-10-17 (b253, Issue 602 ): Override the padding top for the 'more' link*/
.bootstrap-iso .navbar-text
{
	padding-top: .85rem !important;
}

/*AI 2018-10-17 (b253, Issue 602 ): OverRide the color of the 'more' button*/
a.moretab
{
	color:#777777 !important;
}

.bootstrap-iso .nav > li > a
{

/*	padding-top: 10px;
	padding-bottom:10px;
	line-height: 20px;*/

	/*AI 2018-10-15 (b253, Issue 602 ):Updated the padding of the boxes the titles are in. */
	position: relative !important;
	
	padding:15px 15px !important;
	
}

/*AI 2018-10-12 (b253, Issue 602 ): Over ride the selected on color*/
.bootstrap-iso .navbar-default .navbar-nav > .open > a, .bootstrap-iso .navbar-default .navbar-nav > .open > a:hover, .bootstrap-iso .navbar-default .navbar-nav > .open > a:focus
{
	background-color: #e7e7e7 !important;
	color:#555555 !important;
}
/*AI 2018-10-12 (b253, Issue 602 ): Over ride the color of the blue strip when 
drop down menu is clicked*/
.bootstrap-iso .dropdown-item.active, .bootstrap-iso .dropdown-item:active
{
	background-color:#337ab7 !important;
}


/*AI 2018-10-12 (b253, Issue 602 ): Fixed the drop down menu from round to sharp corners*/
.bootstrap-iso .navbar-expand-md .navbar-nav .dropdown-menu
{
	border-radius: 0px;
}
/* make top menu stretch to the very left and right */
.bootstrap-iso .container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}



.bootstrap-iso nav.submenubar {
	background-color:#FFFFFF;
	/*position: static; */
	border: none; 
	/*margin-top: 4px;*/
}

/* static menu bar */
.bootstrap-iso nav.staticmenu {
	background-color: #fff;  /* override the bootstrap color */
	z-index: 0; 
	margin-bottom:0px;
}


/* making sure that there is a bit of space between the main menu and sub menu  */
.bootstrap-iso ul.submenubar{
	padding-top: 5px;
	margin-left: 8px;
	font-size: 1.1em; 
	float: none;
}

/* override bootstrap navbars for submenubar to a smaller height */
.bootstrap-iso ul.submenubar > li > a {
	/*AI 2018-10-15 (b253, Issue 602 ): Switched back to what it was before the previous change*/
	padding-top: 15px;  	/* originally 15, and then 10px */
	padding-bottom: 15px;	/* originally 15 and then 10px */
	line-height: 1.1em;		/* originally 20px */
	color: #777777;
}

/* descreas left and right padding from 15px for footer columns */
.bootstrap-iso #footer-grid > [class*="col-"] {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

/* change default a color to our original blue */
.bootstrap-iso a {

	   /*AI 2018-10-12 (b253, Issue 602 ) Changed color to match bootstrap 3*/
	   /* TH 2021-05-20 (b367, Issue 791): Use the color variables */
	   color: var(--rs_link);

}

/*AI 2018-10-12 (b253, Issue 602 ) Over ride the color of the icons on top to grey*/
a.staticmenu, a.staticmenu:link, a.staticmenu:visited
{
	color: #777777 !important;
}


/*AI 2018-10-15 (b253, Issue 602 ): Added padding to all 4 sides*/
.bootstrap-iso .navbar {
	margin-bottom: 0px;  /* override the 20px to remove the gap between topmenubar and submenubar */
	padding-left:15px !important;
	padding-right:15px !important;
	padding-bottom:0px !important;
	padding-top:0px !important;

}

/* TH 2018-04-05 (b248, issue 560-UI): START. Override bootstrap css styling, for the mordernized form looks*/

/*label class will have our blue color instead of white*/
.bootstrap-iso .label {
	color:#0099ff;
	font-size: 13pt;
    white-space: normal;
}

/* Label tag will get a grayish black color*/
.bootstrap-iso label {
	color: #777
}

/*When passing the required class to <label> tag, 
it will make the label color red
*/
.bootstrap-iso label.required {
	color:#cc3333;
}

/* All form group will have margin bottom 1.5em */
.bootstrap-iso .form-group {
	margin-bottom: 2em;
}

.bootstrap-iso .nav-item .form-group {
    margin-bottom: 1em;
}

/* All input group group will have padding bottom 1.2em */
.bootstrap-iso .input-group {
	padding-bottom: 1.2em;
}

/* All input form-control class will have padding top and bottom 1.5em */
.bootstrap-iso .form-control {
	display: block;
	width: 100%;

	/* TH 2018-11-26 (b248, issue 560-UI): Increase size of the inputbox */
	height: 40px;
	padding: 6px 12px;

	/* TH 2018-11-26 (b248, issue 560-UI): Use em for font size */
	font-size: 1.4em;
	line-height: 1.45;
}

.form-group {
	position: relative;
	margin-bottom: 1.5rem;
}

/* TH 2018-11-26 (b248, issue 560-UI): Floating label css. Credit: https://codepen.io/peiche/pen/xOVpPo */
.form-control-placeholder {
	position: absolute;
	top: 0;
	padding: 7px 0 0 13px;
	transition: all 200ms;
	opacity: 0.5;
	font-size: 1.5em;
}

/* TH 2018-11-26 (b248, issue 560-UI): Floating label css. Credit: https://codepen.io/peiche/pen/xOVpPo */
.form-control:focus + .form-control-placeholder,

/* TH 2019-08-21 (b300, issue 662): Changed :valid to :not(:placeholder-shown) because :valid only 
	works when input element has "required" attribute.  This version works with both required and not */
.form-control:not(:placeholder-shown) + .form-control-placeholder{
	font-size: 80%;
	transform: translate3d(0, -100%, 0);
	opacity: 1;
	top: -5px;
}


/* TH 2019-08-21 (b300, issue 662): Added for IE only. form-control:not(:placeholder-shown) above doesn't work with IE and Edge 
	we need to use different pseudo selector for IE 
	IMPORTANT: DO NOT COMBINE this class with the one above or neither work work
*/
.form-control:not(:-ms-input-placeholder) + .form-control-placeholder {
	font-size: 80%;
	transform: translate3d(0, -100%, 0);
	opacity: 1;
	top: -5px;
}

/* TH 2019-08-21  (b300, issue 662): Added for IE only.  Same notes as the class above */
.form-control:not(::-ms-input-placeholder) + .form-control-placeholder {
	font-size: 80%;
	transform: translate3d(0, -100%, 0);
	opacity: 1;
	top: -5px;
}

/* TH 2018-11-27 (b248, issue 560-UI): Added a css rule for checking if the input boxes are autofilled, to float the labels
	NOTE: Do not combine with the rule above even if it's duplicate, for some reason doing so will mess up with the 
	floating labels in IE and firefox
*/
.form-control:-webkit-autofill + .form-control-placeholder {
	font-size: 80%;
	transform: translate3d(0, -100%, 0);
	opacity: 1;
	top: -5px;
}

/* RS 2019-08-18 (trunk): bs4 sets @page size to a4 which blocks users from selecting page layout in chrome 
	print options */
@page {
	size: auto;   /* auto is the initial value */
}

/* Mobile / Tablet */
/* TH 2020-04-28 (trunk): Reduce some padding between submenus in mobile */
@media (max-width:767px) {
	.bootstrap-iso .nav-pills .nav-link {
		padding-left: 7px !important;
		padding-right: 7px !important;
	}
}

/*TH 2020-09-30 (trunk, UI): Add margin to bootstrap input (checkboxes)*/
/*RS 2023-02-10 (trunk, UI): Isolate this to checkboxes and only to the right of the checkbox.  
		This is only needed to add space between checkboxes and their labels only */
/*TH 2023-11-02 (trunk, UI): adding not(form-check-input) to only apply it when we're not using correct bootstrap classes for 
 checkbox/radio and are trying to apply this to our older checkbox/radio buttons*/
.bootstrap-iso input[type=checkbox]:not(.form-check-input),

/*TH 2023-11-01 (trunk, UI): Added radio box */
.bootstrap-iso input[type="radio"]:not(.form-check-input) {
	margin: 0 0.5em 0 0;
}

/*TH 2020-11-24 (b342, issue 338): Add margin to bootstrap input (checkboxes)*/
.bootstrap-iso .nav-tabs {
	font-size: 15px;
}

/* TH 2022-01-06 (b391, issue 832): Override bootstrap legend */
.bootstrap-iso legend {
	
	/* Setting to auto to override 100% width which makes the top border disappear */
	width: auto;
	padding: 0 0.3em;
	font-size: 1rem;
}

/* TH 2022-01-06 (b391, issue 832): Override bootstrap fieldset */
.bootstrap-iso fieldset {
	border: 1px solid #ddd !important;
	padding: 10px;
	border-radius: 3px;
}

/* --------- Bootstrap Alert Adjustments ---------*/
.bootstrap-iso .alert {
	/*position: relative;*/
	padding: 0;		/* remove padding to allow the icon container expand to the edges */
	/*min-width: 250px;*/

	/* Add top/bottom margins so they don't touch other elements */
	margin-top: 5px;
	margin-bottom: 5px;
}
/* --------- End Bootstrap adjustments ---------*/

/* --------- Bootstrap dropdown adjustments ---------*/

/* Hide the toggle carret created by bootstrap so we can use our own 
 icons */
.bootstrap-iso .popupmenu-dropdown .dropdown-toggle::after {
	display: none;
}
/* --------- End Bootstrap adjustments ---------*/

/* TH 2022-06-28 (b407, issue 854): Override bootstrap link hover with our own styling and color */
.bootstrap-iso a:hover {
	color: var(--rs_link_hover);
	text-decoration: none;
}

/* --------- Bootstrap popover adjustments ---------*/

/* TH 2023-01-04 (b422, issue 883): Increase the max-width of popover div from 276px to 300px 
 to fix the rubric share popover due to us increasing the size of input boxes */
.bootstrap-iso .popover {
	max-width: 300px;
	
	/* Yellow background color */
	background-color: #fafafa;
}

/* 2023-01-06 (b422, issue 883): Added. Override the arrow position for popover. For some reason 
 the calculation is off by 1em for every position */
.bootstrap-iso .bs-popover-top .arrow,
.bootstrap-iso .bs-popover-auto[x-placement^="top"] .arrow {
  bottom: calc(-0.5rem);
}

.bootstrap-iso .bs-popover-bottom .arrow,
.bootstrap-iso .bs-popover-auto[x-placement^="bottom"] .arrow {
  top: calc(-0.5rem);
}

.bootstrap-iso .bs-popover-right .arrow,
.bootstrap-iso .bs-popover-auto[x-placement^="right"] .arrow {
  left: calc(-0.5rem);
}

.bootstrap-iso .bs-popover-left .arrow,
.bootstrap-iso .bs-popover-auto[x-placement^="left"] .arrow {
  right: calc(-0.5rem);
}

/* 2023-01-06 (b422, issue 883): Added. Override the background color of the arrow to 
 match the yellow background color of the popover */
.bootstrap-iso .bs-popover-bottom .arrow::after,
.bootstrap-iso .bs-popover-auto[x-placement^="bottom"] .arrow::after {
  	border-bottom-color: #fafafa;
}

.bootstrap-iso .bs-popover-top .arrow::after,
.bootstrap-iso .bs-popover-auto[x-placement^="top"] .arrow::after {
  border-top-color: #fafafa;
}

.bootstrap-iso .bs-popover-right .arrow::after,
.bootstrap-iso .bs-popover-auto[x-placement^="right"] .arrow::after {
  border-right-color: #fafafa;
}

.bootstrap-iso .bs-popover-left .arrow::after,
.bootstrap-iso .bs-popover-auto[x-placement^="left"] .arrow::after {
  border-left-color: #fafafa;
}

/* TH 2023-01-06 (b422, issue 883): CSS for the popover close button  */
.bootstrap-iso .popover .close {
	position: absolute;
	top: -9px;
	right: -9px;
	padding: 0.1rem 0.3rem 0.2rem 0.3rem;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 50% !important;
	background-color: white !important;
	opacity: 100;
	font-size: 1rem;
	color: #555;
}
/* --------- End Bootstrap adjustments ---------*/