/* 
* File: admin/ssi/css/style.css
* 10/25/11 mods for UBC
* 04/29/20 mods to adminmsg
* 10/21/20 Menu style and layout changes; color vars; p.warning
* 05/04/21 image link url
* 02/22/23 center align error in admin message
* 06/27/23 improve center admin nav
* 04/26/25 removed .click FONT-WEIGHT: 800;
*/

:root {
  --orange: #ff9306;
  --blue:#2d67b2;
  --green: #62b32e; 
  --pgray: #555; 
  --gray: #aaa; 
  --red: #e31f1c;
  --white: #fff;
  --orange-border:#ffd194;
  --ffam: Calibri, Arial, Candara, Segoe, "Segoe UI", Optima, sans-serif;
}

BODY
{
    BACKGROUND: #ffffff;
    SCROLLBAR-SHADOW-COLOR: black;
    SCROLLBAR-ARROW-COLOR: #ff9933;
    SCROLLBAR-TRACK-COLOR: #ff9933;
    SCROLLBAR-BASE-COLOR: #e5e5e5;
    scrollbar-3d-light-color: black;
    scrollbar-dark-shadow-color: black;
}
P
{
    FONT-WEIGHT: 300;
    FONT-SIZE: 0.8em;
    COLOR: #314294;
    FONT-FAMILY: helvetica,arial,sans-serif
}
A:link
{
    COLOR: #314294;
    TEXT-DECORATION: underline
}
A:visited
{
    COLOR: #314294;
    TEXT-DECORATION: underline
}
A:hover
{
    COLOR: #666666;
    TEXT-DECORATION: none
}
.title
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 16pt;
    COLOR: #ffffff;
    FONT-FAMILY: helvetica,arial,sans-serif;
    TEXT-ALIGN: left
}
.navigation
{
    FONT-WEIGHT: 700;
    FONT-SIZE: 0.9em;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}

a.navigation:link 
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}

a.navigation:visited
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
a.navigation:hover 
{
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}

a.navigation:active 
{
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}

.subject
{
    FONT-WEIGHT: 400;
    FONT-SIZE: 10pt;
    COLOR: #314294;
    FONT-FAMILY: helvetica,arial,sans-serif
}
.subject_small
{
    FONT-WEIGHT: 400;
    FONT-SIZE: 8pt;
    COLOR: #314294;
    FONT-FAMILY: helvetica,arial,sans-serif
}
.subject_title
{
    FONT-WEIGHT: 900;
    FONT-SIZE: 0.8em;
    COLOR: #314294;
    FONT-FAMILY: helvetica,arial,sans-serif
}
.info
{
    FONT-WEIGHT: 800;
    FONT-SIZE: 10pt;
    COLOR: #314294;
    FONT-FAMILY: helvetica,arial,sans-serif
}

.click
{
    /*FONT-WEIGHT: 800;*/
    FONT-SIZE: 0.9em;
    COLOR: #555;
    FONT-FAMILY: helvetica,arial,sans-serif
}
.click A:link
{
    COLOR: #555;
    TEXT-DECORATION: none
}
.click A:visited
{
    COLOR: #555;
    TEXT-DECORATION: none
}
.click A:hover
{
    COLOR: #555;
    TEXT-DECORATION: underline
}
.click2
{
    FONT-WEIGHT: 400;
    FONT-SIZE: 0.8em;
    COLOR: #7dc622;
    FONT-FAMILY: helvetica,arial,sans-serif
}
.clickWhite
{
    FONT-WEIGHT: 400;
    FONT-SIZE: 0.8em;
    COLOR: #ffffff;
    FONT-FAMILY: helvetica,arial,sans-serif
}
.clickWhite A:link
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.clickWhite A:visited
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.clickWhite A:hover
{
    COLOR: #7dc622;
    TEXT-DECORATION: underline
}
.header
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 1em;
    COLOR: #2b68b1; /*#94add6*/
    FONT-FAMILY: helvetica,arial,sans-serif;
    TEXT-ALIGN: center
}
.c1
{
    BACKGROUND: #2b68b1; /*#314294*/
}
.c2
{
    BACKGROUND: #2b68b1; /*#94add6*/
}
.c3
{
    BACKGROUND: #ccf58a
}
.c4
{
    BACKGROUND: #56900e
}
.c5
{
    BACKGROUND: #a8c0e8
}
.c6
{
    BACKGROUND: #7dc622
}
.c7
{
    BACKGROUND: #c0c0c0
}
.c8
{
    BACKGROUND: #efefef
}
TR.r1
{
    BACKGROUND: #94add6
}
TR.r2
{
    BACKGROUND: #000000
}
TR.r3
{
    BACKGROUND: #ffffff
}
TR.r4
{
    BACKGROUND: #627aa2
}
TR.r5
{
    BACKGROUND: #c0c0c0
}
TR.r6
{
    BACKGROUND: #94add6
}
TR.r7
{
    BACKGROUND: #627aa2
}
TD
{
    COLOR: black;
    FONT-FAMILY: Arial
}
.header2
{
    FONT-SIZE: 1em;
    COLOR: white;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: gray
}
.header3
{
    FONT-SIZE: 1em;
    COLOR: white;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: navy
}
.header4
{
    FONT-SIZE: 1em;
    COLOR: fuchsia;
    FONT-FAMILY: Arial
}
.header5
{
    FONT-SIZE: 1em;
    COLOR: blue;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: silver
}
.header6
{
    FONT-WEIGHT: 800;
    FONT-SIZE: 0.8em;
    COLOR: #314294;
    FONT-FAMILY: helvetica,arial,sans-serif
}
.header7
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 1em;
    COLOR: #000080;
    FONT-FAMILY: helvetica,arial,sans-serif;
    TEXT-ALIGN: center
}
.header8
{
	color:#000000;
    font-size: 1em;
    font-family: arial;
    background-color:#94ADD6;	
}	

.smallmsgred
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    COLOR: red
}

.regular
{
    FONT-SIZE: 0.8em;
    COLOR: #314294;
    FONT-FAMILY: helvetica,arial,sans-serif
}

.inputbutton1
{
    FONT-SIZE: 12px;
    WIDTH: 450px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 30px;
    BACKGROUND-COLOR: #94aad6;
    TEXT-ALIGN: center;
}
.error
{
    MARGIN-TOP: 50px;
    /*MARGIN-LEFT: 150px;*/
    WIDTH: 450px;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: yellow;
    TEXT-ALIGN: center;
    COLOR:red;
}
.adm_msg_usertype
{
    FONT-WEIGHT: 800;
    FONT-SIZE: 0.8em;
    COLOR: #314294;
    FONT-FAMILY: helvetica,arial,sans-serif
}
.adm_msg_version
{
    FONT-WEIGHT: 800;
    FONT-SIZE: 0.8em;
    COLOR: blue;
    FONT-FAMILY: helvetica,arial,sans-serif
}


.inputbutton
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 30px;
    BACKGROUND-COLOR: #94aad6;
    TEXT-ALIGN: center;
}

.notice 
{
	font-weight:bold;
	color:black;
}

/* FOR SORT TABLES */
table.sortable td {border:1px solid gray;padding:2px;}
table.totals td {border:1px solid gray;padding:2px;}
table.totals {border-collapse:collapse; margin-top:15px;}
td.a_r {text-align:right;}
td.a_l {text-align:left;}
td.a_c {text-align:center;}
tr.alt {background-color: #f0f5fc;}	
td.high	{background-color: #FEFAF2;}	
td.warning {color:red;font-weight:bold;}
td.green_inv {background-color: green; color:green;} /*text not visible*/
td.yellow_inv {background-color: yellow; color:yellow;} /*text not visible*/ 
td.red_inv {background-color: red; color:red;} /*text not visible*/
td.white_inv {background-color: white; color:white;} /*text not visible*/

td.green {background-color: green;} /*text visible*/
#icb1 td.green {background-color: green; font-weight: bold; color:#fff !important;} /*text visible*/
td.yellow {background-color: yellow; font-weight: bold; color:#fff !important;} 
td.blue {background-color: #0000c0; font-weight: bold; color:#fff !important;} 
td.red {background-color: red; font-weight: bold; color:#fff !important;}
td.purple {background-color:#800080; font-weight: bold; color:#fff !important;}  /*#00c0c0*/
td.white {background-color: white}
td.ua_complete {border:2px solid #000 !important;}
td.ua_started {border:2px solid #40ff40 !important;} /**/
td.ua_notstarted {border:2px solid #f7df17 !important;}   /*#ff40ff*/
#icb1 td.complete {background-color:#cee1ff}
#icb1 td.started {background-color:#befaca;}
#icb1 td.notstarted {background-color:#efefef;}

th
{
	padding-right: 12px;
	padding-left: 16px;
	background: url(bg_arrow_2.gif) #d7e2f3 no-repeat;
	background-position: center left;
	padding-bottom: 4px;	
	padding-top: 8px;
	font: bold 18px/22px arial;
	vertical-align: middle;
	cursor: pointer;
	letter-spacing: 1px;
	text-align: left;
	border:1px solid gray;
}

th.forwardSort
{
	background: url(bg_header_up_2.gif) #d7e2f3 no-repeat 0 0;
	background-position: center left;
}
th.reverseSort
{
	background: url(bg_header_down_2.gif) #d7e2f3 no-repeat 0 0;
	background-position: center left;
}    

th.unsortable
{
	background: #d7e2f3;
}

th.unsortable a
{
	text-decoration:none;
}

th.a_r {text-align:right;}
th.a_l {text-align:left;}
th.a_c {text-align:center;}


ul.navlist {margin-left:8px;padding:0px;}
li.navlist {margin-left:8px;padding:0px;margin-bottom:5px;}

.leftnav {text-align:left;padding-right:10px;margin-right:5px;}

.fcw {color:#fff !important;}
.C2 A:link, .C2 A:visited, .C2 td, .C2, .C2 span.navigation p {COLOR: #fff;}


h1, h2, h3 { color: #555; text-align:center;font-family:Arial; }
h2, h3 { color: #2b68b1; }
p { color: #555; text-align:left;font-family:Arial; font-size:16px; line-height:20px}

.adminmsg h1 {margin:10px;color:#2d67b2;font-size:20px;padding:0;}
.adminmsg { border: 1px solid #cfd8e1; width: 700px; margin: 20px auto; border: 1px solid #cfd8e1; padding:10px 43px;}
.navcont { width: 800px; margin: auto; }
.navcont table { border: 1px solid #cfd8e1; padding: 3px; }
.adminmsglinks { width: 700px; margin: auto; border: 1px solid #cfd8e1; padding:10px 43px; }
.navcont h1 {font-size:24px; margin:7px; font-weight:100;} 
.adminmsglinks h2 {font-size:20px; margin:7px; font-weight:100;} 
.adminmsglinks h3 {font-size:18px; margin:7px; font-weight:100;} 
a.logout { background-color: #ff9306; color: #FFF !important; font-weight: 700; font-size: 16px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border: 2px solid #ffd194; text-align: center; margin: 0px; padding: 5px; height: 40px; width: 70px; text-decoration:none;}
.adminmsg {font-size:14px; font-family: helvetica,arial,sans-serif;} 
.adminmsg li {text-align:left}

.re {border:1px solid red!important;}
.bl {border:1px solid blue!important;}
.gr {border:1px solid green!important;}
.ye {border:1px solid #FF0!important;}
.bb {border:1px solid #000!important;}

.admincontent { width: 1200px; margin:10px auto; text-align:center;}
.admincontent.wide { width: 1600px; }
.admincontent table, .admincontent.wide table { margin-left: auto; margin-right: auto; } 
.admincontent p { font-size: 14px; text-align:center;}
.admincontent td p, .admincontent td  { font-size: 14px; text-align:left;}
.admincontent td.ac { text-align: center; }
.admincontent.wide h2 {text-align:center;width: 50%;margin:15px auto}
.teachstats { border: 0px solid gray; text-align: left; padding: 3px; width:690px; }
.teachstats p {font-size:14px; }
ul.navlist { list-style-type: none; padding: 10px; margin: auto; border:1px solid orange; padding-left:60px; width:300px;}
.staffadm ul.navlist { border:0px;}
ul.navlist li.navlist { background-image: url(../bullet_orange.png); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 14px; }
span.obx { display: inline-block; border: 1px solid orange; padding:1px 2px;}
p.alertmsg { text-align: center; color: #ff9306; font-weight:bold;}
td.ac { text-align: center !important; }
td.ac p { text-align: center !important; }
td { font-size:14px !important;vertical-align:middle;}
.statsfooter { margin-left: 50px; }
.statsfootnotes { margin-left: 50px; }
.statsfootnotes p { text-align: left; }
.cat p, .cat form{ text-align: center !important;}
div.becadminmenu { background-color: #2b68b1; width: 125px; height: 25px; margin-top: 0px; color: #fff; padding-top: 8px;}
table.becadminmenu { width: 600px; margin: auto; } 
a.teacherlogout  {border: 10px solid #62b32e;color: #2b68b1 !important; padding: 17px;}
p.mcerror {margin:50px auto; width: 800px; font-size: 16px;font-weight: bold; font-family: verdana, arial, helvetica, sans-serif;text-align: center; color:orange; }
.cmove td {padding:7px;}

span.red {color:red;}
span.green {color:green;}
option.liteblue {background-color:#e3edf7;}
option.white {background-color:#fff;}

#pwd-reset-form {width: 650px;}
#password_meter input[type="text"], #password_meter input[type="password"] { display: inline-block; margin:15px 0px 7px 0px; width: 350px; font-size: 18px; line-height: 0;}
#password_meter .meter { margin: 0px; width: 353px; height: 10px; }
#password_meter .meter.color_0 { background-color: red; }
#password_meter .meter.color_1 { background-color: yellow; }
#password_meter .meter.color_2 { background-color: orange; }
#password_meter .meter.color_3 { background-color: #05e604; }
#password_meter .meter.color_4 { background-color: green; }
#password_meter .feedback { color: #9ab; font-size: 18px; padding: 0 .25em; margin-top: 1em; }
#password-strength-text {font-size: 18px;}            
#green_check {display:none;float:right;width:25px;margin-top:17px;margin-right:60px;}
td.passdiv {padding-top:40px;}
td.passdiv.mentee {padding-top:15px;}
div.passdiv1 { width:96px; margin-left:350px; float:left; margin-top:70px; margin-bottom:120px; }
div.passdiv2 { border: 1px solid gray; border-radius: 5px; padding:7px; width:428px; float:right}
/*show hide button*/ 
::-ms-reveal,::-ms-clear {display: none !important;}
.hideShowPassword-toggle {background: transparent;border: 0;border-radius: 0.25em;color: #888;cursor: pointer;font-size: 0.7em;font-weight: bold;margin-top: -9px;margin-right: 0.5em;padding: 0.25em;text-transform: uppercase;-moz-appearance: none;-webkit-appearance: none;}
.hideShowPassword-toggle:hover, button.hideShowPassword-toggle:focus { background-color: #eee; color: #555; outline: transparent; }
.error { color: red; }
p.block { color: red; font-size:20px; text-align:center; margin:35px}

/*heading used in instructor admin*/
h2.instr {font-family: calibri, serif;font-size: 30px;color: #2D67B2;margin: 5px;font-weight: normal; width:unset}
h2.instr span {background-color:none;}
h2.instr span.black {color:black!important;}

/*mentor profile icons - staff and intr admin*/
.fa {color: #2b68b1; cursor:pointer;}
.normal{color: @black;background-color:transparent; border:0px; text-decoration:underline;}
.mpfrm {display:inline;}

/*for local diags*/
#diag, .diag_data {display:none;}
#show_diag {top:10px; left:10px; position:absolute;}

/*instr contact users*/
.cl {width:500px;background-color:rgb(241, 241, 241);}
.cr {width:200px;background-color:rgb(241, 241, 241);}
.cl.top {width:500px;background-color:#D6DCE4;}
.cr.top {width:200px;background-color:#D6DCE4;}

/*Menu Updates 10-20-2020*/
p {margin:0px}
p.top_instr {font-size:14px; color:#7f7f7f;}
.aml {background-color:#2b68b1; width:120px; float:left; text-align:center; margin:2px; padding:3px 4px;}
.aml.active {background-color:#ff9306;}
.adminmsglinks {border:0px}
div.dt{display: table;border:0px solid red;}
div.dtc{display:table-cell;border:0px solid blue; vertical-align:middle;}
div.dtc img {width:80px;}
div.dtc span {font-family:Calibri; font-weight:bold; color:#2b68b1; font-size: 22px; margin-left:20px; margin-bottom:6px; display:inline-block}
div.dtc.logout {width:100%; vertical-align:bottom;}
div.dtc a {float:right; color:#2b68b1; font-family:Calibri; color:#2b68b1; font-size: 16px; margin-bottom:15px; margin-right:19px; text-decoration:none;}
div.dtc a:hover {text-decoration:underline;}

div.navcont.instr {width:990px;}
div.navcont.instr .aml {width:128px; margin-bottom:0px;}
div.navcont.instr div.dtc.logout {width:77%;} /*was 65*/
div.clb {clear:both}

ul.navlist {line-height: 25px; width: 350px; border:0px}
ul.navlist li.navlist {background-position: 0px 8px;}
a.navigation {font-family:Calibri; font-size:16px; font-weight:normal;}

/*Submit-Buttons, Link-Buttons, Actual-Buttons*/
input[type=submit].submit_button, div.link_button a, div.center.link_button a, button.actual_button, a#savecont.submit_button {width:auto; font-family: var(--ffam); color: var(--white); background-color: var(--orange); font-weight: normal;font-size: 20px;border: 1px solid var(--orange); border-radius: 3px;-webkit-border-radius: 3px; padding: 3px 15px;}
input[type=submit].submit_button:hover, div.link_button a:hover, button.actual_button:hover {background-image: none;outline: 0;-webkit-box-shadow: none;box-shadow: none;background: #fff;border: 1px solid var(--orange-border) !important; color: var(--orange) !important;}
div.center {display:table; margin:auto;}

/*mentor list*/
p.warning {color:red;font-weight:bold;text-align:center!important;}
p.warning span {color:black;}
p.warning.cb {clear:both;}

/*Staff admin login*/
#loginform {width:440px; text-align:center; margin:auto;}

/*Login floating labels*/
#loginform .field {position: relative; width:200px; margin:5px auto;}   
#loginform .field__label {font-family: calibri; box-sizing: border-box;display: block;font-size: .8125em;line-height: 1;opacity: 0;overflow: hidden;padding: .3em 1em;pointer-events: none;position: absolute;text-overflow: ellipsis;top: 0;text-align: left;-webkit-transform: translateY(3px);transform: translateY(3px);-webkit-transition: all .2s ease-out;transition: all .2s ease-out;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;white-space: nowrap; width: 200px;z-index: 1;}
#loginform .field--not-empty .field__label {opacity: 1;-webkit-transform: none;transform: none;}
#loginform .field__input {background-color: #fff;border: 2px solid #e9e9e9; color: #333;font-size: 16px; padding: .3em .7em;-webkit-transition: all .2s ease-out;transition: all .2s ease-out; width: 165px; margin:auto;}
#loginform .field__input:hover, .field__input:focus {box-shadow: inset 0 0 10px 0 rgba(85, 85, 85, 0.1);outline: 0;}
#loginform .field--not-empty .field__input {padding-bottom: 2px;padding-top: 18px;}
#loginform .field--not-empty select.field__input {height:52px; text-indent: 5px;}
#loginform fieldset {border:0px}
#loginform input[type=submit] {margin-top: 15px;margin-bottom: 10px;margin-left: 0;background-color: #2b68b1;width: 150px;font-size: 15px;color: #fff!important;-webkit-border-radius: 5px;border-radius: 5px;cursor: pointer;border: 0;padding: 5px;}
#loginform img {width:135px;}

/*Multi cohort updates*/
.main_form_submit.not_bart {margin-left:10px;}
.statsfootnotes.tee_log {margin:20px auto; width:1500px;}
.not_pa {text-align:center;font-weight:bold;color:red;}
.check_dates {clear:both;}
.check_dates p {font-weight:bold!important;}
.check_dates p span {color:red!important;}

/*Corp report*/
td#msg.c2.ac {color: white!important;}
#openCreateReport {margin-top:15px;}
li label {font-size:12px}
table.report_setup td.c2.ac {color:white;}

/*reply_message*/
td.c2 span.bodytextwhite {color: white!important;} 

/*misc*/
p.no_perm_warning {font-size:20px; font-weight:bold;color:#ff9306;}
.adminmsglinks.paca { width: 1200px; margin: auto; border: 0px;}

/*center align error in admin message*/
.error.ac {margin:auto;}

/*improve center admin nav*/
.navigation_wrapper {margin-left:5px;}