.revisions { min-width: 600px; }

.revisions ul.list      { margin: 0; padding: 0; }
.revisions ul.list > li { margin: 0; padding: 0; list-style-type: none; }

.revisions > ul.tabs    { margin-bottom: 30px; }
.revisions > ul.tabs li { margin-bottom: 10px; }

.card {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	font-size: 12px;    
}

.cards-row             { display: flex; justify-content: space-between; }
.assignments-completed { margin: 0; width: calc(100% - 400px - 15px); }
.my-results            { margin: 0; width: 400px; }

@media screen and (max-width: 1200px) {
    .cards-row             { flex-direction: column; }
    .assignments-completed { width: auto; }
    .my-results            { width: auto; margin-top: 15px; }
}

.assignments-completed .card__header { border-bottom: 1px solid #eee; }
.assignments-completed .card__body   { padding: 0 30px; }


.assignments-completed ul.list li             { position: relative; padding: 15px 0; border-bottom: 1px solid #e5e5e5; }
.assignments-completed ul.list li:last-child  { border: none; }
.assignments-completed ul.list img            { float: left; width: 70px; height: 70px; margin-top: 5px; }
.assignments-completed ul.list .inner-text    { margin: 0 190px 0 90px; }
.assignments-completed ul.list .extra         { font-size: 12px; font-weight: 600; color: #228dcf; line-height: 18px; text-transform: uppercase; }
.assignments-completed ul.list .extra > span  { display: inline-block; padding-right: 25px; white-space: nowrap; }
.assignments-completed ul.list .sub-title     { font-size: 12px; font-weight: 600; }
.assignments-completed ul.list .revisions-review           { position: absolute; right: 0; bottom: 20px; font-size: 0; }
.assignments-completed ul.list .revisions-review .display-grade { margin: 0 0 10px 34px; text-align: center; }
.assignments-completed ul.list .revisions-review .printing { display: inline-block; vertical-align: middle; font-size: 18px; line-height: 34px; width: 34px; text-align: center; }
.assignments-completed ul.list .revisions-review .button   { display: inline-block; vertical-align: middle; }
.assignments-completed ul.list .revisions-review .button   { font-size: 14px; padding: 0 20px; width: auto; }

.my-results .card__header         { border-bottom: 1px solid #eee; }
.my-results .card__header .button { position: absolute; top: 50%; margin-top: -16px; right: 30px; }
.my-results .card__body           { padding: 0 30px; }

.my-results .card__body ul.tabs   { margin-top: 20px; margin-bottom: 20px; }

.my-results ul.list li             { position: relative; padding: 12px 0; }
.my-results ul.list img            { float: left; width: 50px; height: 50px; margin-top: 5px; }
.my-results ul.list .inner-text    { margin: 0 65px 0 70px; }
.my-results ul.list .inner-text h3 { overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.my-results ul.list .sub-title     { font-size: 12px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: block; text-align: left; }
.my-results ul.list .revisions-review { position: absolute; right: 0; top: 8px; }

.cards-row ul.list li.hide        { display: none; }

.cards-row .subheader              { padding: 30px 30px 0; }
.cards-row .subheader .quicksearch { height: 36px; }
.cards-row  .input-frame                { position: relative; }
.cards-row  .input-frame > .input       { border: none; border-bottom: 1px solid #b2b2b2; padding: 3px; font-size: 14px; line-height: 30px; width: 100%; }
.cards-row  .input-frame > .input:focus { border-color: #228dcf; }
.cards-row  .input-frame > .icon        { display: block; position: absolute; top: 0; color: #228dcf; font-size: 18px; line-height: 36px; text-align: center; text-decoration: none; }
.cards-row  .input-frame      > .input  { padding-right: 20px; }
.cards-row  .input-frame      > .icon   { width: 20px; right: 0; left: auto; }
.cards-row  .input-frame.wide > .input  { padding-right: 36px; }
.cards-row  .input-frame.wide > .icon   { width: 36px; }
.cards-row  .input-frame.left > .input  { padding-left: 20px; padding-right: 3px; }
.cards-row  .input-frame.left > .icon   { left: 0; right: auto; }
.cards-row .input-frame.left.wide > .input { padding-left: 36px; }
.cards-row .input-frame.left.wide > .icon  { width: 36px; }

.revisions-lesson { display: inline-block; vertical-align: middle; max-width: 100%; }
.revisions-lesson { color: #fff; background-color: #228dcf; }
.revisions-lesson { padding: 0 11px; border-radius: 11px; line-height: 22px; font-size: 12px; }
.revisions-lesson { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }