/* start main.less */
/* _manager.less start */
/* Mixins */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i&subset=latin-ext');
@import 'animate.css';
.transform-flip-h {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.transform-flip-v {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
.custom-transition {
  transition: all 0.15s ease;
}
.align-center-vertical {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.align-center-vertical-absolute {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.align-center-horizontal {
  display: inline;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.align-center-horizontal-absolute {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.align-center {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%, -50%);
  -moz-transform: translateX(-50%, -50%);
  -ms-transform: translateX(-50%, -50%);
  -o-transform: translateX(-50%, -50%);
  transform: translate(-50%, -50%);
}
.align-center-absolute {
  position: absolute;
  bottom: 50%;
  right: 50%;
  -webkit-transform: translateX(50%, 50%);
  -moz-transform: translateX(50%, 50%);
  -ms-transform: translateX(50%, 50%);
  -o-transform: translateX(50%, 50%);
  transform: translate(50%, 50%);
}
.tt-input-caret-disabled {
  cursor: pointer !important;
  color: transparent !important;
  text-shadow: 2px 2px #555 !important;
}
.br:after {
  content: '\A';
  white-space: pre;
}
/* Variable */
/* Modal pannel */
.color-profile-gradient {
  background: linear-gradient(#fff, #ecf5ff);
  background: -moz-linear-gradient(top, #fff, #ecf5ff);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fff, #ecf5ff);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fff, #ecf5ff);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.color-red-gradient {
  background: #e045c5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e045c5 0%, #e0457b 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e045c5 0%, #e0457b 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e045c5 0%, #e0457b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.color-green-gradient {
  background: #8fd856;
  /* Old browsers */
  background: -moz-linear-gradient(top, #8fd856 0%, #66cc62 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #8fd856 0%, #66cc62 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #8fd856 0%, #66cc62 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.color-blue-gradient {
  background: #27b8f3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #27b8f3 0%, #1182e3 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #27b8f3 0%, #1182e3 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #27b8f3 0%, #1182e3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.color-orange-gradient {
  background: #ffc41e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffc41e 0%, #ffa040 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffc41e 0%, #ffa040 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffc41e 0%, #ffa040 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.color-purple-gradient {
  background: #613588;
  /* Old browsers */
  background: -moz-linear-gradient(top, #613588 0%, #321850 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #613588 0%, #321850 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #613588 0%, #321850 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.color-pink {
  background-color: #e0457b !important;
}
:root {
  font-size: 16px;
  font-weight: 400;
}
.color-white {
  color: #ffffff;
}
.color-red-light {
  color: #FF7285;
}
.color-green-primary {
  color: #6DCEBD;
}
.color-yellow-light {
  color: #FFCA83;
}
.color-blue-secondary {
  color: #00C3D9;
}
.color-blue-grey {
  color: #6E8CA0;
}
.background-color-red-light {
  background-color: #FF7285;
}
.background-color-green-primary {
  background-color: #6DCEBD;
}
.background-color-yellow-light {
  background-color: #FFCA83;
}
.background-color-white {
  background-color: white;
}
.default-width {
  width: auto;
}
.default-min-width {
  min-width: 0;
}
.default-height {
  height: auto;
}
.default-min-height {
  min-height: none;
}
.default-max-height {
  max-height: none;
}
.default-margin-top {
  margin-top: 0;
}
.default-margin-right {
  margin-right: 0;
}
.default-margin-bottom {
  margin-bottom: 0;
}
.default-margin-left {
  margin-left: 0;
}
.default-margin {
  margin: 0;
}
.default-top {
  top: auto;
}
.default-right {
  right: auto;
}
.default-bottom {
  bottom: auto;
}
.default-left {
  left: auto;
}
.default-padding {
  padding: 0;
}
.default-padding-top {
  padding-top: 0;
}
.default-padding-right {
  padding-right: 0;
}
.default-padding-bottom {
  padding-bottom: 0;
}
.default-padding-left {
  padding-left: 0;
}
.default-border {
  border: none;
}
.default-border-left {
  border-left: none;
}
.default-border-right {
  border-right: none;
}
.default-border-top {
  border-top: none;
}
.default-border-bottom {
  border-bottom: none;
}
.default-border-radius {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.default-border-top-left-radius {
  -webkit-border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  -ms-border-top-left-radius: 0;
  -o-border-top-left-radius: 0;
  border-top-left-radius: 0;
}
.default-border-top-right-radius {
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  -ms-border-top-right-radius: 0;
  -o-border-top-right-radius: 0;
  border-top-right-radius: 0;
}
.default-border-bottom-right-radius {
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -ms-border-bottom-right-radius: 0;
  -o-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
.default-border-bottom-left-radius {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -ms-border-bottom-left-radius: 0;
  -o-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
.default-border-color {
  border-color: transparent;
}
.default-font-weight {
  font-weight: normal;
}
.default-font-size {
  /*font-size: medium;*/
  font-size: 100%;
}
.default-line-height {
  line-height: normal;
}
.default-text-align {
  text-align: initial;
}
.default-transition {
  transition: all;
}
.default-transform {
  transform: none;
}
.default-text-transform {
  text-transform: none;
}
.default-text-shadow {
  text-shadow: none;
}
.default-content {
  content: none ;
}
.default-box-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.default-float {
  float: none;
}
.default-overflow {
  overflow: visible;
  overflow: initial;
}
.default-display {
  display: inline;
}
.default-background {
  background: none;
  background: transparent;
}
.default-background-color {
  background-color: transparent;
}
.default-background-image {
  background-image: none;
}
.default-color {
  color: initial;
  color: auto;
}
.default-position {
  position: static;
}
.default-table-layout {
  table-layout: auto;
  table-layout: initial;
}
.default-z-index {
  z-index: auto;
  z-index: initial;
}
.default-filter {
  filter: none;
}
.default-cursor {
  cursor: auto;
}
.default-white-space {
  white-space: normal;
}
.default-pointer-events {
  pointer-events: auto;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(material-design-icons/fonts/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(material-design-icons/fonts/MaterialIcons-Regular.woff2) format('woff2'), url(material-design-icons/fonts/MaterialIcons-Regular.woff) format('woff'), url(material-design-icons/fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
@media (min-width: 320px) and (max-width: 479px), only screen and (min-width: 481px) and (max-width: 767px), only screen and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  html.manager .login div.mobile h1 {
    margin: 20px!important;
  }
  html.manager .login div.mobile .content-manager-wrapper {
    background: #321850 !important;
    padding-top: 0!important;
  }
  html.manager .login div.mobile .content-manager-wrapper::after {
    bottom: -250px !important;
  }
  html.manager .login div.mobile .content-manager-wrapper .container {
    height: 100%;
  }
  html.manager .login div.mobile .content-manager-wrapper .container .login__log,
  html.manager .login div.mobile .content-manager-wrapper .container .resetpass__log {
    min-width: 250px!important;
  }
  html.manager .login div.mobile .content-manager-wrapper .container .login__log .row-social-login,
  html.manager .login div.mobile .content-manager-wrapper .container .resetpass__log .row-social-login {
    display: none;
  }
  html.manager .login div.mobile .content-manager-wrapper .container .login__log .form-panel-height-500,
  html.manager .login div.mobile .content-manager-wrapper .container .resetpass__log .form-panel-height-500 {
    min-height: fit-content;
  }
  html.manager .login div.mobile .content-manager-wrapper .row-submit {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 0!important;
  }
  html.manager .login div.mobile .content-manager-wrapper .row-submit > div {
    margin-top: 15px;
  }
  html.manager .login div.mobile .content-manager-wrapper .row-secondary {
    margin: 0;
    bottom: 15px;
    top: 85%;
    padding: 0!important;
    padding-bottom: 0;
  }
  html.manager .login div.mobile .content-manager-wrapper .row-secondary .col-right {
    padding-bottom: 0!important;
  }
  html.manager .login div.mobile .content-manager-wrapper .row-secondary p,
  html.manager .login div.mobile .content-manager-wrapper .row-secondary h5,
  html.manager .login div.mobile .content-manager-wrapper .row-secondary .btn-outline {
    display: none;
  }
  html.manager .login div.mobile .content-manager-wrapper .row-secondary .m-t-40 {
    margin-top: 20px;
  }
}
/* start _editor */
html.shift-editor body #header {
  min-width: 640px;
}
.shift-editor #header,
.lesson-editor #header {
  min-width: 640px;
  /*start navbar left*/
  /*end navbar left*/
  /*start navbar-right*/
}
.shift-editor #header:lang(ar),
.lesson-editor #header:lang(ar) {
  direction: rtl;
}
.shift-editor #header .navbar-header,
.lesson-editor #header .navbar-header {
  margin-left: 0;
  margin-right: 0;
}
.shift-editor #header .navbar-left,
.lesson-editor #header .navbar-left {
  margin-top: 13px;
}
.shift-editor #header .navbar-left .navbar-toggle,
.lesson-editor #header .navbar-left .navbar-toggle {
  display: none !important;
}
.shift-editor #header .navbar-left .head-name-item-menu.close,
.lesson-editor #header .navbar-left .head-name-item-menu.close {
  margin-left: -15px;
  opacity: 1;
}
.shift-editor #header .navbar-left .head-name-item-menu.close a,
.lesson-editor #header .navbar-left .head-name-item-menu.close a {
  background-color: #f18f8f;
  -webkit-border-top-right-radius: 50px;
  -moz-border-top-right-radius: 50px;
  -ms-border-top-right-radius: 50px;
  -o-border-top-right-radius: 50px;
  border-top-right-radius: 50px;
  -webkit-border-bottom-right-radius: 50px;
  -moz-border-bottom-right-radius: 50px;
  -ms-border-bottom-right-radius: 50px;
  -o-border-bottom-right-radius: 50px;
  border-bottom-right-radius: 50px;
  color: #ffffff !important;
  padding: 2px 10px !important;
  text-transform: capitalize;
  margin-right: 10px;
}
.shift-editor #header .navbar-left .head-name-item-menu.close a:hover,
.lesson-editor #header .navbar-left .head-name-item-menu.close a:hover {
  background-color: #ff7c79;
  color: #ffffff !important;
  transition: all 0.15s ease;
}
.shift-editor #header .navbar-left .head-name-item-menu.close a span,
.lesson-editor #header .navbar-left .head-name-item-menu.close a span {
  text-transform: uppercase !important;
  margin-right: 10px;
}
.shift-editor #header .navbar-left .head-name-item-menu.close a span:lang(ar),
.lesson-editor #header .navbar-left .head-name-item-menu.close a span:lang(ar) {
  margin-left: 10px;
  margin-right: 0;
}
.shift-editor #header .navbar-left .head-name-item-menu.close a:lang(ar),
.lesson-editor #header .navbar-left .head-name-item-menu.close a:lang(ar) {
  -webkit-border-top-left-radius: 50px;
  -moz-border-top-left-radius: 50px;
  -ms-border-top-left-radius: 50px;
  -o-border-top-left-radius: 50px;
  border-top-left-radius: 50px;
  -webkit-border-bottom-left-radius: 50px;
  -moz-border-bottom-left-radius: 50px;
  -ms-border-bottom-left-radius: 50px;
  -o-border-bottom-left-radius: 50px;
  border-bottom-left-radius: 50px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -ms-border-top-right-radius: 0px;
  -o-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -ms-border-bottom-right-radius: 0px;
  -o-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.shift-editor #header .navbar-left .head-name-item-menu.close:lang(ar),
.lesson-editor #header .navbar-left .head-name-item-menu.close:lang(ar) {
  margin-right: -25px;
  z-index: 1;
}
.shift-editor #header .navbar-left .head-name-item-menu.close .close-button,
.lesson-editor #header .navbar-left .head-name-item-menu.close .close-button {
  height: 20px;
  width: 20px;
  position: relative;
  box-sizing: border-box;
  line-height: 20px;
  display: inline-block;
  top: 5px;
}
.shift-editor #header .navbar-left .head-name-item-menu.close .close-button:before,
.lesson-editor #header .navbar-left .head-name-item-menu.close .close-button:before,
.shift-editor #header .navbar-left .head-name-item-menu.close .close-button:after,
.lesson-editor #header .navbar-left .head-name-item-menu.close .close-button:after {
  content: '';
  position: absolute;
  margin-top: 9px;
  display: block;
  height: 2px;
  width: 16px;
  background-color: #fff;
  transition: all 0.15s ease;
}
.shift-editor #header .navbar-left .head-name-item-menu.close .close-button:before,
.lesson-editor #header .navbar-left .head-name-item-menu.close .close-button:before {
  transform: rotate(45deg);
}
.shift-editor #header .navbar-left .head-name-item-menu.close .close-button:after,
.lesson-editor #header .navbar-left .head-name-item-menu.close .close-button:after {
  transform: rotate(-45deg);
}
.shift-editor #header .navbar-left .head-name-item-menu.close a:hover .close-button:before,
.lesson-editor #header .navbar-left .head-name-item-menu.close a:hover .close-button:before,
.shift-editor #header .navbar-left .head-name-item-menu.close a:hover .close-button:after,
.lesson-editor #header .navbar-left .head-name-item-menu.close a:hover .close-button:after {
  transform: rotate(0deg);
}
.shift-editor #header .navbar-left .head-name-item-menu.lesson-title,
.lesson-editor #header .navbar-left .head-name-item-menu.lesson-title {
  position: absolute;
  text-transform: uppercase;
  font-size: 21px;
  color: #7e5f9b;
  font-family: 'Roboto', sans-serif;
  padding-top: 5px;
  cursor: default;
  margin-left: 77px;
}
.shift-editor #header .navbar-left .head-name-item-menu.lesson-title span,
.lesson-editor #header .navbar-left .head-name-item-menu.lesson-title span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 34vw;
  float: left;
  cursor: pointer;
}
.shift-editor #header .navbar-left .head-name-item-menu.lesson-title span:lang(ro),
.lesson-editor #header .navbar-left .head-name-item-menu.lesson-title span:lang(ro) {
  float: right;
  max-width: 30vw;
}
.shift-editor #header .navbar-left .head-name-item-menu.lesson-title div,
.lesson-editor #header .navbar-left .head-name-item-menu.lesson-title div {
  float: right;
  position: absolute;
  margin-left: 100%;
  right: -30px;
}
.shift-editor #header .navbar-left .head-name-item-menu.lesson-title div:lang(ar),
.lesson-editor #header .navbar-left .head-name-item-menu.lesson-title div:lang(ar) {
  float: left;
  margin-right: 100%;
  right: 0;
}
.shift-editor #header .navbar-left .head-name-item-menu.lesson-title i,
.lesson-editor #header .navbar-left .head-name-item-menu.lesson-title i {
  margin-left: -30px;
  cursor: pointer;
  font-size: 18px;
}
.shift-editor #header .navbar-left .head-name-item-menu.lesson-title i:lang(ar),
.lesson-editor #header .navbar-left .head-name-item-menu.lesson-title i:lang(ar) {
  margin-left: 0;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.shift-editor #header .navbar-left .head-name-item-menu.lesson-title:lang(ar),
.lesson-editor #header .navbar-left .head-name-item-menu.lesson-title:lang(ar) {
  padding-right: 75px;
}
.shift-editor #header .navbar-left .head-name-item-menu.lesson-title:lang(ro),
.lesson-editor #header .navbar-left .head-name-item-menu.lesson-title:lang(ro) {
  margin-left: 97px;
}
.shift-editor #header .navbar-left:lang(ar),
.lesson-editor #header .navbar-left:lang(ar) {
  padding: 0;
  float: right !important;
}
.shift-editor #header .navbar-left .head-name-item-menu:lang(ar),
.lesson-editor #header .navbar-left .head-name-item-menu:lang(ar) {
  float: right !important;
}
.shift-editor #header .navbar-left .head-name-item-menu a,
.lesson-editor #header .navbar-left .head-name-item-menu a {
  white-space: nowrap;
}
.shift-editor #header .navbar-left .navbar-toggle:lang(ar),
.lesson-editor #header .navbar-left .navbar-toggle:lang(ar) {
  float: right;
}
.shift-editor #header .common-menu-buttons,
.lesson-editor #header .common-menu-buttons {
  display: inline-flex;
  line-height: 1.5;
  border: 1px solid #afb4c6;
  border-radius: 50px;
  padding: 5px 10px !important;
  text-transform: capitalize;
  margin-right: 10px;
  color: #4eb9b2 !important;
  background-color: #ffffff;
}
.shift-editor #header .common-menu-buttons_disabled,
.lesson-editor #header .common-menu-buttons_disabled {
  color: #737c9c !important;
}
.shift-editor #header .navbar-right,
.lesson-editor #header .navbar-right {
  margin-top: 12px;
}
.shift-editor #header .navbar-right:lang(ar),
.lesson-editor #header .navbar-right:lang(ar) {
  margin-top: 12px;
}
.shift-editor #header .navbar-right .head-name-item-menu.preview a,
.lesson-editor #header .navbar-right .head-name-item-menu.preview a,
.shift-editor #header .navbar-right .head-name-item-menu.project a,
.lesson-editor #header .navbar-right .head-name-item-menu.project a,
.shift-editor #header .navbar-right .head-name-item-menu.deliver a,
.lesson-editor #header .navbar-right .head-name-item-menu.deliver a,
.shift-editor #header .navbar-right .head-name-item-menu.saveLesson a,
.lesson-editor #header .navbar-right .head-name-item-menu.saveLesson a,
.shift-editor #header .navbar-right .head-name-item-menu.submit-assignment a,
.lesson-editor #header .navbar-right .head-name-item-menu.submit-assignment a {
  display: inline-flex;
  line-height: 1.5;
  border: 1px solid #afb4c6;
  border-radius: 50px;
  padding: 5px 10px !important;
  text-transform: capitalize;
  margin-right: 10px;
  color: #4eb9b2 !important;
  background-color: #ffffff;
}
.shift-editor #header .navbar-right .head-name-item-menu.preview a:hover,
.lesson-editor #header .navbar-right .head-name-item-menu.preview a:hover,
.shift-editor #header .navbar-right .head-name-item-menu.project a:hover,
.lesson-editor #header .navbar-right .head-name-item-menu.project a:hover,
.shift-editor #header .navbar-right .head-name-item-menu.deliver a:hover,
.lesson-editor #header .navbar-right .head-name-item-menu.deliver a:hover,
.shift-editor #header .navbar-right .head-name-item-menu.saveLesson a:hover,
.lesson-editor #header .navbar-right .head-name-item-menu.saveLesson a:hover,
.shift-editor #header .navbar-right .head-name-item-menu.submit-assignment a:hover,
.lesson-editor #header .navbar-right .head-name-item-menu.submit-assignment a:hover {
  border: 1px solid #4eb9b2;
  color: #4eb9b2 !important;
  transition: all 0.15s ease;
}
.shift-editor #header .navbar-right .head-name-item-menu.preview a i.material-icons,
.lesson-editor #header .navbar-right .head-name-item-menu.preview a i.material-icons,
.shift-editor #header .navbar-right .head-name-item-menu.project a i.material-icons,
.lesson-editor #header .navbar-right .head-name-item-menu.project a i.material-icons,
.shift-editor #header .navbar-right .head-name-item-menu.deliver a i.material-icons,
.lesson-editor #header .navbar-right .head-name-item-menu.deliver a i.material-icons,
.shift-editor #header .navbar-right .head-name-item-menu.saveLesson a i.material-icons,
.lesson-editor #header .navbar-right .head-name-item-menu.saveLesson a i.material-icons,
.shift-editor #header .navbar-right .head-name-item-menu.submit-assignment a i.material-icons,
.lesson-editor #header .navbar-right .head-name-item-menu.submit-assignment a i.material-icons {
  color: #4eb9b2 !important;
  font-size: 21px;
}
.shift-editor #header .navbar-right .head-name-item-menu.preview a span,
.lesson-editor #header .navbar-right .head-name-item-menu.preview a span,
.shift-editor #header .navbar-right .head-name-item-menu.project a span,
.lesson-editor #header .navbar-right .head-name-item-menu.project a span,
.shift-editor #header .navbar-right .head-name-item-menu.deliver a span,
.lesson-editor #header .navbar-right .head-name-item-menu.deliver a span,
.shift-editor #header .navbar-right .head-name-item-menu.saveLesson a span,
.lesson-editor #header .navbar-right .head-name-item-menu.saveLesson a span,
.shift-editor #header .navbar-right .head-name-item-menu.submit-assignment a span,
.lesson-editor #header .navbar-right .head-name-item-menu.submit-assignment a span {
  margin-left: 10px;
}
.shift-editor #header .navbar-right .head-name-item-menu.preview a span:lang(ar),
.lesson-editor #header .navbar-right .head-name-item-menu.preview a span:lang(ar),
.shift-editor #header .navbar-right .head-name-item-menu.project a span:lang(ar),
.lesson-editor #header .navbar-right .head-name-item-menu.project a span:lang(ar),
.shift-editor #header .navbar-right .head-name-item-menu.deliver a span:lang(ar),
.lesson-editor #header .navbar-right .head-name-item-menu.deliver a span:lang(ar),
.shift-editor #header .navbar-right .head-name-item-menu.saveLesson a span:lang(ar),
.lesson-editor #header .navbar-right .head-name-item-menu.saveLesson a span:lang(ar),
.shift-editor #header .navbar-right .head-name-item-menu.submit-assignment a span:lang(ar),
.lesson-editor #header .navbar-right .head-name-item-menu.submit-assignment a span:lang(ar) {
  margin-right: 10px;
}
.shift-editor #header .navbar-right .head-name-item-menu.preview.disabled a,
.lesson-editor #header .navbar-right .head-name-item-menu.preview.disabled a,
.shift-editor #header .navbar-right .head-name-item-menu.project.disabled a,
.lesson-editor #header .navbar-right .head-name-item-menu.project.disabled a,
.shift-editor #header .navbar-right .head-name-item-menu.deliver.disabled a,
.lesson-editor #header .navbar-right .head-name-item-menu.deliver.disabled a,
.shift-editor #header .navbar-right .head-name-item-menu.saveLesson.disabled a,
.lesson-editor #header .navbar-right .head-name-item-menu.saveLesson.disabled a,
.shift-editor #header .navbar-right .head-name-item-menu.submit-assignment.disabled a,
.lesson-editor #header .navbar-right .head-name-item-menu.submit-assignment.disabled a {
  display: inline-flex;
  line-height: 1.5;
  border: 1px solid #afb4c6;
  border-radius: 50px;
  padding: 5px 10px !important;
  text-transform: capitalize;
  margin-right: 10px;
  color: #4eb9b2 !important;
  background-color: #ffffff;
  color: #737c9c !important;
}
.shift-editor #header .navbar-right .head-name-item-menu.preview.disabled a span,
.lesson-editor #header .navbar-right .head-name-item-menu.preview.disabled a span,
.shift-editor #header .navbar-right .head-name-item-menu.project.disabled a span,
.lesson-editor #header .navbar-right .head-name-item-menu.project.disabled a span,
.shift-editor #header .navbar-right .head-name-item-menu.deliver.disabled a span,
.lesson-editor #header .navbar-right .head-name-item-menu.deliver.disabled a span,
.shift-editor #header .navbar-right .head-name-item-menu.saveLesson.disabled a span,
.lesson-editor #header .navbar-right .head-name-item-menu.saveLesson.disabled a span,
.shift-editor #header .navbar-right .head-name-item-menu.submit-assignment.disabled a span,
.lesson-editor #header .navbar-right .head-name-item-menu.submit-assignment.disabled a span {
  margin-left: 10px;
}
.shift-editor #header .navbar-right .head-name-item-menu.preview.disabled a span:lang(ar),
.lesson-editor #header .navbar-right .head-name-item-menu.preview.disabled a span:lang(ar),
.shift-editor #header .navbar-right .head-name-item-menu.project.disabled a span:lang(ar),
.lesson-editor #header .navbar-right .head-name-item-menu.project.disabled a span:lang(ar),
.shift-editor #header .navbar-right .head-name-item-menu.deliver.disabled a span:lang(ar),
.lesson-editor #header .navbar-right .head-name-item-menu.deliver.disabled a span:lang(ar),
.shift-editor #header .navbar-right .head-name-item-menu.saveLesson.disabled a span:lang(ar),
.lesson-editor #header .navbar-right .head-name-item-menu.saveLesson.disabled a span:lang(ar),
.shift-editor #header .navbar-right .head-name-item-menu.submit-assignment.disabled a span:lang(ar),
.lesson-editor #header .navbar-right .head-name-item-menu.submit-assignment.disabled a span:lang(ar) {
  margin-right: 10px;
}
.shift-editor #header .head-name-item-menu.edit a,
.lesson-editor #header .head-name-item-menu.edit a {
  display: inline-flex;
  line-height: 1.5;
  border: 1px solid #afb4c6;
  border-radius: 50px;
  padding: 5px 10px !important;
  text-transform: capitalize;
  margin-right: 10px;
  color: #4eb9b2 !important;
  background-color: #ffffff;
  background-color: #4eb9b2;
  color: #ffffff !important;
}
.shift-editor #header .head-name-item-menu.edit a:hover,
.lesson-editor #header .head-name-item-menu.edit a:hover {
  border: 1px solid #43aaa3;
  background-color: #43aaa3;
  color: #ffffff !important;
  transition: all 0.15s ease;
}
.shift-editor #header .head-name-item-menu.edit a i.material-icons,
.lesson-editor #header .head-name-item-menu.edit a i.material-icons {
  color: #ffffff !important;
  font-size: 21px;
}
.shift-editor #header .head-name-item-menu.edit a span,
.lesson-editor #header .head-name-item-menu.edit a span {
  margin-left: 10px;
  font-weight: 400;
}
.shift-editor #header .head-name-item-menu.edit a span:lang(ar),
.lesson-editor #header .head-name-item-menu.edit a span:lang(ar) {
  margin-right: 10px;
}
.shift-editor #header li.notification-bell,
.lesson-editor #header li.notification-bell {
  height: 43px;
  padding-right: 15px;
  margin-top: -4px;
}
.shift-editor #header li.notification-bell .open,
.lesson-editor #header li.notification-bell .open {
  background-color: transparent;
}
.shift-editor #header li.notification-bell .open a,
.lesson-editor #header li.notification-bell .open a {
  background-color: transparent;
}
.shift-editor #header li.notification-bell .open a:hover,
.lesson-editor #header li.notification-bell .open a:hover {
  background-color: transparent;
}
.shift-editor #header li.notification-bell li > a.dropdown-toggle,
.lesson-editor #header li.notification-bell li > a.dropdown-toggle {
  color: #4eb9b2 !important;
  /*                    padding: 0 15px 0 15px !important;*/
  opacity: 1!important;
}
.shift-editor #header li.notification-bell li > a.dropdown-toggle .material-icons,
.lesson-editor #header li.notification-bell li > a.dropdown-toggle .material-icons {
  font-size: 22px;
  line-height: 44px;
}
.shift-editor #header li.notification-bell li > a.dropdown-toggle:hover,
.lesson-editor #header li.notification-bell li > a.dropdown-toggle:hover {
  color: #3c9892;
}
.shift-editor #header li.notification-bell li > a.dropdown-toggle span.notification_label,
.lesson-editor #header li.notification-bell li > a.dropdown-toggle span.notification_label {
  display: none!important;
}
.shift-editor #header li.notification-bell .dropdown-menu.notification-panel,
.lesson-editor #header li.notification-bell .dropdown-menu.notification-panel {
  top: 51px;
}
.shift-editor #header li.notification-bell:lang(ar),
.lesson-editor #header li.notification-bell:lang(ar) {
  float: right;
}
.shift-editor #header .head-name-item-menu.help,
.lesson-editor #header .head-name-item-menu.help {
  display: none;
  margin-right: -10px;
}
.shift-editor #header .head-name-item-menu.help a,
.lesson-editor #header .head-name-item-menu.help a {
  display: inline-flex;
  line-height: 1.5;
  border: 1px solid #afb4c6;
  border-radius: 50px;
  padding: 5px 10px !important;
  text-transform: capitalize;
  margin-right: 10px;
  color: #4eb9b2 !important;
  background-color: #ffffff;
  background-color: #eae4f0;
  border-radius: 0;
  border-top-left-radius: 50px!important;
  border-bottom-left-radius: 50px!important;
  color: #7e5f9b !important;
}
.shift-editor #header .head-name-item-menu.help a:hover,
.lesson-editor #header .head-name-item-menu.help a:hover {
  background-color: #ddd4e7;
  color: #7e5f9b !important;
  transition: all 0.15s ease;
}
.shift-editor #header .head-name-item-menu.help a i.material-icons,
.lesson-editor #header .head-name-item-menu.help a i.material-icons {
  color: #7e5f9b !important;
}
.shift-editor #header .head-name-item-menu.help a span,
.lesson-editor #header .head-name-item-menu.help a span {
  margin-left: 10px;
  text-transform: uppercase !important;
  /*                        display: initial !important;
                        display: inline !important;*/
}
.shift-editor #header .head-name-item-menu.help a span:lang(ar),
.lesson-editor #header .head-name-item-menu.help a span:lang(ar) {
  margin-right: 10px;
}
.shift-editor #header .head-name-item-menu.help a:lang(ar),
.lesson-editor #header .head-name-item-menu.help a:lang(ar) {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-border-top-left-radius: 0px !important;
  -moz-border-top-left-radius: 0px !important;
  -ms-border-top-left-radius: 0px !important;
  -o-border-top-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  -moz-border-bottom-left-radius: 0px !important;
  -ms-border-bottom-left-radius: 0px !important;
  -o-border-bottom-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  -webkit-border-top-right-radius: 50px !important;
  -moz-border-top-right-radius: 50px !important;
  -ms-border-top-right-radius: 50px !important;
  -o-border-top-right-radius: 50px !important;
  border-top-right-radius: 50px !important;
  -webkit-border-bottom-right-radius: 50px !important;
  -moz-border-bottom-right-radius: 50px !important;
  -ms-border-bottom-right-radius: 50px !important;
  -o-border-bottom-right-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
}
.shift-editor #header .head-name-item-menu.help:lang(ar),
.lesson-editor #header .head-name-item-menu.help:lang(ar) {
  margin-left: -15px;
  margin-right: 0;
  float: left !important;
}
.shift-editor #header:lang(ar),
.lesson-editor #header:lang(ar) {
  padding: 0;
  float: left !important;
}
.shift-editor #header:lang(ar) .head-name-item-menu,
.lesson-editor #header:lang(ar) .head-name-item-menu {
  float: right !important;
}
.shift-editor #header:lang(ar) .head-name-item-menu .notification-panel:lang(ar),
.lesson-editor #header:lang(ar) .head-name-item-menu .notification-panel:lang(ar) {
  left: 0;
  right: auto;
}
.shift-editor #header .head-name-item-menu-login:lang(ar),
.lesson-editor #header .head-name-item-menu-login:lang(ar) {
  float: right !important;
}
.shift-editor #header .head-name-item-menu-login:lang(ar) .navbar-user i,
.lesson-editor #header .head-name-item-menu-login:lang(ar) .navbar-user i {
  float: right !important;
  margin-right: 0 !important;
  margin-left: 4px !important;
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.shift-editor #header .head-name-item-menu-login:lang(ar) .dropdown-menu,
.lesson-editor #header .head-name-item-menu-login:lang(ar) .dropdown-menu {
  right: auto;
  left: 0;
}
.shift-editor #header .head-name-item-menu-login:lang(ar) .dropdown-menu li a,
.lesson-editor #header .head-name-item-menu-login:lang(ar) .dropdown-menu li a {
  height: 40px;
}
.shift-editor #header .head-name-item-menu-login:lang(ar) .dropdown-menu li a span,
.lesson-editor #header .head-name-item-menu-login:lang(ar) .dropdown-menu li a span {
  float: right;
}
.shift-editor #header .head-name-item-menu-login:lang(ar) .dropdown-menu li a i,
.lesson-editor #header .head-name-item-menu-login:lang(ar) .dropdown-menu li a i {
  float: right;
  margin-right: 0;
  margin-left: 4px;
}
.shift-editor #header .head-name-item-menu-login a,
.lesson-editor #header .head-name-item-menu-login a {
  white-space: nowrap;
}
.shift-editor #header .head-name-item-menu-login a .tooltip,
.lesson-editor #header .head-name-item-menu-login a .tooltip {
  text-transform: none;
}
@media (max-width: 767px) {
  .shift-editor .navbar-brand:lang(ar),
  .lesson-editor .navbar-brand:lang(ar) {
    padding: 0 !important;
  }
}
.shift-editor .navbar-brand:lang(ar),
.lesson-editor .navbar-brand:lang(ar) {
  padding: 5px 5px 5px 20px;
}
.shift-editor .navbar-brand .navbar-logo:lang(ar),
.lesson-editor .navbar-brand .navbar-logo:lang(ar) {
  display: block;
  margin-top: -1px;
  margin-left: 0;
  width: auto;
  width: initial;
  border: none;
  float: none;
  margin-right: 0;
  opacity: 1;
  background-image: none !important;
}
.shift-editor .navbar-brand .navbar-logo:lang(ar) img,
.lesson-editor .navbar-brand .navbar-logo:lang(ar) img {
  display: block !important;
}
.shift-editor .notificationItem,
.lesson-editor .notificationItem {
  display: table;
}
.shift-editor .notificationItem div,
.lesson-editor .notificationItem div {
  cursor: default;
  display: table-cell;
}
.shift-editor .undo-message a,
.lesson-editor .undo-message a {
  width: auto !important;
}
.shift-editor .undo_link:hover,
.lesson-editor .undo_link:hover,
.shift-editor .remove_link:hover,
.lesson-editor .remove_link:hover {
  cursor: pointer;
}
.shift-editor .notificationItem div:hover,
.lesson-editor .notificationItem div:hover {
  cursor: default;
  text-decoration: none;
}
.shift-editor .notification-panel .slimScrollBar,
.lesson-editor .notification-panel .slimScrollBar {
  width: 5px !important;
}
.shift-editor .tooltip,
.lesson-editor .tooltip {
  z-index: 9999 !important;
  font-size: 13px;
}
.shift-editor .enter-group-input .tooltip-inner,
.lesson-editor .enter-group-input .tooltip-inner {
  width: 300px;
}
.shift-editor .undo-message,
.lesson-editor .undo-message {
  margin: 0;
}
.shift-editor .undo-message a,
.lesson-editor .undo-message a {
  border-bottom: none !important;
  display: inline !important;
  width: 50%;
  margin-right: 10px;
}
.shift-editor .undo-message a:first-child:before,
.lesson-editor .undo-message a:first-child:before {
  display: block;
}
.shift-editor .undo-message a:before,
.lesson-editor .undo-message a:before {
  content: '';
  pointer-events: none;
}
/*responsiveness*/
@media only screen and (max-width: 1300px) {
  .shift-editor #header nav .navbar-nav > li > a,
  .lesson-editor #header nav .navbar-nav > li > a {
    padding: 10px !important;
  }
  .shift-editor #header .navbar-left .head-name-item-menu.lesson-title,
  .lesson-editor #header .navbar-left .head-name-item-menu.lesson-title {
    margin-left: 35px !important;
  }
  .shift-editor #header .navbar-left .head-name-item-menu.lesson-title:lang(ro),
  .lesson-editor #header .navbar-left .head-name-item-menu.lesson-title:lang(ro) {
    margin-left: 35px !important;
  }
  .shift-editor #header .navbar-left .head-name-item-menu.lesson-title:lang(ar),
  .lesson-editor #header .navbar-left .head-name-item-menu.lesson-title:lang(ar) {
    margin-right: -35px !important;
  }
  .shift-editor #header .navbar-left .head-name-item-menu.lesson-title span,
  .lesson-editor #header .navbar-left .head-name-item-menu.lesson-title span {
    max-width: 33vw;
  }
  .shift-editor .close span,
  .lesson-editor .close span,
  .shift-editor .help span,
  .lesson-editor .help span {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .shift-editor #header,
  .lesson-editor #header {
    /*            .navbar-left {
                            .head-name-item-menu.lesson-title{
                                margin-left: 35px!important;
                                &:lang(ro){margin-left: 35px!important;}
                                &:lang(ar){margin-right: -35px!important;}
                            }
                        }
            */
  }
  .shift-editor #header nav .navbar-nav > li > a,
  .lesson-editor #header nav .navbar-nav > li > a {
    padding: 10px !important;
  }
  .shift-editor #header .navbar-right .head-name-item-menu.preview a,
  .lesson-editor #header .navbar-right .head-name-item-menu.preview a,
  .shift-editor #header .navbar-right .head-name-item-menu.project a,
  .lesson-editor #header .navbar-right .head-name-item-menu.project a,
  .shift-editor #header .navbar-right .head-name-item-menu.deliver a,
  .lesson-editor #header .navbar-right .head-name-item-menu.deliver a,
  .shift-editor #header .navbar-right .head-name-item-menu.saveLesson a,
  .lesson-editor #header .navbar-right .head-name-item-menu.saveLesson a,
  .shift-editor #header .navbar-right .head-name-item-menu.edit a,
  .lesson-editor #header .navbar-right .head-name-item-menu.edit a,
  .shift-editor #header .navbar-right .head-name-item-menu.submit-assignment a,
  .lesson-editor #header .navbar-right .head-name-item-menu.submit-assignment a {
    padding: 10px !important;
    margin-top: -3px;
  }
  .shift-editor #header .navbar-right .head-name-item-menu.preview.disabled a,
  .lesson-editor #header .navbar-right .head-name-item-menu.preview.disabled a,
  .shift-editor #header .navbar-right .head-name-item-menu.project.disabled a,
  .lesson-editor #header .navbar-right .head-name-item-menu.project.disabled a,
  .shift-editor #header .navbar-right .head-name-item-menu.deliver.disabled a,
  .lesson-editor #header .navbar-right .head-name-item-menu.deliver.disabled a,
  .shift-editor #header .navbar-right .head-name-item-menu.saveLesson.disabled a,
  .lesson-editor #header .navbar-right .head-name-item-menu.saveLesson.disabled a,
  .shift-editor #header .navbar-right .head-name-item-menu.edit.disabled a,
  .lesson-editor #header .navbar-right .head-name-item-menu.edit.disabled a,
  .shift-editor #header .navbar-right .head-name-item-menu.submit-assignment.disabled a,
  .lesson-editor #header .navbar-right .head-name-item-menu.submit-assignment.disabled a {
    padding: 10px !important;
  }
}
/* start worksheet overrides*/
#app {
  /* Activity footer */
}
#app button {
  height: auto;
}
#app .wsInputNumber button {
  font-size: 10px;
  line-height: 10px;
  height: 16px;
  padding: 1px 6px;
  right: -15px;
}
#app .wsGrade {
  width: 100%;
}
#app .wsMark {
  height: inherit;
}
#app .sticky-outer-wrapper.active .sticky-inner-wrapper {
  position: relative!important;
}
#app .wsMatchingWrapper .rightWrapper .before,
#app .wsMatchingWrapper .leftWrapper .before {
  min-width: 20px;
  min-height: 20px;
}
html.manager {
  height: 100%;
  background-color: #FCFCFE !important;
  /*.teachers {

        .panel-repository {

            .panel-body {

                #data-table_wrapper {

                    #data-table {

                        tr {
                            td:nth-child(1) {
                              width: 25% !important;
                            }

                            td:nth-child(2) {
                              width: 25% !important;
                            }

                            td:nth-child(3) {
                              width: 20% !important;
                            }

                            td:nth-child(4) {
                                width: 15% !important;

                                .label {
                                    display: inline;
                                    .default-padding;
                                    font-size: inherit;
                                    font-weight: normal;
                                    line-height: 1;
                                    color: #f0ad4e;
                                    text-align: left;
                                    white-space: normal;
                                    border-radius: 2px;
                                    width: 100%;
                                    height: 100%;
                                    display: block;
                                    .default-background-color;

                                    &:lang(ar) {
                                        text-align: right;
                                    }
                                  }
                            }

                            td:nth-child(5) {
                                width: 15% !important;

                                &:lang(ar){

                                    button {
                                        float: right;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }*/
  /* start common/_c_menu_primary */
  /* start common/_c_menu_secondary */
  /* start common/_c_buttons */
  /* start common/_c_cards */
  /* start common/_c_charts */
  /* start common/_c_checkboxes */
  /* start common/_c_dropdowns */
  /*.open > .dropdown-menu:not(.dropdown-menu-top) {
    .swing-in;
}

.dropdown-menu:not(.dropdown-menu-top) {
    .default-transform;
    .swing-out;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: block;
    transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
}

.open > .dropdown-menu-top {
    .swing-in-top;
}

.dropdown-menu-top {
    .default-transform;
    .swing-out-top;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    display: block;
    transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
}

.swing-in-top {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    .transform(perspective(100px) rotateX(0deg));
}

.swing-out-top {
    transform: scale(1, 1);
    .transform(perspective(100px) rotateX(90deg));
}

.swing-in {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    .transform(perspective(100px) rotateX(0deg));
}

.swing-out {
    transform: scale(1, 1);
    .transform(perspective(100px) rotateX(-90deg));
}*/
  /*
.animated {
    animation-duration: 0.8s;
    animation-fill-mode: both;
}*/
  /* start common/_c_inputs */
  /* start common/_c_links */
  /* start common/_c_pills */
  /* start common/_c_radiobuttons */
  /* start common/_c_rating-stars */
  /* hover previous stars in list */
  /* start common/_c_select */
  /* start common/_c_tables */
  /* start common/_c_tabs */
  /* start common/_c_titles */
  /*.tg-list {
    list-style: none;
    padding:0;

    input[type=checkbox] {
        display:none;
    }

    .tg-list-item {
        display: table;
        text-align: center;
        margin: 0 auto;

        .tgl-ios {

            & + .tgl-btn {
                background: #fbfbfb;
                border-radius: 2em;
                padding: 2px;
                -webkit-transition: all .4s ease;
                transition: all .4s ease;
                border: 1px solid #e8eae9;
            }
        }

        + .tgl-btn {
            outline: 0;
            display: inline-block;
            width: 4em;
            height: 2em;
            position: relative;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            vertical-align: middle;

            &:before {
                position: relative;
                display: block;
                content: "";
                width: 50%;
                height: 100%;
                display: none;
            }

            &:after {
                position: relative;
                display: block;
                content: "";
                width: 50%;
                height: 100%;
                left: 50%;
            }
        }

        span {
            display: inline-block;
            margin-right: 10px;
            margin-left: 10px;
        }
    }
}*/
  /* start pages/_p_admin */
  /* start pages/_p_admin-school-groups */
  /* start pages/_p_admin-school-groups-edit */
  /* start pages/_p_my-drive */
  /* Dashboard Container */
  /* Floating Flat Cards */
  /* Icons */
  /* Card Titles */
  /* --- Statistics Section --- */
  /* Wider Cards for Stats */
  /* Hover Effect for Stats Cards */
  /* Analytics Container */
  /* Bar Chart Cards */
  /* Card Titles */
  /* start pages/_p_groups */
  /*Group code*/
  /* start pages/_p_groups-gradebook */
  /* start pages/_p_groups-reports */
  /* start pages/_p_groups-students */
  /* start common/_p_library-home */
  /* start common/_p_library-author */
  /* start common/_p_library-lesson */
  /* ---------------------------------------------------------------------------------------------------- start pages/_p_login */
  /* start pages/_p_profile */
  /* start common/_p_cookie-policy */
  /* start common/_p_privacy-policy */
  /* start common/_p_terms-and-conditions */
  /* start pages/_p_error */
  /* start pages/_p_thank-you */
  /* start common/_u_bootstrap_overrides*/
  /* start common/_c_datepicker */
  /* start utilities/_u_multiline_ellipsis.less */
  /*
@grid-columns: 12;
@grid-gutter-width: 30px;

@screen-lg: 1200px;
@screen-lg-min: @screen-lg;

.responsive-visibility() {/!* start _u_extra-breakpoints *!/
	display: block !important;
	table&  { display: table !important; }
	tr&     { display: table-row !important; }
	th&,
	td&     { display: table-cell !important; }
}

.responsive-invisibility() {
	display: none !important;
}
// Basic looping in LESS
.loop-grid-columns(@index, @class, @type) when (@index >= 0) {
	.calc-grid-column(@index, @class, @type);
	// next iteration
	.loop-grid-columns((@index - 1), @class, @type);
}

.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {
	.col-@{class}-@{index} {
		width: percentage((@index / @grid-columns));
	}
}

// Create grid for specific class
.make-grid(@class) {
	.float-grid-columns(@class);
	.loop-grid-columns(@grid-columns, @class, width);
	.loop-grid-columns(@grid-columns, @class, pull);
	.loop-grid-columns(@grid-columns, @class, push);
	.loop-grid-columns(@grid-columns, @class, offset);
}
.float-grid-columns(@class) {
	.col(@index) { // initial
		@item: ~".col-@{class}-@{index}";
		.col((@index + 1), @item);
	}
	.col(@index, @list) when (@index =< @grid-columns) { // general
		@item: ~".col-@{class}-@{index}";
		.col((@index + 1), ~"@{list}, @{item}");
	}
	.col(@index, @list) when (@index > @grid-columns) { // terminal
		@{list} {
			float: left;
		}
	}
	.col(1); // kickstart it
}
.container-fixed(@gutter: @grid-gutter-width) {
	margin-right: auto;
	margin-left: auto;
	padding-left:  floor((@gutter / 2));
	padding-right: ceil((@gutter / 2));
	&:extend(.clearfix all);
}

// xLarge screen / wide desktop
@screen-xl:                  1600px;
@screen-xl-min:              @screen-xl;
//!** Deprecated `@screen-lg-desktop` as of v3.0.1
@screen-xl-desktop:          @screen-xl-min;

// So media queries don't overlap when required, provide a maximum
@screen-lg-max:              (@screen-xl-min - 1);

//== Container sizes
//
//## Define the maximum width of `.container` for different screen sizes.
// xLarge screen / wide desktop

@container-xlarge-desktop:      (1240px + @grid-gutter-width);
//!** For `@screen-xl-min` and up.
@container-xl:                 @container-xlarge-desktop;



// xLarge screen / wide desktop
@screen-xxl:                  2560px;
@screen-xxl-min:              @screen-xxl;
//!** Deprecated `@screen-lg-desktop` as of v3.0.1
@screen-xxl-desktop:          @screen-xxl-min;

// So media queries don't overlap when required, provide a maximum
@screen-xl-max:              (@screen-xxl-min - 1);

//== Container sizes
//
//## Define the maximum width of `.container` for different screen sizes.
// xLarge screen / wide desktop

@container-xxlarge-desktop:      (2500px + @grid-gutter-width);
//!** For `@screen-xl-min` and up.
@container-xxl:                 @container-xxlarge-desktop;


/////////////////////////////////////////////////////////////////// grid.less

// Container widths
//
// Set the container width, and override it for fixed navbars in media queries.

.container {
	.container-fixed();
	@media (min-width: @screen-xl-min) {
		width: @container-xl;
	}
}

.container {
	.container-fixed();
	@media (min-width: @screen-xxl-min) {
		width: @container-xxl;
	}
}

// xLarge grid
//
// Columns, offsets, pushes, and pulls for the xlarge desktop device range.

@media (min-width: @screen-xl-min) {
	.make-grid(xl);
}

@media (min-width: @screen-xxl-min) {
	.make-grid(xxl);
}

/////////////////////////////////////////////////////////////////// mixins/grid.less

// Generate the xlarge columns
.make-xl-column(@columns; @gutter: @grid-gutter-width) {
	position: relative;
	min-height: 1px;
	padding-left:  (@gutter / 2);
	padding-right: (@gutter / 2);

	@media (min-width: @screen-xl-min) {
		float: left;
		width: percentage((@columns / @grid-columns));
	}
}
.make-xl-column-offset(@columns) {
	@media (min-width: @screen-xl-min) {
		margin-left: percentage((@columns / @grid-columns));
	}
}
.make-xl-column-push(@columns) {
	@media (min-width: @screen-xl-min) {
		left: percentage((@columns / @grid-columns));
	}
}
.make-xl-column-pull(@columns) {
	@media (min-width: @screen-xl-min) {
		right: percentage((@columns / @grid-columns));
	}
}

// Generate the xxlarge columns
.make-xxl-column(@columns; @gutter: @grid-gutter-width) {
	position: relative;
	min-height: 1px;
	padding-left:  (@gutter / 2);
	padding-right: (@gutter / 2);

	@media (min-width: @screen-xxl-min) {
		float: left;
		width: percentage((@columns / @grid-columns));
	}
}
.make-xxl-column-offset(@columns) {
	@media (min-width: @screen-xxl-min) {
		margin-left: percentage((@columns / @grid-columns));
	}
}
.make-xxl-column-push(@columns) {
	@media (min-width: @screen-xxl-min) {
		left: percentage((@columns / @grid-columns));
	}
}
.make-xxl-column-pull(@columns) {
	@media (min-width: @screen-xxl-min) {
		right: percentage((@columns / @grid-columns));
	}
}

/////////////////////////////////////////////////////////////////// grid-framework.less

// Framework grid generation
//
// Used only by Bootstrap to generate the correct number of grid classes given
// any value of `@grid-columns`.

.make-grid-columns() {
	// Common styles for all sizes of grid columns, widths 1-12
	.col(@index) { // initial
		@item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}, .col-xl-@{index}";
		.col((@index + 1), @item);
	}
	.col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo
		@item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}, .col-xl-@{index}";
		.col((@index + 1), ~"@{list}, @{item}");
	}
}

@media (min-width: @screen-xl) {
	.visible-xl {
		display: block!important;
	}

	.hidden-xl {
		display: none!important;
	}
}
*/
  /*@import 'utilities/_u_reset';*/
  /* start utilities/_u_typeahead */
}
html.manager .manager {
  margin: 0;
  padding: 80px 0 0 0;
  overflow: hidden;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  color: #20262c;
  font-size: 16px;
  background: #FCFCFE !important;
  height: 100%;
  /* reports */
  /* validator */
  /*
 * Clase necesare pentru coloana index din rapoartele unui user pentru un assigment
*/
  /*
* clase necesare pentru comportamentul butonului de share si export de pe fiecare lectie din pagina cu lectii
*/
  /*
*Clasa pentru formatarea textului privacy/cookie policies
*/
  /*
Clase pentru fomatarea textului din pagina de profil sectiunea subscription.
*/
  /*
* Clase necesare pentru campul de retrimite a email-ului de confirmare
*/
  /*
* reguli ce se aplcia doar pe IE pentru campurile lesson si classroom din assignments
*/
  /* Clase pentru formularul de feedback */
  /*Clasa pentru pagina de share*/
  /* -------------STUDENT ASSIGNMENT-------------------*/
  /* --------------END STUDENT ASSIGNMENT---------------*/
  /* REPORTS*/
  /*.vertical-align {
    display: flex;
    align-items: center;
}*/
  /* varia */
  /* position thumbnail on center */
  /* margin horizontal -15 */
  /* Big upload icon for lessons */
  /* Tooltip long text should break in multiple lines*/
  /* Style for activity preview player */
  /* _manager.less end */
  /*    .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {

        &:lang(ar) {
            .default-border-top-left-radius;
            .default-border-bottom-left-radius;
            .border-top-right-radius(2px);
            .border-bottom-right-radius(2px);
        }
    }

    .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {

        &:lang(ar) {
            .default-border-top-right-radius;
            .default-border-bottom-right-radius;
            .border-top-left-radius(2px);
            .border-bottom-left-radius(2px);
        }
    }

    .loadingoverlay[style] {

      .loadingoverlay_fontawesome[style] {
        color: #7b62a6 !important;
        font-size: 50px !important;
      }
    }*/
  /*.ui-sortable-helper {
    cursor: move;
    left: -100px;
}

.ui-sortable-placeholder {
    border: 15px solid rgba(123, 98, 166, 0.5);
    visibility: visible;
    background: none;
    top: -15px;
    height: @lessons-panel-body-height + 52px + 30px;
    //inaltime body card + inaltime footer card + marginea dintre carduri
}

.panel.ui-sortable-placeholder {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    cursor: move;
}

.ui-sortable-placeholder[style] {
    visibility: visible !important;
}

.ui-sortable-handle {
    cursor: move;
}*/
}
html.manager .manager .content.panel {
  padding: 35px;
}
html.manager .manager .info-text-blue {
  margin: 0;
  color: #258cff;
  font-size: 16px;
}
html.manager .manager #app .wsBodyFullWidth {
  left: -5px;
}
html.manager .manager section.container {
  padding: 2rem 0;
}
@media (max-width: 767px) {
  html.manager .manager section.container {
    padding: 15px;
  }
}
html.manager .manager.modal-open {
  padding-right: 0 !important;
}
html.manager .manager #page-container,
html.manager .manager #content {
  height: 100%;
}
html.manager .manager #page-container .content-manager-wrapper,
html.manager .manager #content .content-manager-wrapper {
  height: 100%;
}
html.manager .manager .container-fluid.manager-container {
  padding: 30px;
}
html.manager .manager .page-loader {
  width: 300px;
  display: inline-block;
  height: 50px;
  margin: 50% auto;
}
html.manager .manager .right-bottom-panel .panel-heading {
  /*font-size: medium;*/
  font-size: 100%;
  background-color: transparent;
  color: initial;
  color: auto;
  text-align: center;
  border-bottom: 1px solid #ccc;
  position: relative;
}
html.manager .manager .right-bottom-panel .panel-title {
  text-align: center;
  font-weight: bold;
}
html.manager .manager .right-bottom-panel .panel-body {
  padding: 15px 0;
}
html.manager .manager .overview-table.legend {
  margin: 0 auto;
}
html.manager .manager .overview-table {
  overflow: hidden;
}
html.manager .manager .overview-table:lang(ar) .item .property {
  float: right;
}
html.manager .manager .overview-table:lang(ar) .item.line .property {
  text-align: right;
}
html.manager .manager .overview-table:lang(ar) .item .value {
  text-align: left;
  margin-left: 5px;
  margin-right: 0;
  direction: ltr;
}
html.manager .manager .overview-table .item.line {
  line-height: 28px;
  border-bottom: 1px solid #eee;
}
html.manager .manager .overview-table .item.line.started-sub-list {
  padding-left: 15px;
}
html.manager .manager .overview-table .item .color {
  width: 10px;
  height: 10px;
  float: left;
  margin-right: 5px;
  display: block;
  text-align: left;
  font-weight: bold;
  margin-top: 9px;
}
html.manager .manager .overview-table .item .property {
  float: left;
}
html.manager .manager .overview-table .item.line .property {
  display: inline-block;
  text-align: left;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.5);
}
html.manager .manager .overview-table .item .value {
  margin-right: 5px;
  text-align: right;
}
html.manager .manager .overview-table .item.line .value {
  display: block;
}
html.manager .manager .overview-table .color-not-completed {
  background-color: #3583DC !important;
  opacity: 0.85;
  border: 1px solid #3583DC;
}
html.manager .manager .overview-table .color-minimal,
html.manager .manager .overview-table .color-not-started {
  background: #E0457B;
  border: 1px solid #E0457B;
}
html.manager .manager .overview-table .color-basic,
html.manager .manager .overview-table .color-started-behind {
  background: #8FD856;
  opacity: 0.7;
  border: 1px solid #8FD856;
}
html.manager .manager .overview-table .color-advanced,
html.manager .manager .overview-table .color-completed {
  background: #43aba4;
  border: 1px solid #43aba4;
}
html.manager .manager .overview-table .color-partial,
html.manager .manager .overview-table .color-started-normal {
  background: #321850;
  border: 1px solid #321850;
}
html.manager .manager .overview-table .color-proficient,
html.manager .manager .overview-table .color-started-advanced {
  background-color: #FFB52D !important;
  opacity: 0.85;
  border: 1px solid #FFB52D;
}
html.manager .manager .overview-table .color-superior {
  background-color: #9467BD !important;
  border: 1px solid #9467BD;
}
html.manager .manager .lesson-manager #btn-add-bug {
  position: absolute;
  top: auto;
  right: 30px;
  bottom: 30px;
  z-index: 999;
}
html.manager .manager .lesson-manager .btn-add-bug .fa {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
}
html.manager .manager .lesson-manager .btn.btn-add-bug {
  content: "";
  width: 50px;
  height: 50px;
  font-size: 18px;
  line-height: 34px;
}
html.manager .manager .lesson-manager .btn.btn-add-bug::after {
  content: "";
  display: inline-block;
  left: 0;
  top: 0;
  position: absolute;
}
html.manager .manager .lesson-manager .btn.btn-add-bug::before {
  content: "";
  display: inline-block;
  left: -20%;
  top: -20%;
  position: absolute;
  z-index: -1;
}
html.manager .manager .lesson-manager .btn.btn-add-bug i.fa.fa-comment {
  z-index: 2;
  position: absolute;
}
html.manager .manager .tooltip-add-asset,
html.manager .manager .tooltip-add-bug {
  bottom: 12px;
  right: 55px;
  min-width: 120px;
}
html.manager .manager .tooltip-add-asset .tooltip-inner,
html.manager .manager .tooltip-add-bug .tooltip-inner {
  width: auto;
}
html.manager .manager .tooltip-add-asset .tooltip-inner span,
html.manager .manager .tooltip-add-bug .tooltip-inner span {
  display: block;
}
html.manager .manager #feedback-message,
html.manager .manager .feedback-message {
  resize: none;
  font-size: 18px;
  height: auto !important;
  padding: 10px;
}
html.manager .manager .btn-link:active,
html.manager .manager .btn-link:focus,
html.manager .manager .btn-link:hover {
  text-decoration: none;
}
html.manager .manager .btn-link:active {
  webkit-box-shadow: none;
  box-shadow: none;
}
html.manager .manager .widget-stats {
  position: relative;
}
html.manager .manager .widget-stats .stats-coming-soon {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(40, 40, 40, 0.85);
  color: #fff;
  text-align: center;
}
html.manager .manager .widget-stats .stats-coming-soon:after {
  display: block;
  margin-top: 227px;
  content: "COMING SOON";
  font-size: 38px;
  font-weight: 700;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
}
html.manager .manager .row-wrapper .breadcrumb-text:last-child {
  position: absolute;
}
html.manager .manager .report-type-content .pagination {
  padding: 20px;
  width: auto;
  margin: 0 auto;
}
html.manager .manager .report-type-content .pagination ul {
  margin: 0;
  padding: 0;
}
html.manager .manager .report-type-content .pagination ul li a {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
}
html.manager .manager .report-type-content .pagination ul li span {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  color: #7b62a6;
}
html.manager .manager .report-type-content .pagination ul .active a {
  background: #3bbffd !important;
  border-color: #3bbffd;
  text-align: center;
}
html.manager .manager .report-type-content .pagination ul .active a {
  background: #3bbffd !important;
  border-color: #3bbffd;
}
html.manager .manager .report-type-content .pagination ul .active.reports-pagination a {
  background-color: #fff !important;
  color: #3bbffd;
  border: 1px solid #ddd;
  pointer-events: none;
}
html.manager .manager .report-type-content .pagination ul .active.reports-pagination a:hover {
  cursor: not-allowed;
}
html.manager .manager .c3 svg {
  font: 14px "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", "sans-serif" !important;
  width: 100% !important;
}
html.manager .manager .panel-report .paragraph-end {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 60px;
  background-image: 0 color-stop(80%, white);
  background-image: 0 0 #FFF 80%;
  background: linear-gradient(toright, rgba(255, 255, 255, 0) 0 #FFF 80%);
  z-index: 100;
}
html.manager .manager .datepicker table tr td,
html.manager .manager .datepicker table tr th {
  width: 20px!important;
  padding: 5px 11px!important;
}
html.manager .manager .datepicker table tr td.day:hover,
html.manager .manager .datepicker table tr td.day.focused {
  color: #fff!important;
}
html.manager .manager .dataTables_wrapper .row {
  margin: 0;
}
html.manager .manager .panel-card label.has-error .chevron-overlay,
html.manager .manager .panel-card label.has-error .calendar-overlay {
  right: 24px;
}
html.manager .manager .to-upper {
  text-transform: uppercase;
}
html.manager .manager .calendar-overlay-no-material.icon-left {
  left: 22px;
  pointer-events: none;
}
html.manager .manager .form-control.move-right {
  padding-left: 30px;
}
html.manager .manager .edit-date .bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom {
  width: auto;
}
html.manager .manager .edit-date .bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top {
  width: auto;
}
html.manager .manager .bootstrap-datetimepicker-widget .list-unstyled:lang(ar) {
  padding: 0;
  margin-bottom: 10px;
}
html.manager .manager .glyphicon-time.glyphicon {
  background-color: #f6f6f6;
}
html.manager .manager .glyphicon.glyphicon-calendar {
  background-color: #f6f6f6;
}
html.manager .manager .inline-custom {
  display: inline;
  position: absolute;
  padding-left: 25px;
}
html.manager .manager .activity-icon i.fa {
  font-size: 22px;
  text-align: left;
  vertical-align: middle;
  margin-left: -5px;
}
html.manager .manager .btn-share-initial {
  color: #333;
}
html.manager .manager .btn.btn-circle.btn-icon.btn-white.no-bg.text-primary:hover .fa.fa-share-alt.btn-share-initial {
  color: #337ab7;
}
html.manager .manager .btn.btn-circle.btn-icon.btn-white.no-bg:hover .fa.fa-download {
  color: #337ab7;
}
html.manager .manager .p-to-right {
  margin-left: 15px;
}
html.manager .manager .th-center-text {
  text-align: center;
  background-color: #D8D8D8;
}
html.manager .manager .td-center-text {
  text-align: center;
}
html.manager .manager .hide-children #header {
  background-color: #3A3A3A;
}
html.manager .manager .text-sub-to-left {
  float: left;
  text-align: left;
}
html.manager .manager .th-sub-center-text {
  text-align: center;
  background-color: #F8F8F8;
  border-collapse: separate;
  empty-cells: hide;
}
html.manager .manager .th-empty-cell {
  border-collapse: separate;
  empty-cells: hide;
  border: none;
}
html.manager .manager .th-sub-center-text.head1 {
  background-color: #673AB7;
  color: #FFF;
}
html.manager .manager .th-sub-center-text.head2 {
  background-color: #FF9800;
  color: #FFF;
}
html.manager .manager .panel.profile-menu {
  margin-top: 20px;
}
html.manager .manager .details-profile-picture {
  position: relative;
}
html.manager .manager .report-star-feedback {
  color: #FFD700;
  font-size: 19px;
}
html.manager .manager .custom-today .datepicker table tr td.day.today {
  background: #D8D8D8!important;
}
html.manager .manager .custom-today .datepicker table tr td.day.active.today {
  background: #348fe2!important;
}
html.manager .manager .container-custom {
  width: 100%;
}
html.manager .manager .container-custom .has-error .btn.help-block {
  right: 75px;
}
@media all and -ms-high-contrast none, -ms-high-contrast active {
  html.manager .manager {
    /*.dataTables_length select,
    .dataTables_filter input {
        padding: 0 0 0 5px;
        margin-left: 10px;
        margin-right: 10px;
    }*/
  }
  html.manager .manager .custom-top1 .form-control.tt-hint:first-child {
    top: 2px!important;
  }
  html.manager .manager .custom-top2 .form-control.tt-hint:first-child {
    top: 1px!important;
  }
  html.manager .manager .custom-top-lesson1 .typeahead.form-control.tt-hint:first-child {
    top: 1px!important;
  }
  html.manager .manager .custom-top-lesson2 .typeahead.form-control.tt-hint:first-child {
    top: 2px!important;
  }
  html.manager .manager .custom-top-lesson2,
  html.manager .manager .custom-top2 {
    height: 40px;
  }
}
html.manager .manager .profile-class::selection {
  background-color: #b5d6fd;
}
html.manager .manager .profile-class::-moz-selection {
  background-color: #b5d6fd;
}
html.manager .manager .warn-message {
  font-size: 18px;
}
html.manager .manager .section-font-size {
  font-size: 19px;
}
html.manager .manager .page-header small {
  font-size: 27px;
}
html.manager .manager .lesson-description {
  font-size: 18px;
  overflow: hidden;
}
html.manager .manager .time-text {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 2px;
}
html.manager .manager .bootstrap-datetimepicker-widget .datepicker {
  z-index: 999;
}
html.manager .manager .form-signin .tooltip-inner {
  width: 350px;
  /* If max-width does not work, try using width instead */
}
html.manager .manager .modal .modal-header {
  font-weight: normal;
}
html.manager .manager .form-feedback .tooltip-inner {
  width: 350px;
}
html.manager .manager .form-feedback .has-error .btn.help-block {
  top: -40px;
  right: 10px;
}
html.manager .manager .share-form .has-error .btn.help-block {
  top: 80px;
  height: 17px;
  width: 18px;
}
html.manager .manager .diable-pointer {
  pointer-events: none;
}
html.manager .manager .breadcrumb-name {
  width: 550px;
  z-index: 9999;
}
html.manager .manager .reports-table-size-repository {
  width: 100%;
}
html.manager .manager .display-students-number.edit-group span {
  float: right;
}
html.manager .manager .display-students-number.edit-group span span {
  padding-left: 10px;
}
html.manager .manager .group-details-td .tooltip {
  width: 150px;
}
html.manager .manager .learners-row-group.row-group .form-group {
  margin: 0;
  padding: 0 !important;
}
html.manager .manager .learners-row-group.row-group .form-group.has-error {
  padding: 0;
  margin: 0;
  width: fit-content;
  top: 0;
}
html.manager .manager .learners-row-group.row-group .form-group > div {
  padding-left: 0;
}
html.manager .manager .learners-row-group.row-group .form-group > div .with-errors {
  padding: 0;
  margin: 0;
  width: fit-content;
}
html.manager .manager .learners-row-group.row-group .form-group .form-control {
  padding-left: 7px;
}
html.manager .manager .learners-row-group.row-group .existing-student-input {
  border: none !important;
}
html.manager .manager .learners-row-group.row-group .form-group.existing-student-input {
  margin-bottom: 0 !important;
  bottom: 0 !important;
}
html.manager .manager .accept-terms {
  margin-top: 2px;
  margin-left: 3px;
}
html.manager .manager .no_email_checkbox {
  font-size: 14px;
}
html.manager .manager .form_group_checkbox {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0px 0px 20px 0px;
}
html.manager .manager .form_group_checkbox.has-error {
  top: 0 !important;
}
html.manager .manager .form_group_checkbox.has-error .no_email_checkbox a {
  color: #a94442;
  text-decoration: underline;
}
html.manager .manager .feedback-class {
  position: absolute;
  margin-top: -4px;
  margin-left: 3px;
}
html.manager .manager .navbar-logo {
  float: left;
}
html.manager .manager .loadingAnimProfile {
  position: absolute;
  z-index: 999;
  width: 100px;
  height: 100px;
  background: #FFF url(../img/loading-64.gif) center center no-repeat;
}
html.manager .manager .head-name {
  max-width: 120px;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
}
html.manager .manager .head-name-item .tooltip-inner {
  word-break: break-all;
}
html.manager .manager a.header_menu i {
  line-height: 24px!important;
}
html.manager .manager .text-field.lesson-title {
  word-break: break-all;
  white-space: pre-wrap;
  font-size: 19px;
  display: inline;
  font-weight: 600;
  width: 286px;
  line-height: 20px;
}
html.manager .manager .lesson-panel-card .view-mode .fa.fa-pencil,
html.manager .manager .lesson-panel-card .view-mode .fa.small.fa-pencil {
  width: 11px!important;
  height: 13px!important;
  font-size: 16px;
}
html.manager .manager .multiselect-native-select .dropdown-menu {
  z-index: 9999;
}
html.manager .manager .multiselect-native-select .dropdown-menu li a label:lang(ar) {
  float: right;
  width: 100%;
  text-align: right;
}
html.manager .manager .multiselect-native-select .dropdown-menu li a label:lang(ar) span {
  padding-left: 5px;
}
html.manager .manager .multiselect.dropdown-toggle.btn.btn-default {
  color: white;
  border-radius: 0.75rem;
  box-shadow: 0px 3px 5px rgba(74, 126, 192, 0.26);
  padding: 0 2rem;
  transition: .25s;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 0 0.2rem 0.5rem !important;
  background: #00C3D9;
  border: none;
}
html.manager .manager .multiselect.dropdown-toggle.btn.btn-default:hover {
  box-shadow: none;
  transition: .25s;
}
html.manager .manager .multiselect.dropdown-toggle.btn.btn-default:disabled,
html.manager .manager .multiselect.dropdown-toggle.btn.btn-default.disabled html.manager .manager .multiselect.dropdown-toggle.btn.btn-default.overDisabled {
  background: white;
  border: 1px solid #6E8CA0;
  color: #6E8CA0;
  box-shadow: none;
  opacity: 1;
}
html.manager .manager .multiselect.dropdown-toggle.btn.btn-default:hover {
  background-color: #00bed4;
  color: white;
}
html.manager .manager .multiselect-container.dropdown-menu {
  left: auto;
  right: 0;
}
html.manager .manager .multiselect-container.dropdown-menu:lang(ar) {
  right: auto;
  left: 0 !important;
}
html.manager .manager .multiselect-container input[type="radio"] {
  display: none;
}
html.manager .manager .multiselect-container input[type="checkbox"] {
  display: none;
}
html.manager .manager .multiselect-container:lang(ar) .glyphicon-ok.check-mark {
  float: left;
  right: auto;
  left: 10px;
  vertical-align: middle;
  transform: scale(-1, 1);
}
html.manager .manager .multiselect-container .glyphicon-ok.check-mark {
  position: absolute;
  right: 10px;
  top: 7px;
  float: right;
  vertical-align: middle;
}
html.manager .manager .multiselect-container > li > a > label.radio,
html.manager .manager .multiselect-container > li > a > label.checkbox {
  padding: 5px;
}
html.manager .manager .multiselect-native-select #dueDateSelect + .btn-group .multiselect {
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  -ms-border-top-right-radius: 0;
  -o-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -ms-border-bottom-right-radius: 0;
  -o-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
html.manager .manager .multiselect-native-select #dueDateSelect + .btn-group .multiselect:lang(ar) {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  -webkit-border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  -ms-border-top-left-radius: 0;
  -o-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -ms-border-bottom-left-radius: 0;
  -o-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
html.manager .manager .multiselect-native-select #progressSelect + .btn-group .multiselect {
  border-left: none;
  -webkit-border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  -ms-border-top-left-radius: 0;
  -o-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -ms-border-bottom-left-radius: 0;
  -o-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
html.manager .manager .multiselect-native-select #progressSelect + .btn-group .multiselect:lang(ar) {
  border-left: 1px solid #ddd;
  border-right: none;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  -ms-border-top-right-radius: 0;
  -o-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -ms-border-bottom-right-radius: 0;
  -o-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
html.manager .manager .top-tools #filterAssignmentsBtn {
  color: #fff;
  margin: 0 0 0 15px;
  background-color: #7b62a6;
  border-color: #7b62a6;
}
html.manager .manager .lesson-view-subject {
  word-break: break-all;
}
html.manager .manager .panel-opacity-0 {
  opacity: 0;
}
html.manager .manager .pannel-lesson-new .addLesson.pannel-footer {
  padding-top: 0;
}
html.manager .manager [data-mode="EDIT"] {
  cursor: pointer;
}
html.manager .manager .lesson-panel-card .panel-footer .pull-left .no-bg {
  margin-top: 3px;
}
html.manager .manager .lesson-panel-card .view-mode.copy-from-repository .panel-footer .pull-left {
  margin-top: 14px;
}
html.manager .manager .lesson-studyLevel-tooltip {
  font-size: 19px;
}
html.manager .manager .create-new-lesson {
  z-index: 9999;
}
html.manager .manager .edit-mode .tt-menu {
  z-index: 9999!important;
}
html.manager .manager .addLesson.panel-footer button {
  text-transform: uppercase;
}
html.manager .manager .panel-lesson-new .edit-mode .panel-footer button {
  text-transform: uppercase;
  vertical-align: middle;
}
html.manager .manager .modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
html.manager .manager #timezoneSelection {
  line-height: 19px;
}
@media (min-width 650px) {
  html.manager .manager #timezoneSelection {
    width: 600px;
  }
}
@media (max-width 649px) {
  html.manager .manager #timezoneSelection {
    width: 270px;
  }
}
html.manager .manager .panel-start-assignment {
  font-size: 18px;
}
html.manager .manager #gritter-notice-wrapper {
  z-index: 999;
}
html.manager .manager .material-input.form-group.has-error .tooltip {
  z-index: 9999;
}
html.manager .manager .panel.panel-default.panel-account .text-center.login-title {
  padding-top: 18px;
}
html.manager .manager .panel.panel-default.panel-account #user-first-time .form-group #label-font-18 {
  font-size: 19px;
}
html.manager .manager .panel.panel-default.panel-account #user-first-time .form-group .pull-right.need-help {
  font-size: 19px;
}
html.manager .manager .repository-table {
  -webkit-overflow-scrolling: touch;
}
html.manager .manager #feedbackError:lang(ar) {
  right: auto;
  left: 15px;
}
html.manager .manager #feedbackForm .tooltip-inner:lang(ar) {
  min-width: 150px;
}
html.manager .manager #feedbackForm .tooltip:lang(ar) {
  right: 30.5%;
}
html.manager .manager .no-break-word {
  white-space: nowrap;
}
html.manager .manager .panel-body.assignment-panel .m-b-2 {
  margin-bottom: -1px !important;
}
html.manager .manager .addLesson.panel-footer .btn-group.pull-right {
  margin-top: 6px;
  margin-right: 0;
}
html.manager .manager .addLesson.panel-footer {
  border-top: 0;
}
html.manager .manager #feedbackModal .modal-body,
html.manager .manager #feedbackModal .modal-footer button {
  font-size: 19px;
}
html.manager .manager #feedbackModal .modal-body {
  padding: 5px 15px 15px 15px;
}
html.manager .manager #feedbackModal .modal-footer {
  border-top: none;
  padding: 0px 15px 15px 15px;
}
html.manager .manager #feedbackModal .modal-header .close,
html.manager .manager .modal-dialog .modal-body .close {
  margin-top: -2px;
  opacity: 1;
  font-weight: 600;
  line-height: inherit;
}
html.manager .manager #feedbackModal .modal-header .close:lang(ar),
html.manager .manager .modal-dialog .modal-body .close:lang(ar) {
  float: left;
}
html.manager .manager #feedbackModal textarea {
  resize: none;
}
html.manager .manager .classroom-name-card {
  overflow: hidden;
}
html.manager .manager .panel-group .tooltip-inner {
  min-width: 250px;
  text-align: match-parent;
}
html.manager .manager .navbar-header:lang(ar) {
  float: right;
}
@media (min-width 1650px) {
  html.manager .manager .lesson-repository-add-action {
    width: 85%;
    margin: auto;
  }
}
@media (max-width 1650px) {
  html.manager .manager .lesson-repository-add-action {
    width: 100%;
    margin: auto;
    padding-left: 5px;
    padding-right: 5px;
  }
}
html.manager .manager .repository-ability-level,
html.manager .manager .repository-study-level {
  display: block;
  position: relative;
  height: 40px;
}
html.manager .manager .repository-ability-level .form-control,
html.manager .manager .repository-study-level .form-control {
  height: 38px !important;
  padding: 0 16px;
  font-size: 16px;
}
html.manager .manager .repository-ability-level .chevron-overlay:hover,
html.manager .manager .repository-study-level .chevron-overlay:hover {
  cursor: pointer;
}
html.manager .manager .panel-assignment .panel-heading {
  margin-top: 0;
}
html.manager .manager .assignments-panel-card .panel-heading .panel-title {
  position: relative;
  overflow: visible;
  font-size: 27px;
  line-height: 33px;
  cursor: default;
}
html.manager .manager .assignments-panel-card .panel-heading .panel-title .title-span {
  width: 235px !important;
  white-space: pre-line;
  word-break: break-all;
  font-size: 23px;
  line-height: 21px;
  float: left !important;
  padding-right: 3px;
}
html.manager .manager .assignments-panel-card .panel-body.assignment-panel {
  padding-top: 6px;
}
html.manager .manager .panel-title .tooltip {
  z-index: 9999!important;
}
html.manager .manager .panel-title .tooltip .tooltip-inner {
  white-space: pre-line;
  word-break: keep-all;
}
html.manager .manager .assignments-panel-card .panel-heading .panel-title .assignmentStatus.badge.pull-right {
  float: right!important;
  margin-right: 0!important;
  color: #fff;
  width: 30px;
  height: 30px;
  font-size: 27px;
}
html.manager .manager .assignments-panel-card .assignmentStatus.scheduled {
  background: linear-gradient(to top right, transparent 0%, transparent 49%, #49b6d6 51%, #49b6d6 100%);
}
html.manager .manager .assignments-panel-card .assignmentStatus.scheduled:lang(ar) {
  background: linear-gradient(to top left, transparent 0%, transparent 49%, #49b6d6 51%, #49b6d6 100%);
}
html.manager .manager .assignments-panel-card .assignmentStatus.active {
  background: linear-gradient(to top right, transparent 0%, transparent 49%, #7b62a6 51%, #7b62a6 100%);
}
html.manager .manager .assignments-panel-card .assignmentStatus.active:lang(ar) {
  background: linear-gradient(to top left, transparent 0%, transparent 49%, #7b62a6 51%, #7b62a6 100%);
}
html.manager .manager .assignments-panel-card .assignmentStatus.closed {
  background: linear-gradient(to top right, transparent 0%, transparent 49%, #f59c1a 51%, #f59c1a 100%);
}
html.manager .manager .assignments-panel-card .assignmentStatus.closed:lang(ar) {
  background: linear-gradient(to top left, transparent 0%, transparent 49%, #f59c1a 51%, #f59c1a 100%);
}
html.manager .manager .panel-card.panel-assignment .panel-body.panel-extra-info {
  height: 25px;
  color: #348fe2!important;
}
html.manager .manager .assignments-panel-card .view-mode .panel-title .title-span .fa-pencil,
html.manager .manager .assignments-panel-card .view-mode .panel-title .assignment-title-pencil {
  font-size: 19px;
}
html.manager .manager .assignments-panel-card .edit-mode .custom-date-picker {
  margin: 0 0 5px;
}
html.manager .manager .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs:lang(ar) {
  left: auto !important;
  right: 0 !important;
}
html.manager .manager .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs:lang(ar):before {
  left: auto;
  right: 6px;
}
html.manager .manager .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs:lang(ar):after {
  left: auto;
  right: 7px;
}
html.manager .manager .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs:lang(ar) .col-md-6 {
  float: right;
}
html.manager .manager .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs:lang(ar) .glyphicon-chevron-right:before {
  content: "\e079";
}
html.manager .manager .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs:lang(ar) .glyphicon-chevron-left:before {
  content: "\e080";
}
html.manager .manager .bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top:lang(ar),
html.manager .manager .bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom:lang(ar) {
  left: auto !important;
  right: 0 !important;
}
html.manager .manager .bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top:lang(ar) .glyphicon-chevron-right:before,
html.manager .manager .bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom:lang(ar) .glyphicon-chevron-right:before {
  content: "\e079";
}
html.manager .manager .bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top:lang(ar) .glyphicon-chevron-left:before,
html.manager .manager .bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom:lang(ar) .glyphicon-chevron-left:before {
  content: "\e080";
}
html.manager .manager .panel-assignment-new .date-time-picker {
  display: inline-block;
  border: none;
  width: 100%;
  float: none;
  border-bottom: 1px solid #e0e0e0;
}
html.manager .manager .panel-assignment-new .date-time-picker .input-group-addon {
  display: inline-block;
  background: none;
  border: 0;
  float: left;
  width: 25px;
  padding: 6px;
  cursor: pointer;
  position: absolute;
}
html.manager .manager .panel-assignment-new .date-time-picker input.form-control {
  width: 243px;
  float: none;
  border: none;
  display: inline-block;
  padding-left: 0;
}
html.manager .manager body {
  padding-top: 60px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}
html.manager .manager #lesson-manager-wrapper section .jumbotron:last-child {
  margin: 0;
}
html.manager .manager .panel-report-graphs {
  margin: 7px;
}
html.manager .manager .learners-list-group {
  margin-top: 20px;
}
html.manager .manager .learners-list-group-item-body .form-group {
  margin-left: -4px;
  margin-right: -4px;
}
html.manager .manager .learners-list-group-item-body .form-group-email {
  margin-right: 40px;
}
html.manager .manager #add-learner-button-disabled,
html.manager .manager #fileSelectDisabled,
html.manager .manager #csvTemplateDisabled {
  background: #9D9D9D;
  border-color: #9D9D9D;
  cursor: default;
}
html.manager .manager #usernameRegField {
  margin-bottom: 0px !important;
}
html.manager .manager .panel-account {
  margin: 0;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
html.manager .manager .panel-account .panel-body {
  padding: 30px;
}
html.manager .manager .login-title {
  font-weight: 400;
  display: block;
}
html.manager .manager .need-help {
  margin-top: 10px;
}
html.manager .manager .new-account {
  display: block;
  margin-top: 10px;
}
html.manager .manager .panel-card.panel-new-assignment > .btn {
  width: 300px;
  height: 225px;
  font-size: 80px;
  line-height: 80px;
}
html.manager .manager .panel-card.panel-new-assignment > .btn .fa {
  min-width: inherit;
  width: 80px;
}
html.manager .manager .panel-card.panel-new-assignment > .btn .fa:before {
  display: inline-block;
  line-height: 84px;
}
html.manager .manager .panel-card.panel-new-assignment .panel-heading {
  /*padding: 15px;*/
}
html.manager .manager .panel-card.panel-new-assignment .panel-body {
  padding: 0 16px 5px;
}
html.manager .manager .panel-card.panel-new-assignment .panel-body .material-input:last-child .form-control {
  border-bottom: none;
}
html.manager .manager .panel-card.panel-new-assignment .panel-footer .btn {
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
}
html.manager .manager .panel-card.panel-new-assignment .panel-footer .btn.btn-link:focus,
html.manager .manager .panel-card.panel-new-assignment .panel-footer .btn.btn-link:hover {
  text-decoration: none;
}
html.manager .manager .calendar-overlay {
  color: darkgrey !important;
  position: absolute;
  margin-left: 0px;
  margin-right: auto;
  top: 6px !important;
  right: 0px;
}
html.manager .manager .calendar-overlay-no-material {
  color: darkgrey !important;
  position: absolute;
  margin-left: 0px;
  margin-right: auto;
  top: 32px !important;
  right: 22px;
}
html.manager .manager #upload_thumbnail {
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
}
html.manager .manager .negative-horizontal-margin-15 {
  margin-right: -15px;
  margin-left: -15px;
}
html.manager .manager #lessonSelector + pre + .tt-menu {
  max-height: 153px;
  width: 100%;
  overflow: auto;
}
html.manager .manager #groupSelector + pre + .tt-menu {
  max-height: 118px;
  width: 100%;
  overflow: auto;
}
html.manager .manager .students-list-title {
  line-height: 34px;
}
html.manager .manager button.btn.upload-thumbnail {
  position: absolute;
  width: 300px;
  height: 225px;
  font-size: 80px;
  line-height: 80px;
  right: auto !important;
  top: auto !important;
}
html.manager .manager button.btn.upload-thumbnail > .fa-camera {
  min-width: inherit;
  width: 80px;
}
html.manager .manager button.btn.upload-thumbnail > .fa-camera:before {
  display: inline-block;
  line-height: 84px;
}
html.manager .manager .tooltip-inner {
  word-wrap: break-word;
}
html.manager .manager .player-container {
  padding: 20px;
}
html.manager .manager .player-container .modal-dialog,
html.manager .manager .player-container .modal-content,
html.manager .manager .player-container .bootbox-body {
  width: auto;
  height: 100%;
  margin: 0;
}
html.manager .manager .player-container .modal-body {
  height: 95%;
}
html.manager .manager .player-container .modal-header {
  height: 5%;
}
html.manager .manager #player {
  width: 100%;
  height: 100%;
  border: none;
}
html.manager .manager .share-checkbox {
  margin-left: 0;
}
html.manager .manager .form-group.row .with-errors {
  margin-right: 5px;
}
html.manager .manager .form-group.row.select-language .language-field {
  margin-bottom: 15px !important;
}
html.manager .manager .show-form {
  display: block;
}
html.manager .manager .hide-form {
  display: none;
}
html.manager .manager .form-signin.student-signin .section-font-size {
  font-size: 16px !important;
  padding-top: 11px;
}
html.manager .manager .g-recaptcha iframe {
  margin-left: 110px;
  margin-right: 110px;
}
html.manager .manager .group-table-nr-crt {
  vertical-align: middle;
  font-size: 18px;
  /*text-align: center;*/
  opacity: 0.6;
}
html.manager .manager #scoreModal .modal-body .modal-title {
  font-size: 20px;
}
html.manager .manager #scoreModal .modal-footer {
  border-top: none;
}
html.manager .manager #selectableCode::selection {
  background: #7b62a6;
  color: #FFFFFF;
}
html.manager .manager .info-group-code {
  margin-left: 10px;
}
html.manager .manager #editGroupSubmitBtn.disabled {
  pointer-events: all;
  cursor: pointer;
  box-shadow: none;
  opacity: 1;
}
html.manager .manager .right-group {
  text-align: right;
}
html.manager .manager .right-group:lang(ar) {
  text-align: left;
}
html.manager .manager .showmore {
  display: inline-block;
}
html.manager .manager .lesson-quota-number {
  display: inline-block;
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 #c8c8c8;
    box-shadow: 0 0 0 0 #c8c8c8;
    border-radius: 0;
  }
  50% {
    -moz-box-shadow: 0 0 0 10px rgba(200, 200, 200, 0);
    box-shadow: 0 0 0 10px rgba(200, 200, 200, 0);
    border-radius: 0;
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(200, 200, 200, 0);
    box-shadow: 0 0 0 0 rgba(200, 200, 200, 0);
  }
}
@keyframes pulse2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
html.manager .manager .fadeIn {
  animation-name: fadeIn;
}
html.manager .manager textarea:hover,
html.manager .manager input:hover,
html.manager .manager textarea:active,
html.manager .manager input:active,
html.manager .manager textarea:focus,
html.manager .manager input:focus,
html.manager .manager button:focus,
html.manager .manager button:active,
html.manager .manager button:hover,
html.manager .manager label:focus,
html.manager .manager .btn:active,
html.manager .manager .btn.active,
html.manager .manager .form-control,
html.manager .manager .has-error .form-control:focus {
  outline: 0px !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html.manager .manager input::placeholder {
  color: #999 !important;
}
html.manager .manager input:focus::placeholder {
  opacity: 0;
  color: transparent;
}
html.manager .manager .form-control {
  height: 40px;
  font-size: 16px;
}
html.manager .manager .form-group.toggle:after {
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
}
html.manager .manager .panel {
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
html.manager .manager .btn-inverse {
  background: #bbb;
  color: #fff;
  border: 1px solid #ddd;
}
html.manager .manager .load-more {
  text-align: center;
}
html.manager .manager .pagination {
  padding: 0;
  margin: 2px;
}
html.manager .manager .pagination li a {
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  color: #3bbffd;
}
html.manager .manager .pagination li:lang(ar) {
  float: right;
  padding: 0;
}
html.manager .manager .pagination li:lang(ar):first-child a {
  border-left: none;
  -webkit-border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  -ms-border-top-left-radius: 0;
  -o-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -ms-border-bottom-left-radius: 0;
  -o-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
html.manager .manager .pagination li:lang(ar):last-child a {
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  -ms-border-top-right-radius: 0;
  -o-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -ms-border-bottom-right-radius: 0;
  -o-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
html.manager .manager .pagination .disabled > a,
html.manager .manager .pagination .disabled > a:focus,
html.manager .manager .pagination .disabled > a:hover,
html.manager .manager .pagination .disabled > span,
html.manager .manager .pagination .disabled > span:focus,
html.manager .manager .pagination .disabled > span:hover {
  color: #ccc;
}
html.manager .manager .pagination .active > a,
html.manager .manager .pagination .active > a:focus,
html.manager .manager .pagination .active > a:hover,
html.manager .manager .pagination .active > span,
html.manager .manager .pagination .active > span:focus,
html.manager .manager .pagination .active > span:hover {
  background-color: #3bbffd;
  border-color: #3bbffd;
  color: #fff;
}
html.manager .manager .dropdown-menu > .active > a,
html.manager .manager .dropdown-menu > .active > a:focus,
html.manager .manager .dropdown-menu > .active > a:hover {
  color: #3bbffd;
  background-color: transparent;
}
html.manager .manager .bootstrap-datetimepicker-widget table td.today {
  background: #f1f1f1;
}
html.manager .manager .alert-dismissible:lang(ar) {
  padding-right: 15px;
  padding-left: 35px;
}
html.manager .manager .alert-dismissable .close:lang(ar),
html.manager .manager .alert-dismissible .close:lang(ar) {
  float: left;
  right: auto;
  left: -21px;
}
html.manager .manager .student-signin .row > [class*=col-] {
  padding: 0 10px !important;
}
html.manager .manager .student-signin .row > [class*=col-]:lang(ar) {
  float: right;
}
html.manager .manager .sign-up .center-inside {
  text-align: center;
}
html.manager .manager .sign-up .page-title {
  padding: 20px 0;
}
html.manager .manager .sign-up .page-body {
  overflow: auto;
  display: block;
  padding: 50px 0;
  border-top: 1px solid #ccc;
}
html.manager .manager .sign-up .title.past {
  color: rgba(0, 0, 0, 0.5);
}
html.manager .manager .sign-up .title.past h4 {
  border-bottom: 1px solid #ccc;
  color: rgba(0, 0, 0, 0.5);
  height: 50px;
  line-height: 50px;
}
html.manager .manager .sign-up .title.current {
  border-bottom: 1px solid #ccc;
  height: 50px;
  line-height: 50px;
}
html.manager .manager .sign-up .title.current h4 {
  border-bottom: 3px solid #7b62a6;
  color: #7b62a6;
  height: 50px;
  line-height: 50px;
}
html.manager .manager .sign-up .title.future h4 {
  border-bottom: 1px solid #ccc;
  color: rgba(0, 0, 0, 0.5);
  height: 50px;
  line-height: 50px;
}
html.manager .manager .sign-up .content.past {
  opacity: 0.5;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
html.manager .manager .sign-up .content.past .submit {
  height: 40px;
}
html.manager .manager .sign-up .content.past .submit button {
  display: none;
}
html.manager .manager .sign-up .content.future {
  opacity: 0.5;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
html.manager .manager .sign-up .content.future .submit {
  height: 40px;
}
html.manager .manager .sign-up .content.future .submit button {
  display: none;
}
html.manager .manager .sign-up .border {
  height: 50px;
  border-bottom: 1px solid #ccc;
}
html.manager .manager .sign-up .content {
  margin-top: 50px;
  padding: 0 15px;
}
html.manager .manager .sign-up .content .no-p-r {
  padding-right: 7px;
}
html.manager .manager .sign-up .content .no-p-l {
  padding-left: 7px;
}
html.manager .manager .sign-up .content .card-number {
  position: relative;
}
html.manager .manager .sign-up .content .card-number .fa {
  position: absolute;
  height: 34px;
  line-height: 34px;
  right: 15px;
  font-size: 22px;
}
html.manager .manager .sign-up .step-1,
html.manager .manager .sign-up .step-2,
html.manager .manager .sign-up .step-3 {
  padding: 0 0 50px 0;
}
html.manager .manager .sign-up .hide {
  display: none;
}
html.manager .manager .sign-up .submit {
  padding-top: 0;
}
html.manager .manager .sign-up .submit button {
  width: 50%;
  min-width: 100px;
  height: 40px;
  padding: 0 15px;
  color: #fff;
  background: #7b62a6;
}
html.manager .manager .sign-up .submit button.disabled {
  animation: none;
}
html.manager .manager .sign-up .currency {
  margin-top: 50px;
}
html.manager .manager .sign-up .step-1:lang(ar) {
  float: right;
}
html.manager .manager .sign-up .step-1 .title {
  height: 50px;
  line-height: 50px;
}
html.manager .manager .sign-up .step-1 .content img {
  width: 50px;
  height: auto;
}
html.manager .manager .sign-up .step-1 .content h3 {
  color: #7b62a6;
}
html.manager .manager .sign-up .step-1 .content .description {
  margin-top: 50px;
  font-size: 16px;
}
html.manager .manager .sign-up .step-1 .content .description .left {
  text-align: right;
}
html.manager .manager .sign-up .step-1 .content .description .right {
  text-align: left;
}
html.manager .manager .sign-up .step-1 .content .description:lang(ar) .left {
  text-align: left;
  float: right;
}
html.manager .manager .sign-up .step-1 .content .description:lang(ar) .right {
  text-align: right;
}
html.manager .manager .sign-up .step-1 .content .description .currency a {
  padding: 10px 10px;
  border-bottom: 3px solid transparent;
  color: #555;
  cursor: pointer;
}
html.manager .manager .sign-up .step-1 .content .description .currency a:hover {
  text-decoration: none;
}
html.manager .manager .sign-up .step-1 .content .description .currency a.active {
  border-bottom: 3px solid #7b62a6;
  color: #7b62a6;
}
html.manager .manager .sign-up .step-2:lang(ar) {
  float: left;
}
html.manager .manager .sign-up .step-2 .edit {
  display: none;
  position: absolute;
  bottom: 50%;
  right: 50%;
  -webkit-transform: translateX(50%, 50%);
  -moz-transform: translateX(50%, 50%);
  -ms-transform: translateX(50%, 50%);
  -o-transform: translateX(50%, 50%);
  transform: translate(50%, 50%);
  width: 75px;
  height: 75px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #7b62a6;
  z-index: 999;
}
html.manager .manager .sign-up .step-2 .edit span {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
html.manager .manager .sign-up .step-2 p.disclaimer {
  margin-top: 0;
  font-size: 14px;
}
html.manager .manager .sign-up .step-2 p.disclaimer a {
  color: #7b62a6;
}
@media (min-width: 240px) {
  html.manager .manager .sign-up .step-1 .content .description .left,
  html.manager .manager .sign-up .step-2 .content .description .left,
  html.manager .manager .sign-up .step-3 .content .description .left,
  html.manager .manager .sign-up .step-1 .content .description .right,
  html.manager .manager .sign-up .step-2 .content .description .right,
  html.manager .manager .sign-up .step-3 .content .description .right {
    /*text-align: center;*/
  }
}
html.manager .manager .form-signin p.disclaimer {
  margin-top: 50px;
  text-align: center;
}
html.manager .manager .form-signin p.disclaimer a {
  color: #7b62a6;
}
html.manager .manager .form-signin .submit-btn {
  margin-top: 50px ;
}
@-moz-document url-prefix() {
  html.manager .manager h1 {
    color: inherit;
  }
  html.manager .manager .has-error select + .with-errors {
    right: 30px !important;
  }
  html.manager .manager .form-group select {
    padding: 0 0 0 16px !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html.manager .manager .btn-primary:hover {
    opacity: 0.9;
  }
  html.manager .manager.terms .navbar .navbar-right,
  html.manager .manager.privacy .navbar .navbar-right,
  html.manager .manager.cookie .navbar .navbar-right {
    margin-right: 15px;
  }
  html.manager .manager.terms .navbar .navbar-right:lang(ar),
  html.manager .manager.privacy .navbar .navbar-right:lang(ar),
  html.manager .manager.cookie .navbar .navbar-right:lang(ar) {
    margin-right: 0;
    margin-left: 15px;
  }
  html.manager .manager .has-error select + .with-errors {
    right: 30px !important;
  }
  html.manager .manager .has-error select + .with-errors:lang(ar) {
    right: auto !important;
    left: 40px !important;
  }
  html.manager .manager .form-group select {
    padding: 0 0 0 16px !important;
  }
}
@supports (-ms-accelerator:true) {
  html.manager .manager.terms .navbar .navbar-right,
  html.manager .manager.privacy .navbar .navbar-right,
  html.manager .manager.cookie .navbar .navbar-right {
    margin-right: 15px;
  }
  html.manager .manager.terms .navbar .navbar-right:lang(ar),
  html.manager .manager.privacy .navbar .navbar-right:lang(ar),
  html.manager .manager.cookie .navbar .navbar-right:lang(ar) {
    margin-right: 0;
    margin-left: 15px;
  }
  html.manager .manager .has-error select + .with-errors {
    right: 20px !important;
  }
  html.manager .manager .has-error select + .with-errors:lang(ar) {
    right: auto !important;
    left: 40px !important;
  }
  html.manager .manager .form-group select {
    padding: 0 0 0 16px !important;
  }
}
html.manager .manager .modal-dialog-upgrade {
  width: auto;
}
html.manager .register {
  background: #fff;
  font-size: 18px;
}
html.manager .register .material-input {
  margin: 0 0 15px 0;
}
html.manager .resetpassword {
  background: #fff;
}
html.manager .homework.start {
  background: #fff;
  font-size: 16px;
}
html.manager .homework.start .btn-primary span:after {
  font-family: 'FontAwesome';
  content: '\f04b';
  padding: 0 0 0 10px;
}
html.manager .homework.start .btn-primary span:lang(ar):after {
  display: inline-block;
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
html.manager .homework.completed {
  background: #fff;
  font-size: 16px;
}
html.manager .homework.completed .btn-primary {
  background: #ff0000 !important;
}
html.manager .homework.completed .btn-primary span:after {
  font-family: 'FontAwesome';
  content: '\f04b';
  padding: 0 0 0 10px;
}
html.manager .homework.completed .btn-primary span:lang(ar):after {
  display: inline-block;
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
html.manager .reports.homework {
  /*    .tabs-left {
        padding: 0 7px 0 0;
        li {
            .default-margin-bottom;
        }
        .tooltip{
            z-index: 9999 !important;
        }
    }*/
}
html.manager .reports.homework .report-activity-container .upgrade-message {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 150px;
  z-index: 1;
}
html.manager .reports.homework .report-activity-container .upgrade-message[style] {
  display: block !important;
}
html.manager .reports.homework .report-activity-container .upgrade-overlay .report-aggregated {
  opacity: 0.25;
}
html.manager .reports.homework .report-activity-container .tab-pane h3 {
  text-align: center;
  margin: 30px 0;
}
html.manager .reports.homework .report-activity-container .c3-tooltip {
  min-width: 300px;
}
html.manager .reports.homework .report-activity-container .c3-tooltip h3 {
  text-align: center;
  margin: 5px 0;
}
html.manager .reports.homework .report-activity-container .c3-tooltip .popover-content {
  font-size: 12px;
  padding: 5px 10px;
}
html.manager .reports.homework .report-activity-container .c3-tooltip .popover-content .item:after {
  content: ", ";
}
html.manager .reports.homework .report-activity-container .c3-tooltip .popover-content .item:last-child:after {
  content: "";
}
html.manager .reports.homework .report-activity-container #tooltip {
  position: absolute;
  z-index: 9999;
  color: #fff;
  font-size: 10px;
  width: 180px;
}
html.manager .reports.homework .report-activity-container #tooltip .tipBody {
  background-color: #000;
  padding: 10px;
  border-radius: 5px;
}
html.manager .reports.homework .report-activity-container #tooltip .tipBody:after {
  content: '';
  position: absolute;
  left: 0;
  top: -8px;
  width: 0;
  margin-left: 10px;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #000;
  clear: both;
}
html.manager .reports.homework .report-activity-container .report-aggregated .right-top-panel {
  box-shadow: none;
}
html.manager .reports.homework .report-activity-container .report-aggregated .right-top-panel .panel-heading .panel-title {
  text-align: center;
}
html.manager .reports.homework .report-activity-container .report-individual .answer.answer-inline:after {
  content: ", ";
}
html.manager .reports.homework .report-activity-container .report-individual .answer.answer-inline:first-child:lang(ar):after {
  content: "";
}
html.manager .reports.homework .report-activity-container .report-individual .answer.answer-inline:first-child:lang(ar):before {
  content: "";
}
html.manager .reports.homework .report-activity-container .report-individual .answer.answer-inline:lang(ar):after {
  content: "";
}
html.manager .reports.homework .report-activity-container .report-individual .answer.answer-inline:lang(ar):before {
  content: "، ";
}
html.manager .reports.homework .report-activity-container .report-individual .answer.answer-inline:last-child:after {
  content: "";
}
html.manager .reports.homework .section-heading a {
  color: #3bbffd;
}
html.manager .reports.homework .section-heading .fa {
  color: #ccc;
  font-size: 20px;
  padding: 0 10px;
}
html.manager .reports.homework .summary-wrapper {
  margin-bottom: 10px;
  padding: 0 0 5px;
  border-bottom: 1px solid #ddd;
  word-break: break-all;
  color: #999;
  font-size: 16px;
}
html.manager .reports.homework .summary-wrapper p {
  margin: 0;
}
html.manager .reports.homework .comments-wrapper .individual-comment {
  margin-bottom: 10px;
  padding: 0 0 5px;
  border-bottom: 1px solid #ddd;
  word-break: break-all;
}
html.manager .reports.homework .comments-wrapper .individual-comment p {
  margin: 0;
}
html.manager .reports.homework .comments-wrapper .individual-comment small.meta-comment {
  color: #999;
  font-size: 16px;
}
html.manager .reports.homework [data-render-type="horizontal-bars-chart"]:lang(ar),
html.manager .reports.homework [data-render-type="vertical-bars-chart"]:lang(ar) {
  direction: rtl;
}
html.manager .reports.homework [data-render-type="horizontal-bars-chart"] .c3-ygrid-line.red line,
html.manager .reports.homework [data-render-type="vertical-bars-chart"] .c3-ygrid-line.red line {
  stroke: #FF7285;
}
html.manager .reports.homework [data-render-type="horizontal-bars-chart"] .c3-ygrid-line.red text,
html.manager .reports.homework [data-render-type="vertical-bars-chart"] .c3-ygrid-line.red text {
  fill: #FF7285;
}
html.manager .reports.homework [data-render-type="horizontal-bars-chart"] .c3-tooltip:lang(ar) .arrow:after,
html.manager .reports.homework [data-render-type="vertical-bars-chart"] .c3-tooltip:lang(ar) .arrow:after {
  margin-left: 0;
  margin-right: -10px;
}
html.manager .reports.homework [data-render-type="horizontal-bars-chart"] .c3-bar,
html.manager .reports.homework [data-render-type="vertical-bars-chart"] .c3-bar,
html.manager .reports.homework [data-render-type="horizontal-bars-chart"] .c3-legend-item-tile,
html.manager .reports.homework [data-render-type="vertical-bars-chart"] .c3-legend-item-tile {
  fill: #4A7EC0 !important;
}
html.manager .reports.homework [data-render-type="horizontal-bars-chart"] .c3-legend-item-tile,
html.manager .reports.homework [data-render-type="vertical-bars-chart"] .c3-legend-item-tile {
  stroke: rgba(123, 98, 166, 0.6) !important;
}
html.manager .reports.homework [data-render-type="donut-chart"] {
  z-index: 1;
}
html.manager .reports.homework [data-render-type="donut-chart"] .c3-shape.c3-shape.c3-arc.c3-arc-Completed {
  fill: #4A7EC0 !important;
}
html.manager .reports.homework [data-render-type="donut-chart"] .c3-shape.c3-shape.c3-arc.c3-arc-started-normal {
  fill: #321850 !important;
}
html.manager .reports.homework [data-render-type="donut-chart"] .c3-shape.c3-shape.c3-arc.c3-arc-started-behind {
  fill: #6DCEBD !important;
  opacity: 0.7;
}
html.manager .reports.homework [data-render-type="donut-chart"] .c3-shape.c3-shape.c3-arc.c3-arc-started-advanced {
  fill: #FFCA83 !important;
  opacity: 0.85 !important;
}
html.manager .reports.homework [data-render-type="donut-chart"] .c3-shape.c3-shape.c3-arc.c3-arc-Not-Started {
  fill: #FF7285 !important;
}
html.manager .reports.homework [data-render-type="donut-chart"] .c3-shape.c3-shape.c3-arc.c3-arc-Bad-Grades {
  fill: #FF7285 !important;
}
html.manager .reports.homework [data-render-type="donut-chart"] .c3-shape.c3-shape.c3-arc.c3-arc-Average-Grades {
  fill: #FFCA83 !important;
}
html.manager .reports.homework [data-render-type="donut-chart"] .c3-shape.c3-shape.c3-arc.c3-arc-Good-Grades {
  fill: #26ac38 !important;
}
html.manager .reports.homework [data-render-type="donut-chart"] .c3-tooltip .name:lang(ar) span[style] {
  margin-right: 0;
  margin-left: 6px;
}
html.manager .reports.homework [data-render-type="donut-chart"] .c3-tooltip .name span[style] {
  background-color: #7b62a6 !important;
}
html.manager .reports.homework [data-render-type="donut-chart"] .c3-tooltip .c3-tooltip-name--Completed .name span[style] {
  background-color: #43aba4 !important;
}
html.manager .reports.homework [data-render-type="donut-chart"] .c3-tooltip .c3-tooltip-name--started-normal .name span[style] {
  background-color: #321850 !important;
}
html.manager .reports.homework [data-render-type="donut-chart"] .c3-tooltip .c3-tooltip-name--started-behind .name span[style] {
  background-color: #8FD856 !important;
  opacity: 0.7;
}
html.manager .reports.homework [data-render-type="donut-chart"] .c3-tooltip .c3-tooltip-name--started-advanced .name span[style] {
  background-color: #FFB52D !important;
  opacity: 0.85;
}
html.manager .reports.homework [data-render-type="donut-chart"] .c3-tooltip .c3-tooltip-name--Not-Started .name span[style] {
  background-color: #E0457B !important;
}
html.manager .reports.homework [data-render-type="donut-chart"] .c3-tooltip .c3-tooltip-name--Bad-Grades .name span[style] {
  background-color: #FF7285 !important;
}
html.manager .reports.homework [data-render-type="donut-chart"] .c3-tooltip .c3-tooltip-name--Average-Grades .name span[style] {
  background-color: #FFCA83 !important;
}
html.manager .reports.homework [data-render-type="donut-chart"] .c3-tooltip .c3-tooltip-name--Good-Grades .name span[style] {
  background-color: #6DCEBD !important;
}
html.manager .reports.homework [data-render-type="donut-chart"] .c3-chart-arcs-title .donut-number {
  display: block;
  font-size: x-large;
}
html.manager .reports.homework [data-render-type="donut-chart"] .c3-chart-arcs-title .donut-label {
  display: block;
}
html.manager .reports.homework .mini-donut > .c3 text {
  display: none;
}
html.manager .reports.homework [data-render-type="pie-chart"] {
  z-index: 2;
  /* .c3-arc {
            fill: rgb(123, 98, 166) !important;
        }*/
}
html.manager .reports.homework [data-render-type="pie-chart"] .c3-shape.c3-shape.c3-arc.c3-arc-Advanced {
  fill: #43aba4 !important;
  opacity: 1;
}
html.manager .reports.homework [data-render-type="pie-chart"] .c3-shape.c3-shape.c3-arc.c3-arc-Proficient {
  fill: #FFB52D !important;
  opacity: 0.5;
}
html.manager .reports.homework [data-render-type="pie-chart"] .c3-shape.c3-shape.c3-arc.c3-arc-Basic {
  fill: #8FD856 !important;
  opacity: 1;
}
html.manager .reports.homework [data-render-type="pie-chart"] .c3-shape.c3-shape.c3-arc.c3-arc-Partial {
  fill: #321850 !important;
  opacity: 0.5;
}
html.manager .reports.homework [data-render-type="pie-chart"] .c3-shape.c3-shape.c3-arc.c3-arc-Not-Completed {
  fill: #3583DC !important;
  opacity: 0.85;
}
html.manager .reports.homework [data-render-type="pie-chart"] .c3-shape.c3-shape.c3-arc.c3-arc-Minimal {
  fill: #E0457B !important;
  opacity: 1;
}
html.manager .reports.homework [data-render-type="pie-chart"] .c3-shape.c3-shape.c3-arc.c3-arc-Superior {
  fill: #9467BD !important;
  opacity: 1;
}
html.manager .reports.homework [data-render-type="pie-chart"] .c3-tooltip .name span[style] {
  background-color: #7b62a6 !important;
}
html.manager .reports.homework [data-render-type="pie-chart"] .c3-tooltip .c3-tooltip-name--Advanced .name span[style] {
  background-color: #43aba4 !important;
}
html.manager .reports.homework [data-render-type="pie-chart"] .c3-tooltip .c3-tooltip-name--Proficient .name span[style] {
  background-color: #FFB52D !important;
  opacity: 1;
}
html.manager .reports.homework [data-render-type="pie-chart"] .c3-tooltip .c3-tooltip-name--Basic .name span[style] {
  background-color: #8FD856 !important;
  opacity: 1;
}
html.manager .reports.homework [data-render-type="pie-chart"] .c3-tooltip .c3-tooltip-name--Partial .name span[style] {
  background-color: #321850 !important;
  opacity: 1;
}
html.manager .reports.homework [data-render-type="pie-chart"] .c3-tooltip .c3-tooltip-name--Not-Completed .name span[style] {
  background-color: #3583DC !important;
  opacity: 0.85;
}
html.manager .reports.homework [data-render-type="pie-chart"] .c3-tooltip .c3-tooltip-name--Minimal .name span[style] {
  background-color: #E0457B !important;
  opacity: 1;
}
html.manager .reports.homework [data-render-type="pie-chart"] .c3-tooltip .c3-tooltip-name--Superior .name span[style] {
  background-color: #9467BD !important;
  opacity: 1;
}
html.manager .reports.homework [data-render-type="pie-chart"] .c3-arcs-Proficient {
  opacity: 0.85;
}
html.manager .reports.homework [data-render-type="pie-chart"] .c3-arcs-Basic {
  opacity: 0.7;
}
html.manager .reports.homework [data-render-type="pie-chart"] .c3-arcs-Minimal {
  opacity: 0.85;
}
html.manager .reports.homework .report-activities-menu .slimScrollBar {
  opacity: 0.4 !important;
  border-radius: 7px !important;
  width: 7px !important;
}
html.manager .reports.homework .img-icon {
  border-radius: 50%;
}
html.manager .reports.homework .marked {
  color: #bec1c4;
}
html.manager .reports.homework .execution-bold {
  font-weight: bold;
}
html.manager #page-container .cookie,
html.manager #content .cookie,
html.manager #page-container .terms,
html.manager #content .terms {
  height: auto;
}
html.manager .terms,
html.manager .privacy,
html.manager .cookie {
  font-family: 'Roboto', sans-serif;
  margin: 100px 0;
  overflow: auto !important;
}
html.manager .terms:lang(ar),
html.manager .privacy:lang(ar),
html.manager .cookie:lang(ar) {
  direction: rtl;
}
html.manager .terms .header .navbar-right,
html.manager .privacy .header .navbar-right,
html.manager .cookie .header .navbar-right {
  margin-right: 0px;
}
html.manager .terms .header .navbar-right > li:lang(ar),
html.manager .privacy .header .navbar-right > li:lang(ar),
html.manager .cookie .header .navbar-right > li:lang(ar) {
  float: right;
}
html.manager .terms .header .navbar-right > li a .fa-sign-in:lang(ar),
html.manager .privacy .header .navbar-right > li a .fa-sign-in:lang(ar),
html.manager .cookie .header .navbar-right > li a .fa-sign-in:lang(ar) {
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
html.manager .terms ol li,
html.manager .privacy ol li,
html.manager .cookie ol li {
  margin-left: 50px;
}
@media (min-width: 240px) {
  html.manager .administration .navbar .navbar-left > li span {
    display: none !important;
  }
  html.manager .administration .navbar .navbar-right > li > span {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  html.manager .administration .navbar .navbar-left > li span {
    display: inline-block !important;
  }
}
@media (min-width: 1366px) {
  html.manager .administration .navbar .navbar-right > li > span {
    display: inline-block !important;
  }
}
html.manager .administration .form-group {
  position: relative;
  margin-bottom: 15px;
  width: 100%;
}
html.manager .administration .input-group-btn.search-icon {
  color: white!important;
}
html.manager #cookie-info-bar {
  background: #258cff;
  height: auto;
  line-height: 24px;
  color: #eeeeee;
  text-align: center;
  padding: 5px 0;
  position: absolute;
  z-index: 9999 !important;
  left: 0;
  width: 100%;
  display: none;
  z-index: 1;
}
html.manager #cookie-info-bar p {
  margin: 0;
  padding: 0;
}
html.manager #cookie-info-bar a {
  color: #ffffff;
  display: inline-block;
  border-radius: 3px;
  text-decoration: none;
  padding: 0 6px;
  margin-left: 8px;
}
html.manager #cookie-info-bar .cookie-accept {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
html.manager #cookie-info-bar .cookie-accept:hover {
  border: 1px solid #ffffff;
}
html.manager #cookie-info-bar .cookie-policy {
  color: #ffffff;
  text-decoration: underline;
}
html.manager #cookie-info-bar .cookie-policy:hover {
  color: rgba(255, 255, 255, 0.8);
}
html.manager .alert {
  word-wrap: break-word;
  word-break: break-word;
}
html.manager .collapse.height {
  position: relative;
  overflow: hidden;
  -webkit-transition: height 0s ease;
  -moz-transition: height 0s ease;
  -o-transition: height 0s ease;
  transition: height 0s ease;
}
html.manager .collapse.width {
  position: relative;
  overflow: hidden;
  -webkit-transition: width 0s ease;
  -moz-transition: width 0s ease;
  -o-transition: width 0s ease;
  transition: width 0s ease;
}
html.manager .collapse.in.width {
  width: auto;
}
html.manager .collapse.in.height {
  height: auto;
}
html.manager .navbar {
  border: none;
  z-index: 1070;
  background: #5b3181;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5b3181 0%, #391c59 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #5b3181 0%, #391c59 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #5b3181 0%, #391c59 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  height: 80px !important;
}
html.manager .navbar .container {
  padding: 0;
}
html.manager .navbar .container .navbar-collapse-right {
  float: right;
}
html.manager .navbar .container .navbar-header {
  margin: 0;
  height: 80px;
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications {
  position: absolute;
  left: 0;
  margin: 0;
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a {
  min-width: 80px;
  padding: 30px 15px 0 15px;
  height: 80px;
  color: #20262c;
  text-transform: uppercase;
  font-weight: 400;
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a.active {
  border-bottom: 5px solid #ab8dcb;
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a:hover {
  border-bottom: 5px solid #ab8dcb;
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a i {
  font-size: 22px;
  width: 24px;
  display: inline-block;
}
@media (max-width: 767px) {
  html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a span {
    display: inline;
  }
}
@media (min-width: 768px) {
  html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a span {
    display: none;
  }
}
@media (min-width: 992px) {
  html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a span {
    display: inline;
  }
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a span {
  padding-left: 10px;
  font-size: 16px;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a .dropdown-menu {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  /*font-size: medium;*/
  font-size: 100%;
  background: #3bbffd;
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a .dropdown-menu:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: -9px;
  right: 20px;
  z-index: 1001;
  /*transform: translateX(-50%);*/
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #7b62a6 transparent;
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a .dropdown-menu:lang(ar):before {
  right: auto;
  left: 20px;
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a .dropdown-menu .dropdown-header {
  font-size: 14px;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 10px !important;
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a .dropdown-menu .notification-empty a {
  text-transform: none;
  padding: 10px;
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a .dropdown-menu .notification-empty a i {
  color: #777777;
  font-size: 16px;
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a .dropdown-menu .notificationItem {
  padding: 0;
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a .dropdown-menu .notificationItem.newest-notification {
  border-left: 10px solid #efbc30;
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a .dropdown-menu .notificationItem.newest-notification:lang(ar) {
  border-left: none;
  border-right: 10px solid #efbc30;
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a .dropdown-menu a {
  text-transform: none;
  text-align: initial;
  display: block;
  color: #20262c;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  padding: 0;
  border-bottom: 1px solid #eaa341;
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a .dropdown-menu a:lang(ar) {
  padding: 0 10px 0 0;
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a .dropdown-menu a:first-child {
  border-top: 1px solid #eaa341;
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a .dropdown-menu a:last-child {
  border-bottom: none;
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a .dropdown-menu a:hover,
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a .dropdown-menu a:active {
  background: #977eb3;
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a .dropdown-menu a i {
  float: none;
}
html.manager .navbar .container .navbar-header .navbar-mobile-notifications .head-name-item-menu a .dropdown-menu a span {
  float: none;
}
html.manager .navbar .container .navbar-header .navbar-toggle {
  float: none;
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  margin: 0;
  height: 80px;
  width: 80px;
}
@media (min-width: 768px) {
  html.manager .navbar .container .navbar-header .navbar-toggle {
    /*float: right;*/
    /*left: 50%;
                    transform: translate(-50%, -50%);*/
  }
}
html.manager .navbar .container .navbar-header .navbar-toggle .icon-bar {
  margin: 5px auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
html.manager .navbar .container .navbar-header .navbar-toggle .icon-bar:nth-of-type(2) {
  -webkit-transform: rotate(45deg) translate(5px, 5px);
  -moz-transform: rotate(45deg) translate(5px, 5px);
  -ms-transform: rotate(45deg) translate(5px, 5px);
  -o-transform: rotate(45deg) translate(5px, 5px);
  transform: rotate(45deg) translate(5px, 5px);
}
html.manager .navbar .container .navbar-header .navbar-toggle .icon-bar:nth-of-type(3) {
  opacity: 0;
  filter: alpha(opacity=0);
}
html.manager .navbar .container .navbar-header .navbar-toggle .icon-bar:nth-of-type(4) {
  -webkit-transform: rotate(-45deg) translate(5px, -5px);
  -moz-transform: rotate(-45deg) translate(5px, -5px);
  -ms-transform: rotate(-45deg) translate(5px, -5px);
  -o-transform: rotate(-45deg) translate(5px, -5px);
  transform: rotate(-45deg) translate(5px, -5px);
}
html.manager .navbar .container .navbar-header .navbar-toggle.collapsed {
  background-color: transparent;
}
html.manager .navbar .container .navbar-header .navbar-toggle.collapsed .icon-bar:nth-of-type(2) {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
html.manager .navbar .container .navbar-header .navbar-toggle.collapsed .icon-bar:nth-of-type(3) {
  opacity: 1;
  filter: alpha(opacity=100);
}
html.manager .navbar .container .navbar-header .navbar-toggle.collapsed .icon-bar:nth-of-type(4) {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
html.manager .navbar .container .navbar-header .navbar-toggle .user-profile-pic-wrapper .user-profile-pic-default {
  line-height: normal;
  background-image: url('/img/default-profile.svg');
  background-size: cover;
  max-width: 50px;
  max-height: 50px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
html.manager .navbar .container .navbar-header .navbar-toggle .user-profile-pic-wrapper .user-profile-pic-default img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: content-box;
  object-fit: cover;
}
html.manager .navbar .container .navbar-collapse {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  max-height: none;
  width: auto !important;
  background: #5b3181;
  height: calc(100vh - 80px);
}
html.manager .navbar .container .navbar-collapse .navbar-nav {
  margin: 0;
}
html.manager .navbar .container .navbar-collapse.collapsing,
html.manager .navbar .container .navbar-collapse.in {
  min-width: 250px!important;
  max-width: 300px !important;
}
html.manager .navbar .container .navbar-collapse .collapsing {
  -webkit-transition: none;
  transition: none;
  display: none;
}
@media (min-width: 768px) {
  html.manager .navbar .container .navbar-collapse {
    background: none;
    background: transparent;
    padding: 0 10px;
    float: right;
  }
}
html.manager .navbar .container .navbar-brand img {
  height: 50px;
  width: auto;
}
@media (max-width: 767px) {
  html.manager .navbar .container .navbar-brand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
html.manager .navbar .container .navbar-brand-arrow {
  position: absolute;
  width: 0;
  height: 0;
  top: 60px;
  left: 50%;
  z-index: 1001;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #3bbffd transparent transparent transparent;
}
html.manager .navbar .container .navbar-left {
  padding: 0;
  float: right !important;
  width: 100%;
}
@media (min-width: 768px) {
  html.manager .navbar .container .navbar-left {
    width: auto;
  }
}
html.manager .navbar .container .navbar-left .head-name-item-menu a {
  padding: 0;
  margin: 20px 10px;
  height: 40px;
  line-height: 40px;
  display: block;
  border-radius: 4px;
  color: #aaaaaa;
}
html.manager .navbar .container .navbar-left .head-name-item-menu a.active {
  background-color: rgba(255, 255, 255, 0.1);
  color: #f182ab;
}
html.manager .navbar .container .navbar-left .head-name-item-menu a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
html.manager .navbar .container .navbar-left .head-name-item-menu a i {
  font-size: 22px;
  width: 24px;
  display: inline-block;
}
@media (min-width: 992px) {
  html.manager .navbar .container .navbar-left .head-name-item-menu a span {
    display: inline;
  }
}
html.manager .navbar .container .navbar-left .head-name-item-menu a span {
  padding: 0 10px;
  border-radius: 4px;
  height: 100%;
  display: block;
}
html.manager .navbar .container .navbar-left .head-name-item-menu .flagCount {
  padding: 3px !important;
  position: absolute;
  top: 20px !important;
  left: calc(100% - 30px);
  transform: translateX(-50%);
  width: 18px !important;
  height: 18px !important;
  font-size: 14px !important;
  background: #ff5b57;
  line-height: 12px !important;
  font-weight: 300;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
  display: block !important;
  color: white;
  text-align: center;
}
html.manager .navbar .container .navbar-right {
  padding: 0;
  margin-right: 0;
}
@media (min-width: 768px) {
  html.manager .navbar .container .navbar-right {
    display: block;
  }
}
html.manager .navbar .container .navbar-right > .open > a {
  background: transparent;
}
html.manager .navbar .container .navbar-right > .open > a .arrow {
  transition: transform 0.1s;
  transition-timing-function: ease;
  transform: scaleY(-1);
}
html.manager .navbar .container .navbar-right .head-name-item-menu a {
  padding: 30px 15px 0 15px;
  min-width: 80px;
  height: 80px;
  color: #aaaaaa;
  text-transform: uppercase;
  font-weight: 300;
}
html.manager .navbar .container .navbar-right .head-name-item-menu a:hover,
html.manager .navbar .container .navbar-right .head-name-item-menu a:active {
  opacity: 1;
}
html.manager .navbar .container .navbar-right .head-name-item-menu a.navbar-user {
  padding: 0;
  min-width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  /*img {
                            width: 50px;
                            height: 50px;
                            border-radius: 50%;
                        }*/
}
html.manager .navbar .container .navbar-right .head-name-item-menu a i {
  font-size: 22px;
  width: 24px;
  display: inline-block;
  margin-left: 50%;
  transform: translateX(-50%);
}
html.manager .navbar .container .navbar-right .head-name-item-menu a span {
  font-size: 16px;
  height: 80px;
  line-height: 80px;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
  padding: 0 15px;
}
html.manager .navbar .container .navbar-right .head-name-item-menu a span.head-name {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  html.manager .navbar .container .navbar-right .head-name-item-menu a span {
    display: inline-block;
  }
}
@media (min-width: 768px) {
  html.manager .navbar .container .navbar-right .head-name-item-menu a span {
    display: none;
  }
}
@media (min-width: 992px) {
  html.manager .navbar .container .navbar-right .head-name-item-menu a span {
    display: inline-block;
  }
}
@media (min-width: 1200px) {
  html.manager .navbar .container .navbar-right .head-name-item-menu a span {
    display: inline-block;
  }
}
html.manager .navbar .container .navbar-right .head-name-item-menu a .arrow {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 50%;
  right: 0;
  margin: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #ffffff transparent transparent transparent;
}
html.manager .navbar .container .navbar-right .head-name-item-menu .dropdown-menu {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  /*font-size: medium;*/
  font-size: 100%;
  background: #ffffff;
  margin-top: 5px;
}
html.manager .navbar .container .navbar-right .head-name-item-menu .dropdown-menu:lang(ar):before {
  right: auto;
  left: 20px;
}
html.manager .navbar .container .navbar-right .head-name-item-menu .dropdown-menu .dropdown-header {
  font-size: 16px;
  border-top: 1px solid #eaa341;
  border-bottom: 1px solid #eaa341;
  padding: 10px !important;
}
html.manager .navbar .container .navbar-right .head-name-item-menu .dropdown-menu a {
  text-transform: none;
  text-align: initial;
  display: block;
  color: #20262c;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  height: 40px;
  line-height: 40px;
  padding: 0 0 0 0;
  border-bottom: 1px solid #eaa341;
}
html.manager .navbar .container .navbar-right .head-name-item-menu .dropdown-menu a:lang(ar) {
  padding: 0 10px 0 0;
}
html.manager .navbar .container .navbar-right .head-name-item-menu .dropdown-menu a:last-child {
  border-bottom: none;
}
html.manager .navbar .container .navbar-right .head-name-item-menu .dropdown-menu a:hover,
html.manager .navbar .container .navbar-right .head-name-item-menu .dropdown-menu a:active {
  background: #eeeeee;
}
html.manager .navbar .container .navbar-right .head-name-item-menu .dropdown-menu a i {
  float: none;
}
html.manager .navbar .container .navbar-right .head-name-item-menu .dropdown-menu a span {
  float: none;
}
html.manager .navbar .container .navbar-right .head-name-item-menu .user-profile-pic-wrapper .user-profile-pic-default {
  line-height: normal;
  background-image: url('/img/default-profile.svg');
  background-size: cover;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
html.manager .navbar .container .navbar-right .head-name-item-menu .user-profile-pic-wrapper .user-profile-pic-default img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: content-box;
  object-fit: cover;
}
@media (max-width: 768px) {
  html.manager .navbar .container .user-profile-pic-wrapper {
    width: 100%;
    height: 100%;
  }
  html.manager .navbar .container .user-profile-pic-wrapper .user-profile-pic-default {
    right: 0;
    left: auto!important;
  }
  html.manager .navbar .container .user-profile {
    position: fixed;
    padding-right: 10px;
    margin-right: 10px;
    right: 0;
    top: 0;
  }
  html.manager .navbar .container .user-profile .navbar-nav {
    margin: 0;
  }
  html.manager .navbar .container .user-profile .dropdown-menu {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }
}
html.manager .menu-secondary .row-first {
  padding-bottom: 15px;
}
html.manager .menu-secondary .row-third {
  padding-bottom: 0;
}
html.manager .menu-secondary .row-second .col-left {
  height: 40px;
  line-height: 40px;
  margin-bottom: 1%;
}
html.manager .menu-secondary .row-second .col-center {
  padding: 0;
}
html.manager .menu-secondary .row-second .col-center .btn-create {
  border-radius: 20px;
  min-width: 160px;
}
html.manager .menu-secondary .row-second .col-center .btn-create + .dropdown-menu {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none;
  padding: 0;
  margin: 0;
  min-width: 160px;
}
html.manager .menu-secondary .row-second .col-center .btn-create + .dropdown-menu .btn {
  border-radius: 20px;
  margin-top: 10px;
  width: 100%;
}
html.manager .menu-secondary .row-second .col-right .form-control {
  border: none;
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  -ms-border-radius: 20px 0 0 20px;
  -o-border-radius: 20px 0 0 20px;
  border-radius: 20px 0 0 20px;
  padding: 0px 0px 0px 15px;
  color: #999999;
}
html.manager .menu-secondary .row-second .col-right .background-grey {
  background-color: #eeeeee;
}
html.manager .menu-secondary .row-second .col-right .btn-search-grey {
  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  -ms-border-radius: 0 20px 20px 0;
  -o-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
  background: #eeeeee;
  color: #999999;
}
html.manager .menu-secondary .row-second .col-right .btn-search {
  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  -ms-border-radius: 0 20px 20px 0;
  -o-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
  background: #ffffff;
  color: #999999;
}
html.manager .menu-secondary .row-assignment {
  padding-bottom: 22px;
}
html.manager #menu-secondary > div:last-child {
  padding-bottom: 15px;
}
html.manager #menu-secondary .row-first .col-left h1 {
  margin-top: 0;
}
html.manager #menu-secondary .row-first .col-right .btn {
  padding: 0;
  width: 40px;
  border-radius: 50%;
}
html.manager #menu-secondary .row-second,
html.manager #menu-secondary .row-third {
  font-size: 16px;
}
html.manager #menu-secondary .row-second .nav-tabs,
html.manager #menu-secondary .row-third .nav-tabs {
  margin: 0;
}
html.manager #menu-secondary .row-second button,
html.manager #menu-secondary .row-third button,
html.manager #menu-secondary .row-second input,
html.manager #menu-secondary .row-third input {
  height: 40px;
  min-width: 40px;
}
html.manager #menu-secondary .row-second .col-left,
html.manager #menu-secondary .row-third .col-left {
  padding-bottom: 15px;
  line-height: 40px;
}
html.manager #menu-secondary .row-second .col-center,
html.manager #menu-secondary .row-third .col-center {
  padding: 0;
  padding-bottom: 15px;
}
html.manager #menu-secondary .row-second .col-center[class*='-6']:nth-child(1),
html.manager #menu-secondary .row-third .col-center[class*='-6']:nth-child(1),
html.manager #menu-secondary .row-second .col-center[class*='-3']:nth-child(2),
html.manager #menu-secondary .row-third .col-center[class*='-3']:nth-child(2) {
  padding: 0 15px 0 0;
}
html.manager #menu-secondary .row-second .col-center[class*='-6']:nth-child(2),
html.manager #menu-secondary .row-third .col-center[class*='-6']:nth-child(2),
html.manager #menu-secondary .row-second .col-center[class*='-3']:nth-child(2),
html.manager #menu-secondary .row-third .col-center[class*='-3']:nth-child(2) {
  padding-left: 15px;
  padding-right: 15px;
  text-align: right;
}
html.manager #menu-secondary .row-second .col-center.col-xs-12,
html.manager #menu-secondary .row-third .col-center.col-xs-12 {
  padding-left: 15px;
  padding-right: 15px;
}
html.manager #menu-secondary .row-second .col-right,
html.manager #menu-secondary .row-third .col-right {
  padding-bottom: 15px;
}
html.manager #menu-secondary .row-second .col-right .input-group #searchField,
html.manager #menu-secondary .row-third .col-right .input-group #searchField {
  border-right: none;
  padding: 5px;
  background: #ffffff;
  border-color: #e7e7e7;
}
html.manager #menu-secondary .row-second .col-right .input-group .input-group-btn #clearSearchField,
html.manager #menu-secondary .row-third .col-right .input-group .input-group-btn #clearSearchField {
  padding: 0;
  width: 40px;
  background: #ffffff;
  border-color: #e7e7e7;
}
html.manager #menu-secondary .row-second .col-right .input-group .input-group-btn #clearSearchField .material-icons,
html.manager #menu-secondary .row-third .col-right .input-group .input-group-btn #clearSearchField .material-icons {
  margin: 0;
  transform: none;
  line-height: 38px;
  height: 38px;
  width: 38px;
}
html.manager #menu-secondary .row-third .col-left .btn-group-justified.flexible {
  table-layout: auto;
  table-layout: initial;
}
@media (max-width: 991px) {
  html.manager #menu-secondary .row-third .col-left .btn-group-justified.flexible span {
    display: none;
  }
}
html.manager .btn {
  min-width: 40px;
  height: 40px;
  font-size: 16px;
  line-height: 39px;
  padding: 0 15px;
  border-width: 1px solid transparent;
  border-radius: 0;
}
html.manager .btn.btn-fill.btn-red {
  color: #ffffff;
  background: #e0457b;
}
html.manager .btn.btn-fill.btn-red:hover {
  border: 1px solid #cf235f;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}
html.manager .btn.btn-fill.btn-green {
  color: #ffffff;
  background: #6DCEBD;
}
html.manager .btn.btn-fill.btn-green:hover {
  border: 1px solid #47c1ac;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}
html.manager .btn.btn-fill.btn-blue {
  color: #ffffff;
  background: #258cff;
}
html.manager .btn.btn-fill.btn-blue:hover {
  border: 1px solid #2078da;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}
html.manager .btn.btn-fill.btn-orange {
  color: #ffffff;
  background: #ffb52d;
}
html.manager .btn.btn-fill.btn-orange:hover {
  border: 1px solid #f9a100;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}
html.manager .btn.btn-outline {
  border-width: 1px;
  border-style: solid;
}
html.manager .btn.btn-outline.btn-red {
  background: none;
  background: transparent;
  color: #e0457b;
  border-color: #e0457b;
}
html.manager .btn.btn-outline.btn-red:hover {
  color: #ffffff;
  background: rgba(224, 69, 123, 0.85);
}
html.manager .btn.btn-outline.btn-green {
  background: none;
  background: transparent;
  color: #6DCEBD;
  border-color: #6DCEBD;
}
html.manager .btn.btn-outline.btn-green:hover {
  color: #ffffff;
  background: rgba(109, 206, 189, 0.85);
}
html.manager .btn.btn-outline.btn-blue {
  background-color: #fff;
  color: #258cff;
  border-color: #258cff;
}
html.manager .btn.btn-outline.btn-blue:hover {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html.manager .btn.btn-outline.btn-orange {
  background: none;
  background: transparent;
  color: #ffb52d;
  border-color: #ffb52d;
}
html.manager .btn.btn-outline.btn-orange:hover {
  color: #ffffff;
  background: rgba(255, 181, 45, 0.85);
}
html.manager .btn.btn-outline.btn-default {
  background-color: #fff;
  color: #f5f6fa;
  border: 1px solid #f5f6fa;
}
html.manager .btn.btn-link.btn-red {
  background: none;
  background: transparent;
  color: #e0457b;
}
html.manager .btn.btn-link.btn-red:hover {
  color: #cf235f;
  border: 1px solid transparent;
  box-shadow: none;
}
html.manager .btn.btn-link.btn-green {
  background: none;
  background: transparent;
  color: #6DCEBD;
}
html.manager .btn.btn-link.btn-green:hover {
  border: 1px solid transparent;
  color: #47c1ac;
  box-shadow: none;
}
html.manager .btn.btn-link.btn-blue {
  border: 1px solid transparent;
  background: none;
  background: transparent;
  color: #258cff;
}
html.manager .btn.btn-link.btn-blue:hover {
  color: #0072f1;
  border: 1px solid transparent;
  box-shadow: none;
}
html.manager .btn.btn-link.btn-orange {
  background: none;
  background: transparent;
  color: #ffb52d;
}
html.manager .btn.btn-link.btn-orange:hover {
  color: #f9a100;
  border: 1px solid transparent;
  box-shadow: none;
}
html.manager .btn-primary {
  border: none;
  color: #ffffff;
  background: #258cff;
  border: 1px solid transparent;
}
html.manager .btn-primary:hover {
  border: 1px solid #2078da;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}
html.manager .btn-primarya,
html.manager .btn-primarya:link,
html.manager .btn-primarya:visited,
html.manager .btn-primarya:hover,
html.manager .btn-primarya:active {
  color: #ffffff;
}
html.manager .btn-pink {
  border: none;
  color: #ffffff;
  background: #e0457b;
  border: 1px solid transparent;
  border-radius: 0!important;
}
html.manager .btn-pink:hover {
  border: 1px solid #e0457b;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}
html.manager .btn-pinka,
html.manager .btn-pinka:link,
html.manager .btn-pinka:visited,
html.manager .btn-pinka:hover,
html.manager .btn-pinka:active {
  color: #ffffff;
}
html.manager .btn-secondary {
  color: #258cff;
  border: 1px solid #258cff;
  background: #ffffff;
}
html.manager .btn-secondary:hover {
  color: #ffffff;
  background: #258cff;
}
html.manager .btn-default {
  color: #258cff;
  border: 1px solid #258cff;
}
html.manager .btn-create,
html.manager .btn-create:not(:focus) {
  border-radius: 20px!important;
  color: #ffffff;
  background: #258cff;
  margin: 0 0.5rem;
}
html.manager .btn-create:hover,
html.manager .btn-create:not(:focus):hover,
html.manager .btn-create:focus,
html.manager .btn-create:not(:focus):focus {
  color: #ffffff;
  background: #258cff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html.manager .dropdown.pull-right.open > button {
  color: #258cff;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html.manager button,
html.manager .btn,
html.manager a.btn {
  border-radius: 0.75rem;
  font-size: 14px;
  min-width: 40px;
  padding: 0 15px;
}
html.manager button .material-icons,
html.manager .btn .material-icons,
html.manager a.btn .material-icons {
  font-size: 22px;
  /*display: inline-flex;
		vertical-align: middle;*/
  height: 24px;
  width: 24px;
  transform: translateY(25%);
}
html.manager button .material-icons:lang(ar),
html.manager .btn .material-icons:lang(ar),
html.manager a.btn .material-icons:lang(ar) {
  margin: 0 0 0 5px;
}
html.manager .btn-group-justified.flexible {
  table-layout: auto;
  table-layout: initial;
}
@media (max-width: 991px) {
  html.manager .btn-group-justified.flexible span {
    display: none;
  }
}
html.manager span.icon-with-text .material-icons {
  font-size: 22px;
  /*display: inline-flex;
		vertical-align: middle;*/
  height: 24px;
  width: 24px;
  margin: 0 5px 0 0;
  transform: translateY(25%);
}
html.manager span.icon-with-text .material-icons:lang(ar) {
  margin: 0 0 0 5px;
}
html.manager .btnLoadMore {
  border-top-left-radius: 20px!important;
  border-bottom-left-radius: 20px!important;
}
html.manager .panel-container {
  padding: 15px;
}
html.manager .panel-container .panel-body .row {
  /*margin: -10px;*/
}
html.manager .panel-container .panel-body .row .ui-sortable-placeholder {
  padding: 0 !important;
  visibility: visible !important;
  background: #f1f1f1;
  border-radius: 17px;
  height: inherit;
  min-width: 265px;
  box-sizing: content-box;
}
@media (max-width: 768px) {
  html.manager .panel-container .panel-body .row .ui-sortable-placeholder {
    max-width: 100%;
  }
}
html.manager .panel-container .panel-body .row .ui-sortable-handle {
  cursor: move;
}
html.manager .panel-container .panel-body .row .ui-sortable-helper {
  cursor: move;
  left: -100px;
  height: inhe;
}
html.manager .panel-container .panel-body .row [class*=col-] {
  /*padding: 10px;*/
}
@media (max-width: 767px) {
  html.manager .panel-container .panel-body .row [class*=col-] .dropdown-menu {
    transform: none !important;
    left: auto !important;
    right: 0;
  }
  html.manager .panel-container .panel-body .row [class*=col-] .dropdown-menu:after {
    left: auto !important;
    right: 7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  html.manager .panel-container .panel-body .row [class*=col-]:nth-of-type(2n) .dropdown-menu {
    transform: none !important;
    left: auto !important;
    right: 0;
  }
  html.manager .panel-container .panel-body .row [class*=col-]:nth-of-type(2n) .dropdown-menu:after {
    left: auto !important;
    right: 7px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  html.manager .panel-container .panel-body .row [class*=col-]:nth-of-type(3n) .dropdown-menu {
    transform: none !important;
    left: auto !important;
    right: 0;
  }
  html.manager .panel-container .panel-body .row [class*=col-]:nth-of-type(3n) .dropdown-menu:after {
    left: auto !important;
    right: 7px;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  html.manager .panel-container .panel-body .row [class*=col-] .col-lg-3 {
    width: 24%;
  }
  html.manager .panel-container .panel-body .row [class*=col-]:nth-of-type(4n) .dropdown-menu {
    transform: none !important;
    left: auto !important;
    right: 0;
  }
  html.manager .panel-container .panel-body .row [class*=col-]:nth-of-type(4n) .dropdown-menu:after {
    left: auto !important;
    right: 7px;
  }
}
html.manager .panel-container .panel-body .row [class*=col-] .panel {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  margin: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  border: 1px solid;
}
html.manager .panel-container .panel-body .row [class*=col-] .panel:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html.manager .panel-container .panel-body .row [class*=col-] .panel:hover .panel-body .title .subtitle {
  height: auto;
  min-height: 53px;
  font-size: 12px;
  transition: color 1s, height 0.1s;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.manager .panel-container .panel-body .row [class*=col-] .panel:hover .panel-footer .info-button {
  opacity: 1 !important;
  transition: all 1s;
}
html.manager .panel-container .panel-body .row [class*=col-] .panel .panel-body {
  padding: 0;
  height: 130px;
  padding: 10px;
}
html.manager .panel-container .panel-body .row [class*=col-] .panel .panel-body .title {
  position: relative;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
  cursor: pointer;
  overflow: hidden;
}
html.manager .panel-container .panel-body .row [class*=col-] .panel .panel-body .title .subtitle {
  transition: color 1s, height 0;
  font-size: 14px;
  color: #ffffff;
  height: 0;
}
html.manager .panel-container .panel-body .row [class*=col-] .panel .panel-footer {
  border-top: none;
  padding: 10px;
}
html.manager .panel-container .panel-body .row [class*=col-] .panel .panel-footer .input-group {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  line-height: 40px;
  padding-left: 10px;
  font-size: 14px;
  color: #888888;
}
html.manager .panel-container .panel-body .row [class*=col-] .panel .panel-footer .input-group .input-group-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 140px;
}
html.manager .panel-container .panel-body .row [class*=col-] .panel .panel-footer .input-group .input-group-text-folder {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 235px;
}
html.manager .panel-container .panel-body .row [class*=col-] .panel .panel-footer .input-group .input-group-btn .dropdown-menu {
  padding: 0;
  margin: 0;
  border: none;
  top: auto;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0px 0px 7px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 7px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 7px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0);
}
html.manager .panel-container .panel-body .row [class*=col-] .panel .panel-footer .input-group .input-group-btn .dropdown-menu:after {
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  pointer-events: none;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #ffffff transparent transparent transparent;
}
html.manager .panel-container .panel-body .row [class*=col-] .panel .panel-footer .input-group .input-group-btn .dropdown-menu li div {
  padding: 0 10px 0 10px;
  line-height: 30px;
  font-size: 16px;
  color: #999999;
}
html.manager .panel-container .panel-body .row [class*=col-] .panel .panel-footer .input-group .input-group-btn .dropdown-menu li div b {
  font-weight: 600;
}
html.manager .panel-container .panel-body .row [class*=col-] .panel .panel-footer .input-group .input-group-btn .dropdown-menu li a {
  padding: 0 10px 0 10px;
  line-height: 30px;
  font-size: 16px;
  color: #999999;
}
html.manager .panel-container .panel-body .row [class*=col-] .panel .panel-footer .input-group .input-group-btn .dropdown-menu li a b {
  font-weight: 600;
}
html.manager .panel-container .panel-body .row [class*=col-] .panel .panel-footer .input-group .input-group-btn .dropdown-menu li:first-child a {
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -ms-border-radius: 7px 7px 0 0;
  -o-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
}
html.manager .panel-container .panel-body .row [class*=col-] .panel .panel-footer .input-group .input-group-btn .dropdown-menu li:last-child a {
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  -ms-border-radius: 0 0 7px 7px;
  -o-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
}
html.manager .panel-container .panel-body .row [class*=col-] .panel .panel-footer .input-group .input-group-btn .dropdown-menu .divider {
  margin: 0;
}
html.manager .panel-container .panel-body .row [class*=col-] .panel .panel-footer .input-group .input-group-btn .btn-default {
  background-color: transparent;
  border: none;
  padding: 0 10px;
  /*width:40px;*/
}
html.manager .panel-container .panel-body .row [class*=col-] .panel .panel-footer .input-group .input-group-btn .btn-default .material-icons {
  margin: 0;
  font-size: 20px;
}
html.manager .panel-container .panel-body .row [class*=col-] .panel .panel-footer .input-group .input-group-btn .info-button {
  opacity: 0;
}
html.manager .panel {
  margin-bottom: 30px;
}
html.manager .panel.panel-not-started {
  /*@media (max-width: 767px) {

.card-numbers {
text-align: left !important;
}
}*/
}
html.manager .panel.panel-not-started .card-numbers {
  color: #43aba4 !important;
}
html.manager .panel.panel-not-started .panel-progress {
  border-top: 2px solid #dddddd;
}
html.manager .panel.panel-not-started .panel-progress .bar-progress {
  background: #43aba4;
}
html.manager .panel.panel-started .card-numbers {
  color: #43aba4 !important;
}
html.manager .panel.panel-started .panel-progress {
  border-top: 2px solid #dddddd;
}
html.manager .panel.panel-started .panel-progress .bar-progress {
  background: #43aba4;
}
html.manager .panel.panel-completed .card-numbers {
  color: #43aba4 !important;
}
html.manager .panel.panel-completed .panel-progress {
  border-top: 2px solid #dddddd;
}
html.manager .panel.panel-completed .panel-progress .bar-progress {
  background: #43aba4;
}
html.manager .panel.panel-not-completed .card-numbers {
  /*color: #43aba4;*/
}
html.manager .panel.panel-not-completed .panel-progress {
  border-top: 2px solid #dddddd;
}
html.manager .panel.panel-not-completed .panel-progress .bar-progress {
  background: #777777;
}
html.manager .panel.panel-expired .card-numbers {
  /*color: #43aba4;*/
}
html.manager .panel.panel-expired .panel-progress {
  border-top: 2px solid #dddddd;
}
html.manager .panel.panel-expired .panel-progress .bar-progress {
  background: #777777;
}
html.manager .panel .folder-btn {
  padding-left: 110px;
}
html.manager .panel-report-chart {
  min-width: 0;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
html.manager input[type=checkbox] {
  display: none;
}
html.manager input[type=checkbox] + label {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  margin: 0;
  padding-left: 30px;
  font-weight: normal;
  position: relative;
  /*height: 24px;*/
  line-height: 24px;
  display: inline-block;
  word-wrap: break-word;
  word-break: break-word;
}
html.manager input[type=checkbox] + label:before {
  font-family: "Material Icons";
  content: "\e835";
  letter-spacing: normal !important;
  position: absolute;
  left: 0;
  font-size: 20px;
  opacity: 0.8;
  font-style: normal;
}
html.manager input[type=checkbox]:checked + label:before {
  font-family: "Material Icons";
  content: "\e834";
  letter-spacing: normal !important;
  opacity: 1;
}
html.manager .dropdown-menu li a {
  cursor: pointer;
}
html.manager .arrow {
  display: inline-block;
  top: 35px;
  right: 5px;
  width: 0;
  height: 0;
  content: "";
  margin: 0 5px;
  pointer-events: none;
  border-style: solid;
  border-width: 0 0 10px 10px;
  border-color: transparent transparent #999999 transparent;
}
html.manager textarea:hover,
html.manager input:hover,
html.manager textarea:active,
html.manager input:active,
html.manager textarea:focus,
html.manager input:focus,
html.manager button:focus,
html.manager button:active,
html.manager button:hover,
html.manager label:focus,
html.manager .btn:active,
html.manager .btn.active,
html.manager .form-control,
html.manager .has-error .form-control:focus {
  outline: 0px !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html.manager form {
  display: inline;
}
html.manager .form-control.input-sm {
  color: #258cff;
  border: 1px solid #c6cad0;
}
html.manager .panel-heading #fileElem {
  /*.default-display !important;*/
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  max-width: calc(100% - 10px);
  opacity: 0;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}
html.manager .panel-heading #fileElem:hover + .btn-default {
  background: #e7e7e7;
}
html.manager .material-input-arrow {
  position: absolute;
  display: block;
  top: 24px;
  right: 0;
  width: 0;
  height: 0;
  content: "";
  pointer-events: none;
  border-style: solid;
  border-width: 0 0 15px 15px;
  border-color: transparent transparent #cccccc transparent;
}
html.manager .form-group {
  position: relative;
  width: 100%;
}
html.manager .form-group select {
  /*-webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;*/
}
html.manager .form-group .material-icons ~ .form-control {
  padding-left: 30px;
}
html.manager .form-group .material-icons ~ .form-control ~ .floating-label {
  padding-left: 30px;
}
html.manager .form-group .material-icons-absolute {
  left: 0;
  position: absolute;
  top: 10px;
}
html.manager .form-group .form-control {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font-weight: normal;
  height: 44px;
  background: rgba(255, 255, 255, 0.005);
  padding: 0;
  font-size: 16px;
  outline-color: transparent;
  outline-style: none;
  border: 0;
  border: 1px solid #ccc;
  color: #20262C;
  padding-left: 5px;
  /*&::selection {
            color: #ffffff;
            background-color: @color-blue;
        }*/
}
html.manager .form-group .form-control:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
html.manager .form-group .form-control:hover {
  border-bottom: 1px solid #bbb;
}
html.manager .form-group .form-control:focus {
  border-bottom: 1px solid #aaa;
  color: #555;
}
html.manager .form-group .form-control:active {
  border-bottom: 1px solid #aaa;
}
html.manager .form-group .form-control::-ms-clear {
  display: none;
}
html.manager .form-group .form-control ~ label {
  font-weight: normal;
  position: absolute;
  top: -10px;
  left: 5px;
  transition: 0.2s ease all;
  pointer-events: none;
  color: #4bb0e6;
  font-size: 12px;
  background-color: white;
}
html.manager .form-group .form-control[type=checkbox] ~ label {
  pointer-events: auto;
}
html.manager .form-group .form-control:disabled ~ label,
html.manager .form-group .form-control:focus ~ label,
html.manager .form-group .form-control:not(:focus):valid ~ label,
html.manager .form-group .form-control:placeholder-shown:not(:focus) + label {
  font-weight: normal;
  position: absolute;
  top: -10px !important;
  margin: 0;
  font-size: 12px;
  opacity: 1;
  transition: 0.2s ease all;
  color: #4bb0e6;
  background-color: white;
}
html.manager .form-group .form-control.search-inline {
  -webkit-border-top-left-radius: 20px;
  -moz-border-top-left-radius: 20px;
  -ms-border-top-left-radius: 20px;
  -o-border-top-left-radius: 20px;
  border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-bottom-left-radius: 20px;
  -ms-border-bottom-left-radius: 20px;
  -o-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
html.manager .form-group .floating-label-up {
  font-weight: normal;
  position: absolute;
  top: -10px !important;
  margin: 0;
  font-size: 12px;
  opacity: 1;
  transition: 0.2s ease all;
  color: #4bb0e6;
  background-color: white;
  border-left: 2px solid white;
  border-right: 2px solid white;
}
html.manager .form-group .floating-label-up _:-ms-fullscreen,
html.manager .form-group .floating-label-up :root .ie11up {
  top: 0px !important;
}
html.manager .form-group .floating-label-up.focus {
  top: -10px !important;
  left: 5px;
  background-color: white;
}
html.manager .form-group .help-block {
  display: none;
}
html.manager .form-group.has-error {
  color: #e0457b;
}
html.manager .form-group.has-error .form-control {
  border-bottom: 1px solid #e0457b !important;
}
html.manager .form-group.has-error .form-control ~ label {
  color: #e0457b !important;
}
html.manager .form-group.has-error .help-block {
  text-align: left;
}
html.manager .form-group.has-error .help-block.with-errors {
  margin: 0;
  color: #e0457b;
  font-size: 14px;
}
html.manager .form-group.has-error .help-block.with-info {
  margin: 0;
  color: #258cff;
  font-size: 14px;
}
html.manager .form-group.has-info {
  font-size: 14px;
  color: #258cff;
}
html.manager .form-group.has-info .form-control {
  /*border-bottom: 1px solid @color-blue !important;*/
}
html.manager .form-group.has-info .form-control ~ label {
  color: #258cff;
}
html.manager .form-group.has-info .help-block.with-info {
  margin: 0;
  color: #258cff;
  font-size: 14px;
}
html.manager .search-inline {
  -webkit-border-top-left-radius: 20px !important;
  -moz-border-top-left-radius: 20px !important;
  -ms-border-top-left-radius: 20px !important;
  -o-border-top-left-radius: 20px !important;
  border-top-left-radius: 20px !important;
  -webkit-border-bottom-left-radius: 20px !important;
  -moz-border-bottom-left-radius: 20px !important;
  -ms-border-bottom-left-radius: 20px !important;
  -o-border-bottom-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
html.manager #selectableCode input {
  border: none;
  cursor: text;
  color: #ffffff;
  background: #ffb52d;
  width: 100px;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  display: inline-block;
  text-align: center;
}
html.manager #selectableCode input:hover {
  background: #f9a100;
}
html.manager a {
  color: #258cff;
}
html.manager a:link {
  color: #258cff;
}
html.manager a:visited {
  color: #258cff;
}
html.manager a:hover {
  color: rgba(37, 140, 255, 0.9);
}
html.manager a:active {
  color: rgba(37, 140, 255, 0.9);
}
html.manager .nav-pills > li > a:hover {
  background-color: #f7f8f9 !important;
}
html.manager .nav-pills > li.active > a {
  background-color: #258cff !important;
  color: #ffffff;
}
html.manager .nav-pills > li.active > a:hover {
  background: rgba(37, 140, 255, 0.85) !important;
}
html.manager input[type=radio] {
  display: none;
}
html.manager input[type=radio] + label {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  margin: 0;
  padding-left: 30px;
  font-weight: normal;
  position: relative;
  height: 24px;
  line-height: 24px;
  display: block;
}
html.manager input[type=radio] + label:before {
  font-family: "Material Icons";
  content: "\e836";
  letter-spacing: normal !important;
  position: absolute;
  left: 0;
  font-size: 24px;
  opacity: 0.8;
}
html.manager input[type=radio]:checked + label:before {
  font-family: "Material Icons";
  content: "\e837";
  letter-spacing: normal !important;
  opacity: 1;
}
html.manager .rating > label {
  color: #ddd;
  float: right;
  padding-left: 25px !important;
}
html.manager .rating > label:before {
  display: inline-block;
}
html.manager .rating > label.full:before {
  /*font-family: 'FontAwesome' !important;
            content: "\f005" !important;*/
  font-family: "Material Icons";
  content: "\e838" !important;
  left: -100%;
  font-size: 38px;
}
html.manager .rating > label.half:before {
  /*font-family: 'FontAwesome' !important;
            content: "\f089" !important;*/
  font-family: "Material Icons";
  content: "\e839" !important;
  position: absolute;
  z-index: 1;
  font-size: 38px;
}
html.manager .rating > input:checked ~ label,
html.manager .rating:not(:checked) > label:hover,
html.manager .rating:not(:checked) > label:hover ~ label {
  color: #ffb52d;
}
html.manager .rating > input:checked + label:hover,
html.manager .rating > input:checked ~ label:hover,
html.manager .rating > label:hover ~ input:checked ~ label,
html.manager .rating > input:checked ~ label:hover ~ label {
  color: #ffb52d;
}
html.manager select {
  width: auto !important;
  color: #fff;
  background-color: transparent;
  padding: 0 15px;
  border-radius: 20px;
  height: 100%;
  border: none;
  font-size: 16px;
}
html.manager select:hover {
  color: #258cff;
}
html.manager select:focus {
  outline: none;
}
html.manager select option {
  color: #258cff;
  clear: all;
}
html.manager form .table-responsive {
  /*display: inline-block;*/
  width: 100%;
  max-width: 100%;
  overflow: auto;
}
html.manager .table-responsive {
  margin-bottom: 0;
  /*display: inline-block;*/
  width: 100%;
  max-width: 100%;
  overflow: auto;
}
html.manager .table-responsive .dataTables_processing {
  position: absolute;
  top: 15px;
  left: 30px;
  width: calc(100% - 60px);
  height: calc(100% - 45px);
  padding: 15px 0 0 0;
  margin: auto 0;
  background: rgba(255, 255, 255, 0.85);
  z-index: 1;
}
html.manager .table-responsive table {
  border: none;
  margin: 0 !important;
  width: calc(100% - 2px);
  min-width: 800px;
}
html.manager .table-responsive table thead {
  font-weight: 600;
}
html.manager .table-responsive table thead td,
html.manager .table-responsive table thead th {
  border: none;
  padding: 0;
  border-bottom: 1px solid #b4b4b4 !important;
  min-width: 75px;
  height: 40px;
  vertical-align: middle;
  word-wrap: break-word;
  word-break: break-word;
}
html.manager .table-responsive table thead td.sorting,
html.manager .table-responsive table thead th.sorting,
html.manager .table-responsive table thead td.sorting_asc,
html.manager .table-responsive table thead th.sorting_asc,
html.manager .table-responsive table thead td.sorting_desc,
html.manager .table-responsive table thead th.sorting_desc {
  padding: 0 10px 0 35px;
}
html.manager .table-responsive table thead td.sorting_disabled,
html.manager .table-responsive table thead th.sorting_disabled {
  padding: 0 10px 0 10px;
}
html.manager .table-responsive table thead td:after,
html.manager .table-responsive table thead th:after {
  right: auto;
  bottom: auto;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
html.manager .table-responsive table tbody tr:nth-of-type(odd) {
  background: none;
  background: transparent;
}
html.manager .table-responsive table tbody tr td {
  border: none;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #e5e5e5 !important;
  min-width: 75px;
  max-width: 250px;
  word-wrap: break-word;
  word-break: break-word;
}
html.manager .table-responsive table tbody tr td:first-child {
  border-left: 1px solid #e5e5e5;
}
html.manager .table-responsive table tbody tr td div {
  word-wrap: break-word;
  word-break: break-word;
}
html.manager .table-responsive table tbody tr td .btn {
  border: none;
}
html.manager .table-responsive table tbody tr td .btn.btn-primary {
  background: none;
  background: transparent;
  color: #aaaaaa;
  opacity: 0.8;
}
html.manager .table-responsive table tbody tr td .btn.btn-primary:hover {
  opacity: 1;
}
html.manager .table-responsive table tbody tr td .btn.btn-danger {
  background: none;
  background: transparent;
  color: #aaaaaa;
  opacity: 0.8;
}
html.manager .table-responsive table tbody tr td .btn.btn-danger:hover {
  opacity: 1;
}
html.manager .table-responsive table tbody tr td span.statusClosed {
  color: #e0457b;
}
html.manager .table-responsive table tbody tr td span.statusActive {
  color: #6DCEBD;
}
html.manager .table-responsive table tbody tr td span.statusShedule {
  color: #ffb52d;
}
html.manager .table-responsive table tbody tr td .label {
  padding: 0;
  /*font-size: medium;*/
  font-size: 100%;
  font-weight: normal;
}
html.manager .table-responsive table tbody tr td .label.label-success {
  background: none;
  background: transparent;
  color: #6DCEBD;
}
html.manager .table-responsive table tbody tr td .label.label-warning {
  background: none;
  background: transparent;
  color: #ffb52d;
}
html.manager .table-responsive table tbody tr td .label.label-danger {
  background: none;
  background: transparent;
  color: #e0457b;
}
html.manager .table-responsive table tbody tr input + td:first-child {
  border-left: 1px solid #e5e5e5;
}
html.manager .table-responsive table tbody tr input + td:last-child {
  border-right: 1px solid #e5e5e5;
}
html.manager .table-responsive .bottom {
  left: 15px;
  margin-top: 15px;
  /*width: calc(~'100% - 30px');*/
}
html.manager .table-responsive .bottom .dataTables_length {
  float: left;
  width: 50%;
  text-align: left;
  /*label {

				select {
					.default-border;
					.default-border-radius;
					.default-padding;
					.default-width !important;
					margin-top: -5px;

					&:hover {
						background: #f1f1f1;
					}
				}
			}*/
}
html.manager .table-responsive .bottom .dataTables_info {
  padding: 0;
  float: right;
  width: 50%;
  text-align: right;
}
html.manager .table-responsive .bottom .dataTables_paginate {
  float: right;
  width: 100%;
  text-align: center;
}
html.manager .table-responsive .bottom .dataTables_paginate .paginate_button a {
  border: 1px solid #58a7ff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-left: 2px;
  padding: 0;
  min-width: 35px;
  height: 35px;
  line-height: 35px;
}
html.manager .table-responsive .bottom .dataTables_paginate .paginate_button a:hover {
  border: 1px solid #258cff;
}
html.manager .table-responsive .bottom .dataTables_paginate .disabled a {
  border: 1px solid #ccc;
}
html.manager .table-responsive .bottom .dataTables_paginate .disabled a:hover {
  border: 1px solid #ccc;
}
html.manager .nav-tabs {
  padding: 0;
  /*overflow-y: auto;*/
}
html.manager .nav-tabs .nav-tab-li {
  margin-bottom: 21px;
}
html.manager .nav-tabs > li {
  width: auto;
  float: left;
  height: 50px;
  font-weight: 600;
}
html.manager .nav-tabs > li > a {
  border: none;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  height: 70px;
  line-height: 70px;
  padding: 0 20px;
  font-size: 16px;
  color: #4a7ec0;
  background: #ffffff;
  border-bottom: 3px solid #4a7ec0;
}
html.manager .nav-tabs > li > a .material-icons {
  float: left;
}
html.manager .nav-tabs > li > a:focus,
html.manager .nav-tabs > li > a:hover {
  color: #4a7ec0;
  background: #f3f8ff;
}
html.manager .nav-tabs > li.active > a,
html.manager .nav-tabs > li.active > a:focus,
html.manager .nav-tabs > li.active > a:hover {
  border: none;
  color: #fff;
  background: #4a7ec0;
  border-bottom: 3px solid #4a7ec0;
}
html.manager .nav-tabs.mgContent {
  display: flex;
}
html.manager .nav-tabs > .tab-content {
  float: none;
  width: 1% !important;
  height: 70px;
  vertical-align: middle;
}
html.manager .nav-tabs > .tab-content .mgRightContentMenu {
  display: flex;
  justify-content: flex-end;
}
html.manager .nav-tabs > .tab-content .mgRightContentMenu .mgRightContentMenu_button {
  margin: 2px;
}
html.manager .nav-tabs > .tab-content .col-center {
  padding: 0;
}
html.manager .nav-tabs > .tab-content .btn-create {
  border-radius: 20px;
  /*min-width: 160px;*/
}
html.manager .nav-tabs > .tab-content .btn-create + .dropdown-menu {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none;
  padding: 0;
  margin: 0;
  min-width: 160px;
}
html.manager .nav-tabs > .tab-content .btn-create + .dropdown-menu .btn {
  border-radius: 20px;
  margin-top: 10px;
  width: 100%;
}
html.manager .nav-tabs > .tab-content .form-control {
  border: none;
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  -ms-border-radius: 20px 0 0 20px;
  -o-border-radius: 20px 0 0 20px;
  border-radius: 20px 0 0 20px;
  padding: 0px 0px 0px 15px;
  color: #999999;
}
html.manager .nav-tabs > .tab-content .btn-search {
  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  -ms-border-radius: 0 20px 20px 0;
  -o-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
  background: #ffffff;
  color: #999999;
}
html.manager .nav-tabs.tabs-left {
  border-right: none;
  border-bottom: none;
}
html.manager .nav-tabs.tabs-left > li {
  width: 100%;
  height: 50px;
}
html.manager .nav-tabs.tabs-left > li > a {
  background: none;
  background: transparent;
  line-height: normal;
  height: 50px;
  line-height: 50px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
html.manager .nav-tabs.tabs-left > li > a .material-icons {
  line-height: 50px;
}
html.manager .nav-justified > li:lang(ar) {
  float: none;
}
html.manager .tab-content .tab-pane {
  width: 100%;
}
html.manager h4.sub-title {
  border-bottom: 2px solid #ddd;
  padding: 0 0 10px 0;
  margin: 30px 0;
}
html.manager .modal-dialog input[type=checkbox] {
  display: none;
}
html.manager .tg-list {
  list-style: none;
  padding: 0;
}
html.manager .tgl::selection,
html.manager .tgl:after::selection,
html.manager .tgl:before::selection,
html.manager .tgl *::selection,
html.manager .tgl *:after::selection,
html.manager .tgl *:before::selection,
html.manager .tgl + .tgl-btn::selection {
  background: none;
}
html.manager li.tg-list-item {
  display: table;
  text-align: center;
  margin: 0 auto;
}
html.manager .tg-list-item span {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
}
html.manager .tgl + .tgl-btn {
  outline: 0;
  display: inline-block;
  width: 4em;
  height: 2em;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}
html.manager .tgl + .tgl-btn:after,
html.manager .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
html.manager .tgl + .tgl-btn:after {
  left: 0;
}
html.manager .tgl + .tgl-btn:before {
  display: none;
}
html.manager .tgl:checked + .tgl-btn:after {
  left: 50%;
}
html.manager:lang(ar) .tgl:checked + .tgl-btn:after {
  left: auto;
  right: 50%;
}
html.manager .tgl-ios + .tgl-btn {
  background: #fbfbfb;
  border-radius: 2em;
  padding: 2px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  border: 1px solid #e8eae9;
}
html.manager .bold {
  font-weight: bold;
}
html.manager .tgl-ios + .tgl-btn:after {
  border-radius: 2em;
  background: #fbfbfb;
  -webkit-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}
html.manager:lang(ar) .tgl-ios + .tgl-btn:after {
  border-radius: 2em;
  background: #fbfbfb;
  -webkit-transition: right 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}
html.manager .tgl-ios + .tgl-btn:hover:after {
  will-change: padding;
}
html.manager .tgl-ios + .tgl-btn:active {
  box-shadow: inset 0 0 0 2em #e8eae9;
}
html.manager .tgl-ios + .tgl-btn:active:after {
  padding-right: .8em;
}
html.manager .tgl-ios:checked + .tgl-btn {
  background: #4ac88f;
}
html.manager .tgl-ios:checked + .tgl-btn:active {
  box-shadow: none;
}
html.manager .tgl-ios:checked + .tgl-btn:active:after {
  margin-left: -0.8em;
}
html.manager .tgl-ios:checked + .tgl-btn.tgl-btn-blue {
  background: #3bbffd;
}
html.manager .tooltip .tooltip-inner {
  background-color: #258cff;
}
html.manager .tooltip.top .tooltip-arrow {
  border-top-color: #258cff;
}
html.manager .tooltip.right .tooltip-arrow {
  border-right-color: #258cff;
}
html.manager .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #258cff;
}
html.manager .tooltip.left .tooltip-arrow {
  border-left-color: #258cff;
}
html.manager .c3-tooltip-container {
  width: 200px;
}
html.manager .admin table tbody tr td .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  /*width: 50%;*/
}
html.manager .admin table tbody tr td .btn-group > .btn:last-child:not(:first-child),
html.manager .admin table tbody tr td .btn-group .btn-group > .dropdown-toggle:not(:first-child) {
  /*width: 50%;*/
}
html.manager .search-user-btn {
  padding: 12px 2rem !important;
  transition: .25s;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 0 0.2rem 0.5rem !important;
  background: #4A7EC0;
  height: 55px;
  border-radius: 0.875rem;
  box-shadow: 0px 3px 5px rgba(72, 159, 233, 0.26);
  border: 1px solid #4A7EC0;
  margin-bottom: 0 !important;
}
html.manager .admin.groups {
  /*// CARD WORKSHEET TYPE
		.panel-worksheet {
			border-color: fade(#eaa341, 50%) !important;

			&:hover {
				border-color: fade(#eaa341, 100%) !important;

				.panel-body {

					.title {
						.transition(all .2s linear);
						color: fade(#eaa341, 100%);
					}
				}
			}

			.input-group {
				background-color: fade(#eaa341, 10%);

				.input-group-btn {

					&:hover {
						background-color: fade(#eaa341, 10%);
					}

					.btn-default {

						.material-icons {
							color: fade(#eaa341, 100%);
						}
					}

					.dropdown-menu {

						li {

							a {
								color: fade(#eaa341, 100%) !important;
							}
						}
					}

					.open {
						background-color: fade(#eaa341, 10%);
					}
				}
			}
		}*/
}
html.manager .admin.groups .panel-container .panel-body .row [class*=col-] {
  padding: 10px;
}
html.manager .admin.groups .panel-admin-group {
  border-color: rgba(45, 146, 173, 0.5) !important;
}
html.manager .admin.groups .panel-admin-group:hover {
  border-color: #2d92ad !important;
}
html.manager .admin.groups .panel-admin-group:hover .panel-body .row [class*=col-] {
  padding: 10px;
}
html.manager .admin.groups .panel-admin-group:hover .panel-body .title {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  color: #2d92ad;
}
html.manager .admin.groups .panel-admin-group .input-group {
  background-color: rgba(45, 146, 173, 0.1);
}
html.manager .admin.groups .panel-admin-group .input-group .input-group-btn:hover {
  background-color: rgba(45, 146, 173, 0.1);
}
html.manager .admin.groups .panel-admin-group .input-group .input-group-btn .btn-default .material-icons {
  color: #2d92ad;
}
html.manager .admin.groups .panel-admin-group .input-group .input-group-btn .dropdown-menu li a {
  color: #2d92ad !important;
}
html.manager .admin.groups .panel-admin-group .input-group .input-group-btn .open {
  background-color: rgba(45, 146, 173, 0.1);
}
html.manager .admin.groups-edit .form-group {
  margin: 0;
}
html.manager .admin.groups-edit .form-group > div {
  padding-left: 0;
}
html.manager .admin.groups-edit .form-group > div .with-errors {
  padding: 0;
  margin: 0;
  width: fit-content;
}
html.manager .admin.groups-edit .input-classroom-name {
  margin-bottom: 30px;
}
html.manager .admin.groups-edit .menu-secondary a:visited,
html.manager .admin.groups-edit .menu-secondary a:link,
html.manager .admin.groups-edit .menu-secondary a:hover {
  color: #fff;
}
html.manager .manager.worksheet_student_report .cursor-pointer {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
}
html.manager .manager.worksheet_student_report .cursor-pointer h2 {
  margin-top: 10px;
}
html.manager .manager.worksheet_student_report #objective-bar span {
  color: #005abe;
}
html.manager .manager.worksheet_student_report #objective-bar span:last-child {
  font-weight: 500;
}
html.manager .manager.worksheet_student_report .c3-tooltip-container {
  width: 200px;
}
html.manager .manager.worksheet_student_report #objective-row {
  display: flex;
  width: 100%;
  padding: 0 30px;
}
html.manager .manager.worksheet_student_report #objective-row .objectiveTitle {
  min-width: 70%;
  max-width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #f5f6fa;
}
html.manager .manager.worksheet_student_report #objective-row #objective-container-bar {
  width: 30%;
  background-color: #f5f6fa;
  border-radius: 15px;
}
html.manager .manager.worksheet_student_report #objective-bar {
  box-shadow: none;
}
html.manager .manager.worksheet_student_report #objective-container-bar .progress-bar div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.manager .manager.worksheet_student_report #objective-container-bar .progress-bar.text-blue {
  color: #337ab7;
  border-radius: 15px;
}
html.manager .manager.worksheet_student_report #objective-container-bar .progress-bar.text-white {
  color: #fff;
  border-radius: 15px;
}
html.manager .manager.worksheet_student_report #completion-report table td.completion-report-student-name {
  text-align: left;
}
html.manager .manager.groups.reports.worksheet.student #markedOrPendingFilter.marking:hover {
  color: #fff;
  cursor: pointer;
}
html.manager .teachers,
html.manager .student-overview,
html.manager .groups {
  color: #4b5967;
}
html.manager .teachers h2,
html.manager .student-overview h2,
html.manager .groups h2 {
  padding: 0;
  margin: 0;
  color: #4b5967;
}
html.manager .teachers table.table-responsive,
html.manager .student-overview table.table-responsive,
html.manager .groups table.table-responsive {
  width: 100%!important;
  cursor: default;
}
html.manager .teachers table.table-responsive thead tr td:last-child,
html.manager .student-overview table.table-responsive thead tr td:last-child,
html.manager .groups table.table-responsive thead tr td:last-child {
  text-align: right;
}
html.manager .teachers table.table-responsive tbody tr,
html.manager .student-overview table.table-responsive tbody tr,
html.manager .groups table.table-responsive tbody tr {
  background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top, #ffffff 0%, #f9f9f9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
html.manager .teachers table.table-responsive tbody tr .btn-group,
html.manager .student-overview table.table-responsive tbody tr .btn-group,
html.manager .groups table.table-responsive tbody tr .btn-group {
  display: flex;
  justify-content: flex-end;
  opacity: 0;
}
html.manager .teachers table.table-responsive tbody tr:hover,
html.manager .student-overview table.table-responsive tbody tr:hover,
html.manager .groups table.table-responsive tbody tr:hover {
  background: white;
  color: #20262C;
}
html.manager .teachers table.table-responsive tbody tr:hover .btn-group,
html.manager .student-overview table.table-responsive tbody tr:hover .btn-group,
html.manager .groups table.table-responsive tbody tr:hover .btn-group {
  opacity: 1;
  transition: all 1s;
}
html.manager .teachers table.table-responsive tbody tr:hover td:nth-child(4),
html.manager .student-overview table.table-responsive tbody tr:hover td:nth-child(4),
html.manager .groups table.table-responsive tbody tr:hover td:nth-child(4) {
  color: #258cff;
}
html.manager .teachers .menu-secondary .misIntegration,
html.manager .student-overview .menu-secondary .misIntegration,
html.manager .groups .menu-secondary .misIntegration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: auto;
}
html.manager .teachers .menu-secondary .misIntegration > *,
html.manager .student-overview .menu-secondary .misIntegration > *,
html.manager .groups .menu-secondary .misIntegration > * {
  margin: 5px;
  display: flex;
}
html.manager .teachers .menu-secondary .misIntegration ._search,
html.manager .student-overview .menu-secondary .misIntegration ._search,
html.manager .groups .menu-secondary .misIntegration ._search {
  max-width: 50%;
}
html.manager .teachers .menu-secondary .misIntegration ._search .btn.btn-search,
html.manager .student-overview .menu-secondary .misIntegration ._search .btn.btn-search,
html.manager .groups .menu-secondary .misIntegration ._search .btn.btn-search {
  padding: 0;
  width: 40px;
  background: #ffffff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html.manager .teachers .menu-secondary .misIntegration .form-control,
html.manager .student-overview .menu-secondary .misIntegration .form-control,
html.manager .groups .menu-secondary .misIntegration .form-control {
  border: none;
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  -ms-border-radius: 20px 0 0 20px;
  -o-border-radius: 20px 0 0 20px;
  border-radius: 20px 0 0 20px;
  padding: 0px 0px 0px 15px;
  color: #999999;
  min-width: 230px;
}
@media (max-width: 991px) {
  html.manager .teachers .menu-secondary .misIntegration ._search,
  html.manager .student-overview .menu-secondary .misIntegration ._search,
  html.manager .groups .menu-secondary .misIntegration ._search {
    max-width: 20%;
  }
  html.manager .teachers .menu-secondary .misIntegration .form-control,
  html.manager .student-overview .menu-secondary .misIntegration .form-control,
  html.manager .groups .menu-secondary .misIntegration .form-control {
    min-width: auto;
  }
}
@media (max-width: 709px) {
  html.manager .teachers .menu-secondary .misIntegration ._search,
  html.manager .student-overview .menu-secondary .misIntegration ._search,
  html.manager .groups .menu-secondary .misIntegration ._search {
    max-width: 60%;
  }
}
html.manager .first-login h6 {
  font-size: 16px;
}
html.manager .first-login h2 {
  border-left: 3px solid #258cff;
  padding-left: 1rem;
  line-height: 30px;
}
html.manager .first-login #packageSelector,
html.manager .first-login #groupSelector {
  cursor: default;
}
html.manager .first-login #packageSelector input[type="checkbox"]:not(:checked),
html.manager .first-login #groupSelector input[type="checkbox"]:not(:checked),
html.manager .first-login #packageSelector [type="checkbox"]:checked,
html.manager .first-login #groupSelector [type="checkbox"]:checked {
  opacity: 0;
  z-index: 2;
  height: 19px;
  width: 19px;
  display: block;
  margin: 1px 0;
}
html.manager .first-login #packageSelector input[type="checkbox"] + span.inputSpan,
html.manager .first-login #groupSelector input[type="checkbox"] + span.inputSpan {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: -18px;
}
html.manager .first-login #packageSelector span.inputSpan::after,
html.manager .first-login #groupSelector span.inputSpan::after {
  position: absolute;
  content: '';
  top: -2px;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #999;
  border-radius: 1px;
  margin-top: 5px;
  -webkit-transition: .2s;
  transition: .2s;
}
html.manager .first-login #packageSelector span.inputSpan::before,
html.manager .first-login #groupSelector span.inputSpan::before {
  position: absolute;
  content: '';
  top: -2px;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #trasnparent;
  border-radius: 1px;
  margin-top: 4px;
  -webkit-transition: .2s;
  transition: .2s;
  cursor: pointer;
}
html.manager .first-login #packageSelector input[type="checkbox"]:checked + span::before,
html.manager .first-login #groupSelector input[type="checkbox"]:checked + span::before {
  top: -6px;
  left: -2px;
  width: 10px;
  height: 20px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #4ac88f;
  border-bottom: 2px solid #4ac88f;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
html.manager .first-login #packageSelector .package-container.panel-group,
html.manager .first-login #groupSelector .package-container.panel-group {
  margin: 1rem;
}
html.manager .first-login #packageSelector .package-container.panel-group .panel-default,
html.manager .first-login #groupSelector .package-container.panel-group .panel-default {
  border: 1px solid #dee2e6;
}
html.manager .first-login #packageSelector .package-container.panel-group li.list-group-item.schoolGroup,
html.manager .first-login #groupSelector .package-container.panel-group li.list-group-item.schoolGroup {
  padding: 0;
}
html.manager .first-login #packageSelector .package-container .panel:first-child,
html.manager .first-login #groupSelector .package-container .panel:first-child {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
html.manager .first-login #packageSelector .package-container .panel,
html.manager .first-login #groupSelector .package-container .panel {
  box-shadow: none!important;
  background: rgba(246, 246, 246, 0.2);
  margin: 0;
}
html.manager .first-login #packageSelector .package-container .panel .schoolFolderCard .panel-heading,
html.manager .first-login #groupSelector .package-container .panel .schoolFolderCard .panel-heading {
  line-height: 1.5;
  padding: 0 0 0 1rem;
  background-color: #fff;
  border-left: 4px solid #6c7ac6;
  border-radius: 0;
}
html.manager .first-login #packageSelector .package-container .panel .panel-heading,
html.manager .first-login #groupSelector .package-container .panel .panel-heading {
  line-height: 1.5;
  padding: 1rem;
  border-left: 4px solid #6c7ac6;
  border-radius: 0;
  background-color: #6c7ac6;
}
html.manager .first-login #packageSelector .package-container .panel .panel-heading .schoolGroupCard,
html.manager .first-login #groupSelector .package-container .panel .panel-heading .schoolGroupCard,
html.manager .first-login #packageSelector .package-container .panel .panel-heading .schoolPackageCard,
html.manager .first-login #groupSelector .package-container .panel .panel-heading .schoolPackageCard {
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 30px;
  font-weight: 700;
}
html.manager .first-login #packageSelector .package-container .panel .panel-heading .schoolGroupCard .panel-title,
html.manager .first-login #groupSelector .package-container .panel .panel-heading .schoolGroupCard .panel-title,
html.manager .first-login #packageSelector .package-container .panel .panel-heading .schoolPackageCard .panel-title,
html.manager .first-login #groupSelector .package-container .panel .panel-heading .schoolPackageCard .panel-title {
  display: flex;
  flex: 1;
  text-transform: uppercase;
  color: #6c7ac6;
}
html.manager .first-login #packageSelector .package-container .panel .panel-heading .schoolGroupCard .panel-title .downloadedContent,
html.manager .first-login #groupSelector .package-container .panel .panel-heading .schoolGroupCard .panel-title .downloadedContent,
html.manager .first-login #packageSelector .package-container .panel .panel-heading .schoolPackageCard .panel-title .downloadedContent,
html.manager .first-login #groupSelector .package-container .panel .panel-heading .schoolPackageCard .panel-title .downloadedContent {
  position: relative;
  padding-left: 35px;
}
html.manager .first-login #packageSelector .package-container .panel .panel-heading .schoolGroupCard .panel-title .downloadedContent:before,
html.manager .first-login #groupSelector .package-container .panel .panel-heading .schoolGroupCard .panel-title .downloadedContent:before,
html.manager .first-login #packageSelector .package-container .panel .panel-heading .schoolPackageCard .panel-title .downloadedContent:before,
html.manager .first-login #groupSelector .package-container .panel .panel-heading .schoolPackageCard .panel-title .downloadedContent:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 10px;
  height: 20px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #4ac88f;
  border-bottom: 2px solid #4ac88f;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
html.manager .first-login #packageSelector .package-container .panel .panel-heading .schoolGroupCard .downloadStatus,
html.manager .first-login #groupSelector .package-container .panel .panel-heading .schoolGroupCard .downloadStatus,
html.manager .first-login #packageSelector .package-container .panel .panel-heading .schoolPackageCard .downloadStatus,
html.manager .first-login #groupSelector .package-container .panel .panel-heading .schoolPackageCard .downloadStatus {
  color: #999;
  font-size: 14px;
  font-weight: 400;
}
html.manager .first-login #packageSelector .package-container .panel .panel-heading .downloadIcon,
html.manager .first-login #groupSelector .package-container .panel .panel-heading .downloadIcon {
  line-height: normal;
}
html.manager .first-login #packageSelector .package-container .panel .panel-heading .downloadIcon .btn,
html.manager .first-login #groupSelector .package-container .panel .panel-heading .downloadIcon .btn {
  cursor: default!important;
}
html.manager .first-login #packageSelector .package-container .panel .schoolFolderCard,
html.manager .first-login #groupSelector .package-container .panel .schoolFolderCard {
  margin: 1rem!important;
}
html.manager .first-login #packageSelector .package-container .panel .schoolFolderCard .panel.panel-default,
html.manager .first-login #groupSelector .package-container .panel .schoolFolderCard .panel.panel-default {
  background: #fff;
}
html.manager .first-login #packageSelector .package-container .panel .schoolFolderCard .panel-heading,
html.manager .first-login #groupSelector .package-container .panel .schoolFolderCard .panel-heading {
  border-left: none!important;
}
html.manager .first-login #packageSelector .package-container .panel .schoolFolderCard .schoolGroupCard .panel-title,
html.manager .first-login #groupSelector .package-container .panel .schoolFolderCard .schoolGroupCard .panel-title {
  text-transform: capitalize;
}
html.manager .first-login #packageSelector .package-container .panel .schoolFolderCard .list-group.groupLesson,
html.manager .first-login #groupSelector .package-container .panel .schoolFolderCard .list-group.groupLesson {
  padding: 1rem;
  border: none;
  font-size: 16px;
}
html.manager .first-login #packageSelector .package-container .panel .schoolFolderCard .list-group.groupLesson span,
html.manager .first-login #groupSelector .package-container .panel .schoolFolderCard .list-group.groupLesson span {
  color: #666;
  cursor: default;
}
html.manager .first-login #packageSelector .package-container .panel .package-description,
html.manager .first-login #groupSelector .package-container .panel .package-description {
  border: none;
  border-top: 1px solid #ddd;
  font-size: 16px;
}
html.manager .first-login #packageSelector .package-container .schoolPackageCard .downloadStatus,
html.manager .first-login #groupSelector .package-container .schoolPackageCard .downloadStatus,
html.manager .first-login #packageSelector .package-container .schoolPackageCard .panel-title,
html.manager .first-login #groupSelector .package-container .schoolPackageCard .panel-title,
html.manager .first-login #packageSelector .package-container .schoolPackageCard .glyphicon-menu-up,
html.manager .first-login #groupSelector .package-container .schoolPackageCard .glyphicon-menu-up,
html.manager .first-login #packageSelector .package-container .schoolPackageCard .glyphicon-menu-down,
html.manager .first-login #groupSelector .package-container .schoolPackageCard .glyphicon-menu-down {
  color: #fff!important;
}
html.manager .first-login #packageSelector .package-container .schoolPackageCard .glyphicon.glyphicon-download-alt,
html.manager .first-login #groupSelector .package-container .schoolPackageCard .glyphicon.glyphicon-download-alt {
  color: #aab6f9;
}
html.manager .first-login #packageSelector .package-container .schoolPackageCard span.inputSpan::after,
html.manager .first-login #groupSelector .package-container .schoolPackageCard span.inputSpan::after {
  border-color: #aab6f9!important;
}
html.manager .first-login #packageSelector .package-container .schoolPackageCard input[type="checkbox"]:checked + span::before,
html.manager .first-login #groupSelector .package-container .schoolPackageCard input[type="checkbox"]:checked + span::before,
html.manager .first-login #packageSelector .package-container .schoolPackageCard .downloadedContent:before,
html.manager .first-login #groupSelector .package-container .schoolPackageCard .downloadedContent:before {
  border-right: 2px solid #62e4a9!important;
}
html.manager .first-login #packageSelector .package-container .schoolPackageCard .branding-update,
html.manager .first-login #groupSelector .package-container .schoolPackageCard .branding-update,
html.manager .first-login #packageSelector .package-container .schoolPackageCard .branding-green,
html.manager .first-login #groupSelector .package-container .schoolPackageCard .branding-green {
  color: #62e4a9!important;
}
html.manager .first-login #groupSelector .package-container .panel .panel-heading {
  background-color: #fff;
}
html.manager .first-login .importGroups,
html.manager .first-login .importPackages {
  width: 30%;
}
html.manager .first-login .schoolGroupCardSelected,
html.manager .first-login .schoolPackageCardSelected {
  cursor: pointer;
}
html.manager .first-login .carousel-style {
  height: 55px;
}
html.manager .first-login .title-style {
  color: #4B0082;
  align: center;
}
html.manager .first-login .subtitle-style {
  align: center;
}
html.manager .first-login .step-one {
  margin: 0 1rem;
}
html.manager .first-login .step-one h2 {
  font-weight: 700;
  color: #333;
}
html.manager .first-login .step-two {
  margin: 0 1rem;
}
html.manager .first-login .step-two input {
  left: 3px;
  top: 3px;
}
html.manager .first-login .empty-package-one,
html.manager .first-login .empty-group-one {
  padding: 10rem;
  border: 1px solid #ced2d6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}
html.manager .first-login .empty-package-two,
html.manager .first-login .empty-group-two {
  padding-bottom: 80px;
  align: center;
}
html.manager .first-login .no-higlight-a {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
html.manager .first-login .glyphicon.glyphicon-download-alt {
  font-size: 20px;
  color: #999;
}
html.manager .first-login .glyphicon-menu-down,
html.manager .first-login .glyphicon-menu-up {
  color: #999;
  font-size: 10px;
}
html.manager .first-login .branding-green {
  color: #4ac88f !important;
}
html.manager .first-login .branding-update {
  color: #4ac88f !important;
  position: relative;
}
html.manager .first-login .branding-update::after {
  content: "\f06a";
  font-family: 'FontAwesome';
  position: absolute;
  left: 32px;
  top: -5px;
  color: #ff7cac;
  font-size: 16px;
}
html.manager .first-login .breadcrumb-arrow {
  height: 36px;
  padding: 0;
  line-height: 36px;
  list-style: none;
  background-color: #fff;
  cursor: default;
}
html.manager .first-login .breadcrumb-arrow li {
  position: relative;
  color: #fff;
  text-decoration: none;
  background-color: #ced2d6;
  padding: 0 2.5rem;
  font-size: 16px;
  cursor: default;
}
html.manager .first-login .breadcrumb-arrow li.active {
  background-color: #258cff;
}
html.manager .first-login .breadcrumb-arrow li:before,
html.manager .first-login .breadcrumb-arrow li:after {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  content: '';
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
}
html.manager .first-login .breadcrumb-arrow li.active:before {
  right: -10px;
  z-index: 3;
  border-left-color: #258cff;
  border-left-style: solid;
  border-left-width: 11px;
}
html.manager .first-login .breadcrumb-arrow li.active:after {
  border-left-color: #ced2d6;
}
html.manager .first-login .breadcrumb-arrow li:after {
  right: -10px;
  z-index: 2;
  border-left: 11px solid #ced2d6;
}
html.manager .first-login .breadcrumb-arrow li:nth-child(2) {
  margin-left: -5px;
}
html.manager .first-login .breadcrumb-arrow li:nth-child(2)::after,
html.manager .first-login .breadcrumb-arrow li:nth-child(2)::before {
  border: none;
}
html.manager .greenColor {
  color: #6dc45b;
}
html.manager .greyColor {
  color: #808080;
}
html.manager .redColor {
  color: #f35690;
}
html.manager #examboard-management-container .btn.help-block.with-errors {
  text-align: center;
}
html.manager #examboard-management-container button#submitNewExamboard {
  margin: 15px;
}
html.manager #examboard-objectives-management-container #addExamboardObjectiveForm {
  display: flex;
  flex-direction: column;
}
html.manager #examboard-objectives-management-container button {
  align-self: flex-start;
  margin: 15px;
}
html.manager .my-drive .update-form .form-group .form-control ~ label {
  margin-top: 5px !important;
}
html.manager .my-drive .update-form .form-group .form-control:not(:focus):valid ~ label {
  top: auto;
}
html.manager .my-drive .update-form .form-group .floating-label-up {
  margin-top: auto;
}
html.manager .my-drive #deliverLessonModal .modal-body .mgAbilityYearSelection {
  display: flex;
  padding-top: 20px;
}
html.manager .my-drive #deliverLessonModal .modal-body .mgAbilityYearSelection .form-group.material-input:after {
  content: "";
  position: absolute;
  z-index: 2;
  right: 8px;
  top: 50%;
  margin-top: -3px;
  height: 0;
  width: 0;
  border-top: 6px solid #c6cad0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  pointer-events: none;
}
html.manager .my-drive #deliverLessonModal .modal-body .form-group.material-input select {
  width: 98%!important;
  -webkit-appearance: none;
}
html.manager .my-drive #deliverLessonModal .modal-body .form-group.material-input select option {
  color: #727c8b;
  padding-left: 5px;
}
html.manager .my-drive #deliverLessonModal .modal-body .form-group.has-error {
  top: 0;
}
html.manager .my-drive .modal#deliverLessonModal .tt-menu,
html.manager .my-drive .modal#seeReportsModal .tt-menu,
html.manager .my-drive .modal#seeStatusLessonModal .tt-menu {
  height: 180px;
}
html.manager .my-drive .modal#deliverLessonModal body div.modal-backdrop.fade.in,
html.manager .my-drive .modal#seeReportsModal body div.modal-backdrop.fade.in,
html.manager .my-drive .modal#seeStatusLessonModal body div.modal-backdrop.fade.in,
html.manager .my-drive .modal#deliverLessonModal .label-input,
html.manager .my-drive .modal#seeReportsModal .label-input,
html.manager .my-drive .modal#seeStatusLessonModal .label-input,
html.manager .my-drive .modal#deliverLessonModal .edit-mode,
html.manager .my-drive .modal#seeReportsModal .edit-mode,
html.manager .my-drive .modal#seeStatusLessonModal .edit-mode {
  display: none;
}
html.manager .my-drive .modal#deliverLessonModal .disabledDiv,
html.manager .my-drive .modal#seeReportsModal .disabledDiv,
html.manager .my-drive .modal#seeStatusLessonModal .disabledDiv {
  opacity: 0.5;
  background: #CCC;
}
html.manager .my-drive #list-view-data-table tbody tr {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
  height: 80px;
  border: 1px solid #f2f2f2 !important;
  background: #ffffff;
  /* Old browsers */
  width: 100%;
}
html.manager .my-drive #list-view-data-table tbody tr span.disabled {
  display: block;
  cursor: default !important;
  opacity: 0.6;
}
html.manager .my-drive #list-view-data-table tbody tr td:first-child {
  display: table-cell;
  width: 50px;
  height: inherit;
}
html.manager .my-drive #list-view-data-table tbody tr td:nth-child(2) {
  color: #258cff;
}
html.manager .my-drive #list-view-data-table tbody tr td > div {
  text-align: center;
  margin: 0 auto;
}
html.manager .my-drive #list-view-data-table tbody tr td > div.slide,
html.manager .my-drive #list-view-data-table tbody tr td > div.lesson,
html.manager .my-drive #list-view-data-table tbody tr td > div.ppt {
  vertical-align: middle;
}
html.manager .my-drive #list-view-data-table tbody tr td > div.slide::before,
html.manager .my-drive #list-view-data-table tbody tr td > div.lesson::before,
html.manager .my-drive #list-view-data-table tbody tr td > div.ppt::before {
  content: url("../img/icons/lesson-icon.svg");
}
html.manager .my-drive #list-view-data-table tbody tr td > div.worksheet {
  vertical-align: middle;
}
html.manager .my-drive #list-view-data-table tbody tr td > div.worksheet::before {
  content: url("../img/icons/worksheet-icon.svg");
}
html.manager .my-drive #list-view-data-table tbody tr td > div.folder {
  vertical-align: middle;
}
html.manager .my-drive #list-view-data-table tbody tr td > div.folder::before {
  content: url("../img/icons/folder-icon.svg");
}
html.manager .my-drive #list-view-data-table tbody tr .list-lesson-title,
html.manager .my-drive #list-view-data-table tbody tr .list-folder-title,
html.manager .my-drive #list-view-data-table tbody tr .list-item-title {
  cursor: pointer;
}
html.manager .my-drive #list-view-data-table tbody tr .list-item-title {
  cursor: pointer;
}
html.manager .my-drive #list-view-data-table tbody tr:hover {
  background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
html.manager .my-drive #list-view-data-table tbody tr:hover .action-container span.input-group-btn:first-child,
html.manager .my-drive #list-view-data-table tbody tr:hover .action-container .deleteLesson {
  opacity: 1;
  transition: all 1s;
}
html.manager .my-drive #list-view-data-table tbody tr:hover .action-container .deleteFolder {
  opacity: 1;
  transition: all 1s;
}
html.manager .my-drive #list-view-data-table tbody tr:hover .action-container .moveFolder {
  opacity: 1;
  transition: all 1s;
}
html.manager .my-drive #list-view-data-table tbody tr:hover .action-container .folder-action {
  opacity: 1;
  transition: all 1s;
}
html.manager .my-drive .action-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
html.manager .my-drive .action-container span.input-group-btn {
  width: 50px;
}
html.manager .my-drive .action-container span.input-group-btn.open ul.dropdown-menu {
  right: 50%;
  left: auto;
}
html.manager .my-drive .action-container span.input-group-btn:first-child,
html.manager .my-drive .action-container .deleteLesson {
  opacity: 0;
}
html.manager .my-drive .action-container .deleteFolder {
  opacity: 0;
}
html.manager .my-drive .action-container .moveFolder {
  opacity: 0;
}
html.manager .my-drive .action-container .editFolder {
  opacity: 0;
}
html.manager .my-drive .form-group {
  width: auto;
  margin: 0;
  padding: 0.5rem;
}
html.manager .my-drive .form-group .form-control {
  border: 1px solid #ccc;
  width: 100%!important;
  font-size: 16px;
  color: #666;
  padding-left: 7px;
}
html.manager .my-drive .form-group .form-control ~ label {
  margin-left: 15px !important;
  margin-top: 9px !important;
  background-color: #fff;
  padding: 0 2px;
}
html.manager .my-drive .form-group .form-control:focus {
  border: 1px solid #4bc1ef;
}
html.manager .my-drive .form-group .bootstrap-select.form-control .btn.dropdown-toggle {
  border: none;
  color: #222222 !important;
  margin: 0;
  padding: 0;
  background-color: white;
}
html.manager .my-drive .form-group .bootstrap-select.form-control .dropdown-menu {
  width: 100%;
}
html.manager .my-drive .form-group .bootstrap-select.form-control .dropdown-menu.inner span.text {
  width: 95%;
  white-space: normal;
}
html.manager .my-drive .form-group.has-error {
  top: 0;
}
html.manager .my-drive .folderToMoveSelection .form-control:focus {
  border: 1px solid #4bc1ef;
}
html.manager .my-drive .folderToMoveSelection select {
  width: 100%!important;
  border: 1px solid #ccc;
}
html.manager .my-drive .folderToMoveSelection select option {
  font-size: 16px;
}
html.manager .my-drive .folderToMoveSelection label {
  background: white;
  padding: 0 2px;
  margin: 10px 0 0 15px !important;
}
html.manager .input-group-btn {
  width: auto;
}
html.manager .devider {
  height: 1px;
  background: #D6D6D6;
  width: 100%;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
html.manager h1,
html.manager h2,
html.manager h3,
html.manager h4,
html.manager h5 {
  margin: 10px 0;
}
html.manager h1 {
  font-size: 1.625rem !important;
  color: #222222 !important;
  font-weight: 400;
}
html.manager h2 {
  font-size: 1.5rem !important;
}
html.manager h3 {
  font-size: 1.125rem !important;
}
html.manager h4 {
  font-size: 1.0625rem !important;
}
html.manager h5 {
  font-size: 0.875rem !important;
  color: #6E8CA0;
  font-weight: 400;
}
html.manager .btn {
  padding: 0 0.2rem;
  font-size: 0.8125rem;
  margin: 0.2rem;
  height: 2.25rem;
  line-height: 2.25rem;
}
html.manager .btn:disabled,
html.manager .btn.disabled,
html.manager .btn[disabled],
html.manager .btn.overDisabled {
  background: white;
  border: 1px solid #6E8CA0;
  color: #6E8CA0;
  box-shadow: none;
  opacity: 1;
}
html.manager .btn-base {
  color: white;
  border-radius: 0.75rem;
  box-shadow: 0px 3px 5px rgba(74, 126, 192, 0.26);
  padding: 0 2rem;
  transition: .25s;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 0 0.2rem 0.5rem !important;
}
html.manager .btn-base:hover {
  box-shadow: none;
  transition: .25s;
}
html.manager .btn-base:disabled,
html.manager .btn-base.disabled html.manager .btn-base.overDisabled {
  background: white;
  border: 1px solid #6E8CA0;
  color: #6E8CA0;
  box-shadow: none;
  opacity: 1;
}
html.manager .btn-icon {
  background: transparent;
  color: #6E8CA0;
  border: 0;
  outline: none;
  box-shadow: none;
}
html.manager .btn-tab {
  color: white;
  border-radius: 0.75rem;
  box-shadow: 0px 3px 5px rgba(74, 126, 192, 0.26);
  padding: 0 2rem;
  transition: .25s;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 0 0.2rem 0.5rem !important;
  background-color: #DEF1FC;
  color: #4A7EC0;
  height: auto;
}
html.manager .btn-tab:hover {
  box-shadow: none;
  transition: .25s;
}
html.manager .btn-tab:disabled,
html.manager .btn-tab.disabled html.manager .btn-tab.overDisabled {
  background: white;
  border: 1px solid #6E8CA0;
  color: #6E8CA0;
  box-shadow: none;
  opacity: 1;
}
html.manager .btn-tab.red {
  background-color: #FF7285;
  color: white;
  cursor: default;
}
html.manager .btn-tab.green {
  background-color: #daf7e8;
  color: white;
  cursor: default;
}
html.manager .btn-tab.yellow {
  background-color: #FFCA83;
  color: white;
  cursor: default;
}
html.manager .btn-tab-library {
  color: white;
  border-radius: 0.75rem;
  box-shadow: 0px 3px 5px rgba(74, 126, 192, 0.26);
  padding: 0 2rem;
  transition: .25s;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 0 0.2rem 0.5rem !important;
  background-color: #DEF1FC;
  color: #4A7EC0;
  height: auto;
  padding: 0 1rem;
  font-size: 0.6875rem;
  line-height: 2rem;
}
html.manager .btn-tab-library:hover {
  box-shadow: none;
  transition: .25s;
}
html.manager .btn-tab-library:disabled,
html.manager .btn-tab-library.disabled html.manager .btn-tab-library.overDisabled {
  background: white;
  border: 1px solid #6E8CA0;
  color: #6E8CA0;
  box-shadow: none;
  opacity: 1;
}
html.manager .btn-tab-library.red {
  background-color: #FF7285;
  color: white;
  cursor: default;
}
html.manager .btn-tab-library.green {
  background-color: #daf7e8;
  color: white;
  cursor: default;
}
html.manager .btn-tab-library.yellow {
  background-color: #FFCA83;
  color: white;
  cursor: default;
}
html.manager .label-info {
  font-size: 0.6875rem;
}
html.manager .btn-circle {
  background-color: #DEF1FC;
  color: #4A7EC0;
  cursor: default;
  border-radius: 1.5rem;
  margin: 0;
  padding: 0.5rem;
  min-width: 40px;
  min-height: 40px;
}
html.manager .active .btn-tab {
  background-color: #E94884;
  color: white;
  box-shadow: 0px 3px 5px rgba(233, 72, 132, 0.26);
}
html.manager .breadcrumb-link {
  color: #4A7EC0;
  cursor: pointer;
  transition: .25s;
  font-size: 1.625rem;
  text-decoration: none;
  display: flex;
  align-items: center;
}
html.manager .breadcrumb-link:hover {
  color: #00C3D9;
  transition: .25s;
}
html.manager .btn-label {
  color: white;
  border-radius: 0.75rem;
  box-shadow: 0px 3px 5px rgba(74, 126, 192, 0.26);
  padding: 0 2rem;
  transition: .25s;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 0 0.2rem 0.5rem !important;
  background-color: #DEF1FC;
  color: #4A7EC0;
  height: auto;
  box-shadow: none;
}
html.manager .btn-label:hover {
  box-shadow: none;
  transition: .25s;
}
html.manager .btn-label:disabled,
html.manager .btn-label.disabled html.manager .btn-label.overDisabled {
  background: white;
  border: 1px solid #6E8CA0;
  color: #6E8CA0;
  box-shadow: none;
  opacity: 1;
}
html.manager .btn-label.red {
  background-color: #FF7285;
  color: white;
  cursor: default;
}
html.manager .btn-label.green {
  background-color: #daf7e8;
  color: white;
  cursor: default;
}
html.manager .btn-label.yellow {
  background-color: #FFCA83;
  color: white;
  cursor: default;
}
html.manager .new-btn {
  color: white;
  border-radius: 0.75rem;
  box-shadow: 0px 3px 5px rgba(74, 126, 192, 0.26);
  padding: 0 2rem;
  transition: .25s;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 0 0.2rem 0.5rem !important;
  background: #4A7EC0;
  height: 55px;
  border-radius: 0.875rem;
  box-shadow: 0px 3px 5px rgba(72, 159, 233, 0.26);
  border: 1px solid #4A7EC0;
  margin-bottom: 0 !important;
}
html.manager .new-btn:hover {
  box-shadow: none;
  transition: .25s;
}
html.manager .new-btn:disabled,
html.manager .new-btn.disabled html.manager .new-btn.overDisabled {
  background: white;
  border: 1px solid #6E8CA0;
  color: #6E8CA0;
  box-shadow: none;
  opacity: 1;
}
html.manager .submenu-primary-blue-btn {
  color: white;
  border-radius: 0.75rem;
  padding: 0 2rem;
  transition: .25s;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 0 0.2rem 0.5rem !important;
  height: 55px;
  border-radius: 0.875rem;
  box-shadow: 0px 3px 5px rgba(72, 159, 233, 0.26);
  box-shadow: 0px 3px 5px rgba(74, 126, 192, 0.26);
  background: #4A7EC0;
  border: 1px solid #4A7EC0;
  margin-bottom: 0 !important;
}
html.manager .submenu-primary-blue-btn:hover {
  box-shadow: none;
  transition: .25s;
}
html.manager .submenu-primary-blue-btn:disabled,
html.manager .submenu-primary-blue-btn.disabled html.manager .submenu-primary-blue-btn.overDisabled {
  background: white;
  border: 1px solid #6E8CA0;
  color: #6E8CA0;
  box-shadow: none;
  opacity: 1;
}
html.manager .submenu-primary-blue-btn:hover {
  background-color: #467bbf;
}
html.manager .icon-close {
  background: url("../img/icons/icon_close.svg") !important;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
}
html.manager .icon-close-search {
  background: url("../img/icons/icon_close.svg") !important;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background: url("../img/icons/icon_close_search.svg") !important;
  background-repeat: no-repeat !important;
  height: 14px!important;
}
html.manager .deliver-btn,
html.manager .blue-light-btn,
html.manager .create-btn,
html.manager .next-btn {
  color: white;
  border-radius: 0.75rem;
  box-shadow: 0px 3px 5px rgba(74, 126, 192, 0.26);
  padding: 0 2rem;
  transition: .25s;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 0 0.2rem 0.5rem !important;
  background: #00C3D9;
}
html.manager .deliver-btn:hover,
html.manager .blue-light-btn:hover,
html.manager .create-btn:hover,
html.manager .next-btn:hover {
  box-shadow: none;
  transition: .25s;
}
html.manager .deliver-btn:disabled,
html.manager .blue-light-btn:disabled,
html.manager .create-btn:disabled,
html.manager .next-btn:disabled,
html.manager .deliver-btn.disabled html.manager .deliver-btn.overDisabled,
html.manager .deliver-btn.disabled html.manager .blue-light-btn.overDisabled,
html.manager .deliver-btn.disabled html.manager .create-btn.overDisabled,
html.manager .deliver-btn.disabled html.manager .next-btn.overDisabled,
html.manager .blue-light-btn.disabled html.manager .deliver-btn.overDisabled,
html.manager .blue-light-btn.disabled html.manager .blue-light-btn.overDisabled,
html.manager .blue-light-btn.disabled html.manager .create-btn.overDisabled,
html.manager .blue-light-btn.disabled html.manager .next-btn.overDisabled,
html.manager .create-btn.disabled html.manager .deliver-btn.overDisabled,
html.manager .create-btn.disabled html.manager .blue-light-btn.overDisabled,
html.manager .create-btn.disabled html.manager .create-btn.overDisabled,
html.manager .create-btn.disabled html.manager .next-btn.overDisabled,
html.manager .next-btn.disabled html.manager .deliver-btn.overDisabled,
html.manager .next-btn.disabled html.manager .blue-light-btn.overDisabled,
html.manager .next-btn.disabled html.manager .create-btn.overDisabled,
html.manager .next-btn.disabled html.manager .next-btn.overDisabled {
  background: white;
  border: 1px solid #6E8CA0;
  color: #6E8CA0;
  box-shadow: none;
  opacity: 1;
}
html.manager .deliver-btn:hover,
html.manager .blue-light-btn:hover,
html.manager .create-btn:hover,
html.manager .next-btn:hover {
  background-color: #00bed4;
  color: white;
}
html.manager a.blue-light-btn:hover {
  color: white;
  fill: white;
}
html.manager .done-btn {
  color: white;
  border-radius: 0.75rem;
  box-shadow: 0px 3px 5px rgba(74, 126, 192, 0.26);
  padding: 0 2rem;
  transition: .25s;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 0 0.2rem 0.5rem !important;
  background: #00C3D9;
}
html.manager .done-btn:hover {
  box-shadow: none;
  transition: .25s;
}
html.manager .done-btn:disabled,
html.manager .done-btn.disabled html.manager .done-btn.overDisabled {
  background: white;
  border: 1px solid #6E8CA0;
  color: #6E8CA0;
  box-shadow: none;
  opacity: 1;
}
html.manager .done-btn:hover {
  background-color: #00bed4;
  color: white;
}
html.manager .cancel-btn,
html.manager .exit-btn,
html.manager .close-btn {
  color: white;
  border-radius: 0.75rem;
  box-shadow: 0px 3px 5px rgba(74, 126, 192, 0.26);
  padding: 0 2rem;
  transition: .25s;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 0 0.2rem 0.5rem !important;
  background: #00C3D9;
}
html.manager .cancel-btn:hover,
html.manager .exit-btn:hover,
html.manager .close-btn:hover {
  box-shadow: none;
  transition: .25s;
}
html.manager .cancel-btn:disabled,
html.manager .exit-btn:disabled,
html.manager .close-btn:disabled,
html.manager .cancel-btn.disabled html.manager .cancel-btn.overDisabled,
html.manager .cancel-btn.disabled html.manager .exit-btn.overDisabled,
html.manager .cancel-btn.disabled html.manager .close-btn.overDisabled,
html.manager .exit-btn.disabled html.manager .cancel-btn.overDisabled,
html.manager .exit-btn.disabled html.manager .exit-btn.overDisabled,
html.manager .exit-btn.disabled html.manager .close-btn.overDisabled,
html.manager .close-btn.disabled html.manager .cancel-btn.overDisabled,
html.manager .close-btn.disabled html.manager .exit-btn.overDisabled,
html.manager .close-btn.disabled html.manager .close-btn.overDisabled {
  background: white;
  border: 1px solid #6E8CA0;
  color: #6E8CA0;
  box-shadow: none;
  opacity: 1;
}
html.manager .cancel-btn:hover,
html.manager .exit-btn:hover,
html.manager .close-btn:hover {
  background-color: #00bed4;
  color: white;
}
html.manager .save-btn,
html.manager .add-btn {
  color: white;
  border-radius: 0.75rem;
  box-shadow: 0px 3px 5px rgba(74, 126, 192, 0.26);
  padding: 0 2rem;
  transition: .25s;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 0 0.2rem 0.5rem !important;
  background: #00C3D9;
  background-color: #4A7EC0;
}
html.manager .save-btn:hover,
html.manager .add-btn:hover {
  box-shadow: none;
  transition: .25s;
}
html.manager .save-btn:disabled,
html.manager .add-btn:disabled,
html.manager .save-btn.disabled html.manager .save-btn.overDisabled,
html.manager .save-btn.disabled html.manager .add-btn.overDisabled,
html.manager .add-btn.disabled html.manager .save-btn.overDisabled,
html.manager .add-btn.disabled html.manager .add-btn.overDisabled {
  background: white;
  border: 1px solid #6E8CA0;
  color: #6E8CA0;
  box-shadow: none;
  opacity: 1;
}
html.manager .save-btn:hover,
html.manager .add-btn:hover {
  background-color: #00bed4;
  color: white;
}
html.manager .no-btn {
  color: white;
  border-radius: 0.75rem;
  box-shadow: 0px 3px 5px rgba(74, 126, 192, 0.26);
  padding: 0 2rem;
  transition: .25s;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 0 0.2rem 0.5rem !important;
  background: #00C3D9;
}
html.manager .no-btn:hover {
  box-shadow: none;
  transition: .25s;
}
html.manager .no-btn:disabled,
html.manager .no-btn.disabled html.manager .no-btn.overDisabled {
  background: white;
  border: 1px solid #6E8CA0;
  color: #6E8CA0;
  box-shadow: none;
  opacity: 1;
}
html.manager .no-btn:hover {
  background-color: #00bed4;
  color: white;
}
html.manager .yes-btn {
  color: white;
  border-radius: 0.75rem;
  box-shadow: 0px 3px 5px rgba(74, 126, 192, 0.26);
  padding: 0 2rem;
  transition: .25s;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 0 0.2rem 0.5rem !important;
  background: #00C3D9;
  background-color: #4A7EC0;
}
html.manager .yes-btn:hover {
  box-shadow: none;
  transition: .25s;
}
html.manager .yes-btn:disabled,
html.manager .yes-btn.disabled html.manager .yes-btn.overDisabled {
  background: white;
  border: 1px solid #6E8CA0;
  color: #6E8CA0;
  box-shadow: none;
  opacity: 1;
}
html.manager .yes-btn:hover {
  background-color: #00bed4;
  color: white;
}
html.manager .tgl-btn {
  background-color: #6DCEBD;
}
html.manager .tgl-ios:checked + .tgl-btn {
  background-color: #6DCEBD !important;
}
html.manager .pink-btn {
  color: white;
  border-radius: 0.75rem;
  box-shadow: 0px 3px 5px rgba(74, 126, 192, 0.26);
  padding: 0 2rem;
  transition: .25s;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 0 0.2rem 0.5rem !important;
  background: #00C3D9;
  background-color: #E94884;
}
html.manager .pink-btn:hover {
  box-shadow: none;
  transition: .25s;
}
html.manager .pink-btn:disabled,
html.manager .pink-btn.disabled html.manager .pink-btn.overDisabled {
  background: white;
  border: 1px solid #6E8CA0;
  color: #6E8CA0;
  box-shadow: none;
  opacity: 1;
}
html.manager .pink-btn:hover {
  background-color: #00bed4;
  color: white;
}
html.manager .pink-btn:hover:hover {
  background-color: #e84381;
  box-shadow: 0px 3px 5px #E94884;
}
html.manager .green-btn {
  color: white;
  border-radius: 0.75rem;
  box-shadow: 0px 3px 5px rgba(74, 126, 192, 0.26);
  padding: 0 2rem;
  transition: .25s;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 0 0.2rem 0.5rem !important;
  background: #00C3D9;
  background-color: #6DCEBD;
}
html.manager .green-btn:hover {
  box-shadow: none;
  transition: .25s;
}
html.manager .green-btn:disabled,
html.manager .green-btn.disabled html.manager .green-btn.overDisabled {
  background: white;
  border: 1px solid #6E8CA0;
  color: #6E8CA0;
  box-shadow: none;
  opacity: 1;
}
html.manager .green-btn:hover {
  background-color: #00bed4;
  color: white;
}
html.manager .green-btn:hover:hover {
  background-color: #69cdbb;
  box-shadow: 0px 3px 5px #6DCEBD;
}
html.manager a,
html.manager a:link,
html.manager .link-btn {
  color: #4A7EC0;
}
html.manager a:hover,
html.manager a:link:hover,
html.manager .link-btn:hover,
html.manager a:visited,
html.manager a:link:visited,
html.manager .link-btn:visited {
  color: #00C3D9;
}
html.manager a.btn-setup,
html.manager .btn-setup {
  background: transparent;
  border: 0;
  outline: none;
  box-shadow: none;
  color: #6E8CA0;
  text-transform: uppercase;
}
html.manager a.btn-setup:hover,
html.manager .btn-setup:hover {
  color: #4A7EC0;
}
html.manager .global-label {
  font-size: 0.875rem;
  background-color: #DEF1FC;
  color: #4A7EC0;
  border-radius: 1.3rem;
  padding: 5px 10px!important;
}
html.manager .container-fluid.manager-container {
  margin: 0;
  padding: 0!important;
}
html.manager .secondary-menu {
  background: #FCFCFE !important;
  min-height: 60px;
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  position: relative;
  z-index: 3;
}
html.manager .secondary-menu .search-base {
  display: flex;
  align-items: center;
  height: 55px;
  border-radius: 0.75rem;
  background: #fff;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.16);
  flex: 1;
  padding: 1rem;
  margin: 0.5rem;
}
html.manager .secondary-menu .search-base .search-input {
  border: none;
  width: 100%;
  border-radius: 0!important;
}
html.manager .secondary-menu .search-base .search-input::placeholder {
  color: #6E8CA0 !important;
}
html.manager .header-base {
  padding: 1rem;
}
html.manager #sortable.wand-sortable.cards-container,
html.manager #not-sortable.wand-sortable.cards-container {
  width: 100%;
}
html.manager #sortable.wand-sortable .card-container,
html.manager #not-sortable.wand-sortable .card-container {
  width: 100%;
}
html.manager #sortable.wand-sortable .card-container .duplicate,
html.manager #not-sortable.wand-sortable .card-container .duplicate,
html.manager #sortable.wand-sortable .card-container .importppt,
html.manager #not-sortable.wand-sortable .card-container .importppt,
html.manager #sortable.wand-sortable .card-container .copy-from-repository,
html.manager #not-sortable.wand-sortable .card-container .copy-from-repository {
  width: 100%;
  position: relative;
}
html.manager #sortable.wand-sortable .card-container .duplicate .panel-loading,
html.manager #not-sortable.wand-sortable .card-container .duplicate .panel-loading,
html.manager #sortable.wand-sortable .card-container .importppt .panel-loading,
html.manager #not-sortable.wand-sortable .card-container .importppt .panel-loading,
html.manager #sortable.wand-sortable .card-container .copy-from-repository .panel-loading,
html.manager #not-sortable.wand-sortable .card-container .copy-from-repository .panel-loading {
  line-height: 1.5;
  padding: 0;
  display: flex;
  justify-content: start;
  align-items: center;
  color: #E94884;
  background: #FFE2E6;
  position: absolute;
  height: 100%;
  width: 100%;
  margin: 0;
  border-radius: 3.125rem;
}
html.manager #sortable.wand-sortable .card-container .duplicate .panel-loading .loader-dots,
html.manager #not-sortable.wand-sortable .card-container .duplicate .panel-loading .loader-dots,
html.manager #sortable.wand-sortable .card-container .importppt .panel-loading .loader-dots,
html.manager #not-sortable.wand-sortable .card-container .importppt .panel-loading .loader-dots,
html.manager #sortable.wand-sortable .card-container .copy-from-repository .panel-loading .loader-dots,
html.manager #not-sortable.wand-sortable .card-container .copy-from-repository .panel-loading .loader-dots {
  width: 30px;
  height: 30px;
  left: 1rem;
  top: auto;
  position: relative;
  margin: 0;
}
html.manager #sortable.wand-sortable .card-container .duplicate .panel-loading .loader-dots .loader-dot,
html.manager #not-sortable.wand-sortable .card-container .duplicate .panel-loading .loader-dots .loader-dot,
html.manager #sortable.wand-sortable .card-container .importppt .panel-loading .loader-dots .loader-dot,
html.manager #not-sortable.wand-sortable .card-container .importppt .panel-loading .loader-dots .loader-dot,
html.manager #sortable.wand-sortable .card-container .copy-from-repository .panel-loading .loader-dots .loader-dot,
html.manager #not-sortable.wand-sortable .card-container .copy-from-repository .panel-loading .loader-dots .loader-dot {
  position: absolute;
  width: 25px;
  height: 25px;
  opacity: 0;
  transform: rotate(225deg);
  animation-iteration-count: infinite;
  animation-name: orbit-card;
  animation-duration: 5.5s;
}
html.manager #sortable.wand-sortable .card-container .duplicate .panel-loading .loader-dots .loader-dot:after,
html.manager #not-sortable.wand-sortable .card-container .duplicate .panel-loading .loader-dots .loader-dot:after,
html.manager #sortable.wand-sortable .card-container .importppt .panel-loading .loader-dots .loader-dot:after,
html.manager #not-sortable.wand-sortable .card-container .importppt .panel-loading .loader-dots .loader-dot:after,
html.manager #sortable.wand-sortable .card-container .copy-from-repository .panel-loading .loader-dots .loader-dot:after,
html.manager #not-sortable.wand-sortable .card-container .copy-from-repository .panel-loading .loader-dots .loader-dot:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #258cff;
}
html.manager #sortable.wand-sortable .card-container .duplicate .panel-loading .loader-dots .loader-dot:nth-child(2),
html.manager #not-sortable.wand-sortable .card-container .duplicate .panel-loading .loader-dots .loader-dot:nth-child(2),
html.manager #sortable.wand-sortable .card-container .importppt .panel-loading .loader-dots .loader-dot:nth-child(2),
html.manager #not-sortable.wand-sortable .card-container .importppt .panel-loading .loader-dots .loader-dot:nth-child(2),
html.manager #sortable.wand-sortable .card-container .copy-from-repository .panel-loading .loader-dots .loader-dot:nth-child(2),
html.manager #not-sortable.wand-sortable .card-container .copy-from-repository .panel-loading .loader-dots .loader-dot:nth-child(2) {
  animation-delay: 300ms;
}
html.manager #sortable.wand-sortable .card-container .duplicate .panel-loading .loader-dots .loader-dot:nth-child(3),
html.manager #not-sortable.wand-sortable .card-container .duplicate .panel-loading .loader-dots .loader-dot:nth-child(3),
html.manager #sortable.wand-sortable .card-container .importppt .panel-loading .loader-dots .loader-dot:nth-child(3),
html.manager #not-sortable.wand-sortable .card-container .importppt .panel-loading .loader-dots .loader-dot:nth-child(3),
html.manager #sortable.wand-sortable .card-container .copy-from-repository .panel-loading .loader-dots .loader-dot:nth-child(3),
html.manager #not-sortable.wand-sortable .card-container .copy-from-repository .panel-loading .loader-dots .loader-dot:nth-child(3) {
  animation-delay: 600ms;
}
html.manager #sortable.wand-sortable .card-container .duplicate .panel-loading .loader-dots .loader-dot:nth-child(4),
html.manager #not-sortable.wand-sortable .card-container .duplicate .panel-loading .loader-dots .loader-dot:nth-child(4),
html.manager #sortable.wand-sortable .card-container .importppt .panel-loading .loader-dots .loader-dot:nth-child(4),
html.manager #not-sortable.wand-sortable .card-container .importppt .panel-loading .loader-dots .loader-dot:nth-child(4),
html.manager #sortable.wand-sortable .card-container .copy-from-repository .panel-loading .loader-dots .loader-dot:nth-child(4),
html.manager #not-sortable.wand-sortable .card-container .copy-from-repository .panel-loading .loader-dots .loader-dot:nth-child(4) {
  animation-delay: 900ms;
}
html.manager #sortable.wand-sortable .card-container .duplicate .panel-loading .loader-dots .loader-dot:nth-child(5),
html.manager #not-sortable.wand-sortable .card-container .duplicate .panel-loading .loader-dots .loader-dot:nth-child(5),
html.manager #sortable.wand-sortable .card-container .importppt .panel-loading .loader-dots .loader-dot:nth-child(5),
html.manager #not-sortable.wand-sortable .card-container .importppt .panel-loading .loader-dots .loader-dot:nth-child(5),
html.manager #sortable.wand-sortable .card-container .copy-from-repository .panel-loading .loader-dots .loader-dot:nth-child(5),
html.manager #not-sortable.wand-sortable .card-container .copy-from-repository .panel-loading .loader-dots .loader-dot:nth-child(5) {
  animation-delay: 1200ms;
}
html.manager #sortable.wand-sortable .card-container .duplicate .panel-loading .loader-message.loader-message-dots,
html.manager #not-sortable.wand-sortable .card-container .duplicate .panel-loading .loader-message.loader-message-dots,
html.manager #sortable.wand-sortable .card-container .importppt .panel-loading .loader-message.loader-message-dots,
html.manager #not-sortable.wand-sortable .card-container .importppt .panel-loading .loader-message.loader-message-dots,
html.manager #sortable.wand-sortable .card-container .copy-from-repository .panel-loading .loader-message.loader-message-dots,
html.manager #not-sortable.wand-sortable .card-container .copy-from-repository .panel-loading .loader-message.loader-message-dots {
  display: flex;
  font-size: 16px;
  padding: 0 1.5rem;
}
html.manager #sortable.wand-sortable .card-container .duplicate .panel-loading .loader-message.loader-message-dots .cancel-duplicate,
html.manager #not-sortable.wand-sortable .card-container .duplicate .panel-loading .loader-message.loader-message-dots .cancel-duplicate,
html.manager #sortable.wand-sortable .card-container .importppt .panel-loading .loader-message.loader-message-dots .cancel-duplicate,
html.manager #not-sortable.wand-sortable .card-container .importppt .panel-loading .loader-message.loader-message-dots .cancel-duplicate,
html.manager #sortable.wand-sortable .card-container .copy-from-repository .panel-loading .loader-message.loader-message-dots .cancel-duplicate,
html.manager #not-sortable.wand-sortable .card-container .copy-from-repository .panel-loading .loader-message.loader-message-dots .cancel-duplicate {
  margin-left: 10px;
}
html.manager #sortable.wand-sortable .card-container.folder-droppable-active .card-base,
html.manager #not-sortable.wand-sortable .card-container.folder-droppable-active .card-base {
  border: none;
  background-color: #DEF1FC;
}
html.manager #sortable.wand-sortable .ui-sortable-placeholder,
html.manager #not-sortable.wand-sortable .ui-sortable-placeholder {
  border-radius: 3.125rem;
  background-color: #DEF1FC;
}
html.manager .displayable-folder,
html.manager .displayable-worksheet {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0.4rem;
}
html.manager .displayable-lesson,
html.manager .displayable-lesson-by-code {
  cursor: move;
}
html.manager .groupsContainer {
  display: flex;
  flex-wrap: wrap;
  max-height: 25vh;
  overflow-x: hidden;
  padding: 0.5rem;
  background: #DEF1FC;
  border-radius: 1.5625rem 0 0 1.5625rem;
  justify-content: center;
  margin: 0.5rem 0;
}
html.manager .deliverGroupCard,
html.manager .seeReportsGroupCard {
  margin: 5px;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  flex: 0 1 auto;
  word-wrap: break-word;
  min-width: 30%;
  width: auto;
  color: #222222;
  background: #fff;
  user-select: none;
  border-radius: 3.125rem;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}
html.manager .seeLessonStatusGroupCard {
  margin: 5px;
  padding: 10px;
  text-align: center;
  border: 1px solid #c6cad0;
  flex: 0 0 12.3333%;
  word-wrap: break-word;
  min-width: 140px;
}
html.manager .disableSelectGroupBtn {
  cursor: not-allowed;
  pointer-events: none;
  color: #c0c0c0;
  border-color: #ddd;
  background-color: #6c7ac60f;
  border: 1px solid #6c7ac60f;
}
html.manager .hideSelectGroupBtn {
  display: none;
}
html.manager .deliverGroupCardSelected,
html.manager .seeReportsGroupCardSelected {
  background: #4A7EC0;
  color: #fff;
}
html.manager .bootstrap-datetimepicker-widget {
  border-radius: 1.5625rem;
  border: none;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  background-color: #FCFCFE !important;
}
html.manager .bootstrap-datetimepicker-widget .row {
  display: flex;
}
html.manager .bootstrap-datetimepicker-widget .row .col-md-6 {
  width: 100%;
}
html.manager .bootstrap-datetimepicker-widget .row .col-md-6 .timepicker-picker tr td {
  text-align: center;
}
html.manager .bootstrap-datetimepicker-widget .row .col-md-6 .timepicker-picker td.active {
  background: #00C3D9 !important;
}
html.manager .bootstrap-datetimepicker-widget .row .col-md-6 .timepicker-picker td.day.disabled {
  text-align: center;
}
html.manager .card-set {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  fill: #ffffff;
  background: white;
  padding: 0.6rem;
  border-radius: 1.5625rem;
  transition: 0.2s;
}
html.manager .card-set .link-btn {
  color: #4A7EC0 !important;
}
html.manager .card-set .link-btn:hover,
html.manager .card-set .link-btn:visited {
  color: #00C3D9 !important;
}
html.manager .card-base {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  fill: #ffffff;
  background: white;
  border-radius: 1.5625rem;
  transition: 0.2s;
  width: 100%;
  min-height: 50px;
  padding: 0.6rem;
  display: flex;
  justify-content: space-between;
  vertical-align: middle;
  align-items: center;
  border-radius: 0;
}
html.manager .card-base .link-btn {
  color: #4A7EC0 !important;
}
html.manager .card-base .link-btn:hover,
html.manager .card-base .link-btn:visited {
  color: #00C3D9 !important;
}
html.manager .card-base .deliver-btn {
  margin: 0 0.2rem 0rem !important;
}
html.manager .card-base .card-body {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 40px;
}
html.manager .card-base .card-body .card-icon .slide,
html.manager .card-base .card-body .card-icon .worksheet,
html.manager .card-base .card-body .card-icon .folder {
  display: flex;
}
html.manager .card-base .card-body .card-icon .slide::before {
  content: url("../img/icons/icon_slide.svg");
}
html.manager .card-base .card-body .card-icon .worksheet::before {
  content: url("../img/icons/icon_worksheet.svg");
  background-color: white !important;
}
html.manager .card-base .card-body .card-icon .folder::before {
  content: url("../img/icons/icon_folder.svg");
}
html.manager .card-base .card-body .card-title {
  color: #222222;
  margin-left: 0.5rem;
  cursor: pointer;
  width: 100%;
}
html.manager .card-base .card-body .card-date {
  color: #222222;
  margin-left: 6.5rem;
  cursor: pointer;
  width: 100%;
}
html.manager .card-base .card-body .card-author {
  color: #222222;
  margin-left: 6.5rem;
  cursor: pointer;
  width: 100%;
}
html.manager .card-base .card-action-btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
html.manager .card-base .card-action-btns .lessonActions {
  min-width: 130px;
}
html.manager .card-base .card-action-btns .card-report-link {
  color: #4A7EC0;
  padding: 0 1rem;
  cursor: pointer;
  transition: .25s;
}
html.manager .card-base .card-action-btns .card-report-link .list-item-reports {
  position: relative;
  display: flex;
  justify-content: center;
}
html.manager .card-base .card-action-btns .card-report-link .list-item-reports:before {
  content: '';
  position: absolute;
  width: 13px;
  display: block;
  height: 2px;
  background-color: #6DCEBD;
  bottom: -5px;
}
html.manager .card-base .card-action-btns .card-report-link .list-item-reports:hover::before {
  width: 17px;
  transition: .25s;
  color: #00C3D9;
}
html.manager .card-base .card-action-btns .card-report-link .list-item-reports:hover {
  color: #00C3D9;
  transition: .25s;
}
html.manager .card-base .dropdown-menu {
  background-color: #FCFCFE !important;
  border-radius: 1.04166667rem;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  color: #4A7EC0;
  padding: 0;
  margin: 0;
  border: none;
  top: auto;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 0.5rem;
}
html.manager .card-base .dropdown-menu li {
  border-radius: 3.125rem;
}
html.manager .card-base .dropdown-menu > li a:hover {
  background-color: #DEF1FC;
  border-radius: 3.125rem;
}
html.manager .card-base .dropdown-menu::after {
  content: '';
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #FCFCFE transparent transparent !important;
}
html.manager .modal {
  margin: 0 auto;
  background: transparent;
}
html.manager .modal .modal-dialog {
  width: 90%;
  max-width: 90%;
  margin: 0;
  position: absolute !important;
  bottom: 50% !important;
  right: 50% !important;
  -webkit-transform: translateX(50%, 50%) !important;
  -moz-transform: translateX(50%, 50%) !important;
  -ms-transform: translateX(50%, 50%) !important;
  -o-transform: translateX(50%, 50%) !important;
  transform: translate(50%, 50%) !important;
}
html.manager .modal .modal-dialog .modal-content {
  border-radius: 1.5625rem;
  padding: 1rem;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}
html.manager .modal .modal-dialog .modal-content .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}
html.manager .modal .modal-dialog .modal-content .modal-header .modal-title {
  font-weight: 400;
}
html.manager .modal .modal-dialog .modal-content .modal-header .icon-close {
  background: url("../img/icons/icon_close.svg") !important;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
}
html.manager .modal .modal-dialog .modal-content .modal-body .form-group {
  flex: 1 1 auto;
}
html.manager .modal .modal-dialog .modal-content .modal-body .form-group .form-control {
  border: 1px solid #6E8CA0;
  border-radius: 3.125rem;
  color: #222222 !important;
}
html.manager .modal .modal-dialog .modal-content .modal-body .form-group.has-error .form-control {
  border-bottom-color: #6E8CA0 !important;
}
html.manager .modal .modal-dialog .modal-content .modal-body .form-group label {
  color: #6E8CA0;
  z-index: 2;
}
html.manager .modal .modal-dialog .modal-content .modal-footer {
  border-top: 0;
}
html.manager .modal .tabpanel-base .nav.nav-tabs {
  border-bottom: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0.5rem;
}
html.manager .modal .tabpanel-base .nav.nav-tabs > li {
  margin-bottom: 0;
  flex: 1;
  text-align: center;
}
html.manager .modal .tabpanel-base .nav.nav-tabs > li > a {
  border-bottom: none;
}
html.manager .modal .tabpanel-base .nav.nav-tabs > li > a.btn-tab {
  color: white;
  border-radius: 0.75rem;
  box-shadow: 0px 3px 5px rgba(74, 126, 192, 0.26);
  padding: 0 2rem;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 0 0.2rem 0.5rem !important;
  background-color: #DEF1FC;
  color: #4A7EC0;
  height: auto;
  transition: .25s;
}
html.manager .modal .tabpanel-base .nav.nav-tabs > li > a.btn-tab:hover {
  box-shadow: none;
  transition: .25s;
}
html.manager .modal .tabpanel-base .nav.nav-tabs > li > a.btn-tab:disabled,
html.manager .modal .tabpanel-base .nav.nav-tabs > li > a.btn-tab.disabled html.manager .modal .tabpanel-base .nav.nav-tabs > li > a.btn-tab.overDisabled {
  background: white;
  border: 1px solid #6E8CA0;
  color: #6E8CA0;
  box-shadow: none;
  opacity: 1;
}
html.manager .modal .tabpanel-base .nav.nav-tabs > li > a.btn-tab.red {
  background-color: #FF7285;
  color: white;
  cursor: default;
}
html.manager .modal .tabpanel-base .nav.nav-tabs > li > a.btn-tab.green {
  background-color: #daf7e8;
  color: white;
  cursor: default;
}
html.manager .modal .tabpanel-base .nav.nav-tabs > li > a.btn-tab.yellow {
  background-color: #FFCA83;
  color: white;
  cursor: default;
}
html.manager .modal .tabpanel-base .nav.nav-tabs li.active > a {
  background-color: #E94884;
  color: white;
  box-shadow: 0px 3px 5px rgba(233, 72, 132, 0.26);
}
html.manager .modal .tabpanel-base .tab-content {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  min-height: 300px;
  padding: 0.5rem;
}
html.manager .modal .tabpanel-base .tab-content form .form-group {
  flex: 1 1 auto;
}
html.manager .modal .tabpanel-base .tab-content form .form-group .form-control {
  border: 1px solid #6E8CA0;
  border-radius: 3.125rem;
  color: #222222 !important;
}
html.manager .modal .tabpanel-base .tab-content form .form-group.has-error .form-control {
  border-bottom-color: #6E8CA0 !important;
}
html.manager .modal .tabpanel-base .tab-content form .form-group label {
  color: #6E8CA0;
}
html.manager .modal .tabpanel-base .tab-content form button {
  float: right;
}
html.manager nav#header {
  background: #FFFFFF!important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
html.manager .groups.reports.homework.worksheet {
  background-color: #fcfcfe !important;
}
html.manager .card-reports {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  flex-wrap: wrap;
}
html.manager .card-report {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  fill: #ffffff;
  background: white;
  padding: 0.6rem;
  border-radius: 1.5625rem;
  transition: 0.2s;
  flex: 1;
  margin: 0.5rem;
  min-width: 200px;
}
html.manager .card-report .link-btn {
  color: #4A7EC0 !important;
}
html.manager .card-report .link-btn:hover,
html.manager .card-report .link-btn:visited {
  color: #00C3D9 !important;
}
html.manager .card-report:first-child {
  background-color: #4A7EC0;
  color: white;
}
html.manager .card-report:first-child h5 {
  color: white;
}
html.manager .card-report .card-report-percentage {
  font-size: 2.5rem;
  font-weight: 300;
  float: right;
}
html.manager .card-report .mini-donut {
  max-height: 80px;
}
html.manager .card-report .progress-border {
  box-shadow: inset 0px 0px 0px 2px #4A7EC0, 0 0 2px #4A7EC0;
  border-radius: 20px;
}
html.manager .show-question.open {
  position: relative;
}
html.manager .show-question.open .dropdown-menu {
  background-color: #FCFCFE !important;
  border-radius: 1.04166667rem;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  color: #4A7EC0;
  padding: 0;
  margin: 0;
  border: none;
  top: auto;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 0.5rem;
}
html.manager .show-question.open .dropdown-menu li {
  border-radius: 3.125rem;
}
html.manager .show-question.open .dropdown-menu > li a:hover {
  background-color: #DEF1FC;
  border-radius: 3.125rem;
}
html.manager .show-question.open .dropdown-menu::after {
  content: '';
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #FCFCFE transparent transparent !important;
}
html.manager .card-student {
  border: 1px solid #00C3D9;
  border-radius: 1.5625rem;
  cursor: pointer;
  margin: 0.5rem;
  box-sizing: border-box;
  padding: 0.5rem;
}
html.manager .card-student .card-student-body .img-icon {
  max-width: 60px;
  max-height: 60px;
}
html.manager .card-student .card-student-percentage {
  font-size: 1.5rem;
  float: left;
  color: #6E8CA0;
}
html.manager .card-student:hover {
  background: #DEF1FC;
  transition: .25s;
}
html.manager .homework.cd-section.groups-assignments.student .dropdown-menu,
html.manager .library-home .dropdown-menu {
  background-color: #FCFCFE !important;
  border-radius: 1.04166667rem;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  color: #4A7EC0;
  padding: 0;
  margin: 0;
  border: none;
  padding: 0.5rem;
}
html.manager .homework.cd-section.groups-assignments.student .dropdown-menu > li a:hover,
html.manager .library-home .dropdown-menu > li a:hover {
  background-color: #DEF1FC;
}
html.manager .homework.cd-section.groups-assignments.student .dropdown-menu::after,
html.manager .library-home .dropdown-menu::after {
  content: '';
  position: absolute;
  top: -7px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #FCFCFE !important;
}
html.manager .homework.cd-section.groups-assignments.student .form-control.input-base,
html.manager .library-home .form-control.input-base {
  display: flex;
  align-items: center;
  height: 40px;
  border-radius: 27.5px;
  background: #fff;
  box-shadow: none;
  flex: 1;
  padding: 1rem;
  margin: 0.5rem;
}
html.manager .homework.cd-section.groups-assignments.student .form-control.input-base .search-input,
html.manager .library-home .form-control.input-base .search-input {
  border: none;
  width: 100%;
}
html.manager .homework.cd-section.groups-assignments.student .form-control.input-base .search-input::placeholder,
html.manager .library-home .form-control.input-base .search-input::placeholder {
  color: #6E8CA0 !important;
}
html.manager .homework.cd-section.groups-assignments.student .card-set.student-view,
html.manager .library-home .card-set.student-view,
html.manager .homework.cd-section.groups-assignments.student .card-set.lessonCard,
html.manager .library-home .card-set.lessonCard {
  margin: 0.3rem;
  transition: 0.2s;
  position: relative;
}
html.manager .homework.cd-section.groups-assignments.student .card-set.student-view:hover,
html.manager .library-home .card-set.student-view:hover,
html.manager .homework.cd-section.groups-assignments.student .card-set.lessonCard:hover,
html.manager .library-home .card-set.lessonCard:hover {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  transition: 0.2s;
}
html.manager .homework.cd-section.groups-assignments.student .card-set.student-view .card-title,
html.manager .library-home .card-set.student-view .card-title,
html.manager .homework.cd-section.groups-assignments.student .card-set.lessonCard .card-title,
html.manager .library-home .card-set.lessonCard .card-title {
  color: #222222;
  cursor: pointer;
  width: 100%;
}
html.manager .homework.cd-section.groups-assignments.student .card-set.student-view p.author,
html.manager .library-home .card-set.student-view p.author,
html.manager .homework.cd-section.groups-assignments.student .card-set.lessonCard p.author,
html.manager .library-home .card-set.lessonCard p.author {
  font-size: 0.8125rem;
  color: #6E8CA0;
}
html.manager .homework.cd-section.groups-assignments.student .card-set.student-view .assignment-title,
html.manager .library-home .card-set.student-view .assignment-title,
html.manager .homework.cd-section.groups-assignments.student .card-set.lessonCard .assignment-title,
html.manager .library-home .card-set.lessonCard .assignment-title {
  margin: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 5px;
}
html.manager .homework.cd-section.groups-assignments.student .card-set.student-view .assignment-topic,
html.manager .library-home .card-set.student-view .assignment-topic,
html.manager .homework.cd-section.groups-assignments.student .card-set.lessonCard .assignment-topic,
html.manager .library-home .card-set.lessonCard .assignment-topic {
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 100%;
  color: #6E8CA0;
  font-size: 14px;
}
html.manager .homework.cd-section.groups-assignments.student .card-set.student-view .assignment-status,
html.manager .library-home .card-set.student-view .assignment-status,
html.manager .homework.cd-section.groups-assignments.student .card-set.lessonCard .assignment-status,
html.manager .library-home .card-set.lessonCard .assignment-status {
  margin: 0;
  color: #6E8CA0;
  font-size: 14px;
}
html.manager .homework.cd-section.groups-assignments.student .card-set.student-view .assignment-status .started,
html.manager .library-home .card-set.student-view .assignment-status .started,
html.manager .homework.cd-section.groups-assignments.student .card-set.lessonCard .assignment-status .started,
html.manager .library-home .card-set.lessonCard .assignment-status .started {
  color: #6DCEBD;
}
html.manager .homework.cd-section.groups-assignments.student .card-set.student-view .assignment-status .completed,
html.manager .library-home .card-set.student-view .assignment-status .completed,
html.manager .homework.cd-section.groups-assignments.student .card-set.lessonCard .assignment-status .completed,
html.manager .library-home .card-set.lessonCard .assignment-status .completed {
  color: #6DCEBD;
}
html.manager .homework.cd-section.groups-assignments.student .card-set.student-view .assignment-status .pending,
html.manager .library-home .card-set.student-view .assignment-status .pending,
html.manager .homework.cd-section.groups-assignments.student .card-set.lessonCard .assignment-status .pending,
html.manager .library-home .card-set.lessonCard .assignment-status .pending {
  color: #ffb52d;
}
html.manager .homework.cd-section.groups-assignments.student .card-set.student-view .assignment-status .closed,
html.manager .library-home .card-set.student-view .assignment-status .closed,
html.manager .homework.cd-section.groups-assignments.student .card-set.lessonCard .assignment-status .closed,
html.manager .library-home .card-set.lessonCard .assignment-status .closed {
  color: #e0457b;
}
html.manager .homework.cd-section.groups-assignments.student .card-set.student-view .assignment-score,
html.manager .library-home .card-set.student-view .assignment-score,
html.manager .homework.cd-section.groups-assignments.student .card-set.lessonCard .assignment-score,
html.manager .library-home .card-set.lessonCard .assignment-score {
  color: #6DCEBD;
  line-height: 100%;
  text-align: center;
}
html.manager .homework.cd-section.groups-assignments.student .card-set.student-view .assignment-author,
html.manager .library-home .card-set.student-view .assignment-author,
html.manager .homework.cd-section.groups-assignments.student .card-set.lessonCard .assignment-author,
html.manager .library-home .card-set.lessonCard .assignment-author {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 100%;
}
html.manager .homework.cd-section.groups-assignments.student .card-set.student-view .assignment-score-title,
html.manager .library-home .card-set.student-view .assignment-score-title,
html.manager .homework.cd-section.groups-assignments.student .card-set.lessonCard .assignment-score-title,
html.manager .library-home .card-set.lessonCard .assignment-score-title {
  color: #6DCEBD;
  text-align: center;
}
html.manager .homework.cd-section.groups-assignments.student .card-set.lessonCard,
html.manager .library-home .card-set.lessonCard {
  height: 100%;
}
html.manager .homework.cd-section.groups-assignments.student .input-group.student-filter button,
html.manager .library-home .input-group.student-filter button {
  color: white;
  border-radius: 0.75rem;
  box-shadow: 0px 3px 5px rgba(74, 126, 192, 0.26);
  padding: 0 2rem;
  transition: .25s;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 0 0.2rem 0.5rem !important;
  background: #4A7EC0;
  height: 55px;
  border-radius: 0.875rem;
  box-shadow: 0px 3px 5px rgba(72, 159, 233, 0.26);
  border: 1px solid #4A7EC0;
  margin-bottom: 0 !important;
}
html.manager .homework.cd-section.groups-assignments.student .input-group.student-filter button:hover,
html.manager .library-home .input-group.student-filter button:hover {
  box-shadow: none;
  transition: .25s;
}
html.manager .homework.cd-section.groups-assignments.student .input-group.student-filter button:disabled,
html.manager .library-home .input-group.student-filter button:disabled,
html.manager .homework.cd-section.groups-assignments.student .input-group.student-filter button.disabled html.manager .homework.cd-section.groups-assignments.student .input-group.student-filter button.overDisabled,
html.manager .homework.cd-section.groups-assignments.student .input-group.student-filter button.disabled html.manager .library-home .input-group.student-filter button.overDisabled,
html.manager .library-home .input-group.student-filter button.disabled html.manager .homework.cd-section.groups-assignments.student .input-group.student-filter button.overDisabled,
html.manager .library-home .input-group.student-filter button.disabled html.manager .library-home .input-group.student-filter button.overDisabled {
  background: white;
  border: 1px solid #6E8CA0;
  color: #6E8CA0;
  box-shadow: none;
  opacity: 1;
}
html.manager .library-home .lessonCard:hover {
  cursor: pointer;
}
html.manager .library-home .thumb-container {
  height: 170px;
  max-width: 200px;
  min-width: 200px;
  flex-basis: 200px;
  min-height: 170px;
  object-fit: cover;
  overflow: hidden;
  border-radius: 0.8rem 0.8rem 0 0;
  text-align: center;
}
html.manager .library-home .thumb-container .first-img {
  object-fit: cover;
  height: 100%;
  max-width: 200px;
  min-height: 170px;
}
html.manager .library-home .panel-footer-rating img {
  margin-right: 2px;
}
html.manager .select2-container--default .select2-selection--single {
  border: 1px solid transparent;
  color: #00C3D9 !important;
  border-radius: 1rem;
  background: rgba(63, 204, 231, 0.15);
}
html.manager .select2-dropdown {
  background-color: #FCFCFE !important;
  border-radius: 1.04166667rem;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  color: #4A7EC0;
  padding: 0;
  margin: 0;
  border: none;
  padding: 0.5rem;
}
html.manager .select2-dropdown li {
  border-radius: 3.125rem;
}
html.manager .select2-dropdown .select2-results__options .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #DEF1FC;
  border-radius: 3.125rem;
}
html.manager .select2-dropdown::after {
  content: '';
  position: absolute;
  top: -7px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #FCFCFE !important;
}
html.manager .dashboard-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
}
html.manager .dashboard-card {
  width: 220px;
  height: 140px;
  background: #ffffff;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  /* Floating Shadow */
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
  /* Soft shadow */
}
html.manager .dashboard-card:hover {
  transform: translateY(-5px);
  /* Slight lift on hover */
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.15);
  /* Enhanced shadow */
}
html.manager .dashboard-card .material-icons {
  font-size: 40px;
  color: #4a4a4a;
  margin-bottom: 10px;
}
html.manager .dashboard-card h3 {
  font-size: 18px;
  color: #333;
}
html.manager .stats-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 40px;
}
html.manager .stats-card {
  width: 260px;
  height: 130px;
  background: #ffffff;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
  flex-direction: column;
}
html.manager .stats-card:hover {
  transform: translateY(-3px);
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.12);
}
html.manager .analytics-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 40px;
}
html.manager .analytics-card {
  width: 300px;
  height: 220px;
  background: #ffffff;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 15px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
}
html.manager .analytics-card h3,
html.manager .stats-card h3 {
  font-size: 16px;
  color: #333;
  margin-top: 10px;
}
html.manager .stats-card-number {
  font-size: 50px;
  color: #497dc0;
  font-weight: bolder;
}
html.manager .mgGroupCode .form-group.has-error {
  top: 0;
}
html.manager .mgGroupCode .btn-joinGroup {
  min-width: inherit;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html.manager .mgGroupCode .input-group.mgCodeInput {
  display: flex;
}
html.manager .cd-section.groups #wandCardContainer .subtitle {
  display: none !important;
}
html.manager .cd-section.groups #wandCardContainer .group-card {
  margin: 0.5rem;
  padding: 0;
}
html.manager .cd-section.groups #wandCardContainer .panel-body {
  height: auto !important;
}
html.manager .cd-section.groups #wandCardContainer h3 {
  margin: 0;
  text-align: left;
}
html.manager .cd-section.groups #wandCardContainer .panel-footer {
  padding: 0;
}
html.manager .cd-section.groups #wandCardContainer .input-group {
  background: none;
}
html.manager .cd-section.groups #wandCardContainer .input-group:hover {
  background: none;
}
html.manager .cd-section.groups #wandCardContainer .input-group-btn:hover {
  background: none;
}
html.manager .cd-section.groups #wandCardContainer .group-card {
  width: 100%;
}
html.manager .cd-section.groups #wandCardContainer .group-card .panel-group {
  line-height: 1.5;
  padding: 0;
  border: 1px solid #ddd;
  border-color: #ddd;
  border-left-color: #dddddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left: 4px solid #6c7ac6;
  border-radius: 0;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  box-shadow: none;
  margin: 1rem;
  padding: 0.5rem;
}
html.manager .cd-section.groups #wandCardContainer .group-card .panel-group .panel-body {
  width: auto;
  flex: 1;
}
html.manager .cd-section.groups #wandCardContainer .group-card .panel-group .title {
  color: #6c7ac6;
  margin-left: 0.5rem;
  cursor: pointer;
  transform: none;
  font-size: 18px;
}
html.manager .cd-section.groups #wandCardContainer .group-card .panel-group .subtitle {
  display: none !important;
}
html.manager .cd-section.groups #wandCardContainer .group-card .panel-group .panel-footer .btn.btn-default {
  background-color: transparent;
  border: none;
  padding: 0 10px;
}
html.manager .cd-section.groups #wandCardContainer .group-card .panel-group .panel-footer .btn .material-icons {
  color: #999;
}
html.manager .groups #searchField {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
html.manager .groups .panel-body {
  padding: 0 15px;
}
html.manager .groups .panel-body .no-groups {
  display: flex;
  justify-content: center;
}
html.manager .groups .panel-body .no-groups-container {
  background: url('../img/student_no_group.svg') no-repeat right scroll;
  height: 40vh;
  width: 100%;
}
html.manager .groups .panel-body .no-groups-container h2 {
  font-size: 2.5rem;
  color: #029fe9;
  font-weight: 600;
}
html.manager .groups .panel-body .no-groups-container a.btn {
  margin-left: -5px;
  padding-left: 0;
}
html.manager .groups .panel-body .no-groups-container .group-code-container {
  display: flex;
  align-self: flex-start;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  flex-direction: column;
  width: 60%;
}
html.manager .groups .panel-body .no-groups-container .group-code-container .input-group.mgCodeInput {
  display: flex;
}
html.manager .groups .panel-body .no-groups-container .group-code-container .input-group.mgCodeInput .form-group.has-error {
  top: 0;
}
html.manager .groups .panel-body .no-groups-container .group-code-container .input-group.mgCodeInput button {
  min-width: inherit;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media (max-width: 991px) {
  html.manager .groups .panel-body .no-groups-container {
    background-position: bottom;
    height: 35vh;
    transition: all;
  }
}
html.manager .groups .panel-body .row [class*=col-] {
  padding: 10px;
}
html.manager .groups .panel-body table tbody tr span.list-group-name {
  color: #258cff;
  cursor: pointer;
}
html.manager .groups .panel-group-private .input-group {
  background-color: rgba(45, 146, 173, 0.1);
}
html.manager .groups .panel-group-private .input-group .input-group-text {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  display: block !important;
  width: 180px !important;
}
html.manager .groups .panel-group-private .input-group .input-group-btn:hover {
  background-color: rgba(45, 146, 173, 0.1);
}
html.manager .groups .panel-group-private .input-group .input-group-btn .btn-default .material-icons {
  color: #2d92ad;
}
html.manager .groups .panel-group-private .input-group .input-group-btn .dropdown-menu li a {
  color: #258cff !important;
  font-size: 16px;
}
html.manager .groups .panel-group-private .input-group .input-group-btn .open {
  background-color: rgba(45, 146, 173, 0.1);
}
html.manager .groups .panel-group-public:hover {
  border-color: #eaa341 !important;
}
html.manager .groups .panel-group-public:hover .panel-body .title {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  color: #eaa341;
}
html.manager .groups .panel-group-public .input-group {
  background-color: rgba(234, 163, 65, 0.1);
}
html.manager .groups .panel-group-public .input-group .input-group-text {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  display: block !important;
  width: 180px !important;
}
html.manager .groups .panel-group-public .input-group .input-group-btn:hover {
  background-color: rgba(234, 163, 65, 0.1);
}
html.manager .groups .panel-group-public .input-group .input-group-btn .btn-default .material-icons {
  color: #eaa341;
}
html.manager .groups .panel-group-public .input-group .input-group-btn .dropdown-menu li a {
  color: #eaa341 !important;
  font-size: 16px;
}
html.manager .groups .panel-group-public .input-group .input-group-btn .open {
  background-color: rgba(234, 163, 65, 0.1);
}
html.manager .groups .border-panel-private {
  border-color: rgba(108, 122, 198, 0.8) !important;
  border: 1px solid #ddd;
  border-left-color: #dddddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left: 4px solid #6c7ac6;
}
html.manager .groups .border-panel-public {
  border-color: rgba(234, 163, 65, 0.8) !important;
  border: 1px solid #ddd;
  border-left-color: #dddddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left: 4px solid #6c7ac6;
}
html.manager .groups.modal-open button.close,
html.manager .groups-edit.modal-open button.close,
html.manager .teachers.modal-open button.close {
  position: absolute;
  right: 0;
  top: 0;
}
html.manager .groups.modal-open .modal-dialog,
html.manager .groups-edit.modal-open .modal-dialog,
html.manager .teachers.modal-open .modal-dialog {
  min-width: 350px;
  /* 
        ##Device = Tablets, Ipads (landscape)
        ##Screen = B/w 768px to 1024px
    */
}
@media (min-width: 768px) and (max-width: 1024px) {
  html.manager .groups.modal-open .modal-dialog,
  html.manager .groups-edit.modal-open .modal-dialog,
  html.manager .teachers.modal-open .modal-dialog {
    width: 70%!important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  html.manager .groups.modal-open .modal-dialog,
  html.manager .groups-edit.modal-open .modal-dialog,
  html.manager .teachers.modal-open .modal-dialog {
    width: 70%!important;
  }
}
html.manager .groups.modal-open .modal-dialog.howTo .modal-body,
html.manager .groups-edit.modal-open .modal-dialog.howTo .modal-body,
html.manager .teachers.modal-open .modal-dialog.howTo .modal-body {
  max-height: 35vh;
}
html.manager .groups.modal-open .modal-body,
html.manager .groups-edit.modal-open .modal-body,
html.manager .teachers.modal-open .modal-body {
  max-height: 65vh;
  overflow-x: hidden;
  overflow-y: auto;
}
html.manager .groups.modal-open .modal-body .groupsContainer,
html.manager .groups-edit.modal-open .modal-body .groupsContainer,
html.manager .teachers.modal-open .modal-body .groupsContainer,
html.manager .groups.modal-open .modal-body .classesContainer,
html.manager .groups-edit.modal-open .modal-body .classesContainer,
html.manager .teachers.modal-open .modal-body .classesContainer,
html.manager .groups.modal-open .modal-body .teachersContainer,
html.manager .groups-edit.modal-open .modal-body .teachersContainer,
html.manager .teachers.modal-open .modal-body .teachersContainer {
  display: flex;
  flex-wrap: wrap;
  max-height: 35vh;
  overflow-x: hidden;
}
html.manager .groups.modal-open .modal-body .groupsContainer .groupCard,
html.manager .groups-edit.modal-open .modal-body .groupsContainer .groupCard,
html.manager .teachers.modal-open .modal-body .groupsContainer .groupCard,
html.manager .groups.modal-open .modal-body .classesContainer .groupCard,
html.manager .groups-edit.modal-open .modal-body .classesContainer .groupCard,
html.manager .teachers.modal-open .modal-body .classesContainer .groupCard,
html.manager .groups.modal-open .modal-body .teachersContainer .groupCard,
html.manager .groups-edit.modal-open .modal-body .teachersContainer .groupCard,
html.manager .teachers.modal-open .modal-body .teachersContainer .groupCard,
html.manager .groups.modal-open .modal-body .groupsContainer .classCard,
html.manager .groups-edit.modal-open .modal-body .groupsContainer .classCard,
html.manager .teachers.modal-open .modal-body .groupsContainer .classCard,
html.manager .groups.modal-open .modal-body .classesContainer .classCard,
html.manager .groups-edit.modal-open .modal-body .classesContainer .classCard,
html.manager .teachers.modal-open .modal-body .classesContainer .classCard,
html.manager .groups.modal-open .modal-body .teachersContainer .classCard,
html.manager .groups-edit.modal-open .modal-body .teachersContainer .classCard,
html.manager .teachers.modal-open .modal-body .teachersContainer .classCard,
html.manager .groups.modal-open .modal-body .groupsContainer .teacherCard,
html.manager .groups-edit.modal-open .modal-body .groupsContainer .teacherCard,
html.manager .teachers.modal-open .modal-body .groupsContainer .teacherCard,
html.manager .groups.modal-open .modal-body .classesContainer .teacherCard,
html.manager .groups-edit.modal-open .modal-body .classesContainer .teacherCard,
html.manager .teachers.modal-open .modal-body .classesContainer .teacherCard,
html.manager .groups.modal-open .modal-body .teachersContainer .teacherCard,
html.manager .groups-edit.modal-open .modal-body .teachersContainer .teacherCard,
html.manager .teachers.modal-open .modal-body .teachersContainer .teacherCard {
  margin: 5px;
  padding: 10px;
  text-align: center;
  border: 1px solid #c6cad0;
  cursor: pointer;
  flex: 0 0 30.3333%;
  word-break: break-word;
  min-width: 115px;
}
html.manager .groups.modal-open .modal-body .groupsContainer .groupCard.selected,
html.manager .groups-edit.modal-open .modal-body .groupsContainer .groupCard.selected,
html.manager .teachers.modal-open .modal-body .groupsContainer .groupCard.selected,
html.manager .groups.modal-open .modal-body .classesContainer .groupCard.selected,
html.manager .groups-edit.modal-open .modal-body .classesContainer .groupCard.selected,
html.manager .teachers.modal-open .modal-body .classesContainer .groupCard.selected,
html.manager .groups.modal-open .modal-body .teachersContainer .groupCard.selected,
html.manager .groups-edit.modal-open .modal-body .teachersContainer .groupCard.selected,
html.manager .teachers.modal-open .modal-body .teachersContainer .groupCard.selected,
html.manager .groups.modal-open .modal-body .groupsContainer .classCard.selected,
html.manager .groups-edit.modal-open .modal-body .groupsContainer .classCard.selected,
html.manager .teachers.modal-open .modal-body .groupsContainer .classCard.selected,
html.manager .groups.modal-open .modal-body .classesContainer .classCard.selected,
html.manager .groups-edit.modal-open .modal-body .classesContainer .classCard.selected,
html.manager .teachers.modal-open .modal-body .classesContainer .classCard.selected,
html.manager .groups.modal-open .modal-body .teachersContainer .classCard.selected,
html.manager .groups-edit.modal-open .modal-body .teachersContainer .classCard.selected,
html.manager .teachers.modal-open .modal-body .teachersContainer .classCard.selected,
html.manager .groups.modal-open .modal-body .groupsContainer .teacherCard.selected,
html.manager .groups-edit.modal-open .modal-body .groupsContainer .teacherCard.selected,
html.manager .teachers.modal-open .modal-body .groupsContainer .teacherCard.selected,
html.manager .groups.modal-open .modal-body .classesContainer .teacherCard.selected,
html.manager .groups-edit.modal-open .modal-body .classesContainer .teacherCard.selected,
html.manager .teachers.modal-open .modal-body .classesContainer .teacherCard.selected,
html.manager .groups.modal-open .modal-body .teachersContainer .teacherCard.selected,
html.manager .groups-edit.modal-open .modal-body .teachersContainer .teacherCard.selected,
html.manager .teachers.modal-open .modal-body .teachersContainer .teacherCard.selected {
  border: 1px solid #4bb0e6;
}
html.manager .groups.modal-open .modal-body .groupsContainer .teacherCard,
html.manager .groups-edit.modal-open .modal-body .groupsContainer .teacherCard,
html.manager .teachers.modal-open .modal-body .groupsContainer .teacherCard,
html.manager .groups.modal-open .modal-body .classesContainer .teacherCard,
html.manager .groups-edit.modal-open .modal-body .classesContainer .teacherCard,
html.manager .teachers.modal-open .modal-body .classesContainer .teacherCard,
html.manager .groups.modal-open .modal-body .teachersContainer .teacherCard,
html.manager .groups-edit.modal-open .modal-body .teachersContainer .teacherCard,
html.manager .teachers.modal-open .modal-body .teachersContainer .teacherCard {
  flex: 0 0 30.3333%;
}
html.manager .groups.modal-open .modal-body .stepDiv h2,
html.manager .groups-edit.modal-open .modal-body .stepDiv h2,
html.manager .teachers.modal-open .modal-body .stepDiv h2 {
  border-left: 3px solid #258cff;
  padding-left: 1rem;
  line-height: 30px;
  font-weight: 700;
  color: #333;
  margin-top: 15px;
}
html.manager .groups.modal-open .modal#createGroupsAssignmentsReport .modal-dialog,
html.manager .groups-edit.modal-open .modal#createGroupsAssignmentsReport .modal-dialog,
html.manager .teachers.modal-open .modal#createGroupsAssignmentsReport .modal-dialog {
  /* 
        ##Device = Tablets, Ipads (portrait)
        ##Screen = B/w 768px to 1024px
        */
  /* 
            ##Device = Tablets, Ipads (landscape)
            ##Screen = B/w 768px to 1024px
        */
}
@media (min-width: 768px) and (max-width: 1024px) {
  html.manager .groups.modal-open .modal#createGroupsAssignmentsReport .modal-dialog,
  html.manager .groups-edit.modal-open .modal#createGroupsAssignmentsReport .modal-dialog,
  html.manager .teachers.modal-open .modal#createGroupsAssignmentsReport .modal-dialog {
    width: 70%!important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  html.manager .groups.modal-open .modal#createGroupsAssignmentsReport .modal-dialog,
  html.manager .groups-edit.modal-open .modal#createGroupsAssignmentsReport .modal-dialog,
  html.manager .teachers.modal-open .modal#createGroupsAssignmentsReport .modal-dialog {
    min-height: 70vh;
  }
}
html.manager .groups.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .modal-content,
html.manager .groups-edit.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .modal-content,
html.manager .teachers.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .modal-content {
  min-height: auto;
}
html.manager .groups.modal-open .modal#createGroupsAssignmentsReport .modal-dialog h6,
html.manager .groups-edit.modal-open .modal#createGroupsAssignmentsReport .modal-dialog h6,
html.manager .teachers.modal-open .modal#createGroupsAssignmentsReport .modal-dialog h6 {
  margin: 1rem 0;
  line-height: normal;
  word-wrap: break-word;
  font-size: 16px;
}
html.manager .groups.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .groupsContainer,
html.manager .groups-edit.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .groupsContainer,
html.manager .teachers.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .groupsContainer {
  display: flex;
  flex-wrap: wrap;
  max-height: 25vh;
  overflow-x: hidden;
  padding: 3rem 0.5rem;
  background: #6c7ac612;
  border: 1px solid #6c7ac612;
}
html.manager .groups.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .groupsContainer .reportGroupCard,
html.manager .groups-edit.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .groupsContainer .reportGroupCard,
html.manager .teachers.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .groupsContainer .reportGroupCard {
  margin: 5px;
  padding: 10px;
  text-align: center;
  border: 1px solid #6c7ac666;
  border-left: 4px solid #6c7ac6;
  cursor: pointer;
  flex: 0 1 auto;
  word-wrap: break-word;
  min-width: 30%;
  width: auto;
  color: #6c7ac6;
  background: #fff;
}
html.manager .groups.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .groupsContainer .reportGroupCardSelected,
html.manager .groups-edit.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .groupsContainer .reportGroupCardSelected,
html.manager .teachers.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .groupsContainer .reportGroupCardSelected {
  color: #fff;
  background-color: #6c7ac6;
}
html.manager .groups.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .groupsContainer .disabledDiv,
html.manager .groups-edit.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .groupsContainer .disabledDiv,
html.manager .teachers.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .groupsContainer .disabledDiv {
  opacity: 0.5;
  background: #CCC;
}
html.manager .groups.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .assignmentsContainer,
html.manager .groups-edit.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .assignmentsContainer,
html.manager .teachers.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .assignmentsContainer {
  display: flex;
  flex-wrap: wrap;
  max-height: 25vh;
  overflow-x: hidden;
  padding: 3rem 0.5rem;
  width: 100%;
  background: #6c7ac612;
  border: 1px solid #6c7ac612;
}
html.manager .groups.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .assignmentsContainer .reportAssignmentCard,
html.manager .groups-edit.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .assignmentsContainer .reportAssignmentCard,
html.manager .teachers.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .assignmentsContainer .reportAssignmentCard {
  margin: 5px;
  padding: 10px;
  text-align: center;
  border: 1px solid #6c7ac666;
  border-left: 4px solid #6c7ac6;
  cursor: pointer;
  flex: 0 1 auto;
  word-wrap: break-word;
  min-width: 30%;
  width: auto;
  color: #6c7ac6;
  background: #fff;
}
html.manager .groups.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .assignmentsContainer .reportAssignmentCardSelected,
html.manager .groups-edit.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .assignmentsContainer .reportAssignmentCardSelected,
html.manager .teachers.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .assignmentsContainer .reportAssignmentCardSelected {
  color: #fff;
  background-color: #6c7ac6;
}
html.manager .groups.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .assignmentsContainer .disabledDiv,
html.manager .groups-edit.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .assignmentsContainer .disabledDiv,
html.manager .teachers.modal-open .modal#createGroupsAssignmentsReport .modal-dialog .assignmentsContainer .disabledDiv {
  opacity: 0.5;
  background: #CCC;
}
html.manager .groups.modal-open .modal#createGroupsAssignmentsReport .carousel-style,
html.manager .groups-edit.modal-open .modal#createGroupsAssignmentsReport .carousel-style,
html.manager .teachers.modal-open .modal#createGroupsAssignmentsReport .carousel-style {
  height: 55px;
  cursor: default;
}
html.manager .groups.modal-open .modal#createGroupsAssignmentsReport .carousel-first-slide,
html.manager .groups-edit.modal-open .modal#createGroupsAssignmentsReport .carousel-first-slide,
html.manager .teachers.modal-open .modal#createGroupsAssignmentsReport .carousel-first-slide {
  border-radius: 10px;
  cursor: default;
  border: 6px solid #258cff;
}
html.manager .groups.modal-open .modal#createGroupsAssignmentsReport .carousel-second-slide,
html.manager .groups-edit.modal-open .modal#createGroupsAssignmentsReport .carousel-second-slide,
html.manager .teachers.modal-open .modal#createGroupsAssignmentsReport .carousel-second-slide {
  border-radius: 10px;
  cursor: default;
  border: 3px solid #ddd;
}
html.manager .groups.modal-open .modal#createGroupsAssignmentsReport div.groove,
html.manager .groups-edit.modal-open .modal#createGroupsAssignmentsReport div.groove,
html.manager .teachers.modal-open .modal#createGroupsAssignmentsReport div.groove {
  border-style: groove;
}
html.manager .groups.modal-open .modal-footer,
html.manager .groups-edit.modal-open .modal-footer,
html.manager .teachers.modal-open .modal-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
html.manager .groups.modal-open .modal-footer .carousel-style,
html.manager .groups-edit.modal-open .modal-footer .carousel-style,
html.manager .teachers.modal-open .modal-footer .carousel-style {
  height: 55px;
}
html.manager .groups.modal-open .modal-footer .carousel-first-slide,
html.manager .groups-edit.modal-open .modal-footer .carousel-first-slide,
html.manager .teachers.modal-open .modal-footer .carousel-first-slide {
  border-radius: 10px;
  border: 6px solid #258cff;
}
html.manager .groups.modal-open .modal-footer .carousel-second-slide,
html.manager .groups-edit.modal-open .modal-footer .carousel-second-slide,
html.manager .teachers.modal-open .modal-footer .carousel-second-slide {
  border-radius: 10px;
  border: 3px solid #ddd;
}
html.manager .groups.modal-open .modal-footer .paginationContainer,
html.manager .groups-edit.modal-open .modal-footer .paginationContainer,
html.manager .teachers.modal-open .modal-footer .paginationContainer {
  display: flex;
  justify-content: center;
  margin-right: 4px;
}
html.manager .groups.modal-open .modal-footer .paginationContainer .pagination > li.page-item:not(.disabled) > span.page-link,
html.manager .groups-edit.modal-open .modal-footer .paginationContainer .pagination > li.page-item:not(.disabled) > span.page-link,
html.manager .teachers.modal-open .modal-footer .paginationContainer .pagination > li.page-item:not(.disabled) > span.page-link {
  color: #3bbffd;
}
html.manager .groups.modal-open .modal-footer .paginationContainer .pagination .active > span,
html.manager .groups-edit.modal-open .modal-footer .paginationContainer .pagination .active > span,
html.manager .teachers.modal-open .modal-footer .paginationContainer .pagination .active > span {
  background: #258cff;
  border-color: #258cff;
}
html.manager .groups.modal-open .modal-footer .paginationContainer .pagination .active.disabled > span,
html.manager .groups-edit.modal-open .modal-footer .paginationContainer .pagination .active.disabled > span,
html.manager .teachers.modal-open .modal-footer .paginationContainer .pagination .active.disabled > span {
  background: #f7f8f9;
  color: #ccc;
  border-color: #ccc;
}
html.manager .groups.modal-open .new-school-group,
html.manager .groups-edit.modal-open .new-school-group,
html.manager .teachers.modal-open .new-school-group {
  padding: 0 10px;
}
html.manager .groups.modal-open .new-school-group .row,
html.manager .groups-edit.modal-open .new-school-group .row,
html.manager .teachers.modal-open .new-school-group .row {
  padding-bottom: 5px;
}
html.manager .groups.modal-open .new-school-group .row-container.createGroup,
html.manager .groups-edit.modal-open .new-school-group .row-container.createGroup,
html.manager .teachers.modal-open .new-school-group .row-container.createGroup {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 33% 33% 33%;
  -ms-grid-columns: 30fr;
  padding: 1rem;
  border-bottom: 1px solid #ddd;
}
html.manager .groups.modal-open .new-school-group .row-container.createGroup .new-school-group-students,
html.manager .groups-edit.modal-open .new-school-group .row-container.createGroup .new-school-group-students,
html.manager .teachers.modal-open .new-school-group .row-container.createGroup .new-school-group-students {
  text-align: center;
}
html.manager .groups.modal-open .new-school-group .row-container.createGroup .new-school-group-add,
html.manager .groups-edit.modal-open .new-school-group .row-container.createGroup .new-school-group-add,
html.manager .teachers.modal-open .new-school-group .row-container.createGroup .new-school-group-add {
  text-align: right;
}
html.manager .groups.modal-open .form-group,
html.manager .groups-edit.modal-open .form-group,
html.manager .teachers.modal-open .form-group {
  width: auto;
  margin: 0;
  padding: 0.5rem;
}
html.manager .groups.modal-open .form-group .form-control,
html.manager .groups-edit.modal-open .form-group .form-control,
html.manager .teachers.modal-open .form-group .form-control {
  border: 1px solid #ccc;
  width: 100%!important;
  font-size: 16px;
  color: #666;
  padding-left: 7px;
}
html.manager .groups.modal-open .form-group .form-control ~ label,
html.manager .groups-edit.modal-open .form-group .form-control ~ label,
html.manager .teachers.modal-open .form-group .form-control ~ label {
  margin-left: 15px !important;
  margin-top: 9px !important;
  background-color: #fff;
  padding: 0 2px;
}
html.manager .groups.modal-open .form-group .form-control:focus,
html.manager .groups-edit.modal-open .form-group .form-control:focus,
html.manager .teachers.modal-open .form-group .form-control:focus {
  border: 1px solid #4bc1ef;
}
html.manager .groups.modal-open .form-group.has-error,
html.manager .groups-edit.modal-open .form-group.has-error,
html.manager .teachers.modal-open .form-group.has-error {
  top: 0;
}
html.manager .groups.modal-open .margin-top,
html.manager .groups-edit.modal-open .margin-top,
html.manager .teachers.modal-open .margin-top {
  margin-top: 20px;
}
html.manager .groups.modal-open .margin-left,
html.manager .groups-edit.modal-open .margin-left,
html.manager .teachers.modal-open .margin-left {
  margin-left: 70px;
}
html.manager .groups.modal-open .margin-bottom,
html.manager .groups-edit.modal-open .margin-bottom,
html.manager .teachers.modal-open .margin-bottom {
  margin-bottom: 20px;
}
html.manager .teachers.modal-open .form-group {
  padding: 0.5rem;
}
html.manager #filterGenderBtn.btn > option,
html.manager #filterYearBtn.btn > option {
  color: #258cff;
  background-color: #fff;
}
html.manager .existing-student-input {
  display: flex;
  justify-content: flex-start;
}
html.manager .scholasticYearsContainer,
html.manager .scholasticGroupsContainer,
html.manager .optionsContainer {
  display: flex;
  flex-wrap: wrap;
  max-height: 25vh;
  overflow-x: hidden;
  padding: 0.5rem;
  background: #DEF1FC;
  border-radius: 1.5625rem 0 0 1.5625rem;
  justify-content: center;
  margin: 0.5rem 0;
}
html.manager .scholasticYearCard,
html.manager .scholasticYearGroupCard,
html.manager .subjectReport,
html.manager .schoolReport,
html.manager .teacherReport,
html.manager .studentReport {
  margin: 5px;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  flex: 0 1 auto;
  word-wrap: break-word;
  min-width: 30%;
  width: auto;
  color: #222222;
  background: #fff;
  user-select: none;
  border-radius: 3.125rem;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}
html.manager .groups-assignments .row-second .selectFilters {
  display: flex;
  justify-content: flex-end;
  right: -15px;
}
html.manager .groups-assignments .row-second .assignments-status-completed span {
  color: #6DCEBD;
}
html.manager .groups-assignments .no-assignments-container {
  background: url('../img/student_no_assignment.svg') no-repeat bottom scroll;
  background-position-y: 9em;
  background-position-x: -1em;
  height: 40vh;
  width: 75%;
  align-self: center;
}
html.manager .groups-assignments .no-assignments-container .no-assignment-text {
  font-size: 2.5rem;
  color: #029fe9;
  text-align: center;
  height: 100%;
  padding: 0 9rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}
html.manager .groups-assignments .no-assignments-container .no-assignment-text h2 {
  font-size: inherit;
  font-weight: 600;
}
html.manager .groups-assignments .no-assignments-container .no-assignment-text p {
  color: #20262C;
  font-size: 2rem;
}
@media (max-width: 1200px) {
  html.manager .groups-assignments .no-assignments-container {
    background-position-y: 11em;
  }
  html.manager .groups-assignments .no-assignments-container .no-assignment-text {
    font-size: 2rem!important;
  }
  html.manager .groups-assignments .no-assignments-container .no-assignment-text p {
    font-size: inherit;
  }
}
html.manager .groups-assignments .panel-body:before,
html.manager .groups-assignments .panel-body:after,
html.manager .groups-assignments .row:before,
html.manager .groups-assignments .row:after {
  display: flex!important;
}
html.manager .groups-assignments .panel-group {
  margin-bottom: 20px;
}
html.manager .groups-assignments .cards-container {
  display: flex;
  flex-wrap: wrap;
}
html.manager .groups-assignments .cards-container .cards-container_content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container {
  padding: 0 10px;
  margin-bottom: 0;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-student {
  cursor: pointer;
  padding: 10px;
  border: 1px solid rgba(45, 146, 173, 0.5) !important;
  border-radius: 7px;
  box-shadow: none;
  min-height: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-student:hover {
  border-color: #2d92ad !important;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-student .assignment-title {
  margin: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 5px;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-student .assignment-topic {
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 100%;
  color: #999999;
  font-size: 14px;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-student .assignment-status {
  margin: 0;
  color: #999999;
  font-size: 14px;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-student .assignment-status .started {
  color: #6DCEBD;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-student .assignment-status .completed {
  color: #6DCEBD;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-student .assignment-status .pending {
  color: #ffb52d;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-student .assignment-status .closed {
  color: #e0457b;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-student .assignment-score {
  margin: 0;
  color: #6DCEBD;
  font-size: 42px;
  line-height: 100%;
  text-align: center;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-student .assignment-author {
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 100%;
  font-size: 14px;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-student .assignment-score-title {
  margin: 0;
  color: #6DCEBD;
  text-align: center;
  font-size: 14px;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: 300px 1fr 1fr 80px 180px;
  grid-gap: 10px;
  grid-template-areas: "t p d s a";
  align-items: center;
  padding: 0 15px;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
  min-height: 100px;
  border: 1px solid #f2f2f2 !important;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-title-container {
  grid-area: t;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-title-container h4 {
  margin: 0;
  color: #5198ff;
  font-size: 16px;
  word-wrap: break-word;
  word-break: break-word;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-title-container p {
  margin: 0;
  color: #999999;
  font-size: 14px;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-progress-container {
  grid-area: p;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-progress-container .progress-label {
  font-size: 14px;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-progress-container .progress-label .value {
  color: #999999;
  font-weight: 500;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-progress-container .progress-label .total {
  color: #999999;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-progress-container .progress {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin: 0;
  margin-top: 5px;
  height: 5px;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-progress-container .progress .progress-bar {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  display: inline-block;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-progress-container .progress .progress-bar.progress-bar-green {
  background-color: #6DCEBD;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-progress-container .progress .progress-bar.progress-bar-red {
  background-color: #e0457b;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-progress-container .progress .progress-bar.progress-bar-orange {
  background-color: #ffb52d;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-date-container {
  grid-area: d;
  color: #7d8e70;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-date-container .date-start-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-date-container .date-start-container .date-start-label .material-icons {
  font-size: 18px;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-date-container .date-start-container .date-start-value {
  align-self: flex-end;
  color: #555555;
  padding-left: 5px;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-date-container .date-end-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-date-container .date-end-container .date-end-label .material-icons {
  font-size: 18px;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-date-container .date-end-container .date-end-value {
  justify-content: flex-end;
  color: #555555;
  padding-left: 5px;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-status-container {
  grid-area: s;
  text-align: align-center;
  color: #555555;
  font-size: 14px;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-status-container .active {
  color: #6dc45b;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-status-container .scheduled {
  color: #eea03f;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-status-container .closed {
  color: #d95a63;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-action-container {
  grid-area: a;
  display: block;
  text-align: right;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-action-container .btn {
  padding: 0;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-action-container .btn-icon {
  background: none;
  background: transparent;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-action-container .btn-icon .material-icons {
  margin: 0;
  color: #aaaaaa;
  opacity: 0.8;
}
html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-action-container .btn-icon:hover .material-icons {
  opacity: 1;
}
@media (max-width: 990px) {
  html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher {
    padding: 15px;
    grid-auto-flow: column;
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas: "t t t t t" "p p p p p" "d d d d d" "s s a a a";
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher {
    display: -ms-flexbox;
    -ms-justify-content: space-evenly;
    justify-content: space-between;
  }
  html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-title-container {
    min-width: 300px;
    max-width: 300px;
  }
  html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-status-container {
    width: 80px;
  }
  html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-action-container {
    width: 180px;
  }
}
@media all and (-ms-high-contrast: none) and (max-width: 990px), (-ms-high-contrast: active) and (max-width: 990px) {
  html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher {
    flex-direction: column;
  }
  html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-title-container,
  html.manager .groups-assignments .cards-container .cards-container_content .card-container .panel-assignment-teacher .card-status-container {
    width: 100%;
    text-align: center;
  }
}
html.manager .groups-assignments .modal-dialog button.close {
  position: absolute;
  right: 0;
  top: 0;
}
html.manager #createAssignmentModal .modal-content button.close {
  position: absolute;
  right: 0;
  top: 0;
}
html.manager #createAssignmentModal .form-control:not(:focus):valid ~ label,
html.manager #createAssignmentModal .form-group .form-control ~ label {
  z-index: 2;
}
html.manager .row h2 {
  padding: 0;
  margin: 0;
  color: #4b5967;
}
html.manager .gradebook .table-responsive table thead td {
  min-width: 150px;
}
html.manager .reports.homework .menu-secondary .row-first h2 {
  padding: 0;
  margin: 0;
}
html.manager .reports.homework .menu-secondary .row-second .col-left .btn {
  padding: 0;
}
html.manager .reports.homework .panel .tabs-left .active a {
  border-bottom: none;
  color: #ffffff;
  background: #258cff;
}
html.manager .reports.homework .panel .tab-content .tab-pane .lesson-objectives #objective-list {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 15px;
}
html.manager .reports.homework .panel .tab-content .tab-pane .lesson-objectives #objective-list .progress-container .progress {
  margin: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  height: 14px;
}
html.manager .reports.homework .panel .tab-content .tab-pane .lesson-objectives #objective-list .progress-container .progress-percent {
  line-height: 14px;
}
html.manager .reports.homework .panel .tab-content .tab-pane .lesson-objectives #objective-list .progress-container.progress-container-red .progress-bar {
  background-color: #e0457b;
}
html.manager .reports.homework .panel .tab-content .tab-pane .lesson-objectives #objective-list .progress-container.progress-container-red .progress-percent {
  color: #e0457b;
}
html.manager .reports.homework .panel .tab-content .tab-pane .lesson-objectives #objective-list .progress-container.progress-container-orange .progress-bar {
  background-color: #ffb52d;
}
html.manager .reports.homework .panel .tab-content .tab-pane .lesson-objectives #objective-list .progress-container.progress-container-orange .progress-percent {
  color: #ffb52d;
}
html.manager .reports.homework .panel .tab-content .tab-pane .lesson-objectives #objective-list .progress-container.progress-container-green .progress-bar {
  background-color: #6DCEBD;
}
html.manager .reports.homework .panel .tab-content .tab-pane .lesson-objectives #objective-list .progress-container.progress-container-green .progress-percent {
  color: #6DCEBD;
}
html.manager .reports.homework .panel .tab-content .panel-report-graphic .panel-heading h3 {
  color: #258cff;
}
html.manager .reports.homework .panel .tab-content .panel-report-graphic .panel-body {
  height: 350px;
}
html.manager .reports.homework .panel .tab-content .panel-report-graphic .panel-body .c3-tooltip-container {
  z-index: 9999;
  width: 200px;
}
html.manager .reports.homework .panel .tab-content .panel-report-graphic .panel-footer {
  border-top: none;
}
html.manager .reports.homework .panel .tab-content .panel-report .panel-heading h3 {
  color: #258cff;
}
@-moz-document url-prefix() {
  html.manager .reports .dictation-chart .c3-tooltip-container {
    margin-left: 400px;
  }
}
@media (min-width: 320px) and (max-width: 990px) {
  @-moz-document url-prefix() {
    html.manager .reports .dictation-chart .c3-tooltip-container {
      margin-left: 200px;
    }
  }
}
@-moz-document url-prefix() {
  html.manager .reports .c3-tooltip-container {
    margin-left: 200px;
  }
}
@media (min-width: 320px) and (max-width: 990px) {
  @-moz-document url-prefix() {
    html.manager .reports .c3-tooltip-container {
      margin-left: 100px;
    }
  }
}
html.manager .groups.reports.worksheet.student .card-container {
  padding: 10px;
}
html.manager .groups.reports.worksheet.student .card-container .panel-assignment-student {
  cursor: pointer;
  padding: 10px;
  border-color: rgba(45, 146, 173, 0.5) !important;
}
html.manager .groups.reports.worksheet.student .card-container .panel-assignment-student:hover {
  border-color: #2d92ad !important;
}
html.manager .groups.reports.worksheet.student .card-container .panel-assignment-student .panel-body {
  padding: 20px !important;
}
html.manager .groups.reports.worksheet.student .card-container .panel-assignment-student .panel-body [class*=col-] {
  padding: 0;
}
html.manager .groups.reports.worksheet.student .card-container .panel-assignment-student .panel-body .assignment-title {
  margin: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 5px;
}
html.manager .groups.reports.worksheet.student .card-container .panel-assignment-student .panel-body .assignment-topic {
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 100%;
  color: #999999;
  font-size: 14px;
}
html.manager .groups.reports.worksheet.student .card-container .panel-assignment-student .panel-body .assignment-status {
  margin: 0;
  color: #999999;
  font-size: 14px;
}
html.manager .groups.reports.worksheet.student .card-container .panel-assignment-student .panel-body .assignment-status .started {
  color: #6DCEBD;
}
html.manager .groups.reports.worksheet.student .card-container .panel-assignment-student .panel-body .assignment-status .completed {
  color: #6DCEBD;
}
html.manager .groups.reports.worksheet.student .card-container .panel-assignment-student .panel-body .assignment-status .pending {
  color: #ffb52d;
}
html.manager .groups.reports.worksheet.student .card-container .panel-assignment-student .panel-body .assignment-status .closed {
  color: #e0457b;
}
html.manager .groups.reports.worksheet.student .card-container .panel-assignment-student .panel-body .assignment-score {
  margin: 0;
  color: #6DCEBD;
  font-size: 42px;
  line-height: 100%;
  text-align: center;
}
html.manager .groups.reports.worksheet.student .card-container .panel-assignment-student .panel-body .assignment-author {
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 100%;
  font-size: 14px;
}
html.manager .groups.reports.worksheet.student .card-container .panel-assignment-student .panel-body .assignment-score-title {
  margin: 0;
  color: #6DCEBD;
  text-align: center;
  font-size: 14px;
}
html.manager .library-home {
  background-color: #fcfcfe !important;
}
@media (min-width: 1600px) {
  html.manager .library-home .content .col-filters.col-xl-3 {
    width: 20%;
  }
}
html.manager .library-home .content .col-filters .panel-filters {
  border-radius: 0 0 50px 0;
  color: #6E8CA0;
}
html.manager .library-home .content .col-filters .panel-filters input[type=checkbox] + label,
html.manager .library-home .content .col-filters .panel-filters input[type=radio] + label {
  margin-top: 5px;
  width: 100%;
}
html.manager .library-home .content .col-filters .panel-filters .card-icon-background {
  position: absolute;
  bottom: 0;
  right: -200px;
  color: #ffffff;
  font-size: 500px;
  width: 250px;
  opacity: 0.1;
  pointer-events: none;
  -webkit-transform: scaleX(-1) rotate(-22deg);
  -moz-transform: scaleX(-1) rotate(-22deg);
  -ms-transform: scaleX(-1) rotate(-22deg);
  -o-transform: scaleX(-1) rotate(-22deg);
  transform: scaleX(-1) rotate(-22deg);
}
html.manager .library-home .content .col-filters .panel-filters .filter-section {
  font-size: 0.875rem;
  background-color: #DEF1FC;
  color: #4A7EC0;
  border-radius: 1.3rem;
  padding: 5px 10px!important;
  text-transform: capitalize;
  position: relative;
  margin: 15px 0;
  border-radius: 0.2rem !important;
  font-weight: bolder !important;
}
html.manager .library-home .content .col-filters .panel-filters .filter-section i {
  font-size: 24px;
  padding: 0 5px 0 0;
  position: relative;
  top: 7px;
}
html.manager .library-home .content .col-filters .panel-filters #no-copies {
  color: #6E8CA0;
  border: 1px solid #6E8CA0;
}
@media (min-width: 1600px) {
  html.manager .library-home .content .col-content.col-xl-9 {
    width: 80%;
  }
}
html.manager .library-home .content .col-content h2 {
  margin-top: 0;
  border-bottom: 2px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
html.manager .library-home .content .col-content .search-no-result {
  text-align: center;
  height: 300px;
}
html.manager .library-home .content .col-content .search-no-result > div {
  top: 50%;
  transform: translatey(-50%);
}
html.manager .library-home .content .col-content .search-no-result > div .search-no-result-query {
  color: #e0457b;
}
html.manager .library-home .content .col-content .packages .card-container-featured .panel {
  border: none;
  cursor: pointer;
}
html.manager .library-home .content .col-content .packages .card-container-featured .panel .panel-body {
  padding: 0;
  height: auto;
}
html.manager .library-home .content .col-content .packages .card-container-featured .panel .panel-body .thumb-container {
  background: #f1f1f1;
  cursor: pointer;
  position: relative;
  height: 235px;
}
html.manager .library-home .content .col-content .packages .card-container-featured .panel .panel-body .thumb-container .first-img {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  z-index: 1;
}
html.manager .library-home .content .col-content .packages .card-container-featured .panel .panel-body .thumb-container .lock-img {
  position: absolute;
  top: 0;
  left: 5px;
  margin: 5px;
  width: 80px;
  height: auto;
  z-index: 2;
}
html.manager .library-home .content .col-content .packages .card-container-featured .panel .panel-body .thumb-container .info-container {
  position: absolute;
  bottom: 0;
  text-align: left;
  color: #ffffff;
  padding-top: 30px;
  padding-bottom: 10px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  text-shadow: 1px 1px #999999;
  opacity: 0;
  width: 100%;
}
html.manager .library-home .content .col-content .packages .card-container-featured .panel .panel-body .thumb-container .info-container .subject {
  font-size: 12px;
}
html.manager .library-home .content .col-content .packages .card-container-featured .panel .panel-body .thumb-container .info-container .ability-years {
  padding-right: 0;
  font-size: 12px;
}
html.manager .library-home .content .col-content .packages .card-container-featured .panel .panel-body .thumb-container .info-container .ability-years .material-icons {
  font-size: 14px;
  vertical-align: middle;
}
html.manager .library-home .content .col-content .packages .card-container-featured .panel .panel-footer {
  padding: 0;
  height: 100px;
  margin-bottom: 30px;
  border: none;
}
html.manager .library-home .content .col-content .packages .card-container-featured .panel .panel-footer .panel-footer-title h4 {
  font-size: 18px;
  line-height: 20px;
  -webkit-line-clamp: 2;
  background-color: #fff;
  max-height: 42px;
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 600;
  height: 40px;
  word-wrap: break-word;
  word-break: break-word;
  margin-top: 10px;
  margin-bottom: 5px;
}
@-moz-document url-prefix() {
  html.manager .library-home .content .col-content .packages .card-container-featured .panel .panel-footer .panel-footer-title h4 {
    overflow: hidden;
    position: relative;
  }
  html.manager .library-home .content .col-content .packages .card-container-featured .panel .panel-footer .panel-footer-title h4:before {
    background: #fff;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: '\2026';
    margin-left: -3rem;
    width: 3rem;
  }
  html.manager .library-home .content .col-content .packages .card-container-featured .panel .panel-footer .panel-footer-title h4:after {
    content: '';
    background: #fff;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
html.manager .library-home .content .col-content .packages .card-container-featured .panel .panel-footer .panel-footer-rating {
  height: 20px;
  display: inline-block;
}
html.manager .library-home .content .col-content .packages .card-container-featured .panel .panel-footer .panel-footer-rating .material-icons {
  font-size: 16px;
  color: #ffb52d;
  letter-spacing: -2px;
}
html.manager .library-home .content .col-content .packages .card-container-featured .panel .panel-footer .panel-footer-premium {
  font-size: 0.8125rem;
  display: inline-block;
  color: #6DCEBD;
  opacity: 1;
}
html.manager .library-home .content .col-content .packages .card-container-featured .panel .panel-footer .panel-footer-author {
  font-size: 14px;
}
html.manager .library-home .content .col-content .packages .card-container-featured:hover .info-container {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  opacity: 1 !important;
}
html.manager .library-home .content .col-content .featured .card-container-featured .panel {
  border: none;
  cursor: pointer;
}
html.manager .library-home .content .col-content .featured .card-container-featured .panel .panel-body {
  padding: 0;
  height: auto;
}
html.manager .library-home .content .col-content .featured .card-container-featured .panel .panel-body .thumb-container {
  background: #f1f1f1;
  cursor: pointer;
  position: relative;
  height: 235px;
}
html.manager .library-home .content .col-content .featured .card-container-featured .panel .panel-body .thumb-container .first-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  z-index: 1;
}
html.manager .library-home .content .col-content .featured .card-container-featured .panel .panel-body .thumb-container .lock-img {
  position: absolute;
  top: 0;
  left: 25px;
  margin: 25px;
  width: 300px;
  height: auto;
  z-index: 2;
}
html.manager .library-home .content .col-content .featured .card-container-featured .panel .panel-body .thumb-container .info-container {
  position: absolute;
  bottom: 0;
  text-align: left;
  color: #ffffff;
  padding-top: 30px;
  padding-bottom: 10px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  text-shadow: 1px 1px #999999;
  opacity: 0;
  width: 100%;
}
html.manager .library-home .content .col-content .featured .card-container-featured .panel .panel-body .thumb-container .info-container .subject {
  font-size: 12px;
}
html.manager .library-home .content .col-content .featured .card-container-featured .panel .panel-body .thumb-container .info-container .ability-years {
  padding-right: 0;
  font-size: 12px;
}
html.manager .library-home .content .col-content .featured .card-container-featured .panel .panel-body .thumb-container .info-container .ability-years .material-icons {
  font-size: 14px;
  vertical-align: middle;
}
html.manager .library-home .content .col-content .featured .card-container-featured .panel .panel-footer {
  padding: 0;
  height: 100px;
  margin-bottom: 30px;
}
html.manager .library-home .content .col-content .featured .card-container-featured .panel .panel-footer .panel-footer-title h4 {
  font-size: 18px;
  line-height: 20px;
  -webkit-line-clamp: 2;
  background-color: #fff;
  max-height: 42px;
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 600;
  height: 50px;
  word-wrap: break-word;
  word-break: break-word;
  margin-top: 10px;
  margin-bottom: 5px;
}
@-moz-document url-prefix() {
  html.manager .library-home .content .col-content .featured .card-container-featured .panel .panel-footer .panel-footer-title h4 {
    overflow: hidden;
    position: relative;
  }
  html.manager .library-home .content .col-content .featured .card-container-featured .panel .panel-footer .panel-footer-title h4:before {
    background: #fff;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: '\2026';
    margin-left: -3rem;
    width: 3rem;
  }
  html.manager .library-home .content .col-content .featured .card-container-featured .panel .panel-footer .panel-footer-title h4:after {
    content: '';
    background: #fff;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
html.manager .library-home .content .col-content .featured .card-container-featured .panel .panel-footer .panel-footer-rating {
  height: 20px;
  display: inline-block;
}
html.manager .library-home .content .col-content .featured .card-container-featured .panel .panel-footer .panel-footer-rating .material-icons {
  font-size: 16px;
  color: #ffb52d;
  letter-spacing: -2px;
}
html.manager .library-home .content .col-content .featured .card-container-featured .panel .panel-footer .panel-footer-premium {
  font-size: 0.8125rem;
  display: inline-block;
  color: #6DCEBD;
  opacity: 1;
}
html.manager .library-home .content .col-content .featured .card-container-featured .panel .panel-footer .panel-footer-author {
  font-size: 14px;
}
html.manager .library-home .content .col-content .featured .card-container-featured:hover .info-container {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  opacity: 1 !important;
}
html.manager .library-home .content .col-content .lessons .card-container-lessons {
  padding: 0.3rem;
}
html.manager .library-home .content .col-content .lessons .card-container-lessons .panel.lessonCard {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  fill: #ffffff;
  background: white;
  padding: 0.6rem;
  border-radius: 1.5625rem;
  transition: 0.2s;
}
html.manager .library-home .content .col-content .lessons .card-container-lessons .panel.lessonCard .link-btn {
  color: #4A7EC0 !important;
}
html.manager .library-home .content .col-content .lessons .card-container-lessons .panel.lessonCard .link-btn:hover,
html.manager .library-home .content .col-content .lessons .card-container-lessons .panel.lessonCard .link-btn:visited {
  color: #00C3D9 !important;
}
html.manager .library-home .content .col-content .lessons .card-container-lessons .panel.lessonCard:hover .panel-footer-title h4 {
  color: #258cff;
}
html.manager .library-home .content .col-content .lessons .card-container-lessons .panel {
  border: none;
  cursor: pointer;
}
html.manager .library-home .content .col-content .lessons .card-container-lessons .panel .panel-body {
  height: auto;
  border-radius: 1.2rem 1.2rem 0 0;
  overflow: hidden;
  margin: 0.3rem;
  padding: 0;
}
html.manager .library-home .content .col-content .lessons .card-container-lessons .panel .panel-body .thumb-container {
  background: #f1f1f1;
  cursor: pointer;
  position: relative;
  max-height: 170px;
  min-height: 170px;
}
html.manager .library-home .content .col-content .lessons .card-container-lessons .panel .panel-body .thumb-container .first-img {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  z-index: 1;
}
html.manager .library-home .content .col-content .lessons .card-container-lessons .panel .panel-body .thumb-container .lock-img {
  position: absolute;
  top: 0;
  left: 5px;
  margin: 5px;
  width: 80px;
  height: auto;
  z-index: 2;
}
html.manager .library-home .content .col-content .lessons .card-container-lessons .panel .panel-body .thumb-container .info-container {
  position: absolute;
  bottom: 0;
  text-align: left;
  color: #ffffff;
  padding-top: 30px;
  padding-bottom: 10px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  text-shadow: 1px 1px #999999;
  opacity: 0;
  width: 100%;
}
html.manager .library-home .content .col-content .lessons .card-container-lessons .panel .panel-body .thumb-container .info-container .subject {
  font-size: 12px;
}
html.manager .library-home .content .col-content .lessons .card-container-lessons .panel .panel-body .thumb-container .info-container .ability-years {
  padding-right: 0;
  font-size: 12px;
}
html.manager .library-home .content .col-content .lessons .card-container-lessons .panel .panel-body .thumb-container .info-container .ability-years .material-icons {
  font-size: 14px;
  vertical-align: middle;
}
html.manager .library-home .content .col-content .lessons .card-container-lessons .panel .panel-footer {
  border: none;
}
html.manager .library-home .content .col-content .lessons .card-container-lessons .panel .panel-footer .panel-footer-title h4 {
  font-size: 18px;
  line-height: 20px;
  -webkit-line-clamp: 2;
  background-color: #fff;
  max-height: 42px;
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 600;
  height: 50px;
  word-wrap: break-word;
  word-break: break-word;
  margin-top: 10px;
  margin-bottom: 5px;
}
@-moz-document url-prefix() {
  html.manager .library-home .content .col-content .lessons .card-container-lessons .panel .panel-footer .panel-footer-title h4 {
    overflow: hidden;
    position: relative;
  }
  html.manager .library-home .content .col-content .lessons .card-container-lessons .panel .panel-footer .panel-footer-title h4:before {
    background: #fff;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: '\2026';
    margin-left: -3rem;
    width: 3rem;
  }
  html.manager .library-home .content .col-content .lessons .card-container-lessons .panel .panel-footer .panel-footer-title h4:after {
    content: '';
    background: #fff;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
html.manager .library-home .content .col-content .lessons .card-container-lessons .panel .panel-footer .panel-footer-rating {
  height: 20px;
  display: inline-block;
}
html.manager .library-home .content .col-content .lessons .card-container-lessons .panel .panel-footer .panel-footer-rating .material-icons {
  font-size: 16px;
  color: #ffb52d;
  letter-spacing: -2px;
}
html.manager .library-home .content .col-content .lessons .card-container-lessons .panel .panel-footer .panel-footer-premium {
  font-size: 0.8125rem;
  display: inline-block;
  color: #6DCEBD;
  opacity: 1;
}
html.manager .library-home .content .col-content .lessons .card-container-lessons .panel .panel-footer .author a {
  font-size: 0.8125rem;
  color: #6E8CA0;
}
html.manager .library-home .content .col-content .lessons .card-container-lessons:hover .info-container {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  opacity: 1 !important;
}
html.manager .library-home .content #filterColumns {
  border-radius: 0 0 50px 0;
  overflow: inherit;
}
html.manager .library-home .content #panel-filters-toggle {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
  background: #FCFCFE !important;
  font-size: 0.875rem;
  border-radius: 0 0 5px 0;
}
html.manager .library-home .content #panel-filters-toggle input[type=checkbox] + label:hover,
html.manager .library-home .content #panel-filters-toggle input[type=radio] + label:hover {
  color: #258cff;
}
html.manager .library-home .content #panel-filters-toggle .reported_items {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
html.manager .library-home .content #panel-filters-toggle .reported_items .badge {
  background-color: #e0457b;
  padding: 3px 6px;
}
@media screen and (max-width: 766px) {
  html.manager .library-home .content .panel-filters {
    padding: 0;
  }
  html.manager .library-home .content #panel-filters-toggle {
    padding: 15px;
    border-radius: 0 0 50px 0;
  }
  html.manager .library-home .content #panel-filters-toggle input[type=checkbox] + label:hover,
  html.manager .library-home .content #panel-filters-toggle input[type=radio] + label:hover {
    color: #258cff;
  }
}
html.manager .library-home .content .row-pagination {
  padding-bottom: 50px;
}
html.manager .library-home #searchField {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
html.manager .library-home .shopSearch {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0 0 0 7px;
  position: relative;
  overflow: inherit;
  border: none;
  background: transparent;
  align-items: center;
}
html.manager .library-home .shopSearch .dropdown {
  padding: 2px;
  align-self: center;
}
html.manager .library-home .shopSearch .dropdown .resources-btn {
  color: white;
  border-radius: 0.75rem;
  box-shadow: 0px 3px 5px rgba(74, 126, 192, 0.26);
  padding: 0 2rem;
  transition: .25s;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 0 0.2rem 0.5rem !important;
  background: #4A7EC0;
  height: 55px;
  border-radius: 0.875rem;
  box-shadow: 0px 3px 5px rgba(72, 159, 233, 0.26);
  border: 1px solid #4A7EC0;
  margin-bottom: 0 !important;
  margin: 0 !important;
  height: 50px;
}
html.manager .library-home .shopSearch .dropdown .resources-btn:hover {
  box-shadow: none;
  transition: .25s;
}
html.manager .library-home .shopSearch .dropdown .resources-btn:disabled,
html.manager .library-home .shopSearch .dropdown .resources-btn.disabled html.manager .library-home .shopSearch .dropdown .resources-btn.overDisabled {
  background: white;
  border: 1px solid #6E8CA0;
  color: #6E8CA0;
  box-shadow: none;
  opacity: 1;
}
html.manager .library-home .shopSearch .dropdown .dropdown-menu {
  position: absolute;
  display: none;
}
html.manager .library-home .shopSearch .dropdown.open {
  display: flex;
  flex-direction: column;
  align-self: baseline;
}
html.manager .library-home .shopSearch .dropdown.open .dropdown-menu {
  display: flex;
  position: relative;
}
html.manager .library-home .shopSearch .dropdown-menu {
  position: relative;
  display: flex;
  flex-direction: column;
}
html.manager .library-home .shopSearch .dropdown-menu {
  background-color: #FCFCFE !important;
  border-radius: 0 0 1.04166667rem 1.04166667rem;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  color: #4A7EC0;
  padding: 0;
  margin: 0;
  border: none;
  top: auto;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 0.5rem;
}
html.manager .library-home .shopSearch .dropdown-menu a {
  border-radius: 3.125rem;
  cursor: pointer;
  padding: 0.5rem;
  text-align: center;
}
html.manager .library-home .shopSearch .dropdown-menu a span {
  margin: 0 5px;
}
html.manager .library-home .shopSearch .dropdown-menu a:hover {
  background-color: #DEF1FC;
  border-radius: 3.125rem;
  text-decoration: none;
}
html.manager .library-home .shopSearch .tagit-new ul.tagit input[type="text"] {
  width: 100%;
}
html.manager .library-home .shopSearch .ui-state-default,
html.manager .library-home .shopSearch .ui-widget-content .ui-state-default,
html.manager .library-home .shopSearch .ui-widget-header .ui-state-default {
  align-items: center;
  color: white;
  border-radius: 1.875rem;
  box-shadow: 0px 3px 5px rgba(74, 126, 192, 0.26);
  background: #4A7EC0;
  height: 40px;
  width: max-content;
  display: flex;
  align-self: center;
}
html.manager .library-home .shopSearch .ui-state-default:hover,
html.manager .library-home .shopSearch .ui-widget-content .ui-state-default:hover,
html.manager .library-home .shopSearch .ui-widget-header .ui-state-default:hover {
  background-color: #467bbf;
}
html.manager .library-home .shopSearch .ui-state-default span,
html.manager .library-home .shopSearch .ui-widget-content .ui-state-default span,
html.manager .library-home .shopSearch .ui-widget-header .ui-state-default span {
  font-size: 14px;
  font-weight: 400;
  margin: 0 5px;
}
html.manager .library-home .shopSearch .ui-state-default .text-icon,
html.manager .library-home .shopSearch .ui-widget-content .ui-state-default .text-icon,
html.manager .library-home .shopSearch .ui-widget-header .ui-state-default .text-icon,
html.manager .library-home .shopSearch .ui-state-default .ui-icon.ui-icon-close,
html.manager .library-home .shopSearch .ui-widget-content .ui-state-default .ui-icon.ui-icon-close,
html.manager .library-home .shopSearch .ui-widget-header .ui-state-default .ui-icon.ui-icon-close {
  width: 16px;
  min-width: 16px;
  height: 16px;
  color: white;
  fill: White;
  margin-left: 5px;
}
html.manager .library-home .shopSearch .tagit-label {
  cursor: default;
}
html.manager .library-home input[type=checkbox] + label:before {
  font-family: "Material Icons";
  content: '\e835';
  letter-spacing: normal !important;
  /* position: absolute; */
  left: 0;
  font-size: 20px;
  opacity: 0.8;
  font-style: normal;
  width: 20px;
  height: 20px;
  background-color: white;
  border: 2px solid #6E8CA0;
  border-radius: 5px;
  color: transparent;
  cursor: pointer;
}
html.manager .library-home input[type=checkbox]:checked + label:before {
  content: '';
  color: transparent;
  background-color: #6DCEBD;
  border: 0;
  transition: .25ms;
}
html.manager .library-lesson {
  /* content from lesson-package modal*/
}
html.manager .library-lesson .row-first .action-back a {
  display: table;
  text-decoration: none;
}
html.manager .library-lesson .row-first .action-back a .material-icons {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px 0 0;
}
html.manager .library-lesson .span-btn {
  border-radius: 20px;
  font-size: 16px;
  min-width: 40px;
  height: 40px;
  padding: 0 15px;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border: 1px solid transparent;
  font-weight: 600;
  color: #43aba4;
  background: #dcebff none;
  line-height: 39px;
  margin: 0 0.2rem 0.5rem;
}
html.manager .library-lesson .panel-container .panel-body .thumb-wrapper {
  width: 100%;
  display: block;
  overflow: hidden;
  border: 1px solid #f1f1f1;
  background: #f1f1f1;
}
html.manager .library-lesson .panel-container .panel-body .thumb-wrapper .thumb {
  object-fit: cover;
  width: 100%;
}
html.manager .library-lesson .panel-container .panel-body .thumb-wrapper .lock-img {
  position: absolute;
  top: 0;
  left: 5px;
  margin: 5px;
  width: 80px;
  height: auto;
  z-index: 2;
}
html.manager .library-lesson .panel-container .panel-body .panel-body-title {
  font-weight: 600;
}
html.manager .library-lesson .panel-container .panel-body .panel-body-rating .material-icons {
  color: #ffb52d;
}
html.manager .library-lesson .panel-container .panel-body .panel-body-info .list-group .list-group-item {
  border: none;
  display: inline-block;
}
html.manager .library-lesson .panel-container .panel-body .panel-body-info .list-group .list-group-item h2 {
  font-weight: 600;
}
html.manager .library-lesson .panel-container .panel-body .panel-body-action .btn {
  margin-right: 15px;
}
html.manager .library-lesson .panel-container .panel-body .nav-tabs {
  height: 51px;
}
html.manager .library-lesson .panel-container .panel-body .nav-tabs li a {
  height: 50px;
  line-height: 50px;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item.worksheet,
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item.slide,
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item.folder {
  background: #fafafa;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fafafa 0%, #fefefe 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fafafa 0%, #fefefe 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fafafa 0%, #fefefe 100%);
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item.worksheet:hover,
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item.slide:hover,
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item.folder:hover {
  background: white;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item .collapse,
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item .collapse.in,
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item .collapsing {
  background: transparent;
  border: none;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item .collapse .list-group-item,
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item .collapse.in .list-group-item,
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item .collapsing .list-group-item {
  background: transparent;
  border: none;
  padding-right: 0;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item:not(.folder) {
  display: flex;
  align-items: center;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item:not(.folder) a {
  color: #20262C;
  flex: 1;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item:not(.folder) > .slide {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item:not(.folder) > .slide::before {
  content: url("../img/icons/lesson-icon.svg");
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item:not(.folder) > .worksheet {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item:not(.folder) > .worksheet::before {
  content: url("../img/icons/worksheet-icon.svg");
  fill: blue;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item:not(.folder) .lesson-action-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  opacity: 0;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item:not(.folder) .lesson-action-container span.input-group-btn {
  width: 50px;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item:not(.folder) .lesson-action-container span.input-group-btn .btn-icon {
  background: none;
  background: transparent;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item:not(.folder):hover a {
  color: #258cff;
  text-decoration: none;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item:not(.folder):hover .lesson-action-container {
  opacity: 1 !important;
  transition: all 1s;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item.folder .folder-item {
  display: flex;
  cursor: pointer;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item.folder .folder-item .folder {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item.folder .folder-item .folder::before {
  content: url("../img/icons/folder-icon.svg");
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item.folder .folder-item .folder-item-details {
  display: flex;
  flex: 1;
  align-items: center;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item.folder .folder-item .folder-action-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  opacity: 0;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item.folder .folder-item .folder-action-container span.input-group-btn {
  width: 50px;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item.folder .folder-item .folder-action-container span.input-group-btn .btn-icon {
  background: none;
  background: transparent;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item.folder .folder-item:hover .folder-item-details {
  color: #258cff;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item.folder .folder-item:hover .folder-action-container {
  opacity: 1 !important;
  transition: all 1s;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item.folder .folder-item.folder-collapsed .folder-item-details {
  font-weight: bold;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane .list-group .list-group-item.folder .folder-item.folder-collapsed .folder-action-container {
  opacity: 1 !important;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane#description {
  padding: 30px 0 30px 0;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane#reviews {
  padding: 30px 0 30px 0;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane#reviews .media .media-object {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane#reviews .media .media-body .media-heading {
  font-weight: 600;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane#reviews .media .media-body .media-report {
  display: none;
  font-size: 14px;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane#reviews .media .media-body .media-date {
  font-size: 14px;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane#reviews .media .media-body .media-rating {
  height: 16px;
  line-height: 16px;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane#reviews .media .media-body .media-rating .material-icons {
  font-size: 14px;
  color: #ffb52d;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane#reviews .media .media-body .media-review {
  font-size: 14px;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane#reviews .media:hover .media-body .media-report {
  display: inline;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane#reviews .media.media-write {
  background: #fcfbfb;
  padding: 15px;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane#reviews .media.media-write .media-object {
  width: 100px;
  height: 100px;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane#reviews .media.media-write .media-body .media-rating {
  height: 38px;
  line-height: 38px;
  margin-bottom: 15px;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane#reviews .media.media-write .media-body .media-rating .rating {
  display: inline;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane#reviews .media.media-write .media-body .media-rating .material-icons {
  font-size: 38px;
}
html.manager .library-lesson .panel-container .panel-body .tab-content .tab-pane#reviews .media.media-write .media-body .media-comment textarea {
  font-size: 14px;
  height: 30px;
  resize: none;
}
html.manager .library-lesson .schoolName input#schoolName {
  border: 1px solid #c6cad0 !important;
}
html.manager .library-lesson .schoolAdress textarea#schoolAddress {
  border: 1px solid #c6cad0 !important;
  margin: 5px 0;
}
html.manager .library-lesson .schoolSize,
html.manager .library-lesson .schoolPackage {
  display: flex;
  justify-content: center;
  align-items: center;
}
html.manager .library-lesson .schoolSize .form-control,
html.manager .library-lesson .schoolPackage .form-control {
  border-radius: 0;
  width: 100% !important;
}
html.manager .library-lesson .modal-body {
  display: flex;
  flex-direction: column;
}
html.manager .library-lesson .modal-content .col-xs-12,
html.manager .library-lesson .modal-content .col-xs-6 {
  padding: 0;
}
html.manager .library-lesson .modal-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
html.manager .login {
  background-color: #fff;
  padding: 0;
  /* Tablet */
}
@media only screen and (max-width: 1024px) and (min-height: 840px) {
  html.manager .login .page-container {
    max-height: 750px;
  }
}
html.manager .login .navbar-header .navbar-toggle.collapsed {
  display: none;
}
html.manager .login .navbar {
  background: none;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html.manager .login .navbar:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html.manager .login .navbar .navbar-brand img {
  height: 60px;
}
html.manager .login .navbar .navbar-right .head-name-item-menu-login {
  display: none;
}
html.manager .login .content-manager-wrapper {
  padding-bottom: 0;
  overflow: hidden;
  position: relative;
  transform-origin: center;
  background-attachment: scroll;
  position: static;
  background-size: cover;
}
html.manager .login .content-manager-wrapper .panel {
  display: flex;
  flex-direction: column;
}
html.manager .login .content-manager-wrapper .container {
  z-index: 2;
  position: relative;
}
html.manager .login .content-manager-wrapper .container .login__row,
html.manager .login .content-manager-wrapper .container .registration__row,
html.manager .login .content-manager-wrapper .container .resetpass__row {
  display: flex;
  justify-content: center;
}
html.manager .login .content-manager-wrapper .container .login__log,
html.manager .login .content-manager-wrapper .container .registration__log,
html.manager .login .content-manager-wrapper .container .resetpass__log {
  min-width: 500px;
  border-radius: 0.5rem;
}
html.manager .login .content-manager-wrapper .container .registration__log,
html.manager .login .content-manager-wrapper .container .login__log,
html.manager .login .content-manager-wrapper .container .resetpass__log {
  background-color: white;
  padding: 2rem;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
}
html.manager .login .content-manager-wrapper .container .registration__log .panel,
html.manager .login .content-manager-wrapper .container .login__log .panel,
html.manager .login .content-manager-wrapper .container .resetpass__log .panel {
  box-shadow: none!important;
  margin-bottom: 0 !important;
}
html.manager .login .content-manager-wrapper .container .registration__log .btn-group,
html.manager .login .content-manager-wrapper .container .login__log .btn-group,
html.manager .login .content-manager-wrapper .container .resetpass__log .btn-group {
  display: flex;
}
html.manager .login .content-manager-wrapper .container .registration__log .btn-group .btn,
html.manager .login .content-manager-wrapper .container .login__log .btn-group .btn,
html.manager .login .content-manager-wrapper .container .resetpass__log .btn-group .btn {
  border-radius: 0!important;
  flex: 1;
  justify-content: center;
}
html.manager .login .content-manager-wrapper .container .registration__log .btn-group .btn.btn-default,
html.manager .login .content-manager-wrapper .container .login__log .btn-group .btn.btn-default,
html.manager .login .content-manager-wrapper .container .resetpass__log .btn-group .btn.btn-default {
  border: 1px solid #258cff;
  background-color: transparent;
}
html.manager .login .content-manager-wrapper .container .registration__log .form-group.has-error .form-control,
html.manager .login .content-manager-wrapper .container .login__log .form-group.has-error .form-control,
html.manager .login .content-manager-wrapper .container .resetpass__log .form-group.has-error .form-control {
  border: 1px solid #e0457b !important;
}
html.manager .login .content-manager-wrapper .container .registration__log input[type=checkbox] + label,
html.manager .login .content-manager-wrapper .container .login__log input[type=checkbox] + label,
html.manager .login .content-manager-wrapper .container .resetpass__log input[type=checkbox] + label {
  padding-left: 20px;
}
html.manager .login .content-manager-wrapper .container .login-checkbox label.remember-me {
  font-size: 16px;
}
html.manager .login .content-manager-wrapper .container .login-checkbox label.remember-me :before {
  font-size: 18px;
}
html.manager .login .content-manager-wrapper .container .login-forgot {
  font-size: 16px;
  color: #258cff;
}
html.manager .login .content-manager-wrapper .container .registration-terms {
  text-align: center;
  font-size: 14px;
}
html.manager .login .content-manager-wrapper .container .copyright {
  color: #c6cad0;
  font-size: 14px;
}
html.manager .login .content-manager-wrapper .container .select-language {
  width: auto;
}
html.manager .login .content-manager-wrapper .row-primary {
  padding-top: 30px;
}
html.manager .login .content-manager-wrapper .row-primary .col-right h1 {
  color: #ffffff;
  font-size: 50px;
  margin-top: 50px;
  margin-bottom: 30px;
}
html.manager .login .content-manager-wrapper .row-primary .col-right .panel {
  border-radius: 6px;
}
html.manager .login .content-manager-wrapper .row-primary .col-right .panel .row-social-login a.btn-social-login {
  height: 40px;
  width: 40px;
  background: #fafafa;
  border-radius: 0;
  display: flex;
  justify-content: center;
  margin: 0 5px;
}
html.manager .login .content-manager-wrapper .row-primary .col-right .panel .row-social-login a.btn-social-login .panel {
  margin-bottom: 0!important;
}
html.manager .login .content-manager-wrapper .row-primary .col-right .panel .row-social-login a.btn-social-login:hover {
  opacity: 0.75;
  /*background: #f4f4f4;*/
}
html.manager .login .content-manager-wrapper .row-primary .col-right .panel .row-social-login a.btn-social-login img {
  padding: 0.4rem;
  width: inherit;
}
html.manager .login .content-manager-wrapper .row-primary .col-right .row-alerts {
  padding-bottom: 20px;
}
html.manager .login .content-manager-wrapper .row-primary .col-right .submit {
  margin: 1rem 0;
}
html.manager .login .content-manager-wrapper .row-primary .col-right .material-input.form-group.has-error {
  height: max-content;
}
@media only screen and (min-width: 425px) and (max-width: 768px) {
  html.manager .login .container {
    max-width: 500px;
  }
  html.manager .login .container .navbar-header {
    display: flex;
    width: 100%;
  }
  html.manager .login .content-manager-wrapper {
    padding-top: 50px;
  }
  html.manager .login .content-manager-wrapper .row-primary .col-right h1 {
    text-align: center;
  }
}
@media only screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  html.manager .login .container {
    max-width: 500px;
  }
  html.manager .login .container .navbar-header {
    display: flex;
    width: 100%;
  }
  html.manager .login .content-manager-wrapper {
    padding-top: 50px;
  }
  html.manager .login .content-manager-wrapper .row-primary .col-right h1 {
    text-align: center;
    margin-top: 100px;
  }
}
html.manager .login .navbar-brand.hidden-xs {
  display: visible!important;
}
html.manager .profile .panel {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  /* end left panel for profile and Subscription plan */
  /* start right panel for Personal Info */
  /* end right panel for Personal Info */
  /* common */
}
html.manager .profile .panel .panel-body {
  padding: 0;
  /* start left panel for profile and Subscription plan */
}
html.manager .profile .panel .panel-body #change-password {
  overflow: visible;
  overflow: initial;
}
html.manager .profile .panel .panel-body .form-group {
  margin-bottom: 25px;
  width: 100%;
}
html.manager .profile .panel .panel-body .form-group .form-control {
  width: 100% !important;
}
html.manager .profile .panel .panel-body .form-group .form-control ~ label {
  font-weight: normal;
  position: absolute;
  top: 10px;
  transition: 0.2s ease all;
  pointer-events: none;
  color: #aaaaaa;
}
html.manager .profile .panel .panel-body .form-group .form-control:disabled ~ label,
html.manager .profile .panel .panel-body .form-group .form-control:focus ~ label,
html.manager .profile .panel .panel-body .form-group .form-control:not(:focus):valid ~ label {
  font-weight: normal;
  color: #aaaaaa;
  position: absolute;
  top: -10px !important;
  margin: 0;
  font-size: 12px;
  opacity: 1;
  transition: 0.2s ease all;
}
html.manager .profile .panel .panel-body .mediaHeaderProfile {
  background: linear-gradient(#fff, #ecf5ff);
  background: -moz-linear-gradient(top, #fff, #ecf5ff);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fff, #ecf5ff);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fff, #ecf5ff);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -ms-border-top-left-radius: 5px;
  -o-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -ms-border-top-right-radius: 5px;
  -o-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}
html.manager .profile .panel .panel-body .mediaHeaderProfile .media {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 1em;
  flex-wrap: wrap;
}
html.manager .profile .panel .panel-body .mediaHeaderProfile .media .media-left {
  padding-right: 15px;
}
html.manager .profile .panel .panel-body .mediaHeaderProfile .media .media-left .details-picture .details-profile-picture {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  object-fit: cover;
}
html.manager .profile .panel .panel-body .mediaHeaderProfile .media .media-left .profile-img {
  border: 5px solid #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
html.manager .profile .panel .panel-body .mediaHeaderProfile .media .media-body {
  width: inherit;
}
html.manager .profile .panel .panel-body .mediaHeaderProfile .media .media-body .media-heading {
  font-size: 24px;
  padding-bottom: 10px;
  color: #20262C;
}
html.manager .profile .panel .panel-body .mediaHeaderProfile .media .media-body .profileButtons {
  display: flex;
  flex-direction: column;
}
html.manager .profile .panel .panel-body .mediaHeaderProfile .media .media-body .profileButtons a {
  display: flex;
  text-decoration: none;
  font-size: 14px;
}
html.manager .profile .panel .panel-body .mediaHeaderProfile .media .media-body .profileButtons a:hover {
  text-decoration: none;
}
html.manager .profile .panel .panel-body .mediaHeaderProfile .media .media-body .profileButtons a:hover span {
  text-decoration: underline;
}
html.manager .profile .panel .panel-body .mediaSubscriptionPlan {
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -ms-border-top-left-radius: 5px;
  -o-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -ms-border-top-right-radius: 5px;
  -o-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  margin-top: -6px;
  padding: 40px;
  background-color: #fff;
  -webkit-box-shadow: 0px -7px 7px -7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px -7px 7px -7px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px -7px 7px -7px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px -7px 7px -7px rgba(0, 0, 0, 0.1);
  box-shadow: 0px -7px 7px -7px rgba(0, 0, 0, 0.1);
}
html.manager .profile .panel .panel-body .mediaSubscriptionPlan .subscriptionPlan {
  color: #258cff;
  font-size: 22px;
  font-weight: 600;
}
html.manager .profile .panel .panel-body .mediaSubscriptionPlan .form-group .form-control:disabled ~ label {
  color: #4bb0e6;
  font-size: 14px;
}
html.manager .profile .panel .panel-body .progress-wrapper .progress {
  height: 40px;
}
html.manager .profile .panel .panel-body .progress-wrapper .progress .progress-bar {
  background-color: #3bbffd;
  font-size: 18px;
  line-height: 40px;
}
html.manager .profile .panel .mediaPersonalInfo {
  margin: 30px;
}
html.manager .profile .panel .mediaPersonalInfo .media-heading {
  padding-bottom: 30px;
}
html.manager .profile .panel .mediaPersonalInfo form [class^='col-'] {
  padding-left: 5px;
  padding-right: 5px;
}
html.manager .profile .panel .mediaPersonalInfo form select {
  color: #20262C;
}
html.manager .profile .panel .mediaPersonalInfo form .form-group button.btn-link {
  font-size: 14px;
  position: absolute;
  left: 0;
  color: #258cff;
  align-self: center;
  display: flex;
}
@media (max-width: 768px) {
  html.manager .profile .panel .mediaPersonalInfo form .form-group button.btn-link {
    position: relative;
  }
}
html.manager .profile .panel .mediaPersonalInfo form .form-group .form-control {
  border-radius: 0!important;
}
html.manager .profile .panel .mediaPersonalInfo form .form-group .form-control ~ label {
  color: #4bb0e6;
}
html.manager .profile .panel .mediaPersonalInfo form .form-group .form-control:focus ~ label,
html.manager .profile .panel .mediaPersonalInfo form .form-group .form-control:not(:focus):valid ~ label,
html.manager .profile .panel .mediaPersonalInfo form .form-group .form-control:disabled ~ label {
  color: #4bb0e6;
  font-size: 14px;
}
html.manager .profile .panel .material-icons {
  font-size: 14px;
  padding: 5px;
}
html.manager .profile .panel h4.media-heading {
  color: #6039a9;
  font-weight: 600;
}
html.manager .profile .panel-min-height {
  min-height: 460px;
}
html.manager .cookie-policy {
  overflow: visible;
  overflow: initial;
  height: auto !important;
  padding: 0px 0 30px  0;
}
html.manager .cookie-policy .navbar {
  background: none;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  position: static;
}
html.manager .cookie-policy .navbar:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html.manager .cookie-policy .navbar .navbar-brand img {
  height: 70px;
}
html.manager .cookie-policy .navbar .navbar-right .head-name-item-menu {
  float: right;
  display: none;
}
html.manager .cookie-policy h1 {
  font-size: 28px;
}
html.manager .cookie-policy h3 {
  margin: 0;
  padding-bottom: 10px;
}
html.manager .privacy-policy {
  overflow: visible;
  overflow: initial;
  height: auto !important;
  background: #ffffff url('../img/bg-dynamic.jpg') no-repeat top center scroll;
  padding: 0px 0 30px  0;
}
html.manager .privacy-policy .navbar {
  background: none;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  position: static;
}
html.manager .privacy-policy .navbar:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html.manager .privacy-policy .navbar .navbar-brand img {
  height: 70px;
}
html.manager .privacy-policy .navbar .navbar-right .head-name-item-menu {
  float: right;
  display: none;
}
html.manager .privacy-policy h1 {
  font-size: 28px;
}
html.manager .privacy-policy h3 {
  margin: 0;
  padding-bottom: 10px;
}
html.manager .terms-and-conditions {
  overflow: visible;
  overflow: initial;
  height: auto !important;
  background: #ffffff url('../img/bg-dynamic.jpg') no-repeat top center scroll;
  padding: 0px 0 30px  0;
}
html.manager .terms-and-conditions .navbar {
  background: none;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  position: static;
}
html.manager .terms-and-conditions .navbar:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html.manager .terms-and-conditions .navbar .navbar-brand img {
  height: 70px;
}
html.manager .terms-and-conditions .navbar .navbar-right .head-name-item-menu {
  float: right;
  display: none;
}
html.manager .terms-and-conditions h1 {
  font-size: 28px;
}
html.manager .terms-and-conditions h3 {
  margin: 0;
  padding-bottom: 10px;
}
html.manager .error {
  /* ---------------------------------------------------------------------------------------------------- start common/_p_error */
}
html.manager .error main {
  padding: 0;
  background: #ffffff url('../img/bg-dynamic.jpg') no-repeat top center scroll;
  background-size: cover;
  margin-top: -5px;
}
html.manager .error .navbar:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html.manager .error .navbar .navbar-brand img {
  height: 50px;
}
html.manager .error .navbar .navbar-right {
  display: none;
}
html.manager .error .navbar .client-nav {
  display: none;
}
html.manager .error #page-container {
  height: 100%;
}
html.manager .error #page-container #content {
  height: 100%;
}
html.manager .error #page-container #content .no-padding {
  padding: 0;
  height: 100%;
}
html.manager .error #page-container #content .no-padding .right {
  text-align: left !important;
  color: white;
  padding-top: 130px !important;
  padding: 30px;
  height: 100%;
  background: #4d4f5c66;
}
html.manager .error #page-container #content .no-padding .right:lang(ar) {
  float: right;
}
html.manager .error #page-container #content .no-padding .right h1,
html.manager .error #page-container #content .no-padding .right h4,
html.manager .error #page-container #content .no-padding .right span {
  word-wrap: break-word;
  word-break: break-word;
}
html.manager .error #page-container #content .no-padding .right .panel-heading {
  padding: 0;
}
html.manager .error #page-container #content .no-padding .right .panel-body {
  padding: 20px 0;
}
html.manager .error #page-container #content .no-padding .right .panel-body p {
  word-break: break-all;
}
html.manager .error #page-container #content .no-padding .right .panel-body p b:lang(ar) {
  float: right;
  padding-left: 5px;
}
html.manager .error #page-container #content .no-padding .right .panel-footer {
  padding: 0 0 20px 0;
  border: none;
}
html.manager .error #page-container #content .no-padding .left:lang(ar) {
  float: right;
}
html.manager .thank-you {
  /* ---------------------------------------------------------------------------------------------------- start common/_p_thank-you */
  border-top: 0 !important;
  background: #ffffff url('../img/bg-dynamic.jpg') no-repeat top center scroll;
  /*background-size: cover;*/
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 300;
  /*padding: 0;*/
  /*.container-full {
            background: rgba(104, 94, 119, 0.5);
            width: 100vw;
            height:100vh;
            display: table;

           .container {
                width: auto;
                height:auto;
                display: table-cell;
                vertical-align: middle;
            }
        }*/
}
html.manager .thank-you .navbar {
  background: none;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html.manager .thank-you .navbar:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html.manager .thank-you .navbar .navbar-brand img {
  height: 70px;
}
html.manager .thank-you .navbar .navbar-right {
  display: none;
}
html.manager .thank-you .navbar .navbar-right .head-name-item-menu {
  display: none;
}
html.manager .thank-you .content .btn-outline {
  border-width: 2px;
  border-color: #fff;
  background: none;
  font-weight: 600;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  transition: all 0.3s ease-out;
  background: #ffffff;
  border-radius: 35px;
  color: #685e77;
  height: auto;
  text-transform: none;
  min-width: 150px;
}
html.manager .thank-you .content .btn-outline:hover {
  border-color: #fff;
  background: #fff;
  font-weight: 600;
  transition: all .2s linear;
  color: #000;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
html.manager .thank-you .content .btn-outline .fa:lang(ar):before {
  content: '\f190';
}
html.manager .thank-you .content .fa {
  font-size: 18px;
  vertical-align: middle;
}
html.manager .thank-you .content .social .fa {
  font-size: 18px;
  padding: 10px;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}
html.manager .thank-you .content .social .fa:hover {
  color: rgba(255, 255, 255, 0.8);
}
html.manager .thank-you .logo {
  width: 100px;
  height: 118px;
}
html.manager .thank-you h1 {
  color: #fff;
  font-size: 50px;
  font-weight: 300;
}
html.manager .thank-you b {
  font-weight: 400;
}
html.manager .attainment-report {
  /* The switch - the box around the slider */
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */
}
html.manager .attainment-report .student-name {
  color: #ff43a9;
}
html.manager .attainment-report .student-pic {
  border-radius: 50%;
  padding: 5px;
  width: 100px;
}
html.manager .attainment-report .teacher-pic {
  border-radius: 50%;
  padding: 5px;
  width: 100px;
}
html.manager .attainment-report .teacher-name {
  color: #ff43a9;
}
html.manager .attainment-report .padding-chart {
  margin-top: 100px;
  margin-bottom: 50px;
}
html.manager .attainment-report hr {
  color: #ff43a9;
  border-color: #ff43a9;
  background-color: #ff43a9;
  height: 0.5px;
}
html.manager .attainment-report .blue-text {
  color: #2196F3;
}
html.manager .attainment-report .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
html.manager .attainment-report .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
html.manager .attainment-report .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
html.manager .attainment-report .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
html.manager .attainment-report input:checked + .slider {
  background-color: #2196F3;
}
html.manager .attainment-report input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
html.manager .attainment-report input:checked + .slider:before {
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
}
html.manager .attainment-report .slider.round {
  border-radius: 34px;
}
html.manager .attainment-report .slider.round:before {
  border-radius: 50%;
}
html.manager .attainment-report #student-report-title {
  color: #C0C0C0;
}
html.manager .attainment-report .paginate_button a {
  border: 1px solid #58a7ff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-left: 2px;
  padding: 0;
  min-width: 35px;
  height: 35px;
  line-height: 35px;
}
html.manager .attainment-report .paginate_button a:hover {
  border: 1px solid #258cff;
}
html.manager .red {
  color: red;
}
html.manager .question {
  text-align: center;
  color: #5e5f60;
  margin-bottom: 70px;
}
html.manager .myContainer {
  justify-content: center;
  display: flex;
  flex-direction: column;
}
html.manager .myContainer.jumbotron {
  margin-bottom: 0;
  background-color: #fff;
}
html.manager .myContainer.jumbotron div > h3 {
  margin-top: 100px;
}
html.manager .myContainer .btn {
  margin: 0 auto;
}
html.manager .panel-footer-rating {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
html.manager .star-rating {
  text-align: center;
  cursor: pointer;
  justify-content: space-around;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  width: 90%;
}
html.manager .star-rating .star-content:hover i.material-icons.star-score {
  fill: #d8225f;
  color: #d8225f;
}
html.manager .star-rating .star-content:hover ~ .star-content i.material-icons.star-score {
  fill: #d8225f;
  color: #d8225f;
}
html.manager .star-rating .material-icons.star-score {
  font-size: 4rem;
  color: #4a7ec0;
}
html.manager .star-rating span {
  font-size: 1.5rem;
  color: grey;
}
html.manager .selected {
  fill: #d8225f;
  color: #d8225f;
}
html.manager .likely {
  margin: 15px auto;
  width: 80%;
  display: flex;
  justify-content: space-between;
}
html.manager .likely span {
  font-size: 1.5rem;
  color: grey;
}
html.manager .likely span:first-child {
  color: grey;
}
html.manager .likely span:last-child {
  color: grey;
}
html.manager .scores {
  width: 70%;
  margin-left: 15%;
}
@keyframes pulse-ring {
  /* start _u_animations */
  0% {
    transform: scale(0.1);
  }
  80%,
  100% {
    opacity: 0;
  }
}
@keyframes orbit-card {
  0% {
    transform: rotate(125deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  7% {
    transform: rotate(245deg);
    animation-timing-function: linear;
  }
  30% {
    transform: rotate(355deg);
    animation-timing-function: ease-in-out;
  }
  39% {
    transform: rotate(590deg);
    animation-timing-function: linear;
  }
  70% {
    transform: rotate(725deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  75% {
    transform: rotate(815deg);
    animation-timing-function: ease-out;
  }
  76% {
    transform: rotate(815deg);
    opacity: 0;
  }
  100% {
    transform: rotate(815deg);
    opacity: 0;
  }
}
@keyframes orbit-page {
  0% {
    transform: rotate(150deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  7% {
    transform: rotate(320deg);
    animation-timing-function: linear;
  }
  30% {
    transform: rotate(430deg);
    animation-timing-function: ease-in-out;
  }
  39% {
    transform: rotate(665deg);
    animation-timing-function: linear;
  }
  70% {
    transform: rotate(800deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  75% {
    transform: rotate(890deg);
    animation-timing-function: ease-out;
  }
  76% {
    transform: rotate(1015deg);
    opacity: 0;
  }
  100% {
    transform: rotate(1015deg);
    opacity: 0;
  }
}
html.manager .text-muted {
  color: #999999;
}
html.manager .dropdown-menu {
  font-size: 16px;
}
html.manager .form-control {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
html.manager .panel-footer {
  background-color: transparent;
  padding: 15px;
}
html.manager .bootstrap-datetimepicker-widget table td,
html.manager .bootstrap-datetimepicker-widget table th {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
html.manager .bootstrap-datetimepicker-widget table td.active,
html.manager .bootstrap-datetimepicker-widget table td.active:hover {
  background: #3bbffd !important;
}
html.manager .datepicker table tr td.day:hover,
html.manager html.manager .manager .datepicker table tr td.day.focused {
  background: #eaa341 !important;
}
html.manager .bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #3bbffd;
}
html.manager .bootstrap-datetimepicker-widget.dropdown-menu {
  transform: none !important;
}
html.manager .panel-heading {
  padding: 15px;
}
html.manager .input-group-btn {
  /*width: 0.0000000001%;*/
}
html.manager .bootstrap-datetimepicker-widget.dropdown-menu {
  /*.default-transform !important;*/
  /*.default-width;*/
}
html.manager h1 {
  font-size: 38px;
}
html.manager h2 {
  font-size: 28px;
}
html.manager h3 {
  font-size: 21px;
}
html.manager h4 {
  font-size: 20px;
}
html.manager h5 {
  font-size: 19px;
}
html.manager h6 {
  font-size: 18px;
}
html.manager .w-100p {
  width: 100%;
}
html.manager .w-98p {
  width: 98%;
}
html.manager .w-75p {
  width: 75%;
}
html.manager .w-66p {
  width: 66%;
}
html.manager .w-50p {
  width: 50%;
}
html.manager .w-33p {
  width: 33%;
}
html.manager .w-25p {
  width: 25%;
}
html.manager .w-20p {
  width: 20%;
}
html.manager .text-left {
  text-align: left;
}
html.manager .text-center {
  text-align: center;
}
html.manager .text-right {
  text-align: right;
}
html.manager .text-blue {
  color: #258cff;
}
html.manager .text-grey {
  color: #333;
}
html.manager .text-red {
  color: #ff5b57;
}
html.manager .m-0 {
  margin: 0;
}
html.manager .m-5 {
  margin: 5px;
}
html.manager .m-10 {
  margin: 10px;
}
html.manager .m-15 {
  margin: 15px;
}
html.manager .m-20 {
  margin: 20px;
}
html.manager .m-30 {
  margin: 30px;
}
html.manager .m-40 {
  margin: 40px;
}
html.manager .m-50 {
  margin: 50px;
}
html.manager .m-t-0 {
  margin-top: 0 !important;
}
html.manager .m-t-5 {
  margin-top: 5px !important;
}
html.manager .m-t-10 {
  margin-top: 10px;
}
html.manager .m-t-15 {
  margin-top: 15px;
}
html.manager .m-t-20 {
  margin-top: 20px;
}
html.manager .m-t-30 {
  margin-top: 30px;
}
html.manager .m-t-40 {
  margin-top: 40px;
}
html.manager .m-t-50 {
  margin-top: 50px;
}
html.manager .m-t-90 {
  margin-top: 90px;
}
html.manager .p-t-150 {
  padding-top: 150px;
}
html.manager .p-0-1 {
  padding: 0 1rem;
}
html.manager .m-r-5 {
  margin-right: 5px;
}
html.manager .m-r-5:lang(ar) {
  margin-right: 0;
  margin-left: 5px;
}
html.manager .r-20 {
  right: 20px;
}
html.manager .r-10 {
  right: 10px;
}
html.manager .r-5 {
  right: 5px;
}
html.manager .r-0 {
  right: 0px;
}
html.manager .m-r-10 {
  margin-right: 10px;
}
html.manager .m-r-10:lang(ar) {
  margin-right: 0;
  margin-left: 10px;
}
html.manager .m-r-15 {
  margin-right: 15px;
}
html.manager .m-r-15:lang(ar) {
  margin-right: 0;
  margin-left: 15px;
}
html.manager .m-r-20 {
  margin-right: 20px;
}
html.manager .m-r-20:lang(ar) {
  margin-right: 0;
  margin-left: 20px;
}
html.manager .m-r-30 {
  margin-right: 30px;
}
html.manager .m-r-30:lang(ar) {
  margin-right: 0;
  margin-left: 30px;
}
html.manager .m-r-40 {
  margin-right: 40px;
}
html.manager .m-r-40:lang(ar) {
  margin-right: 0;
  margin-left: 40px;
}
html.manager .m-r-50 {
  margin-right: 50px;
}
html.manager .m-r-50:lang(ar) {
  margin-right: 0;
  margin-left: 50px;
}
html.manager .m-l-auto {
  margin-left: auto;
}
html.manager .b-0 {
  bottom: 0;
}
html.manager .b-10 {
  bottom: 10px;
}
html.manager .m-b-0 {
  margin-bottom: 0;
}
html.manager .m-b-5 {
  margin-bottom: 5px;
}
html.manager .m-b-10 {
  margin-bottom: 10px;
}
html.manager .m-b-15 {
  margin-bottom: 15px;
}
html.manager .m-b-20 {
  margin-bottom: 20px;
}
html.manager .m-b-30 {
  margin-bottom: 30px;
}
html.manager .m-b-40 {
  margin-bottom: 40px;
}
html.manager .m-b-50 {
  margin-bottom: 50px;
}
html.manager .m-b-2rem {
  margin-bottom: 2rem;
}
html.manager .m-l-5 {
  margin-left: 5px;
}
html.manager .m-l-5:lang(ar) {
  margin-left: 0;
  margin-right: 5px;
}
html.manager .m-l-1rem {
  margin-left: 1rem;
}
html.manager .m-l-8 {
  margin-left: 8px;
}
html.manager .m-l-10 {
  margin-left: 10px;
}
html.manager .m-l-10:lang(ar) {
  margin-left: 0;
  margin-right: 10px;
}
html.manager .m-l-15 {
  margin-left: 15px;
}
html.manager .m-l-15:lang(ar) {
  margin-left: 0;
  margin-right: 15px;
}
html.manager .m-l-20 {
  margin-left: 20px;
}
html.manager .m-l-20:lang(ar) {
  margin-left: 0;
  margin-right: 20px;
}
html.manager .m-l-30 {
  margin-left: 30px;
}
html.manager .m-l-30:lang(ar) {
  margin-left: 0;
  margin-right: 30px;
}
html.manager .m-l-40 {
  margin-left: 40px;
}
html.manager .m-l-40:lang(ar) {
  margin-left: 0;
  margin-right: 40px;
}
html.manager .m-l-50 {
  margin-left: 50px;
}
html.manager .m-l-50:lang(ar) {
  margin-left: 0;
  margin-right: 50px;
}
html.manager .p-0 {
  padding: 0!important;
}
html.manager .p-1rem {
  padding: 1rem;
}
html.manager .p-5 {
  padding: 5px;
}
html.manager .p-10 {
  padding: 10px;
}
html.manager .p-15 {
  padding: 15px;
}
html.manager .p-20 {
  padding: 20px;
}
html.manager .p-30 {
  padding: 30px;
}
html.manager .p-40 {
  padding: 40px;
}
html.manager .p-50 {
  padding: 50px;
}
html.manager .p-t-5 {
  padding-top: 5px;
}
html.manager .p-t-10 {
  padding-top: 10px;
}
html.manager .p-t-15 {
  padding-top: 15px;
}
html.manager .p-t-20 {
  padding-top: 20px;
}
html.manager .p-t-30 {
  padding-top: 30px;
}
html.manager .p-t-40 {
  padding-top: 40px;
}
html.manager .p-t-50 {
  padding-top: 50px;
}
html.manager .p-r-5 {
  padding-right: 5px;
}
html.manager .p-r-5:lang(ar) {
  padding-right: 0;
  padding-left: 5px;
}
html.manager .p-r-10 {
  padding-right: 10px;
}
html.manager .p-r-10:lang(ar) {
  padding-right: 0;
  padding-left: 10px;
}
html.manager .p-r-15 {
  padding-right: 15px;
}
html.manager .p-r-15:lang(ar) {
  padding-right: 0;
  padding-left: 15px;
}
html.manager .p-r-20 {
  padding-right: 20px;
}
html.manager .p-r-20:lang(ar) {
  padding-right: 0;
  padding-left: 20px;
}
html.manager .p-r-30 {
  padding-right: 30px;
}
html.manager .p-r-30:lang(ar) {
  padding-right: 0;
  padding-left: 30px;
}
html.manager .p-r-40 {
  padding-right: 40px;
}
html.manager .p-r-40:lang(ar) {
  padding-right: 0;
  padding-left: 40px;
}
html.manager .p-r-50 {
  padding-right: 50px;
}
html.manager .p-r-50:lang(ar) {
  padding-right: 0;
  padding-left: 50px;
}
html.manager .p-b-5 {
  padding-bottom: 5px;
}
html.manager .p-b-10 {
  padding-bottom: 10px;
}
html.manager .p-b-15 {
  padding-bottom: 15px;
}
html.manager .p-b-20 {
  padding-bottom: 20px;
}
html.manager .p-b-30 {
  padding-bottom: 30px;
}
html.manager .p-b-40 {
  padding-bottom: 40px;
}
html.manager .p-b-50 {
  padding-bottom: 50px;
}
html.manager .p-l-5 {
  padding-left: 5px;
}
html.manager .p-l-5:lang(ar) {
  padding-left: 0;
  padding-right: 5px;
}
html.manager .p-l-10 {
  padding-left: 10px;
}
html.manager .p-l-10:lang(ar) {
  padding-left: 0;
  padding-right: 10px;
}
html.manager .p-l-15 {
  padding-left: 15px;
}
html.manager .p-l-15:lang(ar) {
  padding-left: 0;
  padding-right: 15px;
}
html.manager .p-l-20 {
  padding-left: 20px;
}
html.manager .p-l-20:lang(ar) {
  padding-left: 0;
  padding-right: 20px;
}
html.manager .p-l-30 {
  padding-left: 30px;
}
html.manager .p-l-30:lang(ar) {
  padding-left: 0;
  padding-right: 30px;
}
html.manager .p-l-40 {
  padding-left: 40px;
}
html.manager .p-l-40:lang(ar) {
  padding-left: 0;
  padding-right: 40px;
}
html.manager .p-l-50 {
  padding-left: 50px;
}
html.manager .p-l-50:lang(ar) {
  padding-left: 0;
  padding-right: 50px;
}
html.manager .h-100p {
  height: 100%!important;
}
@media (max-width: 767px) {
  html.manager .pull-right-xs {
    float: right;
  }
  html.manager .pull-left-xs {
    float: left;
  }
  html.manager .w-auto {
    width: auto!important;
  }
  html.manager .w-a-xs {
    width: auto;
  }
  html.manager .w-100p-xs {
    width: 100%;
  }
  html.manager .w-75p-xs {
    width: 75%;
  }
  html.manager .w-66p-xs {
    width: 66%;
  }
  html.manager .w-50p-xs {
    width: 50%;
  }
  html.manager .w-33p-xs {
    width: 33%;
  }
  html.manager .w-25p-xs {
    width: 25%;
  }
  html.manager .w-20p-xs {
    width: 20%;
  }
  html.manager .p-5-xs {
    padding: 5px !important;
  }
  html.manager .p-10-xs {
    padding: 10px !important;
  }
  html.manager .p-15-xs {
    padding: 15px !important;
  }
  html.manager .p-20-xs {
    padding: 20px !important;
  }
  html.manager .p-30-xs {
    padding: 30px !important;
  }
  html.manager .p-40-xs {
    padding: 40px !important;
  }
  html.manager .p-50-xs {
    padding: 50px !important;
  }
  html.manager .p-t-5-xs {
    padding-top: 5px !important;
  }
  html.manager .p-t-10-xs {
    padding-top: 10px !important;
  }
  html.manager .p-t-15-xs {
    padding-top: 15px !important;
  }
  html.manager .p-t-20-xs {
    padding-top: 20px !important;
  }
  html.manager .p-t-30-xs {
    padding-top: 30px !important;
  }
  html.manager .p-t-40-xs {
    padding-top: 40px !important;
  }
  html.manager .p-t-50-xs {
    padding-top: 50px !important;
  }
  html.manager .p-r-5-xs {
    padding-right: 5px !important;
  }
  html.manager .p-r-10-xs {
    padding-right: 10px !important;
  }
  html.manager .p-r-15-xs {
    padding-right: 15px !important;
  }
  html.manager .p-r-20-xs {
    padding-right: 20px !important;
  }
  html.manager .p-r-30-xs {
    padding-right: 30px !important;
  }
  html.manager .p-r-40-xs {
    padding-right: 40px !important;
  }
  html.manager .p-r-50-xs {
    padding-right: 50px !important;
  }
  html.manager .p-b-5-xs {
    padding-bottom: 5px !important;
  }
  html.manager .p-b-10-xs {
    padding-bottom: 10px !important;
  }
  html.manager .p-b-15-xs {
    padding-bottom: 15px !important;
  }
  html.manager .p-b-20-xs {
    padding-bottom: 20px !important;
  }
  html.manager .p-b-30-xs {
    padding-bottom: 30px !important;
  }
  html.manager .p-b-40-xs {
    padding-bottom: 40px !important;
  }
  html.manager .p-b-50-xs {
    padding-bottom: 50px !important;
  }
  html.manager .p-l-5-xs {
    padding-left: 5px !important;
  }
  html.manager .p-l-10-xs {
    padding-left: 10px !important;
  }
  html.manager .p-l-15-xs {
    padding-left: 15px !important;
  }
  html.manager .p-l-20-xs {
    padding-left: 20px !important;
  }
  html.manager .p-l-30-xs {
    padding-left: 30px !important;
  }
  html.manager .p-l-40-xs {
    padding-left: 40px !important;
  }
  html.manager .p-l-50-xs {
    padding-left: 50px !important;
  }
}
@media (min-width: 767px) {
  html.manager .pull-right-sm {
    float: right;
  }
  html.manager .pull-left-sm {
    float: left;
  }
  html.manager .w-a-sm {
    width: auto;
  }
  html.manager .w-100p-sm {
    width: 100%;
  }
  html.manager .w-75p-sm {
    width: 75%;
  }
  html.manager .w-66p-sm {
    width: 66%;
  }
  html.manager .w-50p-sm {
    width: 50%;
  }
  html.manager .w-33p-sm {
    width: 33%;
  }
  html.manager .w-25p-sm {
    width: 25%;
  }
  html.manager .w-20p-sm {
    width: 20%;
  }
  html.manager .p-5-sm {
    padding: 5px !important;
  }
  html.manager .p-10-sm {
    padding: 10px !important;
  }
  html.manager .p-15-sm {
    padding: 15px !important;
  }
  html.manager .p-20-sm {
    padding: 20px !important;
  }
  html.manager .p-30-sm {
    padding: 30px !important;
  }
  html.manager .p-40-sm {
    padding: 40px !important;
  }
  html.manager .p-50-sm {
    padding: 50px !important;
  }
  html.manager .p-t-5-sm {
    padding-top: 5px !important;
  }
  html.manager .p-t-10-sm {
    padding-top: 10px !important;
  }
  html.manager .p-t-15-sm {
    padding-top: 15px !important;
  }
  html.manager .p-t-20-sm {
    padding-top: 20px !important;
  }
  html.manager .p-t-30-sm {
    padding-top: 30px !important;
  }
  html.manager .p-t-40-sm {
    padding-top: 40px !important;
  }
  html.manager .p-t-50-sm {
    padding-top: 50px !important;
  }
  html.manager .p-r-5-sm {
    padding-right: 5px !important;
  }
  html.manager .p-r-10-sm {
    padding-right: 10px !important;
  }
  html.manager .p-r-15-sm {
    padding-right: 15px !important;
  }
  html.manager .p-r-20-sm {
    padding-right: 20px !important;
  }
  html.manager .p-r-30-sm {
    padding-right: 30px !important;
  }
  html.manager .p-r-40-sm {
    padding-right: 40px !important;
  }
  html.manager .p-r-50-sm {
    padding-right: 50px !important;
  }
  html.manager .p-b-5-sm {
    padding-bottom: 5px !important;
  }
  html.manager .p-b-10-sm {
    padding-bottom: 10px !important;
  }
  html.manager .p-b-15-sm {
    padding-bottom: 15px !important;
  }
  html.manager .p-b-20-sm {
    padding-bottom: 20px !important;
  }
  html.manager .p-b-30-sm {
    padding-bottom: 30px !important;
  }
  html.manager .p-b-40-sm {
    padding-bottom: 40px !important;
  }
  html.manager .p-b-50-sm {
    padding-bottom: 50px !important;
  }
  html.manager .p-l-5-sm {
    padding-left: 5px !important;
  }
  html.manager .p-l-10-sm {
    padding-left: 10px !important;
  }
  html.manager .p-l-15-sm {
    padding-left: 15px !important;
  }
  html.manager .p-l-20-sm {
    padding-left: 20px !important;
  }
  html.manager .p-l-30-sm {
    padding-left: 30px !important;
  }
  html.manager .p-l-40-sm {
    padding-left: 40px !important;
  }
  html.manager .p-l-50-sm {
    padding-left: 50px !important;
  }
}
@media (min-width: 992px) {
  html.manager .pull-right-md {
    float: right;
  }
  html.manager .pull-left-md {
    float: left;
  }
  html.manager .w-a-md {
    width: auto;
  }
  html.manager .w-100p-md {
    width: 100%;
  }
  html.manager .w-75p-md {
    width: 75%;
  }
  html.manager .w-66p-md {
    width: 66%;
  }
  html.manager .w-50p-md {
    width: 50%;
  }
  html.manager .w-33p-md {
    width: 33%;
  }
  html.manager .w-25p-md {
    width: 25%;
  }
  html.manager .w-20p-md {
    width: 20%;
  }
  html.manager .p-5-md {
    padding: 5px !important;
  }
  html.manager .p-10-md {
    padding: 10px !important;
  }
  html.manager .p-15-md {
    padding: 15px !important;
  }
  html.manager .p-20-md {
    padding: 20px !important;
  }
  html.manager .p-30-md {
    padding: 30px !important;
  }
  html.manager .p-40-md {
    padding: 40px !important;
  }
  html.manager .p-50-md {
    padding: 50px !important;
  }
  html.manager .p-t-5-md {
    padding-top: 5px !important;
  }
  html.manager .p-t-10-md {
    padding-top: 10px !important;
  }
  html.manager .p-t-15-md {
    padding-top: 15px !important;
  }
  html.manager .p-t-20-md {
    padding-top: 20px !important;
  }
  html.manager .p-t-30-md {
    padding-top: 30px !important;
  }
  html.manager .p-t-40-md {
    padding-top: 40px !important;
  }
  html.manager .p-t-50-md {
    padding-top: 50px !important;
  }
  html.manager .p-r-5-md {
    padding-right: 5px !important;
  }
  html.manager .p-r-10-md {
    padding-right: 10px !important;
  }
  html.manager .p-r-15-md {
    padding-right: 15px !important;
  }
  html.manager .p-r-20-md {
    padding-right: 20px !important;
  }
  html.manager .p-r-30-md {
    padding-right: 30px !important;
  }
  html.manager .p-r-40-md {
    padding-right: 40px !important;
  }
  html.manager .p-r-50-md {
    padding-right: 50px !important;
  }
  html.manager .p-b-5-md {
    padding-bottom: 5px !important;
  }
  html.manager .p-b-10-md {
    padding-bottom: 10px !important;
  }
  html.manager .p-b-15-md {
    padding-bottom: 15px !important;
  }
  html.manager .p-b-20-md {
    padding-bottom: 20px !important;
  }
  html.manager .p-b-30-md {
    padding-bottom: 30px !important;
  }
  html.manager .p-b-40-md {
    padding-bottom: 40px !important;
  }
  html.manager .p-b-50-md {
    padding-bottom: 50px !important;
  }
  html.manager .p-l-5-md {
    padding-left: 5px !important;
  }
  html.manager .p-l-10-md {
    padding-left: 10px !important;
  }
  html.manager .p-l-15-md {
    padding-left: 15px !important;
  }
  html.manager .p-l-20-md {
    padding-left: 20px !important;
  }
  html.manager .p-l-30-md {
    padding-left: 30px !important;
  }
  html.manager .p-l-40-md {
    padding-left: 40px !important;
  }
  html.manager .p-l-50-md {
    padding-left: 50px !important;
  }
}
@media (min-width: 1200px) {
  html.manager .pull-right-lg {
    float: right;
  }
  html.manager .pull-left-lg {
    float: left;
  }
  html.manager .w-a-lg {
    width: auto;
  }
  html.manager .w-100p-lg {
    width: 100%;
  }
  html.manager .w-75p-lg {
    width: 75%;
  }
  html.manager .w-66p-lg {
    width: 66%;
  }
  html.manager .w-50p-lg {
    width: 50%;
  }
  html.manager .w-33p-lg {
    width: 33%;
  }
  html.manager .w-25p-lg {
    width: 25%;
  }
  html.manager .w-20p-lg {
    width: 20%;
  }
  html.manager .p-5-lg {
    padding: 5px !important;
  }
  html.manager .p-10-lg {
    padding: 10px !important;
  }
  html.manager .p-15-lg {
    padding: 15px !important;
  }
  html.manager .p-20-lg {
    padding: 20px !important;
  }
  html.manager .p-30-lg {
    padding: 30px !important;
  }
  html.manager .p-40-lg {
    padding: 40px !important;
  }
  html.manager .p-50-lg {
    padding: 50px !important;
  }
  html.manager .p-t-5-lg {
    padding-top: 5px !important;
  }
  html.manager .p-t-10-lg {
    padding-top: 10px !important;
  }
  html.manager .p-t-15-lg {
    padding-top: 15px !important;
  }
  html.manager .p-t-20-lg {
    padding-top: 20px !important;
  }
  html.manager .p-t-30-lg {
    padding-top: 30px !important;
  }
  html.manager .p-t-40-lg {
    padding-top: 40px !important;
  }
  html.manager .p-t-50-lg {
    padding-top: 50px !important;
  }
  html.manager .p-r-5-lg {
    padding-right: 5px !important;
  }
  html.manager .p-r-10-lg {
    padding-right: 10px !important;
  }
  html.manager .p-r-15-lg {
    padding-right: 15px !important;
  }
  html.manager .p-r-20-lg {
    padding-right: 20px !important;
  }
  html.manager .p-r-30-lg {
    padding-right: 30px !important;
  }
  html.manager .p-r-40-lg {
    padding-right: 40px !important;
  }
  html.manager .p-r-50-lg {
    padding-right: 50px !important;
  }
  html.manager .p-b-5-lg {
    padding-bottom: 5px !important;
  }
  html.manager .p-b-10-lg {
    padding-bottom: 10px !important;
  }
  html.manager .p-b-15-lg {
    padding-bottom: 15px !important;
  }
  html.manager .p-b-20-lg {
    padding-bottom: 20px !important;
  }
  html.manager .p-b-30-lg {
    padding-bottom: 30px !important;
  }
  html.manager .p-b-40-lg {
    padding-bottom: 40px !important;
  }
  html.manager .p-b-50-lg {
    padding-bottom: 50px !important;
  }
  html.manager .p-l-5-lg {
    padding-left: 5px !important;
  }
  html.manager .p-l-10-lg {
    padding-left: 10px !important;
  }
  html.manager .p-l-15-lg {
    padding-left: 15px !important;
  }
  html.manager .p-l-20-lg {
    padding-left: 20px !important;
  }
  html.manager .p-l-30-lg {
    padding-left: 30px !important;
  }
  html.manager .p-l-40-lg {
    padding-left: 40px !important;
  }
  html.manager .p-l-50-lg {
    padding-left: 50px !important;
  }
}
html.manager .n-p {
  padding: 0;
}
html.manager .n-p-t {
  padding-top: 0;
}
html.manager .n-p-r {
  padding-right: 0;
}
html.manager .n-p-b {
  padding-bottom: 0;
}
html.manager .n-p-l {
  padding-left: 0;
}
html.manager .n-m {
  margin: 0;
}
html.manager .n-m-t {
  margin-top: 0;
}
html.manager .n-m-r {
  margin-right: 0;
}
html.manager .n-m-b {
  margin-bottom: 0;
}
html.manager .n-m-l {
  margin-left: 0;
}
html.manager .align-center-horizontal {
  display: inline;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
html.manager .align-center-vertical {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
html.manager .align-center {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%, -50%);
  -moz-transform: translateX(-50%, -50%);
  -ms-transform: translateX(-50%, -50%);
  -o-transform: translateX(-50%, -50%);
  transform: translate(-50%, -50%);
}
html.manager .align-center-absolute {
  position: absolute;
  bottom: 50%;
  right: 50%;
  -webkit-transform: translateX(50%, 50%);
  -moz-transform: translateX(50%, 50%);
  -ms-transform: translateX(50%, 50%);
  -o-transform: translateX(50%, 50%);
  transform: translate(50%, 50%);
}
html.manager .cursor-default {
  cursor: default;
}
html.manager .cursor-pointer {
  cursor: pointer;
}
html.manager .cursor-move {
  cursor: move;
}
html.manager .cursor-text {
  cursor: text;
}
html.manager .no-user-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
html.manager .no-pointer-events {
  pointer-events: none;
}
html.manager .icon-with-text .material-icons {
  font-size: 24px;
  height: 24px;
  width: 24px;
  transform: translateY(25%);
}
html.manager .display-flex {
  display: flex;
}
html.manager .d-flex {
  display: flex;
}
html.manager .d-inline-flex {
  display: inline-flex;
}
html.manager .flex-column {
  flex-direction: column;
}
html.manager .flex-row {
  flex-direction: row;
}
html.manager .flex-wrap {
  flex-wrap: wrap;
}
html.manager .display-flex-direction-column {
  flex-direction: column;
}
html.manager .flex-1-1-auto {
  flex: 1 1 auto;
}
html.manager .display-flex-direction-row {
  flex-direction: row;
}
html.manager .align-items-center {
  align-items: center;
}
html.manager .align-items-flex-end {
  align-items: flex-end;
}
html.manager .justify-content-end {
  justify-content: flex-end;
}
html.manager .justify-content-center {
  justify-content: center;
}
html.manager .justify-content-space-between {
  justify-content: space-between;
}
html.manager .f-1 {
  flex: 1;
}
html.manager .order-1 {
  order: 1;
}
html.manager .order-2 {
  order: 2;
}
html.manager .order-3 {
  order: 3;
}
html.manager .display-table {
  display: table;
}
html.manager .display-table-cell {
  display: table-cell;
}
html.manager .vertical-align-middle {
  vertical-align: middle;
}
html.manager .f-w-600 {
  font-weight: 600;
}
html.manager .f-s-14 {
  font-size: 14px!important;
}
html.manager .f-s-16 {
  font-size: 16px !important;
}
html.manager .color-blue {
  color: blue;
}
html.manager .w-auto {
  width: auto;
}
html.manager .bg-white {
  background: white;
}
html.manager .text-white {
  color: white !important;
}
html.manager .no-border-bottom {
  border-bottom: none;
}
html.manager .no-border-top {
  border-top: none !important;
}
html.manager .position-absolute {
  position: absolute;
}
html.manager .position-relative {
  position: relative;
}
html.manager .r-0 {
  right: 0;
}
html.manager .r-7 {
  right: 7px;
}
html.manager .r-15 {
  right: 15px;
}
html.manager .row-pagination {
  clear: both;
  padding-bottom: 30px;
}
html.manager .row-pagination .load-more .dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: none;
  padding: 0;
  margin: 0;
  top: auto;
  left: auto;
  bottom: 100%;
  right: 0;
  min-width: 100px;
  font-size: 16px;
  background: #258cff;
}
html.manager .row-pagination .load-more .dropdown-menu li a {
  color: #ffffff;
  height: 40px;
  line-height: 40px;
  background-color: #4A7EC0;
}
html.manager .row-pagination .load-more .dropdown-menu li a:hover {
  background: #58a7ff;
}
html.manager .row-pagination .load-more .dropdown-menu li a:focus {
  background: #58a7ff;
}
html.manager .row-pagination .load-more .dropdown-menu li.divider {
  margin: 0;
  background: #258cff;
}
html.manager .row-pagination .load-more .dropdown-toggle.btn-primary {
  background: #258cff !important;
}
html.manager .row-pagination .load-more .dropdown-toggle.btn-primary:hover {
  box-shadow: none!important;
}
html.manager .notif_btn .countNotif {
  padding: 3px !important;
  position: absolute;
  top: 20px !important;
  left: calc(100% - 30px);
  transform: translateX(-50%);
  width: 18px !important;
  height: 18px !important;
  font-size: 14px !important;
  background: #ff5b57;
  line-height: 12px !important;
  font-weight: 300;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: none !important;
  z-index: 1;
}
html.manager .notif_btn .countNotif.showImportant {
  display: block !important;
}
html.manager .notification_label {
  display: none !important;
}
@media (max-width: 767px) {
  html.manager .notification_label {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  html.manager .notification_label {
    display: inline;
  }
}
html.manager .notification-panel .notification-empty a i {
  width: auto !important;
  font-size: 16px !important;
}
html.manager .notifications-wrapper {
  max-height: 300px;
  min-width: 350px;
  max-width: 350px;
  overflow-y: auto;
  /* Vertical scroll */
  overflow-x: hidden;
  /* Prevent horizontal scroll */
  padding-left: 0;
  /* Remove default ul padding */
  margin: 0;
  list-style: none;
  /* Optional: no bullets */
}
html.manager .notifications-wrapper .notificationItem {
  padding: 10px 20px 10px 10px;
  border-bottom: 1px solid #eeeeee;
}
html.manager .notifications-wrapper .notificationItem:hover {
  background: #eeeeee;
}
html.manager .notifications-wrapper .notificationItem.newest-notification {
  border-left: 5px solid #f9bd16;
}
html.manager .notifications-wrapper .notificationItem .undo-message {
  margin: 0;
}
html.manager .notifications-wrapper .notificationItem .undo-message a {
  border-bottom: none !important;
  display: inline !important;
  width: 50%;
}
html.manager .notifications-wrapper .notificationItem .undo-message a:first-child:before {
  display: block;
}
html.manager .notifications-wrapper .notificationItem .undo-message a:before {
  content: '';
  pointer-events: none;
}
html.manager .notifications-wrapper .notificationItem .media-left {
  padding-right: 0;
}
html.manager .notifications-wrapper .notificationItem .media-left .material-icons {
  padding: 0 10px 0 0;
}
html.manager .notifications-wrapper .notificationItem .media-left .material-icons.bg-red {
  color: #ff5b57;
}
html.manager .notifications-wrapper .notificationItem .media-left .material-icons.bg-green {
  color: #4ac88f;
}
html.manager .notifications-wrapper .notificationItem .media-left .material-icons.bg-blue {
  color: #3bbffd;
}
html.manager .notifications-wrapper .notificationItem .media-left .material-icons.bg-orange {
  color: #f9bd16;
}
html.manager .notifications-wrapper .notificationItem .media-body {
  display: inline;
}
html.manager .notifications-wrapper .notificationItem .media-body * {
  word-wrap: break-word;
  word-break: break-word;
}
html.manager .notifications-wrapper .notificationItem .dismissable_btn {
  display: table-cell;
  vertical-align: top;
  padding: 0 0 0 10px;
}
html.manager .notifications-wrapper .notificationItem .dismissable_btn .material-icons {
  cursor: pointer;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
html.manager .fadeOutLeft {
  animation-name: fadeOutLeft;
  animation-duration: 0.5;
}
html.manager .cards-container .panel-loading {
  position: absolute;
  width: calc(100% - 21px);
  height: calc(100% - 68px);
  color: #e0457b;
  background: #fff7f7;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  text-align: center;
  z-index: 1;
  margin-top: 10px;
  margin-left: 10px;
  display: flex;
  justify-content: center;
  align-content: center;
}
html.manager .cards-container .panel-loading .loader-dots {
  position: absolute;
  top: calc(50% - 54px);
  left: calc(50% - 25px);
  margin: 0 auto;
  width: 40px;
}
html.manager .cards-container .panel-loading .loader-dots .loader-dot {
  position: absolute;
  width: 50px;
  height: 50px;
  opacity: 0;
  transform: rotate(225deg);
  animation-iteration-count: infinite;
  animation-name: orbit-card;
  animation-duration: 5.5s;
}
html.manager .cards-container .panel-loading .loader-dots .loader-dot:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3bbffd;
}
html.manager .cards-container .panel-loading .loader-dots .loader-dot:nth-child(2) {
  animation-delay: 300ms;
}
html.manager .cards-container .panel-loading .loader-dots .loader-dot:nth-child(3) {
  animation-delay: 600ms;
}
html.manager .cards-container .panel-loading .loader-dots .loader-dot:nth-child(4) {
  animation-delay: 900ms;
}
html.manager .cards-container .panel-loading .loader-dots .loader-dot:nth-child(5) {
  animation-delay: 1200ms;
}
html.manager .cards-container .panel-loading .loader-message-dots {
  transform: translateY(3px) !important;
}
html.manager .cards-container .panel-loading .loader-message {
  color: #cf235f;
  padding: 25px;
  font-weight: 500;
  align-self: center;
}
html.manager .cards-container .panel-loading .loader-message .material-icons {
  color: #ff5b57;
  font-size: 48px;
}
html.manager .cards-container .panel-loading .loader-message p {
  margin: 0;
}
html.manager .cards-container .panel-loading .loader-message p a {
  cursor: pointer;
  color: #3bbffd;
}
html.manager .cards-container .panel.panel-lesson.errorMessage {
  border-color: #e0457b !important;
}
html.manager .page-loading .loader-dots {
  position: relative;
  margin: 0 auto;
  width: 40px;
}
html.manager .page-loading .loader-dots .loader-dot {
  position: absolute;
  width: 50px;
  height: 50px;
  opacity: 0;
  transform: rotate(225deg);
  animation-iteration-count: infinite;
  animation-name: orbit-page !important;
  animation-duration: 5.5s;
}
html.manager .page-loading .loader-dots .loader-dot:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3bbffd;
}
html.manager .page-loading .loader-dots .loader-dot:nth-child(2) {
  animation-delay: 300ms;
}
html.manager .page-loading .loader-dots .loader-dot:nth-child(3) {
  animation-delay: 600ms;
}
html.manager .page-loading .loader-dots .loader-dot:nth-child(4) {
  animation-delay: 900ms;
}
html.manager .page-loading .loader-dots .loader-dot:nth-child(5) {
  animation-delay: 1200ms;
}
html.manager .slimScrollBar {
  background: rgba(0, 0, 0, 0.3) !important;
  width: 10px !important;
  position: absolute;
  top: 0px;
  opacity: 1 !important;
  display: block;
  border-radius: 0 !important;
}
html.manager .slimScrollBar:hover {
  background: rgba(0, 0, 0, 0.4) !important;
}
html.manager .slimScrollBar:lang(ar) {
  right: auto !important;
  left: 0;
}
html.manager .slimScrollRail {
  width: 10px !important;
  border-radius: 0 !important;
}
html.manager .equal-columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
html.manager .text-wrap {
  word-wrap: break-word;
  word-break: break-word;
}
html.manager .twitter-typeahead {
  width: 100%;
}
html.manager .tt-suggestion {
  font-size: 1.2em;
  padding: 3px 20px;
}
html.manager .tt-suggestion.tt-selectable:hover,
html.manager .tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #348fe2;
}
html.manager .tt-suggestion p {
  margin: 0;
}
html.manager .tt-menu {
  width: 100%;
  margin-top: 2px;
  overflow-y: scroll;
  height: 200px;
  min-width: 200px;
  padding: 0;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25), 0px 1px 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25), 0px 1px 1px 2px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25), 0px 1px 1px 2px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25), 0px 1px 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25), 0px 1px 1px 2px rgba(0, 0, 0, 0.05);
  display: none;
}
html.manager .tt-menu:lang(ar) {
  left: auto !important;
}
html.manager .tt-menu:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 8px 8px;
  border-color: #fff transparent;
  display: block;
  width: 0;
  z-index: 999;
  top: -8px;
  left: 20px;
}
html.manager .tt-menu:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 8px 8px;
  border-color: #e0e0e0 transparent;
  display: block;
  width: 0;
  z-index: 0;
  top: -9px;
  left: 20px;
}
html.manager .tt-dataset p {
  font-size: 1em;
  margin: 0;
  padding: 6px 20px;
  line-height: normal;
  word-wrap: break-word;
  word-break: break-word;
  cursor: default;
}
html.manager .material-input > .twitter-typeahead:after {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 0;
  content: '';
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
html.manager .material-input > .twitter-typeahead.toggle:after {
  width: 100%;
  background: #2196f3;
}
html.manager ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
}
html.manager ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
}
html.manager ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
html.manager:lang(ar) {
  direction: rtl;
}
html.manager:lang(ar) .col-xs-1,
html.manager:lang(ar) .col-xs-2,
html.manager:lang(ar) .col-xs-3,
html.manager:lang(ar) .col-xs-4,
html.manager:lang(ar) .col-xs-5,
html.manager:lang(ar) .col-xs-6,
html.manager:lang(ar) .col-xs-7,
html.manager:lang(ar) .col-xs-8,
html.manager:lang(ar) .col-xs-9,
html.manager:lang(ar) .col-xs-10,
html.manager:lang(ar) .col-xs-11,
html.manager:lang(ar) .col-xs-12,
html.manager:lang(ar) .col-sm-1,
html.manager:lang(ar) .col-sm-2,
html.manager:lang(ar) .col-sm-3,
html.manager:lang(ar) .col-sm-4,
html.manager:lang(ar) .col-sm-5,
html.manager:lang(ar) .col-sm-6,
html.manager:lang(ar) .col-sm-7,
html.manager:lang(ar) .col-sm-8,
html.manager:lang(ar) .col-sm-9,
html.manager:lang(ar) .col-sm-10,
html.manager:lang(ar) .col-sm-11,
html.manager:lang(ar) .col-sm-12,
html.manager:lang(ar) .col-md-1,
html.manager:lang(ar) .col-md-2,
html.manager:lang(ar) .col-md-3,
html.manager:lang(ar) .col-md-4,
html.manager:lang(ar) .col-md-5,
html.manager:lang(ar) .col-md-6,
html.manager:lang(ar) .col-md-7,
html.manager:lang(ar) .col-md-8,
html.manager:lang(ar) .col-md-9,
html.manager:lang(ar) .col-md-10,
html.manager:lang(ar) .col-md-11,
html.manager:lang(ar) .col-md-12,
html.manager:lang(ar) .col-lg-1,
html.manager:lang(ar) .col-lg-2,
html.manager:lang(ar) .col-lg-3,
html.manager:lang(ar) .col-lg-4,
html.manager:lang(ar) .col-lg-5,
html.manager:lang(ar) .col-lg-6,
html.manager:lang(ar) .col-lg-7,
html.manager:lang(ar) .col-lg-8,
html.manager:lang(ar) .col-lg-9,
html.manager:lang(ar) .col-lg-10,
html.manager:lang(ar) .col-lg-11,
html.manager:lang(ar) .col-lg-12,
html.manager:lang(ar) .col-xl-1,
html.manager:lang(ar) .col-xl-2,
html.manager:lang(ar) .col-xl-3,
html.manager:lang(ar) .col-xl-4,
html.manager:lang(ar) .col-xl-5,
html.manager:lang(ar) .col-xl-6,
html.manager:lang(ar) .col-xl-7,
html.manager:lang(ar) .col-xl-8,
html.manager:lang(ar) .col-xl-9,
html.manager:lang(ar) .col-xl-10,
html.manager:lang(ar) .col-xl-11,
html.manager:lang(ar) .col-xl-12 {
  /* start utilities/_u_rtl */
  float: right;
}
html.manager:lang(ar) .pull-left {
  float: right !important;
}
html.manager:lang(ar) .pull-right {
  float: left !important;
}
html.manager:lang(ar) .btn-group > .btn,
html.manager:lang(ar) .btn-group-vertical > .btn {
  float: right;
}
html.manager:lang(ar) .nav-tabs > li {
  /*float: right;*/
}
html.manager:lang(ar) .nav-pills > li {
  /*float: right;*/
}
html.manager:lang(ar) .navbar .navbar-header {
  float: right;
}
html.manager:lang(ar) .navbar .navbar-nav {
  float: right;
  margin: 0;
}
html.manager:lang(ar) .navbar .navbar-nav.navbar-left {
  float: right !important;
}
html.manager:lang(ar) .navbar .navbar-nav.navbar-right {
  float: left !important;
}
html.manager:lang(ar) .navbar .navbar-nav.navbar-right .dropdown-menu {
  right: auto;
  left: 0;
}
html.manager:lang(ar) .navbar .navbar-nav > li {
  float: right;
}
.cd-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s;
  -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s;
  transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s;
}
.cd-modal .footer-btn {
  position: absolute;
  right: 5%;
  bottom: 30px;
}
.cd-modal .footer-btn:lang(ar) {
  right: auto;
  left: 5%;
}
.cd-modal::after {
  /* gradient overlay at bottom of modal window */
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  pointer-events: none;
}
.cd-modal .cd-modal-content {
  height: 100%;
  width: 100%;
  padding: 6em 5%;
  text-align: left;
  /*overflow-y: auto;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-modal p {
  color: #ffffff;
  line-height: 1.6;
  margin: 2em 0;
}
.nav-zIndex .navbar-fixed-top {
  z-index: 99;
}
.modal-is-visible .cd-modal {
  z-index: 999;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s;
  -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s;
  transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s;
}
.modal-is-visible .cd-modal .cd-modal-content {
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 768px) {
  .cd-modal .cd-modal-content {
    padding: 6em 10%;
  }
  .cd-modal .footer-btn {
    position: absolute;
    right: 10%;
    bottom: 30px;
  }
  .cd-modal .footer-btn:lang(ar) {
    right: auto;
    left: 10%;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-modal .cd-modal-content {
    padding: 6em 20%;
  }
  .cd-modal .footer-btn {
    position: absolute;
    right: 20%;
    bottom: 30px;
  }
  .cd-modal .footer-btn:lang(ar) {
    right: auto;
    left: 20%;
  }
  .cd-modal p {
    font-size: 2rem;
    line-height: 2;
  }
}
.cd-modal-action {
  position: relative;
  display: inline-block;
}
.cd-modal-action .btn,
.cd-modal-action .cd-modal-bg {
  display: inline-block;
  width: 3em;
  height: 3em;
  background-color: rgba(0, 0, 0, 0.5);
}
.cd-modal-action .btn {
  /* width: 12.5em;*/
  border-radius: 5em;
  color: #ffffff;
  line-height: 4em;
  white-space: nowrap;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.2s 0.3s, width 0.3s 0s;
  -moz-transition: color 0.2s 0.3s, width 0.3s 0s;
  transition: color 0.2s 0.3s, width 0.3s 0s;
}
.cd-modal-action .btn.to-circle {
  /*width: 4em;*/
  color: transparent;
  -webkit-transition: color 0.2s 0s, width 0.3s 0.2s;
  -moz-transition: color 0.2s 0s, width 0.3s 0.2s;
  transition: color 0.2s 0s, width 0.3s 0.2s;
}
.cd-modal-action .cd-modal-bg {
  position: absolute;
  z-index: 999;
  left: 50%;
  top: 0;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(-2em);
  -moz-transform: translateX(-2em);
  -ms-transform: translateX(-2em);
  -o-transform: translateX(-2em);
  transform: translateX(-2em);
  -webkit-transition: visibility 0s 0.5s;
  -moz-transition: visibility 0s 0.5s;
  transition: visibility 0s 0.5s;
}
.cd-modal-action .cd-modal-bg.is-visible {
  opacity: 1;
  visibility: visible;
}
.c3-legend-item {
  pointer-events: none;
}
.cd-modal-close {
  position: fixed;
  z-index: 1;
  top: 20px;
  right: 5%;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
}
.no-touch .cd-modal-close:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-is-visible .cd-modal-close {
  visibility: visible;
  opacity: 1;
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.no-comments-data {
  text-align: center !important;
}
.green-cell {
  background: #8FD856;
}
.yellow-cell {
  background: #FFB52D;
}
.red-cell {
  background: #E0457B;
}
#data-table-completion-report.table-striped > tbody > tr:nth-of-type(odd),
#data-table-learning-gaps.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: white !important;
}
.table-striped > tbody > tr:nth-of-type(odd),
#data-table-learning-gaps.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: white !important;
}
.table-striped > tbody > tr.header-row {
  background: white;
  border-top: none;
}
.table-striped > tbody > tr.header-row td.ratio-8,
.table-striped > tbody > tr.header-row td.blue-average.averagePerActivity {
  cursor: pointer;
}
.table-striped > tbody > tr.header-row td.ratio-8:hover,
.table-striped > tbody > tr.header-row td.blue-average.averagePerActivity:hover {
  color: #4A7EC0 !important;
}
.table-striped > tbody > tr.header-row td {
  color: #222222 !important;
  border-top: none;
}
.homework.worksheet table {
  width: 100% ;
  max-width: 1024px;
  overflow-x: scroll;
}
.homework.worksheet td {
  width: 9% ;
}
#data-table-completion-report.table-responsive.table-striped tr td,
#data-table-learning-gaps.table-responsive.table-striped tr td {
  border-bottom: 1px solid #ddd !important;
  border-top: 1px solid #ddd !important;
  border-left: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
}
#completion-report .item .color,
#learning-gaps .item .color {
  width: 100px;
  height: 30px;
  float: left;
  margin-right: 5px;
  display: block;
  text-align: center;
  font-weight: bold;
  margin-top: 9px;
  color: white;
}
.marking-state-MARKED {
  color: #33CC66 !important;
}
.marking-state-PARTIALLY_MARKED {
  color: #FFCC00 !important;
}
.marking-state-NOT_MARKED {
  color: #DD483A !important;
}
@media only screen and (min-width: 768px) {
  .cd-modal-close {
    top: 70px;
  }
}
.student-execution-card {
  cursor: pointer;
}
#completion-report table td {
  text-align: center;
  word-break: keep-all;
  padding: 4px;
  font-size: 1.0625rem;
  color: #6E8CA0;
}
#learning-gaps table td {
  text-align: center;
  word-break: keep-all;
  padding: 4px;
  font-size: 15px;
}
#learning-gaps table td[data-render-type="percent"] {
  width: 100px;
}
#learning-gaps table td.ratio-8 {
  text-align: center;
  word-break: keep-all;
  padding: 4px;
  font-size: 15px;
  width: 100px;
}
#learning-gaps table td.objective {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.progress {
  margin: 0;
  height: 14px;
  border-radius: 20px;
}
.progress-bar {
  background-color: #6DCEBD;
  box-shadow: none;
  border-radius: 20px;
}
#objective-container-bar .progress-bar div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#objective-container-bar .progress-bar.text-blue {
  color: #337ab7;
}
#objective-container-bar .progress-bar.text-white {
  color: #fff;
}
#completion-report table td.completion-report-student-name {
  text-align: left;
}
#completion-report table td {
  line-height: 3.5;
}
.fade-out {
  opacity: 0.2;
}
#active-row {
  opacity: 1;
}
.progress {
  width: 100%;
}
.progress.progress-stacked > span {
  display: inline-block;
  float: left;
  cursor: pointer;
  min-height: 100%;
}
ul.proeficiency {
  list-style: none;
  padding-left: 1px;
}
.sk-proeficiency-dots {
  width: 20px;
  height: 10px;
  display: inline-block;
  border-radius: 3.125rem;
}
.skil-p-li {
  font-size: 0.8125rem;
}
.mini-donut > .donut-chart {
  top: -1.1rem;
  max-height: 80px !important;
}
.mini-stats-card {
  min-height: 17rem !important;
  max-height: 17rem !important;
  box-shadow: -1px 0px 11px 1px #d6d6d6;
}
#completion-status-progress {
  margin-left: 4%;
  margin-right: 4%;
  margin-top: 20%;
}
#colors-container {
  margin-left: 10px !important;
  padding: 0px;
}
.avgTime {
  margin-top: 0;
  font-size: 0.875rem;
  margin-bottom: 0px;
}
td.completion-report-student-name {
  text-align: left !important;
}
#data-table-learning-gaps table td {
  background: red !important;
}
#learning-gaps table {
  border-collapse: separate;
  border-spacing: 2px;
  border-bottom: none !important;
}
#learning-gaps table td {
  line-height: 3.5;
  border-bottom: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
.progress-score-item {
  width: 0.5rem;
  margin-right: 0.5%;
  line-height: 15px;
  background-color: rgba(0, 0, 0, 0.1);
}
/* start _temporary */
.manager .teachers-management-view,
.manager .learners-management-view {
  padding: 150px 0;
}
.manager .form-panel-height-500 {
  min-height: 500px;
}
.manager .match-parent-size {
  width: 100% !important;
}
.manager .rating-box {
  display: table;
}
.manager .rating-box > * {
  display: table-cell;
  vertical-align: middle;
  padding: 0.75em 48px;
}
.manager .rating-box input[type="radio"] {
  display: none;
}
.manager .rating-box input[type="radio"]:checked ~ label::before {
  color: orange;
}
.manager .rating-box label {
  display: inline-block;
  background-color: transparent;
  cursor: pointer;
}
.manager .rating-box label::before {
  content: "\e83a" !important;
  font-family: 'Material Icons';
  font-size: 28px;
  color: grey;
}
.manager .rating-box label:hover::before {
  color: #ffb52d;
}
.manager .rating-box label:hover ~ label::before {
  color: #ffb52d;
}
.manager .rating-labels {
  padding-left: 0!important;
}
.manager .found-in-database {
  margin: 0;
  color: #3bbffd;
  font-size: 16px;
}
.manager .my-drive .publish-wrapper .thumbnails.image_picker_selector {
  white-space: nowrap;
}
.manager .my-drive .publish-wrapper .thumbnails.image_picker_selector li {
  float: none;
  margin: 0;
  display: inline-block;
}
.manager .my-drive .publish-wrapper .thumbnails.image_picker_selector li .thumbnail {
  margin: 0;
  border: none;
  padding: 5px;
}
.manager .my-drive .publish-wrapper .thumbnails.image_picker_selector li .thumbnail.selected {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #3bbffd;
}
.manager .my-drive .publish-wrapper .no-thumbnails {
  display: none;
}
.manager .my-drive .publish-wrapper .image-picker {
  display: none;
  height: 100px;
}
.manager .my-drive .publish-wrapper img {
  height: 100px;
}
.manager .my-drive .wrapper-hidden {
  pointer-events: none;
  opacity: 0.5;
}
.manager .my-drive .dropzone-previews {
  border: 1px solid lightgrey;
  height: 125px;
}
.manager .groups .report-activities-list {
  height: 70vh;
}
.manager .groups .panel-footer .input-group {
  width: 100%;
}
.manager .groups-assignments .worksheet {
  background-color: lightblue;
}
.manager .library-home .worksheet {
  background-color: lightblue;
}
.manager .library-home .worksheet .ellipsis::after {
  background-color: lightblue;
}
.manager .library-lesson .content .lessons .cards-container,
.manager .library-home .content .lessons .cards-container,
.manager .groups-assignments .content .lessons .cards-container {
  padding-left: 15px!important;
  padding-right: 15px!important;
}
.manager .library-lesson .content .lessons .card-container-lessons,
.manager .library-home .content .lessons .card-container-lessons,
.manager .groups-assignments .content .lessons .card-container-lessons {
  padding: 7px;
}
.manager .library-lesson .content .lessons .card-container-lessons .panel,
.manager .library-home .content .lessons .card-container-lessons .panel,
.manager .groups-assignments .content .lessons .card-container-lessons .panel {
  border: none;
  cursor: pointer;
  border: 0!important;
}
.manager .library-lesson .content .lessons .card-container-lessons .panel .panel-body,
.manager .library-home .content .lessons .card-container-lessons .panel .panel-body,
.manager .groups-assignments .content .lessons .card-container-lessons .panel .panel-body {
  padding: 0;
  height: inherit!important;
  padding: 0!important;
}
.manager .library-lesson .content .lessons .card-container-lessons .panel .panel-body .thumb-container,
.manager .library-home .content .lessons .card-container-lessons .panel .panel-body .thumb-container,
.manager .groups-assignments .content .lessons .card-container-lessons .panel .panel-body .thumb-container {
  background: #f1f1f1;
  cursor: pointer;
  position: relative;
  height: 235px;
}
.manager .library-lesson .content .lessons .card-container-lessons .panel .panel-body .thumb-container img,
.manager .library-home .content .lessons .card-container-lessons .panel .panel-body .thumb-container img,
.manager .groups-assignments .content .lessons .card-container-lessons .panel .panel-body .thumb-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}
.manager .library-lesson .content .lessons .card-container-lessons .panel .panel-body .thumb-container .info-container,
.manager .library-home .content .lessons .card-container-lessons .panel .panel-body .thumb-container .info-container,
.manager .groups-assignments .content .lessons .card-container-lessons .panel .panel-body .thumb-container .info-container {
  position: absolute;
  bottom: 0;
  text-align: left;
  color: #ffffff;
  padding-top: 30px;
  padding-bottom: 10px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  text-shadow: 1px 1px #999999;
  opacity: 0;
  width: 100%;
}
.manager .library-lesson .content .lessons .card-container-lessons .panel .panel-body .thumb-container .info-container .subject,
.manager .library-home .content .lessons .card-container-lessons .panel .panel-body .thumb-container .info-container .subject,
.manager .groups-assignments .content .lessons .card-container-lessons .panel .panel-body .thumb-container .info-container .subject {
  font-size: 12px;
}
.manager .library-lesson .content .lessons .card-container-lessons .panel .panel-body .thumb-container .info-container .ability-years,
.manager .library-home .content .lessons .card-container-lessons .panel .panel-body .thumb-container .info-container .ability-years,
.manager .groups-assignments .content .lessons .card-container-lessons .panel .panel-body .thumb-container .info-container .ability-years {
  padding-right: 0;
  font-size: 12px;
}
.manager .library-lesson .content .lessons .card-container-lessons .panel .panel-body .thumb-container .info-container .ability-years .material-icons,
.manager .library-home .content .lessons .card-container-lessons .panel .panel-body .thumb-container .info-container .ability-years .material-icons,
.manager .groups-assignments .content .lessons .card-container-lessons .panel .panel-body .thumb-container .info-container .ability-years .material-icons {
  font-size: 14px;
  vertical-align: middle;
}
.manager .library-lesson .content .lessons .card-container-lessons .panel .panel-footer,
.manager .library-home .content .lessons .card-container-lessons .panel .panel-footer,
.manager .groups-assignments .content .lessons .card-container-lessons .panel .panel-footer {
  padding: 0;
  height: 100px;
  margin-bottom: 30px;
  padding: 10px 0!important;
}
.manager .library-lesson .content .lessons .card-container-lessons .panel .panel-footer .panel-footer-title h4,
.manager .library-home .content .lessons .card-container-lessons .panel .panel-footer .panel-footer-title h4,
.manager .groups-assignments .content .lessons .card-container-lessons .panel .panel-footer .panel-footer-title h4 {
  font-size: 16px;
  font-weight: 600;
  word-wrap: break-word;
  word-break: break-word;
  padding: 5px 0;
}
.manager .library-lesson .content .lessons .card-container-lessons .panel .panel-footer .panel-footer-rating,
.manager .library-home .content .lessons .card-container-lessons .panel .panel-footer .panel-footer-rating,
.manager .groups-assignments .content .lessons .card-container-lessons .panel .panel-footer .panel-footer-rating {
  height: 20px;
  display: inline-block;
}
.manager .library-lesson .content .lessons .card-container-lessons .panel .panel-footer .panel-footer-rating .material-icons,
.manager .library-home .content .lessons .card-container-lessons .panel .panel-footer .panel-footer-rating .material-icons,
.manager .groups-assignments .content .lessons .card-container-lessons .panel .panel-footer .panel-footer-rating .material-icons {
  font-size: 16px;
  color: #ffb52d;
  letter-spacing: -2px;
}
.manager .library-lesson .content .lessons .card-container-lessons .panel .panel-footer .panel-footer-premium,
.manager .library-home .content .lessons .card-container-lessons .panel .panel-footer .panel-footer-premium,
.manager .groups-assignments .content .lessons .card-container-lessons .panel .panel-footer .panel-footer-premium {
  font-size: 0.8125rem;
  display: inline-block;
  color: #6DCEBD;
  opacity: 1;
}
.manager .library-lesson .content .lessons .card-container-lessons .panel .panel-footer .panel-footer-author,
.manager .library-home .content .lessons .card-container-lessons .panel .panel-footer .panel-footer-author,
.manager .groups-assignments .content .lessons .card-container-lessons .panel .panel-footer .panel-footer-author {
  font-size: 14px;
  color: #258cff;
}
.manager .library-lesson .content .lessons .card-container-lessons:hover .info-container,
.manager .library-home .content .lessons .card-container-lessons:hover .info-container,
.manager .groups-assignments .content .lessons .card-container-lessons:hover .info-container {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  opacity: 1 !important;
}
.manager .administration section.container {
  padding: 2rem!important;
}
.manager .administration .table-responsive table tbody tr td .btn.btn-primary {
  border: none;
  color: #ffffff;
  background: #258cff;
  border: 1px solid transparent;
  opacity: 1;
  margin: 1rem;
}
.manager .administration .table-responsive table tbody tr td .btn.btn-primary:hover {
  border: 1px solid #2078da;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}
.manager .administration .table-responsive table tbody tr td .btn.btn-primary.validateEmail.disabled {
  background-color: #cccccc;
}
.manager .administration .dropzone-previews {
  border: 1px solid lightgrey;
  height: 125px;
}
.manager .administration .nav-tabs {
  border: 0;
}
.manager .administration .form-group {
  position: static;
}
.manager .administration .form-group .form-control:focus {
  border-color: #3bbffd;
}
.manager .administration .form-group.has-error {
  top: 0!important;
}
.manager .administration span.input-group-btn.search-icon a,
.manager .administration span.input-group-btn a,
.manager .administration .btn.search-icon {
  color: white!important;
}
.manager .administration .search-submit.btn-default {
  background-color: #258cff;
}
.manager .administration .btn.filter-btn.btn-primary.filter-selected {
  color: white!important;
}
.manager .administration .btn.filter-btn.btn-primary:first-child {
  color: white!important;
}
.manager .administration .bg-white {
  background: white;
}
.manager .administration .m-auto {
  margin: 0 auto !important;
}
.manager .administration .flex-wrap {
  flex-wrap: wrap;
}
.manager .administration .flex-basis {
  flex-basis: 100px;
  min-width: 350px;
}
.manager .administration .flex-basis select,
.manager .administration .flex-basis div select {
  width: 100%!important;
}
.manager .reports .c3-text,
.manager .reports .c3-empty {
  font-size: 1.6em;
}
/* end main.less */