html {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  -webkit-text-size-adjust: none; }

body {
  height: 100%;
  color: #464646;
  font-family: "Open Sans", Helvetica, sans-serif;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 13px;
  line-height: 1.6;
  background: #edeff0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  body.modal-open {
    overflow: initial !important; }

.theme-font {
  color: #333; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  color: #333; }

h1 {
  font-size: 33px; }

h2 {
  font-size: 27px; }

h3 {
  font-size: 15px;
  font-weight: 700; }

h4 {
  font-size: 17px; }

h5 {
  font-size: 13px; }

h6 {
  font-size: 12px; }

hr {
  margin-top: 12px;
  background: #ebebeb; }

h1, h2, h3, h4 {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-weight: 600; }

/* Bootstrap Overrides */
.text-left {
  text-align: left !important; }

/* Links */
a {
  transition: color, background-color, opacity 0.3s ease;
  text-decoration: none;
  color: #01a0e3; }
  a:hover, a:focus {
    text-decoration: none;
    outline: none;
    color: rgba(1, 160, 227, 0.8); }

a:focus, a:hover, a:active {
  outline: 0; }

.primary-link {
  color: #0592d2;
  font-weight: 600; }

.alert-warning a {
  color: #8a6d3b; }

.alert-warning a:hover {
  color: #F3565D; }

.tooltip {
  min-width: 60px; }

/*** Buttons ***/
.btn, .btn-secondary,
.btn.default, .btn-primary,
.btn.blue, .btn-green .dropdown-menu li > a, .btn-highlight, .load-more-btn {
  transition: color linear .3s, background-color linear .3s, border-color linear .3s, opacity .3s;
  text-decoration: none;
  text-shadow: none;
  background-image: none;
  font-size: 14px;
  line-height: 1.3;
  padding: 7px 14px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-block;
  border: none; }

.btn-secondary,
.default.btn-secondary,
.default.btn,
.default.btn-primary,
.btn-green .dropdown-menu li > a.default,
.default.btn-highlight,
.default.load-more-btn {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #0592d2;
  padding: 7px 14px !important; }
  .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:active,
  .default.btn-secondary:hover,
  .default.btn:hover,
  .default.btn-primary:hover,
  .btn-green .dropdown-menu li > a.default:hover,
  .default.btn-highlight:hover,
  .default.load-more-btn:hover,
  .default.btn-secondary:focus,
  .default.btn:focus,
  .default.btn-primary:focus,
  .btn-green .dropdown-menu li > a.default:focus,
  .default.btn-highlight:focus,
  .default.load-more-btn:focus,
  .default.btn-secondary:active,
  .default.btn:active,
  .default.btn-primary:active,
  .btn-green .dropdown-menu li > a.default:active,
  .default.btn-highlight:active,
  .default.load-more-btn:active,
  .default.btn-secondary:active,
  .default.btn:active,
  .default.btn-primary:active,
  .btn-green .dropdown-menu li > a.default:active,
  .default.btn-highlight:active,
  .default.load-more-btn:active {
    text-decoration: none;
    outline: none;
    background-color: #f2f2f2; }

.btn-primary,
.blue.btn-secondary,
.blue.btn-primary,
.blue.btn,
.btn-green .dropdown-menu li > a.blue,
.blue.btn-highlight,
.blue.load-more-btn {
  background-color: #0592d2;
  color: #fff; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active,
  .blue.btn-secondary:hover,
  .blue.btn-primary:hover,
  .blue.btn:hover,
  .btn-green .dropdown-menu li > a.blue:hover,
  .blue.btn-highlight:hover,
  .blue.load-more-btn:hover,
  .blue.btn-secondary:focus,
  .blue.btn-primary:focus,
  .blue.btn:focus,
  .btn-green .dropdown-menu li > a.blue:focus,
  .blue.btn-highlight:focus,
  .blue.load-more-btn:focus,
  .blue.btn-secondary:active,
  .blue.btn-primary:active,
  .blue.btn:active,
  .btn-green .dropdown-menu li > a.blue:active,
  .blue.btn-highlight:active,
  .blue.load-more-btn:active,
  .blue.btn-secondary:active,
  .blue.btn-primary:active,
  .blue.btn:active,
  .btn-green .dropdown-menu li > a.blue:active,
  .blue.btn-highlight:active,
  .blue.load-more-btn:active {
    text-decoration: none;
    outline: none;
    background-color: rgba(5, 146, 210, 0.8);
    color: #fff; }

.btn-green .dropdown-menu li > a {
  display: block;
  text-align: left; }
  .btn-green .dropdown-menu li > a:hover, .btn-green .dropdown-menu li > a:focus, .btn-green .dropdown-menu li > a:active, .btn-green .dropdown-menu li > a.active {
    text-decoration: none;
    outline: none;
    background-color: rgba(68, 157, 68, 0.8);
    color: #fff; }

.btn-highlight {
  background-color: #fae21e;
  color: #0592d2;
  border: none; }
  .btn-highlight:hover, .btn-highlight:focus, .btn-highlight:active, .btn-highlight:active {
    text-decoration: none;
    outline: none;
    background-color: #0592d2;
    color: #fff; }

.load-more-btn {
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  color: #0592d2;
  border-radius: 4px;
  width: 100%;
  text-align: center;
  margin: 0 0 50px 0; }
  .load-more-btn:hover, .load-more-btn:active {
    text-decoration: none;
    outline: none;
    background-color: rgba(5, 146, 210, 0.8);
    color: #fff; }

.actions .btn-action, .heading .btn-action {
  font-size: 11px;
  padding: 5px 15px 5px 10px;
  font-weight: 600;
  margin-left: 10px;
  color: #0592d2;
  border: 1px solid rgba(5, 146, 210, 0.9);
  background: #FFF;
  border-radius: 25px;
  line-height: 1.4;
  display: inline-block;
  text-transform: uppercase;
  cursor: pointer;
  text-align: center; }
  .actions .btn-action[disabled], .heading .btn-action[disabled] {
    cursor: not-allowed;
    opacity: 0.5; }
  .actions .btn-action.dropdown-toggle, .heading .btn-action.dropdown-toggle {
    box-shadow: none !important;
    padding-right: 10px; }
  .actions .btn-action .caret, .heading .btn-action .caret {
    position: relative;
    top: -1px;
    left: 1px; }

.actions .btn-group.open .btn-action, .heading .btn-group.open .btn-action {
  background: #0592d2;
  color: #FFF; }

.heading .btn-action {
  margin-left: 0;
  margin-right: 10px; }

.actions .btn-action:hover, .heading .btn-action:hover {
  background: #0592d2;
  color: #fff; }

.actions .btn-action i, .heading .btn-action i {
  padding: 0 5px 0 0;
  font-size: 12px !important; }

.link-btn {
  display: inline-block;
  margin: 0 0 0 15px;
  vertical-align: bottom; }

.field-validation-error {
  color: #ff0000;
  font-weight: 600;
  margin-top: 7px;
  display: block; }

.btn > i, .btn-secondary > i,
.btn.default > i, .btn-primary > i,
.btn.blue > i, .btn-green .dropdown-menu li > a > i, .btn-highlight > i, .load-more-btn > i {
  font-size: 14px; }

.breadcrumb {
  background: transparent;
  padding: 0;
  color: #C5CCD5;
  font-size: 13px;
  margin: 10px 0 15px; }

.utility-bar {
  position: relative; }
  .utility-bar .feed-btn {
    position: absolute;
    top: 8px;
    right: 15px;
    font-size: 16px;
    color: #777; }

/*
    Custom Progress
*/
.progress-bar {
  width: 100%;
  height: 6px;
  display: block;
  margin-top: 7px;
  background: #edeff0;
  position: relative;
  box-shadow: none;
  float: none; }
  .progress-bar .progress-indicator {
    background: #2ecd71;
    top: 0;
    left: 0;
    height: 6px;
    position: absolute;
    display: block; }

/*
    Rich text editor
*/
.medium-editor-element {
  padding: 6px 12px;
  min-height: 120px !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
  .medium-editor-element:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0; }
  .medium-editor-element:after {
    font-style: normal !important;
    padding: 0 !important; }

.medium-editor-toolbar {
  background: #0592d2 !important;
  border: 0 !important;
  box-shadow: none !important; }
  .medium-editor-toolbar li button {
    background: #0592d2 !important;
    border-right-color: #0592d2 !important;
    box-shadow: none !important; }

.medium-toolbar-arrow-under:after {
  border-top-color: #0592d2 !important; }

/* Dashboard Charts 
*****************************************/
.amchartdiv {
  background: #ffffff;
  border-radius: 4px;
  /*box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);*/
  margin-bottom: 25px;
  min-height: 400px;
  padding: 10px 0;
  position: relative; }

.insight-col {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  margin-top: 10px; }
  .insight-col h3 {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    padding: 15px;
    font-weight: 600;
    border-bottom: 1px solid #9faab5; }
  .insight-col .amchartdiv {
    min-height: 300px; }

.chart-portlet, .chart-portlet .portlet-body {
  padding: 0 !important; }

.amchartdiv.student-chart {
  min-height: 300px; }

/*.amChartsLegend text[text-anchor="end"] {
    display: none;
}*/
/* Horizontal break */
hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 0; }

.font-hg {
  font-size: 23px; }

.font-lg {
  font-size: 18px; }

.font-md {
  font-size: 14px; }

.font-sm {
  font-size: 13px; }

.font-xs {
  font-size: 11px; }

.bold {
  font-weight: 700 !important; }

.uppercase {
  text-transform: uppercase !important; }

/* New Icons */
@font-face {
  font-family: 'ico-breeze';
  src: url("/assets/css/fonts/ico-breeze.eot?lvtbzz");
  src: url("/assets/css/fonts/ico-breeze.eot?lvtbzz#iefix") format("embedded-opentype"), url("/assets/css/fonts/ico-breeze.ttf?lvtbzz") format("truetype"), url("/assets/css/fonts/ico-breeze.woff?lvtbzz") format("woff"), url("/assets/css/fonts/ico-breeze.svg?lvtbzz#ico-breeze") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="ico-breeze-"], [class*=" ico-breeze-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ico-breeze' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ico-breeze-medical:before {
  content: "\e900"; }

/* Make font awesome icons fixed width */
li [class^="fa-"],
li [class^="glyphicon-"],
li [class^="icon-"],
li [class*=" fa-"],
li [class*=" glyphicon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center; }

li [class^="glyphicon-"],
li [class*=" glyphicon-"] {
  top: 2px; }

li [class^="icon-"],
li [class*=" icon-"] {
  top: 1px;
  position: relative; }

li [class^="fa-"].icon-large,
li [class^="glyphicon-"].icon-large,
li [class^="icon-"].icon-large,
li [class*=" fa-"].icon-large,
li [class*=" glyphicon-"].icon-large,
li [class*=" icon-"].icon-large {
  width: 1.5625em; }

/* Icon sizing */
.fa-sm,
.icon-sm {
  font-size: 12px; }

.fa-lg,
.icon-lg {
  font-size: 16px !important; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

/* Icon coloring */
.icon-state-default {
  color: #c6c6c6; }

.icon-state-success {
  color: #45B6AF; }

.icon-state-info {
  color: #89C4F4; }

.icon-state-warning {
  color: #dfba49; }

.icon-state-danger {
  color: #F3565D; }

/* Settings */
.list-settings {
  margin: 0;
  padding: 0;
  list-style: none; }

.list-settings li a {
  margin: 0;
  padding: 5px 0 4px 0;
  font-size: 13px;
  border-bottom: 1px solid #eee;
  display: block;
  color: #808080;
  transition: all 0.3s ease; }

.list-settings li a b {
  font-weight: 600;
  color: #5b9bd1; }

.list-settings li a:hover {
  background: #eee;
  padding-left: 12px; }

.portlet.settings > .portlet-title > .caption > i {
  font-size: 20px;
  margin: 3px 10px 0 0; }

.portlet.settings {
  min-height: 280px; }

.table.multilevel-table > thead > tr > th {
  font-size: 14px;
  background: #eef4f7;
  color: #55616f; }

.table.multilevel-table > thead > tr:hover > th {
  background: #eef4f7; }

.table.multilevel-table > thead > tr > td {
  color: #55616f; }

.side-nav {
  height: 100%;
  overflow: auto;
  margin: 0;
  padding: 0;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); }

.side-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.3;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.side-nav ul li a {
  margin: 0;
  padding: 11px 17px;
  font-size: 13px;
  font-weight: 600;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 3px solid #f9fafa;
  display: block;
  transition: all 0.3s ease;
  color: #333; }

.side-nav ul li a:hover {
  padding-left: 22px;
  background: #f5f5f5;
  border-left: 3px solid #01a0e3;
  color: #01a0e3; }

.side-nav ul li a.active {
  border-left: 3px solid #01a0e3;
  color: #01a0e3; }

.table.multilevel-table .btn, .table.multilevel-table .btn-secondary, .table.multilevel-table .btn-primary, .table.multilevel-table .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu .table.multilevel-table li > a, .table.multilevel-table .btn-highlight, .table.multilevel-table .load-more-btn {
  float: right; }

h3.page-title {
  display: none; }

#payment-options .form-group {
  position: relative; }

#payment-options .control-label {
  position: absolute;
  width: 35px;
  text-align: right;
  top: 5px; }

#payment-options .controls {
  padding-left: 40px;
  padding-right: 25px; }
  .academic-payment #payment-options .controls {
    padding-right: 0; }
  #payment-options .controls:after {
    content: "%";
    position: absolute;
    top: 7px;
    right: 5px;
    font-weight: bold; }
    .academic-payment #payment-options .controls:after {
      display: none; }

/* Settings New */
/*.settings-container {
    background: #FFF;
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    height: calc(100vh - 140px);
    overflow: hidden;
}

.settings-content {
    display: inline-block;
    width: 70%;
    height: 100%;
    overflow: auto;
}

.settings-nav{ width:30%; float: left; border-right: 1px solid rgba(0, 0, 0, 0.1); height: 100%; overflow: auto;}
.settings-nav h3{ text-transform: uppercase; padding: 10px 20px; margin: 2px 0 0 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 14px;}
.list-settings { margin: 0; padding: 0; list-style: none; line-height: 1.3; }
.list-settings li a{ margin: 0; padding: 5px 20px 4px 17px; font-size: 11px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-left: 3px solid #fff;display: block; color: #808080; transition: all 0.3s ease;}
.list-settings li a b { font-weight: 600; color: #0592d2; display: block; font-size: 13px;}
.list-settings li a:hover { padding-left: 22px; background: #f5f5f5; border-left: 3px solid #0592d2;}
.list-settings li a.active { background: #f5f5f5; border-left: 3px solid #0592d2; padding-left: 17px;}*/
.settings-nav {
  margin-bottom: 15px; }

/***
System feeds
***/
.feeds {
  margin: 0px;
  padding: 0px;
  list-style: none; }

.feeds li {
  background-color: #fafafa;
  color: #82949a;
  margin-bottom: 7px; }

.feeds li:hover {
  background-color: #f4f6f9; }

.feeds li:before, .feeds li:after {
  display: table;
  line-height: 0;
  content: ""; }

.feeds li:after {
  clear: both; }

.feeds li:last-child {
  margin-bottom: 0px; }

.feeds li .col1 {
  float: left;
  width: 100%;
  clear: both; }

.feeds li .col1 > .cont {
  float: left;
  padding-right: 140px;
  overflow: hidden;
  width: 100%; }

.feeds li .col1 > .cont > .cont-col1 {
  float: left;
  margin-right: -100%; }

.feeds li .col1 > .cont > .cont-col1 > .label {
  display: table-cell;
  padding: 0 0 0 0;
  height: 28px;
  width: 28px;
  vertical-align: middle;
  text-align: center; }

.feeds li .col1 > .cont > .cont-col1 > .label > i {
  text-align: center;
  font-size: 14px;
  line-height: 1;
  margin-top: -2px; }

.feeds li .col1 > .cont > .cont-col2 {
  float: left;
  width: 100%; }

.feeds li .col1 > .cont > .cont-col2 > .desc {
  margin-left: 35px;
  padding-top: 4px;
  padding-bottom: 5px;
  overflow: hidden; }

.feeds li .col1 > .cont > .cont-col2 > .desc a {
  display: block; }

.feeds li .col2 {
  float: left;
  width: 200px;
  margin-left: -200px;
  text-align: right; }

.feeds li .col2 > .date {
  padding: 4px 9px 5px 4px;
  color: #55616f;
  display: inline-block; }

.feeds li .col2 > .edit {
  padding: 4px 9px 5px 4px;
  color: #55616f;
  display: inline-block; }

.feeds li .col2 > .edit .btn, .feeds li .col2 > .edit .btn-secondary, .feeds li .col2 > .edit .btn-primary, .feeds li .col2 > .edit .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu .feeds li .col2 > .edit li > a, .feeds li .col2 > .edit .btn-highlight, .feeds li .col2 > .edit .load-more-btn {
  min-width: 20px;
  color: #acb5c3; }

.feeds li .col2 > .edit .btn:hover, .feeds li .col2 > .edit .btn-secondary:hover, .feeds li .col2 > .edit .btn-primary:hover, .feeds li .col2 > .edit .btn-green .dropdown-menu li > a:hover, .btn-green .dropdown-menu .feeds li .col2 > .edit li > a:hover, .feeds li .col2 > .edit .btn-highlight:hover, .feeds li .col2 > .edit .load-more-btn:hover {
  color: #333; }

.feeds > li .dropdown-menu li {
  background: #fff; }

.feeds .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .feeds .btn-group > .btn-secondary:first-child:not(:last-child):not(.dropdown-toggle), .feeds .btn-group > .btn-primary:first-child:not(:last-child):not(.dropdown-toggle), .feeds .btn-green .dropdown-menu li.btn-group > a:first-child:not(:last-child):not(.dropdown-toggle), .btn-green .dropdown-menu .feeds li.btn-group > a:first-child:not(:last-child):not(.dropdown-toggle), .feeds .btn-group > .btn-highlight:first-child:not(:last-child):not(.dropdown-toggle), .feeds .btn-group > .load-more-btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

/***
Dropdowns
***/
.dropup.open > .dropdown-toggle,
.dropdown.open > .dropdown-toggle {
  border-color: #ddd; }

/***
Dropdown Menu
***/
.top-nav .dropdown .dropdown-menu {
  max-height: calc(95vh - 70px);
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.7) rgba(0, 0, 0, 0.75); }
  .top-nav .dropdown .dropdown-menu::-webkit-scrollbar {
    height: 12px;
    width: 6px;
    background: rgba(255, 255, 255, 0.7); }
  .top-nav .dropdown .dropdown-menu::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 1px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75); }

.top-nav .dropdown-menu {
  background: #272e3a;
  color: #fff; }

.top-nav .dropdown > .dropdown-menu:before,
.top-nav .dropdown-toggle > .dropdown-menu:before,
.top-nav .btn-group > .dropdown-menu:before {
  border-bottom: 8px solid #272e3a; }

.top-nav .dropdown > .dropdown-menu:after,
.top-nav .dropdown-toggle > .dropdown-menu:after,
.top-nav .btn-group > .dropdown-menu:after {
  border-bottom: 7px solid #272e3a; }

.academic-year-selector .dropdown-toggle, .student-selector .dropdown-toggle {
  font-size: 15px;
  font-weight: 600; }

.top-nav .student-selector .profile-link {
  border: 0;
  margin-top: 0;
  border-radius: 0;
  padding-right: 0; }
  .top-nav .student-selector .profile-link .avatar {
    border: 1px solid #0592d2;
    margin-right: 7px; }

.dropdown-menu {
  min-width: 175px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  list-style: none;
  text-shadow: none;
  padding: 0px;
  margin: 10px 0px 0px 0px;
  background-color: #ffffff;
  /*box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  border: 1px solid #eee;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.dropdown-menu li.divider {
  background: #f1f3f6; }

.dropdown-menu li.dropdown-header {
  padding: 8px 14px 2px 14px; }

.dropdown-menu li > a {
  padding: 8px 14px;
  /*color: #ccc;*/
  color: #333;
  text-decoration: none;
  display: block;
  clear: both;
  font-weight: 300;
  line-height: 18px;
  white-space: nowrap; }

.dropdown-menu li > a > [class^="fa-"],
.dropdown-menu li > a > [class*=" fa-"] {
  color: #888; }

.dropdown-menu li > a > [class^="icon-"],
.dropdown-menu li > a > [class*=" icon-"] {
  color: #666; }

.dropdown-menu li > a > [class^="glyphicon-"],
.dropdown-menu li > a > [class*=" glyphicon-"] {
  color: #888; }

.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  text-decoration: none;
  background-image: none;
  background-color: #0592d2;
  color: #fff;
  filter: none; }

.dropdown-menu.bottom-up {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

.dropdown > .dropdown-menu,
.dropdown-toggle > .dropdown-menu,
.btn-group > .dropdown-menu {
  margin-top: 10px; }

.dropdown > .dropdown-menu:before,
.dropdown-toggle > .dropdown-menu:before,
.btn-group > .dropdown-menu:before {
  position: absolute;
  top: -8px;
  left: 14px;
  display: inline-block !important;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #e0e0e0;
  border-left: 8px solid transparent;
  content: ''; }
  .top-nav .dropdown > .dropdown-menu:before, .top-nav
  .dropdown-toggle > .dropdown-menu:before, .top-nav
  .btn-group > .dropdown-menu:before {
    left: auto;
    right: 14px; }

.dropdown > .dropdown-menu:after,
.dropdown-toggle > .dropdown-menu:after,
.btn-group > .dropdown-menu:after {
  position: absolute;
  top: -7px;
  left: 15px;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  content: ''; }
  .top-nav .dropdown > .dropdown-menu:after, .top-nav
  .dropdown-toggle > .dropdown-menu:after, .top-nav
  .btn-group > .dropdown-menu:after {
    left: auto;
    right: 15px; }

.dropdown > .dropdown-menu.pull-left:before,
.dropdown-toggle > .dropdown-menu.pull-left:before,
.btn-group > .dropdown-menu.pull-left:before {
  left: auto;
  right: 9px; }

.dropdown > .dropdown-menu.pull-left:after,
.dropdown-toggle > .dropdown-menu.pull-left:after,
.btn-group > .dropdown-menu.pull-left:after {
  left: auto;
  right: 10px; }

.dropdown > .dropdown-menu.pull-right:before,
.dropdown-toggle > .dropdown-menu.pull-right:before,
.btn-group > .dropdown-menu.pull-right:before {
  left: auto;
  right: 9px; }

.dropdown > .dropdown-menu.pull-right:after,
.dropdown-toggle > .dropdown-menu.pull-right:after,
.btn-group > .dropdown-menu.pull-right:after {
  left: auto;
  right: 10px; }

.dropdown.dropup > .dropdown-menu,
.dropdown-toggle.dropup > .dropdown-menu,
.btn-group.dropup > .dropdown-menu {
  margin-top: 0px;
  margin-bottom: 10px; }

.dropdown.dropup > .dropdown-menu:after, .dropdown.dropup > .dropdown-menu:before,
.dropdown-toggle.dropup > .dropdown-menu:after,
.dropdown-toggle.dropup > .dropdown-menu:before,
.btn-group.dropup > .dropdown-menu:after,
.btn-group.dropup > .dropdown-menu:before {
  display: none !important; }

/* Dropdown submenu support for Bootsrap 3 */
.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: 5px;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px; }

.dropdown-submenu > a:after {
  position: absolute;
  display: inline-block;
  font-size: 14px;
  right: 7px;
  top: 7px;
  font-family: FontAwesome;
  height: auto;
  content: "\f105";
  font-weight: 300; }

.dropdown-submenu:hover > .dropdown-menu {
  display: block; }

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px; }

.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px; }

.nav.pull-right > li > .dropdown-menu,
.nav > li > .dropdown-menu.pull-right {
  right: 0;
  left: auto; }

.nav.pull-right > li > .dropdown-menu:before,
.nav > li > .dropdown-menu.pull-right:before {
  right: 12px;
  left: auto; }

.nav.pull-right > li > .dropdown-menu:after,
.nav > li > .dropdown-menu.pull-right:after {
  right: 13px;
  left: auto; }

.nav.pull-right > li > .dropdown-menu .dropdown-menu,
.nav > li > .dropdown-menu.pull-right .dropdown-menu {
  right: 100%;
  left: auto;
  margin-right: -1px;
  margin-left: 0; }

@media (max-width: 767px) {
  /* 767px */
  .navbar-nav .open .dropdown-menu {
    position: absolute;
    float: left;
    width: auto;
    margin-top: 0;
    background-color: #ffffff;
    border: 1px solid #efefef;
    box-shadow: 5px 5px rgba(102, 102, 102, 0.1); }
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 6px 0 6px 13px;
    color: #333; }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:active {
    ackground-color: #eee; } }

/* Charts */
.ct-chart .tooltip {
  opacity: 1 !important;
  visibility: visible !important;
  background: #55616f;
  color: #fafcfb;
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  min-width: 100px;
  padding: 0.5em;
  pointer-events: none;
  position: absolute;
  text-align: center; }

.ct-chart .tooltip::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #55616f transparent transparent;
  border-image: none;
  border-right: 15px solid transparent;
  border-style: solid;
  border-width: 15px;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -15px;
  position: absolute;
  top: 100%;
  width: 0; }

.tabbable-line {
  background: white none repeat scroll 0 0; }

/* Dropdowns */
.dropdown-switch-container {
  position: absolute;
  z-index: 2;
  top: 75px;
  right: 0; }

.dropdown-switch {
  display: inline-block;
  float: right;
  margin: 10px 0 15px; }

.dropdown-switch .dropdown-menu {
  right: 0;
  left: auto; }

.dropdown.dropdown-switch > .dropdown-menu:before {
  left: auto;
  right: 7px; }

.dropdown.dropdown-switch > .dropdown-menu:after {
  left: auto;
  right: 8px; }

.note {
  color: #fff;
  padding: 5px 25px;
  border-radius: 4px;
  font-size: 14px;
  margin-bottom: 25px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); }

.note p {
  margin: 10px 0; }

.dashboard-stat {
  position: relative;
  padding: 10px 25px;
  border-radius: 4px;
  font-size: 14px;
  margin-bottom: 25px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  min-height: 120px;
  display: block; }
  .dashboard-stat.active .visual {
    background: none !important;
    border: 2px solid #FFF; }
  .dashboard-stat.active .details .number, .dashboard-stat.active .details .desc {
    color: #FFF; }
  .dashboard-stat.active:hover .details .number {
    color: #FFF; }

.dashboard-stat .visual {
  font-size: 30px;
  border-radius: 100%;
  display: inline-block;
  width: 80px;
  height: 80px;
  text-align: center;
  position: absolute;
  left: 25px;
  top: 50%;
  margin-top: -40px;
  overflow: hidden; }

.dashboard-stat .visual i {
  line-height: 77px;
  color: #fff; }

.dashboard-stat .details {
  display: inline-block;
  padding-left: 105px;
  font-size: 18px;
  padding-top: 8px; }

.dashboard-stat .details .number {
  font-size: 30px;
  color: #333;
  transition: color 0.3s ease-out; }

.dashboard-stat:hover .details .number {
  color: #0592d2; }

.dashboard-stat .details .name {
  font-size: 24px;
  margin: 0; }

.dashboard-stat .details .desc {
  color: #9faab5; }

.dashboard-stat .visual img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  min-width: 30px;
  min-height: 30px;
  max-width: 40px;
  max-height: 40px;
  margin-top: 0 !important; }

.dashboard-stat .badge {
  position: absolute;
  display: inline-block;
  padding: 0;
  min-width: 12px;
  height: 12px;
  width: 8px;
  top: 10px;
  right: 10px; }

.dashboard-stat .stats {
  font-size: 13px; }

.dashboard-stat .stats-item {
  display: inline-block;
  padding: 8px 12px 0 0; }

.dashboard-stat .stats i {
  font-size: 15px;
  border-radius: 100%;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center; }

.guardian-dashboard .tab-nav {
  margin: 0 15px 20px; }

.guardian-dashboard .tab-content {
  margin: 15px; }

.no-content {
  position: relative;
  padding: 10px 25px;
  border-radius: 4px;
  margin-bottom: 25px;
  text-align: center;
  font-size: 18px;
  color: #9faab5;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  min-height: 450px; }
  #zero-result .no-content {
    box-shadow: none; }
  .no-content .visible-content {
    width: 55%;
    display: block;
    margin: 30px auto;
    padding: 60px 30px 100px;
    border: 2px solid #d7d7d7;
    border-radius: 4px;
    position: relative; }
    .no-content .visible-content h3 {
      margin-bottom: 20px; }
    .no-content .visible-content p {
      font-size: 14px; }
    .no-content .visible-content img {
      position: absolute;
      width: 30%;
      max-width: 145px;
      top: 60px;
      right: 100%;
      margin-right: 50px; }
    .no-content .visible-content.only-content {
      border: 0; }
      .no-content .visible-content.only-content:after, .no-content .visible-content.only-content:before {
        display: none; }
    .no-content .visible-content .actions .btn-action {
      margin-left: 0; }
    .no-content .visible-content .actions .or-text {
      line-height: 34px;
      font-size: 14px;
      margin: 0 20px;
      display: inline-block; }
    .no-content .visible-content:before, .no-content .visible-content:after {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      border-top: 22px solid transparent;
      border-right: 78px solid #d7d7d7;
      display: block;
      top: 50%;
      right: 100%; }
    .no-content .visible-content:after {
      border-top-width: 18px;
      border-right: 64px solid #FFF;
      margin-top: 2px; }
  .tab-pane .no-content {
    box-shadow: none; }

.no-content .visual {
  font-size: 50px;
  border-radius: 100%;
  display: block;
  width: 80px;
  height: 80px;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin: 20px auto; }

.no-content .visual i {
  line-height: 77px;
  color: #9faab5; }

.no-content h3 {
  font-size: 26px; }

.messageboard-list .no-result {
  border: 0 !important;
  width: 100% !important; }

/*** Scroll Top ***/
.scroll-to-top > i {
  color: #657383;
  font-size: 32px;
  opacity: 0.7;
  filter: alpha(opacity=70); }

.page-content {
  padding: 75px 0 0 70px;
  min-height: 650px; }

/*** Top Panel ***/
header {
  position: fixed;
  padding-left: 70px;
  z-index: 3;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  z-index: 999; }

header .logo {
  display: none; }

/***  Main Nav ***/
.menu-more-btn .dot {
  width: 4px;
  height: 4px;
  display: block;
  background: #00bdf0;
  border-radius: 999em;
  position: relative;
  margin: 0 auto; }
  .menu-more-btn .dot:before, .menu-more-btn .dot:after {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    display: block;
    background: #00bdf0;
    border-radius: 999em;
    top: 50%;
    margin-top: -2px;
    left: -8px; }
  .menu-more-btn .dot:after {
    left: auto;
    right: -8px; }

.progressive-menu {
  position: relative; }
  .progressive-menu .hidden-links {
    position: absolute;
    display: block;
    height: 58px;
    bottom: -6px;
    background: #272e3a;
    left: calc(100% + 10px);
    padding: 0;
    white-space: nowrap; }
    .progressive-menu .hidden-links li {
      display: inline-block;
      width: 60px;
      padding: 6px; }
      .progressive-menu .hidden-links li .tooltip.top {
        margin-top: -4px; }
    .progressive-menu .hidden-links:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      margin-left: -8px;
      margin-top: -8px;
      display: block;
      width: 0;
      height: 0;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-right: 8px solid #272e3a; }

.main-nav {
  background-color: #272e3a;
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  margin-top: 0;
  position: fixed;
  top: 0;
  width: 70px;
  z-index: 1001;
  text-align: center; }

.main-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: calc(100vh - 8px); }

.main-nav ul li {
  margin: 0;
  padding: 6px 12px; }
  .main-nav ul li.menu-more-btn {
    padding: 20px 12px; }

.main-nav ul li a {
  margin: 0;
  padding: 6px 0 6px 0;
  font-size: 10px;
  display: block;
  border-radius: 4px;
  position: relative; }

.main-nav ul li a:hover {
  background: #fcb042;
  color: #fff; }

.main-nav ul li.current a {
  background: #fcb042;
  color: #fff; }

.main-nav ul li a i {
  display: block;
  font-size: 22px;
  margin: 5px auto;
  color: #00bdf0; }

.main-nav ul li a:hover i, .main-nav ul li.current a i {
  color: #fff; }

.main-nav ul li a:hover .nc-icon, .main-nav ul li.current a .nc-icon {
  stroke: #fff; }

.main-nav ul li .nc-icon {
  stroke: #00bdf0;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  fill: none;
  stroke-width: 1.5;
  stroke-miterlimit: 10;
  margin: 5px auto 1px auto; }

.main-nav ul li a span {
  display: none; }

.main-nav ul li.logo {
  background: #00bdf0;
  height: 60px;
  margin-bottom: 10px; }

.main-nav ul li.logo a:hover {
  background: transparent; }

.main-nav ul li.logo a svg {
  display: block;
  width: 100%;
  max-width: 16px;
  margin: 5px auto; }

.main-nav ul li a .logo-path {
  fill: #fff; }

.main-nav ul li.current a .logo-path, .main-nav ul li a:hover .logo-path {
  opacity: .7; }

.main-nav .tooltip {
  font-size: 12px;
  white-space: nowrap;
  text-transform: uppercase;
  margin-right: 20px;
  font-weight: 400;
  letter-spacing: 1px; }

.main-nav .tooltip-inner {
  background: rgba(0, 0, 0, 0.8);
  padding: 9px 12px 7px 12px;
  white-space: nowrap;
  max-width: none; }

.main-nav ul .student-selector .dropdown-menu {
  top: -14px;
  left: 75px;
  float: none;
  max-height: none;
  background: #272e3a;
  width: 80vw;
  max-width: 250px; }
  .main-nav ul .student-selector .dropdown-menu:before {
    border-left: 0;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    border-right: 8px solid #272e3a;
    top: 18px;
    left: -8px; }
  .main-nav ul .student-selector .dropdown-menu:after {
    display: none; }

.main-nav ul .student-selector img {
  width: 34px;
  height: 34px;
  border-radius: 34px;
  object-fit: cover;
  object-position: center;
  border: 1px solid #01a0e3; }

.main-nav ul .student-selector .profile-link {
  padding: 6px 0;
  border-radius: 50px; }
  .main-nav ul .student-selector .profile-link:hover {
    background: none; }

.main-nav ul .student-selector li {
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .main-nav ul .student-selector li a {
    padding: 10px;
    font-size: 16px;
    border-radius: 0;
    color: #FFF;
    display: flex;
    font-weight: 400;
    align-items: center;
    white-space: normal; }
    .main-nav ul .student-selector li a span {
      font-size: 10px;
      display: block;
      font-weight: 600;
      line-height: 1.2;
      margin-top: 4px; }
    .main-nav ul .student-selector li a .student-avatar {
      flex: 0 1 34px;
      max-width: 34px; }
    .main-nav ul .student-selector li a .student-info {
      padding-left: 10px; }
  .main-nav ul .student-selector li.active a {
    background: none; }
  .main-nav ul .student-selector li:hover {
    background: rgba(255, 255, 255, 0.1); }
    .main-nav ul .student-selector li:hover a {
      background: none; }
  .main-nav ul .student-selector li:last-child {
    border-bottom: 0; }
  .main-nav ul .student-selector li.active .student-avatar {
    position: relative; }
    .main-nav ul .student-selector li.active .student-avatar img {
      border-color: #8ab734; }
    .main-nav ul .student-selector li.active .student-avatar:before {
      content: '';
      position: absolute;
      width: 12px;
      height: 12px;
      display: inline-block;
      background: #8ab734;
      border-radius: 10px;
      top: 0;
      left: 24px; }
    .main-nav ul .student-selector li.active .student-avatar:after {
      content: '';
      width: 8px;
      height: 4px;
      border-bottom: 2px solid #FFF;
      border-left: 2px solid #FFF;
      transform: rotate(-45deg);
      display: inline-block;
      position: absolute;
      top: 3px;
      left: 26px; }

/***  Nav Tabs ***/
.tab-nav {
  margin: 0 0 10px 0;
  clear: both;
  padding: 0;
  border-bottom: 1px solid #DDD;
  background: #f9fafa;
  border-radius: 4px 4px 0 0;
  *zoom: 1; }
  .tab-nav:before, .tab-nav:after {
    content: '';
    display: table; }
  .tab-nav:after {
    clear: both; }

.tab-nav > li {
  margin-right: 2px;
  float: left;
  margin-bottom: -4px;
  list-style: none;
  border-bottom: 4px solid transparent;
  transition: all 0.3s ease; }

.tab-nav > li > a {
  border: 0;
  margin: 0;
  color: #333;
  font-size: 15px;
  font-weight: 600;
  padding: 14px 20px;
  display: block; }

.tab-nav > li.active {
  border-bottom: 4px solid #0592d2;
  position: relative; }

.tab-nav > li:hover {
  border-bottom: 4px solid #0592d2; }

.tab-content {
  *zoom: 1;
  margin: 0 20px; }
  .tab-content:before, .tab-content:after {
    content: '';
    display: table; }
  .tab-content:after {
    clear: both; }

.tab-sub-nav {
  display: inline-block;
  list-style: none;
  margin: 0 0 0 10px;
  padding: 0; }

.tab-sub-nav li {
  display: inline-block;
  margin: 0 10px;
  padding: 0; }

.filter-dropdown {
  position: relative; }

.tool-bar .dropdown > a, .heading .dropdown > a, .actions .dropdown > a {
  font-size: 16px;
  font-weight: 600; }

.inactive.t-row .t-cell span {
  opacity: .5; }

.tasks-widget .school-calendar {
  padding-top: 25px; }

.tab-content .portlet {
  box-shadow: none; }

.tab-content .portlet > .portlet-title, .tab-content .portlet > .portlet-body {
  padding-right: 0;
  padding-left: 0; }

.tab-content .portlet > .portlet-title {
  background: none;
  border: 0; }

.tab-content .portlet > .portlet-title .caption-subject {
  font-weight: 600;
  font-size: 16px;
  padding-top: 7px; }

.tab-content .section-header .actions {
  vertical-align: middle; }

.tab-content .section-header {
  margin-bottom: 20px;
  table-layout: auto; }

.tab-content .table-list.list-view {
  box-shadow: none; }

.tab-content #attendance-step3 .section-header .actions {
  vertical-align: top; }

.toggle-switch {
  display: inline-block; }
  .toggle-switch.student-toggle-switch {
    height: 20px; }
    .toggle-switch.student-toggle-switch input {
      position: absolute !important;
      clip: rect(0, 0, 0, 0);
      height: 1px;
      width: 1px;
      border: 0;
      overflow: hidden; }
      .toggle-switch.student-toggle-switch input:checked + label {
        color: #FFF;
        background-color: #01a0e3;
        -webkit-box-shadow: none;
        box-shadow: none; }
    .toggle-switch.student-toggle-switch label {
      float: left;
      display: inline-block;
      background-color: #FFF;
      color: #01a0e3;
      font-size: 11px;
      text-transform: uppercase;
      font-weight: normal;
      text-align: center;
      text-shadow: none;
      padding: 7px 12px;
      border: 1px solid #01a0e3;
      border-left-width: 0px;
      margin: 0;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -ms-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out; }
      .toggle-switch.student-toggle-switch label:first-of-type {
        border-radius: 4px 0 0 4px;
        border-left-width: 1px; }
      .toggle-switch.student-toggle-switch label:last-of-type {
        border-radius: 0 4px 4px 0; }
      .toggle-switch.student-toggle-switch label:hover {
        cursor: pointer; }
  .toggle-switch a, .toggle-switch .switch-btn {
    display: inline-block;
    margin-left: 10px; }
  .toggle-switch a {
    font-size: 11px;
    padding: 5px;
    font-weight: 600;
    text-transform: uppercase; }
    .toggle-switch a:first-child {
      margin-left: 0; }
  .toggle-switch .switch-btn {
    position: relative;
    width: 40px;
    height: 10px;
    background: #5bc9fb;
    border-radius: 999em;
    cursor: pointer; }
    .toggle-switch .switch-btn:before {
      position: absolute;
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      top: 50%;
      margin-top: -10px;
      margin-left: 0;
      border-radius: 999em;
      background: #0592d2;
      box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
      left: 0;
      transition: all 0.3s ease; }
    .toggle-switch .switch-btn.active:before {
      left: 100%;
      margin-left: -20px; }

/* Portlets */
.portlet.light .btn.btn-circle.btn-icon-only.btn-default, .portlet.light .btn-circle.btn-icon-only.btn-default.btn-secondary, .portlet.light .btn-circle.btn-icon-only.btn-default.btn-primary, .portlet.light .btn-green .dropdown-menu li > a.btn-circle.btn-icon-only.btn-default, .btn-green .dropdown-menu .portlet.light li > a.btn-circle.btn-icon-only.btn-default, .portlet.light .btn-circle.btn-icon-only.btn-default.btn-highlight, .portlet.light .btn-circle.btn-icon-only.btn-default.load-more-btn {
  border-color: #bbc2ce; }

.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i, .portlet.light .btn-circle.btn-icon-only.btn-default.btn-secondary > i, .portlet.light .btn-circle.btn-icon-only.btn-default.btn-primary > i, .portlet.light .btn-green .dropdown-menu li > a.btn-circle.btn-icon-only.btn-default > i, .btn-green .dropdown-menu .portlet.light li > a.btn-circle.btn-icon-only.btn-default > i, .portlet.light .btn-circle.btn-icon-only.btn-default.btn-highlight > i, .portlet.light .btn-circle.btn-icon-only.btn-default.load-more-btn > i {
  font-size: 13px;
  color: #a6b0bf; }

.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn-circle.btn-icon-only.btn-default.btn-secondary:hover, .portlet.light .btn-circle.btn-icon-only.btn-default.btn-primary:hover, .portlet.light .btn-green .dropdown-menu li > a.btn-circle.btn-icon-only.btn-default:hover, .btn-green .dropdown-menu .portlet.light li > a.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn-circle.btn-icon-only.btn-default.btn-highlight:hover, .portlet.light .btn-circle.btn-icon-only.btn-default.load-more-btn:hover,
.portlet.light .btn.btn-circle.btn-icon-only.btn-default.active,
.portlet.light .btn-circle.btn-icon-only.btn-default.active.btn-secondary,
.portlet.light .btn-circle.btn-icon-only.btn-default.active.btn-primary,
.portlet.light .btn-green .dropdown-menu li > a.btn-circle.btn-icon-only.btn-default.active, .btn-green .dropdown-menu
.portlet.light li > a.btn-circle.btn-icon-only.btn-default.active,
.portlet.light .btn-circle.btn-icon-only.btn-default.active.btn-highlight,
.portlet.light .btn-circle.btn-icon-only.btn-default.active.load-more-btn {
  color: #fff;
  background: #0592d2;
  border-color: #0592d2; }

.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn-circle.btn-icon-only.btn-default.btn-secondary:hover > i, .portlet.light .btn-circle.btn-icon-only.btn-default.btn-primary:hover > i, .portlet.light .btn-green .dropdown-menu li > a.btn-circle.btn-icon-only.btn-default:hover > i, .btn-green .dropdown-menu .portlet.light li > a.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn-circle.btn-icon-only.btn-default.btn-highlight:hover > i, .portlet.light .btn-circle.btn-icon-only.btn-default.load-more-btn:hover > i,
.portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i,
.portlet.light .btn-circle.btn-icon-only.btn-default.active.btn-secondary > i,
.portlet.light .btn-circle.btn-icon-only.btn-default.active.btn-primary > i,
.portlet.light .btn-green .dropdown-menu li > a.btn-circle.btn-icon-only.btn-default.active > i, .btn-green .dropdown-menu
.portlet.light li > a.btn-circle.btn-icon-only.btn-default.active > i,
.portlet.light .btn-circle.btn-icon-only.btn-default.active.btn-highlight > i,
.portlet.light .btn-circle.btn-icon-only.btn-default.active.load-more-btn > i {
  color: #fff; }

.portlet-title h3 {
  font-size: 15px;
  padding-top: 5px;
  font-weight: 700;
  color: #333;
  text-transform: uppercase;
  margin: 0;
  padding: 0; }

.portlet {
  margin-top: 0;
  margin-bottom: 25px;
  border-radius: 4px;
  padding: 0 0 15px 0;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); }

.portlet > .portlet-title .caption-subject {
  font-size: 15px;
  padding-top: 5px;
  display: inline-block; }

.portlet > .portlet-title > .actions {
  display: inline-block;
  float: right;
  padding: 2px 0 12px 14px; }

.portlet > .portlet-title {
  border-bottom: 1px solid #ddd;
  padding: 12px 20px 0 20px;
  margin-bottom: 10px;
  min-height: 41px;
  background: #f9fafa;
  border-radius: 4px 4px 0 0; }

.portlet > .portlet-title:before, .portlet > .portlet-title:after {
  content: " ";
  display: table; }

.portlet > .portlet-title:after {
  clear: both; }

.portlet > .portlet-title > .caption {
  float: left;
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  font-weight: 300;
  padding: 0 0 10px 0; }

.portlet .portlet-body {
  padding: 0 20px;
  border-radius: 0 0 4px 4px;
  clear: both; }

.portlet .dropdown-filter {
  display: inline-block;
  margin-right: 12px;
  padding-top: 5px;
  float: left;
  margin-top: 1px; }

.actions .btn-group .grey-salsa.btn, .actions .btn-group .grey-salsa.btn-secondary, .actions .btn-group .grey-salsa.btn-primary, .actions .btn-group .btn-green .dropdown-menu li > a.grey-salsa, .btn-green .dropdown-menu .actions .btn-group li > a.grey-salsa, .actions .btn-group .grey-salsa.btn-highlight, .actions .btn-group .grey-salsa.load-more-btn {
  font-size: 11px;
  padding: 5px 15px 5px 10px;
  font-weight: 600;
  margin-left: 10px; }

.actions .btn-group .grey-salsa.btn i, .actions .btn-group .grey-salsa.btn-secondary i, .actions .btn-group .grey-salsa.btn-primary i, .actions .btn-group .btn-green .dropdown-menu li > a.grey-salsa i, .btn-green .dropdown-menu .actions .btn-group li > a.grey-salsa i, .actions .btn-group .grey-salsa.btn-highlight i, .actions .btn-group .grey-salsa.load-more-btn i {
  padding: 0 5px 0 0;
  font-size: 12px !important; }

.portlet-sm > .portlet-title {
  min-height: 10px; }

.portlet-sm > .portlet-title > .caption.caption > .caption-subject {
  font-size: 14px; }

.portlet-sm > .portlet-title .caption-subject {
  padding: 2px 0; }

.portlet-intro {
  padding: 0 0 20px 0; }

.portlet-intro p {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6); }

.portlet-chart {
  padding: 0 0 20px 0; }

.portlet-chart > .portlet-body {
  padding: 20px 5px; }

.google-visualization-tooltip {
  border: none !important;
  border-radius: 4px !important;
  background-color: rgba(250, 250, 250, 0.9) !important;
  background-color: rgba(0, 0, 0, 0.1); }

li.google-visualization-tooltip-item span[style] {
  color: #464646 !important;
  font-family: "Open Sans", Helvetica, sans-serif !important;
  font-weight: normal !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important; }

/*** Toolbar ***/
.tool-bar {
  background: #fff;
  border-radius: 4px;
  margin-bottom: 10px;
  min-height: 41px;
  padding: 8px 20px;
  display: table;
  width: 100%;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); }
  .tool-bar.transparent {
    box-shadow: none;
    background: none; }
  .tool-bar.has-create-actions .create-actions {
    padding-top: 5px; }
    @media screen and (min-width: 1500px) {
      .tool-bar.has-create-actions .create-actions {
        display: inline-block;
        padding-top: 0; } }
    @media screen and (max-width: 1199px) {
      .tool-bar.has-create-actions .create-actions {
        display: inline-block; } }
  @media screen and (max-width: 919px) {
    .tool-bar.has-create-actions {
      display: block; }
      .tool-bar.has-create-actions > div {
        display: flex;
        align-items: center; }
      .tool-bar.has-create-actions .actions {
        padding-top: 5px;
        text-align: left; } }

.tool-bar > div {
  display: table-cell;
  vertical-align: middle; }

.tool-bar .actions {
  padding: 0;
  text-align: right; }

.tool-bar .dropdown-filter, .tool-bar h3 {
  font-size: 18px;
  width: auto;
  display: inline-block;
  margin-right: 15px;
  min-height: 34px;
  line-height: 32px; }

.tool-bar h3 {
  margin: 2px 15px 0 0;
  float: left; }

.switch-view .btn, .switch-view .btn-secondary, .switch-view .btn-primary, .switch-view .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu .switch-view li > a, .switch-view .btn-highlight, .switch-view .load-more-btn {
  background: #fff;
  border: 1px solid #e5e5e5; }

/*** Section Header and Legend ***/
.section-header {
  clear: both;
  margin-top: 10px;
  display: table;
  table-layout: fixed;
  width: 100%; }

.section-header .heading {
  display: table-cell;
  margin: 0 0 10px 0;
  padding: 0; }

.section-header h2, .profile .section-header h2 {
  display: inline-block;
  color: #0592D2;
  font-size: 16px;
  font-weight: 600;
  margin: 10px 0; }

.section-header .legend {
  display: table;
  margin: 0 0 10px 0;
  padding: 0 5px;
  table-layout: fixed;
  width: auto; }

.section-header .legend li {
  display: table-cell;
  list-style: none;
  text-align: center;
  padding: 0 10px 0 0;
  line-height: 1.2; }

.section-header .legend li .legend-number {
  font-size: 22px;
  display: block;
  padding: 5px;
  width: 60px;
  border-radius: 4px;
  margin: 5px auto;
  color: #fff; }

.section-header .legend li .legend-number.attended {
  background: #0592d2; }

.section-header .legend li .legend-number.absent {
  background: #F3565D; }

.section-header .legend li .legend-number.late {
  background: #fcb95b; }

.section-header .legend li .legend-number.future {
  background: rgba(0, 0, 0, 0.2); }

.section-header .legend li .legend-number.past {
  background: #0592d2; }

.section-header .legend li .legend-number.holiday {
  background: #F3565D; }

.section-header .legend li .legend-number.event {
  background: #fcb95b; }

.section-header .actions {
  display: table-cell;
  text-align: right; }

.section-header .btn-back {
  background: #ACB5C3;
  float: right;
  display: inline-block;
  line-height: 1.5;
  font-size: 11px;
  padding: 5px 15px 5px 10px;
  font-weight: 600;
  color: #fff;
  border-radius: 25px !important;
  text-transform: uppercase; }

.section-header .btn-back i {
  padding: 0 5px 0 0;
  font-size: 12px !important; }

.section-header .caption h3.date {
  font-size: 18px; }

.section-header .caption {
  display: table-cell; }

/*** Vertical nav ***/
.ver-nav {
  margin: 20px 0;
  padding: 0;
  list-style: none; }

.ver-nav li {
  position: relative; }

.ver-nav li a {
  color: #0592d2;
  border: 1px solid #0592d2;
  display: block;
  font-size: 1.4rem;
  text-align: left;
  padding: 7px 14px;
  margin-bottom: 4px;
  background: #fff;
  position: relative;
  border-radius: 4px; }

.ver-nav li.has-error-fields a {
  color: #F00;
  border-color: #F00; }

.ver-nav li.active a,
.ver-nav li.active:hover a {
  color: #fff;
  background: #0592d2 !important;
  text-decoration: none; }

.ver-nav li.active b {
  top: 12px;
  right: -6px;
  width: 6px;
  position: absolute;
  display: inline-block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #0592d2; }

.ver-nav li:hover a {
  color: #0592d2;
  background: #eef4f7 !important;
  text-decoration: none; }

.ver-nav li.has-error-fields:hover a {
  color: #F00; }

.ver-nav li.active.has-error-fields a,
.ver-nav li.active.has-error-fields:hover a {
  color: #FFF;
  background: #F00 !important; }

.ver-nav .badge {
  background: #F3565D;
  position: absolute;
  right: 12px;
  top: 9px; }

.subnav-tab .tab-content {
  margin: 20px 0; }

/*** Vertical nav ***/
header .search-form {
  display: inline-block;
  position: absolute;
  transition: all 0.6s ease 0s;
  width: 68px;
  left: 50%;
  padding: 13px 0;
  z-index: 9;
  background: #FFF;
  display: none; }

header .search-form.search-form-expanded {
  width: 200px;
  margin-left: -100px; }

header .search-form .input-group .form-control:focus, header .search-form .input-group .medium-editor-element:focus {
  border: none;
  box-shadow: none; }

header .search-form .input-group .form-control, header .search-form .input-group .medium-editor-element {
  background: transparent none repeat scroll 0 0 !important;
  border: 0 none;
  font-size: 14px;
  margin-left: 12px;
  padding-left: 0; }

header .search-form.open {
  width: 300px !important;
  margin-left: -150px !important; }

.search-form .btn:active, .search-form .btn-secondary:active, .search-form .btn-primary:active, .search-form .btn-green .dropdown-menu li > a:active, .btn-green .dropdown-menu .search-form li > a:active, .search-form .btn-highlight:active, .search-form .load-more-btn:active {
  box-shadow: none; }

/* Avatar List
*****************************************/
.avatar-list {
  display: inline-block;
  padding: 0;
  margin: 0; }
  .avatar-list li {
    float: left;
    width: 30px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
    position: relative; }
    .avatar-list li a {
      display: inline-block; }
    .avatar-list li img {
      border-radius: 999em;
      display: inline-block;
      max-width: 100%; }

/* Color Palette
*****************************************/
.color-palette {
  position: relative;
  padding: 0; }

.color-thumb {
  transition: all .3s;
  padding: 0;
  display: inline-block;
  border: none;
  width: 27px;
  height: 27px;
  line-height: 27px;
  border-radius: 50%;
  cursor: pointer;
  margin-right: 3px; }
  .color-thumb:hover, .color-thumb:focus, .color-thumb:active, .color-thumb:active {
    opacity: .7;
    border-radius: 4px; }

.color-thumb span {
  color: #fff;
  display: none; }

.color-thumb.active {
  border-radius: 4px; }

.color-thumb.active span {
  display: inline-block;
  opacity: .7; }

.color-thumb.color-1, .bg-color-1 {
  background-color: #01a0e3 !important; }

.color-1 {
  border-color: #01a0e3 !important;
  color: #01a0e3 !important; }

.color-thumb.color-2, .bg-color-2 {
  background-color: #fcb95b !important; }

.color-2 {
  border-color: #fcb95b !important;
  color: #fcb95b !important; }

.color-thumb.color-3, .bg-color-3 {
  background-color: #c3cf77 !important; }

.color-3 {
  border-color: #c3cf77 !important;
  color: #c3cf77 !important; }

.color-thumb.color-4, .bg-color-4 {
  background-color: #8ab734 !important; }

.color-4 {
  border-color: #8ab734 !important;
  color: #8ab734 !important; }

.color-thumb.color-5, .bg-color-5 {
  background-color: #bc85e6 !important; }

.color-5 {
  border-color: #bc85e6 !important;
  color: #bc85e6 !important; }

.color-thumb.color-6, .bg-color-6 {
  background-color: #df7baa !important; }

.color-6 {
  border-color: #df7baa !important;
  color: #df7baa !important; }

.color-thumb.color-7, .bg-color-7 {
  background-color: #b27636 !important; }

.color-7 {
  border-color: #b27636 !important;
  color: #b27636 !important; }

.color-thumb.color-8, .bg-color-8 {
  background-color: #14a88e !important; }

.color-8 {
  border-color: #14a88e !important;
  color: #14a88e !important; }

.color-thumb.color-9, .bg-color-9 {
  background-color: #d13f9e !important; }

.color-9 {
  border-color: #d13f9e !important;
  color: #d13f9e !important; }

.color-thumb.color-10, .bg-color-10 {
  background-color: #34cced !important; }

.color-10 {
  border-color: #34cced !important;
  color: #34cced !important; }

.color-thumb.color-11, .bg-color-11 {
  background-color: #6668b4 !important; }

.color-11 {
  border-color: #6668b4 !important;
  color: #6668b4 !important; }

.color-thumb.color-12, .bg-color-12 {
  background-color: #a4506c !important; }

.color-12 {
  border-color: #a4506c !important;
  color: #a4506c !important; }

.color-thumb.color-13, .bg-color-13 {
  background-color: #67412c !important; }

.color-13 {
  border-color: #67412c !important;
  color: #67412c !important; }

.color-thumb.color-14, .bg-color-14 {
  background-color: #3c6526 !important; }

.color-14 {
  border-color: #3c6526 !important;
  color: #3c6526 !important; }

.color-thumb.color-15, .bg-color-15 {
  background-color: #f3565d !important; }

.color-15 {
  border-color: #f3565d !important;
  color: #f3565d !important; }

.color-thumb.color-16, .bg-color-16 {
  background-color: #c7d4f2 !important; }

.color-16 {
  border-color: #c7d4f2 !important;
  color: #c7d4f2 !important; }

.upload-modal .avatar-list {
  padding: 0; }
  .upload-modal .avatar-list li {
    display: inline-block;
    list-style: none;
    margin: 5px 5px 0 0;
    border: 2px solid transparent;
    box-shadow: 3px 3px 3px transparent;
    width: auto; }
    .upload-modal .avatar-list li a {
      padding: 4px;
      display: block; }
    .upload-modal .avatar-list li img {
      max-width: 40px;
      border-radius: 999em; }
    .upload-modal .avatar-list li:hover {
      border: 2px solid #01a0e3;
      box-shadow: 3px 3px 3px #CCC; }

.modal-content .upload-modal img {
  width: auto;
  min-width: 0; }

/* Top
*****************************************/
.breeze-logo {
  display: inline-block;
  max-width: 100px;
  width: 100%;
  height: 100%;
  margin-left: 15px;
  position: absolute;
  z-index: 2;
  font-size: 18px;
  /* remove jump on iOS devices - when we fire the navigation */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.breeze-logo img {
  display: inline-block;
  max-width: 80px;
  width: 100%;
  margin-top: 16px; }

.school-logo {
  display: inline-block;
  max-width: 50%;
  width: 100%;
  height: 100%;
  /*margin-left: 105px;*/
  margin-left: 15px;
  margin-top: 16px;
  position: absolute;
  z-index: 2;
  font-size: 16px;
  font-weight: 600;
  color: #9faab5;
  /* remove jump on iOS devices - when we fire the navigation */
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.top-nav {
  position: static;
  width: 100%;
  height: 60px;
  line-height: 60px;
  /* padding left = logo size + logo left position*/
  padding: 0 10px 0 calc(25px + 124px);
  background: transparent;
  text-align: right;
  margin-bottom: 0; }

.top-nav .notification {
  font-weight: 300;
  padding: 3px 6px;
  position: absolute;
  right: 2px;
  top: 2px;
  border-radius: 12px !important;
  font-size: 11px;
  height: 18px;
  text-align: center;
  vertical-align: middle;
  background-color: #F3565D;
  color: #fff;
  display: inline-block;
  line-height: 1;
  min-width: 10px;
  white-space: nowrap; }

.top-nav li i {
  font-size: 20px; }

.top-nav li {
  display: inline-block;
  height: 100%;
  padding: 0 5px;
  vertical-align: middle; }

.top-nav > li {
  position: relative;
  padding: 0 3px;
  top: -2px; }
  .top-nav > li:last-child {
    border: 0; }
  .top-nav > li > a {
    margin-top: 9px; }

.top-nav li > .dropdown {
  margin-left: 5px; }
  .top-nav li > .dropdown .dropdown-menu a {
    color: #CCC; }

.top-nav li > a {
  display: inline-block;
  padding: 10px 0.65em;
  line-height: 1.4;
  font-size: 1.4rem;
  border-bottom: medium none;
  transform: translateZ(0px);
  backface-visibility: hidden;
  transition: opacity 0.2s ease 0s; }

.top-nav a.profile-link {
  padding: 0.65em;
  padding-left: 40px;
  padding-right: 20px;
  line-height: 1;
  font-size: 1.4rem;
  transform: translateZ(0px);
  backface-visibility: hidden;
  display: inline-block;
  z-index: 1;
  border: 1px solid #0592d2;
  border-radius: 5em;
  transition: border 0.3s ease 0s;
  display: inline-block;
  margin-top: -5px; }

.top-nav .profile-link .avatar {
  background-size: cover;
  border-radius: 50%;
  display: inline-block;
  float: left;
  height: 32px;
  left: 0;
  position: absolute;
  top: 0;
  width: 32px; }

.top-nav .dropdown .dropdown-menu {
  min-width: 180px;
  width: auto;
  left: auto;
  right: 0; }

.top-nav .dropdown li {
  display: block;
  padding: 0;
  margin: 0; }

.top-nav .dropdown li a {
  display: block;
  padding: 15px 15px;
  margin: 0; }

/* Table Pagination
*****************************************/
.table-paging {
  display: inline-block; }

.table-data-pager,
.table-data-count,
.table-data-details,
.table-paging > div > span,
.table-paging > div > select,
.table-paging ul li {
  display: inline-block;
  line-height: 1.42857143;
  padding-top: 3px;
  float: left; }

.table-data-pager,
.table-data-count {
  padding: 0; }

.table-paging .pagination {
  float: left;
  margin: 0px 8px; }

.table-paging > div:after {
  content: '|';
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
  position: relative;
  top: 7px; }

.table-paging > div:last-child:after {
  display: none; }

.table-paging > div > ul {
  padding-left: 0;
  margin: 0; }

.table-paging > div > span {
  margin-top: 5px; }

.table-paging > div > select {
  padding: 3px 5px;
  margin: 3px 8px 0;
  width: auto;
  height: auto;
  border-radius: 2px; }

.table-paging input {
  max-width: 50px;
  text-align: right;
  padding: 3px 5px;
  height: auto;
  border-radius: 2px;
  border: 1px solid #AAA; }

.table-paging ul li {
  display: inline-block;
  margin-left: 5px;
  float: left; }

.table-paging ul li > a {
  padding: 4px 0;
  border-radius: 0;
  background: none !important;
  color: #7B7B7B !important;
  border: 0;
  font-size: 16px; }

#char-count {
  text-align: right;
  position: relative;
  top: -10px; }

.top-loading-bar {
  position: fixed;
  top: -10px;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 8px;
  background: rgba(0, 0, 0, 0.1);
  pointer-events: none;
  -webkit-transition: top 0.3s;
  transition: top 0.3s; }

.top-loading-bar span {
  position: absolute;
  content: '';
  height: 100%;
  width: 0;
  background: #01a0e3;
  opacity: 0;
  -webkit-transition: opacity 0.3s, width 0s 0.3s;
  transition: opacity 0.3s, width 0s 0.3s; }

.top-loading-bar.top-loading-bar-animate span {
  opacity: 1;
  /*width: 100%;*/
  -webkit-transition: width 50s linear 0.3s;
  transition: width 50s linear 0.3s; }

.top-loading-bar.top-loading-bar-animate {
  top: 0; }

.profile-cover {
  background: #0592d2 url("/assets/img/bg-03.png") no-repeat center;
  background-size: cover;
  margin-bottom: 15px;
  padding: 120px 0 30px;
  margin-top: -15px; }

.profile-container {
  display: table;
  width: 100%; }

.profile-detail {
  display: table-cell;
  vertical-align: middle; }

.profile-detail img {
  display: inline-block;
  border-radius: 999em;
  max-width: 100px;
  max-height: 100px;
  margin-right: 15px; }

.profile-detail h3 {
  color: #FFF;
  font-size: 24px;
  display: inline-block;
  word-break: break-all; }

.row-validation-valid {
  display: table-caption; }

#notifications-settings .control-label {
  padding: 10px 0; }

#notifications-settings i, #other-settings i {
  border-radius: 100%;
  display: inline-block;
  font-size: 30px;
  line-height: 73px;
  height: 80px;
  margin: 15px auto;
  overflow: hidden;
  text-align: center;
  width: 80px;
  background-color: #0592d2;
  color: #fff; }

#notifications-settings input[type="radio"], #other-settings input[type="checkbox"] {
  margin-top: 5px;
  margin-right: 8px;
  float: left; }

#notifications-settings label span {
  font-weight: 300; }

#notifications-settings .btn, #notifications-settings .btn-secondary, #notifications-settings .btn-primary, #notifications-settings .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu #notifications-settings li > a, #notifications-settings .btn-highlight, #notifications-settings .load-more-btn {
  margin: 20px 0; }

#other-settings .form-group > div {
  padding-top: 20px; }

.conversation-sidebar, .conversation-body {
  padding: 20px;
  background: #FFF; }

.conversation-sidebar ul, .conversation-body ul, .conversation-sidebar ul li, .conversation-body ul li {
  padding: 0; }

.conversation-sidebar ul li, .conversation-body ul li {
  list-style: none; }

.conversation-sidebar .compose-btn {
  display: block;
  padding: 8px 20px;
  text-align: center;
  background: #F3565D;
  margin-bottom: 20px;
  color: #FFF;
  font-size: 14px;
  transition: background 0.3s ease; }
  .conversation-sidebar .compose-btn:hover {
    background: #f13e46; }

.conversation-sidebar .conversation-nav li a {
  display: block;
  padding: 8px 16px;
  border-left: 4px solid transparent;
  font-size: 14px; }

.conversation-nav .badge {
  float: right;
  background: #F3565D; }

.conversation-nav li.active a {
  border-left: 4px solid #F3565D; }

.conversation-nav li:hover {
  background: #eef4f7; }

.conversation-header {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px; }
  .conversation-header h1 {
    margin: 0;
    font-weight: 300; }
  .conversation-header .btn, .conversation-header .btn-secondary, .conversation-header .btn-primary, .conversation-header .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu .conversation-header li > a, .conversation-header .btn-highlight, .conversation-header .load-more-btn {
    background: #01a0e3;
    color: #FFF;
    border-radius: 0; }
  .conversation-header input {
    border-radius: 0; }
    .conversation-header input:focus {
      box-shadow: none;
      border-color: #01a0e3; }

.conversation-body .btn, .conversation-body .btn-secondary, .conversation-body .btn-primary, .conversation-body .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu .conversation-body li > a, .conversation-body .btn-highlight, .conversation-body .load-more-btn {
  border: 1px solid #01a0e3;
  border-radius: 0;
  color: #01a0e3;
  background: none;
  transition: all 0.3s ease;
  margin-left: 15px !important; }
  .conversation-body .btn:hover, .conversation-body .btn-secondary:hover, .conversation-body .btn-primary:hover, .conversation-body .btn-green .dropdown-menu li > a:hover, .btn-green .dropdown-menu .conversation-body li > a:hover, .conversation-body .btn-highlight:hover, .conversation-body .load-more-btn:hover {
    background: #01a0e3;
    color: #FFF; }

.conversation-list .checker {
  display: inline-block; }

.conversation-list .btn-group .btn i, .conversation-list .btn-group .btn-secondary i, .conversation-list .btn-group .btn-primary i, .conversation-list .btn-group .btn-green .dropdown-menu li > a i, .btn-green .dropdown-menu .conversation-list .btn-group li > a i, .conversation-list .btn-group .btn-highlight i, .conversation-list .btn-group .load-more-btn i {
  top: 3px;
  left: 5px; }

.conversation-list .btn-group.open .btn, .conversation-list .btn-group.open .btn-secondary, .conversation-list .btn-group.open .btn-primary, .conversation-list .btn-group.open .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu .conversation-list .btn-group.open li > a, .conversation-list .btn-group.open .btn-highlight, .conversation-list .btn-group.open .load-more-btn {
  background: #01a0e3;
  color: #FFF;
  box-shadow: none; }

.conversation-list .dropdown-menu {
  border-radius: 0; }
  .conversation-list .dropdown-menu a {
    color: #6e6e6e; }
  .conversation-list .dropdown-menu li:hover a [class^="icon-"], .conversation-list .dropdown-menu li:hover a [class*=" icon-"] {
    color: #FFF; }

.conversation-list .pagination-control .btn, .conversation-list .pagination-control .btn-secondary, .conversation-list .pagination-control .btn-primary, .conversation-list .pagination-control .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu .conversation-list .pagination-control li > a, .conversation-list .pagination-control .btn-highlight, .conversation-list .pagination-control .load-more-btn {
  padding: 7px 5px;
  margin-left: 5px !important; }

.conversation-list th, .conversation-list td {
  padding: 8px 10px;
  line-height: 1.42857;
  vertical-align: top; }

.conversation-list .conversation-small-cells {
  width: 10px; }

.conversation-list thead {
  background: #eef4f7;
  border-bottom: 5px solid #FFF; }
  .conversation-list thead .checker {
    margin-top: 8px;
    float: left; }

.conversation-list td {
  cursor: pointer;
  font-size: 14px; }

.conversation-list tr:hover td {
  background: #eef4f7; }

.conversation-list .unread td {
  font-weight: 600; }

.conversation-list .conversation-stared {
  color: #fd7b12; }

.checker {
  cursor: pointer;
  position: relative;
  width: 15px;
  height: 15px;
  top: 3px; }
  .checker input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    z-index: 999;
    margin: 0;
    cursor: pointer; }
    .checker input[type="checkbox"] + span {
      display: inline-block;
      font-family: 'Glyphicons Halflings';
      font-style: normal;
      font-weight: 400;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      width: 15px;
      height: 15px;
      background: #FFF;
      position: absolute;
      display: none\9;
      border-radius: 0;
      border: 1px solid #01a0e3;
      line-height: 15px;
      padding-left: 1px;
      color: #4C9DDF;
      margin-right: 8px;
      z-index: 998; }
    .checker input[type="checkbox"]:checked + span:before {
      position: absolute;
      content: "\e013";
      top: -2px;
      left: 0;
      font-size: 10px;
      padding-top: 1px;
      padding-left: 1px; }

.conversation-view-header h1 {
  font-size: 22px; }
  .conversation-view-header h1 a {
    font-size: 13px;
    background: #b0bcc4;
    color: #FFF;
    display: inline-block;
    padding: 3px 10px;
    position: relative;
    top: -3px;
    transition: all 0.3s ease; }
    .conversation-view-header h1 a:hover {
      background: #a1b0b9; }

.conversation-view-header span {
  font-style: italic;
  margin: 5px 0;
  display: inline-block;
  color: #b0bcc4; }

.conversation-view-header .previous-btn {
  float: right; }

.conversation-view-header .btn, .conversation-view-header .btn-secondary, .conversation-view-header .btn-primary, .conversation-view-header .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu .conversation-view-header li > a, .conversation-view-header .btn-highlight, .conversation-view-header .load-more-btn {
  margin-left: 0 !important;
  padding: 10px 16px 8px 12px; }
  .conversation-view-header .btn i, .conversation-view-header .btn-secondary i, .conversation-view-header .btn-primary i, .conversation-view-header .btn-green .dropdown-menu li > a i, .btn-green .dropdown-menu .conversation-view-header li > a i, .conversation-view-header .btn-highlight i, .conversation-view-header .load-more-btn i {
    font-size: 16px; }

.conversation-view-info {
  padding: 5px 0;
  font-size: 14px;
  margin-bottom: 5px;
  float: left;
  clear: both; }

.conversation-content {
  margin-left: 50px; }
  .conversation-content .sbold-name {
    font-weight: 600;
    font-size: 16px;
    margin: 5px 0px 10px;
    display: inline-block; }
  .conversation-content .conversation-date {
    color: #AAA;
    font-size: 14px; }

.conversation-message {
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 20px;
  margin-bottom: 20px; }

.conversation-author {
  max-width: 40px;
  border-radius: 999em;
  margin-right: 5px; }

.conversation-view {
  font-size: 14px; }
  .conversation-view p {
    margin-bottom: 25px; }

.conversation-form img {
  float: left; }

.conversation-form form {
  overflow: hidden; }
  .conversation-form form textarea {
    border-radius: 0;
    margin-top: 5px;
    min-height: 100px; }
  .conversation-form form .btn, .conversation-form form .btn-secondary, .conversation-form form .btn-primary, .conversation-form form .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu .conversation-form form li > a, .conversation-form form .btn-highlight, .conversation-form form .load-more-btn {
    margin: 20px 0 0 !important;
    float: right; }

.message-search {
  padding: 10px;
  background: #FFF;
  border-radius: 4px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 12px; }
  .message-search form {
    position: relative; }
    .message-search form:before {
      position: absolute;
      top: 10px;
      left: 3px;
      content: "\e090";
      font-family: Simple-Line-Icons;
      speak: none;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      line-height: 14px;
      -webkit-font-smoothing: antialiased;
      color: rgba(0, 0, 0, 0.4);
      font-size: 18px; }
  .message-search .form-control, .message-search .medium-editor-element {
    border-radius: 0;
    border: 0;
    padding-left: 30px; }
    .message-search .form-control:focus, .message-search .medium-editor-element:focus {
      box-shadow: none;
      outline: none; }

.message-container {
  background: #FFF;
  display: inline-block;
  width: 100%;
  border-radius: 4px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  height: calc(100vh - 140px); }
  .message-container .message-listing, .message-container .message-body {
    display: block;
    float: left;
    height: 100%; }
  .message-container .message-back {
    display: none; }
  .message-container .message-list, .message-container .message-content-blocks {
    height: calc(100vh - 200px);
    overflow: auto; }
  .message-container .message-content-blocks {
    height: calc(100vh - 330px); }
  .message-container .message-listing {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    width: 35%; }
    .message-container .message-listing .messaging-header {
      background: #FFF;
      display: inline-block;
      width: 100%;
      padding: 14px 10px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      .message-container .message-listing .messaging-header .message-left {
        float: left; }
      .message-container .message-listing .messaging-header .message-right {
        float: right; }
        .message-container .message-listing .messaging-header .message-right > * {
          display: inline-block; }
        .message-container .message-listing .messaging-header .message-right .message-pagination {
          margin: 0;
          padding: 9px 0; }
          .message-container .message-listing .messaging-header .message-right .message-pagination > * {
            display: inline-block;
            margin: 0; }
          .message-container .message-listing .messaging-header .message-right .message-pagination p {
            margin-right: 5px; }
          .message-container .message-listing .messaging-header .message-right .message-pagination li {
            display: inline-block;
            list-style: none; }
          .message-container .message-listing .messaging-header .message-right .message-pagination a {
            color: #464646; }
      .message-container .message-listing .messaging-header .actions {
        display: inline-block; }
      .message-container .message-listing .messaging-header .dropdown {
        display: inline-block; }
        .message-container .message-listing .messaging-header .dropdown .dropdown-toggle {
          padding: 0 5px;
          width: 40px;
          display: block;
          color: #464646; }
          .message-container .message-listing .messaging-header .dropdown .dropdown-toggle .caret {
            position: relative;
            top: -4px; }
      .message-container .message-listing .messaging-header .actions a {
        text-align: center;
        display: inline-block;
        padding: 5px 15px;
        font-size: 18px; }
        .message-container .message-listing .messaging-header .actions a:first-child {
          padding: 5px; }
      .message-container .message-listing .messaging-header .actions i {
        color: rgba(0, 0, 0, 0.54); }
    .message-container .message-listing ul {
      padding: 0;
      margin: -5px 0 0 0; }
    .message-container .message-listing .message-item {
      display: block;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      float: left;
      border-left: 3px solid #ffffff; }
      .message-container .message-listing .message-item.active, .message-container .message-listing .message-item:hover {
        background: #f5f5f5;
        border-left: 3px solid #0592d2; }
      .message-container .message-listing .message-item.unread {
        background: #E3F2FD;
        border-left: 3px solid #E3F2FD; }
      .message-container .message-listing .message-item a {
        display: table;
        width: 100%;
        table-layout: fixed;
        color: rgba(0, 0, 0, 0.87); }
        .message-container .message-listing .message-item a > * {
          display: table-cell;
          padding: 5px;
          vertical-align: top; }
        .message-container .message-listing .message-item a .message-info {
          padding-left: 10px; }
        .message-container .message-listing .message-item a .message-checkbox, .message-container .message-listing .message-item a .message-icon {
          width: 40px;
          text-align: right;
          vertical-align: middle;
          padding-right: 10px; }
        .message-container .message-listing .message-item a .message-icon {
          width: 80px; }
          .message-container .message-listing .message-item a .message-icon span {
            display: block;
            margin-bottom: 5px; }
          .message-container .message-listing .message-item a .message-icon i {
            font-size: 18px; }
        .message-container .message-listing .message-item a img {
          width: 100%;
          border-radius: 999em;
          margin-top: 3px; }
        .message-container .message-listing .message-item a h3 {
          margin: 0;
          font-size: 15px;
          line-height: 21px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          margin-left: 40px; }
        .message-container .message-listing .message-item a .message-avatar {
          width: 32px;
          height: 32px;
          float: left; }
        .message-container .message-listing .message-item a p {
          color: rgba(0, 0, 0, 0.54);
          line-height: 1.25;
          margin: 2px 0 0;
          margin-left: 40px !important;
          font-size: 12px; }
          .message-container .message-listing .message-item a p.subject {
            color: rgba(0, 0, 0, 0.87);
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            font-weight: 600; }
      .message-container .message-listing .message-item.important .glyphicon-star-empty:before {
        content: "\e006" !important;
        color: #FFC107 !important; }
  .message-container .message-body {
    width: 65%; }
    .message-container .message-body .message-content {
      padding: 20px 0;
      position: relative; }
      .message-container .message-body .message-content h2 {
        margin: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        font-size: 18px;
        font-weight: 600;
        line-height: 1.5;
        position: absolute;
        top: 20px;
        left: 20px;
        right: 20px;
        background: #FFF;
        padding-right: 90px; }
        .message-container .message-body .message-content h2 .reply-to {
          top: 2px;
          right: 5px;
          position: absolute;
          font-size: 11px;
          padding: 5px 15px 5px 10px;
          font-weight: 600;
          margin-left: 10px;
          color: #0592d2;
          border: 1px solid rgba(5, 146, 210, 0.9);
          border-radius: 25px;
          line-height: 1.4;
          display: inline-block;
          text-transform: uppercase;
          cursor: pointer;
          text-align: center; }
          .message-container .message-body .message-content h2 .reply-to:hover {
            background: #0592d2;
            color: #FFF; }
          .message-container .message-body .message-content h2 .reply-to i {
            -moz-transform: scaleX(-1);
            -o-transform: scaleX(-1);
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
            filter: FlipH;
            -ms-filter: "FlipH";
            margin-right: 5px; }
      .message-container .message-body .message-content .message-content-blocks {
        padding: 0 20px; }
      .message-container .message-body .message-content .message-content-block {
        padding-bottom: 5px;
        margin-bottom: 20px;
        border-bottom: 2px solid rgba(0, 0, 0, 0.2); }
        .message-container .message-body .message-content .message-content-block:last-child {
          border: 0;
          margin-bottom: 0;
          padding-bottom: 0; }
        .message-container .message-body .message-content .message-content-block.unread {
          background: #E3F2FD;
          padding: 15px 15px 5px; }
      .message-container .message-body .message-content .message-detail {
        display: table;
        width: 100%;
        margin-bottom: 10px; }
        .message-container .message-body .message-content .message-detail > * {
          display: table-cell;
          vertical-align: top;
          padding: 0 10px 0 0; }
        .message-container .message-body .message-content .message-detail .message-avatar {
          width: 60px; }
          .message-container .message-body .message-content .message-detail .message-avatar img {
            width: 100%;
            border-radius: 999em; }
        .message-container .message-body .message-content .message-detail h4 {
          margin: 0;
          padding: 5px 0;
          font-size: 15px; }
      .message-container .message-body .message-content > p {
        padding: 5px 0; }
      .message-container .message-body .message-content .message-attachments {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 9px;
        margin-top: 15px; }
        .message-container .message-body .message-content .message-attachments h4 {
          font-weight: 600;
          font-size: 13px; }
        .message-container .message-body .message-content .message-attachments p {
          margin-bottom: 6px; }
        .message-container .message-body .message-content .message-attachments ul {
          padding: 0;
          overflow: hidden; }
        .message-container .message-body .message-content .message-attachments li {
          display: inline-block;
          width: 150px;
          margin-right: 20px;
          float: left; }
          .message-container .message-body .message-content .message-attachments li .attachment {
            width: 100%;
            padding-bottom: 100%;
            height: 0;
            background: no-repeat center;
            background-size: cover;
            display: block;
            margin-bottom: 10px; }
          .message-container .message-body .message-content .message-attachments li a {
            display: block;
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap; }
            .message-container .message-body .message-content .message-attachments li a:hover {
              text-decoration: underline; }
        .message-container .message-body .message-content .message-attachments.conversation-users a {
          margin-right: 8px;
          color: rgba(0, 0, 0, 0.54);
          font-size: 12px; }
        .message-container .message-body .message-content .message-attachments.conversation-users img {
          max-width: 32px;
          border-radius: 999em;
          margin: 0 4px 4px 0; }
        .message-container .message-body .message-content .message-attachments.conversation-users .glyphicon {
          color: #C0C9CC; }
        .message-container .message-body .message-content .message-attachments.conversation-users .glyphicon.read {
          color: #8ab734; }

.switch-accounts {
  padding: 20px;
  text-align: center; }
  .switch-accounts h2 {
    color: #55616F;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
    margin-bottom: 30px; }
  .switch-accounts .account {
    display: table;
    table-layout: fixed;
    margin: 0 1.5% 15px 0;
    background: #fff;
    border-radius: 4px;
    width: 100%;
    position: relative;
    /* border: 1px solid #ddd; */
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    color: #55616F; }
    .switch-accounts .account:hover {
      background: #f8f8f8; }
    .switch-accounts .account > div {
      display: table-cell;
      vertical-align: middle;
      text-align: left; }
    .switch-accounts .account .avatar {
      width: 90px;
      padding: 12px 20px; }
      .switch-accounts .account .avatar img {
        width: 100%;
        border-radius: 999em; }
    .switch-accounts .account .navigation {
      width: 50px;
      text-align: center; }
    .switch-accounts .account .detail {
      font-size: 14px; }
      .switch-accounts .account .detail b {
        font-size: 15px; }
      .switch-accounts .account .detail span {
        display: block; }

/* Imports Section UI */
.tab-content #import-enrollments form, .tab-content #import-enrollments-collapse form,
.tab-content #import-classes form, .tab-content #import-classes-collapse form {
  max-width: 100%; }

#import-enrollments, #import-classes {
  margin: 0 -15px; }

#import-enrollments-collapse .panel-body, #import-classes-collapse .panel-body {
  padding: 15px 0; }

#import-enrollments form > div:nth-child(3), #import-enrollments-collapse form > div:nth-child(3),
#import-classes form > div:nth-child(3), #import-classes-collapse form > div:nth-child(3), #students form > div:nth-child(3) {
  clear: both; }

#import-enrollments .form-group, #import-enrollments-collapse .form-group,
#import-classes .form-group, #import-classes-collapse .form-group, #students .form-group {
  margin-bottom: 20px; }
  #import-enrollments .form-group label, #import-enrollments-collapse .form-group label,
  #import-classes .form-group label, #import-classes-collapse .form-group label, #students .form-group label {
    display: block; }
  #import-enrollments .form-group .btn, #import-enrollments .form-group .btn-secondary, #import-enrollments .form-group .btn-primary, #import-enrollments .form-group .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu #import-enrollments .form-group li > a, #import-enrollments .form-group .btn-highlight, #import-enrollments .form-group .load-more-btn, #import-enrollments-collapse .form-group .btn, #import-enrollments-collapse .form-group .btn-secondary, #import-enrollments-collapse .form-group .btn-primary, #import-enrollments-collapse .form-group .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu #import-enrollments-collapse .form-group li > a, #import-enrollments-collapse .form-group .btn-highlight, #import-enrollments-collapse .form-group .load-more-btn,
  #import-classes .form-group .btn,
  #import-classes .form-group .btn-secondary,
  #import-classes .form-group .btn-primary,
  #import-classes .form-group .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu
  #import-classes .form-group li > a,
  #import-classes .form-group .btn-highlight,
  #import-classes .form-group .load-more-btn, #import-classes-collapse .form-group .btn, #import-classes-collapse .form-group .btn-secondary, #import-classes-collapse .form-group .btn-primary, #import-classes-collapse .form-group .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu #import-classes-collapse .form-group li > a, #import-classes-collapse .form-group .btn-highlight, #import-classes-collapse .form-group .load-more-btn, #students .form-group .btn, #students .form-group .btn-secondary, #students .form-group .btn-primary, #students .form-group .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu #students .form-group li > a, #students .form-group .btn-highlight, #students .form-group .load-more-btn {
    margin-bottom: 3px; }

#import-enrollments .student-list, #import-enrollments .class-list, #import-enrollments-collapse .student-list, #import-enrollments-collapse .class-list,
#import-classes .student-list,
#import-classes .class-list, #import-classes-collapse .student-list, #import-classes-collapse .class-list, #students .student-list, #students .class-list {
  padding: 3px 0;
  background: #F5F5F5; }
  #import-enrollments .student-list li, #import-enrollments .class-list li, #import-enrollments-collapse .student-list li, #import-enrollments-collapse .class-list li,
  #import-classes .student-list li,
  #import-classes .class-list li, #import-classes-collapse .student-list li, #import-classes-collapse .class-list li, #students .student-list li, #students .class-list li {
    list-style: none;
    padding: 3px 8px;
    border-bottom: 1px solid #DDD; }
    #import-enrollments .student-list li:nth-child(odd), #import-enrollments .class-list li:nth-child(odd), #import-enrollments-collapse .student-list li:nth-child(odd), #import-enrollments-collapse .class-list li:nth-child(odd),
    #import-classes .student-list li:nth-child(odd),
    #import-classes .class-list li:nth-child(odd), #import-classes-collapse .student-list li:nth-child(odd), #import-classes-collapse .class-list li:nth-child(odd), #students .student-list li:nth-child(odd), #students .class-list li:nth-child(odd) {
      background: #FFF; }
    #import-enrollments .student-list li.list-head, #import-enrollments .class-list li.list-head, #import-enrollments-collapse .student-list li.list-head, #import-enrollments-collapse .class-list li.list-head,
    #import-classes .student-list li.list-head,
    #import-classes .class-list li.list-head, #import-classes-collapse .student-list li.list-head, #import-classes-collapse .class-list li.list-head, #students .student-list li.list-head, #students .class-list li.list-head {
      background: #0592d2;
      color: #FFF;
      text-transform: uppercase; }
    #import-enrollments .student-list li label, #import-enrollments .class-list li label, #import-enrollments-collapse .student-list li label, #import-enrollments-collapse .class-list li label,
    #import-classes .student-list li label,
    #import-classes .class-list li label, #import-classes-collapse .student-list li label, #import-classes-collapse .class-list li label, #students .student-list li label, #students .class-list li label {
      margin: 5px 0;
      cursor: pointer; }
  #import-enrollments .student-list.existing-students li, #import-enrollments .class-list.existing-students li, #import-enrollments-collapse .student-list.existing-students li, #import-enrollments-collapse .class-list.existing-students li,
  #import-classes .student-list.existing-students li,
  #import-classes .class-list.existing-students li, #import-classes-collapse .student-list.existing-students li, #import-classes-collapse .class-list.existing-students li, #students .student-list.existing-students li, #students .class-list.existing-students li {
    padding: 8px;
    font-weight: 600;
    font-size: 14px; }

.tab-content form.employee-edit-form {
  max-width: none; }
  .tab-content form.employee-edit-form .tab-pane {
    max-width: 550px; }
  .tab-content form.employee-edit-form #qualifications, .tab-content form.employee-edit-form #files {
    max-width: none !important; }
    .tab-content form.employee-edit-form #qualifications .portlet-title, .tab-content form.employee-edit-form #files .portlet-title {
      padding-top: 0; }

.multiselect-container > li > a {
  padding: 8px 0 !important; }

/*
    Student Attendance Styling
*/
.subject-attendance, .student-attendance {
  overflow-x: auto; }
  .subject-attendance table, .student-attendance table {
    min-width: 0 !important; }
    .subject-attendance table td, .subject-attendance table th, .student-attendance table td, .student-attendance table th {
      min-width: 20px; }

/*
    Accounting
*/
.accounting-grid.grid-view .t-row {
  padding: 12px 0 0 !important; }
  .accounting-grid.grid-view .t-row h1 {
    font-size: 32px; }
    .accounting-grid.grid-view .t-row h1 .currency {
      font-size: 16px;
      color: #9ba7b1; }
    .accounting-grid.grid-view .t-row h1 .done-percentage {
      color: #2ecd71;
      float: right; }
  .accounting-grid.grid-view .t-row h2 {
    font-size: 18px; }
  .accounting-grid.grid-view .t-row.school-account-status {
    padding: 12px 20px !important; }
    .accounting-grid.grid-view .t-row.school-account-status h2 {
      color: #9ba7b1;
      text-transform: uppercase;
      margin-top: 5px;
      margin-bottom: 20px; }
    .accounting-grid.grid-view .t-row.school-account-status .grid-info {
      color: #9ba7b1;
      text-transform: uppercase;
      margin-bottom: 0;
      font-weight: 600;
      margin-top: 7px; }
  .accounting-grid.grid-view .t-row.course-account-status h2 {
    margin: 0;
    padding: 20px 20px 5px;
    padding-right: 80px !important; }
    .accounting-grid.grid-view .t-row.course-account-status h2 a {
      color: #252525; }
    .accounting-grid.grid-view .t-row.course-account-status h2 .detail-link {
      position: absolute;
      right: 15px;
      padding-left: 0;
      padding-right: 0;
      font-size: 14px;
      margin-top: 4px;
      color: #acacac !important; }
  .accounting-grid.grid-view .t-row.course-account-status .class-students {
    color: #9ba7b1;
    padding: 0 20px;
    font-weight: 600; }
  .accounting-grid.grid-view .t-row .payment-progress {
    padding: 0 20px 12px;
    text-align: right;
    font-weight: 700;
    color: #2ecd71;
    border-bottom: 1px solid #9faab5; }
    .accounting-grid.grid-view .t-row .payment-progress .progress-bar {
      float: left;
      width: calc(100% - 50px); }
  .accounting-grid.grid-view .t-row .payment-list {
    padding: 15px 0 0;
    margin-bottom: 3px; }
    .accounting-grid.grid-view .t-row .payment-list li {
      border-top: 1px solid #9faab5;
      list-style: none;
      padding: 3px 20px;
      font-weight: 600;
      color: #252525; }
    .accounting-grid.grid-view .t-row .payment-list .amount {
      float: right; }

.accounting-stats {
  display: inline-block;
  width: 100%; }
  .accounting-stats .amchartdiv {
    min-height: 200px; }
  .accounting-stats > div {
    width: 49.25%;
    margin-right: 1.5%;
    background: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    float: left;
    display: inline-block; }
    .accounting-stats > div h3 {
      text-align: center;
      text-transform: uppercase;
      font-size: 18px;
      padding: 15px;
      margin: 0;
      border-bottom: 1px solid #9faab5; }
    .accounting-stats > div:last-child {
      margin-right: 0; }
    .accounting-stats > div.accounting-overview h3 {
      margin-bottom: 20px; }
    .accounting-stats > div.accounting-overview h1 {
      color: #0592d2;
      font-size: 30px; }
      .accounting-stats > div.accounting-overview h1 .currency {
        font-size: 14px;
        font-weight: 600;
        color: #9ba7b1; }
    .accounting-stats > div.accounting-overview h2 {
      font-size: 16px;
      color: #9ba7b1;
      text-transform: uppercase;
      margin: 0;
      margin-bottom: 20px; }
  .accounting-stats .t-cell {
    border-color: #9faab5 !important;
    padding: 3px 15px; }
  .accounting-stats .table-list {
    border-top: 1px solid #9faab5;
    margin-top: 20px; }

/*
    Donut chart
*/
.donut-container {
  position: absolute;
  left: 15px;
  top: 17px; }
  .list-view .donut-container {
    display: none; }

.donut-chart {
  position: relative;
  width: 70px;
  height: 70px;
  border-radius: 100%; }

.card-bg {
  background: #FFF;
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 60%;
  height: 60%;
  margin: auto;
  border-radius: 50%;
  line-height: 15px;
  padding: 15% 0 0;
  z-index: 999; }

.chart-mark {
  border-radius: 50%;
  clip: rect(0px, 70px, 70px, 35px);
  height: 100%;
  position: absolute;
  width: 100%; }

.chart-stroke {
  border-radius: 50%;
  clip: rect(0px, 35px, 70px, 0px);
  height: 100%;
  position: absolute;
  width: 100%;
  font-family: monospace;
  font-size: 1.5rem; }

#completed {
  z-index: 998; }

#completed .chart-stroke {
  background-color: #39b54a; }

#inprogress {
  z-index: 997; }

#inprogress .chart-stroke {
  background-color: #fcb042; }

#overall-left, #overall-right {
  z-index: 996; }

#overall-left .chart-stroke, #overall-right .chart-stroke {
  background-color: #67b7dc; }

/*
    jCrop
*/
.modal-content .upload-modal .image-cropper > img {
  max-width: 100% !important;
  height: auto !important; }

/*
    Loading Icon
*/
.loader {
  width: 80px;
  height: 80px;
  position: relative;
  margin: 0 auto; }

.loader-icon {
  position: absolute;
  width: 4px;
  height: 30px;
  display: block;
  background: #00bdf0;
  opacity: 1;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  margin-left: -2px;
  -ms-animation: loader-anim 0.7s linear infinite;
  -moz-animation: loader-anim 0.7s linear infinite;
  -webkit-animation: loader-anim 0.7s linear infinite;
  -o-animation: loader-anim 0.7s linear infinite;
  animation: loader-anim 0.7s linear infinite; }

.delayed-icon {
  -ms-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.icon-1 {
  margin-left: -15px; }

.icon-3 {
  margin-left: 11px; }

@-webkit-keyframes loader-anim {
  0% {
    height: 30px; }
  50% {
    height: 15px;
    opacity: 0.2; }
  100% {
    height: 30px; } }

@-moz-keyframes loader-anim {
  0% {
    height: 30px; }
  50% {
    height: 15px;
    opacity: 0.2; }
  100% {
    height: 30px; } }

@-ms-keyframes loader-anim {
  0% {
    height: 30px; }
  50% {
    height: 15px;
    opacity: 0.2; }
  100% {
    height: 30px; } }

@-o-keyframes loader-anim {
  0% {
    height: 30px; }
  50% {
    height: 15px;
    opacity: 0.2; }
  100% {
    height: 30px; } }

@keyframes loader-anim {
  0% {
    height: 30px; }
  50% {
    height: 15px;
    opacity: 0.2; }
  100% {
    height: 30px; } }

/*
    AM Chart remove javascript title
*/
.amcharts-chart-div > a {
  display: none !important; }

/*
    Portlet equal height in settings
*/
.settings-row > div {
  position: relative; }
  .settings-row > div:nth-child(odd) {
    clear: both; }
  .settings-row > div:before {
    position: absolute;
    content: '';
    left: 15px;
    right: 15px;
    border-radius: 4px;
    top: 0;
    bottom: 25px;
    background: #FFF;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    z-index: -1; }
  .settings-row > div .portlet {
    box-shadow: none; }

#student.tab-pane .t-cell .name .tag-list, #subject.tab-pane .t-cell .name .tag-list {
  margin-left: 5px;
  font-size: 12px;
  background: #edeff0;
  padding: 1px 5px;
  border-radius: 4px; }

#student.tab-pane .t-cell .name a, #subject.tab-pane .t-cell .name a {
  font-weight: 600; }

.priority.due {
  background: #fcb042 !important; }

.priority.overdue {
  background: #f3565d !important; }

.priority.reminder {
  background: #0592d2 !important; }

.priority.reacted {
  background: #5cb860 !important; }

/*
    Academic year term style
*/
.term-data {
  display: inline-block; }
  .term-data .form-group {
    padding-left: 5px;
    padding-right: 5px; }
    .term-data .form-group:first-child {
      padding-left: 15px; }
    .term-data .form-group:last-child {
      padding-right: 15px; }
    .term-data .form-group .date-range-picker input[type='text'] {
      border-top-left-radius: 4px !important;
      border-bottom-left-radius: 4px !important; }

/*
    Max Length Check in Textarea
*/
[data-max-check] + div {
  width: 100% !important;
  text-align: right !important;
  margin-top: 5px;
  color: #777878; }

/*
    Responsive Timetable
*/
.timetable-wrapper {
  padding: 15px; }

.timetable-responsive[data-pattern="priority-columns"] {
  overflow-x: auto;
  border: 0;
  /*border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;*/
  border-radius: 0;
  /*box-shadow: 1px 0 0 #CCC;*/
  margin-right: -1px; }
  .timetable-responsive[data-pattern="priority-columns"] table {
    width: auto;
    height: 100%; }
    .timetable-responsive[data-pattern="priority-columns"] table table {
      width: 100%; }
  .timetable-responsive[data-pattern="priority-columns"] .tb-attendance {
    /*thead > tr > th:first-child,
        tbody > tr > td:first-child {
            border-right: 1px solid #CCC;
            border-bottom: 1px solid #CCC;
        }*/ }
    .timetable-responsive[data-pattern="priority-columns"] .tb-attendance > thead > tr {
      position: relative; }
      .timetable-responsive[data-pattern="priority-columns"] .tb-attendance > thead > tr > th:first-child {
        width: 200px;
        text-align: left;
        position: absolute;
        z-index: 99;
        background: #FFF; }
      .timetable-responsive[data-pattern="priority-columns"] .tb-attendance > thead > tr > th:nth-child(2), .timetable-responsive[data-pattern="priority-columns"] .tb-attendance > thead > tr > th.first-column {
        padding-left: 199px; }
    .timetable-responsive[data-pattern="priority-columns"] .tb-attendance > tbody > tr {
      position: relative; }
      .timetable-responsive[data-pattern="priority-columns"] .tb-attendance > tbody > tr > td:first-child {
        width: 200px;
        text-align: left;
        position: absolute;
        z-index: 99;
        background: #FFF; }
      .timetable-responsive[data-pattern="priority-columns"] .tb-attendance > tbody > tr > td:nth-child(2), .timetable-responsive[data-pattern="priority-columns"] .tb-attendance > tbody > tr > td.first-column {
        padding-left: 199px; }
    .timetable-responsive[data-pattern="priority-columns"] .tb-attendance th {
      /*border: 0;*/
      border: 1px solid #CCC;
      /*border-bottom: 1px solid #CCC;
            border-right: 1px solid #CCC;*/ }
    .timetable-responsive[data-pattern="priority-columns"] .tb-attendance td {
      /*border: 0;*/
      border: 1px solid #CCC;
      text-align: center; }
      .timetable-responsive[data-pattern="priority-columns"] .tb-attendance td.name {
        color: rgba(1, 160, 227, 0.8);
        font-size: 14px;
        font-weight: 600;
        text-align: center; }
      .timetable-responsive[data-pattern="priority-columns"] .tb-attendance td td {
        border: 0;
        border-right: 1px solid #CCC;
        height: 40px;
        position: relative; }
        .timetable-responsive[data-pattern="priority-columns"] .tb-attendance td td:last-child {
          border-right: 0; }
        .timetable-responsive[data-pattern="priority-columns"] .tb-attendance td td.alert-bordered:before {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          border: 1px solid red; }
    .timetable-responsive[data-pattern="priority-columns"] .tb-attendance thead > tr > th:first-child {
      border-bottom: 0; }
  .timetable-responsive[data-pattern="priority-columns"] .table-list {
    width: 100% !important;
    min-width: 400px !important;
    margin: 0;
    table-layout: fixed;
    /*td, td:first-child, td:last-child {
            text-align: center;
            white-space: normal;
            border: 0;
            border-bottom: 1px solid #CCC;
            border-right: 1px solid #CCC;
        }*/ }
    .timetable-responsive[data-pattern="priority-columns"] .table-list .t-row:hover {
      background: transparent; }
    .timetable-responsive[data-pattern="priority-columns"] .table-list .t-cell {
      text-align: center !important;
      white-space: normal;
      border-right: 1px solid #CCC;
      border-bottom: 0; }
      .timetable-responsive[data-pattern="priority-columns"] .table-list .t-cell:last-child {
        border-right: 0; }
      .timetable-responsive[data-pattern="priority-columns"] .table-list .t-cell .subject {
        font-weight: 600;
        display: block;
        color: #d13f9e; }

/***********************************************************************************
    New Dashboard Layout
************************************************************************************/
.dashboard-date {
  color: #01a0e3;
  font-weight: 700;
  font-size: 16px;
  margin: 5px 0 15px; }

.portlet .portlet-dashboard {
  padding: 20px 20px 0;
  border-radius: 4px;
  width: 100%;
  display: inline-block;
  position: relative; }
  .portlet .portlet-dashboard h3 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 40px 0 0; }
  .portlet .portlet-dashboard h3:first-child {
    margin-top: 0;
    margin-bottom: 20px; }
  .portlet .portlet-dashboard .dashboard-info h4 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    margin: 10px 0 0; }
  .portlet .portlet-dashboard .dashboard-info span {
    color: #9ba7b1;
    text-transform: uppercase;
    font-size: 14px; }
  .portlet .portlet-dashboard .dashboard-info h5 {
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0; }
  .portlet .portlet-dashboard .dashboard-info ul {
    padding: 0;
    margin: 0; }
    .portlet .portlet-dashboard .dashboard-info ul li {
      list-style: none;
      position: relative;
      font-size: 12px;
      border-top: 1px solid #9ba7b1;
      padding: 5px 92px 5px 0; }
      .portlet .portlet-dashboard .dashboard-info ul li.approved {
        color: #2ecd71; }
      .portlet .portlet-dashboard .dashboard-info ul li span {
        color: #464646;
        font-weight: bold;
        text-transform: none;
        position: absolute;
        right: 0;
        font-size: 12px; }
      .portlet .portlet-dashboard .dashboard-info ul li a {
        font-weight: bold; }
      .portlet .portlet-dashboard .dashboard-info ul li.substitution-manage {
        color: #01a0e3;
        font-weight: bold; }
        .portlet .portlet-dashboard .dashboard-info ul li.substitution-manage a {
          position: absolute;
          right: 0; }
  .portlet .portlet-dashboard .amchartdiv {
    padding-bottom: 0;
    margin-bottom: 0;
    min-height: 200px; }
  .portlet .portlet-dashboard .grading-amchart {
    min-height: 300px; }
  .portlet .portlet-dashboard .lesson-progress-holder {
    width: 12.5%;
    min-height: 170px;
    display: inline-block;
    float: left;
    position: relative; }
    .portlet .portlet-dashboard .lesson-progress-holder .donut-container {
      /*transform: scale(1.5) translate3d(-50%, -50%, 0);*/
      transform: translate3d(-50%, 0, 0);
      /*top: 50%;*/
      top: auto;
      left: 50%;
      text-align: center; }
      .portlet .portlet-dashboard .lesson-progress-holder .donut-container > p {
        margin: 0; }
    .portlet .portlet-dashboard .lesson-progress-holder .donut-chart {
      width: 140px;
      height: 140px;
      transform: scale(0.8); }
    .portlet .portlet-dashboard .lesson-progress-holder .chart-mark {
      clip: rect(0, 140px, 140px, 70px); }
    .portlet .portlet-dashboard .lesson-progress-holder .chart-stroke {
      clip: rect(0, 70px, 140px, 0); }
    .portlet .portlet-dashboard .lesson-progress-holder .card-bg {
      width: 72%;
      height: 72%;
      line-height: 102px;
      font-size: 30px;
      font-weight: 600;
      color: #2ecd71;
      padding: 0; }
    .portlet .portlet-dashboard .lesson-progress-holder #overall-left .chart-stroke, .portlet .portlet-dashboard .lesson-progress-holder #overall-right .chart-stroke {
      background: #ff5006; }
    .portlet .portlet-dashboard .lesson-progress-holder #completed .chart-stroke {
      background: #2ecd71; }
  .portlet .portlet-dashboard .lesson-progress-legends {
    position: absolute;
    top: 18px;
    right: 20px;
    margin: 0; }
    .portlet .portlet-dashboard .lesson-progress-legends span {
      display: inline-block;
      width: 10px;
      height: 10px;
      background: #000;
      border-radius: 999em; }
      .portlet .portlet-dashboard .lesson-progress-legends span.progress-completed {
        background: #2ecd71; }
      .portlet .portlet-dashboard .lesson-progress-legends span.progress-incomplete {
        background: #ff5006; }

.no-resut-element {
  text-align: center;
  margin: 30px 10px; }

/*****************************************************
    Photofeed Styling
*****************************************************/
.photo-feed-lists {
  margin: 0 20px;
  padding-top: 5px; }

#photofeed_listing .photo-actions {
  position: absolute;
  bottom: 25px;
  right: 30px;
  font-size: 16px; }
  #photofeed_listing .photo-actions a {
    color: #FFF;
    margin-left: 15px; }
    #photofeed_listing .photo-actions a:first-child {
      margin: 0; }

.photo-feed-block {
  width: 100%;
  display: block;
  position: relative;
  background: #999 center no-repeat;
  background-blend-mode: multiply;
  background-size: cover;
  cursor: pointer;
  padding-bottom: 70%;
  margin: 15px 0;
  transition: all 0.3s ease;
  border: 1px solid #CCC; }
  .photo-feed-block .album-icon, .photo-feed-block .photo-time {
    position: absolute;
    color: #FFF;
    top: 10px;
    right: 10px;
    font-size: 15px;
    transition: all 0.3s ease; }
  .photo-feed-block .photo-time {
    right: auto;
    left: 10px;
    font-weight: bold;
    font-size: 13px; }
    .photo-feed-block .photo-time i {
      margin-right: 5px; }
  .photo-feed-block .photo-caption {
    position: absolute;
    color: #FFF;
    bottom: 0;
    padding: 25px 15px 15px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    background: -moz-linear-gradient(top, transparent 0%, black 100%);
    background: -webkit-linear-gradient(top, transparent 0%, black 100%);
    background: linear-gradient(to bottom, transparent 0%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); }
    .photo-feed-block .photo-caption h3 {
      margin: 0 0 5px;
      color: #FFF; }
    .photo-feed-block .photo-caption p {
      margin: 0;
      padding-right: 60px; }
      .photo-feed-block .photo-caption p i {
        margin-right: 8px; }
  .photo-feed-block:hover {
    background-color: #FFF; }
    .photo-feed-block:hover .album-icon, .photo-feed-block:hover .photo-time {
      color: #000; }

.modal.photo-feed {
  position: fixed; }
  .modal.photo-feed .modal-content {
    border-radius: 0;
    overflow: hidden;
    position: relative;
    background: #000; }
    .modal.photo-feed .modal-content img {
      min-width: 0; }
    .modal.photo-feed .modal-content .close {
      position: absolute;
      background-image: url("/assets/img/dark-remove-icon.png") !important;
      z-index: 99;
      right: 15px;
      top: 15px; }
    .modal.photo-feed .modal-content > div {
      padding: 0; }
  .modal.photo-feed .slide-counter {
    position: absolute;
    color: #FFF;
    z-index: 9;
    font-weight: bold;
    padding: 10px 15px; }
    .modal.photo-feed .slide-counter p {
      margin: 0; }
  .modal.photo-feed .photofeed-slider {
    background: #000; }
    .modal.photo-feed .photofeed-slider .slick-prev, .modal.photo-feed .photofeed-slider .slick-next {
      z-index: 99; }
      .modal.photo-feed .photofeed-slider .slick-prev.slick-disabled, .modal.photo-feed .photofeed-slider .slick-next.slick-disabled {
        display: none !important; }
      .modal.photo-feed .photofeed-slider .slick-prev:before, .modal.photo-feed .photofeed-slider .slick-next:before {
        content: "";
        width: 20px;
        height: 20px;
        border-left: 5px solid #FFF;
        border-bottom: 5px solid #FFF;
        display: inline-block;
        opacity: 1;
        -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.7));
        filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.7)); }
    .modal.photo-feed .photofeed-slider .slick-prev {
      left: 0;
      transform: translate3d(10px, -50%, 0) rotate(45deg); }
    .modal.photo-feed .photofeed-slider .slick-next {
      right: 0;
      transform: translate3d(-10px, -50%, 0) rotate(-135deg); }
    .modal.photo-feed .photofeed-slider .slick-track {
      display: -webkit-box;
      display: flex;
      min-width: 100%; }
      .modal.photo-feed .photofeed-slider .slick-track .slick-slide {
        display: -webkit-box;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative; }
    .modal.photo-feed .photofeed-slider .delete-photo {
      position: absolute;
      bottom: 10px;
      right: 10px;
      color: #FFF;
      padding: 7px 10px;
      font-size: 16px; }
  .modal.photo-feed .slick-slide {
    text-align: center;
    height: 550px;
    width: 100%;
    outline: none; }
    .modal.photo-feed .slick-slide .photo-action a {
      position: absolute;
      bottom: 10px;
      color: #FFF;
      transition: all 0.3s ease;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
      padding: 0;
      opacity: 0.7;
      line-height: 30px;
      right: 20px; }
      .modal.photo-feed .slick-slide .photo-action a:hover {
        opacity: 0.9; }
    .modal.photo-feed .slick-slide .photo-navigation a {
      position: absolute;
      top: 50%;
      color: #FFF;
      margin-top: -15px;
      font-family: cursive;
      font-size: 50px;
      padding: 0;
      opacity: 0.7;
      line-height: 30px;
      transition: all 0.3s ease;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
      .modal.photo-feed .slick-slide .photo-navigation a:hover {
        opacity: 0.9; }
    .modal.photo-feed .slick-slide .photo-navigation .photo-prev {
      left: 15px; }
    .modal.photo-feed .slick-slide .photo-navigation .photo-next {
      right: 15px; }
    .modal.photo-feed .slick-slide img {
      width: auto;
      height: auto;
      min-width: 0;
      max-width: 100%;
      max-height: 100%;
      display: inline-block; }
  .modal.photo-feed .photo-feed-content {
    background: #FFF;
    float: left; }
  .modal.photo-feed .photo-feed-info {
    height: 530px;
    margin: 10px 0;
    padding: 5px 15px 0;
    position: relative; }
    .modal.photo-feed .photo-feed-info .author-info {
      padding-right: 18px;
      overflow: hidden;
      margin-bottom: 10px; }
      .modal.photo-feed .photo-feed-info .author-info img {
        width: 45px; }
      .modal.photo-feed .photo-feed-info .author-info h3, .modal.photo-feed .photo-feed-info .author-info p {
        margin-left: 60px; }
      .modal.photo-feed .photo-feed-info .author-info h3 {
        margin-top: 0;
        margin-bottom: 2px;
        padding-top: 4px; }
      .modal.photo-feed .photo-feed-info .author-info p {
        font-size: 12px; }
        .modal.photo-feed .photo-feed-info .author-info p i {
          margin: 0 5px 0 0; }
        .modal.photo-feed .photo-feed-info .author-info p span {
          opacity: 0.5;
          margin-right: 10px; }
    .modal.photo-feed .photo-feed-info .photo-feed-description {
      font-size: 14px; }
      .modal.photo-feed .photo-feed-info .photo-feed-description .photo-action i {
        margin-right: 5px;
        top: 1px;
        position: relative; }
    .modal.photo-feed .photo-feed-info .comment-container {
      padding: 0 15px 70px;
      position: relative;
      margin: 0 -15px; }
      .modal.photo-feed .photo-feed-info .comment-container ul {
        padding: 10px 0 5px;
        margin: 0; }
        .modal.photo-feed .photo-feed-info .comment-container ul li {
          list-style: none;
          margin-bottom: 15px; }
          .modal.photo-feed .photo-feed-info .comment-container ul li img {
            position: relative;
            top: 4px; }
        .modal.photo-feed .photo-feed-info .comment-container ul p {
          margin-left: 40px;
          margin-bottom: 5px;
          line-height: 1.4; }
          .modal.photo-feed .photo-feed-info .comment-container ul p + p {
            margin-bottom: 0;
            font-size: 10px;
            opacity: 0.5; }
            .modal.photo-feed .photo-feed-info .comment-container ul p + p i {
              margin-right: 5px; }
  .modal.photo-feed .photo-feed-content img {
    float: left;
    width: 30px;
    border-radius: 999em; }
  .modal.photo-feed .photo-feed-content .comment-form {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #FFF;
    padding: 15px; }
    .modal.photo-feed .photo-feed-content .comment-form textarea {
      width: 89%;
      width: calc(100% - 45px);
      float: right;
      display: block;
      border: 1px solid #CCC;
      outline: none;
      padding: 0 5px; }
  .modal.photo-feed .nicescroll-rails-vr {
    display: block !important;
    margin-top: 8px; }
  .modal.photo-feed .nicescroll-rails-hr {
    display: none !important; }

.modal.carousel .carousel-control.right, .modal.carousel .carousel-control.left {
  background: none; }

.photos-dropper .qq-upload-list > li {
  display: inline-block;
  float: left;
  position: relative;
  padding: 0;
  margin: 5px;
  width: 100px;
  overflow: hidden; }
  .photos-dropper .qq-upload-list > li .qq-thumbnail-selector {
    max-width: 100px;
    width: auto;
    height: 100px; }
  .photos-dropper .qq-upload-list > li .qq-upload-cancel {
    position: absolute;
    top: 0;
    left: 0; }

/*************************************************
    School Settings Edit
*************************************************/
.tab-content .setting-school-edit {
  max-width: none; }
  .tab-content .setting-school-edit .form-group {
    max-width: 550px; }

.control-action {
  margin-top: 10px;
  display: block; }

/***********************************************

    Student & Employee Profile Style

***********************************************/
.badge-content {
  position: relative;
  background: #f9f9f9;
  border-radius: 4px;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  padding: 15px;
  margin-bottom: 14px; }
  .badge-content img {
    border-radius: 999em;
    position: absolute;
    top: 0;
    left: 0; }
  .badge-content .badge-icon {
    position: absolute;
    border-radius: 999em;
    top: 15px;
    left: 15px;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    padding-top: 8px; }
    .badge-content .badge-icon img {
      position: static;
      width: 25px;
      height: 25px;
      display: inline-block;
      vertical-align: middle;
      border-radius: 0; }
  .badge-content .content {
    margin: 0 0 0 55px;
    position: relative; }
    .badge-content .content h5 {
      margin: 0 0 5px;
      font-size: 14px;
      font-weight: bold;
      padding-right: 65px; }
    .badge-content .content .delete-icon {
      position: absolute;
      font-size: 13px;
      position: absolute;
      top: -2px;
      right: 0; }
    .badge-content .content span {
      font-size: 13px;
      display: block;
      color: #9a9a9a; }

.badge-list .row {
  margin-right: -7px;
  margin-left: -7px; }
  .badge-list .row > div {
    padding: 0 7px; }

.student-badges {
  /*#badge-level-container {

        .row {

            > div:nth-child(odd) {
                clear: none;
            }

            > div:nth-child(even) {
                clear: both;
            }

        }

    }*/ }
  .student-badges .row > div:nth-child(3n+1) {
    clear: both; }
  .student-badges .badge-detail {
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    background: #FFF;
    width: 100%;
    min-width: 200px;
    bottom: 130%;
    left: 50%;
    padding: 15px 20px 5px;
    margin-bottom: 15px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.1s ease-in-out;
    transform: translate3d(-50%, 0, 0);
    z-index: 1002; }
    .student-badges .badge-detail:before {
      position: absolute;
      content: '';
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-top: 10px solid #FFF;
      border-right: 10px solid transparent;
      bottom: -9px;
      left: 50%;
      margin-left: -10px;
      -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.1));
      filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.1)); }
    .student-badges .badge-detail h3 {
      font-size: 14px;
      margin: 0 0 10px !important;
      text-transform: uppercase;
      border-bottom: 1px solid #CCC;
      padding-bottom: 10px; }
    .student-badges .badge-detail p {
      font-size: 13px; }
    .student-badges .badge-detail h4 {
      font-size: 14px;
      margin-bottom: 5px; }
    .student-badges .badge-detail ul {
      padding: 0; }
      .student-badges .badge-detail ul li {
        display: block;
        padding-left: 15px;
        position: relative;
        list-style: none;
        margin-bottom: 5px; }
        .student-badges .badge-detail ul li:before {
          position: absolute;
          content: '';
          width: 4px;
          height: 4px;
          border-radius: 50%;
          background: #5cb85c;
          top: 8px;
          left: 4px; }
  .student-badges .badge-content {
    position: relative; }
    .student-badges .badge-content:hover {
      cursor: default; }
      .student-badges .badge-content:hover .badge-detail {
        bottom: 100%;
        visibility: visible;
        opacity: 1;
        transition: all 0.4s ease-in-out; }
  .student-badges .lesson-planner-timeline {
    overflow: hidden;
    max-width: 1210px; }
    .student-badges .lesson-planner-timeline:before {
      top: 20px;
      height: auto;
      bottom: 50px; }
  .student-badges .lesson-planner-timeline-img {
    text-align: center;
    color: #FFF;
    border: 0; }
    .student-badges .lesson-planner-timeline-img img {
      display: inline-block;
      width: 40px;
      height: 40px; }
  .student-badges .lesson-planner-timeline-content {
    background: #f5f5f5;
    padding: 17px 0; }
    .student-badges .lesson-planner-timeline-content:before {
      border-left-color: #f5f5f5; }
    .student-badges .lesson-planner-timeline-content h2 {
      margin: 0 0 10px;
      font-size: 14px; }
  .student-badges .timeline-even-block .lesson-planner-timeline-content:before {
    border-right-color: #f5f5f5 !important; }
  .student-badges .actions .dropdown-filter {
    float: none;
    padding-top: 0;
    margin-top: 0;
    top: 3px; }
  .student-badges .badge-list {
    margin-top: 40px; }
    .student-badges .badge-list h3 {
      margin: 0 0 30px; }

.badge-image {
  display: inline-block;
  border-radius: 999em;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center; }
  .badge-image img {
    width: 30px;
    height: 30px;
    line-height: 80px;
    display: inline-block; }

.badge-preview {
  border-radius: 999em;
  display: inline-block; }
  .badge-preview img {
    width: 60px;
    max-width: 100%;
    margin: 30px;
    min-width: 0; }

.badge-edit {
  max-width: 820px !important; }

.profile-blocks {
  background: #ffffff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  padding: 20px; }
  .tab-pane .profile-blocks {
    padding: 20px 0;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #edeff0;
    margin-bottom: 10px; }
    .tab-pane .profile-blocks:last-child {
      margin-bottom: 0;
      border: 0;
      padding-bottom: 0; }
  .profile-blocks .profile-info {
    text-align: center; }
    .profile-blocks .profile-info h2 {
      font-size: 22px;
      margin: 0 0 15px; }
    .profile-blocks .profile-info p {
      font-size: 14px;
      margin-bottom: 5px; }
      .profile-blocks .profile-info p i {
        font-size: 16px;
        position: relative;
        top: 3px;
        margin-right: 10px; }
    .profile-blocks .profile-info img {
      display: inline-block;
      border-radius: 999em;
      margin-top: 20px; }
    .profile-blocks .profile-info .student-avatar {
      max-width: 125px;
      margin-bottom: 20px; }
    .profile-blocks .profile-info .badges-received {
      padding: 0;
      margin: 20px 0; }
      .profile-blocks .profile-info .badges-received li {
        display: inline-block;
        margin: 0 5px;
        padding: 8px;
        border-radius: 999em;
        position: relative; }
        .profile-blocks .profile-info .badges-received li span {
          position: absolute;
          top: -5px;
          right: -5px;
          background: #f3565d;
          color: #FFF;
          min-width: 20px;
          height: 20px;
          line-height: 14px;
          border-radius: 999em;
          font-weight: 300;
          white-space: nowrap;
          padding: 3px 4px;
          text-align: center; }
        .profile-blocks .profile-info .badges-received li img {
          width: 26px;
          border-radius: 0;
          margin: 0; }
  .profile-blocks .smallchart {
    min-height: 200px; }
  .profile-blocks .profile-details h3 {
    font-size: 18px;
    margin: 0 0 20px; }
  .profile-blocks .profile-details p {
    margin-bottom: 15px;
    font-size: 14px;
    display: table;
    table-layout: fixed;
    width: 100%; }
    .profile-blocks .profile-details p > span {
      display: table-cell; }
      .profile-blocks .profile-details p > span em, .profile-blocks .profile-details p > span span {
        font-size: 12px;
        color: #9a9a9a;
        font-style: normal; }
      .profile-blocks .profile-details p > span span {
        margin-bottom: 15px;
        display: block; }
        .profile-blocks .profile-details p > span span:last-child {
          margin-bottom: 0; }
      .profile-blocks .profile-details p > span a {
        display: table;
        margin: 5px 0; }
    .profile-blocks .profile-details p .title {
      font-weight: bold;
      width: 33%;
      max-width: 180px; }
  .profile-blocks .profile-details.large p .title {
    width: 20%; }
  .profile-blocks .profile-details.badge-details .col-md-6:nth-child(odd) {
    clear: both; }
  .profile-blocks .profile-details .nav-tabs {
    border: 0;
    margin-bottom: 30px; }
    .profile-blocks .profile-details .nav-tabs > li {
      margin: 0; }
      .profile-blocks .profile-details .nav-tabs > li > a {
        font-size: 18px;
        font-weight: 600;
        border: 0;
        color: #333333;
        border-bottom: 2px solid transparent !important;
        padding: 0 10px 7px;
        background: none !important; }
      .profile-blocks .profile-details .nav-tabs > li.active > a {
        color: #00bdf0;
        border-bottom-color: #00bdf0 !important; }
  .profile-blocks .profile-details .tab-content {
    margin: 0; }
  .profile-blocks .profile-details h4 {
    font-size: 14px;
    margin: 0 0 20px;
    font-weight: bold; }
  .profile-blocks .attendance-donut {
    width: 140px;
    height: 140px;
    margin: 0 auto 30px; }
    .profile-blocks .attendance-donut .card-bg {
      top: 15px;
      left: 15px;
      bottom: auto;
      right: auto;
      padding: 37px 0 0;
      width: 110px;
      height: 110px;
      margin: 0;
      font-size: 24px; }
      .profile-blocks .attendance-donut .card-bg span {
        font-size: 12px;
        color: #9a9a9a;
        display: block;
        margin-top: 10px; }
    .profile-blocks .attendance-donut .chart-mark {
      clip: rect(0, 140px, 140px, 70px); }
    .profile-blocks .attendance-donut .chart-stroke {
      clip: rect(0, 70px, 140px, 0); }
    .profile-blocks .attendance-donut #overall-left, .profile-blocks .attendance-donut #overall-right {
      z-index: 989; }
    .profile-blocks .attendance-donut #absent {
      z-index: 998; }
    .profile-blocks .attendance-donut #absent .chart-stroke {
      background-color: #ea4b35; }
    .profile-blocks .attendance-donut #excused {
      z-index: 997; }
    .profile-blocks .attendance-donut #excused .chart-stroke {
      background-color: #9c54b8; }
    .profile-blocks .attendance-donut #overall-left .chart-stroke, .profile-blocks .attendance-donut #overall-right .chart-stroke {
      background-color: #1cce6e; }
  .profile-blocks .attendance-legends {
    padding: 0;
    margin: 0; }
    .profile-blocks .attendance-legends li {
      margin-bottom: 20px;
      list-style: none; }
      .profile-blocks .attendance-legends li.present {
        color: #1cce6e; }
        .profile-blocks .attendance-legends li.present .bar {
          background: #1cce6e; }
      .profile-blocks .attendance-legends li.excused {
        color: #9c54b8; }
        .profile-blocks .attendance-legends li.excused .bar {
          background: #9c54b8; }
      .profile-blocks .attendance-legends li.absent {
        color: #ea4b35; }
        .profile-blocks .attendance-legends li.absent .bar {
          background: #ea4b35; }
    .profile-blocks .attendance-legends p {
      font-size: 12px;
      font-weight: bold;
      margin-bottom: 3px; }
      .profile-blocks .attendance-legends p em {
        float: right;
        font-style: normal;
        font-weight: normal;
        color: #000; }
    .profile-blocks .attendance-legends .attendance-progress {
      display: block;
      background: #e0e8ef;
      width: 100%;
      height: 6px;
      position: relative; }
      .profile-blocks .attendance-legends .attendance-progress .bar {
        position: absolute;
        display: block;
        height: 6px;
        top: 0;
        left: 0; }

/*************************************************

    Custom Dropzone.js styles

*************************************************/
.dropzone {
  border: 2px dashed #0087F7;
  border-radius: 5px;
  background: #edeff0;
  padding: 25px; }
  .dropzone .dz-message {
    font-weight: 400;
    font-size: 21px;
    opacity: 0.5; }
    .dropzone .dz-message .note {
      font-size: 0.8em;
      font-weight: 200;
      display: block;
      margin-top: 1.4rem; }
  .dropzone .dz-preview {
    margin: 10px; }
    .dropzone .dz-preview.dz-image-preview {
      background: none; }
    .dropzone .dz-preview .dz-image {
      border-radius: 4px;
      border: 1px solid #0087f7;
      width: 109px;
      height: 109px; }
    .dropzone .dz-preview .dz-details {
      padding: 2em 0.5em; }
    .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
      margin-left: -20px;
      margin-top: -20px;
      font-size: 40px;
      line-height: 1; }
    .dropzone .dz-preview .dz-success-mark {
      color: #1cce6e; }
    .dropzone .dz-preview .dz-error-mark {
      color: #ea4b35; }
    .dropzone .dz-preview .dz-filename {
      overflow: hidden !important;
      text-overflow: ellipsis !important; }

/*
    Badge Icon Settings
*/
.badge-icon-lists {
  height: 200px;
  overflow: auto; }
  .badge-icon-lists ul {
    padding: 0;
    margin: 0; }
    .badge-icon-lists ul li {
      list-style: none;
      display: inline-block;
      margin-bottom: 5px;
      border: 2px solid transparent;
      border-radius: 5px;
      width: 60px;
      height: 60px;
      text-align: center;
      padding-top: 13px;
      transition: all 0.3s ease;
      cursor: pointer; }
      .badge-icon-lists ul li:hover {
        background: rgba(0, 0, 0, 0.1); }
      .badge-icon-lists ul li img {
        width: 34px;
        min-width: 0;
        display: inline-block;
        filter: invert(30%);
        -webkit-filter: invert(30%); }
      .badge-icon-lists ul li svg {
        width: 34px; }
        .badge-icon-lists ul li svg path {
          fill: rgba(0, 0, 0, 0.3) !important; }
      .badge-icon-lists ul li.selected {
        border: 2px dashed #8ab734; }
        .badge-icon-lists ul li.selected path {
          fill: #8ab734 !important; }

.avatar-initials.badge-list-icon {
  border: 0;
  line-height: 34px;
  width: 34px;
  height: 34px; }
  .avatar-initials.badge-list-icon img {
    display: inline-block;
    width: 20px;
    height: 20px; }

.modal-content .badge-preview img {
  width: 60px;
  max-width: 100%;
  margin: 30px;
  min-width: 0; }

#announcements .t-row:hover {
  background: none; }

#announcements .announcement-list {
  table-layout: fixed; }
  #announcements .announcement-list .item {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    display: table; }
  #announcements .announcement-list .item-status {
    width: 50px;
    text-align: center;
    display: table-cell;
    padding: 8px 0;
    float: none; }
    #announcements .announcement-list .item-status i {
      width: 40px;
      padding: 6px 7px;
      font-size: 20px;
      margin-top: 3px; }
    #announcements .announcement-list .item-status span {
      color: #b7b7b7;
      margin-left: 6px; }
      #announcements .announcement-list .item-status span.read {
        color: #39b54a; }
  #announcements .announcement-list .item-details {
    position: relative;
    padding: 8px 100px 8px 20px;
    display: table-cell;
    font-weight: 600; }
    #announcements .announcement-list .item-details .timestamp {
      display: block;
      color: #a1a1a1;
      font-weight: normal; }
      #announcements .announcement-list .item-details .timestamp b {
        color: #252525;
        font-weight: 700; }
      #announcements .announcement-list .item-details .timestamp i {
        color: #a1a1a1;
        margin-left: 10px;
        margin-right: 3px; }
    #announcements .announcement-list .item-details a {
      color: #252525; }
    #announcements .announcement-list .item-details .notification-action {
      position: absolute;
      top: 10px;
      right: 0; }
      #announcements .announcement-list .item-details .notification-action a {
        color: #FFF;
        padding: 3px 5px;
        background: #ECB900;
        border-radius: 2px;
        font-size: 11px; }

.announcement-list .t-cell {
  padding: 10px; }

.announcement-list .item-status {
  width: 30px;
  float: left; }
  .announcement-list .item-status i {
    background: #ECB900;
    padding: 7px;
    color: #FFF;
    width: 28px;
    font-size: 14px;
    display: inline-block;
    border-radius: 3px; }

.announcement-list .item-details {
  min-height: 0;
  padding: 4px 130px 0 40px;
  vertical-align: middle;
  line-height: 1.5;
  font-size: 13px;
  position: relative;
  font-weight: normal; }
  .announcement-list .item-details.unread {
    font-weight: 600; }
  .announcement-list .item-details .date {
    position: absolute;
    right: 0;
    top: 5px;
    color: #C0C9CC; }

/* Attendance
*****************************************/
.attandance-table .t-head .t-cell .rotate {
  display: inline-block;
  moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  padding-bottom: 50px; }

.attandance-table.table-list {
  border-top: 1px solid #ddd;
  margin-top: 12px;
  clear: both; }

.attandance-table .t-head .t-cell {
  vertical-align: bottom;
  white-space: nowrap;
  text-align: center; }

.attandance-table .t-head .period-name {
  display: block;
  color: #C0C9CC;
  font-weight: 600;
  font-size: 15px; }

.attandance-table .t-head .t-cell:first-child,
.attandance-table .t-row .t-cell:first-child {
  text-align: left; }

.attandance-table .t-head .t-cell:nth-child(2),
.attandance-table .t-row .t-cell:nth-child(2) {
  background: #f9fafa; }

.attandance-table .t-row .t-cell {
  text-align: center; }

.mark-attandance .dropdown-toggle {
  width: 42px;
  height: 38px;
  color: #fff; }

.mark-attandance .dropdown-menu {
  min-width: 101px; }

.mark-attandance .dropdown-menu .color-palette {
  padding: 8px 8px 6px 8px; }

.mark-attandance .form-group.color-palette > label {
  display: block;
  color: #fff;
  text-align: center;
  margin: 20px 0; }

.mark-attandance .color-thumb {
  border-radius: 4px;
  margin: 0 0 3px 0; }

.mark-attandance .color-thumb.active span {
  display: none; }

.attendance-action {
  padding: 15px 0 20px 0; }

.attendance-action .btn, .attendance-action .btn-secondary, .attendance-action .btn-primary, .attendance-action .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu .attendance-action li > a, .attendance-action .btn-highlight, .attendance-action .load-more-btn {
  min-width: 200px; }

/* Attendance Table
*****************************************/
.tb-responsive {
  margin: 15px 0; }

.tb-responsive table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  /*min-width: 800px; */ }

.res-table .flip-content th {
  font-size: 12px;
  position: relative;
  border: 1px solid #ddd;
  vertical-align: bottom;
  padding: 0;
  height: 120px; }

.res-table .flip-content th span {
  display: block;
  transform: translate3d(20px, 1px, 0) rotate(-90deg);
  transform-origin: left bottom;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 10px; }

.tb-attendance th {
  font-size: 12px;
  position: relative;
  border-bottom: 1px solid #ddd;
  vertical-align: bottom;
  padding: 5px 0;
  text-align: center; }

.tb-attendance th span {
  color: #333;
  display: block;
  font-size: 13px;
  font-weight: 600; }

.tb-attendance td {
  font-size: 13px;
  padding: 7px 5px;
  border-bottom: 1px solid #ddd;
  position: relative; }

.tb-attendance td.name,
.tb-attendance th.name {
  padding: 7px 10px;
  width: 25%;
  white-space: nowrap;
  overflow: hidden; }

.tb-attendance td.name a {
  display: inline-block; }

.tb-attendance td i {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #fff; }

.tb-attendance tfoot td {
  padding: 10px 5px;
  text-align: center; }

.table-responsive[data-pattern="priority-columns"] {
  border: 0; }

.tb-attendance.tb-employee-attendance td {
  padding: 0; }

.tb-attendance.tb-employee-attendance td.name, .tb-attendance.tb-employee-attendance th.name {
  padding: 7px 10px; }

.attendance-dropdown > .btn, .attendance-dropdown > .btn-secondary, .attendance-dropdown > .btn-primary, .btn-green .dropdown-menu li.attendance-dropdown > a, .attendance-dropdown > .btn-highlight, .attendance-dropdown > .load-more-btn {
  color: #fff;
  height: 30px;
  width: 100%;
  display: block;
  text-align: center;
  border-radius: 0;
  padding: 0; }

.attendance-dropdown .dropdown-menu .btn, .attendance-dropdown .dropdown-menu .btn-secondary, .attendance-dropdown .dropdown-menu .btn-primary, .attendance-dropdown .btn-green .dropdown-menu li > a, .btn-green .attendance-dropdown .dropdown-menu li > a, .attendance-dropdown .dropdown-menu .btn-highlight, .attendance-dropdown .dropdown-menu .load-more-btn {
  width: 100%;
  border-radius: 0 0 4px 4px;
  border-top: #ddd; }

.attendance-dropdown .dropdown-toggle.no-mark {
  background: #fff;
  color: #C0C9CC; }

.attendance-dropdown .dropdown-toggle.weekend {
  background: #C0C9CC; }

.attendance-dropdown .dropdown-toggle.no-mark.btn:hover, .attendance-dropdown .dropdown-toggle.no-mark.btn-secondary:hover, .attendance-dropdown .dropdown-toggle.no-mark.btn-primary:hover, .attendance-dropdown .btn-green .dropdown-menu li > a.dropdown-toggle.no-mark:hover, .btn-green .dropdown-menu .attendance-dropdown li > a.dropdown-toggle.no-mark:hover, .attendance-dropdown .dropdown-toggle.no-mark.btn-highlight:hover, .attendance-dropdown .dropdown-toggle.no-mark.load-more-btn:hover,
.attendance-dropdown .dropdown-toggle.no-mark.btn:focus,
.attendance-dropdown .dropdown-toggle.no-mark.btn-secondary:focus,
.attendance-dropdown .dropdown-toggle.no-mark.btn-primary:focus,
.attendance-dropdown .btn-green .dropdown-menu li > a.dropdown-toggle.no-mark:focus, .btn-green .dropdown-menu
.attendance-dropdown li > a.dropdown-toggle.no-mark:focus,
.attendance-dropdown .dropdown-toggle.no-mark.btn-highlight:focus,
.attendance-dropdown .dropdown-toggle.no-mark.load-more-btn:focus,
.attendance-dropdown .dropdown-toggle.no-mark.btn:active,
.attendance-dropdown .dropdown-toggle.no-mark.btn-secondary:active,
.attendance-dropdown .dropdown-toggle.no-mark.btn-primary:active,
.attendance-dropdown .btn-green .dropdown-menu li > a.dropdown-toggle.no-mark:active, .btn-green .dropdown-menu
.attendance-dropdown li > a.dropdown-toggle.no-mark:active,
.attendance-dropdown .dropdown-toggle.no-mark.btn-highlight:active,
.attendance-dropdown .dropdown-toggle.no-mark.load-more-btn:active {
  box-shadow: none;
  outline: none;
  background: #eee; }

.attendance-dropdown .btn:focus, .attendance-dropdown .btn-secondary:focus, .attendance-dropdown .btn-primary:focus, .attendance-dropdown .btn-green .dropdown-menu li > a:focus, .btn-green .dropdown-menu .attendance-dropdown li > a:focus, .attendance-dropdown .btn-highlight:focus, .attendance-dropdown .load-more-btn:focus,
.attendance-dropdown .btn:active,
.attendance-dropdown .btn-secondary:active,
.attendance-dropdown .btn-primary:active,
.attendance-dropdown .btn-green .dropdown-menu li > a:active, .btn-green .dropdown-menu
.attendance-dropdown li > a:active,
.attendance-dropdown .btn-highlight:active,
.attendance-dropdown .load-more-btn:active,
.attendance-dropdown .btn:hover,
.attendance-dropdown .btn-secondary:hover,
.attendance-dropdown .btn-primary:hover,
.attendance-dropdown .btn-green .dropdown-menu li > a:hover, .btn-green .dropdown-menu
.attendance-dropdown li > a:hover,
.attendance-dropdown .btn-highlight:hover,
.attendance-dropdown .load-more-btn:hover {
  box-shadow: none;
  outline: none;
  opacity: .8; }

.attendance-dropdown .form-group {
  padding: 10px 10px 0 10px; }

.attendance-dropdown .form-group .form-control, .attendance-dropdown .form-group .medium-editor-element {
  min-width: 240px; }

.attendance-dropdown .attendance-note {
  padding: 10px 10px 0 10px;
  background: #f9fafa;
  border-top: 1px solid #ddd; }

/* Attendance dropdown
*****************************************/
.attendance-dropdown ul {
  position: relative;
  padding: 10px 0 0 0;
  list-style: none; }

.attendance-dropdown li {
  position: relative;
  padding: 10px 25px 10px 40px;
  cursor: pointer; }

.attendance-dropdown li:hover {
  background: #eee; }

.attendance-dropdown .item-badge {
  border-radius: 100%;
  display: block;
  height: 12px;
  width: 12px;
  left: 12px;
  top: 12px;
  padding: 0;
  position: absolute; }

.attendance-dropdown li i {
  display: block;
  left: 12px;
  top: 12px;
  padding: 0;
  position: absolute;
  color: #0592d2; }

.modal-attendance .attendance-type {
  position: relative;
  padding: 10px 0;
  list-style: none; }

.modal-attendance .attendance-type li {
  position: relative;
  padding: 5px 25px 5px 40px;
  cursor: pointer;
  font-size: 14px; }

.modal-attendance .attendance-type li:hover {
  background: #eee; }

.modal-attendance .attendance-type li.selected {
  background: #eee; }

.modal-attendance .attendance-type .item-badge {
  border-radius: 100%;
  display: block;
  height: 12px;
  width: 12px;
  left: 12px;
  top: 10px;
  padding: 0;
  position: absolute; }

/* Responsive Attendance */
.table-wrapper .btn-toolbar .btn, .table-wrapper .btn-toolbar .btn-secondary, .table-wrapper .btn-toolbar .btn-primary, .table-wrapper .btn-toolbar .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu .table-wrapper .btn-toolbar li > a, .table-wrapper .btn-toolbar .btn-highlight, .table-wrapper .btn-toolbar .load-more-btn {
  font-size: 11px;
  padding: 5px 10px;
  font-weight: 600;
  margin-left: 10px;
  color: #0592d2;
  border: 1px solid rgba(5, 146, 210, 0.9);
  background: #FFF;
  border-radius: 25px;
  line-height: 1.4;
  display: inline-block;
  text-transform: uppercase;
  cursor: pointer; }
  .table-wrapper .btn-toolbar .btn:hover, .table-wrapper .btn-toolbar .btn-secondary:hover, .table-wrapper .btn-toolbar .btn-primary:hover, .table-wrapper .btn-toolbar .btn-green .dropdown-menu li > a:hover, .btn-green .dropdown-menu .table-wrapper .btn-toolbar li > a:hover, .table-wrapper .btn-toolbar .btn-highlight:hover, .table-wrapper .btn-toolbar .load-more-btn:hover, .table-wrapper .btn-toolbar .btn:focus, .table-wrapper .btn-toolbar .btn-secondary:focus, .table-wrapper .btn-toolbar .btn-primary:focus, .table-wrapper .btn-toolbar .btn-green .dropdown-menu li > a:focus, .btn-green .dropdown-menu .table-wrapper .btn-toolbar li > a:focus, .table-wrapper .btn-toolbar .btn-highlight:focus, .table-wrapper .btn-toolbar .load-more-btn:focus, .table-wrapper .btn-toolbar .btn:active, .table-wrapper .btn-toolbar .btn-secondary:active, .table-wrapper .btn-toolbar .btn-primary:active, .table-wrapper .btn-toolbar .btn-green .dropdown-menu li > a:active, .btn-green .dropdown-menu .table-wrapper .btn-toolbar li > a:active, .table-wrapper .btn-toolbar .btn-highlight:active, .table-wrapper .btn-toolbar .load-more-btn:active {
    background: #0592d2;
    color: #fff;
    border-color: rgba(5, 146, 210, 0.9); }

.table-wrapper .pull-right .dropdown-menu:before, .table-wrapper .pull-right .dropdown-menu:after {
  left: auto;
  right: 9px; }

.table-wrapper .pull-right .dropdown-menu:after {
  right: 10px; }

.page-content > .attendance-options {
  display: block;
  min-width: 150px;
  left: 50%;
  z-index: 999;
  transform: translate3d(-50%, -100%, 0);
  top: auto;
  margin-top: 0; }
  .page-content > .attendance-options .attendance-dropdown {
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 3; }
    .page-content > .attendance-options .attendance-dropdown:before, .page-content > .attendance-options .attendance-dropdown:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-top: 7px solid #FFF;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      z-index: 2;
      top: 100%;
      left: 50%;
      transform: translateX(-50%); }
    .page-content > .attendance-options .attendance-dropdown:after {
      z-index: 1;
      border-top: 8px solid #e0e0e0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent; }
  .page-content > .attendance-options li {
    padding: 10px 10px 10px 35px;
    list-style: none; }
  .page-content > .attendance-options .item-badge {
    top: 15px; }

.tb-attendance {
  width: 100%;
  table-layout: fixed; }
  @media screen and (max-width: 767px) {
    .tb-attendance {
      width: 800px; } }
  .tb-attendance tr td .icon-bubble {
    transform: translateY(-50%);
    top: 50%;
    right: 10px; }
  .tb-attendance tr td .dropdown-menu {
    left: 50%;
    z-index: 999;
    transform: translateX(-50%); }
    .tb-attendance tr td .dropdown-menu:empty {
      display: none; }
    .tb-attendance tr td .dropdown-menu:before, .tb-attendance tr td .dropdown-menu:after {
      /*left: auto;
                right: 9px;*/
      left: 50%;
      transform: translateX(-50%); }
    .tb-attendance tr td .dropdown-menu:after {
      /*right: 10px;*/
      top: -5px; }
  .tb-attendance tbody tr:nth-last-child(2) .dropdown-menu {
    top: auto;
    bottom: 100%;
    -webkit-box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
    margin: 0 0 10px 0; }
    .tb-attendance tbody tr:nth-last-child(2) .dropdown-menu:before, .tb-attendance tbody tr:nth-last-child(2) .dropdown-menu:after {
      border-bottom: 0;
      border-top: 8px solid #e0e0e0;
      bottom: -8px;
      top: auto; }
    .tb-attendance tbody tr:nth-last-child(2) .dropdown-menu:after {
      border-top: 7px solid #FFF;
      bottom: -5px; }
  .tb-attendance tbody tr:nth-last-child(3) .dropdown-menu {
    top: auto;
    bottom: 100%;
    -webkit-box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
    margin: 0 0 10px 0; }
    .tb-attendance tbody tr:nth-last-child(3) .dropdown-menu:before, .tb-attendance tbody tr:nth-last-child(3) .dropdown-menu:after {
      border-bottom: 0;
      border-top: 8px solid #e0e0e0;
      bottom: -8px;
      top: auto; }
    .tb-attendance tbody tr:nth-last-child(3) .dropdown-menu:after {
      border-top: 7px solid #FFF;
      bottom: -5px; }
  .tb-attendance tbody tr:nth-last-child(4) .dropdown-menu {
    top: auto;
    bottom: 100%;
    -webkit-box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
    margin: 0 0 10px 0; }
    .tb-attendance tbody tr:nth-last-child(4) .dropdown-menu:before, .tb-attendance tbody tr:nth-last-child(4) .dropdown-menu:after {
      border-bottom: 0;
      border-top: 8px solid #e0e0e0;
      bottom: -8px;
      top: auto; }
    .tb-attendance tbody tr:nth-last-child(4) .dropdown-menu:after {
      border-top: 7px solid #FFF;
      bottom: -5px; }
  .tb-attendance tbody tr:nth-last-child(5) .dropdown-menu {
    top: auto;
    bottom: 100%;
    -webkit-box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
    margin: 0 0 10px 0; }
    .tb-attendance tbody tr:nth-last-child(5) .dropdown-menu:before, .tb-attendance tbody tr:nth-last-child(5) .dropdown-menu:after {
      border-bottom: 0;
      border-top: 8px solid #e0e0e0;
      bottom: -8px;
      top: auto; }
    .tb-attendance tbody tr:nth-last-child(5) .dropdown-menu:after {
      border-top: 7px solid #FFF;
      bottom: -5px; }
  .tb-attendance tbody tr:nth-last-child(6) .dropdown-menu {
    top: auto;
    bottom: 100%;
    -webkit-box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
    margin: 0 0 10px 0; }
    .tb-attendance tbody tr:nth-last-child(6) .dropdown-menu:before, .tb-attendance tbody tr:nth-last-child(6) .dropdown-menu:after {
      border-bottom: 0;
      border-top: 8px solid #e0e0e0;
      bottom: -8px;
      top: auto; }
    .tb-attendance tbody tr:nth-last-child(6) .dropdown-menu:after {
      border-top: 7px solid #FFF;
      bottom: -5px; }
  .tb-attendance tbody tr:nth-last-child(7) .dropdown-menu {
    top: auto;
    bottom: 100%;
    -webkit-box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
    margin: 0 0 10px 0; }
    .tb-attendance tbody tr:nth-last-child(7) .dropdown-menu:before, .tb-attendance tbody tr:nth-last-child(7) .dropdown-menu:after {
      border-bottom: 0;
      border-top: 8px solid #e0e0e0;
      bottom: -8px;
      top: auto; }
    .tb-attendance tbody tr:nth-last-child(7) .dropdown-menu:after {
      border-top: 7px solid #FFF;
      bottom: -5px; }

/* Calendar Attandance */
.table-event-list .event, .table-list .event {
  display: block;
  width: 15px;
  height: 15px;
  background: #fcb95b;
  text-indent: -99em;
  overflow: hidden;
  border-radius: 4px; }

.table-event-list .holiday, .table-list .holiday {
  display: block;
  width: 15px;
  height: 15px;
  background: #F3565D;
  text-indent: -99em;
  overflow: hidden;
  border-radius: 4px; }

.school-calendar .clndr-month {
  width: 25%; }

#calendar-grid .school-calendar .clndr-month {
  width: 33.33334%; }

.school-calendar .clndr-month:nth-child(4n+1) {
  padding-left: 0;
  clear: left; }

#calendar-grid .school-calendar .clndr-month:nth-child(4n+1) {
  padding-left: 8px;
  clear: none; }

#calendar-grid .school-calendar .clndr-month:nth-child(3n+1) {
  padding-left: 0;
  clear: left; }

.school-calendar-activity .activity-container {
  position: static;
  width: 100%; }

.clndr-month {
  width: 25%;
  margin: 0;
  display: inline-block;
  padding-bottom: 12px;
  padding: 0 0 8px 8px;
  float: left; }
  .clndr-month.inline-clndr {
    width: 100%;
    float: none;
    padding: 8px; }
    .clndr-month.inline-clndr .clndr {
      border: 0;
      border-radius: 0;
      padding: 0; }
    .clndr-month.inline-clndr a.day .day-number {
      color: #555; }
    .clndr-month.inline-clndr a.day.weekend .day-number, .clndr-month.inline-clndr a.day .day-number {
      border: 0; }
    .clndr-month.inline-clndr a.day.holiday {
      font-weight: bold; }
    .clndr-month.inline-clndr a .day-number {
      border: 0; }
    .clndr-month.inline-clndr .month-bar {
      text-transform: uppercase;
      font-weight: bold;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0; }
      .clndr-month.inline-clndr .month-bar .clndr-prev, .clndr-month.inline-clndr .month-bar .clndr-next {
        width: 14.2857%;
        height: 40px;
        position: relative;
        cursor: pointer;
        border-radius: 4px; }
        .clndr-month.inline-clndr .month-bar .clndr-prev:after, .clndr-month.inline-clndr .month-bar .clndr-next:after {
          content: '';
          width: 12px;
          height: 12px;
          border-right: 2px solid #555;
          border-bottom: 2px solid #555;
          display: inline-block;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate3d(-50%, -5px, 0) rotate(-45deg);
          margin-top: -2px; }
        .clndr-month.inline-clndr .month-bar .clndr-prev:hover, .clndr-month.inline-clndr .month-bar .clndr-next:hover {
          background: rgba(0, 0, 0, 0.05); }
      .clndr-month.inline-clndr .month-bar .clndr-prev:after {
        transform: translate3d(-50%, -5px, 0) rotate(135deg);
        margin-left: 3px; }
      .clndr-month.inline-clndr .month-bar .clndr-next:after {
        margin-right: -2px; }
    .clndr-month.inline-clndr .days .day {
      position: relative; }
      .clndr-month.inline-clndr .days .day .event-list {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        display: inline-block;
        white-space: nowrap; }
        .clndr-month.inline-clndr .days .day .event-list span {
          display: inline-block;
          width: 4px;
          height: 4px;
          margin: 0;
          border-radius: 4px; }

.clndr-month .clndr {
  margin: 0;
  display: block;
  border: 1px solid #ddd;
  color: #333;
  padding: 5px;
  border-radius: 4px; }

.clndr-month .month-bar {
  text-align: center;
  padding: 8px; }

.clndr-month .days-of-the-week {
  width: 100%; }

.clndr-month .days-of-the-week .header-day {
  display: inline-block;
  float: left;
  width: 14.2857%;
  padding: 8px 0;
  text-align: center;
  color: #9faab5; }

.clndr-month .days .day,
.clndr-month .days .empty {
  float: left;
  width: 14.2857%;
  padding: 2px;
  text-align: center; }

.school-calendar .clndr-month .days .color-1 .day-number {
  border-color: #01a0e3;
  color: #01a0e3; }

.school-calendar .clndr-month .days .color-2 .day-number {
  border-color: #fcb95b;
  color: #fcb95b; }

.school-calendar .clndr-month .days .color-3 .day-number {
  border-color: #c3cf77;
  color: #c3cf77; }

.school-calendar .clndr-month .days .color-4 .day-number {
  border-color: #8ab734;
  color: #8ab734; }

.school-calendar .clndr-month .days .color-5 .day-number {
  border-color: #bc85e6;
  color: #bc85e6; }

.school-calendar .clndr-month .days .color-6 .day-number {
  border-color: #df7baa;
  color: #df7baa; }

.school-calendar .clndr-month .days .color-7 .day-number {
  border-color: #b27636;
  color: #b27636; }

.school-calendar .clndr-month .days .color-8 .day-number {
  border-color: #14a88e;
  color: #14a88e; }

.school-calendar .clndr-month .days .color-9 .day-number {
  border-color: #d13f9e;
  color: #d13f9e; }

.school-calendar .clndr-month .days .color-10 .day-number {
  border-color: #34cced;
  color: #34cced; }

.school-calendar .clndr-month .days .color-11 .day-number {
  border-color: #6668b4;
  color: #6668b4; }

.school-calendar .clndr-month .days .color-12 .day-number {
  border-color: #a4506c;
  color: #a4506c; }

.school-calendar .clndr-month .days .color-13 .day-number {
  border-color: #67412c;
  color: #67412c; }

.school-calendar .clndr-month .days .color-14 .day-number {
  border-color: #3c6526;
  color: #3c6526; }

.school-calendar .clndr-month .days .color-15 .day-number {
  border-color: #f3565d;
  color: #f3565d; }

.clndr-month a .day-number {
  border-radius: 4px;
  display: block;
  width: 100%;
  height: 36px;
  padding: 0;
  border: 2px solid #f4f4f4;
  line-height: 34px;
  color: #0592d2; }

.clndr-month a.day .day-number {
  color: #0592d2;
  border-radius: 4px;
  display: block;
  border: 2px solid #9faab5; }

.clndr-month a.day:hover .day-number {
  background: rgba(0, 0, 0, 0.05); }

.clndr-month a.day.past .day-number {
  border: 2px solid #0592d2;
  color: #0592d2; }

.clndr-month a.day.absent .day-number {
  border: 2px solid #d84a38;
  color: #d84a38; }

.clndr-month a.day.weekend .day-number {
  border: 2px solid rgba(0, 0, 0, 0.1);
  color: #ccc; }

.clndr-month a.day.event .day-number,
.clndr-month a.day.event.calendar-dow-5 .day-number,
.clndr-month a.day.event.calendar-dow-5 .day-number {
  border: 2px solid #fcb95b;
  color: #fcb95b; }

.clndr-month a.day.holiday .day-number,
.clndr-month a.day.holiday.calendar-dow-5 .day-number,
.clndr-month a.day.holiday.calendar-dow-6 .day-number {
  border: 2px solid #d84a38;
  color: #d84a38;
  background: #ffdfdf; }

.clndr-month .days .day.today .day-number,
.clndr-month .days .empty.today .day-number {
  background-color: rgba(0, 0, 0, 0.1);
  border: 2px solid transparent;
  color: #333; }

.clndr-month .days .day.event,
.clndr-month .days .empty.event {
  color: #71bbd2; }

.clndr-month .days .day.adjacent-month .day-number,
.clndr-month .days .empty.adjacent-month .day-number {
  opacity: 0.3; }

/* Table Attandance */
.table-attandance {
  clear: both; }

.attandance-btn .btn, .attandance-btn .btn-secondary, .attandance-btn .btn-primary, .attandance-btn .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu .attandance-btn li > a, .attandance-btn .btn-highlight, .attandance-btn .load-more-btn {
  background: rgba(0, 0, 0, 0.2);
  color: #fff; }

.btn-present.active {
  background: #0592d2; }

.btn-absent.active {
  background: #F3565D; }

.btn-late.active {
  background: #fcb95b; }

.attandance-btn .btn span, .attandance-btn .btn-secondary span, .attandance-btn .btn-primary span, .attandance-btn .btn-green .dropdown-menu li > a span, .btn-green .dropdown-menu .attandance-btn li > a span, .attandance-btn .btn-highlight span, .attandance-btn .load-more-btn span {
  position: relative;
  top: 1px; }

.table-attandance .edit .btn, .table-attandance .edit .btn-secondary, .table-attandance .edit .btn-primary, .table-attandance .edit .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu .table-attandance .edit li > a, .table-attandance .edit .btn-highlight, .table-attandance .edit .load-more-btn {
  min-width: 25px;
  color: #ACB5C3; }

#attendance .section-header {
  table-layout: fixed; }
  #attendance .section-header .actions {
    width: 65%; }
  #attendance .section-header .dropdown-filter {
    padding-top: 2px; }

.medical-list.list-view {
  table-layout: fixed; }
  .medical-list.list-view .case-closed {
    box-shadow: inset 3px 0px 0px #8ab734; }
  .medical-list.list-view .case-open {
    box-shadow: inset 3px 0px 0px #f3565d; }
  @media screen and (max-width: 800px) {
    .medical-list.list-view {
      table-layout: auto; } }
  .medical-list.list-view .t-cell {
    position: relative;
    font-size: 12px;
    white-space: normal; }
    .medical-list.list-view .t-cell em {
      font-style: normal;
      color: #AAA; }
    @media screen and (max-width: 767px) {
      .medical-list.list-view .t-cell {
        width: 100% !important;
        font-size: 12px; } }
    .medical-list.list-view .t-cell span:not(.nav-dots) {
      display: block; }
    .medical-list.list-view .t-cell .name {
      width: auto;
      padding-right: 0;
      font-size: 13px;
      font-weight: bold; }
      .medical-list.list-view .t-cell .name a {
        top: 0; }
    .medical-list.list-view .t-cell:last-child {
      text-align: right;
      width: 80px; }
    .medical-list.list-view .t-cell:first-child {
      width: 25%; }
    .medical-list.list-view .t-cell:nth-child(3), .medical-list.list-view .t-cell:nth-child(5) {
      width: 200px; }
  .medical-list.list-view .t-row {
    position: relative; }
    .medical-list.list-view .t-row .t-cell.user {
      padding-left: 60px; }
      .medical-list.list-view .t-row .t-cell.user .user-pic {
        position: absolute;
        left: 20px;
        margin-top: 0;
        top: 50%;
        transform: translate3d(0, -50%, 0); }
    @media screen and (max-width: 767px) {
      .medical-list.list-view .t-row .t-cell.tools {
        position: absolute;
        top: 10px;
        right: 0;
        width: auto !important;
        padding-right: 10px !important; } }
    @media screen and (max-width: 767px) {
      .medical-list.list-view .t-row .t-cell.user {
        padding-right: 50px; } }

.medical-toolbar .actions form {
  display: inline-block; }

@media screen and (max-width: 767px) {
  .medical-toolbar {
    display: block; }
    .medical-toolbar > div {
      display: block; }
    .medical-toolbar form {
      display: flex;
      margin-top: 5px; }
      .medical-toolbar form .form-group {
        width: calc(100% - 100px); }
        .medical-toolbar form .form-group:last-child {
          padding-left: 20px;
          width: 100px; }
          .medical-toolbar form .form-group:last-child button {
            width: 100%; }
    .medical-toolbar .actions {
      text-align: left; }
      .medical-toolbar .actions .btn-action {
        margin: 15px 0 10px; } }

.applicant-list .sibling-application-tag {
  background: #bc85e6 !important; }

.applicant-list .ven-application-tag {
  background: #fcb95b !important; }

.applicant-list .t-approved {
  /*box-shadow: inset 3px 0px 0px $color-4;*/ }
  .applicant-list .t-approved .status-tag {
    background: #8ab734; }

.applicant-list .t-enrolled, .applicant-list .t-enrolledandassigned {
  /*box-shadow: inset 3px 0px 0px $color-4;*/ }
  .applicant-list .t-enrolled .status-tag, .applicant-list .t-enrolledandassigned .status-tag {
    background: #8ab734; }

.applicant-list .t-rejected {
  /*box-shadow: inset 3px 0px 0px $color-15;*/ }
  .applicant-list .t-rejected .status-tag {
    background: #f3565d; }

.applicant-list .t-notsuitable {
  /*box-shadow: inset 3px 0px 0px $color-15;*/ }
  .applicant-list .t-notsuitable .status-tag {
    background: #df7baa; }

.applicant-list .t-acceptedwithlearningdevelopment {
  /*box-shadow: inset 3px 0px 0px $color-15;*/ }
  .applicant-list .t-acceptedwithlearningdevelopment .status-tag {
    background: #14a88e; }

.applicant-list .t-scheduled, .applicant-list .t-retest {
  /*box-shadow: inset 3px 0px 0px $color-11;*/ }
  .applicant-list .t-scheduled .status-tag, .applicant-list .t-retest .status-tag {
    background: #6668b4; }

.applicant-list .t-new {
  /*box-shadow: inset 3px 0px 0px $color-10;*/ }
  .applicant-list .t-new .status-tag {
    background: #34cced; }

.applicant-list .user .name a.status-tag {
  display: inline-block;
  padding: 0 4px 1px;
  border-radius: 2px;
  color: #FFF;
  font-size: 10px !important;
  text-transform: uppercase;
  margin-left: 5px;
  font-weight: normal !important;
  top: auto; }

.applicant-list .user .name span {
  display: block; }
  .applicant-list .user .name span.status-tag {
    display: inline-block;
    padding: 0 4px 1px;
    border-radius: 2px;
    color: #FFF;
    font-size: 10px !important;
    text-transform: uppercase;
    margin-left: 5px;
    font-weight: normal !important; }
  .applicant-list .user .name span:first-child {
    font-weight: bold; }
  .applicant-list .user .name span:last-child {
    font-size: 11px; }

.applicant-list .title span, .applicant-list .date span {
  display: block; }

.applicant-list .title a, .applicant-list .title span:last-child, .applicant-list .date a, .applicant-list .date span:last-child {
  font-size: 11px; }

.applicant-list a.t-cell {
  color: inherit; }

@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .application-tool-bar .actions .btn-action {
    margin-top: 5px; } }

.application-tool-bar .dropdown > a:not(.btn-action), .application-tool-bar .actions > a:not(.btn-action) {
  font-size: 14px; }

.application-tool-bar .dropdown {
  top: 1px; }

@media screen and (max-width: 800px) {
  .application-tool-bar .actions {
    width: 100%;
    display: inline-block; } }

@media screen and (max-width: 800px) {
  .application-tool-bar .actions .dropdown {
    float: left; } }

.application-tool-bar .actions .dropdown:last-child {
  margin-right: 0; }

@media screen and (max-width: 800px) {
  .application-tool-bar .actions .search-list {
    margin: 8px 0; } }

@media screen and (max-width: 800px) {
  .application-tool-bar .actions .btn-action {
    float: right;
    margin-bottom: 0;
    margin-top: 4px; } }

@media screen and (min-width: 801px) {
  .application-tool-bar .dropdown-menu-right {
    left: auto;
    right: 0; }
    .application-tool-bar .dropdown-menu-right:after {
      left: auto;
      right: 13px; }
    .application-tool-bar .dropdown-menu-right:before {
      left: auto;
      right: 12px; } }

@media screen and (max-width: 767px) {
  .application-tool-bar {
    display: block; }
    .application-tool-bar > div {
      display: block; }
      .application-tool-bar > div:last-child {
        text-align: left; } }

.applicant-list.table-list.list-view {
  margin-bottom: 0;
  margin-top: 0; }

.applicant-form-section {
  background: #FFF;
  border-radius: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  right: -610px;
  max-width: 600px;
  width: 100%;
  margin-bottom: 0;
  border-radius: 0;
  box-shadow: -1px 0 3px 0 rgba(0, 0, 0, 0.1);
  padding-top: 53px;
  padding-bottom: 65px;
  transition: right 0.4s ease-out;
  z-index: 1001; }
  .applicant-form-section.application-inline {
    position: static;
    max-width: none;
    padding: 0; }
    .applicant-form-section.application-inline .applicant-form-header, .applicant-form-section.application-inline .applicant-form-footer {
      position: static; }
  .applicant-form-section form {
    height: 100%; }
  .open .applicant-form-section {
    right: 0; }
  .applicant-form-section .applicant-form-header {
    border-bottom: 1px solid #CCC;
    display: block;
    margin: 0;
    font-size: 16px;
    background: #f9fafa;
    border-radius: 4px 4px 0 0;
    margin-bottom: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9; }
    @media screen and (max-width: 767px) {
      .applicant-form-section .applicant-form-header {
        font-size: 13px; } }
    .applicant-form-section .applicant-form-header ul {
      padding: 7px 15px 0;
      margin: 0; }
      .applicant-form-section .applicant-form-header ul li {
        display: inline-block;
        margin-right: 20px; }
        @media screen and (max-width: 767px) {
          .applicant-form-section .applicant-form-header ul li {
            margin-right: 15px; } }
        .applicant-form-section .applicant-form-header ul li a {
          color: #333;
          font-weight: 600;
          padding: 8px 0 12px;
          display: block; }
          .applicant-form-section .applicant-form-header ul li a.alert-danger {
            background: none;
            color: #f3565d; }
        .applicant-form-section .applicant-form-header ul li.active a {
          box-shadow: 0 4px 0 #00bdf0; }
        .applicant-form-section .applicant-form-header ul li:last-child {
          margin-right: 0; }
    .applicant-form-section .applicant-form-header button {
      position: absolute;
      top: 0;
      right: 0;
      padding: 5px 15px;
      background: none;
      border: 0;
      font-size: 32px;
      line-height: 38px; }
      @media screen and (min-width: 768px) {
        .applicant-form-section .applicant-form-header button {
          line-height: 42px; } }
  .applicant-form-section .applicant-form-container {
    height: 100%;
    margin: 0; }
    @media screen and (max-width: 1199px) {
      .applicant-form-section .applicant-form-container {
        padding-top: 20px; } }
  .applicant-form-section .application-form-block {
    padding: 15px; }
    .applicant-form-section .application-form-block.nice-scroll {
      height: 100%;
      position: relative; }
    .applicant-form-section .application-form-block.has-comment-box {
      padding-bottom: 145px;
      height: 100%;
      position: relative; }
      .applicant-form-section .application-form-block.has-comment-box > .activity-feed {
        height: 100%; }
      .applicant-form-section .application-form-block.has-comment-box .comment-box {
        border-top: 1px solid #CCC;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 10px 15px; }
        .applicant-form-section .application-form-block.has-comment-box .comment-box .form-group {
          margin-bottom: 0;
          margin-top: 10px; }
    .applicant-form-section .application-form-block .admission-activity .item {
      padding: 0 0 15px;
      border-bottom: 0;
      font-size: 13px;
      overflow: visible; }
      .applicant-form-section .application-form-block .admission-activity .item .toggle-activator {
        display: block; }
        .applicant-form-section .application-form-block .admission-activity .item .toggle-activator em {
          cursor: pointer;
          font-style: normal;
          font-weight: 600;
          color: #0592d2;
          text-transform: uppercase;
          font-size: 11px; }
          .applicant-form-section .application-form-block .admission-activity .item .toggle-activator em:last-child {
            display: none; }
        .applicant-form-section .application-form-block .admission-activity .item .toggle-activator.open em {
          display: none; }
          .applicant-form-section .application-form-block .admission-activity .item .toggle-activator.open em:last-child {
            display: inline-block; }
      .applicant-form-section .application-form-block .admission-activity .item .item-details {
        padding-left: 45px;
        padding-right: 0;
        padding-top: 8px; }
      .applicant-form-section .application-form-block .admission-activity .item .activity-email-content {
        padding-left: 45px;
        display: none; }
        .applicant-form-section .application-form-block .admission-activity .item .activity-email-content p:first-child {
          padding-top: 15px; }
        .applicant-form-section .application-form-block .admission-activity .item .activity-email-content p:last-child {
          margin-bottom: 0;
          padding-bottom: 10px; }
        .applicant-form-section .application-form-block .admission-activity .item .activity-email-content b {
          display: inline;
          text-transform: none;
          color: inherit; }
      .applicant-form-section .application-form-block .admission-activity .item:before {
        content: '';
        background: #6668b4;
        width: 1px;
        height: 100%;
        display: inline-block;
        position: absolute;
        left: 17px;
        top: 13px; }
      .applicant-form-section .application-form-block .admission-activity .item:last-child:before {
        display: none; }
      .applicant-form-section .application-form-block .admission-activity .item.item-approved p b {
        color: #8ab734; }
      .applicant-form-section .application-form-block .admission-activity .item.item-rejected p b {
        color: #f3565d; }
      .applicant-form-section .application-form-block .admission-activity .item.item-scheduled p b {
        color: #6668b4; }
    .applicant-form-section .application-form-block .admission-activity .item-pic {
      width: 35px;
      height: 35px;
      top: 11px;
      border: 1px solid #6668b4; }
      .applicant-form-section .application-form-block .admission-activity .item-pic img {
        width: 33px;
        height: 33px;
        object-fit: cover;
        object-position: center; }
    .applicant-form-section .application-form-block .admission-activity p b {
      display: block;
      color: #01a0e3;
      text-transform: uppercase; }
    .applicant-form-section .application-form-block .admission-activity.no-timeline .item:before {
      display: none; }
    .applicant-form-section .application-form-block .admission-activity .activity-comment {
      margin-left: 45px;
      padding: 8px;
      border: 1px solid #CCC;
      background: #f9fafa; }
      .applicant-form-section .application-form-block .admission-activity .activity-comment p {
        margin: 0; }
    .applicant-form-section .application-form-block form {
      max-width: none; }
    .applicant-form-section .application-form-block .row {
      margin-right: -7px;
      margin-left: -7px; }
      .applicant-form-section .application-form-block .row > div {
        padding-left: 7px;
        padding-right: 7px; }
    .applicant-form-section .application-form-block h5 {
      font-weight: bold;
      padding: 10px;
      background: #f3f3f3;
      margin-top: 0;
      line-height: 1.7; }
      .applicant-form-section .application-form-block h5:not(.normal) {
        text-transform: uppercase;
        line-height: inherit; }
    .applicant-form-section .application-form-block .datepicker .default {
      padding-bottom: 6px !important; }
  .applicant-form-section .radio-list {
    padding: 0;
    margin: 0; }
    .applicant-form-section .radio-list li {
      list-style: none;
      display: inline-block;
      margin-right: 15px;
      line-height: 34px; }
      .applicant-form-section .radio-list li input {
        position: relative;
        top: 1px; }
      .applicant-form-section .radio-list li label {
        margin-bottom: 0; }
  .applicant-form-section .applicant-form-footer {
    text-align: right;
    padding: 15px;
    border-top: 1px solid #e5e5e5;
    background: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
    @media screen and (max-width: 1199px) {
      .applicant-form-section .applicant-form-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 9; } }
    .applicant-form-section .applicant-form-footer > * {
      margin-left: 6px; }
      .applicant-form-section .applicant-form-footer > *:first-child {
        margin-left: 0; }
    .applicant-form-section .applicant-form-footer .dropup .dropdown-menu {
      margin-bottom: 5px;
      left: auto;
      right: 0; }

.printable-page {
  background: #FFF;
  font-size: 16px; }
  .printable-page img {
    max-width: 100%; }

.printable-html {
  font-size: 16px; }
  @media print {
    .printable-html {
      font-size: 10px; } }

.printable-letter {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding-top: 160px;
  font-size: 16px; }
  .printable-letter .letter-row {
    padding: 40px; }
  .printable-letter .user-info {
    font-weight: bold;
    padding-left: 30%; }
  .printable-letter p {
    margin-bottom: 0; }
  .printable-letter .signature {
    margin-top: 70px;
    font-weight: bold; }

.printable-admission-form {
  max-width: 1260px;
  padding: 1.875rem 1.875rem 0;
  margin: 0 auto;
  width: 100%; }
  .printable-admission-form img {
    display: inline-block; }
  .printable-admission-form h3 {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 0 0 1.875rem; }
  .printable-admission-form h2 {
    font-size: 1.5rem;
    margin: 0 0 0.625rem;
    font-weight: bold; }
  .printable-admission-form .form-header {
    text-align: center;
    position: relative;
    margin-bottom: 1.875rem; }
    .printable-admission-form .form-header .application-number {
      position: absolute;
      bottom: 0;
      right: 0;
      display: inline-block;
      font-size: 1rem; }
    .printable-admission-form .form-header .application-type {
      color: red;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0;
      display: inline-block;
      font-size: 1rem;
      font-weight: bold; }
      @media print {
        .printable-admission-form .form-header .application-type {
          color: red !important;
          -webkit-print-color-adjust: exact;
          color-adjust: exact; } }
    .printable-admission-form .form-header img {
      max-width: 50rem;
      width: 55%; }
  .printable-admission-form .application-user-cell {
    padding-left: 9.375rem;
    position: relative; }
    .printable-admission-form .application-user-cell .application-student {
      position: absolute;
      top: -0.188rem;
      left: 0;
      width: 7.5rem; }
      .printable-admission-form .application-user-cell .application-student img {
        width: 100%; }
  .printable-admission-form .printable-table {
    display: table;
    table-layout: fixed;
    border-top: 0.125rem solid #000;
    padding: 2.1875rem 0;
    width: 100%; }
    .printable-admission-form .printable-table .printable-table {
      padding: 0;
      border: 0; }
      .printable-admission-form .printable-table .printable-table .printable-t-cell {
        border-bottom: 0.063rem solid #b7b7b7;
        font-size: 0.875rem;
        line-height: 1.5rem; }
    .printable-admission-form .printable-table .printable-t-row {
      display: table-row; }
    .printable-admission-form .printable-table .printable-t-cell {
      display: table-cell; }
      .printable-admission-form .printable-table .printable-t-cell p {
        font-size: 1rem;
        line-height: 1.625rem; }
      .printable-admission-form .printable-table .printable-t-cell > p {
        margin-bottom: 0; }
      .printable-admission-form .printable-table .printable-t-cell span {
        display: block; }
        .printable-admission-form .printable-table .printable-t-cell span.spacer {
          height: 1.625rem; }
    .printable-admission-form .printable-table.printable-flex-table {
      display: block; }
      .printable-admission-form .printable-table.printable-flex-table .printable-t-row {
        display: flex;
        justify-content: space-between; }
        .printable-admission-form .printable-table.printable-flex-table .printable-t-row .printable-t-cell {
          flex: 0 0 33.33%;
          max-width: 23.75rem;
          padding-right: 0.625rem; }
  .printable-admission-form .terms-content {
    padding: 1.25rem 1.5625rem;
    font-size: 0.875rem;
    margin-bottom: 1.875rem;
    position: relative; }
    .printable-admission-form .terms-content .hidden-screen {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
    .printable-admission-form .terms-content p {
      font-size: 0.875rem !important;
      margin-bottom: 1.5625rem;
      line-height: 1.5rem !important;
      position: relative; }
    .printable-admission-form .terms-content ul {
      position: relative;
      padding: 0;
      margin: 0 0 1.875rem;
      columns: 2;
      column-gap: 1.875rem;
      list-style: none;
      counter-reset: decimal; }
      .printable-admission-form .terms-content ul li {
        margin-bottom: 0.313rem;
        counter-increment: decimal;
        position: relative;
        padding-left: 2.1875rem; }
        .printable-admission-form .terms-content ul li:before {
          content: counter(decimal) ". ";
          position: absolute;
          left: 0; }

/* Bell table */
.schedule-table h2 {
  font-size: 20px;
  margin: 20px 0; }

.schedule-table h3 {
  font-size: 14px;
  margin: 0;
  color: #ACB5C3;
  transform: rotate(90deg);
  transform-origin: top left 0;
  height: 100%; }

.day-heading {
  display: table-cell;
  padding: 5px;
  position: relative;
  left: -22px; }

.bell-schedule.schedule-table .schedule-heading h3 {
  font-size: 16px;
  font-weight: 600; }

.schedule-header {
  display: table;
  table-layout: fixed;
  width: 100%; }

.schedule-header > div {
  display: table-cell; }

.schedule-header .schedule-actions {
  text-align: right; }

.schedule-table {
  border: none;
  width: 100%;
  display: block;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #DDD; }

.schedule-table > div:not(.schedule-header) {
  width: calc(100% - 30px);
  margin-left: 30px; }

.schedule-table .schedule-day {
  padding: 2px;
  background: #eee;
  text-align: center;
  display: table;
  table-layout: fixed;
  width: 100%;
  position: relative;
  padding-left: 0; }

.schedule-table .schedule-item {
  border: 2px solid #fff;
  border-right: none;
  padding: 10px 5px;
  background: #fff;
  text-align: center;
  vertical-align: top;
  display: table-cell; }

.schedule-table .schedule-item:last-child {
  border-right: 2px solid #fff; }

.schedule-table .schedule-item span {
  display: block; }

.schedule-actions .btn-action {
  display: inline-block;
  margin-left: 15px; }

.schedule-table .schedule-item.period {
  background: #0592d2;
  color: #fff; }

.schedule-table .schedule-item.break {
  background: #eee; }

.schedule-table .schedule-item.period,
.schedule-table .schedule-item.break,
.schedule-table .schedule-item.lunch {
  cursor: pointer; }

.schedule-table .schedule-item.period:hover,
.schedule-table .schedule-item.break:hover,
.schedule-table .schedule-item.lunch:hover {
  opacity: .7; }

.bell-table td.lunch {
  background: #45b6af;
  color: #fff; }

.bell-table td .cell-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: block; }

.bell-table td .teacher-name {
  font-size: 13px;
  text-transform: uppercase; }

.bell-table td .subject-name {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 10px; }

.bell-table td i {
  position: absolute;
  top: 0;
  right: 5px;
  cursor: pointer; }

.bell-table td i:hover {
  opacity: .6; }

.inactive-bell {
  color: #f3565d; }

.default-bell {
  color: #8ab734; }

.timetable.grid-view.bell-schedule .tt-hours {
  height: 90px; }
  .timetable.grid-view.bell-schedule .tt-hours:last-child {
    height: auto; }

/* Bell Schedule inside popup */
.modal-content .intro-signup-form .form-row {
  display: block;
  position: relative;
  padding: 0 10px; }
  .modal-content .intro-signup-form .form-row.form-data-row {
    padding-right: 110px;
    display: table; }
  .modal-content .intro-signup-form .form-row > .checkbox {
    color: #000;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 5px;
    margin-top: 0; }
  .modal-content .intro-signup-form .form-row .bell-schedule-entry-remove, .modal-content .intro-signup-form .form-row .pt-conference-schedule-entry-remove {
    position: absolute;
    top: 8px;
    left: -10px;
    color: #0592d2;
    z-index: 999;
    font-size: 16px; }
  .modal-content .intro-signup-form .form-row .add-more {
    position: absolute;
    top: 2px;
    border: 1px solid #0592d2;
    border-radius: 3px;
    right: 10px;
    display: none; }
    .modal-content .intro-signup-form .form-row .add-more:hover, .modal-content .intro-signup-form .form-row .add-more:focus, .modal-content .intro-signup-form .form-row .add-more.active {
      color: #0592d2; }
  .modal-content .intro-signup-form .form-row:last-child .add-more {
    display: block; }

.modal-content .intro-signup-form .inline-form-row {
  display: flex;
  flex-direction: row;
  padding-right: 80px; }
  .modal-content .intro-signup-form .inline-form-row .form-group {
    margin-left: initial;
    margin-right: initial;
    margin-bottom: 0;
    flex: 1 1 auto; }
    .modal-content .intro-signup-form .inline-form-row .form-group:first-child {
      flex: 0 1 45%;
      max-width: 45%; }
  .modal-content .intro-signup-form .inline-form-row .row-remove-icon {
    position: absolute;
    top: 8px;
    left: -10px;
    color: #0592d2;
    z-index: 999;
    font-size: 16px; }
  .modal-content .intro-signup-form .inline-form-row .row-button {
    position: absolute;
    top: 2px;
    border: 1px solid #0592d2;
    border-radius: 3px;
    right: 0; }
    @media screen and (max-width: 991px) {
      .modal-content .intro-signup-form .inline-form-row .row-button {
        top: auto;
        bottom: 17px; } }
    .modal-content .intro-signup-form .inline-form-row .row-button:hover, .modal-content .intro-signup-form .inline-form-row .row-button:focus, .modal-content .intro-signup-form .inline-form-row .row-button.active {
      color: #0592d2;
      background: none; }

.modal-content .intro-signup-form .bell-schedule-entry .form-data-first-row .bell-schedule-entry-remove, .modal-content .intro-signup-form .bell-schedule-entry .form-data-first-row .pt-conference-schedule-entry-remove, .modal-content .intro-signup-form .pt-conference-schedule-entry .form-data-first-row .bell-schedule-entry-remove, .modal-content .intro-signup-form .pt-conference-schedule-entry .form-data-first-row .pt-conference-schedule-entry-remove {
  display: none !important; }

.modal-content .intro-signup-form .form-control, .modal-content .intro-signup-form .medium-editor-element {
  border-color: #c2c2c2;
  color: #000; }
  .modal-content .intro-signup-form .form-control:focus, .modal-content .intro-signup-form .medium-editor-element:focus {
    border-color: #0592d2;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.modal-content .intro-signup-form .form-group {
  color: #000 !important;
  max-width: none; }
  .modal-content .intro-signup-form .form-group .checkbox {
    color: #000 !important; }
  .modal-content .intro-signup-form .form-group.form-starttime, .modal-content .intro-signup-form .form-group.form-endtime {
    width: 120px; }
  .modal-content .intro-signup-form .form-group .field-validation-error {
    display: none; }
  .modal-content .intro-signup-form .form-group.error-elem .field-validation-error {
    display: block; }
    .modal-content .intro-signup-form .form-group.error-elem .field-validation-error.end-time-error, .modal-content .intro-signup-form .form-group.error-elem .field-validation-error.time-overlap-error {
      display: none; }
  .modal-content .intro-signup-form .form-group.error-time .field-validation-error {
    display: none; }
    .modal-content .intro-signup-form .form-group.error-time .field-validation-error.end-time-error {
      display: block; }
  .modal-content .intro-signup-form .form-group.overlap-time-error .field-validation-error {
    display: none; }
    .modal-content .intro-signup-form .form-group.overlap-time-error .field-validation-error.time-overlap-error {
      display: block; }

.modal-content .intro-signup-form .form-action {
  max-width: none;
  padding-bottom: 20px; }
  .modal-content .intro-signup-form .form-action .btn, .modal-content .intro-signup-form .form-action .btn-secondary, .modal-content .intro-signup-form .form-action .btn-primary, .modal-content .intro-signup-form .form-action .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu .modal-content .intro-signup-form .form-action li > a, .modal-content .intro-signup-form .form-action .btn-highlight, .modal-content .intro-signup-form .form-action .load-more-btn {
    color: #0592d2;
    border-color: #0592d2; }

.calendar-toolbar {
  /*&.fixed-calendar-toolbar {
        position: fixed;
        z-index: 9;
        right: 14px;
        left: 85px;
        top: 60px;
    }*/ }
  .calendar-toolbar .dropdown {
    display: inline-block;
    z-index: 99; }

#calendar {
  margin-bottom: 20px;
  margin-top: 20px;
  background: #FFF;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px; }
  #calendar.fixed-header-calendar .fc-view > table > thead {
    position: fixed;
    background: #FFF;
    z-index: 9;
    right: 14px;
    left: 85px;
    top: 60px; }
  #calendar.fixed-header-calendar .fc-view > table > tbody > tr > td {
    padding-top: 30px; }
  #calendar.fc th {
    background: #eee;
    text-transform: uppercase;
    background: #FFF;
    border: 0;
    padding: 5px;
    color: #929292;
    font-weight: 400; }
  #calendar .fc-time-grid-container {
    overflow: auto !important;
    height: auto !important; }
  #calendar .fc-center h2 {
    font-size: 18px;
    font-weight: 300;
    margin: 5px 0 0; }
  #calendar .fc-today {
    background: #DDF8FF;
    border-color: #ddd; }
  #calendar .fc-toolbar {
    position: absolute;
    text-align: center;
    top: 4px;
    left: 15px;
    right: 15px; }
    #calendar .fc-toolbar h2 {
      font-size: 16px;
      font-weight: 400;
      margin: 5px 0 0;
      padding: 0 10px; }
    #calendar .fc-toolbar button {
      background: none;
      border-radius: 0;
      border: 0;
      box-shadow: 0px 4px 0px transparent;
      outline: none;
      font-size: 15px;
      font-weight: 100;
      text-transform: capitalize;
      padding: 9px 10px;
      height: auto;
      margin-left: 3px;
      text-shadow: none;
      transition: all ease 0.3s; }
      #calendar .fc-toolbar button.fc-state-active, #calendar .fc-toolbar button:hover {
        box-shadow: 0px 4px 0px #0592d2; }
    #calendar .fc-toolbar .fc-right {
      position: absolute;
      right: 5px;
      top: -5px; }
    #calendar .fc-toolbar .fc-left {
      float: none !important; }
      #calendar .fc-toolbar .fc-left > div:first-child {
        float: none !important; }
      #calendar .fc-toolbar .fc-left button {
        box-shadow: none;
        padding: 6px 10px 9px;
        border-radius: 3px;
        line-height: 1; }
        #calendar .fc-toolbar .fc-left button:hover {
          background: #0592d2;
          color: #FFF; }
        #calendar .fc-toolbar .fc-left button.fc-state-disabled {
          background: none;
          color: inherit;
          cursor: default; }
        #calendar .fc-toolbar .fc-left button.fc-prev-button, #calendar .fc-toolbar .fc-left button.fc-next-button {
          padding: 6px 4px 9px; }
      #calendar .fc-toolbar .fc-left > * > * {
        display: inline-block;
        float: none !important; }
  #calendar .fc-event {
    background: #9b59b6;
    border-color: #804399;
    border-radius: 0;
    min-height: 16px; }
    #calendar .fc-event.fc-alert {
      background: #F3565D;
      border-color: #f0262f; }
    #calendar .fc-event.fc-classes {
      background: #F8CB00;
      border-color: #c5a100; }
    #calendar .fc-event .fc-content {
      padding: 3px 5px; }
    #calendar .fc-event .fc-time {
      margin-right: 4px; }
  #calendar .agendaCurrentDate {
    box-shadow: inset 0 -3px #00BDF0;
    color: #00BDF0 !important; }
  #calendar .fc-agenda-view .fc-today {
    background: #FFF; }
  #calendar.fc-ltr .fc-axis {
    width: 50px !important;
    border: 0; }
  #calendar .fc-nonbusiness {
    background: #CCC url("../img/calendar-closed.png"); }

.inline-calendar {
  padding: 10px;
  margin-bottom: 15px; }
  .inline-calendar .datepicker-inline {
    width: 100%; }
    .inline-calendar .datepicker-inline table {
      width: 100%;
      border-collapse: unset; }
      .inline-calendar .datepicker-inline table tr td.today {
        background: #edeff0; }
    .inline-calendar .datepicker-inline .datepicker-switch, .inline-calendar .datepicker-inline .prev, .inline-calendar .datepicker-inline .next, .inline-calendar .datepicker-inline tfoot tr th, .inline-calendar .datepicker-inline tr td span {
      border: 1px solid transparent;
      border-radius: 3px;
      transition: border-color 0.1s ease-in-out; }
      .inline-calendar .datepicker-inline .datepicker-switch:hover, .inline-calendar .datepicker-inline .prev:hover, .inline-calendar .datepicker-inline .next:hover, .inline-calendar .datepicker-inline tfoot tr th:hover, .inline-calendar .datepicker-inline tr td span:hover {
        background: none;
        border-color: #0592d2; }
    .inline-calendar .datepicker-inline .datepicker-days tr td, .inline-calendar .datepicker-inline .datepicker-days tr th {
      border: 1px solid transparent;
      border-radius: 3px;
      transition: border-color 0.1s ease-in-out; }
      .inline-calendar .datepicker-inline .datepicker-days tr td:not(.today):hover, .inline-calendar .datepicker-inline .datepicker-days tr th:not(.today):hover {
        background: none;
        border-color: #0592d2; }
      .inline-calendar .datepicker-inline .datepicker-days tr td.today, .inline-calendar .datepicker-inline .datepicker-days tr th.today {
        border-color: #0592d2; }
        .inline-calendar .datepicker-inline .datepicker-days tr td.today.active, .inline-calendar .datepicker-inline .datepicker-days tr th.today.active {
          background: #0592d2; }
      .inline-calendar .datepicker-inline .datepicker-days tr td.active:hover, .inline-calendar .datepicker-inline .datepicker-days tr th.active:hover {
        background: #0592d2; }

.calendar-event-list .event-item {
  margin-bottom: 15px;
  background: #FFF;
  border-radius: 4px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  padding: 15px 20px 20px;
  border-top: 4px solid; }
  .calendar-event-list .event-item h4 {
    font-size: 18px;
    margin: 8px 0;
    font-weight: 600; }
    .calendar-event-list .event-item h4 .tag-list {
      font-weight: bold;
      text-transform: uppercase;
      position: relative;
      top: -2px;
      padding-bottom: 2px; }
  .calendar-event-list .event-item p {
    color: rgba(0, 0, 0, 0.7);
    font-size: 14px;
    margin: 0;
    line-height: 1.4; }
  .calendar-event-list .event-item .event-date {
    color: rgba(0, 0, 0, 0.4) !important;
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px; }
  .calendar-event-list .event-item .event-content {
    position: relative; }
    .calendar-event-list .event-item .event-content .btn-action {
      color: rgba(0, 0, 0, 0.4) !important;
      position: absolute;
      top: 0;
      right: 0;
      font-size: 15px; }
      .calendar-event-list .event-item .event-content .btn-action:hover {
        color: rgba(0, 0, 0, 0.7) !important; }

.calendar-col {
  margin-bottom: 15px !important; }

.no-calendar-content {
  text-align: center;
  padding: 5vw 30px;
  color: #ababab; }
  .no-calendar-content i {
    font-size: 48px; }
  .no-calendar-content h3 {
    font-size: 18px;
    color: #ababab;
    font-weight: normal;
    margin: 20px 0 0; }

/*
    Chat UI
*/
.chat-contact-list {
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  /*overflow-y: auto;*/
  position: relative;
  height: calc(100vh - 140px);
  padding: 0; }
  .chat-contact-list .dragresize, .chat-contact-list .room-info {
    display: none !important; }
  .chat-contact-list #controlbox {
    width: 100% !important; }
    .chat-contact-list #controlbox .flyout {
      width: 100% !important;
      position: relative; }
      .chat-contact-list #controlbox .flyout .controlbox-head {
        position: absolute;
        z-index: 99;
        width: 100%;
        top: 0; }
  .chat-contact-list #controlbox-tabs {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #DDD;
    background: #f9fafa;
    display: inline-block;
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
    .chat-contact-list #controlbox-tabs li {
      display: inline-block;
      margin-right: 2px;
      float: left;
      list-style: none;
      transition: all 0.3s ease;
      padding: 0 20px; }
      .chat-contact-list #controlbox-tabs li a {
        border: 0;
        margin: 0;
        color: #333;
        font-size: 15px;
        font-weight: 600;
        padding: 12px 0;
        display: block;
        border-bottom: 4px solid transparent; }
        .chat-contact-list #controlbox-tabs li a.current {
          border-bottom: 4px solid #0592d2;
          position: relative; }
        .chat-contact-list #controlbox-tabs li a span {
          color: #acacac;
          margin-left: 5px;
          font-weight: 400; }
  .chat-contact-list .box-flyout {
    padding-top: 58px; }
  .chat-contact-list .controlbox-panes {
    margin-top: -2px; }
    .chat-contact-list .controlbox-panes .controlbox-pane {
      height: calc(100vh - 198px);
      overflow-y: auto;
      padding-top: 25px; }
    .chat-contact-list .controlbox-panes h2 {
      font-size: 20px;
      padding: 0 10px;
      display: none; }
    .chat-contact-list .controlbox-panes .open-chat .user-avatar {
      width: 25px; }
      .chat-contact-list .controlbox-panes .open-chat .user-avatar:before {
        top: 3px; }
      .chat-contact-list .controlbox-panes .open-chat .user-avatar img {
        display: none; }
    .chat-contact-list .controlbox-panes .open-chat .chat-info {
      padding-right: 30px; }
      .chat-contact-list .controlbox-panes .open-chat .chat-info p {
        display: none; }
  .chat-contact-list .roster-contacts {
    padding: 0;
    overflow: auto;
    position: relative;
    margin-bottom: 0; }
    .chat-contact-list .roster-contacts .roster-group {
      display: none !important; }
  .chat-contact-list .current-xmpp-contact a, .chat-contact-list .available-chatroom a {
    display: table;
    table-layout: fixed;
    padding: 10px 5px;
    font-size: 14px;
    width: 100%; }
    .chat-contact-list .current-xmpp-contact a.active, .chat-contact-list .available-chatroom a.active {
      background: #edeff0; }
      .chat-contact-list .current-xmpp-contact a.active h3, .chat-contact-list .available-chatroom a.active h3 {
        font-weight: bold; }
    .chat-contact-list .current-xmpp-contact a:hover, .chat-contact-list .available-chatroom a:hover {
      background: #F3F3F3; }
      .chat-contact-list .current-xmpp-contact a:hover .online:before, .chat-contact-list .current-xmpp-contact a:hover .away:before, .chat-contact-list .available-chatroom a:hover .online:before, .chat-contact-list .available-chatroom a:hover .away:before {
        border-color: #F3F3F3 !important; }
    .chat-contact-list .current-xmpp-contact a > div, .chat-contact-list .available-chatroom a > div {
      display: table-cell;
      vertical-align: middle;
      padding: 0 5px; }
    .chat-contact-list .current-xmpp-contact a .user-avatar, .chat-contact-list .available-chatroom a .user-avatar {
      width: 40px;
      position: relative; }
      .chat-contact-list .current-xmpp-contact a .user-avatar:before, .chat-contact-list .available-chatroom a .user-avatar:before {
        content: '';
        width: 10px;
        height: 10px;
        /*border: 3px solid #FFF;*/
        position: absolute;
        z-index: 999;
        display: block;
        border-radius: 999em;
        right: 0;
        top: 0;
        display: none; }
      .chat-contact-list .current-xmpp-contact a .user-avatar.online:before, .chat-contact-list .current-xmpp-contact a .user-avatar.chat:before, .chat-contact-list .available-chatroom a .user-avatar.online:before, .chat-contact-list .available-chatroom a .user-avatar.chat:before {
        background: #76cb33;
        display: block; }
      .chat-contact-list .current-xmpp-contact a .user-avatar.away:before, .chat-contact-list .available-chatroom a .user-avatar.away:before {
        background: #ffbd4a;
        display: block; }
      .chat-contact-list .current-xmpp-contact a .user-avatar.offline:before, .chat-contact-list .available-chatroom a .user-avatar.offline:before {
        background: #FFF;
        display: block;
        border: 2px solid #a1a1a1; }
      .chat-contact-list .current-xmpp-contact a .user-avatar.xa:before, .chat-contact-list .current-xmpp-contact a .user-avatar.dnd:before, .chat-contact-list .available-chatroom a .user-avatar.xa:before, .chat-contact-list .available-chatroom a .user-avatar.dnd:before {
        background: #f3565d;
        display: block; }
    .chat-contact-list .current-xmpp-contact a img, .chat-contact-list .available-chatroom a img {
      display: block;
      max-width: 30px;
      border-radius: 999em; }
    .chat-contact-list .current-xmpp-contact a h3, .chat-contact-list .current-xmpp-contact a p, .chat-contact-list .available-chatroom a h3, .chat-contact-list .available-chatroom a p {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin: 0; }
    .chat-contact-list .current-xmpp-contact a h3, .chat-contact-list .available-chatroom a h3 {
      font-size: 14px;
      font-weight: normal; }
    .chat-contact-list .current-xmpp-contact a p, .chat-contact-list .available-chatroom a p {
      color: #333; }
  .chat-contact-list .current-xmpp-contact.offline a h3, .chat-contact-list .available-chatroom.offline a h3 {
    color: #acacac; }
  .chat-contact-list .current-xmpp-contact .remove-xmpp-contact, .chat-contact-list .available-chatroom .remove-xmpp-contact {
    display: none; }
  .chat-contact-list .available-chatroom a {
    padding: 7px 15px;
    color: #252525; }
    .chat-contact-list .available-chatroom a.active {
      font-weight: bold; }
    .chat-contact-list .available-chatroom a:before {
      content: "#";
      margin-right: 5px;
      font-weight: normal;
      color: #acacac; }
  .chat-contact-list .chat-contact-search {
    position: absolute;
    background: #FFF;
    top: 0;
    left: 0;
    width: 100%; }
    .chat-contact-list .chat-contact-search form {
      position: relative; }
      .chat-contact-list .chat-contact-search form:before {
        position: absolute;
        top: 18px;
        left: 10px;
        content: "\e090";
        font-family: Simple-Line-Icons;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 14px;
        -webkit-font-smoothing: antialiased;
        color: rgba(0, 0, 0, 0.4);
        font-size: 18px; }
    .chat-contact-list .chat-contact-search input {
      width: 100%;
      border: 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding: 15px 15px 15px 35px; }
      .chat-contact-list .chat-contact-search input:focus {
        outline: none; }

.room-invite {
  display: none; }

.occupant-list {
  padding: 5px 10px; }
  .occupant-list li {
    display: block;
    line-height: 32px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative; }
    .occupant-list li img {
      max-width: 32px;
      border-radius: 999em;
      float: left;
      margin-right: 10px; }
    .occupant-list li:before {
      content: '';
      width: 8px;
      height: 8px;
      display: block;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -4px;
      border-radius: 999em; }
    .occupant-list li.online:before, .occupant-list li.chat:before {
      background: #39b54a; }
    .occupant-list li.offline {
      color: #a1a1a1; }
      .occupant-list li.offline:before {
        background: #FFF;
        border: 2px solid #a1a1a1; }

#available-chatrooms > dt, #chatrooms .add-chatroom, .chatbox-btn {
  display: none; }

#available-chatrooms {
  margin-bottom: 0; }

.chatroom-body .chat-area {
  width: 63.5%; }

#chat-col .chatbox h2 {
  display: none; }

#chat-col .chatbox .chat-toolbar {
  display: none; }

#chat-col .chatbox .chat-head-chatbox {
  display: none; }

#chat-col .chatbox.chatroom .chat-head-chatroom {
  display: block;
  width: 35%; }

#chat-col .chat-content {
  padding: 15px 0; }
  #chat-col .chat-content .chat-error, #chat-col .chat-content .chat-event {
    display: block;
    text-align: center;
    padding: 20px; }

#chat-col .emoticon {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

#chat-col .chatroom {
  background: none;
  padding: 0;
  box-shadow: none; }
  #chat-col .chatroom .flyout {
    position: relative; }

#chat-col .chat-head-chatroom, #chat-col .chat-head-chatbox {
  position: absolute;
  width: 25%;
  top: 0;
  right: 0;
  z-index: 998;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600; }
  #chat-col .chat-head-chatroom canvas, #chat-col .chat-head-chatbox canvas {
    float: left;
    margin: 5px 0 5px 10px; }
  #chat-col .chat-head-chatroom .chat-title, #chat-col .chat-head-chatbox .chat-title {
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
    background: #f9fafa;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  #chat-col .chat-head-chatroom p, #chat-col .chat-head-chatbox p {
    margin: 0; }

#chat-col .chatroom-body > p {
  height: calc(100vh - 140px);
  background: #FFF;
  text-align: center;
  width: 63.5%;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 100px 20px 30px; }

#chat-col .chatroom-body > div {
  display: inline-block;
  float: left; }

#chat-col .chatroom-body .occupants {
  width: 35%;
  float: right;
  padding: 80px 15px 15px; }
  #chat-col .chatroom-body .occupants .occupants-heading {
    display: none; }

#chat-col .chat-body {
  width: 100%;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); }

#chat-col .chatroom .chat-body {
  background: none;
  box-shadow: none; }

#chat-col .chat-area, #chat-col .occupants {
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  overflow: auto; }

#chat-col .chat-area {
  height: calc(100vh - 140px);
  position: relative; }

#chat-col .chat-head-chatbox {
  height: calc(100vh - 140px);
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); }
  #chat-col .chat-head-chatbox .chat-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }

#chat-col .occupants {
  height: calc(100vh - 140px); }
  #chat-col .occupants .room-invite > span {
    width: 100%;
    margin-bottom: 10px; }
  #chat-col .occupants .room-invite .tt-input {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px;
    width: 100%; }
  #chat-col .occupants .occupants-heading {
    font-weight: bold; }
  #chat-col .occupants .occupant-list {
    padding: 0;
    margin: 0; }
    #chat-col .occupants .occupant-list li {
      padding: 5px 15px 5px 0;
      font-size: 14px;
      font-weight: 600; }
      #chat-col .occupants .occupant-list li:last-child {
        border: 0; }

.chat-body {
  position: relative;
  height: calc(100vh - 140px); }
  .chat-body .chat-date {
    margin: 15px 0;
    line-height: 21px;
    position: relative;
    text-align: center;
    display: block; }
    .chat-body .chat-date:before {
      content: '';
      display: block;
      position: absolute;
      height: 1px;
      left: 15px;
      right: 15px;
      top: 15px;
      background: #b7b7b7;
      z-index: 9; }
    .chat-body .chat-date span {
      font-weight: 700;
      display: inline-block;
      background: #FFF;
      padding: 5px 10px;
      position: relative;
      z-index: 10; }
  .chat-body .chat-message {
    display: inline-block;
    padding: 5px 10px 5px 75px;
    width: 100%;
    min-height: 50px;
    position: relative; }
    .chat-body .chat-message > div {
      display: block;
      vertical-align: top;
      padding: 5px;
      float: left; }
    .chat-body .chat-message .user-avatar {
      width: 50px;
      position: absolute;
      top: 2px;
      left: 13px; }
    .chat-body .chat-message img {
      display: block;
      max-width: 40px;
      border-radius: 999em; }
    .chat-body .chat-message .chat-msg-author {
      margin: 0;
      margin-bottom: 10px;
      font-size: 14px;
      font-weight: 600;
      text-transform: capitalize;
      color: #252525; }
      .chat-body .chat-message .chat-msg-author .time {
        font-weight: normal;
        color: #a1a1a1;
        font-size: 13px;
        text-transform: uppercase; }
    .chat-body .chat-message .chat-msg-content {
      display: block;
      color: #252525;
      font-size: 14px; }
    .chat-body .chat-message p {
      color: #333;
      margin: 0; }
    .chat-body .chat-message .chat-media {
      display: inline-block;
      padding: 3px;
      border-radius: 4px;
      background: rgba(0, 0, 0, 0.3);
      width: 100%;
      max-width: 250px; }
      .chat-body .chat-message .chat-media img {
        width: 100%;
        height: auto;
        border-radius: 3px;
        max-width: none; }

.chat-content {
  position: absolute;
  overflow: auto;
  top: 0;
  width: 100%;
  bottom: 70px; }

.sendXMPPMessage {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 10px 15px;
  background: #FFF; }
  .sendXMPPMessage textarea {
    width: 100%;
    height: 40px;
    padding: 7px 70px 7px 10px;
    resize: none;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1); }
    .sendXMPPMessage textarea:focus {
      outline: none; }
  .sendXMPPMessage .chat-toolbar {
    position: absolute;
    bottom: 12px;
    right: 20px; }
    .sendXMPPMessage .chat-toolbar li {
      list-style: none;
      display: inline-block; }
      .sendXMPPMessage .chat-toolbar li a {
        color: rgba(0, 0, 0, 0.3);
        font-size: 18px;
        margin: 0 3px;
        transition: all 0.3s ease; }
        .sendXMPPMessage .chat-toolbar li a:hover {
          color: rgba(0, 0, 0, 0.5); }

.about-chat .portlet-body > h3 {
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom: 10px; }

.chat-details {
  display: table;
  table-layout: fixed;
  padding: 5px 0;
  width: 100%; }
  .chat-details > div {
    display: table-cell;
    vertical-align: top;
    padding: 10px 5px; }
  .chat-details .user-avatar {
    width: 40px; }
  .chat-details img {
    display: block;
    max-width: 30px;
    border-radius: 999em; }
  .chat-details h3 {
    margin: 0;
    margin-bottom: 3px;
    font-size: 14px; }
  .chat-details .last-seen {
    font-weight: normal;
    font-size: 13px;
    font-style: italic;
    color: #9b9b9b;
    margin: 0; }

.member-item {
  position: relative; }
  .member-item .chat-member > div {
    padding: 3px;
    vertical-align: middle; }
  .member-item .user-avatar {
    width: 30px; }
  .member-item img {
    width: 20px; }
  .member-item:before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid #76cb33;
    background: #76cb33;
    top: 50%;
    margin-top: -7px;
    right: 5px;
    border-radius: 999em; }
  .member-item.offline * {
    color: #CCC; }
  .member-item.offline:before {
    background: #FFF;
    border-color: #CCC; }

.chat-window {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 320px;
  right: -350px;
  z-index: 9999;
  background: #FFF;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: -3px 0 3px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease; }
  .chat-window .chat-header {
    background: #F3F3F3;
    padding: 15px;
    position: relative; }
    .chat-window .chat-header h3 {
      font-size: 18px;
      margin: 0;
      text-transform: capitalize; }
    .chat-window .chat-header .close {
      color: #333;
      position: absolute;
      top: 15px;
      right: 10px;
      background-image: url("/assets/img/portlet-remove-icon.png") !important; }
  .chat-window #chat-col .chat-head-chatbox {
    display: none; }
  .chat-window #chat-col .chat-body {
    height: calc(100vh - 49px);
    width: 100%; }
  .chat-window.open {
    right: 0; }
  .chat-window .chat-form {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px; }
    .chat-window .chat-form textarea {
      width: 100%;
      border: 1px solid rgba(0, 0, 0, 0.3);
      border-radius: 4px;
      padding: 5px; }
    .chat-window .chat-form .message-extras {
      padding: 0;
      position: absolute;
      right: 10px;
      bottom: 13px; }
      .chat-window .chat-form .message-extras li {
        display: inline-block;
        margin-left: 5px; }
        .chat-window .chat-form .message-extras li:first-child {
          margin: 0; }

/*
    Candy Chat UI Customization
*/
#chat-container {
  height: calc(100vh - 170px);
  position: relative; }
  #chat-container.loading {
    background: #FFF;
    border-radius: 4px;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); }
  #chat-container #chat-modal, #chat-container #chat-modal-overlay {
    display: none !important; }
  #chat-container #candy {
    background: none; }
    #chat-container #candy #chat-toolbar {
      display: none !important; }
    #chat-container #candy .chat-contact-list {
      background: #FFF;
      border-radius: 4px;
      box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
      height: calc(100vh - 165px); }
      #chat-container #candy .chat-contact-list h4 {
        font-size: 14px;
        margin: 0;
        padding: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    #chat-container #candy #chat-tabs, #chat-container #candy #chat-contacts {
      padding: 0;
      /*height: calc(100vh - 250px);*/
      overflow: auto;
      position: relative;
      margin: 0;
      background: #FFF; }
      #chat-container #candy #chat-tabs li, #chat-container #candy #chat-contacts li {
        list-style: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        float: none;
        width: 100% !important;
        margin: 0; }
        #chat-container #candy #chat-tabs li a, #chat-container #candy #chat-contacts li a {
          display: table;
          table-layout: fixed;
          padding: 5px;
          width: 100%;
          background: #FFF; }
          #chat-container #candy #chat-tabs li a:hover, #chat-container #candy #chat-contacts li a:hover {
            background: #F3F3F3; }
            #chat-container #candy #chat-tabs li a:hover .online:before, #chat-container #candy #chat-tabs li a:hover .away:before, #chat-container #candy #chat-contacts li a:hover .online:before, #chat-container #candy #chat-contacts li a:hover .away:before {
              border-color: #F3F3F3 !important; }
          #chat-container #candy #chat-tabs li a > div, #chat-container #candy #chat-contacts li a > div {
            display: table-cell;
            vertical-align: middle;
            padding: 10px 5px; }
          #chat-container #candy #chat-tabs li a .user-avatar, #chat-container #candy #chat-contacts li a .user-avatar {
            width: 40px;
            position: relative; }
            #chat-container #candy #chat-tabs li a .user-avatar.online:before, #chat-container #candy #chat-tabs li a .user-avatar.away:before, #chat-container #candy #chat-tabs li a .user-avatar.chat:before, #chat-container #candy #chat-contacts li a .user-avatar.online:before, #chat-container #candy #chat-contacts li a .user-avatar.away:before, #chat-container #candy #chat-contacts li a .user-avatar.chat:before {
              content: '';
              width: 10px;
              height: 10px;
              border: 3px solid #FFF;
              background: #76cb33;
              position: absolute;
              z-index: 9;
              display: block;
              border-radius: 999em;
              right: 0;
              top: 7px; }
            #chat-container #candy #chat-tabs li a .user-avatar.away:before, #chat-container #candy #chat-contacts li a .user-avatar.away:before {
              background: #ffbd4a; }
          #chat-container #candy #chat-tabs li a img, #chat-container #candy #chat-contacts li a img {
            display: block;
            max-width: 30px;
            border-radius: 999em; }
          #chat-container #candy #chat-tabs li a h3, #chat-container #candy #chat-contacts li a h3 {
            margin: 0;
            font-size: 14px;
            text-transform: capitalize; }
          #chat-container #candy #chat-tabs li a p, #chat-container #candy #chat-contacts li a p {
            color: #333;
            white-space: nowrap;
            margin: 0;
            text-overflow: ellipsis;
            overflow: hidden; }
      #chat-container #candy #chat-tabs .roomtype-chat .user-avatar :before, #chat-container #candy #chat-contacts .roomtype-chat .user-avatar :before {
        content: '';
        width: 15px;
        height: 15px;
        border: 3px solid #FFF;
        position: absolute;
        z-index: 9;
        display: block;
        border-radius: 999em;
        right: 0;
        top: 7px; }
      #chat-container #candy #chat-tabs .roomtype-chat.online .user-avatar:before, #chat-container #candy #chat-tabs .roomtype-chat.chat .user-avatar:before, #chat-container #candy #chat-contacts .roomtype-chat.online .user-avatar:before, #chat-container #candy #chat-contacts .roomtype-chat.chat .user-avatar:before {
        background: #76cb33; }
      #chat-container #candy #chat-tabs .roomtype-chat.away .user-avatar:before, #chat-container #candy #chat-contacts .roomtype-chat.away .user-avatar:before {
        background: #ffbd4a; }
      #chat-container #candy #chat-tabs .active a, #chat-container #candy #chat-contacts .active a {
        background-color: #F3F3F3;
        color: #333; }
      #chat-container #candy #chat-tabs .active .transition, #chat-container #candy #chat-contacts .active .transition {
        background-image: none; }
    #chat-container #candy .chat-contact-search {
      background: #FFF;
      width: 100%; }
      #chat-container #candy .chat-contact-search form {
        position: relative; }
        #chat-container #candy .chat-contact-search form:before {
          position: absolute;
          top: 18px;
          left: 10px;
          content: "\e090";
          font-family: Simple-Line-Icons;
          speak: none;
          font-style: normal;
          font-weight: 400;
          font-variant: normal;
          text-transform: none;
          line-height: 14px;
          -webkit-font-smoothing: antialiased;
          color: rgba(0, 0, 0, 0.4);
          font-size: 18px; }
      #chat-container #candy .chat-contact-search input {
        width: 100%;
        border: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding: 15px 15px 15px 35px;
        background: none; }
        #chat-container #candy .chat-contact-search input:focus {
          outline: none; }
    #chat-container #candy .about-chat {
      height: calc(100vh - 165px);
      overflow: auto; }
  #chat-container .roster-pane {
    background: #FFF;
    /*height: calc(100vh - 165px);*/
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); }
    #chat-container .roster-pane .user {
      margin: 0;
      font-size: 14px;
      font-family: "Open Sans", Helvetica, sans-serif;
      font-weight: 600;
      color: #333;
      opacity: 1;
      height: auto;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      box-shadow: none;
      text-transform: capitalize;
      display: table !important;
      table-layout: fixed;
      width: 100%;
      padding: 0 5px;
      transition: all 0.3s ease; }
      #chat-container .roster-pane .user:hover {
        background: #F3F3F3; }
      #chat-container .roster-pane .user .label {
        float: none;
        color: #333;
        text-shadow: none;
        font-size: 14px;
        padding: 0;
        font-weight: 600; }
      #chat-container .roster-pane .user.me {
        display: block; }
      #chat-container .roster-pane .user > div {
        display: table-cell;
        vertical-align: middle;
        padding: 10px 5px; }
      #chat-container .roster-pane .user .user-avatar {
        width: 40px;
        position: relative; }
      #chat-container .roster-pane .user img {
        display: block;
        max-width: 30px;
        border-radius: 999em; }
      #chat-container .roster-pane .user p {
        color: #333;
        white-space: nowrap;
        margin: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 12px;
        line-height: 1.5; }
  #chat-container .message-pane-wrapper {
    background: #FFF;
    height: calc(100vh - 195px);
    overflow: auto;
    border-radius: 4px 4px 0 0;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); }
  #chat-container .message-pane {
    position: relative; }
    #chat-container .message-pane .label {
      font-size: 14px;
      text-transform: capitalize;
      font-weight: 600;
      padding: 0; }
    #chat-container .message-pane .date-seperator {
      margin: 15px 0;
      line-height: 21px;
      position: relative;
      text-align: center;
      display: block; }
      #chat-container .message-pane .date-seperator:before {
        content: '';
        display: block;
        position: absolute;
        height: 1px;
        width: 100%;
        top: 15px;
        background: #b7b7b7;
        z-index: 9; }
      #chat-container .message-pane .date-seperator span {
        font-weight: bold;
        display: inline-block;
        background: #FFF;
        padding: 5px 10px;
        position: relative;
        z-index: 10;
        font-size: 14px; }
    #chat-container .message-pane .chat-message {
      display: table;
      table-layout: fixed;
      padding: 5px;
      width: 100%; }
      #chat-container .message-pane .chat-message > div {
        display: table-cell;
        vertical-align: top;
        padding: 10px 5px; }
      #chat-container .message-pane .chat-message .user-avatar {
        width: 40px; }
      #chat-container .message-pane .chat-message img {
        display: block;
        max-width: 30px;
        border-radius: 999em; }
      #chat-container .message-pane .chat-message h3 {
        margin: 0;
        margin-bottom: 10px;
        font-size: 14px; }
        #chat-container .message-pane .chat-message h3 .time {
          font-weight: normal;
          font-size: 13px;
          font-style: italic;
          color: #9b9b9b;
          margin-left: 10px; }
      #chat-container .message-pane .chat-message p {
        color: #333;
        margin: 0; }
      #chat-container .message-pane .chat-message .chat-media {
        display: inline-block;
        padding: 3px;
        border-radius: 4px;
        background: rgba(0, 0, 0, 0.3);
        width: 100%;
        max-width: 250px; }
        #chat-container .message-pane .chat-message .chat-media img {
          width: 100%;
          height: auto;
          border-radius: 3px;
          max-width: none; }
  #chat-container .message-form-wrapper {
    position: absolute;
    margin: 0;
    top: -2px;
    right: 15px;
    left: 15px;
    border-radius: 0 0 4px 4px;
    box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.1); }
    #chat-container .message-form-wrapper .message-form {
      position: static;
      margin: 0;
      border-radius: 0 0 4px 4px; }
      #chat-container .message-form-wrapper .message-form input {
        position: static; }
      #chat-container .message-form-wrapper .message-form .field {
        padding-right: 80px; }
      #chat-container .message-form-wrapper .message-form .submit {
        position: absolute;
        margin: 1px 3px; }

/*** Chatroom ***/
.chat-list {
  padding-right: 0; }

.chat-input {
  border: 3px solid #fff;
  border-radius: 4px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  height: auto;
  padding: 0; }

.chat-input form {
  padding: 0;
  margin: 0; }

.chat-list > .item {
  padding: 15px;
  margin-top: 5px;
  position: relative;
  border-bottom: 0px solid rgba(0, 0, 0, 0.15);
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1); }

.chat-list .item:last-child {
  border-bottom: 0; }

.chat-list .item .item-head {
  margin-bottom: 5px; }

.chat-list .item-head:before, .chat-list .item-head:after {
  content: " ";
  display: table; }

.chat-list .item-head:after {
  clear: both; }

.chat-list .item-details {
  display: inline-block;
  float: left; }

.chat-list .item-pic {
  height: 35px;
  width: 35px;
  margin-right: 10px;
  overflow: hidden;
  position: absolute;
  left: 15px;
  top: 15px;
  border-radius: 100%; }

.chat-list .author {
  border: 1px solid #45b6af; }

.chat-list .item-name {
  display: inline-block;
  margin-right: 10px;
  font-weight: 600; }

.chat-list .author .item-name {
  color: #45b6af; }

.chat-list .item-label {
  color: #C0C9CC; }

.chat-list .item-status {
  color: #C0C9CC;
  top: 2px;
  position: relative;
  display: inline-block;
  float: right; }

.chat-list .badge {
  margin-top: -2px; }

.chat-list .item-body {
  color: #333;
  padding: 0 0 0 50px; }

.chat-list .item-content {
  padding: 0 10px 0 0;
  overflow: hidden; }

.chat-list .chat-pic {
  max-width: 220px;
  overflow: hidden;
  margin: 4px 15px 8px 0;
  cursor: pointer;
  float: left;
  border: 2px solid transparent;
  border-radius: 4px; }

.chat-list .chat-pic:hover {
  border: 2px solid #0592d2; }

.chat-list .chat-pic img {
  width: 100%; }

.modal-content img {
  width: 100px;
  min-width: 100%; }

/*** Chatroom feed ***/
.chatroom-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 0;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px; }

.chatroom-nav ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.chatroom-nav ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 15px;
  text-align: left; }

.chatroom-nav > ul > li > a {
  font-weight: 600;
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding: 12px 10px 12px 40px; }

.chatroom-nav > ul > li.active > a {
  background: rgba(0, 0, 0, 0.05); }

.chatroom-nav > ul > li > a:hover {
  background: rgba(0, 0, 0, 0.05); }

.chatroom-nav li .batch {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  left: 15px;
  top: 20px; }

.chatroom {
  position: relative;
  height: 80%;
  width: 100%;
  margin-top: 0;
  margin-bottom: 25px;
  border-radius: 4px;
  padding: 0 20px;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); }

.chatroom-list {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  height: 100%;
  width: 100%; }

.chatroom-input {
  padding: 15px 30px;
  position: fixed;
  background: #FFF;
  bottom: 0;
  left: 70px;
  right: 0;
  z-index: 52;
  display: block;
  box-shadow: 3px 1px 5px 0 rgba(0, 0, 0, 0.3); }

.chatroom-input .form-control, .chatroom-input .medium-editor-element {
  height: 40px; }

.chatroom-input form {
  padding: 0;
  margin: 0;
  border: 2px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 900px;
  border-radius: 4px; }

.chatroom-input .input-group-btn,
.chatroom-input .input-group-btn .btn,
.chatroom-input .input-group-btn .btn-secondary,
.chatroom-input .input-group-btn .btn-primary,
.chatroom-input .input-group-btn .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu
.chatroom-input .input-group-btn li > a,
.chatroom-input .input-group-btn .btn-highlight,
.chatroom-input .input-group-btn .load-more-btn {
  height: 40px; }

.chatroom-list .item {
  padding: 20px 20px;
  margin: 0;
  position: relative;
  border-bottom: 2px solid rgba(0, 0, 0, 0.15);
  background: #fff;
  min-height: 90px; }

.chatroom-list .item.author {
  background: rgba(0, 0, 0, 0.05); }

.chatroom-list .item-details {
  display: inline-block;
  float: left; }

.chatroom-list .item-pic {
  height: 50px;
  width: 50px;
  margin-right: 10px;
  overflow: hidden;
  position: absolute;
  left: 20px;
  top: 15px;
  border-radius: 100%; }

.chatroom-list .item-name {
  padding-right: 10px; }

.chatroom-list .item-pic img {
  width: 100%; }

.chatroom-list .item-head {
  font-weight: 600;
  margin-bottom: 10px; }

.chatroom-list .item-body {
  color: #333;
  padding: 0 0 0 80px;
  font-size: 14px; }

/* Forms */
.control-label {
  margin-top: 1px; }

label {
  font-size: 14px;
  font-weight: 600; }

label input[type="checkbox"] {
  margin-top: 5px;
  display: inline-block;
  float: left;
  margin-right: 5px; }

.input-icon.right > .form-control, .input-icon.right > .medium-editor-element {
  padding-left: 12px;
  padding-right: 33px; }

.input-icon > .form-control, .input-icon > .medium-editor-element {
  padding-left: 33px; }

.form-control, .medium-editor-element {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  box-shadow: none;
  color: #333;
  font-size: 14px;
  font-weight: normal;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }

.form-control:focus, .medium-editor-element:focus {
  border-color: #0592d2; }

textarea {
  resize: vertical; }

.control-label .required {
  color: #F3565D;
  font-size: 12px;
  padding-left: 2px;
  display: inline-block; }

.modal-open .form-group #IsAdmin {
  margin-left: 0px;
  margin: 0px;
  height: 0px;
  width: 0px; }

#TriggerReminder.active-check-box {
  width: auto;
  margin: 5px 5px 0 0; }

.form-group {
  position: relative; }
  .form-group.has-cancel {
    padding-left: 26px; }
  .form-group.has-action {
    padding-right: 70px; }
  .form-group .row-remove-icon {
    position: absolute;
    top: 6px;
    left: 0px;
    color: #0592d2;
    z-index: 999;
    font-size: 16px; }
  .form-group .row-button {
    position: absolute;
    top: 0px;
    border: 1px solid #0592d2;
    border-radius: 3px;
    right: 0;
    padding: 8px 14px; }
    @media screen and (max-width: 991px) {
      .form-group .row-button {
        top: auto;
        bottom: 17px; } }
    .form-group .row-button:hover, .form-group .row-button:focus, .form-group .row-button.active {
      color: #0592d2;
      background: none; }
  .form-group #IsActive {
    width: 0; }

/* Edit Tab Checkbox List */
.edit-tab-pane .section-header {
  font-weight: bold;
  padding: 8px 12px;
  background: #f3f3f3;
  margin: 0 0 20px;
  line-height: 1.7;
  text-transform: uppercase; }

.edit-tab-pane .flex-col-12 {
  margin-top: 20px; }
  .edit-tab-pane .flex-col-12:first-of-type {
    margin-top: 0; }

.edit-tab-pane .custom-radio-container {
  margin-bottom: 10px; }

/* Forms
*****************************************/
.datepicker {
  padding: 0; }

.date-time-picker {
  padding-right: 40px;
  position: relative; }
  .date-time-picker .input-group-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 43px; }

.datepicker.dropdown-menu, .datetimepicker.dropdown-menu {
  padding: 2px 5px; }

.datepicker .form-control[readonly], .datepicker [readonly].medium-editor-element, .date-time-picker .form-control[readonly], .date-time-picker [readonly].medium-editor-element {
  background: #fff; }

.tab-content form {
  max-width: 550px; }

.tab-content .section-header form {
  max-width: none;
  display: inline-block; }

#personal-information .form-group .radio-list {
  padding-left: 0; }

.input-group-btn > .btn, .input-group-btn > .btn-secondary, .input-group-btn > .btn-primary, .btn-green .dropdown-menu li.input-group-btn > a, .input-group-btn > .btn-highlight, .input-group-btn > .load-more-btn {
  position: relative;
  padding: 8px 14px; }

.form-action {
  padding: 20px 0; }

.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
  display: none; }

.btn-file {
  position: relative;
  overflow: hidden; }

.btn-file > input {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  margin: 0px;
  font-size: 23px;
  cursor: pointer;
  opacity: 0;
  direction: ltr; }

.fileinput .thumbnail > img {
  max-height: 100%; }

.link-btn.btn-file {
  overflow: hidden;
  display: inline-block;
  margin-left: 0;
  position: relative; }

.btn-file span {
  color: #0592d2; }

.btn-file:hover span {
  opacity: .6; }

form .link-btn {
  padding: 8px 0 6px; }

.split-form div[class^='col-']:nth-child(odd), .split-form div[class*=' col-']:nth-child(odd) {
  clear: both; }

.split-form .form-group input[type=text] + input[type=text] {
  margin-top: 10px; }

/* Multiselect */
.multiselect-container > li.multiselect-group label {
  padding: 8px 15px !important;
  display: block;
  background: #f2f2f2; }

.multiselect-container > li > a {
  padding: 8px 0 !important; }
  .multiselect-container > li > a > label.radio {
    padding: 3px 15px; }
    .multiselect-container > li > a > label.radio input {
      display: none; }

.multiselect-item.filter .input-group {
  width: calc(100% - 10px); }

.multiselect-item.filter span {
  display: none; }

.controls .select-multiple + .btn-group {
  width: 100%; }

.controls .btn-group {
  background: #e5e5e5;
  padding: 1px;
  border-radius: 5px;
  width: auto;
  display: inline-block; }
  .controls .btn-group .multiselect {
    width: 100%;
    text-align: left;
    background: #FFF !important;
    position: relative;
    font-weight: normal;
    font-size: 14px;
    padding: 8px 15px; }
    .controls .btn-group .multiselect span {
      overflow: hidden;
      display: block;
      text-overflow: ellipsis; }
    .controls .btn-group .multiselect .caret {
      position: absolute;
      right: 6px;
      top: 14px; }
  .controls .btn-group.open .dropdown-toggle {
    box-shadow: none; }
  .controls .btn-group .multiselect-container {
    width: 100%;
    max-height: 350px !important; }
    .controls .btn-group .multiselect-container input[type='checkbox'] {
      margin-top: 2px; }

.activity-feed .no-activity {
  padding: 15px;
  text-align: center;
  font-weight: 600;
  font-size: 14px; }

.activity-feed .item {
  padding: 8px 0;
  border-bottom: 1px solid #F1F4F7;
  font-size: 12px;
  position: relative;
  overflow: hidden; }

.activity-feed .item:last-child {
  border-bottom: 0; }

.activity-feed .item-pic {
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  margin: 0;
  height: 25px;
  width: 25px;
  border-radius: 100%;
  overflow: hidden; }

.activity-feed .item-pic img {
  width: 100%; }

.activity-feed a {
  font-weight: 400; }

.activity-feed a:hover {
  color: #0592d2; }

.activity-feed .item-details {
  margin: 0;
  padding: 0 15px 0 35px;
  min-height: 37px; }

.activity-feed .date {
  color: #C0C9CC;
  white-space: nowrap; }

.activity-feed .item-status {
  color: #C0C9CC;
  top: 10px;
  right: 0;
  position: absolute;
  display: inline-block;
  float: right; }

.activity-feed .item-status > .badge {
  margin-top: -2px; }

.activity-feed .badge {
  font-size: 11px !important;
  font-weight: 300;
  text-align: center;
  height: 18px;
  padding: 3px 6px 3px 6px;
  border-radius: 12px !important;
  text-shadow: none !important;
  text-align: center;
  vertical-align: middle; }

.activity-feed .badge.badge-empty {
  display: inline-block;
  padding: 0;
  min-width: 8px;
  height: 8px;
  width: 8px; }

.sliding-activity .activity-container {
  top: 0;
  right: -310px;
  bottom: 0;
  margin: 0;
  padding: 0;
  z-index: 999;
  box-shadow: -1px 0 3px #BFBFBF;
  border-radius: 0;
  width: 300px;
  /*background: #272e3a;*/
  background: #FFF;
  transition: all 0.3s ease; }
  .sliding-activity .activity-container.open {
    right: 0; }
  .sliding-activity .activity-container .activity-feed {
    height: calc(100vh - 74px); }
  .sliding-activity .activity-container .portlet-title {
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #ddd;
    position: relative;
    background: none; }
    .sliding-activity .activity-container .portlet-title .feed-btn {
      position: absolute;
      top: 22px;
      right: 20px;
      color: #777; }
  .sliding-activity .activity-container .portlet-body {
    padding-left: 0;
    padding-right: 0; }
  .sliding-activity .activity-container .item {
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .sliding-activity .activity-container .caption-subject {
    padding: 10px 0; }
  .sliding-activity .activity-container .item-pic {
    left: 20px; }

/* Grading
*****************************************/
.tb-grading th {
  font-size: 12px;
  position: relative;
  border-bottom: 1px solid #ddd;
  vertical-align: bottom;
  padding: 5px 0;
  text-align: center;
  line-height: 1.4; }

.tb-grading th a {
  display: inline-block; }

.tb-grading th span {
  color: #333;
  display: block;
  font-weight: 600; }

.tb-grading td {
  font-size: 13px;
  padding: 0;
  border-bottom: 1px solid #ddd;
  position: relative;
  text-align: center; }

.tb-grading td.name,
.tb-grading th.name {
  padding: 7px 10px;
  width: 25%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  text-align: left; }

.tb-grading td.grade {
  padding: 2px 5px; }

.tb-grading td.name a {
  /*display: inline-block;*/
  width: calc(100% - 40px); }

.tb-grading td i {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #fff; }

.tb-grading tfoot td {
  padding: 10px 5px;
  text-align: center; }

.tb-grading td .btn, .tb-grading td .btn-secondary, .tb-grading td .btn-primary, .tb-grading td .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu .tb-grading td li > a, .tb-grading td .btn-highlight, .tb-grading td .load-more-btn {
  margin-bottom: 5px; }

.tb-grading td .score {
  padding: 0;
  display: inline-block;
  color: #333;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  background: #eee;
  margin-right: 5px;
  width: 40px;
  height: 30px;
  line-height: 29px; }

.tb-grading td.editable .score {
  color: #45B6AF;
  text-align: center;
  font-size: 15px;
  cursor: pointer;
  background: rgba(69, 182, 175, 0.1); }

td.editable .score:hover {
  color: #fff;
  background: #45B6AF; }

.tb-grading td.editable .score input {
  border: none;
  background: #45B6AF;
  color: #fff;
  width: 35px;
  height: 28px;
  padding-left: 5px; }

.tb-grading td.editable .exception {
  color: #F3565D; }

.grade {
  width: 12%; }

.wider .mark, .wider .publish, .done {
  display: none !important; }

.wider .done, .mark, .publish {
  display: block !important; }

/* Evaluation */
.evaluation-table-list {
  table-layout: fixed;
  margin-bottom: 0 !important; }
  .evaluation-table-list .t-cell {
    white-space: normal; }
    .evaluation-table-list .t-cell:first-child {
      width: 50%; }

.custom-radio-container {
  position: relative; }
  @media screen and (max-width: 767px) {
    .custom-radio-container {
      display: block !important; } }
  .custom-radio-container .custom-radio {
    width: 18px;
    height: 18px;
    border-radius: 2px;
    position: relative;
    border: 1px solid #0592d2;
    display: inline-block;
    top: 3px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .custom-radio-container .custom-radio {
        left: 0;
        position: absolute;
        top: 1px; } }
    .custom-radio-container .custom-radio .checkmark {
      width: 5px;
      height: 10px;
      border: solid white;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      display: inline-block;
      top: 2px;
      left: 6px; }
      .custom-radio-container .custom-radio .checkmark:before {
        color: #0592d2;
        display: none; }
        @media print {
          .custom-radio-container .custom-radio .checkmark:before {
            display: block; } }
  .custom-radio-container input {
    display: none !important; }
    .custom-radio-container input:checked ~ .custom-radio {
      background: #0592d2; }
    .custom-radio-container input:checked ~ .custom-radio-alternative {
      background: transparent; }
      .custom-radio-container input:checked ~ .custom-radio-alternative .checkmark {
        transform: scale(1) translate3d(-50%, -50%, 0); }
  .custom-radio-container .custom-radio-alternative {
    border-radius: 99em; }
    .custom-radio-container .custom-radio-alternative .custom-radio {
      background: transparent; }
    .custom-radio-container .custom-radio-alternative .checkmark {
      width: 8px;
      height: 8px;
      top: 50%;
      left: 50%;
      transform: scale(0) translate3d(-50%, -50%, 0);
      border-radius: 99em;
      border: 0;
      background: #0592d2; }
      @media print {
        .custom-radio-container .custom-radio-alternative .checkmark:before {
          display: none; } }

.evaluation-student > .user {
  min-height: 35px;
  padding: 10px 10px 10px 50px;
  position: relative;
  border-bottom: 1px solid #DDD;
  color: #0592d2;
  cursor: pointer; }
  .evaluation-student > .user .user-pic {
    position: absolute;
    width: 40px;
    left: 10px;
    top: 50%;
    transform: translateY(-50%); }
    .evaluation-student > .user .user-pic img {
      width: 30px;
      height: 30px;
      object-fit: cover;
      object-position: center;
      border: 2px solid rgba(0, 0, 0, 0.1);
      border-radius: 30px; }
  .evaluation-student > .user .bold {
    font-weight: 600 !important; }

@media screen and (max-width: 767px) {
  .evaluation-student .t-row.child-criteria-row {
    margin-bottom: 0;
    border-bottom: 1px solid #DDD;
    padding-left: 20px; } }

.evaluation-student .t-row.has-cancel .t-cell {
  position: relative; }
  .evaluation-student .t-row.has-cancel .t-cell:first-child {
    padding-left: 24px; }
  .evaluation-student .t-row.has-cancel .t-cell .remove-btn {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%); }

.evaluation-student .t-row.has-cancel.child-criteria-row .t-cell .remove-btn {
  left: 15px; }

.evaluation-student .child-criteria {
  padding-left: 20px !important; }
  @media screen and (max-width: 767px) {
    .evaluation-student .child-criteria {
      padding-left: 0 !important; } }

.evaluation-student .collapse, .evaluation-student .collapsing {
  padding-left: 10px; }
  .evaluation-student .collapse .table-list, .evaluation-student .collapsing .table-list {
    margin-bottom: 0;
    table-layout: fixed; }
    @media screen and (max-width: 767px) {
      .evaluation-student .collapse .table-list, .evaluation-student .collapsing .table-list {
        margin-top: 0; } }
  .evaluation-student .collapse .t-cell, .evaluation-student .collapsing .t-cell {
    white-space: normal; }
    @media screen and (max-width: 767px) {
      .evaluation-student .collapse .t-cell, .evaluation-student .collapsing .t-cell {
        border-bottom: 0;
        text-align: left; } }
    .evaluation-student .collapse .t-cell:first-child, .evaluation-student .collapsing .t-cell:first-child {
      width: 50%;
      padding-left: 10px; }
      @media screen and (max-width: 767px) {
        .evaluation-student .collapse .t-cell:first-child, .evaluation-student .collapsing .t-cell:first-child {
          width: 100%; } }
    .evaluation-student .collapse .t-cell label, .evaluation-student .collapsing .t-cell label {
      margin-bottom: 0;
      font-size: 14px;
      font-weight: normal;
      cursor: pointer; }
      @media screen and (max-width: 767px) {
        .evaluation-student .collapse .t-cell label, .evaluation-student .collapsing .t-cell label {
          padding-left: 24px;
          display: block;
          text-align: left; } }
      .evaluation-student .collapse .t-cell label em, .evaluation-student .collapsing .t-cell label em {
        display: none;
        font-style: normal;
        font-size: 13px;
        color: inherit; }
        @media screen and (max-width: 767px) {
          .evaluation-student .collapse .t-cell label em, .evaluation-student .collapsing .t-cell label em {
            display: block; } }
  @media screen and (max-width: 767px) {
    .evaluation-student .collapse .t-row, .evaluation-student .collapsing .t-row {
      margin-bottom: 0;
      border-bottom: 1px solid #DDD; } }
  .evaluation-student .collapse.in, .evaluation-student .collapsing.in {
    margin-bottom: 30px; }

@media print {
  .report-card-evaluation {
    font-size: 12px; }
    .report-card-evaluation label .checkmark {
      transform: rotate(0) !important;
      display: none !important; }
    .report-card-evaluation label .custom-radio {
      border: 0 !important; }
    .report-card-evaluation label.selected .checkmark {
      display: block !important; } }

.report-card-evaluation .table-list {
  table-layout: fixed; }
  .report-card-evaluation .table-list .t-cell {
    white-space: normal; }
    .report-card-evaluation .table-list .t-cell:first-child {
      width: 50%; }

/* Intro Signup
*****************************************/
.intro-signup {
  background: #0592d2; }

.intro-signup-content {
  padding: 0 15px; }

.intro-signup .portlet {
  margin: 30px auto;
  max-width: 1200px; }

.intro-signup h2 {
  text-align: center;
  font-weight: 300;
  margin: 0 auto;
  color: #fff;
  font-size: 40px; }

.intro-signup p {
  text-align: center;
  margin: 20px auto;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 300;
  color: #c0e4f4;
  max-width: 800px; }

.intro-signup p strong {
  font-weight: 600; }

.intro-signup p a {
  color: #fff; }

.intro-signup p a:hover {
  opacity: .8; }

.intro-signup p.form-hint {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin-top: 20px; }

.intro-signup-form {
  padding: 12px 20px 15px;
  border-radius: 4px;
  margin: 0 auto;
  width: 100%;
  max-width: 1000px; }

.intro-logo {
  width: 100%; }

.intro-logo img {
  margin: 30px auto;
  width: 180px;
  display: block; }

.intro-nav {
  width: 100%;
  margin: 0; }

.intro-nav ul {
  width: 100%;
  max-width: 1000px;
  margin: 50px auto;
  padding: 0;
  list-style: none;
  display: table;
  table-layout: fixed; }

.intro-nav ul li {
  margin: 0;
  padding: 0;
  display: table-cell;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  font-weight: 600; }

.intro-nav ul li a {
  color: #fff; }

.intro-nav ul li .indicator {
  margin: 0 auto 10px auto;
  padding: 0;
  display: block;
  width: 60px;
  height: 60px;
  background: #0592d2;
  border-radius: 100%;
  border: 2px solid #EFF3F8;
  opacity: 1;
  font-size: 20px;
  line-height: 56px; }

.intro-nav ul li.active .indicator {
  background: #82c9e9; }

.intro-nav ul li.finished .indicator {
  color: #0592d2;
  background: #fff; }

.intro-nav ul li .indicator:after {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  top: 29px;
  left: 0;
  background: #fff;
  display: block;
  z-index: -1; }

.intro-nav ul li:first-child .indicator:after {
  left: 50%;
  width: 50%; }

.intro-nav ul li:last-child .indicator:after {
  right: 50%;
  width: 50%; }

.intro-signup-form .form-group > label {
  display: none; }

.intro-signup-form .form-group {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto; }

.intro-signup-form .form-action {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: table;
  width: 100%;
  table-layout: fixed;
  padding-bottom: 100px; }

.intro-signup-form .form-action .action-btn {
  display: table-cell;
  padding: 0 5px; }

.intro-signup-form .form-control, .intro-signup-form .medium-editor-element {
  padding: 6px 20px;
  font-size: 14px;
  width: 100%;
  line-height: 1.2;
  border-color: #FFF;
  box-shadow: 0 0 0 #FFF;
  height: 38px;
  color: #9faab5; }

.intro-signup-form select.form-control, .intro-signup-form select.medium-editor-element {
  padding: 6px 16px;
  margin: 0; }

.intro-signup-form .form-row {
  display: table;
  table-layout: fixed;
  margin: 0 0 20px 0;
  width: 100%; }

.intro-signup-form .form-row > .checkbox {
  display: table-cell;
  padding: 0 5px 20px 5px;
  vertical-align: top;
  text-align: center;
  color: #fff; }

.intro-signup-form .form-row .form-group {
  display: table-cell;
  padding: 0 5px 0 5px;
  vertical-align: top; }

.intro-signup-form .form-row .form-group .checkbox {
  display: block;
  padding: 5px 0 0 10px;
  color: #fff;
  height: 38px;
  border: 2px solid #fff;
  border-radius: 4px;
  white-space: nowrap;
  margin: 0; }

.intro-signup-form .form-row .form-group.form-checkbox {
  padding: 0 0 0 5px;
  width: 120px;
  margin: 0; }

.intro-signup-form .form-row .form-group.course-color {
  padding: 0 0 0 5px;
  width: 42px; }

.intro-signup-form .form-row .form-group.course-title {
  width: 36%; }

.intro-signup-form .form-row .form-group.term-title {
  width: 36%; }

.intro-signup-form .form-row .form-group.form-count {
  padding: 0;
  width: 42px;
  color: #fff;
  font-size: 16px;
  vertical-align: middle;
  text-align: center; }

.intro-signup-form .form-row .form-group.course-color .dropdown-toggle {
  width: 42px;
  height: 38px;
  border: 2px solid #fff;
  color: #fff; }

.intro-signup-form .dropdown-menu {
  min-width: 101px; }

.intro-signup-form .dropdown-menu .color-palette {
  padding: 5px 0 2px 5px; }

.intro-signup-form .form-group.color-palette > label {
  display: block;
  color: #fff;
  text-align: center;
  margin: 20px 0; }

.intro-signup-form .color-thumb {
  border-radius: 4px;
  margin: 0 0 3px 0; }

.intro-signup-form .color-thumb.active span {
  display: none; }

.intro-signup-form .form-action .btn, .intro-signup-form .form-action .btn-secondary, .intro-signup-form .form-action .btn-primary, .intro-signup-form .form-action .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu .intro-signup-form .form-action li > a, .intro-signup-form .form-action .btn-highlight, .intro-signup-form .form-action .load-more-btn,
.intro-signup-form .input-group .btn,
.intro-signup-form .input-group .btn-secondary,
.intro-signup-form .input-group .btn-primary,
.intro-signup-form .input-group .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu
.intro-signup-form .input-group li > a,
.intro-signup-form .input-group .btn-highlight,
.intro-signup-form .input-group .load-more-btn {
  width: 100%;
  font-size: 18px;
  line-height: 20px;
  padding: 10px 20px;
  margin: 0;
  border: 2px solid #FFF;
  background: transparent;
  color: #fff; }

.intro-signup-form .input-group .btn, .intro-signup-form .input-group .btn-secondary, .intro-signup-form .input-group .btn-primary, .intro-signup-form .input-group .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu .intro-signup-form .input-group li > a, .intro-signup-form .input-group .btn-highlight, .intro-signup-form .input-group .load-more-btn {
  height: 38px;
  text-align: center;
  padding: 0;
  width: 45px; }

.intro-signup-form .input-group .btn i, .intro-signup-form .input-group .btn-secondary i, .intro-signup-form .input-group .btn-primary i, .intro-signup-form .input-group .btn-green .dropdown-menu li > a i, .btn-green .dropdown-menu .intro-signup-form .input-group li > a i, .intro-signup-form .input-group .btn-highlight i, .intro-signup-form .input-group .load-more-btn i {
  padding: 0; }

.intro-signup-form .form-action .btn:hover, .intro-signup-form .form-action .btn-secondary:hover, .intro-signup-form .form-action .btn-primary:hover, .intro-signup-form .form-action .btn-green .dropdown-menu li > a:hover, .btn-green .dropdown-menu .intro-signup-form .form-action li > a:hover, .intro-signup-form .form-action .btn-highlight:hover, .intro-signup-form .form-action .load-more-btn:hover,
.intro-signup-form .form-action .btn:focus,
.intro-signup-form .form-action .btn-secondary:focus,
.intro-signup-form .form-action .btn-primary:focus,
.intro-signup-form .form-action .btn-green .dropdown-menu li > a:focus, .btn-green .dropdown-menu
.intro-signup-form .form-action li > a:focus,
.intro-signup-form .form-action .btn-highlight:focus,
.intro-signup-form .form-action .load-more-btn:focus,
.intro-signup-form .form-action .btn:active,
.intro-signup-form .form-action .btn-secondary:active,
.intro-signup-form .form-action .btn-primary:active,
.intro-signup-form .form-action .btn-green .dropdown-menu li > a:active, .btn-green .dropdown-menu
.intro-signup-form .form-action li > a:active,
.intro-signup-form .form-action .btn-highlight:active,
.intro-signup-form .form-action .load-more-btn:active {
  background: rgba(255, 255, 255, 0.3); }

.intro-signup-form .form-action p {
  font-size: 14px;
  font-weight: 600; }

.intro-signup-form ::-webkit-input-placeholder {
  color: #9faab5; }

.intro-signup-form :-moz-placeholder {
  color: #9faab5; }

.intro-signup-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #9faab5; }

.intro-signup-form :-ms-input-placeholder {
  color: #9faab5; }

/*** Messageboard feed ***/
.messageboard {
  /*margin-top: 20px;*/
  margin-bottom: 25px;
  margin-right: -5px;
  margin-left: -5px; }

.chat-list {
  padding-right: 0; }

.messageboard-input {
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  height: auto;
  padding: 0; }

.messageboard-input .form-control, .messageboard-input .medium-editor-element {
  height: 40px; }

.messageboard-input form {
  padding: 0;
  margin: 0; }

.messageboard-input .input-group-btn,
.messageboard-input .input-group-btn .btn,
.messageboard-input .input-group-btn .btn-secondary,
.messageboard-input .input-group-btn .btn-primary,
.messageboard-input .input-group-btn .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu
.messageboard-input .input-group-btn li > a,
.messageboard-input .input-group-btn .btn-highlight,
.messageboard-input .input-group-btn .load-more-btn {
  height: 40px; }

.messageboard-list .grid-item {
  padding: 15px 0;
  margin: 0 0 10px 0;
  position: relative;
  border-top-width: 4px;
  border-top-style: solid;
  background: #fff;
  border-radius: 4px;
  min-height: 90px;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden; }
  .messageboard-list .grid-item.inactive {
    opacity: 0.5; }
  .messageboard-list .grid-item .announcement-tag {
    width: 120px;
    text-align: center;
    position: absolute;
    top: 20px;
    left: -30px;
    transform: rotate(-45deg);
    text-transform: uppercase;
    color: #FFF;
    font-size: 9px;
    font-weight: bold;
    padding: 1px;
    z-index: 5;
    letter-spacing: 0.15em; }

.messageboard-list .color-1, .messageboard-list .color-1 .item-name {
  border-color: #01a0e3;
  color: #01a0e3; }

.messageboard-list .color-2, .messageboard-list .color-2 .item-name {
  border-color: #fcb95b;
  color: #fcb95b; }

.messageboard-list .color-3, .messageboard-list .color-3 .item-name {
  border-color: #c3cf77;
  color: #c3cf77; }

.messageboard-list .color-4, .messageboard-list .color-4 .item-name {
  border-color: #8ab734;
  color: #8ab734; }

.messageboard-list .color-5, .messageboard-list .color-5 .item-name {
  border-color: #bc85e6;
  color: #bc85e6; }

.messageboard-list .color-6, .messageboard-list .color-6 .item-name {
  border-color: #df7baa;
  color: #df7baa; }

.messageboard-list .color-7, .messageboard-list .color-7 .item-name {
  border-color: #b27636;
  color: #b27636; }

.messageboard-list .color-8, .messageboard-list .color-8 .item-name {
  border-color: #14a88e;
  color: #14a88e; }

.messageboard-list .color-9, .messageboard-list .color-9 .item-name {
  border-color: #d13f9e;
  color: #d13f9e; }

.messageboard-list .color-10, .messageboard-list .color-10 .item-name {
  border-color: #34cced;
  color: #34cced; }

.messageboard-list .color-11, .messageboard-list .color-11 .item-name {
  border-color: #6668b4;
  color: #6668b4; }

.messageboard-list .color-12, .messageboard-list .color-12 .item-name {
  border-color: #a4506c;
  color: #a4506c; }

.messageboard-list .color-13, .messageboard-list .color-13 .item-name {
  border-color: #67412c;
  color: #67412c; }

.messageboard-list .color-14, .messageboard-list .color-14 .item-name {
  border-color: #3c6526;
  color: #3c6526; }

.messageboard-list .color-15, .messageboard-list .color-15 .item-name {
  border-color: #f3565d;
  color: #f3565d; }

.grid-item, .grid-sizer {
  width: 23.5%; }

.gutter-sizer {
  width: 2%; }

.messageboard-list .grid-item--width2 {
  width: 49%; }

.messageboard-list .item-details {
  display: inline-block;
  float: left; }

.messageboard-list .item-pic {
  height: 60px;
  width: 60px;
  margin-right: 10px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 15px;
  border-radius: 100%; }
  .messageboard-list .item-pic img {
    width: 100%; }

.messageboard-list .item-name {
  display: inline-block; }

.messageboard-list .item-label {
  padding-right: 10px; }

.messageboard-list .item-body {
  color: rgba(0, 0, 0, 0.7);
  padding: 0 15px;
  font-size: 14px; }

.messageboard-list .messageboard-link {
  margin: 15px 0; }

.messageboard-list .announcement-actions {
  position: absolute;
  top: 7px;
  right: 0; }
  .messageboard-list .announcement-actions .dropdown > .dropdown-menu:before {
    left: auto;
    right: 14px; }
  .messageboard-list .announcement-actions .dropdown > .dropdown-menu:after {
    left: auto;
    right: 15px; }

.messageboard-list .nav-dots {
  display: inline-block;
  cursor: pointer;
  width: 34px; }
  .messageboard-list .nav-dots .dot {
    display: block;
    float: right;
    width: 5px;
    height: 5px;
    background: #9faab5;
    border-radius: 100%;
    margin: 5px 0 5px 4px; }
  .messageboard-list .nav-dots:hover .dot {
    background: #333; }

.messageboard-list .item-content p {
  white-space: pre-line; }

.messageboard-list .item-head {
  font-weight: 600;
  margin-bottom: 15px;
  position: relative;
  color: rgba(0, 0, 0, 0.4);
  /*.action {
            position: absolute;
            right: 0;
            top: 3px;
            text-align: right;
        }*/ }
  .messageboard-list .item-head .batch {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 10px; }
  .messageboard-list .item-head .item-avatar {
    width: 50px;
    height: 50px;
    float: left; }
    .messageboard-list .item-head .item-avatar img {
      width: 50px;
      height: 50px;
      border-radius: 999em; }
  .messageboard-list .item-head .item-info {
    margin-left: 65px;
    padding-top: 5px;
    position: relative; }
    .messageboard-list .item-head .item-info h2 {
      font-weight: 600;
      margin: 0 0 5px;
      font-size: 18px;
      padding-right: 50px; }
      .messageboard-list .item-head .item-info h2 + p {
        padding-right: 150px; }
    .messageboard-list .item-head .item-info .announcement-type-badge {
      display: inline-block;
      font-size: 10px;
      padding: 0 5px;
      border-radius: 2px;
      color: #FFF;
      background: #6668b4;
      text-transform: uppercase;
      font-weight: bold; }
    .messageboard-list .item-head .item-info a {
      /*color: rgba(0, 0, 0, 0.7);*/
      font-weight: normal; }
    .messageboard-list .item-head .item-info .recepient-info {
      position: absolute;
      top: 30px;
      right: 0;
      font-size: 12px; }
      .messageboard-list .item-head .item-info .recepient-info span {
        font-weight: bold;
        color: #000; }
  .messageboard-list .item-head i {
    width: 25px;
    height: 25px;
    cursor: pointer;
    display: inline-block; }
    .messageboard-list .item-head i.pinned, .messageboard-list .item-head i:hover {
      color: #f3565d; }
    .messageboard-list .item-head i.status-icon {
      position: relative;
      top: 2px; }
    .messageboard-list .item-head i.icon-clock {
      color: #AAA; }

.messageboard-list .item-foot {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 10px; }
  .messageboard-list .item-foot ul {
    padding: 0;
    margin: 0; }
    .messageboard-list .item-foot ul li {
      display: inline-block;
      list-style: none; }
      .messageboard-list .item-foot ul li a {
        display: inline-block;
        padding: 5px 10px;
        color: rgba(0, 0, 0, 0.7);
        font-weight: 600;
        font-size: 13px; }
        .messageboard-list .item-foot ul li a:hover, .messageboard-list .item-foot ul li a:active {
          color: black; }
        .messageboard-list .item-foot ul li a.pinned {
          color: #f3565d; }
          .messageboard-list .item-foot ul li a.pinned:hover, .messageboard-list .item-foot ul li a.pinned:active {
            color: #f3565d; }

.message-media {
  position: relative;
  overflow: hidden;
  /*max-height: 300px;*/
  max-height: calc(90vh - 100px);
  margin-bottom: 15px;
  background: #000;
  text-align: center; }
  .message-media a {
    display: block; }
  .message-media img {
    float: left;
    width: 100%;
    margin-bottom: 0; }
  .message-media span {
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    background: rgba(1, 160, 227, 0.7);
    border-radius: 99em;
    padding: 7px 12px;
    position: absolute;
    bottom: 15px;
    right: 15px; }

.attachment-list {
  padding: 0;
  margin: 0 0 10px; }
  .attachment-list li {
    list-style: none;
    display: inline-block;
    margin: 0 15px 5px 0; }

.messageboard-nav ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .messageboard-nav ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 15px; }
    .messageboard-nav ul li a {
      list-style: none;
      margin: 0 0 2px 0;
      padding: 3px 5px 3px 15px;
      border-left: 5px solid rgba(0, 0, 0, 0.2);
      color: #9faab5;
      display: block; }
      .messageboard-nav ul li a.active, .messageboard-nav ul li a a:hover {
        border-left: 5px solid rgba(0, 0, 0, 0.8);
        color: rgba(0, 0, 0, 0.8); }

.messageboard-nav > ul > li > a {
  font-weight: 600; }
  .messageboard-nav > ul > li > a.active, .messageboard-nav > ul > li > a a:hover {
    border-left: 5px solid rgba(0, 0, 0, 0.8);
    color: rgba(0, 0, 0, 0.8); }

/* Flex row for grids */
.messageboard-row .messageboard-col {
  padding-right: 5px;
  padding-left: 5px; }
  .messageboard-row .messageboard-col .grid-item {
    width: 100% !important; }
  .messageboard-row .messageboard-col img {
    width: 100%; }
    .messageboard-row .messageboard-col img[src$=".gif"] {
      max-width: 100%;
      width: auto;
      max-height: calc(90vh - 100px);
      float: none; }
  .messageboard-row .messageboard-col .tool-bar {
    padding: 8px 15px; }
    .messageboard-row .messageboard-col .tool-bar .dropdown > a {
      font-size: 15px; }
    .messageboard-row .messageboard-col .tool-bar .heading .dropdown-filter {
      margin-right: 0; }

.col-card {
  padding: 0;
  margin: 0 0 30px 0;
  position: relative;
  background: #fff;
  border-radius: 4px;
  min-height: 90px;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); }
  .col-card ul {
    padding: 0;
    margin: 0 0 15px;
    overflow: hidden; }
    .col-card ul li {
      list-style: none;
      display: block;
      position: relative; }
      .col-card ul li .filter-toggle {
        display: inline-block;
        position: absolute;
        width: 20px;
        height: 20px;
        top: 1px;
        right: 0;
        cursor: pointer; }
        .col-card ul li .filter-toggle:before {
          content: "";
          position: absolute;
          display: inline-block;
          width: 10px;
          height: 10px;
          border-bottom: 2px solid #a0a0a0;
          border-right: 2px solid #a0a0a0;
          top: 50%;
          left: 50%;
          transform: translate3d(-25%, -50%, 0) rotate(-45deg);
          transition: all 0.3s ease-in-out; }
      .col-card ul li.open-child .filter-toggle:before {
        transform: translate3d(-25%, -75%, 0) rotate(45deg); }
  .col-card h3 {
    padding: 12px 15px;
    border-bottom: 1px solid #CCC;
    text-transform: uppercase;
    display: block;
    margin: 0;
    font-size: 14px;
    background: #f9fafa;
    border-radius: 4px 4px 0 0; }
  .col-card .sub-list {
    padding-left: 20px;
    margin-bottom: 0;
    overflow: hidden;
    display: none; }
    .col-card .sub-list li:last-child {
      margin-bottom: 15px; }
    .col-card .sub-list label {
      font-size: 13px;
      font-weight: 600; }
  .col-card .announcement-filter-header {
    position: relative; }
    .col-card .announcement-filter-header .toggle-filter {
      position: absolute;
      top: 8px;
      right: 11px; }
      .col-card .announcement-filter-header .toggle-filter .toggle-box {
        position: relative;
        display: inline-block;
        width: 25px;
        height: 24px; }
        .col-card .announcement-filter-header .toggle-filter .toggle-box .toggle-inner {
          position: absolute;
          width: 25px;
          height: 2px;
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-duration: 75ms;
          background-color: #00bdf0;
          transition-property: transform;
          top: 50%;
          display: block;
          margin-top: -2px; }
          .col-card .announcement-filter-header .toggle-filter .toggle-box .toggle-inner:before, .col-card .announcement-filter-header .toggle-filter .toggle-box .toggle-inner:after {
            display: block;
            content: "";
            position: absolute;
            width: 25px;
            height: 2px;
            transition-timing-function: ease;
            transition-duration: .15s;
            transition-property: transform;
            border-radius: 4px;
            background-color: #00bdf0; }
          .col-card .announcement-filter-header .toggle-filter .toggle-box .toggle-inner:before {
            top: -8px;
            transition: top 75ms ease .12s,opacity 75ms ease; }
          .col-card .announcement-filter-header .toggle-filter .toggle-box .toggle-inner:after {
            bottom: -8px;
            transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }
      .col-card .announcement-filter-header .toggle-filter.open .toggle-box .toggle-inner {
        transition-delay: .12s;
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: rotate(45deg); }
        .col-card .announcement-filter-header .toggle-filter.open .toggle-box .toggle-inner:before {
          top: 0;
          transition: top 75ms ease,opacity 75ms ease .12s;
          opacity: 0; }
        .col-card .announcement-filter-header .toggle-filter.open .toggle-box .toggle-inner:after {
          bottom: 0;
          transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
          transform: rotate(-90deg); }
  .col-card .filter-list {
    padding: 15px 15px 0;
    list-style: none;
    display: block;
    margin-bottom: 10px;
    width: 100%; }
    .col-card .filter-list b {
      text-transform: uppercase;
      margin-bottom: 5px;
      display: block;
      color: #01a0e3; }
    .col-card .filter-list input[type='checkbox'] {
      float: left;
      width: 20px;
      margin-right: 5px; }
  @media screen and (min-width: 768px) {
    .col-card .pinned-list {
      max-height: 40vh; } }
  .col-card .pinned-list li {
    padding: 10px 35px 10px 60px;
    border-bottom: 1px solid #ddd;
    position: relative; }
    .col-card .pinned-list li:last-child {
      border-bottom: 0; }
    .col-card .pinned-list li img {
      width: 30px;
      height: 30px;
      border-radius: 999em;
      position: absolute;
      top: 14px;
      left: 15px;
      margin: 0; }
    .col-card .pinned-list li h4 {
      font-size: 13px;
      font-weight: 600;
      margin: 0; }
    .col-card .pinned-list li p {
      font-size: 11px;
      margin: 0; }
    .col-card .pinned-list li .action {
      position: absolute;
      right: 5px;
      top: 9px;
      text-align: right;
      color: rgba(0, 0, 0, 0.4); }
      .col-card .pinned-list li .action i {
        width: 25px;
        height: 20px;
        cursor: pointer;
        display: inline-block; }
        .col-card .pinned-list li .action i:hover, .col-card .pinned-list li .action i.pinned {
          color: #f3565d; }
  .col-card .empty-content {
    padding: 10% 10px;
    text-align: center;
    font-weight: 600;
    font-size: 14px; }

/* Modals */
.modal-title {
  line-height: 1.42857;
  margin: 0;
  font-weight: 400;
  color: #fff;
  padding: 0;
  font-size: 20px; }

.modal .modal-header {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  background: #0592d2;
  border-radius: 5px 5px 0 0;
  text-align: left; }

.modal-content {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-width: 0; }

.modal-footer {
  border-top: 2px solid rgba(0, 0, 0, 0.1);
  padding: 15px;
  text-align: left; }

.close {
  background-image: url("/assets/img/remove-icon.png") !important;
  background-repeat: no-repeat !important;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin-right: 0;
  margin-top: 0;
  outline: medium none;
  text-indent: -10000px;
  opacity: .8; }

.modal .modal-header .close {
  margin-top: 6px !important; }

.modal .btn-group {
  background: #e5e5e5;
  padding: 1px;
  border-radius: 5px; }
  .modal .btn-group .btn:active, .modal .btn-group .btn-secondary:active, .modal .btn-group .btn-primary:active, .modal .btn-group .btn-green .dropdown-menu li > a:active, .btn-green .dropdown-menu .modal .btn-group li > a:active, .modal .btn-group .btn-highlight:active, .modal .btn-group .load-more-btn:active, .modal .btn-group .btn.active, .modal .btn-group .active.btn-secondary, .modal .btn-group .active.btn-primary, .modal .btn-group .btn-green .dropdown-menu li > a.active, .btn-green .dropdown-menu .modal .btn-group li > a.active, .modal .btn-group .active.btn-highlight, .modal .btn-group .active.load-more-btn {
    background: #0592d2;
    color: #FFF;
    box-shadow: none; }
    .modal .btn-group .btn:active:hover, .modal .btn-group .btn-secondary:active:hover, .modal .btn-group .btn-primary:active:hover, .modal .btn-group .btn-green .dropdown-menu li > a:active:hover, .btn-green .dropdown-menu .modal .btn-group li > a:active:hover, .modal .btn-group .btn-highlight:active:hover, .modal .btn-group .load-more-btn:active:hover, .modal .btn-group .btn.active:hover, .modal .btn-group .active.btn-secondary:hover, .modal .btn-group .active.btn-primary:hover, .modal .btn-group .btn-green .dropdown-menu li > a.active:hover, .btn-green .dropdown-menu .modal .btn-group li > a.active:hover, .modal .btn-group .active.btn-highlight:hover, .modal .btn-group .active.load-more-btn:hover {
      background: #0592d2;
      color: #FFF;
      box-shadow: none; }

.modal-activity .item {
  padding: 12px 0 15px;
  font-size: 13px; }
  .modal-activity .item:first-child {
    padding-top: 0; }
    .modal-activity .item:first-child .item-pic {
      top: 3px; }
  .modal-activity .item:last-child {
    padding-bottom: 0; }
  .modal-activity .item .item-pic {
    width: 35px;
    height: 35px;
    top: 12px;
    border: 1px solid #6668b4; }
  .modal-activity .item .item-details {
    padding: 8px 0 0 45px; }
  .modal-activity .item .activity-comment {
    margin-left: 45px;
    padding: 8px;
    border: 1px solid #CCC;
    background: #f9fafa; }
    .modal-activity .item .activity-comment p {
      margin: 0; }

/*** Notifications***/
.notification-header {
  width: 320px;
  position: relative;
  overflow: hidden;
  padding: 12px 12px 10px 12px;
  border-bottom: 1px solid #9faab5;
  border-radius: 4px 4px 0 0;
  line-height: 1.4;
  color: #FFF; }
  .notification-header > a {
    float: right; }

.notification-header h3 {
  display: inline-block;
  width: 200px;
  font-weight: 600;
  padding: 0;
  margin: 0;
  color: #FFF; }

.notification-header h3 strong {
  font-weight: 600; }

.notification-feed {
  width: 320px;
  position: relative;
  overflow: hidden; }

.notification-feed .item {
  padding: 12px 0 0 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 12px;
  position: relative;
  overflow: hidden; }

#notification_listing .item {
  border-left: 3px solid #fff; }

#notification_listing .item.active {
  border-left: 3px solid #0592d2;
  background: #f5f5f5; }

#notification_listing .item.unread {
  border-left: 3px solid #fcb95b;
  background: #E3F2FD; }

.notification-feed .item-badge {
  display: block;
  position: absolute;
  left: 10px;
  top: 16px;
  padding: 0;
  width: 8px;
  height: 8px;
  border-radius: 100%; }

.item-badge {
  background: #9faab5; }

.notification-feed a {
  font-weight: 600; }

.notification-feed .item-details {
  margin: 0;
  padding: 0 15px 0 35px;
  min-height: 37px;
  line-height: 1.2; }

.notification-feed .date {
  color: #C0C9CC;
  white-space: nowrap; }

.notification-listing {
  max-height: 360px; }
  .notification-listing .item {
    display: table;
    width: 100%;
    table-layout: fixed;
    line-height: 1;
    padding: 4px; }
    .notification-listing .item > div {
      display: table-cell;
      vertical-align: top;
      padding: 5px; }
    .notification-listing .item .notification-icon {
      width: 40px;
      text-align: center; }
      .notification-listing .item .notification-icon i {
        padding: 7px;
        color: #FFF;
        width: 28px;
        font-size: 14px;
        display: inline-block;
        border-radius: 3px;
        background: #03A9F4; }
        .notification-listing .item .notification-icon i.announcement {
          background: #ECB900; }
        .notification-listing .item .notification-icon i.reminder {
          background: #8ab734; }
    .notification-listing .item .notification-avatar {
      width: 40px;
      text-align: left; }
      .notification-listing .item .notification-avatar img {
        padding: 0;
        width: 32px;
        display: inline-block;
        border-radius: 100%; }
    .notification-listing .item .notification-content {
      color: #FFF;
      line-height: 1.2; }
      .notification-listing .item .notification-content a {
        color: #FFF; }
      .notification-listing .item .notification-content span {
        color: #C0C9CC;
        font-weight: 100;
        font-style: italic;
        display: block;
        margin-top: 5px; }
      .notification-listing .item .notification-content p {
        margin: 3px 0; }

.notification-footer {
  line-height: 1.25;
  padding: 10px 12px 12px;
  border-top: 1px solid #9faab5;
  text-align: center;
  text-transform: capitalize; }

#notification_listing .notification-feed .item {
  border-bottom-color: #b7b7b7; }

#notification_listing .notification-feed .item-status {
  width: 40px;
  text-align: center; }
  #notification_listing .notification-feed .item-status i {
    width: 40px;
    padding: 6px 7px;
    font-size: 20px; }

#notification_listing .notification-feed .item-details {
  position: relative; }
  #notification_listing .notification-feed .item-details .timestamp {
    display: block;
    color: #a1a1a1; }
    #notification_listing .notification-feed .item-details .timestamp b {
      color: #252525; }
    #notification_listing .notification-feed .item-details .timestamp i {
      color: #a1a1a1;
      margin-left: 10px;
      margin-right: 3px; }
  #notification_listing .notification-feed .item-details a {
    color: #252525; }
  #notification_listing .notification-feed .item-details .notification-action {
    position: absolute;
    top: 10px;
    right: 0; }
    #notification_listing .notification-feed .item-details .notification-action a {
      color: #FFF;
      padding: 3px 5px;
      background: #ECB900;
      border-radius: 2px;
      font-size: 11px; }

#notification_listing .notification-feed .unread .item-details {
  padding-right: 100px; }

.notification-message-detail .portlet-body {
  padding: 0; }

.notification-message-detail .item {
  position: relative;
  line-height: 30px;
  padding: 5px 20px 7px;
  border-bottom: 1px solid #cccccc; }
  .notification-message-detail .item .item-pic {
    float: left;
    margin-right: 10px; }
  .notification-message-detail .item img {
    width: 30px;
    border-radius: 999em; }
  .notification-message-detail .item .item-details {
    font-weight: 600;
    padding-right: 80px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0; }
  .notification-message-detail .item .item-status {
    position: absolute;
    right: 20px;
    top: 5px; }
    .notification-message-detail .item .item-status span {
      color: #b7b7b7;
      margin-left: 6px; }
      .notification-message-detail .item .item-status span.read {
        color: #39b54a; }

/*** Feed ***/
.activity-container {
  position: fixed;
  right: 15px;
  width: calc(25% - 45px); }

.activity-container .activity-feed {
  overflow: auto; }

.dashboard-page .activity-container .activity-feed {
  height: calc(100vh - 165px); }

.nicescroll-rails-vr {
  z-index: 998 !important; }

.portlet.notification-feed {
  width: auto;
  padding-bottom: 0; }

.portlet.notification-feed .portlet-title {
  margin: 0; }

.portlet.notification-feed .portlet-body {
  padding: 0; }

.notification-feed .activity-feed .item {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 15px 10px;
  font-size: 12px;
  color: #808080;
  transition: all .3s;
  position: relative;
  margin: 0; }
  .notification-feed .activity-feed .item p {
    margin: 0; }
  .notification-feed .activity-feed .item.unread a, .notification-feed .activity-feed .item.unread p {
    color: #01a0e3; }
  .notification-feed .activity-feed .item.unread .item-status .badge-empty {
    background: #01a0e3; }
  .notification-feed .activity-feed .item a {
    color: #808080; }
  .notification-feed .activity-feed .item .item-status .badge-empty {
    background: #808080; }
  .notification-feed .activity-feed .item .item-status i {
    padding: 7px;
    color: #FFF;
    width: 28px;
    font-size: 14px;
    display: inline-block;
    border-radius: 3px; }
    .notification-feed .activity-feed .item .item-status i.reminder {
      background: #8ab734; }
    .notification-feed .activity-feed .item .item-status i.announcement {
      background: #ECB900; }
  .notification-feed .activity-feed .item:hover {
    background: #F5F5F5; }

.portlet.notification-feed .activity-feed .item {
  padding: 15px 20px; }
  .portlet.notification-feed .activity-feed .item .item-details {
    padding-left: 15px; }
  .portlet.notification-feed .activity-feed .item .date {
    right: 20px; }

.notification-feed .activity-feed .item-pic {
  left: 10px;
  width: 30px;
  height: 30px;
  top: 50%;
  margin-top: -15px; }

.notification-feed .activity-feed .item-status {
  right: auto;
  left: auto;
  top: auto;
  position: static;
  float: none;
  display: table-cell;
  vertical-align: top;
  width: 30px; }
  .notification-feed .activity-feed .item-status .badge-empty {
    min-width: 0;
    width: 4px;
    height: 4px; }

.notification-feed .activity-feed .date {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 10px; }

.notification-feed .activity-feed .item-details {
  min-height: 0;
  padding: 0 130px 0 10px;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.5;
  font-size: 13px; }

.mobile-activity a {
  display: none;
  background: #00bdf0;
  color: #FFF;
  padding: 5px;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase; }

/*** Table Lists ***/
.table-list {
  display: table;
  width: 100%;
  margin: 0 0 20px 0;
  border-spacing: 0;
  /*&.wrap-names {

        .t-row {

            .t-cell {

                &:first-child {
                    width: 250px;
                    white-space: normal;
                }
            }
        }
    }*/ }
  .table-list.nested-table {
    margin-bottom: 0; }
    .table-list.nested-table .t-caption, .table-list.nested-table .t-cell {
      border-bottom: 0; }
    .table-list.nested-table .t-caption {
      padding-right: 0; }
    .table-list.nested-table .t-cell:first-child {
      text-align: center; }
    .table-list.nested-table .t-row:hover {
      background: none; }
    .table-list.nested-table .t-row:last-child .t-cell {
      padding-bottom: 0; }

.t-row {
  display: table-row;
  color: #55616F; }

.t-row:hover {
  background: #f9fafa; }

.t-caption {
  display: table-caption;
  caption-side: top;
  font-weight: 600;
  border-bottom: 1px solid #DDD;
  padding: 7px 10px 7px 0; }

.t-head {
  display: table-row;
  color: #333;
  font-weight: 600; }
  .t-head .nested-table {
    table-layout: fixed; }

.t-head:hover {
  background: transparent; }

.t-foot td {
  padding: 10px;
  text-align: center;
  min-width: 80px; }

.t-cell {
  display: table-cell;
  padding: 7px 10px 7px 10px;
  border-bottom: 1px solid #DDD;
  vertical-align: middle;
  white-space: nowrap;
  /*&.vertical-cell {
        writing-mode: vertical-rl;
        text-orientation: mixed;
        text-align: center;
        vertical-align: bottom;

        > span {
            display: flex;
            justify-content: center;
            align-items: center;
        }

    }*/ }
  .t-cell.text-wrap {
    white-space: normal; }
  .t-cell.has-vertical-cell {
    vertical-align: bottom;
    border-right: 1px solid #DDD; }
  .t-cell.border-right {
    border-right: 1px solid #DDD; }

.t-cell:last-child:not(.text-center):not(.text-left) {
  text-align: right; }

.t-cell .icon-status {
  width: 25px;
  display: inline-block; }

.t-cell .icon-status i {
  font-size: 18px;
  width: 20px; }

.t-cell .icon-status i.green {
  color: #44B6AE; }

.t-cell .icon-status i.red {
  color: #F3565D; }

.t-cell .icon-status i.blue {
  color: #0592d2; }

.t-cell .icon-status i.orange {
  color: #fcb95b; }

.t-cell .event {
  background: #fcb95b;
  border-radius: 4px;
  display: block;
  height: 15px;
  overflow: hidden;
  text-indent: -99em;
  width: 15px; }

.t-cell .holiday {
  background: #f3565d;
  border-radius: 4px;
  display: block;
  height: 15px;
  overflow: hidden;
  text-indent: -99em;
  width: 15px; }

.tag-list {
  display: inline-block;
  margin-right: 2px;
  border-radius: 2px;
  color: #FFF;
  font-size: 11px;
  min-width: 20px;
  text-align: center;
  padding: 1px 5px;
  position: relative; }
  .tag-list:hover .more-items {
    opacity: 1;
    visibility: visible; }
  .tag-list .more-items {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 100%;
    left: 50%;
    max-width: 320px;
    background: #FFF;
    padding: 5px 3px 2px 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    transform: translate3d(-50%, -6px, 0); }
  .tag-list.more-tag {
    background: #555; }

.t-cell .user-pic, td .user-pic {
  width: 40px;
  height: 30px;
  display: inline-block; }

.t-cell .user-pic img, td .user-pic img {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  border-radius: 100%;
  border: 2px solid rgba(0, 0, 0, 0.1);
  width: 30px;
  object-fit: cover;
  object-position: top; }

.t-cell.subject-name {
  font-weight: 600; }

.t-cell.subject-name .icon-check,
.t-cell.subject-name .icon-close {
  color: #8ab734;
  position: relative;
  top: 1px;
  margin-right: 3px; }

.t-cell.subject-name .icon-close {
  color: #fcb95b; }

.table-list .t-cell.edit {
  text-align: right; }

.table-list .t-cell.edit i {
  font-size: 16px; }

.table-list .t-cell.edit .edit-btn {
  padding: 0 5px; }

.t-cell .badge {
  display: inline-block;
  padding: 0;
  min-width: 8px;
  height: 8px;
  width: 8px;
  margin-right: 5px;
  margin-top: -2px; }

.t-cell.achievements .badge {
  display: inline-block;
  padding: 0;
  height: 16px;
  width: 16px;
  margin-right: 5px; }

.t-cell:first-child {
  text-align: left; }

.t-cell .user-pic, .t-cell .name {
  display: inline-block; }

.t-cell .name .primary-link:after {
  content: "\A";
  white-space: pre; }

.t-cell .name em {
  color: #BFBFBF;
  font-size: 10px;
  font-style: normal; }

.user-list .t-row .t-cell {
  padding: 3px 10px; }

.user-list .t-cell .user-pic {
  margin-top: 5px; }

.user-list .t-cell .user-pic img {
  float: left;
  overflow: hidden; }

.user-list .t-cell .name .primary-link, .user-list .t-cell .name .primary-link em, .user-list .t-cell .name a {
  position: relative;
  top: -3px; }

.user-list .t-cell .name .send-email {
  font-size: 11px; }

.user-list .t-cell .name .primary-link {
  top: 3px; }

.t-cell .payment-badge {
  width: 18px;
  height: 18px;
  color: #FFF;
  font-weight: 600;
  padding-top: 3px;
  margin-top: -3px;
  font-size: 10px;
  line-height: 1.2; }

.paid-by-cash {
  background: #3cc051; }

.paid-by-credit {
  background: #ec971f; }

.table-form.t-row:hover {
  background: none; }

.table-form .t-cell {
  vertical-align: top; }

.table-form .form-control, .table-form .medium-editor-element {
  padding: 6px 10px;
  height: 34px; }

.table-form .date-range-picker {
  position: relative;
  width: 100%; }

.table-form .margin-bottom-5 {
  margin-bottom: 5px; }

.table-form .date-range-picker .form-control, .table-form .date-range-picker .medium-editor-element, .table-form .date-range-picker .input-group-btn {
  display: block;
  padding: 6px 10px;
  height: 34px; }

.table-form .date-range-picker .form-control, .table-form .date-range-picker .medium-editor-element {
  border-radius: 3px !important; }

.table-form .date-range-picker .input-group-btn {
  position: absolute;
  right: 32px;
  top: 0;
  padding: 0; }

.table-form select.form-control, .table-form select.medium-editor-element {
  padding-left: 6px; }

.payment-search {
  position: relative;
  top: -25px;
  padding-top: 50px; }

.hexagon {
  position: relative;
  width: 18px;
  height: 10.39px;
  background-color: #64C7CC;
  margin: 5.20px 0; }

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent; }

.hexagon:before {
  bottom: 100%;
  border-bottom: 5.20px solid #64C7CC; }

.hexagon:after {
  top: 100%;
  width: 0;
  border-top: 5.20px solid #64C7CC; }

.avatar-initials {
  display: inline-block;
  border-radius: 50%;
  color: #9faab5;
  font-size: 9px;
  font-weight: 600;
  height: 24px;
  line-height: 20px;
  width: 24px;
  border: 2px solid #9faab5;
  text-align: center;
  margin: 0 4px 4px 0; }

.btn-search {
  width: 100%;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  text-align: left;
  padding-left: 20px;
  position: relative;
  border-radius: 4px 4px 0 0; }

.btn-search.collapsed {
  border-radius: 4px; }

.btn-search i {
  position: absolute;
  right: 20px;
  top: 8px;
  font-size: 13px; }

.search-box {
  margin-bottom: 0;
  clear: both;
  padding: 0; }

.search-box .form-inline {
  padding: 15px 15px 10px 15px;
  background: #f9fafa;
  margin: -10px 0 15px 0;
  border-bottom: 1px solid #ddd; }

.search-box .form-inline .form-control, .search-box .form-inline .medium-editor-element {
  min-width: 230px; }

.search-box .form-inline .date-range-picker .form-control, .search-box .form-inline .date-range-picker .medium-editor-element {
  min-width: 187px; }

.search-box .form-inline .form-group {
  margin: 0 10px 5px 0; }

.search-list {
  padding: 0;
  margin: 0 15px 0 0;
  display: inline-block; }

.search-list .form-inline {
  padding: 0;
  margin: 0; }

.search-list .form-group {
  margin-bottom: 0; }

.ui-state-highlight {
  border-left: 3px solid #fcb95b;
  display: block;
  height: 50px;
  width: 100%;
  margin: 5px 0; }

/* Table Lists 
*****************************************/
.table-list.grid-view {
  display: block;
  margin: 20px 0 0 0;
  *zoom: 1; }
  .table-list.grid-view:before, .table-list.grid-view:after {
    content: '';
    display: table; }
  .table-list.grid-view:after {
    clear: both; }
  .table-list.grid-view .dropdown-menu {
    left: auto;
    right: 0; }
    .table-list.grid-view .dropdown-menu:after, .table-list.grid-view .dropdown-menu:before {
      left: auto;
      right: 9px; }
    .table-list.grid-view .dropdown-menu:after {
      right: 10px; }

.table-list.grid-view .t-row {
  display: inline-block;
  margin: 0 1.5% 15px 0;
  padding: 12px 10px 12px 85px;
  background: #fff;
  border-radius: 4px;
  /*width: 32.333%;*/
  width: 23.87%;
  float: left;
  position: relative;
  /*border: 1px solid #ddd;*/
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  min-height: 100px; }

.table-list.grid-view .t-row:nth-child(4n+1) {
  margin-right: 0; }

.table-list.grid-view .t-row:hover {
  background: #fff; }

.table-list.grid-view .t-head {
  display: none; }

.table-list.grid-view .t-row .t-cell {
  display: block;
  padding: 0;
  border: none;
  line-height: 1.5;
  font-size: 13px; }

.table-list.grid-view .t-cell:last-child {
  text-align: left;
  border-bottom: none; }

.table-list.grid-view .t-row .t-cell .user-pic {
  border-radius: 4px 0 0 4px;
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  margin: 0;
  max-width: 70px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  vertical-align: middle;
  width: 70px; }

.table-list.grid-view .t-cell .user-pic img {
  border: none;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: 50%;
  margin: -25px 0 0 15px;
  width: 50px;
  height: 50px;
  overflow: hidden;
  object-fit: cover;
  object-position: center; }

.table-list.grid-view .class-name .avatar-initials {
  position: absolute;
  left: 0;
  top: 50%;
  margin: -25px 0 0 15px;
  border-radius: 100%;
  display: block;
  font-size: 18px;
  font-weight: 600;
  height: 50px;
  width: 50px;
  line-height: 45px;
  text-align: center; }

.table-list .t-row .t-cell .last-login,
.table-list .t-row .t-cell a.send-email {
  font-size: 12px;
  color: #C0C9CC;
  display: block;
  margin: 5px 0;
  padding: 0; }

.table-list .t-row .t-cell a.send-email:hover {
  color: #0592d2; }

.table-list.grid-view .t-row .t-cell.date {
  display: none; }

.table-list.grid-view .t-row .t-cell.role {
  position: absolute;
  right: 10px;
  top: 10px; }

.table-list.grid-view .t-row .t-cell a.name-link {
  font-size: 16px;
  color: #333;
  display: inline-block;
  margin: 5px 8px 0 0;
  padding: 0;
  line-height: 1.2; }

.table-list.grid-view .t-row .t-cell a.name-link:hover {
  color: #0592d2; }

.table-list.grid-view .t-row .t-cell.enrolment {
  position: absolute;
  top: 10px;
  right: 10px; }

.table-list.grid-view .t-row .t-cell.enrolment .avatar-initials {
  margin: 0; }

.table-list.grid-view .t-cell .name {
  width: 100%; }

.table-list.grid-view .t-cell .name a.name-link {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%; }

.alert-batch {
  vertical-align: middle;
  background: #f3565d;
  border-radius: 100%;
  font-size: 10px;
  width: 16px;
  height: 16px;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 15px;
  font-weight: 700;
  margin-top: -12px;
  padding: 0; }

.table-list .nav-dots {
  display: inline-block;
  cursor: pointer;
  width: 34px; }

.table-list.grid-view .t-cell.tools {
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 12px; }

.table-list.grid-view .t-cell .nav-dots {
  display: block;
  cursor: pointer;
  width: 100%;
  height: 15px; }

.t-cell .nav-dots .dot {
  display: block;
  float: right;
  width: 5px;
  height: 5px;
  background: #9faab5;
  border-radius: 100%;
  margin: 5px 0 5px 4px; }

.t-cell .nav-dots:hover .dot {
  background: #333; }

.table-list.list-view {
  background: #fff;
  border-radius: 4px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  margin-top: 20px; }
  .table-list.list-view .portlet {
    box-shadow: none; }
  .table-list.list-view .title {
    font-weight: 600;
    color: #55616F !important; }

.table-list.list-view .t-row .t-cell {
  padding: 5px 20px; }

.table-list.list-view .t-head .t-cell {
  padding: 8px 20px; }

.table-list.list-view .t-head {
  background: #f9fafa;
  font-size: 14px; }

.table-list.list-view .t-row .t-cell a.name-link {
  font-size: 13px;
  color: #333;
  display: inline-block;
  margin: 0 8px 0 0;
  padding: 0;
  line-height: 1.2;
  font-weight: 600; }

.table-list.list-view .t-row .t-cell a.send-email {
  font-size: 12px;
  display: block;
  margin: 0;
  padding: 0;
  top: 0;
  line-height: 1.2; }

.table-list.list-view .t-row .t-cell .last-login {
  font-size: 12px;
  color: #C0C9CC;
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1.2; }

.table-list.list-view .alert-batch {
  float: right;
  margin-top: 0; }

.table-list.list-view .name {
  width: 80%; }

.table-list.grid-view .t-row .t-cell.class-name .name-link {
  font-weight: 600; }

.table-list.grid-view .t-row .t-cell.class-name .avatar-initials {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 17px;
  left: 15px;
  margin: 0;
  border: 0; }
  .table-list.grid-view .t-row .t-cell.class-name .avatar-initials img {
    border-radius: 999em;
    width: 70px;
    height: 70px;
    object-fit: cover;
    object-position: center; }

.table-list.grid-view .t-row .t-cell .title {
  font-weight: 600;
  color: #55616F;
  margin-top: 3px;
  display: inline-block; }
  .table-list.grid-view .t-row .t-cell .title .name-link {
    font-size: 13px;
    margin-top: 2px;
    font-weight: normal;
    color: #929ca6; }

.table-list.grid-view.with-avatar .t-row {
  padding-left: 15px; }
  .table-list.grid-view.with-avatar .t-row .t-cell {
    padding-left: 85px; }

.table-list.grid-view.with-avatars-list .t-row .avatars {
  padding-left: 0;
  padding-top: 15px; }
  .table-list.grid-view.with-avatars-list .t-row .avatars .avatar-initials {
    margin: 0;
    overflow: hidden; }

.table-list.grid-view.table-row-border .t-row {
  border-top-width: 5px;
  border-top-style: solid;
  color: inherit !important; }

.table-list.list-view .avatar-initials {
  width: 30px;
  height: 30px;
  border: 0; }
  .table-list.list-view .avatar-initials img {
    border-radius: 999em;
    display: inline-block;
    width: 30px;
    height: 30px;
    object-fit: cover;
    object-position: center; }

.table-list.with-avatars-list .t-row .avatar-list img {
  width: 30px;
  height: 30px;
  object-fit: cover;
  object-position: center; }

.table-list .dropdown-tools .dropdown-menu {
  left: auto;
  right: 0; }

.employees-table.table-list .t-row, .student-class-table.table-list .t-row, .subjects-grid-table.table-list .t-row {
  position: relative; }
  .employees-table.table-list .t-row .title, .student-class-table.table-list .t-row .title, .subjects-grid-table.table-list .t-row .title {
    color: #55616F; }

.employees-table.table-list .class-name .name, .student-class-table.table-list .class-name .name, .subjects-grid-table.table-list .class-name .name {
  padding-right: 45px; }

.employees-table.table-list .class-name .avatar-initials, .student-class-table.table-list .class-name .avatar-initials, .subjects-grid-table.table-list .class-name .avatar-initials {
  height: 70px;
  width: 70px;
  margin-top: 0;
  border: 0;
  top: 17px; }
  .employees-table.table-list .class-name .avatar-initials img, .student-class-table.table-list .class-name .avatar-initials img, .subjects-grid-table.table-list .class-name .avatar-initials img {
    border-radius: 999em;
    display: inline-block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }

.employees-table.table-list .dropdown-menu, .student-class-table.table-list .dropdown-menu, .subjects-grid-table.table-list .dropdown-menu {
  left: auto;
  right: 0; }
  .employees-table.table-list .dropdown-menu:after, .employees-table.table-list .dropdown-menu:before, .student-class-table.table-list .dropdown-menu:after, .student-class-table.table-list .dropdown-menu:before, .subjects-grid-table.table-list .dropdown-menu:after, .subjects-grid-table.table-list .dropdown-menu:before {
    left: auto;
    right: 9px; }
  .employees-table.table-list .dropdown-menu:after, .student-class-table.table-list .dropdown-menu:after, .subjects-grid-table.table-list .dropdown-menu:after {
    right: 10px; }

.employees-table.table-list.list-view .class-name .name, .student-class-table.table-list.list-view .class-name .name, .subjects-grid-table.table-list.list-view .class-name .name {
  padding-right: 10px; }

.employees-table.table-list.list-view .class-name .avatar-initials, .student-class-table.table-list.list-view .class-name .avatar-initials, .subjects-grid-table.table-list.list-view .class-name .avatar-initials {
  width: 30px;
  height: 30px;
  margin-bottom: 0; }
  .employees-table.table-list.list-view .class-name .avatar-initials img, .student-class-table.table-list.list-view .class-name .avatar-initials img, .subjects-grid-table.table-list.list-view .class-name .avatar-initials img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }

.employees-table.table-list.grid-view .t-row, .student-class-table.table-list.grid-view .t-row, .subjects-grid-table.table-list.grid-view .t-row {
  padding-left: 100px;
  padding-bottom: 110px;
  border-top-width: 5px;
  border-top-style: solid;
  overflow: visible; }

.employees-table.table-list.grid-view .t-cell.tools, .student-class-table.table-list.grid-view .t-cell.tools, .subjects-grid-table.table-list.grid-view .t-cell.tools {
  bottom: auto;
  top: 15px;
  padding-left: 0; }

.employees-table.table-list.grid-view .employee-list, .student-class-table.table-list.grid-view .employee-list, .subjects-grid-table.table-list.grid-view .employee-list {
  padding: 15px 0 0 !important; }

.employees-table .tooltip, .student-class-table .tooltip, .subjects-grid-table .tooltip {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }
  .employees-table .tooltip .tooltip-inner, .student-class-table .tooltip .tooltip-inner, .subjects-grid-table .tooltip .tooltip-inner {
    max-width: none; }

.student-class-table.table-list.grid-view .t-row {
  padding-bottom: 20px; }

.user-list:not(.list-view) .name {
  padding-right: 45px; }

.parent-students-list {
  margin-top: 0; }
  .parent-students-list .t-row {
    border: 0 !important;
    border-bottom: 1px solid #DDD !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important; }
    .parent-students-list .t-row .t-cell {
      padding-bottom: 10px; }

.scrollable-table {
  display: block;
  width: 100%;
  overflow-x: auto; }

.student-report-list {
  table-layout: fixed; }
  .student-report-list.list-view .t-cell {
    white-space: normal; }
    .student-report-list.list-view .t-cell:first-child {
      width: 45%; }
      .student-report-list.list-view .t-cell:first-child .name-link {
        font-weight: 600; }
    .student-report-list.list-view .t-cell:last-child {
      width: 100px; }
    .student-report-list.list-view .t-cell span {
      display: block; }
      .student-report-list.list-view .t-cell span:nth-child(2) {
        font-size: 12px; }
    .student-report-list.list-view .t-cell em {
      font-size: 12px;
      font-style: normal; }
  .student-report-list.list-view .name {
    width: 100%; }

.inactive .employee-list {
  opacity: 0.5; }

.mobile-table {
  display: table !important; }
  .mobile-table .t-row, .mobile-table .t-head {
    display: table-row !important; }
    .mobile-table .t-row .t-cell, .mobile-table .t-head .t-cell {
      display: table-cell !important; }
      .mobile-table .t-row .t-cell:last-child, .mobile-table .t-head .t-cell:last-child {
        text-align: right;
        border-bottom: 1px solid #DDD; }

@media only screen and (max-width: 992px) {
  .table-list.grid-view .t-cell.tools .dropdown {
    float: right; }
  .table-list.grid-view .t-cell.tools .dropdown .dropdown-menu {
    right: 0;
    left: auto; }
  .table-list.grid-view .dropdown-menu:before {
    left: auto;
    right: 9px; }
  .table-list.grid-view .dropdown-menu:after {
    right: 10px;
    left: auto; }
  .col-md-3 .activity-container {
    width: 100%;
    position: static; } }

.report-viewer iframe {
  width: calc(100% + 6px) !important;
  border: 0;
  min-height: calc(100vh - 200px);
  position: relative;
  left: -3px; }

.report-card-eoy-table.table-list .t-row {
  position: relative; }

.report-card-eoy-table.table-list.list-view .report-row {
  height: auto !important; }

.report-card-eoy-table.table-list .employee-list {
  position: static !important;
  max-height: none !important; }
  .report-card-eoy-table.table-list .employee-list ul {
    text-align: right;
    min-height: 41px; }
    .report-card-eoy-table.table-list .employee-list ul li {
      margin-left: 5px;
      margin-top: 5px;
      margin-right: 0;
      position: relative;
      float: right; }

.report-card-eoy-table.table-list.grid-view .t-row {
  padding-left: 100px;
  border-top-width: 5px;
  border-top-style: solid;
  padding-bottom: 0; }
  .report-card-eoy-table.table-list.grid-view .t-row:nth-child(6n-1) {
    clear: both; }

.report-card-eoy-table.table-list.grid-view .employee-list {
  position: static;
  padding: 12px 0 0 !important; }
  .report-card-eoy-table.table-list.grid-view .employee-list ul {
    min-height: 0; }
  .report-card-eoy-table.table-list.grid-view .employee-list li {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    margin-left: 0; }

.configure-report-card .tool-bar {
  box-shadow: none; }

.report-card-eoy-list {
  table-layout: fixed;
  margin-bottom: 0; }
  .report-card-eoy-list .avatar-initials {
    border: 0;
    float: left;
    margin-top: 5px; }
    .report-card-eoy-list .avatar-initials img {
      display: inline-block;
      border-radius: 999em; }
  .report-card-eoy-list .t-cell .nav-dots .dot {
    margin-left: 0;
    margin-right: 5px; }
  .report-card-eoy-list .name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 30px);
    display: block;
    float: left;
    line-height: 34px; }
  .report-card-eoy-list .tools {
    width: 35px;
    padding-left: 0; }
    .report-card-eoy-list .tools .nav-dots {
      position: relative;
      top: 3px;
      right: 3px; }

.report-card-eoy-listing .portlet {
  padding-bottom: 0; }
  .report-card-eoy-listing .portlet .portlet-title {
    margin-bottom: 0; }
  .report-card-eoy-listing .portlet .portlet-body {
    padding: 0; }

.report-card-eoy-listing .report-card-eoy-list .t-cell:first-child {
  padding-left: 35px;
  position: relative; }
  .report-card-eoy-listing .report-card-eoy-list .t-cell:first-child input[type='checkbox'] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    left: 12px; }

.report-card-eoy-listing .report-card-eoy-list .t-cell.no-checkbox {
  padding-left: 20px; }

.report-card-eoy-listing .report-card-eoy-listing-header {
  float: none !important;
  padding: 0 18px 15px 0 !important;
  position: relative;
  width: 100%; }
  .report-card-eoy-listing .report-card-eoy-listing-header .dropdown {
    float: none;
    display: block; }
    .report-card-eoy-listing .report-card-eoy-listing-header .dropdown > input[type='checkbox'] {
      position: relative;
      margin-left: -8px;
      margin-right: 5px; }
  .report-card-eoy-listing .report-card-eoy-listing-header .reportcard-actions {
    position: absolute;
    top: 0;
    right: -20px; }
    .report-card-eoy-listing .report-card-eoy-listing-header .reportcard-actions .t-cell {
      border: 0;
      display: block; }
      .report-card-eoy-listing .report-card-eoy-listing-header .reportcard-actions .t-cell span {
        cursor: pointer; }
        .report-card-eoy-listing .report-card-eoy-listing-header .reportcard-actions .t-cell span.nav-dots {
          display: inline-block;
          width: 100%; }

/*
    Report Card Details
*/
.report-card-eoy {
  border-top-width: 7px;
  border-top-style: solid;
  font-size: 14px;
  color: #55616F;
  background: #FFF;
  border-radius: 4px;
  padding: 15px 20px;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); }
  .report-card-eoy.report-card-eoy-2 {
    padding: 0;
    border: 0; }
  .report-card-eoy .generate-comment {
    display: none; }
  .report-card-eoy [contenteditable] {
    border-left: 2px solid #01a0e3;
    border-right: 2px solid #01a0e3;
    box-shadow: 0 2px 0 #01a0e3, 0 -2px 0 #01a0e3;
    padding: 0 3px;
    border-radius: 0;
    outline: 0; }
  .report-card-eoy .content-editable {
    min-width: 50px;
    min-height: 22px;
    display: inline-block;
    cursor: pointer; }
  .report-card-eoy .report-card-eoy-logo {
    text-align: right; }
    .report-card-eoy .report-card-eoy-logo img {
      display: inline-block;
      max-height: 90px; }
  .report-card-eoy .report-school-details h3, .report-card-eoy .report-school-details p {
    margin: 0;
    line-height: 24px; }
  .report-card-eoy .report-school-details h3, .report-card-eoy .report-school-details b {
    font-weight: 700; }
  .report-card-eoy .report-user {
    display: table; }
    .report-card-eoy .report-user > div {
      display: table-cell;
      vertical-align: top; }
    .report-card-eoy .report-user .report-avatar {
      width: 90px;
      float: left;
      margin-right: 15px; }
      .report-card-eoy .report-user .report-avatar img {
        border-radius: 999em;
        display: inline-block; }
    .report-card-eoy .report-user .user-details h3 {
      font-size: 20px;
      margin: 0;
      padding-top: 8px;
      padding-bottom: 8px; }
  .report-card-eoy .user-attendance {
    width: 95%;
    max-width: 380px; }
    .report-card-eoy .user-attendance .table-list {
      margin-bottom: 10px; }
    .report-card-eoy .user-attendance .t-head .t-cell {
      font-weight: 700; }
      .report-card-eoy .user-attendance .t-head .t-cell:last-child {
        text-align: left; }
    .report-card-eoy .user-attendance .bold {
      font-weight: 700; }
    .report-card-eoy .user-attendance .t-row .t-cell:last-child {
      text-align: left; }
    .report-card-eoy .user-attendance .t-cell {
      padding: 4px 7px; }
  .report-card-eoy .report-content > h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px; }
  .report-card-eoy .report-content .report-table .t-head .t-cell {
    font-weight: 700;
    border-bottom: 2px solid #252525; }
  .report-card-eoy .report-content .report-table .dark-cell {
    text-align: center;
    background: #edeff0;
    box-shadow: inset -4px 0 0 #FFF;
    width: 80px; }
  .report-card-eoy .report-content .report-table .t-row .t-cell {
    padding-top: 20px;
    padding-bottom: 20px; }
  .report-card-eoy .report-content .report-table .t-row .comment-cell {
    white-space: normal;
    width: 55%; }
  .report-card-eoy .report-content .report-table .t-row .t-cell:first-child, .report-card-eoy .report-content .report-table .t-head .t-cell:first-child {
    padding-left: 0;
    font-weight: 700; }
  .report-card-eoy .report-content .report-table .t-row .t-cell:last-child, .report-card-eoy .report-content .report-table .t-head .t-cell:last-child {
    text-align: left; }
  .report-card-eoy .report-content .report-table .open > .dropdown-menu {
    right: 0;
    left: auto; }
    .report-card-eoy .report-content .report-table .open > .dropdown-menu:after, .report-card-eoy .report-content .report-table .open > .dropdown-menu:before {
      left: auto;
      right: 9px; }
    .report-card-eoy .report-content .report-table .open > .dropdown-menu:before {
      right: 8px; }
  .report-card-eoy.template-2 #report-card-eoy-header {
    padding: 0;
    margin: 0;
    border: 0;
    margin-top: 25px;
    padding-top: 25px;
    border-top: 2px solid #252525; }

.page-break {
  page-break-before: always !important; }

.report-card-eoy-2 {
  color: #000; }
  .report-card-eoy-2 .t-cell {
    border-bottom: 0; }
  .report-card-eoy-2 .report-card-eoy-cover {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-wrap: wrap;
    background: #2a2f92;
    /*.left-content {
            width: 100%;
            height: 60%;
            display: flex;
            flex: 1 0 50%;
            color: #2a2f92;
            text-align: left;
            padding: 5rem 0;
            background-color: #FFF;
        }

        .right-content {
            width: 100%;
            height: 60%;
            flex: 1 0 50%;
            color: #2a2f92;
            text-align: right;
            padding: 5rem 0;
            background-color: #FFF;
        }*/ }
    @media print {
      .report-card-eoy-2 .report-card-eoy-cover {
        height: 100%;
        background-color: #2a2f92 !important;
        -webkit-print-color-adjust: exact;
        color-adjust: exact; } }
    .report-card-eoy-2 .report-card-eoy-cover .school-info-eoy {
      width: 100%;
      height: 60%;
      display: flex;
      padding: 0 10% 0 10%;
      justify-content: space-between;
      flex-direction: row;
      color: #2a2f92;
      padding: 2rem 6rem 0 6rem;
      background-color: #FFF; }
      @media print {
        .report-card-eoy-2 .report-card-eoy-cover .school-info-eoy {
          background-color: #FFF !important;
          -webkit-print-color-adjust: exact;
          color-adjust: exact; } }
      .report-card-eoy-2 .report-card-eoy-cover .school-info-eoy h2 {
        color: #2a2f92 !important;
        font-size: 3rem;
        font-weight: bold; }
      .report-card-eoy-2 .report-card-eoy-cover .school-info-eoy p {
        color: #2a2f92 !important;
        font-size: 1.8rem;
        font-weight: bold; }
        .report-card-eoy-2 .report-card-eoy-cover .school-info-eoy p span {
          display: block;
          color: #2a2f92 !important; }
    .report-card-eoy-2 .report-card-eoy-cover .school-image-eoy {
      width: 100%;
      height: 60%;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      background: #fff; }
      .report-card-eoy-2 .report-card-eoy-cover .school-image-eoy img {
        width: 7.8rem; }
    .report-card-eoy-2 .report-card-eoy-cover .student-info {
      padding: 5rem 0;
      width: 100% !important;
      height: 38%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      color: #000;
      text-align: center; }
      @media print {
        .report-card-eoy-2 .report-card-eoy-cover .student-info {
          -webkit-print-color-adjust: exact;
          color-adjust: exact;
          color: #000 !important; } }
      .report-card-eoy-2 .report-card-eoy-cover .student-info h3 {
        color: #000 !important;
        font-size: 1.8rem;
        margin: 1.75rem 0 0;
        font-weight: bold; }
        @media print {
          .report-card-eoy-2 .report-card-eoy-cover .student-info h3 {
            -webkit-print-color-adjust: exact;
            color-adjust: exact;
            color: #000 !important; } }
        .report-card-eoy-2 .report-card-eoy-cover .student-info h3 span {
          color: #000 !important; }
          @media print {
            .report-card-eoy-2 .report-card-eoy-cover .student-info h3 span {
              -webkit-print-color-adjust: exact;
              color-adjust: exact;
              color: #000 !important; } }
      .report-card-eoy-2 .report-card-eoy-cover .student-info img {
        width: 6rem;
        height: 6rem;
        border: 0.2rem solid #FFF;
        object-fit: cover;
        object-position: center; }
      .report-card-eoy-2 .report-card-eoy-cover .student-info p {
        font-size: 1.5rem;
        color: #000 !important;
        margin: 1.5rem 0 0; }
        @media print {
          .report-card-eoy-2 .report-card-eoy-cover .student-info p {
            -webkit-print-color-adjust: exact;
            color-adjust: exact;
            color: #000 !important; } }
        .report-card-eoy-2 .report-card-eoy-cover .student-info p span, .report-card-eoy-2 .report-card-eoy-cover .student-info p strong {
          color: #000 !important; }
          @media print {
            .report-card-eoy-2 .report-card-eoy-cover .student-info p span, .report-card-eoy-2 .report-card-eoy-cover .student-info p strong {
              -webkit-print-color-adjust: exact;
              color-adjust: exact;
              color: #000 !important; } }
    .report-card-eoy-2 .report-card-eoy-cover .student-info-eoy {
      padding: 5rem 6rem;
      width: 100% !important;
      height: 38%;
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      color: #000; }
      @media print {
        .report-card-eoy-2 .report-card-eoy-cover .student-info-eoy {
          -webkit-print-color-adjust: exact;
          color-adjust: exact;
          color: #fff !important; } }
      .report-card-eoy-2 .report-card-eoy-cover .student-info-eoy h3 {
        color: #fff !important;
        font-size: 1.8rem;
        margin: 1.75rem 0 0;
        font-weight: bold; }
        @media print {
          .report-card-eoy-2 .report-card-eoy-cover .student-info-eoy h3 {
            -webkit-print-color-adjust: exact;
            color-adjust: exact;
            color: #fff !important; } }
        .report-card-eoy-2 .report-card-eoy-cover .student-info-eoy h3 span {
          color: #fff !important; }
          @media print {
            .report-card-eoy-2 .report-card-eoy-cover .student-info-eoy h3 span {
              -webkit-print-color-adjust: exact;
              color-adjust: exact;
              color: #fff !important; } }
      .report-card-eoy-2 .report-card-eoy-cover .student-info-eoy img {
        width: 6rem;
        height: 6rem;
        border: 0.2rem solid #FFF;
        object-fit: cover;
        object-position: center; }
      .report-card-eoy-2 .report-card-eoy-cover .student-info-eoy p {
        font-size: 1.5rem;
        color: #fff !important; }
        @media print {
          .report-card-eoy-2 .report-card-eoy-cover .student-info-eoy p {
            -webkit-print-color-adjust: exact;
            color-adjust: exact;
            color: #000 !important; } }
        .report-card-eoy-2 .report-card-eoy-cover .student-info-eoy p span, .report-card-eoy-2 .report-card-eoy-cover .student-info-eoy p strong {
          color: #fff !important; }
          @media print {
            .report-card-eoy-2 .report-card-eoy-cover .student-info-eoy p span, .report-card-eoy-2 .report-card-eoy-cover .student-info-eoy p strong {
              -webkit-print-color-adjust: exact;
              color-adjust: exact;
              color: #fff !important; } }
  .report-card-eoy-2 [data-name='Attendance'] {
    width: 100% !important; }
    .report-card-eoy-2 [data-name='Attendance'] .t-row .t-cell:first-child .content-editable {
      min-width: 0 !important;
      color: #00aeef !important; }
      .report-card-eoy-2 [data-name='Attendance'] .t-row .t-cell:first-child .content-editable[contenteditable] {
        min-width: 50px !important; }
  .report-card-eoy-2 .report-grade-table {
    width: calc(100% - 10rem);
    margin: 0 5rem;
    /*@media print {*/
    /*}*/ }
    .report-card-eoy-2 .report-grade-table thead {
      display: table-header-group; }
      .report-card-eoy-2 .report-grade-table thead img {
        width: 5rem;
        /*position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);*/
        margin-top: 0.7rem;
        margin-right: 2rem; }
      .report-card-eoy-2 .report-grade-table thead tr th {
        vertical-align: middle;
        padding: 2rem 0 1rem;
        font-size: 1.2rem;
        border-bottom: 2px solid #000; }
        .report-card-eoy-2 .report-grade-table thead tr th:first-child {
          position: relative;
          /*padding-left: 7rem;*/ }
        .report-card-eoy-2 .report-grade-table thead tr th p {
          margin: 0;
          line-height: 1.7; }
        .report-card-eoy-2 .report-grade-table thead tr th:last-child {
          text-align: right; }
      .report-card-eoy-2 .report-grade-table thead tr td {
        padding: 4rem 0 0;
        border-bottom: 0; }
    .report-card-eoy-2 .report-grade-table tfoot {
      display: table-footer-group; }
      .report-card-eoy-2 .report-grade-table tfoot tr td {
        padding: 7rem 0 0;
        border-bottom: 0; }
    .report-card-eoy-2 .report-grade-table .table-container {
      padding-bottom: 3.3rem; }
      .report-card-eoy-2 .report-grade-table .table-container.table-new-page, .report-card-eoy-2 .report-grade-table .table-container.mid-term-table {
        page-break-before: always;
        page-break-inside: avoid; }
      .report-card-eoy-2 .report-grade-table .table-container > h4 {
        text-align: center;
        padding: 0 0 2rem;
        font-size: 2.1rem;
        line-height: 1.3em;
        margin: 0;
        font-weight: bold; }
      .report-card-eoy-2 .report-grade-table .table-container > .table-list > .table-list {
        page-break-inside: avoid !important; }
    .report-card-eoy-2 .report-grade-table .table-list {
      width: 100%;
      margin: 0;
      table-layout: fixed; }
      .report-card-eoy-2 .report-grade-table .table-list label {
        /*cursor: pointer;*/
        margin-bottom: 0; }
      .report-card-eoy-2 .report-grade-table .table-list .t-row {
        page-break-inside: avoid;
        page-break-after: auto;
        page-break-before: auto;
        /*@media screen {

                    &.has-cancel {

                        .t-cell {
                            position: relative;

                            &:first-child {
                                padding-left: 20px;
                            }

                            .remove-btn{
                                cursor: pointer;
                                position: absolute;
                                top: 50%;
                                left: 0;
                                transform: translateY(-50%);
                            }

                        }

                    }

                    &.child-criteria-row {

                        .t-cell {

                            &:first-child {
                                padding-left: 40px;
                            }

                            .remove-btn {
                                left: 20px;
                            }

                        }

                    }

                }*/ }
        .report-card-eoy-2 .report-grade-table .table-list .t-row .t-cell {
          page-break-inside: avoid;
          page-break-after: auto;
          page-break-before: auto;
          white-space: normal;
          padding: 1.5rem 1rem;
          color: #000 !important;
          font-size: 1.2rem;
          font-weight: bold;
          line-height: 1.4rem;
          box-shadow: inset 0.25rem 0 0 #FFF;
          border-bottom: 0.1rem solid #b7b7b7;
          /*border-bottom-width: 0.1rem;
                    border-color: #b7b7b7;*/ }
          @media print {
            .report-card-eoy-2 .report-grade-table .table-list .t-row .t-cell {
              box-shadow: inset 0.25rem 0 0 #FFF !important;
              border-bottom: 0.1rem solid #b7b7b7 !important;
              -webkit-print-color-adjust: exact;
              color-adjust: exact;
              font-size: 0.9rem;
              line-height: 1.1rem; } }
          .report-card-eoy-2 .report-grade-table .table-list .t-row .t-cell.custom-radio-container {
            position: static; }
          .report-card-eoy-2 .report-grade-table .table-list .t-row .t-cell.text-center {
            text-align: center; }
          .report-card-eoy-2 .report-grade-table .table-list .t-row .t-cell .custom-radio .checkmark {
            border-color: transparent; }
          .report-card-eoy-2 .report-grade-table .table-list .t-row .t-cell.custom-radio-container input:checked ~ .custom-radio .checkmark {
            border-color: #FFF; }
          .report-card-eoy-2 .report-grade-table .table-list .t-row .t-cell.custom-radio-container label {
            position: relative;
            top: -1px; }
          .report-card-eoy-2 .report-grade-table .table-list .t-row .t-cell:first-child {
            padding-left: 0; }
            @media print {
              .report-card-eoy-2 .report-grade-table .table-list .t-row .t-cell:first-child {
                min-width: 20% !important; } }
          .report-card-eoy-2 .report-grade-table .table-list .t-row .t-cell:not(:first-child) {
            width: 12.5rem;
            text-align: center !important;
            background: #edeff0;
            /*box-shadow: inset -0.25rem 0 0 #FFF;*/
            /*border-bottom: 1px solid #b7b7b7;*/
            /*word-break: break-word;*/
            white-space: normal; }
            @media print {
              .report-card-eoy-2 .report-grade-table .table-list .t-row .t-cell:not(:first-child) {
                background: #edeff0 !important;
                /*box-shadow: inset -0.25rem 0 0 #FFF !important;*/
                /*border-bottom: 1px solid #b7b7b7;*/
                -webkit-print-color-adjust: exact;
                color-adjust: exact;
                max-width: 12.5rem;
                width: auto !important; } }
            .report-card-eoy-2 .report-grade-table .table-list .t-row .t-cell:not(:first-child):last-child {
              /*box-shadow: none !important;*/ }
              @media print {
                .report-card-eoy-2 .report-grade-table .table-list .t-row .t-cell:not(:first-child):last-child {
                  /*box-shadow: none !important;*/
                  -webkit-print-color-adjust: exact;
                  color-adjust: exact; } }
        .report-card-eoy-2 .report-grade-table .table-list .t-row:first-child {
          page-break-inside: avoid;
          page-break-before: avoid;
          page-break-after: avoid; }
          .report-card-eoy-2 .report-grade-table .table-list .t-row:first-child .t-cell {
            border-bottom: 0.2rem solid #000;
            page-break-inside: avoid;
            page-break-before: avoid;
            page-break-after: avoid; }
            @media print {
              .report-card-eoy-2 .report-grade-table .table-list .t-row:first-child .t-cell {
                border-bottom: 0.2rem solid #000 !important;
                -webkit-print-color-adjust: exact;
                color-adjust: exact; } }
            .report-card-eoy-2 .report-grade-table .table-list .t-row:first-child .t-cell h3 {
              font-size: 1.8rem;
              margin: 0;
              font-weight: bold;
              color: #000 !important; }
              @media print {
                .report-card-eoy-2 .report-grade-table .table-list .t-row:first-child .t-cell h3 {
                  font-size: 1.4rem; } }
          .report-card-eoy-2 .report-grade-table .table-list .t-row:first-child:not(.table-header) .t-cell:first-child {
            color: #00aeef !important;
            font-weight: bold;
            padding-left: 0;
            line-height: 1.8rem; }
            .report-card-eoy-2 .report-grade-table .table-list .t-row:first-child:not(.table-header) .t-cell:first-child span {
              color: #00aeef !important; }
              @media print {
                .report-card-eoy-2 .report-grade-table .table-list .t-row:first-child:not(.table-header) .t-cell:first-child span {
                  color: #00aeef !important;
                  -webkit-print-color-adjust: exact;
                  color-adjust: exact; } }
        .report-card-eoy-2 .report-grade-table .table-list .t-row:not(:first-child) .t-cell {
          line-height: 2.3rem;
          padding: 0.7rem 1rem; }
          .report-card-eoy-2 .report-grade-table .table-list .t-row:not(:first-child) .t-cell:first-child {
            color: #00aeef !important;
            font-weight: bold;
            padding-left: 0;
            line-height: 1.8rem; }
            .report-card-eoy-2 .report-grade-table .table-list .t-row:not(:first-child) .t-cell:first-child span {
              color: #00aeef !important; }
              @media print {
                .report-card-eoy-2 .report-grade-table .table-list .t-row:not(:first-child) .t-cell:first-child span {
                  color: #00aeef !important;
                  -webkit-print-color-adjust: exact;
                  color-adjust: exact; } }
          .report-card-eoy-2 .report-grade-table .table-list .t-row:not(:first-child) .t-cell:not(:first-child) {
            padding: 0.4rem 1rem; }
        .report-card-eoy-2 .report-grade-table .table-list .t-row.has-child:not(.table-header) .t-cell:first-child {
          color: #000 !important; }
          @media print {
            .report-card-eoy-2 .report-grade-table .table-list .t-row.has-child:not(.table-header) .t-cell:first-child {
              color: #000 !important;
              box-shadow: none !important;
              -webkit-print-color-adjust: exact;
              color-adjust: exact; } }
        .report-card-eoy-2 .report-grade-table .table-list .t-row.has-child:not(.table-header) .t-cell:not(:nth-child(2)) {
          box-shadow: none !important; }
          @media print {
            .report-card-eoy-2 .report-grade-table .table-list .t-row.has-child:not(.table-header) .t-cell:not(:nth-child(2)) {
              box-shadow: none !important;
              -webkit-print-color-adjust: exact;
              color-adjust: exact; } }
        .report-card-eoy-2 .report-grade-table .table-list .t-row.child-criteria-row:not(.table-header) .t-cell {
          font-weight: normal !important; }
          .report-card-eoy-2 .report-grade-table .table-list .t-row.child-criteria-row:not(.table-header) .t-cell:first-child {
            padding-left: 20px; }
          .report-card-eoy-2 .report-grade-table .table-list .t-row.child-criteria-row:not(.table-header) .t-cell .child-criteria {
            color: #00aeef !important; }
            @media print {
              .report-card-eoy-2 .report-grade-table .table-list .t-row.child-criteria-row:not(.table-header) .t-cell .child-criteria {
                line-height: 1.25 !important;
                font-size: 1rem; } }
      .report-card-eoy-2 .report-grade-table .table-list.nested-table {
        page-break-inside: avoid !important;
        page-break-after: auto !important; }
        .report-card-eoy-2 .report-grade-table .table-list.nested-table .t-row .t-cell {
          padding: 0.7rem 1rem;
          border-bottom: 0.1rem solid #b7b7b7 !important; }
          @media print {
            .report-card-eoy-2 .report-grade-table .table-list.nested-table .t-row .t-cell {
              border-bottom: 0.1rem solid #b7b7b7 !important;
              -webkit-print-color-adjust: exact;
              color-adjust: exact; } }
        .report-card-eoy-2 .report-grade-table .table-list.nested-table .t-row:first-child .t-cell {
          border-bottom: 0.1rem solid #b7b7b7 !important; }
          @media print {
            .report-card-eoy-2 .report-grade-table .table-list.nested-table .t-row:first-child .t-cell {
              border-bottom: 0.1rem solid #b7b7b7 !important;
              -webkit-print-color-adjust: exact;
              color-adjust: exact; } }
          .report-card-eoy-2 .report-grade-table .table-list.nested-table .t-row:first-child .t-cell:first-child {
            padding-left: 0;
            line-height: 1.8rem; }
      .report-card-eoy-2 .report-grade-table .table-list.table-small .t-row .t-cell:first-child, .report-card-eoy-2 .report-grade-table .table-list.result-table-list .t-row .t-cell:first-child {
        width: 35%; }
      .report-card-eoy-2 .report-grade-table .table-list.table-small .t-row .t-cell:not(:first-child), .report-card-eoy-2 .report-grade-table .table-list.result-table-list .t-row .t-cell:not(:first-child) {
        width: auto; }
      .report-card-eoy-2 .report-grade-table .table-list.result-table-list .t-row .t-cell:first-child {
        width: 50%;
        color: #000 !important; }
      .report-card-eoy-2 .report-grade-table .table-list.result-table-list .t-row:first-child .t-cell {
        padding: 1.7rem 1rem;
        border-top: 0.2rem solid #000; }
        @media print {
          .report-card-eoy-2 .report-grade-table .table-list.result-table-list .t-row:first-child .t-cell {
            border-top: 0.2rem solid #000 !important;
            -webkit-print-color-adjust: exact;
            color-adjust: exact; } }
      .report-card-eoy-2 .report-grade-table .table-list.result-table-list .t-row:not(:first-child) .t-cell:not(:first-child) span {
        color: #00aeef; }
        @media print {
          .report-card-eoy-2 .report-grade-table .table-list.result-table-list .t-row:not(:first-child) .t-cell:not(:first-child) span {
            color: #00aeef !important;
            -webkit-print-color-adjust: exact;
            color-adjust: exact; } }
      .report-card-eoy-2 .report-grade-table .table-list.result-table-list .t-row:not(:first-child) .comment-cell span {
        color: black !important;
        font-weight: normal; }
    .report-card-eoy-2 .report-grade-table .comment-container {
      padding-bottom: 6rem;
      page-break-inside: avoid;
      page-break-after: auto;
      padding-top: 6rem; }
      .report-card-eoy-2 .report-grade-table .comment-container h4 {
        font-size: 1.8rem;
        margin: 0;
        padding-bottom: 2rem;
        font-weight: bold;
        color: #000 !important; }
      .report-card-eoy-2 .report-grade-table .comment-container .comment-preview {
        background: #edeff0;
        padding: 2rem 2.5rem;
        font-size: 1.3rem;
        line-height: 1.6;
        margin: 0; }
        @media print {
          .report-card-eoy-2 .report-grade-table .comment-container .comment-preview {
            background-color: #edeff0 !important;
            -webkit-print-color-adjust: exact;
            color-adjust: exact; } }
    .report-card-eoy-2 .report-grade-table .report-card-eoy-teacher-info {
      padding-bottom: 2rem;
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      page-break-inside: avoid;
      /*page-break-after: always;*/ }
      .report-card-eoy-2 .report-grade-table .report-card-eoy-teacher-info p {
        flex: 1 1 50%;
        max-width: 50%;
        margin-bottom: 0;
        line-height: 3rem;
        font-size: 1.3rem;
        padding-bottom: 1rem; }
        .report-card-eoy-2 .report-grade-table .report-card-eoy-teacher-info p b {
          display: block; }
    .report-card-eoy-2 .report-grade-table .report-legends {
      display: flex;
      justify-content: space-between;
      padding: 2rem 0;
      /*border-top: 0.2rem solid #000;*/
      border-top: 0.2rem solid #000;
      border-bottom: 0.2rem solid #000; }
      @media print {
        .report-card-eoy-2 .report-grade-table .report-legends {
          border-top: 0.2rem solid #000 !important;
          border-bottom: 0.2rem solid #000 !important;
          -webkit-print-color-adjust: exact;
          color-adjust: exact; } }
      .report-card-eoy-2 .report-grade-table .report-legends > div {
        flex: 0 1 25rem;
        padding-right: 5rem; }
      .report-card-eoy-2 .report-grade-table .report-legends p {
        margin-bottom: 1.5rem;
        font-size: 1.2rem;
        /*white-space: pre-line;*/
        font-weight: bold;
        color: #000; }
        @media print {
          .report-card-eoy-2 .report-grade-table .report-legends p {
            font-size: 1rem; } }
      .report-card-eoy-2 .report-grade-table .report-legends ul, .report-card-eoy-2 .report-grade-table .report-legends ol {
        list-style: none;
        margin: 0;
        padding: 0; }
        .report-card-eoy-2 .report-grade-table .report-legends ul li, .report-card-eoy-2 .report-grade-table .report-legends ol li {
          font-size: 1.2rem;
          line-height: 1.7;
          font-weight: bold;
          color: #000; }
          @media print {
            .report-card-eoy-2 .report-grade-table .report-legends ul li, .report-card-eoy-2 .report-grade-table .report-legends ol li {
              font-size: 1rem;
              line-height: 1.5; } }
          .report-card-eoy-2 .report-grade-table .report-legends ul li b, .report-card-eoy-2 .report-grade-table .report-legends ol li b {
            width: 10rem;
            display: inline-block; }
          .report-card-eoy-2 .report-grade-table .report-legends ul li span, .report-card-eoy-2 .report-grade-table .report-legends ol li span {
            font-weight: normal; }
      .report-card-eoy-2 .report-grade-table .report-legends ol {
        list-style: decimal;
        list-style-position: inside; }
    .report-card-eoy-2 .report-grade-table .report-card-eoy-notes {
      padding: 5rem 0 0;
      page-break-after: always !important;
      /*border-top: 0.2rem solid #000;*/ }
      .report-card-eoy-2 .report-grade-table .report-card-eoy-notes p {
        font-size: 1.2rem;
        margin: 0;
        font-weight: bold;
        color: #000; }
        @media print {
          .report-card-eoy-2 .report-grade-table .report-card-eoy-notes p {
            font-size: 1rem; } }
    .report-card-eoy-2 .report-grade-table label:not(.selected) {
      display: none; }
    .report-card-eoy-2 .report-grade-table label .custom-radio {
      border-color: transparent !important;
      background: transparent !important; }
    .report-card-eoy-2 .report-grade-table label .checkmark {
      border-color: #0ab1ef !important;
      width: 9px;
      height: 18px;
      top: -6px;
      top: -3px;
      left: 4px;
      transform: rotate(45deg) !important; }
      @media print {
        .report-card-eoy-2 .report-grade-table label .checkmark {
          top: -6px; } }

#report-card-eoy-detail .generate-comment {
  display: inline-block;
  margin-left: 10px; }

#report-card-eoy-footer .comment-preview {
  background: #edeff0;
  padding: 10px 15px; }

#report-card-eoy-footer .report-card-eoy-foot-content {
  margin-top: 25px; }

#report-card-eoy-footer .quote {
  font-size: 20px;
  font-style: italic;
  margin-top: 20px; }

#report-card-eoy-footer .report-card-eoy-hint {
  margin-top: 15px;
  padding-top: 5px;
  border-top: 1px solid #DDD;
  margin-bottom: 0;
  font-size: 13px;
  padding-bottom: 10px; }

.comment-category {
  font-size: 14px; }
  .comment-category .comment-row {
    display: none; }
    .comment-category .comment-row h3 {
      margin-top: 10px; }
  .comment-category ul {
    padding: 10px;
    border: 1px solid #0592d2;
    height: 200px;
    overflow-y: auto; }
    .comment-category ul li {
      list-style: none;
      margin-bottom: 10px;
      cursor: pointer; }
      .comment-category ul li input[type="checkbox"] {
        float: left;
        margin-right: 5px; }
    .comment-category ul#selected-category-comments li:hover {
      text-decoration: underline; }
  .comment-category .edit-area-col {
    display: none; }
  .comment-category .edit-area {
    padding: 10px;
    border: 1px solid #0592d2; }
    .comment-category .edit-area ul {
      height: auto;
      max-height: 200px; }
      .comment-category .edit-area ul li:last-child {
        margin: 0; }
    .comment-category .edit-area p {
      display: inline; }
    .comment-category .edit-area span {
      color: #0592d2; }
    .comment-category .edit-area .comment-dropdown-menu {
      display: none;
      position: relative; }
      .comment-category .edit-area .comment-dropdown-menu ul {
        position: absolute;
        top: 100%;
        z-index: 999;
        background: #FFF;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 4px;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        right: 100%;
        min-width: 200px;
        margin: 0; }
  .comment-category .option ul {
    display: none;
    position: absolute;
    z-index: 997;
    background: #FFF; }

.report-table-container {
  width: 100%;
  overflow-x: auto; }

#report-card-eoy-header {
  border-bottom: 2px solid #252525;
  padding-bottom: 25px;
  margin-bottom: 25px; }

#report-card-eoy-user {
  border-bottom: 2px solid #252525;
  margin-bottom: 35px;
  padding-bottom: 20px; }

.portlet-tabs {
  border-bottom: 1px solid #ddd;
  padding: 12px 20px 0 20px;
  margin-bottom: 10px;
  min-height: 10px;
  background: #f9fafa;
  border-radius: 4px 4px 0 0; }
  .portlet-tabs ul {
    padding: 0;
    margin: 0; }
  .portlet-tabs li {
    display: inline-block;
    list-style: none; }
    .portlet-tabs li:first-child {
      margin-right: 15px; }
    .portlet-tabs li.active a {
      box-shadow: 0 4px 0 #01a0e3; }
    .portlet-tabs li a {
      font-weight: 700;
      text-transform: uppercase;
      color: #333;
      font-size: 12px;
      padding: 2px 0 10px;
      display: block; }

.module-selection .form-group {
  border: 1px solid #0592d2;
  padding: 8px 15px;
  border-radius: 4px; }
  .module-selection .form-group label {
    display: block; }
    .module-selection .form-group label > input[type="checkbox"] {
      float: right; }
  .module-selection .form-group .child-modules ul {
    padding: 0;
    margin: 0;
    overflow: hidden; }
    .module-selection .form-group .child-modules ul li {
      list-style: none;
      display: block;
      float: left;
      width: 50%;
      margin-bottom: 10px; }
      .module-selection .form-group .child-modules ul li input[type="checkbox"] {
        float: left;
        width: 20px;
        margin-right: 10px; }
      .module-selection .form-group .child-modules ul li li {
        width: 100%; }

.comment-set-table .t-cell:first-child {
  white-space: normal; }

.comment-set-table [data-type=text] {
  display: none; }

#selected-category {
  padding: 0; }
  #selected-category li {
    list-style: none;
    margin-top: 10px; }
    #selected-category li input[type=checkbox] {
      float: left;
      margin-right: 5px; }

#card-permission ul {
  padding: 0;
  padding-top: 10px; }
  #card-permission ul li {
    display: inline-block;
    list-style: none;
    width: 48%;
    margin: 5px 0; }
    #card-permission ul li input[type=checkbox] {
      float: left;
      margin-right: 5px; }

.report-card-eoy-table.grid-view .report-row {
  padding-left: 10px !important; }

/*
    Table tooltip
*/
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0); } }

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0); } }

.report-card-table.table-list .t-row {
  position: relative; }

.report-card-table.table-list.list-view .report-row {
  height: auto !important; }

.report-card-table.table-list .employee-list {
  position: static !important;
  max-height: none !important; }
  .report-card-table.table-list .employee-list ul {
    text-align: right;
    min-height: 41px; }
    .report-card-table.table-list .employee-list ul li {
      margin-left: 5px;
      margin-top: 5px;
      margin-right: 0;
      position: relative;
      float: right; }

.report-card-table.table-list.grid-view .t-row {
  padding-left: 100px;
  border-top-width: 5px;
  border-top-style: solid;
  padding-bottom: 0; }
  .report-card-table.table-list.grid-view .t-row:nth-child(6n-1) {
    clear: both; }

.report-card-table.table-list.grid-view .employee-list {
  position: static;
  padding: 12px 0 0 !important; }
  .report-card-table.table-list.grid-view .employee-list ul {
    min-height: 0; }
  .report-card-table.table-list.grid-view .employee-list li {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    margin-left: 0; }

.configure-report-card .tool-bar {
  box-shadow: none; }

.report-card-list {
  table-layout: fixed;
  margin-bottom: 0; }
  .report-card-list .avatar-initials {
    border: 0;
    float: left;
    margin-top: 5px; }
    .report-card-list .avatar-initials img {
      display: inline-block;
      border-radius: 999em; }
  .report-card-list .t-cell .nav-dots .dot {
    margin-left: 0;
    margin-right: 5px; }
  .report-card-list .name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 30px);
    display: block;
    float: left;
    line-height: 34px; }
  .report-card-list .tools {
    width: 35px;
    padding-left: 0; }
    .report-card-list .tools .nav-dots {
      position: relative;
      top: 3px;
      right: 3px; }

.report-card-listing .portlet {
  padding-bottom: 0; }
  .report-card-listing .portlet .portlet-title {
    margin-bottom: 0; }
  .report-card-listing .portlet .portlet-body {
    padding: 0; }

.report-card-listing .report-card-list .t-cell:first-child {
  padding-left: 35px;
  position: relative; }
  .report-card-listing .report-card-list .t-cell:first-child input[type='checkbox'] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    left: 12px; }

.report-card-listing .report-card-list .t-cell.no-checkbox {
  padding-left: 20px; }

.report-card-listing .report-card-listing-header {
  float: none !important;
  padding: 0 18px 15px 0 !important;
  position: relative;
  width: 100%; }
  .report-card-listing .report-card-listing-header .dropdown {
    float: none;
    display: block; }
    .report-card-listing .report-card-listing-header .dropdown > input[type='checkbox'] {
      position: relative;
      margin-left: -8px;
      margin-right: 5px; }
  .report-card-listing .report-card-listing-header .reportcard-actions {
    position: absolute;
    top: 0;
    right: -20px; }
    .report-card-listing .report-card-listing-header .reportcard-actions .t-cell {
      border: 0;
      display: block; }
      .report-card-listing .report-card-listing-header .reportcard-actions .t-cell span {
        cursor: pointer; }
        .report-card-listing .report-card-listing-header .reportcard-actions .t-cell span.nav-dots {
          display: inline-block;
          width: 100%; }

/*
    Report Card Details
*/
.report-card {
  border-top-width: 7px;
  border-top-style: solid;
  font-size: 14px;
  color: #55616F;
  background: #FFF;
  border-radius: 4px;
  padding: 15px 20px;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); }
  .report-card.report-card-2 {
    padding: 0;
    border: 0; }
  .report-card .generate-comment {
    display: none; }
  .report-card [contenteditable] {
    border-left: 2px solid #01a0e3;
    border-right: 2px solid #01a0e3;
    box-shadow: 0 2px 0 #01a0e3, 0 -2px 0 #01a0e3;
    padding: 0 3px;
    border-radius: 0;
    outline: 0; }
  .report-card .content-editable {
    min-width: 50px;
    min-height: 22px;
    display: inline-block;
    cursor: pointer; }
    @media print {
      .report-card .content-editable {
        min-width: 0 !important; } }
  .report-card .report-card-logo {
    text-align: right; }
    .report-card .report-card-logo img {
      display: inline-block;
      max-height: 90px; }
  .report-card .report-school-details h3, .report-card .report-school-details p {
    margin: 0;
    line-height: 24px; }
  .report-card .report-school-details h3, .report-card .report-school-details b {
    font-weight: 700; }
  .report-card .report-user {
    display: table; }
    .report-card .report-user > div {
      display: table-cell;
      vertical-align: top; }
    .report-card .report-user .report-avatar {
      width: 90px;
      float: left;
      margin-right: 15px; }
      .report-card .report-user .report-avatar img {
        border-radius: 999em;
        display: inline-block; }
    .report-card .report-user .user-details h3 {
      font-size: 20px;
      margin: 0;
      padding-top: 8px;
      padding-bottom: 8px; }
  .report-card .user-attendance {
    width: 95%;
    max-width: 380px; }
    .report-card .user-attendance .table-list {
      margin-bottom: 10px; }
    .report-card .user-attendance .t-head .t-cell {
      font-weight: 700; }
      .report-card .user-attendance .t-head .t-cell:last-child {
        text-align: left; }
    .report-card .user-attendance .bold {
      font-weight: 700; }
    .report-card .user-attendance .t-row .t-cell:last-child {
      text-align: left; }
    .report-card .user-attendance .t-cell {
      padding: 4px 7px; }
  .report-card .report-content > h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px; }
  .report-card .report-content .report-table .t-head .t-cell {
    font-weight: 700;
    border-bottom: 2px solid #252525; }
  .report-card .report-content .report-table .dark-cell {
    text-align: center;
    background: #edeff0;
    box-shadow: inset -4px 0 0 #FFF;
    width: 80px; }
  .report-card .report-content .report-table .t-row .t-cell {
    padding-top: 20px;
    padding-bottom: 20px; }
  .report-card .report-content .report-table .t-row .comment-cell {
    white-space: normal;
    width: 55%; }
  .report-card .report-content .report-table .t-row .t-cell:first-child, .report-card .report-content .report-table .t-head .t-cell:first-child {
    padding-left: 0;
    font-weight: 700; }
  .report-card .report-content .report-table .t-row .t-cell:last-child, .report-card .report-content .report-table .t-head .t-cell:last-child {
    text-align: left; }
  .report-card .report-content .report-table .open > .dropdown-menu {
    right: 0;
    left: auto; }
    .report-card .report-content .report-table .open > .dropdown-menu:after, .report-card .report-content .report-table .open > .dropdown-menu:before {
      left: auto;
      right: 9px; }
    .report-card .report-content .report-table .open > .dropdown-menu:before {
      right: 8px; }
  .report-card.template-2 #report-card-header {
    padding: 0;
    margin: 0;
    border: 0;
    margin-top: 25px;
    padding-top: 25px;
    border-top: 2px solid #252525; }

.page-break {
  page-break-before: always !important; }

.report-card-2 {
  color: #000; }
  .report-card-2 .t-cell {
    border-bottom: 0; }
  .report-card-2 .report-card-cover {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-wrap: wrap;
    background: #2a2f92; }
    @media print {
      .report-card-2 .report-card-cover {
        height: 100%;
        background-color: #2a2f92 !important;
        -webkit-print-color-adjust: exact;
        color-adjust: exact; } }
    .report-card-2 .report-card-cover .school-info {
      width: 100%;
      height: 60%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      color: #2a2f92;
      text-align: center;
      padding: 5rem 0;
      background-color: #FFF; }
      @media print {
        .report-card-2 .report-card-cover .school-info {
          background-color: #FFF !important;
          -webkit-print-color-adjust: exact;
          color-adjust: exact; } }
      .report-card-2 .report-card-cover .school-info h2 {
        color: #2a2f92 !important;
        font-size: 3rem;
        margin: 5rem 0 0;
        font-weight: bold; }
      .report-card-2 .report-card-cover .school-info p {
        color: #2a2f92 !important;
        font-size: 1.8rem;
        margin: 3rem 0 0;
        font-weight: bold; }
        .report-card-2 .report-card-cover .school-info p span {
          display: block;
          color: #2a2f92 !important; }
      .report-card-2 .report-card-cover .school-info img {
        width: 7.8rem; }
    .report-card-2 .report-card-cover .student-info {
      padding: 5rem 0;
      width: 100% !important;
      height: 38%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      color: #FFF;
      text-align: center; }
      @media print {
        .report-card-2 .report-card-cover .student-info {
          -webkit-print-color-adjust: exact;
          color-adjust: exact;
          color: #FFF !important; } }
      .report-card-2 .report-card-cover .student-info h3 {
        color: #FFF !important;
        font-size: 1.8rem;
        margin: 1.75rem 0 0;
        font-weight: bold; }
        @media print {
          .report-card-2 .report-card-cover .student-info h3 {
            -webkit-print-color-adjust: exact;
            color-adjust: exact;
            color: #FFF !important; } }
        .report-card-2 .report-card-cover .student-info h3 span {
          color: #FFF !important; }
          @media print {
            .report-card-2 .report-card-cover .student-info h3 span {
              -webkit-print-color-adjust: exact;
              color-adjust: exact;
              color: #FFF !important; } }
      .report-card-2 .report-card-cover .student-info img {
        width: 6rem;
        height: 6rem;
        border: 0.2rem solid #FFF;
        object-fit: cover;
        object-position: center; }
      .report-card-2 .report-card-cover .student-info p {
        font-size: 1.5rem;
        color: #FFF !important;
        margin: 1.5rem 0 0; }
        @media print {
          .report-card-2 .report-card-cover .student-info p {
            -webkit-print-color-adjust: exact;
            color-adjust: exact;
            color: #FFF !important; } }
        .report-card-2 .report-card-cover .student-info p span, .report-card-2 .report-card-cover .student-info p strong {
          color: #FFF !important; }
          @media print {
            .report-card-2 .report-card-cover .student-info p span, .report-card-2 .report-card-cover .student-info p strong {
              -webkit-print-color-adjust: exact;
              color-adjust: exact;
              color: #FFF !important; } }
  .report-card-2 [data-name='Attendance'] {
    width: 100% !important; }
    .report-card-2 [data-name='Attendance'] .t-row .t-cell:first-child .content-editable {
      min-width: 0 !important;
      color: #00aeef !important; }
      .report-card-2 [data-name='Attendance'] .t-row .t-cell:first-child .content-editable[contenteditable] {
        min-width: 50px !important; }
        @media print {
          .report-card-2 [data-name='Attendance'] .t-row .t-cell:first-child .content-editable[contenteditable] {
            min-width: 0 !important; } }
  .report-card-2 .report-grade-table {
    width: calc(100% - 10rem);
    margin: 0 5rem;
    table-layout: fixed;
    /*@media print {*/
    /*}*/ }
    .report-card-2 .report-grade-table thead {
      display: table-header-group; }
      .report-card-2 .report-grade-table thead img {
        width: 5rem;
        /*position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);*/
        margin-top: 0.7rem;
        margin-right: 2rem; }
      .report-card-2 .report-grade-table thead .img-eoy {
        display: block;
        margin: 0 auto; }
      .report-card-2 .report-grade-table thead tr th {
        vertical-align: middle;
        padding: 2rem 0 1rem;
        font-size: 1.2rem;
        border-bottom: 2px solid #000; }
        .report-card-2 .report-grade-table thead tr th:first-child {
          position: relative;
          /*padding-left: 7rem;*/ }
        .report-card-2 .report-grade-table thead tr th:nth-child(2) {
          text-align: center; }
        .report-card-2 .report-grade-table thead tr th p {
          margin: 0;
          line-height: 1.7; }
        .report-card-2 .report-grade-table thead tr th:last-child {
          text-align: right; }
      .report-card-2 .report-grade-table thead tr td {
        padding: 4rem 0 0;
        border-bottom: 0; }
    .report-card-2 .report-grade-table tfoot {
      display: table-footer-group; }
      .report-card-2 .report-grade-table tfoot tr td {
        padding: 7rem 0 0;
        border-bottom: 0; }
    .report-card-2 .report-grade-table .table-container {
      padding-bottom: 3.3rem; }
      .report-card-2 .report-grade-table .table-container.table-new-page, .report-card-2 .report-grade-table .table-container.mid-term-table {
        page-break-before: always;
        page-break-inside: avoid; }
      .report-card-2 .report-grade-table .table-container > h4 {
        text-align: center;
        padding: 0 0 2rem;
        font-size: 2.1rem;
        line-height: 1.3em;
        margin: 0;
        font-weight: bold; }
      .report-card-2 .report-grade-table .table-container > .table-list > .table-list {
        page-break-inside: avoid !important; }
    .report-card-2 .report-grade-table .table-list {
      width: 100%;
      margin: 0;
      table-layout: fixed; }
      .report-card-2 .report-grade-table .table-list label {
        /*cursor: pointer;*/
        margin-bottom: 0; }
      .report-card-2 .report-grade-table .table-list .t-row {
        page-break-inside: avoid;
        page-break-after: auto;
        page-break-before: auto;
        /*@media screen {

                    &.has-cancel {

                        .t-cell {
                            position: relative;

                            &:first-child {
                                padding-left: 20px;
                            }

                            .remove-btn{
                                cursor: pointer;
                                position: absolute;
                                top: 50%;
                                left: 0;
                                transform: translateY(-50%);
                            }

                        }

                    }

                    &.child-criteria-row {

                        .t-cell {

                            &:first-child {
                                padding-left: 40px;
                            }

                            .remove-btn {
                                left: 20px;
                            }

                        }

                    }

                }*/ }
        .report-card-2 .report-grade-table .table-list .t-row .t-cell {
          page-break-inside: avoid;
          page-break-after: auto;
          page-break-before: auto;
          white-space: normal;
          padding: 1.5rem 1rem;
          color: #000 !important;
          font-size: 1.2rem;
          font-weight: bold;
          line-height: 1.4rem;
          box-shadow: inset 0.25rem 0 0 #FFF;
          border-bottom: 0.1rem solid #b7b7b7;
          /*border-bottom-width: 0.1rem;
                    border-color: #b7b7b7;*/ }
          @media print {
            .report-card-2 .report-grade-table .table-list .t-row .t-cell {
              box-shadow: inset 0.25rem 0 0 #FFF !important;
              border-bottom: 0.1rem solid #b7b7b7 !important;
              -webkit-print-color-adjust: exact;
              color-adjust: exact;
              font-size: 0.9rem;
              line-height: 1.1rem; } }
          .report-card-2 .report-grade-table .table-list .t-row .t-cell.custom-radio-container {
            position: static; }
          .report-card-2 .report-grade-table .table-list .t-row .t-cell.text-center {
            text-align: center; }
          .report-card-2 .report-grade-table .table-list .t-row .t-cell .custom-radio .checkmark {
            border-color: transparent; }
          .report-card-2 .report-grade-table .table-list .t-row .t-cell.custom-radio-container input:checked ~ .custom-radio .checkmark {
            border-color: #FFF; }
          .report-card-2 .report-grade-table .table-list .t-row .t-cell.custom-radio-container label {
            position: relative;
            top: -1px; }
          .report-card-2 .report-grade-table .table-list .t-row .t-cell:first-child {
            padding-left: 0; }
            @media print {
              .report-card-2 .report-grade-table .table-list .t-row .t-cell:first-child {
                min-width: 20% !important; } }
          .report-card-2 .report-grade-table .table-list .t-row .t-cell:not(:first-child) {
            width: 12.5rem;
            text-align: center !important;
            background: #edeff0;
            /*box-shadow: inset -0.25rem 0 0 #FFF;*/
            /*border-bottom: 1px solid #b7b7b7;*/
            /*word-break: break-word;*/
            white-space: normal; }
            @media print {
              .report-card-2 .report-grade-table .table-list .t-row .t-cell:not(:first-child) {
                background: #edeff0 !important;
                /*box-shadow: inset -0.25rem 0 0 #FFF !important;*/
                /*border-bottom: 1px solid #b7b7b7;*/
                -webkit-print-color-adjust: exact;
                color-adjust: exact;
                max-width: 12.5rem;
                width: auto !important; } }
            .report-card-2 .report-grade-table .table-list .t-row .t-cell:not(:first-child):last-child {
              /*box-shadow: none !important;*/ }
              @media print {
                .report-card-2 .report-grade-table .table-list .t-row .t-cell:not(:first-child):last-child {
                  /*box-shadow: none !important;*/
                  -webkit-print-color-adjust: exact;
                  color-adjust: exact; } }
        .report-card-2 .report-grade-table .table-list .t-row:first-child {
          page-break-inside: avoid;
          page-break-before: avoid;
          page-break-after: avoid; }
          .report-card-2 .report-grade-table .table-list .t-row:first-child .t-cell {
            border-bottom: 0.2rem solid #000;
            page-break-inside: avoid;
            page-break-before: avoid;
            page-break-after: avoid; }
            @media print {
              .report-card-2 .report-grade-table .table-list .t-row:first-child .t-cell {
                border-bottom: 0.2rem solid #000 !important;
                -webkit-print-color-adjust: exact;
                color-adjust: exact; } }
            .report-card-2 .report-grade-table .table-list .t-row:first-child .t-cell h3 {
              font-size: 1.8rem;
              margin: 0;
              font-weight: bold;
              color: #000 !important; }
              @media print {
                .report-card-2 .report-grade-table .table-list .t-row:first-child .t-cell h3 {
                  font-size: 1.4rem; } }
          .report-card-2 .report-grade-table .table-list .t-row:first-child:not(.table-header) .t-cell:first-child {
            color: #00aeef !important;
            font-weight: bold;
            padding-left: 0;
            line-height: 1.8rem; }
            .report-card-2 .report-grade-table .table-list .t-row:first-child:not(.table-header) .t-cell:first-child span {
              color: #00aeef !important; }
              @media print {
                .report-card-2 .report-grade-table .table-list .t-row:first-child:not(.table-header) .t-cell:first-child span {
                  color: #00aeef !important;
                  -webkit-print-color-adjust: exact;
                  color-adjust: exact; } }
        .report-card-2 .report-grade-table .table-list .t-row:not(:first-child) .t-cell {
          line-height: 2.3rem;
          padding: 0.7rem 1rem; }
          .report-card-2 .report-grade-table .table-list .t-row:not(:first-child) .t-cell:first-child {
            color: #00aeef !important;
            font-weight: bold;
            padding-left: 0;
            line-height: 1.8rem; }
            .report-card-2 .report-grade-table .table-list .t-row:not(:first-child) .t-cell:first-child span {
              color: #00aeef !important; }
              @media print {
                .report-card-2 .report-grade-table .table-list .t-row:not(:first-child) .t-cell:first-child span {
                  color: #00aeef !important;
                  -webkit-print-color-adjust: exact;
                  color-adjust: exact; } }
          .report-card-2 .report-grade-table .table-list .t-row:not(:first-child) .t-cell:not(:first-child) {
            padding: 0.4rem 1rem; }
        .report-card-2 .report-grade-table .table-list .t-row.has-child:not(.table-header) .t-cell:first-child {
          color: #000 !important; }
          @media print {
            .report-card-2 .report-grade-table .table-list .t-row.has-child:not(.table-header) .t-cell:first-child {
              color: #000 !important;
              box-shadow: none !important;
              -webkit-print-color-adjust: exact;
              color-adjust: exact; } }
        .report-card-2 .report-grade-table .table-list .t-row.has-child:not(.table-header) .t-cell:not(:nth-child(2)) {
          box-shadow: none !important; }
          @media print {
            .report-card-2 .report-grade-table .table-list .t-row.has-child:not(.table-header) .t-cell:not(:nth-child(2)) {
              box-shadow: none !important;
              -webkit-print-color-adjust: exact;
              color-adjust: exact; } }
        .report-card-2 .report-grade-table .table-list .t-row.child-criteria-row:not(.table-header) .t-cell {
          font-weight: normal !important; }
          .report-card-2 .report-grade-table .table-list .t-row.child-criteria-row:not(.table-header) .t-cell:first-child {
            padding-left: 20px; }
          .report-card-2 .report-grade-table .table-list .t-row.child-criteria-row:not(.table-header) .t-cell .child-criteria {
            color: #00aeef !important; }
            @media print {
              .report-card-2 .report-grade-table .table-list .t-row.child-criteria-row:not(.table-header) .t-cell .child-criteria {
                line-height: 1.25 !important;
                font-size: 1rem; } }
      .report-card-2 .report-grade-table .table-list.nested-table {
        page-break-inside: avoid !important;
        page-break-after: auto !important; }
        .report-card-2 .report-grade-table .table-list.nested-table .t-row .t-cell {
          padding: 0.7rem 1rem;
          border-bottom: 0.1rem solid #b7b7b7 !important;
          text-align: left; }
          @media print {
            .report-card-2 .report-grade-table .table-list.nested-table .t-row .t-cell {
              border-bottom: 0.1rem solid #b7b7b7 !important;
              -webkit-print-color-adjust: exact;
              color-adjust: exact; } }
        .report-card-2 .report-grade-table .table-list.nested-table .t-row:first-child .t-cell {
          border-bottom: 0.1rem solid #b7b7b7 !important; }
          @media print {
            .report-card-2 .report-grade-table .table-list.nested-table .t-row:first-child .t-cell {
              border-bottom: 0.1rem solid #b7b7b7 !important;
              -webkit-print-color-adjust: exact;
              color-adjust: exact; } }
          .report-card-2 .report-grade-table .table-list.nested-table .t-row:first-child .t-cell:first-child {
            padding-left: 0;
            line-height: 1.8rem; }
      .report-card-2 .report-grade-table .table-list.table-small .t-row .t-cell:first-child, .report-card-2 .report-grade-table .table-list.result-table-list .t-row .t-cell:first-child {
        width: 35%; }
      .report-card-2 .report-grade-table .table-list.table-small .t-row .t-cell:not(:first-child), .report-card-2 .report-grade-table .table-list.result-table-list .t-row .t-cell:not(:first-child) {
        width: auto; }
      .report-card-2 .report-grade-table .table-list.result-table-list .t-row .t-cell:first-child {
        width: 50%;
        color: #000 !important; }
      .report-card-2 .report-grade-table .table-list.result-table-list .t-row:first-child .t-cell {
        padding: 1.7rem 1rem;
        border-top: 0.2rem solid #000; }
        @media print {
          .report-card-2 .report-grade-table .table-list.result-table-list .t-row:first-child .t-cell {
            border-top: 0.2rem solid #000 !important;
            -webkit-print-color-adjust: exact;
            color-adjust: exact; } }
      .report-card-2 .report-grade-table .table-list.result-table-list .t-row:not(:first-child) .t-cell:not(:first-child) span {
        color: #00aeef; }
        @media print {
          .report-card-2 .report-grade-table .table-list.result-table-list .t-row:not(:first-child) .t-cell:not(:first-child) span {
            color: #00aeef !important;
            -webkit-print-color-adjust: exact;
            color-adjust: exact; } }
      .report-card-2 .report-grade-table .table-list.result-table-list .t-row:not(:first-child) .comment-cell span {
        color: black !important;
        font-weight: normal; }
    .report-card-2 .report-grade-table .comment-container {
      padding-bottom: 6rem;
      page-break-inside: avoid;
      page-break-after: auto; }
      .report-card-2 .report-grade-table .comment-container h4 {
        font-size: 1.8rem;
        margin: 0;
        padding-bottom: 2rem;
        font-weight: bold;
        color: #000 !important; }
      .report-card-2 .report-grade-table .comment-container .comment-preview {
        background: #edeff0;
        padding: 2rem 2.5rem;
        font-size: 1.3rem;
        line-height: 1.6;
        margin: 0; }
        @media print {
          .report-card-2 .report-grade-table .comment-container .comment-preview {
            background-color: #edeff0 !important;
            -webkit-print-color-adjust: exact;
            color-adjust: exact; } }
    .report-card-2 .report-grade-table .report-card-teacher-info {
      padding-bottom: 2rem;
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      page-break-inside: avoid;
      /*page-break-after: always;*/ }
      .report-card-2 .report-grade-table .report-card-teacher-info p {
        flex: 1 1 50%;
        max-width: 50%;
        margin-bottom: 0;
        line-height: 3rem;
        font-size: 1.3rem;
        padding-bottom: 1rem; }
        .report-card-2 .report-grade-table .report-card-teacher-info p b {
          display: block; }
      .report-card-2 .report-grade-table .report-card-teacher-info div {
        flex: 1 1 100%;
        max-width: 100%;
        margin-bottom: 0;
        line-height: 3rem;
        font-size: 1.3rem;
        padding-bottom: 1rem; }
        .report-card-2 .report-grade-table .report-card-teacher-info div b {
          display: block; }
    .report-card-2 .report-grade-table .report-legends {
      display: flex;
      justify-content: space-between;
      padding: 2rem 0;
      /*border-top: 0.2rem solid #000;*/
      border-top: 0.2rem solid #000;
      border-bottom: 0.2rem solid #000; }
      @media print {
        .report-card-2 .report-grade-table .report-legends {
          border-top: 0.2rem solid #000 !important;
          border-bottom: 0.2rem solid #000 !important;
          -webkit-print-color-adjust: exact;
          color-adjust: exact; } }
      .report-card-2 .report-grade-table .report-legends > div {
        flex: 0 1 25rem;
        padding-right: 5rem; }
      .report-card-2 .report-grade-table .report-legends p {
        margin-bottom: 1.5rem;
        font-size: 1.2rem;
        /*white-space: pre-line;*/
        font-weight: bold;
        color: #000; }
        @media print {
          .report-card-2 .report-grade-table .report-legends p {
            font-size: 1rem; } }
      .report-card-2 .report-grade-table .report-legends ul, .report-card-2 .report-grade-table .report-legends ol {
        list-style: none;
        margin: 0;
        padding: 0; }
        .report-card-2 .report-grade-table .report-legends ul li, .report-card-2 .report-grade-table .report-legends ol li {
          font-size: 1.2rem;
          line-height: 1.7;
          font-weight: bold;
          color: #000; }
          @media print {
            .report-card-2 .report-grade-table .report-legends ul li, .report-card-2 .report-grade-table .report-legends ol li {
              font-size: 1rem;
              line-height: 1.5; } }
          .report-card-2 .report-grade-table .report-legends ul li b, .report-card-2 .report-grade-table .report-legends ol li b {
            width: 10rem;
            display: inline-block; }
          .report-card-2 .report-grade-table .report-legends ul li span, .report-card-2 .report-grade-table .report-legends ol li span {
            font-weight: normal; }
      .report-card-2 .report-grade-table .report-legends ol {
        list-style: decimal;
        list-style-position: inside; }
    .report-card-2 .report-grade-table .report-card-notes {
      padding: 5rem 0 0;
      page-break-after: always !important;
      /*border-top: 0.2rem solid #000;*/ }
      .report-card-2 .report-grade-table .report-card-notes p {
        font-size: 1.2rem;
        margin: 0;
        font-weight: bold;
        color: #000; }
        @media print {
          .report-card-2 .report-grade-table .report-card-notes p {
            font-size: 1rem; } }
    .report-card-2 .report-grade-table label:not(.selected) {
      display: none; }
    .report-card-2 .report-grade-table label .custom-radio {
      border-color: transparent !important;
      background: transparent !important; }
    .report-card-2 .report-grade-table label .checkmark {
      border-color: #0ab1ef !important;
      width: 9px;
      height: 18px;
      top: -6px;
      top: -3px;
      left: 4px;
      transform: rotate(45deg) !important; }
      @media print {
        .report-card-2 .report-grade-table label .checkmark {
          top: -6px; } }

@media print {
  .report-card-final .report-grade-table thead tr td {
    padding: 2rem 0 0 !important; } }

@media print {
  .report-card-final .report-grade-table thead tr th {
    font-size: 1.1rem !important; } }

.report-card-final .report-grade-table .table-container {
  padding-bottom: 1.3rem !important; }

.report-card-final .report-grade-table .table-list .t-row .t-cell {
  font-size: 1.2rem; }
  @media print {
    .report-card-final .report-grade-table .table-list .t-row .t-cell {
      padding: 1.1rem 0.92rem;
      font-size: 0.92rem; } }
  .report-card-final .report-grade-table .table-list .t-row .t-cell h3 {
    font-size: 1.2rem; }
    @media print {
      .report-card-final .report-grade-table .table-list .t-row .t-cell h3 {
        padding: 1.3rem 1rem;
        font-size: 1rem; } }
  .report-card-final .report-grade-table .table-list .t-row .t-cell:first-child {
    width: 40% !important;
    padding-left: 0; }
    .report-card-final .report-grade-table .table-list .t-row .t-cell:first-child .t-cell h3 {
      font-size: 1.1rem !important; }
      @media print {
        .report-card-final .report-grade-table .table-list .t-row .t-cell:first-child .t-cell h3 {
          font-size: 1.1rem !important; } }
    @media print {
      .report-card-final .report-grade-table .table-list .t-row .t-cell:first-child {
        width: 40% !important; } }
  .report-card-final .report-grade-table .table-list .t-row .t-cell:not(:first-child) {
    width: 12.5rem;
    text-align: center !important;
    background: #edeff0;
    /*box-shadow: inset -0.25rem 0 0 #FFF;*/
    /*border-bottom: 1px solid #b7b7b7;*/
    /*word-break: break-word;*/
    white-space: normal; }
    @media print {
      .report-card-final .report-grade-table .table-list .t-row .t-cell:not(:first-child) {
        background: #edeff0 !important;
        /*box-shadow: inset -0.25rem 0 0 #FFF !important;*/
        /*border-bottom: 1px solid #b7b7b7;*/
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
        max-width: none !important;
        min-width: 0 !important;
        width: 10rem !important; } }
    .report-card-final .report-grade-table .table-list .t-row .t-cell:not(:first-child):last-child {
      /*box-shadow: none !important;*/ }
      @media print {
        .report-card-final .report-grade-table .table-list .t-row .t-cell:not(:first-child):last-child {
          /*box-shadow: none !important;*/
          -webkit-print-color-adjust: exact;
          color-adjust: exact; } }
  .report-card-final .report-grade-table .table-list .t-row .t-cell.t-cell-teachers {
    max-width: 20rem !important; }
    @media print {
      .report-card-final .report-grade-table .table-list .t-row .t-cell.t-cell-teachers {
        width: 20rem !important; } }

.report-card-final .report-grade-table .comment-container {
  padding-bottom: 1.2rem; }
  @media print {
    .report-card-final .report-grade-table .comment-container {
      padding-bottom: 1rem; } }
  @media print {
    .report-card-final .report-grade-table .comment-container h4 {
      font-size: 1.3rem !important; } }
  @media print {
    .report-card-final .report-grade-table .comment-container .comment-preview {
      font-size: 1.1rem; } }

.report-card-final .report-grade-table .report-card-teacher-info {
  padding-bottom: 1rem !important; }
  @media print {
    .report-card-final .report-grade-table .report-card-teacher-info {
      padding-bottom: 1rem; } }
  @media print {
    .report-card-final .report-grade-table .report-card-teacher-info p {
      font-size: 1.1rem;
      line-height: 1.3rem !important; } }

#report-card-detail .generate-comment {
  display: inline-block;
  margin-left: 10px; }

#report-card-footer .comment-preview {
  background: #edeff0;
  padding: 10px 15px; }

#report-card-footer .report-card-foot-content {
  margin-top: 25px; }

#report-card-footer .quote {
  font-size: 20px;
  font-style: italic;
  margin-top: 20px; }

#report-card-footer .report-card-hint {
  margin-top: 15px;
  padding-top: 5px;
  border-top: 1px solid #DDD;
  margin-bottom: 0;
  font-size: 13px;
  padding-bottom: 10px; }

.comment-category {
  font-size: 14px; }
  .comment-category .comment-row {
    display: none; }
    .comment-category .comment-row h3 {
      margin-top: 10px; }
  .comment-category ul {
    padding: 10px;
    border: 1px solid #0592d2;
    height: 200px;
    overflow-y: auto; }
    .comment-category ul li {
      list-style: none;
      margin-bottom: 10px;
      cursor: pointer; }
      .comment-category ul li input[type="checkbox"] {
        float: left;
        margin-right: 5px; }
    .comment-category ul#selected-category-comments li:hover {
      text-decoration: underline; }
  .comment-category .edit-area-col {
    display: none; }
  .comment-category .edit-area {
    padding: 10px;
    border: 1px solid #0592d2; }
    .comment-category .edit-area ul {
      height: auto;
      max-height: 200px; }
      .comment-category .edit-area ul li:last-child {
        margin: 0; }
    .comment-category .edit-area p {
      display: inline; }
    .comment-category .edit-area span {
      color: #0592d2; }
    .comment-category .edit-area .comment-dropdown-menu {
      display: none;
      position: relative; }
      .comment-category .edit-area .comment-dropdown-menu ul {
        position: absolute;
        top: 100%;
        z-index: 999;
        background: #FFF;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 4px;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        right: 100%;
        min-width: 200px;
        margin: 0; }
  .comment-category .option ul {
    display: none;
    position: absolute;
    z-index: 997;
    background: #FFF; }

.report-table-container {
  width: 100%;
  overflow-x: auto; }

#report-card-header {
  border-bottom: 2px solid #252525;
  padding-bottom: 25px;
  margin-bottom: 25px; }

#report-card-user {
  border-bottom: 2px solid #252525;
  margin-bottom: 35px;
  padding-bottom: 20px; }

.portlet-tabs {
  border-bottom: 1px solid #ddd;
  padding: 12px 20px 0 20px;
  margin-bottom: 10px;
  min-height: 10px;
  background: #f9fafa;
  border-radius: 4px 4px 0 0; }
  .portlet-tabs ul {
    padding: 0;
    margin: 0; }
  .portlet-tabs li {
    display: inline-block;
    list-style: none; }
    .portlet-tabs li:first-child {
      margin-right: 15px; }
    .portlet-tabs li.active a {
      box-shadow: 0 4px 0 #01a0e3; }
    .portlet-tabs li a {
      font-weight: 700;
      text-transform: uppercase;
      color: #333;
      font-size: 12px;
      padding: 2px 0 10px;
      display: block; }

.module-selection .form-group {
  border: 1px solid #0592d2;
  padding: 8px 15px;
  border-radius: 4px; }
  .module-selection .form-group label {
    display: block; }
    .module-selection .form-group label > input[type="checkbox"] {
      float: right; }
  .module-selection .form-group .child-modules ul {
    padding: 0;
    margin: 0;
    overflow: hidden; }
    .module-selection .form-group .child-modules ul li {
      list-style: none;
      display: block;
      float: left;
      width: 50%;
      margin-bottom: 10px; }
      .module-selection .form-group .child-modules ul li input[type="checkbox"] {
        float: left;
        width: 20px;
        margin-right: 10px; }
      .module-selection .form-group .child-modules ul li li {
        width: 100%; }

.comment-set-table .t-cell:first-child {
  white-space: normal; }

.comment-set-table [data-type=text] {
  display: none; }

#selected-category {
  padding: 0; }
  #selected-category li {
    list-style: none;
    margin-top: 10px; }
    #selected-category li input[type=checkbox] {
      float: left;
      margin-right: 5px; }

#card-permission ul {
  padding: 0;
  padding-top: 10px; }
  #card-permission ul li {
    display: inline-block;
    list-style: none;
    width: 48%;
    margin: 5px 0; }
    #card-permission ul li input[type=checkbox] {
      float: left;
      margin-right: 5px; }

.report-card-table.grid-view .report-row {
  padding-left: 10px !important; }

/*
    Table tooltip
*/
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0); } }

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0); } }

/***
Default table
***/
.table.table-bordered thead > tr > th {
  border-bottom: 0; }

.table tr.heading > th {
  background-color: #eee !important; }

.table td .img-responsive {
  width: 100%; }

/* Contextual table row variants */
.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background: #a6c8e6;
  color: #132339; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th {
  background: #92bce0; }

.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background: #dff0d8;
  color: #3c763d; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th {
  background: #d0e9c6; }

.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background: #d9edf7;
  color: #31708f; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th {
  background: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background: #fcf8e3;
  color: #8a6d3b; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th {
  background: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background: #f2dede;
  color: #a94442; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th {
  background: #ebcccc; }

/***
Responsive & Scrollable Tables
***/
.table-scrollable {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #dddddd;
  margin: 10px 0 !important; }

.table-scrollable.table-scrollable-borderless {
  border: 0; }

.table-scrollable > .table {
  width: 100% !important;
  margin: 0 !important;
  margin-bottom: 0;
  background-color: #fff; }

.table-scrollable > .table > thead > tr > th,
.table-scrollable > .table > tbody > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > td {
  white-space: nowrap; }

.table-scrollable > .table-bordered {
  border: 0; }

.table-scrollable > .table-bordered > thead > tr > th:first-child,
.table-scrollable > .table-bordered > tbody > tr > th:first-child,
.table-scrollable > .table-bordered > tfoot > tr > th:first-child,
.table-scrollable > .table-bordered > thead > tr > td:first-child,
.table-scrollable > .table-bordered > tbody > tr > td:first-child,
.table-scrollable > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0; }

.table-scrollable > .table-bordered > thead > tr > th:last-child,
.table-scrollable > .table-bordered > tbody > tr > th:last-child,
.table-scrollable > .table-bordered > tfoot > tr > th:last-child,
.table-scrollable > .table-bordered > thead > tr > td:last-child,
.table-scrollable > .table-bordered > tbody > tr > td:last-child,
.table-scrollable > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0; }

.table-scrollable > .table-bordered > thead > tr:last-child > th,
.table-scrollable > .table-bordered > tbody > tr:last-child > th,
.table-scrollable > .table-bordered > tfoot > tr:last-child > th,
.table-scrollable > .table-bordered > thead > tr:last-child > td,
.table-scrollable > .table-bordered > tbody > tr:last-child > td,
.table-scrollable > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0; }

/***
Light Table
***/
.table.table-light {
  border: 0 !important; }

.table.table-light > thead > tr:hover > th {
  background: none; }

.table.table-light > thead > tr.uppercase {
  text-transform: uppercase; }

.table.table-light > thead > tr > th {
  font-weight: 600;
  font-size: 13px;
  color: #55616f;
  font-family: "Open Sans", sans-serif;
  border: 0;
  border-bottom: 1px solid #F2F5F8; }

.table.table-light > tbody > tr:last-child > td {
  border: 0; }

.table.table-light > tbody > tr > td {
  border: 0;
  border-bottom: 1px solid #F2F5F8;
  color: #55616f;
  vertical-align: middle; }

.table.table-light > tbody > tr > td.fit {
  width: 1px;
  padding-right: 3px; }

.table.table-light > tbody > tr > td .user-pic {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%; }

.table.table-light.table-hover > tbody > tr > td:hover,
.table.table-light.table-hover > tbody > tr > th:hover, .table.table-light.table-hover > tbody > tr:hover > td, .table.table-light.table-hover > tbody > tr:hover > th {
  background: #f9fafb; }

/* Timetable 
*****************************************/
.timetable.grid-view {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 20px 0; }

.timetable.grid-view .tt-legend {
  display: table-cell;
  width: 60px; }

.timetable.grid-view .tt-day {
  display: table-cell;
  text-align: center; }

.timetable.grid-view .timetable-head {
  display: table;
  width: 100%;
  table-layout: fixed;
  padding: 5px 0 0 0;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px; }

.timetable.grid-view .timetable-head .tt-caption {
  display: table-cell;
  vertical-align: middle; }

.timetable.grid-view .timetable-head .tt-actions {
  display: table-cell;
  text-align: right;
  vertical-align: middle; }

.timetable.grid-view .timetable-head .tt-actions .btn-action {
  margin-left: 10px; }

.timetable.grid-view .tt-hours-head,
.timetable.grid-view .tt-head {
  width: 100%;
  height: 30px;
  font-weight: 600; }

.timetable.grid-view .tt-hours {
  height: 60px;
  text-align: right;
  padding: 0 10px 2px 0;
  border-bottom: 2px solid #fff; }

.timetable.grid-view .class-table .tt-hours {
  height: 120px; }

.timetable.grid-view .tt-item {
  height: 60px;
  padding: 0 0 2px 2px;
  border-bottom: 0 solid #fff;
  display: table;
  width: 100%;
  position: relative; }

.timetable.grid-view .tt-item a {
  width: 100%;
  border: 0 solid #ddd;
  color: #333;
  font-size: 12px;
  padding: 0 10px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  border-radius: 4px; }

.timetable.grid-view .tt-item.period a {
  background: rgba(5, 146, 210, 0.2); }

.timetable.grid-view .tt-item.lunch a {
  background: rgba(69, 182, 175, 0.2); }

.timetable.grid-view .tt-item.period a:hover {
  background: rgba(5, 146, 210, 0.3); }

.timetable.grid-view .tt-item.lunch a:hover {
  background: rgba(69, 182, 175, 0.3); }

.timetable.grid-view .tt-item.period a .item-name {
  color: #0592d2; }

.timetable.grid-view .tt-item.lunch a .item-name {
  color: #45B6AF; }

.timetable.grid-view .item-desc {
  display: block;
  font-weight: 600;
  text-transform: uppercase; }

.timetable.grid-view .item-desc em {
  display: none; }

.timetable.grid-view .item-name {
  position: absolute;
  top: 5px;
  right: 8px;
  font-weight: 600;
  padding: 0 4px; }

.timetable.grid-view .multiple {
  display: none; }

.timetable.grid-view .tt-item span {
  font-size: 11px; }

/* Timetable list view
*****************************************/
.timetable.list-view {
  background: #fff;
  margin: 20px 0; }

.timetable.list-view .tt-day {
  margin-bottom: 10px; }

.timetable.list-view .tt-legend {
  display: none; }

.timetable.list-view .tt-head {
  font-size: 14px;
  padding: 5px 0;
  font-weight: 600; }

.timetable.list-view .tt-item {
  height: auto !important;
  margin: 0 !important;
  position: relative;
  width: 100% !important;
  border-top: 1px solid #fff; }

.timetable.list-view .tt-item a span {
  display: table-cell;
  padding: 5px 12px 5px 8px; }

.timetable.list-view .tt-item a {
  display: table;
  position: relative;
  width: 100%;
  table-layout: fixed;
  color: #333;
  padding-right: 45px; }

.timetable.list-view .item-time {
  width: 105px; }

.timetable.list-view .item-desc {
  font-style: normal;
  font-weight: 600; }

.timetable.list-view .item-desc em {
  font-style: normal;
  font-weight: 400; }

.timetable.list-view .tt-item.period a {
  background: rgba(5, 146, 210, 0.2); }

.timetable.list-view .tt-item.lunch a {
  background: rgba(69, 182, 175, 0.2); }

.timetable.list-view .tt-item.period a:hover {
  background: rgba(5, 146, 210, 0.3); }

.timetable.list-view .tt-item.lunch a:hover {
  background: rgba(69, 182, 175, 0.3); }

.timetable.list-view .item-name {
  width: 50px;
  font-weight: 600; }

.timetable.list-view .tt-item.period a .item-name {
  color: #0592d2; }

.timetable.list-view .tt-item.lunch a .item-name {
  color: #45B6AF; }

.timetable.list-view .multiple-merged {
  display: none; }

.edit-btn {
  display: inline-block;
  cursor: pointer;
  width: 34px;
  position: absolute;
  height: 15px;
  font-size: 12px; }

.timetable.grid-view .edit-btn {
  top: 8px;
  left: 4px; }

.timetable.list-view .edit-btn {
  top: 7px;
  right: 12px; }

.edit-btn .dot {
  display: block;
  float: right;
  width: 5px;
  height: 5px;
  background: #9faab5;
  border-radius: 100%;
  margin: 5px 4px 5px 0; }

.edit-btn:hover .dot {
  background: #333; }

.add-btn, .product-desc .remove-btn {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  font-size: 11px;
  font-weight: 600;
  background: #0592d2;
  color: #fff;
  border-radius: 3px;
  padding: 1px 5px;
  text-transform: uppercase; }

.add-btn:hover, .product-desc .remove-btn:hover {
  background: #45B6AF; }

.timetable.grid-view .add-btn, .timetable.grid-view .product-desc .remove-btn, .product-desc .timetable.grid-view .remove-btn {
  top: 8px;
  left: 8px; }

.timetable.list-view .add-btn, .timetable.list-view .product-desc .remove-btn, .product-desc .timetable.list-view .remove-btn {
  top: 5px;
  right: 8px; }

.modal .timetable-info {
  margin: 30px 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  width: 100%; }

.modal .tt-info-item {
  margin: 0;
  padding: 0;
  display: table-row; }

.modal .tt-info-item > span {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.modal .tt-info-item .item-teacher {
  font-weight: 600; }

.modal .tt-info-item .user-pic {
  width: 50px;
  padding: 10px 0; }

.modal .tt-info-item .user-pic img {
  height: 40px;
  width: 40px;
  min-width: 40px;
  border-radius: 100%; }

.timetable-head .actions {
  text-align: right;
  padding-top: 10px; }

.timetable-head .tt-caption h3 {
  margin: 0; }

/*
    Topics Listing UI
*/
#topic .t-cell i {
  margin-right: 5px;
  color: #14a88e; }

.t-child-1 .t-cell:first-child {
  padding-left: 25px; }

.t-child-2 .t-cell:first-child {
  padding-left: 50px; }

.lessons-table .table-list.grid-view .t-row {
  padding-left: 10px;
  padding-bottom: 10px;
  border-top: 5px solid #55616F; }

.lessons-table .subject-progress {
  position: absolute;
  top: -5px;
  left: 0;
  height: 5px;
  background: #2ecd71;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px; }

.lessons-table .t-cell {
  padding: 15px 10px; }
  .lessons-table .t-cell i {
    margin-right: 5px;
    color: #14a88e; }
  .lessons-table .t-cell > span {
    display: block; }
    .lessons-table .t-cell > span.name {
      font-weight: 600;
      font-size: 14px; }
    .lessons-table .t-cell > span.employee {
      font-weight: 600; }
  .lessons-table .t-cell.tools > span {
    text-align: right; }
  .lessons-table .t-cell.tools .dropdown-tools {
    display: inline-block; }

.lessons-table .title {
  margin: 3px 0;
  display: inline-block;
  color: #55616F; }

.lessons-table .topic-list {
  color: #55616F;
  white-space: initial;
  margin-top: 10px;
  padding: 0; }
  .lessons-table .topic-list li {
    list-style: none;
    display: inline-block;
    background: #e6e6e6;
    color: #55616F;
    margin-bottom: 3px;
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 12px; }
    .lessons-table .topic-list li.complete {
      background: #2ecd71;
      color: #FFF; }
    .lessons-table .topic-list li.incomplete {
      background: #e6e6e6;
      color: #55616F; }
    .lessons-table .topic-list li.inprogress {
      background: #f39c11;
      color: #FFF; }

.lessons-grid .avatars {
  padding-top: 35px !important; }

.class-grid-table.grid-view.table-list .t-row {
  min-height: 0;
  padding-bottom: 8px;
  padding-left: 15px; }
  .class-grid-table.grid-view.table-list .t-row .t-cell {
    padding-left: 85px; }
    .class-grid-table.grid-view.table-list .t-row .t-cell .name .name-link {
      font-weight: 600; }
    .class-grid-table.grid-view.table-list .t-row .t-cell .title {
      margin-top: 3px;
      font-weight: 600;
      display: inline-block; }
      .class-grid-table.grid-view.table-list .t-row .t-cell .title .name-link {
        font-size: 13px;
        color: #929ca6;
        font-weight: normal;
        margin-top: 0; }
  .class-grid-table.grid-view.table-list .t-row .employee-list {
    position: static;
    padding: 15px 0 0 !important;
    max-height: none; }
    .class-grid-table.grid-view.table-list .t-row .employee-list ul li {
      margin-left: 0;
      margin-bottom: 2px; }
    .class-grid-table.grid-view.table-list .t-row .employee-list .avatar-initials {
      margin: 0 6px 0 0;
      overflow: hidden; }

.class-grid-table.grid-view.table-list .employee-list li {
  margin-right: 5px; }

.subjects-grid-table.grid-view.table-list .t-row {
  min-height: 0;
  padding-bottom: 15px; }

.sortable-syllabus .inactive .name, .sortable-syllabus .inactive .dot {
  opacity: 0.5; }

.sortable-syllabus ul:not(.dropdown-menu) {
  padding: 0; }
  .sortable-syllabus ul:not(.dropdown-menu) li {
    list-style: none; }
    .sortable-syllabus ul:not(.dropdown-menu) li .lesson-unit {
      border-bottom: 1px solid #DDD;
      padding: 10px 0; }
    .sortable-syllabus ul:not(.dropdown-menu) li i {
      margin-right: 5px;
      color: #14a88e; }
    .sortable-syllabus ul:not(.dropdown-menu) li > ul {
      padding-left: 15px; }
    .sortable-syllabus ul:not(.dropdown-menu) li[data-accordion-list] {
      /*> ul {
                    overflow: hidden;
                    transition: all 0.5s ease-in-out;

                    &.hidden-child {
                        max-height: 0 !important;
                    }

                }*/ }
      .sortable-syllabus ul:not(.dropdown-menu) li[data-accordion-list] .parent-name {
        display: inline-block;
        width: calc(100% - 50px); }
      .sortable-syllabus ul:not(.dropdown-menu) li[data-accordion-list].clickable-accordion {
        cursor: pointer; }

.sortable-syllabus .dropdown {
  float: right;
  margin-top: 3px; }
  .sortable-syllabus .dropdown .dropdown-menu li {
    padding: 0 !important; }
  .sortable-syllabus .dropdown .nav-dots {
    display: inline-block;
    cursor: pointer;
    width: 34px; }
    .sortable-syllabus .dropdown .nav-dots .dot {
      display: block;
      float: right;
      width: 5px;
      height: 5px;
      background: #9faab5;
      border-radius: 100%;
      margin: 5px 0 5px 4px; }
    .sortable-syllabus .dropdown .nav-dots:hover .dot {
      background: #333; }

.topics-list {
  padding: 0;
  border-top: 1px solid #9faab5; }
  .topics-list > li {
    list-style: none;
    padding: 5px 30px 5px 15px;
    border-bottom: 1px solid #9faab5;
    position: relative;
    color: #252525; }
    .topics-list > li span {
      color: #8e98a2; }
    .topics-list > li .due-date {
      float: right; }
    .topics-list > li .indicator {
      position: absolute;
      display: block;
      width: 8px;
      height: 8px;
      border-radius: 999em;
      border: 2px solid #a1a1a1;
      background: #FFF;
      top: 11px;
      right: 15px; }
      .topics-list > li .indicator.finished {
        background: #39b54a;
        border-color: #39b54a; }
      .topics-list > li .indicator.inprogress {
        background: #fcb042;
        border-color: #fcb042; }

.subjects-grid-table.grid-view.table-list .t-row {
  padding: 0;
  box-shadow: none;
  background: none;
  border-radius: 0;
  border: 0;
  overflow: visible; }

.subjects-grid-table.grid-view.table-list .flip-container, .subjects-grid-table.grid-view.table-list .front, .subjects-grid-table.grid-view.table-list .back {
  width: 100%;
  height: 300px; }

.subjects-grid-table.grid-view.table-list .flipper {
  position: relative; }

.subjects-grid-table.grid-view.table-list .front, .subjects-grid-table.grid-view.table-list .back {
  position: absolute;
  top: 0;
  left: 0;
  border-top-width: 5px;
  border-top-style: solid;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background: #FFF; }
  .subjects-grid-table.grid-view.table-list .front a, .subjects-grid-table.grid-view.table-list .back a {
    font-weight: 600;
    display: inline-block;
    color: #252525;
    font-size: 18px; }
    .subjects-grid-table.grid-view.table-list .front a.name-link, .subjects-grid-table.grid-view.table-list .back a.name-link {
      padding-right: 80px !important; }
    .subjects-grid-table.grid-view.table-list .front a.detail-link, .subjects-grid-table.grid-view.table-list .back a.detail-link {
      position: absolute;
      right: 15px;
      padding-left: 0;
      padding-right: 0;
      font-size: 14px;
      margin-top: 4px;
      color: #acacac; }

.subjects-grid-table.grid-view.table-list .front {
  z-index: 2;
  padding: 15px; }
  .subjects-grid-table.grid-view.table-list .front .amchartdiv {
    height: 250px;
    min-height: 0;
    box-shadow: none;
    border-radius: 0; }
  .subjects-grid-table.grid-view.table-list .front .amChartsLegend {
    top: 50% !important;
    transform: translateY(-50%); }

.subjects-grid-table.grid-view.table-list .back a {
  padding: 15px; }
  .subjects-grid-table.grid-view.table-list .back a.detail-link {
    padding-right: 0; }

.subjects-grid-table.grid-view.table-list .back .topics-list {
  height: 220px;
  overflow: auto; }
  .subjects-grid-table.grid-view.table-list .back .topics-list li {
    padding-right: 60px;
    font-weight: 600;
    position: relative; }
    .subjects-grid-table.grid-view.table-list .back .topics-list li:last-child {
      border-bottom: 0; }
    .subjects-grid-table.grid-view.table-list .back .topics-list li span {
      font-weight: normal; }
      .subjects-grid-table.grid-view.table-list .back .topics-list li span.due-date {
        position: absolute;
        top: 5px;
        right: 15px; }
    .subjects-grid-table.grid-view.table-list .back .topics-list li.finished-topic {
      background: #2ecd71;
      color: #FFF;
      border-bottom-color: #FFF; }
      .subjects-grid-table.grid-view.table-list .back .topics-list li.finished-topic span {
        color: rgba(255, 255, 255, 0.8); }
    .subjects-grid-table.grid-view.table-list .back .topics-list li.inprogress-topic {
      background: #fcb042;
      color: #FFF; }
      .subjects-grid-table.grid-view.table-list .back .topics-list li.inprogress-topic span {
        color: rgba(255, 255, 255, 0.8); }

.subjects-grid-table.grid-view.table-list .back .no-lesson {
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  padding: 30px 10px; }

.no-touch .front {
  transform: rotateY(0deg); }

.no-touch .back {
  transform: rotateY(180deg); }

.no-touch .back, .no-touch .front {
  backface-visibility: hidden; }

.no-touch .flipper {
  transition: 0.6s;
  transform-style: preserve-3d; }

.touch .flip-container.hover .flipper .front {
  display: none; }

.no-touch .flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -ms-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d; }

.no-touch .flip-container:hover .flipper {
  transform: rotateY(180deg); }

.subject-topic-edit {
  padding-bottom: 0; }
  .subject-topic-edit .field-validation-error {
    display: none; }
  .subject-topic-edit .error-elem .field-validation-error {
    display: block; }
  .subject-topic-edit .form-group:last-child {
    margin: 0 0 20px; }
  .subject-topic-edit .form-control, .subject-topic-edit .medium-editor-element {
    border-color: #c2c2c2; }
    .subject-topic-edit .form-control:focus, .subject-topic-edit .medium-editor-element:focus {
      border-color: #0592d2; }
  .subject-topic-edit .date-range-picker input[type=text] {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important; }
  .subject-topic-edit .topics-edit {
    padding: 0;
    width: 100%;
    display: inline-block;
    margin: 0; }
    .subject-topic-edit .topics-edit li {
      display: inline-block;
      list-style: none;
      width: 100%;
      margin-bottom: 15px;
      float: left; }
      .subject-topic-edit .topics-edit li .topic-decimal {
        width: 30px;
        text-align: right;
        font-weight: 600;
        display: inline-block;
        float: left;
        line-height: 38px;
        padding-right: 5px; }
      .subject-topic-edit .topics-edit li .topic-holder {
        width: calc(100% - 30px);
        display: inline-block;
        position: relative; }
        .subject-topic-edit .topics-edit li .topic-holder > div {
          float: left;
          margin-right: 2%;
          width: 38%; }
          .subject-topic-edit .topics-edit li .topic-holder > div .form-control, .subject-topic-edit .topics-edit li .topic-holder > div .medium-editor-element {
            height: 38px;
            padding: 8px 12px; }
          .subject-topic-edit .topics-edit li .topic-holder > div.session-date {
            width: 38%; }
            .subject-topic-edit .topics-edit li .topic-holder > div.session-date .btn, .subject-topic-edit .topics-edit li .topic-holder > div.session-date .btn-secondary, .subject-topic-edit .topics-edit li .topic-holder > div.session-date .btn-primary, .subject-topic-edit .topics-edit li .topic-holder > div.session-date .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu .subject-topic-edit .topics-edit li .topic-holder > div.session-date li > a, .subject-topic-edit .topics-edit li .topic-holder > div.session-date .btn-highlight, .subject-topic-edit .topics-edit li .topic-holder > div.session-date .load-more-btn {
              padding: 9px 12px !important; }
          .subject-topic-edit .topics-edit li .topic-holder > div.session-duration {
            width: 15%;
            margin-right: 0; }
        .subject-topic-edit .topics-edit li .topic-holder .link-btn {
          margin-left: 10px;
          margin-top: 9px; }
  .subject-topic-edit .topic-modal-title h3 {
    color: #898989;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 10px; }
  .subject-topic-edit .topic-modal-title h2 {
    margin: 0 0 20px;
    font-size: 18px;
    color: #000; }
    .subject-topic-edit .topic-modal-title h2 span {
      color: #959595; }

.lessons-list {
  margin-bottom: 20px !important; }
  .lessons-list .lesson-info {
    position: relative;
    padding: 15px 45px 15px 15px; }
    .lessons-list .lesson-info h3 {
      margin-top: 0;
      font-weight: 600;
      font-size: 18px; }
    .lessons-list .lesson-info h4 {
      color: #929ca6;
      font-size: 12px; }
    .lessons-list .lesson-info p {
      color: #252525;
      margin: 0; }
  .lessons-list .list-footer {
    color: #8e98a2;
    padding: 5px 15px;
    display: none;
    position: absolute;
    bottom: 5px;
    width: 100%;
    left: 0; }
    .lessons-list .list-footer .topic-toggle {
      float: right;
      font-weight: 600;
      text-transform: uppercase;
      color: #252525;
      cursor: pointer; }
  .lessons-list .subject-progress {
    display: none;
    background: #9faab5;
    color: #FFF;
    font-weight: 600;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding: 10px 15px; }
    .lessons-list .subject-progress .progress-bar {
      width: calc(100% - 85px);
      float: left;
      background: rgba(255, 255, 255, 0.3); }
      .lessons-list .subject-progress .progress-bar .progress-indicator {
        background: #FFF; }
    .lessons-list .subject-progress > span {
      width: 85px;
      text-align: right;
      display: inline-block; }
  .lessons-list .topics-list > li {
    padding-left: 30px;
    padding-right: 50px; }
    .lessons-list .topics-list > li .indicator {
      right: auto;
      left: 15px; }
    .lessons-list .topics-list > li .tool-action {
      top: 8px; }
  .lessons-list .tool-action {
    position: absolute;
    top: 20px;
    right: 15px; }
    .lessons-list .tool-action .dropdown-menu {
      left: auto;
      right: 0; }
      .lessons-list .tool-action .dropdown-menu:before, .lessons-list .tool-action .dropdown-menu:after {
        left: auto;
        right: 9px;
        top: -9px; }
      .lessons-list .tool-action .dropdown-menu:after {
        right: 10px;
        top: -7px; }
  .lessons-list .nav-dots {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 15px; }
    .lessons-list .nav-dots span {
      display: block;
      float: right;
      width: 5px;
      height: 5px;
      background: #9faab5;
      border-radius: 100%;
      margin: 5px 0 5px 4px; }
    .lessons-list .nav-dots:hover span {
      background: #333; }
  .lessons-list.grid-view {
    margin-bottom: 5px !important; }
    .lessons-list.grid-view .subject-progress {
      display: block; }
    .lessons-list.grid-view .lesson-unit {
      background: #FFF;
      box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
      border-radius: 4px;
      margin: 0 1.5% 15px 0;
      width: 23.87%;
      float: left;
      display: inline-block;
      /*height: 350px;*/
      position: relative;
      padding-bottom: 40px; }
      .lessons-list.grid-view .lesson-unit:nth-child(4n) {
        margin-right: 0; }
      .lessons-list.grid-view .lesson-unit:nth-child(4n+1) {
        clear: both; }
      .lessons-list.grid-view .lesson-unit .lesson-info p {
        display: block;
        /* Fallback for non-webkit */
        display: -webkit-box;
        max-height: 42px;
        /* Fallback for non-webkit */
        margin: 0 auto;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
      .lessons-list.grid-view .lesson-unit .lesson-info .lesson-duration {
        display: none; }
      .lessons-list.grid-view .lesson-unit.finished .subject-progress {
        background: #2ecd71; }
      .lessons-list.grid-view .lesson-unit.inprogress .subject-progress {
        background: #fcb042; }
    .lessons-list.grid-view .list-footer {
      display: block; }
    .lessons-list.grid-view .topics-list {
      margin-bottom: 0;
      max-height: 156px;
      padding-bottom: 38px; }
  .lessons-list.list-view {
    background: #FFF;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px; }
    .lessons-list.list-view .lesson-info {
      padding-right: 15px; }
      .lessons-list.list-view .lesson-info h3, .lessons-list.list-view .lesson-info h4 {
        font-size: 18px;
        font-weight: 600;
        display: inline-block;
        margin-right: 30px; }
    .lessons-list.list-view .lesson-unit {
      height: auto !important; }
      .lessons-list.list-view .lesson-unit .lesson-duration {
        font-weight: bold; }
      .lessons-list.list-view .lesson-unit li.hide {
        display: block !important; }
      .lessons-list.list-view .lesson-unit.finished .lesson-duration {
        color: #2ecd71; }
      .lessons-list.list-view .lesson-unit.inprogress .lesson-duration {
        color: #fcb042; }
    .lessons-list.list-view .topics-list {
      overflow: visible !important; }

/*
    Lesson Planner
*/
.lesson-timeline-tab-nav {
  margin-bottom: 20px;
  border-radius: 4px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); }

.lesson-timeline-tab-content {
  margin: 0; }
  .lesson-timeline-tab-content .tool-bar {
    padding-right: 10px; }

.lesson-planner-date-seperator {
  display: block;
  background: #FFF;
  width: 70px;
  height: 70px;
  border-radius: 999em;
  box-shadow: 0 2px rgba(0, 0, 0, 0.1);
  text-align: center;
  position: relative;
  z-index: 99;
  padding-top: 15px; }
  .lesson-planner-date-seperator .planner-date-seperator {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000; }
    .lesson-planner-date-seperator .planner-date-seperator span {
      font-size: 11px;
      font-weight: normal;
      text-transform: none;
      display: block;
      color: #afb6bd; }

@media only screen and (min-width: 992px) {
  .lesson-planner-date-seperator {
    width: 130px;
    height: 130px;
    margin: 0 auto;
    padding-top: 45px; }
    .lesson-planner-date-seperator .planner-date-seperator {
      font-size: 18px; }
      .lesson-planner-date-seperator .planner-date-seperator span {
        font-size: 12px; } }

.lesson-planner-timeline {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px; }

.lesson-planner-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  left: 33px;
  height: 100%;
  width: 4px;
  background: #dde0e3; }

@media only screen and (min-width: 992px) {
  .lesson-planner-timeline {
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 1170px;
    margin: 0 auto; }
  .lesson-planner-timeline::before {
    left: 50%;
    margin-left: -2px; } }

.lesson-planner-timeline-block {
  position: relative;
  margin: 20px 0; }

.lesson-planner-timeline-block:after {
  content: "";
  display: table;
  clear: both; }

.lesson-planner-timeline-block:first-child {
  margin-top: 0; }

.lesson-planner-timeline-block:last-child {
  margin-bottom: 15px; }

@media only screen and (min-width: 992px) {
  .lesson-planner-timeline-block {
    margin: 40px 0; }
  .lesson-planner-timeline-block:first-child {
    margin-top: 0; } }

.lesson-planner-timeline-img {
  position: absolute;
  top: 0;
  left: 15px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #d348a3;
  text-align: center;
  line-height: 37px;
  background: #FFF;
  color: #d348a3;
  font-size: 16px;
  font-weight: 600; }

@media only screen and (min-width: 992px) {
  .lesson-planner-timeline-img {
    width: 60px;
    height: 60px;
    font-size: 18px;
    line-height: 57px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    top: 20px; }
  .cssanimations .lesson-planner-timeline-img.is-hidden {
    visibility: hidden; }
  .cssanimations .lesson-planner-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: lesson-planner-bounce-1 0.6s;
    -moz-animation: lesson-planner-bounce-1 0.6s;
    animation: lesson-planner-bounce-1 0.6s; } }

@-webkit-keyframes lesson-planner-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5); }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes lesson-planner-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5); }
  60% {
    opacity: 1;
    -moz-transform: scale(1.2); }
  100% {
    -moz-transform: scale(1); } }

@keyframes lesson-planner-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

.lesson-planner-timeline-content {
  position: relative;
  margin-left: 75px;
  background: white;
  border-radius: 4px;
  padding: 15px 0 0;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); }
  .lesson-planner-timeline-content.no-footer {
    padding-bottom: 15px; }
  .lesson-planner-timeline-content .topic-list {
    padding: 0 20px;
    margin-bottom: 5px; }
    .lesson-planner-timeline-content .topic-list li {
      font-size: 13px;
      position: relative;
      padding-left: 15px;
      list-style: none; }
      .lesson-planner-timeline-content .topic-list li:before {
        background: #39b54a;
        content: '';
        width: 8px;
        height: 8px;
        position: absolute;
        left: 0;
        top: 7px;
        border-radius: 999em; }
      .lesson-planner-timeline-content .topic-list li.inprogress-topic:before {
        background: #f39c11; }
  .lesson-planner-timeline-content .topic-footer {
    border-top: 1px solid #dddfe0;
    line-height: 16px;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px; }
    .lesson-planner-timeline-content .topic-footer p {
      color: #000; }
    .lesson-planner-timeline-content .topic-footer img {
      margin-right: 5px; }

.lesson-planner-timeline-content:after {
  content: "";
  display: table;
  clear: both; }

.lesson-planner-timeline-content .delete-icon {
  position: absolute;
  top: 17px;
  right: 20px; }

.lesson-planner-timeline-content h2 {
  color: #303e49;
  margin-top: 0;
  padding: 0 20px;
  font-size: 16px;
  line-height: 1.3; }
  .lesson-planner-timeline-content h2.has-seperator {
    padding-bottom: 10px;
    border-bottom: 1px solid #dddfe0; }
  .lesson-planner-timeline-content h2.has-delete {
    padding-right: 90px; }
  .lesson-planner-timeline-content h2 a {
    color: #01a0e3; }

.guardian-lesson-planner {
  margin-bottom: 20px; }

.lesson-planner-timeline-content p, .lesson-planner-timeline-content .lesson-planner-read-more, .lesson-planner-timeline-content .lesson-planner-date {
  font-size: 13px; }

.lesson-planner-timeline-content .lesson-planner-read-more, .lesson-planner-timeline-content .lesson-planner-date {
  display: inline-block; }

.lesson-planner-timeline-content .lesson-planner-date {
  color: #929ca6;
  font-weight: 600;
  padding: 0 20px 5px;
  font-size: 16px !important; }

.lesson-planner-timeline-content p {
  margin: 0;
  line-height: 1.4;
  color: #929ca6;
  padding: 0 20px; }

.lesson-planner-timeline-content .lesson-planner-read-more {
  float: right;
  padding: 12px 15px;
  background: #acb7c0;
  color: white;
  border-radius: 4px; }

.no-touch .lesson-planner-timeline-content .lesson-planner-read-more:hover {
  background-color: #bac4cb; }

.lesson-planner-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white; }

@media only screen and (min-width: 768px) {
  .lesson-planner-timeline-content h2 {
    font-size: 16px; }
  .lesson-planner-timeline-content p {
    font-size: 13px; }
  .lesson-planner-timeline-content .lesson-planner-read-more, .lesson-planner-timeline-content .lesson-planner-date {
    font-size: 12px; } }

@media only screen and (min-width: 992px) {
  .lesson-planner-timeline-content {
    margin-left: 0;
    padding: 20px 0 0;
    width: 43%; }
  .lesson-planner-timeline-content::before {
    top: 44px;
    left: 100%;
    border-color: transparent;
    border-left-color: white; }
  .lesson-planner-timeline-content .lesson-planner-read-more {
    float: left; }
  .lesson-planner-timeline-content .lesson-planner-date {
    position: absolute;
    width: 100%;
    left: 130%;
    top: 31px;
    font-size: 16px;
    padding: 5px 0; }
  .lesson-planner-timeline-block.timeline-even-block .lesson-planner-timeline-content {
    float: right; }
  .lesson-planner-timeline-block.timeline-even-block .lesson-planner-timeline-content::before {
    top: 44px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white; }
  .lesson-planner-timeline-block.timeline-even-block .lesson-planner-timeline-content .lesson-planner-read-more {
    float: right; }
  .lesson-planner-timeline-block.timeline-even-block .lesson-planner-timeline-content .lesson-planner-date {
    left: auto;
    right: 130%;
    text-align: right; }
  .cssanimations .lesson-planner-timeline-content.is-hidden {
    visibility: hidden; }
  .cssanimations .lesson-planner-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: lesson-planner-bounce-2 0.6s;
    -moz-animation: lesson-planner-bounce-2 0.6s;
    animation: lesson-planner-bounce-2 0.6s; } }

@media only screen and (min-width: 992px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .lesson-planner-timeline-block.timeline-even-block .lesson-planner-timeline-content.bounce-in {
    -webkit-animation: lesson-planner-bounce-2-inverse 0.6s;
    -moz-animation: lesson-planner-bounce-2-inverse 0.6s;
    animation: lesson-planner-bounce-2-inverse 0.6s; } }

@-webkit-keyframes lesson-planner-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px); }
  100% {
    -webkit-transform: translateX(0); } }

@-moz-keyframes lesson-planner-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(20px); }
  100% {
    -moz-transform: translateX(0); } }

@keyframes lesson-planner-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes lesson-planner-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }
  100% {
    -webkit-transform: translateX(0); } }

@-moz-keyframes lesson-planner-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(-20px); }
  100% {
    -moz-transform: translateX(0); } }

@keyframes lesson-planner-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

.leadership-badges-listing {
  background: #FFF;
  border-radius: 0 0 4px 4px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); }
  .leadership-badges-listing .listing-header {
    border-bottom: 1px solid #CCC;
    text-transform: uppercase;
    display: block;
    margin: 0;
    font-size: 14px;
    background: #f9fafa;
    border-radius: 4px 4px 0 0;
    margin-bottom: 20px; }
    .leadership-badges-listing .listing-header ul {
      padding: 7px 15px 0;
      margin: 0; }
      .leadership-badges-listing .listing-header ul li {
        display: inline-block;
        margin-right: 10px; }
        .leadership-badges-listing .listing-header ul li a {
          color: #333;
          font-weight: 600;
          padding: 8px 0 12px;
          display: block; }
          .leadership-badges-listing .listing-header ul li a.active-tab {
            box-shadow: 0 4px 0 #00bdf0; }
        .leadership-badges-listing .listing-header ul li:last-child {
          margin-right: 0; }
  .leadership-badges-listing .listing-content .badges-listing {
    display: none;
    min-height: 400px;
    max-height: 600px; }
    .leadership-badges-listing .listing-content .badges-listing .no-activity {
      padding: 15px;
      text-align: center; }
      .leadership-badges-listing .listing-content .badges-listing .no-activity h4 {
        font-weight: bold;
        font-size: 14px; }
      .leadership-badges-listing .listing-content .badges-listing .no-activity p {
        font-size: 12px; }
    .leadership-badges-listing .listing-content .badges-listing:first-child {
      display: block; }
    .leadership-badges-listing .listing-content .badges-listing > h4 {
      font-size: 14px;
      margin: 0 15px 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #CCC; }
    .leadership-badges-listing .listing-content .badges-listing .badges-list {
      padding: 0 15px; }
      .leadership-badges-listing .listing-content .badges-listing .badges-list > li {
        display: block;
        list-style: none;
        position: relative;
        padding-left: 50px;
        min-height: 35px;
        padding-bottom: 20px;
        cursor: default; }
        .leadership-badges-listing .listing-content .badges-listing .badges-list > li .badge-icon {
          width: 35px;
          height: 35px;
          position: absolute;
          top: 3px;
          display: -webkit-box;
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 30px;
          left: 0; }
          .leadership-badges-listing .listing-content .badges-listing .badges-list > li .badge-icon img {
            max-width: 23px;
            max-height: 23px; }
        .leadership-badges-listing .listing-content .badges-listing .badges-list > li > span {
          font-size: 14px;
          font-weight: 600;
          display: block;
          letter-spacing: -0.02em; }
          .leadership-badges-listing .listing-content .badges-listing .badges-list > li > span em {
            font-weight: normal;
            display: block;
            font-size: 12px;
            font-style: normal; }
        .leadership-badges-listing .listing-content .badges-listing .badges-list > li:hover .badge-detail {
          bottom: 100%;
          visibility: visible;
          opacity: 1;
          transition: all 0.4s ease-in-out; }
        .leadership-badges-listing .listing-content .badges-listing .badges-list > li .badge-detail {
          position: absolute;
          border-radius: 3px;
          -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.2));
          background: #FFF;
          /*min-width: 300px;*/
          width: 200%;
          left: 0;
          padding: 15px 20px;
          margin-bottom: 10px;
          bottom: 110%;
          visibility: hidden;
          opacity: 0;
          transition: all 0.1s ease-in-out;
          z-index: 100; }
          .leadership-badges-listing .listing-content .badges-listing .badges-list > li .badge-detail:before {
            position: absolute;
            content: '';
            width: 0;
            height: 0;
            border-top: 8px solid #FFF;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            margin-left: -10px;
            left: 20px;
            bottom: -8px; }
          .leadership-badges-listing .listing-content .badges-listing .badges-list > li .badge-detail h3 {
            font-size: 14px;
            margin: 0 0 10px;
            text-transform: uppercase;
            border-bottom: 1px solid #CCC;
            padding-bottom: 10px; }
          .leadership-badges-listing .listing-content .badges-listing .badges-list > li .badge-detail p {
            font-size: 13px; }
          .leadership-badges-listing .listing-content .badges-listing .badges-list > li .badge-detail h4 {
            font-size: 14px; }
          .leadership-badges-listing .listing-content .badges-listing .badges-list > li .badge-detail ul {
            padding: 0; }
            .leadership-badges-listing .listing-content .badges-listing .badges-list > li .badge-detail ul li {
              display: block;
              padding-left: 15px;
              position: relative;
              list-style: none;
              margin-bottom: 10px; }
              .leadership-badges-listing .listing-content .badges-listing .badges-list > li .badge-detail ul li:before {
                position: absolute;
                content: '';
                width: 4px;
                height: 4px;
                border-radius: 50%;
                background: #00bdf0;
                top: 8px;
                left: 4px; }
        .leadership-badges-listing .listing-content .badges-listing .badges-list > li:nth-child(even) .badge-detail {
          left: -100%; }
          .leadership-badges-listing .listing-content .badges-listing .badges-list > li:nth-child(even) .badge-detail:before {
            left: 50%;
            margin-left: 8px; }
      .leadership-badges-listing .listing-content .badges-listing .badges-list:nth-of-type(1) > li:hover .badge-detail, .leadership-badges-listing .listing-content .badges-listing .badges-list:nth-of-type(2):not(:last-child) > li:hover .badge-detail {
        top: 100%;
        bottom: auto; }
      .leadership-badges-listing .listing-content .badges-listing .badges-list:nth-of-type(1) > li .badge-detail, .leadership-badges-listing .listing-content .badges-listing .badges-list:nth-of-type(2):not(:last-child) > li .badge-detail {
        top: 110%;
        bottom: auto; }
        .leadership-badges-listing .listing-content .badges-listing .badges-list:nth-of-type(1) > li .badge-detail:before, .leadership-badges-listing .listing-content .badges-listing .badges-list:nth-of-type(2):not(:last-child) > li .badge-detail:before {
          border-top: 0;
          border-bottom: 8px solid #FFF;
          bottom: auto;
          top: -8px; }
      .leadership-badges-listing .listing-content .badges-listing .badges-list.earned-badge-list > li .badge-detail {
        width: 100%;
        left: 0; }
        .leadership-badges-listing .listing-content .badges-listing .badges-list.earned-badge-list > li .badge-detail:before {
          left: 20px;
          margin-left: -10px; }
      .leadership-badges-listing .listing-content .badges-listing .badges-list.earned-badge-list > li:nth-last-child(-n+3):not(:first-child) .badge-detail, .leadership-badges-listing .listing-content .badges-listing .badges-list.earned-badge-list > li:nth-last-child(-n+3):not(:nth-child(2)) .badge-detail {
        top: 110%;
        bottom: auto; }
        .leadership-badges-listing .listing-content .badges-listing .badges-list.earned-badge-list > li:nth-last-child(-n+3):not(:first-child) .badge-detail:before, .leadership-badges-listing .listing-content .badges-listing .badges-list.earned-badge-list > li:nth-last-child(-n+3):not(:nth-child(2)) .badge-detail:before {
          top: -8px;
          bottom: auto; }
      .leadership-badges-listing .listing-content .badges-listing .badges-list.earned-badge-list > li:nth-last-child(-n+3):not(:first-child):hover .badge-detail, .leadership-badges-listing .listing-content .badges-listing .badges-list.earned-badge-list > li:nth-last-child(-n+3):not(:nth-child(2)):hover .badge-detail {
        top: 100%;
        bottom: auto; }

.leaderboard-listing.grid-view {
  margin: 0; }
  .leaderboard-listing.grid-view .t-row {
    width: 32.33%;
    min-height: 70px;
    margin-right: 1.5% !important; }
    .leaderboard-listing.grid-view .t-row:nth-child(3n) {
      margin-right: 0 !important; }
    .leaderboard-listing.grid-view .t-row:nth-child(3n + 1) {
      margin-right: 1.5%; }
    .leaderboard-listing.grid-view .t-row .name {
      padding-right: 0; }
      .leaderboard-listing.grid-view .t-row .name a {
        display: block; }
      .leaderboard-listing.grid-view .t-row .name span {
        display: block;
        white-space: normal;
        line-height: 1.2; }
        .leaderboard-listing.grid-view .t-row .name span b {
          font-weight: 600; }
        .leaderboard-listing.grid-view .t-row .name span.class-designation {
          background: #00bdf0;
          color: #FFF;
          font-weight: 600;
          text-transform: uppercase;
          font-size: 10px;
          padding: 0 5px;
          border-radius: 3px;
          display: inline-block;
          line-height: 1.6;
          margin-top: 8px; }

.tool-bar + .tool-bar {
  margin-top: 20px; }

/* User Profile
*****************************************/
.summary-panel {
  background: #fff;
  border-radius: 4px;
  padding: 20px 20px;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); }

.summary-panel .profile-info h2 {
  font-size: 22px;
  color: #333;
  margin: 0;
  padding: 0;
  font-weight: 400;
  position: relative; }

.summary-panel .profile-info h2:after {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 99em;
  position: absolute;
  display: inline-block;
  margin-left: 5px; }

.summary-panel .profile-info h2.online:after, .summary-panel .profile-info h2.chat:after {
  background: #76cb33; }

.summary-panel .profile-info h2.offline:after {
  background: #FFF;
  border: 2px solid #a1a1a1; }

.summary-panel .profile-info h2.away:after {
  background: #ffbd4a; }

.summary-panel .profile-info h2.xa:after, .summary-panel .profile-info h2.dnd:after {
  background: #f3565d; }

.summary-panel .profile-info h2 em {
  color: #C0C9CC;
  font-style: normal; }

.summary-panel .profile-info h3 {
  font-size: 14px;
  color: #C0C9CC;
  margin: 5px 0 0 0;
  padding: 0;
  font-weight: 600;
  text-transform: uppercase; }

.summary-panel .profile-pic {
  margin: 0;
  width: 90px;
  position: relative; }

.summary-panel .profile-pic .pic-cover {
  border-radius: 100%;
  overflow: hidden;
  width: 80px;
  height: 80px;
  display: block;
  margin: 0; }

.summary-panel .profile-pic img {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center; }

.summary-panel .profile-pic .avatar-initials {
  width: 80px;
  height: 80px;
  font-size: 20px;
  line-height: 72px;
  font-weight: 600;
  margin: 0;
  border-width: 3px; }

.summary-panel .avatar-initials {
  white-space: nowrap; }

.summary-panel .profile-info {
  font-size: 15px;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
  width: 100%; }

.summary-panel .profile-info > div {
  display: table-cell;
  vertical-align: top; }

.summary-panel .profile-info p {
  margin: 0;
  color: #888; }

.summary-panel .profile-info p a {
  color: #888; }

.summary-panel .profile-info p a span {
  color: #333; }

.summary-panel strong,
.summary-panel p.medical span {
  color: #333;
  display: block; }

.summary-panel p.medical {
  color: #F3565D; }

.summary-panel .profile-info .role {
  margin: 5px 0; }

.profile-info .info-detail {
  padding: 0;
  display: table-cell;
  border-left: 1px solid #ddd;
  padding-left: 20px; }

.profile-info .info-detail p span {
  font-weight: 400;
  color: #333; }

.summary-panel .profile-info p span.paid {
  color: #76cb33; }

.summary-panel .profile-info p span.unpaid {
  color: #f3565d; }

.summary-panel .profile-info p span.partial {
  color: #ffbd4a; }

.profile-info .info-detail.main {
  border-left: none; }

.profile-info .info-detail .btn-group {
  margin: 5px 20px 5px 0;
  clear: both;
  white-space: nowrap; }

.profile-info .info-detail .btn, .profile-info .info-detail .btn-secondary, .profile-info .info-detail .btn-primary, .profile-info .info-detail .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu .profile-info .info-detail li > a, .profile-info .info-detail .btn-highlight, .profile-info .info-detail .load-more-btn {
  border-radius: 0 !important;
  padding: 5px 8px; }

.profile-info .info-detail .btn-group .link-btn {
  margin: 0 !important; }

.profile-info .info-detail .btn-group > .btn, .profile-info .info-detail .btn-group > .btn-secondary, .profile-info .info-detail .btn-group > .btn-primary, .profile-info .info-detail .btn-green .dropdown-menu li.btn-group > a, .btn-green .dropdown-menu .profile-info .info-detail li.btn-group > a, .profile-info .info-detail .btn-group > .btn-highlight, .profile-info .info-detail .btn-group > .load-more-btn {
  float: inherit; }

.profile-info .info-detail .btn-group > .btn + .btn, .profile-info .info-detail .btn-group > .btn-secondary + .btn, .profile-info .info-detail .btn-group > .btn-primary + .btn, .profile-info .info-detail .btn-green .dropdown-menu li.btn-group > a + .btn, .btn-green .dropdown-menu .profile-info .info-detail li.btn-group > a + .btn, .profile-info .info-detail .btn-group > .btn-highlight + .btn, .profile-info .info-detail .btn-group > .load-more-btn + .btn, .profile-info .info-detail .btn-group > .btn + .btn-secondary, .profile-info .info-detail .btn-group > .btn-secondary + .btn-secondary, .profile-info .info-detail .btn-group > .btn-primary + .btn-secondary, .profile-info .info-detail .btn-green .dropdown-menu li.btn-group > a + .btn-secondary, .btn-green .dropdown-menu .profile-info .info-detail li.btn-group > a + .btn-secondary, .profile-info .info-detail .btn-group > .btn-highlight + .btn-secondary, .profile-info .info-detail .btn-group > .load-more-btn + .btn-secondary, .profile-info .info-detail .btn-group > .btn + .btn-primary, .profile-info .info-detail .btn-group > .btn-secondary + .btn-primary, .profile-info .info-detail .btn-group > .btn-primary + .btn-primary, .profile-info .info-detail .btn-green .dropdown-menu li.btn-group > a + .btn-primary, .btn-green .dropdown-menu .profile-info .info-detail li.btn-group > a + .btn-primary, .profile-info .info-detail .btn-group > .btn-highlight + .btn-primary, .profile-info .info-detail .btn-group > .load-more-btn + .btn-primary, .profile-info .info-detail .btn-green .dropdown-menu li.btn-group > .btn + a, .btn-green .dropdown-menu .profile-info .info-detail li.btn-group > .btn + a, .profile-info .info-detail .btn-green .dropdown-menu li.btn-group > .btn-secondary + a, .btn-green .dropdown-menu .profile-info .info-detail li.btn-group > .btn-secondary + a, .profile-info .info-detail .btn-green .dropdown-menu li.btn-group > .btn-primary + a, .btn-green .dropdown-menu .profile-info .info-detail li.btn-group > .btn-primary + a, .profile-info .info-detail .btn-green .dropdown-menu li.btn-group > a + a, .btn-green .dropdown-menu .profile-info .info-detail li.btn-group > a + a, .profile-info .info-detail .btn-green .dropdown-menu li.btn-group > .btn-highlight + a, .btn-green .dropdown-menu .profile-info .info-detail li.btn-group > .btn-highlight + a, .profile-info .info-detail .btn-green .dropdown-menu li.btn-group > .load-more-btn + a, .btn-green .dropdown-menu .profile-info .info-detail li.btn-group > .load-more-btn + a, .profile-info .info-detail .btn-group > .btn + .btn-highlight, .profile-info .info-detail .btn-group > .btn-secondary + .btn-highlight, .profile-info .info-detail .btn-group > .btn-primary + .btn-highlight, .profile-info .info-detail .btn-green .dropdown-menu li.btn-group > a + .btn-highlight, .btn-green .dropdown-menu .profile-info .info-detail li.btn-group > a + .btn-highlight, .profile-info .info-detail .btn-group > .btn-highlight + .btn-highlight, .profile-info .info-detail .btn-group > .load-more-btn + .btn-highlight, .profile-info .info-detail .btn-group > .btn + .load-more-btn, .profile-info .info-detail .btn-group > .btn-secondary + .load-more-btn, .profile-info .info-detail .btn-group > .btn-primary + .load-more-btn, .profile-info .info-detail .btn-green .dropdown-menu li.btn-group > a + .load-more-btn, .btn-green .dropdown-menu .profile-info .info-detail li.btn-group > a + .load-more-btn, .profile-info .info-detail .btn-group > .btn-highlight + .load-more-btn, .profile-info .info-detail .btn-group > .load-more-btn + .load-more-btn {
  margin-left: -4px; }

.main-heading {
  font-size: 14px;
  font-weight: 600;
  margin-top: 0;
  text-transform: uppercase; }

.profile-desc {
  display: inline-flex;
  width: 60%; }

/* User Profile
*****************************************/
.profile h2, .profile-summary h2 {
  font-size: 22px;
  color: #333;
  margin: 25px 0 30px 0; }

.profile-userpic {
  padding-top: 30px; }

.profile-userpic img {
  border-radius: 4px !important;
  float: none;
  height: 50%;
  margin: 0 auto;
  width: 60%; }

.profile-summary ul {
  list-style: none;
  padding-left: 0;
  display: table;
  width: 100%;
  margin: 20px 0;
  font-size: 14px; }

.profile-summary li {
  padding: 7px 0;
  display: table-row; }

.profile-summary li span {
  border-bottom: 1px solid #ddd;
  display: table-cell;
  padding: 5px 0; }

.profile-summary .profile-info {
  font-weight: 600;
  min-width: 120px; }

.profile-summary .profile-desc {
  width: 80%; }

.fee-summary h3 {
  background: #ddd;
  margin: 0;
  padding: 7px 12px;
  width: 100%;
  max-width: 500px; }

.fee-summary ul {
  list-style: none;
  padding-left: 0;
  display: table;
  width: 100%;
  max-width: 500px;
  margin: 0 0 20px 0;
  font-size: 14px;
  border: 2px solid #ddd;
  border-collapse: collapse; }

.fee-summary li {
  padding: 7px 0;
  display: table-row; }

.fee-summary li span {
  border-bottom: 1px solid #ddd;
  display: table-cell;
  padding: 5px 10px; }

.fee-summary .summary-info {
  font-weight: 600;
  width: 50%; }

.fee-summary .summary-desc {
  width: 50%; }

.fee-summary .currency {
  color: #a1a1a1;
  display: inline-block;
  margin-right: 6px;
  font-size: 10px;
  font-style: normal; }

.fee-summary .balance .summary-desc {
  font-size: 20px; }

.payment-title {
  margin-bottom: 30px; }
  .payment-title .payment-date {
    color: #898989;
    font-weight: 700;
    margin-bottom: 5px; }
  .payment-title h3 {
    margin-top: 0;
    font-size: 17px; }
    .payment-title h3 span {
      color: #a1a1a1; }

.payment-table .t-head {
  font-weight: 700; }
  .payment-table .t-head .t-cell {
    border-top: 2px solid #DDD;
    border-bottom: 2px solid #DDD; }

.table-list .currency {
  color: #a1a1a1;
  display: inline-block;
  margin-right: 6px;
  font-size: 10px;
  font-style: normal; }

.table-list .fee.paid {
  color: #76cb33; }

.table-list .fee.unpaid {
  color: #f3565d; }

.table-list .fee.partial {
  color: #ffbd4a; }

.table-list .fee {
  color: #0592d2;
  font-weight: 600; }

.student-fee-list a {
  color: #55616F; }

/*
    User Profile Badge List
*/
.profile-info .badge-list {
  margin-top: 5px; }
  .profile-info .badge-list ul {
    padding: 0;
    margin: 0;
    width: 100%;
    display: inline-block; }
    .profile-info .badge-list ul li {
      display: inline-block;
      width: 30px;
      height: 30px;
      border-radius: 999em;
      list-style: none;
      line-height: 30px;
      text-align: center;
      font-size: 11px;
      font-weight: 600;
      float: left;
      margin: 0 5px 5px 0;
      position: relative; }
      .profile-info .badge-list ul li span {
        position: absolute;
        top: -5px;
        right: -5px;
        background: #f3565d;
        color: #FFF;
        min-width: 20px;
        height: 20px;
        line-height: 14px;
        border-radius: 999em;
        font-weight: 300;
        white-space: nowrap;
        padding: 3px 4px;
        text-align: center; }
      .profile-info .badge-list ul li img {
        width: 20px;
        height: 20px;
        display: inline-block; }
      .profile-info .badge-list ul li a {
        display: block;
        line-height: 26px;
        font-size: 20px;
        color: #333;
        border: 2px solid #e0e0e0;
        border-radius: 999em; }

.id-card {
  padding: 30px;
  background: #FFF; }
  @media print {
    .id-card {
      padding: 0; } }

.id-card-header {
  display: flex;
  align-items: center;
  margin-bottom: 30px; }
  .id-card-header .id-card-logo,
  .id-card-header .id-card-student-image {
    flex: 0 1 80px; }
  .id-card-header .id-card-student-image {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .id-card-header .id-card-student-image img {
      border: 1px solid #101092; }
  .id-card-header .id-card-school-name {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.25;
    flex: 1; }
  .id-card-header img {
    max-width: 70px;
    max-height: 70px; }

.id-card-body ul {
  margin: 0;
  padding: 0; }
  .id-card-body ul li {
    display: flex;
    gap: 10px; }
    .id-card-body ul li p:first-child {
      text-transform: uppercase;
      font-weight: bold; }
    .id-card-body ul li p:last-child {
      flex: 1; }
      .id-card-body ul li p:last-child span {
        border-bottom: 1px dashed currentColor;
        display: flex; }

.product-image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }
  .product-image .product-image-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000 center no-repeat;
    background-size: cover; }
  .product-image img {
    opacity: 0;
    visibility: hidden; }

.portlet-content {
  position: relative;
  height: 100%; }

.product-desc {
  padding: 5px 10px 0;
  position: relative; }
  .product-desc h4 {
    font-size: 16px;
    font-weight: normal;
    padding-right: 100px;
    margin-bottom: 5px; }
  .product-desc h6 {
    color: #808080;
    margin: 0; }
  .product-desc .add-btn, .product-desc .remove-btn {
    top: 13px;
    right: 10px;
    padding: 3px 8px;
    border-radius: 15px;
    border: 1px solid #0592d2;
    background: transparent;
    color: #0592d2;
    transition: all 0.3s ease-out; }
    .product-desc .add-btn:hover, .product-desc .remove-btn:hover {
      color: #FFF;
      background: #0592d2; }
  .product-desc .remove-btn {
    border-color: #f3565d;
    color: #f3565d;
    display: none; }
    .product-desc .remove-btn:hover {
      background: #f3565d; }
  .product-desc.item-in-cart .add-btn, .product-desc.item-in-cart .remove-btn {
    display: none; }
  .product-desc.item-in-cart .remove-btn {
    display: inline-block; }

.product-row {
  margin-left: -7px;
  margin-right: -7px;
  margin-top: 15px; }
  .product-row > div {
    padding-left: 7px;
    padding-right: 7px; }
  .product-row .portlet {
    margin-bottom: 15px; }
  .product-row .price {
    position: absolute;
    top: 10px;
    left: 0;
    padding: 6px 12px 5px;
    color: #FFF;
    text-transform: uppercase;
    background: #0592d2;
    z-index: 10;
    font-size: 16px;
    font-weight: bold;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }

.sliding-modal.open .portlet {
  right: 0; }

.sliding-modal .cart-status {
  padding-top: 15px; }

.sliding-modal .portlet {
  position: fixed;
  top: 0;
  bottom: 0;
  right: -510px;
  display: block;
  width: 500px;
  z-index: 999;
  transition: right 0.3s ease-out;
  border-radius: 0;
  box-shadow: -1px 0 3px #BFBFBF;
  height: 100%;
  padding: 60px 0 0; }
  .sliding-modal .portlet.has-footer {
    padding-bottom: 60px; }
  .sliding-modal .portlet .close {
    position: absolute;
    background-image: url("/assets/img/dark-remove-icon.png") !important;
    top: 50%;
    right: 20px;
    transform: translate3d(0, -50%, 0); }
  .sliding-modal .portlet .portlet-title, .sliding-modal .portlet .portlet-footer {
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #ddd;
    position: relative;
    background: none;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
    .sliding-modal .portlet .portlet-title .caption-subject, .sliding-modal .portlet .portlet-footer .caption-subject {
      padding: 10px 0; }
  .sliding-modal .portlet .portlet-footer {
    border-top: 1px solid #ddd;
    background: #FFF;
    text-align: right;
    top: auto;
    bottom: 0;
    padding: 13px 20px; }
    .sliding-modal .portlet .portlet-footer .danger {
      background: #f3565d;
      color: #FFF; }
      .sliding-modal .portlet .portlet-footer .danger:hover {
        background: #d40f18; }
  .sliding-modal .portlet .portlet-body {
    padding-left: 15px;
    padding-right: 15px;
    height: 100%; }

.sliding-modal .cart-list ul {
  padding: 0;
  margin: 0; }
  .sliding-modal .cart-list ul li {
    position: relative;
    padding: 15px 150px 15px 100px;
    list-style: none;
    border-bottom: 1px solid #e5e5e5;
    min-height: 100px; }
    .sliding-modal .cart-list ul li:first-child {
      border-top: 1px solid #e5e5e5; }

.sliding-modal .cart-list .remove-btn {
  border: 1px solid #f3565d;
  color: #f3565d;
  border-radius: 15px;
  display: inline-block;
  padding: 0 7px;
  font-size: 12px;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  margin-top: 5px; }
  .sliding-modal .cart-list .remove-btn:hover {
    color: #FFF;
    background: #f3565d; }

.sliding-modal .cart-list h4 {
  font-size: 15px;
  margin: 0 0 7px;
  font-weight: normal; }

.sliding-modal .cart-list .product-image {
  width: 80px;
  height: 80px;
  padding-bottom: 0;
  left: 0;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  position: absolute;
  border-radius: 0;
  border: 1px solid #CCC; }

.sliding-modal .cart-list .product-total {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate3d(0, -50%, 0);
  text-align: right; }
  .sliding-modal .cart-list .product-total p {
    font-size: 15px;
    margin: 0;
    font-weight: bold; }

.sliding-modal .cart-list .price {
  font-size: 12px;
  font-weight: bold;
  margin: 5px 0; }
  .sliding-modal .cart-list .price input {
    display: inline-block;
    width: 50px;
    padding: 2px 4px;
    margin-left: 4px;
    border: 1px solid #e5e5e5;
    border-radius: 4px; }

.sliding-modal .cart-list .quantity {
  font-size: 12px;
  margin: 5px 0; }
  .sliding-modal .cart-list .quantity span {
    font-weight: bold; }

.sliding-modal .cart-list .student-selector {
  position: relative;
  display: inline-block; }
  .sliding-modal .cart-list .student-selector:after {
    content: '';
    width: 0;
    height: 0;
    display: inline-block;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid #999;
    position: absolute;
    top: 50%;
    right: 6px;
    z-index: 2;
    transform: translate3d(0, -50%, 0); }
  .sliding-modal .cart-list .student-selector select {
    position: relative;
    z-index: 3;
    padding: 2px 15px 2px 8px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    display: block;
    background: transparent;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-width: 150px; }

.sliding-modal .cart-list p:not(.price) {
  margin-bottom: 0; }

.sliding-modal .cart-list .remove-item {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate3d(0, -50%, 0) rotate(45deg);
  width: 24px;
  height: 24px;
  border: 1px solid #f3565d;
  color: #f3565d;
  background: none;
  border-radius: 30px; }
  .sliding-modal .cart-list .remove-item + .product-total {
    right: 35px; }
  .sliding-modal .cart-list .remove-item:after, .sliding-modal .cart-list .remove-item:before {
    content: '';
    width: 1px;
    height: 12px;
    display: inline-block;
    background: #f3565d;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0); }
  .sliding-modal .cart-list .remove-item:after {
    width: 12px;
    height: 1px; }
  .sliding-modal .cart-list .remove-item:hover {
    background: #f3565d; }
    .sliding-modal .cart-list .remove-item:hover:after, .sliding-modal .cart-list .remove-item:hover:before {
      background: #FFF; }

.cart-list-total {
  display: table;
  width: 100%;
  padding: 5px 0; }
  .cart-list-total .cart-total-row {
    display: table-row; }
    .cart-list-total .cart-total-row > div {
      display: table-cell;
      text-align: right;
      padding: 5px 15px;
      font-size: 16px; }
      .cart-list-total .cart-total-row > div:first-child {
        width: calc(100% - 150px);
        text-align: right; }
      .cart-list-total .cart-total-row > div:last-child {
        width: 150px;
        font-weight: bold; }
    .cart-list-total .cart-total-row p {
      margin: 0; }

.delivery-option {
  position: relative;
  padding-left: 17px;
  margin-top: 20px; }
  .delivery-option input {
    position: absolute;
    left: 0;
    top: 1px; }
  .delivery-option label {
    font-weight: normal; }
  .delivery-option + form .form-control, .delivery-option + form .medium-editor-element {
    margin-bottom: 15px; }

.sliding-modal .no-content {
  background: none; }
  .sliding-modal .no-content .visible-content {
    border: 0;
    width: 100%;
    border-radius: 0;
    margin: 0;
    padding: 30px 0 0; }
    .sliding-modal .no-content .visible-content:after, .sliding-modal .no-content .visible-content:before {
      display: none; }
    .sliding-modal .no-content .visible-content h3 {
      font-size: 18px; }

.order-summary {
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
  padding-top: 5px; }
  .order-summary .order-summary_info {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 7px 15px 0; }
    .order-summary .order-summary_info label {
      margin-bottom: 0;
      line-height: 1; }
    .order-summary .order-summary_info p {
      margin-bottom: 5px; }
    .order-summary .order-summary_info:last-child {
      padding-bottom: 15px; }
  .order-summary .order-status {
    display: inline-block;
    font-size: 11px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 2px;
    padding: 2px 7px; }
    .order-summary .order-status.delivered, .order-summary .order-status.completed {
      background: #8ab734; }
    .order-summary .order-status.cancelled {
      background: #f3565d; }
    .order-summary .order-status.readytodeliver {
      background: #6668b4; }
    .order-summary .order-status.partiallydelivered {
      background: #6668b4; }
    .order-summary .order-status.neworder {
      background: #34cced; }

.order-list {
  background: #FFF;
  margin-bottom: 0; }
  .order-list .delivered, .order-list .completed {
    box-shadow: inset 3px 0px 0px #8ab734; }
  .order-list .cancelled {
    box-shadow: inset 3px 0px 0px #f3565d; }
  .order-list .readytodeliver {
    box-shadow: inset 3px 0px 0px #6668b4; }
  .order-list .partiallydelivered {
    box-shadow: inset 3px 0px 0px #6668b4; }
  .order-list .neworder {
    box-shadow: inset 3px 0px 0px #34cced; }
  .order-list .t-cell {
    padding: 8px 20px; }
    .order-list .t-cell:first-child {
      font-weight: bold; }
  .order-list .t-head {
    background: #f9fafa;
    font-size: 14px; }
    .order-list .t-head .t-cell:first-child {
      font-weight: normal; }

.order-payment-row .t-cell:first-child {
  padding-left: 35px;
  position: relative; }
  .order-payment-row .t-cell:first-child:after {
    content: '';
    width: 25px;
    height: 110%;
    display: inline-block;
    top: 0;
    left: 0;
    background: #FFF;
    position: absolute; }

.transport-listing, .ptm-listing {
  padding: 10px 0 5px; }
  .transport-listing .row, .ptm-listing .row {
    margin-left: -8px;
    margin-right: -8px; }
    .transport-listing .row > div, .ptm-listing .row > div {
      padding-right: 8px;
      padding-left: 8px; }
  .transport-listing .transport-item, .transport-listing .ptm-list-item, .ptm-listing .transport-item, .ptm-listing .ptm-list-item {
    background: #FFF;
    height: calc(100% - 16px);
    border-radius: 4px;
    font-size: 14px;
    margin-bottom: 16px;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); }
    .transport-listing .transport-item h3, .transport-listing .ptm-list-item h3, .ptm-listing .transport-item h3, .ptm-listing .ptm-list-item h3 {
      font-size: 16px;
      font-weight: 500;
      margin: 0;
      padding: 15px 20px; }
    .transport-listing .transport-item .avatar-list, .transport-listing .ptm-list-item .avatar-list, .ptm-listing .transport-item .avatar-list, .ptm-listing .ptm-list-item .avatar-list {
      border-top: 1px solid #9faab5;
      padding: 12px 20px;
      background: #f9fafa;
      width: 100%;
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .transport-listing .transport-item .avatar-list li, .transport-listing .ptm-list-item .avatar-list li, .ptm-listing .transport-item .avatar-list li, .ptm-listing .ptm-list-item .avatar-list li {
        font-size: 13px;
        flex: 0 0 auto;
        margin: 4px 9px 4px 0; }
        .transport-listing .transport-item .avatar-list li img, .transport-listing .ptm-list-item .avatar-list li img, .ptm-listing .transport-item .avatar-list li img, .ptm-listing .ptm-list-item .avatar-list li img {
          width: 30px;
          height: 30px;
          object-fit: cover;
          object-position: center; }
        .transport-listing .transport-item .avatar-list li:last-child, .transport-listing .ptm-list-item .avatar-list li:last-child, .ptm-listing .transport-item .avatar-list li:last-child, .ptm-listing .ptm-list-item .avatar-list li:last-child {
          margin-right: 0; }
        .transport-listing .transport-item .avatar-list li.staff-position, .transport-listing .ptm-list-item .avatar-list li.staff-position, .ptm-listing .transport-item .avatar-list li.staff-position, .ptm-listing .ptm-list-item .avatar-list li.staff-position {
          width: auto; }
        .transport-listing .transport-item .avatar-list li + .staff-position, .transport-listing .ptm-list-item .avatar-list li + .staff-position, .ptm-listing .transport-item .avatar-list li + .staff-position, .ptm-listing .ptm-list-item .avatar-list li + .staff-position {
          margin-left: 10px; }
    .transport-listing .transport-item .trip-list ul, .transport-listing .ptm-list-item .trip-list ul, .ptm-listing .transport-item .trip-list ul, .ptm-listing .ptm-list-item .trip-list ul {
      margin: 0;
      padding: 0;
      font-size: 14px; }
      .transport-listing .transport-item .trip-list ul li, .transport-listing .ptm-list-item .trip-list ul li, .ptm-listing .transport-item .trip-list ul li, .ptm-listing .ptm-list-item .trip-list ul li {
        border-top: 1px solid #9faab5;
        padding: 12px 20px;
        list-style: none;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        line-height: 1.25; }
        .transport-listing .transport-item .trip-list ul li a, .transport-listing .ptm-list-item .trip-list ul li a, .ptm-listing .transport-item .trip-list ul li a, .ptm-listing .ptm-list-item .trip-list ul li a {
          font-weight: 600;
          transition: color 0.3s ease-out; }
        .transport-listing .transport-item .trip-list ul li span, .transport-listing .ptm-list-item .trip-list ul li span, .ptm-listing .transport-item .trip-list ul li span, .ptm-listing .ptm-list-item .trip-list ul li span {
          font-size: 12px;
          color: #9faab5; }
          .transport-listing .transport-item .trip-list ul li span b, .transport-listing .ptm-list-item .trip-list ul li span b, .ptm-listing .transport-item .trip-list ul li span b, .ptm-listing .ptm-list-item .trip-list ul li span b {
            color: #000000;
            font-weight: normal; }
        .transport-listing .transport-item .trip-list ul li.trip-in a, .transport-listing .ptm-list-item .trip-list ul li.trip-in a, .ptm-listing .transport-item .trip-list ul li.trip-in a, .ptm-listing .ptm-list-item .trip-list ul li.trip-in a {
          color: #46d17d; }
          .transport-listing .transport-item .trip-list ul li.trip-in a:hover, .transport-listing .ptm-list-item .trip-list ul li.trip-in a:hover, .ptm-listing .transport-item .trip-list ul li.trip-in a:hover, .ptm-listing .ptm-list-item .trip-list ul li.trip-in a:hover {
            color: #2db764; }
        .transport-listing .transport-item .trip-list ul li.trip-out a, .transport-listing .ptm-list-item .trip-list ul li.trip-out a, .ptm-listing .transport-item .trip-list ul li.trip-out a, .ptm-listing .ptm-list-item .trip-list ul li.trip-out a {
          color: #f26522; }
          .transport-listing .transport-item .trip-list ul li.trip-out a:hover, .transport-listing .ptm-list-item .trip-list ul li.trip-out a:hover, .ptm-listing .transport-item .trip-list ul li.trip-out a:hover, .ptm-listing .ptm-list-item .trip-list ul li.trip-out a:hover {
            color: #d54d0d; }

.route-list .avatar-list li img {
  width: 30px;
  height: 30px;
  object-fit: cover;
  object-position: center; }

.route-list .avatar-list li:first-child {
  display: none; }

.route-list.grid-view .t-row {
  padding-left: 10px;
  min-height: 0; }

.route-list.grid-view .avatars {
  display: inline-block !important; }

.route-list.grid-view .avatar-list li:first-child {
  width: auto;
  display: inline-block;
  line-height: 30px;
  font-weight: bold;
  color: #333; }
  .route-list.grid-view .avatar-list li:first-child:after {
    content: ': '; }

.route-summary-panel .profile-info .info-detail.main {
  padding-left: 5px; }

.route-summary-panel .profile-info .info-detail h2 {
  margin-bottom: 5px; }

.route-summary-panel .profile-info .info-detail .avatar-list {
  font-size: 13px; }
  .route-summary-panel .profile-info .info-detail .avatar-list li {
    width: auto;
    display: inline-block;
    line-height: 30px;
    font-weight: bold;
    color: #333;
    margin: 0 10px 0 0; }
    .route-summary-panel .profile-info .info-detail .avatar-list li img {
      width: 30px;
      height: 30px;
      object-fit: cover;
      object-position: center; }
    .route-summary-panel .profile-info .info-detail .avatar-list li a {
      width: 30px; }
    .route-summary-panel .profile-info .info-detail .avatar-list li:first-child {
      top: 1px; }

.waypoint-list .t-cell.user {
  font-weight: bold;
  color: #0592d2;
  text-transform: uppercase; }

.waypoint-list .t-cell ul {
  margin-bottom: 0;
  padding-left: 0; }

.waypoint-list .t-cell:first-child {
  min-width: 150px; }

.waypoint-list li.add-student {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border: 1px solid #0592d2; }
  .waypoint-list li.add-student a {
    font-size: 16px;
    font-weight: bold;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    position: relative;
    left: -1px; }

.waypoint-list li img {
  width: 30px;
  height: 30px;
  object-fit: cover;
  object-position: center; }

.tracking-list h3 {
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 0; }

.tracking-list .list-head-title {
  margin: 0;
  padding: 0 0 10px;
  border-bottom: 1px solid #DDD; }

.tracking-list ul {
  padding-left: 0; }
  .tracking-list ul li {
    list-style: none;
    display: block; }
    .tracking-list ul li .parent-name {
      font-weight: bold;
      color: #0592d2;
      width: 100%; }
    .tracking-list ul li[data-accordion-list] .parent-name {
      cursor: pointer; }
    .tracking-list ul li .t-cell {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .tracking-list ul li ul {
      padding-left: 30px;
      /*.t-cell {
                    justify-content: flex-start;
                }*/ }

.tracking-list .waypoint-student .name {
  position: relative;
  top: 2px; }

.tracking-list .student-waypoint {
  display: block;
  text-transform: uppercase;
  color: #bc85e6;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  line-height: 1; }

.tracking-list .waypoint-student-status {
  display: flex; }
  .tracking-list .waypoint-student-status > span {
    font-size: 12px;
    display: table; }
    .tracking-list .waypoint-student-status > span > * {
      display: table-cell;
      padding: 0 10px;
      vertical-align: middle; }
      .tracking-list .waypoint-student-status > span > *:first-child {
        padding-left: 0; }
      .tracking-list .waypoint-student-status > span > *:last-child {
        padding-right: 0; }
  .tracking-list .waypoint-student-status span {
    text-align: center; }

.waypoint-selection-list .parent-name {
  width: 100%;
  padding-left: 20px;
  position: relative; }
  .waypoint-selection-list .parent-name:before, .waypoint-selection-list .parent-name:after {
    content: '';
    background: #0592d2;
    width: 1px;
    height: 10px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 7px;
    transform: translate3d(0, -50%, 0) rotate(90deg);
    transition: 0.3s all ease-in; }
  .waypoint-selection-list .parent-name:after {
    transform: translate3d(0, -50%, 0) rotate(0deg); }
  .waypoint-selection-list .parent-name.list-open:after {
    transform: translate3d(0, -50%, 0) rotate(90deg); }

.waypoint-selection-list input[type='checkbox'] {
  margin-right: 5px; }

.waypoint-selection-list label {
  font-weight: normal; }

@media screen and (max-width: 767px) {
  .route-summary-panel .profile-info .info-detail.main {
    padding-left: 0; } }

.badge-rule {
  font-size: 14px; }
  .badge-rule .badge-rule-options {
    display: none; }
  .badge-rule ul {
    padding: 10px;
    border: 1px solid #0592d2;
    height: 200px;
    overflow-y: auto; }
    .badge-rule ul li {
      list-style: none;
      margin-bottom: 10px;
      cursor: pointer; }
      .badge-rule ul li input[type="checkbox"] {
        float: left;
        margin-right: 5px; }
  .badge-rule .badge-rule-content {
    padding: 10px;
    border: 1px solid #0592d2; }
    .badge-rule .badge-rule-content ul {
      height: auto;
      max-height: 200px;
      padding: 0; }
      .badge-rule .badge-rule-content ul li {
        list-style: none;
        padding: 4px 8px;
        margin: 0; }
    .badge-rule .badge-rule-content p {
      display: inline; }
    .badge-rule .badge-rule-content span {
      color: #0592d2; }
      .badge-rule .badge-rule-content span.custom-validation-error {
        color: #ff0000; }
    .badge-rule .badge-rule-content .comment-dropdown-menu {
      display: none;
      position: relative; }
      .badge-rule .badge-rule-content .comment-dropdown-menu ul {
        position: absolute;
        top: 100%;
        z-index: 999;
        background: #FFF;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 4px;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        right: 100%;
        min-width: 200px;
        margin: 0; }
  .badge-rule .option ul {
    display: none;
    position: absolute;
    z-index: 997;
    background: #FFF; }
  .badge-rule .content-editable[contenteditable] {
    display: inline-block;
    min-width: 40px;
    border: 1px solid #0592d2;
    height: 24px; }

.settings-badge {
  display: flex;
  width: 100%;
  align-items: center; }
  .settings-badge .settings-badge-info {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    padding-right: 10px; }
    .settings-badge .settings-badge-info .avatar-initials {
      margin-bottom: 0; }
    .settings-badge .settings-badge-info .name {
      padding-right: 5px; }
  @media screen and (max-width: 767px) {
    .settings-badge {
      display: block; }
      .settings-badge .settings-badge-issuers, .settings-badge .settings-badge-info {
        display: block; } }

.scheduler {
  position: relative;
  margin-bottom: 20px;
  overflow: auto; }
  @media screen and (max-width: 767px) {
    .scheduler {
      min-height: calc(100vh - 120px); } }
  .scheduler p {
    margin-bottom: 0; }
  .scheduler:before {
    content: '';
    display: inline-block;
    width: 302px;
    border: 1px solid #CCC;
    height: 65px;
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
    z-index: 99; }
    @media screen and (max-width: 767px) {
      .scheduler:before {
        width: 250px; } }

.schedule-legends {
  margin-bottom: 5px; }
  .schedule-legends ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%; }
    .schedule-legends ul li {
      display: inline-block;
      padding: 5px 22px;
      position: relative; }
      .schedule-legends ul li span {
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 16px;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate3d(0, -50%, 0);
        border: 1px solid #CCC; }
      .schedule-legends ul li.legend-booked span {
        background: #5cb85c; }
      .schedule-legends ul li.legend-not-available span {
        background: #FFF url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPjxwb2x5Z29uIG9wYWNpdHk9Ii4xNSIgZmlsbD0iIzMzMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyIgcG9pbnRzPSIwLDAgMCwxLjUgMS41LDAiLz48cG9seWdvbiBvcGFjaXR5PSIuMTUiIGZpbGw9IiMzMzMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXciIHBvaW50cz0iNCwwIDAsNCAxLjUsNCA0LDEuNSIvPjwvc3ZnPg==); }
      .schedule-legends ul li.legend-blocked span {
        background: #CCC url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPjxwb2x5Z29uIG9wYWNpdHk9Ii4xNSIgZmlsbD0iIzMzMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyIgcG9pbnRzPSIwLDAgMCwxLjUgMS41LDAiLz48cG9seWdvbiBvcGFjaXR5PSIuMTUiIGZpbGw9IiMzMzMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXciIHBvaW50cz0iNCwwIDAsNCAxLjUsNCA0LDEuNSIvPjwvc3ZnPg==); }
      .schedule-legends ul li.legend-available span {
        background: #FFF; }

.scheduler-table {
  display: table;
  border-bottom: 1px solid #CCC;
  border-radius: 4px;
  table-layout: fixed; }

.scheduler-row, .scheduler-head {
  display: table-row;
  background: #FFF; }

.scheduler-cell {
  display: table-cell;
  text-align: center;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  vertical-align: middle; }
  .scheduler-cell > p {
    font-weight: bold;
    text-transform: uppercase; }
  .scheduler-cell p {
    padding: 5px; }
  .scheduler-cell:first-child {
    width: 300px;
    text-align: left; }
    .scheduler-table-days .scheduler-cell:first-child, .scheduler-table .scheduler-cell:first-child {
      width: auto;
      text-align: center; }
  .scheduler-row .scheduler-cell:last-child, .scheduler-table-days .scheduler-cell:last-child {
    border-right: 1px solid #CCC; }

.schedule-hours, .schedule-slot-availability {
  display: flex; }
  .schedule-hours p, .schedule-slot-availability p {
    width: 45px; }

.schedule-hours {
  border-top: 1px solid #CCC; }
  .schedule-hours p {
    border-left: 1px solid #CCC; }
    .schedule-hours p:first-child {
      border-left: 0; }
    .schedule-hours p.hovered {
      box-shadow: inset 0 2px 0 #01a0e3; }

.schedule-slot-availability {
  flex-wrap: wrap;
  /*&:last-child {

        p {
            border-bottom: 0;
        }
    }*/ }
  .schedule-slot-availability .tooltip {
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; }
  .schedule-slot-availability.slots-1 {
    width: 45px; }
    .schedule-slot-availability.slots-1 p:nth-of-type(1n+1) {
      border-left: 0; }
    .schedule-slot-availability.slots-1 p:nth-last-of-type(-n+1) {
      border-bottom: 0; }
  .schedule-slot-availability.slots-2 {
    width: 90px; }
    .schedule-slot-availability.slots-2 p:nth-of-type(2n+1) {
      border-left: 0; }
    .schedule-slot-availability.slots-2 p:nth-last-of-type(-n+2) {
      border-bottom: 0; }
  .schedule-slot-availability.slots-3 {
    width: 135px; }
    .schedule-slot-availability.slots-3 p:nth-of-type(3n+1) {
      border-left: 0; }
    .schedule-slot-availability.slots-3 p:nth-last-of-type(-n+3) {
      border-bottom: 0; }
  .schedule-slot-availability.slots-4 {
    width: 180px; }
    .schedule-slot-availability.slots-4 p:nth-of-type(4n+1) {
      border-left: 0; }
    .schedule-slot-availability.slots-4 p:nth-last-of-type(-n+4) {
      border-bottom: 0; }
  .schedule-slot-availability.slots-5 {
    width: 225px; }
    .schedule-slot-availability.slots-5 p:nth-of-type(5n+1) {
      border-left: 0; }
    .schedule-slot-availability.slots-5 p:nth-last-of-type(-n+5) {
      border-bottom: 0; }
  .schedule-slot-availability.slots-6 {
    width: 270px; }
    .schedule-slot-availability.slots-6 p:nth-of-type(6n+1) {
      border-left: 0; }
    .schedule-slot-availability.slots-6 p:nth-last-of-type(-n+6) {
      border-bottom: 0; }
  .schedule-slot-availability.slots-7 {
    width: 315px; }
    .schedule-slot-availability.slots-7 p:nth-of-type(7n+1) {
      border-left: 0; }
    .schedule-slot-availability.slots-7 p:nth-last-of-type(-n+7) {
      border-bottom: 0; }
  .schedule-slot-availability.slots-8 {
    width: 360px; }
    .schedule-slot-availability.slots-8 p:nth-of-type(8n+1) {
      border-left: 0; }
    .schedule-slot-availability.slots-8 p:nth-last-of-type(-n+8) {
      border-bottom: 0; }
  .schedule-slot-availability.slots-9 {
    width: 405px; }
    .schedule-slot-availability.slots-9 p:nth-of-type(9n+1) {
      border-left: 0; }
    .schedule-slot-availability.slots-9 p:nth-last-of-type(-n+9) {
      border-bottom: 0; }
  .schedule-slot-availability.slots-10 {
    width: 450px; }
    .schedule-slot-availability.slots-10 p:nth-of-type(10n+1) {
      border-left: 0; }
    .schedule-slot-availability.slots-10 p:nth-last-of-type(-n+10) {
      border-bottom: 0; }
  .schedule-slot-availability.slots-11 {
    width: 495px; }
    .schedule-slot-availability.slots-11 p:nth-of-type(11n+1) {
      border-left: 0; }
    .schedule-slot-availability.slots-11 p:nth-last-of-type(-n+11) {
      border-bottom: 0; }
  .schedule-slot-availability.slots-12 {
    width: 540px; }
    .schedule-slot-availability.slots-12 p:nth-of-type(12n+1) {
      border-left: 0; }
    .schedule-slot-availability.slots-12 p:nth-last-of-type(-n+12) {
      border-bottom: 0; }
  .schedule-slot-availability p {
    height: 35px;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 0;
    position: relative; }
    .schedule-slot-availability p:first-child {
      border-left: 0; }
    .schedule-slot-availability p.ms-selected {
      box-shadow: inset 3px 3px 0 #01a0e3, inset -3px -3px 0 #01a0e3; }
    .schedule-slot-availability p.booked a, .schedule-slot-availability p.available a {
      position: absolute;
      width: 100%;
      height: 100%;
      display: inline-block;
      top: 0;
      left: 0; }
    .schedule-slot-availability p.booked {
      background: #5cb85c; }
    .schedule-slot-availability p.booked-overlapping {
      background: #5cb85c url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPjxwb2x5Z29uIG9wYWNpdHk9Ii41IiBmaWxsPSIjRkZGIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IiBwb2ludHM9IjAsMCAwLDEuNSAxLjUsMCIvPjxwb2x5Z29uIG9wYWNpdHk9Ii41IiBmaWxsPSIjRkZGIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IiBwb2ludHM9IjQsMCAwLDQgMS41LDQgNCwxLjUiLz48L3N2Zz4=); }
    .schedule-slot-availability p.not-available {
      background: #FFF url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPjxwb2x5Z29uIG9wYWNpdHk9Ii4xNSIgZmlsbD0iIzMzMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyIgcG9pbnRzPSIwLDAgMCwxLjUgMS41LDAiLz48cG9seWdvbiBvcGFjaXR5PSIuMTUiIGZpbGw9IiMzMzMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXciIHBvaW50cz0iNCwwIDAsNCAxLjUsNCA0LDEuNSIvPjwvc3ZnPg==); }
    .schedule-slot-availability p.blocked {
      background: #CCC url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPjxwb2x5Z29uIG9wYWNpdHk9Ii4xNSIgZmlsbD0iIzMzMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyIgcG9pbnRzPSIwLDAgMCwxLjUgMS41LDAiLz48cG9seWdvbiBvcGFjaXR5PSIuMTUiIGZpbGw9IiMzMzMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXciIHBvaW50cz0iNCwwIDAsNCAxLjUsNCA0LDEuNSIvPjwvc3ZnPg==); }
    .schedule-slot-availability p.available {
      background: #FFF; }
      .schedule-slot-availability p.available:hover {
        background: #F5F5F5; }

.scheduler-user {
  display: flex;
  align-items: center; }
  .scheduler-user .user-info {
    flex: 0 1 250px;
    font-weight: bold;
    font-size: 14px;
    padding-left: 60px;
    position: relative; }
    .scheduler-user .user-info p {
      padding: 0; }
    .scheduler-user .user-info span:not(.user-image) {
      font-size: 11px;
      font-weight: normal; }
    .scheduler-user .user-info .booked-slots {
      position: relative;
      top: -2px;
      display: block; }
    .scheduler-user .user-info .tag-list {
      padding: 1px 5px 2px;
      margin: 0 3px 3px 0;
      font-weight: bold; }
    .scheduler-user .user-info .user-image {
      position: absolute;
      left: 10px;
      top: 50%;
      transform: translate3d(0, -50%, 0); }
      .scheduler-user .user-info .user-image img {
        width: 40px;
        height: 40px;
        border-radius: 40px;
        object-fit: cover;
        object-position: center; }
  .scheduler-user .user-slots {
    flex: 0 1 50px;
    text-align: center; }
    .scheduler-user .user-slots p {
      height: 35px;
      border-left: 1px solid #CCC;
      border-bottom: 1px solid #CCC;
      line-height: 25px; }
      .scheduler-user .user-slots p:last-child {
        border-bottom: 0; }
      .scheduler-user .user-slots p.hovered {
        box-shadow: inset 2px 0 0 #01a0e3; }

.scheduler-container {
  position: relative;
  overflow: auto;
  background: #FFF;
  padding-left: 300px;
  padding-top: 63px;
  /*display: inline-block;*/
  max-width: 100%;
  max-height: 100%;
  /*max-height: calc(100vh - 250px);*/
  box-shadow: inset -1px -1px 0 #CCC, inset 0 1px 0 #CCC; }
  @media screen and (max-width: 767px) {
    .scheduler-container {
      padding-left: 249px; } }
  .scheduler-container .scheduler-table-days, .scheduler-container .scheduler-table-user {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    background: #FFF; }
  .scheduler-container .scheduler-table-user {
    padding-top: 62px;
    border: 1px solid #CCC; }
    .scheduler-container .scheduler-table-user .scheduler-cell:first-child {
      border-left: 0; }
    @media screen and (max-width: 767px) {
      .scheduler-container .scheduler-table-user {
        width: 250px; }
        .scheduler-container .scheduler-table-user .scheduler-cell:first-child {
          width: 100%; }
        .scheduler-container .scheduler-table-user .user-info {
          flex: 0 1 200px; } }
  .scheduler-container .scheduler-table-days {
    left: 300px;
    -webkit-transform: translate3d(0, 0, 0);
    border-bottom: 1px solid #CCC; }
    @media screen and (max-width: 767px) {
      .scheduler-container .scheduler-table-days {
        left: 249px; } }

.ptm-scheduler-form {
  padding: 12px 0 15px 10px; }
  .modal-content .ptm-scheduler-form .form-row.form-data-row {
    padding-right: 100px; }
  .modal-content .ptm-scheduler-form .form-row .add-more {
    right: 0; }
  .ptm-scheduler-form .form-row .form-group:first-child {
    width: 40%; }

.ptm-scheduler-form .form-action .btn, .ptm-scheduler-form .form-action .btn-secondary, .ptm-scheduler-form .form-action .btn-primary, .ptm-scheduler-form .form-action .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu .ptm-scheduler-form .form-action li > a, .ptm-scheduler-form .form-action .btn-highlight, .ptm-scheduler-form .form-action .load-more-btn,
.ptm-scheduler-form .input-group .btn,
.ptm-scheduler-form .input-group .btn-secondary,
.ptm-scheduler-form .input-group .btn-primary,
.ptm-scheduler-form .input-group .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu
.ptm-scheduler-form .input-group li > a,
.ptm-scheduler-form .input-group .btn-highlight,
.ptm-scheduler-form .input-group .load-more-btn {
  border-color: #c2c2c2;
  border-width: 1px;
  border-left: 0;
  color: #0592d2; }

.ptm-listing .ptm-list-item h3 {
  padding: 0 0 10px;
  margin-right: 80px; }
  .ptm-listing .ptm-list-item h3 a {
    font-weight: normal;
    color: inherit; }
    .ptm-listing .ptm-list-item h3 a:hover {
      color: #0592d2; }

.ptm-listing .ptm-list-item .ptm-list-title {
  padding: 10px 15px 8px;
  position: relative; }

.ptm-listing .ptm-list-item .ptm-teachers {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #9faab5; }
  .ptm-listing .ptm-list-item .ptm-teachers b {
    color: #464646;
    font-weight: 600; }

.ptm-listing .ptm-list-item p {
  font-size: 12px;
  margin: 0; }

.ptm-listing .ptm-list-item .avatar-list {
  padding: 5px 15px; }

.ptm-listing .ptm-list-item .trip-list ul li {
  padding: 8px 15px;
  border-color: #ccc; }
  .ptm-listing .ptm-list-item .trip-list ul li span {
    color: #9faab5; }
    .ptm-listing .ptm-list-item .trip-list ul li span b {
      color: inherit; }

.ptm-listing .tag-list {
  margin-bottom: 2px; }

.ptm-table-list .t-cell {
  white-space: normal; }
  .ptm-table-list .t-cell:nth-child(3) {
    width: 50%; }
    @media screen and (max-width: 767px) {
      .ptm-table-list .t-cell:nth-child(3) {
        width: 100%; } }
  @media screen and (max-width: 767px) {
    .ptm-table-list .t-cell:first-child {
      padding-right: 60px; }
    .ptm-table-list .t-cell:last-child {
      position: absolute;
      top: 0;
      right: 0;
      padding-right: 0;
      padding-top: 10px; } }

@media screen and (max-width: 767px) {
  .ptm-table-list .t-row {
    border: 1px solid #DDD;
    border-radius: 4px;
    position: relative; } }

.playbox-pop {
  background: #01a0e3;
  z-index: 130 !important;
  position: fixed;
  width: 100%;
  max-width: 536px;
  bottom: 0;
  right: 0;
  max-height: 100%;
  height: 450px;
  overflow: auto;
  /*overflow: hidden;*/
  transform: translate3d(0, 120%, 0);
  transition: all 1s ease-out; }
  .playbox-pop .playbox-close {
    width: 15px;
    height: 15px;
    position: absolute;
    display: inline-block;
    top: 30px;
    right: 30px;
    transform: rotate(45deg);
    cursor: pointer; }
    .playbox-pop .playbox-close:before, .playbox-pop .playbox-close:after {
      content: '';
      width: 2px;
      height: 100%;
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0);
      background: #FFF; }
    .playbox-pop .playbox-close:after {
      width: 100%;
      height: 2px; }
  .playbox-pop .playbox-banner {
    background: #01a0e3;
    position: relative; }
  .playbox-pop .playbox-content {
    padding: 40px 48px 50px 52px;
    background: #01a0e3 left bottom no-repeat;
    background-size: auto 120%; }
    .playbox-pop .playbox-content h5 {
      font-size: 28px;
      line-height: 1.0;
      font-weight: 700;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .playbox-pop .playbox-content p {
      color: #FFF;
      font-size: 16px;
      line-height: 1.4;
      padding-top: 10px; }
    .playbox-pop .playbox-content a:hover {
      transition: all 0.7s;
      opacity: 1.0; }
    .playbox-pop .playbox-content .button_store {
      color: #FFF;
      cursor: pointer;
      display: flex;
      width: 30%;
      /*padding: 15px;*/
      opacity: 0.7;
      border-radius: 5px;
      margin-bottom: 30px;
      margin-top: 30px; }
      .playbox-pop .playbox-content .button_store img {
        margin: 10px 9px -18px 0px; }
    .playbox-pop .playbox-content .phone {
      display: block;
      bottom: 0;
      right: 0;
      position: fixed; }
      .playbox-pop .playbox-content .phone img {
        margin-bottom: -20px; }
  .playbox-pop.open {
    transform: translate3d(0, 0, 0); }

.mobile-app-banner {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 1000; }
  .mobile-app-banner .banner-content {
    background: #20bdef;
    color: #FFF;
    padding: 40px 0 0 50px;
    position: absolute;
    box-shadow: 3px 3px 40px 0 rgba(0, 0, 0, 0.2);
    right: 0;
    bottom: 100%;
    width: 550px;
    border-radius: 4px;
    transition: all 0.3s ease-out;
    visibility: hidden;
    opacity: 0; }
    .mobile-app-banner .banner-content h3 {
      color: #272e3a;
      font-weight: bold;
      font-size: 30px;
      margin: 0 0 20px;
      line-height: 1.25;
      position: relative; }
    .mobile-app-banner .banner-content p {
      font-size: 18px;
      font-weight: 600;
      line-height: 1.3;
      width: 80%;
      margin-bottom: 0;
      position: relative; }
    .mobile-app-banner .banner-content .download-buttons {
      padding: 50px 0 70px;
      position: relative; }
      .mobile-app-banner .banner-content .download-buttons a {
        display: inline-block;
        margin: 10px 0 20px; }
        .mobile-app-banner .banner-content .download-buttons a img {
          max-width: 100%; }
    .mobile-app-banner .banner-content .app-screens {
      text-align: right;
      position: absolute;
      right: 0;
      bottom: 0; }
      .mobile-app-banner .banner-content .app-screens img {
        max-width: 100%; }
  .mobile-app-banner .banner-activator {
    width: 60px;
    height: 60px;
    background: #20bdef;
    color: #FFF;
    position: relative;
    border-radius: 99em;
    cursor: pointer;
    box-shadow: 3px 3px 40px 0 rgba(0, 0, 0, 0.2); }
    .mobile-app-banner .banner-activator .mobile-icon, .mobile-app-banner .banner-activator .close-icon {
      font-size: 24px;
      width: 24px;
      height: 24px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0);
      transform-origin: center;
      transition: all 0.3s ease-out;
      display: inline-block; }
    .mobile-app-banner .banner-activator .close-icon {
      transform: scale(0) translate3d(-50%, -50%, 0); }
    .mobile-app-banner .banner-activator .mobile-icon i {
      position: relative;
      top: -6px; }
    .mobile-app-banner .banner-activator .banner-close {
      position: absolute;
      width: 100%;
      height: 100%;
      display: inline-block;
      transform: rotate(45deg); }
      .mobile-app-banner .banner-activator .banner-close:before, .mobile-app-banner .banner-activator .banner-close:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        width: 2px;
        height: 100%;
        transform: translate3d(-50%, -50%, 0);
        background: #FFF;
        background: #FFF; }
      .mobile-app-banner .banner-activator .banner-close:after {
        width: 100%;
        height: 2px; }
  .mobile-app-banner.open .banner-content {
    bottom: 150%;
    visibility: visible;
    opacity: 1; }
  .mobile-app-banner.open .mobile-icon {
    transform: scale(0) translate3d(-50%, -50%, 0); }
  .mobile-app-banner.open .close-icon {
    transform: scale(1) translate3d(-50%, -50%, 0); }

.equal-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px; }
  .equal-row > div {
    float: none;
    padding-left: 5px;
    padding-right: 5px; }
    @media screen and (max-width: 767px) {
      .equal-row > div {
        width: 100%;
        max-width: 100%; } }

.card-with-checkbox {
  position: relative;
  height: calc(100% - 10px);
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  padding: 10px 10px 15px 35px;
  border: 1px solid #CCC;
  border-radius: 4px; }
  .card-with-checkbox input {
    position: absolute;
    top: 12px;
    left: 12px; }
  .card-with-checkbox label {
    margin: 0;
    cursor: pointer; }
  .card-with-checkbox .status-tag {
    color: #FFF;
    display: inline-block;
    font-size: 11px;
    padding: 1px 6px;
    border-radius: 2px; }

.video-playlist {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (min-width: 1500px) {
    .video-playlist .col {
      width: 20%; } }
  .video-playlist + .tool-bar {
    margin-top: 30px; }
  .video-playlist .video-item {
    background: #FFF;
    margin: 15px 0 0;
    height: calc(100% - 15px);
    cursor: pointer; }
    .video-playlist .video-item:hover img {
      transform: scale(1.15);
      opacity: 0.8; }
    .video-playlist .video-item:hover .play-btn {
      background: rgba(0, 0, 0, 0.5) !important; }
    .video-playlist .video-item .video-thumbnail {
      width: 100%;
      padding-bottom: 60%;
      height: 0;
      overflow: hidden;
      position: relative;
      background: #000; }
      .video-playlist .video-item .video-thumbnail img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: all 0.8s ease-in-out; }
      .video-playlist .video-item .video-thumbnail .play-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        border: 2px solid #FFF;
        background: rgba(0, 0, 0, 0.3);
        border-radius: 50%;
        display: inline-block;
        transform: translate3d(-50%, -50%, 0);
        transition: all 0.3s ease-in-out;
        width: 50px;
        height: 50px;
        /*&:after {
                    content: "";
                    position: absolute;
                    width: 15px;
                    height: 15px;
                    display: inline-block;
                    border-right: 2px solid #FFF;
                    border-bottom: 2px solid #FFF;
                    transform: translate3d(-50%,-50%,0) rotate(-45deg);
                    top: 50%;
                    left: 50%;
                }*/ }
        .video-playlist .video-item .video-thumbnail .play-btn i {
          color: #FFF;
          position: absolute;
          transform: translate3d(-50%, -50%, 0);
          top: 50%;
          left: 50%;
          font-size: 20px;
          margin-left: 2px; }
    .video-playlist .video-item h2 {
      margin: 0;
      font-weight: 600;
      font-size: 16px;
      padding: 13px 20px;
      line-height: 1.4;
      text-transform: capitalize; }

.video-embed {
  width: 100%;
  overflow: hidden; }
  .video-embed video {
    width: 100%;
    float: left; }

.width-auto {
  width: auto; }

.width-2 {
  width: 2%; }

.width-4 {
  width: 4%; }

.width-6 {
  width: 6%; }

.width-8 {
  width: 8%; }

.width-10 {
  width: 10%; }

.width-12 {
  width: 12%; }

.width-14 {
  width: 14%; }

.width-16 {
  width: 16%; }

.width-18 {
  width: 18%; }

.width-20 {
  width: 20%; }

.width-22 {
  width: 22%; }

.width-24 {
  width: 24%; }

.width-26 {
  width: 26%; }

.width-28 {
  width: 28%; }

.width-30 {
  width: 30%; }

.width-32 {
  width: 32%; }

.width-34 {
  width: 34%; }

.width-36 {
  width: 36%; }

.width-38 {
  width: 38%; }

.width-40 {
  width: 40%; }

.width-42 {
  width: 42%; }

.width-44 {
  width: 44%; }

.width-46 {
  width: 46%; }

.width-48 {
  width: 48%; }

.width-50 {
  width: 50%; }

.width-52 {
  width: 52%; }

.width-54 {
  width: 54%; }

.width-56 {
  width: 56%; }

.width-58 {
  width: 58%; }

.width-60 {
  width: 60%; }

.width-62 {
  width: 62%; }

.width-64 {
  width: 64%; }

.width-66 {
  width: 66%; }

.width-68 {
  width: 68%; }

.width-70 {
  width: 70%; }

.width-72 {
  width: 72%; }

.width-74 {
  width: 74%; }

.width-76 {
  width: 76%; }

.width-78 {
  width: 78%; }

.width-80 {
  width: 80%; }

.width-82 {
  width: 82%; }

.width-84 {
  width: 84%; }

.width-86 {
  width: 86%; }

.width-88 {
  width: 88%; }

.width-90 {
  width: 90%; }

.width-92 {
  width: 92%; }

.width-94 {
  width: 94%; }

.width-96 {
  width: 96%; }

.width-98 {
  width: 98%; }

.width-100 {
  width: 100%; }

@media (min-width: 768px) {
  .width-sm-auto {
    width: auto; }
  .width-sm-2 {
    width: 2%; }
  .width-sm-4 {
    width: 4%; }
  .width-sm-6 {
    width: 6%; }
  .width-sm-8 {
    width: 8%; }
  .width-sm-10 {
    width: 10%; }
  .width-sm-12 {
    width: 12%; }
  .width-sm-14 {
    width: 14%; }
  .width-sm-16 {
    width: 16%; }
  .width-sm-18 {
    width: 18%; }
  .width-sm-20 {
    width: 20%; }
  .width-sm-22 {
    width: 22%; }
  .width-sm-24 {
    width: 24%; }
  .width-sm-26 {
    width: 26%; }
  .width-sm-28 {
    width: 28%; }
  .width-sm-30 {
    width: 30%; }
  .width-sm-32 {
    width: 32%; }
  .width-sm-34 {
    width: 34%; }
  .width-sm-36 {
    width: 36%; }
  .width-sm-38 {
    width: 38%; }
  .width-sm-40 {
    width: 40%; }
  .width-sm-42 {
    width: 42%; }
  .width-sm-44 {
    width: 44%; }
  .width-sm-46 {
    width: 46%; }
  .width-sm-48 {
    width: 48%; }
  .width-sm-50 {
    width: 50%; }
  .width-sm-52 {
    width: 52%; }
  .width-sm-54 {
    width: 54%; }
  .width-sm-56 {
    width: 56%; }
  .width-sm-58 {
    width: 58%; }
  .width-sm-60 {
    width: 60%; }
  .width-sm-62 {
    width: 62%; }
  .width-sm-64 {
    width: 64%; }
  .width-sm-66 {
    width: 66%; }
  .width-sm-68 {
    width: 68%; }
  .width-sm-70 {
    width: 70%; }
  .width-sm-72 {
    width: 72%; }
  .width-sm-74 {
    width: 74%; }
  .width-sm-76 {
    width: 76%; }
  .width-sm-78 {
    width: 78%; }
  .width-sm-80 {
    width: 80%; }
  .width-sm-82 {
    width: 82%; }
  .width-sm-84 {
    width: 84%; }
  .width-sm-86 {
    width: 86%; }
  .width-sm-88 {
    width: 88%; }
  .width-sm-90 {
    width: 90%; }
  .width-sm-92 {
    width: 92%; }
  .width-sm-94 {
    width: 94%; }
  .width-sm-96 {
    width: 96%; }
  .width-sm-98 {
    width: 98%; }
  .width-sm-100 {
    width: 100%; } }

@media (min-width: 992px) {
  .width-md-auto {
    width: auto; }
  .width-md-2 {
    width: 2%; }
  .width-md-4 {
    width: 4%; }
  .width-md-6 {
    width: 6%; }
  .width-md-8 {
    width: 8%; }
  .width-md-10 {
    width: 10%; }
  .width-md-12 {
    width: 12%; }
  .width-md-14 {
    width: 14%; }
  .width-md-16 {
    width: 16%; }
  .width-md-18 {
    width: 18%; }
  .width-md-20 {
    width: 20%; }
  .width-md-22 {
    width: 22%; }
  .width-md-24 {
    width: 24%; }
  .width-md-26 {
    width: 26%; }
  .width-md-28 {
    width: 28%; }
  .width-md-30 {
    width: 30%; }
  .width-md-32 {
    width: 32%; }
  .width-md-34 {
    width: 34%; }
  .width-md-36 {
    width: 36%; }
  .width-md-38 {
    width: 38%; }
  .width-md-40 {
    width: 40%; }
  .width-md-42 {
    width: 42%; }
  .width-md-44 {
    width: 44%; }
  .width-md-46 {
    width: 46%; }
  .width-md-48 {
    width: 48%; }
  .width-md-50 {
    width: 50%; }
  .width-md-52 {
    width: 52%; }
  .width-md-54 {
    width: 54%; }
  .width-md-56 {
    width: 56%; }
  .width-md-58 {
    width: 58%; }
  .width-md-60 {
    width: 60%; }
  .width-md-62 {
    width: 62%; }
  .width-md-64 {
    width: 64%; }
  .width-md-66 {
    width: 66%; }
  .width-md-68 {
    width: 68%; }
  .width-md-70 {
    width: 70%; }
  .width-md-72 {
    width: 72%; }
  .width-md-74 {
    width: 74%; }
  .width-md-76 {
    width: 76%; }
  .width-md-78 {
    width: 78%; }
  .width-md-80 {
    width: 80%; }
  .width-md-82 {
    width: 82%; }
  .width-md-84 {
    width: 84%; }
  .width-md-86 {
    width: 86%; }
  .width-md-88 {
    width: 88%; }
  .width-md-90 {
    width: 90%; }
  .width-md-92 {
    width: 92%; }
  .width-md-94 {
    width: 94%; }
  .width-md-96 {
    width: 96%; }
  .width-md-98 {
    width: 98%; }
  .width-md-100 {
    width: 100%; } }

@media (min-width: 1200px) {
  .width-lg-auto {
    width: auto; }
  .width-lg-2 {
    width: 2%; }
  .width-lg-4 {
    width: 4%; }
  .width-lg-6 {
    width: 6%; }
  .width-lg-8 {
    width: 8%; }
  .width-lg-10 {
    width: 10%; }
  .width-lg-12 {
    width: 12%; }
  .width-lg-14 {
    width: 14%; }
  .width-lg-16 {
    width: 16%; }
  .width-lg-18 {
    width: 18%; }
  .width-lg-20 {
    width: 20%; }
  .width-lg-22 {
    width: 22%; }
  .width-lg-24 {
    width: 24%; }
  .width-lg-26 {
    width: 26%; }
  .width-lg-28 {
    width: 28%; }
  .width-lg-30 {
    width: 30%; }
  .width-lg-32 {
    width: 32%; }
  .width-lg-34 {
    width: 34%; }
  .width-lg-36 {
    width: 36%; }
  .width-lg-38 {
    width: 38%; }
  .width-lg-40 {
    width: 40%; }
  .width-lg-42 {
    width: 42%; }
  .width-lg-44 {
    width: 44%; }
  .width-lg-46 {
    width: 46%; }
  .width-lg-48 {
    width: 48%; }
  .width-lg-50 {
    width: 50%; }
  .width-lg-52 {
    width: 52%; }
  .width-lg-54 {
    width: 54%; }
  .width-lg-56 {
    width: 56%; }
  .width-lg-58 {
    width: 58%; }
  .width-lg-60 {
    width: 60%; }
  .width-lg-62 {
    width: 62%; }
  .width-lg-64 {
    width: 64%; }
  .width-lg-66 {
    width: 66%; }
  .width-lg-68 {
    width: 68%; }
  .width-lg-70 {
    width: 70%; }
  .width-lg-72 {
    width: 72%; }
  .width-lg-74 {
    width: 74%; }
  .width-lg-76 {
    width: 76%; }
  .width-lg-78 {
    width: 78%; }
  .width-lg-80 {
    width: 80%; }
  .width-lg-82 {
    width: 82%; }
  .width-lg-84 {
    width: 84%; }
  .width-lg-86 {
    width: 86%; }
  .width-lg-88 {
    width: 88%; }
  .width-lg-90 {
    width: 90%; }
  .width-lg-92 {
    width: 92%; }
  .width-lg-94 {
    width: 94%; }
  .width-lg-96 {
    width: 96%; }
  .width-lg-98 {
    width: 98%; }
  .width-lg-100 {
    width: 100%; } }

@media (min-width: 1400px) {
  .width-xl-auto {
    width: auto; }
  .width-xl-2 {
    width: 2%; }
  .width-xl-4 {
    width: 4%; }
  .width-xl-6 {
    width: 6%; }
  .width-xl-8 {
    width: 8%; }
  .width-xl-10 {
    width: 10%; }
  .width-xl-12 {
    width: 12%; }
  .width-xl-14 {
    width: 14%; }
  .width-xl-16 {
    width: 16%; }
  .width-xl-18 {
    width: 18%; }
  .width-xl-20 {
    width: 20%; }
  .width-xl-22 {
    width: 22%; }
  .width-xl-24 {
    width: 24%; }
  .width-xl-26 {
    width: 26%; }
  .width-xl-28 {
    width: 28%; }
  .width-xl-30 {
    width: 30%; }
  .width-xl-32 {
    width: 32%; }
  .width-xl-34 {
    width: 34%; }
  .width-xl-36 {
    width: 36%; }
  .width-xl-38 {
    width: 38%; }
  .width-xl-40 {
    width: 40%; }
  .width-xl-42 {
    width: 42%; }
  .width-xl-44 {
    width: 44%; }
  .width-xl-46 {
    width: 46%; }
  .width-xl-48 {
    width: 48%; }
  .width-xl-50 {
    width: 50%; }
  .width-xl-52 {
    width: 52%; }
  .width-xl-54 {
    width: 54%; }
  .width-xl-56 {
    width: 56%; }
  .width-xl-58 {
    width: 58%; }
  .width-xl-60 {
    width: 60%; }
  .width-xl-62 {
    width: 62%; }
  .width-xl-64 {
    width: 64%; }
  .width-xl-66 {
    width: 66%; }
  .width-xl-68 {
    width: 68%; }
  .width-xl-70 {
    width: 70%; }
  .width-xl-72 {
    width: 72%; }
  .width-xl-74 {
    width: 74%; }
  .width-xl-76 {
    width: 76%; }
  .width-xl-78 {
    width: 78%; }
  .width-xl-80 {
    width: 80%; }
  .width-xl-82 {
    width: 82%; }
  .width-xl-84 {
    width: 84%; }
  .width-xl-86 {
    width: 86%; }
  .width-xl-88 {
    width: 88%; }
  .width-xl-90 {
    width: 90%; }
  .width-xl-92 {
    width: 92%; }
  .width-xl-94 {
    width: 94%; }
  .width-xl-96 {
    width: 96%; }
  .width-xl-98 {
    width: 98%; }
  .width-xl-100 {
    width: 100%; } }

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .hidden-lg {
    display: none !important; } }

@media only screen and (max-width: 1359px) {
  #student_listing .tool-bar > div.heading .student-toggle-switch {
    height: auto;
    margin-top: 10px; } }

@media only screen and (min-width: 1600px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left; }
  .col-xl-12 {
    width: 100%; }
  .col-xl-11 {
    width: 91.66666667%; }
  .col-xl-10 {
    width: 83.33333333%; }
  .col-xl-9 {
    width: 75%; }
  .col-xl-8 {
    width: 66.66666667%; }
  .col-xl-7 {
    width: 58.33333333%; }
  .col-xl-6 {
    width: 50%; }
  .col-xl-5 {
    width: 41.66666667%; }
  .col-xl-4 {
    width: 33.33333333%; }
  .col-xl-3 {
    width: 25%; }
  .col-xl-2 {
    width: 16.66666667%; }
  .col-xl-1 {
    width: 8.33333333%; }
  .col-xl-pull-12 {
    right: 100%; }
  .col-xl-pull-11 {
    right: 91.66666667%; }
  .col-xl-pull-10 {
    right: 83.33333333%; }
  .col-xl-pull-9 {
    right: 75%; }
  .col-xl-pull-8 {
    right: 66.66666667%; }
  .col-xl-pull-7 {
    right: 58.33333333%; }
  .col-xl-pull-6 {
    right: 50%; }
  .col-xl-pull-5 {
    right: 41.66666667%; }
  .col-xl-pull-4 {
    right: 33.33333333%; }
  .col-xl-pull-3 {
    right: 25%; }
  .col-xl-pull-2 {
    right: 16.66666667%; }
  .col-xl-pull-1 {
    right: 8.33333333%; }
  .col-xl-pull-0 {
    right: auto; }
  .col-xl-push-12 {
    left: 100%; }
  .col-xl-push-11 {
    left: 91.66666667%; }
  .col-xl-push-10 {
    left: 83.33333333%; }
  .col-xl-push-9 {
    left: 75%; }
  .col-xl-push-8 {
    left: 66.66666667%; }
  .col-xl-push-7 {
    left: 58.33333333%; }
  .col-xl-push-6 {
    left: 50%; }
  .col-xl-push-5 {
    left: 41.66666667%; }
  .col-xl-push-4 {
    left: 33.33333333%; }
  .col-xl-push-3 {
    left: 25%; }
  .col-xl-push-2 {
    left: 16.66666667%; }
  .col-xl-push-1 {
    left: 8.33333333%; }
  .col-xl-push-0 {
    left: auto; }
  .col-xl-offset-12 {
    margin-left: 100%; }
  .col-xl-offset-11 {
    margin-left: 91.66666667%; }
  .col-xl-offset-10 {
    margin-left: 83.33333333%; }
  .col-xl-offset-9 {
    margin-left: 75%; }
  .col-xl-offset-8 {
    margin-left: 66.66666667%; }
  .col-xl-offset-7 {
    margin-left: 58.33333333%; }
  .col-xl-offset-6 {
    margin-left: 50%; }
  .col-xl-offset-5 {
    margin-left: 41.66666667%; }
  .col-xl-offset-4 {
    margin-left: 33.33333333%; }
  .col-xl-offset-3 {
    margin-left: 25%; }
  .col-xl-offset-2 {
    margin-left: 16.66666667%; }
  .col-xl-offset-1 {
    margin-left: 8.33333333%; }
  .col-xl-offset-0 {
    margin-left: 0; }
  .visible-xl {
    display: block !important; }
  table.visible-xl {
    display: table; }
  tr.visible-xl {
    display: table-row !important; }
  th.visible-xl, td.visible-xl {
    display: table-cell !important; }
  .visible-xl-block {
    display: block !important; }
  .visible-xl-inline {
    display: inline !important; }
  .visible-xl-inline-block {
    display: inline-block !important; }
  .hidden-xl {
    display: none !important; } }

@media only screen and (min-width: 1200px) {
  .messageboard-col .no-content .visible-content img {
    margin-right: 50px !important; }
  .leadership-badges-listing .listing-content .badges-listing .badges-list {
    display: inline-block;
    width: 100%; }
    .leadership-badges-listing .listing-content .badges-listing .badges-list > li {
      width: 50%;
      padding-right: 15px;
      float: left; }
      .leadership-badges-listing .listing-content .badges-listing .badges-list > li:nth-child(odd) {
        clear: both; }
    .leadership-badges-listing .listing-content .badges-listing .badges-list.earned-badge-list > li {
      width: 100%;
      padding-right: 0; } }

@media only screen and (max-width: 1199px) {
  .clndr-month {
    width: 50%; }
  .school-logo {
    max-width: 30%; }
  .table-list.grid-view .t-row {
    width: 48.5% !important;
    margin-right: 3% !important; }
  .table-list.grid-view .t-row:nth-child(odd) {
    margin-right: 0 !important; }
  /*.col-md-3 .activity-container {
    width: calc(25% - 45px);
}
.activity-container {
    width: calc(33.33% - 53px);
}*/
  .report-card-table.table-list.grid-view .t-row:nth-child(6n-1) {
    clear: none; }
  .dashboard-stat {
    min-height: 0;
    padding-bottom: 10px;
    margin-bottom: 15px; }
  .dashboard-stat .visual {
    width: 60px;
    height: 60px;
    margin-top: -30px;
    font-size: 24px; }
  .dashboard-stat .visual i {
    line-height: 65px; }
  .dashboard-stat .details {
    padding: 10px 0 10px 70px; }
  .dashboard-stat .details .desc {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1; }
  .dashboard-stat .visual img {
    margin-top: 15px;
    width: 26px; }
  a.dashboard-stat .details .number {
    font-size: 24px;
    line-height: 1; }
  header .search-form.open {
    width: calc(100% - 70px) !important;
    left: 70px;
    margin-left: 0 !important; }
  .lessons-list.grid-view .lesson-unit {
    width: 48.5% !important;
    margin-right: 3% !important; }
    .lessons-list.grid-view .lesson-unit:nth-child(even) {
      margin-right: 0 !important; }
    .lessons-list.grid-view .lesson-unit:nth-child(3n+1) {
      clear: none; }
    .lessons-list.grid-view .lesson-unit:nth-child(odd) {
      clear: both; }
  /*.activity-container {
    position: static;
    width: 100%;
    display: none;
}

.activity-container .activity-feed {
    height: auto !important;
    max-height: 400px;
}*/
  .school-calendar-activity {
    display: none; }
  .activity-feed .loader {
    display: none; }
  .activity-feed .load-activity {
    display: block !important;
    margin: 15px 0; }
  .mobile-activity a {
    display: block;
    margin-bottom: 25px; }
  /* Summary Panels
*****************************************/
  .summary-panel {
    display: inline-block; }
  .summary-panel .profile-pic .pic-cover {
    width: 60px;
    height: 60px; }
  .summary-panel .profile-info .profile-pic {
    max-width: 70px; }
  .summary-panel .profile-info .profile-pic img {
    max-width: 60px; }
  .summary-panel .profile-pic .avatar-initials {
    width: 60px;
    height: 60px;
    font-size: 18px;
    line-height: 52px; }
  .summary-panel .profile-info h2 {
    font-size: 16px;
    font-weight: 400; }
  .summary-panel .profile-info h3 {
    font-size: 12px; }
  .profile-info .info-detail {
    padding: 0 10px; }
  .profile-info .info-detail.main {
    margin-top: 20px; }
  .profile .tab-nav > li:first-child {
    margin-left: 10px; }
  .profile .tab-nav > li > a {
    font-size: 14px;
    padding: 14px 10px; }
  .summary-panel .profile-info {
    font-size: 12px; }
  .profile-summary .profile-info {
    min-width: 200px; }
  /* Empty states
*****************************************/
  .no-content .visible-content {
    padding: 30px;
    margin: 20px auto 0 auto; }
  .no-content h3 {
    font-size: 20px; }
  .no-content .visible-content img {
    max-width: 105px; }
  .messageboard-col .no-content .visible-content:after {
    border-right-width: 40px; }
  .messageboard-col .no-content .visible-content:before {
    border-right-width: 50px; }
  /* Timetable
*****************************************/
  .timetable.grid-view.bell-schedule .tt-legend {
    display: none; }
  .timetable.grid-view .item-name {
    position: relative;
    top: auto;
    right: auto;
    padding: 0 4px 0 0;
    display: inline-block; }
  /*
    Accounting
*/
  .accounting-stats > div {
    width: 100%;
    margin-right: 0; }
    .accounting-stats > div:first-child {
      margin-bottom: 15px; }
  /*
    School Calendar
*/
  .school-calendar .clndr-month {
    width: 33.33334%; }
  .school-calendar .clndr-month:nth-child(4n+1) {
    padding-left: 8px;
    clear: none; }
  .school-calendar .clndr-month:nth-child(3n+1) {
    padding-left: 0;
    clear: left; }
  .dashboard-page .activity-container {
    position: static;
    width: 100%; }
  .dashboard-page .activity-container .activity-feed {
    max-height: 400px; }
  /***********************************************************************************
    New Dashboard Layout
************************************************************************************/
  .portlet .portlet-dashboard .lesson-progress-holder {
    width: 25%; }
    .portlet .portlet-dashboard .lesson-progress-holder .donut-container > p {
      margin: 0; }
    .portlet .portlet-dashboard .lesson-progress-holder .donut-chart {
      width: 140px;
      height: 140px;
      transform: scale(0.8); }
  /*****************************************************
    Photofeed Styling
*****************************************************/
  .modal.photo-feed .photo-feed-content .comment-form textarea {
    width: 85%; }
  /*
    Leaderboard badges styles
*/
  .leaderboard-listing.grid-view .t-row:nth-child(odd) {
    margin-right: 3% !important; }
  .leaderboard-listing.grid-view .t-row:nth-child(even) {
    margin-right: 0 !important; } }

@media only screen and (max-width: 991px) {
  .utility-bar .feed-btn {
    top: 0; }
  .grid-item, .grid-sizer {
    width: 32%; }
  .messageboard-list .grid-item--width2 {
    width: 66%; }
  .school-calendar .clndr-month {
    width: 50%; }
  .school-calendar .clndr-month:nth-child(3n+1) {
    padding-left: 8px;
    clear: none; }
  .school-calendar .clndr-month:nth-child(2n+1) {
    padding-left: 0;
    clear: left; }
  #calendar-grid .school-calendar .clndr-month {
    clear: none !important;
    padding-left: 8px !important;
    width: 50%; }
  #calendar-grid .school-calendar .clndr-month:nth-child(2n+1) {
    padding-left: 0 !important;
    clear: left !important; }
  /*****************************************************
    Photofeed Styling
*****************************************************/
  .modal.photo-feed .slick-slide {
    height: 100%; }
  .modal.photo-feed .photo-feed-content .comment-form {
    padding-left: 55px; }
    .modal.photo-feed .photo-feed-content .comment-form img {
      position: absolute;
      left: 15px; }
    .modal.photo-feed .photo-feed-content .comment-form textarea {
      width: 100%; }
  .modal.photo-feed .item {
    height: 300px; }
  .modal.photo-feed .photo-feed-info {
    max-height: 550px;
    height: auto; }
  .modal.photo-feed .modal-dialog {
    margin-top: 50px; }
  .modal.photo-feed .modal-content {
    overflow: initial;
    width: 100%;
    display: inline-block; }
    .modal.photo-feed .modal-content .close {
      top: -30px;
      right: 0;
      background-image: url("/assets/img/remove-icon.png") !important; }
  /****************************************

    Student Badges

*****************************************/
  .student-badges .lesson-planner-timeline:before {
    left: 21px; }
  .student-badges .lesson-planner-timeline-img {
    text-align: center;
    color: #FFF;
    border: 0;
    left: 0;
    width: 46px;
    height: 46px;
    line-height: 46px; }
    .student-badges .lesson-planner-timeline-img img {
      display: inline-block;
      width: 30px;
      height: 30px; }
  .student-badges .lesson-planner-timeline-content {
    margin-left: 65px; }
    .student-badges .lesson-planner-timeline-content:before {
      border-left: 0;
      border-right-color: #f5f5f5 !important; }
  .student-badges .timeline-even-block .lesson-planner-timeline-content:before {
    border-right-color: #f5f5f5 !important; } }

@media only screen and (min-width: 801px) {
  .messageboard-col .no-content .visible-content {
    margin: 30px 10% 0 0;
    float: right; }
    .messageboard-col .no-content .visible-content img {
      margin-right: 20px; }
  /*.main-nav-container {
        position: relative;
        height: 100%;

        .visible-links {
            padding-top: 70px;
            height: 100%;
            overflow-y: scroll;
            width: 100%;

            li {

                &:first-child {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    z-index: 9;
                }

            }

        }

    }*/ }

@media only screen and (max-width: 800px) {
  /* Top Panel
*****************************************/
  #view-index > div:nth-child(2) {
    margin-top: 0; }
  header {
    position: fixed;
    padding-left: 0; }
  header .logo {
    position: absolute;
    top: 0;
    left: 0;
    height: 46px;
    width: 50px;
    line-height: 46px;
    background: #00bdf0;
    display: block; }
  header .logo a {
    padding: 0;
    display: block;
    text-align: center; }
  header .logo a svg {
    max-width: 15px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0); }
  header a .logo-path {
    fill: #fff; }
  .top-nav {
    height: 46px;
    line-height: 46px;
    padding: 0 15px 0 50px;
    margin: 0; }
  .top-nav .profile-link .user-name {
    display: none; }
  .top-nav .profile-link .avatar {
    position: relative; }
  .top-nav a.profile-link {
    padding: 0;
    line-height: 1;
    border: 1px solid #0592D2;
    border-radius: 100%;
    margin-top: 5px; }
  .top-nav > li {
    border-right: 1px solid #DDD;
    padding-right: 8px;
    position: static; }
    .top-nav > li:last-child {
      padding-right: 0; }
    .top-nav > li > a {
      margin-top: 4px; }
  .top-nav li > a {
    display: inline-block;
    padding: 10px 3px;
    line-height: 1.4; }
  .top-nav li i {
    font-size: 16px; }
  .top-nav .notification {
    padding: 3px 4px;
    right: 0;
    top: 2px;
    font-size: 9px;
    height: 13px;
    min-width: 10px; }
  .top-nav .notification-feed,
  .top-nav .notification-header {
    width: 100%; }
  .top-nav .dropdown .dropdown-menu {
    top: 40px;
    left: auto;
    right: 10%;
    float: left;
    width: 80%; }
  .top-nav .dropdown-menu:before, .top-nav .dropdown-menu:after {
    left: auto;
    right: 20px;
    display: none !important; }
  .top-nav .dropdown-menu:after {
    right: 21px;
    left: auto;
    display: none !important; }
  .top-nav .student-selector .profile-link .avatar {
    top: -10px; }
  .breeze-logo {
    max-width: 100px; }
  .breeze-logo img {
    margin-top: 18px; }
  header .search-form {
    background: #FFF;
    z-index: 99;
    right: auto;
    padding: 3px;
    box-shadow: 1px 0px 0px #CCC; }
  header .search-form .input-group .form-control, header .search-form .input-group .medium-editor-element {
    width: 0;
    height: 40px;
    margin: 0;
    padding: 0; }
  header .search-form.search-form-expanded {
    width: 50px;
    right: auto !important;
    margin: 0 !important;
    left: 50px; }
  header .search-form.search-form-expanded.open .form-control, header .search-form.search-form-expanded.open .medium-editor-element {
    width: 100%; }
  header .search-form.open {
    z-index: 3;
    position: absolute;
    width: calc(100% - 51px) !important; }
  header .search-form.open .input-group .form-control, header .search-form.open .input-group .medium-editor-element {
    padding: 6px 12px; }
  .school-logo {
    display: none; }
  /* Main Nav
*****************************************/
  .main-nav {
    position: fixed;
    text-align: center;
    top: auto;
    width: 100%;
    height: auto; }
  .main-nav ul {
    table-layout: fixed;
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    max-height: none; }
  .main-nav ul li {
    padding: 3px 1px 1px 1px;
    display: table-cell;
    vertical-align: middle; }
  .main-nav ul li a {
    padding: 3px 0 5px 0; }
  .main-nav ul li a i {
    display: block;
    font-size: 16px; }
  .main-nav ul li .tooltip {
    display: none !important; }
  .main-nav ul li.logo {
    margin-bottom: 0;
    padding: 0;
    position: fixed;
    top: 0;
    height: 46px;
    line-height: 46px;
    left: 0;
    z-index: 2;
    display: none; }
  .main-nav ul li.logo a {
    padding: 10px 18px 5px 18px; }
  .main-nav ul li.logo a svg {
    max-width: 14px;
    margin: 0 auto;
    padding: 0; }
  .main-nav ul li .nc-icon {
    max-width: 21px;
    margin: 5px auto 2px auto;
    padding: 0; }
  .main-nav ul li a:hover, .main-nav ul li.current a {
    background: transparent;
    color: #fff; }
  .main-nav ul .student-selector .dropdown-menu {
    top: auto;
    bottom: 100%;
    left: 50%;
    margin-bottom: 20px;
    display: none;
    margin-left: -26px;
    width: 280px;
    max-width: 80vw; }
    .main-nav ul .student-selector .dropdown-menu li {
      display: block; }
    .main-nav ul .student-selector .dropdown-menu:before, .main-nav ul .student-selector .dropdown-menu:after {
      top: 100%;
      left: 18px;
      border-bottom: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #272e3a; }
  .main-nav ul .student-selector .open > .dropdown-menu {
    display: block; }
  .progressive-menu .hidden-links {
    width: 70px;
    height: auto;
    bottom: calc(100% + 10px);
    background: #272e3a;
    right: 2px;
    left: auto;
    padding: 10px 0;
    white-space: normal; }
    .progressive-menu .hidden-links li {
      display: block;
      padding: 6px 12px;
      width: auto; }
    .progressive-menu .hidden-links:before {
      top: 100%;
      left: 50%;
      margin-top: auto;
      margin-left: -8px;
      border-top: 8px solid #272e3a;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 0; }
  /* Content
*****************************************/
  .page-content {
    padding: 65px 0 45px 0;
    min-height: 100vh; }
    .page-content .breadcrumb {
      margin-top: 0; }
  .portlet > .visible-xs {
    padding-top: 20px; }
  .actions .btn-action {
    font-size: 11px;
    padding: 5px 15px;
    margin: 0 0 6px 5px;
    display: inline-block;
    min-width: 105px; }
  .visible-xs .dropdown-tab-nav {
    width: calc(100% - 40px);
    margin-left: 20px; }
  .tab-content form {
    max-width: none; }
  /* Table Lists 
*****************************************/
  .table-list.list-view .t-row {
    border: 2px solid #DDD; }
  /* Notification
*****************************************/
  .notification-feed .activity-feed .date {
    position: static;
    margin-top: 5px; }
  .notification-feed .activity-feed .item-details {
    padding-right: 15px; }
  /* Dropdown Switch 
*****************************************/
  .dropdown-switch-container {
    top: 55px; }
  /* Grid Layout
*****************************************/
  /*.table-list.grid-view .t-row {
    width: 100% !important;
    margin-right: 0 !important;
}*/
  .table-list.list-view {
    background: none;
    box-shadow: none; }
  .table-list.list-view .t-row {
    background: #FFF; }
  #timetable .switch-view {
    display: none; }
  /* Table Attendance Responsive
*****************************************/
  .tb-responsive table {
    width: auto !important;
    min-width: 100% !important; }
  .tb-attendance td.name, .tb-attendance th.name {
    width: 150px; }
  /* Summary Panels
*****************************************/
  .summary-panel {
    display: inline-block; }
  .summary-panel .profile-pic .pic-cover {
    width: 60px;
    height: 60px; }
  .summary-panel .profile-info .profile-pic {
    max-width: 60px; }
  .summary-panel .profile-info h2 {
    font-size: 16px;
    font-weight: 400; }
  .profile-info .info-detail {
    padding: 0 10px; }
  .profile-info .info-detail.main {
    margin-top: 20px; }
  .profile .tab-nav > li > a {
    font-size: 13px;
    padding: 12px 8px; }
  .summary-panel .profile-info {
    font-size: 12px; }
  /* Calendar Styles
*******************************************/
  #calendar .fc-day-grid-container {
    overflow: auto !important;
    height: auto !important; }
  #calendar .fc-view {
    overflow-x: auto; }
    #calendar .fc-view.fc-agendaDay-view {
      overflow-x: hidden; }
    #calendar .fc-view > table {
      min-width: 700px; }
    #calendar .fc-view.fc-agendaDay-view > table {
      min-width: 0; }
  #calendar .fc-event .fc-time, #calendar .fc-event .fc-title {
    display: block; }
  #calendar .fc-toolbar {
    position: static;
    padding: 10px 0;
    margin: 0; }
    #calendar .fc-toolbar .fc-center {
      display: none; }
    #calendar .fc-toolbar .fc-left {
      top: -3px; }
      #calendar .fc-toolbar .fc-left button {
        font-size: 12px;
        padding: 5px; }
        #calendar .fc-toolbar .fc-left button.fc-next-button, #calendar .fc-toolbar .fc-left button.fc-prev-button {
          padding: 5px 2px; }
    #calendar .fc-toolbar .fc-right {
      right: 15px; }
  #calendar .fc-center h2 {
    font-size: 16px; }
  #calendar.fixed-header-calendar .fc-view > table > thead {
    position: absolute;
    right: 0;
    left: 0; }
  #calendar.fixed-header-calendar .fc-view > table > tbody > tr > td {
    padding-top: 30px; }
  /*
Messaginh UI
********************************************************/
  .message-container {
    position: relative;
    overflow: hidden; }
    .message-container > div {
      width: 100% !important; }
    .message-container .message-listing {
      position: relative;
      right: 0;
      transition: all 0.3s ease; }
      .message-container .message-listing .messaging-header {
        padding-top: 0;
        padding-bottom: 0; }
    .message-container .message-body {
      position: absolute;
      background: #FFF;
      left: 100%;
      transition: all 0.3s ease; }
      .message-container .message-body .message-back {
        background: #FFF;
        padding: 5px 20px;
        font-size: 18px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        display: block; }
        .message-container .message-body .message-back a {
          color: #464646; }
      .message-container .message-body .message-content {
        height: calc(100vh - 270px); }
        .message-container .message-body .message-content h2 {
          margin: 0;
          top: 15px;
          left: 0;
          right: 0;
          padding: 0 20px 15px 20px;
          font-size: 16px; }
          .message-container .message-body .message-content h2 .reply-to {
            top: 0;
            right: 20px; }
    .message-container.message-open .message-listing {
      right: 100%; }
    .message-container.message-open .message-body {
      left: 0; }
  .chat-window {
    width: 100%;
    right: -110%; }
  .chat-window-open {
    overflow: hidden; }
  /*
    Report Card
*/
  .report-table, .user-attendance .table-list {
    display: table; }
    .report-table .t-head, .report-table .t-row, .user-attendance .table-list .t-head, .user-attendance .table-list .t-row {
      display: table-row; }
      .report-table .t-head .t-cell, .report-table .t-row .t-cell, .user-attendance .table-list .t-head .t-cell, .user-attendance .table-list .t-row .t-cell {
        display: table-cell;
        border-bottom: 1px solid #DDD; }
  .report-card .user-attendance {
    margin-top: 25px; }
  .report-card .report-card-logo {
    text-align: left; }
  #report-card-footer .quote {
    margin-top: 20px; }
  .employees-table.table-list.list-view .dropdown-menu {
    left: 0;
    right: auto; }
    .employees-table.table-list.list-view .dropdown-menu:before, .employees-table.table-list.list-view .dropdown-menu:after {
      left: 9px;
      right: auto; }
    .employees-table.table-list.list-view .dropdown-menu:after {
      left: 10px; }
  .employees-table.table-list.grid-view .t-row {
    padding-bottom: 0; }
  .employees-table.table-list.grid-view .employee-list {
    position: static;
    max-height: none;
    padding: 12px 0 !important; }
  .report-card-table.table-list.grid-view .t-row {
    height: auto !important;
    border: 0;
    border-top-width: 5px;
    border-top-style: solid; }
  .employees-table.table-list.list-view .employee-list ul li {
    float: left;
    margin-left: 0;
    margin-right: 5px; }
  .report-card-list .t-row {
    display: table-row; }
  .report-card-list .t-cell {
    display: table-cell; }
  #details-container .table-list {
    /*.dropdown-tools {
        .dropdown-menu.pull-right {

            right: auto;
            left: 0;

            &:before, &:after {

                left: 9px;
                right: auto;

            }

        }
    }

    &.sortable-syllabus {

        .dropdown-menu.pull-right {

            right: 0;
            left: auto;

            &:before, &:after {

                left: auto;
                right: 9px;

            }

        }

    }*/ }
    #details-container .table-list .dropdown-menu {
      z-index: 998; }
  #details-container #classes .table-list .dropdown-tools .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
    #details-container #classes .table-list .dropdown-tools .dropdown-menu.pull-right:before, #details-container #classes .table-list .dropdown-tools .dropdown-menu.pull-right:after {
      left: auto;
      right: 9px; }
  .lessons-list.grid-view .t-row {
    padding-bottom: 15px; }
  .lessons-list.grid-view .lesson-unit {
    width: 100% !important;
    margin-right: 0 !important;
    clear: both; }
  .lessons-list.list-view.table-list {
    background: #FFF;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); }
  .lessons-grid-table.grid-view .t-row {
    padding-bottom: 15px !important; }
  /*
    
    Bell Schedule Entry

*/
  .modal-content .intro-signup-form .form-row {
    display: block !important; }
    .modal-content .intro-signup-form .form-row.form-data-row {
      padding-right: 10px; }
    .modal-content .intro-signup-form .form-row .form-group {
      display: block !important;
      width: 100%; }
      .modal-content .intro-signup-form .form-row .form-group .checkbox {
        padding-left: 0; }
    .modal-content .intro-signup-form .form-row .add-more {
      bottom: 2px;
      right: 15px;
      top: auto; }
  /*
    No Content
*/
  .no-content {
    min-height: 0;
    padding: 0; }
    .no-content .visible-content {
      padding: 15px 20px;
      width: 100%;
      border: 0; }
      .no-content .visible-content:before, .no-content .visible-content:after {
        display: none; }
      .no-content .visible-content img {
        position: static;
        margin: 30px 0; }
  .settings-row > div {
    height: auto !important; }
    .settings-row > div:before {
      bottom: 0; }
  /* Timetable grid view reset for mobile
**************************************************************************************/
  /*.bell-schedule {

    &.timetable.grid-view {

        .tt-legend {
            display: none !important;
        }

        .tt-day {
            display: block;
        }

        .tt-item {
            margin-top: 0 !important;
            height: auto !important;

            a {
                display: block;
                padding: 10px;
            }

        }

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

        .tt-day .tt-item:last-child {
            margin-bottom: 30px;
        }

    }

}*/
  /*
    Badges Leaderboard
*/
  .leadership-badges-listing .listing-header {
    font-size: 11px; }
    .leadership-badges-listing .listing-header ul li {
      margin-right: 7px; }
      .leadership-badges-listing .listing-header ul li:last-child {
        margin-right: 0; }
      .leadership-badges-listing .listing-header ul li a {
        letter-spacing: -0.03em; }
  .leaderboard-tool-bar .actions .btn-action {
    min-width: 0;
    padding: 5px 10px; }
  .applicant-form-section, .sliding-modal .portlet {
    z-index: 1002; }
  .student-report-list.list-view .t-cell:first-child {
    width: 35%; }
  .mobile-app-banner {
    bottom: 65px; }
    .mobile-app-banner .banner-content {
      width: 60vw;
      padding: 20px 0 0 20px; }
      .mobile-app-banner .banner-content h3 {
        font-size: 21px; }
      .mobile-app-banner .banner-content p {
        font-size: 14px; }
      .mobile-app-banner .banner-content .app-screens {
        padding-left: 25px;
        width: 55%; }
      .mobile-app-banner .banner-content .download-buttons a {
        margin: 0 0 15px; } }

@media only screen and (min-width: 768px) {
  .col-card .filter-list {
    display: block !important; }
  .important-announcements {
    display: block !important; } }

@media only screen and (max-width: 767px) {
  /*
    Header dropdown
*/
  /*header {

    .top-nav {

        .dropdown-menu {
            width: 220px;

            .notification-header, .notification-feed {
                width: 100%;
            }
        }

    }

}*/
  header .top-nav li .academic-year-selector .dropdown-menu {
    left: 0;
    right: auto; }
  .class-employee-list .t-row {
    border-bottom: 1px solid #DDD;
    margin: 0;
    padding: 7px 0;
    position: relative; }
    .class-employee-list .t-row:last-child {
      border-bottom: 0; }
    .class-employee-list .t-row .user-pic {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translate3d(0, -50%, 0); }
    .class-employee-list .t-row .t-cell {
      padding: 0 0 0 40px;
      border-bottom: 0; }
  .mobile-grid-table .t-row {
    border: 1px solid #DDD;
    border-radius: 3px;
    position: relative; }
  .mobile-grid-table .t-cell {
    display: flex;
    white-space: normal; }
    .mobile-grid-table .t-cell span.visible-xs {
      flex: 0 1 90px; }
    .mobile-grid-table .t-cell span.badge {
      position: relative;
      top: 8px; }
    .mobile-grid-table .t-cell.tools {
      position: absolute;
      top: 3px;
      right: -10px; }
  .report-card-list .t-row {
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    position: relative; }
    .report-card-list .t-row .t-cell {
      width: 45px;
      display: inline-block;
      float: left;
      top: 5px;
      right: 0;
      position: absolute; }
      .report-card-list .t-row .t-cell:first-child {
        width: 100%;
        padding-right: 55px;
        position: static; }
  /*
    Dashboard
*/
  .dashboard-stat {
    min-height: 70px;
    margin-bottom: 12px; }
    .dashboard-stat .visual {
      width: 50px;
      height: 50px;
      margin-top: -25px; }
      .dashboard-stat .visual img {
        width: 25px;
        margin-top: 5px; }
    .dashboard-stat .details {
      padding-left: 60px;
      padding-top: 20px; }
      .dashboard-stat .details > div {
        display: inline-block; }
      .dashboard-stat .details .number {
        font-size: 18px; }
  .col-card {
    min-height: 0;
    margin-bottom: 10px; }
    .col-card .annoucement-filter-header h3 {
      border: 0; }
    .col-card .filter-list {
      display: none;
      margin-bottom: 0;
      /*border-top: 1px solid #CCC;*/ }
  .important-announcements {
    display: none;
    overflow: hidden; }
  .subnav-tab .panel-default > .panel-heading {
    color: #0592d2;
    display: block;
    font-size: 1.4rem;
    text-align: left;
    padding: 10px 30px 10px 14px;
    background: #fff;
    position: relative;
    border-radius: 4px; }
  .subnav-tab .panel-default {
    border-color: #0592d2; }
  .subnav-tab .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #0592d2; }
  .form-action .link-btn:first-child {
    clear: left; }
  .subnav-tab .panel-group {
    padding-top: 30px; }
  .subnav-tab form input[type='submit'] {
    display: block; }
  .subnav-tab form .link-btn {
    margin: 10px 25px 0 0; }
  .dropdown-tab-nav > a {
    color: #FFF;
    background: #0592d2;
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 4px; }
  .dropdown-tab-nav > a span {
    float: right;
    border-top-width: 6px;
    border-left-width: 6px;
    border-right-width: 6px;
    margin-top: 10px; }
  .tab-pane .table-list {
    margin-top: 10px; }
  .portlet > .portlet-title > .actions {
    display: block;
    float: none;
    padding: 6px 0;
    clear: both; }
  .profile-cover {
    padding: 50px 0 15px; }
  .profile-detail img {
    max-width: 50px;
    max-height: 50px; }
  .profile-detail h3 {
    font-size: 18px; }
  .t-caption {
    display: block; }
  .section-header .legend {
    width: 100%;
    padding: 0; }
  .section-header .legend li {
    width: 49%;
    margin-bottom: 15px; }
  .section-header .legend li .legend-number {
    width: 100%; }
  .tab-content .section-header {
    margin: 15px 0 5px; }
  .portlet > .portlet-title > .caption {
    float: none;
    width: 100%; }
  .dropdown-switch-container {
    position: static;
    margin-top: 55px; }
  .dropdown-switch {
    float: none; }
  .dropdown-switch .dropdown-menu {
    right: auto;
    left: 0; }
  .dropdown.dropdown-switch > .dropdown-menu:before {
    left: 8px;
    right: auto; }
  .dropdown.dropdown-switch > .dropdown-menu:after {
    left: 7px;
    right: auto; }
  /* Table Lists 
*****************************************/
  .table-list {
    display: block;
    margin: 0 0 20px 0; }
  .t-row {
    display: block;
    margin: 0 0 20px 0; }
  .t-row:hover {
    background: transparent; }
  .t-head {
    display: none; }
  .t-cell {
    display: block;
    padding: 7px 10px;
    border-bottom: 1px solid #DDD; }
  .t-cell:last-child {
    text-align: left;
    border-bottom: none; }
  .t-cell .nav-dots .dot {
    float: left;
    margin: 5px 4px 5px 0; }
  .table-list.list-view .t-row .t-cell.empty-cell {
    display: none; }
  /* Accounting Page
********************************************/
  .accounting-table-list .t-cell.text-right,
  .accounting-table-list .t-cell.text-right input {
    text-align: left; }
  .accounting-table-list .table-form .text-right {
    max-width: none; }
  .payment-search {
    border: 2px solid #DDD;
    border-radius: 0;
    padding-top: 20px;
    top: auto; }
  .accounting-table-list div.t-row .t-cell {
    position: relative;
    padding-left: 110px !important;
    text-align: left; }
    .accounting-table-list div.t-row .t-cell:before {
      content: attr(data-title);
      position: absolute;
      top: 10px;
      left: 10px;
      width: 100px;
      padding-right: 10px;
      white-space: nowrap;
      text-align: left;
      font-weight: bold; }
  /* Table form
*************************************************/
  .table-form .t-cell {
    border: 0;
    padding: 0 20px !important; }
  .table-form .margin-bottom-5 {
    margin: 0; }
  .table-form .t-cell > div, .table-form .t-cell > input, .table-form .t-cell > select {
    margin: 20px 0; }
  .table-form .t-cell > input.btn, .table-form .t-cell > input.btn-secondary, .table-form .t-cell > input.btn-primary, .table-form .t-cell > input.btn-highlight, .table-form .t-cell > input.load-more-btn {
    margin-top: 0; }
  /* Timetable inside class section
*************************************************/
  /* Toolbar
*************************************************/
  /*.tool-bar {
    display: block;
}

.tool-bar > div {
    display: block;
}

.tool-bar .actions {
    text-align: left;
}    

*/
  .tool-bar.tool-bar-xs-block {
    display: block; }
    .tool-bar.tool-bar-xs-block > div {
      display: block;
      text-align: left; }
    .tool-bar.tool-bar-xs-block .actions {
      padding-top: 10px; }
      .tool-bar.tool-bar-xs-block .actions .btn-action {
        padding-left: 10px;
        margin-left: 0;
        margin-right: 3px; }
  .tool-bar .switch-view {
    margin-left: 5px;
    display: none; }
  .table-list.list-view .alert-batch {
    float: none; }
  /*.actions .btn-action {
    margin-top: 15px;
}*/
  .tool-bar .search-list {
    display: block;
    margin: 0; }
  #student_listing .tool-bar {
    display: block; }
    #student_listing .tool-bar > div {
      display: block;
      text-align: left; }
      #student_listing .tool-bar > div.heading .student-toggle-switch {
        height: auto;
        margin-top: 10px; }
  /* Schedule Table
************************************************/
  .schedule-header {
    display: block; }
  .schedule-header .schedule-heading, .schedule-header .schedule-actions {
    display: block;
    text-align: left; }
  /* Tab Pane form Manage
*************************************************/
  .tab-pane > div > form {
    padding-top: 20px; }
  .color-thumb {
    margin-bottom: 5px; }
  .table-list.list-view .tools .dropdown-menu.pull-right {
    left: 0;
    right: auto; }
  .table-list.list-view .tools .dropdown > .dropdown-menu.pull-right:before {
    left: 9px;
    right: auto; }
  .table-list.list-view .tools .dropdown > .dropdown-menu.pull-right:after {
    left: 10px;
    right: auto; }
  .timetable .tt-legend {
    display: none; }
  .chat-window-open .chat-mobile {
    left: 0; }
  .chat-mobile {
    position: fixed;
    top: 47px;
    width: 100%;
    z-index: 999;
    height: calc(100vh - 100px);
    transition: all 0.3s ease;
    left: 100%; }
    .chat-mobile .chat-header {
      background: #F3F3F3;
      padding: 15px;
      position: relative; }
      .chat-mobile .chat-header h3 {
        font-size: 18px;
        margin: 0; }
      .chat-mobile .chat-header .close {
        color: #333;
        position: absolute;
        top: 15px;
        right: 10px;
        /*background-image: url('../img/portlet-remove-icon.png') !important;*/
        background-image: url("/assets/img/portlet-remove-icon.png") !important; }
    .chat-mobile .chat-content {
      top: 50px; }
  .chat-contact-list {
    margin-bottom: 20px; }
  /*
    Message Board toolbar
*/
  .messageboard-toolbar {
    display: table; }
    .messageboard-toolbar > div {
      display: table-cell;
      vertical-align: top; }
    .messageboard-toolbar .dropdown-filter {
      margin-right: 0; }
    .messageboard-toolbar .actions .btn-action:first-child {
      margin-left: 0; }
  .message-media {
    max-height: none; }
  /* Summary Panels
*****************************************/
  .summary-panel {
    display: inline-block; }
  .summary-panel .profile-pic .pic-cover {
    width: 60px;
    height: 60px; }
  .summary-panel .profile-info .profile-pic {
    max-width: 60px;
    float: right; }
  .summary-panel .profile-info h2 {
    font-size: 16px;
    font-weight: 400; }
  .summary-panel .profile-info > div {
    display: block; }
  .profile-info .info-detail {
    padding: 0;
    display: block;
    border-left: none;
    margin-top: 10px; }
  .profile-info .info-detail.main {
    margin-top: 0;
    padding-right: 80px; }
  .profile .tab-nav > li > a {
    font-size: 13px;
    padding: 12px 8px; }
  .summary-panel .profile-info {
    font-size: 12px; }
  .section-header .heading, .section-header .actions {
    display: block; }
  #attendance .section-header .actions {
    width: 100%; }
  .section-header .actions {
    width: 100%;
    border-top: 1px solid #0592d2;
    border-bottom: 1px solid #0592d2;
    display: block;
    padding: 10px 0 0 0;
    overflow: hidden;
    margin-bottom: 10px;
    text-align: left; }
  .section-header .actions .btn, .section-header .actions .btn-secondary, .section-header .actions .btn-primary, .section-header .actions .btn-green .dropdown-menu li > a, .btn-green .dropdown-menu .section-header .actions li > a, .section-header .actions .btn-highlight, .section-header .actions .load-more-btn {
    margin-bottom: 10px; }
  .actions .btn-action {
    display: inline-block;
    font-size: 11px;
    margin: 0 0 10px 3px;
    min-width: 5px;
    cursor: pointer;
    font-weight: 600;
    line-height: 1.4;
    padding: 5px 10px 5px 5px;
    text-align: center;
    text-transform: uppercase;
    float: none; }
  .profile-summary .profile-info {
    min-width: 10px;
    width: 40%;
    font-size: 12px; }
  .profile-summary .profile-desc {
    width: 60%;
    font-size: 12px; }
  #details-container #classes .table-list .dropdown-tools .dropdown-menu.pull-right {
    right: auto;
    left: 0; }
    #details-container #classes .table-list .dropdown-tools .dropdown-menu.pull-right:before, #details-container #classes .table-list .dropdown-tools .dropdown-menu.pull-right:after {
      left: 9px;
      right: auto; }
  .payment-table .t-row {
    border: 1px solid #DDD; }
  #notification_listing .notification-feed .unread .item-details {
    padding-right: 0;
    padding-bottom: 30px; }
  #notification_listing .notification-feed .unread .item-details .notification-action {
    top: auto;
    bottom: 0;
    right: auto;
    left: 15px; }
  .dashboard-stat .visual i {
    position: relative;
    top: -6px; }
  .utility-bar .breadcrumb {
    padding-right: 35px; }
  /* Academic year term data
*******************************************************************************/
  .term-data .form-group {
    padding-left: 15px !important;
    padding-right: 15px !important; }
  /* Class Student Badges
******************************************************************************/
  .class-students-list .t-row {
    position: relative;
    border: 1px solid #DDD;
    border-radius: 3px; }
  .class-students-list .t-cell {
    border: 0;
    white-space: inherit; }
    .class-students-list .t-cell.user, .class-students-list .t-cell.avatars {
      padding-left: 50px; }
    .class-students-list .t-cell.user {
      position: relative; }
      .class-students-list .t-cell.user .user-pic {
        position: absolute;
        width: 30px;
        height: 30px;
        left: 10px;
        top: 50%;
        transform: translateY(-50%); }
        .class-students-list .t-cell.user .user-pic img {
          width: 100%;
          height: 100%;
          left: 0;
          border: 0;
          object-fit: cover;
          object-position: center; }
      .class-students-list .t-cell.user .name {
        /*font-size: 16px;*/
        width: calc(100% - 54px); }
    .class-students-list .t-cell.avatars span {
      display: block !important;
      font-weight: 600;
      margin-bottom: 5px; }
    .class-students-list .t-cell.tools {
      position: absolute;
      top: 5px;
      right: -10px; }
  /*
    Badges Leaderboard
*/
  .leaderboard-tool-bar > div {
    display: block; }
  .leaderboard-tool-bar .actions {
    text-align: left; }
  .leaderboard-tool-bar .dropdown {
    margin-bottom: 10px; }
  .leaderboard-tool-bar form {
    padding-top: 10px; }
  .transport-student-list .t-cell.user {
    padding-left: 45px;
    padding-right: 40px;
    white-space: normal; }
    .transport-student-list .t-cell.user .name {
      font-size: 15px; }
    .transport-student-list .t-cell.user .user-pic {
      width: 30px;
      height: 30px;
      left: 6px;
      top: 50%;
      /*margin-top: -15px;*/ }
  .waypoint-list .t-row {
    position: relative; }
    .waypoint-list .t-row .t-cell:first-child {
      border-bottom: 0; }
    .waypoint-list .t-row .t-cell:last-child {
      position: absolute;
      top: 2px;
      right: -10px; }
    .waypoint-list .t-row .t-cell.avatar-list {
      padding-top: 0; }
      .waypoint-list .t-row .t-cell.avatar-list ul {
        display: inline-block;
        width: 100%; }
  .sliding-modal .portlet {
    width: 100%;
    right: calc(-100% - 40px); }
  .sliding-modal.open .portlet {
    right: 0; }
  .tracking-list .lesson-unit .actions .btn-action {
    margin: 0; }
  .tracking-list ul li ul .t-cell {
    flex-wrap: wrap;
    padding: 7px 0;
    white-space: normal; }
    .tracking-list ul li ul .t-cell > div {
      flex: 0 0 100%; }
    .tracking-list ul li ul .t-cell .waypoint-student {
      position: relative;
      padding-left: 40px; }
    .tracking-list ul li ul .t-cell .user-pic {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%); }
    .tracking-list ul li ul .t-cell:last-child {
      border-bottom: 1px solid #DDD; }
  .tracking-list ul li ul .waypoint-student-status {
    margin-top: 10px; }
  .student-report-list.list-view .t-cell:first-child, .student-report-list.list-view .t-cell:last-child {
    width: 100%; }
  .playbox-pop .playbox-close {
    top: 15px;
    right: 20px; }
  .playbox-pop .playbox-content {
    padding: 5px 0px 10px 20px; }
    .playbox-pop .playbox-content h5 {
      font-size: 26px; }
    .playbox-pop .playbox-content p {
      padding-top: 0px; }
    .playbox-pop .playbox-content .button_store {
      display: initial;
      padding: 0px; }
    .playbox-pop .playbox-content .phone {
      right: 50px; }
  .mobile-app-banner .banner-content {
    right: 150px;
    bottom: 0; }
    .mobile-app-banner .banner-content h3 br {
      display: none; }
    .mobile-app-banner .banner-content .download-buttons {
      padding: 30px 0 50px; }
      .mobile-app-banner .banner-content .download-buttons a {
        margin: 0 0 15px;
        max-width: 130px; }
  .mobile-app-banner.open .banner-content {
    bottom: 0;
    right: 90px; } }

@media only screen and (max-width: 600px) {
  .profile-cover {
    padding: 50px 0 15px; }
  .grid-item {
    width: 100% !important; }
  .messageboard-list .item-head h2 {
    margin-top: 15px;
    margin-bottom: 10px; }
  .messageboard-list .item-body {
    padding: 0 20px; }
  .messageboard-list .item-head .action {
    right: -5px; }
  .messageboard-list .grid-item {
    padding-bottom: 15px; }
  .timetable .tt-day {
    display: block; }
  .timetable .tt-item {
    margin-top: 0 !important; }
  .timetable .tt-day .tt-item:last-child {
    margin-bottom: 30px; }
  .school-calendar .clndr-month {
    width: 100%;
    clear: none;
    padding-left: 0; }
  #calendar-grid .school-calendar .clndr-month {
    clear: left !important;
    padding-left: 0 !important;
    width: 100%; }
  /***********************************************************************************
    New Dashboard Layout
************************************************************************************/
  .portlet .portlet-dashboard .lesson-progress-holder {
    width: 33%; } }

@media only screen and (max-width: 500px) {
  .portlet .dropdown-filter {
    float: none; }
  .table-list.grid-view .t-row {
    width: 100% !important;
    margin-right: 0 !important; }
  .search-list {
    display: block;
    margin: 15px 0 0; }
  .timetable-head .tt-caption {
    display: block;
    margin-top: 20px; }
  .timetable-head .actions {
    text-align: left; }
  .timetable.list-view .tt-item a {
    display: inline-block;
    width: 100%;
    padding: 20px 10px; }
  .timetable.list-view .tt-item a span {
    display: block;
    padding: 2px 5px;
    text-align: center;
    width: auto; }
  .timetable.list-view .tt-item a .item-name {
    position: absolute;
    top: 5px;
    right: 10px; }
  .timetable.list-view .edit-btn {
    left: 12px;
    right: auto; }
  .empty-cell {
    display: none !important; }
  /***********************************************************************************
    New Dashboard Layout
************************************************************************************/
  .portlet .portlet-dashboard .lesson-progress-legends {
    position: static;
    margin: 0 0 10px; }
  .mobile-app-banner .banner-content {
    width: calc(100vw - 30px);
    right: 0;
    bottom: 250%; }
    .mobile-app-banner .banner-content .download-buttons a {
      margin: 0 0 15px; }
  .mobile-app-banner.open .banner-content {
    bottom: 150%;
    right: 0; } }

@media only screen and (max-width: 400px) {
  .search-box .form-inline .form-control, .search-box .form-inline .medium-editor-element, .search-box .form-inline .date-range-picker .form-control, .search-box .form-inline .date-range-picker .medium-editor-element {
    min-width: 100px; }
  /***********************************************************************************
    New Dashboard Layout
************************************************************************************/
  .portlet .portlet-dashboard .lesson-progress-holder {
    width: 100%; }
  #student_listing .tool-bar > div.heading .student-toggle-switch label {
    padding: 5px 8px; } }

@media print {
  .t-cell {
    border-bottom: 1px solid #000; }
  .row {
    margin-right: -15px;
    margin-left: -15px; }
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left; }
  .report-card {
    padding: 15px 0;
    border-top: 3px solid #000;
    font-size: 12px; }
  #report-card-header > .row > div {
    width: 33.33333333%; }
  .report-card .report-card-logo {
    text-align: left; }
  #report-card-student, #report-card-attendance {
    width: 50%; }
  #report-card-header, #report-card-user, .report-card .report-content > h3 {
    padding-bottom: 15px;
    margin-bottom: 15px; }
  .report-card .report-content > h3 {
    padding-bottom: 0; }
  #report-card-body .table-list {
    margin: 0; }
  .report-card .report-content .report-table .t-row .t-cell {
    padding: 5px; }
  #report-card-footer .quote {
    margin-top: 10px;
    margin-bottom: 0; }
  #report-card-header .col-sm-4 {
    right: auto !important;
    left: auto !important;
    width: 40% !important; }
    #report-card-header .col-sm-4:first-child {
      width: 20% !important; }
  #report-card-footer .report-card-foot-content {
    margin-top: 10px; }
  .timetable.grid-view {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    margin: 5px 0; }
    .timetable.grid-view .tt-legend {
      display: none !important; }
    .timetable.grid-view .tt-item, .timetable.grid-view .tt-head {
      border-top: 1px solid #000;
      border-left: 1px solid #000;
      height: auto !important; }
    .timetable.grid-view .item-name {
      display: block;
      position: static; }
    .timetable.grid-view .tt-item {
      table-layout: fixed;
      white-space: nowrap; }
      .timetable.grid-view .tt-item a {
        overflow: hidden;
        text-overflow: ellipsis; }
      .timetable.grid-view .tt-item span {
        font-size: 9px !important; }
    .timetable.grid-view .lunch {
      height: 30px !important; }
    .timetable.grid-view .period {
      height: 70px !important; }
    .timetable.grid-view .item-teacher {
      /*display: none !important;*/
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%; }
  header, .main-nav, .page-breadcrumb, .activity-container, .summary-panel, .tab-nav, #timetable .section-header, .tool-bar, .generate-comment, .feed-btn {
    display: none !important; }
  .page-content {
    padding: 0; }
  #ReportCard {
    width: 100% !important; }
    #ReportCard a {
      color: #01a0e3 !important; }
    #ReportCard .t-head .t-cell {
      color: #55616f !important; }
    #ReportCard + div {
      display: none !important; }
  .report-card .report-content .report-table .dark-cell,
  #report-card-footer .comment-preview {
    background: #edeff0 !important;
    -webkit-print-color-adjust: exact; }
  .fee-summary ul, .fee-summary li span {
    border: 1px solid #000; }
  a[href]:after {
    content: none !important; }
  .print-break-before {
    page-break-before: always !important; }
  .print-break-after {
    page-break-after: always !important; } }