/* 
///
///// Canvas Custom CSS
///////////////////////// 
/// The CSS below can be use in branding your Canvas application.
/// You can opt-in to editing these styles by removing the conmment code. 
/// Please use HTTPS for any URL located in the CSS file to avoid viewing 
/// browser security warnings. 
/// Explanations for what each piece does can be found below.
*/

/* 
/// 
///// Login Box
/////////////////////////
/// These style let you tweak the login box shown when logging into Canvas
*/

/*Sets the body attributes*/
body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
}

/*Positions the logo and login fields*/
.ic-Login__innerContent {
    margin-top: -30px;
	padding-top: 0px;
}

/*Spaces the ID and Password fields*/
#login_form {
	margin-top: 40px;
}

.ic-Form-control{
	margin-bottom: 40px;
}

.ic-Form-control--login .ic-Label{
	color: #ffc61d !important;
	font-size: 1.5rem;
}

/*sets the slideshow videodiv as the background for screen sizes over 1024 pixels*/
div.bg-video{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; 
  overflow: hidden;
}
#video-background{
  position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

}

/*Sets the login screen as a still image for screen sizes below 1024 */

div.bg-img{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; 
  overflow: hidden;
}
#img-background{
  position: absolute;
   width: 100%;
   height: 100%;
   background-repeat:no-repeat;

}

select.ic-Input:focus, textarea.ic-Input:focus, input[type="text"].ic-Input:focus, input[type="password"].ic-Input:focus, input[type="datetime"].ic-Input:focus, input[type="datetime-local"].ic-Input:focus, input[type="date"].ic-Input:focus, input[type="month"].ic-Input:focus, input[type="time"].ic-Input:focus, input[type="week"].ic-Input:focus, input[type="number"].ic-Input:focus, input[type="email"].ic-Input:focus, input[type="url"].ic-Input:focus, input[type="search"].ic-Input:focus, input[type="tel"].ic-Input:focus, input[type="color"].ic-Input:focus, .uneditable-input.ic-Input:focus{
	border-color: #666666;
    outline-color: #666666;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
	background-color: #fff;
}

/*Sets the Forgot password link to Gold*/
.ic-Login__link {
	color: #ffc61d !important;
}


/***************************************************************************	MOBILE CSS *************************************************************************/
/* Adjusts Login Screen position for all screen sizes*/


/*iOs Safari Mobile*/
/*body.webkit.safari.touch.ic-Login-Body {
	background: #000;
	background-image: url('https://filedn.com/lpg0mQKKmHdjDsbGcWhEcsy/Canvas%20Master%20Code%20Sheets%20-%20Testing/Parent/Mobile-Logo-Login.png') !important;
}*/
/*iOs Safari Desktop (MAC)*/
/*body.webkit.safari.no-touch.ic-Login-Body {
	background: #fff;
	background-image: #inherit !important;
}*/
	
body.no-headers #main, body.embedded #main {
    margin: 0;
    border: 0 none;
    background-image: #fff;
    box-shadow: none;
}

/* Sets the background color, heighth, and width Login Box*/
.ic-Login__content { 
  background: none; 
  margin-top: 100px;
  height: 550px;
  width: 600px;
  box-shadow: none;
}

/*
/////This will move the location of the Login Box
*/

body.ic-Login-Body{
background-color: #000;
}

div.ic-Login__body {
	margin-top: -30px;
	width: 315px;
	margin-left: 115px; 
}

div.ic-Login__header {
	margin-top: -30px;
	width: 315px;
	margin-left: 115px; 
}

/* 
///// Sizes and places the logo on the Login Page. This section needed additional code to work in Firefox.
*/
 .ic-Login-header__logo img {
	 max-width: 350%;
 }

 .ic-Login-header__logo {
    flex: 0 0 160px;
    min-width: 1px;
    margin-right: 50%;
}

.ic-Login__container {
    margin-top: 24px;
    margin-right: 15%;
}



/*Google Chrome*/
.ic-Login__header .ic-Login__header__logo {
	min-width: 100%;
	margin-top: -12px;
	margin-left: 0px;
	
}
/*Mozilla Firefox*/
@-moz-document url-prefix() { 
.ic-Login__header .ic-Login__header__logo {
	max-width: 100%;
	margin-top: -12px;
	margin-left: 0px;	
}
 }
/*Removes Stay Signed In, Canvas Links, and Instructure Text*/
#pseudonym_session_remember_me {
	display:none;
}
/*Removes the check box for Stay Signed In*/
label[for="pseudonym_session_remember_me"] {
	display:none;
}
/*Removes the Canvas Links within the footer*/
.ic-Login-footer .ic-Login-footer__links {
	display: none;
}
/*Removes the Canvas logo within the footer*/
.ic-Login-footer .ic-Login-footer__logo-link {
	display: none;
}

/*
/////Adjusts the placement of the Login Button on the Login Page
*/
/*Widens the bottom div to allow for all buttons to be on one line*/
.ic-Login__actions {
	margin-left: -150px;
	width:625px;
}
 /*Positions the Log In button within the div*/
button.Button--login {
	margin-left: -283px;
	width: 125px;
}

/*Positions the Forgot Password link in the bottom div*/
#login_forgot_password {
	margin-left:150px;
}

.ic-Login__actions--left .ic-Login__link .login_link {
	width: 200px;
}

/*Positions the Back to Login option in the Forgot Password screen*/
.ic-Login__link {
	margin-left: 150px;
	max-width: 117px;
}


/* This sets the right div wrapper on the Course Dashboard*/

.with-right-side #right-side-wrapper {
    background-image: url(https://hilary.instructure.com/images/blue/bg.jpg?1358195888);
    max-height: 100%;
}


/*
/////This sets the background of the body for specific browsers
*/



/*
/////This sets the branding for the Mobile Site (Browser only:No App)
*/

@media only screen and (max-width: 600px) {
/*update the background URL*/
.mobileLogin-Header{
  background: url("https://filedn.com/lpg0mQKKmHdjDsbGcWhEcsy/Canvas%20Master%20Code%20Sheets%20-%20Testing/Parent/Mobile-Logo.png");
  background-repeat:no-repeat;
  background-size: 300px;
  background-position:center;
}

.mobileLogin {
background: url(https://filedn.com/lpg0mQKKmHdjDsbGcWhEcsy/Canvas%20Master%20Code%20Sheets%20-%20Testing/Parent/MobileLogin.png);
background-size:cover;
background-repeat:no-repeat;
background-position: 65%;	
}
}


button.Button--primary.Button--block{
background: transparent;
    color: #fff;
    border-color: #fff;
    text-shadow: 0 -1px 0 #000;
}

	
.flip-to-back, .flip-to-front {
	color:#ffc61d;
}

/*update the image URL*/
/*.face{
  background: #3d6aa2;
/*resize the border or shadow of the login page*/
  /*border: 2px solid #000;
  border-radius: 0.3em;
  box-shadow: 0px 4px 10px #000;
  margin-top: 95px;
}

/*resize the border or font weight of the login fields*/
/*input.input-block-level{
  background: #f3f3f3;
  border-radius: 5px;
  border: 1px solid #000;
  font-weight: normal; 
}

/*resize the border or font weight of the login fields*/
/*a.btn-inverse {
  border-radius: 5px;
  border: 1px solid #000;
  font-weight: normal;
}

/*Adjusts the width, height, and padding of the login fields*/

/*input[name="pseudonym_session[unique_id]"] {
	width:100%;
	height: 38px;
	box-sizing:border-box;
	padding: 8px 12px;
}

/*Adjusts the width, height, and padding of the login field in the Forgot Password section*/
/*input#pseudonym_session_unique_id_forgot.ic-Input {
	width:100%;
	height: 38px;
	box-sizing:border-box;
	padding: 8px 12px;
}

/*Set background for Back to Login*/
/*a.flip-to-front {
	background: #3d6aa2;
}

/*Sets Forgot Password background color*/
/*a.forgot-password {
	background: #3d6aa2;
}

/*adjust the border, color, or shadow of the login button*/
/*button[type=submit]{
  border: none;
  color: #fff;
  text-shadow: 0 -1px 0 #36629b;
}
.flip-to-back, .flip-to-front{
  text-shadow: 0 1px 0 #fff;
  border: none;
  border-radius: 6px;
  background: #dddddd; /* Old browsers */
  /*background: -moz-linear-gradient(top,  #dddddd 0%, #f3f3f3 50%); /* FF3.6+ */
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(50%,#f3f3f3)); /* Chrome,Safari4+ */
  /*background: -webkit-linear-gradient(top,  #dddddd 0%,#f3f3f3 50%); /* Chrome10+,Safari5.1+ */
  /*background: -o-linear-gradient(top,  #dddddd 0%,#f3f3f3 50%); /* Opera 11.10+ */
  /*background: -ms-linear-gradient(top,  #dddddd 0%,#f3f3f3 50%); /* IE10+ */
  /*background: linear-gradient(to bottom,  #dddddd 0%,#f3f3f3 50%); /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
  /*color: #fff;
}

}
/*Makes Submit Quiz button blue*/

/*#submit_quiz_button {
  min-width: 120px;
  background: #0099e0;
  /* font-weight: bold; */
  /*font-size: 16px;
}*/


/*Makes Insert Link button blue*/

.insert_button{
  background: #0099e0;
}

/*Makes Upload Button blue*/
button[type=submit] {
  background: #0099e0;
  color: #fff;
  text-shadow: 0 -1px 0 #36629b;
}

/* Removes the Canvas Registration Banner from the Login Page*/
.register_banner {
	display: none;
}

/* Adjusts Banner size for Public Courses*/
#header.no-user {
  background-position: 0 -25px;
  min-height: 70px;
}

/* Removes External Link Icon on links*/
a.external .ui-icon-extlink {
  display: none;
  padding: 0;
  vertical-align: middle;
}

/*Sets Assignment Preview height to auto*/
.description {
	height: auto;
}

/*Sets div padding to 10px*/
.divpad {
padding:10px;
}

/*Sets "Fake" button background to blue*/
#bluebtn {
	background: #0099e0;
}


/*Sets Note Div Boxs*/
.notebox {
background-color: #f9f9f9; 
padding: 10px 15px;
border-style: solid;
border-width: thin; 
border-color: #666;
box-shadow: 2px 2px 2px #666;
}

/*Sets font style for bottom Nav Buttons*/
.navbuttonstyle {
	color: #fff; 
	text-decoration: none;
}

/*Hides the Forgot Password Link on the Login Page*/
#login_forgot_password {
	display:inline;
}
/*Adjusts the Font Size on the Course Title*/
#section-tabs-header-subtitle.ellipsis {
	font-size: 1em;
	font-weight: bold;
}
/*Hides the Canvas app banner on the Login Page*/
div.popover-links-holder.event-details-footer {
	display:none;
}
/*Hides the Stay Signed In on the Login Page*/
div.login-options {
	display:none;
}

/*
////////This section styles the Resource link in the Left Hand Pane
*/

/*Positions the container of the text and icon for the PANEL link*/
#custom_nav .menu-item-icon-container {
    position: relative;
    left: -4px;
}

/*Positions Text for panel link*/
#custom_nav .menu-item__text {
    margin-top: 12px;
}

/*Positions the container of the text and icon for the MODAL link*/
/*Positions Text for Modal link*/
#global_nav_Resources .menu-item-icon-container {
    position: relative;
    left: -4px;
}

/*Positions Text for MODAL link*/
#global_nav_Resources .menu-item__text {
    margin-top: 12px;
	
}

/*Positions the container of the text and icon for the MODAL link*/
/*Positions Text for Modal link*/
#global_nav_Grades .menu-item-icon-container {
    position: relative;
    left: -4px;
}

/*Positions Text for MODAL link*/
#global_nav_Grades .menu-item__text {
    margin-top: 12px;
	margin-left: -3px;
}

/*FOLDER ICON*/
/*This keeps the icon white while hovering with the mouse*/
.icon-note-light::before, .icon-note-light:hover {
  color: #fff;
}

/*Sizes the Icon*/
.icon-note-light[class*=icon-]:before, .icon-note-light[class^=icon-]:before {
  font-size: 2rem;
  
}

/*Positions the Icon Tray*/
.icon-note-light {
  position: relative;
  align-content: center;
  left: -8px;
  
}

/*GRADEBOOK ICON*/
/*Positions the text and icon*/

/*Positions the Icon Tray*/
.icon-gradebook {
  position: relative;
  margin-top: 2px;
}
/*This keeps the icon white while hovering with the mouse*/
.icon-gradebook[class*=icon-]:before, .gradebook[class^=icon-]:hover {
  color: #fff;
}

/*Sizes the Icon*/
.icon-gradebook[class*=icon-]:before, .icon-gradebook[class^=icon-]:before {
  font-size: 30px;
}


/*Adjusts the Help Icon for IE 10 and 11*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.ic-app-header__menu-list-link .ic-icon-svg {
	height: 30px;
}
.ic-app-header__secondary-navigation {
	margin-bottom: 0px;
}

}

@media only screen and (max-width: 1440px) {
    body.primary-nav-expanded .ic-app-header {
	width: 95px;
}

.ic-Login__content {
	margin-top: 0px;
}

}


/*COURSE TOOLBOX TRAY*/

/* Styles the Course Toolbox Tray within the main navigation*/

#global_nav_toolbox_svg {
	
height: 33px;	
}

.global-nav-custom-tray {
	width: 448px !important;
    top: 0px;
    bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 7px 0px, rgba(0, 0, 0, 0.25) 0px 10px 28px 0px;
    background-color: rgb(255, 255, 255)!important;
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    z-index: 9999;
    max-width: 100vw;
    max-height: 100vh;
}
.gnct-easing {
    left: -200px;
    opacity: .8;
}

/* #main > span > span > span (Global navigation tray) */
.Global-navigation-tray {
	max-width: 480px;
}

/* #main > span > span > span > span */
.gcnt-tray-close-wrapper {
	right: 8px;
    position: absolute;
	left: auto;
	top: 8px;
	z-index: 1;
	display: inline-block;
}

/* #main > span > span > span > span > button */
.gcnt-tray-close-btn {
    font-size: 1rem;
    height: 28px;
    all: initial;
    animation: initial;
    background: initial;
    border-collapse: separate;
    border-color: initial;
    border-image: initial;
    border-spacing: initial;
    bottom: auto;
    box-shadow: none;
    box-sizing: border-box;
    caption-side: top;
    clear: none;
    clip: auto;
    color: rgb(0, 0, 0);
    column-count: auto;
    column-fill: balance;
    column-gap: normal;
    column-rule: initial;
    column-width: auto;
    content: normal;
    counter-increment: none;
    counter-reset: none;
    cursor: pointer;
    direction: inherit;
    display: inline-block;
    empty-cells: show;
    float: none;
    font-size: medium;
    font-stretch: normal;
    font-style: normal;
    font-variant: initial;
    font-weight: 400;
    height: auto;
    hyphens: none;
    left: auto;
    letter-spacing: normal;
    line-height: normal;
    list-style: initial;
    margin: 0px;
    max-height: none;
    max-width: 100%;
    min-height: 0px;
    min-width: 0px;
    opacity: 1;
    orphans: 2;
    overflow: visible;
    padding: initial;
    page-break-after: initial;
    page-break-before: initial;
    page-break-inside: initial;
    perspective-origin: 50% 50%;
    perspective: none;
    position: relative;
    right: auto;
    tab-size: 8;
    table-layout: auto;
    text-align-last: auto;
    text-align: center;
    text-decoration: none;
    text-indent: 0px;
    text-shadow: none;
    text-transform: none;
    top: auto;
    touch-action: manipulation;
    transform-origin: 50% 50% 0px;
    transform-style: flat;
    transform: none;
    transition: background 0.2s ease 0s, transform 0.2s ease 0s;
    unicode-bidi: normal;
    user-select: none;
    vertical-align: middle;
    visibility: visible;
    white-space: normal;
    widows: 2;
    width: auto;
    word-spacing: normal;
    z-index: auto;
  	backface-visibility: visible;
}
.gcnt-tray-close-btn[type="button"] {
    -webkit-appearance: none;
}
.gcnt-tray-close-btn:focus, .gcnt-tray-close-btn:hover, .gcnt-tray-close-btn:active {
    color: rgb(0, 142, 226);
    outline: rgb(0, 142, 226);
}
.gcnt-tray-close-btn:focus, .gcnt-tray-close-btn:hover, .gcnt-tray-close-btn:active {
    text-decoration: none;
}

/* #main > span > span > span > span > button > span */
.gcnt-tray-close-btn .gcnt-tray-close-svg-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    display: block;
}

/* #main > span > span > span > span > button > span > span */
.gcnt-tray-close-txt {
    width: 1px;
    height: 1px;
    position: absolute;
    clip: rect(0px, 0px, 0px, 0px);
    margin: -1px;
    padding: 0px;
    overflow: hidden;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
}

/* #main > span > span > span > div */
.tray-with-space-for-global-nav {
	margin-left: 54px;
}

image#image0:active {
	color: rgb(0, 142, 226);
}

/* #help_tray */
.gnct-content-wrap {
    box-sizing: border-box;
    padding: 1.5rem;
}

/* #help_tray > h1 */
.gcnt-tray-h1 {
	color: inherit;
	font-size: 22px;
	font-weight: 400;
	line-height: 24.75px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	margin: 0px;
}

/* #help_tray > ul */
.gcnt-list {
	list-style-type: none;
	-webkit-padding-start: 0px;
    padding-left: 0px;
    margin:0.75rem 0;
	font-weight: 16px;
	font-family: 400;
	padding: 0px;
}

/* #help_tray > ul > li */
.gcnt-list-item {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 16px;
	font-weight: 400;
	line-height: 22.4px;
	padding: 0px;
}

/* #help_tray > ul > li:nth-child(1) > span */
/*.gcnt-list-link-wrapper {}*/
/* #help_tray > ul > li:nth-child(1) > span > a */
.gcnt-list-link-wrapper a.gcnt-list-link:link, .gcnt-list-link-wrapper a.gcnt-list-link:visited, .gcnt-list-link-wrapper button.gcnt-list-link {
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	color: rgb(0, 142, 226);
	transition: color 0.2s;
}

/* #help_tray > ul > li:nth-child(1) > div (link desc) */
.gcnt-link-desc {
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 300;
}


 /*This widens the main navigation menu to prevent clipping on higher resolutions*/
body.primary-nav-expanded .ic-app-header {
    width: 92px;
    overflow-y: auto;
    -ms-overflow-style: none;
}

@media screen and (min-width: 992px) {
/*Hides the course filter menu within the Admin page*/
label[for=searchByFilter] {
	display:none;
}

/*Widens the term search dropdown so that it does not have scroll bars*/
label[for=termFilter] {
	width: 153%;
}
}
/*Extends the div pane within the Find Questions model to 100%*/
table.side_tabs_table div.side_tabs_content{
	max-height: 100%;
    overflow: auto;
}


.pay-icon{
width:80%;
}

.external_link_icon{
  display:none;
}


#batch_check{
  display: none !important;
}

#stickiness_options{
  display:none !important;
}

/* SIS Import page only */
#sis_import_form #batch_mode,
#sis_import_form label[for="batch_mode"],
#sis_import_form #override_sis_stickiness,
#sis_import_form label[for="override_sis_stickiness"] {
  display: none !important;
}


/* Hide the Canvas Register link on the login page */
.ic-Login-header__links {
  display: none !important;
}

.ic-Login__container {
    margin-top: 24px;
    margin-right: 18%;
}