@charset "UTF-8";
/* CUSTOM STYLE */
/* Modern ePlus */
/* CUSTOM COLORS */
/* Modern ePlus */
/* Default */
/* Logo */
/* Title */
/* Modal */
/* Nav */
/* Navbar */
/* Footer */
/* Topbar */
/* Login */
/* Content */
/* Index */
/* Class */
/* Resource */
/* Classroom */
/* Student List */
/* Button Bar */
/* Icon */
/* Carousel */
/**/
/* School */
/* apsss */
/* aspcps */
/* bcklas */
/* bfordms */
/* blbyms */
/* cahcc */
/* canossahk */
/* casyymps */
/**/
/* Site Default */
html {
  position: relative;
  min-height: 100%;
}

body {
  font-family: "Arial","Helvetica","微軟正黑體","Microsoft JhengHei","黑體","SimHei","儷黑 Pro","LiHei Pro Medium","蘋果儷中黑","Apple LiGothic Medium","新細明體","PMingLiU","細明體","MingLiU","標楷體","DFKai-sb","sans-serif" !important;
  font-size: 16px;
  /* preset browser font size */
  color: #333333;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(15%, #ffffff), color-stop(85%, #ebf5ff));
  background: linear-gradient(to bottom right, #ffffff 15%, #ebf5ff 85%);
  margin-bottom: 40px;
}

/**/
/* Hyperlinks */
a,
a:link,
a:active,
a:visited {
  color: #f2848d;
  text-decoration: none;
}

a:hover {
  color: #b9d086;
  text-decoration: underline;
}

/**/
/* Modal */
.modal-title {
  font-size: 1.5em;
  color: #000000;
}

.modal {
  color: #333333;
}
.modal input[type="checkbox"] + label {
  color: #666666;
}
.modal input[type="checkbox"]:disabled + label {
  color: #cccccc;
}
.modal input[type="checkbox"]:checked + label {
  color: #f2848d;
}

.modal-header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.modal-body {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* Checked Colors by Years */
.modal-class-edit-yr1 input[type="checkbox"]:checked + label {
  color: #4e7dcd;
}

.modal-class-edit-yr2 input[type="checkbox"]:checked + label {
  color: #ff9950;
}

.modal-class-edit-yr3 input[type="checkbox"]:checked + label {
  color: #35bcdc;
}

.modal-class-edit-yr4 input[type="checkbox"]:checked + label {
  color: #f53c8f;
}

.modal-class-edit-yr5 input[type="checkbox"]:checked + label {
  color: #3fc8b6;
}

.modal-class-edit-yr6 input[type="checkbox"]:checked + label {
  color: #ecb13a;
}

.modal-listing .modal-listing-icon {
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.25em;
}
.modal-listing .modal-listing-icon img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  max-height: 120px;
}
.modal-listing .modal-listing-icon a {
  color: #666666;
}
.modal-listing .modal-listing-icon a:hover {
  text-decoration: none;
  color: #000000;
}
.modal-listing .modal-listing-icon a:hover img {
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
}

/* Modal Logout */
#modal-logout .modal-dialog {
  max-width: 400px;
}
#modal-logout .modal-title {
  text-align: center !important;
}
#modal-logout .modal-body {
  text-align: center;
}
#modal-logout .btn-report {
  float: left;
}
#modal-logout .btn-cancel {
  float: right;
}

/**/
/* Nav */
.nav-scroll {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: left;
}
.nav-scroll li {
  display: inline-table;
  float: none;
}
.nav-scroll li a {
  margin-bottom: -7px;
}

.nav-site {
  margin: 10px 0;
  padding: 0 10px;
}
.nav-site li img {
  max-height: 40px;
}
.nav-site li a {
  font-size: 1.25em;
  line-height: 30px;
  color: #f2848d;
  background-color: rgba(0, 0, 0, 0.05);
}
.nav-site li a:hover {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.1);
}
.nav-site li.active a {
  background-color: #ffffff;
}

.nav-task {
  margin: 10px 0;
  padding: 0 10px;
}
.nav-task li a {
  font-size: 1.25em;
  line-height: 30px;
  color: #92ae56;
  background-color: rgba(0, 0, 0, 0.05);
}
.nav-task li a:hover {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.1);
}
.nav-task li.active a {
  background-color: #ffffff;
}

/**/
/* Navbar */
nav {
  background: #ffffff;
}

.header {
  max-height: 80px;
}
.header .row {
  height: 100%;
}

.navbar-logo {
  height: 100%;
  padding: 5px;
}
.navbar-logo.navbar-logo-school img {
  max-height: 80px;
}
.navbar-logo.navbar-logo-site img {
  max-height: 60px;
}

.navbar-menu {
  text-align: right;
  padding: 5px;
  font-size: 1.125em;
  line-height: 1.125em;
}
.navbar-menu a, .navbar-menu a:visited {
  color: #f2848d;
}
.navbar-menu a:hover {
  color: #b7ce84;
  text-decoration: none;
}

.navbar-menu-welcome {
  margin-bottom: 5px;
  line-height: 1.25em;
  font-size: 0.875em;
}

.navbar-menu-school {
  margin-top: 10px;
  line-height: 1em;
  font-size: 1.25em;
}

/**/
/* Footer */
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  background-color: #1d6c63;
}

.footer {
  padding: 0;
}

.footer-brand {
  height: 40px;
}
.footer-brand img {
  display: inline-block;
  height: 100%;
  padding: 5px;
}

.footer-copyright {
  position: relative;
  height: 40px;
  padding: 0;
  word-break: keep-all;
  text-align: right;
  font-size: 0.75em;
  color: #bce0dc;
}
.footer-copyright a, .footer-copyright a:visited {
  color: #bce0dc;
}
.footer-copyright a:hover, .footer-copyright a:active, .footer-copyright a:focus, .footer-copyright a:visited:hover, .footer-copyright a:visited:active, .footer-copyright a:visited:focus {
  color: #ffffff;
  text-decoration: underline;
}
.footer-copyright .wrapper {
  position: absolute;
  width: 100%;
  padding: 0 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* Collapse Footer */
.footer-collapse {
  z-index: 100;
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 100%;
  padding: 0px;
  background-color: #1d6c63;
}
.footer-collapse .wrapper {
  display: table;
  height: 100%;
  width: 100%;
}
.footer-collapse .logo {
  display: table-cell;
  vertical-align: middle;
  padding: 0 4px;
}
.footer-collapse .logo img {
  height: 30px;
}
.footer-collapse .footer-copyright {
  display: table-cell;
  vertical-align: middle;
  padding: 0 4px;
  height: 0;
}
.footer-collapse .collapse-hidden {
  display: none;
}

.footer-collapse:hover {
  width: 100%;
}
.footer-collapse:hover .collapse-hidden {
  display: table-cell;
}

/**/
/* Topbar */
.topbar {
  min-height: 40px;
  background-color: #cccccc;
}
.topbar .breadcrumb {
  background-color: rgba(255, 255, 255, 0);
  margin: 0;
  font-size: 1.25em;
}
.topbar .breadcrumb a, .topbar .breadcrumb a:visited {
  color: #666666;
}
.topbar .breadcrumb a:hover {
  color: #000000;
  text-decoration: none;
}
.topbar .breadcrumb .active {
  color: #ffffff;
}

.topbar-btn {
  padding: 4px 0;
}

.topbar-btn-left {
  display: inline-block;
}

.topbar-btn-right {
  display: inline-block;
  float: right;
}

/**/
/* Login */
.login {
  padding: 10px 0;
}
.login .form-group {
  margin-bottom: 0;
}
.login .btn {
  line-height: 1em;
}
.login a, .login a:visited {
  color: #39bd99;
}
.login a:hover {
  color: #f6635c;
}

.login .collapse {
  -webkit-transition: .5s transform ease-in-out;
  transition: .5s transform ease-in-out;
}

.login-border {
  border: solid 1px #cccccc;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 2px #cccccc;
          box-shadow: 1px 1px 2px #cccccc;
  background-color: #ffffff;
  padding: 20px 15px;
}

.login-border-red {
  border-top: solid 5px #f6635c;
  margin-top: -20px;
  margin-bottom: 20px;
}

.login-btn {
  text-align: left;
  font-size: 0.875em;
  line-height: 0.875em;
  margin-bottom: 10px;
}

.text-eng {
  font-size: 75%;
  line-height: 75%;
}

/**/
/* Content */
.content-wrapper {
  background: -webkit-gradient(linear, left top, right bottom, color-stop(15%, #ffffff), color-stop(85%, #ebf5ff));
  background: linear-gradient(to bottom right, #ffffff 15%, #ebf5ff 85%);
}

.content {
  height: 100%;
  padding: 0;
  text-align: center;
}

.content-title {
  font-size: 1.75em;
  line-height: 1em;
  color: #000000;
  margin: 20px 10px;
}

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

/* Sites Colors */
#content-moderneplus .resource-icon {
  background-color: rgba(185, 208, 134, 0.2);
}
#content-moderneplus .resource-group {
  background-color: rgba(185, 208, 134, 0.4);
}
#content-moderneplus .btnbar {
  background-color: #b9d086;
}

#content-merp .resource-icon {
  background-color: rgba(0, 255, 255, 0.2);
}
#content-merp .resource-group {
  background-color: rgba(0, 255, 255, 0.4);
}
#content-merp .btnbar {
  background-color: #00ffff;
}

#content-meic .resource-icon {
  background-color: rgba(185, 208, 134, 0.2);
}
#content-meic .resource-group {
  background-color: rgba(185, 208, 134, 0.4);
}
#content-meic .modal-header {
  background-color: rgba(185, 208, 134, 0.1);
}
#content-meic .modal-body {
  background-color: rgba(185, 208, 134, 0.2);
}
#content-meic .btnbar {
  background-color: #b9d086;
}
#content-meic .dropdown-menu {
  background-color: rgba(185, 208, 134, 0.5);
}

#content-meic-st .resource-icon {
  background-color: rgba(0, 153, 204, 0.2);
}
#content-meic-st .resource-group {
  background-color: rgba(0, 153, 204, 0.4);
}
#content-meic-st .modal-header {
  background-color: rgba(0, 153, 204, 0.1);
}
#content-meic-st .modal-body {
  background-color: rgba(0, 153, 204, 0.2);
}
#content-meic-st .btnbar {
  background-color: #0099cc;
}
#content-meic-st .dropdown-menu {
  background-color: rgba(0, 153, 204, 0.5);
}

#content-meiq .resource-icon {
  background-color: rgba(153, 0, 204, 0.2);
}
#content-meiq .resource-group {
  background-color: rgba(153, 0, 204, 0.4);
}
#content-meiq .btnbar {
  background-color: #9900cc;
}

#content-medt .resource-icon {
  background-color: rgba(255, 0, 102, 0.2);
}
#content-medt .resource-group {
  background-color: rgba(255, 0, 102, 0.4);
}
#content-medt .btnbar {
  background-color: #ff0066;
}

#content-meps .resource-icon {
  background-color: rgba(255, 102, 0, 0.2);
}
#content-meps .resource-group {
  background-color: rgba(255, 102, 0, 0.4);
}
#content-meps .btnbar {
  background-color: #ff6600;
}

#content-mas .resource-icon {
  background-color: rgba(153, 204, 0, 0.2);
}
#content-mas .resource-group {
  background-color: rgba(153, 204, 0, 0.4);
}
#content-mas .btnbar {
  background-color: #99cc00;
}

#content-task .btnbar {
  bottom: 0;
  background-color: #b9d086;
}
#content-task .dropdown-menu {
  background-color: rgba(185, 208, 134, 0.9);
}

/* Index */
.index-school-name {
  display: none;
  height: 80px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center, left 0 top 0;
}

.index-school-bg {
  height: 333px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
}

/* Class */
.class-icons a {
  position: relative;
  display: block;
  content: "";
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius: 50%;
  margin-bottom: 20px;
}

.class-icons a:hover {
  background-color: #000000;
}

.class-icons span {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
  left: 0;
  right: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2.75em;
  color: white;
}

.class-icon-yr1 {
  background-color: #4e7dcd;
}

.class-icon-yr2 {
  background-color: #ff9950;
}

.class-icon-yr3 {
  background-color: #35bcdc;
}

.class-icon-yr4 {
  background-color: #f53c8f;
}

.class-icon-yr5 {
  background-color: #3fc8b6;
}

.class-icon-yr6 {
  background-color: #ecb13a;
}

.class-icon-add {
  background-color: #dddddd;
}

/**/
/* Resource */
.resource {
  position: relative;
  xheight: 400px;
  width: 100%;
}

.resource-icon {
  display: inline-block;
}

.resource-icon-img img {
  padding: 40px;
  max-height: 100%;
}

.resource-group {
  display: inline-block;
  vertical-align: top;
  float: none;
  width: 200px;
}

.resource-group-list {
  overflow: auto;
}

.resource-btn {
  padding: 0px 10px;
  text-align: right;
  background-color: rgba(255, 255, 255, 0.5);
}
.resource-btn button {
  margin: 10px;
}
.resource-btn .icon {
  display: inline-block;
  margin: 8px;
  padding-bottom: 0;
  width: 48px;
  height: 48px;
  text-align: center;
}
.resource-btn .icon .title {
  margin-top: 4px;
  word-break: keep-all;
  font-size: 0.875em;
  color: #000000;
}
.resource-btn .icon a {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 100%;
  padding: 8px;
  background-color: rgba(255, 255, 255, 0.25);
}
.resource-btn .icon a img {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
.resource-btn .icon a:hover {
  background-color: #000000;
}
.resource-btn .icon a:hover img {
  -webkit-filter: brightness(1);
          filter: brightness(1);
}

/**/
/* Button Bar */
.btnbar {
  position: absolute;
  bottom: 40px;
  left: 0;
  padding: 10px 0;
  width: 100%;
  text-align: right;
}

.btnbar-blocker {
  height: 60px;
}

.btnbar-task {
  padding: 0;
}

.btnbar-tools-step {
  padding: 0;
  padding-bottom: 2px;
  text-align: left;
}
.btnbar-tools-step .title {
  xdisplay: inline-block;
  float: left;
  padding: 2px 4px;
  margin-right: 4px;
  text-align: left;
  line-height: 1.125em;
  font-size: 1em;
  word-break: keep-all;
  color: rgba(255, 255, 255, 0.75);
}
.btnbar-tools-step .title span {
  margin-right: -4px;
}
.btnbar-tools-step .step {
  overflow-y: hidden;
  white-space: nowrap;
}

.btnbar-tools-step-btn {
  text-align: left;
  line-height: 1.125em;
  font-size: 1.125em;
  color: #aaaaaa;
}
.btnbar-tools-step-btn .tab {
  display: inline-block;
  height: 24px;
  padding: 2px 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
}
.btnbar-tools-step-btn .tab .num {
  margin-right: 4px;
  padding: 1px 4px;
  border-radius: 100%;
  color: #ffffff;
  background-color: #aaaaaa;
}
.btnbar-tools-step-btn .tab.active {
  border-color: #000000;
  color: #000000;
  background: #ffffff;
}
.btnbar-tools-step-btn .tab.active .num {
  background-color: #000000;
}

.btnbar-tools-info {
  padding: 0;
  padding-right: 4px;
  text-align: left;
  line-height: 0.938em;
  font-size: 1.125em;
}
.btnbar-tools-info .st-class {
  line-height: 1.125em;
  font-size: 0.75em;
  font-weight: bold;
}

.btnbar-tools-info-task {
  font-size: 1em;
}

.btnbar-tools-btn {
  padding: 2px;
  padding-left: 55px;
  text-align: right;
  xbackground-color: #92ae56;
}
.btnbar-tools-btn .btn {
  display: inline-block;
  xwidth: 100%;
  xline-height: 0.875em;
  xfont-size: 1.125em;
}

.btnbar-tools-icon {
  height: 36px;
  text-align: center;
}
.btnbar-tools-icon .left {
  display: inline-block;
  float: left;
}
.btnbar-tools-icon .middle {
  display: inline-block;
  float: none;
}
.btnbar-tools-icon .right {
  display: inline-block;
  float: right;
}
.btnbar-tools-icon .icon {
  display: inline-block;
  width: 36px;
  height: 36px;
}
.btnbar-tools-icon .icon a {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 100%;
  padding: 8px;
  background-color: rgba(255, 255, 255, 0.25);
}
.btnbar-tools-icon .icon a img {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
.btnbar-tools-icon .icon a:hover {
  background-color: #000000;
}
.btnbar-tools-icon .icon a:hover img {
  -webkit-filter: brightness(1);
          filter: brightness(1);
}
.btnbar-tools-icon .spin {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
}
.btnbar-tools-icon .spin .title {
  display: inline-block;
  vertical-align: middle;
  line-height: 1em;
  font-size: 1em;
}
.btnbar-tools-icon .spin input {
  display: inline-block;
  vertical-align: middle;
  border: none;
  border-radius: 5px;
  text-align: center;
}
.btnbar-tools-icon .dropdown-menu {
  margin-bottom: 10px;
  padding-bottom: 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 3px 3px 6px 0px;
          box-shadow: rgba(0, 0, 0, 0.25) 3px 3px 6px 0px;
  xbox-shadow: none;
  border: none;
  text-align: center;
}

.btnbar-tools-menu {
  text-align: left !important;
}
.btnbar-tools-menu .dropdown-menu {
  margin-bottom: 5px;
  padding-bottom: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  text-align: center;
}

.btnbar-tools-menu-right {
  text-align: right !important;
}

/**/
/* Icon Bar */
.iconbar {
  margin: 20px auto;
  padding: 4px 12px;
  xpadding-bottom: 0;
  border-radius: 5px;
  background-color: #eeeeee;
}
.iconbar .icon {
  display: inline-block;
  margin: 6px;
  width: 48px;
  height: 48px;
}
.iconbar .icon .title {
  margin-top: 4px;
  word-break: keep-all;
  font-size: 0.875em;
  color: #000000;
}
.iconbar .icon a {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 100%;
  padding: 8px;
  background-color: rgba(255, 255, 255, 0.25);
}
.iconbar .icon a img {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
.iconbar .icon a:hover {
  background-color: #000000;
}
.iconbar .icon a:hover img {
  -webkit-filter: brightness(1);
          filter: brightness(1);
}

/**/
/* Tab bar */
.tabbar {
  margin-top: 10px;
}

/**/
/* Student List */
.st-list {
  padding: 10px;
}
.st-list .media-body {
  text-align: left;
}

.st-list-icon {
  position: relative;
  padding-bottom: 100%;
  border-radius: 50%;
  width: 100%;
  background-color: #0099cc;
}

.st-list-icon span {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  left: 0;
  right: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.75em;
  color: #ffffff;
}

.st-list-name {
  line-height: 1.25em;
  font-size: 1.125em;
  font-weight: bold;
  color: #000000;
}

.st-list-class {
  line-height: 1em;
  font-size: 0.875em;
  color: #000000;
}

.st-list .offline .st-list-icon {
  background-color: #c4c4c4 !important;
}
.st-list .offline .st-list-name,
.st-list .offline .st-list-class {
  color: #c4c4c4;
}
.st-list .disconnect .st-list-icon {
  background-color: transparent !important;
}
.st-list .disconnect .st-list-icon span {
  visibility: hidden;
}
.st-list .disconnect .st-list-icon span::before {
  visibility: visible;
  position: absolute;
  font-family: 'Glyphicons Halflings';
  content: '\e209';
  font-size: 2em;
  color: #ff0066;
}
.st-list .disconnect .st-list-name,
.st-list .disconnect .st-list-class {
  color: #ff0066;
}
.st-list .highlight .st-list-icon {
  background-color: transparent !important;
}
.st-list .highlight .st-list-icon span {
  visibility: hidden;
}
.st-list .highlight .st-list-icon span::before {
  visibility: visible;
  position: absolute;
  font-family: 'Glyphicons Halflings';
  content: '\e005';
  font-size: 2em;
  color: #9900cc;
}
.st-list .highlight .st-list-name,
.st-list .highlight .st-list-class {
  color: #9900cc;
}
.st-list .edit .st-list-icon {
  background-color: transparent !important;
}
.st-list .edit .st-list-icon span {
  visibility: hidden;
}
.st-list .edit .st-list-icon span::before {
  visibility: visible;
  position: absolute;
  font-family: 'Glyphicons Halflings';
  content: '\e090';
  font-size: 2em;
  color: #ff6600;
}
.st-list .edit .st-list-name,
.st-list .edit .st-list-class {
  color: #ff6600;
}

/* Resource */
.resource-group .media-list {
  font-size: 1em;
}
.resource-group .media-left {
  padding: 0;
  min-width: 36px;
}
.resource-group .media-body {
  padding-left: 10px;
}

/* Classroom */
.classroom {
  padding: 0;
  margin-top: -25px;
}
.classroom .media-list {
  font-size: 1.5em;
}
.classroom .media:first-child {
  margin-top: 15px;
}
.classroom .media-left {
  padding: 10px;
  min-width: 72px;
}
.classroom .media-body {
  padding: 10px;
  padding-left: 10px;
}
.classroom .media.offline .media-left {
  background-color: rgba(196, 196, 196, 0.2);
}
.classroom .media.offline .media-body {
  background-color: rgba(196, 196, 196, 0.4);
}
.classroom .media.online .media-left {
  background-color: rgba(0, 153, 204, 0.2);
}
.classroom .media.online .media-body {
  background-color: rgba(0, 153, 204, 0.4);
}
.classroom .media.disconnect .media-left {
  background-color: rgba(255, 0, 102, 0.2);
}
.classroom .media.disconnect .media-body {
  background-color: rgba(255, 0, 102, 0.4);
}
.classroom .media.highlight .media-left {
  background-color: rgba(153, 0, 204, 0.2);
}
.classroom .media.highlight .media-body {
  background-color: rgba(153, 0, 204, 0.4);
}
.classroom .media.edit .media-left {
  background-color: rgba(255, 102, 0, 0.2);
}
.classroom .media.edit .media-body {
  background-color: rgba(255, 102, 0, 0.4);
}

/**/
/* Carousel */
/* MEIC Ads */
.modal-meic-ads .modal-dialog {
  width: 100%;
  max-width: 800px;
  padding-right: 20px;
}

.carousel-meic-ads .carousel-indicators {
  bottom: -10px;
}
.carousel-meic-ads .carousel-indicators li {
  border-color: rgba(0, 0, 0, 0.5);
}
.carousel-meic-ads .carousel-indicators li.active {
  background-color: rgba(0, 0, 0, 0.5);
}
.carousel-meic-ads .carousel-caption {
  bottom: 0;
  line-height: 1.5em;
  font-size: 1.5em;
  color: #000000;
  background-color: rgba(255, 255, 255, 0.7);
}
.carousel-meic-ads .carousel-control {
  color: rgba(0, 0, 0, 0.5);
}

/**/
/* School */
.bar-animation {
  background-size: 40px 40px;
  -webkit-animation: 5s linear 0s normal none infinite progress-bar-stripes;
          animation: 5s linear 0s normal none infinite progress-bar-stripes;
}

/* apsss */
#apsss .navbar-menu-school {
  color: #fb9845;
}
#apsss .topbar {
  background-image: linear-gradient(-45deg, #fb9845 25%, #fcac6a 25%, #fcac6a 50%, #fb9845 50%, #fb9845 75%, #fcac6a 75%);
}
#apsss .index-school-bg {
  background-image: url(../img/school/apsss/index_bar.png), -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#ebf5ff));
  background-image: url(../img/school/apsss/index_bar.png), linear-gradient(to bottom right, #ffffff, #ebf5ff);
}

/* aspcps */
#aspcps .navbar-menu-school {
  color: #43a6fb;
}
#aspcps .topbar {
  background-image: linear-gradient(-45deg, #43a6fb 25%, #68b8fc 25%, #68b8fc 50%, #43a6fb 50%, #43a6fb 75%, #68b8fc 75%);
}
#aspcps .index-school-bg {
  background-image: url(../img/school/aspcps/index_bar.png), -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#ebf5ff));
  background-image: url(../img/school/aspcps/index_bar.png), linear-gradient(to bottom right, #ffffff, #ebf5ff);
}

/* Bootstrap 3 MEDIA QUARY */
/**/
/* Mobile First Method */
/* Custom, iPhone Retina */
/* Extra Small Devices XS and Up, Phones */
/* Extra Small Devices XS Only, Phones */
/* Small Devices SM and Up, Tablets */
/* Small Devices SM Only, Tablets */
/* Medium Devices MD and Up, Desktops */
/* Medium Devices MD Only, Desktops */
/* Large Devices LG and Up, Wide Screens */
/**/
/* Non-Mobile First Method */
/* Large Devices LG and Down, Wide Screens */
/* Medium Devices MD Only, Wide Screens */
/* Medium Devices MD and Down, Desktops */
/* Small Devices MD Only, Desktops */
/* Small Devices SM and Down, Tablets */
@media only screen and (max-width: 768px) {
  body {
    font-size: 14px;
    margin-bottom: 60px;
  }

  .navbar-logo-site img {
    float: right;
  }

  footer {
    height: 60px;
  }

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

  .footer-copyright {
    height: 20px;
    text-align: center;
  }

  .btnbar {
    bottom: 60px;
  }

  .login {
    padding: 10px;
  }
  .login .form-group {
    margin-bottom: 15px;
  }

  .login-btn {
    display: inline-block;
  }

  .login-btn-password {
    float: left;
  }

  .login-btn-registry {
    float: right;
  }

  .index-school-name {
    display: block;
  }

  .index-school-bg {
    background-size: cover;
    background-position: left 20% top;
  }

  .resource {
    height: auto;
  }

  .resource-icon {
    display: block;
  }
  .resource-icon img {
    padding: 20px;
  }

  .resource-group {
    display: block;
    width: 100%;
  }
}
/* Extra small Devices SM Only, Tablets */
/* Extra Small Devices XS and Down, Phones */
@media only screen and (max-width: 480px) {
  body {
    margin-bottom: 60px;
  }

  footer {
    height: 60px;
  }

  .footer-copyright {
    height: 20px;
  }

  .footer-collapse {
    width: 40px;
  }

  .btnbar {
    bottom: 60px;
  }

  .btnbar-tools-btn {
    padding-left: 45px;
  }

  .class-icons .row [class*="col-"] {
    padding: 0 5px;
  }

  .class-icons span {
    font-size: 2.5em;
  }
}
/* Custom, iPhone Retina */
/**/
/* Media Quary Targets High Resolution Screens, Retina */

/*# sourceMappingURL=custom.css.map */