.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;html
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
          font-size: 3.5rem;
  }
}

.fontsize {
	font-size: 1.5rem;
}

.maxwidth50 {
	max-width: 50%;
}

.maxwidth {
	max-width: 80%;
}

.gradesize {
  font-family: Arial Rounded MT Bold, Helvetica Rounded, Arial, sans-serif;
  font-size: 48px;
}

.vertical-align {
        vertical-align: bottom;
}

.display-inline {
  float: left;
  width: 50%;
}

.display-italic {
    font-style: italic;
}

.margin-auto {
	margin-right:auto; 
	margin-left:auto;
}

.text-center {
	text-align:center;
}

.text-left {
        text-align:left;
}

.nav-pad {
	padding:.8rem 1rem;
}

.nav-pos {
	position:relative;
}

.nav-pos2 {
	position:relative;
	right:10px;
}

.footer-pad {
	padding-top:50px;
}

.footer-top {
	margin-top: 0rem;
}

.userpage-pad{
	text-align:center; 
	padding-top: 3rem!important;
}

# login page
.login-page{
        color: #fff;
        background: #63738a;
        font-family: 'Roboto', sans-serif;
}

.form-control{
	height: 40px;
        box-shadow: none;
        color: #969fa4;
}

.form-control:focus{
        border-color: #5cb85c;
}

.form-control, .btn{
	border-radius: 3px;
}

.signup-form{
                width: 400px;
                margin: 0 auto;
                padding: 30px 0;
}

.signup-form h2{
                color: #636363;
                margin: 0 0 15px;
                position: relative;
                text-align: center;
}

.signup-form h2:before, .signup-form h2:after{
                content: "";
                height: 2px;
                width: 30%;
                background: #d4d4d4;
                position: absolute;
                top: 50%;
                z-index: 2;
}

.signup-form h2:before{
                left: 0;
}

.signup-form h2:after{
                right: 0;
}

.signup-form .hint-text{
                color: #999;
                margin-bottom: 30px;
                text-align: center;
}

.signup-form form{
        color: #999;
        border-radius: 3px;
        margin-bottom: 15px;
        background: #f2f3f7;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
        padding: 30px;
}

.signup-form .form-group{
                margin-bottom: 20px;
}

.signup-form input[type="checkbox"]{
                margin-top: 3px;
}

.signup-form .btn{
                font-size: 16px;
                font-weight: bold;
                min-width: 140px;
                outline: none !important;
}

.signup-form .row div:first-child{
                padding-right: 10px;
}

.signup-form .row div:last-child{
                padding-left: 10px;
}

.signup-form a{
                color: #fff;
                text-decoration: underline;
}

.signup-form a:hover{
                text-decoration: none;
}

.signup-form form a{
                color: #5cb85c;
                text-decoration: none;
}

.signup-form form a:hover{
                text-decoration: underline;
}

# reportcard css

#bootstrap-overrides table {
	width: 100%;
}

td {
  border: 1px solid black;
  dddborder-collapse: collapse;
  padding: 0.75rem;
  text-align: center !important;
}

th {
  border: 1px solid black;
  dddborder-collapse: collapse;
  padding: 0.75rem;
  text-align: center !important;
  background-color: #dee2e6;
  color: black;
}

.lightblue {
  background-color:#4677D8;
}

.darkblue {
  background-color:#224B9F;
}

.text-red {
  color:red;
}

.text-green {
  color:green;
}

.text-yellow {
  color:orange;
}

.display-left {
    float: left;
    width: 30%;
}

.display-right {
   float: right;
   width: 70%;
   text-align: right;
}

hr.solid {
  border-top: 3px solid #bbb;
}

.canvas-width {
	width:100%;
	max-width:600px;
}

.hide-content {
	display: none;
}

.progress-height {
	height:30px;
	margin-bottom: 2rem;
}

# plus css

a.a {
  word-wrap: normal;
}

a.b {
  word-wrap: break-word;
}

.pad-bottom {
        padding-bottom: 5%;
}

.gray-img {
        filter: grayscale(100%);
}

.embed-bottom {
	margin-bottom: 1rem;
}