/** Responsive Web Design styles will goes here
    Source Path: app-rwd/*
    Example: @import "app-rwd/components/filename";
  */
/* === COLORS === */
/*colors for the performance scale indicator and metrics table*/
/*colors for the performance score and completion circle*/
/*colors for the gru-century-skills*/
/* === DIMENSIONS === */
/*student-performance-box*/
/* Goals*/
/* Student-landing*/
/* Teacher-landing*/
/* New cards*/
/** Custom color */
/* Custom Color couse map */
/*mobile and tablets responsive width*/
/* Flexbox Mixins */
html {
  font-size: 16px; }

body {
  font-size: 13px;
  color: #666;
  -webkit-font-smoothing: antialiased; }

h1 {
  font-size: 56px;
  -webkit-font-smoothing: antialiased; }

h2 {
  font-size: 20px;
  -webkit-font-smoothing: antialiased; }

h3 {
  font-size: 34px;
  -webkit-font-smoothing: antialiased; }

a,
button.btn-link {
  cursor: pointer; }
  a:hover, a:visited,
  button.btn-link:hover,
  button.btn-link:visited {
    text-decoration: none; }

.remove-focus *[tabindex]:focus {
  outline: none;
  text-decoration: none; }

.remove-focus input:focus {
  outline: none;
  border: none; }

.btn-unfollow {
  background-color: #535e67; }
  .btn-unfollow :hover {
    background-color: #535e67;
    opacity: 0.5; }

.btn {
  font-size: 12px; }

.btn-success {
  background-color: #1c6aef; }

.btn-success:hover {
  background-color: #0050a2; }

.btn-success:focus {
  background-color: #00427c;
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 0px 0px 2px #1c6aef, 0px 0px 0px 4px #bad7ff; }

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  color: #999; }

button.btn-link {
  padding: 0; }

textarea {
  outline: none;
  resize: none; }

.validation span.error,
span.validation.error {
  color: #f46360;
  display: inline-block;
  font-size: 12px;
  margin-top: 4px; }

.changeDir {
  direction: rtl; }

.dropMenuLabelWidth {
  width: auto; }

.dropMenuWidth {
  width: auto; }

.changeDirDefault {
  direction: ltr; }

.validation span.warning,
span.validation.warning {
  color: #de7a1d; }

/* includes of mixins*/
.pa-xs-0 {
  padding: 0px 0px 0px 0px; }

.pa-xs-top-0 {
  padding-top: 0px; }

.pa-xs-bottom-0 {
  padding-bottom: 0px; }

.pa-xs-left-0 {
  padding-left: 0px; }

.pa-xs-right-0 {
  padding-right: 0px; }

.pa-xs-1 {
  padding: 2px 2px 2px 2px; }

.pa-xs-top-1 {
  padding-top: 2px; }

.pa-xs-bottom-1 {
  padding-bottom: 2px; }

.pa-xs-left-1 {
  padding-left: 2px; }

.pa-xs-right-1 {
  padding-right: 2px; }

.pa-xs-2 {
  padding: 4px 4px 4px 4px; }

.pa-xs-top-2 {
  padding-top: 4px; }

.pa-xs-bottom-2 {
  padding-bottom: 4px; }

.pa-xs-left-2 {
  padding-left: 4px; }

.pa-xs-right-2 {
  padding-right: 4px; }

.pa-xs-3 {
  padding: 6px 6px 6px 6px; }

.pa-xs-top-3 {
  padding-top: 6px; }

.pa-xs-bottom-3 {
  padding-bottom: 6px; }

.pa-xs-left-3 {
  padding-left: 6px; }

.pa-xs-right-3 {
  padding-right: 6px; }

.pa-xs-4 {
  padding: 8px 8px 8px 8px; }

.pa-xs-top-4 {
  padding-top: 8px; }

.pa-xs-bottom-4 {
  padding-bottom: 8px; }

.pa-xs-left-4 {
  padding-left: 8px; }

.pa-xs-right-4 {
  padding-right: 8px; }

.pa-xs-5 {
  padding: 10px 10px 10px 10px; }

.pa-xs-top-5 {
  padding-top: 10px; }

.pa-xs-bottom-5 {
  padding-bottom: 10px; }

.pa-xs-left-5 {
  padding-left: 10px; }

.pa-xs-right-5 {
  padding-right: 10px; }

.pa-xs-6 {
  padding: 12px 12px 12px 12px; }

.pa-xs-top-6 {
  padding-top: 12px; }

.pa-xs-bottom-6 {
  padding-bottom: 12px; }

.pa-xs-left-6 {
  padding-left: 12px; }

.pa-xs-right-6 {
  padding-right: 12px; }

.pa-xs-7 {
  padding: 14px 14px 14px 14px; }

.pa-xs-top-7 {
  padding-top: 14px; }

.pa-xs-bottom-7 {
  padding-bottom: 14px; }

.pa-xs-left-7 {
  padding-left: 14px; }

.pa-xs-right-7 {
  padding-right: 14px; }

.pa-xs-8 {
  padding: 16px 16px 16px 16px; }

.pa-xs-top-8 {
  padding-top: 16px; }

.pa-xs-bottom-8 {
  padding-bottom: 16px; }

.pa-xs-left-8 {
  padding-left: 16px; }

.pa-xs-right-8 {
  padding-right: 16px; }

.pa-xs-9 {
  padding: 18px 18px 18px 18px; }

.pa-xs-top-9 {
  padding-top: 18px; }

.pa-xs-bottom-9 {
  padding-bottom: 18px; }

.pa-xs-left-9 {
  padding-left: 18px; }

.pa-xs-right-9 {
  padding-right: 18px; }

.pa-xs-10 {
  padding: 20px 20px 20px 20px; }

.pa-xs-top-10 {
  padding-top: 20px; }

.pa-xs-bottom-10 {
  padding-bottom: 20px; }

.pa-xs-left-10 {
  padding-left: 20px; }

.pa-xs-right-10 {
  padding-right: 20px; }

.pa-xs-11 {
  padding: 22px 22px 22px 22px; }

.pa-xs-top-11 {
  padding-top: 22px; }

.pa-xs-bottom-11 {
  padding-bottom: 22px; }

.pa-xs-left-11 {
  padding-left: 22px; }

.pa-xs-right-11 {
  padding-right: 22px; }

.pa-xs-12 {
  padding: 24px 24px 24px 24px; }

.pa-xs-top-12 {
  padding-top: 24px; }

.pa-xs-bottom-12 {
  padding-bottom: 24px; }

.pa-xs-left-12 {
  padding-left: 24px; }

.pa-xs-right-12 {
  padding-right: 24px; }

.pa-xs-13 {
  padding: 26px 26px 26px 26px; }

.pa-xs-top-13 {
  padding-top: 26px; }

.pa-xs-bottom-13 {
  padding-bottom: 26px; }

.pa-xs-left-13 {
  padding-left: 26px; }

.pa-xs-right-13 {
  padding-right: 26px; }

.pa-xs-14 {
  padding: 28px 28px 28px 28px; }

.pa-xs-top-14 {
  padding-top: 28px; }

.pa-xs-bottom-14 {
  padding-bottom: 28px; }

.pa-xs-left-14 {
  padding-left: 28px; }

.pa-xs-right-14 {
  padding-right: 28px; }

.pa-xs-15 {
  padding: 30px 30px 30px 30px; }

.pa-xs-top-15 {
  padding-top: 30px; }

.pa-xs-bottom-15 {
  padding-bottom: 30px; }

.pa-xs-left-15 {
  padding-left: 30px; }

.pa-xs-right-15 {
  padding-right: 30px; }

.pa-xs-16 {
  padding: 32px 32px 32px 32px; }

.pa-xs-top-16 {
  padding-top: 32px; }

.pa-xs-bottom-16 {
  padding-bottom: 32px; }

.pa-xs-left-16 {
  padding-left: 32px; }

.pa-xs-right-16 {
  padding-right: 32px; }

.pa-xs-17 {
  padding: 34px 34px 34px 34px; }

.pa-xs-top-17 {
  padding-top: 34px; }

.pa-xs-bottom-17 {
  padding-bottom: 34px; }

.pa-xs-left-17 {
  padding-left: 34px; }

.pa-xs-right-17 {
  padding-right: 34px; }

.pa-xs-18 {
  padding: 36px 36px 36px 36px; }

.pa-xs-top-18 {
  padding-top: 36px; }

.pa-xs-bottom-18 {
  padding-bottom: 36px; }

.pa-xs-left-18 {
  padding-left: 36px; }

.pa-xs-right-18 {
  padding-right: 36px; }

.pa-xs-19 {
  padding: 38px 38px 38px 38px; }

.pa-xs-top-19 {
  padding-top: 38px; }

.pa-xs-bottom-19 {
  padding-bottom: 38px; }

.pa-xs-left-19 {
  padding-left: 38px; }

.pa-xs-right-19 {
  padding-right: 38px; }

.pa-xs-20 {
  padding: 40px 40px 40px 40px; }

.pa-xs-top-20 {
  padding-top: 40px; }

.pa-xs-bottom-20 {
  padding-bottom: 40px; }

.pa-xs-left-20 {
  padding-left: 40px; }

.pa-xs-right-20 {
  padding-right: 40px; }

.pa-xs-21 {
  padding: 42px 42px 42px 42px; }

.pa-xs-top-21 {
  padding-top: 42px; }

.pa-xs-bottom-21 {
  padding-bottom: 42px; }

.pa-xs-left-21 {
  padding-left: 42px; }

.pa-xs-right-21 {
  padding-right: 42px; }

.pa-xs-22 {
  padding: 44px 44px 44px 44px; }

.pa-xs-top-22 {
  padding-top: 44px; }

.pa-xs-bottom-22 {
  padding-bottom: 44px; }

.pa-xs-left-22 {
  padding-left: 44px; }

.pa-xs-right-22 {
  padding-right: 44px; }

.pa-xs-23 {
  padding: 46px 46px 46px 46px; }

.pa-xs-top-23 {
  padding-top: 46px; }

.pa-xs-bottom-23 {
  padding-bottom: 46px; }

.pa-xs-left-23 {
  padding-left: 46px; }

.pa-xs-right-23 {
  padding-right: 46px; }

.pa-xs-24 {
  padding: 48px 48px 48px 48px; }

.pa-xs-top-24 {
  padding-top: 48px; }

.pa-xs-bottom-24 {
  padding-bottom: 48px; }

.pa-xs-left-24 {
  padding-left: 48px; }

.pa-xs-right-24 {
  padding-right: 48px; }

.pa-xs-25 {
  padding: 50px 50px 50px 50px; }

.pa-xs-top-25 {
  padding-top: 50px; }

.pa-xs-bottom-25 {
  padding-bottom: 50px; }

.pa-xs-left-25 {
  padding-left: 50px; }

.pa-xs-right-25 {
  padding-right: 50px; }

.pa-xs-26 {
  padding: 52px 52px 52px 52px; }

.pa-xs-top-26 {
  padding-top: 52px; }

.pa-xs-bottom-26 {
  padding-bottom: 52px; }

.pa-xs-left-26 {
  padding-left: 52px; }

.pa-xs-right-26 {
  padding-right: 52px; }

.pa-xs-27 {
  padding: 54px 54px 54px 54px; }

.pa-xs-top-27 {
  padding-top: 54px; }

.pa-xs-bottom-27 {
  padding-bottom: 54px; }

.pa-xs-left-27 {
  padding-left: 54px; }

.pa-xs-right-27 {
  padding-right: 54px; }

.pa-xs-28 {
  padding: 56px 56px 56px 56px; }

.pa-xs-top-28 {
  padding-top: 56px; }

.pa-xs-bottom-28 {
  padding-bottom: 56px; }

.pa-xs-left-28 {
  padding-left: 56px; }

.pa-xs-right-28 {
  padding-right: 56px; }

.pa-xs-29 {
  padding: 58px 58px 58px 58px; }

.pa-xs-top-29 {
  padding-top: 58px; }

.pa-xs-bottom-29 {
  padding-bottom: 58px; }

.pa-xs-left-29 {
  padding-left: 58px; }

.pa-xs-right-29 {
  padding-right: 58px; }

.pa-xs-30 {
  padding: 60px 60px 60px 60px; }

.pa-xs-top-30 {
  padding-top: 60px; }

.pa-xs-bottom-30 {
  padding-bottom: 60px; }

.pa-xs-left-30 {
  padding-left: 60px; }

.pa-xs-right-30 {
  padding-right: 60px; }

.pa-0 {
  padding: 0px; }

.pa-top-0 {
  padding-top: 0px; }

.pa-bottom-0 {
  padding-bottom: 0px; }

.pa-left-0 {
  padding-left: 0px; }

.pa-right-0 {
  padding-right: 0px; }

.pa-1 {
  padding: 2px; }

.pa-top-1 {
  padding-top: 2px; }

.pa-bottom-1 {
  padding-bottom: 2px; }

.pa-left-1 {
  padding-left: 2px; }

.pa-right-1 {
  padding-right: 2px; }

.pa-2 {
  padding: 4px; }

.pa-top-2 {
  padding-top: 4px; }

.pa-bottom-2 {
  padding-bottom: 4px; }

.pa-left-2 {
  padding-left: 4px; }

.pa-right-2 {
  padding-right: 4px; }

.pa-3 {
  padding: 6px; }

.pa-top-3 {
  padding-top: 6px; }

.pa-bottom-3 {
  padding-bottom: 6px; }

.pa-left-3 {
  padding-left: 6px; }

.pa-right-3 {
  padding-right: 6px; }

.pa-4 {
  padding: 8px; }

.pa-top-4 {
  padding-top: 8px; }

.pa-bottom-4 {
  padding-bottom: 8px; }

.pa-left-4 {
  padding-left: 8px; }

.pa-right-4 {
  padding-right: 8px; }

.pa-5 {
  padding: 10px; }

.pa-top-5 {
  padding-top: 10px; }

.pa-bottom-5 {
  padding-bottom: 10px; }

.pa-left-5 {
  padding-left: 10px; }

.pa-right-5 {
  padding-right: 10px; }

.pa-6 {
  padding: 12px; }

.pa-top-6 {
  padding-top: 12px; }

.pa-bottom-6 {
  padding-bottom: 12px; }

.pa-left-6 {
  padding-left: 12px; }

.pa-right-6 {
  padding-right: 12px; }

.pa-7 {
  padding: 14px; }

.pa-top-7 {
  padding-top: 14px; }

.pa-bottom-7 {
  padding-bottom: 14px; }

.pa-left-7 {
  padding-left: 14px; }

.pa-right-7 {
  padding-right: 14px; }

.pa-8 {
  padding: 16px; }

.pa-top-8 {
  padding-top: 16px; }

.pa-bottom-8 {
  padding-bottom: 16px; }

.pa-left-8 {
  padding-left: 16px; }

.pa-right-8 {
  padding-right: 16px; }

.pa-9 {
  padding: 18px; }

.pa-top-9 {
  padding-top: 18px; }

.pa-bottom-9 {
  padding-bottom: 18px; }

.pa-left-9 {
  padding-left: 18px; }

.pa-right-9 {
  padding-right: 18px; }

.pa-10 {
  padding: 20px; }

.pa-top-10 {
  padding-top: 20px; }

.pa-bottom-10 {
  padding-bottom: 20px; }

.pa-left-10 {
  padding-left: 20px; }

.pa-right-10 {
  padding-right: 20px; }

.pa-11 {
  padding: 22px; }

.pa-top-11 {
  padding-top: 22px; }

.pa-bottom-11 {
  padding-bottom: 22px; }

.pa-left-11 {
  padding-left: 22px; }

.pa-right-11 {
  padding-right: 22px; }

.pa-12 {
  padding: 24px; }

.pa-top-12 {
  padding-top: 24px; }

.pa-bottom-12 {
  padding-bottom: 24px; }

.pa-left-12 {
  padding-left: 24px; }

.pa-right-12 {
  padding-right: 24px; }

.pa-13 {
  padding: 26px; }

.pa-top-13 {
  padding-top: 26px; }

.pa-bottom-13 {
  padding-bottom: 26px; }

.pa-left-13 {
  padding-left: 26px; }

.pa-right-13 {
  padding-right: 26px; }

.pa-14 {
  padding: 28px; }

.pa-top-14 {
  padding-top: 28px; }

.pa-bottom-14 {
  padding-bottom: 28px; }

.pa-left-14 {
  padding-left: 28px; }

.pa-right-14 {
  padding-right: 28px; }

.pa-15 {
  padding: 30px; }

.pa-top-15 {
  padding-top: 30px; }

.pa-bottom-15 {
  padding-bottom: 30px; }

.pa-left-15 {
  padding-left: 30px; }

.pa-right-15 {
  padding-right: 30px; }

.pa-16 {
  padding: 32px; }

.pa-top-16 {
  padding-top: 32px; }

.pa-bottom-16 {
  padding-bottom: 32px; }

.pa-left-16 {
  padding-left: 32px; }

.pa-right-16 {
  padding-right: 32px; }

.pa-17 {
  padding: 34px; }

.pa-top-17 {
  padding-top: 34px; }

.pa-bottom-17 {
  padding-bottom: 34px; }

.pa-left-17 {
  padding-left: 34px; }

.pa-right-17 {
  padding-right: 34px; }

.pa-18 {
  padding: 36px; }

.pa-top-18 {
  padding-top: 36px; }

.pa-bottom-18 {
  padding-bottom: 36px; }

.pa-left-18 {
  padding-left: 36px; }

.pa-right-18 {
  padding-right: 36px; }

.pa-19 {
  padding: 38px; }

.pa-top-19 {
  padding-top: 38px; }

.pa-bottom-19 {
  padding-bottom: 38px; }

.pa-left-19 {
  padding-left: 38px; }

.pa-right-19 {
  padding-right: 38px; }

.pa-20 {
  padding: 40px; }

.pa-top-20 {
  padding-top: 40px; }

.pa-bottom-20 {
  padding-bottom: 40px; }

.pa-left-20 {
  padding-left: 40px; }

.pa-right-20 {
  padding-right: 40px; }

.pa-21 {
  padding: 42px; }

.pa-top-21 {
  padding-top: 42px; }

.pa-bottom-21 {
  padding-bottom: 42px; }

.pa-left-21 {
  padding-left: 42px; }

.pa-right-21 {
  padding-right: 42px; }

.pa-22 {
  padding: 44px; }

.pa-top-22 {
  padding-top: 44px; }

.pa-bottom-22 {
  padding-bottom: 44px; }

.pa-left-22 {
  padding-left: 44px; }

.pa-right-22 {
  padding-right: 44px; }

.pa-23 {
  padding: 46px; }

.pa-top-23 {
  padding-top: 46px; }

.pa-bottom-23 {
  padding-bottom: 46px; }

.pa-left-23 {
  padding-left: 46px; }

.pa-right-23 {
  padding-right: 46px; }

.pa-24 {
  padding: 48px; }

.pa-top-24 {
  padding-top: 48px; }

.pa-bottom-24 {
  padding-bottom: 48px; }

.pa-left-24 {
  padding-left: 48px; }

.pa-right-24 {
  padding-right: 48px; }

.pa-25 {
  padding: 50px; }

.pa-top-25 {
  padding-top: 50px; }

.pa-bottom-25 {
  padding-bottom: 50px; }

.pa-left-25 {
  padding-left: 50px; }

.pa-right-25 {
  padding-right: 50px; }

.pa-26 {
  padding: 52px; }

.pa-top-26 {
  padding-top: 52px; }

.pa-bottom-26 {
  padding-bottom: 52px; }

.pa-left-26 {
  padding-left: 52px; }

.pa-right-26 {
  padding-right: 52px; }

.pa-27 {
  padding: 54px; }

.pa-top-27 {
  padding-top: 54px; }

.pa-bottom-27 {
  padding-bottom: 54px; }

.pa-left-27 {
  padding-left: 54px; }

.pa-right-27 {
  padding-right: 54px; }

.pa-28 {
  padding: 56px; }

.pa-top-28 {
  padding-top: 56px; }

.pa-bottom-28 {
  padding-bottom: 56px; }

.pa-left-28 {
  padding-left: 56px; }

.pa-right-28 {
  padding-right: 56px; }

.pa-29 {
  padding: 58px; }

.pa-top-29 {
  padding-top: 58px; }

.pa-bottom-29 {
  padding-bottom: 58px; }

.pa-left-29 {
  padding-left: 58px; }

.pa-right-29 {
  padding-right: 58px; }

.pa-30 {
  padding: 60px; }

.pa-top-30 {
  padding-top: 60px; }

.pa-bottom-30 {
  padding-bottom: 60px; }

.pa-left-30 {
  padding-left: 60px; }

.pa-right-30 {
  padding-right: 60px; }

.ma-0 {
  margin: 0px; }

.ma-top-0 {
  margin-top: 0px; }

.ma-bottom-0 {
  margin-bottom: 0px; }

.ma-left-0 {
  margin-left: 0px; }

.ma-right-0 {
  margin-right: 0px; }

.ma-1 {
  margin: 2px; }

.ma-top-1 {
  margin-top: 2px; }

.ma-bottom-1 {
  margin-bottom: 2px; }

.ma-left-1 {
  margin-left: 2px; }

.ma-right-1 {
  margin-right: 2px; }

.ma-2 {
  margin: 4px; }

.ma-top-2 {
  margin-top: 4px; }

.ma-bottom-2 {
  margin-bottom: 4px; }

.ma-left-2 {
  margin-left: 4px; }

.ma-right-2 {
  margin-right: 4px; }

.ma-3 {
  margin: 6px; }

.ma-top-3 {
  margin-top: 6px; }

.ma-bottom-3 {
  margin-bottom: 6px; }

.ma-left-3 {
  margin-left: 6px; }

.ma-right-3 {
  margin-right: 6px; }

.ma-4 {
  margin: 8px; }

.ma-top-4 {
  margin-top: 8px; }

.ma-bottom-4 {
  margin-bottom: 8px; }

.ma-left-4 {
  margin-left: 8px; }

.ma-right-4 {
  margin-right: 8px; }

.ma-5 {
  margin: 10px; }

.ma-top-5 {
  margin-top: 10px; }

.ma-bottom-5 {
  margin-bottom: 10px; }

.ma-left-5 {
  margin-left: 10px; }

.ma-right-5 {
  margin-right: 10px; }

.ma-6 {
  margin: 12px; }

.ma-top-6 {
  margin-top: 12px; }

.ma-bottom-6 {
  margin-bottom: 12px; }

.ma-left-6 {
  margin-left: 12px; }

.ma-right-6 {
  margin-right: 12px; }

.ma-7 {
  margin: 14px; }

.ma-top-7 {
  margin-top: 14px; }

.ma-bottom-7 {
  margin-bottom: 14px; }

.ma-left-7 {
  margin-left: 14px; }

.ma-right-7 {
  margin-right: 14px; }

.ma-8 {
  margin: 16px; }

.ma-top-8 {
  margin-top: 16px; }

.ma-bottom-8 {
  margin-bottom: 16px; }

.ma-left-8 {
  margin-left: 16px; }

.ma-right-8 {
  margin-right: 16px; }

.ma-9 {
  margin: 18px; }

.ma-top-9 {
  margin-top: 18px; }

.ma-bottom-9 {
  margin-bottom: 18px; }

.ma-left-9 {
  margin-left: 18px; }

.ma-right-9 {
  margin-right: 18px; }

.ma-10 {
  margin: 20px; }

.ma-top-10 {
  margin-top: 20px; }

.ma-bottom-10 {
  margin-bottom: 20px; }

.ma-left-10 {
  margin-left: 20px; }

.ma-right-10 {
  margin-right: 20px; }

.ma-11 {
  margin: 22px; }

.ma-top-11 {
  margin-top: 22px; }

.ma-bottom-11 {
  margin-bottom: 22px; }

.ma-left-11 {
  margin-left: 22px; }

.ma-right-11 {
  margin-right: 22px; }

.ma-12 {
  margin: 24px; }

.ma-top-12 {
  margin-top: 24px; }

.ma-bottom-12 {
  margin-bottom: 24px; }

.ma-left-12 {
  margin-left: 24px; }

.ma-right-12 {
  margin-right: 24px; }

.ma-13 {
  margin: 26px; }

.ma-top-13 {
  margin-top: 26px; }

.ma-bottom-13 {
  margin-bottom: 26px; }

.ma-left-13 {
  margin-left: 26px; }

.ma-right-13 {
  margin-right: 26px; }

.ma-14 {
  margin: 28px; }

.ma-top-14 {
  margin-top: 28px; }

.ma-bottom-14 {
  margin-bottom: 28px; }

.ma-left-14 {
  margin-left: 28px; }

.ma-right-14 {
  margin-right: 28px; }

.ma-15 {
  margin: 30px; }

.ma-top-15 {
  margin-top: 30px; }

.ma-bottom-15 {
  margin-bottom: 30px; }

.ma-left-15 {
  margin-left: 30px; }

.ma-right-15 {
  margin-right: 30px; }

.ma-16 {
  margin: 32px; }

.ma-top-16 {
  margin-top: 32px; }

.ma-bottom-16 {
  margin-bottom: 32px; }

.ma-left-16 {
  margin-left: 32px; }

.ma-right-16 {
  margin-right: 32px; }

.ma-17 {
  margin: 34px; }

.ma-top-17 {
  margin-top: 34px; }

.ma-bottom-17 {
  margin-bottom: 34px; }

.ma-left-17 {
  margin-left: 34px; }

.ma-right-17 {
  margin-right: 34px; }

.ma-18 {
  margin: 36px; }

.ma-top-18 {
  margin-top: 36px; }

.ma-bottom-18 {
  margin-bottom: 36px; }

.ma-left-18 {
  margin-left: 36px; }

.ma-right-18 {
  margin-right: 36px; }

.ma-19 {
  margin: 38px; }

.ma-top-19 {
  margin-top: 38px; }

.ma-bottom-19 {
  margin-bottom: 38px; }

.ma-left-19 {
  margin-left: 38px; }

.ma-right-19 {
  margin-right: 38px; }

.ma-20 {
  margin: 40px; }

.ma-top-20 {
  margin-top: 40px; }

.ma-bottom-20 {
  margin-bottom: 40px; }

.ma-left-20 {
  margin-left: 40px; }

.ma-right-20 {
  margin-right: 40px; }

.ma-21 {
  margin: 42px; }

.ma-top-21 {
  margin-top: 42px; }

.ma-bottom-21 {
  margin-bottom: 42px; }

.ma-left-21 {
  margin-left: 42px; }

.ma-right-21 {
  margin-right: 42px; }

.ma-22 {
  margin: 44px; }

.ma-top-22 {
  margin-top: 44px; }

.ma-bottom-22 {
  margin-bottom: 44px; }

.ma-left-22 {
  margin-left: 44px; }

.ma-right-22 {
  margin-right: 44px; }

.ma-23 {
  margin: 46px; }

.ma-top-23 {
  margin-top: 46px; }

.ma-bottom-23 {
  margin-bottom: 46px; }

.ma-left-23 {
  margin-left: 46px; }

.ma-right-23 {
  margin-right: 46px; }

.ma-24 {
  margin: 48px; }

.ma-top-24 {
  margin-top: 48px; }

.ma-bottom-24 {
  margin-bottom: 48px; }

.ma-left-24 {
  margin-left: 48px; }

.ma-right-24 {
  margin-right: 48px; }

.ma-25 {
  margin: 50px; }

.ma-top-25 {
  margin-top: 50px; }

.ma-bottom-25 {
  margin-bottom: 50px; }

.ma-left-25 {
  margin-left: 50px; }

.ma-right-25 {
  margin-right: 50px; }

.ma-26 {
  margin: 52px; }

.ma-top-26 {
  margin-top: 52px; }

.ma-bottom-26 {
  margin-bottom: 52px; }

.ma-left-26 {
  margin-left: 52px; }

.ma-right-26 {
  margin-right: 52px; }

.ma-27 {
  margin: 54px; }

.ma-top-27 {
  margin-top: 54px; }

.ma-bottom-27 {
  margin-bottom: 54px; }

.ma-left-27 {
  margin-left: 54px; }

.ma-right-27 {
  margin-right: 54px; }

.ma-28 {
  margin: 56px; }

.ma-top-28 {
  margin-top: 56px; }

.ma-bottom-28 {
  margin-bottom: 56px; }

.ma-left-28 {
  margin-left: 56px; }

.ma-right-28 {
  margin-right: 56px; }

.ma-29 {
  margin: 58px; }

.ma-top-29 {
  margin-top: 58px; }

.ma-bottom-29 {
  margin-bottom: 58px; }

.ma-left-29 {
  margin-left: 58px; }

.ma-right-29 {
  margin-right: 58px; }

.ma-30 {
  margin: 60px; }

.ma-top-30 {
  margin-top: 60px; }

.ma-bottom-30 {
  margin-bottom: 60px; }

.ma-left-30 {
  margin-left: 60px; }

.ma-right-30 {
  margin-right: 60px; }

@media (min-width: 768px) {
  .pa-sm-0 {
    padding: 0px 0px 0px 0px; }
  .pa-sm-top-0 {
    padding-top: 0px; }
  .pa-sm-bottom-0 {
    padding-bottom: 0px; }
  .pa-sm-left-0 {
    padding-left: 0px; }
  .pa-sm-right-0 {
    padding-right: 0px; }
  .pa-sm-1 {
    padding: 2px 2px 2px 2px; }
  .pa-sm-top-1 {
    padding-top: 2px; }
  .pa-sm-bottom-1 {
    padding-bottom: 2px; }
  .pa-sm-left-1 {
    padding-left: 2px; }
  .pa-sm-right-1 {
    padding-right: 2px; }
  .pa-sm-2 {
    padding: 4px 4px 4px 4px; }
  .pa-sm-top-2 {
    padding-top: 4px; }
  .pa-sm-bottom-2 {
    padding-bottom: 4px; }
  .pa-sm-left-2 {
    padding-left: 4px; }
  .pa-sm-right-2 {
    padding-right: 4px; }
  .pa-sm-3 {
    padding: 6px 6px 6px 6px; }
  .pa-sm-top-3 {
    padding-top: 6px; }
  .pa-sm-bottom-3 {
    padding-bottom: 6px; }
  .pa-sm-left-3 {
    padding-left: 6px; }
  .pa-sm-right-3 {
    padding-right: 6px; }
  .pa-sm-4 {
    padding: 8px 8px 8px 8px; }
  .pa-sm-top-4 {
    padding-top: 8px; }
  .pa-sm-bottom-4 {
    padding-bottom: 8px; }
  .pa-sm-left-4 {
    padding-left: 8px; }
  .pa-sm-right-4 {
    padding-right: 8px; }
  .pa-sm-5 {
    padding: 10px 10px 10px 10px; }
  .pa-sm-top-5 {
    padding-top: 10px; }
  .pa-sm-bottom-5 {
    padding-bottom: 10px; }
  .pa-sm-left-5 {
    padding-left: 10px; }
  .pa-sm-right-5 {
    padding-right: 10px; }
  .pa-sm-6 {
    padding: 12px 12px 12px 12px; }
  .pa-sm-top-6 {
    padding-top: 12px; }
  .pa-sm-bottom-6 {
    padding-bottom: 12px; }
  .pa-sm-left-6 {
    padding-left: 12px; }
  .pa-sm-right-6 {
    padding-right: 12px; }
  .pa-sm-7 {
    padding: 14px 14px 14px 14px; }
  .pa-sm-top-7 {
    padding-top: 14px; }
  .pa-sm-bottom-7 {
    padding-bottom: 14px; }
  .pa-sm-left-7 {
    padding-left: 14px; }
  .pa-sm-right-7 {
    padding-right: 14px; }
  .pa-sm-8 {
    padding: 16px 16px 16px 16px; }
  .pa-sm-top-8 {
    padding-top: 16px; }
  .pa-sm-bottom-8 {
    padding-bottom: 16px; }
  .pa-sm-left-8 {
    padding-left: 16px; }
  .pa-sm-right-8 {
    padding-right: 16px; }
  .pa-sm-9 {
    padding: 18px 18px 18px 18px; }
  .pa-sm-top-9 {
    padding-top: 18px; }
  .pa-sm-bottom-9 {
    padding-bottom: 18px; }
  .pa-sm-left-9 {
    padding-left: 18px; }
  .pa-sm-right-9 {
    padding-right: 18px; }
  .pa-sm-10 {
    padding: 20px 20px 20px 20px; }
  .pa-sm-top-10 {
    padding-top: 20px; }
  .pa-sm-bottom-10 {
    padding-bottom: 20px; }
  .pa-sm-left-10 {
    padding-left: 20px; }
  .pa-sm-right-10 {
    padding-right: 20px; }
  .pa-sm-11 {
    padding: 22px 22px 22px 22px; }
  .pa-sm-top-11 {
    padding-top: 22px; }
  .pa-sm-bottom-11 {
    padding-bottom: 22px; }
  .pa-sm-left-11 {
    padding-left: 22px; }
  .pa-sm-right-11 {
    padding-right: 22px; }
  .pa-sm-12 {
    padding: 24px 24px 24px 24px; }
  .pa-sm-top-12 {
    padding-top: 24px; }
  .pa-sm-bottom-12 {
    padding-bottom: 24px; }
  .pa-sm-left-12 {
    padding-left: 24px; }
  .pa-sm-right-12 {
    padding-right: 24px; }
  .pa-sm-13 {
    padding: 26px 26px 26px 26px; }
  .pa-sm-top-13 {
    padding-top: 26px; }
  .pa-sm-bottom-13 {
    padding-bottom: 26px; }
  .pa-sm-left-13 {
    padding-left: 26px; }
  .pa-sm-right-13 {
    padding-right: 26px; }
  .pa-sm-14 {
    padding: 28px 28px 28px 28px; }
  .pa-sm-top-14 {
    padding-top: 28px; }
  .pa-sm-bottom-14 {
    padding-bottom: 28px; }
  .pa-sm-left-14 {
    padding-left: 28px; }
  .pa-sm-right-14 {
    padding-right: 28px; }
  .pa-sm-15 {
    padding: 30px 30px 30px 30px; }
  .pa-sm-top-15 {
    padding-top: 30px; }
  .pa-sm-bottom-15 {
    padding-bottom: 30px; }
  .pa-sm-left-15 {
    padding-left: 30px; }
  .pa-sm-right-15 {
    padding-right: 30px; }
  .pa-sm-16 {
    padding: 32px 32px 32px 32px; }
  .pa-sm-top-16 {
    padding-top: 32px; }
  .pa-sm-bottom-16 {
    padding-bottom: 32px; }
  .pa-sm-left-16 {
    padding-left: 32px; }
  .pa-sm-right-16 {
    padding-right: 32px; }
  .pa-sm-17 {
    padding: 34px 34px 34px 34px; }
  .pa-sm-top-17 {
    padding-top: 34px; }
  .pa-sm-bottom-17 {
    padding-bottom: 34px; }
  .pa-sm-left-17 {
    padding-left: 34px; }
  .pa-sm-right-17 {
    padding-right: 34px; }
  .pa-sm-18 {
    padding: 36px 36px 36px 36px; }
  .pa-sm-top-18 {
    padding-top: 36px; }
  .pa-sm-bottom-18 {
    padding-bottom: 36px; }
  .pa-sm-left-18 {
    padding-left: 36px; }
  .pa-sm-right-18 {
    padding-right: 36px; }
  .pa-sm-19 {
    padding: 38px 38px 38px 38px; }
  .pa-sm-top-19 {
    padding-top: 38px; }
  .pa-sm-bottom-19 {
    padding-bottom: 38px; }
  .pa-sm-left-19 {
    padding-left: 38px; }
  .pa-sm-right-19 {
    padding-right: 38px; }
  .pa-sm-20 {
    padding: 40px 40px 40px 40px; }
  .pa-sm-top-20 {
    padding-top: 40px; }
  .pa-sm-bottom-20 {
    padding-bottom: 40px; }
  .pa-sm-left-20 {
    padding-left: 40px; }
  .pa-sm-right-20 {
    padding-right: 40px; }
  .pa-sm-21 {
    padding: 42px 42px 42px 42px; }
  .pa-sm-top-21 {
    padding-top: 42px; }
  .pa-sm-bottom-21 {
    padding-bottom: 42px; }
  .pa-sm-left-21 {
    padding-left: 42px; }
  .pa-sm-right-21 {
    padding-right: 42px; }
  .pa-sm-22 {
    padding: 44px 44px 44px 44px; }
  .pa-sm-top-22 {
    padding-top: 44px; }
  .pa-sm-bottom-22 {
    padding-bottom: 44px; }
  .pa-sm-left-22 {
    padding-left: 44px; }
  .pa-sm-right-22 {
    padding-right: 44px; }
  .pa-sm-23 {
    padding: 46px 46px 46px 46px; }
  .pa-sm-top-23 {
    padding-top: 46px; }
  .pa-sm-bottom-23 {
    padding-bottom: 46px; }
  .pa-sm-left-23 {
    padding-left: 46px; }
  .pa-sm-right-23 {
    padding-right: 46px; }
  .pa-sm-24 {
    padding: 48px 48px 48px 48px; }
  .pa-sm-top-24 {
    padding-top: 48px; }
  .pa-sm-bottom-24 {
    padding-bottom: 48px; }
  .pa-sm-left-24 {
    padding-left: 48px; }
  .pa-sm-right-24 {
    padding-right: 48px; }
  .pa-sm-25 {
    padding: 50px 50px 50px 50px; }
  .pa-sm-top-25 {
    padding-top: 50px; }
  .pa-sm-bottom-25 {
    padding-bottom: 50px; }
  .pa-sm-left-25 {
    padding-left: 50px; }
  .pa-sm-right-25 {
    padding-right: 50px; }
  .pa-sm-26 {
    padding: 52px 52px 52px 52px; }
  .pa-sm-top-26 {
    padding-top: 52px; }
  .pa-sm-bottom-26 {
    padding-bottom: 52px; }
  .pa-sm-left-26 {
    padding-left: 52px; }
  .pa-sm-right-26 {
    padding-right: 52px; }
  .pa-sm-27 {
    padding: 54px 54px 54px 54px; }
  .pa-sm-top-27 {
    padding-top: 54px; }
  .pa-sm-bottom-27 {
    padding-bottom: 54px; }
  .pa-sm-left-27 {
    padding-left: 54px; }
  .pa-sm-right-27 {
    padding-right: 54px; }
  .pa-sm-28 {
    padding: 56px 56px 56px 56px; }
  .pa-sm-top-28 {
    padding-top: 56px; }
  .pa-sm-bottom-28 {
    padding-bottom: 56px; }
  .pa-sm-left-28 {
    padding-left: 56px; }
  .pa-sm-right-28 {
    padding-right: 56px; }
  .pa-sm-29 {
    padding: 58px 58px 58px 58px; }
  .pa-sm-top-29 {
    padding-top: 58px; }
  .pa-sm-bottom-29 {
    padding-bottom: 58px; }
  .pa-sm-left-29 {
    padding-left: 58px; }
  .pa-sm-right-29 {
    padding-right: 58px; }
  .pa-sm-30 {
    padding: 60px 60px 60px 60px; }
  .pa-sm-top-30 {
    padding-top: 60px; }
  .pa-sm-bottom-30 {
    padding-bottom: 60px; }
  .pa-sm-left-30 {
    padding-left: 60px; }
  .pa-sm-right-30 {
    padding-right: 60px; } }

@media (min-width: 992px) {
  .pa-md-0 {
    padding: 0px 0px 0px 0px; }
  .pa-md-top-0 {
    padding-top: 0px; }
  .pa-md-bottom-0 {
    padding-bottom: 0px; }
  .pa-md-left-0 {
    padding-left: 0px; }
  .pa-md-right-0 {
    padding-right: 0px; }
  .pa-md-1 {
    padding: 2px 2px 2px 2px; }
  .pa-md-top-1 {
    padding-top: 2px; }
  .pa-md-bottom-1 {
    padding-bottom: 2px; }
  .pa-md-left-1 {
    padding-left: 2px; }
  .pa-md-right-1 {
    padding-right: 2px; }
  .pa-md-2 {
    padding: 4px 4px 4px 4px; }
  .pa-md-top-2 {
    padding-top: 4px; }
  .pa-md-bottom-2 {
    padding-bottom: 4px; }
  .pa-md-left-2 {
    padding-left: 4px; }
  .pa-md-right-2 {
    padding-right: 4px; }
  .pa-md-3 {
    padding: 6px 6px 6px 6px; }
  .pa-md-top-3 {
    padding-top: 6px; }
  .pa-md-bottom-3 {
    padding-bottom: 6px; }
  .pa-md-left-3 {
    padding-left: 6px; }
  .pa-md-right-3 {
    padding-right: 6px; }
  .pa-md-4 {
    padding: 8px 8px 8px 8px; }
  .pa-md-top-4 {
    padding-top: 8px; }
  .pa-md-bottom-4 {
    padding-bottom: 8px; }
  .pa-md-left-4 {
    padding-left: 8px; }
  .pa-md-right-4 {
    padding-right: 8px; }
  .pa-md-5 {
    padding: 10px 10px 10px 10px; }
  .pa-md-top-5 {
    padding-top: 10px; }
  .pa-md-bottom-5 {
    padding-bottom: 10px; }
  .pa-md-left-5 {
    padding-left: 10px; }
  .pa-md-right-5 {
    padding-right: 10px; }
  .pa-md-6 {
    padding: 12px 12px 12px 12px; }
  .pa-md-top-6 {
    padding-top: 12px; }
  .pa-md-bottom-6 {
    padding-bottom: 12px; }
  .pa-md-left-6 {
    padding-left: 12px; }
  .pa-md-right-6 {
    padding-right: 12px; }
  .pa-md-7 {
    padding: 14px 14px 14px 14px; }
  .pa-md-top-7 {
    padding-top: 14px; }
  .pa-md-bottom-7 {
    padding-bottom: 14px; }
  .pa-md-left-7 {
    padding-left: 14px; }
  .pa-md-right-7 {
    padding-right: 14px; }
  .pa-md-8 {
    padding: 16px 16px 16px 16px; }
  .pa-md-top-8 {
    padding-top: 16px; }
  .pa-md-bottom-8 {
    padding-bottom: 16px; }
  .pa-md-left-8 {
    padding-left: 16px; }
  .pa-md-right-8 {
    padding-right: 16px; }
  .pa-md-9 {
    padding: 18px 18px 18px 18px; }
  .pa-md-top-9 {
    padding-top: 18px; }
  .pa-md-bottom-9 {
    padding-bottom: 18px; }
  .pa-md-left-9 {
    padding-left: 18px; }
  .pa-md-right-9 {
    padding-right: 18px; }
  .pa-md-10 {
    padding: 20px 20px 20px 20px; }
  .pa-md-top-10 {
    padding-top: 20px; }
  .pa-md-bottom-10 {
    padding-bottom: 20px; }
  .pa-md-left-10 {
    padding-left: 20px; }
  .pa-md-right-10 {
    padding-right: 20px; }
  .pa-md-11 {
    padding: 22px 22px 22px 22px; }
  .pa-md-top-11 {
    padding-top: 22px; }
  .pa-md-bottom-11 {
    padding-bottom: 22px; }
  .pa-md-left-11 {
    padding-left: 22px; }
  .pa-md-right-11 {
    padding-right: 22px; }
  .pa-md-12 {
    padding: 24px 24px 24px 24px; }
  .pa-md-top-12 {
    padding-top: 24px; }
  .pa-md-bottom-12 {
    padding-bottom: 24px; }
  .pa-md-left-12 {
    padding-left: 24px; }
  .pa-md-right-12 {
    padding-right: 24px; }
  .pa-md-13 {
    padding: 26px 26px 26px 26px; }
  .pa-md-top-13 {
    padding-top: 26px; }
  .pa-md-bottom-13 {
    padding-bottom: 26px; }
  .pa-md-left-13 {
    padding-left: 26px; }
  .pa-md-right-13 {
    padding-right: 26px; }
  .pa-md-14 {
    padding: 28px 28px 28px 28px; }
  .pa-md-top-14 {
    padding-top: 28px; }
  .pa-md-bottom-14 {
    padding-bottom: 28px; }
  .pa-md-left-14 {
    padding-left: 28px; }
  .pa-md-right-14 {
    padding-right: 28px; }
  .pa-md-15 {
    padding: 30px 30px 30px 30px; }
  .pa-md-top-15 {
    padding-top: 30px; }
  .pa-md-bottom-15 {
    padding-bottom: 30px; }
  .pa-md-left-15 {
    padding-left: 30px; }
  .pa-md-right-15 {
    padding-right: 30px; }
  .pa-md-16 {
    padding: 32px 32px 32px 32px; }
  .pa-md-top-16 {
    padding-top: 32px; }
  .pa-md-bottom-16 {
    padding-bottom: 32px; }
  .pa-md-left-16 {
    padding-left: 32px; }
  .pa-md-right-16 {
    padding-right: 32px; }
  .pa-md-17 {
    padding: 34px 34px 34px 34px; }
  .pa-md-top-17 {
    padding-top: 34px; }
  .pa-md-bottom-17 {
    padding-bottom: 34px; }
  .pa-md-left-17 {
    padding-left: 34px; }
  .pa-md-right-17 {
    padding-right: 34px; }
  .pa-md-18 {
    padding: 36px 36px 36px 36px; }
  .pa-md-top-18 {
    padding-top: 36px; }
  .pa-md-bottom-18 {
    padding-bottom: 36px; }
  .pa-md-left-18 {
    padding-left: 36px; }
  .pa-md-right-18 {
    padding-right: 36px; }
  .pa-md-19 {
    padding: 38px 38px 38px 38px; }
  .pa-md-top-19 {
    padding-top: 38px; }
  .pa-md-bottom-19 {
    padding-bottom: 38px; }
  .pa-md-left-19 {
    padding-left: 38px; }
  .pa-md-right-19 {
    padding-right: 38px; }
  .pa-md-20 {
    padding: 40px 40px 40px 40px; }
  .pa-md-top-20 {
    padding-top: 40px; }
  .pa-md-bottom-20 {
    padding-bottom: 40px; }
  .pa-md-left-20 {
    padding-left: 40px; }
  .pa-md-right-20 {
    padding-right: 40px; }
  .pa-md-21 {
    padding: 42px 42px 42px 42px; }
  .pa-md-top-21 {
    padding-top: 42px; }
  .pa-md-bottom-21 {
    padding-bottom: 42px; }
  .pa-md-left-21 {
    padding-left: 42px; }
  .pa-md-right-21 {
    padding-right: 42px; }
  .pa-md-22 {
    padding: 44px 44px 44px 44px; }
  .pa-md-top-22 {
    padding-top: 44px; }
  .pa-md-bottom-22 {
    padding-bottom: 44px; }
  .pa-md-left-22 {
    padding-left: 44px; }
  .pa-md-right-22 {
    padding-right: 44px; }
  .pa-md-23 {
    padding: 46px 46px 46px 46px; }
  .pa-md-top-23 {
    padding-top: 46px; }
  .pa-md-bottom-23 {
    padding-bottom: 46px; }
  .pa-md-left-23 {
    padding-left: 46px; }
  .pa-md-right-23 {
    padding-right: 46px; }
  .pa-md-24 {
    padding: 48px 48px 48px 48px; }
  .pa-md-top-24 {
    padding-top: 48px; }
  .pa-md-bottom-24 {
    padding-bottom: 48px; }
  .pa-md-left-24 {
    padding-left: 48px; }
  .pa-md-right-24 {
    padding-right: 48px; }
  .pa-md-25 {
    padding: 50px 50px 50px 50px; }
  .pa-md-top-25 {
    padding-top: 50px; }
  .pa-md-bottom-25 {
    padding-bottom: 50px; }
  .pa-md-left-25 {
    padding-left: 50px; }
  .pa-md-right-25 {
    padding-right: 50px; }
  .pa-md-26 {
    padding: 52px 52px 52px 52px; }
  .pa-md-top-26 {
    padding-top: 52px; }
  .pa-md-bottom-26 {
    padding-bottom: 52px; }
  .pa-md-left-26 {
    padding-left: 52px; }
  .pa-md-right-26 {
    padding-right: 52px; }
  .pa-md-27 {
    padding: 54px 54px 54px 54px; }
  .pa-md-top-27 {
    padding-top: 54px; }
  .pa-md-bottom-27 {
    padding-bottom: 54px; }
  .pa-md-left-27 {
    padding-left: 54px; }
  .pa-md-right-27 {
    padding-right: 54px; }
  .pa-md-28 {
    padding: 56px 56px 56px 56px; }
  .pa-md-top-28 {
    padding-top: 56px; }
  .pa-md-bottom-28 {
    padding-bottom: 56px; }
  .pa-md-left-28 {
    padding-left: 56px; }
  .pa-md-right-28 {
    padding-right: 56px; }
  .pa-md-29 {
    padding: 58px 58px 58px 58px; }
  .pa-md-top-29 {
    padding-top: 58px; }
  .pa-md-bottom-29 {
    padding-bottom: 58px; }
  .pa-md-left-29 {
    padding-left: 58px; }
  .pa-md-right-29 {
    padding-right: 58px; }
  .pa-md-30 {
    padding: 60px 60px 60px 60px; }
  .pa-md-top-30 {
    padding-top: 60px; }
  .pa-md-bottom-30 {
    padding-bottom: 60px; }
  .pa-md-left-30 {
    padding-left: 60px; }
  .pa-md-right-30 {
    padding-right: 60px; } }

@media (min-width: 1200px) {
  .pa-lg-0 {
    padding: 0px 0px 0px 0px; }
  .pa-lg-top-0 {
    padding-top: 0px; }
  .pa-lg-bottom-0 {
    padding-bottom: 0px; }
  .pa-lg-left-0 {
    padding-left: 0px; }
  .pa-lg-right-0 {
    padding-right: 0px; }
  .pa-lg-1 {
    padding: 2px 2px 2px 2px; }
  .pa-lg-top-1 {
    padding-top: 2px; }
  .pa-lg-bottom-1 {
    padding-bottom: 2px; }
  .pa-lg-left-1 {
    padding-left: 2px; }
  .pa-lg-right-1 {
    padding-right: 2px; }
  .pa-lg-2 {
    padding: 4px 4px 4px 4px; }
  .pa-lg-top-2 {
    padding-top: 4px; }
  .pa-lg-bottom-2 {
    padding-bottom: 4px; }
  .pa-lg-left-2 {
    padding-left: 4px; }
  .pa-lg-right-2 {
    padding-right: 4px; }
  .pa-lg-3 {
    padding: 6px 6px 6px 6px; }
  .pa-lg-top-3 {
    padding-top: 6px; }
  .pa-lg-bottom-3 {
    padding-bottom: 6px; }
  .pa-lg-left-3 {
    padding-left: 6px; }
  .pa-lg-right-3 {
    padding-right: 6px; }
  .pa-lg-4 {
    padding: 8px 8px 8px 8px; }
  .pa-lg-top-4 {
    padding-top: 8px; }
  .pa-lg-bottom-4 {
    padding-bottom: 8px; }
  .pa-lg-left-4 {
    padding-left: 8px; }
  .pa-lg-right-4 {
    padding-right: 8px; }
  .pa-lg-5 {
    padding: 10px 10px 10px 10px; }
  .pa-lg-top-5 {
    padding-top: 10px; }
  .pa-lg-bottom-5 {
    padding-bottom: 10px; }
  .pa-lg-left-5 {
    padding-left: 10px; }
  .pa-lg-right-5 {
    padding-right: 10px; }
  .pa-lg-6 {
    padding: 12px 12px 12px 12px; }
  .pa-lg-top-6 {
    padding-top: 12px; }
  .pa-lg-bottom-6 {
    padding-bottom: 12px; }
  .pa-lg-left-6 {
    padding-left: 12px; }
  .pa-lg-right-6 {
    padding-right: 12px; }
  .pa-lg-7 {
    padding: 14px 14px 14px 14px; }
  .pa-lg-top-7 {
    padding-top: 14px; }
  .pa-lg-bottom-7 {
    padding-bottom: 14px; }
  .pa-lg-left-7 {
    padding-left: 14px; }
  .pa-lg-right-7 {
    padding-right: 14px; }
  .pa-lg-8 {
    padding: 16px 16px 16px 16px; }
  .pa-lg-top-8 {
    padding-top: 16px; }
  .pa-lg-bottom-8 {
    padding-bottom: 16px; }
  .pa-lg-left-8 {
    padding-left: 16px; }
  .pa-lg-right-8 {
    padding-right: 16px; }
  .pa-lg-9 {
    padding: 18px 18px 18px 18px; }
  .pa-lg-top-9 {
    padding-top: 18px; }
  .pa-lg-bottom-9 {
    padding-bottom: 18px; }
  .pa-lg-left-9 {
    padding-left: 18px; }
  .pa-lg-right-9 {
    padding-right: 18px; }
  .pa-lg-10 {
    padding: 20px 20px 20px 20px; }
  .pa-lg-top-10 {
    padding-top: 20px; }
  .pa-lg-bottom-10 {
    padding-bottom: 20px; }
  .pa-lg-left-10 {
    padding-left: 20px; }
  .pa-lg-right-10 {
    padding-right: 20px; }
  .pa-lg-11 {
    padding: 22px 22px 22px 22px; }
  .pa-lg-top-11 {
    padding-top: 22px; }
  .pa-lg-bottom-11 {
    padding-bottom: 22px; }
  .pa-lg-left-11 {
    padding-left: 22px; }
  .pa-lg-right-11 {
    padding-right: 22px; }
  .pa-lg-12 {
    padding: 24px 24px 24px 24px; }
  .pa-lg-top-12 {
    padding-top: 24px; }
  .pa-lg-bottom-12 {
    padding-bottom: 24px; }
  .pa-lg-left-12 {
    padding-left: 24px; }
  .pa-lg-right-12 {
    padding-right: 24px; }
  .pa-lg-13 {
    padding: 26px 26px 26px 26px; }
  .pa-lg-top-13 {
    padding-top: 26px; }
  .pa-lg-bottom-13 {
    padding-bottom: 26px; }
  .pa-lg-left-13 {
    padding-left: 26px; }
  .pa-lg-right-13 {
    padding-right: 26px; }
  .pa-lg-14 {
    padding: 28px 28px 28px 28px; }
  .pa-lg-top-14 {
    padding-top: 28px; }
  .pa-lg-bottom-14 {
    padding-bottom: 28px; }
  .pa-lg-left-14 {
    padding-left: 28px; }
  .pa-lg-right-14 {
    padding-right: 28px; }
  .pa-lg-15 {
    padding: 30px 30px 30px 30px; }
  .pa-lg-top-15 {
    padding-top: 30px; }
  .pa-lg-bottom-15 {
    padding-bottom: 30px; }
  .pa-lg-left-15 {
    padding-left: 30px; }
  .pa-lg-right-15 {
    padding-right: 30px; }
  .pa-lg-16 {
    padding: 32px 32px 32px 32px; }
  .pa-lg-top-16 {
    padding-top: 32px; }
  .pa-lg-bottom-16 {
    padding-bottom: 32px; }
  .pa-lg-left-16 {
    padding-left: 32px; }
  .pa-lg-right-16 {
    padding-right: 32px; }
  .pa-lg-17 {
    padding: 34px 34px 34px 34px; }
  .pa-lg-top-17 {
    padding-top: 34px; }
  .pa-lg-bottom-17 {
    padding-bottom: 34px; }
  .pa-lg-left-17 {
    padding-left: 34px; }
  .pa-lg-right-17 {
    padding-right: 34px; }
  .pa-lg-18 {
    padding: 36px 36px 36px 36px; }
  .pa-lg-top-18 {
    padding-top: 36px; }
  .pa-lg-bottom-18 {
    padding-bottom: 36px; }
  .pa-lg-left-18 {
    padding-left: 36px; }
  .pa-lg-right-18 {
    padding-right: 36px; }
  .pa-lg-19 {
    padding: 38px 38px 38px 38px; }
  .pa-lg-top-19 {
    padding-top: 38px; }
  .pa-lg-bottom-19 {
    padding-bottom: 38px; }
  .pa-lg-left-19 {
    padding-left: 38px; }
  .pa-lg-right-19 {
    padding-right: 38px; }
  .pa-lg-20 {
    padding: 40px 40px 40px 40px; }
  .pa-lg-top-20 {
    padding-top: 40px; }
  .pa-lg-bottom-20 {
    padding-bottom: 40px; }
  .pa-lg-left-20 {
    padding-left: 40px; }
  .pa-lg-right-20 {
    padding-right: 40px; }
  .pa-lg-21 {
    padding: 42px 42px 42px 42px; }
  .pa-lg-top-21 {
    padding-top: 42px; }
  .pa-lg-bottom-21 {
    padding-bottom: 42px; }
  .pa-lg-left-21 {
    padding-left: 42px; }
  .pa-lg-right-21 {
    padding-right: 42px; }
  .pa-lg-22 {
    padding: 44px 44px 44px 44px; }
  .pa-lg-top-22 {
    padding-top: 44px; }
  .pa-lg-bottom-22 {
    padding-bottom: 44px; }
  .pa-lg-left-22 {
    padding-left: 44px; }
  .pa-lg-right-22 {
    padding-right: 44px; }
  .pa-lg-23 {
    padding: 46px 46px 46px 46px; }
  .pa-lg-top-23 {
    padding-top: 46px; }
  .pa-lg-bottom-23 {
    padding-bottom: 46px; }
  .pa-lg-left-23 {
    padding-left: 46px; }
  .pa-lg-right-23 {
    padding-right: 46px; }
  .pa-lg-24 {
    padding: 48px 48px 48px 48px; }
  .pa-lg-top-24 {
    padding-top: 48px; }
  .pa-lg-bottom-24 {
    padding-bottom: 48px; }
  .pa-lg-left-24 {
    padding-left: 48px; }
  .pa-lg-right-24 {
    padding-right: 48px; }
  .pa-lg-25 {
    padding: 50px 50px 50px 50px; }
  .pa-lg-top-25 {
    padding-top: 50px; }
  .pa-lg-bottom-25 {
    padding-bottom: 50px; }
  .pa-lg-left-25 {
    padding-left: 50px; }
  .pa-lg-right-25 {
    padding-right: 50px; }
  .pa-lg-26 {
    padding: 52px 52px 52px 52px; }
  .pa-lg-top-26 {
    padding-top: 52px; }
  .pa-lg-bottom-26 {
    padding-bottom: 52px; }
  .pa-lg-left-26 {
    padding-left: 52px; }
  .pa-lg-right-26 {
    padding-right: 52px; }
  .pa-lg-27 {
    padding: 54px 54px 54px 54px; }
  .pa-lg-top-27 {
    padding-top: 54px; }
  .pa-lg-bottom-27 {
    padding-bottom: 54px; }
  .pa-lg-left-27 {
    padding-left: 54px; }
  .pa-lg-right-27 {
    padding-right: 54px; }
  .pa-lg-28 {
    padding: 56px 56px 56px 56px; }
  .pa-lg-top-28 {
    padding-top: 56px; }
  .pa-lg-bottom-28 {
    padding-bottom: 56px; }
  .pa-lg-left-28 {
    padding-left: 56px; }
  .pa-lg-right-28 {
    padding-right: 56px; }
  .pa-lg-29 {
    padding: 58px 58px 58px 58px; }
  .pa-lg-top-29 {
    padding-top: 58px; }
  .pa-lg-bottom-29 {
    padding-bottom: 58px; }
  .pa-lg-left-29 {
    padding-left: 58px; }
  .pa-lg-right-29 {
    padding-right: 58px; }
  .pa-lg-30 {
    padding: 60px 60px 60px 60px; }
  .pa-lg-top-30 {
    padding-top: 60px; }
  .pa-lg-bottom-30 {
    padding-bottom: 60px; }
  .pa-lg-left-30 {
    padding-left: 60px; }
  .pa-lg-right-30 {
    padding-right: 60px; } }

.ma-xs-0 {
  margin: 0px 0px 0px 0px; }

.ma-xs-top-0 {
  margin-top: 0px; }

.ma-xs-bottom-0 {
  margin-bottom: 0px; }

.ma-xs-left-0 {
  margin-left: 0px; }

.ma-xs-right-0 {
  margin-right: 0px; }

.ma-xs-1 {
  margin: 2px 2px 2px 2px; }

.ma-xs-top-1 {
  margin-top: 2px; }

.ma-xs-bottom-1 {
  margin-bottom: 2px; }

.ma-xs-left-1 {
  margin-left: 2px; }

.ma-xs-right-1 {
  margin-right: 2px; }

.ma-xs-2 {
  margin: 4px 4px 4px 4px; }

.ma-xs-top-2 {
  margin-top: 4px; }

.ma-xs-bottom-2 {
  margin-bottom: 4px; }

.ma-xs-left-2 {
  margin-left: 4px; }

.ma-xs-right-2 {
  margin-right: 4px; }

.ma-xs-3 {
  margin: 6px 6px 6px 6px; }

.ma-xs-top-3 {
  margin-top: 6px; }

.ma-xs-bottom-3 {
  margin-bottom: 6px; }

.ma-xs-left-3 {
  margin-left: 6px; }

.ma-xs-right-3 {
  margin-right: 6px; }

.ma-xs-4 {
  margin: 8px 8px 8px 8px; }

.ma-xs-top-4 {
  margin-top: 8px; }

.ma-xs-bottom-4 {
  margin-bottom: 8px; }

.ma-xs-left-4 {
  margin-left: 8px; }

.ma-xs-right-4 {
  margin-right: 8px; }

.ma-xs-5 {
  margin: 10px 10px 10px 10px; }

.ma-xs-top-5 {
  margin-top: 10px; }

.ma-xs-bottom-5 {
  margin-bottom: 10px; }

.ma-xs-left-5 {
  margin-left: 10px; }

.ma-xs-right-5 {
  margin-right: 10px; }

.ma-xs-6 {
  margin: 12px 12px 12px 12px; }

.ma-xs-top-6 {
  margin-top: 12px; }

.ma-xs-bottom-6 {
  margin-bottom: 12px; }

.ma-xs-left-6 {
  margin-left: 12px; }

.ma-xs-right-6 {
  margin-right: 12px; }

.ma-xs-7 {
  margin: 14px 14px 14px 14px; }

.ma-xs-top-7 {
  margin-top: 14px; }

.ma-xs-bottom-7 {
  margin-bottom: 14px; }

.ma-xs-left-7 {
  margin-left: 14px; }

.ma-xs-right-7 {
  margin-right: 14px; }

.ma-xs-8 {
  margin: 16px 16px 16px 16px; }

.ma-xs-top-8 {
  margin-top: 16px; }

.ma-xs-bottom-8 {
  margin-bottom: 16px; }

.ma-xs-left-8 {
  margin-left: 16px; }

.ma-xs-right-8 {
  margin-right: 16px; }

.ma-xs-9 {
  margin: 18px 18px 18px 18px; }

.ma-xs-top-9 {
  margin-top: 18px; }

.ma-xs-bottom-9 {
  margin-bottom: 18px; }

.ma-xs-left-9 {
  margin-left: 18px; }

.ma-xs-right-9 {
  margin-right: 18px; }

.ma-xs-10 {
  margin: 20px 20px 20px 20px; }

.ma-xs-top-10 {
  margin-top: 20px; }

.ma-xs-bottom-10 {
  margin-bottom: 20px; }

.ma-xs-left-10 {
  margin-left: 20px; }

.ma-xs-right-10 {
  margin-right: 20px; }

.ma-xs-11 {
  margin: 22px 22px 22px 22px; }

.ma-xs-top-11 {
  margin-top: 22px; }

.ma-xs-bottom-11 {
  margin-bottom: 22px; }

.ma-xs-left-11 {
  margin-left: 22px; }

.ma-xs-right-11 {
  margin-right: 22px; }

.ma-xs-12 {
  margin: 24px 24px 24px 24px; }

.ma-xs-top-12 {
  margin-top: 24px; }

.ma-xs-bottom-12 {
  margin-bottom: 24px; }

.ma-xs-left-12 {
  margin-left: 24px; }

.ma-xs-right-12 {
  margin-right: 24px; }

.ma-xs-13 {
  margin: 26px 26px 26px 26px; }

.ma-xs-top-13 {
  margin-top: 26px; }

.ma-xs-bottom-13 {
  margin-bottom: 26px; }

.ma-xs-left-13 {
  margin-left: 26px; }

.ma-xs-right-13 {
  margin-right: 26px; }

.ma-xs-14 {
  margin: 28px 28px 28px 28px; }

.ma-xs-top-14 {
  margin-top: 28px; }

.ma-xs-bottom-14 {
  margin-bottom: 28px; }

.ma-xs-left-14 {
  margin-left: 28px; }

.ma-xs-right-14 {
  margin-right: 28px; }

.ma-xs-15 {
  margin: 30px 30px 30px 30px; }

.ma-xs-top-15 {
  margin-top: 30px; }

.ma-xs-bottom-15 {
  margin-bottom: 30px; }

.ma-xs-left-15 {
  margin-left: 30px; }

.ma-xs-right-15 {
  margin-right: 30px; }

.ma-xs-16 {
  margin: 32px 32px 32px 32px; }

.ma-xs-top-16 {
  margin-top: 32px; }

.ma-xs-bottom-16 {
  margin-bottom: 32px; }

.ma-xs-left-16 {
  margin-left: 32px; }

.ma-xs-right-16 {
  margin-right: 32px; }

.ma-xs-17 {
  margin: 34px 34px 34px 34px; }

.ma-xs-top-17 {
  margin-top: 34px; }

.ma-xs-bottom-17 {
  margin-bottom: 34px; }

.ma-xs-left-17 {
  margin-left: 34px; }

.ma-xs-right-17 {
  margin-right: 34px; }

.ma-xs-18 {
  margin: 36px 36px 36px 36px; }

.ma-xs-top-18 {
  margin-top: 36px; }

.ma-xs-bottom-18 {
  margin-bottom: 36px; }

.ma-xs-left-18 {
  margin-left: 36px; }

.ma-xs-right-18 {
  margin-right: 36px; }

.ma-xs-19 {
  margin: 38px 38px 38px 38px; }

.ma-xs-top-19 {
  margin-top: 38px; }

.ma-xs-bottom-19 {
  margin-bottom: 38px; }

.ma-xs-left-19 {
  margin-left: 38px; }

.ma-xs-right-19 {
  margin-right: 38px; }

.ma-xs-20 {
  margin: 40px 40px 40px 40px; }

.ma-xs-top-20 {
  margin-top: 40px; }

.ma-xs-bottom-20 {
  margin-bottom: 40px; }

.ma-xs-left-20 {
  margin-left: 40px; }

.ma-xs-right-20 {
  margin-right: 40px; }

.ma-xs-21 {
  margin: 42px 42px 42px 42px; }

.ma-xs-top-21 {
  margin-top: 42px; }

.ma-xs-bottom-21 {
  margin-bottom: 42px; }

.ma-xs-left-21 {
  margin-left: 42px; }

.ma-xs-right-21 {
  margin-right: 42px; }

.ma-xs-22 {
  margin: 44px 44px 44px 44px; }

.ma-xs-top-22 {
  margin-top: 44px; }

.ma-xs-bottom-22 {
  margin-bottom: 44px; }

.ma-xs-left-22 {
  margin-left: 44px; }

.ma-xs-right-22 {
  margin-right: 44px; }

.ma-xs-23 {
  margin: 46px 46px 46px 46px; }

.ma-xs-top-23 {
  margin-top: 46px; }

.ma-xs-bottom-23 {
  margin-bottom: 46px; }

.ma-xs-left-23 {
  margin-left: 46px; }

.ma-xs-right-23 {
  margin-right: 46px; }

.ma-xs-24 {
  margin: 48px 48px 48px 48px; }

.ma-xs-top-24 {
  margin-top: 48px; }

.ma-xs-bottom-24 {
  margin-bottom: 48px; }

.ma-xs-left-24 {
  margin-left: 48px; }

.ma-xs-right-24 {
  margin-right: 48px; }

.ma-xs-25 {
  margin: 50px 50px 50px 50px; }

.ma-xs-top-25 {
  margin-top: 50px; }

.ma-xs-bottom-25 {
  margin-bottom: 50px; }

.ma-xs-left-25 {
  margin-left: 50px; }

.ma-xs-right-25 {
  margin-right: 50px; }

.ma-xs-26 {
  margin: 52px 52px 52px 52px; }

.ma-xs-top-26 {
  margin-top: 52px; }

.ma-xs-bottom-26 {
  margin-bottom: 52px; }

.ma-xs-left-26 {
  margin-left: 52px; }

.ma-xs-right-26 {
  margin-right: 52px; }

.ma-xs-27 {
  margin: 54px 54px 54px 54px; }

.ma-xs-top-27 {
  margin-top: 54px; }

.ma-xs-bottom-27 {
  margin-bottom: 54px; }

.ma-xs-left-27 {
  margin-left: 54px; }

.ma-xs-right-27 {
  margin-right: 54px; }

.ma-xs-28 {
  margin: 56px 56px 56px 56px; }

.ma-xs-top-28 {
  margin-top: 56px; }

.ma-xs-bottom-28 {
  margin-bottom: 56px; }

.ma-xs-left-28 {
  margin-left: 56px; }

.ma-xs-right-28 {
  margin-right: 56px; }

.ma-xs-29 {
  margin: 58px 58px 58px 58px; }

.ma-xs-top-29 {
  margin-top: 58px; }

.ma-xs-bottom-29 {
  margin-bottom: 58px; }

.ma-xs-left-29 {
  margin-left: 58px; }

.ma-xs-right-29 {
  margin-right: 58px; }

.ma-xs-30 {
  margin: 60px 60px 60px 60px; }

.ma-xs-top-30 {
  margin-top: 60px; }

.ma-xs-bottom-30 {
  margin-bottom: 60px; }

.ma-xs-left-30 {
  margin-left: 60px; }

.ma-xs-right-30 {
  margin-right: 60px; }

@media (min-width: 768px) {
  .ma-sm-0 {
    margin: 0px 0px 0px 0px; }
  .ma-sm-top-0 {
    margin-top: 0px; }
  .ma-sm-bottom-0 {
    margin-bottom: 0px; }
  .ma-sm-left-0 {
    margin-left: 0px; }
  .ma-sm-right-0 {
    margin-right: 0px; }
  .ma-sm-1 {
    margin: 2px 2px 2px 2px; }
  .ma-sm-top-1 {
    margin-top: 2px; }
  .ma-sm-bottom-1 {
    margin-bottom: 2px; }
  .ma-sm-left-1 {
    margin-left: 2px; }
  .ma-sm-right-1 {
    margin-right: 2px; }
  .ma-sm-2 {
    margin: 4px 4px 4px 4px; }
  .ma-sm-top-2 {
    margin-top: 4px; }
  .ma-sm-bottom-2 {
    margin-bottom: 4px; }
  .ma-sm-left-2 {
    margin-left: 4px; }
  .ma-sm-right-2 {
    margin-right: 4px; }
  .ma-sm-3 {
    margin: 6px 6px 6px 6px; }
  .ma-sm-top-3 {
    margin-top: 6px; }
  .ma-sm-bottom-3 {
    margin-bottom: 6px; }
  .ma-sm-left-3 {
    margin-left: 6px; }
  .ma-sm-right-3 {
    margin-right: 6px; }
  .ma-sm-4 {
    margin: 8px 8px 8px 8px; }
  .ma-sm-top-4 {
    margin-top: 8px; }
  .ma-sm-bottom-4 {
    margin-bottom: 8px; }
  .ma-sm-left-4 {
    margin-left: 8px; }
  .ma-sm-right-4 {
    margin-right: 8px; }
  .ma-sm-5 {
    margin: 10px 10px 10px 10px; }
  .ma-sm-top-5 {
    margin-top: 10px; }
  .ma-sm-bottom-5 {
    margin-bottom: 10px; }
  .ma-sm-left-5 {
    margin-left: 10px; }
  .ma-sm-right-5 {
    margin-right: 10px; }
  .ma-sm-6 {
    margin: 12px 12px 12px 12px; }
  .ma-sm-top-6 {
    margin-top: 12px; }
  .ma-sm-bottom-6 {
    margin-bottom: 12px; }
  .ma-sm-left-6 {
    margin-left: 12px; }
  .ma-sm-right-6 {
    margin-right: 12px; }
  .ma-sm-7 {
    margin: 14px 14px 14px 14px; }
  .ma-sm-top-7 {
    margin-top: 14px; }
  .ma-sm-bottom-7 {
    margin-bottom: 14px; }
  .ma-sm-left-7 {
    margin-left: 14px; }
  .ma-sm-right-7 {
    margin-right: 14px; }
  .ma-sm-8 {
    margin: 16px 16px 16px 16px; }
  .ma-sm-top-8 {
    margin-top: 16px; }
  .ma-sm-bottom-8 {
    margin-bottom: 16px; }
  .ma-sm-left-8 {
    margin-left: 16px; }
  .ma-sm-right-8 {
    margin-right: 16px; }
  .ma-sm-9 {
    margin: 18px 18px 18px 18px; }
  .ma-sm-top-9 {
    margin-top: 18px; }
  .ma-sm-bottom-9 {
    margin-bottom: 18px; }
  .ma-sm-left-9 {
    margin-left: 18px; }
  .ma-sm-right-9 {
    margin-right: 18px; }
  .ma-sm-10 {
    margin: 20px 20px 20px 20px; }
  .ma-sm-top-10 {
    margin-top: 20px; }
  .ma-sm-bottom-10 {
    margin-bottom: 20px; }
  .ma-sm-left-10 {
    margin-left: 20px; }
  .ma-sm-right-10 {
    margin-right: 20px; }
  .ma-sm-11 {
    margin: 22px 22px 22px 22px; }
  .ma-sm-top-11 {
    margin-top: 22px; }
  .ma-sm-bottom-11 {
    margin-bottom: 22px; }
  .ma-sm-left-11 {
    margin-left: 22px; }
  .ma-sm-right-11 {
    margin-right: 22px; }
  .ma-sm-12 {
    margin: 24px 24px 24px 24px; }
  .ma-sm-top-12 {
    margin-top: 24px; }
  .ma-sm-bottom-12 {
    margin-bottom: 24px; }
  .ma-sm-left-12 {
    margin-left: 24px; }
  .ma-sm-right-12 {
    margin-right: 24px; }
  .ma-sm-13 {
    margin: 26px 26px 26px 26px; }
  .ma-sm-top-13 {
    margin-top: 26px; }
  .ma-sm-bottom-13 {
    margin-bottom: 26px; }
  .ma-sm-left-13 {
    margin-left: 26px; }
  .ma-sm-right-13 {
    margin-right: 26px; }
  .ma-sm-14 {
    margin: 28px 28px 28px 28px; }
  .ma-sm-top-14 {
    margin-top: 28px; }
  .ma-sm-bottom-14 {
    margin-bottom: 28px; }
  .ma-sm-left-14 {
    margin-left: 28px; }
  .ma-sm-right-14 {
    margin-right: 28px; }
  .ma-sm-15 {
    margin: 30px 30px 30px 30px; }
  .ma-sm-top-15 {
    margin-top: 30px; }
  .ma-sm-bottom-15 {
    margin-bottom: 30px; }
  .ma-sm-left-15 {
    margin-left: 30px; }
  .ma-sm-right-15 {
    margin-right: 30px; }
  .ma-sm-16 {
    margin: 32px 32px 32px 32px; }
  .ma-sm-top-16 {
    margin-top: 32px; }
  .ma-sm-bottom-16 {
    margin-bottom: 32px; }
  .ma-sm-left-16 {
    margin-left: 32px; }
  .ma-sm-right-16 {
    margin-right: 32px; }
  .ma-sm-17 {
    margin: 34px 34px 34px 34px; }
  .ma-sm-top-17 {
    margin-top: 34px; }
  .ma-sm-bottom-17 {
    margin-bottom: 34px; }
  .ma-sm-left-17 {
    margin-left: 34px; }
  .ma-sm-right-17 {
    margin-right: 34px; }
  .ma-sm-18 {
    margin: 36px 36px 36px 36px; }
  .ma-sm-top-18 {
    margin-top: 36px; }
  .ma-sm-bottom-18 {
    margin-bottom: 36px; }
  .ma-sm-left-18 {
    margin-left: 36px; }
  .ma-sm-right-18 {
    margin-right: 36px; }
  .ma-sm-19 {
    margin: 38px 38px 38px 38px; }
  .ma-sm-top-19 {
    margin-top: 38px; }
  .ma-sm-bottom-19 {
    margin-bottom: 38px; }
  .ma-sm-left-19 {
    margin-left: 38px; }
  .ma-sm-right-19 {
    margin-right: 38px; }
  .ma-sm-20 {
    margin: 40px 40px 40px 40px; }
  .ma-sm-top-20 {
    margin-top: 40px; }
  .ma-sm-bottom-20 {
    margin-bottom: 40px; }
  .ma-sm-left-20 {
    margin-left: 40px; }
  .ma-sm-right-20 {
    margin-right: 40px; }
  .ma-sm-21 {
    margin: 42px 42px 42px 42px; }
  .ma-sm-top-21 {
    margin-top: 42px; }
  .ma-sm-bottom-21 {
    margin-bottom: 42px; }
  .ma-sm-left-21 {
    margin-left: 42px; }
  .ma-sm-right-21 {
    margin-right: 42px; }
  .ma-sm-22 {
    margin: 44px 44px 44px 44px; }
  .ma-sm-top-22 {
    margin-top: 44px; }
  .ma-sm-bottom-22 {
    margin-bottom: 44px; }
  .ma-sm-left-22 {
    margin-left: 44px; }
  .ma-sm-right-22 {
    margin-right: 44px; }
  .ma-sm-23 {
    margin: 46px 46px 46px 46px; }
  .ma-sm-top-23 {
    margin-top: 46px; }
  .ma-sm-bottom-23 {
    margin-bottom: 46px; }
  .ma-sm-left-23 {
    margin-left: 46px; }
  .ma-sm-right-23 {
    margin-right: 46px; }
  .ma-sm-24 {
    margin: 48px 48px 48px 48px; }
  .ma-sm-top-24 {
    margin-top: 48px; }
  .ma-sm-bottom-24 {
    margin-bottom: 48px; }
  .ma-sm-left-24 {
    margin-left: 48px; }
  .ma-sm-right-24 {
    margin-right: 48px; }
  .ma-sm-25 {
    margin: 50px 50px 50px 50px; }
  .ma-sm-top-25 {
    margin-top: 50px; }
  .ma-sm-bottom-25 {
    margin-bottom: 50px; }
  .ma-sm-left-25 {
    margin-left: 50px; }
  .ma-sm-right-25 {
    margin-right: 50px; }
  .ma-sm-26 {
    margin: 52px 52px 52px 52px; }
  .ma-sm-top-26 {
    margin-top: 52px; }
  .ma-sm-bottom-26 {
    margin-bottom: 52px; }
  .ma-sm-left-26 {
    margin-left: 52px; }
  .ma-sm-right-26 {
    margin-right: 52px; }
  .ma-sm-27 {
    margin: 54px 54px 54px 54px; }
  .ma-sm-top-27 {
    margin-top: 54px; }
  .ma-sm-bottom-27 {
    margin-bottom: 54px; }
  .ma-sm-left-27 {
    margin-left: 54px; }
  .ma-sm-right-27 {
    margin-right: 54px; }
  .ma-sm-28 {
    margin: 56px 56px 56px 56px; }
  .ma-sm-top-28 {
    margin-top: 56px; }
  .ma-sm-bottom-28 {
    margin-bottom: 56px; }
  .ma-sm-left-28 {
    margin-left: 56px; }
  .ma-sm-right-28 {
    margin-right: 56px; }
  .ma-sm-29 {
    margin: 58px 58px 58px 58px; }
  .ma-sm-top-29 {
    margin-top: 58px; }
  .ma-sm-bottom-29 {
    margin-bottom: 58px; }
  .ma-sm-left-29 {
    margin-left: 58px; }
  .ma-sm-right-29 {
    margin-right: 58px; }
  .ma-sm-30 {
    margin: 60px 60px 60px 60px; }
  .ma-sm-top-30 {
    margin-top: 60px; }
  .ma-sm-bottom-30 {
    margin-bottom: 60px; }
  .ma-sm-left-30 {
    margin-left: 60px; }
  .ma-sm-right-30 {
    margin-right: 60px; } }

@media (min-width: 992px) {
  .ma-md-0 {
    margin: 0px 0px 0px 0px; }
  .ma-md-top-0 {
    margin-top: 0px; }
  .ma-md-bottom-0 {
    margin-bottom: 0px; }
  .ma-md-left-0 {
    margin-left: 0px; }
  .ma-md-right-0 {
    margin-right: 0px; }
  .ma-md-1 {
    margin: 2px 2px 2px 2px; }
  .ma-md-top-1 {
    margin-top: 2px; }
  .ma-md-bottom-1 {
    margin-bottom: 2px; }
  .ma-md-left-1 {
    margin-left: 2px; }
  .ma-md-right-1 {
    margin-right: 2px; }
  .ma-md-2 {
    margin: 4px 4px 4px 4px; }
  .ma-md-top-2 {
    margin-top: 4px; }
  .ma-md-bottom-2 {
    margin-bottom: 4px; }
  .ma-md-left-2 {
    margin-left: 4px; }
  .ma-md-right-2 {
    margin-right: 4px; }
  .ma-md-3 {
    margin: 6px 6px 6px 6px; }
  .ma-md-top-3 {
    margin-top: 6px; }
  .ma-md-bottom-3 {
    margin-bottom: 6px; }
  .ma-md-left-3 {
    margin-left: 6px; }
  .ma-md-right-3 {
    margin-right: 6px; }
  .ma-md-4 {
    margin: 8px 8px 8px 8px; }
  .ma-md-top-4 {
    margin-top: 8px; }
  .ma-md-bottom-4 {
    margin-bottom: 8px; }
  .ma-md-left-4 {
    margin-left: 8px; }
  .ma-md-right-4 {
    margin-right: 8px; }
  .ma-md-5 {
    margin: 10px 10px 10px 10px; }
  .ma-md-top-5 {
    margin-top: 10px; }
  .ma-md-bottom-5 {
    margin-bottom: 10px; }
  .ma-md-left-5 {
    margin-left: 10px; }
  .ma-md-right-5 {
    margin-right: 10px; }
  .ma-md-6 {
    margin: 12px 12px 12px 12px; }
  .ma-md-top-6 {
    margin-top: 12px; }
  .ma-md-bottom-6 {
    margin-bottom: 12px; }
  .ma-md-left-6 {
    margin-left: 12px; }
  .ma-md-right-6 {
    margin-right: 12px; }
  .ma-md-7 {
    margin: 14px 14px 14px 14px; }
  .ma-md-top-7 {
    margin-top: 14px; }
  .ma-md-bottom-7 {
    margin-bottom: 14px; }
  .ma-md-left-7 {
    margin-left: 14px; }
  .ma-md-right-7 {
    margin-right: 14px; }
  .ma-md-8 {
    margin: 16px 16px 16px 16px; }
  .ma-md-top-8 {
    margin-top: 16px; }
  .ma-md-bottom-8 {
    margin-bottom: 16px; }
  .ma-md-left-8 {
    margin-left: 16px; }
  .ma-md-right-8 {
    margin-right: 16px; }
  .ma-md-9 {
    margin: 18px 18px 18px 18px; }
  .ma-md-top-9 {
    margin-top: 18px; }
  .ma-md-bottom-9 {
    margin-bottom: 18px; }
  .ma-md-left-9 {
    margin-left: 18px; }
  .ma-md-right-9 {
    margin-right: 18px; }
  .ma-md-10 {
    margin: 20px 20px 20px 20px; }
  .ma-md-top-10 {
    margin-top: 20px; }
  .ma-md-bottom-10 {
    margin-bottom: 20px; }
  .ma-md-left-10 {
    margin-left: 20px; }
  .ma-md-right-10 {
    margin-right: 20px; }
  .ma-md-11 {
    margin: 22px 22px 22px 22px; }
  .ma-md-top-11 {
    margin-top: 22px; }
  .ma-md-bottom-11 {
    margin-bottom: 22px; }
  .ma-md-left-11 {
    margin-left: 22px; }
  .ma-md-right-11 {
    margin-right: 22px; }
  .ma-md-12 {
    margin: 24px 24px 24px 24px; }
  .ma-md-top-12 {
    margin-top: 24px; }
  .ma-md-bottom-12 {
    margin-bottom: 24px; }
  .ma-md-left-12 {
    margin-left: 24px; }
  .ma-md-right-12 {
    margin-right: 24px; }
  .ma-md-13 {
    margin: 26px 26px 26px 26px; }
  .ma-md-top-13 {
    margin-top: 26px; }
  .ma-md-bottom-13 {
    margin-bottom: 26px; }
  .ma-md-left-13 {
    margin-left: 26px; }
  .ma-md-right-13 {
    margin-right: 26px; }
  .ma-md-14 {
    margin: 28px 28px 28px 28px; }
  .ma-md-top-14 {
    margin-top: 28px; }
  .ma-md-bottom-14 {
    margin-bottom: 28px; }
  .ma-md-left-14 {
    margin-left: 28px; }
  .ma-md-right-14 {
    margin-right: 28px; }
  .ma-md-15 {
    margin: 30px 30px 30px 30px; }
  .ma-md-top-15 {
    margin-top: 30px; }
  .ma-md-bottom-15 {
    margin-bottom: 30px; }
  .ma-md-left-15 {
    margin-left: 30px; }
  .ma-md-right-15 {
    margin-right: 30px; }
  .ma-md-16 {
    margin: 32px 32px 32px 32px; }
  .ma-md-top-16 {
    margin-top: 32px; }
  .ma-md-bottom-16 {
    margin-bottom: 32px; }
  .ma-md-left-16 {
    margin-left: 32px; }
  .ma-md-right-16 {
    margin-right: 32px; }
  .ma-md-17 {
    margin: 34px 34px 34px 34px; }
  .ma-md-top-17 {
    margin-top: 34px; }
  .ma-md-bottom-17 {
    margin-bottom: 34px; }
  .ma-md-left-17 {
    margin-left: 34px; }
  .ma-md-right-17 {
    margin-right: 34px; }
  .ma-md-18 {
    margin: 36px 36px 36px 36px; }
  .ma-md-top-18 {
    margin-top: 36px; }
  .ma-md-bottom-18 {
    margin-bottom: 36px; }
  .ma-md-left-18 {
    margin-left: 36px; }
  .ma-md-right-18 {
    margin-right: 36px; }
  .ma-md-19 {
    margin: 38px 38px 38px 38px; }
  .ma-md-top-19 {
    margin-top: 38px; }
  .ma-md-bottom-19 {
    margin-bottom: 38px; }
  .ma-md-left-19 {
    margin-left: 38px; }
  .ma-md-right-19 {
    margin-right: 38px; }
  .ma-md-20 {
    margin: 40px 40px 40px 40px; }
  .ma-md-top-20 {
    margin-top: 40px; }
  .ma-md-bottom-20 {
    margin-bottom: 40px; }
  .ma-md-left-20 {
    margin-left: 40px; }
  .ma-md-right-20 {
    margin-right: 40px; }
  .ma-md-21 {
    margin: 42px 42px 42px 42px; }
  .ma-md-top-21 {
    margin-top: 42px; }
  .ma-md-bottom-21 {
    margin-bottom: 42px; }
  .ma-md-left-21 {
    margin-left: 42px; }
  .ma-md-right-21 {
    margin-right: 42px; }
  .ma-md-22 {
    margin: 44px 44px 44px 44px; }
  .ma-md-top-22 {
    margin-top: 44px; }
  .ma-md-bottom-22 {
    margin-bottom: 44px; }
  .ma-md-left-22 {
    margin-left: 44px; }
  .ma-md-right-22 {
    margin-right: 44px; }
  .ma-md-23 {
    margin: 46px 46px 46px 46px; }
  .ma-md-top-23 {
    margin-top: 46px; }
  .ma-md-bottom-23 {
    margin-bottom: 46px; }
  .ma-md-left-23 {
    margin-left: 46px; }
  .ma-md-right-23 {
    margin-right: 46px; }
  .ma-md-24 {
    margin: 48px 48px 48px 48px; }
  .ma-md-top-24 {
    margin-top: 48px; }
  .ma-md-bottom-24 {
    margin-bottom: 48px; }
  .ma-md-left-24 {
    margin-left: 48px; }
  .ma-md-right-24 {
    margin-right: 48px; }
  .ma-md-25 {
    margin: 50px 50px 50px 50px; }
  .ma-md-top-25 {
    margin-top: 50px; }
  .ma-md-bottom-25 {
    margin-bottom: 50px; }
  .ma-md-left-25 {
    margin-left: 50px; }
  .ma-md-right-25 {
    margin-right: 50px; }
  .ma-md-26 {
    margin: 52px 52px 52px 52px; }
  .ma-md-top-26 {
    margin-top: 52px; }
  .ma-md-bottom-26 {
    margin-bottom: 52px; }
  .ma-md-left-26 {
    margin-left: 52px; }
  .ma-md-right-26 {
    margin-right: 52px; }
  .ma-md-27 {
    margin: 54px 54px 54px 54px; }
  .ma-md-top-27 {
    margin-top: 54px; }
  .ma-md-bottom-27 {
    margin-bottom: 54px; }
  .ma-md-left-27 {
    margin-left: 54px; }
  .ma-md-right-27 {
    margin-right: 54px; }
  .ma-md-28 {
    margin: 56px 56px 56px 56px; }
  .ma-md-top-28 {
    margin-top: 56px; }
  .ma-md-bottom-28 {
    margin-bottom: 56px; }
  .ma-md-left-28 {
    margin-left: 56px; }
  .ma-md-right-28 {
    margin-right: 56px; }
  .ma-md-29 {
    margin: 58px 58px 58px 58px; }
  .ma-md-top-29 {
    margin-top: 58px; }
  .ma-md-bottom-29 {
    margin-bottom: 58px; }
  .ma-md-left-29 {
    margin-left: 58px; }
  .ma-md-right-29 {
    margin-right: 58px; }
  .ma-md-30 {
    margin: 60px 60px 60px 60px; }
  .ma-md-top-30 {
    margin-top: 60px; }
  .ma-md-bottom-30 {
    margin-bottom: 60px; }
  .ma-md-left-30 {
    margin-left: 60px; }
  .ma-md-right-30 {
    margin-right: 60px; } }

@media (min-width: 1200px) {
  .ma-lg-0 {
    margin: 0px 0px 0px 0px; }
  .ma-lg-top-0 {
    margin-top: 0px; }
  .ma-lg-bottom-0 {
    margin-bottom: 0px; }
  .ma-lg-left-0 {
    margin-left: 0px; }
  .ma-lg-right-0 {
    margin-right: 0px; }
  .ma-lg-1 {
    margin: 2px 2px 2px 2px; }
  .ma-lg-top-1 {
    margin-top: 2px; }
  .ma-lg-bottom-1 {
    margin-bottom: 2px; }
  .ma-lg-left-1 {
    margin-left: 2px; }
  .ma-lg-right-1 {
    margin-right: 2px; }
  .ma-lg-2 {
    margin: 4px 4px 4px 4px; }
  .ma-lg-top-2 {
    margin-top: 4px; }
  .ma-lg-bottom-2 {
    margin-bottom: 4px; }
  .ma-lg-left-2 {
    margin-left: 4px; }
  .ma-lg-right-2 {
    margin-right: 4px; }
  .ma-lg-3 {
    margin: 6px 6px 6px 6px; }
  .ma-lg-top-3 {
    margin-top: 6px; }
  .ma-lg-bottom-3 {
    margin-bottom: 6px; }
  .ma-lg-left-3 {
    margin-left: 6px; }
  .ma-lg-right-3 {
    margin-right: 6px; }
  .ma-lg-4 {
    margin: 8px 8px 8px 8px; }
  .ma-lg-top-4 {
    margin-top: 8px; }
  .ma-lg-bottom-4 {
    margin-bottom: 8px; }
  .ma-lg-left-4 {
    margin-left: 8px; }
  .ma-lg-right-4 {
    margin-right: 8px; }
  .ma-lg-5 {
    margin: 10px 10px 10px 10px; }
  .ma-lg-top-5 {
    margin-top: 10px; }
  .ma-lg-bottom-5 {
    margin-bottom: 10px; }
  .ma-lg-left-5 {
    margin-left: 10px; }
  .ma-lg-right-5 {
    margin-right: 10px; }
  .ma-lg-6 {
    margin: 12px 12px 12px 12px; }
  .ma-lg-top-6 {
    margin-top: 12px; }
  .ma-lg-bottom-6 {
    margin-bottom: 12px; }
  .ma-lg-left-6 {
    margin-left: 12px; }
  .ma-lg-right-6 {
    margin-right: 12px; }
  .ma-lg-7 {
    margin: 14px 14px 14px 14px; }
  .ma-lg-top-7 {
    margin-top: 14px; }
  .ma-lg-bottom-7 {
    margin-bottom: 14px; }
  .ma-lg-left-7 {
    margin-left: 14px; }
  .ma-lg-right-7 {
    margin-right: 14px; }
  .ma-lg-8 {
    margin: 16px 16px 16px 16px; }
  .ma-lg-top-8 {
    margin-top: 16px; }
  .ma-lg-bottom-8 {
    margin-bottom: 16px; }
  .ma-lg-left-8 {
    margin-left: 16px; }
  .ma-lg-right-8 {
    margin-right: 16px; }
  .ma-lg-9 {
    margin: 18px 18px 18px 18px; }
  .ma-lg-top-9 {
    margin-top: 18px; }
  .ma-lg-bottom-9 {
    margin-bottom: 18px; }
  .ma-lg-left-9 {
    margin-left: 18px; }
  .ma-lg-right-9 {
    margin-right: 18px; }
  .ma-lg-10 {
    margin: 20px 20px 20px 20px; }
  .ma-lg-top-10 {
    margin-top: 20px; }
  .ma-lg-bottom-10 {
    margin-bottom: 20px; }
  .ma-lg-left-10 {
    margin-left: 20px; }
  .ma-lg-right-10 {
    margin-right: 20px; }
  .ma-lg-11 {
    margin: 22px 22px 22px 22px; }
  .ma-lg-top-11 {
    margin-top: 22px; }
  .ma-lg-bottom-11 {
    margin-bottom: 22px; }
  .ma-lg-left-11 {
    margin-left: 22px; }
  .ma-lg-right-11 {
    margin-right: 22px; }
  .ma-lg-12 {
    margin: 24px 24px 24px 24px; }
  .ma-lg-top-12 {
    margin-top: 24px; }
  .ma-lg-bottom-12 {
    margin-bottom: 24px; }
  .ma-lg-left-12 {
    margin-left: 24px; }
  .ma-lg-right-12 {
    margin-right: 24px; }
  .ma-lg-13 {
    margin: 26px 26px 26px 26px; }
  .ma-lg-top-13 {
    margin-top: 26px; }
  .ma-lg-bottom-13 {
    margin-bottom: 26px; }
  .ma-lg-left-13 {
    margin-left: 26px; }
  .ma-lg-right-13 {
    margin-right: 26px; }
  .ma-lg-14 {
    margin: 28px 28px 28px 28px; }
  .ma-lg-top-14 {
    margin-top: 28px; }
  .ma-lg-bottom-14 {
    margin-bottom: 28px; }
  .ma-lg-left-14 {
    margin-left: 28px; }
  .ma-lg-right-14 {
    margin-right: 28px; }
  .ma-lg-15 {
    margin: 30px 30px 30px 30px; }
  .ma-lg-top-15 {
    margin-top: 30px; }
  .ma-lg-bottom-15 {
    margin-bottom: 30px; }
  .ma-lg-left-15 {
    margin-left: 30px; }
  .ma-lg-right-15 {
    margin-right: 30px; }
  .ma-lg-16 {
    margin: 32px 32px 32px 32px; }
  .ma-lg-top-16 {
    margin-top: 32px; }
  .ma-lg-bottom-16 {
    margin-bottom: 32px; }
  .ma-lg-left-16 {
    margin-left: 32px; }
  .ma-lg-right-16 {
    margin-right: 32px; }
  .ma-lg-17 {
    margin: 34px 34px 34px 34px; }
  .ma-lg-top-17 {
    margin-top: 34px; }
  .ma-lg-bottom-17 {
    margin-bottom: 34px; }
  .ma-lg-left-17 {
    margin-left: 34px; }
  .ma-lg-right-17 {
    margin-right: 34px; }
  .ma-lg-18 {
    margin: 36px 36px 36px 36px; }
  .ma-lg-top-18 {
    margin-top: 36px; }
  .ma-lg-bottom-18 {
    margin-bottom: 36px; }
  .ma-lg-left-18 {
    margin-left: 36px; }
  .ma-lg-right-18 {
    margin-right: 36px; }
  .ma-lg-19 {
    margin: 38px 38px 38px 38px; }
  .ma-lg-top-19 {
    margin-top: 38px; }
  .ma-lg-bottom-19 {
    margin-bottom: 38px; }
  .ma-lg-left-19 {
    margin-left: 38px; }
  .ma-lg-right-19 {
    margin-right: 38px; }
  .ma-lg-20 {
    margin: 40px 40px 40px 40px; }
  .ma-lg-top-20 {
    margin-top: 40px; }
  .ma-lg-bottom-20 {
    margin-bottom: 40px; }
  .ma-lg-left-20 {
    margin-left: 40px; }
  .ma-lg-right-20 {
    margin-right: 40px; }
  .ma-lg-21 {
    margin: 42px 42px 42px 42px; }
  .ma-lg-top-21 {
    margin-top: 42px; }
  .ma-lg-bottom-21 {
    margin-bottom: 42px; }
  .ma-lg-left-21 {
    margin-left: 42px; }
  .ma-lg-right-21 {
    margin-right: 42px; }
  .ma-lg-22 {
    margin: 44px 44px 44px 44px; }
  .ma-lg-top-22 {
    margin-top: 44px; }
  .ma-lg-bottom-22 {
    margin-bottom: 44px; }
  .ma-lg-left-22 {
    margin-left: 44px; }
  .ma-lg-right-22 {
    margin-right: 44px; }
  .ma-lg-23 {
    margin: 46px 46px 46px 46px; }
  .ma-lg-top-23 {
    margin-top: 46px; }
  .ma-lg-bottom-23 {
    margin-bottom: 46px; }
  .ma-lg-left-23 {
    margin-left: 46px; }
  .ma-lg-right-23 {
    margin-right: 46px; }
  .ma-lg-24 {
    margin: 48px 48px 48px 48px; }
  .ma-lg-top-24 {
    margin-top: 48px; }
  .ma-lg-bottom-24 {
    margin-bottom: 48px; }
  .ma-lg-left-24 {
    margin-left: 48px; }
  .ma-lg-right-24 {
    margin-right: 48px; }
  .ma-lg-25 {
    margin: 50px 50px 50px 50px; }
  .ma-lg-top-25 {
    margin-top: 50px; }
  .ma-lg-bottom-25 {
    margin-bottom: 50px; }
  .ma-lg-left-25 {
    margin-left: 50px; }
  .ma-lg-right-25 {
    margin-right: 50px; }
  .ma-lg-26 {
    margin: 52px 52px 52px 52px; }
  .ma-lg-top-26 {
    margin-top: 52px; }
  .ma-lg-bottom-26 {
    margin-bottom: 52px; }
  .ma-lg-left-26 {
    margin-left: 52px; }
  .ma-lg-right-26 {
    margin-right: 52px; }
  .ma-lg-27 {
    margin: 54px 54px 54px 54px; }
  .ma-lg-top-27 {
    margin-top: 54px; }
  .ma-lg-bottom-27 {
    margin-bottom: 54px; }
  .ma-lg-left-27 {
    margin-left: 54px; }
  .ma-lg-right-27 {
    margin-right: 54px; }
  .ma-lg-28 {
    margin: 56px 56px 56px 56px; }
  .ma-lg-top-28 {
    margin-top: 56px; }
  .ma-lg-bottom-28 {
    margin-bottom: 56px; }
  .ma-lg-left-28 {
    margin-left: 56px; }
  .ma-lg-right-28 {
    margin-right: 56px; }
  .ma-lg-29 {
    margin: 58px 58px 58px 58px; }
  .ma-lg-top-29 {
    margin-top: 58px; }
  .ma-lg-bottom-29 {
    margin-bottom: 58px; }
  .ma-lg-left-29 {
    margin-left: 58px; }
  .ma-lg-right-29 {
    margin-right: 58px; }
  .ma-lg-30 {
    margin: 60px 60px 60px 60px; }
  .ma-lg-top-30 {
    margin-top: 60px; }
  .ma-lg-bottom-30 {
    margin-bottom: 60px; }
  .ma-lg-left-30 {
    margin-left: 60px; }
  .ma-lg-right-30 {
    margin-right: 60px; } }

/* Bootstrap specific rules */
.col-center-block {
  float: none;
  display: block;
  margin: 0 auto; }

.vertical-align-col {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center; }

@media (min-width: 768px) {
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

.align-cols-vertically {
  display: flex;
  align-items: center; }

.no-gutter > [class*="col-"] {
  padding-right: 0;
  padding-left: 0; }

.app-container {
  min-height: 400px;
  padding-top: 55px; }
  @media (min-width: 992px) {
    .app-container {
      min-height: 400px; } }

.text-white {
  color: #fff; }

.bg-gray {
  background-color: #666; }

.bg-gray-light {
  background-color: #bbb; }

.bg-gray-light-2 {
  background-color: #eeeeee; }

.bg-blue {
  background-color: #0072bc; }

.bg-white {
  background-color: #fff; }

.text-blue {
  color: #0072bc; }

.italic {
  font-style: italic; }

.emotion {
  display: inline-block;
  width: 31px;
  height: 31px;
  cursor: pointer;
  transition: all 0.3s ease-out; }
  .emotion.small {
    width: 22px;
    height: 22px; }
  .emotion svg {
    width: 100%;
    height: 100%;
    pointer-events: none; }

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.img-question {
  width: 15px;
  height: 15px;
  background: url("gooru/questionmark.png") no-repeat; }

.border-gray {
  border-right: 1px solid #666; }

.pointer {
  cursor: pointer; }

/* Loading styles */
.loading-text {
  text-align: center;
  width: 100%;
  clear: both; }

.cards i.video-icon,
.gru-preview-collection i.video-icon,
.gru-preview-course i.video-icon,
.new-cards i.video-icon {
  background-image: url("gooru/images/video-resource.svg"); }

.cards i.html-icon,
.gru-preview-collection i.html-icon,
.gru-preview-course i.html-icon,
.new-cards i.html-icon {
  background-image: url("gooru/images/html-icon.png"); }

.cards i.webpage-icon,
.gru-preview-collection i.webpage-icon,
.gru-preview-course i.webpage-icon,
.new-cards i.webpage-icon {
  background: url("gooru/images/website-resource.svg"); }

.cards i.interactive-icon,
.gru-preview-collection i.interactive-icon,
.gru-preview-course i.interactive-icon,
.new-cards i.interactive-icon {
  background: url("gooru/images/interactive-resource.svg"); }

.cards i.question-icon,
.gru-preview-collection i.question-icon,
.gru-preview-course i.question-icon,
.new-cards i.question-icon {
  background: url("gooru/images/question-resource.svg"); }

.cards i.image-icon,
.gru-preview-collection i.image-icon,
.gru-preview-course i.image-icon,
.new-cards i.image-icon {
  background: url("gooru/images/image-resource.svg"); }

.cards i.text-icon,
.gru-preview-collection i.text-icon,
.gru-preview-course i.text-icon,
.new-cards i.text-icon {
  background: url("gooru/images/text-resource.svg"); }

.cards i.audio-icon,
.gru-preview-collection i.audio-icon,
.gru-preview-course i.audio-icon,
.new-cards i.audio-icon {
  background: url("gooru/images/audio-resource.svg"); }

.cards .gru-preview-taxonomy-tag-list .gru-taxonomy-tag,
.cards .gru-taxonomy-tag-list.in-card .gru-taxonomy-tag,
.gru-preview-collection .gru-preview-taxonomy-tag-list .gru-taxonomy-tag,
.gru-preview-collection .gru-taxonomy-tag-list.in-card .gru-taxonomy-tag,
.gru-preview-course .gru-preview-taxonomy-tag-list .gru-taxonomy-tag,
.gru-preview-course .gru-taxonomy-tag-list.in-card .gru-taxonomy-tag,
.new-cards .gru-preview-taxonomy-tag-list .gru-taxonomy-tag,
.new-cards .gru-taxonomy-tag-list.in-card .gru-taxonomy-tag {
  background-color: #0072bc;
  border: 0 none; }
  .cards .gru-preview-taxonomy-tag-list .gru-taxonomy-tag div > b,
  .cards .gru-taxonomy-tag-list.in-card .gru-taxonomy-tag div > b,
  .gru-preview-collection .gru-preview-taxonomy-tag-list .gru-taxonomy-tag div > b,
  .gru-preview-collection .gru-taxonomy-tag-list.in-card .gru-taxonomy-tag div > b,
  .gru-preview-course .gru-preview-taxonomy-tag-list .gru-taxonomy-tag div > b,
  .gru-preview-course .gru-taxonomy-tag-list.in-card .gru-taxonomy-tag div > b,
  .new-cards .gru-preview-taxonomy-tag-list .gru-taxonomy-tag div > b,
  .new-cards .gru-taxonomy-tag-list.in-card .gru-taxonomy-tag div > b {
    color: #fff; }
  .cards .gru-preview-taxonomy-tag-list .gru-taxonomy-tag div > span,
  .cards .gru-taxonomy-tag-list.in-card .gru-taxonomy-tag div > span,
  .gru-preview-collection .gru-preview-taxonomy-tag-list .gru-taxonomy-tag div > span,
  .gru-preview-collection .gru-taxonomy-tag-list.in-card .gru-taxonomy-tag div > span,
  .gru-preview-course .gru-preview-taxonomy-tag-list .gru-taxonomy-tag div > span,
  .gru-preview-course .gru-taxonomy-tag-list.in-card .gru-taxonomy-tag div > span,
  .new-cards .gru-preview-taxonomy-tag-list .gru-taxonomy-tag div > span,
  .new-cards .gru-taxonomy-tag-list.in-card .gru-taxonomy-tag div > span {
    color: #fff; }
  .cards .gru-preview-taxonomy-tag-list .gru-taxonomy-tag div .tag-caption,
  .cards .gru-preview-taxonomy-tag-list .gru-taxonomy-tag div .tag-label,
  .cards .gru-taxonomy-tag-list.in-card .gru-taxonomy-tag div .tag-caption,
  .cards .gru-taxonomy-tag-list.in-card .gru-taxonomy-tag div .tag-label,
  .gru-preview-collection .gru-preview-taxonomy-tag-list .gru-taxonomy-tag div .tag-caption,
  .gru-preview-collection .gru-preview-taxonomy-tag-list .gru-taxonomy-tag div .tag-label,
  .gru-preview-collection .gru-taxonomy-tag-list.in-card .gru-taxonomy-tag div .tag-caption,
  .gru-preview-collection .gru-taxonomy-tag-list.in-card .gru-taxonomy-tag div .tag-label,
  .gru-preview-course .gru-preview-taxonomy-tag-list .gru-taxonomy-tag div .tag-caption,
  .gru-preview-course .gru-preview-taxonomy-tag-list .gru-taxonomy-tag div .tag-label,
  .gru-preview-course .gru-taxonomy-tag-list.in-card .gru-taxonomy-tag div .tag-caption,
  .gru-preview-course .gru-taxonomy-tag-list.in-card .gru-taxonomy-tag div .tag-label,
  .new-cards .gru-preview-taxonomy-tag-list .gru-taxonomy-tag div .tag-caption,
  .new-cards .gru-preview-taxonomy-tag-list .gru-taxonomy-tag div .tag-label,
  .new-cards .gru-taxonomy-tag-list.in-card .gru-taxonomy-tag div .tag-caption,
  .new-cards .gru-taxonomy-tag-list.in-card .gru-taxonomy-tag div .tag-label {
    text-overflow: ellipsis; }

.cards .gru-preview-taxonomy-tag-list .tag-caption,
.gru-preview-collection .gru-preview-taxonomy-tag-list .tag-caption,
.gru-preview-course .gru-preview-taxonomy-tag-list .tag-caption,
.new-cards .gru-preview-taxonomy-tag-list .tag-caption {
  display: none; }

.category-menu {
  height: 100%; }
  @media (max-width: 991px) {
    .category-menu {
      width: auto; } }
  .category-menu .standards {
    display: table-cell;
    float: none;
    text-align: right;
    vertical-align: middle; }

.category-options {
  padding: 0;
  list-style: none;
  display: inline-block;
  height: inherit;
  margin: 0; }
  @media (max-width: 767px) {
    .category-options {
      -ms-flex-pack: distribute;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      width: 100%;
      margin: 0; } }
  @media only screen and (max-width: 767px) {
    .category-options {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .category-options {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 100%;
      margin-left: 20px; } }
  .category-options li {
    display: inline-block;
    margin: 0 10px;
    height: 100%; }
    @media only screen and (max-width: 767px) {
      .category-options li {
        margin: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .category-options li {
        margin: 0 5px; } }
    .category-options li.active a {
      -webkit-box-shadow: inset 0 -3px 0 #fff;
      box-shadow: inset 0 -3px 0 #fff;
      color: #fff;
      padding-bottom: 3px; }
      .category-options li.active a > * {
        opacity: 1; }
      .category-options li.active a:focus:hover {
        color: #fff;
        -webkit-box-shadow: inset 0 -3px 0 #fff;
        box-shadow: inset 0 -3px 0 #fff; }
      .category-options li.active a:hover {
        -webkit-box-shadow: inset 0 -3px 0 #fff;
        box-shadow: inset 0 -3px 0 #fff;
        color: #fff; }
    .category-options li a:hover {
      -webkit-box-shadow: inset 0 -3px 0 #fff;
      box-shadow: inset 0 -3px 0 #fff;
      color: #fff; }
    .category-options li.courses i {
      background: url("gooru/images/navigation_course.svg");
      width: 20px;
      min-height: 15px; }
    .category-options li.courses.active i {
      background: url("gooru/images/navigation_course_selected.svg"); }
    .category-options li.collections i {
      background: url("gooru/images/navigation_collection.svg");
      width: 20px;
      min-height: 15px; }
    .category-options li.collections.active i {
      background: url("gooru/images/navigation_collection_selected_icon.svg");
      width: 22px;
      min-height: 19px; }
    .category-options li.assessments i {
      background: url("gooru/images/navigation_assessment.svg");
      width: 20px;
      min-height: 15px; }
    .category-options li.assessments.active i {
      background: url("gooru/images/navigation_assessment_selected.svg"); }
    .category-options li.resources a {
      padding: 2px 0 0;
      line-height: 20px; }
    .category-options li.resources i {
      background: url("gooru/images/navigation_resource_icon.svg") no-repeat;
      background-size: 22px 19px;
      min-height: 19px;
      width: 23px;
      height: 23px; }
      @media (min-width: 992px) {
        .category-options li.resources i {
          background-size: contain;
          min-height: 21px; } }
    .category-options li.resources.active i {
      background: url("gooru/images/navigation_resource_selected_icon.svg") no-repeat; }
    .category-options li.questions a {
      padding: 2px 0 0;
      line-height: 20px; }
    .category-options li.questions i {
      background: url("gooru/images/navigation_question.svg") no-repeat;
      background-size: 22px 19px;
      min-height: 19px;
      width: 23px;
      height: 23px; }
      @media (min-width: 992px) {
        .category-options li.questions i {
          background-size: contain;
          min-height: 21px; } }
    .category-options li.questions.active i {
      background: url("gooru/images/navigation_question_selected.svg") no-repeat;
      background-size: contain; }
    .category-options li.rubrics a {
      padding: 2px 0 0;
      line-height: 20px; }
    .category-options li.rubrics i {
      background: url("gooru/images/navigation_rubric_icon.svg") no-repeat;
      background-size: 22px 19px;
      min-height: 19px;
      width: 23px; }
      @media (min-width: 992px) {
        .category-options li.rubrics i {
          background-size: contain;
          min-height: 16px; } }
    .category-options li.rubrics.active i {
      background: url("gooru/images/navigation_rubric_selected_icon.svg"); }
  .category-options .btn-category {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 100%;
    padding: 0; }
    @media (max-width: 767px) {
      .category-options .btn-category {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 5px 0 0;
        width: 100%; } }
    .category-options .btn-category > * {
      color: #fff;
      opacity: 0.6; }
    .category-options .btn-category i {
      display: inline-block;
      line-height: 16px;
      font-size: 22px;
      vertical-align: middle;
      margin-right: 5px; }
    .category-options .btn-category span {
      vertical-align: middle;
      display: inline-block;
      font-size: 14px;
      margin: 0 5px 0 0; }

#toast-container.toast-top-full-width > .gooru-toast {
  width: 100%;
  background-image: none !important; }
  #toast-container.toast-top-full-width > .gooru-toast .btn-success {
    padding: 2px 30px;
    margin-left: 25px;
    font-size: 13px; }
  #toast-container.toast-top-full-width > .gooru-toast .toast-message {
    text-align: center; }

label span.required:after {
  content: " *"; }

.show-more-results {
  display: block;
  width: 50%;
  text-align: center;
  padding: 20px;
  border: 2px dashed #ccc;
  margin: 0 auto;
  border-radius: 5px 5px;
  cursor: pointer;
  margin-bottom: 20px;
  color: #666; }

.out-of-scope {
  display: none !important; }

.gru-math-expression {
  display: inline !important; }
  .gru-math-expression .source {
    display: none !important; }

.katex {
  font-size: 1.5em !important;
  display: inline !important;
  margin-bottom: 0 !important;
  word-wrap: normal !important; }
  .katex span {
    display: inline !important;
    margin-bottom: 0 !important;
    word-wrap: normal !important; }
  .katex .base,
  .katex .fontsize-ensurer,
  .katex .katex-html,
  .katex .mspace,
  .katex .mtable .arraycolsep,
  .katex .mtable .vertical-separator,
  .katex .rule,
  .katex .sizing,
  .katex .strut,
  .katex .vlist,
  .katex .vlist > span > span {
    display: inline-block !important; }
  .katex .vlist > span {
    display: block !important; }
  .katex .vlist .baseline-fix {
    display: inline-table !important; }
  .katex .mtable .vertical-separator {
    margin: 0 -0.025em !important; }

.align-center {
  text-align: center;
  margin: 0 auto; }

.right {
  float: right; }

.left {
  float: left; }

.border-between > [class*="col-"]:before {
  background: #e3e5ea;
  bottom: 0;
  content: " ";
  left: 0;
  position: absolute;
  width: 2px;
  top: 0; }

.border-between > [class*="col-"]:first-child:before {
  display: none; }

.border-below > [class="row"]:after {
  width: 100%;
  height: 10px;
  margin-bottom: 10px;
  content: " ";
  border-bottom: 2px solid #e3e5ea; }

.border-below > [class="row"]:last-child:after {
  display: none; }

.grade-range-not-started {
  background-color: #fff; }

.grade-range-0-59 {
  background-color: #f46360;
  color: #fff !important; }

.grade-range-60-69 {
  background-color: #de7a1d;
  color: #fff !important; }
  .grade-range-60-69 .course-map-icon i {
    color: #37424b !important; }

.grade-range-70-79 {
  background-color: #f8ba41;
  color: #fff !important; }

.grade-range-80-89 {
  background-color: #2bcc8d;
  color: #fff !important; }

.grade-range-90-100 {
  background-color: #2bcc8d;
  color: #fff !important; }

.grade-range-text-0-59 {
  color: #f46360 !important; }

.grade-range-text-60-69 {
  color: #de7a1d !important; }

.grade-range-text-70-79 {
  color: #f8ba41 !important; }

.grade-range-text-80-89 {
  color: #2bcc8d !important; }

.grade-range-text-90-100 {
  color: #2bcc8d !important; }

.fill-range-not-started {
  fill: #fff; }

.fill-range-0-59 {
  fill: #f46360; }

.fill-range-60-69 {
  fill: #de7a1d; }

.fill-range-70-79 {
  fill: #f8ba41; }

.fill-range-80-89 {
  fill: #2bcc8d; }

.fill-range-90-100 {
  fill: #2bcc8d; }

.vertically-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 100; }

.center-align {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100; }

.curser-pointer {
  cursor: pointer; }

.demo-image {
  background-image: url("gooru/card-sample.png");
  width: 169px;
  background-size: contain;
  background-repeat: no-repeat;
  height: 200px;
  margin-left: 30%; }

.disable-div {
  z-index: 99;
  cursor: not-allowed;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  pointer-events: none;
  border-style: none !important; }

.margin-top-5px {
  margin-top: 5px; }

.margin-top-10px {
  margin-top: 10px; }

.margin-right-5px {
  margin-right: 5px; }

.margin-left-30px {
  margin-left: 30px; }

.margin-top-15px {
  margin-top: 15px; }

.margin-top-20px {
  margin-top: 20px; }

.margin-top-25px {
  margin-top: 25px; }

.margin-top-30px {
  margin-top: 30px; }

.margin-top-35px {
  margin-top: 35px !important; }

.relative-inline-block {
  position: relative;
  display: inline-block; }

.margin-auto {
  margin: 0 auto !important; }

.line-height-custom {
  line-height: 1.3; }

.competency-status-0 {
  background-color: #e7e8e9; }

.competency-status-1 {
  background-color: #1aa9eb; }

.competency-status-2,
.competency-status-3,
.competency-status-4,
.competency-status-5 {
  background-color: #4b8fe2; }

.disable-event {
  pointer-events: none !important; }

.disable-color {
  opacity: 0.4; }

.font-bold {
  font-weight: bold; }

.showHelpIcon {
  padding-left: 10px;
  align-self: center;
  cursor: pointer; }
  .showHelpIcon .material-icons {
    font-size: 20px; }
  .showHelpIcon .fa-question-circle {
    font-weight: bolder; }

.marginBottom0 {
  margin-bottom: 0 !important; }

.loading-icon-spinner {
  background: url("gooru/loader.svg") no-repeat center;
  display: inline-block;
  width: 101px;
  height: 20px; }

@media screen and (max-width: 500px) {
  .introjs-disableInteraction {
    z-index: 1000000 !important; }
  .introjs-tooltipReferenceLayer {
    left: 0 !important;
    top: 35% !important; }
    .introjs-tooltipReferenceLayer .introjs-tooltip {
      top: 35% !important;
      left: 0 !important;
      margin-left: 0 !important;
      margin-top: 0 !important;
      min-width: 300px;
      position: fixed; } }

.hide-div {
  display: none; }

.show-div {
  display: block; }

.qz-modal {
  height: calc(100vh - 100px); }

/** Responsive Web Design styles will goes here
    Source Path: app-rwd/*
    Example: @import "app-rwd/components/filename";
  */
/* === COLORS === */
/*colors for the performance scale indicator and metrics table*/
/*colors for the performance score and completion circle*/
/*colors for the gru-century-skills*/
/* === DIMENSIONS === */
/*student-performance-box*/
/* Goals*/
/* Student-landing*/
/* Teacher-landing*/
/* New cards*/
/** Custom color */
/* Custom Color couse map */
/*mobile and tablets responsive width*/
@media screen and (max-width: 600px) {
  .qz-player-confirmation .confirmation-panel .header .title-info .collection-info .title {
    font-size: 16px;
    width: 283px; } }

@media only screen and (min-width: 375px) and (max-width: 824px) and (orientation: landscape) {
  .qz-player-confirmation {
    top: 125px;
    left: auto;
    right: auto;
    zoom: 0.9; }
    .qz-player-confirmation .confirmation-panel {
      width: 450px;
      height: max-content; }
      .qz-player-confirmation .confirmation-panel .body .description {
        min-height: max-content;
        padding-bottom: 4px;
        -webkit-line-clamp: 3; }
    .qz-player-confirmation .confirmation-panel .body .properties {
      padding-bottom: 6px; }
    .qz-player-confirmation .confirmation-panel .header .title-info .collection-info .content-info {
      padding: 12px 0; }
    .qz-player-confirmation .confirmation-panel .header .title-info .collection-info .title {
      margin-top: -16px;
      font-size: 13px;
      width: 314px; } }

.qz-player-footer {
  /*mobile view portrait*/
  /*mobile view landscape and portrait*/ }
  .qz-player-footer .nav-player-container .player-container .list-resources {
    left: 0;
    width: 100%; }
  @media only screen and (max-width: 600px) {
    .qz-player-footer .nav-player-container .player-container .player-info .current-resource-info {
      grid-template-columns: 18px 18px 1fr 40px; }
      .qz-player-footer .nav-player-container .player-container .player-info .current-resource-info .resource-question i {
        background-size: 18px 18px; }
      .qz-player-footer .nav-player-container .player-container .player-info .current-resource-info .resource-question .resource-icon {
        height: 18px;
        width: 18px; }
      .qz-player-footer .nav-player-container .player-container .player-info .current-resource-info .resource-title {
        max-width: 100%;
        min-width: 80px; }
        .qz-player-footer .nav-player-container .player-container .player-info .current-resource-info .resource-title span {
          max-width: max-content; } }
  @media only screen and (max-width: 768px) {
    .qz-player-footer .nav-player-container .player-container {
      grid-template-columns: 1fr auto; }
      .qz-player-footer .nav-player-container .player-container .list-resource-nav i {
        margin-left: -66px; }
      .qz-player-footer .nav-player-container .player-container .reaction-bar {
        width: 50px;
        margin: 0; }
    .qz-player-footer .nav-player-container .next-action .next .label {
      display: none; }
    .qz-player-footer .nav-player-container .next-action .submit-all span,
    .qz-player-footer .nav-player-container .next-action .usage-report span {
      display: none; }
    .qz-player-footer .nav-player-container .next-action .submit-all span.icon,
    .qz-player-footer .nav-player-container .next-action .usage-report span.icon {
      display: block; } }
  @media only screen and (max-width: 320px) {
    .qz-player-footer .nav-player-container .next.disabled .icon i {
      margin-left: 0px; } }

.qz-emotion-picker {
  /* mobile view */ }
  @media only screen and (max-width: 767px) {
    .qz-emotion-picker .emotion-picker .emotions-list {
      display: none;
      position: absolute;
      bottom: 50px;
      background-color: #fff;
      width: 50px; }
      .qz-emotion-picker .emotion-picker .emotions-list li {
        display: block;
        padding: 5%; }
    .qz-emotion-picker .emotion-picker .reaction-sm {
      display: block; } }

.related-content {
  /* mobile view */
  /*tablets view */
  /* mobile view orientation */ }
  .related-content .backdrop-close {
    top: 50px; }

@media only screen and (max-width: 767px) and (max-width: 375px) {
  .related-content {
    max-width: 300px; } }
  @media only screen and (max-width: 767px) {
    .related-content .related-content-tabs .related-content-tab {
      width: 100px;
      margin-right: 0; }
      .related-content .related-content-tabs .related-content-tab .tab-info {
        margin-left: 27px; }
        .related-content .related-content-tabs .related-content-tab .tab-info span {
          display: none; }
    .related-content .related-content-body .resource-cards {
      width: max-content;
      grid-template-columns: auto auto auto;
      grid-template-rows: none;
      gap: 10px 10px;
      justify-content: center; } }
  @media only screen and (max-width: 767px) and (max-width: 767px) {
    .related-content .related-content-body .resource-cards {
      width: auto; } }
  @media only screen and (max-width: 767px) and (orientation: landscape) {
    .related-content .related-content-body {
      max-height: 200px; } }

.study-player .qz-player .player {
  height: calc(100% - 50px); }
  @media screen and (max-width: 850px) {
    .study-player .qz-player .player .qz-main {
      height: calc(100% - 40px); } }
  .study-player .qz-player .player .qz-main .qz-viewer {
    margin: 0;
    padding-bottom: 50px; }
    .study-player .qz-player .player .qz-main .qz-viewer .resource .qz-resource-viewer .qz-resource-viewer-panel .qz-preview-url {
      height: 100%; }
    .study-player .qz-player .player .qz-main .qz-viewer .resource .qz-resource-viewer .qz-resource-viewer-panel .qz-youtube-resource iframe {
      height: 100% !important; }
    .study-player .qz-player .player .qz-main .qz-viewer .resource .qz-resource-viewer .qz-resource-viewer-panel .not-iframe {
      height: 100%; }

.player .container-fluid .qz-player {
  overflow: auto;
  height: 100vh; }
  @media screen and (max-width: 767px) {
    .player .container-fluid .qz-player .player {
      height: calc(100% - 40px); } }
  .player .container-fluid .qz-player .player .qz-main {
    min-height: 100%; }
    .player .container-fluid .qz-player .player .qz-main .qz-viewer {
      margin: 0;
      padding-bottom: 50px; }
      @media only screen and (max-width: 768px) {
        .player .container-fluid .qz-player .player .qz-main .qz-viewer .qz-content .qz-resource-viewer .qz-resource-viewer-panel .qz-resource.qz-youtube-resource iframe {
          height: 100% !important; } }

@media only screen and (max-width: 480px) {
  .qz-resource-viewer .qz-resource-viewer-panel .narration {
    height: 100px; }
    .qz-resource-viewer .qz-resource-viewer-panel .narration .panel-body {
      display: flex;
      height: 100%;
      overflow-y: auto; } }

@media (max-width: 680px) {
  .qz-resource-viewer .linkout .panel-body {
    display: grid !important; }
    .qz-resource-viewer .linkout .panel-body .cards.qz-resource-card {
      margin: unset;
      height: 30vh;
      width: 80vw; }
      .qz-resource-viewer .linkout .panel-body .cards.qz-resource-card .panel {
        height: 48vh; }
        .qz-resource-viewer .linkout .panel-body .cards.qz-resource-card .panel .panel-body .externalMsg {
          height: 10vh;
          font-size: 1.55vh;
          color: #000; }
    .qz-resource-viewer .linkout .panel-body .external-browser {
      width: 100% !important;
      height: 25vh; }
      .qz-resource-viewer .linkout .panel-body .external-browser .msg-container {
        height: unset;
        width: 79%; }
      .qz-resource-viewer .linkout .panel-body .external-browser .external-browser-img,
      .qz-resource-viewer .linkout .panel-body .external-browser .external-res-msg1,
      .qz-resource-viewer .linkout .panel-body .external-browser .external-res-msg2,
      .qz-resource-viewer .linkout .panel-body .external-browser .external-res-msg3 {
        display: none; }
      .qz-resource-viewer .linkout .panel-body .external-browser .btn-dark {
        font-size: 3vw !important;
        width: 30vw !important; } }

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .reports.assessment.qz-questions .summary-report-questions .questions-header {
    margin-right: 0;
    text-align: center; }
    .reports.assessment.qz-questions .summary-report-questions .questions-header .title {
      float: none;
      margin: 0; }
  .reports.assessment.qz-questions .summary-report-questions table {
    zoom: 0.8; } }

@media only screen and (min-width: 480px) and (max-width: 768px) {
  .reports.assessment.qz-questions .summary-report-questions table {
    zoom: 0.6; } }

@media only screen and (max-width: 480px) {
  .reports.assessment.qz-questions .summary-report-questions table {
    zoom: 0.6; }
    .reports.assessment.qz-questions .summary-report-questions table .header .title {
      display: none; }
    .reports.assessment.qz-questions .summary-report-questions table .header .icon {
      display: inline-block; } }

@media only screen and (max-width: 767px) {
  .reports.qz-assessment-report {
    width: 100%;
    margin-left: auto; } }

@media only screen and (max-width: 991px) {
  .reports.assessment.qz-summary .summary-container .bubbles,
  .reports.assessment.qz-summary .summary-container .reactions {
    display: none; }
  .reports.assessment.qz-summary .summary-container .overview {
    padding: 0; }
    .reports.assessment.qz-summary .summary-container .overview h5 {
      width: 100%;
      height: 30px; }
    .reports.assessment.qz-summary .summary-container .overview .information {
      margin: 0; }
      .reports.assessment.qz-summary .summary-container .overview .information .date {
        margin: 0 20px 0 0; }
  .reports.assessment.qz-summary .summary-container .grade {
    padding: 10px;
    text-align: center; } }

@media only screen and (max-width: 1200px) and (min-width: 991px) {
  .reports.assessment.qz-summary .summary-container .overview h5 {
    width: 100%;
    height: max-content; } }

@media only screen and (max-width: 991px) {
  .reports.assessment.qz-resources .resources-header {
    text-align: center; } }

@media only screen and (max-width: 767px) {
  .reports.assessment.qz-resources .header .title {
    display: none !important; }
  .reports.assessment.qz-resources .header .icon {
    display: block !important; } }

@media only screen and (max-width: 480px) {
  .reports.qz-class-assessment-report .view-container .gru-view-layout-picker {
    top: 0;
    left: 0; } }

@media only screen and (max-width: 767px) {
  .qz-modal.qz-assessment-report-modal .modal-dialog {
    width: 100% !important;
    margin: 0; } }

@media only screen and (max-width: 767px) {
  .qz-modal.qz-questions-detail-modal .modal-dialog {
    width: 100% !important;
    margin: 0; } }

@media only screen and (max-width: 480px) {
  .reports.class-assessment.qz-student-view .sort-section {
    margin-top: 0; }
    .reports.class-assessment.qz-student-view .sort-section .btn-group .sort-alphabetical span,
    .reports.class-assessment.qz-student-view .sort-section .btn-group .sort-average span {
      display: none; } }

@media only screen and (max-width: 380px) {
  .reports.class-assessment.qz-summary .content ul.overview li {
    margin: 0;
    padding: 0; }
    .reports.class-assessment.qz-summary .content ul.overview li span {
      font-size: 10px; } }

@media only screen and (max-width: 480px) {
  .reports.class-assessment.qz-summary .grading-scale .grading-scale-legend {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: auto auto; } }

@media only screen and (max-width: 480px) {
  .reports.class-assessment.qz-questions-detail .body {
    display: grid;
    grid-template-rows: 200px auto;
    grid-gap: 10px; }
    .reports.class-assessment.qz-questions-detail .body .question-info {
      width: 100%; }
    .reports.class-assessment.qz-questions-detail .body .question-metrics {
      padding: 0;
      width: 100%; } }

.gru-two-tier-header-table {
  width: calc(100% - 110px); }

@media only screen and (max-width: 768px) {
  .player .qz-question-viewer .answers-panel .panel,
  .player .qz-question-viewer .question-panel .panel {
    margin-top: 0;
    min-height: auto; } }

.student.course-map .routesuggestion-preview .suggest-desc {
  line-height: 15pt; }

.student.course-map .routesuggestion-preview .suggest-sep {
  height: auto; }

.student.course-map .routesuggestion-preview .route-suggestions-container {
  width: 100%;
  margin: auto; }
  .student.course-map .routesuggestion-preview .route-suggestions-container .route0-banner {
    display: flex; }
  .student.course-map .routesuggestion-preview .route-suggestions-container .preview-content {
    display: block; }
    .student.course-map .routesuggestion-preview .route-suggestions-container .preview-content .proficiency-chart .route-suggestion-proficiency-matrix .matrix-chart {
      zoom: 0.9;
      margin: auto; }
      .student.course-map .routesuggestion-preview .route-suggestions-container .preview-content .proficiency-chart .route-suggestion-proficiency-matrix .matrix-chart .domain-sequence-container {
        width: 100%; }
    .student.course-map .routesuggestion-preview .route-suggestions-container .preview-content .suggestion-accordion {
      zoom: 0.6; }
      .student.course-map .routesuggestion-preview .route-suggestions-container .preview-content .suggestion-accordion .gru-accordion-course.course-suggestions {
        margin: auto auto 15px; }
        .student.course-map .routesuggestion-preview .route-suggestions-container .preview-content .suggestion-accordion .gru-accordion-course.course-suggestions .panel-heading .panel-title > a {
          max-width: none; }
        .student.course-map .routesuggestion-preview .route-suggestions-container .preview-content .suggestion-accordion .gru-accordion-course.course-suggestions .gru-accordion-unit .panel-heading .panel-title {
          width: 100%; }
  .student.course-map .routesuggestion-preview .route-suggestions-container .course-suggestion .created-by-kangoorus {
    height: auto;
    width: auto; }

.student.course-map .routesuggestion-preview .action {
  width: max-content;
  margin: auto; }

@media screen and (min-width: 768px) and (max-width: 992px) {
  .student.course-map .routesuggestion-preview .route-suggestions-container .preview-content {
    display: flex; }
    .student.course-map .routesuggestion-preview .route-suggestions-container .preview-content .proficiency-chart .route-suggestion-proficiency-matrix .matrix-chart {
      zoom: 0.6; }
    .student.course-map .routesuggestion-preview .route-suggestions-container .preview-content .suggestion-accordion {
      zoom: 0.9; }
  .student.course-map .routesuggestion-preview .action {
    margin: auto 15px auto auto; } }

@media screen and (max-width: 376px) {
  .student.course-map .routesuggestion-preview .route-suggestions-container .preview-content .proficiency-chart .route-suggestion-proficiency-matrix .matrix-chart {
    zoom: 0.7; } }

.routesuggestion-coursemap .route-suggestions-container {
  width: 98% !important;
  margin: auto; }
  .routesuggestion-coursemap .route-suggestions-container .gru-accordion-course,
  .routesuggestion-coursemap .route-suggestions-container .gru-accordion-unit {
    padding: 0; }
  @media screen and (max-width: 767px) {
    .routesuggestion-coursemap .route-suggestions-container .gru-accordion-course .panel-heading .panel-title > a {
      max-width: none;
      display: block; }
    .routesuggestion-coursemap .route-suggestions-container .gru-accordion-lesson .panel-collapse.collapse.in .collections .panel-heading .panel-title {
      width: 65%;
      display: flex;
      line-height: 60px; }
      .routesuggestion-coursemap .route-suggestions-container .gru-accordion-lesson .panel-collapse.collapse.in .collections .panel-heading .panel-title .title {
        width: calc(100% - 100px); }
    .routesuggestion-coursemap .route-suggestions-container .gru-accordion-lesson .panel-heading .panel-title {
      width: 75%; }
    .routesuggestion-coursemap .route-suggestions-container .gru-accordion-lesson .panel-heading .info .performance .not-started {
      padding: 6px 5px 0; } }
  @media screen and (max-width: 479px) {
    .routesuggestion-coursemap .route-suggestions-container .gru-accordion-lesson .panel-collapse.collapse.in .collections .panel-heading .panel-title {
      width: 58%; }
      .routesuggestion-coursemap .route-suggestions-container .gru-accordion-lesson .panel-collapse.collapse.in .collections .panel-heading .panel-title .icon-container {
        width: 50px; }
      .routesuggestion-coursemap .route-suggestions-container .gru-accordion-lesson .panel-collapse.collapse.in .collections .panel-heading .panel-title .title {
        width: calc(100% - 50px); }
    .routesuggestion-coursemap .route-suggestions-container .gru-accordion-lesson .panel-collapse.collapse.in .collections .panel-heading .info div.performance,
    .routesuggestion-coursemap .route-suggestions-container .gru-accordion-lesson .panel-collapse.collapse.in .collections .panel-heading .info div.play-btn {
      width: 50px; }
    .routesuggestion-coursemap .route-suggestions-container .gru-accordion-lesson .panel-collapse.collapse.in .collections .panel-heading .info .performance .not-started {
      padding: 6px 5px 0; } }
  @media screen and (min-width: 320px) and (max-width: 374px) {
    .routesuggestion-coursemap .route-suggestions-container .gru-accordion-lesson .panel-heading .panel-title {
      width: 72%; }
    .routesuggestion-coursemap .route-suggestions-container .gru-accordion-lesson .panel-collapse.collapse.in .collections .panel-heading .panel-title {
      width: 55%; } }
  @media screen and (max-width: 767px) {
    .routesuggestion-coursemap .route-suggestions-container .course-suggestions .gru-accordion-unit .unit + .collapse.in {
      padding: 4px; }
    .routesuggestion-coursemap .route-suggestions-container .course-suggestions .gru-accordion-unit .unit > .panel-title {
      padding-top: 0;
      height: 100%; }
      .routesuggestion-coursemap .route-suggestions-container .course-suggestions .gru-accordion-unit .unit > .panel-title a {
        height: 100%; }
        .routesuggestion-coursemap .route-suggestions-container .course-suggestions .gru-accordion-unit .unit > .panel-title a .title {
          display: grid;
          grid-template-rows: max-content auto;
          padding-left: 10px; }
          .routesuggestion-coursemap .route-suggestions-container .course-suggestions .gru-accordion-unit .unit > .panel-title a .title .prefix {
            border: none;
            font-size: 12px;
            margin: 0; }
          .routesuggestion-coursemap .route-suggestions-container .course-suggestions .gru-accordion-unit .unit > .panel-title a .title .ellipsis {
            font-size: 15px;
            font-style: normal;
            padding-left: 10px; }
    .routesuggestion-coursemap .route-suggestions-container .course-suggestions .gru-accordion-lesson.expanded .panel-collapse.collapse.in .panel-body {
      padding: 5px 5px 10px; }
    .routesuggestion-coursemap .route-suggestions-container .course-suggestions .gru-accordion-lesson .panel-heading .panel-title {
      padding-top: 0; }
      .routesuggestion-coursemap .route-suggestions-container .course-suggestions .gru-accordion-lesson .panel-heading .panel-title > a {
        display: grid;
        grid-template-rows: max-content auto; }
        .routesuggestion-coursemap .route-suggestions-container .course-suggestions .gru-accordion-lesson .panel-heading .panel-title > a .lesson-prefix {
          border: none;
          font-size: 12px; }
        .routesuggestion-coursemap .route-suggestions-container .course-suggestions .gru-accordion-lesson .panel-heading .panel-title > a .ellipsis {
          font-size: 15px;
          font-style: normal; }
    .routesuggestion-coursemap .route-suggestions-container .course-suggestions .gru-accordion-lesson .panel-collapse.collapse.in .collections .panel-heading .panel-title .title {
      display: block; } }

.student-featured-courses {
  /* Extra small devices (phones, 600px and down) */
  /* Small devices (portrait tablets and large phones, 600px and up) */ }
  @media only screen and (max-width: 600px) {
    .student-featured-courses .courses {
      grid-template-columns: auto; }
      .student-featured-courses .courses .gru-standard-card {
        margin: 0; }
      .student-featured-courses .courses > * {
        display: none !important; }
      .student-featured-courses .courses div.gru-standard-card:nth-child(1) {
        display: block !important; } }
  @media only screen and (min-width: 600px) {
    .student-featured-courses .courses {
      grid-template-columns: auto auto auto; }
      .student-featured-courses .courses > * {
        display: none !important; }
      .student-featured-courses .courses .gru-standard-card:nth-child(3) {
        margin: 0; }
      .student-featured-courses .courses div.gru-standard-card:nth-child(1),
      .student-featured-courses .courses div.gru-standard-card:nth-child(2),
      .student-featured-courses .courses div.gru-standard-card:nth-child(3) {
        display: block !important; } }

@media screen and (min-width: 768px) and (min-height: 1024px) {
  .study-player-external .player-container {
    height: 100% !important; } }

@media screen and (min-width: 568px) {
  .study-player-external .player-container {
    overflow: auto; }
    .study-player-external .player-container .player {
      height: 100%; }
      .study-player-external .player-container .player .gru-external-assessment-page .external-assessment-landing-page .external-assessment-card .body {
        padding-top: 0px; }
      .study-player-external .player-container .player .gru-external-assessment-page .external-assessment-landing-page .external-assessment-card .footer {
        padding-top: 6px; }
      .study-player-external .player-container .player .gru-external-assessment-page .header .title {
        font-size: 19px; } }

@media screen and (max-width: 600px) {
  .study-player-external .player-container .gru-external-assessment-page .external-assessment-landing-page .external-assessment-card .header .title {
    font-size: 17px; } }

@media screen and (max-width: 568px) {
  .player-external .app-container .external-player-container .player-container .gru-external-assessment-page .external-assessment-landing-page .external-assessment-card .header .title {
    font-size: 22px; } }

@media screen and (min-width: 568px) {
  .player-external .app-container .external-player-container .player-container .gru-external-assessment-page .external-assessment-landing-page .external-assessment-card .body {
    padding-top: 0px; }
  .player-external .app-container .external-player-container .player-container .gru-external-assessment-page .external-assessment-landing-page .external-assessment-card .footer {
    padding-top: 0px; }
  .player-external .app-container .external-player-container .player-container .gru-external-assessment-page .external-assessment-landing-page .external-assessment-card .header .title {
    font-size: 22px; } }

.gru-external-assessment-page .external-assessment-landing-page .external-assessment-card .body .score-entered .score {
  font-size: 39px; }

.gru-external-assessment-footer {
  /*mobile view */ }
  @media only screen and (max-width: 991px) {
    .gru-external-assessment-footer .nav-player-container .prev {
      width: 35px; }
      .gru-external-assessment-footer .nav-player-container .prev i {
        margin-left: -108px; }
      .gru-external-assessment-footer .nav-player-container .prev span {
        display: none; }
    .gru-external-assessment-footer .nav-player-container .player-container {
      width: calc(100% - 122px); }
      .gru-external-assessment-footer .nav-player-container .player-container .resource-title {
        font-size: 14px; }
    .gru-external-assessment-footer .nav-player-container .next-action {
      width: 36px; }
      .gru-external-assessment-footer .nav-player-container .next-action span {
        display: none; } }
  @media only screen and (orientation: landscape) {
    .gru-external-assessment-footer .nav-player-container .prev.disabled {
      width: 18%; }
    .gru-external-assessment-footer .nav-player-container .prev {
      width: auto; }
      .gru-external-assessment-footer .nav-player-container .prev i {
        margin-left: -108px; }
      .gru-external-assessment-footer .nav-player-container .prev span {
        display: block !important; }
    .gru-external-assessment-footer .nav-player-container .player-container {
      width: auto; }
      .gru-external-assessment-footer .nav-player-container .player-container .resource-title {
        font-size: 14px; }
        .gru-external-assessment-footer .nav-player-container .player-container .resource-title span {
          margin-left: 61px; }
    .gru-external-assessment-footer .nav-player-container .next-action {
      width: auto; }
      .gru-external-assessment-footer .nav-player-container .next-action span {
        display: block !important; } }

@media only screen and (max-width: 767px) {
  .gru-player-summary-footer .nav-player-container {
    grid-template-rows: 1fr;
    grid-template-columns: auto; }
    .gru-player-summary-footer .nav-player-container .player-container {
      width: calc(100vw - 150px); }
    .gru-player-summary-footer .nav-player-container .prev {
      width: 50px; }
      .gru-player-summary-footer .nav-player-container .prev span {
        display: none; }
      .gru-player-summary-footer .nav-player-container .prev i {
        margin-left: 0px; }
    .gru-player-summary-footer .nav-player-container .next {
      width: 50px; }
      .gru-player-summary-footer .nav-player-container .next .next-text {
        display: none; }
      .gru-player-summary-footer .nav-player-container .next .exit {
        margin-left: 0;
        width: 100%;
        text-align: center; }
      .gru-player-summary-footer .nav-player-container .next i {
        margin-left: 0px; } }

@media only screen and (max-width: 767px) {
  .reports.pull-up-course-report {
    width: 100%; }
    .reports.pull-up-course-report .course-report-container {
      width: 100%; } }
    @media only screen and (max-width: 767px) and (max-width: 720px) {
      .reports.pull-up-course-report .course-report-container .report-content .report-carousel .report-carousel-content-container .report-carousel-content .performance-display-container {
        margin: auto; }
      .reports.pull-up-course-report .course-report-container .report-content .report-carousel .report-carousel-content-container .report-carousel-content .course-report-chart {
        display: none; } }

@media only screen and (max-width: 767px) {
      .reports.pull-up-course-report .course-report-container table th.tabular-header {
        position: static; } }

@media only screen and (max-width: 767px) {
  .reports.pull-up-course-report-listview .scroll-left-arrow,
  .reports.pull-up-course-report-listview .scroll-right-arrow {
    display: none; }
  .reports.pull-up-course-report-listview .table-fixed-left,
  .reports.pull-up-course-report-listview .table-fixed-right {
    width: 100vw;
    padding-bottom: 10px; }
    .reports.pull-up-course-report-listview .table-fixed-left table th,
    .reports.pull-up-course-report-listview .table-fixed-right table th {
      border-right: none;
      border-bottom: none;
      border-left: none; }
      .reports.pull-up-course-report-listview .table-fixed-left table th .header-filters,
      .reports.pull-up-course-report-listview .table-fixed-right table th .header-filters {
        grid-template-columns: auto auto;
        display: grid; }
        .reports.pull-up-course-report-listview .table-fixed-left table th .header-filters .score-timespent,
        .reports.pull-up-course-report-listview .table-fixed-right table th .header-filters .score-timespent {
          width: 100%; }
      .reports.pull-up-course-report-listview .table-fixed-left table th .user-profile-summary,
      .reports.pull-up-course-report-listview .table-fixed-right table th .user-profile-summary {
        display: grid;
        grid-template-columns: auto auto; }
        .reports.pull-up-course-report-listview .table-fixed-left table th .user-profile-summary .score-details,
        .reports.pull-up-course-report-listview .table-fixed-right table th .user-profile-summary .score-details {
          justify-self: center; }
      .reports.pull-up-course-report-listview .table-fixed-left table th:last-child,
      .reports.pull-up-course-report-listview .table-fixed-right table th:last-child {
        border-right: 1px solid #cccccc; }
      .reports.pull-up-course-report-listview .table-fixed-left table th:not(:nth-child(1)),
      .reports.pull-up-course-report-listview .table-fixed-right table th:not(:nth-child(1)) {
        border-left: 1px solid #cccccc; }
      .reports.pull-up-course-report-listview .table-fixed-left table th .user-profile-summary,
      .reports.pull-up-course-report-listview .table-fixed-right table th .user-profile-summary {
        background-color: #e3e5ea;
        height: 36px; } }

@media only screen and (max-width: 767px) {
  .reports.pull-up-unit-report {
    width: 100%; }
    .reports.pull-up-unit-report .unit-report-container {
      width: 100%; } }
    @media only screen and (max-width: 767px) and (max-width: 720px) {
      .reports.pull-up-unit-report .unit-report-container .report-content .report-carousel .report-carousel-content-container .report-carousel-content .performance-display-container {
        margin: auto; }
      .reports.pull-up-unit-report .unit-report-container .report-content .report-carousel .report-carousel-content-container .report-carousel-content .unit-report-chart {
        display: none; } }

@media only screen and (max-width: 767px) {
      .reports.pull-up-unit-report .unit-report-container table th.tabular-header {
        position: static; } }

@media only screen and (max-width: 767px) {
  .reports.pull-up-unit-report-listview .scroll-left-arrow,
  .reports.pull-up-unit-report-listview .scroll-right-arrow {
    display: none; }
  .reports.pull-up-unit-report-listview .table-fixed-left,
  .reports.pull-up-unit-report-listview .table-fixed-right {
    width: 100vw;
    padding-bottom: 10px; }
    .reports.pull-up-unit-report-listview .table-fixed-left table th,
    .reports.pull-up-unit-report-listview .table-fixed-right table th {
      border-right: none;
      border-bottom: none;
      border-left: none; }
      .reports.pull-up-unit-report-listview .table-fixed-left table th .header-filters,
      .reports.pull-up-unit-report-listview .table-fixed-right table th .header-filters {
        grid-template-columns: auto auto;
        display: grid; }
        .reports.pull-up-unit-report-listview .table-fixed-left table th .header-filters .score-timespent,
        .reports.pull-up-unit-report-listview .table-fixed-right table th .header-filters .score-timespent {
          width: 100%; }
      .reports.pull-up-unit-report-listview .table-fixed-left table th .user-profile-summary,
      .reports.pull-up-unit-report-listview .table-fixed-right table th .user-profile-summary {
        display: grid;
        grid-template-columns: auto auto; }
        .reports.pull-up-unit-report-listview .table-fixed-left table th .user-profile-summary .score-details,
        .reports.pull-up-unit-report-listview .table-fixed-right table th .user-profile-summary .score-details {
          justify-self: center; }
      .reports.pull-up-unit-report-listview .table-fixed-left table th:last-child,
      .reports.pull-up-unit-report-listview .table-fixed-right table th:last-child {
        border-right: 1px solid #cccccc; }
      .reports.pull-up-unit-report-listview .table-fixed-left table th:not(:nth-child(1)),
      .reports.pull-up-unit-report-listview .table-fixed-right table th:not(:nth-child(1)) {
        border-left: 1px solid #cccccc; }
      .reports.pull-up-unit-report-listview .table-fixed-left table th .user-profile-summary,
      .reports.pull-up-unit-report-listview .table-fixed-right table th .user-profile-summary {
        background-color: #e3e5ea;
        height: 36px; } }

@media only screen and (max-width: 767px) {
  .reports.pull-up-lesson-report {
    width: 100%; }
    .reports.pull-up-lesson-report .lesson-report-container {
      width: 100%; } }
    @media only screen and (max-width: 767px) and (max-width: 720px) {
      .reports.pull-up-lesson-report .lesson-report-container .report-content .report-performance-tabular .report-header-container {
        grid-template-columns: 160px auto; }
        .reports.pull-up-lesson-report .lesson-report-container .report-content .report-performance-tabular .report-header-container .filter-by {
          display: none; }
        .reports.pull-up-lesson-report .lesson-report-container .report-content .report-performance-tabular .report-header-container .filter-btns {
          justify-content: center; }
      .reports.pull-up-lesson-report .lesson-report-container .report-content .report-carousel .report-carousel-content-container .report-carousel-content .performance-display-container {
        margin: auto; }
      .reports.pull-up-lesson-report .lesson-report-container .report-content .report-carousel .report-carousel-content-container .report-carousel-content .lesson-report-chart {
        display: none; } }

@media only screen and (max-width: 767px) {
      .reports.pull-up-lesson-report .lesson-report-container table th.tabular-header {
        position: static; } }

@media only screen and (max-width: 767px) {
  .reports.pull-up-lesson-report-listview .scroll-left-arrow,
  .reports.pull-up-lesson-report-listview .scroll-right-arrow {
    display: none; }
  .reports.pull-up-lesson-report-listview .table-fixed-left,
  .reports.pull-up-lesson-report-listview .table-fixed-right {
    width: 100vw;
    padding-bottom: 10px; }
    .reports.pull-up-lesson-report-listview .table-fixed-left table th,
    .reports.pull-up-lesson-report-listview .table-fixed-right table th {
      border-right: none;
      border-bottom: none;
      border-left: none; }
      .reports.pull-up-lesson-report-listview .table-fixed-left table th .header-filters,
      .reports.pull-up-lesson-report-listview .table-fixed-right table th .header-filters {
        grid-template-columns: auto auto;
        display: grid; }
        .reports.pull-up-lesson-report-listview .table-fixed-left table th .header-filters .score-timespent,
        .reports.pull-up-lesson-report-listview .table-fixed-right table th .header-filters .score-timespent {
          width: 100%; }
      .reports.pull-up-lesson-report-listview .table-fixed-left table th .user-profile-summary,
      .reports.pull-up-lesson-report-listview .table-fixed-right table th .user-profile-summary {
        display: grid;
        grid-template-columns: auto auto; }
        .reports.pull-up-lesson-report-listview .table-fixed-left table th .user-profile-summary .score-details,
        .reports.pull-up-lesson-report-listview .table-fixed-right table th .user-profile-summary .score-details {
          justify-self: center; }
      .reports.pull-up-lesson-report-listview .table-fixed-left table th:last-child,
      .reports.pull-up-lesson-report-listview .table-fixed-right table th:last-child {
        border-right: 1px solid #cccccc; }
      .reports.pull-up-lesson-report-listview .table-fixed-left table th:not(:nth-child(1)),
      .reports.pull-up-lesson-report-listview .table-fixed-right table th:not(:nth-child(1)) {
        border-left: 1px solid #cccccc; }
      .reports.pull-up-lesson-report-listview .table-fixed-left table th .user-profile-summary,
      .reports.pull-up-lesson-report-listview .table-fixed-right table th .user-profile-summary {
        background-color: #e3e5ea;
        height: 36px; } }

@media only screen and (max-width: 767px) {
  .reports.pull-up-collection-report {
    width: 100%; }
    .reports.pull-up-collection-report .collection-report-container {
      width: 100%; } }
    @media only screen and (max-width: 767px) and (max-width: 720px) {
      .reports.pull-up-collection-report .collection-report-container .report-content .report-carousel .report-carousel-content-container .report-carousel-content .performance-display-container {
        margin: auto; }
      .reports.pull-up-collection-report .collection-report-container .report-content .report-carousel .report-carousel-content-container .report-carousel-content .collection-report-chart {
        display: none; }
      .reports.pull-up-collection-report .collection-report-container .report-content .report-performance-tabular .report-header-container .taxonomy-details {
        display: none; }
      .reports.pull-up-collection-report .collection-report-container .report-content .report-performance-tabular .report-header-container .report-action-btns {
        width: 100%; } }

@media only screen and (max-width: 767px) {
      .reports.pull-up-collection-report .collection-report-container table th.tabular-header {
        position: static; } }

@media only screen and (max-width: 767px) {
  .reports.pull-up-collection-report-listview .scroll-left-arrow,
  .reports.pull-up-collection-report-listview .scroll-right-arrow {
    display: none; }
  .reports.pull-up-collection-report-listview .suggest-bar .suggest-bar-container .no-of-student-selected {
    width: calc(100% - 145px); }
  .reports.pull-up-collection-report-listview .table-fixed-left,
  .reports.pull-up-collection-report-listview .table-fixed-right {
    width: 100vw;
    padding-bottom: 10px; }
    .reports.pull-up-collection-report-listview .table-fixed-left table th,
    .reports.pull-up-collection-report-listview .table-fixed-right table th {
      border-right: none;
      border-bottom: none;
      border-left: none; }
      .reports.pull-up-collection-report-listview .table-fixed-left table th .header-filters,
      .reports.pull-up-collection-report-listview .table-fixed-right table th .header-filters {
        grid-template-columns: auto auto;
        display: grid; }
        .reports.pull-up-collection-report-listview .table-fixed-left table th .header-filters .score-timespent,
        .reports.pull-up-collection-report-listview .table-fixed-right table th .header-filters .score-timespent {
          width: 100%; }
      .reports.pull-up-collection-report-listview .table-fixed-left table th .user-profile-summary,
      .reports.pull-up-collection-report-listview .table-fixed-right table th .user-profile-summary {
        display: grid;
        grid-template-columns: auto auto; }
        .reports.pull-up-collection-report-listview .table-fixed-left table th .user-profile-summary .user-profile-details,
        .reports.pull-up-collection-report-listview .table-fixed-right table th .user-profile-summary .user-profile-details {
          height: 36px; }
          .reports.pull-up-collection-report-listview .table-fixed-left table th .user-profile-summary .user-profile-details .user-profile-img,
          .reports.pull-up-collection-report-listview .table-fixed-right table th .user-profile-summary .user-profile-details .user-profile-img {
            height: 100%; }
            .reports.pull-up-collection-report-listview .table-fixed-left table th .user-profile-summary .user-profile-details .user-profile-img .selected-user-for-suggestion,
            .reports.pull-up-collection-report-listview .table-fixed-left table th .user-profile-summary .user-profile-details .user-profile-img img,
            .reports.pull-up-collection-report-listview .table-fixed-right table th .user-profile-summary .user-profile-details .user-profile-img .selected-user-for-suggestion,
            .reports.pull-up-collection-report-listview .table-fixed-right table th .user-profile-summary .user-profile-details .user-profile-img img {
              margin-top: 2px; }
        .reports.pull-up-collection-report-listview .table-fixed-left table th .user-profile-summary .score-details,
        .reports.pull-up-collection-report-listview .table-fixed-right table th .user-profile-summary .score-details {
          justify-self: center; }
      .reports.pull-up-collection-report-listview .table-fixed-left table th:last-child,
      .reports.pull-up-collection-report-listview .table-fixed-right table th:last-child {
        border-right: 1px solid #cccccc; }
      .reports.pull-up-collection-report-listview .table-fixed-left table th:not(:nth-child(1)),
      .reports.pull-up-collection-report-listview .table-fixed-right table th:not(:nth-child(1)) {
        border-left: 1px solid #cccccc; }
      .reports.pull-up-collection-report-listview .table-fixed-left table th .user-profile-summary,
      .reports.pull-up-collection-report-listview .table-fixed-right table th .user-profile-summary {
        background-color: #e3e5ea;
        height: 36px; } }

.reports.pull-up-collection-report-gridview .grid-view-container {
  width: 100%;
  justify-content: center; }
  @media only screen and (max-width: 465px) {
    .reports.pull-up-collection-report-gridview .grid-view-container {
      grid-template-columns: none;
      grid-template-rows: auto; } }
  @media only screen and (min-width: 466px) and (max-width: 704px) {
    .reports.pull-up-collection-report-gridview .grid-view-container {
      grid-template-columns: auto auto;
      grid-template-rows: none; } }

@media only screen and (max-width: 767px) {
  .reports.pull-up-question-report {
    width: 100%; }
    .reports.pull-up-question-report .question-report-container {
      width: 100%; }
      .reports.pull-up-question-report .question-report-container .report-content .report-info-chart-container {
        grid-template-columns: auto 1fr 100px; }
        .reports.pull-up-question-report .question-report-container .report-content .report-info-chart-container .report-chart-container {
          width: 100%; }
      .reports.pull-up-question-report .question-report-container .report-content .report-carousel #report-carousel-wrapper .carousel-control.left,
      .reports.pull-up-question-report .question-report-container .report-content .report-carousel #report-carousel-wrapper .carousel-control.right {
        margin-top: 5px;
        width: 30px;
        height: 30px; }
        .reports.pull-up-question-report .question-report-container .report-content .report-carousel #report-carousel-wrapper .carousel-control.left .arrow-left,
        .reports.pull-up-question-report .question-report-container .report-content .report-carousel #report-carousel-wrapper .carousel-control.left .arrow-right,
        .reports.pull-up-question-report .question-report-container .report-content .report-carousel #report-carousel-wrapper .carousel-control.right .arrow-left,
        .reports.pull-up-question-report .question-report-container .report-content .report-carousel #report-carousel-wrapper .carousel-control.right .arrow-right {
          width: 25px;
          background-size: 25px 25px;
          height: 25px;
          top: 10%;
          margin-left: 0; }
      .reports.pull-up-question-report .question-report-container .report-content .report-carousel #report-carousel-wrapper .question-background-cover .question-content-container {
        margin-top: 10px;
        width: 100%; }
        .reports.pull-up-question-report .question-report-container .report-content .report-carousel #report-carousel-wrapper .question-background-cover .question-content-container .question-text {
          font-size: 12px; } }

@media only screen and (max-width: 767px) {
  .teacher-external-assessment-list-view .list-view-container .table-fixed-left {
    width: 100%; }
  .teacher-external-assessment-list-view .list-view-container .external-assessment-link {
    width: 100%; }
    .teacher-external-assessment-list-view .list-view-container .external-assessment-link div {
      text-align: center; } }

@media only screen and (max-width: 767px) {
  .teacher-external-assessment-report-grid-view .grid-view-container .external-assessment-link {
    width: 100%; }
  .teacher-external-assessment-report-grid-view .grid-view-container .cards-container {
    display: grid;
    justify-content: center; } }
  @media only screen and (max-width: 767px) and (max-width: 465px) {
    .teacher-external-assessment-report-grid-view .grid-view-container .cards-container {
      grid-template-rows: auto; } }
  @media only screen and (max-width: 767px) and (min-width: 466px) and (max-width: 704px) {
    .teacher-external-assessment-report-grid-view .grid-view-container .cards-container {
      grid-template-columns: auto auto;
      grid-template-rows: none; } }

@media only screen and (max-width: 767px) {
  .teacher-suggestion-pull-up {
    width: 100%; }
    .teacher-suggestion-pull-up .suggestion-container {
      width: 100%; }
      .teacher-suggestion-pull-up .suggestion-container .suggestion-header .suggestion-pullup-close {
        width: max-content; }
        .teacher-suggestion-pull-up .suggestion-container .suggestion-header .suggestion-pullup-close .arrow_downward {
          margin-left: 10px; }
      .teacher-suggestion-pull-up .suggestion-container .suggestion-header .suggestion-filter-container {
        width: 130px;
        margin-left: 0;
        font-size: 13px; }
      .teacher-suggestion-pull-up .suggestion-container .suggestion-header .suggestion-right-menu {
        width: calc(100% - 130px); }
        .teacher-suggestion-pull-up .suggestion-container .suggestion-header .suggestion-right-menu .search-input-container {
          width: 100%; }
          .teacher-suggestion-pull-up .suggestion-container .suggestion-header .suggestion-right-menu .search-input-container #suggestion-search {
            width: 100%; }
      .teacher-suggestion-pull-up .suggestion-container .suggestion-header .search-filter-icon,
      .teacher-suggestion-pull-up .suggestion-container .suggestion-header .suggestion-explore-icon {
        display: none; }
      .teacher-suggestion-pull-up .suggestion-container .search-list-container .search-list {
        width: 100%;
        justify-content: center; } }
      @media only screen and (max-width: 767px) and (max-width: 465px) {
        .teacher-suggestion-pull-up .suggestion-container .search-list-container .search-list {
          grid-template-rows: auto;
          grid-template-columns: none; } }
      @media only screen and (max-width: 767px) and (min-width: 466px) and (max-width: 704px) {
        .teacher-suggestion-pull-up .suggestion-container .search-list-container .search-list {
          grid-template-columns: 220px 220px;
          grid-template-rows: none; } }

@media only screen and (max-width: 767px) {
    .teacher-suggestion-pull-up .cards.suggest-confirmation {
      width: 100%;
      left: 0; }
      .teacher-suggestion-pull-up .cards.suggest-confirmation .card-panel-container {
        margin: auto; } }

@media only screen and (orientation: landscape) {
  .teacher-suggestion-pull-up .cards.suggest-confirmation {
    width: 100%;
    left: 0;
    top: 10%;
    height: 84vh;
    overflow-y: scroll; }
    .teacher-suggestion-pull-up .cards.suggest-confirmation .card-panel-container {
      margin: auto; } }

.gru-header .container-fluid.search-input-dirty .navbar-default .search-navbar-form .form-group .input-group {
  width: 90%; }

.gru-header .container-fluid .navbar-default {
  display: grid;
  grid-template-columns: auto 1fr auto; }
  .gru-header .container-fluid .navbar-default:before {
    display: none; }
  .gru-header .container-fluid .navbar-default .navbar-collapse {
    justify-content: flex-end;
    display: flex !important; }
    .gru-header .container-fluid .navbar-default .navbar-collapse .dropMenuLabelWidth {
      margin: 0 auto; }
  .gru-header .container-fluid .navbar-default .search-navbar-form .form-group .validation span.error,
  .gru-header .container-fluid .navbar-default span.validation.error {
    display: none; }
  .gru-header .container-fluid .navbar-default .search-navbar-form .form-group .input-group input.form-control {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #0072bc; }
  .gru-header .container-fluid .navbar-default .search-navbar-form .form-group .input-group.has-error input.form-control {
    border-bottom: 1px solid #f73605;
    box-shadow: none; }
  .gru-header .container-fluid .navbar-default .search-navbar-form {
    padding: 0 0 0 12px !important; }
    .gru-header .container-fluid .navbar-default .search-navbar-form .form-inline {
      width: 100% !important; }
  .gru-header .container-fluid .navbar-default .navbar-header {
    display: flex !important; }
  .gru-header .container-fluid .navbar-default .menu-navbar {
    display: inline-block; }

@media screen and (max-width: 767px) {
  .reports.pull-up-student-course-report {
    width: 100%; }
    .reports.pull-up-student-course-report .student-course-report-container {
      width: 100%; }
      .reports.pull-up-student-course-report .student-course-report-container .report-header .report-breadcrumb .course-title p {
        max-width: calc(100% - 50px); } }
    @media screen and (max-width: 767px) and (max-width: 480px) {
      .reports.pull-up-student-course-report .student-course-report-container .report-content .report-performance-tabular .report-performance-header {
        grid-template-columns: auto auto; }
        .reports.pull-up-student-course-report .student-course-report-container .report-content .report-performance-tabular .report-performance-header .content-name {
          padding-left: 50px; }
        .reports.pull-up-student-course-report .student-course-report-container .report-content .report-performance-tabular .report-performance-header .score {
          padding-right: 10px;
          text-align: right; }
      .reports.pull-up-student-course-report .student-course-report-container .report-content .report-performance-tabular .report-performance-list {
        grid-template-columns: 90% 10%; }
        .reports.pull-up-student-course-report .student-course-report-container .report-content .report-performance-tabular .report-performance-list .completion {
          display: none; } }

@media screen and (max-width: 767px) {
      .reports.pull-up-student-course-report .student-course-report-container .report-content .report-carousel-tags .report-carousel #report-carousel-wrapper .course-background-cover .report-carousel-content {
        width: 100%; }
        .reports.pull-up-student-course-report .student-course-report-container .report-content .report-carousel-tags .report-carousel #report-carousel-wrapper .course-background-cover .report-carousel-content .performance-display-container {
          margin: 0 auto; }
        .reports.pull-up-student-course-report .student-course-report-container .report-content .report-carousel-tags .report-carousel #report-carousel-wrapper .course-background-cover .report-carousel-content .course-description {
          display: none; }
      .reports.pull-up-student-course-report .student-course-report-container .report-content .report-carousel-tags .report-standard-tags .show-description {
        display: grid;
        grid-template-columns: auto auto auto auto; } }

@media (orientation: landscape) {
  .reports.pull-up-student-course-report .student-course-report-container .report-content .report-carousel-tags .report-carousel #report-carousel-wrapper .course-background-cover .report-carousel-content .course-description {
    display: block; } }

@media screen and (max-width: 767px) {
  .reports.pull-up-student-lesson-report {
    width: 100%; }
    .reports.pull-up-student-lesson-report .student-lesson-report-container {
      width: 100%; }
      .reports.pull-up-student-lesson-report .student-lesson-report-container .report-header .report-breadcrumb .course-title p {
        max-width: calc(100% - 50px); }
      .reports.pull-up-student-lesson-report .student-lesson-report-container .report-header .report-title {
        width: calc(100% - 50px); }
        .reports.pull-up-student-lesson-report .student-lesson-report-container .report-header .report-title .title {
          width: 100%;
          font-size: 16px;
          line-height: 20px;
          padding-left: 15px;
          letter-spacing: normal;
          padding-top: 10px;
          color: #37424b; }
          .reports.pull-up-student-lesson-report .student-lesson-report-container .report-header .report-title .title p {
            margin: 0; } }
    @media screen and (max-width: 767px) and (max-width: 480px) {
      .reports.pull-up-student-lesson-report .student-lesson-report-container .report-content .report-performance-tabular .report-performance-header {
        grid-template-columns: auto auto; }
        .reports.pull-up-student-lesson-report .student-lesson-report-container .report-content .report-performance-tabular .report-performance-header .content-name {
          padding-left: 50px; }
        .reports.pull-up-student-lesson-report .student-lesson-report-container .report-content .report-performance-tabular .report-performance-header .score {
          padding-right: 10px;
          text-align: right; }
      .reports.pull-up-student-lesson-report .student-lesson-report-container .report-content .report-performance-tabular .report-performance-list {
        grid-template-columns: 90% 10%; }
        .reports.pull-up-student-lesson-report .student-lesson-report-container .report-content .report-performance-tabular .report-performance-list .completion {
          display: none; } }

@media screen and (max-width: 767px) {
      .reports.pull-up-student-lesson-report .student-lesson-report-container .report-content .report-carousel-tags .report-carousel .report-carousel-content-container .report-carousel-content {
        width: 100%; }
        .reports.pull-up-student-lesson-report .student-lesson-report-container .report-content .report-carousel-tags .report-carousel .report-carousel-content-container .report-carousel-content .performance-display-container {
          margin: 0 auto; }
        .reports.pull-up-student-lesson-report .student-lesson-report-container .report-content .report-carousel-tags .report-carousel .report-carousel-content-container .report-carousel-content .lesson-description {
          display: none; } }

@media (orientation: landscape) {
  .reports.pull-up-student-lesson-report .student-lesson-report-container .report-content .report-carousel-tags .report-carousel .report-carousel-content-container .report-carousel-content .lesson-description {
    display: block;
    width: calc(100% - 300px); } }

@media screen and (max-width: 767px) {
  .reports.pull-up-student-unit-report {
    width: 100%; }
    .reports.pull-up-student-unit-report .student-unit-report-container {
      width: 100%; }
      .reports.pull-up-student-unit-report .student-unit-report-container .report-header .report-breadcrumb .course-title p {
        max-width: calc(100% - 50px); } }
    @media screen and (max-width: 767px) and (max-width: 480px) {
      .reports.pull-up-student-unit-report .student-unit-report-container .report-content .report-performance-tabular .report-performance-header {
        grid-template-columns: auto auto; }
        .reports.pull-up-student-unit-report .student-unit-report-container .report-content .report-performance-tabular .report-performance-header .content-name {
          padding-left: 50px; }
        .reports.pull-up-student-unit-report .student-unit-report-container .report-content .report-performance-tabular .report-performance-header .score {
          padding-right: 10px;
          text-align: right; }
      .reports.pull-up-student-unit-report .student-unit-report-container .report-content .report-performance-tabular .report-performance-list {
        grid-template-columns: 90% 10%; }
        .reports.pull-up-student-unit-report .student-unit-report-container .report-content .report-performance-tabular .report-performance-list .completion {
          display: none; } }

@media screen and (max-width: 767px) {
      .reports.pull-up-student-unit-report .student-unit-report-container .report-content .report-carousel-tags .report-carousel .report-carousel-content-container .report-carousel-content {
        width: 100%; }
        .reports.pull-up-student-unit-report .student-unit-report-container .report-content .report-carousel-tags .report-carousel .report-carousel-content-container .report-carousel-content .performance-display-container {
          margin: 0 auto; }
        .reports.pull-up-student-unit-report .student-unit-report-container .report-content .report-carousel-tags .report-carousel .report-carousel-content-container .report-carousel-content .unit-description {
          display: none; }
      .reports.pull-up-student-unit-report .student-unit-report-container .report-content .report-carousel-tags .report-standard-tags .show-description {
        display: grid;
        grid-template-columns: auto auto auto auto auto; } }

@media (orientation: landscape) {
  .reports.pull-up-student-unit-report .student-unit-report-container .report-content .report-carousel-tags .report-carousel .report-carousel-content-container .report-carousel-content .unit-description {
    display: block;
    width: calc(100% - 300px); } }

@media screen and (max-width: 767px) {
  .class.gru-report-panel {
    width: 100%; }
    .class.gru-report-panel .report-panel-container {
      width: 100%; } }
    @media only screen and (max-width: 767px) and (max-width: 720px) {
      .class.gru-report-panel .report-panel-container .pullup-close,
      .class.gru-report-panel .report-panel-container .teacher-suggestion {
        width: 60px;
        height: 50px; }
        .class.gru-report-panel .report-panel-container .pullup-close .suggestion-count-container,
        .class.gru-report-panel .report-panel-container .teacher-suggestion .suggestion-count-container {
          font-size: 12px; }
      .class.gru-report-panel .report-panel-container .user-course-info .user-profile-info {
        display: none; } }

@media only screen and (max-width: 767px) and (max-width: 720px) and (max-width: 481px) {
  .class.gru-report-panel .report-panel-container .user-course-info .performance {
    display: none; } }

@media screen and (max-width: 767px) {
      .class.gru-report-panel .report-panel-container .reports.assessment.gru-questions .summary-report-questions .questions-header {
        margin-right: 0;
        text-align: center; }
        .class.gru-report-panel .report-panel-container .reports.assessment.gru-questions .summary-report-questions .questions-header .title {
          float: none;
          margin: 0; } }

.class.gru-report-panel .reports.gru-assessment-report .gru-assessment-summary {
  overflow-x: hidden; }

@media screen and (max-width: 767px) {
  .reports.assessment.gru-questions .summary-report-questions table {
    zoom: 0.6; }
    .reports.assessment.gru-questions .summary-report-questions table th.number {
      padding-bottom: 10px; }
    .reports.assessment.gru-questions .summary-report-questions table .header .title {
      display: none; }
    .reports.assessment.gru-questions .summary-report-questions table .header .icon {
      display: inline-block; }
    .reports.assessment.gru-questions .summary-report-questions table .top-left {
      padding: 10px 5px; }
  .reports.assessment.gru-questions .summary-report-questions .gru-words-per-minute table {
    zoom: unset; } }

@media screen and (min-width: 768px) and (max-width: 992px) {
  .reports.assessment.gru-questions .summary-report-questions table {
    zoom: 0.9; } }

@media only screen and (max-width: 767px) {
  .open-ended-report-pull-up {
    width: 100%; }
    .open-ended-report-pull-up .student-open-ended-summary-pull-up .free-response-report-container {
      width: 100%; }
      .open-ended-report-pull-up .student-open-ended-summary-pull-up .free-response-report-container .report-content .report-carousel {
        display: grid; }
        .open-ended-report-pull-up .student-open-ended-summary-pull-up .free-response-report-container .report-content .report-carousel .response-panel {
          width: 100%; }
          .open-ended-report-pull-up .student-open-ended-summary-pull-up .free-response-report-container .report-content .report-carousel .response-panel .header .summary-container {
            width: 100%; }
          .open-ended-report-pull-up .student-open-ended-summary-pull-up .free-response-report-container .report-content .report-carousel .response-panel .header .gru-task-header {
            width: 100%; }
        .open-ended-report-pull-up .student-open-ended-summary-pull-up .free-response-report-container .report-content .report-carousel .gru-rubric-panel {
          width: 100%; } }

@media only screen and (max-width: 767px) {
  .grade.free-response-question-grade {
    width: 100%; }
    .grade.free-response-question-grade .free-response-question-grade-container {
      width: 100%; }
      .grade.free-response-question-grade .free-response-question-grade-container .frq-grade-header {
        height: auto; }
      .grade.free-response-question-grade .free-response-question-grade-container .frq-grade-body {
        grid-template-rows: auto auto;
        grid-template-columns: none; } }

@media screen and (max-width: 767px) {
  .reports.student-external-assessment-report {
    width: 100%; }
    .reports.student-external-assessment-report .report-container {
      width: 100%; }
      .reports.student-external-assessment-report .report-container .report-body {
        width: 100%; } }
    @media only screen and (max-width: 767px) and (max-width: 600px) {
      .reports.student-external-assessment-report .report-container .report-header .assessment-container {
        padding: 10px; }
        .reports.student-external-assessment-report .report-container .report-header .assessment-container .assessment-info {
          margin-left: 0; }
        .reports.student-external-assessment-report .report-container .report-header .assessment-container .assessment-thumbnail {
          display: none; }
      .reports.student-external-assessment-report .report-container .report-header .pullup-close {
        width: 50px; } }

@media only screen and (max-width: 767px) {
  .reports.pull-up-dca-collection-report {
    width: 100%; }
    .reports.pull-up-dca-collection-report .scroll-left-arrow,
    .reports.pull-up-dca-collection-report .scroll-right-arrow {
      display: none; }
    .reports.pull-up-dca-collection-report .suggest-bar .suggest-bar-container .no-of-student-selected {
      width: calc(100% - 145px); }
    .reports.pull-up-dca-collection-report .table-fixed-left,
    .reports.pull-up-dca-collection-report .table-fixed-right {
      width: 100vw;
      padding-bottom: 10px; }
      .reports.pull-up-dca-collection-report .table-fixed-left table th,
      .reports.pull-up-dca-collection-report .table-fixed-right table th {
        border-right: none;
        border-bottom: none;
        border-left: none; }
        .reports.pull-up-dca-collection-report .table-fixed-left table th .header-filters,
        .reports.pull-up-dca-collection-report .table-fixed-right table th .header-filters {
          grid-template-columns: auto auto;
          display: grid; }
          .reports.pull-up-dca-collection-report .table-fixed-left table th .header-filters .score-timespent,
          .reports.pull-up-dca-collection-report .table-fixed-right table th .header-filters .score-timespent {
            width: 100%; }
        .reports.pull-up-dca-collection-report .table-fixed-left table th .user-profile-summary,
        .reports.pull-up-dca-collection-report .table-fixed-right table th .user-profile-summary {
          display: grid;
          grid-template-columns: auto auto; }
          .reports.pull-up-dca-collection-report .table-fixed-left table th .user-profile-summary .user-profile-details,
          .reports.pull-up-dca-collection-report .table-fixed-right table th .user-profile-summary .user-profile-details {
            height: 36px; }
            .reports.pull-up-dca-collection-report .table-fixed-left table th .user-profile-summary .user-profile-details .user-profile-img,
            .reports.pull-up-dca-collection-report .table-fixed-right table th .user-profile-summary .user-profile-details .user-profile-img {
              height: 100%; }
              .reports.pull-up-dca-collection-report .table-fixed-left table th .user-profile-summary .user-profile-details .user-profile-img .selected-user-for-suggestion,
              .reports.pull-up-dca-collection-report .table-fixed-left table th .user-profile-summary .user-profile-details .user-profile-img img,
              .reports.pull-up-dca-collection-report .table-fixed-right table th .user-profile-summary .user-profile-details .user-profile-img .selected-user-for-suggestion,
              .reports.pull-up-dca-collection-report .table-fixed-right table th .user-profile-summary .user-profile-details .user-profile-img img {
                margin-top: 2px; }
          .reports.pull-up-dca-collection-report .table-fixed-left table th .user-profile-summary .score-details,
          .reports.pull-up-dca-collection-report .table-fixed-right table th .user-profile-summary .score-details {
            justify-self: center; }
        .reports.pull-up-dca-collection-report .table-fixed-left table th:last-child,
        .reports.pull-up-dca-collection-report .table-fixed-right table th:last-child {
          border-right: 1px solid #cccccc; }
        .reports.pull-up-dca-collection-report .table-fixed-left table th:not(:nth-child(1)),
        .reports.pull-up-dca-collection-report .table-fixed-right table th:not(:nth-child(1)) {
          border-left: 1px solid #cccccc; }
        .reports.pull-up-dca-collection-report .table-fixed-left table th .user-profile-summary,
        .reports.pull-up-dca-collection-report .table-fixed-right table th .user-profile-summary {
          background-color: #e3e5ea;
          height: 36px; }
    .reports.pull-up-dca-collection-report .dca-collection-report-container {
      width: 100%; }
      .reports.pull-up-dca-collection-report .dca-collection-report-container .report-header .report-header-info .dca-activity-date {
        font-size: 11px; }
      .reports.pull-up-dca-collection-report .dca-collection-report-container .report-header .report-header-info .dca-activity-date {
        padding-right: 0;
        line-height: 15px; }
      .reports.pull-up-dca-collection-report .dca-collection-report-container .report-header .report-header-info .collection-title p {
        font-size: 12px;
        width: 60%; }
      .reports.pull-up-dca-collection-report .dca-collection-report-container .report-header .report-header-info .collection-title .collection-icon {
        width: 60px; } }
    @media only screen and (max-width: 767px) and (max-width: 720px) {
      .reports.pull-up-dca-collection-report .dca-collection-report-container .report-content .report-performance-tabular .report-header-container .taxonomy-details {
        display: none; }
      .reports.pull-up-dca-collection-report .dca-collection-report-container .report-content .report-performance-tabular .report-header-container .report-action-btns .view-btn-actions {
        width: max-content; }
      .reports.pull-up-dca-collection-report .dca-collection-report-container .report-content .report-carousel .report-carousel-content-container .report-carousel-content {
        width: 100%; }
        .reports.pull-up-dca-collection-report .dca-collection-report-container .report-content .report-carousel .report-carousel-content-container .report-carousel-content .performance-display-container {
          margin: auto; }
        .reports.pull-up-dca-collection-report .dca-collection-report-container .report-content .report-carousel .report-carousel-content-container .report-carousel-content .collection-report-chart {
          display: none; } }

@media only screen and (max-width: 767px) {
      .reports.pull-up-dca-collection-report .dca-collection-report-container table th.tabular-header {
        position: static; } }

@media only screen and (min-width: 568px) and (max-width: 824px) {
  .reports.pull-up-dca-collection-report .dca-collection-report-container .report-header .report-header-info .collection-title p {
    width: 100%; }
  .reports.pull-up-dca-collection-report .dca-collection-report-container .report-content .report-performance-tabular .report-header-container .taxonomy-details {
    display: block; } }

.reports.pull-up-dca-collection-report-gridview .grid-view-container {
  width: 100%;
  justify-content: center; }
  @media only screen and (max-width: 465px) {
    .reports.pull-up-dca-collection-report-gridview .grid-view-container {
      grid-template-columns: none;
      grid-template-rows: auto; } }
  @media only screen and (min-width: 466px) and (max-width: 704px) {
    .reports.pull-up-dca-collection-report-gridview .grid-view-container {
      grid-template-columns: auto auto;
      grid-template-rows: none; } }

@media only screen and (max-width: 767px) {
  .reports.pull-up-dca-question-report {
    width: 100%; }
    .reports.pull-up-dca-question-report .dca-question-report-container {
      width: 100%; }
      .reports.pull-up-dca-question-report .dca-question-report-container .report-content .report-carousel #report-carousel-wrapper .carousel-control.left,
      .reports.pull-up-dca-question-report .dca-question-report-container .report-content .report-carousel #report-carousel-wrapper .carousel-control.right {
        margin-top: 5px;
        width: 30px;
        height: 30px; }
        .reports.pull-up-dca-question-report .dca-question-report-container .report-content .report-carousel #report-carousel-wrapper .carousel-control.left .arrow-left,
        .reports.pull-up-dca-question-report .dca-question-report-container .report-content .report-carousel #report-carousel-wrapper .carousel-control.left .arrow-right,
        .reports.pull-up-dca-question-report .dca-question-report-container .report-content .report-carousel #report-carousel-wrapper .carousel-control.right .arrow-left,
        .reports.pull-up-dca-question-report .dca-question-report-container .report-content .report-carousel #report-carousel-wrapper .carousel-control.right .arrow-right {
          width: 25px;
          background-size: 25px 25px;
          height: 25px;
          top: 10%;
          margin-left: 0; }
      .reports.pull-up-dca-question-report .dca-question-report-container .report-content .report-carousel #report-carousel-wrapper .question-background-cover .question-content-container {
        width: 100%; }
        .reports.pull-up-dca-question-report .dca-question-report-container .report-content .report-carousel #report-carousel-wrapper .question-background-cover .question-content-container .question-image-container {
          display: none; }
          .reports.pull-up-dca-question-report .dca-question-report-container .report-content .report-carousel #report-carousel-wrapper .question-background-cover .question-content-container .question-image-container img {
            display: none; }
      .reports.pull-up-dca-question-report .dca-question-report-container .report-header .report-header-info .dca-activity-date {
        padding-right: 10px;
        font-size: 13px;
        line-height: 18px; }
      .reports.pull-up-dca-question-report .dca-question-report-container .report-header .report-header-info .collection-title .collection-icon.collection {
        padding: 18px; }
      .reports.pull-up-dca-question-report .dca-question-report-container .report-header .report-header-info .collection-title .collection-icon.assessment {
        padding: 18px; } }

@media only screen and (max-width: 567px) {
  .reports.pull-up-dca-question-report .dca-question-report-container .report-content .report-info-chart-container {
    grid-template-columns: auto 1fr 100px; }
    .reports.pull-up-dca-question-report .dca-question-report-container .report-content .report-info-chart-container .report-chart-container {
      width: 100%; } }

@media only screen and (min-width: 568px) and (max-width: 824px) {
  .reports.pull-up-dca-question-report .dca-question-report-container {
    width: 100%; }
    .reports.pull-up-dca-question-report .dca-question-report-container .report-content .report-info-chart-container .report-chart-container .not-answered {
      width: 100%; } }

.reports.pull-up-dca-student-collection-report .user-course-info {
  height: auto; }

@media only screen and (max-width: 768px) {
  .reports.pull-up-dca-student-collection-report {
    width: 100%; }
    .reports.pull-up-dca-student-collection-report .user-course-info .user-profile-info .profile .img-container {
      display: none; }
    .reports.pull-up-dca-student-collection-report .user-course-info .assessment-name {
      margin-left: 30px;
      font-size: 14px; }
    .reports.pull-up-dca-student-collection-report .user-course-info .information {
      margin-left: 30px; }
    .reports.pull-up-dca-student-collection-report .user-course-info .class-performance {
      margin-left: 30px; }
    .reports.pull-up-dca-student-collection-report .dca-report-panel-container {
      width: 100%; } }

@media only screen and (min-width: 568px) and (max-width: 824px) {
  .reports.pull-up-dca-student-collection-report .user-course-info .assessment-name {
    margin-left: 0; }
  .reports.pull-up-dca-student-collection-report .user-course-info .class-performance {
    margin-left: 0; }
  .reports.pull-up-dca-student-collection-report .user-course-info .user-profile-info .profile .img-container {
    display: block; } }

@media only screen and (max-width: 568px) {
  .dca-teacher-external-assessment-list-view .list-view-container .external-assessment-link {
    width: 100%;
    text-align: center; }
  .dca-teacher-external-assessment-list-view .list-view-container .table-fixed-left table th {
    font-weight: normal;
    border-right: 1px dashed #cccccc;
    border-left: 1px solid #cccccc;
    height: 40px;
    border-bottom: 1px solid #cccccc;
    overflow: hidden; }
    .dca-teacher-external-assessment-list-view .list-view-container .table-fixed-left table th .header-filters .score {
      justify-self: center; }
    .dca-teacher-external-assessment-list-view .list-view-container .table-fixed-left table th .user-profile-summary {
      background-color: unset; }
    .dca-teacher-external-assessment-list-view .list-view-container .table-fixed-left table th .header-filters .name-filter {
      width: 219px; }
  .dca-teacher-external-assessment-list-view .list-view-container .table-fixed-left table .user-profile-summary .user-profile-details {
    width: max-content; } }

@media only screen and (min-width: 568px) and (max-width: 813px) {
  .dca-teacher-external-assessment-list-view .external-assessment-link {
    margin: 0 auto;
    float: none;
    text-align: center; }
  .dca-teacher-external-assessment-list-view .list-view-container .table-fixed-left {
    width: 100%; }
    .dca-teacher-external-assessment-list-view .list-view-container .table-fixed-left table th {
      font-weight: normal;
      border-right: 1px dashed #cccccc;
      border-left: 1px solid #cccccc;
      height: 40px;
      border-bottom: 1px solid #cccccc;
      overflow: hidden; }
      .dca-teacher-external-assessment-list-view .list-view-container .table-fixed-left table th .header-filters .score {
        justify-self: center; }
      .dca-teacher-external-assessment-list-view .list-view-container .table-fixed-left table th .user-profile-summary {
        background-color: unset; } }

@media only screen and (max-width: 568px) {
  .dca-teacher-external-assessment-report-grid-view .grid-view-container .cards-container {
    display: grid;
    grid-template-columns: auto;
    justify-content: center; } }

@media only screen and (min-width: 568px) and (max-width: 824px) {
  .dca-teacher-external-assessment-report-grid-view .grid-view-container .cards-container {
    grid-template-columns: auto auto;
    display: grid;
    justify-content: center; } }

@media only screen and (min-width: 800px) and (max-width: 824px) {
  .dca-teacher-external-assessment-report-grid-view .grid-view-container .cards-container {
    grid-template-columns: auto auto auto; } }

@media only screen and (max-width: 568px) {
  .reports.dca-student-external-assessment-report {
    width: 100%; }
    .reports.dca-student-external-assessment-report .report-container {
      width: 100%; }
      .reports.dca-student-external-assessment-report .report-container .report-header .assessment-container .assessment-info {
        width: calc(100% - 75px); }
      .reports.dca-student-external-assessment-report .report-container .report-header .assessment-container .assessment-thumbnail {
        display: none; }
      .reports.dca-student-external-assessment-report .report-container .report-body {
        width: 100%; } }

@media only screen and (min-width: 568px) and (max-width: 824px) {
  .reports.dca-student-external-assessment-report {
    width: 100%; }
    .reports.dca-student-external-assessment-report .report-container {
      width: 100%; }
      .reports.dca-student-external-assessment-report .report-container .report-body {
        width: 100%;
        height: 60vh;
        overflow-y: scroll; } }

.gru-pull-out-xs .pull-out-ex {
  top: 52px; }

@media screen and (max-width: 568px) {
  .gru-pull-out-xs {
    right: 0% !important; }
    .gru-pull-out-xs .pull-out-ex {
      left: 0;
      top: 52px; }
      .gru-pull-out-xs .pull-out-ex .notification-list {
        width: 100vw; } }

.notification-list .notfication-container .list-item-container .line-suggestion-title {
  width: 100%;
  background: transparent;
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 15.6px;
  /* Fallback for non-webkit */
  font-size: 13px;
  line-height: 1.2;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

@-moz-document url-prefix() {
  .notification-list .notfication-container .list-item-container .line-suggestion-title {
    overflow: hidden;
    position: relative; }
    .notification-list .notfication-container .list-item-container .line-suggestion-title:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "\2026";
      margin-left: -3rem;
      width: 3rem; }
    .notification-list .notfication-container .list-item-container .line-suggestion-title:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1; } }

@media only screen and (max-width: 767px) {
  .gru-content-suggestion {
    top: 50px !important;
    width: 100%;
    left: 0;
    overflow-x: hidden;
    height: 100%; }
    .gru-content-suggestion .modal-header .suggestion-title {
      font-size: 22px; } }

@media only screen and (max-width: 767px) {
  .gru-rubric-panel {
    width: 100%; }
    .gru-rubric-panel .rubric-information .header .icon {
      display: none; }
    .gru-rubric-panel .rubric-information .header .separator {
      display: none; } }

.gru-pull-up.proficiency-pullup {
  width: 100vw; }
  .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body {
    padding: 0; }
    .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .proficiency-tags,
    .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .time-series-container {
      width: 100%;
      margin: 0; }
      .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .proficiency-tags .proficiency-legends,
      .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .proficiency-tags .monthly-time-series-chart,
      .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .time-series-container .proficiency-legends,
      .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .time-series-container .monthly-time-series-chart {
        width: max-content;
        margin: 0 auto; }
      @media screen and (max-width: 991px) {
        .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .proficiency-tags .proficiency-legends,
        .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .time-series-container .proficiency-legends {
          width: 100%; }
          .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .proficiency-tags .proficiency-legends .legend,
          .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .time-series-container .proficiency-legends .legend {
            margin-right: 10px; }
            .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .proficiency-tags .proficiency-legends .legend .box,
            .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .proficiency-tags .proficiency-legends .legend .box-skyline,
            .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .proficiency-tags .proficiency-legends .legend .box-baseline,
            .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .time-series-container .proficiency-legends .legend .box,
            .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .time-series-container .proficiency-legends .legend .box-skyline,
            .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .time-series-container .proficiency-legends .legend .box-baseline {
              margin-right: 5px; }
        .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .proficiency-tags .monthly-time-series-chart,
        .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .time-series-container .monthly-time-series-chart {
          zoom: 0.5; } }
      @media screen and (max-width: 360px) {
        .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .proficiency-tags .proficiency-legends .legend,
        .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .time-series-container .proficiency-legends .legend {
          margin-right: 6px; }
          .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .proficiency-tags .proficiency-legends .legend .box,
          .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .time-series-container .proficiency-legends .legend .box {
            width: 10px;
            height: 10px;
            margin-right: 5px; }
          .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .proficiency-tags .proficiency-legends .legend .box-skyline,
          .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .proficiency-tags .proficiency-legends .legend .box-baseline,
          .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .time-series-container .proficiency-legends .legend .box-skyline,
          .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .time-series-container .proficiency-legends .legend .box-baseline {
            width: 10px;
            height: 6px;
            margin-top: 2px; }
          .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .proficiency-tags .proficiency-legends .legend .title,
          .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .time-series-container .proficiency-legends .legend .title {
            font-size: 9px;
            line-height: 10px; }
        .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .proficiency-tags .monthly-time-series-chart,
        .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .time-series-container .monthly-time-series-chart {
          zoom: 0.4; } }
      @media screen and (min-width: 568px) {
        .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .proficiency-tags .monthly-time-series-chart,
        .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .time-series-container .monthly-time-series-chart {
          zoom: 0.7; } }
      @media screen and (max-width: 480px) {
        .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .proficiency-tags .proficiency-legends,
        .gru-pull-up.proficiency-pullup .learner-proficiency-pull-up .proficiency-pull-up .body .time-series-container .proficiency-legends {
          grid-template-columns: auto auto auto;
          grid-row-gap: 15px;
          grid-column-gap: 15px; } }

@media screen and (max-width: 767px) {
  .student-destination-course-map-container .units-container .u-container .unit-header {
    grid-template-columns: none; }
  .student-destination-course-map-container .units-container .u-container .header .title {
    padding: 0; }
  .student-destination-course-map-container .units-container .u-container .unit-body .lessons-container {
    margin: 0;
    padding: 4px;
    background-color: #cdd2d6; }
    .student-destination-course-map-container .units-container .u-container .unit-body .lessons-container > div {
      background-color: #fff;
      border-radius: 4px; }
    .student-destination-course-map-container .units-container .u-container .unit-body .lessons-container .l-container .lesson-header {
      padding: 4px;
      grid-template-columns: none; }
      .student-destination-course-map-container .units-container .u-container .unit-body .lessons-container .l-container .lesson-header .sequence {
        border: none; }
    .student-destination-course-map-container .units-container .u-container .unit-body .lessons-container .l-container .lesson-body .collections-container {
      padding: 4px;
      background-color: #cdd2d6; }
      .student-destination-course-map-container .units-container .u-container .unit-body .lessons-container .l-container .lesson-body .collections-container .c-container {
        background-color: #fff;
        border-radius: 4px; } }

@media only screen and (max-width: 767px) {
  .library.gru-browse-library .content-container {
    padding: 0; }
    .library.gru-browse-library .content-container .featured-description {
      margin-top: 20px;
      padding: 10px; }
    .library.gru-browse-library .content-container .subject-title {
      text-align: center; }
    .library.gru-browse-library .content-container .subject-container .subject-title {
      padding: 0; }
    .library.gru-browse-library .content-container .library-cards {
      justify-content: center; }
  .library.gru-browse-library .navbar {
    overflow-x: scroll; } }

@media only screen and (max-width: 767px) {
  .student-proficiency-panel .panel-header {
    grid-gap: 0;
    margin: 0;
    grid-template-columns: 30px 1fr auto auto; }
    .student-proficiency-panel .panel-header .taxonomy-info .dropdown-menu {
      right: 0;
      left: unset;
      max-height: calc(100vh - 210px);
      overflow: hidden;
      overflow-y: auto; }
  .student-proficiency-panel .learner-proficiency-domain-matrix .actions {
    grid-template-columns: auto max-content max-content; }
    .student-proficiency-panel .learner-proficiency-domain-matrix .actions .grade-selector .dropdown .dropbtn {
      font-size: 12px;
      line-height: 12px; }
    .student-proficiency-panel .learner-proficiency-domain-matrix .actions .fwc-panel {
      line-height: 1.2; }
    .student-proficiency-panel .learner-proficiency-domain-matrix .actions .toggle-chart {
      justify-self: left;
      margin-left: 8px; }
  .student-proficiency-panel .learner-proficiency-domain-matrix .chart-area {
    max-width: 100vw;
    overflow-x: auto; }
    .student-proficiency-panel .learner-proficiency-domain-matrix .chart-area .matrix-chart .chart-container .domain-chart-container .scrollable-chart {
      max-height: calc(100vh - 400px); } }

.student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up.open {
  height: 385px; }

.student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up.expand {
  height: 100%; }

@media only screen and (max-width: 767px) {
  .student-learner-proficiency .student-proficiency-container {
    grid-template-columns: none;
    padding: 0; }
    .student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up .competency-panel-header {
      height: auto; }
      .student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up .competency-panel-header .close {
        grid-column-start: 4; }
      .student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up .competency-panel-header .status {
        justify-self: start;
        grid-row-start: 2;
        grid-column-start: 2; }
    .student-learner-proficiency .student-proficiency-container .pull-up-container,
    .student-learner-proficiency .student-proficiency-container .taxonomy-grades {
      display: none; } }

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .student-learner-proficiency .student-proficiency-container {
    grid-template-columns: 1fr;
    padding: 0; }
    .student-learner-proficiency .student-proficiency-container .pull-up-container {
      display: none; } }

.student-comptency-progress {
  display: flex;
  width: 100%; }
  .student-comptency-progress .completed,
  .student-comptency-progress .in-progress,
  .student-comptency-progress .not-started {
    height: 12px; }

.student-locate .activity-panel .competency-container .competency-progress-bar {
  padding: 0; }

@media only screen and (max-width: 767px) {
  .oa-grading-report {
    width: 100%; }
    .oa-grading-report .oa-grade-container {
      width: 100%;
      height: 85vh; }
      .oa-grading-report .oa-grade-container .oa-grading-section {
        grid-template-columns: unset;
        overflow: auto; } }

.student.class {
  width: 100vw; }
  .student.class .no-course-content {
    color: #666; }
  @media only screen and (max-width: 767px) {
    .student.class .header .panel.classroom-information .panel-body {
      grid-template-columns: 50px 1fr max-content 200px 100px; }
      .student.class .header .panel.classroom-information .panel-body.no-taxomony {
        grid-template-columns: 50px 1fr max-content 100px; }
      .student.class .header .panel.classroom-information .panel-body .course-image img {
        width: 50px; }
      .student.class .header .panel.classroom-information .panel-body .performance-container,
      .student.class .header .panel.classroom-information .panel-body .teacher-profile,
      .student.class .header .panel.classroom-information .panel-body .share-class-data {
        display: none; } }
  @media only screen and (max-width: 600px) {
    .student.class .header .panel.classroom-information .panel-body {
      grid-template-columns: 50px 1fr max-content 100px; }
      .student.class .header .panel.classroom-information .panel-body .taxonomy-standards {
        display: none; } }

.student-class-proficiency .student-inspect-competency-chart
.chart-container
.graded-chart-container
.domain-chart
.scrollable-chart
#student-inspect-competency-chart {
  box-shadow: unset; }

.student-class-proficiency .course-container,
.student-class-proficiency .grade-data-container {
  display: none; }

.student-class-proficiency .student-inspect-destination-sm {
  display: block; }

.student-class-proficiency .student-inspect-destination.proficiency .inspect-destination-container .competency-level-container {
  position: relative; }
  .student-class-proficiency .student-inspect-destination.proficiency .inspect-destination-container .competency-level-container .show-destination {
    position: absolute;
    bottom: 10px; }

@media screen and (max-width: 768px) {
  .student-class-proficiency .student-inspect-destination.proficiency .inspect-destination-container {
    grid-template-columns: 100%; }
    .student-class-proficiency .student-inspect-destination.proficiency .inspect-destination-container .destination-chart-container {
      margin-right: 0; }
    .student-class-proficiency .student-inspect-destination.proficiency .inspect-destination-container .competency-level-container {
      width: 94%;
      margin: auto auto 15px; }
      .student-class-proficiency .student-inspect-destination.proficiency .inspect-destination-container .competency-level-container .grade-title {
        font-size: 25px;
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .student-class-proficiency .student-inspect-destination.proficiency .inspect-destination-container .competency-level-container .grade-description {
        padding-right: 0; }
      .student-class-proficiency .student-inspect-destination.proficiency .inspect-destination-container .competency-level-container .show-destination {
        margin: auto;
        position: unset; } }

.student-class-proficiency .student-inspect-destination.destination .inspect-destination-container {
  grid-template-columns: unset; }
  @media screen and (max-width: 480px) {
    .student-class-proficiency .student-inspect-destination.destination .inspect-destination-container {
      height: 100vh; } }
  @media screen and (min-width: 480px) {
    .student-class-proficiency .student-inspect-destination.destination .inspect-destination-container {
      height: 100%; } }
  .student-class-proficiency .student-inspect-destination.destination .inspect-destination-container .destination-chart-container {
    margin: 0; }
  .student-class-proficiency .student-inspect-destination.destination .inspect-destination-container .grade-data-container {
    width: 94%;
    margin: auto auto 15px; }
    .student-class-proficiency .student-inspect-destination.destination .inspect-destination-container .grade-data-container .grade-description {
      height: auto; }
      .student-class-proficiency .student-inspect-destination.destination .inspect-destination-container .grade-data-container .grade-description::-webkit-scrollbar {
        width: 4px; }
      .student-class-proficiency .student-inspect-destination.destination .inspect-destination-container .grade-data-container .grade-description::-webkit-scrollbar-thumb {
        border-radius: 4px; }
    .student-class-proficiency .student-inspect-destination.destination .inspect-destination-container .grade-data-container .next-route {
      position: unset;
      margin: auto; }

.student-class-proficiency .student-inspect-destination.inspect-destination .inspect-destination-container {
  grid-template-columns: unset; }
  @media screen and (max-width: 480px) {
    .student-class-proficiency .student-inspect-destination.inspect-destination .inspect-destination-container {
      height: 100vh; } }
  @media screen and (min-width: 480px) {
    .student-class-proficiency .student-inspect-destination.inspect-destination .inspect-destination-container {
      height: 100%; } }
  .student-class-proficiency .student-inspect-destination.inspect-destination .inspect-destination-container .destination-chart-container {
    margin: 0; }
  .student-class-proficiency .student-inspect-destination.inspect-destination .inspect-destination-container .course-container {
    width: 100%;
    margin: auto;
    padding: 0; }
    .student-class-proficiency .student-inspect-destination.inspect-destination .inspect-destination-container .course-container .pre-study-title {
      padding-left: 15px;
      font-size: 25px; }
    .student-class-proficiency .student-inspect-destination.inspect-destination .inspect-destination-container .course-container .route0-container {
      width: 96%;
      margin: 15px auto auto; }
      .student-class-proficiency .student-inspect-destination.inspect-destination .inspect-destination-container .course-container .route0-container .route0-comment {
        grid-template-columns: 60px auto; }
      .student-class-proficiency .student-inspect-destination.inspect-destination .inspect-destination-container .course-container .route0-container .route0-body .route0-accordion-container .course-suggestions ol .gru-accordion-unit .panel-title a.title {
        max-width: none;
        width: 100%; }
      .student-class-proficiency .student-inspect-destination.inspect-destination .inspect-destination-container .course-container .route0-container .route0-body .route0-accordion-container .course-suggestions ol .gru-accordion-unit .panel-collapse {
        padding: 5px;
        max-height: 300px;
        overflow-y: auto; }
        .student-class-proficiency .student-inspect-destination.inspect-destination .inspect-destination-container .course-container .route0-container .route0-body .route0-accordion-container .course-suggestions ol .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-heading .panel-title {
          width: 100%; }
    .student-class-proficiency .student-inspect-destination.inspect-destination .inspect-destination-container .course-container .route0-action {
      width: 96%;
      margin: auto; }
    .student-class-proficiency .student-inspect-destination.inspect-destination .inspect-destination-container .course-container .assigned-course-title {
      padding-left: 15px;
      font-size: 25px; }
    .student-class-proficiency .student-inspect-destination.inspect-destination .inspect-destination-container .course-container .course-map-accordion-container {
      max-height: 420px;
      width: 96%;
      margin: auto; }
    .student-class-proficiency .student-inspect-destination.inspect-destination .inspect-destination-container .course-container .study-course {
      position: unset;
      margin: 15px auto; }
    @media screen and (max-width: 768px) {
      .student-class-proficiency .student-inspect-destination.inspect-destination .inspect-destination-container .course-container .route0-container {
        width: 87%; }
        .student-class-proficiency .student-inspect-destination.inspect-destination .inspect-destination-container .course-container .route0-container.expanded {
          width: 80%; }
      .student-class-proficiency .student-inspect-destination.inspect-destination .inspect-destination-container .course-container .assigned-course-title,
      .student-class-proficiency .student-inspect-destination.inspect-destination .inspect-destination-container .course-container .pre-study-title {
        font-size: 20px; }
      .student-class-proficiency .student-inspect-destination.inspect-destination .inspect-destination-container .course-container .route0-action {
        width: 87%;
        margin: auto; } }

.student.class .alert-player-error {
  height: max-content;
  line-height: unset;
  padding: 10px; }

.student.course-map {
  width: 100vw; }
  @media only screen and (max-width: 767px) {
    .student.course-map .actions span {
      color: #fff; }
    .student.course-map .assigned-course-title,
    .student.course-map .pre-study-title {
      margin: 10px; }
    .student.course-map .rescope-section .rescope-toggle .action span {
      color: #fff; }
    .student.course-map .rescope-section .custom-msg {
      height: 100%;
      width: 100%; }
      .student.course-map .rescope-section .custom-msg span i {
        margin-left: 0; } }
  .student.course-map .assigned-course-title {
    margin-left: 10px; }
  .student.course-map .rescope-section {
    width: 100%;
    margin: auto; }
    .student.course-map .rescope-section .rescope-toggle {
      display: block !important;
      margin: 10px; }
      .student.course-map .rescope-section .rescope-toggle .info {
        width: 100% !important; }
      .student.course-map .rescope-section .rescope-toggle .action span {
        color: #fff; }
  .student.course-map h5.assigned-course-title {
    margin: 10px; }
  .student.course-map .title-container {
    display: grid;
    grid-template-columns: auto auto;
    margin: 10px 15px; }
    @media screen and (max-width: 567px) {
      .student.course-map .title-container {
        margin-top: 45px; } }
    .student.course-map .title-container .active-period {
      display: grid;
      grid-template-columns: auto auto;
      justify-content: right;
      align-items: center;
      cursor: pointer;
      column-gap: 8px; }
      .student.course-map .title-container .active-period .report-period-text {
        font-size: 14px;
        font-weight: bold; }
      .student.course-map .title-container .active-period .toggle-icon {
        display: flex;
        align-items: center; }
    .student.course-map .title-container .report-periods {
      display: none;
      position: absolute;
      top: 150px;
      background-color: #fff;
      z-index: 9;
      right: 200px;
      box-shadow: -1px 0 10px 1px rgba(44, 33, 33, 0.4);
      width: 150px; }
      .student.course-map .title-container .report-periods .report-period {
        cursor: pointer;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        font-weight: bold;
        color: #35424a;
        padding-left: 15px;
        border-bottom: 1px solid #fff; }
        .student.course-map .title-container .report-periods .report-period.active-report-period, .student.course-map .title-container .report-periods .report-period:hover {
          background-color: #36424b;
          color: #fff; }
  .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit {
    padding: 0; }
    .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .panel-title {
      width: calc(100% - 85px) !important;
      padding-top: 0; }
      .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .panel-title > a {
        width: 100% !important;
        max-width: none;
        height: auto; }
      .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .panel-title .title.ellipsis {
        display: grid; }
        .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .panel-title .title.ellipsis .prefix {
          border: none;
          margin-left: 0;
          font-size: 12px;
          font-style: bold; }
        .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .panel-title .title.ellipsis .unit-title-text {
          margin-left: 10px;
          font-size: 15px;
          font-style: normal; }
    .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .performance-container {
      height: 67px;
      width: 64px;
      margin-top: 0; }
      .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .performance-container .charts.gru-performance-chart {
        height: 67px;
        min-width: unset; }
        .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .performance-container .charts.gru-performance-chart .container-box {
          height: 67px; }
    .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse {
      padding: 4px; }
      .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .panel-title {
        width: calc(100% - 225px);
        padding: 0;
        margin-left: 8px; }
        .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .panel-title > a.title {
          display: grid;
          max-width: none; }
          .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .panel-title > a.title .lesson-prefix {
            border: none;
            font-size: 12px;
            font-style: bold; }
          .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .panel-title > a.title .lesson-title-text {
            font-size: 15px;
            font-style: normal; }
      .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info {
        max-width: none !important; }
        .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .content-count {
          display: inline-block;
          visibility: visible;
          margin: 0;
          height: inherit;
          line-height: 65px; }
          .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .content-count .assessment-count,
          .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .content-count .collection-count {
            margin: 0 5px 0 0; }
            .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .content-count .assessment-count i,
            .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .content-count .collection-count i {
              margin: 0;
              width: 16px;
              height: 16px;
              background-size: 16px 16px; }
        .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .play-btn {
          width: 49px;
          padding: 0; }
          .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .play-btn button {
            padding: 12px;
            display: block; }
            .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .play-btn button.study-now {
              width: 48px;
              padding: 11px; }
        .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .performance-container {
          width: 60px; }
          .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .performance-container .charts.gru-performance-chart {
            min-width: auto; }
      .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment,
      .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection {
        height: 52px; }
        .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .attempt-head,
        .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .attempt-head {
          height: auto !important; }
        .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading,
        .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading {
          height: 50px; }
          .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .panel-title,
          .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .panel-title {
            width: calc(100% - 200px) !important;
            padding: 0;
            margin-left: 0;
            display: flex;
            align-items: center; }
            .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .panel-title.attempt,
            .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .panel-title.attempt {
              display: grid !important;
              width: calc(100% - 60px) !important;
              padding: 5px; }
            .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .panel-title .icon-container,
            .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .panel-title .icon-container {
              width: 50px;
              height: 50px; }
            .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .panel-title > a.title,
            .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .panel-title > a.title {
              display: flex;
              padding: 0 0 0 5px;
              width: 100%; }
              .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .panel-title > a.title .ellipsis,
              .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .panel-title > a.title .ellipsis {
                font-size: 15px;
                line-height: 20px;
                width: calc(100% - 30px); }
              .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .panel-title > a.title i,
              .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .panel-title > a.title i {
                margin-top: 10px; }
          .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info,
          .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info {
            max-width: none !important; }
            .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .content-count,
            .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .content-count {
              display: inline-block;
              visibility: visible;
              margin: 0;
              height: inherit;
              line-height: 46px; }
              .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .content-count span,
              .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .content-count span {
                margin: 0; }
                .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .content-count span i,
                .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .content-count span i {
                  font-size: 20px;
                  margin: 0 5px 0 0; }
              .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .content-count .question-count-text,
              .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .content-count .resource-count-text,
              .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .content-count .question-count-text,
              .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .content-count .resource-count-text {
                height: 30px;
                margin-top: 5px;
                display: inline-block; }
            .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .play-btn,
            .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .play-btn {
              width: 44px;
              padding: 0;
              height: 50px; }
              .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .play-btn button,
              .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .play-btn button {
                display: block;
                padding: 0;
                height: 50px;
                margin: 0;
                background: transparent; }
                .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .play-btn button.study-now,
                .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .play-btn button.study-now {
                  width: 44px; }
            .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .performance,
            .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .performance {
              width: 60px;
              height: 48px;
              line-height: 48px;
              padding: 0;
              margin-top: 0; }
              .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .performance .score,
              .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .performance .score {
                font-size: 14px; }
              .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .performance .charts.gru-performance-chart,
              .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .performance .charts.gru-performance-chart {
                min-width: auto; }
      .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson.expanded .panel-collapse.collapse.in {
        margin: -9px 0 0; }
      @media screen and (max-width: 376px) {
        .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-heading .panel-title {
          width: calc(100% - 125px) !important; }
        .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-heading .info .content-count {
          display: none; }
        .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading,
        .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading {
          height: 50px;
          display: flex; }
          .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading .panel-title,
          .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading .panel-title {
            width: calc(100% - 125px) !important;
            align-items: center; }
            .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading .panel-title .title,
            .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading .panel-title .title {
              padding-left: 10px; }
            .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading .panel-title .icon-container,
            .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading .panel-title .icon-container {
              display: none; }
          .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading .info .content-count,
          .student.course-map .student-coursemap-container .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading .info .content-count {
            display: none; } }

@media only screen and (max-width: 480px) {
  body.student_class_course-map .app-container {
    padding-top: 152px; } }

.student-rangepicker-container {
  position: absolute;
  z-index: 10;
  box-shadow: 0 13px 16px 0 rgba(0, 0, 0, 0.13);
  top: 50px;
  width: 100%;
  display: none; }
  .student-rangepicker-container .ca-daterange-picker {
    background-color: transparent; }
    .student-rangepicker-container .ca-daterange-picker .ca-datepicker-body {
      right: 3%;
      left: auto;
      top: 25%;
      transform: none; }
    @media screen and (max-width: 768px) {
      .student-rangepicker-container .ca-daterange-picker .ca-datepicker-body {
        right: auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); } }

@media only screen and (max-width: 767px) {
  .controller.student.class.class-activities {
    grid-template-columns: unset; }
    .controller.student.class.class-activities .ca-container {
      width: 100%;
      padding: 5px; }
      .controller.student.class.class-activities .ca-container .header-container .activity-date-range-selector .date-range-picker-container {
        top: 35px; }
      .controller.student.class.class-activities .ca-container .header-container .activity-tab {
        padding: 0; }
      .controller.student.class.class-activities .ca-container .dca-content-list-container {
        max-height: calc(100vh - 170px); } }
      @media only screen and (max-width: 767px) and (max-width: 480px) {
        .controller.student.class.class-activities .ca-container .dca-content-list-container {
          max-height: calc(100vh - 220px); } }

@media only screen and (max-width: 767px) {
        .controller.student.class.class-activities .ca-container .dca-content-list-container .gru-student-class-activity-panel .suggestions .suggestion-panel {
          grid-template-columns: 65px auto 60px 60px; }
          .controller.student.class.class-activities .ca-container .dca-content-list-container .gru-student-class-activity-panel .suggestions .suggestion-panel .content-counts {
            display: none; }
        .controller.student.class.class-activities .ca-container .dca-content-list-container .gru-student-class-activity-panel .ca-panel-container .dca-panel-actions-performance {
          width: 60px;
          margin: 0 0 0 auto; } }

@media only screen and (max-width: 799px) {
  body.student_class_class-activities .app-container {
    padding-top: 90px; } }

.student-independent-learning {
  /* Extra small devices (phones, 600px and down) */
  /* Small devices (portrait tablets and large phones, 600px and up) */ }
  @media only screen and (max-width: 600px) {
    .student-independent-learning .container-fluid .student-independent .greetings .featured-courses {
      float: none !important;
      text-align: center; }
    .student-independent-learning .independent-content .assessments .assessment-content .content-results.not-expanded,
    .student-independent-learning .independent-content .assessments .collection-content .content-results.not-expanded,
    .student-independent-learning .independent-content .assessments .course-content .content-results.not-expanded,
    .student-independent-learning .independent-content .collections .assessment-content .content-results.not-expanded,
    .student-independent-learning .independent-content .collections .collection-content .content-results.not-expanded,
    .student-independent-learning .independent-content .collections .course-content .content-results.not-expanded,
    .student-independent-learning .independent-content .courses .assessment-content .content-results.not-expanded,
    .student-independent-learning .independent-content .courses .collection-content .content-results.not-expanded,
    .student-independent-learning .independent-content .courses .course-content .content-results.not-expanded {
      max-height: 1150px; }
    .student-independent-learning .independent-content .bookmark-content .content-results.not-expanded {
      max-height: 1000px; } }
  @media only screen and (min-width: 600px) {
    .student-independent-learning .independent-content .assessments .assessment-content .content-results.not-expanded,
    .student-independent-learning .independent-content .assessments .collection-content .content-results.not-expanded,
    .student-independent-learning .independent-content .assessments .course-content .content-results.not-expanded,
    .student-independent-learning .independent-content .collections .assessment-content .content-results.not-expanded,
    .student-independent-learning .independent-content .collections .collection-content .content-results.not-expanded,
    .student-independent-learning .independent-content .collections .course-content .content-results.not-expanded,
    .student-independent-learning .independent-content .courses .assessment-content .content-results.not-expanded,
    .student-independent-learning .independent-content .courses .collection-content .content-results.not-expanded,
    .student-independent-learning .independent-content .courses .course-content .content-results.not-expanded {
      max-height: 575px; }
    .student-independent-learning .independent-content .bookmark-content .content-results.not-expanded {
      max-height: 495px; } }

.student-independent-container {
  padding: 0; }
  .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit {
    padding: 0; }
    .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .panel-title {
      width: calc(100% - 85px) !important;
      padding-top: 0; }
      .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .panel-title > a {
        width: 100% !important;
        max-width: none;
        height: auto; }
      .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .panel-title .title.ellipsis {
        display: grid; }
        .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .panel-title .title.ellipsis .prefix {
          border: none;
          margin-left: 0px; }
        .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .panel-title .title.ellipsis .unit-title-text {
          margin-left: 10px; }
    .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .performance-container {
      height: 67px;
      width: 64px;
      margin-top: 0; }
      .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .performance-container .charts.gru-performance-chart {
        height: 67px;
        min-width: unset; }
        .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .performance-container .charts.gru-performance-chart .container-box {
          height: 67px; }
    .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse {
      padding: 4px; }
      .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .panel-title {
        width: calc(100% - 225px);
        padding: 0;
        margin-left: 8px; }
        .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .panel-title > a.title {
          display: grid;
          max-width: none; }
          .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .panel-title > a.title .lesson-prefix {
            border: none; }
          .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .panel-title > a.title .lesson-title-text {
            font-size: 15px; }
      .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info {
        max-width: none !important; }
        .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .content-count {
          display: inline-block;
          visibility: visible;
          margin: 0;
          height: inherit;
          line-height: 60px; }
          .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .content-count .assessment-count,
          .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .content-count .collection-count {
            margin: 0;
            margin-right: 5px; }
            .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .content-count .assessment-count i,
            .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .content-count .collection-count i {
              margin: 0;
              width: 16px;
              height: 16px;
              background-size: 16px 16px; }
        .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .play-btn {
          width: 49px;
          padding: 0; }
          .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .play-btn button {
            padding: 12px;
            display: block; }
            .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .play-btn button.study-now {
              width: 48px;
              padding: 11px; }
        .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .performance-container {
          width: 60px; }
          .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .performance-container .charts.gru-performance-chart {
            min-width: auto; }
      .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection,
      .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment {
        height: 52px; }
        .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading,
        .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading {
          height: 50px; }
          .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .panel-title,
          .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .panel-title {
            width: calc(100% - 200px) !important;
            padding: 0;
            margin-left: 0;
            display: flex; }
            .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .panel-title .icon-container,
            .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .panel-title .icon-container {
              width: 50px;
              height: 50px; }
            .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .panel-title > a.title,
            .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .panel-title > a.title {
              display: flex;
              padding: 0;
              padding-left: 5px; }
              .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .panel-title > a.title .ellipsis,
              .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .panel-title > a.title .ellipsis {
                font-size: 15px;
                line-height: 50px; }
              .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .panel-title > a.title i,
              .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .panel-title > a.title i {
                margin-top: 10px; }
          .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info,
          .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info {
            max-width: none !important; }
            .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .content-count,
            .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .content-count {
              display: inline-block;
              visibility: visible;
              margin: 0;
              height: inherit;
              line-height: 45px; }
              .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .content-count span,
              .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .content-count span {
                margin: 0; }
                .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .content-count span i,
                .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .content-count span i {
                  font-size: 20px;
                  margin: 0;
                  margin-right: 5px; }
              .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .content-count .resource-count-text,
              .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .content-count .question-count-text,
              .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .content-count .resource-count-text,
              .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .content-count .question-count-text {
                height: 30px;
                margin-top: 5px;
                display: inline-block; }
            .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .play-btn,
            .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .play-btn {
              width: 44px;
              padding: 0;
              height: 50px; }
              .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .play-btn button,
              .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .play-btn button {
                display: block;
                padding: 0;
                height: 50px;
                margin: 0;
                background: transparent; }
                .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .play-btn button.study-now,
                .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .play-btn button.study-now {
                  width: 44px; }
            .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .performance,
            .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .performance {
              width: 60px;
              height: 48px;
              line-height: 48px;
              padding: 0;
              margin-top: 0; }
              .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .performance .score,
              .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .performance .score {
                font-size: 14px; }
              .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .performance .charts.gru-performance-chart,
              .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .performance .charts.gru-performance-chart {
                min-width: auto; }
      .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson.expanded .panel-collapse.collapse.in {
        margin: 0;
        margin-top: -9px; }
      @media screen and (max-width: 376px) {
        .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-heading .panel-title {
          width: calc(100% - 125px) !important; }
        .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-heading .info .content-count {
          display: none; }
        .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading,
        .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading {
          height: 50px; }
          .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading .panel-title,
          .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading .panel-title {
            width: calc(100% - 125px) !important; }
            .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading .panel-title .title,
            .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading .panel-title .title {
              padding-left: 10px; }
            .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading .panel-title .icon-container,
            .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading .panel-title .icon-container {
              display: none; }
          .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading .info .content-count,
          .student-independent-container .student.course-map .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading .info .content-count {
            display: none; } }

@media only screen and (max-width: 480px) {
  body.student_independent_course-map .app-container {
    padding-top: 152px; } }

@media only screen and (max-width: 767px) {
  .student-independent-container .header .panel.course-information .panel-body {
    grid-template-columns: 50px 1fr max-content 200px; }
    .student-independent-container .header .panel.course-information .panel-body.no-taxomony {
      grid-template-columns: 50px 1fr max-content; }
    .student-independent-container .header .panel.course-information .panel-body .course-image img {
      width: 50px; }
    .student-independent-container .header .panel.course-information .panel-body .performance-container,
    .student-independent-container .header .panel.course-information .panel-body .teacher-profile {
      display: none; } }

@media only screen and (max-width: 600px) {
  .student-independent-container .header .panel.classroom-information .panel-body {
    grid-template-columns: 50px 1fr max-content; }
    .student-independent-container .header .panel.classroom-information .panel-body .taxonomy-standards {
      display: none; } }

.teacher-panel .teacher.class-atc-view .class-view .body .nav-previous {
  left: -15px; }

.teacher-panel .teacher.class-atc-view .class-view .body .nav-next {
  right: -15px; }

.teacher-panel .teacher.class-atc-view .class-view .body .atc-chart {
  display: grid;
  justify-content: center;
  zoom: 0.7; }
  @media only screen and (max-width: 768px) {
    .teacher-panel .teacher.class-atc-view .class-view .body .atc-chart {
      zoom: 0.69; } }
  @media only screen and (max-width: 480px) {
    .teacher-panel .teacher.class-atc-view .class-view .body .atc-chart {
      zoom: 0.6; } }
  @media only screen and (max-width: 360px) {
    .teacher-panel .teacher.class-atc-view .class-view .body .atc-chart {
      zoom: 0.59; } }

.controller.teacher.course-map {
  max-width: 100%; }
  @media screen and (max-width: 767px) {
    .controller.teacher.course-map .actions {
      display: none; }
    .controller.teacher.course-map .course-map-container .course-map-body.teacher-cm .render-course-map .ms-cm-view-switcher-ctn {
      box-shadow: none;
      margin-top: 10px; } }
  .controller.teacher.course-map .course-map-container .course-map-body {
    display: grid;
    grid-template-rows: auto; }
    @media only screen and (max-width: 767px) {
      .controller.teacher.course-map .course-map-container .course-map-body.teacher-cm .students {
        top: calc(100% - 100px); }
      .controller.teacher.course-map .course-map-container .course-map-body .students {
        top: calc(100% - 50px);
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        height: 100% !important;
        z-index: 1024;
        background-color: #fff; }
        .controller.teacher.course-map .course-map-container .course-map-body .students.teacher-cm {
          top: calc(100% - 100px); }
        .controller.teacher.course-map .course-map-container .course-map-body .students.active .header .icon .arrow-down {
          display: none; }
        .controller.teacher.course-map .course-map-container .course-map-body .students.active .header .icon .arrow-up {
          display: block; }
        .controller.teacher.course-map .course-map-container .course-map-body .students.active .students-list {
          display: block !important;
          width: 100%;
          margin-top: 5px;
          max-height: calc(100vh - 100px); }
        .controller.teacher.course-map .course-map-container .course-map-body .students .header {
          display: grid;
          grid-template-columns: 1fr 50px;
          margin: 0;
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
          background-color: #ffffff;
          padding: 0;
          height: 50px; }
          .controller.teacher.course-map .course-map-container .course-map-body .students .header.visible-xs {
            display: grid !important; }
          .controller.teacher.course-map .course-map-container .course-map-body .students .header .title {
            padding: 10px;
            display: flex;
            align-items: center; }
          .controller.teacher.course-map .course-map-container .course-map-body .students .header .icon {
            display: flex;
            align-items: center;
            justify-content: center; }
            .controller.teacher.course-map .course-map-container .course-map-body .students .header .icon .arrow-up {
              display: none; }
            .controller.teacher.course-map .course-map-container .course-map-body .students .header .icon .arrow-down {
              display: block; }
        .controller.teacher.course-map .course-map-container .course-map-body .students .students-list {
          display: none !important; } }
    .controller.teacher.course-map .course-map-container .course-map-body .students {
      height: 50px; }
      .controller.teacher.course-map .course-map-container .course-map-body .students .header {
        display: none; }
    .controller.teacher.course-map .course-map-container .course-map-body .students-list {
      display: flex;
      width: calc(100vh - 100px);
      min-width: unset;
      max-width: unset;
      max-height: unset;
      overflow-x: auto; }
      .controller.teacher.course-map .course-map-container .course-map-body .students-list .list .student-name {
        white-space: nowrap;
        display: block;
        margin-left: 10px; }
    .controller.teacher.course-map .course-map-container .course-map-body .render-course-map {
      width: 100%;
      margin: auto; }
      @media only screen and (min-width: 768px) and (max-width: 992px) {
        .controller.teacher.course-map .course-map-container .course-map-body .render-course-map {
          margin-top: 50px; } }
      .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .header {
        display: none; }
      .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit {
        padding: 0; }
        .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .panel-title {
          width: calc(100% - 85px) !important;
          padding-top: 0; }
          .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .panel-title > a {
            width: 100% !important;
            max-width: none;
            height: auto; }
          .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .panel-title .title.ellipsis {
            display: grid; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .panel-title .title.ellipsis .prefix {
              border: none;
              margin-left: 0; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .panel-title .title.ellipsis .unit-title-text {
              margin-left: 10px; }
        .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .performance-container {
          height: 67px;
          width: 64px;
          margin-top: 0; }
          .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .performance-container .charts.gru-students-performance-chart {
            height: 67px;
            min-width: unset; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .performance-container .charts.gru-students-performance-chart .container-box {
              height: 67px; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .performance-container .charts.gru-students-performance-chart .container-box .students-count {
                display: grid;
                grid-template-columns: auto auto;
                height: 23px; }
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .performance-container .charts.gru-students-performance-chart .container-box .students-count .count {
                  width: unset; }
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .unit.panel-heading .performance-container .charts.gru-students-performance-chart .container-box .students-count .avatar {
                  right: unset;
                  position: unset; }
        .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse {
          padding: 4px; }
          .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .panel-title {
            width: 40% !important;
            padding: 0;
            margin-left: 8px; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .panel-title > a.title {
              display: grid;
              max-width: none; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .panel-title > a.title .lesson-prefix {
                border: none; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .panel-title > a.title .lesson-title-text {
                font-size: 15px; }
          .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info {
            max-width: none !important; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .content-count {
              display: inline-block;
              visibility: visible;
              margin: 0;
              height: inherit;
              line-height: 60px; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .content-count .assessment-count,
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .content-count .collection-count {
                margin: 0 5px 0 0; }
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .content-count .assessment-count i,
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .content-count .collection-count i {
                  margin: 0;
                  width: 16px;
                  height: 16px;
                  background-size: 16px 16px; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .performance-container {
              width: 60px; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .performance-container .charts.gru-students-performance-chart {
                min-width: 100%; }
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .performance-container .charts.gru-students-performance-chart .students-count {
                  display: grid;
                  grid-template-columns: auto auto;
                  height: 23px; }
                  .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .performance-container .charts.gru-students-performance-chart .students-count .count {
                    width: unset; }
                  .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-heading .info .performance-container .charts.gru-students-performance-chart .students-count .avatar {
                    right: unset;
                    position: unset; }
          .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .panel-title,
          .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .panel-title {
            width: calc(100% - 225px) !important;
            padding: 0;
            margin-left: 0;
            display: flex; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .panel-title .icon-container,
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .panel-title .icon-container {
              width: 60px; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .panel-title > a.title,
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .panel-title > a.title {
              display: flex;
              padding: 0 0 0 5px; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .panel-title > a.title .ellipsis,
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .panel-title > a.title .ellipsis {
                font-size: 15px;
                line-height: 1.2; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .panel-title > a.title i,
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .panel-title > a.title i {
                margin-top: 10px; }
          .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info,
          .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info {
            max-width: none !important; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .content-count,
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .content-count {
              display: inline-block;
              visibility: visible;
              margin: 0;
              height: inherit;
              line-height: 60px; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .content-count span,
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .content-count span {
                margin: 0; }
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .content-count span i,
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .content-count span i {
                  font-size: 20px;
                  margin: 0 5px 0 0; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .content-count .question-count-text,
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .content-count .resource-count-text,
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .content-count .question-count-text,
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .content-count .resource-count-text {
                height: 30px;
                margin-top: 5px;
                display: inline-block; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .controls .go-live-cnt,
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .controls .go-live-cnt {
              margin: 0; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .performance,
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .performance {
              width: 60px;
              padding: 0;
              margin-top: 0; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .performance .score,
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .performance .score {
                font-size: 14px; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .performance .charts.gru-students-performance-chart,
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .performance .charts.gru-students-performance-chart {
                min-width: auto; }
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .performance .charts.gru-students-performance-chart .container-box,
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .performance .charts.gru-students-performance-chart .container-box {
                  height: 67px; }
                  .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .performance .charts.gru-students-performance-chart .container-box .students-count,
                  .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .performance .charts.gru-students-performance-chart .container-box .students-count {
                    display: grid;
                    grid-template-columns: auto auto;
                    height: 23px; }
                    .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .performance .charts.gru-students-performance-chart .container-box .students-count .count,
                    .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .performance .charts.gru-students-performance-chart .container-box .students-count .count {
                      width: unset; }
                    .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .assessment .panel-heading .info .performance .charts.gru-students-performance-chart .container-box .students-count .avatar,
                    .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson .panel-body .collections .collection .panel-heading .info .performance .charts.gru-students-performance-chart .container-box .students-count .avatar {
                      right: unset;
                      position: unset; }
          .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .gru-accordion-lesson.expanded .panel-collapse.collapse.in {
            margin: -9px 0 0; }
          @media screen and (max-width: 480px) {
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .assessment,
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .collection {
              margin-bottom: 5px; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading .panel-title,
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading .panel-title {
                width: calc(100% - 250px) !important;
                padding: 0;
                margin-left: 0;
                display: flex; }
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading .panel-title .title,
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading .panel-title .title {
                  padding-left: 10px; }
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading .panel-title .icon-container,
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading .panel-title .icon-container {
                  display: none; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading .info .controls,
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading .info .controls {
                display: block; } }
          @media screen and (max-width: 376px) {
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-heading .panel-title {
              width: 45% !important; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-heading .info .content-count {
              display: none; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .assessment,
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .collection {
              margin-bottom: 5px; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading .panel-title,
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading .panel-title {
                width: calc(100% - 150px) !important;
                padding: 0;
                margin-left: 0;
                display: flex; }
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading .panel-title .title,
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading .panel-title .title {
                  padding-left: 10px;
                  width: 100%; }
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading .panel-title .icon-container,
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading .panel-title .icon-container {
                  display: none; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading .info .content-count,
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .teacher-coursemap .gru-accordion.gru-accordion-course .gru-accordion-unit .panel-collapse .panel-body .panel-group .gru-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading .info .content-count {
                display: none; } }
      .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap {
        width: 100vw;
        margin-top: 10px; }
        .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit {
          padding: 0;
          width: 95vw; }
          .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .unit .performance-container {
            margin-top: 0 !important;
            width: 84px; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .unit .performance-container .container-box {
              width: 100%;
              float: right; }
          .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .unit.panel-heading .panel-title {
            width: calc(100% - 85px) !important;
            padding-top: 0; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .unit.panel-heading .panel-title > a {
              width: 100% !important;
              max-width: none;
              height: auto; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .unit.panel-heading .panel-title .title.ellipsis {
              display: grid; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .unit.panel-heading .panel-title .title.ellipsis .prefix {
                border: none;
                margin-left: 0; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .unit.panel-heading .panel-title .title.ellipsis .unit-title-text {
                margin-left: 10px; }
          .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .unit.panel-heading .performance-container {
            height: 67px;
            width: 64px; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .unit.panel-heading .performance-container .charts.gru-performance-chart {
              height: 67px;
              min-width: unset; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .unit.panel-heading .performance-container .charts.gru-performance-chart .container-box {
                height: 67px; }
          .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse {
            padding: 4px; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-heading .panel-title {
              width: calc(100% - 225px);
              padding: 0;
              margin-left: 8px; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-heading .panel-title > a.title {
                display: grid;
                max-width: none; }
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-heading .panel-title > a.title .lesson-prefix {
                  border: none; }
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-heading .panel-title > a.title .lesson-title-text {
                  font-size: 15px; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-heading .info {
              max-width: none !important; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-heading .info .content-count {
                display: inline-block;
                visibility: visible;
                margin: 0;
                height: inherit; }
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-heading .info .content-count .assessment-count,
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-heading .info .content-count .collection-count {
                  margin: 0 5px 0 0; }
                  .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-heading .info .content-count .assessment-count i,
                  .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-heading .info .content-count .collection-count i {
                    margin: 0;
                    width: 16px;
                    height: 16px;
                    background-size: 16px 16px; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-heading .info .play-btn {
                width: 49px;
                padding: 0; }
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-heading .info .play-btn button {
                  padding: 12px;
                  display: block; }
                  .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-heading .info .play-btn button.study-now {
                    width: 48px;
                    padding: 11px; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-heading .info .performance-container {
                width: 60px; }
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-heading .info .performance-container .charts.gru-performance-chart {
                  min-width: auto; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .assessment,
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .collection {
              height: 52px; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .assessment .panel-heading,
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .collection .panel-heading {
                height: 50px; }
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .assessment .panel-heading .panel-title,
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .collection .panel-heading .panel-title {
                  width: calc(100% - 200px) !important;
                  padding: 0;
                  margin-left: 0;
                  display: flex; }
                  .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .assessment .panel-heading .panel-title .icon-container,
                  .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .collection .panel-heading .panel-title .icon-container {
                    width: 50px;
                    height: 50px; }
                  .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .assessment .panel-heading .panel-title > a.title,
                  .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .collection .panel-heading .panel-title > a.title {
                    display: flex;
                    padding: 0 0 0 5px; }
                    .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .assessment .panel-heading .panel-title > a.title .ellipsis,
                    .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .collection .panel-heading .panel-title > a.title .ellipsis {
                      font-size: 15px;
                      line-height: 50px;
                      width: calc(100% - 28px); }
                    .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .assessment .panel-heading .panel-title > a.title i,
                    .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .collection .panel-heading .panel-title > a.title i {
                      margin-top: 10px; }
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .assessment .panel-heading .info,
                .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .collection .panel-heading .info {
                  max-width: none !important; }
                  .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .assessment .panel-heading .info .content-count,
                  .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .collection .panel-heading .info .content-count {
                    display: inline-block;
                    visibility: visible;
                    margin: 0;
                    height: inherit;
                    line-height: 46px; }
                    .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .assessment .panel-heading .info .content-count span,
                    .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .collection .panel-heading .info .content-count span {
                      margin: 0; }
                      .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .assessment .panel-heading .info .content-count span i,
                      .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .collection .panel-heading .info .content-count span i {
                        font-size: 20px;
                        margin: 0 5px 0 0; }
                    .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .assessment .panel-heading .info .content-count .question-count-text,
                    .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .assessment .panel-heading .info .content-count .resource-count-text,
                    .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .collection .panel-heading .info .content-count .question-count-text,
                    .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .collection .panel-heading .info .content-count .resource-count-text {
                      height: 30px;
                      margin-top: 5px;
                      display: inline-block; }
                  .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .assessment .panel-heading .info .play-btn,
                  .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .collection .panel-heading .info .play-btn {
                    width: 44px;
                    padding: 0;
                    height: 50px; }
                    .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .assessment .panel-heading .info .play-btn button,
                    .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .collection .panel-heading .info .play-btn button {
                      display: block;
                      padding: 0;
                      height: 50px;
                      margin: 0;
                      background: transparent; }
                      .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .assessment .panel-heading .info .play-btn button.study-now,
                      .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .collection .panel-heading .info .play-btn button.study-now {
                        width: 44px; }
                  .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .assessment .panel-heading .info .performance,
                  .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .collection .panel-heading .info .performance {
                    width: 60px;
                    height: 48px;
                    line-height: 48px;
                    padding: 0;
                    margin-top: 0; }
                    .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .assessment .panel-heading .info .performance .score,
                    .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .collection .panel-heading .info .performance .score {
                      font-size: 14px; }
                    .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .assessment .panel-heading .info .performance .charts.gru-performance-chart,
                    .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson .panel-body .collections .collection .panel-heading .info .performance .charts.gru-performance-chart {
                      min-width: auto; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .gru-learner-accordion-lesson.expanded .panel-collapse.collapse.in {
              margin: -9px 0 0; }
        @media screen and (max-width: 567px) {
          .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .unit {
            display: grid;
            grid-template-columns: 1fr auto auto; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .unit .performance-container {
              width: 85px;
              margin-left: 0; }
          .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .panel-group .gru-learner-accordion-lesson .panel-heading .panel-title {
            width: calc(100% - 164px) !important; }
          .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .panel-group .gru-learner-accordion-lesson .panel-heading .info .content-count {
            display: inline-block; }
          .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .panel-group .gru-learner-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading,
          .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .panel-group .gru-learner-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading {
            height: 50px; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .panel-group .gru-learner-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading .panel-title,
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .panel-group .gru-learner-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading .panel-title {
              width: calc(100% - 160px) !important; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .panel-group .gru-learner-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading .panel-title .title,
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .panel-group .gru-learner-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading .panel-title .title {
                padding-left: 10px;
                width: 100%; }
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .panel-group .gru-learner-accordion-lesson .panel-collapse .panel-body .collections .assessment .panel-heading .panel-title .icon-container,
              .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .panel-collapse .panel-body .panel-group .gru-learner-accordion-lesson .panel-collapse .panel-body .collections .collection .panel-heading .panel-title .icon-container {
                display: none; } }
        @media screen and (min-width: 411px) and (max-width: 414px) {
          .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .unit {
            display: grid; }
            .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .gru-learner-accordion-unit .unit .performance-container {
              width: 81px; } }
        @media screen and (max-width: 320px) {
          .controller.teacher.course-map .course-map-container .course-map-body .render-course-map .student-coursemap .performance-container {
            width: 81px;
            margin-left: 0; } }
    .controller.teacher.course-map .course-map-container .course-map-body .items-to-grade {
      grid-row: 3;
      grid-column: 1;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .controller.teacher.course-map .course-map-container .course-map-body .items-to-grade {
          top: calc(100% - 50px);
          position: fixed;
          left: 0;
          right: 0;
          width: 100%;
          height: 100%;
          z-index: 1024;
          background-color: #fff; }
          .controller.teacher.course-map .course-map-container .course-map-body .items-to-grade.active .header .icon .arrow-down {
            display: none; }
          .controller.teacher.course-map .course-map-container .course-map-body .items-to-grade.active .header .icon .arrow-up {
            display: block; }
          .controller.teacher.course-map .course-map-container .course-map-body .items-to-grade .header {
            display: grid;
            grid-template-columns: 1fr 50px;
            margin: 0;
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
            background-color: #ffffff;
            padding: 0;
            height: 50px; }
            .controller.teacher.course-map .course-map-container .course-map-body .items-to-grade .header.visible-xs {
              display: grid !important; }
            .controller.teacher.course-map .course-map-container .course-map-body .items-to-grade .header .title {
              padding: 10px;
              display: flex;
              align-items: center; }
            .controller.teacher.course-map .course-map-container .course-map-body .items-to-grade .header .icon {
              display: flex;
              align-items: center;
              justify-content: center; }
              .controller.teacher.course-map .course-map-container .course-map-body .items-to-grade .header .icon .arrow-up {
                display: none; }
              .controller.teacher.course-map .course-map-container .course-map-body .items-to-grade .header .icon .arrow-down {
                display: block; }
          .controller.teacher.course-map .course-map-container .course-map-body .items-to-grade .gru-grade-items {
            box-shadow: none;
            width: 100%; } }

@media only screen and (max-width: 680px) {
  body.teacher_class_course-map .app-container {
    padding-top: 102px; } }

@media only screen and (max-width: 767px) {
  body.teacher_class_course-map .teacher.class .content {
    padding-top: 0; }
    body.teacher_class_course-map .teacher.class .content .controller.teacher.class.course-map .course-map-container {
      max-height: calc(100vh - 200px);
      overflow-y: auto; } }

@media only screen and (max-width: 600px) {
  .controller.analytics.collection.student {
    padding: 0; } }

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .controller.analytics.collection.student {
    padding: unset; } }

@media screen and (max-width: 767px) {
  .profile .user-proficiency .left-panel {
    width: 100%; }
    .profile .user-proficiency .left-panel .panel-body .inspect-competency .competency-info-pull-up {
      left: 0; }
      .profile .user-proficiency .left-panel .panel-body .inspect-competency .competency-info-pull-up.open {
        height: 385px; }
      .profile .user-proficiency .left-panel .panel-body .inspect-competency .competency-info-pull-up.expand {
        height: calc(100% - -15px); }
      .profile .user-proficiency .left-panel .panel-body .inspect-competency .competency-info-pull-up .body .competency-content-report .competency-performance .competency-name {
        align-items: center; }
  .profile .user-proficiency .right-panel {
    display: none; } }

.teacher_class_class-activities
.content
.controller.teacher.class.class-activities {
  position: inherit; }
  @media only screen and (max-width: 767px) {
    .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel {
      flex-direction: column; }
      .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel,
      .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel {
        width: 100%;
        border-right: 0; }
        .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .schedule-container .ca-schedule-items-header .ca-add-content .ca-date-section,
        .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .schedule-container .ca-schedule-items-header .ca-add-content .ca-date-section {
          padding-left: 10px;
          justify-self: end; }
        .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .schedule-container .ca-schedule-section .dca-content-list-container,
        .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .schedule-container .ca-schedule-section .dca-content-list-container {
          min-height: 48px;
          max-height: calc(100vh - 405px); }
        .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .offline-activity-container,
        .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .offline-activity-container {
          height: auto;
          width: 100%;
          z-index: 1;
          background: none;
          padding: 0;
          position: absolute;
          top: calc(100% - 150px); }
          .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .offline-activity-container.active,
          .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .offline-activity-container.active {
            height: 100%;
            width: 100%;
            background-color: #fff;
            z-index: 10; }
            .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .offline-activity-container.active .offline-activity-section,
            .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .offline-activity-container.active .offline-activity-section {
              display: block; }
              .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .offline-activity-container.active .offline-activity-section .panel-group .oa-active-container .oa-active-items .oa-active-list,
              .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .offline-activity-container.active .offline-activity-section .panel-group .oa-active-container .oa-active-items .oa-completed-list,
              .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .offline-activity-container.active .offline-activity-section .panel-group .oa-active-container .oa-completed-items .oa-active-list,
              .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .offline-activity-container.active .offline-activity-section .panel-group .oa-active-container .oa-completed-items .oa-completed-list,
              .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .offline-activity-container.active .offline-activity-section .panel-group .oa-completed-container .oa-active-items .oa-active-list,
              .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .offline-activity-container.active .offline-activity-section .panel-group .oa-completed-container .oa-active-items .oa-completed-list,
              .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .offline-activity-container.active .offline-activity-section .panel-group .oa-completed-container .oa-completed-items .oa-active-list,
              .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .offline-activity-container.active .offline-activity-section .panel-group .oa-completed-container .oa-completed-items .oa-completed-list,
              .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .offline-activity-container.active .offline-activity-section .panel-group .oa-active-container .oa-active-items .oa-active-list,
              .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .offline-activity-container.active .offline-activity-section .panel-group .oa-active-container .oa-active-items .oa-completed-list,
              .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .offline-activity-container.active .offline-activity-section .panel-group .oa-active-container .oa-completed-items .oa-active-list,
              .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .offline-activity-container.active .offline-activity-section .panel-group .oa-active-container .oa-completed-items .oa-completed-list,
              .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .offline-activity-container.active .offline-activity-section .panel-group .oa-completed-container .oa-active-items .oa-active-list,
              .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .offline-activity-container.active .offline-activity-section .panel-group .oa-completed-container .oa-active-items .oa-completed-list,
              .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .offline-activity-container.active .offline-activity-section .panel-group .oa-completed-container .oa-completed-items .oa-active-list,
              .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .offline-activity-container.active .offline-activity-section .panel-group .oa-completed-container .oa-completed-items .oa-completed-list {
                max-height: calc(100vh - 280px); }
          .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .offline-activity-container .right-panel-header,
          .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .offline-activity-container .right-panel-header {
            display: none; }
          .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .offline-activity-container .offline-activity-item-header,
          .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .offline-activity-container .offline-activity-item-header {
            box-shadow: none;
            border: 0;
            border-bottom: 1px solid #ccc;
            grid-template-columns: auto 60px; }
            .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .offline-activity-container .offline-activity-item-header span,
            .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .offline-activity-container .offline-activity-item-header span {
              text-transform: uppercase;
              padding-left: 20px;
              font-size: 12px;
              font-weight: bold;
              color: inherit; }
            .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .offline-activity-container .offline-activity-item-header .offline-icon,
            .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .offline-activity-container .offline-activity-item-header .offline-icon {
              display: none; }
          .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .offline-activity-container .offline-activity-section,
          .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .offline-activity-container .offline-activity-section {
            display: none; }
        .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .item-to-grade-container,
        .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .item-to-grade-container {
          height: auto;
          width: 100%;
          z-index: 1;
          background: none;
          padding: 0;
          position: absolute;
          top: calc(100% - 100px); }
          .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .item-to-grade-container.active,
          .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .item-to-grade-container.active {
            height: 100%;
            width: 100%;
            background-color: #fff;
            z-index: 10; }
          .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .item-to-grade-container .ca-grade-items-header,
          .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .item-to-grade-container .ca-grade-items-header {
            box-shadow: none;
            border: 0;
            border-bottom: 1px solid #ccc; }
        .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .unschedule-container,
        .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .unschedule-container {
          height: auto;
          width: 100%;
          z-index: 1;
          background: none;
          padding: 0;
          position: absolute;
          top: calc(100% - 50px); }
          .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .unschedule-container.active,
          .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .unschedule-container.active {
            height: 100%;
            width: 100%;
            z-index: 10;
            background-color: #fff; }
            .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .unschedule-container.active .ca-unscheduled-items,
            .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .unschedule-container.active .ca-unscheduled-items {
              height: auto;
              width: 100%;
              max-height: calc(100% - 150px);
              display: block; }
              .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .unschedule-container.active .ca-unscheduled-items .ca-unscheduled-content-items,
              .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .unschedule-container.active .ca-unscheduled-items .ca-unscheduled-content-items {
                margin-top: 0; }
          .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .left-panel .unschedule-container .ca-unschedule-items-header,
          .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-panel .right-panel .unschedule-container .ca-unschedule-items-header {
            box-shadow: none;
            border: 0;
            border-bottom: 1px solid #ccc; }
    .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-datepicker-schedule-container {
      width: 100%;
      height: 100%; }
      .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-datepicker-schedule-container .ca-daterange-picker .ca-datepicker-body {
        transform: none;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
        .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-datepicker-schedule-container .ca-daterange-picker .ca-datepicker-body .date-info,
        .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-datepicker-schedule-container .ca-daterange-picker .ca-datepicker-body .header-section,
        .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-datepicker-schedule-container .ca-daterange-picker .ca-datepicker-body .submit-btn {
          display: grid; }
        .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-datepicker-schedule-container .ca-daterange-picker .ca-datepicker-body .calendar {
          display: block; }
          .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-datepicker-schedule-container .ca-daterange-picker .ca-datepicker-body .calendar .start-date-picker {
            display: none; }
            .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-datepicker-schedule-container .ca-daterange-picker .ca-datepicker-body .calendar .start-date-picker.selected {
              display: block; }
          .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-datepicker-schedule-container .ca-daterange-picker .ca-datepicker-body .calendar .end-date-picker {
            display: none; }
            .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-datepicker-schedule-container .ca-daterange-picker .ca-datepicker-body .calendar .end-date-picker.selected {
              display: block; }
          .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-datepicker-schedule-container .ca-daterange-picker .ca-datepicker-body .calendar .ca-date-picker-container .ca-datepicker-container #ca-datepicker {
            grid-row-start: 1;
            padding: 10px 20px 20px; }
            .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-datepicker-schedule-container .ca-daterange-picker .ca-datepicker-body .calendar .ca-date-picker-container .ca-datepicker-container #ca-datepicker .datepicker-inline .datepicker-days .table-condensed thead tr:nth-child(2) {
              display: grid;
              width: 100%;
              justify-content: center;
              grid-template-columns: repeat(7, 1fr); }
              .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-datepicker-schedule-container .ca-daterange-picker .ca-datepicker-body .calendar .ca-date-picker-container .ca-datepicker-container #ca-datepicker .datepicker-inline .datepicker-days .table-condensed thead tr:nth-child(2) th.dow {
                height: 40px;
                width: 40px;
                justify-self: center; }
            .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-datepicker-schedule-container .ca-daterange-picker .ca-datepicker-body .calendar .ca-date-picker-container .ca-datepicker-container #ca-datepicker .datepicker-inline .datepicker-days .table-condensed tbody tr {
              display: grid;
              width: 100%;
              justify-content: center;
              grid-template-columns: repeat(7, 1fr); }
              .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-datepicker-schedule-container .ca-daterange-picker .ca-datepicker-body .calendar .ca-date-picker-container .ca-datepicker-container #ca-datepicker .datepicker-inline .datepicker-days .table-condensed tbody tr td {
                height: 40px;
                width: 40px;
                justify-self: center; }
                .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-datepicker-schedule-container .ca-daterange-picker .ca-datepicker-body .calendar .ca-date-picker-container .ca-datepicker-container #ca-datepicker .datepicker-inline .datepicker-days .table-condensed tbody tr td.has-activities:before {
                  top: 25px;
                  display: flex;
                  margin: auto;
                  left: 0; }
                .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-datepicker-schedule-container .ca-daterange-picker .ca-datepicker-body .calendar .ca-date-picker-container .ca-datepicker-container #ca-datepicker .datepicker-inline .datepicker-days .table-condensed tbody tr td.active {
                  background-color: #d2e3fc;
                  background-image: -webkit-linear-gradient(top, #d2e3fc, #d2e3fc);
                  border-radius: 50%;
                  display: flex;
                  margin: auto;
                  align-items: center;
                  justify-content: center;
                  color: #4b8fe2; }
                  .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-datepicker-schedule-container .ca-daterange-picker .ca-datepicker-body .calendar .ca-date-picker-container .ca-datepicker-container #ca-datepicker .datepicker-inline .datepicker-days .table-condensed tbody tr td.active:before {
                    content: none; }
                .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-datepicker-schedule-container .ca-daterange-picker .ca-datepicker-body .calendar .ca-date-picker-container .ca-datepicker-container #ca-datepicker .datepicker-inline .datepicker-days .table-condensed tbody tr td.today {
                  background-color: #4b8fe2;
                  background-image: -webkit-linear-gradient(top, #4b8fe2, #4b8fe2);
                  border-radius: 50%;
                  display: flex;
                  margin: auto;
                  align-items: center;
                  justify-content: center;
                  color: #fff; }
                  .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-datepicker-schedule-container .ca-daterange-picker .ca-datepicker-body .calendar .ca-date-picker-container .ca-datepicker-container #ca-datepicker .datepicker-inline .datepicker-days .table-condensed tbody tr td.today:before {
                    content: none; } }
  @media only screen and (max-width: 480px) {
    .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-calendar-tabs .title {
      display: none; }
    .teacher_class_class-activities
.content
.controller.teacher.class.class-activities .ca-calendar-tabs .ca-calendar-tabs-mobile {
      display: block; } }

@media only screen and (max-width: 680px) {
  body.teacher_class_class-activities .app-container {
    padding-top: 102px; } }

.class .content .teacher-class-search-content-pull-up {
  width: 100%; }
  .class .content .teacher-class-search-content-pull-up .search-container {
    width: 100%; }
    @media screen and (max-width: 767px) {
      .class .content .teacher-class-search-content-pull-up .search-container .tenant-libraries .libraries-container {
        grid-template-columns: repeat(1, 1fr); }
      .class .content .teacher-class-search-content-pull-up .search-container .search-header {
        grid-template-columns: 20px 100px 1fr; }
        .class .content .teacher-class-search-content-pull-up .search-container .search-header .search-filter-container {
          width: 90px;
          margin-left: 10px; }
        .class .content .teacher-class-search-content-pull-up .search-container .search-header .search-pullup-close i {
          margin-left: 0; }
        .class .content .teacher-class-search-content-pull-up .search-container .search-header .search-right-menu .search-input-container {
          grid-template-columns: auto 90px auto; }
          .class .content .teacher-class-search-content-pull-up .search-container .search-header .search-right-menu .search-input-container #search-content {
            width: 100%; }
      .class .content .teacher-class-search-content-pull-up .search-container .search-content-type-filter .filter-content-types {
        padding-left: 0; }
        .class .content .teacher-class-search-content-pull-up .search-container .search-content-type-filter .filter-content-types .filter-item {
          margin-left: 0;
          margin-right: 0; }
      .class .content .teacher-class-search-content-pull-up .search-container .search-content-type-filter .search-by-filter .search-panel .search-content {
        padding: 5px; }
        .class .content .teacher-class-search-content-pull-up .search-container .search-content-type-filter .search-by-filter .search-panel .search-content .bottom-panel-container,
        .class .content .teacher-class-search-content-pull-up .search-container .search-content-type-filter .search-by-filter .search-panel .search-content .top-panel-container {
          width: 100vw;
          flex-direction: column; }
          .class .content .teacher-class-search-content-pull-up .search-container .search-content-type-filter .search-by-filter .search-panel .search-content .bottom-panel-container .filter-container,
          .class .content .teacher-class-search-content-pull-up .search-container .search-content-type-filter .search-by-filter .search-panel .search-content .top-panel-container .filter-container {
            width: 100%; }
          .class .content .teacher-class-search-content-pull-up .search-container .search-content-type-filter .search-by-filter .search-panel .search-content .bottom-panel-container .gru-taxonomy-picker .browse-selector .taxonomy .gru-browser-selector-container,
          .class .content .teacher-class-search-content-pull-up .search-container .search-content-type-filter .search-by-filter .search-panel .search-content .top-panel-container .gru-taxonomy-picker .browse-selector .taxonomy .gru-browser-selector-container {
            grid-template-columns: none; } }

@media screen and (min-width: 568px) and (max-width: 600px) {
  .teacher-class-ca-course-map .dca-course-map-unit-container .dca-course-map-unit .dca-course-map-lesson-container .dca-course-map-lesson .dca-course-map-collection-container .dca-course-map-collection .dca-course-map-collection-panel {
    grid-template-columns: 1fr 85px 61px !important; } }

@media screen and (max-width: 568px) {
  .teacher-class-ca-course-map {
    width: 100%; }
    .teacher-class-ca-course-map .dca-course-map-unit-container {
      padding: 6px; }
      .teacher-class-ca-course-map .dca-course-map-unit-container .dca-course-map-unit .dca-course-map-lesson-container {
        padding: 6px; }
        .teacher-class-ca-course-map .dca-course-map-unit-container .dca-course-map-unit .dca-course-map-lesson-container .dca-course-map-lesson .dca-course-map-lesson-panel .lesson-title p {
          font-size: 14px; }
        .teacher-class-ca-course-map .dca-course-map-unit-container .dca-course-map-unit .dca-course-map-lesson-container .dca-course-map-lesson .dca-course-map-lesson-panel .lesson-name-sequence {
          font-size: 14px; }
        .teacher-class-ca-course-map .dca-course-map-unit-container .dca-course-map-unit .dca-course-map-lesson-container .dca-course-map-lesson .dca-course-map-lesson-panel {
          grid-template-columns: 125px 1fr; }
        .teacher-class-ca-course-map .dca-course-map-unit-container .dca-course-map-unit .dca-course-map-lesson-container .dca-course-map-lesson .dca-course-map-collection-container .dca-course-map-collection .dca-course-map-collection-panel {
          grid-template-columns: 174px 1fr 80px 2px; }
          .teacher-class-ca-course-map .dca-course-map-unit-container .dca-course-map-unit .dca-course-map-lesson-container .dca-course-map-lesson .dca-course-map-collection-container .dca-course-map-collection .dca-course-map-collection-panel .lesson-title p {
            font-size: 14px; }
          .teacher-class-ca-course-map .dca-course-map-unit-container .dca-course-map-unit .dca-course-map-lesson-container .dca-course-map-lesson .dca-course-map-collection-container .dca-course-map-collection .dca-course-map-collection-panel .collection-img-container {
            display: none; }
          .teacher-class-ca-course-map .dca-course-map-unit-container .dca-course-map-unit .dca-course-map-lesson-container .dca-course-map-lesson .dca-course-map-collection-container .dca-course-map-collection .dca-course-map-collection-panel .collection-title-container i {
            padding-left: 20px;
            margin-left: 10px; }
          .teacher-class-ca-course-map .dca-course-map-unit-container .dca-course-map-unit .dca-course-map-lesson-container .dca-course-map-lesson .dca-course-map-collection-container .dca-course-map-collection .dca-course-map-collection-panel .collection-title-container p {
            font-size: 12px; } }

@media screen and (max-width: 359px) {
  .teacher-class-ca-course-map .dca-course-map-unit-container .dca-course-map-unit .dca-course-map-lesson-container .dca-course-map-lesson .dca-course-map-collection-container .dca-course-map-collection .dca-course-map-collection-panel .collection-content-counts .resource-count {
    display: none; } }

@media screen and (max-width: 567px) {
  .controller.sign-in .sign-in-wrapper {
    min-height: 0 !important;
    margin: 11px auto;
    margin-top: 125px; }
    .controller.sign-in .sign-in-wrapper .sign-in-header h1 {
      margin: 0; }
    .controller.sign-in .sign-in-wrapper .divider {
      margin: 8px 0; }
    .controller.sign-in .sign-in-wrapper .sign-in-form .form-group.username {
      margin-bottom: 0; }
    .controller.sign-in .sign-in-wrapper .sign-in-header {
      padding: 15px 0 0; }
      .controller.sign-in .sign-in-wrapper .sign-in-header .back {
        padding-top: 35px; }
        .controller.sign-in .sign-in-wrapper .sign-in-header .back .icon {
          padding-left: 20px; } }

@media only screen and (max-width: 767px) {
  .controller.sign-up .modal .modal-dialog .modal-body .sign-up-finish-form .form-right {
    padding: 0; } }

@media only screen and (max-width: 767px) {
  .controller.sign-up .modal .modal-dialog .modal-body .sign-up-form .form-group.lastName {
    margin-left: -15px; }
  .controller.sign-up .modal .modal-dialog .modal-body .sign-up-form .form-left,
  .controller.sign-up .modal .modal-dialog .modal-body .sign-up-form .form-right {
    padding: 0; } }

.reports_collection .container-fluid {
  min-width: 100%; }
  .reports_collection .container-fluid .controller.reports .header {
    margin-top: 10px; }
    @media only screen and (max-width: 480px) {
      .reports_collection .container-fluid .controller.reports .header .title {
        display: grid;
        grid-template-columns: auto auto;
        align-items: center; }
        .reports_collection .container-fluid .controller.reports .header .title span {
          font-size: 15px; } }
  @media only screen and (max-width: 480px) {
    .reports_collection .container-fluid .controller.reports .anon-title {
      max-width: 100px; } }

.controller.teacher.class.class-settings .sec-col-layout {
  display: block; }

@media screen and (max-width: 680px) {
  .controller.teacher.class.class-settings {
    padding-bottom: 55px; }
    .controller.teacher.class.class-settings .sec-col-layout .sec-rows-layout.left-panel, .controller.teacher.class.class-settings .sec-col-layout .sec-rows-layout.right-panel {
      margin: 0; }
    .controller.teacher.class.class-settings .sec-col-layout .sec-rows-layout .class-sec-cont .class-settings-sec {
      padding-left: 0; }
      .controller.teacher.class.class-settings .sec-col-layout .sec-rows-layout .class-sec-cont .class-settings-sec .class-head-row-wrap {
        grid-template-columns: 1fr; }
        .controller.teacher.class.class-settings .sec-col-layout .sec-rows-layout .class-sec-cont .class-settings-sec .class-head-row-wrap .sec-head-class-name {
          order: 2;
          padding-left: 10px;
          height: unset;
          padding-right: 20px; }
        .controller.teacher.class.class-settings .sec-col-layout .sec-rows-layout .class-sec-cont .class-settings-sec .class-head-row-wrap .class-code {
          width: unset;
          height: 60px; }
          .controller.teacher.class.class-settings .sec-col-layout .sec-rows-layout .class-sec-cont .class-settings-sec .class-head-row-wrap .class-code .class-code-wrap {
            width: 100%;
            flex-direction: row;
            justify-content: space-between; }
      .controller.teacher.class.class-settings .sec-col-layout .sec-rows-layout .class-sec-cont .class-settings-sec .language-row,
      .controller.teacher.class.class-settings .sec-col-layout .sec-rows-layout .class-sec-cont .class-settings-sec .sub-sec-coteach {
        padding-left: 10px; }
      .controller.teacher.class.class-settings .sec-col-layout .sec-rows-layout .class-sec-cont .class-settings-sec .default-ca-tab {
        padding-left: 10px;
        height: 25px; }
      .controller.teacher.class.class-settings .sec-col-layout .sec-rows-layout .class-sec-cont .class-settings-sec .sub-sec-teach {
        padding: 0px 10px; }
    .controller.teacher.class.class-settings .sec-col-layout .sec-rows-layout .class-layout-btn .btn-panel {
      display: block; }
      .controller.teacher.class.class-settings .sec-col-layout .sec-rows-layout .class-layout-btn .btn-panel .class-btn {
        margin-top: 10px; }
    .controller.teacher.class.class-settings .sec-col-layout .student-sec-cont .student-settings-sec table .student-info-container {
      display: block; }
    .controller.teacher.class.class-settings .sec-col-layout .student-sec-cont .student-settings-sec table .student-info-container {
      padding-left: 10px; }
      .controller.teacher.class.class-settings .sec-col-layout .student-sec-cont .student-settings-sec table .student-info-container .student-name {
        padding-right: 5px;
        background: transparent;
        display: block;
        /* Fallback for non-webkit */
        display: -webkit-box;
        max-height: 31.2px;
        /* Fallback for non-webkit */
        font-size: 13px;
        line-height: 1.2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
        .controller.teacher.class.class-settings .sec-col-layout .student-sec-cont .student-settings-sec table .student-info-container .student-name span {
          word-break: break-word; }
  @-moz-document url-prefix() {
    .controller.teacher.class.class-settings .sec-col-layout .student-sec-cont .student-settings-sec table .student-info-container .student-name {
      overflow: hidden;
      position: relative; }
      .controller.teacher.class.class-settings .sec-col-layout .student-sec-cont .student-settings-sec table .student-info-container .student-name:before {
        background: transparent;
        bottom: 0;
        position: absolute;
        right: 0;
        float: right;
        content: "\2026";
        margin-left: -3rem;
        width: 3rem; }
      .controller.teacher.class.class-settings .sec-col-layout .student-sec-cont .student-settings-sec table .student-info-container .student-name:after {
        content: "";
        background: transparent;
        position: absolute;
        height: 50px;
        width: 100%;
        z-index: 1; } }
    .controller.teacher.class.class-settings .sec-col-layout .student-sec-cont .student-settings-sec table .actions-container span.menu-icon {
      display: none;
      color: #666666;
      height: 22px; }
      .controller.teacher.class.class-settings .sec-col-layout .student-sec-cont .student-settings-sec table .actions-container span.menu-icon i {
        pointer-events: none; } }

@media only screen and (max-width: 680px) {
  body.teacher_class_class-management .app-container {
    padding-top: 102px; } }

.student_class_student-learner-proficiency,
.teacher_class_student-learner-proficiency {
  overflow: hidden; }
  @media only screen and (max-width: 799px) {
    .student_class_student-learner-proficiency,
    .teacher_class_student-learner-proficiency {
      padding-top: 50px; } }
  .student_class_student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up.open,
  .teacher_class_student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up.open {
    height: 385px; }
    .student_class_student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up.open .competency-info-pull-up-container,
    .teacher_class_student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up.open .competency-info-pull-up-container {
      height: inherit; }
  .student_class_student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up.expand,
  .teacher_class_student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up.expand {
    height: calc(100% - 51px); }
    .student_class_student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up.expand .competency-info-pull-up-container,
    .teacher_class_student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up.expand .competency-info-pull-up-container {
      height: 100%; }
  .student_class_student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up .body .competency-content-report .competency-performance .competency-name,
  .teacher_class_student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up .body .competency-content-report .competency-performance .competency-name {
    align-items: center; }
  @media only screen and (max-width: 767px) {
    .student_class_student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up,
    .teacher_class_student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up {
      z-index: 1024; } }
  @media only screen and (max-width: 767px) {
    .student_class_student-learner-proficiency .student-proficiency-container,
    .teacher_class_student-learner-proficiency .student-proficiency-container {
      grid-template-columns: none;
      padding: 0; }
      .student_class_student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up .competency-panel-header,
      .teacher_class_student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up .competency-panel-header {
        height: auto; }
        .student_class_student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up .competency-panel-header .close,
        .teacher_class_student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up .competency-panel-header .close {
          grid-column-start: 4; }
        .student_class_student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up .competency-panel-header .status,
        .teacher_class_student-learner-proficiency .student-proficiency-container .inspect-competency .competency-info-pull-up .competency-panel-header .status {
          justify-self: start;
          grid-row-start: 2;
          grid-column-start: 2; }
      .student_class_student-learner-proficiency .student-proficiency-container .pull-up-container,
      .student_class_student-learner-proficiency .student-proficiency-container .taxonomy-grades,
      .teacher_class_student-learner-proficiency .student-proficiency-container .pull-up-container,
      .teacher_class_student-learner-proficiency .student-proficiency-container .taxonomy-grades {
        display: none; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .student_class_student-learner-proficiency .student-proficiency-container,
    .teacher_class_student-learner-proficiency .student-proficiency-container {
      grid-template-columns: 1fr;
      padding: 0; }
      .student_class_student-learner-proficiency .student-proficiency-container .pull-up-container,
      .teacher_class_student-learner-proficiency .student-proficiency-container .pull-up-container {
        display: none; } }

@media screen and (min-width: 993px) {
  .student-proficiency-container .panel-container .inspect-competency {
    display: none; } }

@media screen and (max-width: 991px) {
  .student-locate .student-locate-container .activity-panel .chrono-view {
    padding: 5px; }
    .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container {
      padding: 5px;
      grid-template-areas: "timeline competency competency competency competency free" "timeline activities activities activities activities free";
      grid-template-columns: 59px 1fr; }
      .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container .competency-container {
        width: 100%;
        height: 77px;
        grid-column-start: 2;
        margin-left: 5px;
        grid-template-columns: 65px 1fr;
        grid-template-rows: none; }
        .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container .competency-container .competency-progress-bar {
          align-items: center; }
          .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container .competency-container .competency-progress-bar .student-competency-progress {
            width: 100%;
            display: flex; }
            .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container .competency-container .competency-progress-bar .student-competency-progress .completed,
            .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container .competency-container .competency-progress-bar .student-competency-progress .in-progress,
            .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container .competency-container .competency-progress-bar .student-competency-progress .not-started {
              height: 12px; }
      .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container .header {
        height: 100%;
        margin-left: auto; } }

@media screen and (max-width: 567px) {
  .student-locate .student-locate-container .activity-panel {
    overflow: hidden; }
    .student-locate .student-locate-container .activity-panel .chrono-view .competency-container {
      width: 65px; }
    .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline {
      display: grid;
      position: relative;
      width: 100%; }
      .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 10px;
        padding-right: 0; }
        .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container #carousel {
          width: 100%;
          justify-content: center; }
          .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container #carousel .student-activity {
            transition: transform 0.5s, top 1s, opacity 1s, z-index 0s; }
          .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container #carousel .student-activity.selected {
            z-index: 10;
            left: auto;
            top: calc(50vh - 40%);
            right: auto;
            transform: scale(1); }
          .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container #carousel .student-activity.left-4 {
            z-index: 5;
            left: auto;
            top: calc(50vh - 46%);
            opacity: 0.9;
            transform: scale(0.9); }
          .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container #carousel .student-activity.left-3 {
            z-index: 4;
            left: auto;
            top: calc(50vh - 51%);
            opacity: 0.8;
            transform: scale(0.8); }
          .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container #carousel .student-activity.left-2 {
            z-index: 3;
            left: auto;
            top: calc(50vh - 56%);
            opacity: 0.7;
            transform: scale(0.7); }
          .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container #carousel .student-activity.left-1 {
            left: auto;
            z-index: 2;
            opacity: 0.6;
            top: calc(50vh - 61%);
            transform: scale(0.6);
            opacity: 0; }
          .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container #carousel .student-activity.left-0 {
            left: auto;
            visibility: hidden;
            top: calc(50vh - 66%);
            transform: scale(0.5);
            opacity: 0; }
          .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container #carousel .student-activity.right-1 {
            z-index: 5;
            left: auto;
            opacity: 0;
            top: calc(50vh - 34%);
            transform: scale(0.9); }
          .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container #carousel .student-activity.right-2 {
            z-index: 4;
            left: auto;
            opacity: 0;
            top: calc(50vh - 30%);
            transform: scale(0.8); }
          .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container #carousel .student-activity.right-3 {
            z-index: 3;
            left: auto;
            opacity: 0;
            top: calc(50vh - 26%);
            transform: scale(0.7); }
          .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container #carousel .student-activity.right-4 {
            z-index: 2;
            left: auto;
            opacity: 0;
            top: calc(50vh - 22%);
            transform: scale(0.6); }
          .student-locate .student-locate-container .activity-panel .chrono-view .chrono-timeline .container #carousel .student-activity.right-0 {
            visibility: hidden;
            left: auto;
            opacity: 0;
            top: calc(50vh - 18%);
            transform: scale(0.5); } }

@media screen and (max-width: 675px) {
  .library .container .card-container {
    grid-template-columns: none; } }

@media screen and (max-width: 991px) {
  .library .container .partner-libraries .libraries-container {
    grid-template-columns: repeat(2, 1fr); } }

@media screen and (max-width: 675px) {
  .library .container .partner-libraries .libraries-container {
    grid-template-columns: repeat(1, 1fr); } }

@media screen and (max-width: 767px) {
  .library-search .library-search-header .header-container .info-section .search-input-section {
    width: auto;
    padding-left: 10px; }
  .library-search .library-search-header .header-container .info-section .profile {
    display: flex;
    line-height: 20px;
    width: auto; }
    .library-search .library-search-header .header-container .info-section .profile .my-content-title {
      text-align: center; }
    .library-search .library-search-header .header-container .info-section .profile .image {
      display: none; }
  .library-search .library-search-header .sub-filters-container {
    grid-template-columns: none; }
    .library-search .library-search-header .sub-filters-container .title {
      display: none; }
    .library-search .library-search-header .sub-filters-container .filters {
      width: 100vw; }
      .library-search .library-search-header .sub-filters-container .filters .gru-question-options .options ul {
        padding-left: 0; }
        .library-search .library-search-header .sub-filters-container .filters .gru-question-options .options ul li .btn-option span.text {
          text-align: center; }
  .library-search .library-search-header .filters-container,
  .library-search .library-search-header .sub-filters-container {
    grid-template-columns: none; }
    .library-search .library-search-header .filters-container .actions,
    .library-search .library-search-header .filters-container .title,
    .library-search .library-search-header .sub-filters-container .actions,
    .library-search .library-search-header .sub-filters-container .title {
      display: none; }
    .library-search .library-search-header .filters-container .filters .gru-resource-options .options ul li .btn-option span.text,
    .library-search .library-search-header .sub-filters-container .filters .gru-resource-options .options ul li .btn-option span.text {
      display: none; }
    .library-search .library-search-header .filters-container .filters .list span,
    .library-search .library-search-header .sub-filters-container .filters .list span {
      display: none; }
  .library-search .library-search-header .filters .search-by-filter .search-panel .search-content .top-panel-container .standard-container .category-standards .gru-taxonomy-picker .browse-selector .gru-browse-selector .gru-browser-selector-container {
    grid-template-columns: none; }
  .library-search .library-search-header .filters .search-by-filter .search-panel .search-content .bottom-panel-container {
    flex-direction: column; }
    .library-search .library-search-header .filters .search-by-filter .search-panel .search-content .bottom-panel-container .filter-container {
      width: 100%;
      padding-right: 0; } }

.library-search .library-content-result-grid .contents {
  grid-template-columns: repeat(3, 1fr); }
  .library-search .library-content-result-grid .contents.course {
    grid-template-columns: repeat(2, 1fr); }

@media screen and (max-width: 814px) and (min-width: 767px) {
  .library-search .library-content-result-grid .contents {
    grid-template-columns: repeat(2, 1fr); }
    .library-search .library-content-result-grid .contents.course {
      grid-template-columns: repeat(2, 1fr); }
    .library-search .library-content-result-grid .contents.question, .library-search .library-content-result-grid .contents.resource, .library-search .library-content-result-grid .contents.rubric {
      grid-template-columns: repeat(3, 1fr); } }

@media screen and (max-width: 767px) {
  .library-search .library-content-result-grid .contents {
    grid-template-columns: repeat(1, 1fr); }
    .library-search .library-content-result-grid .contents.no-content .panel.add-content.search {
      width: 100%; }
    .library-search .library-content-result-grid .contents.course {
      grid-template-columns: repeat(1, 1fr); } }

.library-search .library-content-result-grid .three-bounce-spinner {
  grid-column-start: 2; }

@media only screen and (max-width: 767px) {
  .activities.add-performance-data {
    height: 100%; }
    .activities.add-performance-data .add-performance-data-container .add-data-body-container .add-student-performance-data .student-performance-data-container .assessment-performance-data-by-upload-image {
      display: block;
      padding: 0; }
      .activities.add-performance-data .add-performance-data-container .add-data-body-container .add-student-performance-data .student-performance-data-container .assessment-performance-data-by-upload-image .panels .footer-panel {
        bottom: 50px; }
      .activities.add-performance-data .add-performance-data-container .add-data-body-container .add-student-performance-data .student-performance-data-container .assessment-performance-data-by-upload-image .panels .left-panel {
        display: none;
        margin: 0;
        max-height: 100vh;
        background-color: #f1f3f7; }
        .activities.add-performance-data .add-performance-data-container .add-data-body-container .add-student-performance-data .student-performance-data-container .assessment-performance-data-by-upload-image .panels .left-panel .selected-image-container {
          display: block;
          height: calc(100% - 250px);
          background-color: #fff; }
        .activities.add-performance-data .add-performance-data-container .add-data-body-container .add-student-performance-data .student-performance-data-container .assessment-performance-data-by-upload-image .panels .left-panel .collection-image-container,
        .activities.add-performance-data .add-performance-data-container .add-data-body-container .add-student-performance-data .student-performance-data-container .assessment-performance-data-by-upload-image .panels .left-panel .file-picker-container {
          display: none; }
      .activities.add-performance-data .add-performance-data-container .add-data-body-container .add-student-performance-data .student-performance-data-container .assessment-performance-data-by-upload-image .panels .right-panel {
        background-color: #30424e;
        max-height: 100vh; }
        .activities.add-performance-data .add-performance-data-container .add-data-body-container .add-student-performance-data .student-performance-data-container .assessment-performance-data-by-upload-image .panels .right-panel.show-toggle .preview-panel .gru-i2d-preview .image-preview-container .footer-container {
          bottom: 150px; }
          .activities.add-performance-data .add-performance-data-container .add-data-body-container .add-student-performance-data .student-performance-data-container .assessment-performance-data-by-upload-image .panels .right-panel.show-toggle .preview-panel .gru-i2d-preview .image-preview-container .footer-container.score-review {
            bottom: 50px; }
        .activities.add-performance-data .add-performance-data-container .add-data-body-container .add-student-performance-data .student-performance-data-container .assessment-performance-data-by-upload-image .panels .right-panel .preview-panel .gru-i2d-preview .image-to-data-preview-container .re-upload-container {
          right: 30px;
          bottom: 95px;
          left: auto;
          z-index: 2; }
        .activities.add-performance-data .add-performance-data-container .add-data-body-container .add-student-performance-data .student-performance-data-container .assessment-performance-data-by-upload-image .panels .right-panel .preview-panel .gru-i2d-preview .image-to-data-preview-container .footer-container {
          bottom: 93px;
          overflow-x: auto;
          display: flex; }
          .activities.add-performance-data .add-performance-data-container .add-data-body-container .add-student-performance-data .student-performance-data-container .assessment-performance-data-by-upload-image .panels .right-panel .preview-panel .gru-i2d-preview .image-to-data-preview-container .footer-container .action,
          .activities.add-performance-data .add-performance-data-container .add-data-body-container .add-student-performance-data .student-performance-data-container .assessment-performance-data-by-upload-image .panels .right-panel .preview-panel .gru-i2d-preview .image-to-data-preview-container .footer-container .preview-slides {
            width: 100%;
            height: auto;
            justify-content: flex-start;
            align-items: center; }
            .activities.add-performance-data .add-performance-data-container .add-data-body-container .add-student-performance-data .student-performance-data-container .assessment-performance-data-by-upload-image .panels .right-panel .preview-panel .gru-i2d-preview .image-to-data-preview-container .footer-container .action button,
            .activities.add-performance-data .add-performance-data-container .add-data-body-container .add-student-performance-data .student-performance-data-container .assessment-performance-data-by-upload-image .panels .right-panel .preview-panel .gru-i2d-preview .image-to-data-preview-container .footer-container .preview-slides button {
              position: absolute;
              right: 15px;
              border: none;
              border-radius: 50px;
              bottom: 15px;
              z-index: 9;
              height: 60px;
              background-color: #008ccc;
              color: #fff; }
            .activities.add-performance-data .add-performance-data-container .add-data-body-container .add-student-performance-data .student-performance-data-container .assessment-performance-data-by-upload-image .panels .right-panel .preview-panel .gru-i2d-preview .image-to-data-preview-container .footer-container .action .submit-btn,
            .activities.add-performance-data .add-performance-data-container .add-data-body-container .add-student-performance-data .student-performance-data-container .assessment-performance-data-by-upload-image .panels .right-panel .preview-panel .gru-i2d-preview .image-to-data-preview-container .footer-container .preview-slides .submit-btn {
              width: 60px;
              display: grid !important; }
            .activities.add-performance-data .add-performance-data-container .add-data-body-container .add-student-performance-data .student-performance-data-container .assessment-performance-data-by-upload-image .panels .right-panel .preview-panel .gru-i2d-preview .image-to-data-preview-container .footer-container .action .submit-score-btn,
            .activities.add-performance-data .add-performance-data-container .add-data-body-container .add-student-performance-data .student-performance-data-container .assessment-performance-data-by-upload-image .panels .right-panel .preview-panel .gru-i2d-preview .image-to-data-preview-container .footer-container .preview-slides .submit-score-btn {
              width: auto;
              display: flex !important; }
        .activities.add-performance-data .add-performance-data-container .add-data-body-container .add-student-performance-data .student-performance-data-container .assessment-performance-data-by-upload-image .panels .right-panel .preview-panel .prev-message {
          display: none; } }

@media only screen and (max-width: 767px) {
  .add-performance-data-by-choice {
    padding: 0; }
    .add-performance-data-by-choice .panels {
      flex-direction: column; }
      .add-performance-data-by-choice .panels .right-panel .choice-title {
        background-color: #f1f3f7;
        padding-top: 0; }
      .add-performance-data-by-choice .panels .right-panel .choice-list {
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3); }
      .add-performance-data-by-choice .panels .left-panel {
        width: 100%;
        margin: 0;
        height: auto;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
        margin-bottom: 10px; } }

/*# sourceMappingURL=gooru-rwd.css.map */