/*********************************************************************/
/***** BEGIN DESIGNPLUS THEME IMPORT & CUSTOMIZATION  ****************/
/*********************************************************************/
/* Import statements need to be at the top of your CSS file */

/*** Legacy Sidebar ***/
/* For Main CSS file */
@import url(https://designtools.ciditools.com/css/themes.css);
/* For Mobile app CSS file */
/*@import url(https://designtools.ciditools.com/css/app.css);*/
/* Institution color customizations */
@import url(https://designtools.ciditools.com/css/inst_theme_overrides.css);

/*** New Sidebar ***/
/* For Main CSS files */
@import url(https://designplus.ciditools.com/css/content.css);
@import url(https://designplus.ciditools.com/css/editor.css);
/* For Mobile app CSS file */
/*@import url(https://designplus.ciditools.com/css/mobile.css);*/

:root {
    --dt-color-primary: #FFFFFF;
    --dt-color-primary-contrast: #000000;
    --dt-color-primary-dark-text: #121212;
    --dt-color-secondary: #FFFFFF;
    --dt-color-secondary-contrast: #000000;
    --dt-color-secondary-dark-text: #0F0F0F;
    --dt-color-accent: #FFFFFF;
    --dt-color-accent-contrast: #000000;
    --dt-color-accent-dark-text: #080808;
    --dt-color-gray: #CCCCCC;
    --dt-color-gray-contrast: #000000;
    --dt-color-gray-dark-text: #636363;
    --dt-color-white: #FFFFFF;
    --dt-color-white-contrast: #000000;
    --dt-color-white-dark-text: #707070;
}

/*********************************************************************/
/***** END DESIGNPLUS THEME IMPORT & CUSTOMIZATION   *****************/
/*********************************************************************/

/* MZA TOP LEVEL ACCOUNT */


/* This will remove the upper-right links from the login modal 
.ic-Login-header__links .ic-Login__link {
  display:none;
    }*/

/* This will increase the width of the logo in the login modal */
.ic-Login-header__logo {
  flex: 0 0 290px;
  min-width: 2px;
}



/*increase width of global nav */

body.primary-nav-expanded .ic-app-header {
  width: 100px;
}


/*make "need a canvas account, click here it's free" something that is smaller*/
.ic-Login__link .ic-Login__register-banner {
  display: none;
}


.ic-app-header__logomark {
  margin-top: 0px;
  padding-top: 0px;
  height: 84px;
}

/*

.ic-Login {
  display: flex;
  justify-content: center;
}

.ic-Login__body {
  font-weight: bold;
  border-bottom: 2px solid rgba(0, 0, 0, 0.25)
}
*/

/*

.ic-Login__content {
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: 20px;
  /* 30px 
}*/


.ic-Input.text {
  font-weight: bold;
  color: #333333;
  font-size: 150%;

}




@media screen {
  .terms-of-service__link {
    padding-left: 4px;
  }

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

  .ic-Login__content {
    width: 480px;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.85);
    padding: 12px;
    border-radius: 5px;
  }

  .ic-Login__innerContent {
    padding-top: 24px;
    border-radius: 5px;
  }

  .ic-Input.text {
    font-weight: bold;
    color: #333333;
    font-size: 150%;

  }

  .ic-Login__body {
    padding: 18px 18px 12px 18px;
    margin-top: 12px;
    border-bottom: solid;
  }


  .ic-Login-header {
    padding: 0 18px;
    display: flex;
    justify-content: center;
    align-items: center;
  }



  .ic-Login-header__links {
    flex: 1;
    text-align: right;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.3;
    box-sizing: border-box;
    padding-left: 12px;
  }

  .ic-Login-header__links .ic-Login__link {
    display: block;
    margin-top: 6px;
  }



  /*
  body.ic-Login-Body #footer.ic-Login-footer {
    display: block !important;
  }


  footer.ic-Login-footer {
    padding-bottom: 50px;
  }


  footer-links.ic-Login-footer_links {
    padding: 12px;
    text-align: center;
    font-weight: bold;

  }


  
.ic-Login-footer__links {
  font-weight: bold;
  /*color: #999;
}*/

  /*

.ic-app-footer {
  background-color: #1c5e90;
  margin: auto;
   0px 
  padding-left: 10px;
 24px 
  padding-right: 10px;

}*/


  /*
.ic-Login__link.ic-Login__register-banner {
  font-size: 70%;
  color: #999;
}
*/

  /*

footer.ic-Login-footer {
  background-image: url("https://dl.dropboxusercontent.com/u/206304/collegeEd.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 200px 100px;
  padding-bottom: 100px;
}



  .ic-Login-footer .ic-Login-footer__logo-link {
    display: block;
    text-align: center
  }

  .ic-Login-footer .ic-Login-footer__links {
    padding: 12px;
    text-align: center
  }

  */

  .ic-Login-footer .ic-Login-footer__links a,
  .ic-Login-footer .ic-Login-footer__links .menu-item__text,
  .ic-Login-footer .ic-Login-footer__links .external {
    outline-width: .125rem;
    outline-color: transparent;
    outline-style: solid;
    /*color: var(--ic-brand-Login-footer-link-color);*/
    font-size: 11px;
    font-size: 0.6875rem;
    padding: 5 6px;
    /*0 6px*/
    white-space: nowrap;
    text-decoration: underline
  }



  /* this will remove Instructure Facebook link from the footer on login page */
  #footer-links a[href$="facebook.com/instructure"],
  [href$="twitter.com/instructure"] {
    display: none;
  }