@import 'https://ghc.evaluationkit.com/canvas/css';

/*If you change 

/* Replace the gray background with something that matches your colors.  You can use .pngs with alpha transparency. If you don't use an image, you need to remove ours*/
#header { 
/*  background: url("red.bmp?v1") repeat-x scroll center transparent;
OR */background-image: none; 
  background-color: #003366;
}

/* Hide Single Sign on Links for Now */
.ic-Login__sso {
	display: none;
}



/*replace the canvas logo with your logo*/
/*#header-logo, #header.no-user #header-logo {
  background: url("smallcanvasheaderlogo.PNG?v1") no-repeat scroll 0 0 transparent;
  bottom: 0px;
  height: 60px;
  left: 15px;
  width: 191px;
}*/


#login_forgot_password {display:none;} 

/*if you replace the left canvas logo, move a smaller one to the right side of the header--I made the image gray first*/
#header-logo-secondary {
  background: url("canvas_trans.png?v1") no-repeat scroll 0 0 transparent;
  bottom: 1px;
  height: 45px;
  position: absolute;
  right: 26px;
  width: 191px;
  display: block;
} 

/*if your logo is bigger, you can make room like this*/
#menu { margin-left; 200px; }

/*change the identity bar (the area that says "Hilary Scharton Inbox Settings Logout Help)*/
#identity {
  background-image: none;
  background-color: #336699;
}

/*change the color of the identity text*/
#identity a { color: #ffffff; }
/*change the color of the circle around the number of unread inbox messages*/
#identity .inbox a .unread-messages-count { background-color: #F2F0DD; }
#identity #identity-help-container a { color: white; }

/*change the color of the menu items (courses & groups etc.). If the text looks fuzzy, remove the text shadow.*/
.menu-item .menu-item-title, .menu-item .menu-item-no-drop {
  color: #FAFBF4;
  text-shadow: none;
}


/*login box from login css*/



/*this will remove the extra canvas logo */

body.modal #modal-box.login-box h1 { 
 /*background-color: none;*/
 background: none;
 height: 185px;
} 

/*login background image, if you are not using a background color*/
body.modal #modal-box.login-box {
  background: url("login.jpg") no-repeat;
  height: 360px;
  color: white !important; 
 }


/*the following will kill off the login-box h1 entirely, so that above should be commented out if this is used  */
/*#modal-box h1 {display: none; } */


/*resize the login box to fit my image and change the color of 'stay signed in'*/
body.modal #modal-box.login-box { 
  /*height: 435px;*/
  height: 350px;
  width: 610px;
  color: #ffffff;
}


/*change the color of the login button*/
body.modal #modal-box .button, body.modal #login-box .button {
  background-color: #336699 !important;
  background-image: none;
  border-color: #668F78;
}

/*change the color of 'don't know your password'*/
body.modal #modal-box.login-box a { color: #ffffff !important; }

/*from css Formatting of login instructions below Footer*/
.loginNote {
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  color: #5c5c5c;
  font-size: 12px;
  border: 2px solid #18296b;
  padding:15px;
  background-color:#fff;
  width:500px;  
  }